codexmate 0.1.25 → 0.1.27

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

@@ -254,6 +254,8 @@ const en = Object.freeze({
     'prompts.editor.previewEmpty': 'Nothing to preview yet',
     'prompts.editor.changeAxis': 'Change navigation axis',
     'prompts.editor.changeAxisTick': 'Line {line} (+{added} / -{removed})',
+    'prompts.tokenCount.hint': '~{count} tokens',
+    'prompts.tokenCount.diff': 'Tokens: {before} before → {current} now',
     'prompts.presets.title': 'Presets',
     'prompts.presets.hint': 'Manage presets.',
     'prompts.presets.namePlaceholder': 'Preset name',
@@ -350,6 +352,8 @@ const en = Object.freeze({
     'dashboard.sessionSource.claude': 'Claude Code',
     'dashboard.sessionSource.gemini': 'Gemini CLI',
     'dashboard.sessionSource.codebuddy': 'CodeBuddy Code',
+
+    'dashboard.sessionSource.workbuddy': 'WorkBuddy AI',
     'dashboard.sessionSource.all': 'All',
     'dashboard.sessionPath.all': 'All paths',
     'dashboard.sessionQuery.unsupported': 'Unsupported source',
@@ -682,7 +686,10 @@ const en = Object.freeze({
     'sessions.source.claudeCode': 'Claude Code',
     'sessions.source.gemini': 'Gemini CLI',
     'sessions.source.codebuddy': 'CodeBuddy Code',
+
+    'sessions.source.workbuddy': 'WorkBuddy AI',
     'sessions.source.pi': 'Pi',
+    'sessions.source.opencode': 'OpenCode',
     'sessions.loadingList': 'Loading sessions...',
     'sessions.empty': 'No sessions found',
     'sessions.unknownTime': 'unknown time',
@@ -694,6 +701,8 @@ const en = Object.freeze({
     'sessions.unpin': 'Unpin',
     'sessions.copyResume': 'Copy resume command',
     'sessions.preview.refresh': 'Refresh content',
+    'sessions.preview.scrollTop': 'Back to top',
+    'sessions.preview.scrollBottom': 'Jump to bottom',
     'sessions.preview.loading': 'Loading...',
     'sessions.batch.select': 'Batch delete',
     'sessions.batch.exit': 'Exit selection',
@@ -784,7 +793,6 @@ const en = Object.freeze({
     'sessions.sort.hot': 'Sort: hot',
     'sessions.sort.hotBadge': 'Hot',
     'sessions.filters.copyLink': 'Copy filter link',
-    'sessions.filters.urlBuildFail': 'Failed to build link',
     'sessions.filters.source': 'Source',
     'sessions.filters.path': 'Path',
     'sessions.filters.keyword': 'Keyword',

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

@@ -255,6 +255,8 @@ const ja = Object.freeze({
     'prompts.editor.previewEmpty': 'プレビューする内容がありません',
     'prompts.editor.changeAxis': '変更ナビゲーション軸',
     'prompts.editor.changeAxisTick': '{line} 行目（+{added} / -{removed}）',
+    'prompts.tokenCount.hint': '約 {count} トークン',
+    'prompts.tokenCount.diff': 'トークン：変更前 {before} → 現在 {current}',
     'prompts.presets.title': 'プリセット',
     'prompts.presets.hint': 'プリセットを管理します。',
     'prompts.presets.namePlaceholder': 'プリセット名',
@@ -352,6 +354,8 @@ const ja = Object.freeze({
     'dashboard.sessionSource.claude': 'Claude Code',
     'dashboard.sessionSource.gemini': 'Gemini CLI',
     'dashboard.sessionSource.codebuddy': 'CodeBuddy Code',
+
+    'dashboard.sessionSource.workbuddy': 'WorkBuddy AI',
     'dashboard.sessionSource.all': 'すべて',
     'dashboard.sessionPath.all': 'すべてのパス',
     'dashboard.sessionQuery.unsupported': '現在のソースは非対応',
@@ -684,7 +688,10 @@ const ja = Object.freeze({
     'sessions.source.claudeCode': 'Claude Code',
     'sessions.source.gemini': 'Gemini',
     'sessions.source.codebuddy': 'CodeBuddy',
+
+    'sessions.source.workbuddy': 'WorkBuddy AI',
     'sessions.source.pi': 'Pi',
+    'sessions.source.opencode': 'OpenCode',
     'sessions.loadingList': 'セッション一覧を読み込み中...',
     'sessions.empty': 'セッションがありません',
     'sessions.unknownTime': '不明な時間',
@@ -696,6 +703,8 @@ const ja = Object.freeze({
     'sessions.unpin': 'ピン留め解除',
     'sessions.copyResume': '再開コマンドをコピー',
     'sessions.preview.refresh': '更新',
+    'sessions.preview.scrollTop': '先頭へ',
+    'sessions.preview.scrollBottom': '末尾へ',
     'sessions.preview.loading': 'プレビュー読み込み中...',
     'sessions.batch.select': '一括削除',
     'sessions.batch.exit': '選択を終了',
@@ -787,7 +796,6 @@ const ja = Object.freeze({
     'sessions.sort.hot': '話題順',
     'sessions.sort.hotBadge': '話題',
     'sessions.filters.copyLink': 'リンクをコピー',
-    'sessions.filters.urlBuildFail': 'リンク生成失敗',
     'sessions.filters.source': 'ソース',
     'sessions.filters.path': 'パス',
     'sessions.filters.keyword': 'キーワード',

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

@@ -283,6 +283,8 @@ 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.tokenCount.hint': '~{count} token',
+    'prompts.tokenCount.diff': 'Token: trước {before} → hiện tại {current}',
     'prompts.presets.title': 'Preset',
     'prompts.presets.hint': 'Quản lý preset.',
     'prompts.presets.namePlaceholder': 'Tên preset',
@@ -633,6 +635,8 @@ const vi = Object.freeze({
     'dashboard.sessionSource.claude': 'Claude Code',
     'dashboard.sessionSource.gemini': 'Gemini CLI',
     'dashboard.sessionSource.codebuddy': 'CodeBuddy Code',
+
+    'dashboard.sessionSource.workbuddy': 'WorkBuddy AI',
     'dashboard.sessionSource.all': 'Tất cả',
     'dashboard.sessionPath.all': 'Tất cả đường dẫn',
     'dashboard.sessionQuery.unsupported': 'Nguồn không được hỗ trợ',
@@ -859,7 +863,10 @@ const vi = Object.freeze({
     'sessions.source.claudeCode': 'Claude Code',
     'sessions.source.gemini': 'Gemini CLI',
     'sessions.source.codebuddy': 'CodeBuddy Code',
+
+    'sessions.source.workbuddy': 'WorkBuddy AI',
     'sessions.source.pi': 'Pi',
+    'sessions.source.opencode': 'OpenCode',
     'sessions.loadingList': 'Đang tải phiên làm việc...',
     'sessions.empty': 'Không tìm thấy phiên nào',
     'sessions.unknownTime': 'thời gian không rõ',
@@ -869,6 +876,8 @@ const vi = Object.freeze({
     'sessions.unpin': 'Bỏ ghim',
     'sessions.copyResume': 'Sao chép lệnh tiếp tục',
     'sessions.preview.refresh': 'Làm mới nội dung',
+    'sessions.preview.scrollTop': 'Về đầu',
+    'sessions.preview.scrollBottom': 'Xuống cuối',
     'sessions.preview.loading': 'Đang tải...',
     'sessions.batch.select': 'Xóa hàng loạt',
     'sessions.batch.exit': 'Thoát chọn',
@@ -958,7 +967,6 @@ const vi = Object.freeze({
     'sessions.sort.hot': 'Sắp xếp: hot',
     'sessions.sort.hotBadge': 'Hot',
     'sessions.filters.copyLink': 'Sao chép link bộ lọc',
-    'sessions.filters.urlBuildFail': 'Tạo link thất bại',
     'sessions.filters.source': 'Nguồn',
     'sessions.filters.path': 'Đường dẫn',
     'sessions.filters.keyword': 'Từ khóa',

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

@@ -254,6 +254,8 @@ const zhTw = Object.freeze({
     'prompts.editor.previewEmpty': '尚無內容可預覽',
     'prompts.editor.changeAxis': '改動導覽軸',
     'prompts.editor.changeAxisTick': '第 {line} 行（+{added} / -{removed}）',
+    'prompts.tokenCount.hint': '約 {count} tokens',
+    'prompts.tokenCount.diff': 'Tokens：修改前 {before} → 目前 {current}',
     'prompts.presets.title': '預設池',
     'prompts.presets.hint': '管理預設。',
     'prompts.presets.namePlaceholder': '預設名稱',
@@ -350,6 +352,8 @@ const zhTw = Object.freeze({
     'dashboard.sessionSource.claude': 'Claude Code',
     'dashboard.sessionSource.gemini': 'Gemini CLI',
     'dashboard.sessionSource.codebuddy': 'CodeBuddy Code',
+
+    'dashboard.sessionSource.workbuddy': 'WorkBuddy AI',
     'dashboard.sessionSource.all': '全部',
     'dashboard.sessionPath.all': '全部路徑',
     'dashboard.sessionQuery.unsupported': '目前來源不支持',
@@ -682,7 +686,10 @@ const zhTw = Object.freeze({
     'sessions.source.claudeCode': 'Claude Code',
     'sessions.source.gemini': 'Gemini CLI',
     'sessions.source.codebuddy': 'CodeBuddy Code',
+
+    'sessions.source.workbuddy': 'WorkBuddy AI',
     'sessions.source.pi': 'Pi',
+    'sessions.source.opencode': 'OpenCode',
     'sessions.loadingList': '會話載入中...',
     'sessions.empty': '暫無可用會話記錄',
     'sessions.unknownTime': '未知時間',
@@ -693,6 +700,8 @@ const zhTw = Object.freeze({
     'sessions.unpin': '取消置頂',
     'sessions.copyResume': '複製恢復命令',
     'sessions.preview.refresh': '重新整理內容',
+    'sessions.preview.scrollTop': '回到頂部',
+    'sessions.preview.scrollBottom': '跳到底部',
     'sessions.preview.loading': '載入中...',
     'sessions.batch.select': '批次刪除',
     'sessions.batch.exit': '退出選擇',
@@ -783,7 +792,6 @@ const zhTw = Object.freeze({
     'sessions.sort.hot': '按熱度',
     'sessions.sort.hotBadge': '熱',
     'sessions.filters.copyLink': '複製篩選鏈接',
-    'sessions.filters.urlBuildFail': '無法生成鏈接',
     'sessions.filters.source': '來源',
     'sessions.filters.path': '路徑',
     'sessions.filters.keyword': '關鍵詞',

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

@@ -254,6 +254,8 @@ const zh = Object.freeze({
     'prompts.editor.previewEmpty': '暂无内容可预览',
     'prompts.editor.changeAxis': '改动导航轴',
     'prompts.editor.changeAxisTick': '第 {line} 行（+{added} / -{removed}）',
+    'prompts.tokenCount.hint': '约 {count} tokens',
+    'prompts.tokenCount.diff': 'Tokens：修改前 {before} → 当前 {current}',
     'prompts.presets.title': '预设池',
     'prompts.presets.hint': '管理预设。',
     'prompts.presets.namePlaceholder': '预设名称',
@@ -350,6 +352,8 @@ const zh = Object.freeze({
     'dashboard.sessionSource.claude': 'Claude Code',
     'dashboard.sessionSource.gemini': 'Gemini CLI',
     'dashboard.sessionSource.codebuddy': 'CodeBuddy Code',
+
+    'dashboard.sessionSource.workbuddy': 'WorkBuddy AI',
     'dashboard.sessionSource.all': '全部',
     'dashboard.sessionPath.all': '全部路径',
     'dashboard.sessionQuery.unsupported': '当前来源不支持',
@@ -682,7 +686,10 @@ const zh = Object.freeze({
     'sessions.source.claudeCode': 'Claude Code',
     'sessions.source.gemini': 'Gemini CLI',
     'sessions.source.codebuddy': 'CodeBuddy Code',
+
+    'sessions.source.workbuddy': 'WorkBuddy AI',
     'sessions.source.pi': 'Pi',
+    'sessions.source.opencode': 'OpenCode',
     'sessions.loadingList': '会话加载中...',
     'sessions.empty': '暂无可用会话记录',
     'sessions.unknownTime': '未知时间',
@@ -693,6 +700,8 @@ const zh = Object.freeze({
     'sessions.unpin': '取消置顶',
     'sessions.copyResume': '复制恢复命令',
     'sessions.preview.refresh': '刷新内容',
+    'sessions.preview.scrollTop': '回到顶部',
+    'sessions.preview.scrollBottom': '跳到底部',
     'sessions.preview.loading': '加载中...',
     'sessions.batch.select': '批量删除',
     'sessions.batch.exit': '退出选择',
@@ -783,7 +792,6 @@ const zh = Object.freeze({
     'sessions.sort.hot': '按热度',
     'sessions.sort.hotBadge': '热',
     'sessions.filters.copyLink': '复制筛选链接',
-    'sessions.filters.urlBuildFail': '无法生成链接',
     'sessions.filters.source': '来源',
     'sessions.filters.path': '路径',
     'sessions.filters.keyword': '关键词',

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

@@ -289,7 +289,7 @@
                         <div class="side-item-title">{{ t('side.sessions.browser') }}</div>
                         <div class="side-item-meta">
                             <span>{{ t('side.sessions.browser.meta') }}</span>
-                            <span>{{ t('sessions.sourceLabel', { value: (sessionFilterSource === 'all' ? t('sessions.source.all') : (sessionFilterSource === 'claude' ? 'Claude Code' : (sessionFilterSource === 'gemini' ? 'Gemini CLI' : (sessionFilterSource === 'codebuddy' ? 'CodeBuddy Code' : 'Codex')))) }) }}</span>
+                            <span>{{ t('sessions.sourceLabel', { value: (sessionFilterSource === 'all' ? t('sessions.source.all') : (sessionFilterSource === 'claude' ? 'Claude Code' : (sessionFilterSource === 'gemini' ? 'Gemini CLI' : (sessionFilterSource === 'codebuddy' ? 'CodeBuddy Code' : (sessionFilterSource === 'workbuddy' ? 'WorkBuddy AI' : 'Codex'))))) }) }}</span>
                         </div>
                     </button>
                     <button
@@ -527,7 +527,9 @@
                                                 ? t('sessions.source.gemini')
                                                 : (sessionFilterSource === 'codebuddy'
                                                     ? t('sessions.source.codebuddy')
-                                                    : t('sessions.source.codex'))))) }}
+                                                    : (sessionFilterSource === 'workbuddy'
+                                                        ? t('sessions.source.workbuddy')
+                                                        : t('sessions.source.codex')))))) }}
                             </span>
                         </div>
                         <div class="status-chip">

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

@@ -42,6 +42,7 @@
                             <span v-if="agentsPath">
                                 （{{ agentsExists ? t('common.exists') : t('common.notExistsWillCreateOnSave') }}）
                             </span>
+                            <span v-if="agentsPath" class="prompts-token-hint">· {{ t('prompts.tokenCount.hint', { count: agentsTokenCount }) }}</span>
                         </div>
                         <div class="prompts-editor-actions">
                             <div class="prompts-editor-group prompts-editor-group--pathref">
@@ -182,6 +183,12 @@
 
                     <div class="form-group">
                         <div v-if="agentsDiffVisible">
+                            <div
+                                v-if="!agentsDiffLoading && !agentsDiffError"
+                                class="agents-diff-token-summary">
+                                <span class="agents-diff-token-label">{{ t('prompts.tokenCount.diff', { before: agentsDiffTokenStats.before, current: agentsDiffTokenStats.current }) }}</span>
+                                <span :class="['agents-diff-token-delta', 'agents-diff-token-delta--' + agentsDiffTokenStats.deltaKind]">{{ agentsDiffTokenStats.deltaLabel }}</span>
+                            </div>
                             <div
                                 v-if="!agentsDiffLoading && !agentsDiffError && !agentsDiffTruncated && (agentsDiffStats.added || agentsDiffStats.removed)"
                                 class="agents-diff-summary">
@@ -274,6 +281,7 @@
                                 <span v-if="sysPromptPath">
                                     （{{ sysPromptExists ? t('common.exists') : t('common.notExistsWillCreateOnSave') }}）
                                 </span>
+                                <span v-if="sysPromptPath" class="prompts-token-hint">· {{ t('prompts.tokenCount.hint', { count: sysPromptTokenCount }) }}</span>
                             </div>
                             <div class="prompts-editor-actions">
                                 <div class="prompts-editor-group prompts-editor-group--pathref">
@@ -335,6 +343,12 @@
                         </details>
                         <div class="form-group">
                             <div v-if="sysPromptDiffVisible">
+                                <div
+                                    v-if="!sysPromptDiffLoading && !sysPromptDiffError"
+                                    class="agents-diff-token-summary">
+                                    <span class="agents-diff-token-label">{{ t('prompts.tokenCount.diff', { before: sysPromptDiffTokenStats.before, current: sysPromptDiffTokenStats.current }) }}</span>
+                                    <span :class="['agents-diff-token-delta', 'agents-diff-token-delta--' + sysPromptDiffTokenStats.deltaKind]">{{ sysPromptDiffTokenStats.deltaLabel }}</span>
+                                </div>
                                 <div
                                     v-if="!sysPromptDiffLoading && !sysPromptDiffError && !sysPromptDiffTruncated && (sysPromptDiffStats.added || sysPromptDiffStats.removed)"
                                     class="agents-diff-summary">

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", {
@@ -727,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 */),
@@ -4017,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",
@@ -4647,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", {
@@ -4696,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,
@@ -7034,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" }, [
@@ -7352,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 */),
@@ -7363,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)
@@ -7569,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" }, [
@@ -7793,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 */),
@@ -7804,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)

package/web-ui/session-helpers.mjs

@@ -383,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/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);
+}