codexmate 0.0.33 → 0.0.36

package/web-ui/index.html

@@ -6,7 +6,7 @@
     <title>Codex Mate</title>
     <link rel="icon" type="image/webp" href="/res/logo-pack.webp">
     <link rel="apple-touch-icon" href="/res/logo-pack.webp">
-    <script src="/res/vue.global.prod.js"></script>
+    <script src="/res/vue.runtime.global.prod.js"></script>
     <script src="/res/json5.min.js"></script>
     <link rel="stylesheet" href="/web-ui/styles.css">
 </head>
@@ -26,6 +26,7 @@
     <!-- @include ./partials/index/panel-plugins.html -->
     <!-- @include ./partials/index/layout-footer.html -->
     <!-- @include ./partials/index/modals-basic.html -->
+    <!-- @include ./partials/index/modal-webhook.html -->
     <!-- @include ./partials/index/modal-openclaw-config.html -->
     <!-- @include ./partials/index/modal-config-template-agents.html -->
     <!-- @include ./partials/index/modal-skills.html -->

package/web-ui/logic.claude.mjs

@@ -111,6 +111,10 @@ export function matchClaudeConfigFromSettings(claudeConfigs = {}, env = {}) {
     if (!normalizedSettings.baseUrl || !normalizedSettings.model || !hasClaudeCredential(normalizedSettings)) {
         return '';
     }
+    // 检测本地桥接 URL
+    if (typeof normalizedSettings.baseUrl === 'string' && normalizedSettings.baseUrl.includes('/bridge/claude-local/')) {
+        return 'claude-local';
+    }
     const comparableSettingsUrl = normalizeClaudeComparableUrl(normalizedSettings.baseUrl);
     const entries = Object.entries(claudeConfigs || {});
     for (const [name, config] of entries) {

package/web-ui/logic.sessions.mjs

@@ -180,12 +180,9 @@ export function formatSessionTimelineTimestamp(timestamp) {
     if (!value) return '';
 
     const matched = value.match(/^(\d{4})-(\d{2})-(\d{2})[T\s](\d{2}):(\d{2})(?::(\d{2}))?/);
-    if (matched) {
-        const second = matched[6] || '00';
-        return `${matched[2]}-${matched[3]} ${matched[4]}:${matched[5]}:${second}`;
-    }
+    if (!matched) return value;
 
-    return value;
+    return `${matched[1]}-${matched[2]}-${matched[3]} ${matched[4]}:${matched[5]}`;
 }
 
 function normalizeUsageRange(range) {
@@ -549,11 +546,15 @@ export function buildUsageChartGroups(sessions = [], options = {}) {
                 String(messageCount),
                 String(sessionIndex)
             ].join(':'),
+            sessionId: session.sessionId || '',
+            filePath: session.filePath || '',
             title: normalizedTitle,
             source,
             sourceLabel,
             cwd,
             messageCount,
+            totalTokens: sessionTotalTokens,
+            contextWindow: sessionContextWindow,
             updatedAt: session.updatedAt || '',
             updatedAtMs,
             updatedAtLabel: formatSessionTimelineTimestamp(session.updatedAt || ''),

package/web-ui/modules/app.computed.dashboard.mjs

@@ -92,6 +92,10 @@ export function createDashboardComputed() {
             return list;
         },
 
+        isLocalProviderDisabled() {
+            return this.configMode === 'codex';
+        },
+
         displayProviderUrl() {
             return (provider) => {
                 if (provider && provider.name === 'local') return '';

package/web-ui/modules/app.computed.session.mjs

@@ -602,11 +602,10 @@ export function createSessionComputed() {
             const sessions = this.sessionUsageCharts && Array.isArray(this.sessionUsageCharts.filteredSessions)
                 ? this.sessionUsageCharts.filteredSessions
                 : this.sessionsUsageList;
-            const compareEnabled = this.sessionsUsageCompareEnabled === true && this.sessionsUsageTimeRange !== 'all';
             const rangeDays = this.sessionsUsageTimeRange === '30d' ? 30 : 7;
             const dayMs = 24 * 60 * 60 * 1000;
             const baseMs = Date.parse(`${dayKey}T00:00:00.000Z`);
-            const prevKey = compareEnabled && Number.isFinite(baseMs)
+            const prevKey = Number.isFinite(baseMs)
                 ? new Date(baseMs - (rangeDays * dayMs)).toISOString().slice(0, 10)
                 : '';
             let sessionCount = 0;
@@ -636,7 +635,7 @@ export function createSessionComputed() {
                 } else if (isPrev) {
                     prevTokenTotal += sessionTokens;
                 }
-                                const model = typeof session.model === 'string' ? session.model.trim() : '';
+                const model = typeof session.model === 'string' ? session.model.trim() : '';
                 if (isCurrent && model) {
                     modelMap.set(model, (modelMap.get(model) || 0) + 1);
                 }
@@ -667,20 +666,162 @@ export function createSessionComputed() {
                 }));
             return {
                 dayKey,
-                compareEnabled,
                 prevKey,
                 sessionCount,
                 messageCount,
                 tokenTotal,
                 tokenLabel: formatUsageSummaryNumber(tokenTotal),
                 prevTokenTotal,
-                prevTokenLabel: compareEnabled ? formatUsageSummaryNumber(prevTokenTotal) : '0',
-                deltaTokenLabel: compareEnabled ? formatSignedUsageSummaryNumber(tokenTotal - prevTokenTotal) : '0',
+                prevTokenLabel: prevKey ? formatUsageSummaryNumber(prevTokenTotal) : null,
+                deltaTokenLabel: prevKey ? formatSignedUsageSummaryNumber(tokenTotal - prevTokenTotal) : null,
                 topSessions,
                 topModels
             };
         },
 
+        usageHeroMainValue() {
+            const summary = this.sessionUsageCharts && this.sessionUsageCharts.summary
+                ? this.sessionUsageCharts.summary
+                : null;
+            if (!summary) return '0';
+            return formatCompactUsageSummaryNumber(summary.totalTokens || 0);
+        },
+
+        usageHeroSubLabel() {
+            const summary = this.sessionUsageCharts && this.sessionUsageCharts.summary
+                ? this.sessionUsageCharts.summary
+                : null;
+            if (!summary) return '';
+            const t = typeof this.t === 'function' ? this.t : null;
+            const sessionCount = summary.totalSessions || 0;
+            const rangeLabel = this.sessionsUsageTimeRange === '30d' ? '30天' : (this.sessionsUsageTimeRange === 'all' ? '全部' : '7天');
+            const rangeText = t ? t('usage.range.' + this.sessionsUsageTimeRange) : rangeLabel;
+            return `${formatUsageSummaryNumber(sessionCount)} sessions · ${rangeText}`;
+        },
+
+        usageHeroDelta() {
+            const range = this.sessionsUsageTimeRange;
+            if (range === 'all') return null;
+            const summary = this.sessionUsageCharts && this.sessionUsageCharts.summary
+                ? this.sessionUsageCharts.summary
+                : null;
+            if (!summary || !summary.totalTokens) return null;
+
+            const rangeDays = range === '30d' ? 30 : 7;
+            const dayMs = 24 * 60 * 60 * 1000;
+            const nowMs = Date.now();
+            const prevStartMs = nowMs - (rangeDays * 2 * dayMs);
+            const prevEndMs = nowMs - (rangeDays * dayMs);
+
+            let prevTokens = 0;
+            for (const session of (Array.isArray(this.sessionsUsageList) ? this.sessionsUsageList : [])) {
+                if (!session || typeof session !== 'object') continue;
+                const updatedAtMs = Date.parse(session.updatedAt || '');
+                if (!Number.isFinite(updatedAtMs)) continue;
+                if (updatedAtMs >= prevStartMs && updatedAtMs < prevEndMs) {
+                    const sessionTokens = Number.isFinite(Number(session.totalTokens))
+                        ? Math.max(0, Math.floor(Number(session.totalTokens)))
+                        : 0;
+                    prevTokens += sessionTokens;
+                }
+            }
+
+            if (prevTokens === 0) return null;
+            const currentTokens = summary.totalTokens;
+            const delta = currentTokens - prevTokens;
+            const deltaPercent = prevTokens > 0 ? Math.round((delta / prevTokens) * 100) : 0;
+            const arrow = delta > 0 ? '↑' : (delta < 0 ? '↓' : '–');
+            const sign = delta >= 0 ? '+' : '';
+            return `${arrow} ${sign}${deltaPercent}%`;
+        },
+
+        usageHeroDeltaClass() {
+            const summary = this.sessionUsageCharts && this.sessionUsageCharts.summary
+                ? this.sessionUsageCharts.summary
+                : null;
+            if (!summary || !summary.totalTokens) return '';
+
+            const range = this.sessionsUsageTimeRange;
+            if (range === 'all') return '';
+
+            const rangeDays = range === '30d' ? 30 : 7;
+            const dayMs = 24 * 60 * 60 * 1000;
+            const nowMs = Date.now();
+            const prevStartMs = nowMs - (rangeDays * 2 * dayMs);
+            const prevEndMs = nowMs - (rangeDays * dayMs);
+
+            let prevTokens = 0;
+            for (const session of (Array.isArray(this.sessionsUsageList) ? this.sessionsUsageList : [])) {
+                if (!session || typeof session !== 'object') continue;
+                const updatedAtMs = Date.parse(session.updatedAt || '');
+                if (!Number.isFinite(updatedAtMs)) continue;
+                if (updatedAtMs >= prevStartMs && updatedAtMs < prevEndMs) {
+                    const sessionTokens = Number.isFinite(Number(session.totalTokens))
+                        ? Math.max(0, Math.floor(Number(session.totalTokens)))
+                        : 0;
+                    prevTokens += sessionTokens;
+                }
+            }
+
+            if (prevTokens === 0) return '';
+            const currentTokens = summary.totalTokens;
+            return currentTokens >= prevTokens ? 'delta-up' : 'delta-down';
+        },
+
+        sessionsUsageSelectedDay() {
+            return this.sessionsUsageSelectedDayKey || '';
+        },
+
+        sessionUsageWave() {
+            const daily = this.sessionUsageDaily && typeof this.sessionUsageDaily === 'object'
+                ? this.sessionUsageDaily
+                : null;
+            if (!daily || !Array.isArray(daily.rows) || daily.rows.length === 0) {
+                return { points: [], labels: [], linePath: '', areaPath: '', width: 800, maxTokens: 0 };
+            }
+
+            const rows = daily.rows;
+            const maxTokens = daily.maxTokens || 1;
+            const width = 800;
+            const height = 140;
+            const padding = { top: 10, bottom: 30, left: 0, right: 0 };
+            const chartWidth = width - padding.left - padding.right;
+            const chartHeight = height - padding.top - padding.bottom;
+
+            const points = rows.map((row, index) => {
+                const x = padding.left + (index / (rows.length - 1 || 1)) * chartWidth;
+                const normalizedValue = maxTokens > 0 ? (row.tokenTotal / maxTokens) : 0;
+                const y = padding.top + chartHeight - (normalizedValue * chartHeight);
+                return { x, y, key: row.key, value: row.tokenTotal, label: row.label };
+            });
+
+            const linePath = points.length > 1
+                ? `M ${points.map(p => `${p.x.toFixed(1)},${p.y.toFixed(1)}`).join(' L ')}`
+                : '';
+
+            const areaPath = points.length > 1
+                ? `${linePath} L ${points[points.length - 1].x.toFixed(1)},${(padding.top + chartHeight).toFixed(1)} L ${points[0].x.toFixed(1)},${(padding.top + chartHeight).toFixed(1)} Z`
+                : '';
+
+            const selectedKey = this.sessionsUsageSelectedDayKey;
+            const selectedPoint = points.find(p => p.key === selectedKey) || points[points.length - 1] || null;
+
+            return {
+                points,
+                labels: rows.map((row, index) => ({
+                    key: row.key,
+                    text: row.label
+                })),
+                linePath,
+                areaPath,
+                width,
+                height,
+                maxTokens,
+                hoverX: selectedPoint ? selectedPoint.x : 0,
+                hoverY: selectedPoint ? selectedPoint.y : 0
+            };
+        },
+
         visibleSessionTrashItems() {
             const items = Array.isArray(this.sessionTrashItems) ? this.sessionTrashItems : [];
             const visibleCount = Number(this.sessionTrashVisibleCount);

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

@@ -264,6 +264,47 @@ export function createClaudeConfigMethods(options = {}) {
 
         claudeLocalBridgeConfigured() {
             return this.claudeLocalBridgeCandidateProviders().some(p => p.hasKey);
+        },
+
+        isClaudeLocalBridgeDisabled() {
+            return this.configMode === 'claude';
+        },
+
+        async applyClaudeLocalBridge() {
+            this.currentClaudeConfig = 'claude-local';
+            try { localStorage.setItem('currentClaudeConfig', 'claude-local'); } catch (_) {}
+            this.refreshClaudeModelContext();
+
+            const candidates = this.claudeLocalBridgeCandidateProviders();
+            if (candidates.length === 0) {
+                return this.showMessage('请先添加并配置至少一个 Claude 提供商', 'error');
+            }
+
+            try {
+                const res = await api('claude-local-bridge-toggle', { enable: true });
+                if (res.error) {
+                    this.showMessage(res.error || '启用本地负载均衡失败', 'error');
+                    return;
+                }
+                this.showMessage('Claude 本地负载均衡已启用', 'success');
+            } catch (e) {
+                this.showMessage('启用本地负载均衡失败', 'error');
+            }
+        },
+
+        async openClaudeConfigTemplateEditor() {
+            try {
+                const res = await api('get-claude-settings-raw');
+                if (res.error) {
+                    this.showMessage(res.error, 'error');
+                    return;
+                }
+                this.configTemplateContent = res.content || '{}';
+                this.configTemplateContext = 'claude';
+                this.showConfigTemplateModal = true;
+            } catch (e) {
+                this.showMessage('加载 Claude settings 失败', 'error');
+            }
         }
     };
 }

package/web-ui/modules/app.methods.codex-config.mjs

@@ -558,6 +558,7 @@ export function createCodexConfigMethods(options = {}) {
                     template = `${template.trimEnd()}\n\n${appendBlock}\n`;
                 }
                 this.configTemplateContent = template;
+                this.configTemplateContext = 'codex';
                 this.showConfigTemplateModal = true;
             } catch (e) {
                 this.showMessage('加载模板失败', 'error');
@@ -807,9 +808,16 @@ export function createCodexConfigMethods(options = {}) {
             const performApply = async () => {
                 this.configTemplateApplying = true;
                 try {
-                    const res = await api('apply-config-template', {
-                        template: this.configTemplateContent
-                    });
+                    let res;
+                    if (this.configTemplateContext === 'claude') {
+                        res = await api('apply-claude-settings-raw', {
+                            content: this.configTemplateContent
+                        });
+                    } else {
+                        res = await api('apply-config-template', {
+                            template: this.configTemplateContent
+                        });
+                    }
                     if (res.error) {
                         this.showMessage(res.error, 'error');
                         return;

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

@@ -56,6 +56,32 @@
             return null;
         }
     };
+
+    const canonicalizeWebUiRuntimeUrl = () => {
+        if (typeof window === 'undefined' || !window.location) return;
+        try {
+            const url = new URL(window.location.href);
+            if (url.pathname === '/session') return;
+            let pathname = url.pathname;
+            let previousPathname = '';
+            do {
+                previousPathname = pathname;
+                pathname = pathname.replace(/\/+web-ui\/+web-ui\/+/, '/web-ui/');
+            } while (pathname !== previousPathname);
+            if (pathname === '/web-ui' || pathname === '/web-ui/' || pathname === '/web-ui/index.html') {
+                pathname = '/';
+            }
+            url.pathname = pathname;
+            url.search = '';
+            url.hash = '';
+            const nextUrl = url.toString();
+            if (nextUrl === window.location.href) return;
+            if (window.history && typeof window.history.replaceState === 'function') {
+                window.history.replaceState(null, '', nextUrl);
+            }
+        } catch (_) {}
+    };
+
     const persistNavState = (vm, overrides = null) => {
         if (!vm || vm.__navStateRestoring) return;
         if (typeof localStorage === 'undefined') return;
@@ -138,6 +164,7 @@
             const normalizedMode = typeof mode === 'string'
                 ? mode.trim().toLowerCase()
                 : '';
+            canonicalizeWebUiRuntimeUrl();
             this.cancelTouchNavIntentReset();
             if (typeof this.ensureMainTabSwitchState === 'function') {
                 this.ensureMainTabSwitchState().pendingConfigMode = '';
@@ -412,6 +439,7 @@
                 : '';
             const targetTab = normalizedTab || tab;
             if (!targetTab) return;
+            canonicalizeWebUiRuntimeUrl();
             if (targetTab === 'orchestration' && this.taskOrchestrationTabEnabled !== true) {
                 return this.switchMainTab('config');
             }
@@ -419,6 +447,7 @@
                 mainTab: targetTab,
                 configMode: targetTab === 'config' ? this.configMode : this.configMode
             });
+            // URL 保持静态，不写入任何状态
             this.cancelTouchNavIntentReset();
             if (targetTab === 'sessions') {
                 this.cancelScheduledSessionTabDeferredTeardown();
@@ -460,9 +489,10 @@
                 return;
             }
             const isLeavingSessions = previousTab === 'sessions' && targetTab !== 'sessions';
-            const shouldDeferApply = isLeavingSessions;
+            const shouldPreserveSessionRender = isLeavingSessions && this.preserveSessionRenderOnTabLeave === true;
+            const shouldDeferApply = isLeavingSessions && !shouldPreserveSessionRender;
             if (isLeavingSessions && !this.isSessionPanelFastHidden()) {
-                this.setSessionPanelFastHidden(true);
+                this.setSessionPanelFastHidden(!shouldPreserveSessionRender);
             }
             if (shouldDeferApply && typeof this.suspendSessionTabRender === 'function') {
                 this.suspendSessionTabRender();

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

@@ -264,6 +264,13 @@ export function createSessionBrowserMethods(options = {}) {
                 });
             if (urlState) {
                 applySessionsFilterUrlState(this, urlState);
+                // 清理 URL，保持静态
+                try {
+                    const url = new URL(window.location.href);
+                    url.search = '';
+                    url.hash = '';
+                    window.history.replaceState(null, '', url.toString());
+                } catch (_) {}
                 try {
                     const sortCache = localStorage.getItem('codexmateSessionSortMode');
                     this.sessionSortMode = normalizeSortMode(sortCache);
@@ -479,14 +486,13 @@ export function createSessionBrowserMethods(options = {}) {
             if (typeof text !== 'string' || !text) return text;
             var tokens = this.queryTokens;
             if (!tokens || tokens.length === 0) return text;
-            var result = 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];
-                var escaped = token.replace(/[.*+?^${}()|[\]\\]/g, '\\        async onSessionSourceChange(event) {');
-                var re = new RegExp('(' + escaped + ')', 'gi');
-                result = result.replace(re, '<mark>$1</mark>');
+                var token = tokens[i].replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+                var re = new RegExp('(' + token + ')', 'gi');
+                escaped = escaped.replace(re, '<mark>$1</mark>');
             }
-            return result;
+            return escaped;
         },
 
         async onSessionSourceChange(event) {

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

@@ -218,6 +218,36 @@ export function createSessionTrashMethods(options = {}) {
             await this.switchSettingsTab(tab);
         },
 
+        async onSettingsTabKeydown(event, tab) {
+            if (!event) {
+                return;
+            }
+            const tabs = ['general', 'data'];
+            const currentTab = this.normalizeSettingsTab(tab || this.settingsTab);
+            const currentIndex = Math.max(0, tabs.indexOf(currentTab));
+            let nextIndex = currentIndex;
+            if (event.key === 'ArrowRight' || event.key === 'ArrowDown') {
+                nextIndex = (currentIndex + 1) % tabs.length;
+            } else if (event.key === 'ArrowLeft' || event.key === 'ArrowUp') {
+                nextIndex = (currentIndex - 1 + tabs.length) % tabs.length;
+            } else if (event.key === 'Home') {
+                nextIndex = 0;
+            } else if (event.key === 'End') {
+                nextIndex = tabs.length - 1;
+            } else {
+                return;
+            }
+            event.preventDefault();
+            const nextTab = tabs[nextIndex];
+            await this.switchSettingsTab(nextTab);
+            const target = typeof document !== 'undefined'
+                ? document.getElementById(`settings-tab-${nextTab}`)
+                : null;
+            if (target && typeof target.focus === 'function') {
+                target.focus();
+            }
+        },
+
         async switchSettingsTab(tab, options = {}) {
             const nextTab = this.normalizeSettingsTab(tab);
             this.settingsTab = nextTab;

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

@@ -383,6 +383,15 @@ export function createStartupClaudeMethods(options = {}) {
         },
 
         syncClaudeModelFromConfig() {
+            if (this.currentClaudeConfig === 'claude-local') {
+                const candidates = this.claudeLocalBridgeCandidateProviders
+                    ? this.claudeLocalBridgeCandidateProviders()
+                    : [];
+                const active = candidates.find(cp => !this.isClaudeLocalBridgeExcluded(cp.name));
+                this.currentClaudeModel = active && active.model ? active.model : '';
+                this.claudeCustomModelDraft = this.currentClaudeModel;
+                return;
+            }
             const config = this.getCurrentClaudeConfig();
             this.currentClaudeModel = config && config.model ? config.model : '';
             this.claudeCustomModelDraft = this.currentClaudeModel;

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

@@ -2,6 +2,14 @@ import { api } from './api.mjs';
 
 export function createWebhookMethods() {
     return {
+        openWebhookModal() {
+            this.showWebhookModal = true;
+        },
+
+        closeWebhookModal() {
+            this.showWebhookModal = false;
+        },
+
         async loadWebhookSettings() {
             try {
                 const data = await api('get-webhook-config');

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

@@ -532,6 +532,7 @@ const DICT = Object.freeze({
         'sessions.loadingList': '会话加载中...',
         'sessions.empty': '暂无可用会话记录',
         'sessions.unknownTime': '未知时间',
+
         'sessions.query.placeholder.enabled': '关键词检索（支持 Codex/Claude/Gemini/CodeBuddy，例：claude code）',
         'sessions.query.placeholder.disabled': '当前来源暂不支持关键词检索',
         'sessions.pin': '置顶',
@@ -910,6 +911,7 @@ const DICT = Object.freeze({
         'settings.tab.general': '通用',
         'settings.tab.data': '数据',
         'settings.tabs.aria': '设置分类',
+        'settings.quickSettings.title': '快捷设置',
         'settings.sharePrefix.title': '分享命令前缀',
         'settings.sharePrefix.meta': '影响 Web UI 里“复制分享命令”的前缀',
         'settings.sharePrefix.label': '前缀',
@@ -1601,6 +1603,8 @@ const DICT = Object.freeze({
         'sessions.loadingList': 'セッション一覧を読み込み中...',
         'sessions.empty': 'セッションがありません',
         'sessions.unknownTime': '不明な時間',
+
+
         'sessions.query.placeholder.enabled': 'セッションを検索...',
         'sessions.query.placeholder.disabled': '現在のソースでは検索は利用できません',
         'sessions.pin': 'ピン留め',
@@ -1965,6 +1969,7 @@ const DICT = Object.freeze({
         'settings.tab.general': '一般',
         'settings.tab.data': 'データ',
         'settings.tabs.aria': '設定カテゴリ',
+        'settings.quickSettings.title': 'クイック設定',
         'settings.sharePrefix.title': '共有コマンドプレフィックス',
         'settings.sharePrefix.meta': 'Web UI の「共有コマンドをコピー」のプレフィックスに影響',
         'settings.sharePrefix.label': 'プレフィックス',
@@ -2656,6 +2661,8 @@ const DICT = Object.freeze({
         'sessions.loadingList': 'Loading sessions...',
         'sessions.empty': 'No sessions found',
         'sessions.unknownTime': 'unknown time',
+
+
         'sessions.query.placeholder.enabled': 'Search keywords (Codex/Claude/Gemini/CodeBuddy, e.g. claude code)',
         'sessions.query.placeholder.disabled': 'Keyword search is not available for this source',
         'sessions.pin': 'Pin',
@@ -3034,6 +3041,7 @@ const DICT = Object.freeze({
         'settings.tab.general': 'General',
         'settings.tab.data': 'Data',
         'settings.tabs.aria': 'Settings categories',
+        'settings.quickSettings.title': 'Quick Settings',
         '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/sessions-filters-url.mjs

@@ -55,20 +55,76 @@ export function applySessionsFilterUrlState(vm, state) {
     }
 }
 
+export function canonicalizeWebUiUrl(url) {
+    if (!url || typeof url !== 'object') return url;
+    if (url.pathname === '/web-ui/index.html') {
+        url.pathname = '/';
+    }
+    return url;
+}
+
+function canonicalizeWebUiHistoryUrl(value) {
+    if (typeof window === 'undefined' || !window.location) return value;
+    if (typeof value === 'undefined' || value === null) return value;
+    try {
+        const url = canonicalizeWebUiUrl(new URL(String(value), window.location.href));
+        return url && url.pathname === '/' ? url.href : value;
+    } catch (_) {
+        return value;
+    }
+}
+
+export function normalizeCurrentWebUiUrl() {
+    try {
+        const url = canonicalizeWebUiUrl(new URL(window.location.href));
+        if (url && url.href !== window.location.href) {
+            window.history.replaceState(null, '', url.href);
+        }
+        return url;
+    } catch (_) {
+        return null;
+    }
+}
+
+export function installWebUiUrlCanonicalization() {
+    if (typeof window === 'undefined' || !window.history) return false;
+    if (window.__codexmateWebUiUrlCanonicalizationInstalled) {
+        normalizeCurrentWebUiUrl();
+        return true;
+    }
+    try {
+        const originalReplaceState = window.history.replaceState;
+        const originalPushState = window.history.pushState;
+        if (typeof originalReplaceState === 'function') {
+            window.history.replaceState = function replaceState(state, title, url) {
+                return originalReplaceState.call(this, state, title, canonicalizeWebUiHistoryUrl(url));
+            };
+        }
+        if (typeof originalPushState === 'function') {
+            window.history.pushState = function pushState(state, title, url) {
+                return originalPushState.call(this, state, title, canonicalizeWebUiHistoryUrl(url));
+            };
+        }
+        window.__codexmateWebUiUrlCanonicalizationInstalled = true;
+        normalizeCurrentWebUiUrl();
+        return true;
+    } catch (_) {
+        normalizeCurrentWebUiUrl();
+        return false;
+    }
+}
+
 export function buildSessionsFilterShareUrl(vm) {
     try {
-        const url = new URL(window.location.href);
-        if (url.pathname === '/session') return '';
+        // 使用干净的根路径作为基础 URL，避免把 /web-ui/index.html 或 /session 带进分享链接。
+        const baseUrl = window.location.origin + '/';
+        const url = canonicalizeWebUiUrl(new URL(baseUrl));
+        url.searchParams.set('tab', 'sessions');
         url.searchParams.set('s_source', String(vm.sessionFilterSource || 'all'));
         if (vm.sessionPathFilter) url.searchParams.set('s_path', String(vm.sessionPathFilter || ''));
-        else url.searchParams.delete('s_path');
         if (vm.sessionQuery && isSessionQueryEnabled(vm.sessionFilterSource)) url.searchParams.set('s_query', String(vm.sessionQuery || ''));
-        else url.searchParams.delete('s_query');
         if (vm.sessionRoleFilter && vm.sessionRoleFilter !== 'all') url.searchParams.set('s_role', String(vm.sessionRoleFilter || 'all'));
-        else url.searchParams.delete('s_role');
         if (vm.sessionTimePreset && vm.sessionTimePreset !== 'all') url.searchParams.set('s_time', String(vm.sessionTimePreset || 'all'));
-        else url.searchParams.delete('s_time');
-        url.searchParams.set('tab', 'sessions');
         return url.toString();
     } catch (_) {
         return '';
@@ -76,10 +132,7 @@ export function buildSessionsFilterShareUrl(vm) {
 }
 
 export function syncSessionsFilterUrl(vm) {
-    const url = buildSessionsFilterShareUrl(vm);
-    if (!url) return;
-    try {
-        window.history.replaceState(null, '', url);
-    } catch (_) {}
+    // URL 保持静态，不同步状态到 URL
+    // 所有状态通过 localStorage 管理
 }