codexmate 0.1.23 → 0.1.25

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

@@ -2,6 +2,17 @@ const vi = Object.freeze({
     'plugins.catalog.promptTemplates.title': 'Mẫu prompt',
     'plugins.catalog.promptTemplates.description': 'Công cụ prompt theo mẫu, hỗ trợ biến, sao chép và xuất.',
     'plugins.status.standard': 'tiêu chuẩn',
+    'plugins.catalog.textTools.title': 'Công cụ văn bản',
+    'plugins.catalog.textTools.description': 'Bộ công cụ văn bản nhẹ; công cụ đầu tiên nén văn bản nhiều dòng thành một dòng.',
+    'plugins.textTools.title': 'Công cụ văn bản',
+    'plugins.textTools.tools.aria': 'Chọn công cụ văn bản',
+    'plugins.textTools.tools.compress': 'Nén văn bản',
+    'plugins.textTools.compress.inputLabel': 'Nhập văn bản',
+    'plugins.textTools.compress.inputPlaceholder': 'Dán hoặc nhập văn bản cần nén…',
+    'plugins.textTools.compress.inputAria': 'Văn bản cần nén',
+    'plugins.textTools.compress.outputTitle': 'Kết quả nén',
+    'plugins.textTools.compress.outputAria': 'Kết quả văn bản đã nén',
+    'plugins.textTools.compress.copy': 'Sao chép',
     'plugins.builtin.commentPolish.name': 'Chỉnh chú thích mã',
     'plugins.builtin.commentPolish.desc': 'Chỉnh nhẹ các chú thích mã sau {{code}}',
     'plugins.builtin.commentPolish.line1': 'Chỉnh nhẹ các chú thích mã sau',
@@ -250,6 +261,17 @@ const vi = Object.freeze({
     'prompts.subTab.opencode': 'AGENTS.md (OpenCode)',
     'prompts.subTab.project': 'CLAUDE.md',
     'prompts.subTab.system': 'System Prompt (Pi)',
+    'prompts.pathReference.title': 'Chèn tham chiếu quy tắc',
+    'prompts.pathReference.placeholder': 'Chèn tham chiếu quy tắc…',
+    'prompts.pathReference.codex': 'AGENTS.md (Codex)',
+    'prompts.pathReference.opencode': 'AGENTS.md (OpenCode)',
+    'prompts.pathReference.claudeGlobal': 'CLAUDE.md (Toàn cục)',
+    'prompts.pathReference.claudeProject': 'CLAUDE.md (Dự án hiện tại)',
+    'prompts.pathReference.system': '{file} (System Prompt Pi)',
+    'prompts.pathReference.projectMissing': 'Chưa chọn đường dẫn dự án',
+    'prompts.pathReference.notLoaded': 'Đang tải đường dẫn…',
+    'prompts.pathReference.loadFailed': 'Tải đường dẫn thất bại',
+    'prompts.pathReference.toast.inserted': 'Đã chèn tham chiếu quy tắc',
     'prompts.subTab.presets': 'Kho preset',
     'prompts.editor.toolbar': 'Thanh công cụ Markdown',
     'prompts.editor.collapsePreview': 'Thu gọn bản xem trước',
@@ -261,7 +283,6 @@ const vi = Object.freeze({
     '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

@@ -232,6 +232,17 @@ const zhTw = Object.freeze({
     'prompts.subTab.opencode': 'AGENTS.md (OpenCode)',
     'prompts.subTab.project': 'CLAUDE.md',
     'prompts.subTab.system': 'System Prompt (Pi)',
+    'prompts.pathReference.title': '插入規則引用',
+    'prompts.pathReference.placeholder': '插入規則引用…',
+    'prompts.pathReference.codex': 'AGENTS.md (Codex)',
+    'prompts.pathReference.opencode': 'AGENTS.md (OpenCode)',
+    'prompts.pathReference.claudeGlobal': 'CLAUDE.md（全域）',
+    'prompts.pathReference.claudeProject': 'CLAUDE.md（目前專案）',
+    'prompts.pathReference.system': '{file}（Pi System Prompt）',
+    'prompts.pathReference.projectMissing': '未選擇專案路徑',
+    'prompts.pathReference.notLoaded': '路徑載入中…',
+    'prompts.pathReference.loadFailed': '路徑載入失敗',
+    'prompts.pathReference.toast.inserted': '已插入規則引用',
     'prompts.subTab.presets': '預設池',
     'prompts.editor.toolbar': 'Markdown 工具列',
     'prompts.editor.collapsePreview': '收起預覽',
@@ -243,7 +254,6 @@ const zhTw = Object.freeze({
     'prompts.editor.previewEmpty': '尚無內容可預覽',
     'prompts.editor.changeAxis': '改動導覽軸',
     'prompts.editor.changeAxisTick': '第 {line} 行（+{added} / -{removed}）',
-    'prompts.editor.changeAxisTruncated': '改動區域過多，已摺疊為統計',
     'prompts.presets.title': '預設池',
     'prompts.presets.hint': '管理預設。',
     'prompts.presets.namePlaceholder': '預設名稱',
@@ -374,6 +384,17 @@ const zhTw = Object.freeze({
     'plugins.catalog.promptTemplates.title': '提示詞模板',
     'plugins.catalog.promptTemplates.description': '標準化、模板驅動的提示詞工具，支持變量、複製與匯出。',
     'plugins.status.standard': '標準',
+    'plugins.catalog.textTools.title': '文字工具',
+    'plugins.catalog.textTools.description': '一組輕量純文字小工具，首個工具可將多行文字壓縮為單行。',
+    'plugins.textTools.title': '文字工具',
+    'plugins.textTools.tools.aria': '文字工具選擇',
+    'plugins.textTools.tools.compress': '壓縮文字',
+    'plugins.textTools.compress.inputLabel': '輸入文字',
+    'plugins.textTools.compress.inputPlaceholder': '貼上或輸入需要壓縮的文字…',
+    'plugins.textTools.compress.inputAria': '輸入需要壓縮的文字',
+    'plugins.textTools.compress.outputTitle': '壓縮結果',
+    'plugins.textTools.compress.outputAria': '壓縮後的文字結果',
+    'plugins.textTools.compress.copy': '複製',
     'plugins.main.ariaWorkspace': '插件工作區',
     'plugins.refresh': '重新整理',
     'plugins.refreshing': '重新整理中...',

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

@@ -232,6 +232,17 @@ const zh = Object.freeze({
     'prompts.subTab.opencode': 'AGENTS.md (OpenCode)',
     'prompts.subTab.project': 'CLAUDE.md',
     'prompts.subTab.system': 'System Prompt (Pi)',
+    'prompts.pathReference.title': '插入规则引用',
+    'prompts.pathReference.placeholder': '插入规则引用…',
+    'prompts.pathReference.codex': 'AGENTS.md (Codex)',
+    'prompts.pathReference.opencode': 'AGENTS.md (OpenCode)',
+    'prompts.pathReference.claudeGlobal': 'CLAUDE.md（全局）',
+    'prompts.pathReference.claudeProject': 'CLAUDE.md（当前项目）',
+    'prompts.pathReference.system': '{file}（Pi System Prompt）',
+    'prompts.pathReference.projectMissing': '未选择项目路径',
+    'prompts.pathReference.notLoaded': '路径加载中…',
+    'prompts.pathReference.loadFailed': '路径加载失败',
+    'prompts.pathReference.toast.inserted': '已插入规则引用',
     'prompts.subTab.presets': '预设池',
     'prompts.editor.toolbar': 'Markdown 工具栏',
     'prompts.editor.collapsePreview': '收起预览',
@@ -243,7 +254,6 @@ const zh = Object.freeze({
     'prompts.editor.previewEmpty': '暂无内容可预览',
     'prompts.editor.changeAxis': '改动导航轴',
     'prompts.editor.changeAxisTick': '第 {line} 行（+{added} / -{removed}）',
-    'prompts.editor.changeAxisTruncated': '改动区域过多，已折叠为统计',
     'prompts.presets.title': '预设池',
     'prompts.presets.hint': '管理预设。',
     'prompts.presets.namePlaceholder': '预设名称',
@@ -374,6 +384,17 @@ const zh = Object.freeze({
     'plugins.catalog.promptTemplates.title': '提示词模板',
     'plugins.catalog.promptTemplates.description': '标准化、模板驱动的提示词工具，支持变量、复制与导出。',
     'plugins.status.standard': '标准',
+    'plugins.catalog.textTools.title': '文本工具',
+    'plugins.catalog.textTools.description': '一组轻量纯文本小工具，首个工具可将多行文本压缩为单行。',
+    'plugins.textTools.title': '文本工具',
+    'plugins.textTools.tools.aria': '文本工具选择',
+    'plugins.textTools.tools.compress': '压缩文本',
+    'plugins.textTools.compress.inputLabel': '输入文本',
+    'plugins.textTools.compress.inputPlaceholder': '粘贴或输入需要压缩的文本…',
+    'plugins.textTools.compress.inputAria': '输入需要压缩的文本',
+    'plugins.textTools.compress.outputTitle': '压缩结果',
+    'plugins.textTools.compress.outputAria': '压缩后的文本结果',
+    'plugins.textTools.compress.copy': '复制',
     'plugins.main.ariaWorkspace': '插件工作区',
     'plugins.refresh': '刷新',
     'plugins.refreshing': '刷新中...',

package/web-ui/modules/plugins.computed.mjs

@@ -1,3 +1,9 @@
-import { createPluginsComputed } from '../../plugins/prompt-templates/computed.mjs';
+import { createPromptTemplatesComputed } from '../../plugins/prompt-templates/computed.mjs';
+import { createTextToolsComputed } from '../../plugins/text-tools/computed.mjs';
 
-export { createPluginsComputed };
+export function createPluginsComputed() {
+    return {
+        ...createPromptTemplatesComputed(),
+        ...createTextToolsComputed()
+    };
+}

package/web-ui/modules/plugins.methods.mjs

@@ -1,3 +1,9 @@
-import { createPluginsMethods } from '../../plugins/prompt-templates/methods.mjs';
+import { createPromptTemplatesMethods } from '../../plugins/prompt-templates/methods.mjs';
+import { createTextToolsMethods } from '../../plugins/text-tools/methods.mjs';
 
-export { createPluginsMethods };
+export function createPluginsMethods() {
+    return {
+        ...createPromptTemplatesMethods(),
+        ...createTextToolsMethods()
+    };
+}

package/web-ui/partials/index/layout-header.html

@@ -346,10 +346,11 @@
                     <button
                         id="side-tab-plugins"
                         data-main-tab="plugins"
-                        :aria-current="mainTab === 'plugins' ? 'page' : null"
-                        :class="['side-item', { active: isMainTabNavActive('plugins') }]"
-                        @pointerdown="onMainTabPointerDown('plugins', $event)"
-                        @click="onMainTabClick('plugins', $event)">
+                        data-plugins-id="prompt-templates"
+                        :aria-current="mainTab === 'plugins' && pluginsActiveId === 'prompt-templates' ? 'page' : null"
+                        :class="['side-item', { active: isPluginsIdNavActive('prompt-templates') }]"
+                        @pointerdown="onPluginsTabPointerDown('prompt-templates', $event)"
+                        @click="onPluginsTabClick('prompt-templates', $event)">
                         <span class="side-item-icon" aria-hidden="true">◇</span>
                         <div class="side-item-title">{{ t('side.plugins.tools') }}</div>
                         <div class="side-item-meta">
@@ -357,6 +358,20 @@
                             <span>{{ t('side.plugins.templatesCount', { count: promptTemplatesList.length }) }}</span>
                         </div>
                     </button>
+                    <button
+                        id="side-tab-plugins-text-tools"
+                        data-main-tab="plugins"
+                        data-plugins-id="text-tools"
+                        :aria-current="mainTab === 'plugins' && pluginsActiveId === 'text-tools' ? 'page' : null"
+                        :class="['side-item', { active: isPluginsIdNavActive('text-tools') }]"
+                        @pointerdown="onPluginsTabPointerDown('text-tools', $event)"
+                        @click="onPluginsTabClick('text-tools', $event)">
+                        <span class="side-item-icon" aria-hidden="true">▤</span>
+                        <div class="side-item-title">{{ t('plugins.catalog.textTools.title') }}</div>
+                        <div class="side-item-meta">
+                            <span>{{ t('plugins.textTools.tools.compress') }}</span>
+                        </div>
+                    </button>
                 </div>
 
                 <div class="side-section" role="navigation" :aria-label="t('side.system')">

package/web-ui/partials/index/panel-plugins.html

@@ -11,11 +11,6 @@
                                     <span class="selector-title">{{ t('plugins.sidebar.title') }}</span>
                                     <div class="plugins-panel-note">{{ t('plugins.sidebar.note') }}</div>
                                 </div>
-                                <div class="settings-tab-actions">
-                                    <button type="button" class="btn-tool btn-tool-compact" @click="loadPluginsOverview({ forceRefresh: true, silent: false })" :disabled="loading || !!initError || pluginsLoading">
-                                        {{ pluginsLoading ? t('plugins.refreshing') : t('plugins.refresh') }}
-                                    </button>
-                                </div>
                             </div>
 
                             <div class="plugins-list" role="list">
@@ -239,6 +234,51 @@
                                     </div>
                                 </div>
                             </div>
+                            <div v-else-if="pluginsActiveId === 'text-tools'" class="plugins-panel">
+                                <div class="plugins-panel-head">
+                                    <div>
+                                        <div class="plugins-panel-title">{{ t('plugins.textTools.title') }}</div>
+                                        <div v-if="pluginsActiveAttribution" class="plugins-panel-note">{{ pluginsActiveAttribution }}</div>
+                                    </div>
+                                </div>
+
+                                <div class="prompt-templates-modebar" role="tablist" :aria-label="t('plugins.textTools.tools.aria')">
+                                    <button
+                                        v-for="tool in textToolsList"
+                                        :key="'text-tool-' + tool.id"
+                                        type="button"
+                                        role="tab"
+                                        :aria-selected="textToolsActiveToolId === tool.id"
+                                        :class="['mode-pill', { active: textToolsActiveToolId === tool.id }]"
+                                        @click="textToolsActiveToolId = tool.id">{{ tool.label }}</button>
+                                </div>
+
+                                <div class="prompt-compose">
+                                    <div class="prompt-compose-workspace">
+                                        <div class="prompt-compose-main">
+                                            <div class="prompt-compose-form">
+                                                <label class="form-label">{{ t('plugins.textTools.compress.inputLabel') }}</label>
+                                                <textarea
+                                                    class="form-input prompt-editor-textarea"
+                                                    v-model="textToolsInput"
+                                                    rows="10"
+                                                    spellcheck="false"
+                                                    :placeholder="t('plugins.textTools.compress.inputPlaceholder')"
+                                                    :aria-label="t('plugins.textTools.compress.inputAria')"></textarea>
+                                            </div>
+                                        </div>
+                                        <div class="prompt-preview-block prompt-compose-preview">
+                                            <div class="prompt-vars-head">
+                                                <div>
+                                                    <div class="prompt-vars-title">{{ t('plugins.textTools.compress.outputTitle') }}</div>
+                                                </div>
+                                                <button type="button" class="btn-mini" @click="copyTextToolsOutput" :disabled="!textToolsOutput">{{ t('plugins.textTools.compress.copy') }}</button>
+                                            </div>
+                                            <textarea class="form-input prompt-preview-textarea" :value="textToolsOutput" rows="10" readonly spellcheck="false" :aria-label="t('plugins.textTools.compress.outputAria')"></textarea>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
 
                             <div v-else class="skills-empty-state">{{ t('plugins.promptTemplates.noPluginSelected') }}</div>
                         </section>

package/web-ui/partials/index/panel-prompts.html

@@ -44,6 +44,17 @@
                             </span>
                         </div>
                         <div class="prompts-editor-actions">
+                            <div class="prompts-editor-group prompts-editor-group--pathref">
+                                <select
+                                    class="form-input prompts-path-reference-select"
+                                    :disabled="agentsLoading || agentsSaving || agentsDiffVisible || promptsPathReferenceLoading"
+                                    :title="t('prompts.pathReference.title')"
+                                    @focus="loadPromptsPathReferences()"
+                                    @change="insertPromptPathReference($event.target.value, 'agents', $event)">
+                                    <option value="">{{ t('prompts.pathReference.placeholder') }}</option>
+                                    <option v-for="opt in promptsPathReferenceOptionList()" :key="opt.id" :value="opt.id" :disabled="opt.disabled">{{ opt.label }}</option>
+                                </select>
+                            </div>
                             <div class="prompts-editor-group prompts-editor-group--secondary">
                                 <button
                                     class="btn-mini"
@@ -75,17 +86,9 @@
                                 </button>
                             </div>
                             <div class="prompts-editor-group prompts-editor-group--workflow">
-                                <button class="btn-mini" @click="loadPromptsContent" :disabled="agentsSaving || agentsDiffLoading" :title="t('common.cancel')">
+                                <button class="btn-mini" @click="agentsDiffVisible ? resetAgentsDiffState() : loadPromptsContent()" :disabled="agentsSaving || agentsDiffLoading" :title="t('common.cancel')">
                                     <svg class="btn-icon-sm" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 6L6 18M6 6l12 12"/></svg>
                                 </button>
-                                <button
-                                    v-if="agentsDiffVisible"
-                                    class="btn-mini"
-                                    @click="resetAgentsDiffState"
-                                    :disabled="agentsSaving || agentsDiffLoading"
-                                    :title="t('common.backToEdit')">
-                                    <svg class="btn-icon-sm" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M19 12H5M12 19l-7-7 7-7"/></svg>
-                                </button>
                                 <button class="btn-mini btn-confirm-mini" @click="applyAgentsContent" :disabled="agentsSaving || agentsLoading || agentsDiffLoading || (!agentsDiffVisible && !hasAgentsContentChanged()) || (agentsDiffVisible && !agentsDiffHasChanges)" :title="agentsDiffVisible ? t('common.save') : t('common.preview')">
                                     <svg v-if="agentsDiffVisible" class="btn-icon-sm" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 6L9 17l-5-5"/></svg>
                                     <svg v-else class="btn-icon-sm" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/></svg>
@@ -223,7 +226,6 @@
                             </div>
                             <div class="prompts-editor-columns">
                                 <div class="prompts-edit-pane">
-                                    <pre ref="promptsAgentsHighlight" class="prompts-highlight-backdrop" aria-hidden="true" v-html="agentsHighlightHtml"></pre>
                                     <textarea
                                         ref="promptsAgentsTextarea"
                                         v-model="agentsContent"
@@ -231,15 +233,7 @@
                                         spellcheck="false"
                                         :readonly="agentsLoading || agentsSaving || agentsDiffVisible"
                                         @input="onAgentsContentInput"
-                                        @scroll="syncPromptsOverlayScroll('agents')"
                                         :placeholder="t(promptsSubTab === 'claude-project' ? 'modal.agents.placeholder.claudeProject' : 'modal.agents.placeholder')"></textarea>
-                                    <div v-if="!agentsDiffVisible && agentsChangeAxis.ticks.length" class="prompts-change-axis" role="navigation" :aria-label="t('prompts.editor.changeAxis')">
-                                        <button v-for="(tick, index) in agentsChangeAxis.ticks" :key="'agents-change-axis-' + index" type="button" class="prompts-change-tick" :class="'prompts-change-tick--' + tick.kind" :style="{ top: tick.top + '%', height: tick.height + '%' }" :title="t('prompts.editor.changeAxisTick', { line: tick.startLine, added: tick.added, removed: tick.removed })" @click="jumpToPromptsChangeTick('agents', tick)"></button>
-                                    </div>
-                                    <div v-else-if="!agentsDiffVisible && agentsChangeAxis.truncated" class="prompts-change-axis prompts-change-axis--summary" :title="t('prompts.editor.changeAxisTruncated')">
-                                        <span class="prompts-change-summary add">+{{ agentsChangeAxis.added }}</span>
-                                        <span class="prompts-change-summary del">-{{ agentsChangeAxis.removed }}</span>
-                                    </div>
                                 </div>
                                 <div v-if="promptsPreviewEnabled" class="prompts-preview-pane">
                                     <div v-if="promptsPreviewLibsMissing" class="state-message error">{{ t('prompts.editor.previewUnavailable') }}</div>
@@ -282,6 +276,17 @@
                                 </span>
                             </div>
                             <div class="prompts-editor-actions">
+                                <div class="prompts-editor-group prompts-editor-group--pathref">
+                                    <select
+                                        class="form-input prompts-path-reference-select"
+                                        :disabled="sysPromptLoading || sysPromptSaving || sysPromptDiffVisible || promptsPathReferenceLoading"
+                                        :title="t('prompts.pathReference.title')"
+                                        @focus="loadPromptsPathReferences()"
+                                        @change="insertPromptPathReference($event.target.value, 'sys', $event)">
+                                        <option value="">{{ t('prompts.pathReference.placeholder') }}</option>
+                                        <option v-for="opt in promptsPathReferenceOptionList()" :key="opt.id" :value="opt.id" :disabled="opt.disabled">{{ opt.label }}</option>
+                                    </select>
+                                </div>
                                 <div class="prompts-editor-group prompts-editor-group--secondary">
                                     <button class="btn-mini" @click="exportSysPromptContent" :disabled="sysPromptLoading || sysPromptSaving || !sysPromptContent" :title="t('modal.agents.export')">
                                         <svg class="btn-icon-sm" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 3v12M8 11l4 4 4-4M4 17v2h16v-2"/></svg>
@@ -297,12 +302,9 @@
                                     </button>
                                 </div>
                                 <div class="prompts-editor-group prompts-editor-group--workflow">
-                                    <button class="btn-mini" @click="cancelSysPromptEdit" :disabled="sysPromptSaving || sysPromptDiffLoading" :title="t('common.cancel')">
+                                    <button class="btn-mini" @click="sysPromptDiffVisible ? resetSysPromptDiffState() : cancelSysPromptEdit()" :disabled="sysPromptSaving || sysPromptDiffLoading" :title="t('common.cancel')">
                                         <svg class="btn-icon-sm" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 6L6 18M6 6l12 12"/></svg>
                                     </button>
-                                    <button v-if="sysPromptDiffVisible" class="btn-mini" @click="resetSysPromptDiffState" :disabled="sysPromptSaving || sysPromptDiffLoading" :title="t('common.backToEdit')">
-                                        <svg class="btn-icon-sm" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M19 12H5M12 19l-7-7 7-7"/></svg>
-                                    </button>
                                     <button class="btn-mini btn-confirm-mini" @click="applySystemPrompt" :disabled="sysPromptSaving || sysPromptLoading || sysPromptDiffLoading || (!sysPromptDiffVisible && !hasSysPromptContentChanged()) || (sysPromptDiffVisible && !sysPromptDiffHasChangesValue)" :title="sysPromptDiffVisible ? t('common.save') : t('common.preview')">
                                         <svg v-if="sysPromptDiffVisible" class="btn-icon-sm" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 6L9 17l-5-5"/></svg>
                                         <svg v-else class="btn-icon-sm" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/></svg>
@@ -377,22 +379,13 @@
                                 </div>
                                 <div class="prompts-editor-columns">
                                     <div class="prompts-edit-pane">
-                                        <pre ref="promptsSysHighlight" class="prompts-highlight-backdrop" aria-hidden="true" v-html="sysPromptHighlightHtml"></pre>
                                         <textarea
                                             ref="promptsSysTextarea"
                                             v-model="sysPromptContent"
                                             class="form-input template-editor"
                                             spellcheck="false"
                                             :readonly="sysPromptLoading || sysPromptSaving || sysPromptDiffVisible"
-                                            @scroll="syncPromptsOverlayScroll('sys')"
                                             :placeholder="t('sysPrompt.placeholder')"></textarea>
-                                        <div v-if="!sysPromptDiffVisible && sysChangeAxis.ticks.length" class="prompts-change-axis" role="navigation" :aria-label="t('prompts.editor.changeAxis')">
-                                            <button v-for="(tick, index) in sysChangeAxis.ticks" :key="'sys-change-axis-' + index" type="button" class="prompts-change-tick" :class="'prompts-change-tick--' + tick.kind" :style="{ top: tick.top + '%', height: tick.height + '%' }" :title="t('prompts.editor.changeAxisTick', { line: tick.startLine, added: tick.added, removed: tick.removed })" @click="jumpToPromptsChangeTick('sys', tick)"></button>
-                                        </div>
-                                        <div v-else-if="!sysPromptDiffVisible && sysChangeAxis.truncated" class="prompts-change-axis prompts-change-axis--summary" :title="t('prompts.editor.changeAxisTruncated')">
-                                            <span class="prompts-change-summary add">+{{ sysChangeAxis.added }}</span>
-                                            <span class="prompts-change-summary del">-{{ sysChangeAxis.removed }}</span>
-                                        </div>
                                     </div>
                                     <div v-if="promptsPreviewEnabled" class="prompts-preview-pane">
                                         <div v-if="promptsPreviewLibsMissing" class="state-message error">{{ t('prompts.editor.previewUnavailable') }}</div>