codexmate 0.0.25 → 0.0.27

package/web-ui/modules/app.methods.startup-claude.mjs

@@ -16,101 +16,137 @@ export function createStartupClaudeMethods(options = {}) {
 
     return {
         async loadAll(options = {}) {
-            const preserveLoading = !!options.preserveLoading;
-            let startupOk = false;
-            if (!preserveLoading) {
-                this.loading = true;
+            if (this._loadAllPromise) {
+                this._loadAllPendingOptions = options;
+                return this._loadAllPromise;
             }
-            this.initError = '';
-            try {
-                const statusRes = await api('status');
-                if (statusRes && statusRes.error) {
-                    this.initError = statusRes.error;
-                } else {
-                    const listRes = await api('list');
+            const preserveLoading = !!options.preserveLoading;
+            const run = async () => {
+                const configLoadTimeoutMs = 6000;
+                const withTimeout = async (promise, ms) => {
+                    const timeoutMs = Number.isFinite(Number(ms)) ? Math.max(0, Number(ms)) : 0;
+                    if (!timeoutMs) {
+                        return promise;
+                    }
+                    let timer = null;
+                    try {
+                        return await Promise.race([
+                            promise,
+                            new Promise((_, reject) => {
+                                timer = setTimeout(() => reject(new Error('timeout')), timeoutMs);
+                            })
+                        ]);
+                    } finally {
+                        if (timer) {
+                            clearTimeout(timer);
+                        }
+                    }
+                };
+                if (!preserveLoading) {
+                    this.loading = true;
+                }
+                this.initError = '';
+                const startedAt = Date.now();
+                const timeLeftMs = () => configLoadTimeoutMs - (Date.now() - startedAt);
+                try {
+                    const statusRes = await withTimeout(api('status'), timeLeftMs());
+                    if (statusRes && statusRes.error) {
+                        this.initError = statusRes.error;
+                        return false;
+                    }
+                    const listRes = await withTimeout(api('list'), timeLeftMs());
                     if (listRes && listRes.error) {
                         this.initError = listRes.error;
-                    } else {
-                        startupOk = true;
-                        this.currentProvider = statusRes.provider;
-                        this.currentModel = statusRes.model;
-                        try {
-                            const installRes = await api('install-status');
-                            if (installRes && !installRes.error) {
-                                const targets = Array.isArray(installRes.targets) ? installRes.targets : null;
-                                if (targets) {
-                                    this.installStatusTargets = targets;
-                                }
-                                if (typeof installRes.packageManager === 'string' && typeof this.normalizeInstallPackageManager === 'function') {
-                                    this.installPackageManager = this.normalizeInstallPackageManager(installRes.packageManager);
-                                }
-                            }
-                        } catch (_) {}
-                        {
-                            const tier = typeof statusRes.serviceTier === 'string'
-                                ? statusRes.serviceTier.trim().toLowerCase()
-                                : '';
-                            this.serviceTier = tier === 'fast' ? 'fast' : (tier ? 'standard' : 'fast');
-                        }
-                        {
-                            const effort = typeof statusRes.modelReasoningEffort === 'string'
-                                ? statusRes.modelReasoningEffort.trim().toLowerCase()
-                                : '';
-                            const allowedReasoningEfforts = new Set(['low', 'medium', 'high', 'xhigh']);
-                            this.modelReasoningEffort = allowedReasoningEfforts.has(effort) ? effort : 'medium';
-                        }
-                        {
-                            const contextWindow = this.normalizePositiveIntegerInput(
-                                statusRes.modelContextWindow,
-                                'model_context_window',
-                                defaultModelContextWindow
-                            );
-                            if (this.editingCodexBudgetField !== 'modelContextWindowInput') {
-                                this.modelContextWindowInput = contextWindow.ok && contextWindow.text
-                                    ? contextWindow.text
-                                    : String(defaultModelContextWindow);
+                        return false;
+                    }
+                    this.currentProvider = statusRes.provider;
+                    this.currentModel = statusRes.model;
+                    try {
+                        const installRes = await withTimeout(api('install-status'), Math.max(0, Math.min(1200, timeLeftMs())));
+                        if (installRes && !installRes.error) {
+                            const targets = Array.isArray(installRes.targets) ? installRes.targets : null;
+                            if (targets) {
+                                this.installStatusTargets = targets;
                             }
-                        }
-                        {
-                            const autoCompactTokenLimit = this.normalizePositiveIntegerInput(
-                                statusRes.modelAutoCompactTokenLimit,
-                                'model_auto_compact_token_limit',
-                                defaultModelAutoCompactTokenLimit
-                            );
-                            if (this.editingCodexBudgetField !== 'modelAutoCompactTokenLimitInput') {
-                                this.modelAutoCompactTokenLimitInput = autoCompactTokenLimit.ok && autoCompactTokenLimit.text
-                                    ? autoCompactTokenLimit.text
-                                    : String(defaultModelAutoCompactTokenLimit);
+                            if (typeof installRes.packageManager === 'string' && typeof this.normalizeInstallPackageManager === 'function') {
+                                this.installPackageManager = this.normalizeInstallPackageManager(installRes.packageManager);
                             }
                         }
-                        this.providersList = listRes.providers;
-                        if (statusRes.configReady === false) {
-                            this.showMessage('配置已加载', 'info');
+                    } catch (_) {}
+                    {
+                        const tier = typeof statusRes.serviceTier === 'string'
+                            ? statusRes.serviceTier.trim().toLowerCase()
+                            : '';
+                        this.serviceTier = tier === 'fast' ? 'fast' : (tier ? 'standard' : 'fast');
+                    }
+                    {
+                        const effort = typeof statusRes.modelReasoningEffort === 'string'
+                            ? statusRes.modelReasoningEffort.trim().toLowerCase()
+                            : '';
+                        const allowedReasoningEfforts = new Set(['low', 'medium', 'high', 'xhigh']);
+                        this.modelReasoningEffort = allowedReasoningEfforts.has(effort) ? effort : 'medium';
+                    }
+                    {
+                        const contextWindow = this.normalizePositiveIntegerInput(
+                            statusRes.modelContextWindow,
+                            'model_context_window',
+                            defaultModelContextWindow
+                        );
+                        if (this.editingCodexBudgetField !== 'modelContextWindowInput') {
+                            this.modelContextWindowInput = contextWindow.ok && contextWindow.text
+                                ? contextWindow.text
+                                : String(defaultModelContextWindow);
                         }
-                        if (statusRes.initNotice) {
-                            this.showMessage('配置就绪', 'info');
+                    }
+                    {
+                        const autoCompactTokenLimit = this.normalizePositiveIntegerInput(
+                            statusRes.modelAutoCompactTokenLimit,
+                            'model_auto_compact_token_limit',
+                            defaultModelAutoCompactTokenLimit
+                        );
+                        if (this.editingCodexBudgetField !== 'modelAutoCompactTokenLimitInput') {
+                            this.modelAutoCompactTokenLimitInput = autoCompactTokenLimit.ok && autoCompactTokenLimit.text
+                                ? autoCompactTokenLimit.text
+                                : String(defaultModelAutoCompactTokenLimit);
                         }
-                        this.maybeShowStarPrompt();
+                    }
+                    this.providersList = listRes.providers;
+                    if (statusRes.configReady === false) {
+                        this.showMessage('配置已加载', 'info');
+                    }
+                    if (statusRes.initNotice) {
+                        this.showMessage('配置就绪', 'info');
+                    }
+                    this.maybeShowStarPrompt();
+                    return true;
+                } catch (e) {
+                    this.initError = e && e.message === 'timeout'
+                        ? '读取配置超时'
+                        : '连接失败: ' + (e && e.message ? e.message : '');
+                    return false;
+                } finally {
+                    if (!preserveLoading) {
+                        this.loading = false;
                     }
                 }
-            } catch (e) {
-                this.initError = '连接失败: ' + e.message;
-            } finally {
-                if (!preserveLoading) {
-                    this.loading = false;
-                }
-            }
+            };
 
-            if (startupOk) {
-                try {
-                    await this.loadModelsForProvider(this.currentProvider);
-                } catch (_) {}
-                try {
-                    await this.loadCodexAuthProfiles();
-                } catch (_) {}
-            }
+            this._loadAllPromise = run()
+                .finally(() => {
+                    this._loadAllPromise = null;
+                });
 
-            return startupOk;
+            const result = await this._loadAllPromise;
+            if (result) {
+                Promise.resolve(this.loadModelsForProvider(this.currentProvider)).catch(() => {});
+                Promise.resolve(this.loadCodexAuthProfiles()).catch(() => {});
+            }
+            const pending = this._loadAllPendingOptions;
+            this._loadAllPendingOptions = null;
+            if (pending) {
+                return this.loadAll(pending);
+            }
+            return result;
         },
 
         async loadModelsForProvider(providerName, options = {}) {
@@ -240,54 +276,104 @@ export function createStartupClaudeMethods(options = {}) {
         },
 
         async refreshClaudeSelectionFromSettings(options = {}) {
+            if (this._refreshClaudeSelectionPromise) {
+                this._refreshClaudeSelectionPendingOptions = options;
+                return this._refreshClaudeSelectionPromise;
+            }
             const silent = !!options.silent;
             const silentModelError = !!options.silentModelError || silent;
-            try {
-                const res = await api('get-claude-settings');
-                if (res && res.error) {
-                    if (!silent) {
-                        this.showMessage('读取配置失败', 'error');
+            const run = async () => {
+                const configLoadTimeoutMs = 6000;
+                const withTimeout = async (promise, ms) => {
+                    const timeoutMs = Number.isFinite(Number(ms)) ? Math.max(0, Number(ms)) : 0;
+                    if (!timeoutMs) {
+                        return promise;
                     }
-                    return;
-                }
-                const matchName = this.matchClaudeConfigFromSettings((res && res.env) || {});
-                if (matchName) {
-                    if (this.currentClaudeConfig !== matchName) {
-                        this.currentClaudeConfig = matchName;
+                    let timer = null;
+                    try {
+                        return await Promise.race([
+                            promise,
+                            new Promise((_, reject) => {
+                                timer = setTimeout(() => reject(new Error('timeout')), timeoutMs);
+                            })
+                        ]);
+                    } finally {
+                        if (timer) {
+                            clearTimeout(timer);
+                        }
                     }
-                    this.refreshClaudeModelContext({ silentError: silentModelError });
-                    return;
-                }
-                const importedName = this.ensureClaudeConfigFromSettings((res && res.env) || {});
-                if (importedName) {
-                    if (this.currentClaudeConfig !== importedName) {
-                        this.currentClaudeConfig = importedName;
+                };
+                try {
+                    const res = await withTimeout(api('get-claude-settings'), configLoadTimeoutMs);
+                    if (res && res.error) {
+                        if (!silent) {
+                            this.showMessage('读取配置失败', 'error');
+                        }
+                        return;
+                    }
+                    const matchName = this.matchClaudeConfigFromSettings((res && res.env) || {});
+                    if (matchName) {
+                        if (this.currentClaudeConfig !== matchName) {
+                            this.currentClaudeConfig = matchName;
+                            try { localStorage.setItem('currentClaudeConfig', matchName); } catch (_) {}
+                        }
+                        this.refreshClaudeModelContext({ silentError: silentModelError });
+                        return;
                     }
-                    this.refreshClaudeModelContext({ silentError: silentModelError });
+                    const importedName = this.ensureClaudeConfigFromSettings((res && res.env) || {});
+                    if (importedName) {
+                        if (this.currentClaudeConfig !== importedName) {
+                            this.currentClaudeConfig = importedName;
+                            try { localStorage.setItem('currentClaudeConfig', importedName); } catch (_) {}
+                        }
+                        this.refreshClaudeModelContext({ silentError: silentModelError });
+                        if (!silent) {
+                            this.showMessage(`检测到外部 Claude 配置，已自动导入：${importedName}`, 'success');
+                        }
+                        return;
+                    }
+                    {
+                        const configNames = Object.keys(this.claudeConfigs || {});
+                        const current = typeof this.currentClaudeConfig === 'string' ? this.currentClaudeConfig.trim() : '';
+                        const fallback = current && this.claudeConfigs && this.claudeConfigs[current]
+                            ? current
+                            : (configNames[0] || '');
+                        if (!fallback) {
+                            this.currentClaudeConfig = '';
+                            try { localStorage.setItem('currentClaudeConfig', ''); } catch (_) {}
+                            this.currentClaudeModel = '';
+                            this.resetClaudeModelsState();
+                            return;
+                        }
+                        if (this.currentClaudeConfig !== fallback) {
+                            this.currentClaudeConfig = fallback;
+                            try { localStorage.setItem('currentClaudeConfig', fallback); } catch (_) {}
+                        }
+                        this.refreshClaudeModelContext({ silentError: silentModelError });
+                    }
+                } catch (e) {
                     if (!silent) {
-                        this.showMessage(`检测到外部 Claude 配置，已自动导入：${importedName}`, 'success');
+                        this.showMessage(e && e.message === 'timeout' ? '读取配置超时' : '读取配置失败', 'error');
                     }
-                    return;
-                }
-                this.currentClaudeConfig = '';
-                this.currentClaudeModel = '';
-                this.resetClaudeModelsState();
-                if (!silent) {
-                    const tip = res && res.exists
-                        ? '当前 Claude settings.json 与本地配置不匹配，已取消选中'
-                        : '未检测到 Claude settings.json，已取消选中';
-                    this.showMessage(tip, 'info');
-                }
-            } catch (_) {
-                if (!silent) {
-                    this.showMessage('读取配置失败', 'error');
                 }
+            };
+
+            this._refreshClaudeSelectionPromise = Promise.resolve(run())
+                .finally(() => {
+                    this._refreshClaudeSelectionPromise = null;
+                });
+            await this._refreshClaudeSelectionPromise;
+            const pending = this._refreshClaudeSelectionPendingOptions;
+            this._refreshClaudeSelectionPendingOptions = null;
+            if (pending) {
+                return this.refreshClaudeSelectionFromSettings(pending);
             }
         },
 
         syncClaudeModelFromConfig() {
             const config = this.getCurrentClaudeConfig();
             this.currentClaudeModel = config && config.model ? config.model : '';
+            this.claudeCustomModelDraft = this.currentClaudeModel;
         },
 
         refreshClaudeModelContext(options = {}) {
@@ -308,7 +394,6 @@ export function createStartupClaudeMethods(options = {}) {
         },
 
         async loadClaudeModels(options = {}) {
-            const silentError = !!options.silentError;
             const config = this.getCurrentClaudeConfig();
             const requestSeq = (Number(this.claudeModelsRequestSeq) || 0) + 1;
             this.claudeModelsRequestSeq = requestSeq;
@@ -340,7 +425,32 @@ export function createStartupClaudeMethods(options = {}) {
                 return;
             }
 
-            this.claudeModelsLoading = true;
+            const cache = typeof globalThis !== 'undefined'
+                ? (globalThis.__codexmateClaudeModelsCache || (globalThis.__codexmateClaudeModelsCache = new Map()))
+                : new Map();
+            const cacheKey = baseUrl;
+            const ttlMs = 2 * 60 * 1000;
+            const now = Date.now();
+            const cached = cache.get(cacheKey);
+            const cachedOk = cached
+                && Number.isFinite(cached.ts)
+                && now - cached.ts < ttlMs
+                && Array.isArray(cached.models);
+            if (cachedOk) {
+                this.claudeModels = cached.models;
+                this.claudeModelsSource = cached.source || 'remote';
+                if (this.claudeModels.length) {
+                    this.updateClaudeModelsCurrent();
+                } else {
+                    this.claudeModelsHasCurrent = true;
+                }
+                this.claudeModelsLoading = false;
+            } else if (localCatalog.length) {
+                this.claudeModels = localCatalog;
+                this.claudeModelsSource = 'catalog';
+                this.updateClaudeModelsCurrent();
+                this.claudeModelsLoading = false;
+            }
             const isLatestRequest = () => {
                 if (requestSeq !== Number(this.claudeModelsRequestSeq || 0)) {
                     return false;
@@ -357,6 +467,9 @@ export function createStartupClaudeMethods(options = {}) {
                     && (latestConfig.apiKey || '').trim() === apiKey
                     && (typeof latestConfig.externalCredentialType === 'string' ? latestConfig.externalCredentialType.trim() : '') === externalCredentialType;
             };
+            if (cachedOk) {
+                return;
+            }
             try {
                 const res = await api('models-by-url', { baseUrl, apiKey });
                 if (!isLatestRequest()) {
@@ -366,12 +479,10 @@ export function createStartupClaudeMethods(options = {}) {
                     this.claudeModels = [];
                     this.claudeModelsSource = 'unlimited';
                     this.claudeModelsHasCurrent = true;
+                    cache.set(cacheKey, { ts: Date.now(), models: [], source: 'unlimited' });
                     return;
                 }
                 if (res.error) {
-                    if (!silentError) {
-                        this.showMessage('获取模型列表失败', 'error');
-                    }
                     this.claudeModels = [];
                     this.claudeModelsSource = 'error';
                     this.claudeModelsHasCurrent = true;
@@ -381,13 +492,11 @@ export function createStartupClaudeMethods(options = {}) {
                 this.claudeModels = list;
                 this.claudeModelsSource = res.source || 'remote';
                 this.updateClaudeModelsCurrent();
+                cache.set(cacheKey, { ts: Date.now(), models: list, source: this.claudeModelsSource });
             } catch (_) {
                 if (!isLatestRequest()) {
                     return;
                 }
-                if (!silentError) {
-                    this.showMessage('获取模型列表失败', 'error');
-                }
                 this.claudeModels = [];
                 this.claudeModelsSource = 'error';
                 this.claudeModelsHasCurrent = true;

package/web-ui/modules/i18n.dict.mjs

@@ -554,6 +554,9 @@ const DICT = Object.freeze({
         'sessions.preview.moving': '移入中...',
         'sessions.preview.export': '导出记录',
         'sessions.preview.exporting': '导出中...',
+        'sessions.preview.convert': '生成派生会话',
+        'sessions.preview.converting': '生成中...',
+        'sessions.preview.convert.loadedOnly': '仅转换已加载消息',
         'sessions.preview.openStandalone': '新页查看',
         'sessions.preview.loadingBody': '正在加载会话内容...',
         'sessions.preview.emptyMsgs': '当前会话暂无可展示消息',
@@ -576,8 +579,17 @@ const DICT = Object.freeze({
         'sessions.time.30d': '近 30 天',
         'sessions.time.90d': '近 90 天'
         ,
+        'sessions.sort.time': '按时间',
+        'sessions.sort.hot': '按热度',
+        'sessions.sort.hotBadge': '热'
+        ,
         'sessions.filters.copyLink': '复制筛选链接',
         'sessions.filters.urlBuildFail': '无法生成链接',
+        'sessions.filters.source': '来源',
+        'sessions.filters.path': '路径',
+        'sessions.filters.keyword': '关键词',
+        'sessions.filters.role': '角色',
+        'sessions.filters.time': '时间',
         'sessions.roleLabel.user': 'User',
         'sessions.roleLabel.system': 'System',
         'sessions.roleLabel.assistant': 'Assistant'
@@ -589,6 +601,9 @@ const DICT = Object.freeze({
         'usage.range.7d': '近 7 天',
         'usage.range.30d': '近 30 天',
         'usage.range.all': '全部',
+        'usage.compare.toggle': '对比上周期',
+        'usage.compare.prev': '上周期',
+        'usage.compare.delta': '变化',
         'usage.refresh': '刷新统计',
         'usage.refreshing': '刷新中...',
         'usage.loading': '正在加载 Usage 统计...',
@@ -601,6 +616,17 @@ const DICT = Object.freeze({
         'usage.daily.title': '每天消耗',
         'usage.daily.subtitle': '按天汇总 token 与预估费用（费用各自按最大值归一显示）。',
         'usage.daily.note': '说明：预估费用默认不含 Claude；仅在可匹配模型单价且会话记录 input/output token 时计算。',
+        'usage.heatmap.title': '活动热力图',
+        'usage.heatmap.subtitle': '按每天会话数聚合，支持 hover 查看详细数据。',
+        'usage.heatmap.legend.less': '少',
+        'usage.heatmap.legend.more': '多',
+        'usage.heatmap.tooltip': '{date} · {sessions} 会话 · {messages} 消息 · {tokens} token',
+        'usage.heatmap.aria': '{date}，{sessions} 会话',
+        'usage.hourlyHeatmap.title': '7×24 活跃热力图',
+        'usage.hourlyHeatmap.subtitle': '按星期 × 小时聚合会话分布，深色 = 高活跃。',
+        'usage.hourlyHeatmap.tooltip': '{weekday} {hour}:00 · {sessions} 会话 · {messages} 消息 · {tokens} token',
+        'usage.hourlyHeatmap.legend.less': '少',
+        'usage.hourlyHeatmap.legend.more': '多',
         'usage.legend.tokens': 'Token',
         'usage.legend.cost': '预估费用',
         'usage.table.date': '日期',
@@ -648,6 +674,14 @@ const DICT = Object.freeze({
         'usage.copyTokenDay': '已复制：Token（{day}）',
         'usage.copyCostDay': '已复制：预估费用（{day}）'
         ,
+        'usage.dayDetail.title': '{day} 详情',
+        'usage.dayDetail.subtitle': '选择日期可快速查看当天构成。',
+        'usage.dayDetail.pick': '选择日期',
+        'usage.dayDetail.empty': '请选择一个日期以查看当天构成。',
+        'usage.dayDetail.clear': '清除',
+        'usage.dayDetail.topSessions': 'Top 会话',
+        'usage.dayDetail.topModels': 'Top 模型'
+        ,
         'usage.models.title': '使用模型',
         'usage.models.subtitle': '只列真实落盘的 model 名。',
         'usage.models.kicker': '已识别 {modeled}/{total}',
@@ -915,6 +949,10 @@ const DICT = Object.freeze({
         'settings.trash.workspace': '工作区',
         'settings.trash.originalFile': '原文件',
         'settings.trash.loadMore': '加载更多（剩余 {count} 项）',
+        'settings.trash.retention': '自动清理',
+        'settings.trash.retentionMeta': '超过保留天数的回收站记录将自动清除',
+        'settings.trash.retentionLabel': '保留天数',
+        'settings.trash.retentionHint': '范围 1-365 天，默认 30 天。每次加载回收站时自动清理过期记录。',
 
         'settings.templateConfirm.title': '配置模板二次确认',
         'settings.templateConfirm.meta': '降低误写入风险',
@@ -1579,6 +1617,9 @@ const DICT = Object.freeze({
         'sessions.preview.moving': 'Moving...',
         'sessions.preview.export': 'Export',
         'sessions.preview.exporting': 'Exporting...',
+        'sessions.preview.convert': 'Create derived',
+        'sessions.preview.converting': 'Creating...',
+        'sessions.preview.convert.loadedOnly': 'Converted loaded messages only',
         'sessions.preview.openStandalone': 'Open in new tab',
         'sessions.preview.loadingBody': 'Loading session content...',
         'sessions.preview.emptyMsgs': 'No messages to display',
@@ -1601,8 +1642,17 @@ const DICT = Object.freeze({
         'sessions.time.30d': 'Last 30 days',
         'sessions.time.90d': 'Last 90 days'
         ,
+        'sessions.sort.time': 'Sort: time',
+        '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',
+        'sessions.filters.role': 'Role',
+        'sessions.filters.time': 'Time',
         'sessions.roleLabel.user': 'User',
         'sessions.roleLabel.system': 'System',
         'sessions.roleLabel.assistant': 'Assistant'
@@ -1614,6 +1664,9 @@ const DICT = Object.freeze({
         'usage.range.7d': 'Last 7 days',
         'usage.range.30d': 'Last 30 days',
         'usage.range.all': 'All',
+        'usage.compare.toggle': 'Compare previous',
+        'usage.compare.prev': 'Prev',
+        'usage.compare.delta': 'Delta',
         'usage.refresh': 'Refresh stats',
         'usage.refreshing': 'Refreshing...',
         'usage.loading': 'Loading usage stats...',
@@ -1626,6 +1679,17 @@ const DICT = Object.freeze({
         'usage.daily.title': 'Daily usage',
         'usage.daily.subtitle': 'Daily aggregated tokens and estimated cost (normalized by max values).',
         'usage.daily.note': 'Note: Estimated cost excludes Claude by default; only computed when model pricing and input/output tokens are available.',
+        'usage.heatmap.title': 'Activity heatmap',
+        'usage.heatmap.subtitle': 'Aggregated by sessions per day; hover to see details.',
+        'usage.heatmap.legend.less': 'Less',
+        'usage.heatmap.legend.more': 'More',
+        'usage.heatmap.tooltip': '{date} · {sessions} sessions · {messages} messages · {tokens} tokens',
+        'usage.heatmap.aria': '{date}, {sessions} sessions',
+        'usage.hourlyHeatmap.title': '7×24 Activity Heatmap',
+        'usage.hourlyHeatmap.subtitle': 'Session distribution by weekday × hour; darker = more active.',
+        'usage.hourlyHeatmap.tooltip': '{weekday} {hour}:00 · {sessions} sessions · {messages} messages · {tokens} tokens',
+        'usage.hourlyHeatmap.legend.less': 'Less',
+        'usage.hourlyHeatmap.legend.more': 'More',
         'usage.legend.tokens': 'Tokens',
         'usage.legend.cost': 'Estimated cost',
         'usage.table.date': 'Date',
@@ -1673,6 +1737,14 @@ const DICT = Object.freeze({
         'usage.copyTokenDay': 'Copied: Tokens ({day})',
         'usage.copyCostDay': 'Copied: Estimated cost ({day})'
         ,
+        'usage.dayDetail.title': '{day} detail',
+        'usage.dayDetail.subtitle': 'Pick a day to inspect its breakdown.',
+        'usage.dayDetail.pick': 'Pick a day',
+        'usage.dayDetail.empty': 'Pick a day to inspect its breakdown.',
+        'usage.dayDetail.clear': 'Clear',
+        'usage.dayDetail.topSessions': 'Top sessions',
+        'usage.dayDetail.topModels': 'Top models'
+        ,
         'usage.models.title': 'Models used',
         'usage.models.subtitle': 'Only includes model names present in saved records.',
         'usage.models.kicker': 'Identified {modeled}/{total}',
@@ -1940,6 +2012,10 @@ const DICT = Object.freeze({
         'settings.trash.workspace': 'Workspace',
         'settings.trash.originalFile': 'Original file',
         'settings.trash.loadMore': 'Load more (remaining {count})',
+        'settings.trash.retention': 'Auto-purge',
+        'settings.trash.retentionMeta': 'Trash entries older than retention days are auto-purged',
+        'settings.trash.retentionLabel': 'Retention days',
+        'settings.trash.retentionHint': 'Range 1-365 days, default 30. Expired entries are purged on each trash load.',
 
         'settings.templateConfirm.title': 'Template apply confirmation',
         'settings.templateConfirm.meta': 'Reduce accidental writes',

package/web-ui/partials/index/panel-config-claude.html

@@ -64,6 +64,9 @@
                         <button type="button" class="btn-mini" @click="newClaudeConfig.name = 'AiHubMix'; newClaudeConfig.apiKey = ''; newClaudeConfig.baseUrl = 'https://aihubmix.com'; newClaudeConfig.model = 'glm-4.7'; showClaudeConfigModal = true">AiHubMix</button>
                         <button type="button" class="btn-mini" @click="newClaudeConfig.name = 'DMXAPI'; newClaudeConfig.apiKey = ''; newClaudeConfig.baseUrl = 'https://www.dmxapi.cn'; newClaudeConfig.model = 'glm-4.7'; showClaudeConfigModal = true">DMXAPI</button>
                         <button type="button" class="btn-mini" @click="newClaudeConfig.name = 'PackyCode'; newClaudeConfig.apiKey = ''; newClaudeConfig.baseUrl = 'https://www.packyapi.com'; newClaudeConfig.model = 'glm-4.7'; showClaudeConfigModal = true">PackyCode</button>
+                        <button type="button" class="btn-mini" @click="newClaudeConfig.name = 'AnyRouter'; newClaudeConfig.apiKey = ''; newClaudeConfig.baseUrl = 'https://anyrouter.top'; newClaudeConfig.model = 'claude-opus-4-7[1m]'; showClaudeConfigModal = true">AnyRouter</button>
+                        <button type="button" class="btn-mini" @click="newClaudeConfig.name = 'Xiaomi MiMo'; newClaudeConfig.apiKey = ''; newClaudeConfig.baseUrl = 'https://api.xiaomimimo.com/anthropic'; newClaudeConfig.model = 'mimo-v2.5-pro'; showClaudeConfigModal = true">Xiaomi MiMo</button>
+                        <button type="button" class="btn-mini" @click="newClaudeConfig.name = 'Xiaomi Token Plan'; newClaudeConfig.apiKey = ''; newClaudeConfig.baseUrl = 'https://token-plan-cn.xiaomimimo.com/anthropic'; newClaudeConfig.model = 'mimo-v2.5-pro'; showClaudeConfigModal = true">Xiaomi Token Plan</button>
                     </div>
                 </div>
 
@@ -71,14 +74,19 @@
                     <div class="selector-header">
                         <span class="selector-title">{{ t('claude.model') }}</span>
                     </div>
-                    <select
+                    <input
                         v-if="claudeModelHasList"
-                        class="model-select"
+                        class="model-input"
                         v-model="currentClaudeModel"
                         @change="onClaudeModelChange"
+                        @blur="onClaudeModelChange"
+                        @keyup.enter="onClaudeModelChange"
+                        :placeholder="t('claude.model.placeholder')"
+                        list="claude-model-options"
                     >
-                        <option v-for="model in claudeModelOptions" :key="model" :value="model">{{ model }}</option>
-                    </select>
+                    <datalist v-if="claudeModelHasList" id="claude-model-options">
+                        <option v-for="model in claudeModelOptions" :key="model" :value="model"></option>
+                    </datalist>
                     <input
                         v-else
                         class="model-input"