codexmate 0.1.25 → 0.1.28

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

@@ -2,11 +2,11 @@ import {
     buildSessionFilterCacheState,
     isSessionQueryEnabled,
     normalizeSessionMessageRole,
-    normalizeSessionPathFilter
+    normalizeSessionPathFilter,
+    normalizeSessionSource
 } from '../logic.mjs';
 import {
     applySessionsFilterUrlState,
-    buildSessionsFilterShareUrl,
     normalizeSessionRoleFilter,
     normalizeSessionTimePreset,
     readSessionsFilterUrlState,
@@ -118,9 +118,7 @@ export function createSessionBrowserMethods(options = {}) {
         },
 
         syncSessionPathOptionsForSource(source, nextOptions, mergeWithExisting = false) {
-            const targetSource = source === 'claude'
-                ? 'claude'
-                : (source === 'gemini' ? 'gemini' : (source === 'pi' ? 'pi' : (source === 'all' ? 'all' : 'codex')));
+            const targetSource = normalizeSessionSource(source, 'all');
             const current = Array.isArray(this.sessionPathOptionsMap[targetSource])
                 ? this.sessionPathOptionsMap[targetSource]
                 : [];
@@ -135,9 +133,7 @@ export function createSessionBrowserMethods(options = {}) {
         },
 
         refreshSessionPathOptions(source) {
-            const targetSource = source === 'claude'
-                ? 'claude'
-                : (source === 'gemini' ? 'gemini' : (source === 'pi' ? 'pi' : (source === 'all' ? 'all' : 'codex')));
+            const targetSource = normalizeSessionSource(source, 'all');
             const base = Array.isArray(this.sessionPathOptionsMap[targetSource])
                 ? [...this.sessionPathOptionsMap[targetSource]]
                 : [];
@@ -159,9 +155,7 @@ export function createSessionBrowserMethods(options = {}) {
         },
 
         async loadSessionPathOptions(options = {}) {
-            const source = options.source === 'claude'
-                ? 'claude'
-                : (options.source === 'gemini' ? 'gemini' : (options.source === 'pi' ? 'pi' : (options.source === 'all' ? 'all' : 'codex')));
+            const source = normalizeSessionSource(options.source, 'all');
             const forceRefresh = !!options.forceRefresh;
             const loaded = !!this.sessionPathOptionsLoadedMap[source];
             if (!forceRefresh && loaded) {
@@ -454,17 +448,28 @@ export function createSessionBrowserMethods(options = {}) {
             this.loadSessions();
         },
 
-        highlightQueryText(text) {
-            if (typeof text !== 'string' || !text) return text;
-            var tokens = this.queryTokens;
-            if (!tokens || tokens.length === 0) return text;
-            var escaped = text.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
-            for (var i = 0; i < tokens.length; i++) {
-                var token = tokens[i].replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
-                var re = new RegExp('(' + token + ')', 'gi');
-                escaped = escaped.replace(re, '<mark>$1</mark>');
+        getSessionPreviewScrollContainer() {
+            return this.sessionPreviewScrollEl || (this.$refs && this.$refs.sessionPreviewScroll) || null;
+        },
+
+        scrollSessionPreviewToTop() {
+            const scrollEl = this.getSessionPreviewScrollContainer();
+            if (!scrollEl) return;
+            if (typeof scrollEl.scrollTo === 'function') {
+                scrollEl.scrollTo({ top: 0, behavior: 'smooth' });
+            } else {
+                scrollEl.scrollTop = 0;
+            }
+        },
+
+        scrollSessionPreviewToBottom() {
+            const scrollEl = this.getSessionPreviewScrollContainer();
+            if (!scrollEl) return;
+            if (typeof scrollEl.scrollTo === 'function') {
+                scrollEl.scrollTo({ top: scrollEl.scrollHeight, behavior: 'smooth' });
+            } else {
+                scrollEl.scrollTop = scrollEl.scrollHeight;
             }
-            return escaped;
         },
 
         async onSessionSourceChange(event) {
@@ -513,9 +518,13 @@ export function createSessionBrowserMethods(options = {}) {
                             ? this.t('sessions.source.gemini')
                             : (this.sessionFilterSource === 'codebuddy'
                                 ? this.t('sessions.source.codebuddy')
-                                : (this.sessionFilterSource === 'pi'
-                                    ? this.t('sessions.source.pi')
-                                    : this.sessionFilterSource))));
+                                : (this.sessionFilterSource === 'workbuddy'
+                                    ? this.t('sessions.source.workbuddy')
+                                    : (this.sessionFilterSource === 'pi'
+                                        ? this.t('sessions.source.pi')
+                                        : (this.sessionFilterSource === 'opencode'
+                                            ? this.t('sessions.source.opencode')
+                                            : this.sessionFilterSource))))));
                 chips.push({ key: 'source', title: this.t('sessions.filters.source'), value: label });
             }
             if (this.sessionPathFilter) {
@@ -567,27 +576,6 @@ export function createSessionBrowserMethods(options = {}) {
             await this.onSessionSourceChange();
         },
 
-        async copySessionsFilterShareUrl() {
-            const url = buildSessionsFilterShareUrl(this);
-            if (!url) {
-                this.showMessage(typeof this.t === 'function' ? this.t('sessions.filters.urlBuildFail') : 'Failed to build link', 'error');
-                return;
-            }
-            try {
-                if (navigator.clipboard && window.isSecureContext) {
-                    await navigator.clipboard.writeText(url);
-                    this.showMessage(typeof this.t === 'function' ? this.t('toast.copy.ok') : 'Copied', 'success');
-                    return;
-                }
-            } catch (_) {}
-            const ok = typeof this.fallbackCopyText === 'function' ? this.fallbackCopyText(url) : false;
-            if (ok) {
-                this.showMessage(typeof this.t === 'function' ? this.t('toast.copy.ok') : 'Copied', 'success');
-                return;
-            }
-            this.showMessage(typeof this.t === 'function' ? this.t('toast.copy.fail') : 'Copy failed', 'error');
-        },
-
         normalizeSessionMessage(message) {
             const fallback = {
                 role: 'assistant',
@@ -934,6 +922,7 @@ export function createSessionBrowserMethods(options = {}) {
                 return;
             }
             this.activeSession = session;
+            this.sessionPreviewScrollAtTop = true;
             emitSessionLoadNativeDialog(this, 'selectSession:activate', `sessionId=${session.sessionId || ''}`);
             if (typeof this.expandVisibleSessionList === 'function') {
                 this.expandVisibleSessionList(0, { ensureActive: true });

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

@@ -262,6 +262,7 @@ export function createSessionTimelineMethods() {
             ) return;
             const scrollEl = this.sessionPreviewScrollEl || this.$refs.sessionPreviewScroll;
             if (!scrollEl) return;
+            this.sessionPreviewScrollAtTop = Number(scrollEl.scrollTop || 0) <= 8;
 
             if (
                 this.canLoadMoreSessionMessages

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

@@ -0,0 +1,38 @@
+const THEME_STORAGE_CACHE_KEY = 'codexmateThemeCache';
+
+export function createThemeMethods() {
+    return {
+        normalizeTheme(value) {
+            return value === 'dark' ? 'dark' : 'light';
+        },
+        applyDocumentTheme() {
+            try {
+                if (typeof document === 'undefined' || !document.documentElement) return;
+                const next = this.normalizeTheme(this.theme);
+                if (next === 'dark') {
+                    document.documentElement.setAttribute('data-theme', 'dark');
+                } else {
+                    document.documentElement.removeAttribute('data-theme');
+                }
+                // Render hint only: lets the inline head script skip the light
+                // flash before server preferences arrive. Source of truth is
+                // the server-side webUi preference store.
+                const storage = typeof globalThis !== 'undefined' ? globalThis.localStorage : null;
+                if (storage && typeof storage.setItem === 'function' && typeof storage.removeItem === 'function') {
+                    if (next === 'dark') storage.setItem(THEME_STORAGE_CACHE_KEY, 'dark');
+                    else storage.removeItem(THEME_STORAGE_CACHE_KEY);
+                }
+            } catch (_) {}
+        },
+        setTheme(theme) {
+            const next = this.normalizeTheme(theme);
+            if (next !== this.theme) {
+                this.theme = next;
+                this.applyDocumentTheme();
+            }
+            if (typeof this.persistWebUiPreferences === 'function') {
+                this.persistWebUiPreferences({ theme: next });
+            }
+        }
+    };
+}

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

@@ -352,6 +352,9 @@ export function createWebUiPreferencesMethods(options = {}) {
                     ? source.projectClaudeMdPath
                     : (typeof this.projectClaudeMdPath === 'string' ? this.projectClaudeMdPath : ''),
                 sidebarCollapsed: normalizeBoolean(hasOwn(source, 'sidebarCollapsed') ? source.sidebarCollapsed : this.sidebarCollapsed, false),
+                theme: typeof this.normalizeTheme === 'function'
+                    ? this.normalizeTheme(hasOwn(source, 'theme') ? source.theme : this.theme)
+                    : 'light',
                 configModeVisibility: typeof this.normalizeConfigModeVisibility === 'function'
                     ? this.normalizeConfigModeVisibility(hasOwn(source, 'configModeVisibility') ? source.configModeVisibility : this.configModeVisibility)
                     : { codex: true, claude: true, openclaw: true, opencode: true, kilocode: true },
@@ -423,6 +426,12 @@ export function createWebUiPreferencesMethods(options = {}) {
                 if (hasOwn(source, 'sidebarCollapsed')) {
                     this.sidebarCollapsed = normalizeBoolean(source.sidebarCollapsed, false);
                 }
+                if (typeof source.theme === 'string') {
+                    this.theme = typeof this.normalizeTheme === 'function'
+                        ? this.normalizeTheme(source.theme)
+                        : 'light';
+                    if (typeof this.applyDocumentTheme === 'function') this.applyDocumentTheme();
+                }
                 if (hasOwn(source, 'configModeVisibility') && typeof this.normalizeConfigModeVisibility === 'function') {
                     this.configModeVisibility = this.normalizeConfigModeVisibility(source.configModeVisibility);
                 }

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,10 +701,12 @@ 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',
-    'sessions.batch.selectAll': 'Select all',
+    'sessions.batch.selectAllVisibleN': 'Select {count} visible',
     'sessions.batch.unselectAll': 'Clear selection',
     'sessions.batch.deleteSelected': 'Delete selected',
     'sessions.batch.deleteSelectedN': 'Delete selected ({count})',
@@ -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',
@@ -1125,6 +1133,11 @@ const en = Object.freeze({
     'settings.language.meta': 'Choose the Web UI display language',
     'settings.language.label': 'Interface language',
     'settings.language.hint': 'Language preference is saved in this browser.',
+    'settings.theme.title': 'Appearance',
+    'settings.theme.meta': 'Choose the Web UI color theme',
+    'settings.theme.light': 'Light',
+    'settings.theme.dark': 'Dark',
+    'settings.theme.hint': 'Theme preference is saved automatically and persists across reloads.',
     'settings.sharePrefix.title': 'Share command prefix',
     'settings.sharePrefix.meta': 'Used as the prefix for “Copy share command” in the Web UI',
     'settings.sharePrefix.label': 'Prefix',

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,10 +703,12 @@ 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': '選択を終了',
-    'sessions.batch.selectAll': 'すべて選択',
+    'sessions.batch.selectAllVisibleN': '表示中の {count} 件を選択',
     'sessions.batch.unselectAll': '選択を解除',
     'sessions.batch.deleteSelected': '選択を削除',
     'sessions.batch.deleteSelectedN': '選択を削除（{count}）',
@@ -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': 'キーワード',
@@ -1128,6 +1136,11 @@ const ja = Object.freeze({
     'settings.language.meta': 'Web UI の表示言語を選択',
     'settings.language.label': 'インターフェース言語',
     'settings.language.hint': '言語設定はこのブラウザに保存されます。',
+    'settings.theme.title': '外観テーマ',
+    'settings.theme.meta': 'Web UI のカラーテーマを選択します',
+    'settings.theme.light': 'ライト',
+    'settings.theme.dark': 'ダーク',
+    'settings.theme.hint': 'テーマ設定は自動保存され、再読み込み後も保持されます。',
     'settings.sharePrefix.title': '共有コマンドプレフィックス',
     'settings.sharePrefix.meta': 'Web UI の「共有コマンドをコピー」のプレフィックスに影響',
     'settings.sharePrefix.label': 'プレフィックス',

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',
@@ -395,6 +397,11 @@ const vi = Object.freeze({
     'settings.language.meta': 'Chọn ngôn ngữ hiển thị cho Web UI',
     'settings.language.label': 'Ngôn ngữ giao diện',
     'settings.language.hint': 'Tùy chọn ngôn ngữ được lưu trong trình duyệt này.',
+    'settings.theme.title': 'Chủ đề giao diện',
+    'settings.theme.meta': 'Chọn chủ đề màu cho Web UI',
+    'settings.theme.light': 'Sáng',
+    'settings.theme.dark': 'Tối',
+    'settings.theme.hint': 'Tùy chọn chủ đề được tự động lưu và giữ nguyên sau khi tải lại.',
 
     'settings.webhook.title': 'Webhook',
     'settings.webhook.meta': 'Gửi thông báo sự kiện tới dịch vụ bên ngoài',
@@ -633,6 +640,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 +868,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,10 +881,12 @@ 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',
-    'sessions.batch.selectAll': 'Chọn tất cả',
+    'sessions.batch.selectAllVisibleN': 'Chọn {count} mục hiển thị',
     'sessions.batch.unselectAll': 'Bỏ chọn tất cả',
     'sessions.batch.deleteSelected': 'Xóa đã chọn',
     'sessions.batch.deleteSelectedN': 'Xóa đã chọn ({count})',
@@ -958,7 +972,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,10 +700,12 @@ 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': '退出選擇',
-    'sessions.batch.selectAll': '全選',
+    'sessions.batch.selectAllVisibleN': '全選可見 {count} 項',
     'sessions.batch.unselectAll': '取消全選',
     'sessions.batch.deleteSelected': '刪除選中',
     'sessions.batch.deleteSelectedN': '刪除選中（{count}）',
@@ -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': '關鍵詞',
@@ -1124,6 +1132,11 @@ const zhTw = Object.freeze({
     'settings.language.meta': '選擇 Web UI 的顯示語言',
     'settings.language.label': '界面語言',
     'settings.language.hint': '語言偏好會保存在目前瀏覽器。',
+    'settings.theme.title': '外觀主題',
+    'settings.theme.meta': '選擇 Web UI 的配色主題',
+    'settings.theme.light': '淺色',
+    'settings.theme.dark': '深色',
+    'settings.theme.hint': '主題偏好會自動儲存，重新整理後保持不變。',
     'settings.sharePrefix.title': '分享命令前綴',
     'settings.sharePrefix.meta': '影響 Web UI 裡“複製分享命令”的前綴',
     'settings.sharePrefix.label': '前綴',

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,10 +700,12 @@ 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': '退出选择',
-    'sessions.batch.selectAll': '全选',
+    'sessions.batch.selectAllVisibleN': '全选可见 {count} 项',
     'sessions.batch.unselectAll': '取消全选',
     'sessions.batch.deleteSelected': '删除选中',
     'sessions.batch.deleteSelectedN': '删除选中（{count}）',
@@ -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': '关键词',
@@ -1124,6 +1132,11 @@ const zh = Object.freeze({
     'settings.language.meta': '选择 Web UI 的显示语言',
     'settings.language.label': '界面语言',
     'settings.language.hint': '语言偏好会保存在当前浏览器。',
+    'settings.theme.title': '外观主题',
+    'settings.theme.meta': '选择 Web UI 的配色主题',
+    'settings.theme.light': '浅色',
+    'settings.theme.dark': '深色',
+    'settings.theme.hint': '主题偏好会自动保存，刷新后保持不变。',
     'settings.sharePrefix.title': '分享命令前缀',
     'settings.sharePrefix.meta': '影响 Web UI 里“复制分享命令”的前缀',
     'settings.sharePrefix.label': '前缀',

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">