whoburnedmore 0.6.0 → 0.8.1

package/README.md

@@ -62,7 +62,7 @@ npx whoburnedmore --local
 | `npx whoburnedmore --no-submit` | Print local stats only, send nothing |
 | `npx whoburnedmore login` | Sign in to claim a public handle + join the leaderboard |
 | `npx whoburnedmore logout` | Forget the local token (your data is untouched) |
-| `npx whoburnedmore install-sync` | Keep your dashboard live with a background sync (every 3h) |
+| `npx whoburnedmore install-sync` | Keep your dashboard live with a background sync (hourly) |
 | `npx whoburnedmore uninstall-sync` | Remove the background sync |
 
 ## Supported tools
@@ -88,7 +88,7 @@ It uses a device flow — a code appears in your terminal, you approve it in the
 Want your dashboard to stay fresh without re-running by hand?
 
 ```bash
-npx whoburnedmore install-sync     # background sync every 3h (launchd / cron / scheduled task)
+npx whoburnedmore install-sync     # background sync hourly (launchd / cron / scheduled task)
 npx whoburnedmore uninstall-sync   # remove it
 ```
 

package/dist/index.js

@@ -12,7 +12,7 @@ import { createRequire as createRequire4 } from "node:module";
 import { platform as platform3 } from "node:os";
 import { join as join7 } from "node:path";
 import { createInterface } from "node:readline/promises";
-import pc2 from "picocolors";
+import pc3 from "picocolors";
 
 // src/args.ts
 function parseBoard(args) {
@@ -133,7 +133,7 @@ function ensureAnonKey(dir = defaultConfigDir()) {
 }
 
 // src/autosync.ts
-var SYNC_INTERVAL_HOURS = 3;
+var SYNC_INTERVAL_HOURS = 1;
 var LABEL = "com.whoburnedmore.sync";
 function syncLogPath() {
   return join2(defaultConfigDir(), "sync.log");
@@ -153,8 +153,14 @@ function buildLaunchdPlist(nodePath, scriptPath, logPath = syncLogPath()) {
   </array>
   <key>StartInterval</key>
   <integer>${SYNC_INTERVAL_HOURS * 3600}</integer>
+  <!-- Run once right after login/reboot so a machine that was off (or asleep)
+       through a scheduled tick catches up immediately, then keeps to the
+       interval. Submits are idempotent server-side, so an extra run is safe. -->
   <key>RunAtLoad</key>
-  <false/>
+  <true/>
+  <!-- Be a good citizen: macOS schedules this with background priority. -->
+  <key>ProcessType</key>
+  <string>Background</string>
   <key>StandardOutPath</key>
   <string>${logPath}</string>
   <key>StandardErrorPath</key>
@@ -250,10 +256,29 @@ function autoSyncInstalled() {
   return false;
 }
 
+// src/banner.ts
+import pc from "picocolors";
+var WORD = "whoburnedmore";
+var SHADES = [226, 220, 214, 208, 202, 196];
+function paintWordmark() {
+  if (!pc.isColorSupported) return `${WORD}?`;
+  const letters = [...WORD].map((ch, i) => `\x1B[1;38;5;${SHADES[i % SHADES.length]}m${ch}`).join("");
+  return `${letters}\x1B[1;38;5;208m?\x1B[0m`;
+}
+function printBanner() {
+  const rule = pc.dim("\u2500".repeat(30));
+  console.log();
+  console.log(`  \u{1F525}  ${paintWordmark()}`);
+  console.log(`  ${rule}`);
+  console.log(`  ${pc.dim("who burned more \u2014 you, or them?")}`);
+  console.log();
+}
+
 // src/collect.ts
-import { spawnSync as spawnSync4 } from "node:child_process";
+import { execFile } from "node:child_process";
 import { createRequire as createRequire3 } from "node:module";
 import { dirname as dirname2, join as join6 } from "node:path";
+import { promisify } from "node:util";
 
 // src/attribution.ts
 import { readFileSync as readFileSync2, readdirSync, statSync } from "node:fs";
@@ -281,9 +306,10 @@ function estimateCostUSD(model, t) {
 
 // src/attribution.ts
 var CLAUDE_PROJECTS = join3(homedir3(), ".claude", "projects");
+var CODEX_SESSIONS = join3(homedir3(), ".codex", "sessions");
 var MAX_FILES = 5e3;
 var MAX_FILE_BYTES = 64 * 1024 * 1024;
-var TIME_BUDGET_MS = 3e4;
+var TIME_BUDGET_MS = 12e3;
 var MAX_STATS = 300;
 var MAX_PROJECTS = 500;
 function createAccumulator() {
@@ -421,9 +447,95 @@ function accumulatorToResult(acc) {
     projects: toProjectStats(acc.projects),
     agent: { ...acc.agent },
     titles: acc.titles,
-    sessionMessages: acc.sessionMessages
+    sessionMessages: acc.sessionMessages,
+    complete: true
   };
 }
+function numTok(v) {
+  const x = Math.round(Number(v));
+  return Number.isFinite(x) && x > 0 ? x : 0;
+}
+function createCodexContext() {
+  return { cwd: "", model: "unknown", pending: [] };
+}
+function processCodexRecord(rec, acc, ctx) {
+  if (!rec || typeof rec !== "object") return;
+  const r = rec;
+  if (!r.payload || typeof r.payload !== "object") return;
+  const pl = r.payload;
+  const ptype = pl.type;
+  if (r.type === "session_meta" || r.type === "turn_context") {
+    if (typeof pl.cwd === "string" && pl.cwd) ctx.cwd = pl.cwd;
+    if (typeof pl.model === "string" && pl.model) ctx.model = pl.model;
+    return;
+  }
+  if (ptype === "function_call" || ptype === "custom_tool_call" || ptype === "local_shell_call") {
+    const raw = typeof pl.name === "string" ? pl.name : ptype === "local_shell_call" ? "local_shell" : "";
+    const name = raw.slice(0, 128);
+    if (!name) return;
+    const id = typeof pl.call_id === "string" ? pl.call_id : void 0;
+    ctx.pending.push({ name, id });
+    const t = acc.tools.get(name) ?? { count: 0, errors: 0, tokens: 0 };
+    t.count += 1;
+    acc.tools.set(name, t);
+    return;
+  }
+  if (ptype === "token_count") {
+    const info = pl.info;
+    const last = info?.last_token_usage;
+    if (!last) return;
+    const inputTokens = numTok(last.input_tokens);
+    const cacheReadTokens = numTok(last.cached_input_tokens);
+    const outputTokens = numTok(last.output_tokens) + numTok(last.reasoning_output_tokens);
+    const tokens = numTok(last.total_tokens) || inputTokens + cacheReadTokens + outputTokens;
+    if (tokens <= 0) {
+      ctx.pending = [];
+      return;
+    }
+    acc.agent.messageCount += 1;
+    acc.agent.totalTokens += tokens;
+    if (ctx.cwd) {
+      const name = basename(ctx.cwd).slice(0, 128) || "unknown";
+      const cost = estimateCostUSD(ctx.model, {
+        inputTokens,
+        outputTokens,
+        cacheCreationTokens: 0,
+        cacheReadTokens
+      });
+      const proj = acc.projects.get(name) ?? { tokens: 0, costUSD: 0 };
+      proj.tokens += tokens;
+      proj.costUSD += cost;
+      acc.projects.set(name, proj);
+    }
+    const per = ctx.pending.length > 0 ? Math.floor(tokens / ctx.pending.length) : 0;
+    for (const tu of ctx.pending) {
+      const t = acc.tools.get(tu.name);
+      if (t) t.tokens += per;
+    }
+    ctx.pending = [];
+  }
+}
+function readLines(file) {
+  let size = 0;
+  try {
+    size = statSync(file).size;
+  } catch {
+    return [];
+  }
+  if (size > MAX_FILE_BYTES) return [];
+  try {
+    return readFileSync2(file, "utf8").split("\n");
+  } catch {
+    return [];
+  }
+}
+function claudeProjectDirs() {
+  const dirs = [CLAUDE_PROJECTS];
+  const cfg = process.env.CLAUDE_CONFIG_DIR;
+  if (cfg) dirs.push(join3(cfg, "projects"));
+  dirs.push(join3(homedir3(), ".config", "claude", "projects"));
+  return [...new Set(dirs)];
+}
 function listTranscripts(dir) {
   const out = [];
   const walk = (d) => {
@@ -449,37 +561,54 @@ function listTranscripts(dir) {
   walk(dir);
   return out.sort((a, b) => b.mtime - a.mtime).slice(0, MAX_FILES).map((f) => f.path);
 }
-function collectAttribution() {
+async function collectAttribution() {
   const acc = createAccumulator();
   const deadline = Date.now() + TIME_BUDGET_MS;
+  let complete = true;
+  let sinceYield = 0;
+  const breathe = async () => {
+    if (++sinceYield >= 8) {
+      sinceYield = 0;
+      await new Promise((r) => setImmediate(r));
+    }
+  };
   try {
-    for (const file of listTranscripts(CLAUDE_PROJECTS)) {
-      if (Date.now() > deadline) break;
-      let size = 0;
-      try {
-        size = statSync(file).size;
-      } catch {
-        continue;
+    for (const dir of claudeProjectDirs()) {
+      for (const file of listTranscripts(dir)) {
+        if (Date.now() > deadline) {
+          complete = false;
+          break;
+        }
+        const ctx = createFileContext();
+        for (const line of readLines(file)) {
+          if (!line) continue;
+          try {
+            processRecord(JSON.parse(line), acc, ctx);
+          } catch {
+          }
+        }
+        await breathe();
       }
-      if (size > MAX_FILE_BYTES) continue;
-      let text;
-      try {
-        text = readFileSync2(file, "utf8");
-      } catch {
-        continue;
+    }
+    for (const file of listTranscripts(CODEX_SESSIONS)) {
+      if (Date.now() > deadline) {
+        complete = false;
+        break;
       }
-      const ctx = createFileContext();
-      for (const line of text.split("\n")) {
+      const ctx = createCodexContext();
+      for (const line of readLines(file)) {
         if (!line) continue;
         try {
-          processRecord(JSON.parse(line), acc, ctx);
+          processCodexRecord(JSON.parse(line), acc, ctx);
         } catch {
         }
       }
+      await breathe();
     }
   } catch {
+    complete = false;
   }
-  return accumulatorToResult(acc);
+  return { ...accumulatorToResult(acc), complete };
 }
 
 // src/cursor.ts
@@ -702,7 +831,9 @@ async function fetchCursorEvents(cookie, maxPages = 30, pageSize = 500) {
       body: JSON.stringify({ page, pageSize }),
       signal: AbortSignal.timeout(2e4)
     });
-    if (!res.ok) break;
+    if (!res.ok) {
+      throw new Error(`cursor usage page ${page} failed (HTTP ${res.status})`);
+    }
     const body = await res.json();
     const batch = body.usageEventsDisplay ?? [];
     all.push(...batch);
@@ -731,6 +862,7 @@ async function collectCursor() {
 }
 
 // src/collect.ts
+var execFileAsync = promisify(execFile);
 var SOURCES = [
   "claude",
   "codex",
@@ -912,49 +1044,85 @@ function dedupeBlocks(blocks) {
   }
   return [...byStart.values()];
 }
-function runCcusage(cmd, args) {
-  const res = spawnSync4(cmd, args, {
-    encoding: "utf8",
-    maxBuffer: 64 * 1024 * 1024,
-    timeout: 12e4
-  });
-  if (res.status !== 0 || !res.stdout) return null;
+async function runCcusageOnce(cmd, args) {
   try {
-    return JSON.parse(res.stdout);
-  } catch {
-    return null;
+    const { stdout } = await execFileAsync(cmd, args, {
+      encoding: "utf8",
+      maxBuffer: 64 * 1024 * 1024,
+      // A single source shouldn't be able to hang the whole run. 25s is plenty
+      // for a healthy local read; a hung source gets killed and (if transient)
+      // retried once below rather than stalling everything for minutes.
+      timeout: 25e3
+    });
+    if (!stdout) return { json: null, transient: false };
+    try {
+      return { json: JSON.parse(stdout), transient: false };
+    } catch {
+      return { json: null, transient: false };
+    }
+  } catch (err) {
+    const e = err;
+    const transient = e.killed === true || e.signal != null || typeof e.code === "string";
+    return { json: null, transient };
   }
 }
-async function collectAll() {
+async function runCcusage(cmd, args) {
+  const first = await runCcusageOnce(cmd, args);
+  if (first.json !== null || !first.transient) return first.json;
+  return (await runCcusageOnce(cmd, args)).json;
+}
+var COLLECT_STAGES = SOURCES.length + 4;
+async function collectAll(onProgress) {
   const { cmd, prefixArgs } = resolveCcusageBin();
+  let done = 0;
+  const tick = () => onProgress?.(++done, COLLECT_STAGES, "");
+  const sourceTasks = SOURCES.map(async (source) => {
+    const json = await runCcusage(cmd, [...prefixArgs, source, "daily", "--json", "--offline"]);
+    tick();
+    return { source, mapped: json ? mapCcusageDaily(source, json) : [] };
+  });
+  const sessionTask = runCcusage(cmd, [...prefixArgs, "session", "--json", "--offline"]).then(
+    (json) => {
+      tick();
+      return json ? mapCcusageSessions(json) : [];
+    }
+  );
+  const blockTask = runCcusage(cmd, [...prefixArgs, "blocks", "--json", "--offline"]).then(
+    (json) => {
+      tick();
+      return json ? mapCcusageBlocks(json) : [];
+    }
+  );
+  const cursorTask = collectCursor().then((c) => {
+    tick();
+    return c;
+  });
+  const attributionTask = collectAttribution().then((a) => {
+    tick();
+    return a;
+  });
+  const [sourceResults, sessions, blocks, cursor, attribution] = await Promise.all([
+    Promise.all(sourceTasks),
+    sessionTask,
+    blockTask,
+    cursorTask,
+    attributionTask
+  ]);
   const entries = [];
   const toolsFound = [];
-  for (const source of SOURCES) {
-    const json = runCcusage(cmd, [
-      ...prefixArgs,
-      source,
-      "daily",
-      "--json",
-      "--offline"
-    ]);
-    if (!json) continue;
-    const mapped = mapCcusageDaily(source, json);
+  for (const { source, mapped } of sourceResults) {
     if (mapped.length > 0) {
       entries.push(...mapped);
       toolsFound.push(source);
     }
   }
-  const sessionJson = runCcusage(cmd, [...prefixArgs, "session", "--json", "--offline"]);
-  const blockJson = runCcusage(cmd, [...prefixArgs, "blocks", "--json", "--offline"]);
-  const sessions = sessionJson ? mapCcusageSessions(sessionJson) : [];
-  const blocks = blockJson ? mapCcusageBlocks(blockJson) : [];
-  const cursor = await collectCursor();
   if (cursor.found) {
     entries.push(...cursor.entries);
     blocks.push(...cursor.blocks);
     toolsFound.push("cursor");
   }
-  const { tools, skills, projects, agent, titles, sessionMessages } = collectAttribution();
+  const { tools, skills, projects, agent, titles, sessionMessages, complete } = attribution;
+  onProgress?.(COLLECT_STAGES, COLLECT_STAGES, "");
   const dedupedSessions = dedupeSessions(sessions).map((s) => {
     const title = titles.get(s.sessionId);
     const messageCount = sessionMessages.get(s.sessionId);
@@ -972,7 +1140,8 @@ async function collectAll() {
     tools,
     skills,
     projects,
-    agent
+    agent,
+    attributionComplete: complete
   };
 }
 
@@ -5118,6 +5287,13 @@ var SubmitPayload = external_exports.object({
   projects: external_exports.array(ProjectStat).max(500).optional(),
   /** Optional subagent-vs-main rollup parsed from local transcripts. */
   agent: AgentStat.optional(),
+  /**
+   * Set when the transcript scan completed within its time budget, i.e. the
+   * tool/skill/project/agent rollups are a FULL snapshot. The server refreshes
+   * the dashboard breakdowns unconditionally for a full snapshot; for a partial
+   * one (flag absent/false) it keeps its no-shrink guard. Back-compat: omittable.
+   */
+  attributionComplete: external_exports.boolean().optional(),
   /** Optional friends-board code (from `--board=<code>`): auto-join this board on submit. */
   board: external_exports.string().min(1).max(32).optional()
 });
@@ -5132,7 +5308,7 @@ var LeaderboardPeriod = external_exports.enum(["today", "7d", "30d", "all"]);
 var LeaderboardMetric = external_exports.enum(["tokens", "cost"]);
 
 // src/output.ts
-import pc from "picocolors";
+import pc2 from "picocolors";
 function formatTokens(n) {
   if (n >= 1e9) return `${(n / 1e9).toFixed(2)}B`;
   if (n >= 1e6) return `${(n / 1e6).toFixed(1)}M`;
@@ -5160,20 +5336,20 @@ function printSummary(entries) {
     byTool.set(e.tool, agg);
   }
   console.log();
-  console.log(pc.bold(pc.yellow("  \u{1F525} your burn report")));
+  console.log(pc2.bold(pc2.yellow("  \u{1F525} your burn report")));
   console.log();
   const rows = [...byTool.entries()].sort((a, b) => b[1].tokens - a[1].tokens);
   for (const [tool, agg] of rows) {
     console.log(
-      `  ${pc.cyan(tool.padEnd(10))} ${formatTokens(agg.tokens).padStart(9)} tokens  ${formatUSD(agg.cost).padStart(10)}  ${String(agg.days.size).padStart(4)} days`
+      `  ${pc2.cyan(tool.padEnd(10))} ${formatTokens(agg.tokens).padStart(9)} tokens  ${formatUSD(agg.cost).padStart(10)}  ${String(agg.days.size).padStart(4)} days`
     );
   }
-  console.log(pc.dim("  " + "\u2500".repeat(46)));
+  console.log(pc2.dim("  " + "\u2500".repeat(46)));
   console.log(
-    `  ${pc.bold("total".padEnd(10))} ${pc.bold(formatTokens(totalTokens).padStart(9))} tokens  ${pc.bold(formatUSD(totalCost).padStart(10))}`
+    `  ${pc2.bold("total".padEnd(10))} ${pc2.bold(formatTokens(totalTokens).padStart(9))} tokens  ${pc2.bold(formatUSD(totalCost).padStart(10))}`
   );
   if (todayTokens > 0) {
-    console.log(`  ${pc.dim("today".padEnd(10))} ${formatTokens(todayTokens).padStart(9)} tokens`);
+    console.log(`  ${pc2.dim("today".padEnd(10))} ${formatTokens(todayTokens).padStart(9)} tokens`);
   }
   console.log();
 }
@@ -5233,7 +5409,18 @@ function renderDashboardHtml(entries, generatedAt = /* @__PURE__ */ new Date(),
   const modelRows = [...byModel.entries()].sort((a, b) => b[1].tokens - a[1].tokens).slice(0, 12).map(
     ([model, a]) => `<tr><td class="mono">${esc(model)}</td><td class="num">${esc(formatTokens(a.tokens))}</td><td class="num">${esc(formatUSD(a.cost))}</td></tr>`
   ).join("");
-  const stat = (label, value, accent = false) => `<div class="card"><div class="label">${label}</div><div class="value${accent ? " accent" : ""}">${esc(value)}</div></div>`;
+  const railRow = (label, value, accent = false) => `<div class="rrow"><span class="rlabel">${esc(label)}</span><span class="rval${accent ? " accent" : ""}">${esc(value)}</span></div>`;
+  const tb = [
+    { label: "input", value: totals.input, color: "#3b82f6" },
+    { label: "output", value: totals.output, color: "#22c55e" },
+    { label: "cache write", value: totals.cacheWrite, color: "#a855f7" },
+    { label: "cache read", value: totals.cacheRead, color: "#ea580c" }
+  ];
+  const tbSum = tb.reduce((a, p) => a + p.value, 0) || 1;
+  const tbBar = tb.map((p) => `<div style="width:${p.value / tbSum * 100}%;background:${p.color}"></div>`).join("");
+  const tbCells = tb.map(
+    (p) => `<div class="tbcell"><div class="tblabel"><span class="dot" style="background:${p.color}"></span>${p.label}</div><div class="tbval">${esc(formatTokens(p.value))}</div><div class="tbpct">${Math.round(p.value / tbSum * 100)}%</div></div>`
+  ).join("");
   const connectCta = connect ? `
     <form class="connect" method="POST" action="${esc(connect.webBaseUrl)}/connect">
       <input type="hidden" name="payload" value="${Buffer.from(JSON.stringify(connect.payload)).toString("base64")}">
@@ -5260,19 +5447,36 @@ function renderDashboardHtml(entries, generatedAt = /* @__PURE__ */ new Date(),
     font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
     line-height: 1.5;
   }
-  .wrap { max-width: 960px; margin: 0 auto; padding: 40px 20px 80px; }
-  h1 { font-size: 28px; margin: 0; }
+  .wrap { max-width: 1100px; margin: 0 auto; padding: 40px 20px 80px; }
+  h1 { font-size: 22px; margin: 0; line-height: 1.2; }
   h1 .q { color: #ea580c; }
-  .sub { color: #a8a29e; font-size: 14px; margin-top: 4px; }
+  .sub { color: #a8a29e; font-size: 13px; margin-top: 4px; }
   .mono, code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
-  .grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin: 28px 0; }
-  @media (min-width: 640px) { .grid { grid-template-columns: repeat(5, 1fr); } }
-  .card { background: #1c1917; border: 1px solid #292524; border-radius: 12px; padding: 14px 16px; }
-  .label { font-size: 11px; text-transform: uppercase; letter-spacing: .1em; color: #a8a29e; }
-  .value { font-size: 22px; font-weight: 700; font-family: ui-monospace, monospace; margin-top: 6px; font-variant-numeric: tabular-nums; }
-  .value.accent { color: #ea580c; }
-  .panel { background: #1c1917; border: 1px solid #292524; border-radius: 12px; padding: 18px 20px; margin-top: 20px; }
+  .head { display: flex; align-items: center; gap: 14px; margin-bottom: 22px; }
+  .flame { width: 46px; height: 46px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 12px; border: 1px solid #292524; background: #1c1917; font-size: 22px; }
+
+  /* Split layout: narrow sticky rail + wide scrolling column (mirrors the web). */
+  .layout { display: grid; gap: 24px; align-items: start; }
+  @media (min-width: 900px) { .layout { grid-template-columns: 280px minmax(0, 1fr); } .rail { position: sticky; top: 20px; } }
+  .rail { display: flex; flex-direction: column; gap: 16px; }
+  .rail-card { background: #1c1917; border: 1px solid #292524; border-radius: 14px; padding: 16px; }
+  .hero-val { font-size: 30px; font-weight: 800; font-family: ui-monospace, monospace; color: #4ade80; font-variant-numeric: tabular-nums; line-height: 1.1; margin-top: 2px; }
+  .rdiv { height: 1px; background: #292524; margin: 12px 0; }
+  .rrow { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; padding: 5px 0; }
+  .rlabel { font-size: 11px; text-transform: uppercase; letter-spacing: .12em; color: #a8a29e; }
+  .rval { font-family: ui-monospace, monospace; font-size: 14px; font-weight: 600; font-variant-numeric: tabular-nums; }
+  .rval.accent { color: #4ade80; }
+  .col { display: flex; flex-direction: column; gap: 20px; min-width: 0; }
+  .panel { background: #1c1917; border: 1px solid #292524; border-radius: 14px; padding: 18px 20px; }
   .panel h2 { font-size: 13px; text-transform: uppercase; letter-spacing: .08em; color: #d6d3d1; margin: 0 0 14px; }
+  .tbbar { display: flex; height: 12px; width: 100%; border-radius: 999px; overflow: hidden; background: #292524; }
+  .tbgrid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-top: 14px; }
+  @media (min-width: 520px) { .tbgrid { grid-template-columns: repeat(4, 1fr); } }
+  .tbcell { border: 1px solid #292524; background: #0c0a09; border-radius: 10px; padding: 8px 10px; }
+  .tblabel { display: flex; align-items: center; gap: 6px; font-size: 10px; text-transform: uppercase; letter-spacing: .08em; color: #a8a29e; }
+  .dot { width: 8px; height: 8px; border-radius: 999px; display: inline-block; flex-shrink: 0; }
+  .tbval { font-family: ui-monospace, monospace; font-weight: 700; font-size: 16px; margin-top: 4px; font-variant-numeric: tabular-nums; }
+  .tbpct { font-size: 11px; color: #a8a29e; }
   .chart { display: flex; align-items: flex-end; gap: 2px; height: 140px; }
   .bar { flex: 1; background: linear-gradient(to top, #ea580c, #f97316); border-radius: 2px 2px 0 0; min-height: 0; transition: opacity .15s; }
   .bar:hover { opacity: .7; }
@@ -5296,48 +5500,55 @@ function renderDashboardHtml(entries, generatedAt = /* @__PURE__ */ new Date(),
 </head>
 <body>
   <div class="wrap">
-    <h1>who burned more<span class="q">?</span></h1>
-    <div class="sub">your local burn report \xB7 generated ${esc(generatedAt.toISOString().slice(0, 16).replace("T", " "))} \xB7 nothing left your machine</div>
+    <header class="head">
+      <div class="flame">\u{1F525}</div>
+      <div>
+        <h1>your local burn</h1>
+        <div class="sub">generated ${esc(generatedAt.toISOString().slice(0, 16).replace("T", " "))} \xB7 nothing left your machine</div>
+      </div>
+    </header>
 ${connectCta}
-    <div class="grid">
-      ${stat("total tokens", formatTokens(totals.tokens), true)}
-      ${stat("est. cost", formatUSD(totals.cost))}
-      ${stat("active days", String(activeDays))}
-      ${stat("avg / day", formatTokens(avgPerDay))}
-      ${stat("today", formatTokens(todayTokens))}
-    </div>
+    <div class="layout">
+      <aside class="rail">
+        <div class="rail-card">
+          <div class="rlabel">total tokens</div>
+          <div class="hero-val">${esc(formatTokens(totals.tokens))}</div>
+          <div class="rdiv"></div>
+          ${railRow("avg / day", formatTokens(avgPerDay), true)}
+          ${railRow("est. cost", formatUSD(totals.cost))}
+          ${railRow("active days", String(activeDays))}
+          ${railRow("today", formatTokens(todayTokens))}
+        </div>
+      </aside>
 
-    <div class="panel">
-      <h2>daily burn (last 60 days)</h2>
-      <div class="chart">${bars}</div>
-    </div>
+      <div class="col">
+        <div class="panel">
+          <h2>daily burn (last 60 days)</h2>
+          <div class="chart">${bars}</div>
+        </div>
 
-    <div class="panel">
-      <h2>by tool</h2>
-      <table>
-        <thead><tr><th>tool</th><th class="num">tokens</th><th class="num">est. cost</th></tr></thead>
-        <tbody>${toolRows || '<tr><td colspan="3">no usage found</td></tr>'}</tbody>
-      </table>
-    </div>
+        <div class="panel">
+          <h2>by tool</h2>
+          <table>
+            <thead><tr><th>tool</th><th class="num">tokens</th><th class="num">est. cost</th></tr></thead>
+            <tbody>${toolRows || '<tr><td colspan="3">no usage found</td></tr>'}</tbody>
+          </table>
+        </div>
 
-    <div class="panel">
-      <h2>by model</h2>
-      <table>
-        <thead><tr><th>model</th><th class="num">tokens</th><th class="num">est. cost</th></tr></thead>
-        <tbody>${modelRows || '<tr><td colspan="3">no usage found</td></tr>'}</tbody>
-      </table>
-    </div>
+        <div class="panel">
+          <h2>by model</h2>
+          <table>
+            <thead><tr><th>model</th><th class="num">tokens</th><th class="num">est. cost</th></tr></thead>
+            <tbody>${modelRows || '<tr><td colspan="3">no usage found</td></tr>'}</tbody>
+          </table>
+        </div>
 
-    <div class="panel">
-      <h2>token breakdown</h2>
-      <table>
-        <tbody>
-          <tr><td>input</td><td class="num">${esc(formatTokens(totals.input))}</td></tr>
-          <tr><td>output</td><td class="num">${esc(formatTokens(totals.output))}</td></tr>
-          <tr><td>cache write</td><td class="num">${esc(formatTokens(totals.cacheWrite))}</td></tr>
-          <tr><td>cache read</td><td class="num">${esc(formatTokens(totals.cacheRead))}</td></tr>
-        </tbody>
-      </table>
+        <div class="panel">
+          <h2>token breakdown</h2>
+          <div class="tbbar">${tbBar}</div>
+          <div class="tbgrid">${tbCells}</div>
+        </div>
+      </div>
     </div>
 
     <div class="foot">
@@ -5369,23 +5580,62 @@ async function publishLocal(payload, deps) {
 // src/index.ts
 var require2 = createRequire4(import.meta.url);
 var VERSION = require2("../package.json").version;
-function startSpinner(label) {
+var LOADING_VIBES = [
+  "counting up your token usage, right here on your machine\u2026",
+  "tallying tokens across every coding agent you use\u2026",
+  "adding up cache reads, writes & all the burn\u2026",
+  "tokens & totals only \u2014 never your prompts or code\u2026",
+  "summing up your usage, model by model\u2026",
+  "working out what all that burn cost you \u{1F525}",
+  "crunching your daily token totals\u2026",
+  "almost there \u2014 adding it all up\u2026"
+];
+function startProgress() {
   if (!process.stdout.isTTY) {
-    console.log(pc2.dim(`  ${label}`));
-    return () => {
+    let lastLogged = -1;
+    return {
+      onProgress: (done, total) => {
+        const pct = Math.round(done / total * 100);
+        if (pct >= lastLogged + 25 || pct === 100 && lastLogged < 100) {
+          lastLogged = pct;
+          console.log(pc3.dim(`  counting local token usage\u2026 ${pct}%`));
+        }
+      },
+      stop: () => {
+      }
     };
   }
-  const frames = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
-  let i = 0;
+  const width = 24;
+  let target = 0;
+  let shown = 0;
+  let ticks = 0;
   process.stdout.write("\x1B[?25l");
-  const timer = setInterval(() => {
-    i = (i + 1) % frames.length;
-    process.stdout.write(`\r  ${pc2.yellow(frames[i])} ${pc2.dim(label)}`);
-  }, 80);
-  return () => {
-    clearInterval(timer);
-    process.stdout.write("\r\x1B[2K");
-    process.stdout.write("\x1B[?25h");
+  const vibe = () => {
+    if (shown >= 0.9) return LOADING_VIBES[LOADING_VIBES.length - 1];
+    const i = Math.floor(ticks / 18) % (LOADING_VIBES.length - 1);
+    return LOADING_VIBES[i];
+  };
+  const render = () => {
+    ticks++;
+    shown += (target - shown) * 0.3;
+    if (target - shown < 4e-3) shown = target;
+    const filled = Math.round(shown * width);
+    const bar = pc3.yellow("\u2588".repeat(filled)) + pc3.dim("\u2591".repeat(width - filled));
+    const pct = String(Math.round(shown * 100)).padStart(3);
+    process.stdout.write(`\r  ${bar} ${pct}%  ${pc3.dim(vibe())}\x1B[K`);
+  };
+  render();
+  const timer = setInterval(render, 60);
+  return {
+    // Stage labels are no longer surfaced (the narration is friendlier); we only
+    // consume the done/total fraction to drive the bar.
+    onProgress: (done, total) => {
+      target = total > 0 ? done / total : 0;
+    },
+    stop: () => {
+      clearInterval(timer);
+      process.stdout.write("\r\x1B[2K\x1B[?25h");
+    }
   };
 }
 function openBrowser(url) {
@@ -5396,7 +5646,7 @@ function openBrowser(url) {
 async function confirm(question) {
   if (!process.stdin.isTTY) return false;
   const rl = createInterface({ input: process.stdin, output: process.stdout });
-  const answer = (await rl.question(`${question} ${pc2.dim("[Y/n]")} `)).trim();
+  const answer = (await rl.question(`${question} ${pc3.dim("[Y/n]")} `)).trim();
   rl.close();
   return answer === "" || /^y(es)?$/i.test(answer);
 }
@@ -5412,27 +5662,37 @@ function showLocalDashboard(payload) {
     })
   );
   console.log();
-  console.log(`  Local dashboard: ${pc2.cyan(`file://${file}`)}`);
-  console.log(pc2.dim("  Re-run `npx whoburnedmore --local` to refresh it. Nothing left your machine."));
+  console.log(`  Local dashboard: ${pc3.cyan(`file://${file}`)}`);
+  console.log(pc3.dim("  Re-run `npx whoburnedmore --local` to refresh it. Nothing left your machine."));
   openBrowser(`file://${file}`);
 }
 async function run(flags) {
   if (!flags.quiet) {
-    console.log(pc2.dim(`whoburnedmore v${VERSION} \xB7 ${flags.local ? "local mode" : apiBase()}`));
+    printBanner();
+    console.log(pc3.dim(`  whoburnedmore v${VERSION} \xB7 ${flags.local ? "local mode" : apiBase()}`));
+    if (!flags.dryRun && !flags.noSubmit && !flags.local) {
+      console.log(
+        pc3.dim("  Counting your token usage and posting your rank \u2014 only daily totals leave your machine, never your prompts or code.")
+      );
+      console.log(
+        pc3.dim("  (`--local` keeps it fully offline \xB7 `private`/`remove` pull it anytime \xB7 details: whoburnedmore.com/trust)")
+      );
+    }
+    console.log();
   }
-  const stop = flags.quiet ? () => {
-  } : startSpinner("Calculating your burn from local usage\u2026");
+  const progress = flags.quiet ? { onProgress: void 0, stop: () => {
+  } } : startProgress();
   let collected;
   try {
-    collected = await collectAll();
+    collected = await collectAll(progress.onProgress);
   } finally {
-    stop();
+    progress.stop();
   }
-  const { entries, sessions, blocks, toolsFound, tools, skills, projects, agent } = collected;
+  const { entries, sessions, blocks, toolsFound, tools, skills, projects, agent, attributionComplete } = collected;
   if (entries.length === 0) {
     console.log();
     console.log("  Nothing to burn yet \u2014 no local usage found from any coding agent.");
-    console.log(pc2.dim("  Use Claude Code, Codex, Gemini CLI (or friends) and come back."));
+    console.log(pc3.dim("  Use Claude Code, Codex, Gemini CLI (or friends) and come back."));
     return;
   }
   const payload = { cliVersion: VERSION, entries };
@@ -5442,9 +5702,11 @@ async function run(flags) {
   if (skills.length > 0) payload.skills = skills;
   if (projects.length > 0) payload.projects = projects;
   if (agent.messageCount > 0) payload.agent = agent;
+  if (attributionComplete && (tools.length > 0 || skills.length > 0 || projects.length > 0))
+    payload.attributionComplete = true;
   if (flags.board) payload.board = flags.board;
   if (flags.dryRun) {
-    console.log(pc2.dim("\n  --dry-run: this exact payload would be sent, nothing else:\n"));
+    console.log(pc3.dim("\n  --dry-run: this exact payload would be sent, nothing else:\n"));
     console.log(JSON.stringify(payload, null, 2));
     return;
   }
@@ -5457,42 +5719,42 @@ async function run(flags) {
         ensureAnonKey,
         anonSubmit,
         openBrowser,
-        log: (line) => console.log(pc2.dim(line))
+        log: (line) => console.log(pc3.dim(line))
       });
     }
     return;
   }
   if (flags.noSubmit) {
-    console.log(pc2.dim("  --no-submit: skipped the dashboard."));
+    console.log(pc3.dim("  --no-submit: skipped the dashboard."));
     return;
   }
   const anonKey = ensureAnonKey();
   const result = await anonSubmit(anonKey, payload);
   const target = result.boardUrl ?? claimUrl(result.dashboardUrl, anonKey);
   if (!flags.quiet) {
-    console.log(pc2.dim("  Opening your dashboard in your browser\u2026"));
+    console.log(pc3.dim("  Opening your dashboard in your browser\u2026"));
     openBrowser(target);
   }
   console.log(
-    `  Submitted ${pc2.bold(String(result.upserted))} day-entries from ${toolsFound.join(", ")}.`
+    `  Submitted ${pc3.bold(String(result.upserted))} day-entries from ${toolsFound.join(", ")}.`
   );
   if (result.boardUrl) {
     console.log(
-      `  You burned ${pc2.bold(formatTokens(result.totalTokens))} tokens \u2014 \u{1F91D} you're on the friends board:`
+      `  You burned ${pc3.bold(formatTokens(result.totalTokens))} tokens \u2014 \u{1F91D} you're on the friends board:`
     );
-    console.log(`  ${pc2.cyan(result.boardUrl)}`);
-    console.log(pc2.dim(`  Your dashboard: ${result.dashboardUrl}`));
+    console.log(`  ${pc3.cyan(result.boardUrl)}`);
+    console.log(pc3.dim(`  Your dashboard: ${result.dashboardUrl}`));
   } else {
     console.log(
-      `  You burned ${pc2.bold(formatTokens(result.totalTokens))} tokens \u2014 you're on the public leaderboard:`
+      `  You burned ${pc3.bold(formatTokens(result.totalTokens))} tokens \u2014 you're on the public leaderboard:`
     );
-    console.log(`  ${pc2.cyan(result.dashboardUrl)}`);
+    console.log(`  ${pc3.cyan(result.dashboardUrl)}`);
     if (!flags.quiet) {
       console.log(
-        pc2.dim("  Claim it (name + X) on the web to own your rank, or make it private / remove it.")
+        pc3.dim("  Claim it (name + X) on the web to own your rank, or make it private / remove it.")
       );
       console.log(
-        pc2.dim("  Manage anytime: `npx whoburnedmore private` \xB7 `npx whoburnedmore public` \xB7 `npx whoburnedmore remove`.")
+        pc3.dim("  Manage anytime: `npx whoburnedmore private` \xB7 `npx whoburnedmore public` \xB7 `npx whoburnedmore remove`.")
       );
     }
   }
@@ -5505,7 +5767,7 @@ async function run(flags) {
   if (!flags.quiet) {
     console.log();
     console.log(
-      autoSyncInstalled() ? pc2.dim("  Background sync is on \u2014 your page updates automatically every 3h (`npx whoburnedmore uninstall-sync` to stop).") : pc2.dim("  Re-run anytime to update your page.")
+      autoSyncInstalled() ? pc3.dim("  Background sync is on \u2014 your page updates automatically every hour (`npx whoburnedmore uninstall-sync` to stop).") : pc3.dim("  Re-run anytime to update your page.")
     );
   }
 }
@@ -5580,9 +5842,9 @@ async function main() {
 }
 function printHelp() {
   console.log(`
-  ${pc2.bold("whoburnedmore")} \u2014 who burned more tokens, you or them?
+  ${pc3.bold("whoburnedmore")} \u2014 who burned more tokens, you or them?
 
-  ${pc2.bold("usage")}
+  ${pc3.bold("usage")}
     npx whoburnedmore              burn + land on the public leaderboard, open your dashboard
     npx whoburnedmore --board=CODE compare with friends \u2014 join their board (no sign-in)
     npx whoburnedmore --local      build the dashboard on your machine and open it (offline)
@@ -5595,7 +5857,7 @@ function printHelp() {
     npx whoburnedmore install-sync     turn it back on after uninstalling
 
   Background sync is on by default: after your first run, your page refreshes
-  automatically every 3h (\`uninstall-sync\` to stop). Your dashboard is public on
+  automatically every hour (\`uninstall-sync\` to stop). Your dashboard is public on
   the leaderboard as an anonymous burner \u2014 sign in on whoburnedmore.com to claim
   it (handle + X) and own your rank, or run \`private\`/\`remove\` to pull it. Only
   daily aggregate numbers (date, tool, model, token counts, est. cost) ever leave
@@ -5604,7 +5866,7 @@ function printHelp() {
 `);
 }
 main().catch((err) => {
-  console.error(pc2.red(`
+  console.error(pc3.red(`
   ${err.message}
 `));
   process.exitCode = 1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "whoburnedmore",
-  "version": "0.6.0",
+  "version": "0.8.1",
   "description": "Find out who burned more — submit your AI coding-agent token usage to the public leaderboard at whoburnedmore.com",
   "type": "module",
   "bin": {
@@ -20,8 +20,7 @@
   },
   "dependencies": {
     "ccusage": "20.0.9",
-    "picocolors": "^1.1.1",
-    "tokscale": "^1.2.7"
+    "picocolors": "^1.1.1"
   },
   "devDependencies": {
     "@types/node": "^22.10.0",