codexmate 0.0.20 → 0.0.22

package/web-ui/logic.sessions.mjs

@@ -1,3 +1,32 @@
+export const DEFAULT_SESSION_LIST_LIMIT = 200;
+export const DEFAULT_SESSION_LIST_FAST_LIMIT = 20;
+
+function shouldUseFastSessionBrowseLimit(options = {}) {
+    if (options.forceRefresh) {
+        return false;
+    }
+    const normalizedSource = normalizeSessionSource(options.source, 'all');
+    if (normalizedSource !== 'all') {
+        return false;
+    }
+    const pathFilter = normalizeSessionPathFilter(options.pathFilter);
+    if (pathFilter) {
+        return false;
+    }
+    const query = typeof options.query === 'string' ? options.query.trim() : '';
+    if (query) {
+        return false;
+    }
+    const roleFilter = typeof options.roleFilter === 'string' ? options.roleFilter.trim().toLowerCase() : 'all';
+    if (roleFilter && roleFilter !== 'all') {
+        return false;
+    }
+    const timeRangePreset = typeof options.timeRangePreset === 'string'
+        ? options.timeRangePreset.trim().toLowerCase()
+        : 'all';
+    return !timeRangePreset || timeRangePreset === 'all';
+}
+
 export function isSessionQueryEnabled(source) {
     const normalized = normalizeSessionSource(source, '');
     return normalized === 'codex' || normalized === 'claude' || normalized === 'all';
@@ -17,6 +46,73 @@ export function normalizeSessionPathFilter(pathFilter) {
     return typeof pathFilter === 'string' ? pathFilter.trim() : '';
 }
 
+function isConcreteSessionModelName(value) {
+    if (typeof value !== 'string') {
+        return false;
+    }
+    const normalized = value.trim();
+    if (!normalized) {
+        return false;
+    }
+    return normalized.toLowerCase() !== '<synthetic>';
+}
+
+function collectSessionModelNames(session) {
+    if (!session || typeof session !== 'object') {
+        return [];
+    }
+    const values = Array.isArray(session.models)
+        ? [...session.models, session.model, session.modelName, session.modelId]
+        : [session.model, session.modelName, session.modelId];
+    const models = [];
+    for (const value of values) {
+        if (!isConcreteSessionModelName(value)) {
+            continue;
+        }
+        const normalized = value.trim();
+        if (models.includes(normalized)) {
+            continue;
+        }
+        models.push(normalized);
+    }
+    return models;
+}
+
+function readSessionTotalTokens(session) {
+    if (!session || typeof session !== 'object') {
+        return 0;
+    }
+
+    const rawTotalTokens = Number(session.totalTokens);
+    const hasExplicitTotal = Number.isFinite(rawTotalTokens) && rawTotalTokens >= 0;
+    const explicitTotal = hasExplicitTotal ? Math.max(0, Math.floor(rawTotalTokens)) : null;
+
+    const inputTokens = Number.isFinite(Number(session.inputTokens))
+        ? Math.max(0, Math.floor(Number(session.inputTokens)))
+        : null;
+    const outputTokens = Number.isFinite(Number(session.outputTokens))
+        ? Math.max(0, Math.floor(Number(session.outputTokens)))
+        : null;
+    const reasoningOutputTokens = Number.isFinite(Number(session.reasoningOutputTokens))
+        ? Math.max(0, Math.floor(Number(session.reasoningOutputTokens)))
+        : 0;
+
+    // 对齐 usage 口径：当总 token 缺失时，使用拆分字段回填（input + output + reasoning）。
+    // cachedInputTokens 一般包含在 inputTokens 中，因此不在此重复相加。
+    const hasBreakdown = !(inputTokens === null && outputTokens === null && reasoningOutputTokens === 0);
+    const breakdownTotal = hasBreakdown
+        ? (inputTokens || 0) + (outputTokens || 0) + reasoningOutputTokens
+        : 0;
+
+    if (breakdownTotal > 0) {
+        return breakdownTotal;
+    }
+    if (explicitTotal !== null) {
+        return explicitTotal;
+    }
+    return 0;
+}
+
 export function buildSessionFilterCacheState(source, pathFilter) {
     return {
         source: normalizeSessionSource(source, 'all'),
@@ -25,13 +121,17 @@ export function buildSessionFilterCacheState(source, pathFilter) {
 }
 
 export function buildSessionListParams(options = {}) {
+    const fallbackLimit = shouldUseFastSessionBrowseLimit(options)
+        ? DEFAULT_SESSION_LIST_FAST_LIMIT
+        : DEFAULT_SESSION_LIST_LIMIT;
     const {
         source = 'all',
         pathFilter = '',
         query = '',
         roleFilter = 'all',
         timeRangePreset = 'all',
-        limit = 200
+        limit = fallbackLimit,
+        forceRefresh = false
     } = options;
     const normalizedSource = normalizeSessionSource(source, 'all');
     const normalizedPathFilter = normalizeSessionPathFilter(pathFilter);
@@ -46,7 +146,7 @@ export function buildSessionListParams(options = {}) {
         roleFilter,
         timeRangePreset,
         limit,
-        forceRefresh: true
+        forceRefresh: !!forceRefresh
     };
 }
 
@@ -88,16 +188,54 @@ export function formatSessionTimelineTimestamp(timestamp) {
     return value;
 }
 
-export function buildUsageChartGroups(sessions = [], options = {}) {
-    const list = Array.isArray(sessions) ? sessions : [];
-    const range = typeof options.range === 'string' ? options.range.trim().toLowerCase() : '7d';
+function normalizeUsageRange(range) {
+    const normalized = typeof range === 'string' ? range.trim().toLowerCase() : '7d';
+    if (normalized === '30d' || normalized === 'all') {
+        return normalized;
+    }
+    return '7d';
+}
+
+function toUtcDayStartMs(value) {
+    const stamp = new Date(value);
+    return Date.UTC(stamp.getUTCFullYear(), stamp.getUTCMonth(), stamp.getUTCDate());
+}
+
+function formatUtcDayKey(value) {
+    const stamp = new Date(value);
+    return `${stamp.getUTCFullYear()}-${String(stamp.getUTCMonth() + 1).padStart(2, '0')}-${String(stamp.getUTCDate()).padStart(2, '0')}`;
+}
+
+function buildUsageBuckets(normalizedSessions, options = {}) {
+    const range = normalizeUsageRange(options.range);
     const now = Number.isFinite(Number(options.now)) ? Number(options.now) : Date.now();
     const dayMs = 24 * 60 * 60 * 1000;
-    const rangeDays = range === '30d' ? 30 : 7;
     const buckets = [];
+
+    if (range === 'all') {
+        const validDayStarts = normalizedSessions
+            .map((session) => toUtcDayStartMs(session.updatedAtMs))
+            .filter((value) => Number.isFinite(value));
+        const firstDayStart = validDayStarts.length ? Math.min(...validDayStarts) : toUtcDayStartMs(now);
+        const lastDayStart = validDayStarts.length ? Math.max(...validDayStarts) : toUtcDayStartMs(now);
+        for (let stamp = firstDayStart; stamp <= lastDayStart; stamp += dayMs) {
+            const key = formatUtcDayKey(stamp);
+            buckets.push({
+                key,
+                label: key.slice(5),
+                codex: 0,
+                claude: 0,
+                totalMessages: 0,
+                totalSessions: 0
+            });
+        }
+        return { range, buckets };
+    }
+
+    const rangeDays = range === '30d' ? 30 : 7;
     for (let i = rangeDays - 1; i >= 0; i -= 1) {
         const stamp = new Date(now - (i * dayMs));
-        const key = `${stamp.getUTCFullYear()}-${String(stamp.getUTCMonth() + 1).padStart(2, '0')}-${String(stamp.getUTCDate()).padStart(2, '0')}`;
+        const key = formatUtcDayKey(stamp);
         buckets.push({
             key,
             label: key.slice(5),
@@ -107,25 +245,80 @@ export function buildUsageChartGroups(sessions = [], options = {}) {
             totalSessions: 0
         });
     }
-    const bucketMap = new Map(buckets.map((bucket) => [bucket.key, bucket]));
-    let codexTotal = 0;
-    let claudeTotal = 0;
-    let messageTotal = 0;
-    const pathMap = new Map();
+    return { range, buckets };
+}
 
-    for (const session of list) {
+export function buildUsageChartGroups(sessions = [], options = {}) {
+    const list = Array.isArray(sessions) ? sessions : [];
+    const normalizedSessions = [];
+    for (const [sessionIndex, session] of list.entries()) {
         if (!session || typeof session !== 'object') continue;
         const source = normalizeSessionSource(session.source, '');
         if (source !== 'codex' && source !== 'claude') continue;
         const updatedAtMs = Date.parse(session.updatedAt || '');
         if (!Number.isFinite(updatedAtMs)) continue;
+        const createdAtMs = Date.parse(session.createdAt || '');
+        const sessionStartedAtMs = Number.isFinite(createdAtMs) ? createdAtMs : updatedAtMs;
+        const sessionEndedAtMs = Math.max(updatedAtMs, sessionStartedAtMs);
+        normalizedSessions.push({
+            session,
+            sessionIndex,
+            source,
+            updatedAtMs,
+            createdAtMs,
+            sessionStartedAtMs,
+            sessionEndedAtMs,
+            bucketKey: formatUtcDayKey(updatedAtMs)
+        });
+    }
+    const { range, buckets } = buildUsageBuckets(normalizedSessions, options);
+    const bucketMap = new Map(buckets.map((bucket) => [bucket.key, bucket]));
+    let codexTotal = 0;
+    let claudeTotal = 0;
+    let messageTotal = 0;
+    let totalTokens = 0;
+    let totalContextWindow = 0;
+    let activeDurationMs = 0;
+    let earliestSessionMs = Number.POSITIVE_INFINITY;
+    let latestSessionMs = 0;
+    const pathMap = new Map();
+    const modelMap = new Map();
+    const missingModelProviderMap = new Map();
+    const missingModelSessionMap = new Map();
+    const sourceMessageTotals = { codex: 0, claude: 0 };
+    const missingModelSourceTotals = { codex: 0, claude: 0 };
+    let missingModelSessions = 0;
+    let providerOnlySessions = 0;
+    const hourCounts = Array.from({ length: 24 }, (_, hour) => ({
+        key: String(hour).padStart(2, '0'),
+        label: String(hour).padStart(2, '0'),
+        count: 0
+    }));
+    const weekdayLabels = ['周一', '周二', '周三', '周四', '周五', '周六', '周日'];
+    const weekdayCounts = Array.from({ length: 7 }, (_, index) => ({
+        key: String(index),
+        label: weekdayLabels[index],
+        count: 0
+    }));
+    const recentSessions = [];
+    const topSessionsByMessages = [];
+    const filteredSessions = [];
+
+    for (const normalized of normalizedSessions) {
+        const { session, sessionIndex, source, updatedAtMs, sessionStartedAtMs, sessionEndedAtMs, bucketKey } = normalized;
         const stamp = new Date(updatedAtMs);
-        const key = `${stamp.getUTCFullYear()}-${String(stamp.getUTCMonth() + 1).padStart(2, '0')}-${String(stamp.getUTCDate()).padStart(2, '0')}`;
-        const bucket = bucketMap.get(key);
+        const bucket = bucketMap.get(bucketKey);
         if (!bucket) continue;
+        const sessionModels = collectSessionModelNames(session);
+        if (sessionModels.length === 0) continue;
+        filteredSessions.push(session);
         const messageCount = Number.isFinite(Number(session.messageCount))
             ? Math.max(0, Math.floor(Number(session.messageCount)))
             : 0;
+        const sessionTotalTokens = readSessionTotalTokens(session);
+        const sessionContextWindow = Number.isFinite(Number(session.contextWindow))
+            ? Math.max(0, Math.floor(Number(session.contextWindow)))
+            : 0;
         bucket.totalSessions += 1;
         bucket.totalMessages += messageCount;
         if (source === 'codex') {
@@ -136,10 +329,71 @@ export function buildUsageChartGroups(sessions = [], options = {}) {
             claudeTotal += 1;
         }
         messageTotal += messageCount;
+        totalTokens += sessionTotalTokens;
+        totalContextWindow += sessionContextWindow;
+        sourceMessageTotals[source] += messageCount;
+        activeDurationMs += Math.max(0, sessionEndedAtMs - sessionStartedAtMs);
+        earliestSessionMs = Math.min(earliestSessionMs, sessionStartedAtMs);
+        latestSessionMs = Math.max(latestSessionMs, sessionEndedAtMs);
+
+        const utcHour = stamp.getUTCHours();
+        if (hourCounts[utcHour]) {
+            hourCounts[utcHour].count += 1;
+        }
+        const dayIndex = (stamp.getUTCDay() + 6) % 7;
+        if (weekdayCounts[dayIndex]) {
+            weekdayCounts[dayIndex].count += 1;
+        }
+
         const cwd = normalizeSessionPathFilter(session.cwd);
         if (cwd) {
-            pathMap.set(cwd, (Number(pathMap.get(cwd)) || 0) + 1);
+            const prev = pathMap.get(cwd) || { count: 0, messageTotal: 0, updatedAtMs: 0 };
+            pathMap.set(cwd, {
+                count: prev.count + 1,
+                messageTotal: prev.messageTotal + messageCount,
+                updatedAtMs: Math.max(prev.updatedAtMs, updatedAtMs)
+            });
+        }
+
+        const sourceLabel = source === 'codex' ? 'Codex' : 'Claude Code';
+        const normalizedTitle = typeof session.title === 'string' && session.title.trim()
+            ? session.title.trim()
+            : (typeof session.sessionId === 'string' && session.sessionId.trim() ? session.sessionId.trim() : '未命名会话');
+        for (const modelId of sessionModels) {
+            const prev = modelMap.get(modelId) || {
+                count: 0,
+                messageTotal: 0,
+                tokenTotal: 0,
+                sources: new Set()
+            };
+            prev.count += 1;
+            prev.messageTotal += messageCount;
+            prev.tokenTotal += sessionTotalTokens;
+            prev.sources.add(source);
+            modelMap.set(modelId, prev);
         }
+
+        const sessionEntry = {
+            key: [
+                source,
+                session.sessionId || '',
+                session.filePath || normalizedTitle,
+                String(updatedAtMs),
+                String(messageCount),
+                String(sessionIndex)
+            ].join(':'),
+            title: normalizedTitle,
+            source,
+            sourceLabel,
+            cwd,
+            messageCount,
+            updatedAt: session.updatedAt || '',
+            updatedAtMs,
+            updatedAtLabel: formatSessionTimelineTimestamp(session.updatedAt || ''),
+            hasExactMessageCount: session.__messageCountExact === true
+        };
+        recentSessions.push(sessionEntry);
+        topSessionsByMessages.push({ ...sessionEntry });
     }
 
     const totalSessions = codexTotal + claudeTotal;
@@ -148,31 +402,128 @@ export function buildUsageChartGroups(sessions = [], options = {}) {
         { key: 'claude', label: 'Claude', value: claudeTotal }
     ].map((item) => ({
         ...item,
-        percent: totalSessions > 0 ? Math.round((item.value / totalSessions) * 100) : 0
+        percent: totalSessions > 0 ? Math.round((item.value / totalSessions) * 100) : 0,
+        messageTotal: sourceMessageTotals[item.key] || 0,
+        messagePercent: messageTotal > 0 ? Math.round(((sourceMessageTotals[item.key] || 0) / messageTotal) * 100) : 0,
+        avgMessages: item.value > 0 ? Math.round(((sourceMessageTotals[item.key] || 0) / item.value) * 10) / 10 : 0
     }));
 
     const topPaths = [...pathMap.entries()]
-        .sort((a, b) => b[1] - a[1] || a[0].localeCompare(b[0], 'zh-Hans-CN'))
+        .sort((a, b) => b[1].count - a[1].count || b[1].messageTotal - a[1].messageTotal || a[0].localeCompare(b[0], 'zh-Hans-CN'))
         .slice(0, 5)
-        .map(([pathValue, count]) => ({ path: pathValue, count }));
+        .map(([pathValue, meta]) => ({
+            path: pathValue,
+            count: meta.count,
+            messageTotal: meta.messageTotal,
+            updatedAtLabel: meta.updatedAtMs ? formatSessionTimelineTimestamp(new Date(meta.updatedAtMs).toISOString()) : ''
+        }));
+
+    const usedModels = [...modelMap.entries()]
+        .sort((a, b) => b[1].count - a[1].count)
+        .map(([modelId, meta]) => {
+            const sourceLabels = [...meta.sources]
+                .sort((a, b) => a.localeCompare(b, 'en-US'))
+                .map((source) => (source === 'codex' ? 'Codex' : 'Claude Code'));
+            return {
+                key: modelId,
+                model: modelId,
+                count: meta.count,
+                messageTotal: meta.messageTotal,
+                tokenTotal: meta.tokenTotal,
+                sourceLabels
+            };
+        });
+
+    const sortedRecentSessions = recentSessions
+        .sort((a, b) => b.updatedAtMs - a.updatedAtMs || b.messageCount - a.messageCount || a.title.localeCompare(b.title, 'zh-Hans-CN'))
+        .slice(0, 6);
+
+    const missingModelProviders = [...missingModelProviderMap.values()]
+        .sort((a, b) => b.count - a.count || a.label.localeCompare(b.label, 'zh-Hans-CN'));
+    const missingModelSessionsPreview = [...missingModelSessionMap.values()]
+        .sort((a, b) => b.updatedAtMs - a.updatedAtMs || a.title.localeCompare(b.title, 'zh-Hans-CN'))
+        .slice(0, 5);
+
+    const modelCoverage = {
+        totalSessions,
+        modeledSessions: Math.max(0, totalSessions - missingModelSessions),
+        missingModelSessions,
+        providerOnlySessions,
+        missingModelSourceTotals,
+        missingModelProviders,
+        missingModelSessionsPreview,
+        coveragePercent: totalSessions > 0 ? Math.round(((totalSessions - missingModelSessions) / totalSessions) * 100) : 0
+    };
+
+    const sortedTopSessionsByMessages = topSessionsByMessages
+        .sort((a, b) => b.messageCount - a.messageCount || b.updatedAtMs - a.updatedAtMs || a.title.localeCompare(b.title, 'zh-Hans-CN'))
+        .slice(0, 6);
 
     const maxSessionBucket = buckets.reduce((max, item) => Math.max(max, item.totalSessions), 0);
     const maxMessageBucket = buckets.reduce((max, item) => Math.max(max, item.totalMessages), 0);
+    const maxHourCount = hourCounts.reduce((max, item) => Math.max(max, item.count), 0);
+    const maxWeekdayCount = weekdayCounts.reduce((max, item) => Math.max(max, item.count), 0);
+    const busiestDay = [...buckets]
+        .sort((a, b) => b.totalSessions - a.totalSessions || b.totalMessages - a.totalMessages || a.key.localeCompare(b.key, 'zh-Hans-CN'))[0] || null;
+    const busiestHour = [...hourCounts]
+        .sort((a, b) => b.count - a.count || a.key.localeCompare(b.key, 'zh-Hans-CN'))[0] || null;
+    const activeDays = buckets.filter((item) => item.totalSessions > 0).length;
+    const avgMessagesPerSession = totalSessions > 0 ? Math.round((messageTotal / totalSessions) * 10) / 10 : 0;
+    const avgSessionsPerActiveDay = activeDays > 0 ? Math.round((totalSessions / activeDays) * 10) / 10 : 0;
+    const totalDurationMs = Number.isFinite(earliestSessionMs) && latestSessionMs > 0
+        ? Math.max(0, latestSessionMs - earliestSessionMs)
+        : 0;
 
     return {
         range,
         buckets,
+        filteredSessions,
         summary: {
             totalSessions,
             totalMessages: messageTotal,
+            totalTokens,
+            totalContextWindow,
+            activeDurationMs,
+            totalDurationMs,
             codexTotal,
             claudeTotal,
-            activeDays: buckets.filter((item) => item.totalSessions > 0).length
+            activeDays,
+            avgMessagesPerSession,
+            avgSessionsPerActiveDay,
+            busiestDay: busiestDay
+                ? {
+                    key: busiestDay.key,
+                    label: busiestDay.label,
+                    totalSessions: busiestDay.totalSessions,
+                    totalMessages: busiestDay.totalMessages
+                }
+                : null,
+            busiestHour: busiestHour
+                ? {
+                    key: busiestHour.key,
+                    label: `${busiestHour.label}:00`,
+                    count: busiestHour.count
+                }
+                : null
         },
         sourceShare,
+        usedModels,
+        modelCoverage,
         topPaths,
+        recentSessions: sortedRecentSessions,
+        topSessionsByMessages: sortedTopSessionsByMessages,
+        hourActivity: hourCounts.map((item) => ({
+            ...item,
+            percent: maxHourCount > 0 ? Math.round((item.count / maxHourCount) * 100) : 0
+        })),
+        weekdayActivity: weekdayCounts.map((item) => ({
+            ...item,
+            percent: maxWeekdayCount > 0 ? Math.round((item.count / maxWeekdayCount) * 100) : 0
+        })),
         maxSessionBucket,
-        maxMessageBucket
+        maxMessageBucket,
+        maxHourCount,
+        maxWeekdayCount
     };
 }
 

package/web-ui/modules/api.mjs

@@ -16,6 +16,26 @@ function buildApiResponseContext(action, res, contentType) {
     return `${action} (${res.status} ${res.statusText}, content-type: ${contentType || 'unknown'})`;
 }
 
+function formatUnexpectedApiBodySnippet(body, contentType) {
+    const raw = typeof body === 'string' ? body.trim() : '';
+    if (!raw) {
+        return '';
+    }
+    const normalizedContentType = String(contentType || '').toLowerCase();
+    const looksLikeHtml = normalizedContentType.includes('text/html')
+        || /<!doctype\s+html|<html[\s>]|<head[\s>]|<body[\s>]/i.test(raw);
+    if (looksLikeHtml) {
+        return '';
+    }
+    const singleLine = raw.replace(/\s+/g, ' ').trim();
+    if (!singleLine) {
+        return '';
+    }
+    return singleLine.length > 200
+        ? `${singleLine.slice(0, 197)}...`
+        : singleLine;
+}
+
 function withPayloadTooLargeErrorCode(res, payload) {
     if (res.status !== 413 || (payload && typeof payload === 'object' && payload.errorCode)) {
         return payload;
@@ -29,7 +49,8 @@ export async function api(action, params = {}) {
     if (contentType && !contentType.includes('application/json')) {
         const body = await res.text();
         const errorDetails = buildApiResponseContext(action, res, contentType);
-        const bodyDetails = body ? `: ${body}` : '';
+        const bodySnippet = formatUnexpectedApiBodySnippet(body, contentType);
+        const bodyDetails = bodySnippet ? `: ${bodySnippet}` : '';
         throw new Error(`Unexpected non-JSON API response for ${errorDetails}${bodyDetails}`);
     }
     try {

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

@@ -9,6 +9,15 @@ export function createDashboardComputed() {
             const removed = Number(stats.removed || 0);
             return added > 0 || removed > 0;
         },
+        configTemplateDiffHasChanges() {
+            const stats = this.configTemplateDiffStats || {};
+            const added = Number(stats.added || 0);
+            const removed = Number(stats.removed || 0);
+            if (this.configTemplateDiffHasChangesValue !== undefined && this.configTemplateDiffHasChangesValue !== null) {
+                return !!this.configTemplateDiffHasChangesValue;
+            }
+            return added > 0 || removed > 0;
+        },
         claudeModelHasList() {
             return this.claudeModelOptions.length > 0;
         },
@@ -20,9 +29,6 @@ export function createDashboardComputed() {
             }
             return list;
         },
-        hasLocalAndProxy() {
-            return false;
-        },
         displayCurrentProvider() {
             const switching = String(this.providerSwitchDisplayTarget || '').trim();
             if (switching) return switching;
@@ -38,9 +44,13 @@ export function createDashboardComputed() {
             const action = this.normalizeInstallAction(this.installCommandAction);
             return targets.map((target) => {
                 const id = target && typeof target.id === 'string' ? target.id : '';
+                const termuxCommand = id === 'codex'
+                    ? this.getInstallCommand(id, action, 'termux')
+                    : '';
                 return {
                     ...target,
-                    command: this.getInstallCommand(id, action)
+                    command: this.getInstallCommand(id, action),
+                    termuxCommand
                 };
             });
         },
@@ -55,6 +65,9 @@ export function createDashboardComputed() {
             if (this.codexApplying || this.configTemplateApplying || this.openclawApplying) tasks.push('配置应用');
             if (this.agentsSaving) tasks.push('AGENTS 保存');
             if (this.skillsLoading || this.skillsDeleting || this.skillsScanningImports || this.skillsImporting || this.skillsZipImporting || this.skillsExporting) tasks.push('Skills 管理');
+            if (this.taskOrchestration && (this.taskOrchestration.loading || this.taskOrchestration.planning || this.taskOrchestration.running || this.taskOrchestration.queueAdding || this.taskOrchestration.queueStarting || this.taskOrchestration.retrying || this.taskOrchestration.selectedRunLoading)) {
+                tasks.push('任务编排');
+            }
             return tasks.length ? tasks.join(' / ') : '空闲';
         },
         inspectorMessageSummary() {
@@ -98,15 +111,15 @@ export function createDashboardComputed() {
             const platform = this.resolveInstallPlatform();
             if (platform === 'win32') {
                 return [
-                    'PowerShell 报权限不足（EACCES/EPERM）时，请以管理员身份执行安装命令。',
-                    '安装后若仍提示找不到命令，重开终端并执行：where codex / where claude。',
-                    '公司网络受限时，可先切换镜像源快捷项（npmmirror / 腾讯云 / 自定义）。'
+                    this.t('docs.tip.win.1'),
+                    this.t('docs.tip.win.2'),
+                    this.t('docs.tip.win.3')
                 ];
             }
             return [
-                '出现 EACCES 权限错误时，优先修复 Node 全局目录权限，不建议直接 sudo npm。',
-                '安装后若命令未生效，重开终端并执行：which codex / which claude。',
-                '公司网络受限时，可先切换镜像源快捷项（npmmirror / 腾讯云 / 自定义）。'
+                this.t('docs.tip.unix.1'),
+                this.t('docs.tip.unix.2'),
+                this.t('docs.tip.unix.3')
             ];
         }
     };

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

@@ -1,13 +1,17 @@
 import { createDashboardComputed } from './app.computed.dashboard.mjs';
+import { createMainTabsComputed } from './app.computed.main-tabs.mjs';
 import { createSessionComputed } from './app.computed.session.mjs';
 import { createConfigModeComputed } from './config-mode.computed.mjs';
 import { createSkillsComputed } from './skills.computed.mjs';
+import { createPluginsComputed } from './plugins.computed.mjs';
 
 export function createAppComputed() {
     return {
         ...createSessionComputed(),
         ...createDashboardComputed(),
+        ...createMainTabsComputed(),
         ...createSkillsComputed(),
+        ...createPluginsComputed(),
         ...createConfigModeComputed()
     };
 }