codexmate 0.1.24 → 0.1.25

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

@@ -386,6 +386,17 @@ const ja = Object.freeze({
     'plugins.catalog.promptTemplates.title': 'プロンプトテンプレート',
     'plugins.catalog.promptTemplates.description': '変数、コピー、エクスポートに対応した標準化テンプレート型プロンプトツール。',
     'plugins.status.standard': '標準',
+    'plugins.catalog.textTools.title': 'テキストツール',
+    'plugins.catalog.textTools.description': '軽量なテキストユーティリティ集。最初のツールは複数行のテキストを 1 行に圧縮します。',
+    '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/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',

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

@@ -384,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

@@ -384,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

@@ -86,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>
@@ -234,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"
@@ -242,7 +233,6 @@
                                         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>
                                 <div v-if="promptsPreviewEnabled" class="prompts-preview-pane">
@@ -312,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>
@@ -392,14 +379,12 @@
                                 </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>
                                     <div v-if="promptsPreviewEnabled" class="prompts-preview-pane">

package/web-ui/res/web-ui-render.precompiled.js

@@ -485,10 +485,11 @@ return function render(_ctx, _cache) {
                 _createElementVNode("button", {
                   id: "side-tab-plugins",
                   "data-main-tab": "plugins",
-                  "aria-current": _ctx.mainTab === 'plugins' ? 'page' : null,
-                  class: _normalizeClass(['side-item', { active: _ctx.isMainTabNavActive('plugins') }]),
-                  onPointerdown: $event => (_ctx.onMainTabPointerDown('plugins', $event)),
-                  onClick: $event => (_ctx.onMainTabClick('plugins', $event))
+                  "data-plugins-id": "prompt-templates",
+                  "aria-current": _ctx.mainTab === 'plugins' && _ctx.pluginsActiveId === 'prompt-templates' ? 'page' : null,
+                  class: _normalizeClass(['side-item', { active: _ctx.isPluginsIdNavActive('prompt-templates') }]),
+                  onPointerdown: $event => (_ctx.onPluginsTabPointerDown('prompt-templates', $event)),
+                  onClick: $event => (_ctx.onPluginsTabClick('prompt-templates', $event))
                 }, [
                   _createElementVNode("span", {
                     class: "side-item-icon",
@@ -499,6 +500,24 @@ return function render(_ctx, _cache) {
                     _createElementVNode("span", null, _toDisplayString(_ctx.t('side.plugins.tools.meta')), 1 /* TEXT */),
                     _createElementVNode("span", null, _toDisplayString(_ctx.t('side.plugins.templatesCount', { count: _ctx.promptTemplatesList.length })), 1 /* TEXT */)
                   ])
+                ], 42 /* CLASS, PROPS, NEED_HYDRATION */, ["aria-current", "onPointerdown", "onClick"]),
+                _createElementVNode("button", {
+                  id: "side-tab-plugins-text-tools",
+                  "data-main-tab": "plugins",
+                  "data-plugins-id": "text-tools",
+                  "aria-current": _ctx.mainTab === 'plugins' && _ctx.pluginsActiveId === 'text-tools' ? 'page' : null,
+                  class: _normalizeClass(['side-item', { active: _ctx.isPluginsIdNavActive('text-tools') }]),
+                  onPointerdown: $event => (_ctx.onPluginsTabPointerDown('text-tools', $event)),
+                  onClick: $event => (_ctx.onPluginsTabClick('text-tools', $event))
+                }, [
+                  _createElementVNode("span", {
+                    class: "side-item-icon",
+                    "aria-hidden": "true"
+                  }, "▤"),
+                  _createElementVNode("div", { class: "side-item-title" }, _toDisplayString(_ctx.t('plugins.catalog.textTools.title')), 1 /* TEXT */),
+                  _createElementVNode("div", { class: "side-item-meta" }, [
+                    _createElementVNode("span", null, _toDisplayString(_ctx.t('plugins.textTools.tools.compress')), 1 /* TEXT */)
+                  ])
                 ], 42 /* CLASS, PROPS, NEED_HYDRATION */, ["aria-current", "onPointerdown", "onClick"])
               ], 8 /* PROPS */, ["aria-label"]),
               _createElementVNode("div", {
@@ -6330,14 +6349,6 @@ return function render(_ctx, _cache) {
                       _createElementVNode("div", null, [
                         _createElementVNode("span", { class: "selector-title" }, _toDisplayString(_ctx.t('plugins.sidebar.title')), 1 /* TEXT */),
                         _createElementVNode("div", { class: "plugins-panel-note" }, _toDisplayString(_ctx.t('plugins.sidebar.note')), 1 /* TEXT */)
-                      ]),
-                      _createElementVNode("div", { class: "settings-tab-actions" }, [
-                        _createElementVNode("button", {
-                          type: "button",
-                          class: "btn-tool btn-tool-compact",
-                          onClick: $event => (_ctx.loadPluginsOverview({ forceRefresh: true, silent: false })),
-                          disabled: _ctx.loading || !!_ctx.initError || _ctx.pluginsLoading
-                        }, _toDisplayString(_ctx.pluginsLoading ? _ctx.t('plugins.refreshing') : _ctx.t('plugins.refresh')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
                       ])
                     ]),
                     _createElementVNode("div", {
@@ -6845,10 +6856,83 @@ return function render(_ctx, _cache) {
                                 ])
                               ]))
                         ]))
-                      : (_openBlock(), _createElementBlock("div", {
-                          key: 3,
-                          class: "skills-empty-state"
-                        }, _toDisplayString(_ctx.t('plugins.promptTemplates.noPluginSelected')), 1 /* TEXT */))
+                      : (_ctx.pluginsActiveId === 'text-tools')
+                        ? (_openBlock(), _createElementBlock("div", {
+                            key: 3,
+                            class: "plugins-panel"
+                          }, [
+                            _createElementVNode("div", { class: "plugins-panel-head" }, [
+                              _createElementVNode("div", null, [
+                                _createElementVNode("div", { class: "plugins-panel-title" }, _toDisplayString(_ctx.t('plugins.textTools.title')), 1 /* TEXT */),
+                                (_ctx.pluginsActiveAttribution)
+                                  ? (_openBlock(), _createElementBlock("div", {
+                                      key: 0,
+                                      class: "plugins-panel-note"
+                                    }, _toDisplayString(_ctx.pluginsActiveAttribution), 1 /* TEXT */))
+                                  : _createCommentVNode("v-if", true)
+                              ])
+                            ]),
+                            _createElementVNode("div", {
+                              class: "prompt-templates-modebar",
+                              role: "tablist",
+                              "aria-label": _ctx.t('plugins.textTools.tools.aria')
+                            }, [
+                              (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.textToolsList, (tool) => {
+                                return (_openBlock(), _createElementBlock("button", {
+                                  key: 'text-tool-' + tool.id,
+                                  type: "button",
+                                  role: "tab",
+                                  "aria-selected": _ctx.textToolsActiveToolId === tool.id,
+                                  class: _normalizeClass(['mode-pill', { active: _ctx.textToolsActiveToolId === tool.id }]),
+                                  onClick: $event => (_ctx.textToolsActiveToolId = tool.id)
+                                }, _toDisplayString(tool.label), 11 /* TEXT, CLASS, PROPS */, ["aria-selected", "onClick"]))
+                              }), 128 /* KEYED_FRAGMENT */))
+                            ], 8 /* PROPS */, ["aria-label"]),
+                            _createElementVNode("div", { class: "prompt-compose" }, [
+                              _createElementVNode("div", { class: "prompt-compose-workspace" }, [
+                                _createElementVNode("div", { class: "prompt-compose-main" }, [
+                                  _createElementVNode("div", { class: "prompt-compose-form" }, [
+                                    _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('plugins.textTools.compress.inputLabel')), 1 /* TEXT */),
+                                    _withDirectives(_createElementVNode("textarea", {
+                                      class: "form-input prompt-editor-textarea",
+                                      "onUpdate:modelValue": $event => ((_ctx.textToolsInput) = $event),
+                                      rows: "10",
+                                      spellcheck: "false",
+                                      placeholder: _ctx.t('plugins.textTools.compress.inputPlaceholder'),
+                                      "aria-label": _ctx.t('plugins.textTools.compress.inputAria')
+                                    }, null, 8 /* PROPS */, ["onUpdate:modelValue", "placeholder", "aria-label"]), [
+                                      [_vModelText, _ctx.textToolsInput]
+                                    ])
+                                  ])
+                                ]),
+                                _createElementVNode("div", { class: "prompt-preview-block prompt-compose-preview" }, [
+                                  _createElementVNode("div", { class: "prompt-vars-head" }, [
+                                    _createElementVNode("div", null, [
+                                      _createElementVNode("div", { class: "prompt-vars-title" }, _toDisplayString(_ctx.t('plugins.textTools.compress.outputTitle')), 1 /* TEXT */)
+                                    ]),
+                                    _createElementVNode("button", {
+                                      type: "button",
+                                      class: "btn-mini",
+                                      onClick: _ctx.copyTextToolsOutput,
+                                      disabled: !_ctx.textToolsOutput
+                                    }, _toDisplayString(_ctx.t('plugins.textTools.compress.copy')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
+                                  ]),
+                                  _createElementVNode("textarea", {
+                                    class: "form-input prompt-preview-textarea",
+                                    value: _ctx.textToolsOutput,
+                                    rows: "10",
+                                    readonly: "",
+                                    spellcheck: "false",
+                                    "aria-label": _ctx.t('plugins.textTools.compress.outputAria')
+                                  }, null, 8 /* PROPS */, ["value", "aria-label"])
+                                ])
+                              ])
+                            ])
+                          ]))
+                        : (_openBlock(), _createElementBlock("div", {
+                            key: 4,
+                            class: "skills-empty-state"
+                          }, _toDisplayString(_ctx.t('plugins.promptTemplates.noPluginSelected')), 1 /* TEXT */))
               ], 8 /* PROPS */, ["aria-label"])
             ], 2 /* CLASS */)
           ], 512 /* NEED_PATCH */), [
@@ -7055,7 +7139,7 @@ return function render(_ctx, _cache) {
                           _createElementVNode("div", { class: "prompts-editor-group prompts-editor-group--workflow" }, [
                             _createElementVNode("button", {
                               class: "btn-mini",
-                              onClick: _ctx.loadPromptsContent,
+                              onClick: $event => (_ctx.agentsDiffVisible ? _ctx.resetAgentsDiffState() : _ctx.loadPromptsContent()),
                               disabled: _ctx.agentsSaving || _ctx.agentsDiffLoading,
                               title: _ctx.t('common.cancel')
                             }, [
@@ -7069,25 +7153,6 @@ return function render(_ctx, _cache) {
                                 _createElementVNode("path", { d: "M18 6L6 18M6 6l12 12" })
                               ]))
                             ], 8 /* PROPS */, ["onClick", "disabled", "title"]),
-                            (_ctx.agentsDiffVisible)
-                              ? (_openBlock(), _createElementBlock("button", {
-                                  key: 0,
-                                  class: "btn-mini",
-                                  onClick: _ctx.resetAgentsDiffState,
-                                  disabled: _ctx.agentsSaving || _ctx.agentsDiffLoading,
-                                  title: _ctx.t('common.backToEdit')
-                                }, [
-                                  (_openBlock(), _createElementBlock("svg", {
-                                    class: "btn-icon-sm",
-                                    viewBox: "0 0 24 24",
-                                    fill: "none",
-                                    stroke: "currentColor",
-                                    "stroke-width": "2"
-                                  }, [
-                                    _createElementVNode("path", { d: "M19 12H5M12 19l-7-7 7-7" })
-                                  ]))
-                                ], 8 /* PROPS */, ["onClick", "disabled", "title"]))
-                              : _createCommentVNode("v-if", true),
                             _createElementVNode("button", {
                               class: "btn-mini btn-confirm-mini",
                               onClick: _ctx.applyAgentsContent,
@@ -7425,12 +7490,6 @@ return function render(_ctx, _cache) {
                             : _createCommentVNode("v-if", true),
                           _createElementVNode("div", { class: "prompts-editor-columns" }, [
                             _createElementVNode("div", { class: "prompts-edit-pane" }, [
-                              _createElementVNode("pre", {
-                                ref: "promptsAgentsHighlight",
-                                class: "prompts-highlight-backdrop",
-                                "aria-hidden": "true",
-                                innerHTML: _ctx.agentsHighlightHtml
-                              }, null, 8 /* PROPS */, ["innerHTML"]),
                               _withDirectives(_createElementVNode("textarea", {
                                 ref: "promptsAgentsTextarea",
                                 "onUpdate:modelValue": $event => ((_ctx.agentsContent) = $event),
@@ -7438,9 +7497,8 @@ return function render(_ctx, _cache) {
                                 spellcheck: "false",
                                 readonly: _ctx.agentsLoading || _ctx.agentsSaving || _ctx.agentsDiffVisible,
                                 onInput: _ctx.onAgentsContentInput,
-                                onScroll: $event => (_ctx.syncPromptsOverlayScroll('agents')),
                                 placeholder: _ctx.t(_ctx.promptsSubTab === 'claude-project' ? 'modal.agents.placeholder.claudeProject' : 'modal.agents.placeholder')
-                              }, null, 40 /* PROPS, NEED_HYDRATION */, ["onUpdate:modelValue", "readonly", "onInput", "onScroll", "placeholder"]), [
+                              }, null, 40 /* PROPS, NEED_HYDRATION */, ["onUpdate:modelValue", "readonly", "onInput", "placeholder"]), [
                                 [_vModelText, _ctx.agentsContent]
                               ])
                             ]),
@@ -7616,7 +7674,7 @@ return function render(_ctx, _cache) {
                             _createElementVNode("div", { class: "prompts-editor-group prompts-editor-group--workflow" }, [
                               _createElementVNode("button", {
                                 class: "btn-mini",
-                                onClick: _ctx.cancelSysPromptEdit,
+                                onClick: $event => (_ctx.sysPromptDiffVisible ? _ctx.resetSysPromptDiffState() : _ctx.cancelSysPromptEdit()),
                                 disabled: _ctx.sysPromptSaving || _ctx.sysPromptDiffLoading,
                                 title: _ctx.t('common.cancel')
                               }, [
@@ -7630,25 +7688,6 @@ return function render(_ctx, _cache) {
                                   _createElementVNode("path", { d: "M18 6L6 18M6 6l12 12" })
                                 ]))
                               ], 8 /* PROPS */, ["onClick", "disabled", "title"]),
-                              (_ctx.sysPromptDiffVisible)
-                                ? (_openBlock(), _createElementBlock("button", {
-                                    key: 0,
-                                    class: "btn-mini",
-                                    onClick: _ctx.resetSysPromptDiffState,
-                                    disabled: _ctx.sysPromptSaving || _ctx.sysPromptDiffLoading,
-                                    title: _ctx.t('common.backToEdit')
-                                  }, [
-                                    (_openBlock(), _createElementBlock("svg", {
-                                      class: "btn-icon-sm",
-                                      viewBox: "0 0 24 24",
-                                      fill: "none",
-                                      stroke: "currentColor",
-                                      "stroke-width": "2"
-                                    }, [
-                                      _createElementVNode("path", { d: "M19 12H5M12 19l-7-7 7-7" })
-                                    ]))
-                                  ], 8 /* PROPS */, ["onClick", "disabled", "title"]))
-                                : _createCommentVNode("v-if", true),
                               _createElementVNode("button", {
                                 class: "btn-mini btn-confirm-mini",
                                 onClick: _ctx.applySystemPrompt,
@@ -7892,21 +7931,14 @@ return function render(_ctx, _cache) {
                               : _createCommentVNode("v-if", true),
                             _createElementVNode("div", { class: "prompts-editor-columns" }, [
                               _createElementVNode("div", { class: "prompts-edit-pane" }, [
-                                _createElementVNode("pre", {
-                                  ref: "promptsSysHighlight",
-                                  class: "prompts-highlight-backdrop",
-                                  "aria-hidden": "true",
-                                  innerHTML: _ctx.sysPromptHighlightHtml
-                                }, null, 8 /* PROPS */, ["innerHTML"]),
                                 _withDirectives(_createElementVNode("textarea", {
                                   ref: "promptsSysTextarea",
                                   "onUpdate:modelValue": $event => ((_ctx.sysPromptContent) = $event),
                                   class: "form-input template-editor",
                                   spellcheck: "false",
                                   readonly: _ctx.sysPromptLoading || _ctx.sysPromptSaving || _ctx.sysPromptDiffVisible,
-                                  onScroll: $event => (_ctx.syncPromptsOverlayScroll('sys')),
                                   placeholder: _ctx.t('sysPrompt.placeholder')
-                                }, null, 40 /* PROPS, NEED_HYDRATION */, ["onUpdate:modelValue", "readonly", "onScroll", "placeholder"]), [
+                                }, null, 8 /* PROPS */, ["onUpdate:modelValue", "readonly", "placeholder"]), [
                                   [_vModelText, _ctx.sysPromptContent]
                                 ])
                               ]),

package/web-ui/session-helpers.mjs

@@ -186,7 +186,6 @@ export function switchMainTab(tab) {
         void Promise.resolve(marketOverviewLoad).catch(() => {});
     }
     if (enteringPluginsTab && typeof this.loadPluginsOverview === 'function') {
-        this.pluginsActiveId = 'prompt-templates';
         this.promptComposerPickerVisible = false;
         let pluginsLoad = null;
         try {

package/web-ui/source-bundle.cjs

@@ -248,6 +248,7 @@ function transformJavaScriptModuleSource(source, options = {}) {
     });
     transformed = transformed.replace(/^[ \t]*export\s+\*\s+from\s+['"]\.[^'"]+['"]\s*;?\s*$/gm, '');
     if (!preserveExports) {
+        transformed = transformed.replace(/^[ \t]*export\s*\{[^{}\n]*\}\s*;?\s*$/gm, '');
         transformed = transformed.replace(/(^|\n)([ \t]*)export\s+(?=(?:async\s+function|const|let|class|function)\b)/g, '$1$2');
     }
     return transformed.trimEnd();