codexmate 0.1.21 → 0.1.23

package/web-ui/modules/app.methods.prompts-editor.mjs

@@ -0,0 +1,326 @@
+/**
+ * Prompts-panel Markdown editor methods: overlay highlight sync,
+ * mobile view switching, and the live split preview (marked + DOMPurify,
+ * debounced). One implementation is shared by the agentsContent editor
+ * and the sysPromptContent editor.
+ *
+ * State contract (declared in app.js data()):
+ *   promptsPreviewEnabled, promptsPreviewCollapsed, promptsMobileView,
+ *   promptsPreviewLibsMissing, agentsHighlightHtml, sysPromptHighlightHtml,
+ *   agentsPreviewHtml, sysPromptPreviewHtml, agentsChangeAxis, sysChangeAxis
+ * Template contract:
+ *   refs promptsAgentsTextarea / promptsSysTextarea on the two textareas,
+ *   refs promptsAgentsHighlight / promptsSysHighlight on the backdrop <pre>,
+ *   refs promptsAgentsDiffView / promptsSysDiffView on the two diff row containers.
+ */
+
+import {
+    buildMarkdownPreviewHtml,
+    highlightMarkdownText
+} from '../logic.markdown-editor.mjs';
+import {
+    buildPromptsChangeAxis,
+    buildPromptsDiffAxis,
+    computePromptsAxisScrollTop
+} from '../logic.prompts-change-axis.mjs';
+
+const PROMPTS_HIGHLIGHT_DEBOUNCE_MS = 150;
+const PROMPTS_PREVIEW_DEBOUNCE_MS = 300;
+const PROMPTS_AXIS_DEBOUNCE_MS = 300;
+
+const PROMPTS_EDITOR_META = {
+    agents: {
+        contentField: 'agentsContent',
+        originalField: 'agentsOriginalContent',
+        highlightField: 'agentsHighlightHtml',
+        previewField: 'agentsPreviewHtml',
+        axisField: 'agentsChangeAxis',
+        diffLinesField: 'agentsDiffLines',
+        diffStatsField: 'agentsDiffStats',
+        diffVisibleField: 'agentsDiffVisible',
+        loadingField: 'agentsLoading',
+        savingField: 'agentsSaving',
+        diffLoadingField: 'agentsDiffLoading',
+        prepareDiffMethod: 'prepareAgentsDiff',
+        textareaRef: 'promptsAgentsTextarea',
+        highlightRef: 'promptsAgentsHighlight',
+        diffViewRef: 'promptsAgentsDiffView'
+    },
+    sys: {
+        contentField: 'sysPromptContent',
+        originalField: 'sysPromptOriginalContent',
+        highlightField: 'sysPromptHighlightHtml',
+        previewField: 'sysPromptPreviewHtml',
+        axisField: 'sysChangeAxis',
+        diffLinesField: 'sysPromptDiffLines',
+        diffStatsField: 'sysPromptDiffStats',
+        diffVisibleField: 'sysPromptDiffVisible',
+        loadingField: 'sysPromptLoading',
+        savingField: 'sysPromptSaving',
+        diffLoadingField: 'sysPromptDiffLoading',
+        prepareDiffMethod: 'prepareSysPromptDiff',
+        textareaRef: 'promptsSysTextarea',
+        highlightRef: 'promptsSysHighlight',
+        diffViewRef: 'promptsSysDiffView'
+    }
+};
+
+function emptyPromptsChangeAxis() {
+    return { mode: 'edit', ticks: [], truncated: false, totalLines: 0, added: 0, removed: 0 };
+}
+
+function resolvePromptsHljs() {
+    if (typeof window !== 'undefined' && window.hljs) {
+        return window.hljs;
+    }
+    return null;
+}
+
+function resolvePromptsPreviewLibs() {
+    if (typeof window === 'undefined') {
+        return { marked: null, purify: null };
+    }
+    return { marked: window.marked || null, purify: window.DOMPurify || null };
+}
+
+export function createPromptsEditorMethods() {
+    return {
+        promptsEditorMeta(key) {
+            return PROMPTS_EDITOR_META[key] || null;
+        },
+
+
+        refreshPromptsHighlight(key) {
+            const meta = this.promptsEditorMeta(key);
+            if (!meta) {
+                return;
+            }
+            this[meta.highlightField] = highlightMarkdownText(this[meta.contentField], resolvePromptsHljs());
+            this.syncPromptsOverlayScroll(key);
+        },
+
+        schedulePromptsHighlight(key) {
+            const meta = this.promptsEditorMeta(key);
+            if (!meta) {
+                return;
+            }
+            if (!this._promptsHighlightTimers) {
+                this._promptsHighlightTimers = {};
+            }
+            if (this._promptsHighlightTimers[key]) {
+                clearTimeout(this._promptsHighlightTimers[key]);
+            }
+            this._promptsHighlightTimers[key] = setTimeout(() => {
+                this._promptsHighlightTimers[key] = null;
+                this.refreshPromptsHighlight(key);
+            }, PROMPTS_HIGHLIGHT_DEBOUNCE_MS);
+        },
+
+        syncPromptsOverlayScroll(key) {
+            const meta = this.promptsEditorMeta(key);
+            if (!meta || typeof this.$refs !== 'object' || !this.$refs) {
+                return;
+            }
+            const textarea = this.$refs[meta.textareaRef];
+            const backdrop = this.$refs[meta.highlightRef];
+            if (!textarea || !backdrop) {
+                return;
+            }
+            backdrop.scrollTop = textarea.scrollTop;
+            backdrop.scrollLeft = textarea.scrollLeft;
+        },
+
+        refreshPromptsPreview(key) {
+            const meta = this.promptsEditorMeta(key);
+            if (!meta) {
+                return;
+            }
+            if (!this.promptsPreviewEnabled) {
+                return;
+            }
+            const libs = resolvePromptsPreviewLibs();
+            const state = buildMarkdownPreviewHtml(this[meta.contentField], libs.marked, libs.purify);
+            if (state.unavailable) {
+                this.promptsPreviewLibsMissing = true;
+                this[meta.previewField] = '';
+                return;
+            }
+            this.promptsPreviewLibsMissing = false;
+            this[meta.previewField] = state.html;
+        },
+
+        schedulePromptsPreview(key) {
+            const meta = this.promptsEditorMeta(key);
+            if (!meta) {
+                return;
+            }
+            if (!this._promptsPreviewTimers) {
+                this._promptsPreviewTimers = {};
+            }
+            if (this._promptsPreviewTimers[key]) {
+                clearTimeout(this._promptsPreviewTimers[key]);
+            }
+            this._promptsPreviewTimers[key] = setTimeout(() => {
+                this._promptsPreviewTimers[key] = null;
+                this.refreshPromptsPreview(key);
+            }, PROMPTS_PREVIEW_DEBOUNCE_MS);
+        },
+
+        schedulePromptsEditorRefresh(key) {
+            this.schedulePromptsHighlight(key);
+            this.schedulePromptsPreview(key);
+            this.schedulePromptsChangeAxis(key);
+        },
+
+        refreshPromptsChangeAxis(key) {
+            const meta = this.promptsEditorMeta(key);
+            if (!meta) {
+                return;
+            }
+            if (this[meta.diffVisibleField]) {
+                const axis = buildPromptsDiffAxis(this[meta.diffLinesField]);
+                const stats = this[meta.diffStatsField];
+                this[meta.axisField] = {
+                    mode: 'diff',
+                    ticks: axis.truncated ? [] : axis.ticks,
+                    truncated: axis.truncated,
+                    totalLines: axis.rowCount,
+                    added: Number(stats && stats.added) || 0,
+                    removed: Number(stats && stats.removed) || 0
+                };
+                this.consumePromptsAxisPendingJump(key);
+                return;
+            }
+            this.clearPromptsAxisPendingJump(key);
+            const current = this[meta.contentField];
+            const original = this[meta.originalField];
+            if (typeof current !== 'string' || current === original) {
+                this[meta.axisField] = emptyPromptsChangeAxis();
+                return;
+            }
+            const axis = buildPromptsChangeAxis(typeof original === 'string' ? original : '', current);
+            this[meta.axisField] = {
+                mode: 'edit',
+                ticks: axis.truncated ? [] : axis.ticks,
+                truncated: axis.truncated,
+                totalLines: axis.totalLines,
+                added: Number(axis.stats && axis.stats.added) || 0,
+                removed: Number(axis.stats && axis.stats.removed) || 0
+            };
+        },
+
+        schedulePromptsChangeAxis(key) {
+            const meta = this.promptsEditorMeta(key);
+            if (!meta) {
+                return;
+            }
+            if (!this._promptsAxisTimers) {
+                this._promptsAxisTimers = {};
+            }
+            if (this._promptsAxisTimers[key]) {
+                clearTimeout(this._promptsAxisTimers[key]);
+            }
+            this._promptsAxisTimers[key] = setTimeout(() => {
+                this._promptsAxisTimers[key] = null;
+                this.refreshPromptsChangeAxis(key);
+            }, PROMPTS_AXIS_DEBOUNCE_MS);
+        },
+
+        jumpToPromptsChangeTick(key, tick) {
+            const meta = this.promptsEditorMeta(key);
+            const axis = meta ? this[meta.axisField] : null;
+            if (!meta || !axis || !tick) {
+                return;
+            }
+            if (axis.mode === 'diff') {
+                const view = this.$refs && this.$refs[meta.diffViewRef];
+                const rows = view && view.children ? Array.prototype.slice.call(view.children) : [];
+                const target = rows[tick.rowIndex];
+                if (target && typeof target.scrollIntoView === 'function') {
+                    target.scrollIntoView({ block: 'center' });
+                }
+                return;
+            }
+            // Edit mode: a tick click opens the red/green comparison view
+            // focused on this hunk, so the user sees WHAT changed (old vs new),
+            // not just where. prepareAgentsDiff / prepareSysPromptDiff are the
+            // same preview entry the save/eye button uses; both settle their
+            // own error state internally and never reject.
+            const canOpenDiff = typeof this[meta.prepareDiffMethod] === 'function'
+                && !this[meta.loadingField]
+                && !this[meta.savingField]
+                && !this[meta.diffLoadingField];
+            if (canOpenDiff) {
+                this._promptsAxisPendingJump = { key, startLine: tick.startLine };
+                this[meta.prepareDiffMethod]();
+                return;
+            }
+            // Fallback when the diff flow is not wired on the context (isolated
+            // method usage): keep the legacy proportional editor scroll so the
+            // click still produces an observable move instead of a silent no-op.
+            const textarea = this.$refs && this.$refs[meta.textareaRef];
+            if (!textarea || typeof textarea.scrollTop !== 'number') {
+                return;
+            }
+            textarea.scrollTop = computePromptsAxisScrollTop(
+                textarea.scrollHeight,
+                textarea.clientHeight,
+                tick.startLine,
+                axis.totalLines
+            );
+            this.syncPromptsOverlayScroll(key);
+        },
+
+        clearPromptsAxisPendingJump(key) {
+            if (this._promptsAxisPendingJump && this._promptsAxisPendingJump.key === key) {
+                this._promptsAxisPendingJump = null;
+            }
+        },
+
+        consumePromptsAxisPendingJump(key) {
+            const pending = this._promptsAxisPendingJump;
+            if (!pending || pending.key !== key) {
+                return;
+            }
+            const meta = this.promptsEditorMeta(key);
+            if (!meta) {
+                this._promptsAxisPendingJump = null;
+                return;
+            }
+            const axis = this[meta.axisField];
+            if (!axis || axis.mode !== 'diff' || !axis.ticks.length) {
+                return;
+            }
+            this._promptsAxisPendingJump = null;
+            const target = axis.ticks.find((tick) => tick.startLine === pending.startLine)
+                || axis.ticks.find((tick) => tick.startLine >= pending.startLine)
+                || axis.ticks[axis.ticks.length - 1];
+            const applyScroll = () => {
+                const view = this.$refs && this.$refs[meta.diffViewRef];
+                const rows = view && view.children ? Array.prototype.slice.call(view.children) : [];
+                const row = rows[target.rowIndex];
+                if (row && typeof row.scrollIntoView === 'function') {
+                    row.scrollIntoView({ block: 'center' });
+                }
+            };
+            if (typeof this.$nextTick === 'function') {
+                this.$nextTick(applyScroll);
+            } else {
+                applyScroll();
+            }
+        },
+
+        setPromptsMobileView(view) {
+            if (view === 'edit' || view === 'preview') {
+                this.promptsMobileView = view;
+            }
+        },
+
+        togglePromptsPreviewCollapsed() {
+            this.promptsPreviewCollapsed = !this.promptsPreviewCollapsed;
+            if (typeof this.persistWebUiPreferences === 'function') {
+                this.persistWebUiPreferences({ promptsPreviewCollapsed: this.promptsPreviewCollapsed });
+            }
+        }
+    };
+}

package/web-ui/modules/app.methods.session-actions.mjs

@@ -174,28 +174,61 @@ export function createSessionActionMethods(options = {}) {
 
         async copySessionWorkspaceBrief() {
             const summary = this.activeSessionWorkspaceSummary;
-            const text = summary && typeof summary.briefText === 'string'
+            const brief = summary && typeof summary.briefText === 'string'
                 ? summary.briefText.trim()
                 : '';
-            if (!text) {
+            if (!brief) {
                 this.showMessage(this.t('sessions.workspace.copy.empty'), 'error');
                 return;
             }
+            const session = this.activeSession;
+            let exported;
+            let exportResult;
+            try {
+                const res = await api('export-session', {
+                    source: session.source,
+                    sessionId: session.sessionId,
+                    filePath: session.filePath
+                });
+                if (!res || typeof res !== 'object' || (typeof res.error === 'string' && res.error.trim())) {
+                    this.showMessage((res && res.error) || this.t('toast.copy.fail'), 'error');
+                    return;
+                }
+                exported = typeof res.content === 'string' ? res.content.trim() : '';
+                if (!exported) {
+                    this.showMessage(this.t('toast.copy.fail'), 'error');
+                    return;
+                }
+                exportResult = res;
+            } catch (e) {
+                this.showMessage(this.t('toast.copy.fail'), 'error');
+                return;
+            }
+            const text = `${brief}\n\n---\n\n${exported}`;
             const ok = this.fallbackCopyText(text);
             if (ok) {
-                this.showMessage(this.t('sessions.workspace.copy.success'), 'success');
+                this.notifyBriefCopied(exportResult);
                 return;
             }
             try {
                 if (navigator.clipboard && window.isSecureContext) {
                     await navigator.clipboard.writeText(text);
-                    this.showMessage(this.t('sessions.workspace.copy.success'), 'success');
+                    this.notifyBriefCopied(exportResult);
                     return;
                 }
             } catch (_) {}
             this.showMessage(this.t('toast.copy.fail'), 'error');
         },
 
+        notifyBriefCopied(exportResult) {
+            if (exportResult && exportResult.truncated) {
+                const maxLabel = exportResult.maxMessages === 'all' ? 'all' : exportResult.maxMessages;
+                this.showMessage(`已复制工作简报（会话全文已截断：最多 ${maxLabel} 条消息）`, 'info');
+                return;
+            }
+            this.showMessage(this.t('sessions.workspace.copy.success'), 'success');
+        },
+
         getSessionExportKey(session) {
             return `${session.source || 'unknown'}:${session.sessionId || ''}:${session.filePath || ''}`;
         },

package/web-ui/modules/app.methods.web-ui-preferences.mjs

@@ -341,6 +341,7 @@ export function createWebUiPreferencesMethods(options = {}) {
                     : this.configTemplateDiffConfirmEnabled !== false,
                 sessionsUsageTimeRange: normalizeUsageTimeRange(hasOwn(source, 'sessionsUsageTimeRange') ? source.sessionsUsageTimeRange : this.sessionsUsageTimeRange),
                 promptsSubTab: normalizePromptsSubTab(hasOwn(source, 'promptsSubTab') ? source.promptsSubTab : this.promptsSubTab),
+                promptsPreviewCollapsed: normalizeBoolean(hasOwn(source, 'promptsPreviewCollapsed') ? source.promptsPreviewCollapsed : this.promptsPreviewCollapsed, true),
                 sysPromptScope: normalizeSysPromptScope(hasOwn(source, 'sysPromptScope') ? source.sysPromptScope : this.sysPromptScope),
                 sysPromptMode: normalizeSysPromptMode(hasOwn(source, 'sysPromptMode') ? source.sysPromptMode : this.sysPromptMode),
                 promptPresets: normalizePromptPresets(hasOwn(source, 'promptPresets') ? source.promptPresets : this.promptPresets),
@@ -398,6 +399,9 @@ export function createWebUiPreferencesMethods(options = {}) {
                 if (typeof source.promptsSubTab === 'string') {
                     this.promptsSubTab = normalizePromptsSubTab(source.promptsSubTab);
                 }
+                if (hasOwn(source, 'promptsPreviewCollapsed')) {
+                    this.promptsPreviewCollapsed = normalizeBoolean(source.promptsPreviewCollapsed, true);
+                }
                 if (typeof source.sysPromptScope === 'string') {
                     this.sysPromptScope = normalizeSysPromptScope(source.sysPromptScope);
                 }

package/web-ui/modules/i18n/locales/en.mjs

@@ -233,6 +233,17 @@ const en = Object.freeze({
     'prompts.subTab.project': 'CLAUDE.md',
     'prompts.subTab.system': 'System Prompt (Pi)',
     'prompts.subTab.presets': 'Preset pool',
+    'prompts.editor.toolbar': 'Markdown toolbar',
+    'prompts.editor.collapsePreview': 'Collapse preview',
+    'prompts.editor.expandPreview': 'Expand preview',
+    'prompts.editor.previewToggle': 'Live preview',
+    'prompts.editor.edit': 'Edit',
+    'prompts.editor.preview': 'Preview',
+    'prompts.editor.previewUnavailable': 'Preview components missing (marked / DOMPurify), please refresh the page',
+    'prompts.editor.previewEmpty': 'Nothing to preview yet',
+    'prompts.editor.changeAxis': 'Change navigation axis',
+    'prompts.editor.changeAxisTick': 'Line {line} (+{added} / -{removed})',
+    'prompts.editor.changeAxisTruncated': 'Too many changed regions; collapsed to summary',
     'prompts.presets.title': 'Presets',
     'prompts.presets.hint': 'Manage presets.',
     'prompts.presets.namePlaceholder': 'Preset name',

package/web-ui/modules/i18n/locales/ja.mjs

@@ -234,6 +234,17 @@ const ja = Object.freeze({
     'prompts.subTab.project': 'CLAUDE.md',
     'prompts.subTab.system': 'System Prompt (Pi)',
     'prompts.subTab.presets': 'プリセット',
+    'prompts.editor.toolbar': 'Markdown ツールバー',
+    'prompts.editor.collapsePreview': 'プレビューを折りたたむ',
+    'prompts.editor.expandPreview': 'プレビューを展開',
+    'prompts.editor.previewToggle': 'ライブプレビュー',
+    'prompts.editor.edit': '編集',
+    'prompts.editor.preview': 'プレビュー',
+    'prompts.editor.previewUnavailable': 'プレビュー用コンポーネント（marked / DOMPurify）が読み込まれていません。ページを再読み込みしてください',
+    'prompts.editor.previewEmpty': 'プレビューする内容がありません',
+    'prompts.editor.changeAxis': '変更ナビゲーション軸',
+    'prompts.editor.changeAxisTick': '{line} 行目（+{added} / -{removed}）',
+    'prompts.editor.changeAxisTruncated': '変更領域が多すぎるため、統計に折りたたまれました',
     'prompts.presets.title': 'プリセット',
     'prompts.presets.hint': 'プリセットを管理します。',
     'prompts.presets.namePlaceholder': 'プリセット名',

package/web-ui/modules/i18n/locales/vi.mjs

@@ -251,6 +251,17 @@ const vi = Object.freeze({
     'prompts.subTab.project': 'CLAUDE.md',
     'prompts.subTab.system': 'System Prompt (Pi)',
     'prompts.subTab.presets': 'Kho preset',
+    'prompts.editor.toolbar': 'Thanh công cụ Markdown',
+    'prompts.editor.collapsePreview': 'Thu gọn bản xem trước',
+    'prompts.editor.expandPreview': 'Mở rộng bản xem trước',
+    'prompts.editor.previewToggle': 'Xem trước trực tiếp',
+    'prompts.editor.edit': 'Chỉnh sửa',
+    'prompts.editor.preview': 'Xem trước',
+    'prompts.editor.previewUnavailable': 'Thư viện xem trước (marked / DOMPurify) chưa được tải, hãy tải lại trang',
+    'prompts.editor.previewEmpty': 'Chưa có nội dung để xem trước',
+    'prompts.editor.changeAxis': 'Trục điều hướng thay đổi',
+    'prompts.editor.changeAxisTick': 'Dòng {line} (+{added} / -{removed})',
+    'prompts.editor.changeAxisTruncated': 'Quá nhiều vùng thay đổi; đã thu gọn thành thống kê',
     'prompts.presets.title': 'Preset',
     'prompts.presets.hint': 'Quản lý preset.',
     'prompts.presets.namePlaceholder': 'Tên preset',

package/web-ui/modules/i18n/locales/zh-tw.mjs

@@ -233,6 +233,17 @@ const zhTw = Object.freeze({
     'prompts.subTab.project': 'CLAUDE.md',
     'prompts.subTab.system': 'System Prompt (Pi)',
     'prompts.subTab.presets': '預設池',
+    'prompts.editor.toolbar': 'Markdown 工具列',
+    'prompts.editor.collapsePreview': '收起預覽',
+    'prompts.editor.expandPreview': '展開預覽',
+    'prompts.editor.previewToggle': '即時預覽',
+    'prompts.editor.edit': '編輯',
+    'prompts.editor.preview': '預覽',
+    'prompts.editor.previewUnavailable': '預覽元件未載入（marked / DOMPurify 缺失），請重新整理頁面',
+    'prompts.editor.previewEmpty': '尚無內容可預覽',
+    'prompts.editor.changeAxis': '改動導覽軸',
+    'prompts.editor.changeAxisTick': '第 {line} 行（+{added} / -{removed}）',
+    'prompts.editor.changeAxisTruncated': '改動區域過多，已摺疊為統計',
     'prompts.presets.title': '預設池',
     'prompts.presets.hint': '管理預設。',
     'prompts.presets.namePlaceholder': '預設名稱',

package/web-ui/modules/i18n/locales/zh.mjs

@@ -233,6 +233,17 @@ const zh = Object.freeze({
     'prompts.subTab.project': 'CLAUDE.md',
     'prompts.subTab.system': 'System Prompt (Pi)',
     'prompts.subTab.presets': '预设池',
+    'prompts.editor.toolbar': 'Markdown 工具栏',
+    'prompts.editor.collapsePreview': '收起预览',
+    'prompts.editor.expandPreview': '展开预览',
+    'prompts.editor.previewToggle': '实时预览',
+    'prompts.editor.edit': '编辑',
+    'prompts.editor.preview': '预览',
+    'prompts.editor.previewUnavailable': '预览组件未加载（marked / DOMPurify 缺失），请刷新页面',
+    'prompts.editor.previewEmpty': '暂无内容可预览',
+    'prompts.editor.changeAxis': '改动导航轴',
+    'prompts.editor.changeAxisTick': '第 {line} 行（+{added} / -{removed}）',
+    'prompts.editor.changeAxisTruncated': '改动区域过多，已折叠为统计',
     'prompts.presets.title': '预设池',
     'prompts.presets.hint': '管理预设。',
     'prompts.presets.namePlaceholder': '预设名称',