@notenkidev/claude-token-dashboard 0.1.9 → 0.1.11

package/app/page.tsx

@@ -8,7 +8,7 @@ import { Card, CardHeader, CardTitle, CardContent } from "@/components/ui/card"
 export const dynamic = "force-dynamic"
 
 export default function Page() {
-  const { byProject, byDay, totalFiles, totalEntries, skippedDup } = collect()
+  const { byProject, byDay, byProjectClaudeMd, totalFiles, totalEntries, skippedDup } = collect()
 
   const dayData = Object.entries(byDay)
     .filter(([date]) => date !== "unknown")
@@ -66,7 +66,7 @@ export default function Page() {
           </CardTitle>
         </CardHeader>
         <CardContent className="p-0">
-          <ProjectTable byProject={byProject} />
+          <ProjectTable byProject={byProject} byProjectClaudeMd={byProjectClaudeMd} />
         </CardContent>
       </Card>
     </main>

package/components/ProjectTable.tsx

@@ -1,8 +1,11 @@
 import type { TokenStats } from "@/lib/collect"
 import { calcCost, fmtCost } from "@/lib/pricing"
 
+const CLAUDE_MD_WARN_BYTES = 5 * 1024 // 5 KB
+
 interface Props {
   byProject: Record<string, TokenStats>
+  byProjectClaudeMd: Record<string, number | null>
 }
 
 function fmt(n: number): string {
@@ -11,13 +14,14 @@ function fmt(n: number): string {
   return n.toLocaleString()
 }
 
-export default function ProjectTable({ byProject }: Props) {
+export default function ProjectTable({ byProject, byProjectClaudeMd }: Props) {
   const rows = Object.entries(byProject)
     .map(([project, stats]) => ({
       project,
       ...stats,
       total: stats.input + stats.output,
       cost: calcCost(stats),
+      claudeMdBytes: byProjectClaudeMd[project] ?? null,
     }))
     .sort((a, b) => b.cost - a.cost)
 
@@ -36,6 +40,7 @@ export default function ProjectTable({ byProject }: Props) {
             <th className="px-4 py-3 text-right font-medium text-muted-foreground">Input</th>
             <th className="px-4 py-3 text-right font-medium text-muted-foreground hidden md:table-cell">Cache Read</th>
             <th className="px-4 py-3 text-right font-medium text-muted-foreground hidden lg:table-cell">Cache Create</th>
+            <th className="px-4 py-3 text-right font-medium text-muted-foreground hidden xl:table-cell">CLAUDE.md</th>
             <th className="px-4 py-3 text-right font-medium text-muted-foreground">Tokens</th>
             <th className="px-4 py-3 w-28 hidden sm:table-cell"></th>
           </tr>
@@ -45,6 +50,11 @@ export default function ProjectTable({ byProject }: Props) {
             const pct = (row.total / maxTotal) * 100
             const costShare = totalCost > 0 ? row.cost / totalCost : 0
             const isHighCost = costShare >= WARNING_THRESHOLD
+            const isHeavyClaudeMd = row.claudeMdBytes !== null && row.claudeMdBytes >= CLAUDE_MD_WARN_BYTES
+            const claudeMdLabel =
+              row.claudeMdBytes === null
+                ? "-"
+                : `${(row.claudeMdBytes / 1024).toFixed(1)} KB`
 
             return (
               <tr
@@ -81,6 +91,20 @@ export default function ProjectTable({ byProject }: Props) {
                 <td className="px-4 py-3 text-right font-mono text-xs text-muted-foreground hidden lg:table-cell">
                   {fmt(row.cacheCreate)}
                 </td>
+                <td className="px-4 py-3 text-right font-mono text-xs hidden xl:table-cell">
+                  {isHeavyClaudeMd ? (
+                    <span
+                      className="text-orange-400 font-semibold"
+                      title="CLAUDE.mdが重い可能性があります（5KB以上）"
+                    >
+                      ⚠ {claudeMdLabel}
+                    </span>
+                  ) : (
+                    <span className={row.claudeMdBytes !== null ? "text-muted-foreground" : "text-muted-foreground/40"}>
+                      {claudeMdLabel}
+                    </span>
+                  )}
+                </td>
                 <td className="px-4 py-3 text-right font-mono text-xs text-muted-foreground">{fmt(row.total)}</td>
                 <td className="px-4 py-3 hidden sm:table-cell">
                   <div className="h-1.5 w-full rounded-full bg-muted overflow-hidden">

package/lib/collect.ts

@@ -12,6 +12,7 @@ export interface TokenStats {
 export interface DashboardData {
   byProject: Record<string, TokenStats>
   byDay: Record<string, TokenStats>
+  byProjectClaudeMd: Record<string, number | null> // bytes, null = not found
   totalFiles: number
   totalEntries: number
   skippedDup: number
@@ -50,15 +51,34 @@ function addStats(target: TokenStats, input: number, output: number, cacheCreate
   target.cacheRead += cacheRead
 }
 
+function claudeMdBytes(cwd: string): number | null {
+  // Walk up from cwd to find CLAUDE.md, stopping at home directory
+  const home = os.homedir()
+  let dir = cwd
+  while (dir.startsWith(home) && dir !== home) {
+    try {
+      const stat = fs.statSync(path.join(dir, "CLAUDE.md"))
+      if (stat.isFile()) return stat.size
+    } catch { /* not found at this level */ }
+    const parent = path.dirname(dir)
+    if (parent === dir) break
+    dir = parent
+  }
+  return null
+}
+
 export function collect(): DashboardData {
   const byProject: Record<string, TokenStats> = {}
   const byDay: Record<string, TokenStats> = {}
+  const cwdByLabel: Record<string, string> = {}  // label → first seen cwd
   const seenMessageIds = new Set<string>()
   let totalFiles = 0
   let totalEntries = 0
   let skippedDup = 0
 
-  if (!fs.existsSync(BASE)) return { byProject, byDay, totalFiles, totalEntries, skippedDup }
+  if (!fs.existsSync(BASE)) {
+    return { byProject, byDay, byProjectClaudeMd: {}, totalFiles, totalEntries, skippedDup }
+  }
 
   const projectDirs = fs.readdirSync(BASE).sort()
 
@@ -101,6 +121,7 @@ export function collect(): DashboardData {
 
         const cwd = (d.cwd as string) || ""
         const label = cwd ? projectLabelFromCwd(cwd) : fallbackLabel
+        if (cwd && !cwdByLabel[label]) cwdByLabel[label] = cwd
 
         const ts = (d.timestamp as string) || ""
         let date = "unknown"
@@ -121,5 +142,12 @@ export function collect(): DashboardData {
     }
   }
 
-  return { byProject, byDay, totalFiles, totalEntries, skippedDup }
+  // Resolve CLAUDE.md sizes after all entries are processed
+  const byProjectClaudeMd: Record<string, number | null> = {}
+  for (const label of Object.keys(byProject)) {
+    const cwd = cwdByLabel[label]
+    byProjectClaudeMd[label] = cwd ? claudeMdBytes(cwd) : null
+  }
+
+  return { byProject, byDay, byProjectClaudeMd, totalFiles, totalEntries, skippedDup }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@notenkidev/claude-token-dashboard",
-  "version": "0.1.9",
+  "version": "0.1.11",
   "description": "Visualize your Claude Code token usage by project and date",
   "bin": {
     "claude-token-dashboard": "bin/cli.js"
@@ -17,8 +17,8 @@
     "components.json",
     "eslint.config.mjs",
     "next-env.d.ts",
-    "screenshot-1.jpg",
-    "screenshot-2.jpg"
+    "screenshot.v2-1.png",
+    "screenshot.v2-2.png"
   ],
   "scripts": {
     "dev": "next dev",