codebuddy-stats 1.2.12 → 1.3.1

package/dist/views/monthly-detail.js

@@ -0,0 +1,97 @@
+import { resolveProjectName } from '../lib/workspace-resolver.js';
+import { formatCost, formatNumber, formatPercent, formatTokens, truncate } from '../lib/utils.js';
+export function renderMonthlyDetail(box, data, month, scrollOffset = 0, width, pageSize) {
+    const aggByProject = {};
+    let totalCost = 0;
+    let totalTokens = 0;
+    let totalRequests = 0;
+    let cacheHitTokens = 0;
+    let cacheMissTokens = 0;
+    for (const [date, dayData] of Object.entries(data.dailyData)) {
+        if (!date.startsWith(month))
+            continue;
+        for (const [projectName, models] of Object.entries(dayData ?? {})) {
+            aggByProject[projectName] ??= {
+                name: projectName,
+                shortName: resolveProjectName(projectName, data.workspaceMappings),
+                cost: 0,
+                tokens: 0,
+                requests: 0,
+                modelCost: {},
+            };
+            const p = aggByProject[projectName];
+            for (const [modelId, stats] of Object.entries(models ?? {})) {
+                const s = stats;
+                const cost = Number(s.cost ?? 0);
+                const tokens = Number(s.totalTokens ?? 0);
+                const requests = Number(s.requests ?? 0);
+                const cacheHit = Number(s.cacheHitTokens ?? 0);
+                const cacheMiss = Number(s.cacheMissTokens ?? 0);
+                p.cost += cost;
+                p.tokens += tokens;
+                p.requests += requests;
+                p.modelCost[modelId] = (p.modelCost[modelId] ?? 0) + cost;
+                totalCost += cost;
+                totalTokens += tokens;
+                totalRequests += requests;
+                cacheHitTokens += cacheHit;
+                cacheMissTokens += cacheMiss;
+            }
+        }
+    }
+    const projects = Object.values(aggByProject)
+        .map(p => {
+        let topModelId = '-';
+        let topModelCost = 0;
+        for (const [modelId, c] of Object.entries(p.modelCost)) {
+            if (c > topModelCost) {
+                topModelCost = c;
+                topModelId = modelId;
+            }
+        }
+        return { ...p, topModelId };
+    })
+        .sort((a, b) => b.cost - a.cost);
+    if (!projects.length) {
+        box.setContent(`{bold}${month}{/bold}\n\nNo data available for this month.`);
+        return;
+    }
+    const cacheHitRate = cacheHitTokens + cacheMissTokens > 0 ? cacheHitTokens / (cacheHitTokens + cacheMissTokens) : 0;
+    // 根据宽度计算列宽
+    const availableWidth = width - 6; // padding
+    const costCol = 12;
+    const tokensCol = 10;
+    const modelCol = 22;
+    const fixedCols = costCol + tokensCol + modelCol;
+    const projectCol = Math.max(25, availableWidth - fixedCols);
+    const totalWidth = projectCol + fixedCols;
+    let content = `{bold}${month} - Project Usage Details{/bold}\n\n`;
+    content +=
+        `{green-fg}Total cost:{/green-fg} ${formatCost(totalCost)}   {green-fg}Tokens:{/green-fg} ${formatTokens(totalTokens)}   {green-fg}Requests:{/green-fg} ${formatNumber(totalRequests)}\n`;
+    content += `{green-fg}Cache hit rate:{/green-fg} ${formatPercent(cacheHitRate)}\n\n`;
+    content +=
+        '{underline}' +
+            'Project'.padEnd(projectCol) +
+            '~Cost'.padStart(costCol) +
+            'Tokens'.padStart(tokensCol) +
+            'Top Model'.padStart(modelCol) +
+            '{/underline}\n';
+    const safePageSize = Math.max(1, Math.floor(pageSize || 1));
+    const visibleProjects = projects.slice(scrollOffset, scrollOffset + safePageSize);
+    for (const p of visibleProjects) {
+        content +=
+            truncate(p.shortName, projectCol - 1).padEnd(projectCol) +
+                formatCost(p.cost).padStart(costCol) +
+                formatTokens(p.tokens).padStart(tokensCol) +
+                truncate(p.topModelId, modelCol - 1).padStart(modelCol) +
+                '\n';
+    }
+    if (projects.length > safePageSize) {
+        content += `\n{gray-fg}Showing ${scrollOffset + 1}-${Math.min(scrollOffset + safePageSize, projects.length)} of ${projects.length} projects (↑↓ scroll, Esc back){/gray-fg}`;
+    }
+    else {
+        content += `\n{gray-fg}(↑↓ scroll, Esc back){/gray-fg}`;
+    }
+    content += `\n{gray-fg}${'─'.repeat(Math.min(totalWidth, Math.max(10, availableWidth)))}{/gray-fg}`;
+    box.setContent(content);
+}

package/dist/views/monthly.js

@@ -0,0 +1,101 @@
+import { resolveProjectName } from '../lib/workspace-resolver.js';
+import { formatCost, formatNumber, formatTokens, truncate } from '../lib/utils.js';
+export function renderMonthly(box, data, scrollOffset = 0, selectedIndex = 0, width, note, pageSize) {
+    const aggByMonth = {};
+    for (const [date, dayData] of Object.entries(data.dailyData)) {
+        const month = date.slice(0, 7);
+        if (!month)
+            continue;
+        aggByMonth[month] ??= {
+            cost: 0,
+            tokens: 0,
+            requests: 0,
+            cacheHitTokens: 0,
+            cacheMissTokens: 0,
+            modelCost: {},
+            projectCost: {},
+        };
+        const monthAgg = aggByMonth[month];
+        for (const [projectName, models] of Object.entries(dayData ?? {})) {
+            for (const [modelId, stats] of Object.entries(models ?? {})) {
+                const s = stats;
+                const cost = Number(s.cost ?? 0);
+                const tokens = Number(s.totalTokens ?? 0);
+                const requests = Number(s.requests ?? 0);
+                const cacheHit = Number(s.cacheHitTokens ?? 0);
+                const cacheMiss = Number(s.cacheMissTokens ?? 0);
+                monthAgg.cost += cost;
+                monthAgg.tokens += tokens;
+                monthAgg.requests += requests;
+                monthAgg.cacheHitTokens += cacheHit;
+                monthAgg.cacheMissTokens += cacheMiss;
+                monthAgg.modelCost[modelId] = (monthAgg.modelCost[modelId] ?? 0) + cost;
+                monthAgg.projectCost[projectName] = (monthAgg.projectCost[projectName] ?? 0) + cost;
+            }
+        }
+    }
+    const sortedMonths = Object.keys(aggByMonth).sort().reverse();
+    // 根据宽度计算列宽
+    const availableWidth = width - 6; // padding
+    const monthCol = 9;
+    const costCol = 12;
+    const tokensCol = 10;
+    const reqCol = 10;
+    const fixedCols = monthCol + costCol + tokensCol + reqCol;
+    const remainingWidth = availableWidth - fixedCols;
+    const modelCol = Math.max(15, Math.min(25, Math.floor(remainingWidth * 0.4)));
+    const projectCol = Math.max(20, remainingWidth - modelCol);
+    let content = '{bold}Monthly Cost Details{/bold}\n\n';
+    content +=
+        '{underline}' +
+            'Month'.padEnd(monthCol) +
+            '~Cost'.padStart(costCol) +
+            'Tokens'.padStart(tokensCol) +
+            'Requests'.padStart(reqCol) +
+            'Top Model'.padStart(modelCol) +
+            'Top Project'.padStart(projectCol) +
+            '{/underline}\n';
+    const safePageSize = Math.max(1, Math.floor(pageSize || 1));
+    const visibleMonths = sortedMonths.slice(scrollOffset, scrollOffset + safePageSize);
+    for (let i = 0; i < visibleMonths.length; i++) {
+        const month = visibleMonths[i];
+        const m = aggByMonth[month];
+        if (!m)
+            continue;
+        // top model / project by cost
+        let topModel = { id: '-', cost: 0 };
+        let topProject = { name: '-', cost: 0 };
+        for (const [modelId, c] of Object.entries(m.modelCost)) {
+            if (c > topModel.cost)
+                topModel = { id: modelId, cost: c };
+        }
+        for (const [projectName, c] of Object.entries(m.projectCost)) {
+            if (c > topProject.cost)
+                topProject = { name: projectName, cost: c };
+        }
+        const shortProject = resolveProjectName(topProject.name, data.workspaceMappings);
+        const isSelected = scrollOffset + i === selectedIndex;
+        const rowContent = month.padEnd(monthCol) +
+            formatCost(m.cost).padStart(costCol) +
+            formatTokens(m.tokens).padStart(tokensCol) +
+            formatNumber(m.requests).padStart(reqCol) +
+            truncate(topModel.id, modelCol - 1).padStart(modelCol) +
+            truncate(shortProject, projectCol - 1).padStart(projectCol);
+        if (isSelected) {
+            content += `{black-fg}{green-bg}${rowContent}{/green-bg}{/black-fg}\n`;
+        }
+        else {
+            content += rowContent + '\n';
+        }
+    }
+    if (sortedMonths.length > safePageSize) {
+        content += `\n{gray-fg}Showing ${scrollOffset + 1}-${Math.min(scrollOffset + safePageSize, sortedMonths.length)} of ${sortedMonths.length} months (↑↓ select, Enter detail){/gray-fg}`;
+    }
+    else {
+        content += `\n{gray-fg}(↑↓ select, Enter detail){/gray-fg}`;
+    }
+    if (note) {
+        content += `\n\n{gray-fg}备注：${note}{/gray-fg}\n`;
+    }
+    box.setContent(content);
+}

package/dist/views/overview.js

@@ -0,0 +1,216 @@
+import { resolveProjectName } from '../lib/workspace-resolver.js';
+import { formatCost, formatNumber, formatPercent, formatTokens, truncate } from '../lib/utils.js';
+function getHeatChar(cost, maxCost) {
+    if (cost === 0)
+        return '·';
+    const ratio = cost / maxCost;
+    if (ratio < 0.25)
+        return '░';
+    if (ratio < 0.5)
+        return '▒';
+    if (ratio < 0.75)
+        return '▓';
+    return '█';
+}
+export function renderOverview(box, data, width, height, note) {
+    const { dailySummary, grandTotal, topModel, topProject, cacheHitRate, activeDays } = data;
+    const monthNames = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
+    const dayLabels = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'];
+    const stripTags = (s) => s.replace(/\{[^}]+\}/g, '');
+    const visibleLen = (s) => stripTags(s).length;
+    const padEndVisible = (s, target) => {
+        const pad = Math.max(0, target - visibleLen(s));
+        return s + ' '.repeat(pad);
+    };
+    const wrapGrayNoteLines = (text, maxWidth) => {
+        const prefix = '{gray-fg}';
+        const suffix = '{/gray-fg}';
+        const full = `备注：${text}`;
+        const w = Math.max(10, Math.floor(maxWidth || 10));
+        const lines = [];
+        let i = 0;
+        while (i < full.length) {
+            const chunk = full.slice(i, i + w);
+            lines.push(prefix + chunk + suffix);
+            i += w;
+        }
+        return lines;
+    };
+    const buildHeatmapLines = (heatWidth) => {
+        const safeWidth = Math.max(30, Math.floor(heatWidth || 30));
+        // 根据宽度计算热力图周数
+        const availableWidth = safeWidth - 10;
+        const maxWeeks = Math.min(Math.floor(availableWidth / 2), 26); // 最多 26 周 (半年)
+        // 生成正确的日期网格 - 从今天往前推算
+        const today = new Date();
+        const todayStr = today.toISOString().split('T')[0];
+        // 找到最近的周六作为结束点（或今天）
+        const endDate = new Date(today);
+        // 往前推 maxWeeks 周
+        const startDate = new Date(endDate);
+        startDate.setDate(startDate.getDate() - maxWeeks * 7 + 1);
+        // 调整到周一开始（getDay(): 0=Sun, 1=Mon, ..., 6=Sat）
+        const dayOfWeekStart = startDate.getDay();
+        const offsetToMonday = dayOfWeekStart === 0 ? -6 : 1 - dayOfWeekStart;
+        startDate.setDate(startDate.getDate() + offsetToMonday);
+        // 构建周数组，每周从周一到周日
+        const weeks = [];
+        const currentDate = new Date(startDate);
+        while (currentDate <= endDate) {
+            const week = [];
+            for (let d = 0; d < 7; d++) {
+                const dateStr = currentDate.toISOString().split('T')[0];
+                week.push(dateStr);
+                currentDate.setDate(currentDate.getDate() + 1);
+            }
+            weeks.push(week);
+        }
+        // 以“当前热力图窗口”的最大值做归一化（避免历史极值导致近期全是浅色）
+        const visibleCosts = [];
+        for (const week of weeks) {
+            for (const date of week) {
+                if (!date || date > todayStr)
+                    continue;
+                visibleCosts.push(dailySummary[date]?.cost ?? 0);
+            }
+        }
+        const maxCost = Math.max(...visibleCosts, 0) || 1;
+        // 月份标尺（在列上方标注月份变化）
+        const colWidth = 2; // 每周一列：字符 + 空格
+        const heatStartCol = 4; // 左侧周几标签宽度
+        const headerLen = heatStartCol + weeks.length * colWidth;
+        const monthHeader = Array.from({ length: headerLen }, () => ' ');
+        let lastMonth = -1;
+        let lastPlacedAt = -999;
+        for (let i = 0; i < weeks.length; i++) {
+            const week = weeks[i];
+            const repDate = week.find(d => d && d <= todayStr) ?? week[0];
+            if (!repDate)
+                continue;
+            const m = new Date(repDate).getMonth();
+            if (m !== lastMonth) {
+                const label = monthNames[m];
+                const pos = heatStartCol + i * colWidth;
+                // 避免月份标签过于拥挤/相互覆盖
+                if (pos - lastPlacedAt >= 4 && pos + label.length <= monthHeader.length) {
+                    for (let k = 0; k < label.length; k++)
+                        monthHeader[pos + k] = label[k];
+                    lastPlacedAt = pos;
+                }
+                lastMonth = m;
+            }
+        }
+        const lines = [];
+        lines.push('{bold}Cost Heatmap{/bold}');
+        lines.push('');
+        lines.push(`{gray-fg}${monthHeader.join('').trimEnd()}{/gray-fg}`);
+        for (let dayOfWeek = 0; dayOfWeek < 7; dayOfWeek++) {
+            let row = dayLabels[dayOfWeek].padEnd(4);
+            for (const week of weeks) {
+                const date = week[dayOfWeek];
+                if (date && date <= todayStr && dailySummary[date]) {
+                    row += getHeatChar(dailySummary[date].cost, maxCost) + ' ';
+                }
+                else if (date && date <= todayStr) {
+                    row += '· '; // 有日期但无数据
+                }
+                else {
+                    row += '  '; // 未来日期
+                }
+            }
+            lines.push(row.trimEnd());
+        }
+        const rangeStart = weeks[0]?.[0] ?? todayStr;
+        lines.push(`{gray-fg}Range: ${rangeStart} → ${todayStr}{/gray-fg}`);
+        lines.push('    Less {gray-fg}·░▒▓{/gray-fg}{white-fg}█{/white-fg} More');
+        return lines;
+    };
+    const buildSummaryLines = (summaryWidth, compact) => {
+        const avgDailyCost = activeDays > 0 ? grandTotal.cost / activeDays : 0;
+        const w = Math.max(24, Math.floor(summaryWidth || 24));
+        const maxW = Math.min(w, 80);
+        const lines = [];
+        lines.push('{bold}Summary{/bold}');
+        if (!compact)
+            lines.push('─'.repeat(Math.min(Math.max(10, maxW - 2), 70)));
+        const twoCol = maxW >= 46;
+        if (twoCol) {
+            const leftLabelW = 18;
+            const rightLabelW = 18;
+            const leftValW = 12;
+            const rightValW = 8;
+            const leftPartW = leftLabelW + leftValW + 4;
+            lines.push(padEndVisible(padEndVisible('{green-fg}~Total cost:{/green-fg}', leftLabelW) + formatCost(grandTotal.cost).padStart(leftValW), leftPartW) +
+                padEndVisible(' {green-fg}Active days:{/green-fg}', rightLabelW) +
+                String(activeDays).padStart(rightValW));
+            lines.push(padEndVisible(padEndVisible('{green-fg}Total tokens:{/green-fg}', leftLabelW) +
+                formatTokens(grandTotal.tokens).padStart(leftValW), leftPartW) +
+                padEndVisible(' {green-fg}Total requests:{/green-fg}', rightLabelW) +
+                formatNumber(grandTotal.requests).padStart(rightValW));
+            lines.push(padEndVisible(padEndVisible('{green-fg}Cache hit rate:{/green-fg}', leftLabelW) +
+                formatPercent(cacheHitRate).padStart(leftValW), leftPartW) +
+                padEndVisible(' {green-fg}Avg daily cost:{/green-fg}', rightLabelW) +
+                formatCost(avgDailyCost).padStart(rightValW));
+        }
+        else {
+            lines.push(`{green-fg}~Total cost:{/green-fg}      ${formatCost(grandTotal.cost)}`);
+            lines.push(`{green-fg}Total tokens:{/green-fg}     ${formatTokens(grandTotal.tokens)}`);
+            lines.push(`{green-fg}Total requests:{/green-fg}   ${formatNumber(grandTotal.requests)}`);
+            lines.push(`{green-fg}Active days:{/green-fg}      ${activeDays}`);
+            lines.push(`{green-fg}Cache hit rate:{/green-fg}   ${formatPercent(cacheHitRate)}`);
+            lines.push(`{green-fg}Avg daily cost:{/green-fg}   ${formatCost(avgDailyCost)}`);
+        }
+        if (!compact)
+            lines.push('');
+        if (topModel) {
+            const label = '{cyan-fg}Top model:{/cyan-fg} ';
+            const tail = `(${formatCost(topModel.cost)})`;
+            const maxIdLen = Math.max(4, maxW - visibleLen(label) - visibleLen(tail) - 2);
+            lines.push(label + truncate(topModel.id, maxIdLen) + ' ' + tail);
+        }
+        if (topProject) {
+            const label = '{cyan-fg}Top project:{/cyan-fg} ';
+            const shortName = resolveProjectName(topProject.name, data.workspaceMappings);
+            const tail = `(${formatCost(topProject.cost)})`;
+            const maxNameLen = Math.max(4, maxW - visibleLen(label) - visibleLen(tail) - 2);
+            lines.push(label + truncate(shortName, maxNameLen) + ' ' + tail);
+        }
+        return lines;
+    };
+    const noteLines = note ? wrapGrayNoteLines(note, Math.max(20, width - 6)) : [];
+    // 尝试默认：热力图在上，Summary 在下
+    const verticalHeat = buildHeatmapLines(width);
+    const verticalSummary = buildSummaryLines(width, false);
+    const verticalLines = [...verticalHeat, '', ...verticalSummary];
+    if (noteLines.length)
+        verticalLines.push('', ...noteLines);
+    if (verticalLines.length <= height) {
+        box.setContent(verticalLines.join('\n'));
+        return;
+    }
+    // 终端偏矮：尝试把 Summary 放到右侧（需要足够宽度）
+    const gap = 6;
+    const minSummaryWidth = 34;
+    const leftWidthBudget = Math.max(30, width - minSummaryWidth - gap);
+    const leftHeat = buildHeatmapLines(leftWidthBudget);
+    const leftVisibleWidth = Math.max(...leftHeat.map(l => visibleLen(l)), 0);
+    const rightWidth = Math.max(0, width - leftVisibleWidth - gap);
+    if (rightWidth >= minSummaryWidth) {
+        const rightSummary = buildSummaryLines(rightWidth, true);
+        const rowCount = Math.max(leftHeat.length, rightSummary.length);
+        const sideLines = [];
+        for (let i = 0; i < rowCount; i++) {
+            const l = leftHeat[i] ?? '';
+            const r = rightSummary[i] ?? '';
+            sideLines.push(padEndVisible(l, leftVisibleWidth) + ' '.repeat(gap) + r);
+        }
+        if (noteLines.length)
+            sideLines.push('', ...noteLines);
+        if (sideLines.length <= height) {
+            box.setContent(sideLines.join('\n'));
+            return;
+        }
+    }
+    // fallback：仍然输出纵向布局（可滚动）
+    box.setContent(verticalLines.join('\n'));
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codebuddy-stats",
-  "version": "1.2.12",
+  "version": "1.3.1",
   "type": "module",
   "main": "dist/index.js",
   "files": [