codexmate 0.0.34 → 0.0.37

package/README.md

@@ -15,6 +15,7 @@
 [![Version](https://img.shields.io/npm/v/codexmate?style=flat-square&color=A179FF)](https://www.npmjs.com/package/codexmate)
 [![Build](https://img.shields.io/github/actions/workflow/status/SakuraByteCore/codexmate/release.yml?style=flat-square&color=44cc11)](https://github.com/SakuraByteCore/codexmate/actions/workflows/release.yml)
 [![Downloads](https://img.shields.io/npm/dt/codexmate?style=flat-square)](https://www.npmjs.com/package/codexmate)
+[![Install](https://img.shields.io/badge/install-brew%20%7C%20curl%20%7C%20npm-0A0?style=flat-square)](#install-via-homebrew-macos--linux)
 [![Platform](https://img.shields.io/badge/platform-Termux%20%7C%20Linux%20%7C%20macOS%20%7C%20Windows-555?style=flat-square)](#quick-start)
 [![Node](https://img.shields.io/node/v/codexmate?style=flat-square&logo=node.js&logoColor=white)](https://nodejs.org/)
 [![License](https://img.shields.io/npm/l/codexmate?style=flat-square)](LICENSE)
@@ -70,11 +71,19 @@ Unlike simple wrappers, Codex Mate acts as a **Local Agent Bridge**:
 
 ## Quick Start
 
+### Install via Homebrew (macOS / Linux)
+
+```bash
+brew tap SakuraByteCore/codexmate
+brew install codexmate
+```
+
+Requires [Node.js](https://nodejs.org/) (`brew install node` if not present).
+
 ### Install via npm
 
 ```bash
 npm install -g codexmate
-codexmate setup
 codexmate run
 ```
 
@@ -102,7 +111,7 @@ flowchart TD
     CLI[CLI]
     WebUI[Web UI]
     MCP[MCP Server]
-    
+
     subgraph Mate [Codex Mate Core]
         API[HTTP API]
         Config[Config Engine]
@@ -110,7 +119,7 @@ flowchart TD
         Skills[Skills Market]
         Tasks[Task Runner]
     end
-    
+
     subgraph Local [Local Filesystem]
         CodexDir[~/.codex]
         ClaudeDir[~/.claude]
@@ -120,9 +129,9 @@ flowchart TD
 
     User --> CLI & WebUI & MCP
     CLI & WebUI & MCP --> API
-    
+
     API --> Config & Session & Skills & Tasks
-    
+
     Config --> CodexDir & ClaudeDir & ClawDir
     Session --> State
     Skills --> Local

package/README.zh.md

@@ -15,6 +15,7 @@
 [![Version](https://img.shields.io/npm/v/codexmate?style=flat-square&color=A179FF)](https://www.npmjs.com/package/codexmate)
 [![Build](https://img.shields.io/github/actions/workflow/status/SakuraByteCore/codexmate/release.yml?style=flat-square&color=44cc11)](https://github.com/SakuraByteCore/codexmate/actions/workflows/release.yml)
 [![Downloads](https://img.shields.io/npm/dt/codexmate?style=flat-square)](https://www.npmjs.com/package/codexmate)
+[![Install](https://img.shields.io/badge/install-brew%20%7C%20curl%20%7C%20npm-0A0?style=flat-square)](#homebrew-安装macos--linux)
 [![Platform](https://img.shields.io/badge/platform-Termux%20%7C%20Linux%20%7C%20macOS%20%7C%20Windows-555?style=flat-square)](#快速开始)
 [![Node](https://img.shields.io/node/v/codexmate?style=flat-square&logo=node.js&logoColor=white)](https://nodejs.org/)
 [![License](https://img.shields.io/npm/l/codexmate?style=flat-square)](LICENSE)
@@ -70,11 +71,19 @@
 
 ## 快速开始
 
+### Homebrew 安装（macOS / Linux）
+
+```bash
+brew tap SakuraByteCore/codexmate
+brew install codexmate
+```
+
+需要 [Node.js](https://nodejs.org/)（如未安装可执行 `brew install node`）。
+
 ### 通过 npm 安装
 
 ```bash
 npm install -g codexmate
-codexmate setup
 codexmate run
 ```
 
@@ -102,7 +111,7 @@ flowchart TD
     CLI[CLI 命令]
     WebUI[Web 界面]
     MCP[MCP 服务]
-    
+
     subgraph Mate [Codex Mate 核心]
         API[HTTP API]
         Config[配置引擎]
@@ -110,7 +119,7 @@ flowchart TD
         Skills[Skills 市场]
         Tasks[任务运行器]
     end
-    
+
     subgraph Local [本地文件系统]
         CodexDir[~/.codex]
         ClaudeDir[~/.claude]
@@ -120,9 +129,9 @@ flowchart TD
 
     User --> CLI & WebUI & MCP
     CLI & WebUI & MCP --> API
-    
+
     API --> Config & Session & Skills & Tasks
-    
+
     Config --> CodexDir & ClaudeDir & ClawDir
     Session --> State
     Skills --> Local

package/cli.js

@@ -4879,27 +4879,29 @@ function listClaudeSessions(limit, options = {}) {
         }
     }
 
-    if (sessions.length === 0) {
-        const fallbackFiles = collectRecentJsonlFiles(claudeProjectsDir, {
-            returnCount: scanCount,
-            maxFilesScanned,
-            ignoreSubPath: `${path.sep}subagents${path.sep}`
+    // 补充扫描未索引的 .jsonl 文件（包括 sessions-index.json 中遗漏的会话）
+    const seenFilePaths = new Set(sessions.map((item) => item.filePath).filter(Boolean));
+    const fallbackFiles = collectRecentJsonlFiles(claudeProjectsDir, {
+        returnCount: scanCount,
+        maxFilesScanned,
+        ignoreSubPath: `${path.sep}subagents${path.sep}`
+    });
+    for (const filePath of fallbackFiles) {
+        if (seenFilePaths.has(filePath)) continue;
+        const summary = parseClaudeSessionSummary(filePath, {
+            summaryReadBytes,
+            titleReadBytes
         });
-        for (const filePath of fallbackFiles) {
-            const summary = parseClaudeSessionSummary(filePath, {
-                summaryReadBytes,
-                titleReadBytes
-            });
-            if (summary) {
-                sessions.push(attachSessionNativeStatus({
-                    ...summary,
-                    derived: isDerivedSessionFile(filePath)
-                }));
-            }
+        if (summary) {
+            sessions.push(attachSessionNativeStatus({
+                ...summary,
+                derived: isDerivedSessionFile(filePath)
+            }));
+            seenFilePaths.add(filePath);
+        }
 
-            if (sessions.length >= targetCount) {
-                break;
-            }
+        if (sessions.length >= targetCount) {
+            break;
         }
     }
 
@@ -10058,9 +10060,10 @@ function watchPathsForRestart(targets, onChange) {
 }
 // #endregion watchPathsForRestart
 
-function writeJsonResponse(res, statusCode, payload) {
+function writeJsonResponse(res, statusCode, payload, headers = {}) {
     const body = JSON.stringify(payload, null, 2);
     res.writeHead(statusCode, {
+        ...headers,
         'Content-Type': 'application/json; charset=utf-8',
         'Content-Length': Buffer.byteLength(body, 'utf-8')
     });
@@ -10620,7 +10623,7 @@ function createWebServer({ htmlPath, assetsDir, webDir, host, port, openBrowser
         const securityHeaders = {
             'X-Content-Type-Options': 'nosniff',
             'X-Frame-Options': 'DENY',
-            'Content-Security-Policy': "default-src 'self'; script-src 'self' 'unsafe-inline' 'unsafe-eval'; style-src 'self' 'unsafe-inline'; img-src 'self' data:; connect-src 'self' ws: wss:"
+            'Content-Security-Policy': "default-src 'self'; script-src 'self' 'unsafe-inline'; style-src 'self' 'unsafe-inline'; img-src 'self' data:; connect-src 'self' ws: wss:"
         };
         const origWriteHead = res.writeHead.bind(res);
         res.writeHead = function (statusCode, headers) {
@@ -10649,34 +10652,15 @@ function createWebServer({ htmlPath, assetsDir, webDir, host, port, openBrowser
             || requestPath.startsWith('/download/')
         ) {
             const remoteAddr = req && req.socket ? req.socket.remoteAddress : '';
-            const isLoopback = !remoteAddr
-                || remoteAddr === '127.0.0.1'
-                || remoteAddr === '::1'
-                || remoteAddr === '::ffff:127.0.0.1';
+            const isLoopback = !remoteAddr || isLoopbackRemoteAddress(remoteAddr);
             if (!isLoopback) {
                 const rateLimitKey = (remoteAddr || 'unknown') + ':' + requestPath;
                 if (!checkRateLimit(rateLimitKey)) {
-                    res.writeHead(429, { 'Content-Type': 'application/json; charset=utf-8', 'Retry-After': '60' });
-                    res.end(JSON.stringify({ error: 'Rate limit exceeded' }));
+                    writeJsonResponse(res, 429, { error: 'Rate limit exceeded' }, { 'Retry-After': '60' });
                     return;
                 }
-                const expected = typeof process.env.CODEXMATE_HTTP_TOKEN === 'string'
-                    ? process.env.CODEXMATE_HTTP_TOKEN.trim()
-                    : '';
-                if (!expected) {
-                    sendJson(403, {
-                        error: 'Remote access is disabled (set CODEXMATE_HTTP_TOKEN or use --host 127.0.0.1)'
-                    });
-                    return;
-                }
-                const headers = req && req.headers && typeof req.headers === 'object' ? req.headers : {};
-                const rawAuth = typeof headers.authorization === 'string' ? headers.authorization.trim() : '';
-                const match = rawAuth ? rawAuth.match(/^bearer\s+(.+)$/i) : null;
-                const actual = match && match[1]
-                    ? match[1].trim()
-                    : (rawAuth ? rawAuth : (typeof headers['x-codexmate-token'] === 'string' ? String(headers['x-codexmate-token']).trim() : ''));
-                if (!actual || !safeTimingEqual(actual, expected)) {
-                    sendJson(401, { error: 'Unauthorized' });
+                const auth = assertRequestAuthorized(req, res);
+                if (!auth.ok) {
                     return;
                 }
             }
@@ -11408,15 +11392,18 @@ function createWebServer({ htmlPath, assetsDir, webDir, host, port, openBrowser
                     res.end(errorBody, 'utf-8');
                 }
             });
-        } else if (requestPath === '/web-ui') {
-            try {
-                const html = readBundledWebUiHtml(htmlPath);
-                res.writeHead(200, { 'Content-Type': 'text/html; charset=utf-8' });
-                res.end(html);
-            } catch (error) {
-                writeWebUiAssetError(res, requestPath, error);
-            }
+        } else if (requestPath === '/web-ui/index.html') {
+            const rawUrl = typeof req.url === 'string' ? req.url : '';
+            const queryIndex = rawUrl.indexOf('?');
+            const query = queryIndex >= 0 ? rawUrl.slice(queryIndex) : '';
+            res.writeHead(302, {
+                'Location': `/${query}`,
+                'Content-Type': 'text/plain; charset=utf-8',
+                'Cache-Control': 'no-store, max-age=0'
+            });
+            res.end('Found');
         } else if (requestPath.startsWith('/web-ui/')) {
+            // Skip the /web-ui/ directory itself, which is handled above
             const normalized = path.normalize(requestPath).replace(/^([\\.\\/])+/, '');
             const filePath = path.join(__dirname, normalized);
             if (!isPathInside(filePath, webDir)) {
@@ -11425,11 +11412,22 @@ function createWebServer({ htmlPath, assetsDir, webDir, host, port, openBrowser
                 return;
             }
             const relativePath = path.relative(webDir, filePath).replace(/\\/g, '/');
+
+            // Empty relativePath means direct /web-ui/ access - return 404
+            if (relativePath === '' || relativePath === 'index.html') {
+                res.writeHead(404, { 'Content-Type': 'text/plain; charset=utf-8' });
+                res.end('Not Found');
+                return;
+            }
+
             const dynamicAsset = PUBLIC_WEB_UI_DYNAMIC_ASSETS.get(relativePath);
             if (dynamicAsset) {
                 try {
                     const assetBody = dynamicAsset.reader(filePath);
-                    res.writeHead(200, { 'Content-Type': dynamicAsset.mime });
+                    res.writeHead(200, {
+                        'Content-Type': dynamicAsset.mime,
+                        'Cache-Control': 'no-store, max-age=0'
+                    });
                     res.end(assetBody, 'utf-8');
                 } catch (error) {
                     writeWebUiAssetError(res, requestPath, error);
@@ -11456,7 +11454,10 @@ function createWebServer({ htmlPath, assetsDir, webDir, host, port, openBrowser
                         : ext === '.json'
                             ? 'application/json; charset=utf-8'
                             : 'application/octet-stream';
-            res.writeHead(200, { 'Content-Type': mime });
+            res.writeHead(200, {
+                'Content-Type': mime,
+                'Cache-Control': 'no-store, max-age=0'
+            });
             fs.createReadStream(filePath).pipe(res);
         } else if (requestPath.startsWith('/download/')) {
             const fileName = requestPath.slice('/download/'.length);
@@ -11517,15 +11518,27 @@ function createWebServer({ htmlPath, assetsDir, webDir, host, port, openBrowser
                     : ext === '.json'
                         ? 'application/json; charset=utf-8'
                         : 'application/octet-stream';
-            res.writeHead(200, { 'Content-Type': mime });
+            res.writeHead(200, {
+                'Content-Type': mime,
+                'Cache-Control': 'no-store, max-age=0'
+            });
             fs.createReadStream(filePath).pipe(res);
         } else {
-            try {
-                const html = readBundledWebUiHtml(htmlPath);
-                res.writeHead(200, { 'Content-Type': 'text/html; charset=utf-8' });
-                res.end(html);
-            } catch (error) {
-                writeWebUiAssetError(res, requestPath, error);
+            // Only serve HTML for root path; /web-ui returns 404.
+            if (requestPath === '/') {
+                try {
+                    const html = readBundledWebUiHtml(htmlPath);
+                    res.writeHead(200, {
+                        'Content-Type': 'text/html; charset=utf-8',
+                        'Cache-Control': 'no-store, max-age=0'
+                    });
+                    res.end(html);
+                } catch (error) {
+                    writeWebUiAssetError(res, requestPath, error);
+                }
+            } else {
+                res.writeHead(404, { 'Content-Type': 'text/plain; charset=utf-8' });
+                res.end('Not Found');
             }
         }
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codexmate",
-  "version": "0.0.34",
+  "version": "0.0.37",
   "description": "Codex/Claude Code/OpenClaw 配置、会话与任务编排 CLI + Web 工具",
   "main": "cli.js",
   "bin": {
@@ -46,6 +46,7 @@
   },
   "dependencies": {
     "@iarna/toml": "^2.2.5",
+    "@vue/compiler-dom": "^3.5.30",
     "json5": "^2.2.3",
     "yauzl": "^3.2.1",
     "zip-lib": "^1.2.1"

package/web-ui/app.js

@@ -7,8 +7,10 @@ import {
 import { createAppComputed } from './modules/app.computed.index.mjs';
 import { createAppMethods } from './modules/app.methods.index.mjs';
 import { loadConfigTemplateDiffConfirmEnabledFromStorage } from './modules/config-template-confirm-pref.mjs';
+import { installWebUiUrlCanonicalization } from './modules/sessions-filters-url.mjs';
 
 document.addEventListener('DOMContentLoaded', () => {
+    installWebUiUrlCanonicalization();
     if (typeof Vue === 'undefined') {
         console.error('Vue 库未能在 DOMContentLoaded 触发前加载完成。');
         const fallbackTarget = document.querySelector('#app') || document.querySelector('[v-cloak]');
@@ -26,7 +28,7 @@ document.addEventListener('DOMContentLoaded', () => {
 
     const { createApp } = Vue;
 
-    const app = createApp({
+    const appOptions = {
         data() {
             return {
                 lang: 'zh',
@@ -230,6 +232,7 @@ document.addEventListener('DOMContentLoaded', () => {
                 sessionPreviewHeaderEl: null,
                 sessionPreviewHeaderResizeObserver: null,
                 sessionListRenderEnabled: false,
+                preserveSessionRenderOnTabLeave: true,
                 sessionListVisibleCount: 0,
                 sessionListInitialBatchSize: 40,
                 sessionListLoadStep: 80,
@@ -420,6 +423,27 @@ document.addEventListener('DOMContentLoaded', () => {
         },
 
         mounted() {
+            // URL 规范化：将 /web-ui/* 重定向到根路径 /
+            try {
+                const pathname = window.location.pathname;
+                if (pathname === '/web-ui' || pathname === '/web-ui/' || pathname === '/web-ui/index.html') {
+                    const url = new URL(window.location.href);
+                    url.pathname = '/';
+                    // 移除查询参数和 hash，保持 URL 纯净
+                    url.search = '';
+                    url.hash = '';
+                    window.location.replace(url.toString());
+                    return;
+                }
+                // 清理任何查询参数和 hash，保持 URL 为 /
+                if (window.location.search || window.location.hash) {
+                    const url = new URL(window.location.href);
+                    url.search = '';
+                    url.hash = '';
+                    window.history.replaceState(null, '', url.toString());
+                }
+            } catch (_) {}
+
             if (typeof this.initI18n === 'function') {
                 this.initI18n();
             }
@@ -648,7 +672,13 @@ document.addEventListener('DOMContentLoaded', () => {
 
         computed: createAppComputed(),
         methods: createAppMethods()
-    });
+    };
+
+    if (typeof window.__CODEXMATE_WEB_UI_RENDER__ === 'function') {
+        appOptions.render = window.__CODEXMATE_WEB_UI_RENDER__;
+    }
+
+    const app = createApp(appOptions);
 
     app.mount('#app');
 });

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>

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

@@ -266,6 +266,10 @@ export function createClaudeConfigMethods(options = {}) {
             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 (_) {}