codexmate 0.0.20 → 0.0.21

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

@@ -1,141 +1,507 @@
-import {
-    buildSessionTimelineNodes,
-    buildUsageChartGroups,
-    isSessionQueryEnabled
-} from '../logic.mjs';
-import { SESSION_TRASH_PAGE_SIZE } from './app.constants.mjs';
-
-export function createSessionComputed() {
-    return {
-        isSessionQueryEnabled() {
-            return isSessionQueryEnabled(this.sessionFilterSource);
-        },
-        activeSessionExportKey() {
-            return this.activeSession ? this.getSessionExportKey(this.activeSession) : '';
-        },
-        sortedSessionsList() {
-            const list = Array.isArray(this.sessionsList) ? this.sessionsList : [];
-            if (list.length === 0) return [];
-            const pinnedMap = (this.sessionPinnedMap && typeof this.sessionPinnedMap === 'object')
-                ? this.sessionPinnedMap
-                : {};
-            let hasPinned = false;
-            const decorated = list.map((session, index) => {
-                const key = session ? this.getSessionExportKey(session) : '';
-                const rawPinnedAt = key ? pinnedMap[key] : 0;
-                const pinnedAt = Number.isFinite(Number(rawPinnedAt))
-                    ? Math.floor(Number(rawPinnedAt))
-                    : 0;
-                const isPinned = pinnedAt > 0;
-                if (isPinned) {
-                    hasPinned = true;
-                }
-                return { session, index, pinnedAt, isPinned };
-            });
-            if (!hasPinned) return list;
-            decorated.sort((a, b) => {
-                if (a.isPinned !== b.isPinned) return a.isPinned ? -1 : 1;
-                if (a.isPinned && a.pinnedAt !== b.pinnedAt) return b.pinnedAt - a.pinnedAt;
-                return a.index - b.index;
-            });
-            return decorated.map(item => item.session);
-        },
-        activeSessionVisibleMessages() {
-            if (this.mainTab !== 'sessions' || !this.sessionPreviewRenderEnabled) {
-                return [];
-            }
-            const list = Array.isArray(this.activeSessionMessages) ? this.activeSessionMessages : [];
-            const rawCount = Number(this.sessionPreviewVisibleCount);
-            const visibleCount = Number.isFinite(rawCount)
-                ? Math.max(0, Math.floor(rawCount))
-                : 0;
-            if (visibleCount <= 0) {
-                if (!list.length) return [];
-                return list.slice(0, Math.min(8, list.length));
-            }
-            if (visibleCount >= list.length) return list;
-            return list.slice(0, visibleCount);
-        },
-        canLoadMoreSessionMessages() {
-            if (this.mainTab !== 'sessions' || !this.sessionPreviewRenderEnabled) {
-                return false;
-            }
-            const total = Array.isArray(this.activeSessionMessages) ? this.activeSessionMessages.length : 0;
-            const visible = Array.isArray(this.activeSessionVisibleMessages) ? this.activeSessionVisibleMessages.length : 0;
-            return total > visible;
-        },
-        sessionPreviewRemainingCount() {
-            const total = Array.isArray(this.activeSessionMessages) ? this.activeSessionMessages.length : 0;
-            const visible = Array.isArray(this.activeSessionVisibleMessages) ? this.activeSessionVisibleMessages.length : 0;
-            return Math.max(0, total - visible);
-        },
-        sessionTimelineNodes() {
-            if (this.mainTab !== 'sessions' || !this.sessionPreviewRenderEnabled) {
-                return [];
-            }
-            return buildSessionTimelineNodes(this.activeSessionVisibleMessages, {
-                getKey: (message, index) => this.getRecordRenderKey(message, index)
-            });
-        },
-        sessionTimelineNodeKeyMap() {
-            const nodes = Array.isArray(this.sessionTimelineNodes) ? this.sessionTimelineNodes : [];
-            if (!nodes.length) {
-                return Object.create(null);
-            }
-            const map = Object.create(null);
-            for (const node of nodes) {
-                if (!node || !node.key) continue;
-                map[node.key] = true;
-            }
-            return map;
-        },
-        sessionTimelineActiveTitle() {
-            if (!this.sessionTimelineActiveKey) return '';
-            const nodes = Array.isArray(this.sessionTimelineNodes) ? this.sessionTimelineNodes : [];
-            const matched = nodes.find(node => node.key === this.sessionTimelineActiveKey);
-            return matched ? matched.title : '';
-        },
-        sessionQueryPlaceholder() {
-            if (this.isSessionQueryEnabled) {
-                return '关键词检索（支持 Codex/Claude，例：claude code）';
-            }
-            return '当前来源暂不支持关键词检索';
-        },
-        sessionUsageCharts() {
-            return buildUsageChartGroups(this.sessionsList, {
-                range: this.sessionsUsageTimeRange
-            });
-        },
-        sessionUsageSummaryCards() {
-            const summary = this.sessionUsageCharts && this.sessionUsageCharts.summary
-                ? this.sessionUsageCharts.summary
-                : { totalSessions: 0, totalMessages: 0, activeDays: 0 };
-            return [
-                { key: 'sessions', label: '总会话数', value: summary.totalSessions || 0 },
-                { key: 'messages', label: '总消息数', value: summary.totalMessages || 0 },
-                { key: 'days', label: '活跃天数', value: summary.activeDays || 0 }
-            ];
-        },
-        visibleSessionTrashItems() {
-            const items = Array.isArray(this.sessionTrashItems) ? this.sessionTrashItems : [];
-            const visibleCount = Number(this.sessionTrashVisibleCount);
-            const safeVisibleCount = Number.isFinite(visibleCount) && visibleCount > 0
-                ? Math.floor(visibleCount)
-                : SESSION_TRASH_PAGE_SIZE;
-            return items.slice(0, safeVisibleCount);
-        },
-        sessionTrashHasMoreItems() {
-            return this.visibleSessionTrashItems.length < this.sessionTrashCount;
-        },
-        sessionTrashHiddenCount() {
-            return Math.max(0, this.sessionTrashCount - this.visibleSessionTrashItems.length);
-        },
-        sessionTrashCount() {
-            const totalCount = Number(this.sessionTrashTotalCount);
-            if (Number.isFinite(totalCount) && totalCount >= 0) {
-                return Math.max(0, Math.floor(totalCount));
-            }
-            return Array.isArray(this.sessionTrashItems) ? this.sessionTrashItems.length : 0;
-        }
-    };
-}
+import {
+    buildSessionTimelineNodes,
+    buildUsageChartGroups,
+    isSessionQueryEnabled
+} from '../logic.mjs';
+import { SESSION_TRASH_PAGE_SIZE } from './app.constants.mjs';
+
+function formatUsageSummaryNumber(value) {
+    const numeric = Number(value);
+    if (!Number.isFinite(numeric) || numeric < 0) {
+        return '0';
+    }
+    return Math.floor(numeric).toLocaleString('en-US');
+}
+
+function formatCompactUsageSummaryNumber(value) {
+    const numeric = Number(value);
+    if (!Number.isFinite(numeric) || numeric < 0) {
+        return '0';
+    }
+    return new Intl.NumberFormat('en-US', {
+        notation: 'compact',
+        compactDisplay: 'short',
+        maximumFractionDigits: 1
+    }).format(Math.floor(numeric));
+}
+
+function readUsageCostNumber(value) {
+    const numeric = Number(value);
+    if (!Number.isFinite(numeric) || numeric < 0) {
+        return null;
+    }
+    return numeric;
+}
+
+function formatUsageEstimatedCost(value, options = {}) {
+    const numeric = Number(value);
+    if (!Number.isFinite(numeric) || numeric <= 0) {
+        return '$0.00';
+    }
+    const precise = options && options.precise === true;
+    if (numeric < 0.0001) {
+        return '<$0.0001';
+    }
+    let fractionDigits = 2;
+    if (numeric < 1) {
+        fractionDigits = precise ? 6 : 4;
+    } else if (numeric >= 100) {
+        fractionDigits = 0;
+    }
+    return new Intl.NumberFormat('en-US', {
+        style: 'currency',
+        currency: 'USD',
+        minimumFractionDigits: fractionDigits,
+        maximumFractionDigits: fractionDigits
+    }).format(numeric);
+}
+
+function formatUsageRangeLabel(range) {
+    const normalized = typeof range === 'string' ? range.trim().toLowerCase() : '7d';
+    if (normalized === '30d') return '近 30 天';
+    if (normalized === 'all') return '全部';
+    return '近 7 天';
+}
+
+function formatUsageDuration(value, options = {}) {
+    const numeric = Number(value);
+    if (!Number.isFinite(numeric) || numeric <= 0) {
+        return '0分';
+    }
+    const totalMinutes = Math.floor(numeric / 60000);
+    if (totalMinutes <= 0) {
+        return '<1分';
+    }
+    const maxParts = Number.isFinite(Number(options.maxParts))
+        ? Math.max(1, Math.floor(Number(options.maxParts)))
+        : 2;
+    const compact = options.compact !== false;
+    const units = compact
+        ? [
+            { label: '天', value: 24 * 60 },
+            { label: '时', value: 60 },
+            { label: '分', value: 1 }
+        ]
+        : [
+            { label: '天', value: 24 * 60 },
+            { label: '小时', value: 60 },
+            { label: '分', value: 1 }
+        ];
+    let remainingMinutes = totalMinutes;
+    const parts = [];
+    for (const unit of units) {
+        if (remainingMinutes < unit.value && unit.value !== 1) {
+            continue;
+        }
+        const count = unit.value === 1 ? remainingMinutes : Math.floor(remainingMinutes / unit.value);
+        if (count <= 0) {
+            continue;
+        }
+        parts.push(`${count}${unit.label}`);
+        remainingMinutes -= count * unit.value;
+        if (parts.length >= maxParts) {
+            break;
+        }
+    }
+    return parts.length ? parts.join(compact ? '' : ' ') : '0分';
+}
+
+const KNOWN_USAGE_MODEL_PRICING = Object.freeze({
+    'gpt-5.4': Object.freeze({ input: 2.5, output: 15, cacheRead: 0.25, cacheWrite: 0 }),
+    'gpt-5.4-mini': Object.freeze({ input: 0.75, output: 4.5, cacheRead: 0.075, cacheWrite: 0 }),
+    'gpt-5.3-codex': Object.freeze({ input: 1.75, output: 14, cacheRead: 0.175, cacheWrite: 0 }),
+    'gpt-5.2-codex': Object.freeze({ input: 1.75, output: 14, cacheRead: 0.175, cacheWrite: 0 })
+});
+
+function createUsagePricingEntry(pricing, source) {
+    const resolvedSource = typeof source === 'string' && source.trim() ? source.trim() : 'provider-config';
+    return {
+        input: readUsageCostNumber(pricing && pricing.input),
+        output: readUsageCostNumber(pricing && pricing.output),
+        reasoningOutput: readUsageCostNumber(pricing && (pricing.reasoningOutput ?? pricing.reasoning)),
+        cacheRead: readUsageCostNumber(pricing && pricing.cacheRead),
+        cacheWrite: readUsageCostNumber(pricing && pricing.cacheWrite),
+        source: resolvedSource
+    };
+}
+
+function buildUsagePricingIndex(providersList = []) {
+    const byProvider = new Map();
+    const byModel = new Map();
+    const knownByModel = new Map();
+    const list = Array.isArray(providersList) ? providersList : [];
+    for (const provider of list) {
+        if (!provider || typeof provider !== 'object') continue;
+        const providerName = typeof provider.name === 'string' ? provider.name.trim() : '';
+        const models = Array.isArray(provider.models) ? provider.models : [];
+        const providerMap = new Map();
+        for (const model of models) {
+            if (!model || typeof model !== 'object') continue;
+            const modelId = typeof model.id === 'string' ? model.id.trim() : '';
+            if (!modelId) continue;
+            const pricing = createUsagePricingEntry(
+                model.cost && typeof model.cost === 'object' && !Array.isArray(model.cost)
+                    ? model.cost
+                    : null,
+                'provider-config'
+            );
+            const hasKnownRate = [pricing.input, pricing.output, pricing.reasoningOutput, pricing.cacheRead, pricing.cacheWrite]
+                .some((value) => value !== null);
+            if (!hasKnownRate) continue;
+            providerMap.set(modelId, pricing);
+            const modelMatches = byModel.get(modelId) || [];
+            modelMatches.push({ provider: providerName, pricing });
+            byModel.set(modelId, modelMatches);
+        }
+        if (providerName && providerMap.size) {
+            byProvider.set(providerName, providerMap);
+        }
+    }
+    for (const [modelId, pricing] of Object.entries(KNOWN_USAGE_MODEL_PRICING)) {
+        const normalizedModelId = typeof modelId === 'string' ? modelId.trim() : '';
+        if (!normalizedModelId || byModel.has(normalizedModelId)) {
+            continue;
+        }
+        knownByModel.set(normalizedModelId, createUsagePricingEntry(pricing, 'public-catalog'));
+    }
+    return { byProvider, byModel, knownByModel };
+}
+
+function resolveUsagePricingForSession(session, pricingIndex, fallbackProvider = '') {
+    if (!session || typeof session !== 'object' || !pricingIndex || typeof pricingIndex !== 'object') {
+        return null;
+    }
+    const model = typeof session.model === 'string' ? session.model.trim() : '';
+    if (!model) return null;
+    const provider = typeof session.provider === 'string' ? session.provider.trim() : '';
+    const effectiveProvider = provider || fallbackProvider;
+    if (effectiveProvider) {
+        const providerMap = pricingIndex.byProvider instanceof Map ? pricingIndex.byProvider.get(effectiveProvider) : null;
+        if (providerMap instanceof Map && providerMap.has(model)) {
+            return providerMap.get(model);
+        }
+    }
+    const modelMatches = pricingIndex.byModel instanceof Map ? pricingIndex.byModel.get(model) : null;
+    if (Array.isArray(modelMatches) && modelMatches.length === 1) {
+        return modelMatches[0].pricing;
+    }
+    const knownPricing = pricingIndex.knownByModel instanceof Map ? pricingIndex.knownByModel.get(model) : null;
+    if (knownPricing) {
+        return knownPricing;
+    }
+    return null;
+}
+
+function shouldEstimateUsageCostForSession(session) {
+    if (!session || typeof session !== 'object') {
+        return false;
+    }
+    const source = typeof session.source === 'string' ? session.source.trim().toLowerCase() : '';
+    const provider = typeof session.provider === 'string' ? session.provider.trim().toLowerCase() : '';
+    const model = typeof session.model === 'string' ? session.model.trim().toLowerCase() : '';
+    if (source === 'claude' || provider === 'claude') {
+        return false;
+    }
+    if (/^claude(?:[-_]|$)/.test(model)) {
+        return false;
+    }
+    return true;
+}
+
+function estimateUsageCostSummary(sessions, providersList, currentProvider) {
+    const list = Array.isArray(sessions) ? sessions : [];
+    const pricingIndex = buildUsagePricingIndex(providersList);
+    let totalCostUsd = 0;
+    let estimatedSessions = 0;
+    let totalTokens = 0;
+    let estimatedTokens = 0;
+    let configuredSessions = 0;
+    let catalogSessions = 0;
+    let missingPricingSessions = 0;
+    let missingTokenSessions = 0;
+    let supportedSessions = 0;
+    let skippedUnsupportedSessions = 0;
+
+    for (const session of list) {
+        if (!session || typeof session !== 'object') continue;
+        if (!shouldEstimateUsageCostForSession(session)) {
+            skippedUnsupportedSessions += 1;
+            continue;
+        }
+        supportedSessions += 1;
+        const inputTokens = Number.isFinite(Number(session.inputTokens)) ? Math.max(0, Math.floor(Number(session.inputTokens))) : null;
+        const cachedInputTokens = Number.isFinite(Number(session.cachedInputTokens)) ? Math.max(0, Math.floor(Number(session.cachedInputTokens))) : 0;
+        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;
+        const billableInputTokens = Math.max(0, (inputTokens || 0) - cachedInputTokens);
+        const fallbackSessionTokens = billableInputTokens + cachedInputTokens + (outputTokens || 0) + reasoningOutputTokens;
+        const totalSessionTokens = Number.isFinite(Number(session.totalTokens))
+            ? Math.max(0, Math.floor(Number(session.totalTokens)))
+            : fallbackSessionTokens;
+        totalTokens += totalSessionTokens;
+        const pricing = resolveUsagePricingForSession(session, pricingIndex, currentProvider);
+        if (!pricing) {
+            missingPricingSessions += 1;
+            continue;
+        }
+        if (inputTokens === null && outputTokens === null && reasoningOutputTokens === 0) {
+            missingTokenSessions += 1;
+            continue;
+        }
+        const estimatedUsd = (
+            ((pricing.input || 0) * billableInputTokens)
+            + ((pricing.cacheRead || 0) * cachedInputTokens)
+            + (((pricing.reasoningOutput ?? pricing.output) || 0) * reasoningOutputTokens)
+            + ((pricing.output || 0) * (outputTokens || 0))
+        ) / 1000000;
+        totalCostUsd += estimatedUsd;
+        estimatedSessions += 1;
+        estimatedTokens += totalSessionTokens;
+        if (pricing.source === 'public-catalog') {
+            catalogSessions += 1;
+        } else {
+            configuredSessions += 1;
+        }
+    }
+
+    const coveragePercent = totalTokens > 0
+        ? Math.round((estimatedTokens / totalTokens) * 100)
+        : (estimatedSessions > 0 ? 100 : 0);
+    return {
+        totalCostUsd,
+        estimatedSessions,
+        totalSessions: supportedSessions,
+        estimatedTokens,
+        totalTokens,
+        coveragePercent,
+        hasEstimate: estimatedSessions > 0,
+        configuredSessions,
+        catalogSessions,
+        missingPricingSessions,
+        missingTokenSessions,
+        skippedUnsupportedSessions
+    };
+}
+
+export function createSessionComputed() {
+    return {
+        isSessionQueryEnabled() {
+            return isSessionQueryEnabled(this.sessionFilterSource);
+        },
+        activeSessionExportKey() {
+            return this.activeSession ? this.getSessionExportKey(this.activeSession) : '';
+        },
+        sortedSessionsList() {
+            const list = Array.isArray(this.sessionsList) ? this.sessionsList : [];
+            if (list.length === 0) return [];
+            const pinnedMap = (this.sessionPinnedMap && typeof this.sessionPinnedMap === 'object')
+                ? this.sessionPinnedMap
+                : {};
+            if (Object.keys(pinnedMap).length === 0) {
+                return list;
+            }
+            let hasPinned = false;
+            const decorated = list.map((session, index) => {
+                const key = session ? this.getSessionExportKey(session) : '';
+                const rawPinnedAt = key ? pinnedMap[key] : 0;
+                const pinnedAt = Number.isFinite(Number(rawPinnedAt))
+                    ? Math.floor(Number(rawPinnedAt))
+                    : 0;
+                const isPinned = pinnedAt > 0;
+                if (isPinned) {
+                    hasPinned = true;
+                }
+                return { session, index, pinnedAt, isPinned };
+            });
+            if (!hasPinned) return list;
+            decorated.sort((a, b) => {
+                if (a.isPinned !== b.isPinned) return a.isPinned ? -1 : 1;
+                if (a.isPinned && a.pinnedAt !== b.pinnedAt) return b.pinnedAt - a.pinnedAt;
+                return a.index - b.index;
+            });
+            return decorated.map(item => item.session);
+        },
+        visibleSessionsList() {
+            if (!this.sessionListRenderEnabled) {
+                return [];
+            }
+            const list = Array.isArray(this.sortedSessionsList) ? this.sortedSessionsList : [];
+            if (list.length === 0) {
+                return [];
+            }
+            const rawVisibleCount = Number(this.sessionListVisibleCount);
+            const visibleCount = Number.isFinite(rawVisibleCount)
+                ? Math.max(0, Math.floor(rawVisibleCount))
+                : 0;
+            let targetCount = visibleCount > 0 ? Math.min(visibleCount, list.length) : Math.min(list.length, 1);
+            const activeKey = this.activeSession ? this.getSessionExportKey(this.activeSession) : '';
+            if (activeKey) {
+                const activeIndex = list.findIndex((session) => this.getSessionExportKey(session) === activeKey);
+                if (activeIndex >= 0) {
+                    targetCount = Math.max(targetCount, activeIndex + 1);
+                }
+            }
+            if (targetCount >= list.length) {
+                return list;
+            }
+            return list.slice(0, targetCount);
+        },
+        activeSessionVisibleMessages() {
+            if (this.mainTab !== 'sessions' || !this.sessionPreviewRenderEnabled) {
+                return [];
+            }
+            const list = Array.isArray(this.activeSessionMessages) ? this.activeSessionMessages : [];
+            const rawCount = Number(this.sessionPreviewVisibleCount);
+            const visibleCount = Number.isFinite(rawCount)
+                ? Math.max(0, Math.floor(rawCount))
+                : 0;
+            if (visibleCount <= 0) {
+                const initialBatchSize = Number.isFinite(this.sessionPreviewInitialBatchSize)
+                    ? Math.max(1, Math.floor(this.sessionPreviewInitialBatchSize))
+                    : 12;
+                return list.slice(0, Math.min(initialBatchSize, list.length));
+            }
+            if (visibleCount >= list.length) return list;
+            return list.slice(0, visibleCount);
+        },
+        canLoadMoreSessionMessages() {
+            if (this.mainTab !== 'sessions' || !this.sessionPreviewRenderEnabled) {
+                return false;
+            }
+            const total = Array.isArray(this.activeSessionMessages) ? this.activeSessionMessages.length : 0;
+            const visible = Array.isArray(this.activeSessionVisibleMessages) ? this.activeSessionVisibleMessages.length : 0;
+            return total > visible;
+        },
+        sessionPreviewRemainingCount() {
+            const total = Array.isArray(this.activeSessionMessages) ? this.activeSessionMessages.length : 0;
+            const visible = Array.isArray(this.activeSessionVisibleMessages) ? this.activeSessionVisibleMessages.length : 0;
+            return Math.max(0, total - visible);
+        },
+        sessionTimelineNodes() {
+            if (this.mainTab !== 'sessions' || !this.sessionPreviewRenderEnabled) {
+                return [];
+            }
+            return buildSessionTimelineNodes(this.activeSessionVisibleMessages, {
+                getKey: (message, index) => this.getRecordRenderKey(message, index)
+            });
+        },
+        sessionTimelineNodeKeyMap() {
+            const nodes = Array.isArray(this.sessionTimelineNodes) ? this.sessionTimelineNodes : [];
+            if (!nodes.length) {
+                return Object.create(null);
+            }
+            const map = Object.create(null);
+            for (const node of nodes) {
+                if (!node || !node.key) continue;
+                map[node.key] = true;
+            }
+            return map;
+        },
+        sessionTimelineActiveTitle() {
+            if (!this.sessionTimelineActiveKey) return '';
+            const nodes = Array.isArray(this.sessionTimelineNodes) ? this.sessionTimelineNodes : [];
+            const matched = nodes.find(node => node.key === this.sessionTimelineActiveKey);
+            return matched ? matched.title : '';
+        },
+        sessionQueryPlaceholder() {
+            if (this.isSessionQueryEnabled) {
+                return '关键词检索（支持 Codex/Claude，例：claude code）';
+            }
+            return '当前来源暂不支持关键词检索';
+        },
+        sessionUsageCharts() {
+            return buildUsageChartGroups(this.sessionsUsageList, {
+                range: this.sessionsUsageTimeRange
+            });
+        },
+        sessionUsageSummaryCards() {
+            const summary = this.sessionUsageCharts && this.sessionUsageCharts.summary
+                ? this.sessionUsageCharts.summary
+                : { totalSessions: 0, totalMessages: 0, totalTokens: 0, totalContextWindow: 0, activeDurationMs: 0, totalDurationMs: 0, activeDays: 0, avgMessagesPerSession: 0, busiestDay: null, busiestHour: null };
+            const filteredUsageSessions = this.sessionUsageCharts && Array.isArray(this.sessionUsageCharts.filteredSessions)
+                ? this.sessionUsageCharts.filteredSessions
+                : this.sessionsUsageList;
+            const usageRangeLabel = formatUsageRangeLabel(this.sessionsUsageTimeRange);
+            const estimatedCost = estimateUsageCostSummary(
+                filteredUsageSessions,
+                this.providersList,
+                this.currentProvider
+            );
+            return [
+                { key: 'sessions', label: '总会话数', value: formatUsageSummaryNumber(summary.totalSessions || 0) },
+                { key: 'messages', label: '总消息数', value: formatUsageSummaryNumber(summary.totalMessages || 0) },
+                {
+                    key: 'tokens',
+                    label: '总 token 数',
+                    value: formatCompactUsageSummaryNumber(summary.totalTokens || 0),
+                    title: formatUsageSummaryNumber(summary.totalTokens || 0)
+                },
+                {
+                    key: 'context-window',
+                    label: '总上下文数',
+                    value: formatCompactUsageSummaryNumber(summary.totalContextWindow || 0),
+                    title: formatUsageSummaryNumber(summary.totalContextWindow || 0)
+                },
+                {
+                    key: 'estimated-cost',
+                    label: `预估费用 · ${usageRangeLabel}`,
+                    value: estimatedCost.hasEstimate ? formatUsageEstimatedCost(estimatedCost.totalCostUsd) : '暂无',
+                    title: estimatedCost.hasEstimate
+                        ? `${estimatedCost.skippedUnsupportedSessions > 0 ? '暂不含 Claude，' : ''}${estimatedCost.catalogSessions > 0
+                            ? (estimatedCost.configuredSessions > 0 ? '按已配置单价 + 公开模型目录估算' : '按公开模型目录估算')
+                            : '按已配置单价估算'}，估算 ${formatUsageEstimatedCost(estimatedCost.totalCostUsd, { precise: true })}，覆盖 ${estimatedCost.estimatedSessions}/${estimatedCost.totalSessions} 个会话，约 ${estimatedCost.coveragePercent}% token`
+                        : `${estimatedCost.skippedUnsupportedSessions > 0 ? '暂不统计 Claude 费用。' : ''}缺少可匹配的模型单价或 token 拆分。请先补 models.cost，或确认会话已记录 input/output token。`
+                },
+                {
+                    key: 'active-duration',
+                    label: '活跃时长',
+                    value: formatUsageDuration(summary.activeDurationMs || 0, { compact: true }),
+                    title: `累计会话跨度 ${formatUsageDuration(summary.activeDurationMs || 0, { maxParts: 3, compact: false })}`
+                },
+                {
+                    key: 'total-duration',
+                    label: '总时长',
+                    value: formatUsageDuration(summary.totalDurationMs || 0, { compact: true }),
+                    title: `整体时间跨度 ${formatUsageDuration(summary.totalDurationMs || 0, { maxParts: 3, compact: false })}`
+                },
+                { key: 'days', label: '活跃天数', value: formatUsageSummaryNumber(summary.activeDays || 0) },
+                { key: 'avg-messages', label: '平均每会话消息', value: summary.avgMessagesPerSession || 0 },
+                {
+                    key: 'busiest-day',
+                    label: '最忙日',
+                    value: summary.busiestDay && summary.busiestDay.totalSessions > 0
+                        ? `${summary.busiestDay.label} · ${summary.busiestDay.totalSessions}`
+                        : '暂无'
+                },
+                {
+                    key: 'busiest-hour',
+                    label: '高峰时段',
+                    value: summary.busiestHour && summary.busiestHour.count > 0
+                        ? `${summary.busiestHour.label} · ${summary.busiestHour.count}`
+                        : '暂无'
+                }
+            ];
+        },
+        visibleSessionTrashItems() {
+            const items = Array.isArray(this.sessionTrashItems) ? this.sessionTrashItems : [];
+            const visibleCount = Number(this.sessionTrashVisibleCount);
+            const safeVisibleCount = Number.isFinite(visibleCount) && visibleCount > 0
+                ? Math.floor(visibleCount)
+                : SESSION_TRASH_PAGE_SIZE;
+            return items.slice(0, safeVisibleCount);
+        },
+        sessionTrashHasMoreItems() {
+            return this.visibleSessionTrashItems.length < this.sessionTrashCount;
+        },
+        sessionTrashHiddenCount() {
+            return Math.max(0, this.sessionTrashCount - this.visibleSessionTrashItems.length);
+        },
+        sessionTrashCount() {
+            const totalCount = Number(this.sessionTrashTotalCount);
+            if (Number.isFinite(totalCount) && totalCount >= 0) {
+                return Math.max(0, Math.floor(totalCount));
+            }
+            return Array.isArray(this.sessionTrashItems) ? this.sessionTrashItems.length : 0;
+        }
+    };
+}