codexmate 0.1.24 → 0.1.27

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

@@ -97,9 +97,6 @@
                             <button class="btn-tool btn-tool-compact" type="button" @click="switchMainTab('dashboard')" :title="t('dashboard.doctor.title')">
                                 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="btn-icon-sm"><path d="M22 12h-4l-3 9L9 3l-3 9H2"/></svg>
                             </button>
-                            <button class="btn-tool btn-tool-compact" type="button" @click="copySessionsFilterShareUrl" :disabled="sessionsLoading">
-                                {{ t('sessions.filters.copyLink') }}
-                            </button>
                             <button class="btn-tool btn-tool-compact" type="button" @click="clearSessionFilters" :disabled="sessionsLoading">
                                 {{ t('common.resetFilters') }}
                             </button>
@@ -409,7 +406,7 @@
                                                     <span class="session-msg-time">{{ msg.timestamp || '' }}</span>
                                                 </div>
                                             </div>
-                                            <div class="session-msg-content" v-html="highlightQueryText(msg.text) || ''"></div>
+                                            <div class="session-msg-content" v-html="msg.text || ''"></div>
                                             <button
                                                 v-if="msg.normalizedRole === 'user'"
                                                 type="button"
@@ -432,6 +429,24 @@
                                     </div>
                                 </div>
                             </div>
+                            <div class="session-preview-jump">
+                                <button
+                                    type="button"
+                                    class="session-match-nav-btn"
+                                    @click="scrollSessionPreviewToTop"
+                                    :title="t('sessions.preview.scrollTop')"
+                                    :aria-label="t('sessions.preview.scrollTop')">
+                                    <svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><polyline points="3 10 8 5 13 10"/></svg>
+                                </button>
+                                <button
+                                    type="button"
+                                    class="session-match-nav-btn"
+                                    @click="scrollSessionPreviewToBottom"
+                                    :title="t('sessions.preview.scrollBottom')"
+                                    :aria-label="t('sessions.preview.scrollBottom')">
+                                    <svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><polyline points="3 6 8 11 13 6"/></svg>
+                                </button>
+                            </div>
                             <aside v-if="sessionPreviewRenderEnabled && sessionTimelineNodes.length" :class="['session-timeline', 'session-timeline-' + sessionTimelineStyle]" :aria-label="t('sessions.timeline.aria')">
                                 <!-- 点状模式 -->
                                 <template v-if="sessionTimelineStyle === 'dots'">

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

@@ -412,7 +412,7 @@ return function render(_ctx, _cache) {
                   _createElementVNode("div", { class: "side-item-title" }, _toDisplayString(_ctx.t('side.sessions.browser')), 1 /* TEXT */),
                   _createElementVNode("div", { class: "side-item-meta" }, [
                     _createElementVNode("span", null, _toDisplayString(_ctx.t('side.sessions.browser.meta')), 1 /* TEXT */),
-                    _createElementVNode("span", null, _toDisplayString(_ctx.t('sessions.sourceLabel', { value: (_ctx.sessionFilterSource === 'all' ? _ctx.t('sessions.source.all') : (_ctx.sessionFilterSource === 'claude' ? 'Claude Code' : (_ctx.sessionFilterSource === 'gemini' ? 'Gemini CLI' : (_ctx.sessionFilterSource === 'codebuddy' ? 'CodeBuddy Code' : 'Codex')))) })), 1 /* TEXT */)
+                    _createElementVNode("span", null, _toDisplayString(_ctx.t('sessions.sourceLabel', { value: (_ctx.sessionFilterSource === 'all' ? _ctx.t('sessions.source.all') : (_ctx.sessionFilterSource === 'claude' ? 'Claude Code' : (_ctx.sessionFilterSource === 'gemini' ? 'Gemini CLI' : (_ctx.sessionFilterSource === 'codebuddy' ? 'CodeBuddy Code' : (_ctx.sessionFilterSource === 'workbuddy' ? 'WorkBuddy AI' : 'Codex'))))) })), 1 /* TEXT */)
                   ])
                 ], 42 /* CLASS, PROPS, NEED_HYDRATION */, ["aria-current", "onPointerdown", "onClick"]),
                 _createElementVNode("button", {
@@ -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", {
@@ -708,7 +727,9 @@ return function render(_ctx, _cache) {
                                                 ? _ctx.t('sessions.source.gemini')
                                                 : (_ctx.sessionFilterSource === 'codebuddy'
                                                     ? _ctx.t('sessions.source.codebuddy')
-                                                    : _ctx.t('sessions.source.codex')))))), 1 /* TEXT */)
+                                                    : (_ctx.sessionFilterSource === 'workbuddy'
+                                                        ? _ctx.t('sessions.source.workbuddy')
+                                                        : _ctx.t('sessions.source.codex'))))))), 1 /* TEXT */)
                   ]),
                   _createElementVNode("div", { class: "status-chip" }, [
                     _createElementVNode("span", { class: "label" }, _toDisplayString(_ctx.t('status.sessionCount')), 1 /* TEXT */),
@@ -3998,12 +4019,6 @@ return function render(_ctx, _cache) {
                             _createElementVNode("path", { d: "M22 12h-4l-3 9L9 3l-3 9H2" })
                           ]))
                         ], 8 /* PROPS */, ["onClick", "title"]),
-                        _createElementVNode("button", {
-                          class: "btn-tool btn-tool-compact",
-                          type: "button",
-                          onClick: _ctx.copySessionsFilterShareUrl,
-                          disabled: _ctx.sessionsLoading
-                        }, _toDisplayString(_ctx.t('sessions.filters.copyLink')), 9 /* TEXT, PROPS */, ["onClick", "disabled"]),
                         _createElementVNode("button", {
                           class: "btn-tool btn-tool-compact",
                           type: "button",
@@ -4628,7 +4643,7 @@ return function render(_ctx, _cache) {
                                                         ]),
                                                         _createElementVNode("div", {
                                                           class: "session-msg-content",
-                                                          innerHTML: _ctx.highlightQueryText(msg.text) || ''
+                                                          innerHTML: msg.text || ''
                                                         }, null, 8 /* PROPS */, ["innerHTML"]),
                                                         (msg.normalizedRole === 'user')
                                                           ? (_openBlock(), _createElementBlock("button", {
@@ -4677,6 +4692,44 @@ return function render(_ctx, _cache) {
                                                   ])
                                                 ]))
                                   ], 40 /* PROPS, NEED_HYDRATION */, ["onScroll"]),
+                                  _createElementVNode("div", { class: "session-preview-jump" }, [
+                                    _createElementVNode("button", {
+                                      type: "button",
+                                      class: "session-match-nav-btn",
+                                      onClick: _ctx.scrollSessionPreviewToTop,
+                                      title: _ctx.t('sessions.preview.scrollTop'),
+                                      "aria-label": _ctx.t('sessions.preview.scrollTop')
+                                    }, [
+                                      (_openBlock(), _createElementBlock("svg", {
+                                        viewBox: "0 0 16 16",
+                                        fill: "none",
+                                        stroke: "currentColor",
+                                        "stroke-width": "1.8",
+                                        "stroke-linecap": "round",
+                                        "stroke-linejoin": "round"
+                                      }, [
+                                        _createElementVNode("polyline", { points: "3 10 8 5 13 10" })
+                                      ]))
+                                    ], 8 /* PROPS */, ["onClick", "title", "aria-label"]),
+                                    _createElementVNode("button", {
+                                      type: "button",
+                                      class: "session-match-nav-btn",
+                                      onClick: _ctx.scrollSessionPreviewToBottom,
+                                      title: _ctx.t('sessions.preview.scrollBottom'),
+                                      "aria-label": _ctx.t('sessions.preview.scrollBottom')
+                                    }, [
+                                      (_openBlock(), _createElementBlock("svg", {
+                                        viewBox: "0 0 16 16",
+                                        fill: "none",
+                                        stroke: "currentColor",
+                                        "stroke-width": "1.8",
+                                        "stroke-linecap": "round",
+                                        "stroke-linejoin": "round"
+                                      }, [
+                                        _createElementVNode("polyline", { points: "3 6 8 11 13 6" })
+                                      ]))
+                                    ], 8 /* PROPS */, ["onClick", "title", "aria-label"])
+                                  ]),
                                   (_ctx.sessionPreviewRenderEnabled && _ctx.sessionTimelineNodes.length)
                                     ? (_openBlock(), _createElementBlock("aside", {
                                         key: 0,
@@ -6330,14 +6383,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 +6890,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 */), [
@@ -6950,6 +7068,12 @@ return function render(_ctx, _cache) {
                           _createTextVNode(_toDisplayString(_ctx.agentsPath || _ctx.t('common.notLoaded')) + " ", 1 /* TEXT */),
                           (_ctx.agentsPath)
                             ? (_openBlock(), _createElementBlock("span", { key: 0 }, " （" + _toDisplayString(_ctx.agentsExists ? _ctx.t('common.exists') : _ctx.t('common.notExistsWillCreateOnSave')) + "） ", 1 /* TEXT */))
+                            : _createCommentVNode("v-if", true),
+                          (_ctx.agentsPath)
+                            ? (_openBlock(), _createElementBlock("span", {
+                                key: 1,
+                                class: "prompts-token-hint"
+                              }, "· " + _toDisplayString(_ctx.t('prompts.tokenCount.hint', { count: _ctx.agentsTokenCount })), 1 /* TEXT */))
                             : _createCommentVNode("v-if", true)
                         ]),
                         _createElementVNode("div", { class: "prompts-editor-actions" }, [
@@ -7055,7 +7179,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 +7193,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,
@@ -7287,9 +7392,20 @@ return function render(_ctx, _cache) {
                       _createElementVNode("div", { class: "form-group" }, [
                         (_ctx.agentsDiffVisible)
                           ? (_openBlock(), _createElementBlock("div", { key: 0 }, [
-                              (!_ctx.agentsDiffLoading && !_ctx.agentsDiffError && !_ctx.agentsDiffTruncated && (_ctx.agentsDiffStats.added || _ctx.agentsDiffStats.removed))
+                              (!_ctx.agentsDiffLoading && !_ctx.agentsDiffError)
                                 ? (_openBlock(), _createElementBlock("div", {
                                     key: 0,
+                                    class: "agents-diff-token-summary"
+                                  }, [
+                                    _createElementVNode("span", { class: "agents-diff-token-label" }, _toDisplayString(_ctx.t('prompts.tokenCount.diff', { before: _ctx.agentsDiffTokenStats.before, current: _ctx.agentsDiffTokenStats.current })), 1 /* TEXT */),
+                                    _createElementVNode("span", {
+                                      class: _normalizeClass(['agents-diff-token-delta', 'agents-diff-token-delta--' + _ctx.agentsDiffTokenStats.deltaKind])
+                                    }, _toDisplayString(_ctx.agentsDiffTokenStats.deltaLabel), 3 /* TEXT, CLASS */)
+                                  ]))
+                                : _createCommentVNode("v-if", true),
+                              (!_ctx.agentsDiffLoading && !_ctx.agentsDiffError && !_ctx.agentsDiffTruncated && (_ctx.agentsDiffStats.added || _ctx.agentsDiffStats.removed))
+                                ? (_openBlock(), _createElementBlock("div", {
+                                    key: 1,
                                     class: "agents-diff-summary"
                                   }, [
                                     _createElementVNode("span", { class: "agents-diff-stat add" }, "+" + _toDisplayString(_ctx.agentsDiffStats.added), 1 /* TEXT */),
@@ -7298,26 +7414,26 @@ return function render(_ctx, _cache) {
                                 : _createCommentVNode("v-if", true),
                               (_ctx.agentsDiffLoading)
                                 ? (_openBlock(), _createElementBlock("div", {
-                                    key: 1,
+                                    key: 2,
                                     class: "state-message"
                                   }, _toDisplayString(_ctx.t('diff.generating')), 1 /* TEXT */))
                                 : (_ctx.agentsDiffError)
                                   ? (_openBlock(), _createElementBlock("div", {
-                                      key: 2,
+                                      key: 3,
                                       class: "state-message error"
                                     }, _toDisplayString(_ctx.agentsDiffError), 1 /* TEXT */))
                                   : (_ctx.agentsDiffTruncated)
                                     ? (_openBlock(), _createElementBlock("div", {
-                                        key: 3,
+                                        key: 4,
                                         class: "agents-diff-empty"
                                       }, _toDisplayString(_ctx.t('diff.tooLargeSkip')), 1 /* TEXT */))
                                     : (!_ctx.agentsDiffHasChanges)
                                       ? (_openBlock(), _createElementBlock("div", {
-                                          key: 4,
+                                          key: 5,
                                           class: "agents-diff-empty"
                                         }, _toDisplayString(_ctx.t('diff.noChanges')), 1 /* TEXT */))
                                       : (_openBlock(), _createElementBlock("div", {
-                                          key: 5,
+                                          key: 6,
                                           class: "prompts-diff-frame"
                                         }, [
                                           (_ctx.agentsChangeAxis.ticks.length)
@@ -7425,12 +7541,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 +7548,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]
                               ])
                             ]),
@@ -7511,6 +7620,12 @@ return function render(_ctx, _cache) {
                             _createTextVNode(_toDisplayString(_ctx.sysPromptPath || _ctx.t('common.notLoaded')) + " ", 1 /* TEXT */),
                             (_ctx.sysPromptPath)
                               ? (_openBlock(), _createElementBlock("span", { key: 0 }, " （" + _toDisplayString(_ctx.sysPromptExists ? _ctx.t('common.exists') : _ctx.t('common.notExistsWillCreateOnSave')) + "） ", 1 /* TEXT */))
+                              : _createCommentVNode("v-if", true),
+                            (_ctx.sysPromptPath)
+                              ? (_openBlock(), _createElementBlock("span", {
+                                  key: 1,
+                                  class: "prompts-token-hint"
+                                }, "· " + _toDisplayString(_ctx.t('prompts.tokenCount.hint', { count: _ctx.sysPromptTokenCount })), 1 /* TEXT */))
                               : _createCommentVNode("v-if", true)
                           ]),
                           _createElementVNode("div", { class: "prompts-editor-actions" }, [
@@ -7616,7 +7731,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 +7745,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,
@@ -7754,9 +7850,20 @@ return function render(_ctx, _cache) {
                         _createElementVNode("div", { class: "form-group" }, [
                           (_ctx.sysPromptDiffVisible)
                             ? (_openBlock(), _createElementBlock("div", { key: 0 }, [
-                                (!_ctx.sysPromptDiffLoading && !_ctx.sysPromptDiffError && !_ctx.sysPromptDiffTruncated && (_ctx.sysPromptDiffStats.added || _ctx.sysPromptDiffStats.removed))
+                                (!_ctx.sysPromptDiffLoading && !_ctx.sysPromptDiffError)
                                   ? (_openBlock(), _createElementBlock("div", {
                                       key: 0,
+                                      class: "agents-diff-token-summary"
+                                    }, [
+                                      _createElementVNode("span", { class: "agents-diff-token-label" }, _toDisplayString(_ctx.t('prompts.tokenCount.diff', { before: _ctx.sysPromptDiffTokenStats.before, current: _ctx.sysPromptDiffTokenStats.current })), 1 /* TEXT */),
+                                      _createElementVNode("span", {
+                                        class: _normalizeClass(['agents-diff-token-delta', 'agents-diff-token-delta--' + _ctx.sysPromptDiffTokenStats.deltaKind])
+                                      }, _toDisplayString(_ctx.sysPromptDiffTokenStats.deltaLabel), 3 /* TEXT, CLASS */)
+                                    ]))
+                                  : _createCommentVNode("v-if", true),
+                                (!_ctx.sysPromptDiffLoading && !_ctx.sysPromptDiffError && !_ctx.sysPromptDiffTruncated && (_ctx.sysPromptDiffStats.added || _ctx.sysPromptDiffStats.removed))
+                                  ? (_openBlock(), _createElementBlock("div", {
+                                      key: 1,
                                       class: "agents-diff-summary"
                                     }, [
                                       _createElementVNode("span", { class: "agents-diff-stat add" }, "+" + _toDisplayString(_ctx.sysPromptDiffStats.added), 1 /* TEXT */),
@@ -7765,26 +7872,26 @@ return function render(_ctx, _cache) {
                                   : _createCommentVNode("v-if", true),
                                 (_ctx.sysPromptDiffLoading)
                                   ? (_openBlock(), _createElementBlock("div", {
-                                      key: 1,
+                                      key: 2,
                                       class: "state-message"
                                     }, _toDisplayString(_ctx.t('diff.generating')), 1 /* TEXT */))
                                   : (_ctx.sysPromptDiffError)
                                     ? (_openBlock(), _createElementBlock("div", {
-                                        key: 2,
+                                        key: 3,
                                         class: "state-message error"
                                       }, _toDisplayString(_ctx.sysPromptDiffError), 1 /* TEXT */))
                                     : (_ctx.sysPromptDiffTruncated)
                                       ? (_openBlock(), _createElementBlock("div", {
-                                          key: 3,
+                                          key: 4,
                                           class: "agents-diff-empty"
                                         }, _toDisplayString(_ctx.t('diff.tooLargeSkip')), 1 /* TEXT */))
                                       : (!_ctx.sysPromptDiffHasChangesValue)
                                         ? (_openBlock(), _createElementBlock("div", {
-                                            key: 4,
+                                            key: 5,
                                             class: "agents-diff-empty"
                                           }, _toDisplayString(_ctx.t('diff.noChanges')), 1 /* TEXT */))
                                         : (_openBlock(), _createElementBlock("div", {
-                                            key: 5,
+                                            key: 6,
                                             class: "prompts-diff-frame"
                                           }, [
                                             (_ctx.sysChangeAxis.ticks.length)
@@ -7892,21 +7999,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 {
@@ -384,7 +383,7 @@ export async function loadActiveSessionDetail(api, options = {}) {
             sessionId: this.activeSession.sessionId,
             filePath: this.activeSession.filePath,
             messageLimit,
-            preview
+            preview,
         });
 
         if (requestSeq !== this.sessionDetailRequestSeq) {

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();

package/web-ui/styles/base-theme.css

@@ -289,3 +289,27 @@ body::before {
         radial-gradient(circle at 86% 18%, rgba(255, 232, 206, 0.36), rgba(255, 232, 206, 0) 30%);
     z-index: 0;
 }
+
+/* Site-wide custom scrollbars (class-scoped scrollbar-width:none rules keep priority via specificity) */
+* {
+    scrollbar-width: thin;
+    scrollbar-color: rgba(137, 111, 94, 0.35) transparent;
+}
+
+::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+}
+
+::-webkit-scrollbar-track {
+    background: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+    background: rgba(137, 111, 94, 0.35);
+    border-radius: 999px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+    background: rgba(137, 111, 94, 0.55);
+}