codebuddy-stats 1.1.5 → 1.2.0

package/dist/index.js

@@ -26,9 +26,9 @@ function parseArgs() {
         }
         else if (args[i] === '--help' || args[i] === '-h') {
             console.log(`
-CodeBuddy Cost Analyzer
+CodeBuddy Stats
 
-Usage: cost-analyzer [options]
+Usage: codebuddy-stats [options]
 
 Options:
   --days <n>    只显示最近 n 天的数据
@@ -54,129 +54,210 @@ function getHeatChar(cost, maxCost) {
     return '█';
 }
 // 渲染 Overview 视图
-function renderOverview(box, data, width, note) {
+function renderOverview(box, data, width, height, note) {
     const { dailySummary, grandTotal, topModel, topProject, cacheHitRate, activeDays } = data;
-    // 根据宽度计算热力图周数
-    const availableWidth = width - 10;
-    const maxWeeks = Math.min(Math.floor(availableWidth / 2), 26); // 最多 26 周 (半年)
-    let content = '{bold}Cost Heatmap{/bold}\n\n';
-    // 生成正确的日期网格 - 从今天往前推算
-    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);
-    // 调整到周日开始
-    startDate.setDate(startDate.getDate() - startDate.getDay());
-    // 构建周数组，每周从周日到周六
-    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 monthNames = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
-    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;
+    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);
             }
-            lastMonth = m;
+            weeks.push(week);
         }
-    }
-    content += `{gray-fg}${monthHeader.join('').trimEnd()}{/gray-fg}\n`;
-    const dayLabels = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
-    for (let dayOfWeek = 0; dayOfWeek < 7; dayOfWeek++) {
-        let row = dayLabels[dayOfWeek].padEnd(4);
+        // 以“当前热力图窗口”的最大值做归一化（避免历史极值导致近期全是浅色）
+        const visibleCosts = [];
         for (const week of weeks) {
-            const date = week[dayOfWeek];
-            if (date && date <= todayStr && dailySummary[date]) {
-                row += getHeatChar(dailySummary[date].cost, maxCost) + ' ';
+            for (const date of week) {
+                if (!date || date > todayStr)
+                    continue;
+                visibleCosts.push(dailySummary[date]?.cost ?? 0);
             }
-            else if (date && date <= todayStr) {
-                row += '· '; // 有日期但无数据
+        }
+        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;
             }
-            else {
-                row += '  '; // 未来日期
+        }
+        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());
         }
-        content += row + '\n';
-    }
-    const rangeStart = weeks[0]?.[0] ?? todayStr;
-    content += `{gray-fg}Range: ${rangeStart} → ${todayStr}{/gray-fg}\n`;
-    content += '    Less {gray-fg}·░▒▓{/gray-fg}{white-fg}█{/white-fg} More\n\n';
-    // 汇总指标 - 根据宽度决定布局
-    const avgDailyCost = activeDays > 0 ? grandTotal.cost / activeDays : 0;
-    const summaryWidth = Math.min(width - 6, 70);
-    content += '{bold}Summary{/bold}\n';
-    content += '─'.repeat(summaryWidth) + '\n';
-    if (width >= 80) {
-        // 双列布局
-        content += `{green-fg}~Total cost:{/green-fg}      ${formatCost(grandTotal.cost).padStart(12)}    `;
-        content += `{green-fg}Active days:{/green-fg}      ${String(activeDays).padStart(8)}\n`;
-        content += `{green-fg}Total tokens:{/green-fg}     ${formatTokens(grandTotal.tokens).padStart(12)}    `;
-        content += `{green-fg}Total requests:{/green-fg}   ${formatNumber(grandTotal.requests).padStart(8)}\n`;
-        content += `{green-fg}Cache hit rate:{/green-fg}   ${formatPercent(cacheHitRate).padStart(12)}    `;
-        content += `{green-fg}Avg daily cost:{/green-fg}   ${formatCost(avgDailyCost).padStart(8)}\n\n`;
-    }
-    else {
-        // 单列布局
-        content += `{green-fg}~Total cost:{/green-fg}      ${formatCost(grandTotal.cost)}\n`;
-        content += `{green-fg}Total tokens:{/green-fg}     ${formatTokens(grandTotal.tokens)}\n`;
-        content += `{green-fg}Total requests:{/green-fg}   ${formatNumber(grandTotal.requests)}\n`;
-        content += `{green-fg}Active days:{/green-fg}      ${activeDays}\n`;
-        content += `{green-fg}Cache hit rate:{/green-fg}   ${formatPercent(cacheHitRate)}\n`;
-        content += `{green-fg}Avg daily cost:{/green-fg}   ${formatCost(avgDailyCost)}\n\n`;
-    }
-    if (topModel) {
-        content += `{cyan-fg}Top model:{/cyan-fg}        ${topModel.id} (${formatCost(topModel.cost)})\n`;
-    }
-    if (topProject) {
-        const projectMaxLen = width >= 100 ? 60 : 35;
-        const shortName = resolveProjectName(topProject.name, data.workspaceMappings);
-        content += `{cyan-fg}Top project:{/cyan-fg}      ${truncate(shortName, projectMaxLen)} (${formatCost(topProject.cost)})\n`;
+        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;
     }
-    if (note) {
-        content += `\n{gray-fg}备注：${note}{/gray-fg}\n`;
+    // 终端偏矮：尝试把 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;
+        }
     }
-    box.setContent(content);
+    // fallback：仍然输出纵向布局（可滚动）
+    box.setContent(verticalLines.join('\n'));
 }
 // 渲染 By Model 视图
-function renderByModel(box, data, width, note) {
+function renderByModel(box, data, scrollOffset = 0, width, note, pageSize) {
     const { modelTotals, grandTotal } = data;
     const sorted = Object.entries(modelTotals).sort((a, b) => b[1].cost - a[1].cost);
     // 根据宽度计算列宽
@@ -193,7 +274,9 @@ function renderByModel(box, data, width, note) {
             'Tokens'.padStart(12) +
             'Avg/Req'.padStart(10) +
             '{/underline}\n';
-    for (const [modelId, stats] of sorted) {
+    const safePageSize = Math.max(1, Math.floor(pageSize || 1));
+    const visibleModels = sorted.slice(scrollOffset, scrollOffset + safePageSize);
+    for (const [modelId, stats] of visibleModels) {
         const avgPerReq = stats.requests > 0 ? stats.cost / stats.requests : 0;
         content +=
             truncate(modelId, modelCol - 1).padEnd(modelCol) +
@@ -211,13 +294,16 @@ function renderByModel(box, data, width, note) {
             formatNumber(grandTotal.requests).padStart(12) +
             formatTokens(grandTotal.tokens).padStart(12) +
             '{/bold}\n';
+    if (sorted.length > safePageSize) {
+        content += `\n{gray-fg}Showing ${scrollOffset + 1}-${Math.min(scrollOffset + safePageSize, sorted.length)} of ${sorted.length} models (↑↓ to scroll){/gray-fg}`;
+    }
     if (note) {
-        content += `\n{gray-fg}备注：${note}{/gray-fg}\n`;
+        content += `\n\n{gray-fg}备注：${note}{/gray-fg}\n`;
     }
     box.setContent(content);
 }
 // 渲染 By Project 视图
-function renderByProject(box, data, width, note) {
+function renderByProject(box, data, scrollOffset = 0, width, note, pageSize) {
     const { projectTotals, grandTotal } = data;
     const sorted = Object.entries(projectTotals).sort((a, b) => b[1].cost - a[1].cost);
     // 根据宽度计算列宽
@@ -233,7 +319,9 @@ function renderByProject(box, data, width, note) {
             'Requests'.padStart(12) +
             'Tokens'.padStart(12) +
             '{/underline}\n';
-    for (const [projectName, stats] of sorted) {
+    const safePageSize = Math.max(1, Math.floor(pageSize || 1));
+    const visibleProjects = sorted.slice(scrollOffset, scrollOffset + safePageSize);
+    for (const [projectName, stats] of visibleProjects) {
         // 简化项目名
         const shortName = resolveProjectName(projectName, data.workspaceMappings);
         content +=
@@ -251,13 +339,16 @@ function renderByProject(box, data, width, note) {
             formatNumber(grandTotal.requests).padStart(12) +
             formatTokens(grandTotal.tokens).padStart(12) +
             '{/bold}\n';
+    if (sorted.length > safePageSize) {
+        content += `\n{gray-fg}Showing ${scrollOffset + 1}-${Math.min(scrollOffset + safePageSize, sorted.length)} of ${sorted.length} projects (↑↓ to scroll){/gray-fg}`;
+    }
     if (note) {
-        content += `\n{gray-fg}备注：${note}{/gray-fg}\n`;
+        content += `\n\n{gray-fg}备注：${note}{/gray-fg}\n`;
     }
     box.setContent(content);
 }
 // 渲染 Daily 视图
-function renderDaily(box, data, scrollOffset = 0, width, note) {
+function renderDaily(box, data, scrollOffset = 0, selectedIndex = 0, width, note, pageSize) {
     const { dailySummary, dailyData } = data;
     const sortedDates = Object.keys(dailySummary).sort().reverse();
     // 根据宽度计算列宽
@@ -280,8 +371,10 @@ function renderDaily(box, data, scrollOffset = 0, width, note) {
             'Top Model'.padStart(modelCol) +
             'Top Project'.padStart(projectCol) +
             '{/underline}\n';
-    const visibleDates = sortedDates.slice(scrollOffset, scrollOffset + 20);
-    for (const date of visibleDates) {
+    const safePageSize = Math.max(1, Math.floor(pageSize || 1));
+    const visibleDates = sortedDates.slice(scrollOffset, scrollOffset + safePageSize);
+    for (let i = 0; i < visibleDates.length; i++) {
+        const date = visibleDates[i];
         const daySummary = dailySummary[date];
         const dayData = dailyData[date];
         if (!daySummary || !dayData)
@@ -303,27 +396,101 @@ function renderDaily(box, data, scrollOffset = 0, width, note) {
             }
         }
         const shortProject = resolveProjectName(topProject.name, data.workspaceMappings);
-        content +=
-            date.padEnd(dateCol) +
-                formatCost(daySummary.cost).padStart(costCol) +
-                formatTokens(daySummary.tokens).padStart(tokensCol) +
-                formatNumber(daySummary.requests).padStart(reqCol) +
-                truncate(topModel.id, modelCol - 1).padStart(modelCol) +
-                truncate(shortProject, projectCol - 1).padStart(projectCol) +
-                '\n';
+        const isSelected = scrollOffset + i === selectedIndex;
+        const rowContent = date.padEnd(dateCol) +
+            formatCost(daySummary.cost).padStart(costCol) +
+            formatTokens(daySummary.tokens).padStart(tokensCol) +
+            formatNumber(daySummary.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 (sortedDates.length > 20) {
-        content += `\n{gray-fg}Showing ${scrollOffset + 1}-${Math.min(scrollOffset + 20, sortedDates.length)} of ${sortedDates.length} days (↑↓ to scroll){/gray-fg}`;
+    if (sortedDates.length > safePageSize) {
+        content += `\n{gray-fg}Showing ${scrollOffset + 1}-${Math.min(scrollOffset + safePageSize, sortedDates.length)} of ${sortedDates.length} days (↑↓ scroll, 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);
 }
+// 渲染 Daily Detail 视图（某一天的详细数据）
+function renderDailyDetail(box, data, date, scrollOffset = 0, width, pageSize) {
+    const { dailySummary, dailyData } = data;
+    const daySummary = dailySummary[date];
+    const dayData = dailyData[date];
+    if (!daySummary || !dayData) {
+        box.setContent(`{bold}${date}{/bold}\n\nNo data available for this date.`);
+        return;
+    }
+    // 汇总当天所有模型的用量
+    const modelStats = {};
+    for (const [, models] of Object.entries(dayData)) {
+        for (const [model, stats] of Object.entries(models)) {
+            const s = stats;
+            if (!modelStats[model]) {
+                modelStats[model] = { cost: 0, tokens: 0, requests: 0 };
+            }
+            modelStats[model].cost += Number(s.cost ?? 0);
+            modelStats[model].tokens += Number(s.totalTokens ?? 0);
+            modelStats[model].requests += Number(s.requests ?? 0);
+        }
+    }
+    const sortedModels = Object.entries(modelStats).sort((a, b) => b[1].cost - a[1].cost);
+    // 根据宽度计算列宽
+    const availableWidth = width - 6; // padding
+    const fixedCols = 12 + 12 + 12; // Cost + Requests + Tokens
+    const modelCol = Math.max(25, availableWidth - fixedCols);
+    const totalWidth = modelCol + fixedCols;
+    let content = `{bold}${date} - Model Usage Details{/bold}\n\n`;
+    // 当天汇总
+    content += `{green-fg}Total cost:{/green-fg}     ${formatCost(daySummary.cost)}    `;
+    content += `{green-fg}Tokens:{/green-fg} ${formatTokens(daySummary.tokens)}    `;
+    content += `{green-fg}Requests:{/green-fg} ${formatNumber(daySummary.requests)}\n\n`;
+    content +=
+        '{underline}' +
+            'Model'.padEnd(modelCol) +
+            '~Cost'.padStart(12) +
+            'Requests'.padStart(12) +
+            'Tokens'.padStart(12) +
+            '{/underline}\n';
+    const safePageSize = Math.max(1, Math.floor(pageSize || 1));
+    const visibleModels = sortedModels.slice(scrollOffset, scrollOffset + safePageSize);
+    for (const [modelId, stats] of visibleModels) {
+        content +=
+            truncate(modelId, modelCol - 1).padEnd(modelCol) +
+                formatCost(stats.cost).padStart(12) +
+                formatNumber(stats.requests).padStart(12) +
+                formatTokens(stats.tokens).padStart(12) +
+                '\n';
+    }
+    content += '─'.repeat(totalWidth) + '\n';
+    content +=
+        '{bold}' +
+            `Total (${sortedModels.length} models)`.padEnd(modelCol) +
+            formatCost(daySummary.cost).padStart(12) +
+            formatNumber(daySummary.requests).padStart(12) +
+            formatTokens(daySummary.tokens).padStart(12) +
+            '{/bold}\n';
+    if (sortedModels.length > safePageSize) {
+        content += `\n{gray-fg}Showing ${scrollOffset + 1}-${Math.min(scrollOffset + safePageSize, sortedModels.length)} of ${sortedModels.length} models (↑↓ scroll, Esc back){/gray-fg}`;
+    }
+    else {
+        content += `\n{gray-fg}(Esc back to Daily list){/gray-fg}`;
+    }
+    box.setContent(content);
+}
 // 纯文本输出模式
 function printTextReport(data) {
     const { modelTotals, projectTotals, grandTotal, topModel, topProject, cacheHitRate, activeDays } = data;
-    console.log('\n🤖 CodeBuddy Cost Analysis Report');
+    console.log('\n🤖 CodeBuddy Stats Report');
     console.log('='.repeat(50));
     console.log(`\nTotal cost:        ${formatCost(grandTotal.cost)}`);
     console.log(`Total tokens:      ${formatTokens(grandTotal.tokens)}`);
@@ -366,14 +533,23 @@ async function main() {
     // 创建 TUI
     const screen = blessed.screen({
         smartCSR: true,
-        title: 'CodeBuddy Cost Analyzer',
+        title: 'CodeBuddy Stats',
         forceUnicode: true,
         fullUnicode: true,
     });
     // Tab 状态
     const tabs = ['Overview', 'By Model', 'By Project', 'Daily'];
     let currentTab = 0;
+    let modelScrollOffset = 0;
+    let projectScrollOffset = 0;
     let dailyScrollOffset = 0;
+    let dailySelectedIndex = 0;
+    let dailyDetailDate = null; // 当前查看详情的日期，null 表示在列表视图
+    let dailyDetailScrollOffset = 0;
+    let modelPageSize = 10;
+    let projectPageSize = 10;
+    let dailyPageSize = 20;
+    let dailyDetailPageSize = 10;
     // Tab 栏
     const tabBar = blessed.box({
         top: 0,
@@ -424,7 +600,7 @@ async function main() {
     screen.append(statusBar);
     // 更新 Tab 栏
     function updateTabBar() {
-        let content = ' Cost Analysis  ';
+        let content = ' CodeBuddy Stats  ';
         content += '{gray-fg}Source:{/gray-fg} ';
         if (currentSource === 'code') {
             content += '{black-fg}{green-bg} Code {/green-bg}{/black-fg} ';
@@ -452,18 +628,51 @@ async function main() {
         const note = currentSource === 'code'
             ? `针对 CodeBuddy Code < 2.20.0 版本产生的数据，由于没有请求级别的 model ID，用量是基于当前 CodeBuddy Code 设置的 model ID（${data.defaultModelId}）计算价格的`
             : 'IDE 的 usage 不包含缓存命中/写入 tokens，无法计算缓存相关价格与命中率；成本按 input/output tokens 估算';
+        const screenHeight = Number(screen.height) || 24;
+        const contentBoxHeight = Math.max(1, screenHeight - 5); // 对应 contentBox: height = '100%-5'
+        const paddingTop = Number(contentBox.padding?.top ?? 0);
+        const paddingBottom = Number(contentBox.padding?.bottom ?? 0);
+        const innerHeight = Math.max(1, contentBoxHeight - paddingTop - paddingBottom);
+        // 根据当前可用高度动态调整每页行数（By Model / By Project / Daily），避免 resize 后内容溢出
+        const baseLines = 3; // title + blank + header
+        const hintLines = 2; // blank + hint line（最坏情况）
+        const availableTextWidth = Math.max(20, width - 8);
+        const estimatedNoteLines = note ? Math.max(1, Math.ceil(`备注：${note}`.length / availableTextWidth)) : 0;
+        const noteLines = note ? 2 + estimatedNoteLines : 0; // 两行空行 + 备注文本
+        // By Model / By Project：表格尾部还有 total 两行
+        const listReservedLines = baseLines + 2 + hintLines + noteLines + 1; // separator + total + safety
+        modelPageSize = Math.max(1, innerHeight - listReservedLines);
+        projectPageSize = Math.max(1, innerHeight - listReservedLines);
+        // Daily：无 total 行
+        const dailyReservedLines = baseLines + hintLines + noteLines + 1; // safety
+        dailyPageSize = Math.max(1, innerHeight - dailyReservedLines);
+        // Daily Detail：有 summary + total 行
+        const dailyDetailReservedLines = baseLines + 3 + 2 + hintLines + 1; // summary(3) + separator + total + safety
+        dailyDetailPageSize = Math.max(1, innerHeight - dailyDetailReservedLines);
+        const modelMaxOffset = Math.max(0, Object.keys(data.modelTotals).length - modelPageSize);
+        modelScrollOffset = Math.min(modelScrollOffset, modelMaxOffset);
+        const projectMaxOffset = Math.max(0, Object.keys(data.projectTotals).length - projectPageSize);
+        projectScrollOffset = Math.min(projectScrollOffset, projectMaxOffset);
+        const dailyMaxOffset = Math.max(0, Object.keys(data.dailySummary).length - dailyPageSize);
+        dailyScrollOffset = Math.min(dailyScrollOffset, dailyMaxOffset);
+        dailySelectedIndex = Math.min(dailySelectedIndex, Math.max(0, Object.keys(data.dailySummary).length - 1));
         switch (currentTab) {
             case 0:
-                renderOverview(contentBox, data, width, note);
+                renderOverview(contentBox, data, width, innerHeight, note);
                 break;
             case 1:
-                renderByModel(contentBox, data, width, note);
+                renderByModel(contentBox, data, modelScrollOffset, width, note, modelPageSize);
                 break;
             case 2:
-                renderByProject(contentBox, data, width, note);
+                renderByProject(contentBox, data, projectScrollOffset, width, note, projectPageSize);
                 break;
             case 3:
-                renderDaily(contentBox, data, dailyScrollOffset, width, note);
+                if (dailyDetailDate) {
+                    renderDailyDetail(contentBox, data, dailyDetailDate, dailyDetailScrollOffset, width, dailyDetailPageSize);
+                }
+                else {
+                    renderDaily(contentBox, data, dailyScrollOffset, dailySelectedIndex, width, note, dailyPageSize);
+                }
                 break;
         }
     }
@@ -498,30 +707,126 @@ async function main() {
     }
     // 键盘事件
     screen.key(['tab'], () => {
+        if (dailyDetailDate)
+            return; // 在 detail 视图时禁用 tab 切换
         currentTab = (currentTab + 1) % tabs.length;
+        modelScrollOffset = 0;
+        projectScrollOffset = 0;
         dailyScrollOffset = 0;
+        dailySelectedIndex = 0;
+        contentBox.scrollTo(0);
         updateTabBar();
         updateContent();
         screen.render();
     });
     screen.key(['S-tab'], () => {
+        if (dailyDetailDate)
+            return; // 在 detail 视图时禁用 tab 切换
         currentTab = (currentTab - 1 + tabs.length) % tabs.length;
+        modelScrollOffset = 0;
+        projectScrollOffset = 0;
         dailyScrollOffset = 0;
+        dailySelectedIndex = 0;
+        contentBox.scrollTo(0);
         updateTabBar();
         updateContent();
         screen.render();
     });
     screen.key(['up', 'k'], () => {
+        if (currentTab === 1) {
+            modelScrollOffset = Math.max(0, modelScrollOffset - 1);
+            updateContent();
+            screen.render();
+            return;
+        }
+        if (currentTab === 2) {
+            projectScrollOffset = Math.max(0, projectScrollOffset - 1);
+            updateContent();
+            screen.render();
+            return;
+        }
         if (currentTab === 3) {
-            dailyScrollOffset = Math.max(0, dailyScrollOffset - 1);
+            if (dailyDetailDate) {
+                // 在 detail 视图中滚动
+                dailyDetailScrollOffset = Math.max(0, dailyDetailScrollOffset - 1);
+            }
+            else {
+                // 在列表视图中移动选中项
+                if (dailySelectedIndex > 0) {
+                    dailySelectedIndex--;
+                    // 如果选中项在当前页之上，滚动页面
+                    if (dailySelectedIndex < dailyScrollOffset) {
+                        dailyScrollOffset = dailySelectedIndex;
+                    }
+                }
+            }
             updateContent();
             screen.render();
+            return;
         }
+        contentBox.scroll(-1);
+        screen.render();
     });
     screen.key(['down', 'j'], () => {
+        if (currentTab === 1) {
+            const maxOffset = Math.max(0, Object.keys(data.modelTotals).length - modelPageSize);
+            modelScrollOffset = Math.min(maxOffset, modelScrollOffset + 1);
+            updateContent();
+            screen.render();
+            return;
+        }
+        if (currentTab === 2) {
+            const maxOffset = Math.max(0, Object.keys(data.projectTotals).length - projectPageSize);
+            projectScrollOffset = Math.min(maxOffset, projectScrollOffset + 1);
+            updateContent();
+            screen.render();
+            return;
+        }
         if (currentTab === 3) {
-            const maxOffset = Math.max(0, Object.keys(data.dailySummary).length - 20);
-            dailyScrollOffset = Math.min(maxOffset, dailyScrollOffset + 1);
+            if (dailyDetailDate) {
+                // 在 detail 视图中滚动（需要计算当天的模型数量）
+                const dayData = data.dailyData[dailyDetailDate];
+                if (dayData) {
+                    const modelCount = new Set(Object.values(dayData).flatMap(models => Object.keys(models))).size;
+                    const maxOffset = Math.max(0, modelCount - dailyDetailPageSize);
+                    dailyDetailScrollOffset = Math.min(maxOffset, dailyDetailScrollOffset + 1);
+                }
+            }
+            else {
+                // 在列表视图中移动选中项
+                const totalDays = Object.keys(data.dailySummary).length;
+                if (dailySelectedIndex < totalDays - 1) {
+                    dailySelectedIndex++;
+                    // 如果选中项超出当前页，滚动页面
+                    if (dailySelectedIndex >= dailyScrollOffset + dailyPageSize) {
+                        dailyScrollOffset = dailySelectedIndex - dailyPageSize + 1;
+                    }
+                }
+            }
+            updateContent();
+            screen.render();
+            return;
+        }
+        contentBox.scroll(1);
+        screen.render();
+    });
+    screen.key(['enter'], () => {
+        if (currentTab === 3 && !dailyDetailDate) {
+            // 进入 detail 视图
+            const sortedDates = Object.keys(data.dailySummary).sort().reverse();
+            if (sortedDates[dailySelectedIndex]) {
+                dailyDetailDate = sortedDates[dailySelectedIndex];
+                dailyDetailScrollOffset = 0;
+                updateContent();
+                screen.render();
+            }
+        }
+    });
+    screen.key(['escape', 'backspace'], () => {
+        if (currentTab === 3 && dailyDetailDate) {
+            // 返回列表视图
+            dailyDetailDate = null;
+            dailyDetailScrollOffset = 0;
             updateContent();
             screen.render();
         }
@@ -535,7 +840,13 @@ async function main() {
         screen.render();
         try {
             data = await loadUsageData({ days: options.days, source: currentSource });
+            modelScrollOffset = 0;
+            projectScrollOffset = 0;
             dailyScrollOffset = 0;
+            dailySelectedIndex = 0;
+            dailyDetailDate = null;
+            dailyDetailScrollOffset = 0;
+            contentBox.scrollTo(0);
             updateTabBar();
             updateContent();
             updateStatusBar();
@@ -551,7 +862,13 @@ async function main() {
         try {
             currentSource = currentSource === 'code' ? 'ide' : 'code';
             data = await loadUsageData({ days: options.days, source: currentSource });
+            modelScrollOffset = 0;
+            projectScrollOffset = 0;
             dailyScrollOffset = 0;
+            dailySelectedIndex = 0;
+            dailyDetailDate = null;
+            dailyDetailScrollOffset = 0;
+            contentBox.scrollTo(0);
             updateTabBar();
             updateContent();
             updateStatusBar();

package/dist/lib/workspace-resolver.js

@@ -480,8 +480,8 @@ function pathExistsSync(p) {
  * 尝试将 CodeBuddy Code 的项目名（路径中 / 替换为 -）还原为真实路径
  * 使用回溯搜索，因为目录名本身可能包含 -
  *
- * 例如: "Users-foo-Documents-project-codebudy-cost-analyzer"
- *    -> "/Users/foo/Documents/project/codebudy-cost-analyzer"
+ * 例如: "Users-foo-Documents-project-codebuddy-stats"
+ *    -> "/Users/foo/Documents/project/codebuddy-stats"
  */
 function tryResolveCodePath(name) {
     // 检查缓存

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codebuddy-stats",
-  "version": "1.1.5",
+  "version": "1.2.0",
   "type": "module",
   "main": "dist/index.js",
   "files": [
@@ -37,7 +37,7 @@
   "author": "AnotiaWang",
   "license": "ISC",
   "packageManager": "pnpm@9.15.1",
-  "description": "CodeBuddy AI cost analyzer with terminal UI",
+  "description": "CodeBuddy AI usage statistics with terminal UI",
   "dependencies": {
     "blessed": "^0.1.81"
   },