tokenleak 1.0.2 → 1.1.0

package/tokenleak

@@ -755,6 +755,234 @@ function computePreviousPeriod(current) {
     until: formatDateStringUtc(prevUntil)
   };
 }
+// packages/core/dist/aggregation/more.js
+function daysInMonth(dateString) {
+  const [year, month] = dateString.split("-").map(Number);
+  if (!year || !month) {
+    return 30;
+  }
+  return new Date(Date.UTC(year, month, 0)).getUTCDate();
+}
+function buildInputOutput(providers) {
+  let inputTokens = 0;
+  let outputTokens = 0;
+  for (const provider of providers) {
+    for (const day of provider.daily) {
+      inputTokens += day.inputTokens;
+      outputTokens += day.outputTokens;
+    }
+  }
+  const nonCacheTokens = inputTokens + outputTokens;
+  return {
+    inputPerOutput: outputTokens > 0 ? inputTokens / outputTokens : null,
+    outputPerInput: inputTokens > 0 ? outputTokens / inputTokens : null,
+    outputShare: nonCacheTokens > 0 ? outputTokens / nonCacheTokens : 0
+  };
+}
+function buildMonthlyBurn(providers, range) {
+  const monthPrefix = range.until.slice(0, 7);
+  const monthStart = `${monthPrefix}-01`;
+  const observedSince = range.since > monthStart ? range.since : monthStart;
+  const observedDays = Math.max(1, Math.round((Date.parse(`${range.until}T00:00:00Z`) - Date.parse(`${observedSince}T00:00:00Z`)) / 86400000) + 1);
+  let observedTokens = 0;
+  let observedCost = 0;
+  for (const provider of providers) {
+    for (const day of provider.daily) {
+      if (day.date >= observedSince && day.date <= range.until) {
+        observedTokens += day.totalTokens;
+        observedCost += day.cost;
+      }
+    }
+  }
+  const calendarDays = daysInMonth(range.until);
+  const tokensPerDay = observedTokens / observedDays;
+  const costPerDay = observedCost / observedDays;
+  return {
+    projectedTokens: tokensPerDay * calendarDays,
+    projectedCost: costPerDay * calendarDays,
+    observedDays,
+    calendarDays
+  };
+}
+function buildCacheEconomics(providers) {
+  let readTokens = 0;
+  let writeTokens = 0;
+  let inputTokens = 0;
+  for (const provider of providers) {
+    for (const day of provider.daily) {
+      readTokens += day.cacheReadTokens;
+      writeTokens += day.cacheWriteTokens;
+      inputTokens += day.inputTokens;
+    }
+  }
+  const readCoverage = readTokens + inputTokens > 0 ? readTokens / (readTokens + inputTokens) : 0;
+  return {
+    readTokens,
+    writeTokens,
+    readCoverage,
+    reuseRatio: writeTokens > 0 ? readTokens / writeTokens : null
+  };
+}
+function collectEvents(providers) {
+  return providers.flatMap((provider) => provider.events ?? []);
+}
+function buildHourOfDay(events) {
+  const buckets = Array.from({ length: 24 }, (_, hour) => ({
+    hour,
+    tokens: 0,
+    cost: 0,
+    count: 0
+  }));
+  for (const event of events) {
+    const date = new Date(event.timestamp);
+    if (Number.isNaN(date.getTime())) {
+      continue;
+    }
+    const bucket = buckets[date.getUTCHours()];
+    if (!bucket) {
+      continue;
+    }
+    bucket.tokens += event.totalTokens;
+    bucket.cost += event.cost;
+    bucket.count += 1;
+  }
+  return buckets;
+}
+function buildSessionMetrics(events) {
+  const sessions = new Map;
+  const projects = new Map;
+  for (const event of events) {
+    const key = event.sessionId?.trim() || `${event.provider}:${event.timestamp}`;
+    const timestamp = Date.parse(event.timestamp);
+    const safeTime = Number.isFinite(timestamp) ? timestamp : 0;
+    let session = sessions.get(key);
+    if (!session) {
+      session = {
+        label: event.projectId?.trim() || event.sessionId?.trim() || key,
+        tokens: 0,
+        cost: 0,
+        count: 0,
+        projectId: event.projectId?.trim() || undefined,
+        firstTimestamp: safeTime,
+        lastTimestamp: safeTime,
+        explicitDurationMs: 0,
+        hasExplicitDuration: false
+      };
+      sessions.set(key, session);
+    }
+    session.tokens += event.totalTokens;
+    session.cost += event.cost;
+    session.count += 1;
+    session.firstTimestamp = Math.min(session.firstTimestamp, safeTime);
+    session.lastTimestamp = Math.max(session.lastTimestamp, safeTime);
+    if (typeof event.durationMs === "number" && Number.isFinite(event.durationMs)) {
+      session.explicitDurationMs += Math.max(0, event.durationMs);
+      session.hasExplicitDuration = true;
+    }
+    if (event.projectId?.trim()) {
+      projects.set(event.projectId, (projects.get(event.projectId) ?? 0) + event.totalTokens);
+    }
+  }
+  const sessionEntries = [...sessions.values()];
+  const totalSessions = sessionEntries.length;
+  let totalTokens = 0;
+  let totalCost = 0;
+  let totalMessages = 0;
+  let durationTotal = 0;
+  let durationCount = 0;
+  let longestSession = null;
+  let longestSessionDuration = -1;
+  for (const session of sessionEntries) {
+    totalTokens += session.tokens;
+    totalCost += session.cost;
+    totalMessages += session.count;
+    const derivedDurationMs = session.hasExplicitDuration ? session.explicitDurationMs : session.lastTimestamp > session.firstTimestamp ? session.lastTimestamp - session.firstTimestamp : 0;
+    if (derivedDurationMs > 0) {
+      durationTotal += derivedDurationMs;
+      durationCount += 1;
+    }
+    if (derivedDurationMs > longestSessionDuration || derivedDurationMs === longestSessionDuration && (!longestSession || session.tokens > longestSession.tokens)) {
+      longestSessionDuration = derivedDurationMs;
+      longestSession = {
+        label: session.label,
+        tokens: session.tokens,
+        cost: session.cost,
+        count: session.count,
+        durationMs: derivedDurationMs > 0 ? derivedDurationMs : null
+      };
+    }
+  }
+  let topProject = null;
+  for (const [name, tokens] of projects) {
+    if (!topProject || tokens > topProject.tokens) {
+      topProject = { name, tokens };
+    }
+  }
+  return {
+    totalSessions,
+    averageTokens: totalSessions > 0 ? totalTokens / totalSessions : 0,
+    averageCost: totalSessions > 0 ? totalCost / totalSessions : 0,
+    averageMessages: totalSessions > 0 ? totalMessages / totalSessions : 0,
+    averageDurationMs: durationCount > 0 ? durationTotal / durationCount : null,
+    longestSession,
+    projectCount: projects.size,
+    topProject
+  };
+}
+function computeModelMixShift(currentProviders, previousProviders, limit = 5) {
+  const currentModelTokens = new Map;
+  const previousModelTokens = new Map;
+  let currentTotal = 0;
+  let previousTotal = 0;
+  for (const provider of currentProviders) {
+    for (const day of provider.daily) {
+      for (const model of day.models) {
+        currentModelTokens.set(model.model, (currentModelTokens.get(model.model) ?? 0) + model.totalTokens);
+        currentTotal += model.totalTokens;
+      }
+    }
+  }
+  for (const provider of previousProviders) {
+    for (const day of provider.daily) {
+      for (const model of day.models) {
+        previousModelTokens.set(model.model, (previousModelTokens.get(model.model) ?? 0) + model.totalTokens);
+        previousTotal += model.totalTokens;
+      }
+    }
+  }
+  const models = new Set([
+    ...currentModelTokens.keys(),
+    ...previousModelTokens.keys()
+  ]);
+  return [...models].map((model) => {
+    const currentTokens = currentModelTokens.get(model) ?? 0;
+    const previousTokens = previousModelTokens.get(model) ?? 0;
+    const currentShare = currentTotal > 0 ? currentTokens / currentTotal : 0;
+    const previousShare = previousTotal > 0 ? previousTokens / previousTotal : 0;
+    return {
+      model,
+      currentShare,
+      previousShare,
+      deltaShare: currentShare - previousShare,
+      currentTokens,
+      previousTokens
+    };
+  }).sort((a, b) => Math.abs(b.deltaShare) - Math.abs(a.deltaShare)).slice(0, limit);
+}
+function buildMoreStats(providers, range, compare = null) {
+  const events = collectEvents(providers);
+  return {
+    inputOutput: buildInputOutput(providers),
+    monthlyBurn: buildMonthlyBurn(providers, range),
+    cacheEconomics: buildCacheEconomics(providers),
+    hourOfDay: buildHourOfDay(events),
+    sessionMetrics: buildSessionMetrics(events),
+    compare: compare ? {
+      previousRange: compare.previousRange,
+      modelMixShift: computeModelMixShift(providers, compare.previousProviders)
+    } : null
+  };
+}
 // packages/core/dist/index.js
 var VERSION = "1.0.2";
 
@@ -1022,7 +1250,7 @@ async function* splitJsonlRecords(filePath) {
 }
 // packages/registry/dist/providers/claude-code.js
 import { existsSync, readdirSync, statSync } from "fs";
-import { join } from "path";
+import { dirname, join, relative, sep } from "path";
 import { homedir } from "os";
 
 // packages/registry/dist/utils.js
@@ -1101,6 +1329,7 @@ function extractUsage(record) {
   }
   return {
     date,
+    timestamp,
     model,
     inputTokens,
     outputTokens,
@@ -1181,13 +1410,18 @@ class ClaudeCodeProvider {
   async load(range) {
     const files = collectJsonlFiles(this.baseDir);
     const allRecords = [];
+    const allEvents = [];
     for (const file of files) {
       const latestRecordsByMessageId = new Map;
       const anonymousRecords = [];
+      const relativeFile = relative(this.baseDir, file).split(sep).join("/");
+      const projectId = relative(this.baseDir, dirname(file)).split(sep).join("/");
       try {
         for await (const record of splitJsonlRecords(file)) {
           const usage = extractUsage(record);
           if (usage !== null && isInRange(usage.date, range)) {
+            usage.sessionId = relativeFile;
+            usage.projectId = projectId;
             if (usage.messageId) {
               latestRecordsByMessageId.set(usage.messageId, usage);
             } else {
@@ -1201,6 +1435,24 @@ class ClaudeCodeProvider {
       allRecords.push(...latestRecordsByMessageId.values(), ...anonymousRecords);
     }
     const daily = buildDailyUsage(allRecords);
+    for (const record of allRecords) {
+      const normalizedModel = normalizeModelName(record.model);
+      const cost = estimateCost(record.model, record.inputTokens, record.outputTokens, record.cacheReadTokens, record.cacheWriteTokens);
+      allEvents.push({
+        provider: this.name,
+        timestamp: record.timestamp,
+        date: record.date,
+        model: normalizedModel,
+        inputTokens: record.inputTokens,
+        outputTokens: record.outputTokens,
+        cacheReadTokens: record.cacheReadTokens,
+        cacheWriteTokens: record.cacheWriteTokens,
+        totalTokens: record.inputTokens + record.outputTokens + record.cacheReadTokens + record.cacheWriteTokens,
+        cost,
+        sessionId: record.sessionId,
+        projectId: record.projectId
+      });
+    }
     const totalTokens = daily.reduce((sum, d) => sum + d.totalTokens, 0);
     const totalCost = daily.reduce((sum, d) => sum + d.cost, 0);
     return {
@@ -1209,13 +1461,14 @@ class ClaudeCodeProvider {
       daily,
       totalTokens,
       totalCost,
-      colors: this.colors
+      colors: this.colors,
+      events: allEvents
     };
   }
 }
 // packages/registry/dist/providers/codex.js
 import { existsSync as existsSync2, readdirSync as readdirSync2, statSync as statSync2 } from "fs";
-import { join as join2 } from "path";
+import { dirname as dirname2, join as join2, relative as relative2, sep as sep2 } from "path";
 import { homedir as homedir2 } from "os";
 var CODEX_COLORS = {
   primary: "#10a37f",
@@ -1373,6 +1626,7 @@ function parseTokenCountUsage(record, context) {
   const inputTokens = Math.max(0, usage.inputTokens - cacheReadTokens);
   return {
     date,
+    timestamp,
     model: context.model,
     inputTokens,
     outputTokens: usage.outputTokens,
@@ -1403,6 +1657,7 @@ function parseUsageRecord(record, context) {
   }
   return {
     date,
+    timestamp: legacyEvent.timestamp,
     model: compactModelDateSuffix(legacyEvent.model),
     inputTokens: legacyEvent.usage.input_tokens,
     outputTokens: legacyEvent.usage.output_tokens,
@@ -1429,11 +1684,14 @@ class CodexProvider {
   async load(range) {
     const dailyMap = new Map;
     const files = collectJsonlFiles2(this.sessionsDir);
+    const events = [];
     for (const file of files) {
       const context = {
         model: "gpt-5",
         previousTotals: null
       };
+      const relativeFile = relative2(this.sessionsDir, file).split(sep2).join("/");
+      const projectDir = relative2(this.sessionsDir, dirname2(file)).split(sep2).join("/");
       try {
         for await (const record of splitJsonlRecords(file)) {
           const usage = parseUsageRecord(record, context);
@@ -1443,12 +1701,28 @@ class CodexProvider {
           if (!isInRange(usage.date, range)) {
             continue;
           }
+          usage.sessionId = relativeFile;
+          usage.projectId = projectDir === "." ? undefined : projectDir;
           const normalizedModel = normalizeModelName(compactModelDateSuffix(usage.model));
           const inputTokens = usage.inputTokens;
           const outputTokens = usage.outputTokens;
           const cacheReadTokens = usage.cacheReadTokens;
           const cacheWriteTokens = usage.cacheWriteTokens;
           const cost = estimateCost(normalizedModel, inputTokens, outputTokens, cacheReadTokens, cacheWriteTokens);
+          events.push({
+            provider: this.name,
+            timestamp: usage.timestamp,
+            date: usage.date,
+            model: normalizedModel,
+            inputTokens,
+            outputTokens,
+            cacheReadTokens,
+            cacheWriteTokens,
+            totalTokens: inputTokens + outputTokens + cacheReadTokens + cacheWriteTokens,
+            cost,
+            sessionId: usage.sessionId,
+            projectId: usage.projectId
+          });
           if (!dailyMap.has(usage.date)) {
             dailyMap.set(usage.date, new Map);
           }
@@ -1503,7 +1777,8 @@ class CodexProvider {
       daily,
       totalTokens,
       totalCost,
-      colors: this.colors
+      colors: this.colors,
+      events
     };
   }
 }
@@ -1513,7 +1788,7 @@ import { join as join3 } from "path";
 import { homedir as homedir3 } from "os";
 import { Database } from "bun:sqlite";
 var PROVIDER_NAME = "open-code";
-var DISPLAY_NAME = "Open Code";
+var DISPLAY_NAME = "OpenCode";
 var COLORS = {
   primary: "#6366f1",
   secondary: "#a78bfa",
@@ -1549,12 +1824,46 @@ function extractDate2(createdAt) {
   }
   return date.toISOString().slice(0, 10);
 }
+function toTimestampMillis(createdAt) {
+  const timestamp = typeof createdAt === "number" ? createdAt : Number.isNaN(Number(createdAt)) ? Date.parse(createdAt) : Number(createdAt);
+  if (!Number.isFinite(timestamp)) {
+    return null;
+  }
+  const millis = Math.abs(timestamp) >= 1000000000000 ? timestamp : timestamp * 1000;
+  return Number.isFinite(millis) ? millis : null;
+}
+function toIsoTimestamp(createdAt) {
+  const millis = toTimestampMillis(createdAt);
+  if (millis === null) {
+    return null;
+  }
+  const date = new Date(millis);
+  return Number.isNaN(date.getTime()) ? null : date.toISOString();
+}
 function getRecordCost(record) {
   if (typeof record.explicitCost === "number" && Number.isFinite(record.explicitCost)) {
     return record.explicitCost;
   }
   return estimateCost(record.model, record.inputTokens, record.outputTokens, record.cacheReadTokens, record.cacheWriteTokens);
 }
+function toUsageEvent(record) {
+  const totalTokens = record.inputTokens + record.outputTokens + record.cacheReadTokens + record.cacheWriteTokens;
+  return {
+    provider: PROVIDER_NAME,
+    timestamp: record.timestamp,
+    date: record.date,
+    model: normalizeModelName(record.model),
+    inputTokens: record.inputTokens,
+    outputTokens: record.outputTokens,
+    cacheReadTokens: record.cacheReadTokens,
+    cacheWriteTokens: record.cacheWriteTokens,
+    totalTokens,
+    cost: getRecordCost(record),
+    sessionId: record.sessionId,
+    projectId: record.projectId,
+    durationMs: record.durationMs
+  };
+}
 function buildProviderData(records) {
   const byDate = new Map;
   for (const record of records) {
@@ -1614,7 +1923,8 @@ function buildProviderData(records) {
     daily,
     totalTokens,
     totalCost,
-    colors: COLORS
+    colors: COLORS,
+    events: records.map(toUsageEvent)
   };
 }
 function loadFromSqlite(dbPath, range) {
@@ -1629,18 +1939,21 @@ function loadFromSqlite(dbPath, range) {
     if (tables.length === 0) {
       return [];
     }
-    const rows = db.query("SELECT model, input_tokens, output_tokens, created_at FROM messages WHERE role = 'assistant'").all();
+    const rows = db.query("SELECT model, session_id, input_tokens, output_tokens, created_at FROM messages WHERE role = 'assistant'").all();
     const records = [];
     for (const row of rows) {
       const date = extractDate2(row.created_at);
-      if (date && isInRange(date, range)) {
+      const timestamp = toIsoTimestamp(row.created_at);
+      if (date && timestamp && isInRange(date, range)) {
         records.push({
           date,
+          timestamp,
           model: row.model,
           inputTokens: row.input_tokens,
           outputTokens: row.output_tokens,
           cacheReadTokens: 0,
-          cacheWriteTokens: 0
+          cacheWriteTokens: 0,
+          sessionId: row.session_id
         });
       }
     }
@@ -1666,14 +1979,17 @@ function loadFromLegacyJson(sessionsDir, range) {
           continue;
         }
         const date = extractDate2(msg.created_at);
-        if (date && isInRange(date, range)) {
+        const timestamp = toIsoTimestamp(msg.created_at);
+        if (date && timestamp && isInRange(date, range)) {
           records.push({
             date,
+            timestamp,
             model: msg.model,
             inputTokens: msg.usage.input_tokens,
             outputTokens: msg.usage.output_tokens,
             cacheReadTokens: 0,
-            cacheWriteTokens: 0
+            cacheWriteTokens: 0,
+            sessionId: file
           });
         }
       }
@@ -1711,7 +2027,8 @@ function loadFromCurrentStorage(baseDir, range) {
           continue;
         }
         const date = extractDate2(createdAt);
-        if (!date || !isInRange(date, range)) {
+        const timestamp = toIsoTimestamp(createdAt);
+        if (!date || !timestamp || !isInRange(date, range)) {
           continue;
         }
         const inputTokens = typeof message.tokens?.input === "number" ? message.tokens.input : 0;
@@ -1720,13 +2037,21 @@ function loadFromCurrentStorage(baseDir, range) {
         const cacheWriteTokens = typeof message.tokens?.cache?.write === "number" ? message.tokens.cache.write : 0;
         const record = {
           date,
+          timestamp,
           model,
           inputTokens,
           outputTokens,
           cacheReadTokens,
           cacheWriteTokens,
-          explicitCost: typeof message.cost === "number" ? message.cost : undefined
+          explicitCost: typeof message.cost === "number" ? message.cost : undefined,
+          sessionId: typeof message.sessionID === "string" && message.sessionID || sessionDir
         };
+        const completedAt = message.time?.completed;
+        const completedMs = typeof completedAt === "string" || typeof completedAt === "number" ? toTimestampMillis(completedAt) : null;
+        const createdMs = Date.parse(record.timestamp);
+        if (completedMs !== null && Number.isFinite(createdMs) && completedMs > createdMs) {
+          record.durationMs = completedMs - createdMs;
+        }
         const totalTokens = inputTokens + outputTokens + cacheReadTokens + cacheWriteTokens;
         if (totalTokens === 0 && !(typeof record.explicitCost === "number" && record.explicitCost > 0)) {
           continue;
@@ -1831,7 +2156,7 @@ var DOT_GAP = 8;
 var CELL_SIZE = 16;
 var CELL_GAP = 4;
 var STAT_GRID_COLS = 3;
-var MODEL_BAR_HEIGHT = 8;
+var MODEL_BAR_HEIGHT = 11;
 var DAY_LABEL_WIDTH = 44;
 var MONTH_LABEL_HEIGHT = 24;
 var PROVIDER_SECTION_GAP = 36;
@@ -1841,24 +2166,27 @@ var MODEL_BAR_GAP = 36;
 var MODEL_PERCENT_WIDTH = 40;
 
 // packages/renderers/dist/png/terminal-card.js
-var FONT_FAMILY = "'JetBrains Mono', 'SF Mono', 'Cascadia Code', 'Fira Code', monospace";
+var FONT_FAMILY = "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif";
+var MONO_FONT_FAMILY = "'JetBrains Mono', 'SF Mono', 'Cascadia Code', 'Fira Code', monospace";
 function getCardTheme(mode) {
   if (mode === "dark") {
     return {
       bg: "#09090b",
-      fg: "#ffffff",
-      muted: "#52525b",
-      border: "rgba(255,255,255,0.06)",
-      accent: "#10b981",
-      heatmapEmpty: "#141418",
-      barTrack: "#18181b",
-      titlebarBorder: "rgba(255,255,255,0.06)"
+      fg: "#f0f0f0",
+      muted: "#6b7280",
+      labelFg: "#b0b8c4",
+      border: "rgba(255,255,255,0.08)",
+      accent: "#34d399",
+      heatmapEmpty: "#1a1a22",
+      barTrack: "#151520",
+      titlebarBorder: "rgba(255,255,255,0.08)"
     };
   }
   return {
     bg: "#fafafa",
     fg: "#18181b",
     muted: "#a1a1aa",
+    labelFg: "#71717a",
     border: "rgba(0,0,0,0.08)",
     accent: "#059669",
     heatmapEmpty: "#e4e4e7",
@@ -1870,7 +2198,7 @@ function buildHeatmapScale(colors, isDark) {
   const [startHex, endHex] = colors.gradient;
   const s = hexToRgb(startHex);
   const e = hexToRgb(endHex);
-  const opacities = isDark ? [0.15, 0.35, 0.6, 1] : [0.2, 0.4, 0.65, 1];
+  const opacities = isDark ? [0.25, 0.5, 0.75, 1] : [0.2, 0.4, 0.65, 1];
   return [
     "transparent",
     ...opacities.map((t) => {
@@ -1957,6 +2285,41 @@ function formatPercentage(rate) {
 function formatStreak(n) {
   return `${n} day${n !== 1 ? "s" : ""}`;
 }
+function formatRatio(value, suffix = "x") {
+  if (value === null || !Number.isFinite(value)) {
+    return "n/a";
+  }
+  return `${value.toFixed(value >= 10 ? 1 : 2)}${suffix}`;
+}
+function formatPercentPoints(value) {
+  const prefix = value >= 0 ? "+" : "";
+  return `${prefix}${(value * 100).toFixed(1)}pp`;
+}
+function formatHour(hour) {
+  return `${hour.toString().padStart(2, "0")}:00`;
+}
+function formatDuration(durationMs) {
+  if (durationMs === null || durationMs === undefined || durationMs <= 0) {
+    return "n/a";
+  }
+  const totalMinutes = Math.round(durationMs / 60000);
+  if (totalMinutes < 60) {
+    return `${totalMinutes}m`;
+  }
+  const hours = Math.floor(totalMinutes / 60);
+  const minutes = totalMinutes % 60;
+  return minutes > 0 ? `${hours}h ${minutes}m` : `${hours}h`;
+}
+function truncateText(value, maxLength) {
+  return value.length > maxLength ? `${value.slice(0, maxLength - 1)}\u2026` : value;
+}
+function formatSessionSummary(summary) {
+  const duration = formatDuration(summary.durationMs);
+  if (duration === "n/a") {
+    return truncateText(summary.label, 20);
+  }
+  return truncateText(`${summary.label} \xB7 ${duration}`, 24);
+}
 function renderProviderHeatmap(daily, since, until, heatmapColors, emptyColor) {
   const tokenMap = new Map;
   for (const d of daily) {
@@ -2013,6 +2376,149 @@ function renderProviderHeatmap(daily, since, until, heatmapColors, emptyColor) {
 `);
   return { svg, gridWidth, height };
 }
+function renderSectionHeader(x, y, title, theme, cardAccent) {
+  const parts = [];
+  parts.push(`<rect x="${x}" y="${y - 8}" width="3" height="10" rx="1.5" fill="${escapeXml(cardAccent)}" opacity="0.6"/>`);
+  parts.push(`<text x="${x + 12}" y="${y}" fill="${escapeXml(theme.labelFg)}" font-size="11" font-family="${escapeXml(FONT_FAMILY)}" font-weight="700" letter-spacing="1.8">${escapeXml(title)}</text>`);
+  return parts.join(`
+`);
+}
+function renderMetricCard(x, y, width, title, lines, theme, cardAccent) {
+  const parts = [];
+  const height = 38 + lines.length * 22;
+  parts.push(`<rect x="${x}" y="${y}" width="${width}" height="${height}" rx="10" fill="${escapeXml(theme.barTrack)}" stroke="${escapeXml(theme.border)}" stroke-width="1"/>`);
+  parts.push(`<text x="${x + 18}" y="${y + 22}" fill="${escapeXml(theme.labelFg)}" font-size="10" font-family="${escapeXml(FONT_FAMILY)}" font-weight="700" letter-spacing="1.6">${escapeXml(title)}</text>`);
+  lines.forEach((line, index) => {
+    const lineY = y + 48 + index * 22;
+    parts.push(`<text x="${x + 18}" y="${lineY}" fill="${escapeXml(theme.fg)}" font-size="11" font-family="${escapeXml(FONT_FAMILY)}" font-weight="600">${escapeXml(line.label)}</text>`);
+    parts.push(`<text x="${x + width - 18}" y="${lineY}" fill="${escapeXml(line.accent ? cardAccent : theme.fg)}" font-size="12" font-family="${escapeXml(FONT_FAMILY)}" font-weight="700" text-anchor="end">${escapeXml(line.value)}</text>`);
+  });
+  return parts.join(`
+`);
+}
+function buildProviderHourBuckets(providers) {
+  return providers.map((p) => {
+    const hours = new Array(24).fill(0);
+    for (const event of p.events ?? []) {
+      const date = new Date(event.timestamp);
+      if (!Number.isNaN(date.getTime())) {
+        const h = date.getUTCHours();
+        hours[h] += event.totalTokens;
+      }
+    }
+    return { provider: p.provider, color: p.colors.primary, hours };
+  });
+}
+function renderHourOfDayChart(x, y, width, hourOfDay, theme, cardAccent, providers, isDark) {
+  const chartHeight = 140;
+  const innerHeight = 72;
+  const baselineY = y + 92;
+  const barAreaX = x + 18;
+  const barAreaWidth = width - 36;
+  const barGap = 4;
+  const barWidth = (barAreaWidth - barGap * 23) / 24;
+  const maxTokens = Math.max(...hourOfDay.map((entry) => entry.tokens), 0);
+  const busiest = hourOfDay.reduce((best, entry) => best === null || entry.tokens > best.tokens ? entry : best, null);
+  const isMulti = providers.length > 1;
+  const providerBuckets = isMulti ? buildProviderHourBuckets(providers) : [];
+  let legendSvg = "";
+  if (isMulti && providerBuckets.length > 0) {
+    const titleWidth = 105;
+    let legendX = x + 18 + titleWidth + 12;
+    const legendY = y + 22;
+    for (const bucket of providerBuckets) {
+      const displayName = providers.find((p) => p.provider === bucket.provider)?.displayName ?? bucket.provider;
+      legendSvg += `<rect x="${legendX}" y="${legendY - 8}" width="8" height="8" rx="2" fill="${escapeXml(bucket.color)}" opacity="0.85"/>` + `<text x="${legendX + 12}" y="${legendY - 1}" fill="${escapeXml(theme.fg)}" font-size="9" font-family="${escapeXml(FONT_FAMILY)}" font-weight="600">${escapeXml(displayName)}</text>`;
+      legendX += 12 + displayName.length * 5.5 + 16;
+    }
+  }
+  const bars = [
+    `<rect x="${x}" y="${y}" width="${width}" height="${chartHeight}" rx="10" fill="${escapeXml(theme.barTrack)}" stroke="${escapeXml(theme.border)}" stroke-width="1"/>`,
+    `<text x="${x + 18}" y="${y + 22}" fill="${escapeXml(theme.labelFg)}" font-size="10" font-family="${escapeXml(FONT_FAMILY)}" font-weight="700" letter-spacing="1.6">HOUR OF DAY</text>`,
+    legendSvg,
+    `<text x="${x + width - 18}" y="${y + 22}" fill="${escapeXml(theme.labelFg)}" font-size="11" font-family="${escapeXml(FONT_FAMILY)}" font-weight="500" text-anchor="end">${escapeXml(busiest ? `${formatHour(busiest.hour)} peak` : "No session events")}</text>`,
+    `<line x1="${barAreaX}" y1="${baselineY}" x2="${barAreaX + barAreaWidth}" y2="${baselineY}" stroke="${escapeXml(theme.border)}" stroke-width="1"/>`
+  ];
+  bars.push(`<defs><filter id="peakGlow" x="-50%" y="-50%" width="200%" height="200%">` + `<feGaussianBlur stdDeviation="4" result="blur"/>` + `<feMerge><feMergeNode in="blur"/><feMergeNode in="SourceGraphic"/></feMerge>` + `</filter></defs>`);
+  if (isMulti) {
+    const provBaseOpacity = isDark ? "0.45" : "0.3";
+    const provMidOpacity = isDark ? "0.85" : "0.75";
+    for (let bi = 0;bi < providerBuckets.length; bi++) {
+      const gradId = `hod-prov-${bi}`;
+      bars.push(`<defs><linearGradient id="${escapeXml(gradId)}" x1="0%" y1="100%" x2="0%" y2="0%">` + `<stop offset="0%" stop-color="${escapeXml(providerBuckets[bi].color)}" stop-opacity="${provBaseOpacity}"/>` + `<stop offset="60%" stop-color="${escapeXml(providerBuckets[bi].color)}" stop-opacity="${provMidOpacity}"/>` + `<stop offset="100%" stop-color="${escapeXml(providerBuckets[bi].color)}" stop-opacity="1"/>` + `</linearGradient></defs>`);
+    }
+    hourOfDay.forEach((entry, index) => {
+      if (entry.tokens <= 0)
+        return;
+      const totalRatio = entry.tokens / maxTokens;
+      const totalBarHeight = Math.max(4, totalRatio * innerHeight);
+      const colX = barAreaX + index * (barWidth + barGap);
+      const isPeak = busiest !== null && entry.hour === busiest.hour;
+      if (isPeak) {
+        const topY2 = baselineY - totalBarHeight;
+        bars.push(`<rect x="${colX - 2}" y="${topY2 - 2}" width="${barWidth + 4}" height="${totalBarHeight + 4}" rx="5" fill="${escapeXml(providerBuckets[0]?.color ?? cardAccent)}" opacity="0.12" filter="url(#peakGlow)"/>`);
+      }
+      const clipId = `hod-clip-${index}`;
+      const topY = baselineY - totalBarHeight;
+      bars.push(`<defs><clipPath id="${escapeXml(clipId)}">` + `<rect x="${colX}" y="${topY}" width="${barWidth}" height="${totalBarHeight}" rx="3"/>` + `</clipPath></defs>`);
+      let offsetY = 0;
+      for (let bi = 0;bi < providerBuckets.length; bi++) {
+        const tokens = providerBuckets[bi].hours[index] ?? 0;
+        if (tokens <= 0)
+          continue;
+        const segHeight = tokens / entry.tokens * totalBarHeight;
+        const segY = baselineY - offsetY - segHeight;
+        bars.push(`<rect x="${colX}" y="${segY}" width="${barWidth}" height="${segHeight}" fill="url(#hod-prov-${bi})" clip-path="url(#${escapeXml(clipId)})"/>`);
+        offsetY += segHeight;
+      }
+    });
+  } else {
+    const hodGradId = "hod-bar-grad";
+    const hodBaseOpacity = isDark ? "0.25" : "0.1";
+    const hodMidOpacity = isDark ? "0.75" : "0.6";
+    bars.push(`<defs><linearGradient id="${escapeXml(hodGradId)}" x1="0%" y1="100%" x2="0%" y2="0%">` + `<stop offset="0%" stop-color="${escapeXml(cardAccent)}" stop-opacity="${hodBaseOpacity}"/>` + `<stop offset="40%" stop-color="${escapeXml(cardAccent)}" stop-opacity="${hodMidOpacity}"/>` + `<stop offset="100%" stop-color="${escapeXml(cardAccent)}" stop-opacity="1"/>` + `</linearGradient></defs>`);
+    hourOfDay.forEach((entry, index) => {
+      const ratio = maxTokens > 0 ? entry.tokens / maxTokens : 0;
+      const barHeight = maxTokens > 0 ? Math.max(4, ratio * innerHeight) : 4;
+      const colX = barAreaX + index * (barWidth + barGap);
+      const colY = baselineY - barHeight;
+      const isPeak = busiest !== null && entry.hour === busiest.hour && entry.tokens > 0;
+      if (isPeak) {
+        bars.push(`<rect x="${colX - 2}" y="${colY - 2}" width="${barWidth + 4}" height="${barHeight + 4}" rx="5" fill="${escapeXml(cardAccent)}" opacity="0.15" filter="url(#peakGlow)"/>`);
+      }
+      bars.push(`<rect x="${colX}" y="${colY}" width="${barWidth}" height="${barHeight}" rx="3" fill="url(#${escapeXml(hodGradId)})" opacity="${0.35 + ratio * 0.65}"/>`);
+    });
+  }
+  [0, 3, 6, 9, 12, 15, 18, 21].forEach((hour) => {
+    const labelX = barAreaX + hour * (barWidth + barGap) + barWidth / 2;
+    bars.push(`<text x="${labelX}" y="${y + 116}" fill="${escapeXml(theme.labelFg)}" font-size="9" font-family="${escapeXml(FONT_FAMILY)}" font-weight="500" text-anchor="middle">${escapeXml(hour.toString().padStart(2, "0"))}</text>`);
+  });
+  return {
+    svg: bars.join(`
+`),
+    height: chartHeight
+  };
+}
+function renderModelMixShift(x, y, width, more, theme, cardAccent) {
+  if (!more.compare || more.compare.modelMixShift.length === 0) {
+    return { svg: "", height: 0 };
+  }
+  const rows = more.compare.modelMixShift.slice(0, 4);
+  const height = 38 + rows.length * 24;
+  const parts = [
+    `<rect x="${x}" y="${y}" width="${width}" height="${height}" rx="10" fill="${escapeXml(theme.barTrack)}" stroke="${escapeXml(theme.border)}" stroke-width="1"/>`,
+    `<text x="${x + 18}" y="${y + 22}" fill="${escapeXml(theme.labelFg)}" font-size="10" font-family="${escapeXml(FONT_FAMILY)}" font-weight="700" letter-spacing="1.6">MODEL MIX SHIFT</text>`,
+    `<text x="${x + width - 18}" y="${y + 22}" fill="${escapeXml(theme.labelFg)}" font-size="11" font-family="${escapeXml(FONT_FAMILY)}" font-weight="500" text-anchor="end">${escapeXml(`${more.compare.previousRange.since} \u2192 ${more.compare.previousRange.until}`)}</text>`
+  ];
+  rows.forEach((row, index) => {
+    const lineY = y + 48 + index * 24;
+    parts.push(`<text x="${x + 18}" y="${lineY}" fill="${escapeXml(theme.fg)}" font-size="12" font-family="${escapeXml(FONT_FAMILY)}" font-weight="600">${escapeXml(truncateText(row.model, 28))}</text>`);
+    parts.push(`<text x="${x + width - 18}" y="${lineY}" fill="${escapeXml(row.deltaShare >= 0 ? cardAccent : "#f97316")}" font-size="12" font-family="${escapeXml(FONT_FAMILY)}" font-weight="700" text-anchor="end">${escapeXml(formatPercentPoints(row.deltaShare))}</text>`);
+    parts.push(`<text x="${x + width - 110}" y="${lineY}" fill="${escapeXml(theme.labelFg)}" font-size="11" font-family="${escapeXml(FONT_FAMILY)}" font-weight="500" text-anchor="end">${escapeXml(`${(row.previousShare * 100).toFixed(1)}% \u2192 ${(row.currentShare * 100).toFixed(1)}%`)}</text>`);
+  });
+  return { svg: parts.join(`
+`), height };
+}
 function renderTerminalCardSvg(output, options) {
   const theme = getCardTheme(options.theme);
   const isDark = options.theme === "dark";
@@ -2021,6 +2527,7 @@ function renderTerminalCardSvg(output, options) {
   const { since, until } = output.dateRange;
   const providers = output.providers;
   const cardAccent = providers.length === 1 ? providers[0]?.colors.primary ?? theme.accent : theme.accent;
+  const barAccent = providers.length > 1 ? isDark ? "#c4d0e0" : "#000000" : cardAccent;
   const providerHeatmaps = providers.map((p) => {
     const heatmapColors = buildHeatmapScale(p.colors, isDark);
     return {
@@ -2050,20 +2557,20 @@ function renderTerminalCardSvg(output, options) {
   }
   sections.push(`<line x1="0" y1="${TITLEBAR_HEIGHT}" x2="${cardWidth}" y2="${TITLEBAR_HEIGHT}" stroke="${escapeXml(theme.titlebarBorder)}" stroke-width="1"/>`);
   y = TITLEBAR_HEIGHT + pad * 0.6;
-  sections.push(`<text x="${pad}" y="${y + 16}" font-size="15" font-family="${escapeXml(FONT_FAMILY)}" font-weight="500">` + `<tspan fill="${escapeXml(cardAccent)}">$</tspan>` + `<tspan fill="${escapeXml(theme.fg)}"> tokenleak</tspan>` + `<tspan fill="${escapeXml(cardAccent)}">_</tspan>` + `</text>`);
+  sections.push(`<text x="${pad}" y="${y + 16}" font-size="15" font-family="${escapeXml(MONO_FONT_FAMILY)}" font-weight="500">` + `<tspan fill="${escapeXml(cardAccent)}">$</tspan>` + `<tspan fill="${escapeXml(theme.fg)}"> tokenleak</tspan>` + `<tspan fill="${escapeXml(cardAccent)}">_</tspan>` + `</text>`);
   y += 40;
   const dateRangeText = formatDateRange(since, until);
   sections.push(`<text x="${pad}" y="${y + 14}" fill="${escapeXml(theme.muted)}" font-size="12" font-family="${escapeXml(FONT_FAMILY)}" font-weight="600" letter-spacing="2">${escapeXml(dateRangeText)}</text>`);
   y += 40;
   for (let pi = 0;pi < providerHeatmaps.length; pi++) {
     const { provider, heatmap, heatmapColors } = providerHeatmaps[pi];
-    const provDotRadius = 5;
+    const provDotRadius = 7;
     const provColor = provider.colors.primary;
-    sections.push(`<circle cx="${pad + provDotRadius}" cy="${y + 8}" r="${provDotRadius}" fill="${escapeXml(provColor)}"/>`);
-    sections.push(`<text x="${pad + provDotRadius * 2 + 10}" y="${y + 13}" fill="${escapeXml(theme.fg)}" font-size="14" font-family="${escapeXml(FONT_FAMILY)}" font-weight="600">${escapeXml(provider.displayName)}</text>`);
+    sections.push(`<circle cx="${pad + provDotRadius}" cy="${y + 10}" r="${provDotRadius}" fill="${escapeXml(provColor)}"/>`);
+    sections.push(`<text x="${pad + provDotRadius * 2 + 12}" y="${y + 15}" fill="${escapeXml(theme.fg)}" font-size="17" font-family="${escapeXml(FONT_FAMILY)}" font-weight="700">${escapeXml(provider.displayName)}</text>`);
     const summaryText = `${formatNumber(provider.totalTokens)} tokens \xB7 ${formatCost(provider.totalCost)}`;
-    sections.push(`<text x="${cardWidth - pad}" y="${y + 13}" fill="${escapeXml(theme.muted)}" font-size="11" font-family="${escapeXml(FONT_FAMILY)}" font-weight="500" text-anchor="end">${escapeXml(summaryText)}</text>`);
-    y += 28;
+    sections.push(`<text x="${cardWidth - pad}" y="${y + 15}" fill="${escapeXml(theme.muted)}" font-size="12" font-family="${escapeXml(FONT_FAMILY)}" font-weight="500" text-anchor="end">${escapeXml(summaryText)}</text>`);
+    y += 32;
     const heatmapSvg = heatmap.svg.replace(/__MUTED__/g, escapeXml(theme.muted));
     sections.push(`<g transform="translate(${pad}, ${y})">`);
     sections.push(heatmapSvg);
@@ -2103,7 +2610,7 @@ function renderTerminalCardSvg(output, options) {
       const stat = row[i];
       const x = pad + i * statColWidth;
       sections.push(`<text x="${x}" y="${startY}" fill="${escapeXml(theme.muted)}" font-size="10" font-family="${escapeXml(FONT_FAMILY)}" font-weight="600" letter-spacing="1.5">${escapeXml(stat.label)}</text>`);
-      const valueColor = stat.accent ? cardAccent : theme.fg;
+      const valueColor = stat.accent && providers.length === 1 ? cardAccent : theme.fg;
       sections.push(`<text x="${x}" y="${startY + 28}" fill="${escapeXml(valueColor)}" font-size="22" font-family="${escapeXml(FONT_FAMILY)}" font-weight="700">${escapeXml(stat.value)}</text>`);
     }
   }
@@ -2114,24 +2621,127 @@ function renderTerminalCardSvg(output, options) {
   y += 8;
   sections.push(`<line x1="${pad}" y1="${y}" x2="${cardWidth - pad}" y2="${y}" stroke="${escapeXml(theme.border)}" stroke-width="1"/>`);
   y += 28;
-  sections.push(`<text x="${pad}" y="${y}" fill="${escapeXml(theme.muted)}" font-size="10" font-family="${escapeXml(FONT_FAMILY)}" font-weight="600" letter-spacing="2">${escapeXml("TOP MODELS")}</text>`);
+  sections.push(renderSectionHeader(pad, y, "TOP MODELS", theme, cardAccent));
   y += 24;
   const topModels2 = stats.topModels.slice(0, 3);
+  const rankWidth = 28;
   const modelNameWidth = MODEL_NAME_WIDTH;
   const barGap = MODEL_BAR_GAP;
   const percentX = cardWidth - pad;
-  const barX = pad + modelNameWidth;
+  const barX = pad + rankWidth + modelNameWidth;
   const barMaxWidth = Math.max(48, percentX - barX - barGap);
   for (const [index, model] of topModels2.entries()) {
     const barWidth = Math.max(4, model.percentage / 100 * barMaxWidth);
-    sections.push(`<text x="${pad}" y="${y + MODEL_BAR_HEIGHT - 1}" fill="${escapeXml(theme.muted)}" font-size="12" font-family="${escapeXml(FONT_FAMILY)}" font-weight="400">${escapeXml(model.model)}</text>`);
-    sections.push(`<rect x="${barX}" y="${y}" width="${barMaxWidth}" height="${MODEL_BAR_HEIGHT}" rx="4" fill="${escapeXml(theme.barTrack)}"/>`);
+    sections.push(`<text x="${pad}" y="${y + MODEL_BAR_HEIGHT - 1}" fill="${escapeXml(cardAccent)}" font-size="12" font-family="${escapeXml(FONT_FAMILY)}" font-weight="700" opacity="0.7">${escapeXml(String(index + 1))}</text>`);
+    sections.push(`<text x="${pad + rankWidth}" y="${y + MODEL_BAR_HEIGHT - 1}" fill="${escapeXml(theme.fg)}" font-size="12" font-family="${escapeXml(FONT_FAMILY)}" font-weight="500">${escapeXml(model.model)}</text>`);
+    const trackColor = isDark ? "rgba(255,255,255,0.10)" : "rgba(0,0,0,0.06)";
+    sections.push(`<rect x="${barX}" y="${y}" width="${barMaxWidth}" height="${MODEL_BAR_HEIGHT}" rx="6" fill="${escapeXml(trackColor)}"/>`);
     const gradId = `grad-${index}-${model.model.replace(/[^a-zA-Z0-9]/g, "")}`;
-    sections.push(`<defs><linearGradient id="${escapeXml(gradId)}" x1="0%" y1="0%" x2="100%" y2="0%">` + `<stop offset="0%" stop-color="${escapeXml(cardAccent)}44"/>` + `<stop offset="100%" stop-color="${escapeXml(cardAccent)}"/>` + `</linearGradient></defs>`);
-    sections.push(`<rect x="${barX}" y="${y}" width="${barWidth}" height="${MODEL_BAR_HEIGHT}" rx="4" fill="url(#${escapeXml(gradId)})"/>`);
-    sections.push(`<text x="${percentX}" y="${y + MODEL_BAR_HEIGHT - 1}" fill="${escapeXml(theme.muted)}" font-size="12" font-family="${escapeXml(FONT_FAMILY)}" font-weight="500" text-anchor="end">${escapeXml(`${model.percentage.toFixed(0)}%`)}</text>`);
+    sections.push(`<defs><linearGradient id="${escapeXml(gradId)}" x1="0%" y1="0%" x2="100%" y2="0%">` + `<stop offset="0%" stop-color="${escapeXml(barAccent)}" stop-opacity="${isDark ? "0.45" : "0.27"}"/>` + `<stop offset="100%" stop-color="${escapeXml(barAccent)}" stop-opacity="1"/>` + `</linearGradient></defs>`);
+    sections.push(`<rect x="${barX}" y="${y}" width="${barWidth}" height="${MODEL_BAR_HEIGHT}" rx="6" fill="url(#${escapeXml(gradId)})"/>`);
+    sections.push(`<text x="${percentX}" y="${y + MODEL_BAR_HEIGHT - 1}" fill="${escapeXml(theme.fg)}" font-size="12" font-family="${escapeXml(FONT_FAMILY)}" font-weight="600" text-anchor="end">${escapeXml(`${model.percentage.toFixed(0)}%`)}</text>`);
     y += 32;
   }
+  if (options.more && output.more) {
+    const more = output.more;
+    const cardGap = 16;
+    const detailCardWidth = (contentWidth - cardGap) / 2;
+    y += 8;
+    sections.push(`<line x1="${pad}" y1="${y}" x2="${cardWidth - pad}" y2="${y}" stroke="${escapeXml(theme.border)}" stroke-width="1"/>`);
+    y += 28;
+    sections.push(renderSectionHeader(pad, y, "MORE", theme, cardAccent));
+    y += 24;
+    const efficiencyLines = [
+      {
+        label: "Input / Output",
+        value: more.inputOutput.inputPerOutput === null ? "n/a" : `${more.inputOutput.inputPerOutput.toFixed(2)} : 1`,
+        accent: true
+      },
+      {
+        label: "Output / Input",
+        value: formatRatio(more.inputOutput.outputPerInput)
+      },
+      {
+        label: "Output Share",
+        value: formatPercentage(more.inputOutput.outputShare)
+      }
+    ];
+    sections.push(renderMetricCard(pad, y, detailCardWidth, "INPUT / OUTPUT", efficiencyLines, theme, cardAccent));
+    const burnLines = [
+      {
+        label: "Projected Cost",
+        value: formatCost(more.monthlyBurn.projectedCost),
+        accent: true
+      },
+      {
+        label: "Projected Tokens",
+        value: formatNumber(more.monthlyBurn.projectedTokens)
+      },
+      {
+        label: "Based On",
+        value: `${more.monthlyBurn.observedDays} / ${more.monthlyBurn.calendarDays} days`
+      }
+    ];
+    sections.push(renderMetricCard(pad + detailCardWidth + cardGap, y, detailCardWidth, "PROJECTED MONTHLY BURN", burnLines, theme, cardAccent));
+    y += 38 + Math.max(efficiencyLines.length, burnLines.length) * 22 + 16;
+    const cacheLines = [
+      {
+        label: "Cache Reads",
+        value: formatNumber(more.cacheEconomics.readTokens),
+        accent: true
+      },
+      {
+        label: "Cache Writes",
+        value: formatNumber(more.cacheEconomics.writeTokens)
+      },
+      {
+        label: "Read Coverage",
+        value: formatPercentage(more.cacheEconomics.readCoverage)
+      },
+      {
+        label: "Reuse Ratio",
+        value: formatRatio(more.cacheEconomics.reuseRatio)
+      }
+    ];
+    sections.push(renderMetricCard(pad, y, detailCardWidth, "CACHE ECONOMICS", cacheLines, theme, cardAccent));
+    const sessionLines = [
+      {
+        label: "Sessions",
+        value: String(more.sessionMetrics.totalSessions),
+        accent: true
+      },
+      {
+        label: "Avg Tokens",
+        value: formatNumber(more.sessionMetrics.averageTokens)
+      },
+      {
+        label: "Avg Messages",
+        value: more.sessionMetrics.averageMessages.toFixed(1)
+      },
+      {
+        label: "Avg Duration",
+        value: formatDuration(more.sessionMetrics.averageDurationMs)
+      },
+      {
+        label: "Longest Session",
+        value: more.sessionMetrics.longestSession ? formatSessionSummary(more.sessionMetrics.longestSession) : "n/a"
+      },
+      {
+        label: "Top Project",
+        value: more.sessionMetrics.topProject ? truncateText(more.sessionMetrics.topProject.name, 20) : "n/a"
+      }
+    ];
+    sections.push(renderMetricCard(pad + detailCardWidth + cardGap, y, detailCardWidth, "SESSION STATS", sessionLines, theme, cardAccent));
+    y += 38 + Math.max(cacheLines.length, sessionLines.length) * 22 + 16;
+    const hourChart = renderHourOfDayChart(pad, y, contentWidth, more.hourOfDay, theme, cardAccent, providers, isDark);
+    sections.push(hourChart.svg);
+    y += hourChart.height + 16;
+    const mixShift = renderModelMixShift(pad, y, contentWidth, more, theme, cardAccent);
+    if (mixShift.height > 0) {
+      sections.push(mixShift.svg);
+      y += mixShift.height + 12;
+    }
+  }
   y += pad * 0.5;
   const cardHeight = y;
   const svg = sections.join(`
@@ -3051,6 +3661,1097 @@ function handleError(error) {
   process.exit(1);
 }
 
+// packages/cli/src/flags.ts
+var CLI_FLAG_ORDER = [
+  "format",
+  "theme",
+  "since",
+  "until",
+  "days",
+  "output",
+  "width",
+  "provider",
+  "compare",
+  "upload",
+  "claude",
+  "codex",
+  "openCode",
+  "allProviders",
+  "listProviders",
+  "more",
+  "clipboard",
+  "open",
+  "liveServer",
+  "noColor",
+  "noInsights"
+];
+var CLI_FLAG_NAMES = {
+  format: "--format",
+  theme: "--theme",
+  since: "--since",
+  until: "--until",
+  days: "--days",
+  output: "--output",
+  width: "--width",
+  provider: "--provider",
+  compare: "--compare",
+  upload: "--upload",
+  claude: "--claude",
+  codex: "--codex",
+  openCode: "--open-code",
+  allProviders: "--all-providers",
+  listProviders: "--list-providers",
+  more: "--more",
+  clipboard: "--clipboard",
+  open: "--open",
+  liveServer: "--live-server",
+  noColor: "--no-color",
+  noInsights: "--no-insights"
+};
+function buildCliArgTokens(cliArgs) {
+  const tokens = [];
+  for (const key of CLI_FLAG_ORDER) {
+    const value = cliArgs[key];
+    if (value === undefined || value === false || value === null) {
+      continue;
+    }
+    const flag = CLI_FLAG_NAMES[key];
+    if (!flag)
+      continue;
+    tokens.push(flag);
+    if (value !== true) {
+      tokens.push(String(value));
+    }
+  }
+  return tokens;
+}
+function buildCliPreview(cliArgs) {
+  const tokens = buildCliArgTokens(cliArgs);
+  return tokens.length === 0 ? "tokenleak" : `tokenleak ${tokens.join(" ")}`;
+}
+
+// packages/cli/src/interactive.ts
+import { emitKeypressEvents } from "readline";
+import { createInterface } from "readline/promises";
+var INTERACTIVE_FLAG_LINES = [
+  "-f, --format <format>   terminal | png | svg | json",
+  "-t, --theme <theme>     dark | light",
+  "-s, --since <date>      YYYY-MM-DD start date",
+  "-u, --until <date>      YYYY-MM-DD end date",
+  "-d, --days <number>     trailing days window",
+  "-o, --output <path>     write output to a file",
+  "-w, --width <number>    terminal render width",
+  "-p, --provider <list>   comma-separated providers",
+  "    --claude            shortcut for Claude Code",
+  "    --codex             shortcut for Codex",
+  "    --open-code         shortcut for Open Code",
+  "    --all-providers     ignore provider filters",
+  "    --list-providers    show provider registry",
+  "    --compare <range>   auto or YYYY-MM-DD..YYYY-MM-DD",
+  "    --more              richer PNG/SVG stats",
+  "    --clipboard         copy rendered output",
+  "    --open              open generated file",
+  "    --upload <target>   gist",
+  "-L, --live-server       local interactive dashboard",
+  "    --no-color          disable ANSI colors",
+  "    --no-insights       hide terminal insights",
+  "    --help              print help",
+  "    --version           print version"
+];
+var ESC2 = "\x1B[";
+var RESET = `${ESC2}0m`;
+var BOLD = `${ESC2}1m`;
+var DIM = `${ESC2}2m`;
+var CYAN = `${ESC2}36m`;
+var GREEN = `${ESC2}32m`;
+var YELLOW = `${ESC2}33m`;
+var RED = `${ESC2}31m`;
+var WHITE = `${ESC2}97m`;
+var HOME_CLEAR = "\x1B[H\x1B[J";
+var HIDE_CURSOR = "\x1B[?25l";
+var SHOW_CURSOR = "\x1B[?25h";
+var ALT_SCREEN_ON = "\x1B[?1049h";
+var ALT_SCREEN_OFF = "\x1B[?1049l";
+var LOADING_TICK_MS = 120;
+function color(text2, code) {
+  return `${code}${text2}${RESET}`;
+}
+function stripAnsi(text2) {
+  return text2.replace(/\x1b\[[0-9;?]*[A-Za-z]/g, "");
+}
+function visibleLength(text2) {
+  return stripAnsi(text2).length;
+}
+function padVisible(text2, width) {
+  const padding = Math.max(0, width - visibleLength(text2));
+  return text2 + " ".repeat(padding);
+}
+function truncateVisible(text2, width) {
+  if (width <= 0)
+    return "";
+  const plain = stripAnsi(text2);
+  if (plain.length <= width)
+    return text2;
+  const limit = width <= 3 ? width : width - 3;
+  let visibleCount = 0;
+  let index = 0;
+  let result = "";
+  let sawAnsi = false;
+  while (index < text2.length && visibleCount < limit) {
+    if (text2[index] === "\x1B") {
+      const match = text2.slice(index).match(/^\x1b\[[0-9;?]*[A-Za-z]/);
+      if (match) {
+        result += match[0];
+        index += match[0].length;
+        sawAnsi = true;
+        continue;
+      }
+    }
+    result += text2[index];
+    index += 1;
+    visibleCount += 1;
+  }
+  if (width <= 3) {
+    return sawAnsi ? `${result}${RESET}` : result;
+  }
+  return sawAnsi ? `${result}...${RESET}` : `${result}...`;
+}
+function joinColumns(left, right, totalWidth) {
+  const gutter = 3;
+  const leftWidth = Math.max(42, Math.min(58, Math.floor(totalWidth * 0.44)));
+  const rightWidth = Math.max(36, totalWidth - leftWidth - gutter);
+  const rows = Math.max(left.length, right.length);
+  const lines = [];
+  for (let index = 0;index < rows; index++) {
+    const leftLine = truncateVisible(left[index] ?? "", leftWidth);
+    const rightLine = truncateVisible(right[index] ?? "", rightWidth);
+    lines.push(`${padVisible(leftLine, leftWidth)}${" ".repeat(gutter)}${rightLine}`);
+  }
+  return lines;
+}
+function renderRule(width) {
+  return color("-".repeat(width), DIM);
+}
+function describeRequest(args) {
+  const output = typeof args["output"] === "string" ? args["output"] : null;
+  if (args["liveServer"]) {
+    return {
+      title: "Live Dashboard",
+      loadingTitle: "Starting live dashboard",
+      loadingDetail: "Launching the local server. Press Ctrl-C in the live view to stop it, then you will return here.",
+      executionMode: "inherit"
+    };
+  }
+  if (args["listProviders"]) {
+    return {
+      title: "Provider Registry",
+      loadingTitle: "Loading provider registry",
+      loadingDetail: "Checking registered providers and current availability.",
+      executionMode: "capture"
+    };
+  }
+  if (args["compare"]) {
+    return {
+      title: "Compare Report",
+      loadingTitle: "Building compare report",
+      loadingDetail: output ? `Computing period deltas and writing the report to ${output}.` : "Computing period deltas for the current and previous windows.",
+      executionMode: "capture"
+    };
+  }
+  switch (args["format"]) {
+    case "json":
+      return {
+        title: "JSON Export",
+        loadingTitle: "Generating JSON report",
+        loadingDetail: output ? `Collecting token usage and writing JSON to ${output}.` : "Collecting token usage and building structured JSON output.",
+        executionMode: "capture"
+      };
+    case "svg":
+      return {
+        title: "SVG Export",
+        loadingTitle: "Rendering SVG",
+        loadingDetail: output ? `Rendering a vector card and writing it to ${output}.` : "Rendering a vector card from your usage data.",
+        executionMode: "capture"
+      };
+    case "png":
+      return {
+        title: "PNG Export",
+        loadingTitle: "Rendering PNG",
+        loadingDetail: output ? `Rendering the PNG card and writing it to ${output}. This can take a few seconds.` : "Rendering the PNG card. This can take a few seconds.",
+        executionMode: "capture"
+      };
+    default:
+      return {
+        title: "Terminal Dashboard",
+        loadingTitle: "Generating terminal dashboard",
+        loadingDetail: "Reading provider logs and aggregating token usage.",
+        executionMode: "capture"
+      };
+  }
+}
+function finalizeCliArgs(args) {
+  const finalized = { ...args };
+  const format = finalized["format"];
+  if (finalized["compare"] && (format === "png" || format === "svg")) {
+    finalized["more"] = true;
+  }
+  if (finalized["open"] && finalized["output"] === undefined && typeof format === "string") {
+    if (format === "png" || format === "svg" || format === "json") {
+      finalized["output"] = `tokenleak.${format}`;
+    } else {
+      delete finalized["open"];
+    }
+  }
+  if (format === "png") {
+    delete finalized["clipboard"];
+    delete finalized["upload"];
+  }
+  return finalized;
+}
+function createRunCommand(args) {
+  const finalizedArgs = finalizeCliArgs(args);
+  return {
+    type: "run",
+    request: {
+      args: finalizedArgs,
+      preview: buildCliPreview(finalizedArgs),
+      ...describeRequest(finalizedArgs)
+    }
+  };
+}
+function renderMenu(options, selectedIndex) {
+  return options.map((option, index) => {
+    const isSelected = index === selectedIndex;
+    const prefix = isSelected ? color(">", GREEN) : " ";
+    const number = isSelected ? color(option.digit, WHITE + BOLD) : color(option.digit, YELLOW);
+    const title = isSelected ? color(option.title, WHITE + BOLD) : color(option.title, WHITE);
+    const description = isSelected ? color(option.description, CYAN) : color(option.description, DIM);
+    return `${prefix} [${number}] ${title} ${description}`;
+  });
+}
+function renderFlagPanel() {
+  return [
+    color("All Flags", WHITE + BOLD),
+    color("Every flag remains available while using the launcher.", DIM),
+    "",
+    ...INTERACTIVE_FLAG_LINES.map((line) => color(line, CYAN))
+  ];
+}
+function renderMenuPanel(context, options, selectedIndex) {
+  const selected = options[selectedIndex];
+  return [
+    color("Tokenleak Interactive Launcher", WHITE + BOLD),
+    `${color(`v${context.version}`, YELLOW)} ${color("interactive command center", CYAN)}`,
+    "",
+    color("Arrow keys move. Number keys jump directly. Enter runs the selected action.", DIM),
+    color("Commands run inside this session, so you can keep selecting without leaving tokenleak.", DIM),
+    "",
+    ...renderMenu(options, selectedIndex),
+    "",
+    color("Preview", WHITE + BOLD),
+    color(selected.preview, GREEN),
+    "",
+    color("Keys", WHITE + BOLD),
+    `${color("Up/Down", YELLOW)} move  ${color("Enter", YELLOW)} run  ${color("H", YELLOW)} help  ${color("Q", YELLOW)} quit`,
+    "",
+    renderRule(44)
+  ];
+}
+function renderHelpOverlay(helpText, width) {
+  const lines = helpText.trimEnd().split(`
+`);
+  const header = [
+    color("Tokenleak Help", WHITE + BOLD),
+    color("Press Enter, Escape, H, or Q to return to the launcher.", DIM),
+    ""
+  ];
+  return `${HOME_CLEAR}${HIDE_CURSOR}${[...header, ...lines.map((line) => truncateVisible(line, width))].join(`
+`)}`;
+}
+function renderLauncher(context, options, selectedIndex) {
+  const width = process.stdout.columns ?? 120;
+  const menuPanel = renderMenuPanel(context, options, selectedIndex);
+  const flagPanel = renderFlagPanel();
+  const body = width >= 118 ? joinColumns(menuPanel, flagPanel, width) : [...menuPanel, "", ...flagPanel];
+  return `${HOME_CLEAR}${HIDE_CURSOR}${body.join(`
+`)}`;
+}
+function renderProgressBar(frame, width) {
+  const innerWidth = Math.max(12, width - 2);
+  const headSize = Math.max(4, Math.floor(innerWidth / 5));
+  const travel = Math.max(1, innerWidth - headSize);
+  const cycle = travel * 2;
+  const offset = frame % cycle;
+  const start = offset <= travel ? offset : cycle - offset;
+  const cells = Array.from({ length: innerWidth }, (_, index) => {
+    if (index >= start && index < start + headSize) {
+      return "=";
+    }
+    return "-";
+  }).join("");
+  return color(`[${cells}]`, CYAN);
+}
+function renderLoading(request, frame = 0, startedAt = Date.now()) {
+  const elapsedSeconds = Math.max(0, Math.floor((Date.now() - startedAt) / 1000));
+  const progressBar = renderProgressBar(frame, 34);
+  const lines = [
+    color(request.loadingTitle, WHITE + BOLD),
+    color(request.preview, CYAN),
+    "",
+    color(request.loadingDetail, DIM),
+    "",
+    color("Status", WHITE + BOLD),
+    color("Working... stay in tokenleak while this finishes.", YELLOW),
+    "",
+    color("Progress", WHITE + BOLD),
+    progressBar,
+    color(`Elapsed ${elapsedSeconds}s`, DIM),
+    "",
+    renderRule(44)
+  ];
+  return `${HOME_CLEAR}${HIDE_CURSOR}${lines.join(`
+`)}`;
+}
+function clipOutputLines(lines, limit) {
+  if (limit <= 0)
+    return [];
+  if (lines.length <= limit)
+    return lines;
+  const visible = lines.slice(0, Math.max(0, limit - 1));
+  visible.push(color(`... ${lines.length - visible.length} more lines hidden`, DIM));
+  return visible;
+}
+function renderOutputSection(title, content, width, maxLines) {
+  const normalized = content.trimEnd();
+  if (!normalized)
+    return [];
+  const lines = normalized.split(`
+`).map((line) => truncateVisible(line, width));
+  return [
+    color(title, WHITE + BOLD),
+    ...clipOutputLines(lines, maxLines),
+    ""
+  ];
+}
+function renderResult(request, result) {
+  const width = Math.max(60, (process.stdout.columns ?? 120) - 1);
+  const rows = process.stdout.rows ?? 40;
+  const statusColor = result.ok ? GREEN : RED;
+  const statusLabel = result.ok ? "Completed" : "Failed";
+  const fixedLines = 10;
+  const outputBudget = Math.max(8, rows - fixedLines);
+  const firstSectionLines = result.stdout.trim() && result.stderr.trim() ? Math.max(4, Math.floor(outputBudget * 0.6)) : outputBudget;
+  const secondSectionLines = Math.max(4, outputBudget - firstSectionLines);
+  const body = [
+    color(request.title, WHITE + BOLD),
+    color(request.preview, CYAN),
+    "",
+    `${color("Status", WHITE + BOLD)} ${color(statusLabel, statusColor)}`,
+    color(result.summary, DIM),
+    "",
+    ...renderOutputSection("Output", result.stdout, width, firstSectionLines),
+    ...renderOutputSection("Messages", result.stderr, width, secondSectionLines),
+    renderRule(44),
+    `${color("Enter", YELLOW)} launcher  ${color("Q", YELLOW)} quit`
+  ];
+  return `${HOME_CLEAR}${HIDE_CURSOR}${body.join(`
+`)}`;
+}
+function enterAltScreen() {
+  process.stdout.write(`${ALT_SCREEN_ON}${HOME_CLEAR}${HIDE_CURSOR}`);
+}
+function leaveAltScreen() {
+  process.stdout.write(`${SHOW_CURSOR}${ALT_SCREEN_OFF}`);
+}
+function paint(content) {
+  process.stdout.write(content);
+}
+function suspendRawMode() {
+  if (process.stdin.isTTY) {
+    process.stdin.setRawMode(false);
+  }
+  process.stdin.pause();
+  process.stdout.write(SHOW_CURSOR);
+}
+function resumeRawMode() {
+  if (process.stdin.isTTY) {
+    process.stdin.setRawMode(true);
+  }
+  process.stdin.resume();
+  process.stdout.write(HIDE_CURSOR);
+}
+
+class InteractiveExitError extends Error {
+  constructor() {
+    super("Interactive session cancelled");
+    this.name = "InteractiveExitError";
+  }
+}
+var PROVIDER_CHOICES = [
+  { value: "claude-code", label: "Claude Code", description: "Anthropic project logs" },
+  { value: "codex", label: "Codex", description: "OpenAI session logs" },
+  { value: "open-code", label: "Open Code", description: "Open Code storage and database" }
+];
+function isInteractiveExitError(error) {
+  return error instanceof InteractiveExitError;
+}
+function parsePositiveInteger(value) {
+  const trimmed = value.trim();
+  if (trimmed === "")
+    return null;
+  const parsed = Number(trimmed);
+  if (!Number.isInteger(parsed) || parsed <= 0) {
+    throw new Error(`Expected a positive whole number, received "${value}".`);
+  }
+  return parsed;
+}
+function renderChoiceScreen(title, description, options, selectedIndex, selectedValues, footer = `${color("Up/Down", YELLOW)} move  ${color("Space", YELLOW)} toggle  ${color("Enter", YELLOW)} confirm  ${color("Ctrl-C", YELLOW)} exit`) {
+  const optionLines = options.map((option, index) => {
+    const isSelected = index === selectedIndex;
+    const isChecked = selectedValues ? selectedValues.has(option.value) : isSelected;
+    const pointer = isSelected ? color(">", GREEN) : " ";
+    const checkbox = selectedValues ? isChecked ? color("[x]", GREEN) : color("[ ]", DIM) : isSelected ? color("[\u2022]", GREEN) : color("[ ]", DIM);
+    const titleColor = isSelected ? WHITE + BOLD : WHITE;
+    const descriptionColor = isSelected ? CYAN : DIM;
+    return `${pointer} ${checkbox} ${color(option.label, titleColor)} ${color(option.description, descriptionColor)}`;
+  });
+  const lines = [
+    color(title, WHITE + BOLD),
+    color(description, DIM),
+    "",
+    ...optionLines,
+    "",
+    renderRule(44),
+    footer
+  ];
+  return `${HOME_CLEAR}${HIDE_CURSOR}${lines.join(`
+`)}`;
+}
+async function ask(prompt, initialValue = "") {
+  const readline = createInterface({
+    input: process.stdin,
+    output: process.stdout
+  });
+  let settled = false;
+  return new Promise((resolve, reject) => {
+    const finish = (fn) => {
+      if (settled)
+        return;
+      settled = true;
+      readline.off("SIGINT", onSigint);
+      readline.close();
+      fn();
+    };
+    const onSigint = () => {
+      finish(() => reject(new InteractiveExitError));
+    };
+    readline.on("SIGINT", onSigint);
+    const suffix = initialValue ? ` (${initialValue})` : "";
+    readline.question(`${prompt}${suffix}: `).then((value) => {
+      finish(() => resolve(value.trim() || initialValue));
+    }).catch((error) => {
+      finish(() => reject(error));
+    });
+  });
+}
+async function askYesNo(prompt, defaultValue = false) {
+  const hint = defaultValue ? "Y/n" : "y/N";
+  const value = (await ask(`${prompt} [${hint}]`)).toLowerCase();
+  if (value === "")
+    return defaultValue;
+  return value === "y" || value === "yes";
+}
+async function promptSingleChoice(title, description, options, initialIndex = 0) {
+  return new Promise((resolve, reject) => {
+    let selectedIndex = Math.max(0, Math.min(initialIndex, options.length - 1));
+    const onKeypress = (_input, key) => {
+      if (key.ctrl && key.name === "c") {
+        cleanup();
+        reject(new InteractiveExitError);
+        return;
+      }
+      if (key.name === "up") {
+        selectedIndex = (selectedIndex - 1 + options.length) % options.length;
+        render();
+        return;
+      }
+      if (key.name === "down") {
+        selectedIndex = (selectedIndex + 1) % options.length;
+        render();
+        return;
+      }
+      const digit = key.sequence?.match(/^[1-9]$/)?.[0];
+      if (digit) {
+        const index = Number(digit) - 1;
+        if (index < options.length) {
+          selectedIndex = index;
+          cleanup();
+          resolve(options[selectedIndex].value);
+        }
+        return;
+      }
+      if (key.name === "return" || key.name === "enter") {
+        cleanup();
+        resolve(options[selectedIndex].value);
+      }
+    };
+    function render() {
+      paint(renderChoiceScreen(title, description, options, selectedIndex, undefined, `${color("Up/Down", YELLOW)} move  ${color("1-9", YELLOW)} pick  ${color("Enter", YELLOW)} confirm  ${color("Ctrl-C", YELLOW)} exit`));
+    }
+    function cleanup() {
+      process.stdin.off("keypress", onKeypress);
+      suspendRawMode();
+    }
+    render();
+    resumeRawMode();
+    process.stdin.on("keypress", onKeypress);
+  });
+}
+async function promptMultiChoice(title, description, options, initialValues = []) {
+  return new Promise((resolve, reject) => {
+    let selectedIndex = 0;
+    const selectedValues = new Set(initialValues);
+    const onKeypress = (_input, key) => {
+      if (key.ctrl && key.name === "c") {
+        cleanup();
+        reject(new InteractiveExitError);
+        return;
+      }
+      if (key.name === "up") {
+        selectedIndex = (selectedIndex - 1 + options.length) % options.length;
+        render();
+        return;
+      }
+      if (key.name === "down") {
+        selectedIndex = (selectedIndex + 1) % options.length;
+        render();
+        return;
+      }
+      if (key.name === "space") {
+        toggleSelected(selectedIndex);
+        render();
+        return;
+      }
+      const digit = key.sequence?.match(/^[1-9]$/)?.[0];
+      if (digit) {
+        const index = Number(digit) - 1;
+        if (index < options.length) {
+          selectedIndex = index;
+          toggleSelected(selectedIndex);
+          render();
+        }
+        return;
+      }
+      if (key.name === "return" || key.name === "enter") {
+        cleanup();
+        resolve(Array.from(selectedValues));
+      }
+    };
+    function toggleSelected(index) {
+      const value = options[index].value;
+      if (selectedValues.has(value)) {
+        selectedValues.delete(value);
+      } else {
+        selectedValues.add(value);
+      }
+    }
+    function render() {
+      paint(renderChoiceScreen(title, description, options, selectedIndex, selectedValues));
+    }
+    function cleanup() {
+      process.stdin.off("keypress", onKeypress);
+      suspendRawMode();
+    }
+    render();
+    resumeRawMode();
+    process.stdin.on("keypress", onKeypress);
+  });
+}
+function applySelectedProviders(args, providers) {
+  if (providers.length === 0)
+    return;
+  args["provider"] = providers.join(",");
+}
+async function promptTheme(defaultTheme = "dark") {
+  const theme = await promptSingleChoice("Theme", "Pick the rendering theme.", [
+    { value: "dark", label: "Dark", description: "High-contrast dark canvas" },
+    { value: "light", label: "Light", description: "Bright export with light background" }
+  ], defaultTheme === "light" ? 1 : 0);
+  return theme;
+}
+async function promptDateWindow() {
+  const choice = await promptSingleChoice("Date Window", "Choose how much history to include.", [
+    { value: "7", label: "Last 7 days", description: "Quick recent snapshot" },
+    { value: "30", label: "Last 30 days", description: "Short-term trend window" },
+    { value: "90", label: "Last 90 days", description: "Default overview" },
+    { value: "365", label: "Last 365 days", description: "Long-range usage pattern" },
+    { value: "custom", label: "Custom range", description: "Enter exact dates manually" }
+  ], 2);
+  if (choice !== "custom") {
+    return { days: Number(choice) };
+  }
+  const since = await ask("Since date YYYY-MM-DD");
+  const until = await ask("Until date YYYY-MM-DD (blank for today)");
+  const args = { since };
+  if (until)
+    args["until"] = until;
+  return args;
+}
+async function promptProviderSelection(title = "Provider Filter") {
+  return promptMultiChoice(title, "Toggle one or more providers. Leave everything unchecked to use auto-detection.", PROVIDER_CHOICES);
+}
+async function promptOutputPath(defaultPath) {
+  return ask("Output file", defaultPath);
+}
+async function promptWidth() {
+  const choice = await promptSingleChoice("Terminal Width", "Choose the dashboard width.", [
+    { value: "80", label: "80 columns", description: "Standard terminal width" },
+    { value: "100", label: "100 columns", description: "Balanced dashboard layout" },
+    { value: "120", label: "120 columns", description: "Wide dashboard layout" },
+    { value: "custom", label: "Custom width", description: "Enter an exact width" }
+  ], 1);
+  if (choice !== "custom") {
+    return Number(choice);
+  }
+  while (true) {
+    try {
+      const parsed = parsePositiveInteger(await ask("Custom width"));
+      if (parsed !== null) {
+        return parsed;
+      }
+      paint(`${HOME_CLEAR}${SHOW_CURSOR}${color("Width required", RED)}
+${color("Enter a positive whole number to continue.", DIM)}
+
+Press Enter to try again.`);
+      await ask("");
+    } catch (error) {
+      paint(`${HOME_CLEAR}${SHOW_CURSOR}${color("Invalid width", RED)}
+${color(error instanceof Error ? error.message : String(error), DIM)}
+
+Press Enter to try again.`);
+      await ask("");
+    }
+  }
+}
+async function promptCompareSetting() {
+  const choice = await promptSingleChoice("Compare Mode", "Optionally compare the current range against an earlier period.", [
+    { value: "off", label: "No compare", description: "Render a standard single-period report" },
+    { value: "auto", label: "Auto compare", description: "Split the selected window automatically" },
+    { value: "custom", label: "Custom compare range", description: "Provide an explicit YYYY-MM-DD..YYYY-MM-DD range" }
+  ]);
+  if (choice === "off")
+    return null;
+  if (choice === "auto")
+    return "auto";
+  return ask("Previous range YYYY-MM-DD..YYYY-MM-DD");
+}
+async function buildDashboardPreset() {
+  const rangeArgs = await promptDateWindow();
+  const providers = await promptProviderSelection();
+  const width = await promptWidth();
+  const noInsights = await askYesNo("Hide insights panel", false);
+  const noColor2 = await askYesNo("Disable ANSI colors", false);
+  const args = { ...rangeArgs };
+  applySelectedProviders(args, providers);
+  if (width)
+    args["width"] = width;
+  if (noInsights)
+    args["noInsights"] = true;
+  if (noColor2)
+    args["noColor"] = true;
+  return createRunCommand(args);
+}
+async function buildJsonPreset() {
+  const rangeArgs = await promptDateWindow();
+  const providers = await promptProviderSelection();
+  const compare = await promptCompareSetting();
+  const saveToFile = await askYesNo("Write JSON to a file", false);
+  const clipboard = !saveToFile && await askYesNo("Copy JSON to clipboard after render", false);
+  const args = {
+    format: "json",
+    ...rangeArgs
+  };
+  applySelectedProviders(args, providers);
+  if (compare)
+    args["compare"] = compare;
+  if (saveToFile) {
+    args["output"] = await promptOutputPath(compare ? "tokenleak-compare.json" : "tokenleak.json");
+  }
+  if (clipboard)
+    args["clipboard"] = true;
+  return createRunCommand(args);
+}
+async function buildImagePreset(format) {
+  const theme = await promptTheme();
+  const rangeArgs = await promptDateWindow();
+  const providers = await promptProviderSelection("Provider Filter");
+  const compare = await promptCompareSetting();
+  const output = await promptOutputPath(`tokenleak.${format}`);
+  const shouldOpen = await askYesNo("Open the file when done", true);
+  const more = compare ? true : await askYesNo("Enable --more stats", format === "png");
+  const args = {
+    format,
+    theme,
+    output,
+    open: shouldOpen,
+    more,
+    ...rangeArgs
+  };
+  applySelectedProviders(args, providers);
+  if (compare)
+    args["compare"] = compare;
+  return createRunCommand(args);
+}
+async function buildComparePreset() {
+  const rangeArgs = await promptDateWindow();
+  const providers = await promptProviderSelection();
+  const compareMode = await promptSingleChoice("Reference Period", "Choose how the earlier comparison period should be defined.", [
+    { value: "auto", label: "Auto compare", description: "Split the chosen window automatically" },
+    { value: "custom", label: "Custom compare range", description: "Enter an explicit prior range manually" }
+  ]);
+  const compare = compareMode === "custom" ? await ask("Previous range YYYY-MM-DD..YYYY-MM-DD") : "auto";
+  const saveToFile = await askYesNo("Write compare output to a file", false);
+  const args = {
+    format: "json",
+    compare,
+    ...rangeArgs
+  };
+  applySelectedProviders(args, providers);
+  if (saveToFile) {
+    args["output"] = await promptOutputPath("tokenleak-compare.json");
+  }
+  return createRunCommand(args);
+}
+async function buildLivePreset() {
+  const theme = await promptTheme();
+  const rangeArgs = await promptDateWindow();
+  const providers = await promptProviderSelection();
+  const more = await askYesNo("Enable --more stats", true);
+  const args = {
+    liveServer: true,
+    theme,
+    more,
+    ...rangeArgs
+  };
+  applySelectedProviders(args, providers);
+  return createRunCommand(args);
+}
+async function askFormatChoice() {
+  return promptSingleChoice("Output Format", "Choose the primary renderer for this command.", [
+    { value: "terminal", label: "Terminal", description: "Dashboard in the current terminal" },
+    { value: "json", label: "JSON", description: "Structured machine-readable output" },
+    { value: "svg", label: "SVG", description: "Shareable vector export" },
+    { value: "png", label: "PNG", description: "Raster export for social and docs" }
+  ]);
+}
+async function buildCustomCommand() {
+  const mode = await promptSingleChoice("Command Type", "Choose the command family you want to configure.", [
+    { value: "run", label: "Standard command", description: "Render terminal, JSON, SVG, or PNG output" },
+    { value: "live-server", label: "Live server", description: "Launch the browser dashboard locally" },
+    { value: "list-providers", label: "List providers", description: "Inspect registered provider backends" }
+  ]);
+  if (mode === "live-server") {
+    return buildLivePreset();
+  }
+  if (mode === "list-providers") {
+    return createRunCommand({ listProviders: true });
+  }
+  const format = await askFormatChoice();
+  const theme = format === "terminal" ? null : await promptTheme();
+  const rangeArgs = await promptDateWindow();
+  const providers = await promptProviderSelection();
+  const compare = await promptCompareSetting();
+  const width = format === "terminal" ? await promptWidth() : null;
+  const output = format === "terminal" ? await ask("Output file (blank keeps stdout)") : format === "json" ? await ask("Output file (blank keeps stdout)") : await ask("Output file", `tokenleak.${format}`);
+  const noColor2 = await askYesNo("Disable ANSI colors", false);
+  const noInsights = format === "terminal" ? await askYesNo("Hide insights", false) : false;
+  const more = await askYesNo("Enable --more stats", format === "png" || format === "svg");
+  const clipboard = format !== "png" ? await askYesNo("Copy output to clipboard", false) : false;
+  const open = format !== "terminal" ? await askYesNo("Open generated file", false) : false;
+  const upload = format !== "png" ? await ask("Upload target [blank/gist]") : "";
+  const args = {
+    format,
+    ...rangeArgs
+  };
+  if (theme)
+    args["theme"] = theme;
+  if (compare)
+    args["compare"] = compare;
+  if (width)
+    args["width"] = width;
+  if (output)
+    args["output"] = output;
+  if (noColor2)
+    args["noColor"] = true;
+  if (noInsights)
+    args["noInsights"] = true;
+  if (more)
+    args["more"] = true;
+  if (clipboard)
+    args["clipboard"] = true;
+  if (open)
+    args["open"] = true;
+  if (upload)
+    args["upload"] = upload;
+  applySelectedProviders(args, providers);
+  return createRunCommand(args);
+}
+function createMenuOptions() {
+  return [
+    {
+      digit: "1",
+      title: "Launch Dashboard",
+      description: "guided terminal view",
+      preview: "tokenleak --days 90",
+      select: buildDashboardPreset
+    },
+    {
+      digit: "2",
+      title: "Export JSON",
+      description: "structured output for scripts",
+      preview: "tokenleak --format json",
+      select: buildJsonPreset
+    },
+    {
+      digit: "3",
+      title: "Export SVG",
+      description: "shareable vector card",
+      preview: "tokenleak --format svg --output tokenleak.svg",
+      select: async () => buildImagePreset("svg")
+    },
+    {
+      digit: "4",
+      title: "Export PNG",
+      description: "social-ready raster image",
+      preview: "tokenleak --format png --output tokenleak.png --more",
+      select: async () => buildImagePreset("png")
+    },
+    {
+      digit: "5",
+      title: "Compare Periods",
+      description: "diff current vs previous usage",
+      preview: "tokenleak --compare auto --format json",
+      select: buildComparePreset
+    },
+    {
+      digit: "6",
+      title: "Start Live Server",
+      description: "browser dashboard on localhost",
+      preview: "tokenleak --live-server --theme dark",
+      select: buildLivePreset
+    },
+    {
+      digit: "7",
+      title: "Build Custom Command",
+      description: "configure flags interactively",
+      preview: "tokenleak --format terminal --days 90",
+      select: buildCustomCommand
+    },
+    {
+      digit: "8",
+      title: "Full Help",
+      description: "examples and complete usage",
+      preview: "tokenleak --help",
+      select: async () => ({ type: "show-help" })
+    },
+    {
+      digit: "9",
+      title: "List Providers",
+      description: "detect available registries",
+      preview: "tokenleak --list-providers",
+      select: async () => createRunCommand({ listProviders: true })
+    },
+    {
+      digit: "0",
+      title: "Exit",
+      description: "close the launcher",
+      preview: "exit",
+      select: async () => ({ type: "exit" })
+    }
+  ];
+}
+async function waitForSingleKey() {
+  return new Promise((resolve) => {
+    const onKeypress = (_input, key) => {
+      process.stdin.off("keypress", onKeypress);
+      suspendRawMode();
+      resolve(key);
+    };
+    resumeRawMode();
+    process.stdin.on("keypress", onKeypress);
+  });
+}
+async function promptForMenuCommand(context, options, state) {
+  let showHelp = false;
+  let resolving = false;
+  return new Promise((resolve, reject) => {
+    const onKeypress = async (_input, key) => {
+      if (resolving) {
+        return;
+      }
+      if (key.ctrl && key.name === "c") {
+        cleanup();
+        resolve({ type: "exit" });
+        return;
+      }
+      if (showHelp) {
+        if (key.name === "escape" || key.name === "return" || key.name === "enter" || key.name === "q" || key.name === "h") {
+          showHelp = false;
+          paint(renderLauncher(context, options, state.selectedIndex));
+        }
+        return;
+      }
+      if (key.name === "up") {
+        state.selectedIndex = (state.selectedIndex - 1 + options.length) % options.length;
+        paint(renderLauncher(context, options, state.selectedIndex));
+        return;
+      }
+      if (key.name === "down") {
+        state.selectedIndex = (state.selectedIndex + 1) % options.length;
+        paint(renderLauncher(context, options, state.selectedIndex));
+        return;
+      }
+      if (key.name === "h") {
+        showHelp = true;
+        paint(renderHelpOverlay(context.helpText, Math.max(60, (process.stdout.columns ?? 120) - 1)));
+        return;
+      }
+      if (key.name === "q" || key.name === "escape") {
+        cleanup();
+        resolve({ type: "exit" });
+        return;
+      }
+      const digit = key.sequence?.match(/^[0-9]$/)?.[0];
+      if (digit) {
+        const nextIndex = options.findIndex((option) => option.digit === digit);
+        if (nextIndex >= 0) {
+          state.selectedIndex = nextIndex;
+          if (digit === "8") {
+            showHelp = true;
+            paint(renderHelpOverlay(context.helpText, Math.max(60, (process.stdout.columns ?? 120) - 1)));
+            return;
+          }
+          resolving = true;
+          cleanup();
+          try {
+            const command = await options[nextIndex].select();
+            resolve(command);
+          } catch (error) {
+            if (isInteractiveExitError(error)) {
+              resolve({ type: "exit" });
+              return;
+            }
+            reject(error);
+          }
+        }
+        return;
+      }
+      if (key.name === "return" || key.name === "enter") {
+        if (options[state.selectedIndex].digit === "8") {
+          showHelp = true;
+          paint(renderHelpOverlay(context.helpText, Math.max(60, (process.stdout.columns ?? 120) - 1)));
+          return;
+        }
+        resolving = true;
+        cleanup();
+        try {
+          const command = await options[state.selectedIndex].select();
+          resolve(command);
+        } catch (error) {
+          if (isInteractiveExitError(error)) {
+            resolve({ type: "exit" });
+            return;
+          }
+          reject(error);
+        }
+      }
+    };
+    function cleanup() {
+      process.stdin.off("keypress", onKeypress);
+      suspendRawMode();
+    }
+    paint(renderLauncher(context, options, state.selectedIndex));
+    resumeRawMode();
+    process.stdin.on("keypress", onKeypress);
+  });
+}
+async function showExecutionResult(request, result) {
+  paint(renderResult(request, result));
+  const key = await waitForSingleKey();
+  if (key.ctrl && key.name === "c")
+    return "exit";
+  if (key.name === "q" || key.name === "escape")
+    return "exit";
+  return "menu";
+}
+function shouldStartInteractiveCli(argv, stdinIsTTY, stdoutIsTTY) {
+  return argv.length === 0 && stdinIsTTY && stdoutIsTTY;
+}
+async function startInteractiveCli(context, execute) {
+  const options = createMenuOptions();
+  const state = { selectedIndex: 0 };
+  let interrupted = false;
+  let ignoreSigint = false;
+  const onSigint = () => {
+    if (!ignoreSigint) {
+      interrupted = true;
+    }
+  };
+  emitKeypressEvents(process.stdin);
+  enterAltScreen();
+  process.on("SIGINT", onSigint);
+  try {
+    while (true) {
+      if (interrupted) {
+        return;
+      }
+      const command = await promptForMenuCommand(context, options, state);
+      if (command.type === "exit") {
+        return;
+      }
+      if (command.type === "show-help") {
+        continue;
+      }
+      const startedAt = Date.now();
+      let loadingFrame = 0;
+      paint(renderLoading(command.request, loadingFrame, startedAt));
+      const loadingTicker = setInterval(() => {
+        loadingFrame += 1;
+        paint(renderLoading(command.request, loadingFrame, startedAt));
+      }, LOADING_TICK_MS);
+      let result;
+      try {
+        if (command.request.executionMode === "inherit") {
+          clearInterval(loadingTicker);
+          leaveAltScreen();
+          try {
+            ignoreSigint = true;
+            result = await execute(command.request);
+          } finally {
+            ignoreSigint = false;
+            enterAltScreen();
+          }
+        } else {
+          result = await execute(command.request);
+        }
+      } finally {
+        clearInterval(loadingTicker);
+      }
+      if (interrupted) {
+        return;
+      }
+      const next = await showExecutionResult(command.request, result);
+      if (next === "exit") {
+        return;
+      }
+    }
+  } finally {
+    process.off("SIGINT", onSigint);
+    suspendRawMode();
+    leaveAltScreen();
+  }
+}
+
 // packages/cli/src/sharing/clipboard.ts
 var PLATFORM_COMMANDS = {
   darwin: ["pbcopy"],
@@ -3208,6 +4909,7 @@ function buildHelpText() {
   return [
     `tokenleak ${VERSION}`,
     "Visualize AI coding assistant token usage across providers.",
+    "Running `tokenleak` with no flags opens an interactive launcher in a TTY.",
     "",
     "Usage:",
     "  tokenleak [flags]",
@@ -3229,6 +4931,7 @@ function buildHelpText() {
     "  -w, --width <number>    Terminal render width",
     "  -p, --provider <list>   Provider filter list, comma-separated",
     "      --compare <range>   Compare against YYYY-MM-DD..YYYY-MM-DD or auto",
+    "      --more             Add expanded PNG/SVG stats and unlock compare cards",
     "      --clipboard         Copy rendered output to the clipboard",
     "      --open              Open the generated output file",
     "      --upload <target>   Upload rendered output, currently: gist",
@@ -3272,6 +4975,81 @@ function normalizeCliArg(arg) {
   };
   return flagMap[arg] ?? arg;
 }
+function buildInteractiveSummary(cliArgs, ok, exitCode) {
+  if (!ok) {
+    return `Command exited with code ${exitCode}.`;
+  }
+  if (typeof cliArgs["output"] === "string") {
+    const outputPath = cliArgs["output"];
+    const format2 = String(cliArgs["format"] ?? inferFormatFromPath(outputPath) ?? "output").toUpperCase();
+    return `${format2} written to ${outputPath}.`;
+  }
+  if (cliArgs["listProviders"]) {
+    return "Provider registry loaded.";
+  }
+  if (cliArgs["liveServer"]) {
+    return "Live dashboard stopped.";
+  }
+  if (cliArgs["compare"]) {
+    return "Compare report generated.";
+  }
+  const format = String(cliArgs["format"] ?? "terminal");
+  if (format === "terminal") {
+    return "Terminal dashboard generated.";
+  }
+  return `${format.toUpperCase()} command finished successfully.`;
+}
+async function executeInteractiveCommand(request) {
+  try {
+    const cliPath = process.argv[1];
+    if (!cliPath) {
+      return {
+        ok: false,
+        summary: "Could not resolve the current tokenleak entrypoint.",
+        stdout: "",
+        stderr: "Error: process.argv[1] is missing."
+      };
+    }
+    const command = [process.execPath, cliPath, ...buildCliArgTokens(request.args)];
+    if (request.executionMode === "inherit") {
+      const proc2 = Bun.spawn(command, {
+        stdin: "inherit",
+        stdout: "inherit",
+        stderr: "inherit"
+      });
+      const exitCode2 = await proc2.exited;
+      return {
+        ok: exitCode2 === 0,
+        summary: buildInteractiveSummary(request.args, exitCode2 === 0, exitCode2),
+        stdout: "",
+        stderr: ""
+      };
+    }
+    const proc = Bun.spawn(command, {
+      stdin: "ignore",
+      stdout: "pipe",
+      stderr: "pipe"
+    });
+    const [exitCode, stdout, stderr] = await Promise.all([
+      proc.exited,
+      new Response(proc.stdout).text(),
+      new Response(proc.stderr).text()
+    ]);
+    return {
+      ok: exitCode === 0,
+      summary: buildInteractiveSummary(request.args, exitCode === 0, exitCode),
+      stdout,
+      stderr
+    };
+  } catch (error) {
+    return {
+      ok: false,
+      summary: "Interactive command failed before it could finish.",
+      stdout: "",
+      stderr: error instanceof Error ? `Error: ${error.message}` : `Error: ${String(error)}`
+    };
+  }
+}
 function normalizeCliArgv(argv) {
   const normalized = argv.map(normalizeCliArg);
   const result = [];
@@ -3370,6 +5148,7 @@ function resolveConfig(cliArgs) {
     width: 80,
     noColor: false,
     noInsights: false,
+    more: false,
     claude: false,
     codex: false,
     openCode: false,
@@ -3393,6 +5172,8 @@ function resolveConfig(cliArgs) {
     merged.noColor = fileConfig.noColor;
   if (fileConfig.noInsights !== undefined)
     merged.noInsights = fileConfig.noInsights;
+  if (fileConfig.more !== undefined)
+    merged.more = fileConfig.more;
   if (envConfig.format)
     merged.format = envConfig.format;
   if (envConfig.theme)
@@ -3434,6 +5215,9 @@ function resolveConfig(cliArgs) {
   if (cliArgs["noInsights"] !== undefined) {
     result.noInsights = cliArgs["noInsights"];
   }
+  if (cliArgs["more"] !== undefined) {
+    result.more = cliArgs["more"];
+  }
   if (cliArgs["compare"] !== undefined) {
     result.compare = cliArgs["compare"];
   }
@@ -3511,7 +5295,11 @@ async function runCompare(compareStr, currentRange, _registry, available) {
     loadAndAggregate(currentRange, available),
     loadAndAggregate(previousRange, available)
   ]);
-  return buildCompareOutput({ range: currentRange, stats: currentResult.stats }, { range: previousRange, stats: previousResult.stats });
+  return {
+    compareOutput: buildCompareOutput({ range: currentRange, stats: currentResult.stats }, { range: previousRange, stats: previousResult.stats }),
+    currentData: currentResult.data,
+    previousData: previousResult.data
+  };
 }
 async function run(cliArgs) {
   const config = resolveConfig(cliArgs);
@@ -3544,12 +5332,45 @@ async function run(cliArgs) {
     throw new TokenleakError("No provider data found");
   }
   if (config.compare) {
+    const compareResult = await runCompare(config.compare, dateRange, registry, available);
+    if (config.more && (config.format === "png" || config.format === "svg")) {
+      const compareOutput = {
+        schemaVersion: SCHEMA_VERSION,
+        generated: new Date().toISOString(),
+        dateRange,
+        providers: compareResult.currentData,
+        aggregated: compareResult.compareOutput.periodA.stats,
+        more: buildMoreStats(compareResult.currentData, dateRange, {
+          previousRange: compareResult.compareOutput.periodB.range,
+          previousProviders: compareResult.previousData
+        })
+      };
+      const renderer2 = getRenderer(config.format);
+      const renderOptions2 = {
+        format: config.format,
+        theme: config.theme,
+        width: config.width,
+        showInsights: !config.noInsights,
+        noColor: config.noColor,
+        output: config.output,
+        more: true
+      };
+      const rendered3 = await renderer2.render(compareOutput, renderOptions2);
+      if (config.output) {
+        const data = typeof rendered3 === "string" ? rendered3 : Buffer.from(rendered3);
+        writeFileSync(config.output, data);
+      } else {
+        const text2 = typeof rendered3 === "string" ? rendered3 : rendered3.toString("utf-8");
+        process.stdout.write(text2 + `
+`);
+      }
+      return;
+    }
     if (config.format !== "json" && config.format !== "terminal") {
       process.stderr.write(`Warning: --compare only supports JSON output. Ignoring --format ${config.format}.
 `);
     }
-    const compareOutput = await runCompare(config.compare, dateRange, registry, available);
-    const rendered2 = JSON.stringify(compareOutput, null, 2);
+    const rendered2 = JSON.stringify(compareResult.compareOutput, null, 2);
     if (config.output) {
       writeFileSync(config.output, rendered2);
     } else {
@@ -3576,7 +5397,8 @@ async function run(cliArgs) {
     generated: new Date().toISOString(),
     dateRange,
     providers: providerDataList,
-    aggregated: stats
+    aggregated: stats,
+    more: config.more ? buildMoreStats(providerDataList, dateRange) : null
   };
   if (config.liveServer) {
     const ignoredFlags = [];
@@ -3598,7 +5420,8 @@ async function run(cliArgs) {
       width: config.width,
       showInsights: !config.noInsights,
       noColor: config.noColor,
-      output: config.output
+      output: config.output,
+      more: config.more
     };
     const { port } = await startLiveServer(output, renderOptions2);
     await new Promise((resolve) => {
@@ -3621,7 +5444,8 @@ Shutting down server...
     width: config.width,
     showInsights: !config.noInsights,
     noColor: config.noColor,
-    output: config.output
+    output: config.output,
+    more: config.more
   };
   const rendered = await renderer.render(output, renderOptions);
   if (config.output) {
@@ -3710,6 +5534,11 @@ var main = defineCommand({
       description: "Hide insights panel",
       default: false
     },
+    more: {
+      type: "boolean",
+      description: "Add expanded PNG/SVG stats and compare cards",
+      default: false
+    },
     compare: {
       type: "string",
       description: "Compare two date ranges (YYYY-MM-DD..YYYY-MM-DD)"
@@ -3786,6 +5615,8 @@ var main = defineCommand({
         cliArgs["noColor"] = true;
       if (args.noInsights)
         cliArgs["noInsights"] = true;
+      if (args.more)
+        cliArgs["more"] = true;
       if (args.compare !== undefined)
         cliArgs["compare"] = args.compare;
       if (args.provider !== undefined)
@@ -3827,12 +5658,20 @@ if (isDirectExecution) {
     process.stdout.write(buildVersionText());
     process.exit(0);
   }
-  runMain(main);
+  if (shouldStartInteractiveCli(argv, Boolean(process.stdin.isTTY), Boolean(process.stdout.isTTY))) {
+    await startInteractiveCli({
+      version: VERSION,
+      helpText: buildHelpText()
+    }, executeInteractiveCommand);
+  } else {
+    await runMain(main);
+  }
 }
 export {
   run,
   resolveConfig,
   normalizeCliArgv,
   inferFormatFromPath,
-  computeDateRange
+  computeDateRange,
+  buildInteractiveSummary
 };