codexmate 0.1.27 → 0.1.28

package/cli/config-bootstrap.js

@@ -17,10 +17,8 @@ function createConfigBootstrapController(deps = {}) {
         writeModels,
         readCurrentModels,
         writeCurrentModels,
-        updateAuthJson,
         CONFIG_DIR,
         CONFIG_FILE,
-        AUTH_FILE,
         MODELS_FILE,
         RECENT_CONFIGS_FILE,
         INIT_MARK_FILE,
@@ -49,10 +47,8 @@ function createConfigBootstrapController(deps = {}) {
     if (typeof writeModels !== 'function') throw new Error('createConfigBootstrapController 缺少 writeModels');
     if (typeof readCurrentModels !== 'function') throw new Error('createConfigBootstrapController 缺少 readCurrentModels');
     if (typeof writeCurrentModels !== 'function') throw new Error('createConfigBootstrapController 缺少 writeCurrentModels');
-    if (typeof updateAuthJson !== 'function') throw new Error('createConfigBootstrapController 缺少 updateAuthJson');
     if (!CONFIG_DIR) throw new Error('createConfigBootstrapController 缺少 CONFIG_DIR');
     if (!CONFIG_FILE) throw new Error('createConfigBootstrapController 缺少 CONFIG_FILE');
-    if (!AUTH_FILE) throw new Error('createConfigBootstrapController 缺少 AUTH_FILE');
     if (!MODELS_FILE) throw new Error('createConfigBootstrapController 缺少 MODELS_FILE');
     if (!RECENT_CONFIGS_FILE) throw new Error('createConfigBootstrapController 缺少 RECENT_CONFIGS_FILE');
     if (!INIT_MARK_FILE) throw new Error('createConfigBootstrapController 缺少 INIT_MARK_FILE');
@@ -131,6 +127,7 @@ base_url = "http://127.0.0.1:3737/bridge/local/v1"
 wire_api = "responses"
 requires_openai_auth = true
 preferred_auth_method = "codexmate"
+experimental_bearer_token = "codexmate"
 codexmate_bridge = "local"
 request_max_retries = 4
 stream_max_retries = 10
@@ -181,7 +178,7 @@ stream_idle_timeout_ms = 300000
         // Check if [model_providers.local] section already exists
         if (/\[model_providers\.local\]/.test(content)) return;
 
-        const localSection = `\n[model_providers.local]\nname = "local"\nbase_url = "http://127.0.0.1:3737/bridge/local/v1"\nwire_api = "responses"\nrequires_openai_auth = true\npreferred_auth_method = "codexmate"\ncodexmate_bridge = "local"\nrequest_max_retries = 4\nstream_max_retries = 10\nstream_idle_timeout_ms = 300000\n`;
+        const localSection = `\n[model_providers.local]\nname = "local"\nbase_url = "http://127.0.0.1:3737/bridge/local/v1"\nwire_api = "responses"\nrequires_openai_auth = true\npreferred_auth_method = "codexmate"\nexperimental_bearer_token = "codexmate"\ncodexmate_bridge = "local"\nrequest_max_retries = 4\nstream_max_retries = 10\nstream_idle_timeout_ms = 300000\n`;
         fs.appendFileSync(CONFIG_FILE, localSection, 'utf-8');
     }
 
@@ -263,10 +260,6 @@ stream_idle_timeout_ms = 300000
             currentModels[defaultProvider] = defaultModel;
             writeCurrentModels(currentModels);
         }
-
-        if (!fs.existsSync(AUTH_FILE)) {
-            updateAuthJson('');
-        }
     }
 
     function writeInitMark(payload) {

package/cli.js

@@ -757,6 +757,7 @@ base_url = "http://127.0.0.1:3737/bridge/local/v1"
 wire_api = "responses"
 requires_openai_auth = true
 preferred_auth_method = "codexmate"
+experimental_bearer_token = "codexmate"
 codexmate_bridge = "local"
 request_max_retries = 4
 stream_max_retries = 10
@@ -893,17 +894,27 @@ function writeCurrentModels(data) {
     fs.writeFileSync(CURRENT_MODELS_FILE, JSON.stringify(data, null, 2), 'utf-8');
 }
 
-function updateAuthJson(apiKey) {
-    assertToolConfigWriteAllowed('codex');
-    let authData = {};
-    if (fs.existsSync(AUTH_FILE)) {
-        try {
-            const content = fs.readFileSync(AUTH_FILE, 'utf-8');
-            if (content.trim()) authData = JSON.parse(content);
-        } catch (e) { }
+function ensureActiveProviderBearerToken(content, providerName, providerSegments = null) {
+    // 单文件认证：auth.json 不再写入，激活 provider 块缺 experimental_bearer_token 时
+    // 从 preferred_auth_method（内部键仓）惰性补写，保证 codex 仅凭 config.toml 取到密钥。
+    const ranges = findProviderSectionRanges(content, providerName, providerSegments);
+    if (!ranges.length) return content;
+    let updated = content;
+    const sorted = [...ranges].sort((a, b) => b.start - a.start);
+    for (const range of sorted) {
+        const block = updated.slice(range.start, range.end);
+        if (/(^|\n)\s*experimental_bearer_token\s*=/.test(block)) continue;
+        const prefMatch = block.match(/^(\s*)preferred_auth_method\s*=\s*"((?:\\.|[^"\\\n])*)"\s*(?:#.*)?$/m);
+        if (!prefMatch || !prefMatch[2].trim()) continue;
+        const insertLine = `${prefMatch[1]}experimental_bearer_token = "${prefMatch[2]}"`;
+        const lineEndIndex = block.indexOf('\n', prefMatch.index + prefMatch[0].length);
+        const insertAt = lineEndIndex === -1
+            ? range.start + block.length
+            : range.start + lineEndIndex + 1;
+        const prefix = lineEndIndex === -1 ? '\n' : '';
+        updated = updated.slice(0, insertAt) + prefix + insertLine + '\n' + updated.slice(insertAt);
     }
-    authData['OPENAI_API_KEY'] = apiKey;
-    fs.writeFileSync(AUTH_FILE, JSON.stringify(authData, null, 2), { encoding: 'utf-8', mode: 0o600 });
+    return updated;
 }
 
 function isPlainObject(value) {
@@ -1029,6 +1040,10 @@ function normalizeSidebarCollapsedPreference(value) {
     return normalizeBooleanPreference(value, false);
 }
 
+function normalizeThemePreference(value) {
+    return value === 'dark' ? 'dark' : 'light';
+}
+
 function normalizeSessionFilterSourcePreference(value) {
     const normalized = typeof value === 'string' ? value.trim().toLowerCase() : '';
     if (normalized === 'all' || normalized === 'claude' || normalized === 'gemini' || normalized === 'codebuddy' || normalized === 'workbuddy' || normalized === 'pi') return normalized;
@@ -1100,6 +1115,7 @@ function normalizeWebUiPreferences(value = {}) {
         sysPromptMode: normalizeSysPromptModePreference(source.sysPromptMode),
         projectClaudeMdPath: typeof source.projectClaudeMdPath === 'string' ? source.projectClaudeMdPath : '',
         sidebarCollapsed: normalizeSidebarCollapsedPreference(source.sidebarCollapsed),
+        theme: normalizeThemePreference(source.theme),
         starPrompted: normalizeBooleanPreference(source.starPrompted, false),
         sessionLoadNativeDialog: normalizeBooleanPreference(source.sessionLoadNativeDialog, false),
         language: typeof source.language === 'string' ? source.language : '',
@@ -1549,6 +1565,7 @@ const PROVIDER_CONFIG_KEYS = new Set([
     'wire_api',
     'requires_openai_auth',
     'preferred_auth_method',
+    'experimental_bearer_token',
     'request_max_retries',
     'stream_max_retries',
     'stream_idle_timeout_ms'
@@ -2753,7 +2770,6 @@ const {
     writeModels,
     readCurrentModels,
     writeCurrentModels,
-    updateAuthJson,
     CONFIG_DIR,
     CONFIG_FILE,
     AUTH_FILE,
@@ -3071,8 +3087,8 @@ function applyConfigTemplate(params = {}) {
         return { error: `模板中找不到当前 provider: ${activeProvider}` };
     }
 
-    writeConfig(template.trim() + '\n');
-    updateAuthJson(activeProviderBlock.preferred_auth_method || '');
+    const ensuredTemplate = ensureActiveProviderBearerToken(template.trim(), activeProvider);
+    writeConfig(ensuredTemplate + '\n');
 
     const models = readModels();
     if (!models.includes(parsed.model)) {
@@ -3310,6 +3326,7 @@ function addProviderToConfig(params = {}) {
         `wire_api = "responses"`,
         `requires_openai_auth = true`,
         `preferred_auth_method = "${safeKey}"`,
+        `experimental_bearer_token = "${safeKey}"`,
         `models = [{ id = "${escapeTomlBasicString(model)}", name = "${escapeTomlBasicString(model)}" }]`,
         ...extraLines,
         `request_max_retries = 4`,
@@ -10921,17 +10938,16 @@ function cmdSwitch(providerName, silent = false) {
         throw new Error('提供商不存在');
     }
 
-    // 切换提供商
+    // 切换提供商（单文件认证：同步确保目标块含 experimental_bearer_token）
     const content = fs.readFileSync(CONFIG_FILE, 'utf-8');
-    const newContent = content.replace(
+    const switchedContent = content.replace(
         /^(model_provider\s*=\s*)(["']).*?(["'])/m,
         `$1$2${providerName}$3`
     );
-    writeConfig(newContent);
-
-    // 更新认证信息
-    const apiKey = providers[providerName].preferred_auth_method || '';
-    updateAuthJson(apiKey);
+    const providerSegments = providers[providerName] && Array.isArray(providers[providerName].__codexmate_legacy_segments)
+        ? providers[providerName].__codexmate_legacy_segments
+        : null;
+    writeConfig(ensureActiveProviderBearerToken(switchedContent, providerName, providerSegments));
 
     // 切换到该提供商的模型
     const currentModels = readCurrentModels();
@@ -11072,6 +11088,7 @@ base_url = "${safeBaseUrl}"
 wire_api = "responses"
 requires_openai_auth = true
 preferred_auth_method = "${safeApiKey}"
+experimental_bearer_token = "${safeApiKey}"
 request_max_retries = 4
 stream_max_retries = 10
 stream_idle_timeout_ms = 300000
@@ -11373,6 +11390,7 @@ function cmdUpdate(name, baseUrl, apiKey, silent = false, options = {}) {
             updatedBlock = replaceTomlStringField(updatedBlock, 'base_url', computeLocalOpenaiBridgeBaseUrl());
             updatedBlock = replaceTomlBooleanField(updatedBlock, 'requires_openai_auth', true);
             updatedBlock = replaceTomlStringField(updatedBlock, 'preferred_auth_method', 'codexmate');
+            updatedBlock = replaceTomlStringField(updatedBlock, 'experimental_bearer_token', 'codexmate');
             updatedBlock = replaceTomlStringField(updatedBlock, 'codexmate_bridge', 'openai');
             if (hasOpenaiBridgeMaxRetries) {
                 updatedBlock = replaceTomlNumberField(updatedBlock, 'codexmate_bridge_max_retries', openaiBridgeMaxRetries);
@@ -11383,6 +11401,7 @@ function cmdUpdate(name, baseUrl, apiKey, silent = false, options = {}) {
             }
             if (apiKey !== undefined) {
                 updatedBlock = replaceTomlStringField(updatedBlock, 'preferred_auth_method', apiKey);
+                updatedBlock = replaceTomlStringField(updatedBlock, 'experimental_bearer_token', apiKey);
             }
         }
 
@@ -11397,12 +11416,6 @@ function cmdUpdate(name, baseUrl, apiKey, silent = false, options = {}) {
     }
     writeConfig(finalContent);
 
-    // 如果更新了 API Key 且该提供商是当前激活的，同步更新 auth.json
-    const currentProvider = config.model_provider;
-    if (apiKey !== undefined && name === currentProvider) {
-        updateAuthJson(apiKey);
-    }
-
     if (!silent) {
         console.log('✓ 已更新提供商:', name);
         console.log();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codexmate",
-  "version": "0.1.27",
+  "version": "0.1.28",
   "description": "Codex/Claude Code/OpenClaw 配置、会话与任务编排 CLI + Web 工具",
   "main": "cli.js",
   "bin": {

package/web-ui/app.js

@@ -575,6 +575,7 @@ document.addEventListener('DOMContentLoaded', () => {
                 kilocodeAutoSaveSignature: '',
                 forceCompactLayout: false,
                 sidebarCollapsed: false,
+                theme: 'light',
                 sessionLoadNativeDialog: false,
                 starPrompted: false,
                 webhookConfig: { enabled: false, url: '', events: ['provider-switch', 'claude-md-edit'] },
@@ -604,6 +605,9 @@ document.addEventListener('DOMContentLoaded', () => {
             if (typeof this.initI18n === 'function') {
                 this.initI18n();
             }
+            if (typeof this.applyDocumentTheme === 'function') {
+                this.applyDocumentTheme();
+            }
             if (typeof this.loadWebhookSettings === 'function') {
                 this.loadWebhookSettings();
             }

package/web-ui/index.html

@@ -11,6 +11,17 @@
     <script src="/res/marked.min.js"></script>
     <script src="/res/purify.min.js"></script>
     <link rel="stylesheet" href="/web-ui/styles.css">
+    <script>
+        // Render hint: skip the light flash for dark-theme users before the
+        // server preference store loads. Kept in sync by applyDocumentTheme().
+        (function () {
+            try {
+                if (localStorage.getItem('codexmateThemeCache') === 'dark') {
+                    document.documentElement.setAttribute('data-theme', 'dark');
+                }
+            } catch (_) {}
+        })();
+    </script>
 </head>
 <body>
     <!-- @include ./partials/index/layout-header.html -->

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

@@ -38,6 +38,7 @@ import { createPluginsMethods } from './plugins.methods.mjs';
 import { createI18nMethods } from './i18n.mjs';
 import { createWebhookMethods } from './app.methods.webhook.mjs';
 import { createWebUiPreferencesMethods } from './app.methods.web-ui-preferences.mjs';
+import { createThemeMethods } from './app.methods.theme.mjs';
 import {
     CONFIG_MODE_SET,
     getProviderConfigModeMeta
@@ -92,6 +93,7 @@ export function createAppMethods() {
         ...createProvidersMethods({ api }),
         ...createProviderCacheMethods({ api }),
         ...createWebUiPreferencesMethods({ api }),
+        ...createThemeMethods(),
         ...createClaudeConfigMethods({ api }),
         ...createToolConfigPermissionMethods({ api }),
         ...createOpenclawCoreMethods(),

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

@@ -706,7 +706,7 @@ const en = Object.freeze({
     '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})',
@@ -1133,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

@@ -708,7 +708,7 @@ const ja = Object.freeze({
     '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}）',
@@ -1136,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

@@ -397,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',
@@ -881,7 +886,7 @@ const vi = Object.freeze({
     '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})',

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

@@ -705,7 +705,7 @@ const zhTw = Object.freeze({
     '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}）',
@@ -1132,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

@@ -705,7 +705,7 @@ const zh = Object.freeze({
     '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}）',
@@ -1132,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/panel-sessions.html

@@ -105,8 +105,8 @@
                                 <span>{{ t('sessions.batch.select') }}</span>
                             </button>
                             <template v-else>
-                                <button class="btn-tool btn-tool-compact" type="button" @click="toggleSelectAllVisibleForBatch" :disabled="sessionsLoading" :title="isAllVisibleBatchSelected() ? t('sessions.batch.unselectAll') : t('sessions.batch.selectAll')">
-                                    {{ isAllVisibleBatchSelected() ? t('sessions.batch.unselectAll') : t('sessions.batch.selectAll') }}
+                                <button class="btn-tool btn-tool-compact" type="button" @click="toggleSelectAllVisibleForBatch" :disabled="sessionsLoading" :title="isAllVisibleBatchSelected() ? t('sessions.batch.unselectAll') : t('sessions.batch.selectAllVisibleN', { count: getVisibleBatchSelectableCount() })">
+                                    {{ isAllVisibleBatchSelected() ? t('sessions.batch.unselectAll') : t('sessions.batch.selectAllVisibleN', { count: getVisibleBatchSelectableCount() }) }}
                                 </button>
                                 <button class="btn-tool btn-tool-compact btn-tool-batch-delete" type="button" @click="deleteSelectedSessions" :disabled="sessionsLoading || sessionDeletingSelected || getSelectedBatchCount() === 0" :title="getSelectedBatchCount() > 0 ? t('sessions.batch.deleteSelectedN', { count: getSelectedBatchCount() }) : t('sessions.batch.emptySelection')">
                                     <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="3 6 5 6 21 6"/><path d="M7 6V4a2 2 0 012-2h6a2 2 0 012 2v2M10 11v6M14 11v6"/><path d="M5 6l1 14a2 2 0 002 2h8a2 2 0 002-2l1-14"/></svg>

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

@@ -61,6 +61,30 @@
                                 </div>
                             </section>
 
+                            <section class="settings-card" :aria-label="t('settings.theme.title')">
+                                <div class="settings-card-main">
+                                    <div class="settings-card-content">
+                                        <div class="settings-card-title">{{ t('settings.theme.title') }}</div>
+                                        <p class="settings-card-desc">{{ t('settings.theme.meta') }}</p>
+                                        <div class="settings-toggle-group">
+                                            <button
+                                                type="button"
+                                                :class="['toggle-btn', { active: theme === 'light' }]"
+                                                @click="setTheme('light')">
+                                                {{ t('settings.theme.light') }}
+                                            </button>
+                                            <button
+                                                type="button"
+                                                :class="['toggle-btn', { active: theme === 'dark' }]"
+                                                @click="setTheme('dark')">
+                                                {{ t('settings.theme.dark') }}
+                                            </button>
+                                        </div>
+                                        <p class="settings-card-hint">{{ t('settings.theme.hint') }}</p>
+                                    </div>
+                                </div>
+                            </section>
+
                             <section class="settings-card" :aria-label="t('settings.sharePrefix.title')">
                                 <div class="settings-card-main">
                                     <div class="settings-card-content">

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

@@ -4052,8 +4052,8 @@ return function render(_ctx, _cache) {
                                 type: "button",
                                 onClick: _ctx.toggleSelectAllVisibleForBatch,
                                 disabled: _ctx.sessionsLoading,
-                                title: _ctx.isAllVisibleBatchSelected() ? _ctx.t('sessions.batch.unselectAll') : _ctx.t('sessions.batch.selectAll')
-                              }, _toDisplayString(_ctx.isAllVisibleBatchSelected() ? _ctx.t('sessions.batch.unselectAll') : _ctx.t('sessions.batch.selectAll')), 9 /* TEXT, PROPS */, ["onClick", "disabled", "title"]),
+                                title: _ctx.isAllVisibleBatchSelected() ? _ctx.t('sessions.batch.unselectAll') : _ctx.t('sessions.batch.selectAllVisibleN', { count: _ctx.getVisibleBatchSelectableCount() })
+                              }, _toDisplayString(_ctx.isAllVisibleBatchSelected() ? _ctx.t('sessions.batch.unselectAll') : _ctx.t('sessions.batch.selectAllVisibleN', { count: _ctx.getVisibleBatchSelectableCount() })), 9 /* TEXT, PROPS */, ["onClick", "disabled", "title"]),
                               _createElementVNode("button", {
                                 class: "btn-tool btn-tool-compact btn-tool-batch-delete",
                                 type: "button",
@@ -5535,6 +5535,30 @@ return function render(_ctx, _cache) {
                     ])
                   ])
                 ], 8 /* PROPS */, ["aria-label"]),
+                _createElementVNode("section", {
+                  class: "settings-card",
+                  "aria-label": _ctx.t('settings.theme.title')
+                }, [
+                  _createElementVNode("div", { class: "settings-card-main" }, [
+                    _createElementVNode("div", { class: "settings-card-content" }, [
+                      _createElementVNode("div", { class: "settings-card-title" }, _toDisplayString(_ctx.t('settings.theme.title')), 1 /* TEXT */),
+                      _createElementVNode("p", { class: "settings-card-desc" }, _toDisplayString(_ctx.t('settings.theme.meta')), 1 /* TEXT */),
+                      _createElementVNode("div", { class: "settings-toggle-group" }, [
+                        _createElementVNode("button", {
+                          type: "button",
+                          class: _normalizeClass(['toggle-btn', { active: _ctx.theme === 'light' }]),
+                          onClick: $event => (_ctx.setTheme('light'))
+                        }, _toDisplayString(_ctx.t('settings.theme.light')), 11 /* TEXT, CLASS, PROPS */, ["onClick"]),
+                        _createElementVNode("button", {
+                          type: "button",
+                          class: _normalizeClass(['toggle-btn', { active: _ctx.theme === 'dark' }]),
+                          onClick: $event => (_ctx.setTheme('dark'))
+                        }, _toDisplayString(_ctx.t('settings.theme.dark')), 11 /* TEXT, CLASS, PROPS */, ["onClick"])
+                      ]),
+                      _createElementVNode("p", { class: "settings-card-hint" }, _toDisplayString(_ctx.t('settings.theme.hint')), 1 /* TEXT */)
+                    ])
+                  ])
+                ], 8 /* PROPS */, ["aria-label"]),
                 _createElementVNode("section", {
                   class: "settings-card",
                   "aria-label": _ctx.t('settings.sharePrefix.title')

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

@@ -15,6 +15,7 @@
     --color-surface-alt: #F7EFE8;
     --color-surface-elevated: #FFFFFF;
     --color-surface-tint: rgba(255, 253, 250, 0.86);
+    --color-surface-chip: rgba(255, 255, 255, 0.76);
     --color-text-primary: #241F1C;
     --color-text-secondary: #5A504A;
     --color-text-tertiary: #82746A;

package/web-ui/styles/controls-forms.css

@@ -157,7 +157,7 @@
     line-height: 1 !important;
     border-radius: var(--radius-sm) !important;
     border: 1px solid var(--color-border-soft) !important;
-    background: rgba(255, 255, 255, 0.76) !important;
+    background: var(--color-surface-chip) !important;
     font-size: 12px !important;
     font-weight: var(--font-weight-secondary) !important;
     color: var(--color-text-secondary) !important;

package/web-ui/styles/sessions-toolbar-trash.css

@@ -179,7 +179,7 @@
     -webkit-tap-highlight-color: transparent;
 }
 
-.session-source-pill:hover:not(:disabled) {
+.session-source-pill:hover:not(:disabled):not(.active) {
     color: var(--color-text-secondary);
     background: var(--color-surface);
 }

package/web-ui/styles/sessions-usage.css

@@ -46,7 +46,7 @@
     -webkit-tap-highlight-color: transparent;
 }
 
-.usage-range-btn:hover:not(:disabled) {
+.usage-range-btn:hover:not(:disabled):not(.active) {
     color: var(--color-text-secondary);
     background: rgba(200, 121, 99, 0.08);
 }

package/web-ui/styles/settings-panel.css

@@ -171,7 +171,7 @@
     left: 3px;
     width: 20px;
     height: 20px;
-    background: white;
+    background: #fff;
     border-radius: 50%;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
     transition: all 0.25s cubic-bezier(0.25, 1, 0.5, 1);
@@ -229,7 +229,7 @@
     flex: 1;
 }
 
-.settings-toggle-group .toggle-btn:hover:not(:disabled) {
+.settings-toggle-group .toggle-btn:hover:not(:disabled):not(.active) {
     color: var(--color-text-secondary);
     background: var(--color-surface);
 }