@dylan_jser/claude-code-wrapped 1.0.0

package/dist/index.js

@@ -0,0 +1,1620 @@
+// src/collector.ts
+import * as fs2 from "fs";
+import * as path2 from "path";
+import * as readline from "readline";
+
+// src/paths.ts
+import * as os from "os";
+import * as path from "path";
+import * as fs from "fs";
+function getClaudeDataDir() {
+  const platform2 = os.platform();
+  const homeDir = os.homedir();
+  if (platform2 === "win32") {
+    const appDataPath = process.env.APPDATA;
+    const possiblePaths = [
+      appDataPath ? path.join(appDataPath, "claude") : null,
+      appDataPath ? path.join(appDataPath, "Claude") : null,
+      path.join(homeDir, ".claude"),
+      path.join(homeDir, "AppData", "Roaming", "claude"),
+      path.join(homeDir, "AppData", "Local", "claude")
+    ].filter(Boolean);
+    for (const p of possiblePaths) {
+      if (fs.existsSync(p)) {
+        return p;
+      }
+    }
+    return path.join(homeDir, ".claude");
+  }
+  return path.join(homeDir, ".claude");
+}
+function getClaudeDataPaths() {
+  const root = getClaudeDataDir();
+  return {
+    root,
+    statsCache: path.join(root, "stats-cache.json"),
+    history: path.join(root, "history.jsonl"),
+    projects: path.join(root, "projects"),
+    telemetry: path.join(root, "telemetry"),
+    todos: path.join(root, "todos")
+  };
+}
+function hasClaudeData() {
+  const paths = getClaudeDataPaths();
+  return fs.existsSync(paths.root) && fs.existsSync(paths.statsCache);
+}
+function validateClaudeData() {
+  const paths = getClaudeDataPaths();
+  const errors = [];
+  if (!fs.existsSync(paths.root)) {
+    errors.push(`Claude data directory not found: ${paths.root}`);
+  }
+  if (!fs.existsSync(paths.statsCache)) {
+    errors.push(`Stats cache file not found: ${paths.statsCache}`);
+  }
+  return {
+    valid: errors.length === 0,
+    paths,
+    errors
+  };
+}
+
+// src/collector.ts
+async function readStatsCache() {
+  const paths = getClaudeDataPaths();
+  try {
+    const content = await fs2.promises.readFile(paths.statsCache, "utf-8");
+    return JSON.parse(content);
+  } catch {
+    return null;
+  }
+}
+async function readHistory() {
+  const paths = getClaudeDataPaths();
+  const entries = [];
+  try {
+    if (!fs2.existsSync(paths.history)) {
+      return entries;
+    }
+    const fileStream = fs2.createReadStream(paths.history);
+    const rl = readline.createInterface({
+      input: fileStream,
+      crlfDelay: Infinity
+    });
+    for await (const line of rl) {
+      if (line.trim()) {
+        try {
+          entries.push(JSON.parse(line));
+        } catch {
+        }
+      }
+    }
+  } catch {
+  }
+  return entries;
+}
+async function getProjectStats() {
+  const paths = getClaudeDataPaths();
+  const projects = [];
+  try {
+    if (!fs2.existsSync(paths.projects)) {
+      return projects;
+    }
+    const projectDirs = await fs2.promises.readdir(paths.projects);
+    for (const dir of projectDirs) {
+      if (dir.startsWith(".")) continue;
+      const projectPath = path2.join(paths.projects, dir);
+      const stat = await fs2.promises.stat(projectPath);
+      if (!stat.isDirectory()) continue;
+      const files = await fs2.promises.readdir(projectPath);
+      const sessionFiles = files.filter((f) => f.endsWith(".jsonl"));
+      const decodedPath = dir.replace(/-/g, "/");
+      let messageCount = 0;
+      const sampleFiles = sessionFiles.slice(0, 5);
+      for (const file of sampleFiles) {
+        try {
+          const filePath = path2.join(projectPath, file);
+          const content = await fs2.promises.readFile(filePath, "utf-8");
+          const lines = content.split("\n").filter((l) => l.trim());
+          messageCount += lines.length;
+        } catch {
+        }
+      }
+      if (sampleFiles.length > 0 && sessionFiles.length > sampleFiles.length) {
+        const avgPerFile = messageCount / sampleFiles.length;
+        messageCount = Math.round(avgPerFile * sessionFiles.length);
+      }
+      projects.push({
+        name: extractProjectName(decodedPath),
+        path: decodedPath,
+        sessionCount: sessionFiles.length,
+        messageCount
+      });
+    }
+    projects.sort((a, b) => b.sessionCount - a.sessionCount);
+  } catch {
+  }
+  return projects;
+}
+function extractProjectName(projectPath) {
+  const parts = projectPath.split("/").filter(Boolean);
+  const name = parts[parts.length - 1] || "Unknown";
+  return name;
+}
+function filterFor2025(dailyActivity) {
+  return dailyActivity.filter((d) => d.date.startsWith("2025"));
+}
+function calculateTotalTokens(modelUsage) {
+  let total = 0;
+  for (const usage of Object.values(modelUsage)) {
+    total += usage.inputTokens + usage.outputTokens;
+  }
+  return total;
+}
+function getTokensByModel(modelUsage) {
+  const result = {};
+  for (const [model, usage] of Object.entries(modelUsage)) {
+    const total = usage.inputTokens + usage.outputTokens + (usage.cacheReadInputTokens || 0) + (usage.cacheCreationInputTokens || 0);
+    const normalizedName = normalizeModelName(model);
+    result[normalizedName] = (result[normalizedName] || 0) + total;
+  }
+  return result;
+}
+var MODEL_PRICING = {
+  "claude-opus-4-5": { input: 15, output: 75, cacheRead: 1.5, cacheWrite: 18.75 },
+  "claude-opus-4-1": { input: 15, output: 75, cacheRead: 1.5, cacheWrite: 18.75 },
+  "claude-sonnet-4-5": { input: 3, output: 15, cacheRead: 0.3, cacheWrite: 3.75 },
+  "claude-sonnet-4-1": { input: 3, output: 15, cacheRead: 0.3, cacheWrite: 3.75 },
+  "claude-haiku-4-5": { input: 0.8, output: 4, cacheRead: 0.08, cacheWrite: 1 },
+  "claude-haiku": { input: 0.25, output: 1.25, cacheRead: 0.025, cacheWrite: 0.3 },
+  "default": { input: 3, output: 15, cacheRead: 0.3, cacheWrite: 3.75 }
+};
+function getModelPricing(model) {
+  const lowerModel = model.toLowerCase();
+  if (lowerModel.includes("opus-4-5") || lowerModel.includes("opus-4.5")) {
+    return MODEL_PRICING["claude-opus-4-5"];
+  }
+  if (lowerModel.includes("opus-4-1") || lowerModel.includes("opus-4.1") || lowerModel.includes("opus")) {
+    return MODEL_PRICING["claude-opus-4-1"];
+  }
+  if (lowerModel.includes("sonnet-4-5") || lowerModel.includes("sonnet-4.5") || lowerModel.includes("sonnet")) {
+    return MODEL_PRICING["claude-sonnet-4-5"];
+  }
+  if (lowerModel.includes("haiku-4-5") || lowerModel.includes("haiku-4.5")) {
+    return MODEL_PRICING["claude-haiku-4-5"];
+  }
+  if (lowerModel.includes("haiku")) {
+    return MODEL_PRICING["claude-haiku"];
+  }
+  return MODEL_PRICING["default"];
+}
+function calculateEstimatedCost(modelUsage) {
+  let totalCost = 0;
+  const costByModel = {};
+  for (const [model, usage] of Object.entries(modelUsage)) {
+    const pricing = getModelPricing(model);
+    const normalizedName = normalizeModelName(model);
+    const inputCost = usage.inputTokens / 1e6 * pricing.input;
+    const outputCost = usage.outputTokens / 1e6 * pricing.output;
+    const cacheReadCost = (usage.cacheReadInputTokens || 0) / 1e6 * pricing.cacheRead;
+    const cacheWriteCost = (usage.cacheCreationInputTokens || 0) / 1e6 * pricing.cacheWrite;
+    const modelCost = inputCost + outputCost + cacheReadCost + cacheWriteCost;
+    costByModel[normalizedName] = (costByModel[normalizedName] || 0) + modelCost;
+    totalCost += modelCost;
+  }
+  return { totalCost, costByModel };
+}
+function normalizeModelName(model) {
+  if (model.includes("opus-4-5") || model.includes("opus-4.5")) {
+    return "Claude Opus 4.5";
+  }
+  if (model.includes("opus-4-1") || model.includes("opus-4.1")) {
+    return "Claude Opus 4.1";
+  }
+  if (model.includes("sonnet-4-5") || model.includes("sonnet-4.5")) {
+    return "Claude Sonnet 4.5";
+  }
+  if (model.includes("sonnet-4-1") || model.includes("sonnet-4.1")) {
+    return "Claude Sonnet 4.1";
+  }
+  if (model.includes("haiku-4-5") || model.includes("haiku-4.5")) {
+    return "Claude Haiku 4.5";
+  }
+  if (model.includes("haiku")) {
+    return "Claude Haiku";
+  }
+  if (model.includes("sonnet")) {
+    return "Claude Sonnet";
+  }
+  if (model.includes("opus")) {
+    return "Claude Opus";
+  }
+  return model;
+}
+
+// src/i18n.ts
+var en = {
+  // CLI
+  analyzing: "Analyzing your Claude Code journey...",
+  analysisComplete: "Analysis complete!",
+  generatingHtml: "Generating HTML report...",
+  htmlGenerated: "HTML report generated!",
+  openingBrowser: "Opening report in browser...",
+  reportSaved: "Report saved to:",
+  checkingPuppeteer: "Checking Puppeteer availability...",
+  puppeteerNotAvailable: "Puppeteer not available. PNG export requires a browser.",
+  exportHint: "You can still export by opening the HTML and using the EXPORT_PNG button.",
+  generatingPng: "Generating PNG export...",
+  pngExported: "PNG exported!",
+  pngSaved: "PNG saved to:",
+  thankYou: "Thank you for using Claude Code in 2025!",
+  dataNotFound: "Claude Code data not found!",
+  expectedLocation: "Expected location:",
+  installHint: "Make sure you have Claude Code installed and have used it at least once.",
+  // Stats labels
+  totalSessions: "Total_Sessions",
+  activeDays: "Active_Days",
+  peakMessages: "Peak_Messages",
+  toolCalls: "Tool_Calls",
+  totalMessages: "total messages",
+  tokens: "TOKENS",
+  primaryModel: "Primary Model",
+  level: "LEVEL",
+  cumulativeIntelligence: "CUMULATIVE_INTELLIGENCE",
+  activityDistribution: "ACTIVITY_DISTRIBUTION",
+  timeZone: "TIME_ZONE: LOCAL",
+  activeRegistry: "Active_Registry_2025",
+  totalProjects: "Total Projects",
+  longestStreak: "Longest_Streak",
+  currentStreak: "Current_Streak",
+  avgMsgsPerSession: "Avg_Msgs/Session",
+  days: "DAYS",
+  // Time ranges
+  morning: "09:00-12:00",
+  afternoon: "13:00-18:00",
+  evening: "19:00-23:00",
+  night: "00:00-08:00",
+  // Titles
+  identified: "IDENTIFIED",
+  neuralLinkEstablished: "Neural Link Established",
+  marathonSession: "Your {duration} marathon session ({messages} messages) has been archived in the central neural core.",
+  systemRecognizes: "The system recognizes your persistence.",
+  terminalReady: "TERMINAL_READY",
+  sysRef: "SYS_REF: 0xFF-2025-RECAP",
+  // User titles
+  titles: {
+    neuralArchitect: "Neural Architect",
+    prolificArchitect: "Prolific Architect",
+    seniorCollaborator: "Senior Collaborator",
+    codeArtisan: "Code Artisan",
+    digitalCraftsman: "Digital Craftsman",
+    codeApprentice: "Code Apprentice"
+  },
+  // Levels
+  levels: {
+    legendary: "LEGENDARY",
+    master: "MASTER",
+    expert: "EXPERT",
+    advanced: "ADVANCED",
+    intermediate: "INTERMEDIATE",
+    novice: "NOVICE"
+  },
+  // Messages
+  collaborationDensity: "Your collaboration density exceeds standard protocols.",
+  exceededProtocols: "Total messages exchanged with core intelligence.",
+  // HTML labels
+  overview: "Overview",
+  totalTokens: "Total Tokens",
+  projects: "Projects",
+  impact: "Impact",
+  messagesWithClaude: "Total messages exchanged with Claude",
+  hourlyActivity: "Hourly Activity",
+  weeklyPattern: "Weekly Pattern",
+  modelUsage: "Model Usage",
+  topTools: "Top Tools",
+  costEstimate: "Cost Estimate",
+  achievements: "Achievements",
+  basedOnApi: "Based on API pricing"
+};
+var zh = {
+  // CLI
+  analyzing: "\u6B63\u5728\u5206\u6790\u4F60\u7684 Claude Code \u4E4B\u65C5...",
+  analysisComplete: "\u5206\u6790\u5B8C\u6210\uFF01",
+  generatingHtml: "\u6B63\u5728\u751F\u6210 HTML \u62A5\u544A...",
+  htmlGenerated: "HTML \u62A5\u544A\u5DF2\u751F\u6210\uFF01",
+  openingBrowser: "\u6B63\u5728\u6D4F\u89C8\u5668\u4E2D\u6253\u5F00\u62A5\u544A...",
+  reportSaved: "\u62A5\u544A\u5DF2\u4FDD\u5B58\u81F3:",
+  checkingPuppeteer: "\u6B63\u5728\u68C0\u67E5 Puppeteer \u53EF\u7528\u6027...",
+  puppeteerNotAvailable: "Puppeteer \u4E0D\u53EF\u7528\uFF0CPNG \u5BFC\u51FA\u9700\u8981\u6D4F\u89C8\u5668\u652F\u6301\u3002",
+  exportHint: "\u4F60\u4ECD\u53EF\u4EE5\u6253\u5F00 HTML \u5E76\u4F7F\u7528 EXPORT_PNG \u6309\u94AE\u5BFC\u51FA\u3002",
+  generatingPng: "\u6B63\u5728\u751F\u6210 PNG \u5BFC\u51FA...",
+  pngExported: "PNG \u5DF2\u5BFC\u51FA\uFF01",
+  pngSaved: "PNG \u5DF2\u4FDD\u5B58\u81F3:",
+  thankYou: "\u611F\u8C22\u4F60\u5728 2025 \u5E74\u4F7F\u7528 Claude Code\uFF01",
+  dataNotFound: "\u672A\u627E\u5230 Claude Code \u6570\u636E\uFF01",
+  expectedLocation: "\u9884\u671F\u4F4D\u7F6E:",
+  installHint: "\u8BF7\u786E\u4FDD\u5DF2\u5B89\u88C5 Claude Code \u5E76\u81F3\u5C11\u4F7F\u7528\u8FC7\u4E00\u6B21\u3002",
+  // Stats labels
+  totalSessions: "\u603B\u4F1A\u8BDD\u6570",
+  activeDays: "\u6D3B\u8DC3\u5929\u6570",
+  peakMessages: "\u5355\u65E5\u5CF0\u503C",
+  toolCalls: "\u5DE5\u5177\u8C03\u7528",
+  totalMessages: "\u6761\u6D88\u606F\u4EA4\u4E92",
+  tokens: "TOKENS",
+  primaryModel: "\u4E3B\u529B\u6A21\u578B",
+  level: "\u7B49\u7EA7",
+  cumulativeIntelligence: "\u7D2F\u8BA1\u667A\u80FD\u6D88\u8017",
+  activityDistribution: "\u6D3B\u52A8\u65F6\u95F4\u5206\u5E03",
+  timeZone: "\u65F6\u533A: \u672C\u5730",
+  activeRegistry: "2025 \u9879\u76EE\u6863\u6848",
+  totalProjects: "\u9879\u76EE\u603B\u6570",
+  longestStreak: "\u6700\u957F\u8FDE\u7EED",
+  currentStreak: "\u5F53\u524D\u8FDE\u7EED",
+  avgMsgsPerSession: "\u573A\u5747\u6D88\u606F",
+  days: "\u5929",
+  // Time ranges
+  morning: "\u4E0A\u5348 09-12",
+  afternoon: "\u4E0B\u5348 13-18",
+  evening: "\u665A\u95F4 19-23",
+  night: "\u6DF1\u591C 00-08",
+  // Titles
+  identified: "\u8EAB\u4EFD\u8BC6\u522B",
+  neuralLinkEstablished: "\u795E\u7ECF\u94FE\u8DEF\u5EFA\u7ACB\u4E8E",
+  marathonSession: "\u4F60\u90A3\u573A {duration} \u7684\u9A6C\u62C9\u677E\u4F1A\u8BDD\uFF08{messages} \u6761\u6D88\u606F\uFF09\u5DF2\u88AB\u5F52\u6863\u81F3\u4E2D\u592E\u795E\u7ECF\u6838\u5FC3\u3002",
+  systemRecognizes: "\u7CFB\u7EDF\u8BA4\u53EF\u4F60\u7684\u575A\u6301\u3002",
+  terminalReady: "\u7EC8\u7AEF\u5C31\u7EEA",
+  sysRef: "\u7CFB\u7EDF\u53C2\u8003: 0xFF-2025-\u56DE\u987E",
+  // User titles
+  titles: {
+    neuralArchitect: "\u795E\u7ECF\u67B6\u6784\u5E08",
+    prolificArchitect: "\u9AD8\u4EA7\u67B6\u6784\u5E08",
+    seniorCollaborator: "\u8D44\u6DF1\u534F\u4F5C\u8005",
+    codeArtisan: "\u4EE3\u7801\u5DE5\u5320",
+    digitalCraftsman: "\u6570\u5B57\u5320\u4EBA",
+    codeApprentice: "\u4EE3\u7801\u5B66\u5F92"
+  },
+  // Levels
+  levels: {
+    legendary: "\u4F20\u5947",
+    master: "\u5927\u5E08",
+    expert: "\u4E13\u5BB6",
+    advanced: "\u8FDB\u9636",
+    intermediate: "\u4E2D\u7EA7",
+    novice: "\u65B0\u624B"
+  },
+  // Messages
+  collaborationDensity: "\u4F60\u7684\u534F\u4F5C\u5F3A\u5EA6\u8D85\u8D8A\u4E86\u6807\u51C6\u534F\u8BAE\u3002",
+  exceededProtocols: "\u4E0E\u6838\u5FC3\u667A\u80FD\u4EA4\u6362\u7684\u6D88\u606F\u603B\u6570\u3002",
+  // HTML labels
+  overview: "\u6982\u89C8",
+  totalTokens: "\u603BToken",
+  projects: "\u9879\u76EE\u6570",
+  impact: "\u5F71\u54CD\u529B",
+  messagesWithClaude: "\u4E0E Claude \u4EA4\u6362\u7684\u6D88\u606F\u603B\u6570",
+  hourlyActivity: "\u65F6\u95F4\u5206\u5E03",
+  weeklyPattern: "\u5468\u6D3B\u52A8",
+  modelUsage: "\u6A21\u578B\u4F7F\u7528",
+  topTools: "\u5E38\u7528\u5DE5\u5177",
+  costEstimate: "\u6210\u672C\u4F30\u7B97",
+  achievements: "\u6210\u5C31",
+  basedOnApi: "\u57FA\u4E8EAPI\u5B9A\u4EF7"
+};
+var translations = { en, zh };
+var currentLanguage = "en";
+function detectLanguage() {
+  const locale = process.env.LANG || process.env.LC_ALL || process.env.LC_MESSAGES || "";
+  if (locale.toLowerCase().startsWith("zh")) {
+    return "zh";
+  }
+  return "en";
+}
+function setLanguage(lang) {
+  currentLanguage = lang;
+}
+function getLanguage() {
+  return currentLanguage;
+}
+function t() {
+  return translations[currentLanguage];
+}
+
+// src/analyzer.ts
+async function analyzeData() {
+  const statsCache = await readStatsCache();
+  const history = await readHistory();
+  const projects = await getProjectStats();
+  if (!statsCache) {
+    throw new Error("Could not read Claude Code stats cache");
+  }
+  const dailyActivity2025 = filterFor2025(statsCache.dailyActivity);
+  const totalMessages = dailyActivity2025.reduce(
+    (sum, d) => sum + d.messageCount,
+    0
+  );
+  const totalSessions = dailyActivity2025.reduce(
+    (sum, d) => sum + d.sessionCount,
+    0
+  );
+  const totalToolCalls = dailyActivity2025.reduce(
+    (sum, d) => sum + d.toolCallCount,
+    0
+  );
+  const activeDays = dailyActivity2025.length;
+  const dates = dailyActivity2025.map((d) => new Date(d.date)).sort((a, b) => a.getTime() - b.getTime());
+  const firstSessionDate = dates[0] || /* @__PURE__ */ new Date();
+  const lastSessionDate = dates[dates.length - 1] || /* @__PURE__ */ new Date();
+  const totalTokens = calculateTotalTokens(statsCache.modelUsage);
+  const tokensByModel = getTokensByModel(statsCache.modelUsage);
+  const primaryModel = findPrimaryModel(tokensByModel);
+  const { totalCost, costByModel } = calculateEstimatedCost(statsCache.modelUsage);
+  const hourlyDistribution = statsCache.hourCounts || {};
+  const peakHour = findPeakHour(hourlyDistribution);
+  const avgMessagesPerSession = totalSessions > 0 ? Math.round(totalMessages / totalSessions) : 0;
+  const avgSessionDuration = statsCache.longestSession ? Math.round(statsCache.longestSession.duration / totalSessions / 1e3 / 60) : 0;
+  const { longestStreak, currentStreak } = calculateStreaks(dailyActivity2025);
+  const { userTitle, userLevel, achievements } = calculateAchievements({
+    totalMessages,
+    totalSessions,
+    totalToolCalls,
+    activeDays,
+    longestStreak,
+    totalTokens,
+    longestSessionMessages: statsCache.longestSession?.messageCount || 0
+  });
+  return {
+    totalSessions,
+    totalMessages,
+    totalToolCalls,
+    activeDays,
+    firstSessionDate,
+    lastSessionDate,
+    totalTokens,
+    tokensByModel,
+    primaryModel,
+    hourlyDistribution: Object.fromEntries(
+      Object.entries(hourlyDistribution).map(([k, v]) => [parseInt(k), v])
+    ),
+    peakHour,
+    dailyActivity: dailyActivity2025,
+    longestSession: statsCache.longestSession,
+    avgMessagesPerSession,
+    avgSessionDuration,
+    projects,
+    topProjects: projects.slice(0, 8),
+    totalProjects: projects.length,
+    longestStreak,
+    currentStreak,
+    userTitle,
+    userLevel,
+    achievements,
+    estimatedCost: totalCost,
+    costByModel
+  };
+}
+function findPrimaryModel(tokensByModel) {
+  let maxTokens = 0;
+  let primaryModel = "Claude";
+  for (const [model, tokens] of Object.entries(tokensByModel)) {
+    if (tokens > maxTokens) {
+      maxTokens = tokens;
+      primaryModel = model;
+    }
+  }
+  return primaryModel;
+}
+function findPeakHour(hourCounts) {
+  let maxCount = 0;
+  let peakHour = 12;
+  for (const [hour, count] of Object.entries(hourCounts)) {
+    if (count > maxCount) {
+      maxCount = count;
+      peakHour = parseInt(hour);
+    }
+  }
+  return peakHour;
+}
+function calculateStreaks(dailyActivity) {
+  if (dailyActivity.length === 0) {
+    return { longestStreak: 0, currentStreak: 0 };
+  }
+  const dates = dailyActivity.map((d) => d.date).sort().map((d) => new Date(d));
+  let longestStreak = 1;
+  let currentStreak = 1;
+  let tempStreak = 1;
+  for (let i = 1; i < dates.length; i++) {
+    const diff = (dates[i].getTime() - dates[i - 1].getTime()) / (1e3 * 60 * 60 * 24);
+    if (diff === 1) {
+      tempStreak++;
+      longestStreak = Math.max(longestStreak, tempStreak);
+    } else {
+      tempStreak = 1;
+    }
+  }
+  const today = /* @__PURE__ */ new Date();
+  today.setHours(0, 0, 0, 0);
+  const lastDate = dates[dates.length - 1];
+  lastDate.setHours(0, 0, 0, 0);
+  const daysSinceLastActivity = Math.floor(
+    (today.getTime() - lastDate.getTime()) / (1e3 * 60 * 60 * 24)
+  );
+  if (daysSinceLastActivity <= 1) {
+    currentStreak = tempStreak;
+  } else {
+    currentStreak = 0;
+  }
+  return { longestStreak, currentStreak };
+}
+function calculateAchievements(stats) {
+  const i = t();
+  const achievements = [];
+  let userTitle = i.titles.codeApprentice;
+  let userLevel = i.levels.novice;
+  if (stats.totalMessages >= 5e4) {
+    userTitle = i.titles.neuralArchitect;
+    userLevel = i.levels.legendary;
+  } else if (stats.totalMessages >= 3e4) {
+    userTitle = i.titles.prolificArchitect;
+    userLevel = i.levels.master;
+  } else if (stats.totalMessages >= 15e3) {
+    userTitle = i.titles.seniorCollaborator;
+    userLevel = i.levels.expert;
+  } else if (stats.totalMessages >= 5e3) {
+    userTitle = i.titles.codeArtisan;
+    userLevel = i.levels.advanced;
+  } else if (stats.totalMessages >= 1e3) {
+    userTitle = i.titles.digitalCraftsman;
+    userLevel = i.levels.intermediate;
+  }
+  if (stats.totalMessages >= 1e4) {
+    achievements.push("10K_MESSAGES");
+  }
+  if (stats.totalMessages >= 1e3) {
+    achievements.push("1K_MESSAGES");
+  }
+  if (stats.totalSessions >= 500) {
+    achievements.push("500_SESSIONS");
+  }
+  if (stats.totalSessions >= 100) {
+    achievements.push("100_SESSIONS");
+  }
+  if (stats.activeDays >= 30) {
+    achievements.push("MONTHLY_ACTIVE");
+  }
+  if (stats.activeDays >= 7) {
+    achievements.push("WEEKLY_ACTIVE");
+  }
+  if (stats.longestStreak >= 7) {
+    achievements.push("WEEK_STREAK");
+  }
+  if (stats.longestStreak >= 3) {
+    achievements.push("3_DAY_STREAK");
+  }
+  if (stats.totalToolCalls >= 5e3) {
+    achievements.push("TOOL_MASTER");
+  }
+  if (stats.totalToolCalls >= 1e3) {
+    achievements.push("TOOL_USER");
+  }
+  if (stats.longestSessionMessages >= 1e3) {
+    achievements.push("MARATHON_SESSION");
+  }
+  if (stats.longestSessionMessages >= 500) {
+    achievements.push("LONG_SESSION");
+  }
+  if (stats.totalTokens >= 1e8) {
+    achievements.push("100M_TOKENS");
+  }
+  if (stats.totalTokens >= 1e7) {
+    achievements.push("10M_TOKENS");
+  }
+  return { userTitle, userLevel, achievements };
+}
+function formatNumber(num) {
+  if (num >= 1e9) {
+    return (num / 1e9).toFixed(1) + "B";
+  }
+  if (num >= 1e6) {
+    return (num / 1e6).toFixed(1) + "M";
+  }
+  if (num >= 1e3) {
+    return (num / 1e3).toFixed(1) + "K";
+  }
+  return num.toString();
+}
+function formatDuration(ms) {
+  const hours = Math.floor(ms / (1e3 * 60 * 60));
+  const minutes = Math.floor(ms % (1e3 * 60 * 60) / (1e3 * 60));
+  if (hours > 0) {
+    return `${hours}h ${minutes}m`;
+  }
+  return `${minutes}m`;
+}
+function padNumber(num, digits = 6) {
+  return num.toString().padStart(digits, "0");
+}
+
+// src/tui.ts
+import chalk from "chalk";
+import boxen from "boxen";
+import gradient from "gradient-string";
+import Table from "cli-table3";
+var coralGradient = gradient(["#ff7f50", "#ff6347", "#ff4500"]);
+var BANNER = `
+   ____ _                 _         ____          _
+  / ___| | __ _ _   _  __| | ___   / ___|___   __| | ___
+ | |   | |/ _\` | | | |/ _\` |/ _ \\ | |   / _ \\ / _\` |/ _ \\
+ | |___| | (_| | |_| | (_| |  __/ | |__| (_) | (_| |  __/
+  \\____|_|\\__,_|\\__,_|\\__,_|\\___|  \\____\\___/ \\__,_|\\___|
+            WRAPPED // EDITION.2025 // SYNC.SUCCESS
+`;
+function printTUI(stats) {
+  const i = t();
+  console.clear();
+  console.log(coralGradient(BANNER));
+  console.log(
+    chalk.dim(
+      `        ${i.neuralLinkEstablished}: ${stats.firstSessionDate.toISOString().split("T")[0]}`
+    )
+  );
+  console.log();
+  printOverviewBox(stats);
+  console.log();
+  printMainImpact(stats);
+  console.log();
+  printActivityDistribution(stats);
+  console.log();
+  printProjects(stats);
+  console.log();
+  printLongestSession(stats);
+  console.log();
+  printFooter();
+}
+function printOverviewBox(stats) {
+  const i = t();
+  const isZh = getLanguage() === "zh";
+  const colWidth = isZh ? 18 : 20;
+  const table = new Table({
+    chars: {
+      top: "\u2500",
+      "top-mid": "\u252C",
+      "top-left": "\u250C",
+      "top-right": "\u2510",
+      bottom: "\u2500",
+      "bottom-mid": "\u2534",
+      "bottom-left": "\u2514",
+      "bottom-right": "\u2518",
+      left: "\u2502",
+      "left-mid": "\u251C",
+      mid: "\u2500",
+      "mid-mid": "\u253C",
+      right: "\u2502",
+      "right-mid": "\u2524",
+      middle: "\u2502"
+    },
+    style: { head: [], border: ["gray"] },
+    colWidths: [colWidth, colWidth, colWidth, colWidth]
+  });
+  table.push([
+    chalk.dim(i.totalSessions.toUpperCase()),
+    chalk.dim(i.activeDays.toUpperCase()),
+    chalk.dim(i.peakMessages.toUpperCase()),
+    chalk.dim(i.toolCalls.toUpperCase())
+  ]);
+  table.push([
+    chalk.white.bold(padNumber(stats.totalSessions)),
+    chalk.white.bold(padNumber(stats.activeDays)),
+    chalk.white.bold(
+      padNumber(Math.max(...stats.dailyActivity.map((d) => d.messageCount)))
+    ),
+    chalk.white.bold(padNumber(stats.totalToolCalls))
+  ]);
+  console.log(table.toString());
+}
+function printMainImpact(stats) {
+  const i = t();
+  const title = chalk.hex("#ff7f50").bold(`${i.identified}: ${stats.userTitle.toUpperCase()}`);
+  const messageCount = chalk.white.bold(stats.totalMessages.toLocaleString());
+  const tokens = formatNumber(stats.totalTokens);
+  console.log(boxen(
+    `${title}
+
+${chalk.white.bold.underline(messageCount)} ${chalk.dim(i.totalMessages)}
+
+` + chalk.dim(`${i.collaborationDensity}
+`) + chalk.dim(`${i.cumulativeIntelligence}: ${chalk.white(tokens)} ${i.tokens}
+`) + chalk.dim(`${i.primaryModel}: ${chalk.white(stats.primaryModel)}
+
+`) + chalk.bgHex("#ff7f50").black(` ${i.level}: ${stats.userLevel} `),
+    {
+      padding: 1,
+      margin: 0,
+      borderStyle: "double",
+      borderColor: "gray"
+    }
+  ));
+}
+function printActivityDistribution(stats) {
+  const i = t();
+  console.log(chalk.dim("\u2500".repeat(60)));
+  console.log(
+    chalk.gray(i.activityDistribution) + chalk.dim("                             " + i.timeZone)
+  );
+  console.log(chalk.dim("\u2500".repeat(60)));
+  const ranges = [
+    { label: i.night, hours: [0, 1, 2, 3, 4, 5, 6, 7, 8] },
+    { label: i.morning, hours: [9, 10, 11, 12] },
+    { label: i.afternoon, hours: [13, 14, 15, 16, 17, 18] },
+    { label: i.evening, hours: [19, 20, 21, 22, 23] }
+  ];
+  let maxCount = 0;
+  const rangeCounts = ranges.map((r) => {
+    const count = r.hours.reduce(
+      (sum, h) => sum + (stats.hourlyDistribution[h] || 0),
+      0
+    );
+    maxCount = Math.max(maxCount, count);
+    return { ...r, count };
+  });
+  const peakRange = rangeCounts.reduce(
+    (max, r) => r.count > max.count ? r : max
+  );
+  for (const range of rangeCounts) {
+    const isPeak = range === peakRange;
+    const barLength = maxCount > 0 ? Math.round(range.count / maxCount * 20) : 0;
+    const bar = chalk.hex("#ff7f50")(isPeak ? "\u2588" : "\u2593").repeat(barLength) + chalk.dim("\u2591").repeat(20 - barLength);
+    const label = isPeak ? chalk.hex("#ff7f50")(range.label.padEnd(12)) : chalk.dim(range.label.padEnd(12));
+    const count = isPeak ? chalk.hex("#ff7f50").bold(range.count.toString().padStart(4)) : chalk.dim(range.count.toString().padStart(4));
+    console.log(`  ${label}  ${bar}  ${count}`);
+  }
+}
+function printProjects(stats) {
+  const i = t();
+  console.log();
+  console.log(
+    boxen(chalk.white.bold(i.activeRegistry.toUpperCase()), {
+      padding: { left: 2, right: 2, top: 0, bottom: 0 },
+      borderStyle: "double",
+      borderColor: "gray",
+      textAlignment: "center"
+    })
+  );
+  const table = new Table({
+    chars: {
+      top: "",
+      "top-mid": "",
+      "top-left": "",
+      "top-right": "",
+      bottom: "\u2500",
+      "bottom-mid": "",
+      "bottom-left": "",
+      "bottom-right": "",
+      left: "",
+      "left-mid": "",
+      mid: "",
+      "mid-mid": "",
+      right: "",
+      "right-mid": "",
+      middle: "  "
+    },
+    style: { head: [], border: ["gray"] },
+    colWidths: [30, 10, 30, 10]
+  });
+  const projects = stats.topProjects.slice(0, 8);
+  const rows = [];
+  for (let i2 = 0; i2 < projects.length; i2 += 2) {
+    const p1 = projects[i2];
+    const p2 = projects[i2 + 1];
+    const col1 = p1 ? `${chalk.white(truncate(p1.name, 25))}` : "";
+    const num1 = p1 ? chalk.dim(padNumber(i2 + 1, 2)) : "";
+    const col2 = p2 ? `${chalk.white(truncate(p2.name, 25))}` : "";
+    const num2 = p2 ? chalk.dim(padNumber(i2 + 2, 2)) : "";
+    rows.push([col1, num1, col2, num2]);
+  }
+  for (const row of rows) {
+    table.push(row);
+  }
+  console.log(table.toString());
+  console.log(chalk.dim(`  ${i.totalProjects}: ${stats.totalProjects}`));
+}
+function printLongestSession(stats) {
+  const i = t();
+  if (!stats.longestSession) return;
+  const duration = formatDuration(stats.longestSession.duration);
+  const messages = stats.longestSession.messageCount;
+  const marathonText = i.marathonSession.replace("{duration}", duration).replace("{messages}", messages.toLocaleString());
+  console.log(
+    boxen(
+      chalk.italic.gray(
+        `"${marathonText}
+${i.systemRecognizes}"`
+      ),
+      {
+        padding: 1,
+        margin: { top: 1, bottom: 0, left: 0, right: 0 },
+        borderStyle: "round",
+        borderColor: "#ff7f50"
+      }
+    )
+  );
+}
+function printFooter() {
+  const i = t();
+  console.log();
+  console.log(
+    chalk.dim(i.sysRef) + "                              " + chalk.hex("#ff7f50")(i.terminalReady) + chalk.dim(" (C) CLAUDE-CODE-WRAPPED")
+  );
+}
+function truncate(str, maxLength) {
+  if (str.length <= maxLength) return str;
+  return str.slice(0, maxLength - 3) + "...";
+}
+function printLoading(message) {
+  console.log(chalk.dim(`[${chalk.hex("#ff7f50")("*")}] ${message}`));
+}
+function printError(message) {
+  console.log(chalk.red(`[!] ${message}`));
+}
+function printSuccess(message) {
+  console.log(chalk.green(`[\u2713] ${message}`));
+}
+
+// src/html.ts
+import * as fs3 from "fs";
+import * as path3 from "path";
+import * as os2 from "os";
+function formatCost(cost) {
+  if (cost >= 1e4) {
+    return (cost / 1e3).toFixed(1) + "K";
+  }
+  if (cost >= 1e3) {
+    return cost.toFixed(0).replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+  }
+  if (cost >= 100) {
+    return cost.toFixed(0);
+  }
+  if (cost >= 10) {
+    return cost.toFixed(1);
+  }
+  return cost.toFixed(2);
+}
+async function generateHTML(stats) {
+  const html = buildHTML(stats);
+  const tempDir = os2.tmpdir();
+  const filePath = path3.join(tempDir, `claude-code-wrapped-${Date.now()}.html`);
+  await fs3.promises.writeFile(filePath, html, "utf-8");
+  return filePath;
+}
+function buildHTML(stats) {
+  const lang = getLanguage();
+  const i = t();
+  const peakMessages = Math.max(...stats.dailyActivity.map((d) => d.messageCount));
+  const tokensFormatted = formatNumber(stats.totalTokens);
+  const longestDuration = stats.longestSession ? formatDuration(stats.longestSession.duration) : "0h";
+  const hourlyHTML = buildHourlyDistribution(stats);
+  const projectsHTML = buildProjectsHTML(stats);
+  const modelUsageHTML = buildModelUsage(stats);
+  const weeklyHTML = buildWeeklyPattern(stats);
+  const today = (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
+  return `<!DOCTYPE html>
+<html lang="${lang}">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Claude Code Wrapped 2025</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <script src="https://html2canvas.hertzen.com/dist/html2canvas.min.js"></script>
+    <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&display=swap" rel="stylesheet">
+    <style>
+        :root {
+            --cream: #FAF9F7;
+            --warm-gray: #F5F4F2;
+            --border: #E8E6E3;
+            --text-primary: #1A1915;
+            --text-secondary: #6B6966;
+            --text-muted: #9C9A97;
+            --coral: #D97757;
+            --coral-light: #F5E6E0;
+            --coral-soft: rgba(217, 119, 87, 0.1);
+            --sage: #5B8A72;
+            --sage-light: #E8F0EC;
+            --amber: #C4963A;
+            --amber-light: #FBF5E8;
+            --purple: #8B7EC8;
+            --purple-light: #F0EDF8;
+        }
+        * { box-sizing: border-box; }
+        html, body { margin: 0; padding: 0; min-height: 100vh; }
+        body {
+            background-color: var(--cream);
+            color: var(--text-primary);
+            font-family: 'JetBrains Mono', monospace;
+            line-height: 1.4;
+            display: flex;
+            flex-direction: column;
+        }
+        .landing-header {
+            width: 100%;
+            padding: 20px 48px;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            border-bottom: 1px solid var(--border);
+        }
+        .landing-logo {
+            display: flex;
+            align-items: center;
+            gap: 12px;
+            font-size: 14px;
+            font-weight: 600;
+            color: var(--text-primary);
+        }
+        .landing-logo-icon {
+            width: 32px;
+            height: 32px;
+            background: var(--coral);
+            border-radius: 8px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
+        .landing-nav {
+            display: flex;
+            gap: 32px;
+        }
+        .landing-nav a, .github-link {
+            display: flex;
+            align-items: center;
+            gap: 6px;
+            color: var(--text-secondary);
+            text-decoration: none;
+            font-size: 13px;
+            transition: color 0.2s;
+        }
+        .landing-nav a:hover, .github-link:hover { color: var(--coral); }
+        .github-link svg { width: 16px; height: 16px; }
+        .page-wrapper {
+            flex: 1;
+            padding: 60px 24px;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            position: relative;
+            overflow: hidden;
+        }
+        .dashboard {
+            width: 100%;
+            max-width: 1360px;
+            padding: 32px 40px;
+            background: white;
+            display: flex;
+            flex-direction: column;
+            border-radius: 16px;
+            box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
+            gap: 16px;
+            position: relative;
+            z-index: 10;
+        }
+        /* Flowing background animation */
+        .bg-animation {
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            z-index: 1;
+            pointer-events: none;
+            overflow: hidden;
+        }
+        .bg-animation::before {
+            content: '';
+            position: absolute;
+            top: -50%;
+            left: -50%;
+            width: 200%;
+            height: 200%;
+            background:
+                radial-gradient(circle at 20% 80%, rgba(217, 119, 87, 0.08) 0%, transparent 50%),
+                radial-gradient(circle at 80% 20%, rgba(91, 138, 114, 0.08) 0%, transparent 50%),
+                radial-gradient(circle at 40% 40%, rgba(196, 150, 58, 0.05) 0%, transparent 40%);
+            animation: gradientMove 30s ease-in-out infinite;
+        }
+        @keyframes gradientMove {
+            0%, 100% { transform: translate(0, 0) rotate(0deg); }
+            33% { transform: translate(2%, 2%) rotate(1deg); }
+            66% { transform: translate(-1%, 1%) rotate(-1deg); }
+        }
+        .pixel-text {
+            font-family: 'JetBrains Mono', monospace;
+            font-size: 42px;
+            font-weight: 900;
+            color: var(--coral);
+            letter-spacing: 4px;
+            text-shadow:
+                3px 0 0 var(--coral),
+                -3px 0 0 var(--coral),
+                0 3px 0 var(--coral),
+                0 -3px 0 var(--coral),
+                2px 2px 0 rgba(217, 119, 87, 0.3),
+                4px 4px 0 rgba(217, 119, 87, 0.15);
+        }
+        .pixel-text-sm {
+            font-family: 'JetBrains Mono', monospace;
+            font-size: 14px;
+            font-weight: 700;
+            color: var(--coral);
+            letter-spacing: 3px;
+            text-shadow:
+                1px 0 0 var(--coral),
+                -1px 0 0 var(--coral),
+                0 1px 0 var(--coral),
+                0 -1px 0 var(--coral);
+        }
+        .landing-footer {
+            padding: 32px 48px;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            border-top: 1px solid var(--border);
+            background: var(--cream);
+        }
+        .landing-footer-left { display: flex; align-items: center; gap: 24px; }
+        .landing-footer-links { display: flex; gap: 24px; }
+        .landing-footer-links a {
+            color: var(--text-muted);
+            text-decoration: none;
+            font-size: 12px;
+            transition: color 0.2s;
+        }
+        .landing-footer-links a:hover { color: var(--coral); }
+        .landing-footer-copy { color: var(--text-muted); font-size: 11px; }
+        .tui-box {
+            border: 1px solid var(--border);
+            background: white;
+            position: relative;
+            border-radius: 4px;
+            padding: 24px;
+        }
+        .tui-box::before {
+            content: attr(data-title);
+            position: absolute;
+            top: -9px;
+            left: 12px;
+            background: white;
+            padding: 0 8px;
+            font-size: 11px;
+            font-weight: 600;
+            color: var(--text-muted);
+            text-transform: uppercase;
+            letter-spacing: 0.1em;
+        }
+        .stat-card {
+            background: var(--warm-gray);
+            border-radius: 8px;
+            padding: 24px;
+            text-align: center;
+        }
+        .stat-label {
+            font-size: 11px;
+            color: var(--text-muted);
+            font-weight: 500;
+            text-transform: uppercase;
+            letter-spacing: 0.1em;
+            margin-bottom: 8px;
+        }
+        .stat-value { font-size: 2.25rem; font-weight: 700; }
+        .progress-track { display: flex; gap: 4px; }
+        .progress-segment { width: 14px; height: 24px; border-radius: 3px; }
+        .segment-filled { background: var(--coral); }
+        .segment-empty { background: var(--border); }
+        .tag {
+            display: inline-flex;
+            align-items: center;
+            padding: 4px 10px;
+            border-radius: 4px;
+            font-size: 10px;
+            font-weight: 600;
+            text-transform: uppercase;
+            letter-spacing: 0.04em;
+        }
+        .tag-coral { background: var(--coral-light); color: var(--coral); }
+        .tag-sage { background: var(--sage-light); color: var(--sage); }
+        .tag-amber { background: var(--amber-light); color: var(--amber); }
+        .tag-purple { background: var(--purple-light); color: var(--purple); }
+        .activity-bar {
+            height: 100%;
+            background: var(--coral);
+            border-radius: 3px;
+            min-width: 4px;
+        }
+        .project-item {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            padding: 10px 14px;
+            border-radius: 6px;
+        }
+        .project-item:hover { background: var(--warm-gray); }
+        .project-dot {
+            width: 8px;
+            height: 8px;
+            border-radius: 50%;
+            margin-right: 10px;
+        }
+        .corner-box { position: relative; padding: 20px; }
+        .corner-box::before, .corner-box::after {
+            content: '';
+            position: absolute;
+            width: 20px;
+            height: 20px;
+            border-color: var(--border);
+            border-style: solid;
+        }
+        .corner-box::before { top: 0; left: 0; border-width: 2px 0 0 2px; }
+        .corner-box::after { bottom: 0; right: 0; border-width: 0 2px 2px 0; }
+        .cursor {
+            display: inline-block;
+            width: 10px;
+            height: 18px;
+            background: var(--coral);
+            animation: blink 1s step-end infinite;
+            margin-left: 4px;
+            vertical-align: middle;
+        }
+        @keyframes blink {
+            0%, 50% { opacity: 1; }
+            51%, 100% { opacity: 0; }
+        }
+        .pixel-logo { display: flex; flex-direction: column; }
+        .pixel-char {
+            display: grid;
+            grid-template-columns: repeat(4, 8px);
+            grid-template-rows: repeat(5, 8px);
+            gap: 2px;
+        }
+        .pr {
+            background: var(--coral);
+            border-radius: 1px;
+            box-shadow: inset -1px -1px 0 rgba(0,0,0,0.2), inset 1px 1px 0 rgba(255,255,255,0.3);
+        }
+        .pe { background: transparent; }
+        .export-btn {
+            padding: 10px 20px;
+            background: var(--coral);
+            color: white;
+            border: none;
+            border-radius: 8px;
+            font-family: 'JetBrains Mono', monospace;
+            font-size: 13px;
+            font-weight: 600;
+            cursor: pointer;
+            display: flex;
+            align-items: center;
+            gap: 8px;
+            transition: all 0.2s;
+        }
+        .export-btn:hover {
+            background: #c56a4d;
+            transform: translateY(-1px);
+        }
+        .export-btn:disabled {
+            opacity: 0.6;
+            cursor: not-allowed;
+        }
+    </style>
+</head>
+<body>
+    <!-- Landing Header -->
+    <header class="landing-header">
+        <div class="landing-logo">
+            <pre style="font-size: 10px; line-height: 1.1; color: var(--coral); margin: 0; font-weight: bold;">
+ \u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2557      \u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2557   \u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557     \u2588\u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557    \u2588\u2588\u2557    \u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2588\u2557  \u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2588\u2557
+\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D\u2588\u2588\u2551     \u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2551   \u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D    \u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D\u2588\u2588\u2554\u2550\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D    \u2588\u2588\u2551    \u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557
+\u2588\u2588\u2551     \u2588\u2588\u2551     \u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2551\u2588\u2588\u2551   \u2588\u2588\u2551\u2588\u2588\u2551  \u2588\u2588\u2551\u2588\u2588\u2588\u2588\u2588\u2557      \u2588\u2588\u2551     \u2588\u2588\u2551   \u2588\u2588\u2551\u2588\u2588\u2551  \u2588\u2588\u2551\u2588\u2588\u2588\u2588\u2588\u2557      \u2588\u2588\u2551 \u2588\u2557 \u2588\u2588\u2551\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2551\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u2588\u2588\u2588\u2588\u2588\u2557  \u2588\u2588\u2551  \u2588\u2588\u2551
+\u2588\u2588\u2551     \u2588\u2588\u2551     \u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2551\u2588\u2588\u2551   \u2588\u2588\u2551\u2588\u2588\u2551  \u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u255D      \u2588\u2588\u2551     \u2588\u2588\u2551   \u2588\u2588\u2551\u2588\u2588\u2551  \u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u255D      \u2588\u2588\u2551\u2588\u2588\u2588\u2557\u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u2550\u255D \u2588\u2588\u2554\u2550\u2550\u2550\u255D \u2588\u2588\u2554\u2550\u2550\u255D  \u2588\u2588\u2551  \u2588\u2588\u2551
+\u255A\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2551  \u2588\u2588\u2551\u255A\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557    \u255A\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u255A\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557    \u255A\u2588\u2588\u2588\u2554\u2588\u2588\u2588\u2554\u255D\u2588\u2588\u2551  \u2588\u2588\u2551\u2588\u2588\u2551  \u2588\u2588\u2551\u2588\u2588\u2551     \u2588\u2588\u2551     \u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D
+ \u255A\u2550\u2550\u2550\u2550\u2550\u255D\u255A\u2550\u2550\u2550\u2550\u2550\u2550\u255D\u255A\u2550\u255D  \u255A\u2550\u255D \u255A\u2550\u2550\u2550\u2550\u2550\u255D \u255A\u2550\u2550\u2550\u2550\u2550\u255D \u255A\u2550\u2550\u2550\u2550\u2550\u2550\u255D     \u255A\u2550\u2550\u2550\u2550\u2550\u255D \u255A\u2550\u2550\u2550\u2550\u2550\u255D \u255A\u2550\u2550\u2550\u2550\u2550\u255D \u255A\u2550\u2550\u2550\u2550\u2550\u2550\u255D     \u255A\u2550\u2550\u255D\u255A\u2550\u2550\u255D \u255A\u2550\u255D  \u255A\u2550\u255D\u255A\u2550\u255D  \u255A\u2550\u255D\u255A\u2550\u255D     \u255A\u2550\u255D     \u255A\u2550\u2550\u2550\u2550\u2550\u2550\u255D\u255A\u2550\u2550\u2550\u2550\u2550\u255D</pre>
+        </div>
+        <nav class="landing-nav">
+            <a href="https://github.com/Dylan-Nihilo/claude-code-wrapped" target="_blank" class="github-link">
+                <svg viewBox="0 0 24 24" fill="currentColor" width="16" height="16">
+                    <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
+                </svg>
+                claude-code-wrapped
+            </a>
+            <button class="export-btn" onclick="exportImage()">
+                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                    <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/>
+                    <polyline points="7 10 12 15 17 10"/>
+                    <line x1="12" y1="15" x2="12" y2="3"/>
+                </svg>
+                Export PNG
+            </button>
+        </nav>
+    </header>
+
+    <div class="page-wrapper">
+    <!-- Background animation -->
+    <div class="bg-animation"></div>
+    <div class="dashboard">
+        <!-- Header Row -->
+        <header class="flex justify-between items-start mb-4">
+            <div>
+                <pre style="font-size: 20px; line-height: 1.2; color: var(--coral); margin: 0; font-weight: bold;">
+\u2554\u2550\u2557\u2566  \u2554\u2550\u2557\u2566 \u2566\u2554\u2566\u2557\u2554\u2550\u2557  \u2554\u2550\u2557\u2554\u2550\u2557\u2554\u2566\u2557\u2554\u2550\u2557
+\u2551  \u2551  \u2560\u2550\u2563\u2551 \u2551 \u2551\u2551\u2551\u2563   \u2551  \u2551 \u2551 \u2551\u2551\u2551\u2563
+\u255A\u2550\u255D\u2569\u2550\u255D\u2569 \u2569\u255A\u2550\u255D\u2550\u2569\u255D\u255A\u2550\u255D  \u255A\u2550\u255D\u255A\u2550\u255D\u2550\u2569\u255D\u255A\u2550\u255D</pre>
+                <p class="text-sm font-semibold tracking-wider mt-2" style="color: var(--text-muted)">WRAPPED 2025</p>
+            </div>
+            <div class="flex items-center gap-3">
+                <span class="tag tag-coral">${today}</span>
+                <span class="tag tag-sage">${stats.userLevel}</span>
+            </div>
+        </header>
+
+        <!-- Overview Stats -->
+        <div class="tui-box" data-title="${i.overview}">
+            <div class="grid grid-cols-6 gap-5">
+                <div class="stat-card">
+                    <div class="stat-label">${i.totalSessions}</div>
+                    <div class="stat-value" style="color: var(--coral)">${stats.totalSessions.toLocaleString()}</div>
+                </div>
+                <div class="stat-card">
+                    <div class="stat-label">${i.activeDays}</div>
+                    <div class="stat-value" style="color: var(--sage)">${stats.activeDays}</div>
+                </div>
+                <div class="stat-card">
+                    <div class="stat-label">${i.peakMessages}</div>
+                    <div class="stat-value" style="color: var(--amber)">${peakMessages.toLocaleString()}</div>
+                </div>
+                <div class="stat-card">
+                    <div class="stat-label">${i.toolCalls}</div>
+                    <div class="stat-value" style="color: var(--purple)">${stats.totalToolCalls.toLocaleString()}</div>
+                </div>
+                <div class="stat-card">
+                    <div class="stat-label">${i.totalTokens}</div>
+                    <div class="stat-value" style="color: var(--coral)">${tokensFormatted}</div>
+                </div>
+                <div class="stat-card">
+                    <div class="stat-label">${i.projects}</div>
+                    <div class="stat-value" style="color: var(--sage)">${stats.topProjects.length}</div>
+                </div>
+            </div>
+        </div>
+
+        <!-- Row 2: Impact + Activity -->
+        <div class="grid grid-cols-12 gap-4">
+            <div class="col-span-5 tui-box" data-title="${i.impact}">
+                <div class="corner-box h-full flex flex-col justify-center">
+                    <div class="flex items-center gap-2 mb-3">
+                        <span class="tag tag-coral">${stats.userTitle}</span>
+                        <span class="tag tag-sage">${stats.userLevel}</span>
+                    </div>
+                    <div class="text-7xl font-bold mb-2" style="color: var(--text-primary)">${stats.totalMessages.toLocaleString()}</div>
+                    <div class="text-base" style="color: var(--text-secondary)">${i.messagesWithClaude}</div>
+                </div>
+            </div>
+
+            <div class="col-span-4 tui-box" data-title="${i.hourlyActivity}">
+                <div class="space-y-2 h-full flex flex-col justify-center">
+                    ${hourlyHTML}
+                </div>
+            </div>
+
+            <div class="col-span-3 tui-box" data-title="${i.weeklyPattern}">
+                <div class="flex items-end gap-3 h-full">
+                    ${weeklyHTML}
+                </div>
+            </div>
+        </div>
+
+        <!-- Row 3: Projects + Model + Tools -->
+        <div class="grid grid-cols-12 gap-4">
+            <div class="col-span-3 tui-box" data-title="${i.projects}">
+                <div class="space-y-2 h-full flex flex-col justify-center">
+                    ${projectsHTML}
+                </div>
+            </div>
+
+            <div class="col-span-3 tui-box" data-title="${i.modelUsage}">
+                <div class="space-y-3 h-full flex flex-col justify-center">
+                    <div class="flex items-center justify-between text-base">
+                        <span style="color: var(--text-muted)">Primary</span>
+                        <span class="font-semibold">${stats.primaryModel}</span>
+                    </div>
+                    ${modelUsageHTML}
+                </div>
+            </div>
+
+            <div class="col-span-2 tui-box flex flex-col" data-title="${i.topTools}">
+                <div class="space-y-3 flex-1 flex flex-col justify-center">
+                    <div class="flex items-center justify-between">
+                        <span class="text-sm">Read</span>
+                        <span class="tag tag-coral">32%</span>
+                    </div>
+                    <div class="flex items-center justify-between">
+                        <span class="text-sm">Edit</span>
+                        <span class="tag tag-sage">28%</span>
+                    </div>
+                    <div class="flex items-center justify-between">
+                        <span class="text-sm">Bash</span>
+                        <span class="tag tag-amber">18%</span>
+                    </div>
+                    <div class="flex items-center justify-between">
+                        <span class="text-sm">Grep</span>
+                        <span class="tag tag-purple">12%</span>
+                    </div>
+                </div>
+            </div>
+
+            <div class="col-span-2 tui-box flex flex-col" data-title="${i.costEstimate}">
+                <div class="space-y-3 flex-1 flex flex-col justify-center">
+                    <div>
+                        <span class="text-2xl font-bold" style="color: var(--coral)">$${formatCost(stats.estimatedCost)}</span>
+                        <span class="text-xs ml-1" style="color: var(--text-muted)">USD</span>
+                    </div>
+                    <div class="pt-2 border-t text-xs" style="border-color: var(--border); color: var(--text-muted)">
+                        ${i.basedOnApi}
+                    </div>
+                </div>
+            </div>
+
+            <div class="col-span-2 tui-box flex flex-col" data-title="${i.achievements}">
+                <div class="space-y-3 flex-1 flex flex-col justify-center">
+                    <div class="flex items-center gap-2">
+                        <span style="color: var(--amber)">\u2605</span>
+                        <span class="text-sm">Marathon ${longestDuration}</span>
+                    </div>
+                    <div class="flex items-center gap-2">
+                        <span style="color: var(--amber)">\u2605</span>
+                        <span class="text-sm">${stats.userTitle}</span>
+                    </div>
+                    <div class="flex items-center gap-2">
+                        <span style="color: var(--amber)">\u2605</span>
+                        <span class="text-sm">${stats.userLevel}</span>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- Footer -->
+        <footer class="flex justify-between items-center mt-6 text-xs" style="color: var(--text-muted)">
+            <div class="flex items-center gap-2">
+                <span style="color: var(--coral)">$</span>
+                <span>claude-code --wrapped 2025</span>
+                <span class="cursor"></span>
+            </div>
+            <div class="flex items-center gap-2">
+                <span>claude code wrapped by</span>
+                <span style="color: var(--coral); font-weight: 900; font-size: 14px; letter-spacing: 1px;">DYLAN</span>
+            </div>
+        </footer>
+    </div>
+    </div>
+
+    <!-- Landing Footer -->
+    <footer class="landing-footer">
+        <div class="landing-footer-left">
+            <span class="landing-footer-copy">Made with Claude Code</span>
+            <div class="landing-footer-links">
+                <a href="https://github.com/Dylan-Nihilo/claude-code-wrapped" target="_blank">GitHub</a>
+            </div>
+        </div>
+        <span class="landing-footer-copy">2025 Claude Code Wrapped</span>
+    </footer>
+
+    <script>
+    async function exportImage() {
+        const btn = document.querySelector('.export-btn');
+        const originalText = btn.innerHTML;
+        btn.disabled = true;
+        btn.innerHTML = 'Exporting...';
+
+        try {
+            btn.style.display = 'none';
+            const dashboard = document.querySelector('.dashboard');
+            const canvas = await html2canvas(dashboard, {
+                scale: 2,
+                useCORS: true,
+                backgroundColor: '#FFFFFF',
+                logging: false
+            });
+            const link = document.createElement('a');
+            link.download = 'claude-code-wrapped-2025.png';
+            link.href = canvas.toDataURL('image/png');
+            link.click();
+        } catch (err) {
+            console.error('Export failed:', err);
+            alert('Export failed. Please try again.');
+        } finally {
+            btn.style.display = 'flex';
+            btn.disabled = false;
+            btn.innerHTML = originalText;
+        }
+    }
+    </script>
+</body>
+</html>`;
+}
+function buildHourlyDistribution(stats) {
+  const ranges = [
+    { label: "00:00-08:00", hours: [0, 1, 2, 3, 4, 5, 6, 7, 8] },
+    { label: "09:00-12:00", hours: [9, 10, 11, 12] },
+    { label: "13:00-18:00", hours: [13, 14, 15, 16, 17, 18] },
+    { label: "19:00-23:00", hours: [19, 20, 21, 22, 23] }
+  ];
+  let maxCount = 0;
+  const rangeCounts = ranges.map((r) => {
+    const count = r.hours.reduce((sum, h) => sum + (stats.hourlyDistribution[h] || 0), 0);
+    maxCount = Math.max(maxCount, count);
+    return { ...r, count };
+  });
+  const peakRange = rangeCounts.reduce((max, r) => r.count > max.count ? r : max);
+  return rangeCounts.map((range) => {
+    const isPeak = range === peakRange;
+    const ratio = maxCount > 0 ? range.count / maxCount : 0;
+    const width = Math.round(ratio * 100);
+    const labelStyle = isPeak ? "color: var(--coral); font-weight: 600;" : "color: var(--text-muted);";
+    const countStyle = isPeak ? "color: var(--coral); font-weight: 600;" : "color: var(--text-muted);";
+    return `<div class="flex items-center gap-3">
+      <span class="w-28 text-xs" style="${labelStyle}">${range.label}</span>
+      <div class="flex-1 h-6 rounded overflow-hidden" style="background: var(--warm-gray)">
+        <div class="activity-bar" style="width: ${width}%"></div>
+      </div>
+      <span class="w-12 text-right text-xs" style="${countStyle}">${range.count}</span>
+    </div>`;
+  }).join("\n");
+}
+function buildProjectsHTML(stats) {
+  const projects = stats.topProjects.slice(0, 4);
+  const colors = ["var(--coral)", "var(--sage)", "var(--amber)", "var(--purple)"];
+  return projects.map((p, idx) => {
+    const isFirst = idx === 0;
+    const bgStyle = isFirst ? "background: var(--coral-soft);" : "";
+    return `<div class="project-item" style="${bgStyle}">
+      <div class="flex items-center">
+        <div class="project-dot" style="background: ${colors[idx]}"></div>
+        <span class="text-sm${isFirst ? " font-medium" : ""}">${p.name}</span>
+      </div>
+      ${isFirst ? '<span class="text-xs" style="color: var(--text-muted)">\u2605</span>' : ""}
+    </div>`;
+  }).join("\n");
+}
+function buildModelUsage(stats) {
+  const total = Object.values(stats.tokensByModel).reduce((s, t2) => s + t2, 0);
+  const models = Object.entries(stats.tokensByModel).sort((a, b) => b[1] - a[1]).slice(0, 3);
+  const colors = ["var(--coral)", "var(--sage)", "var(--amber)"];
+  return `<div class="space-y-2">
+    ${models.map(([name, tokens], idx) => {
+    const ratio = total > 0 ? tokens / total : 0;
+    const percent = Math.round(ratio * 100);
+    const shortName = name.replace("Claude ", "").replace(" 4.5", "");
+    return `<div class="flex items-center gap-2">
+        <span class="text-xs w-16" style="color: var(--text-muted)">${shortName}</span>
+        <div class="flex-1 h-4 rounded overflow-hidden" style="background: var(--warm-gray)">
+          <div class="h-full rounded" style="width: ${percent}%; background: ${colors[idx]}"></div>
+        </div>
+        <span class="text-xs" style="color: var(--text-muted)">${percent}%</span>
+      </div>`;
+  }).join("\n")}
+  </div>`;
+}
+function buildWeeklyPattern(stats) {
+  const days = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"];
+  const dayCounts = [0, 0, 0, 0, 0, 0, 0];
+  stats.dailyActivity.forEach((d) => {
+    const dayOfWeek = new Date(d.date).getDay();
+    const idx = dayOfWeek === 0 ? 6 : dayOfWeek - 1;
+    dayCounts[idx] += d.messageCount;
+  });
+  const maxCount = Math.max(...dayCounts);
+  const peakIdx = dayCounts.indexOf(maxCount);
+  return days.map((day, idx) => {
+    const ratio = maxCount > 0 ? dayCounts[idx] / maxCount : 0;
+    const height = Math.max(20, Math.round(ratio * 100));
+    const isPeak = idx === peakIdx;
+    const color = isPeak ? "var(--coral)" : idx >= 5 ? "var(--amber)" : "var(--sage)";
+    const opacity = isPeak ? 1 : ratio * 0.5 + 0.5;
+    const labelStyle = isPeak ? "color: var(--coral); font-weight: 600;" : "color: var(--text-muted);";
+    return `<div class="flex-1 flex flex-col items-center gap-1 h-full">
+      <div class="w-full rounded-t flex-1 flex items-end">
+        <div class="w-full rounded-t" style="height: ${height}%; background: ${color}; opacity: ${opacity}"></div>
+      </div>
+      <span class="text-xs" style="${labelStyle}">${day}</span>
+    </div>`;
+  }).join("\n");
+}
+
+// src/export.ts
+import puppeteer from "puppeteer";
+import * as path4 from "path";
+import * as os3 from "os";
+async function exportToPNG(htmlPath) {
+  const outputPath = path4.join(
+    os3.homedir(),
+    `claude-code-wrapped-2025-${Date.now()}.png`
+  );
+  const browser = await puppeteer.launch({
+    headless: true,
+    args: ["--no-sandbox", "--disable-setuid-sandbox"]
+  });
+  try {
+    const page = await browser.newPage();
+    await page.setViewport({
+      width: 1200,
+      height: 1800,
+      deviceScaleFactor: 2
+    });
+    await page.goto(`file://${htmlPath}`, {
+      waitUntil: "networkidle0"
+    });
+    await page.evaluate(() => {
+      const btn = document.querySelector(".export-btn");
+      if (btn) btn.style.display = "none";
+      const style = document.createElement("style");
+      style.textContent = `
+        *, *::before, *::after {
+          animation: none !important;
+          transition: none !important;
+        }
+        .crt::before, .crt::after, .scan-line {
+          display: none !important;
+        }
+      `;
+      document.head.appendChild(style);
+    });
+    await new Promise((resolve) => setTimeout(resolve, 1e3));
+    const contentElement = await page.$("#wrapped-content");
+    if (!contentElement) {
+      throw new Error("Could not find wrapped content element");
+    }
+    const boundingBox = await contentElement.boundingBox();
+    if (!boundingBox) {
+      throw new Error("Could not get content dimensions");
+    }
+    await page.screenshot({
+      path: outputPath,
+      fullPage: true,
+      type: "png"
+    });
+    return outputPath;
+  } finally {
+    await browser.close();
+  }
+}
+async function checkPuppeteerAvailable() {
+  try {
+    const browser = await puppeteer.launch({
+      headless: true,
+      args: ["--no-sandbox", "--disable-setuid-sandbox"]
+    });
+    await browser.close();
+    return true;
+  } catch {
+    return false;
+  }
+}
+export {
+  analyzeData,
+  checkPuppeteerAvailable,
+  detectLanguage,
+  exportToPNG,
+  formatDuration,
+  formatNumber,
+  generateHTML,
+  getClaudeDataDir,
+  getClaudeDataPaths,
+  getLanguage,
+  getProjectStats,
+  hasClaudeData,
+  padNumber,
+  printError,
+  printLoading,
+  printSuccess,
+  printTUI,
+  readHistory,
+  readStatsCache,
+  setLanguage,
+  t,
+  validateClaudeData
+};