From 2e3f1d8a25a65639f656dace02807141740b5014 Mon Sep 17 00:00:00 2001 From: oiupoyt Date: Fri, 9 Oct 2026 22:59:15 +0530 Subject: [PATCH] feat: responsive SVG calendar, GitHub-style outline glow, interactive day inspector with session breakdown --- lib/aggregator.js | 18 +- lib/aggregator.js.map | 4 +- lib/client.js | 247 +++++++++++++++-------- lib/client.js.map | 4 +- src/client/HeatmapView.tsx | 394 ++++++++++++++++++++++++++----------- src/server/aggregator.ts | 31 +++ 6 files changed, 487 insertions(+), 211 deletions(-) diff --git a/lib/aggregator.js b/lib/aggregator.js index cf8bdf7..201db15 100644 --- a/lib/aggregator.js +++ b/lib/aggregator.js @@ -166,7 +166,8 @@ async function aggregateTokens(customSessionsRoot) { outputTokens: 0, cacheReadTokens: 0, cacheWriteTokens: 0, - turns: 0 + turns: 0, + sessions: [] }; } days[date].totalTokens += stats.totalTokens; @@ -175,6 +176,21 @@ async function aggregateTokens(customSessionsRoot) { days[date].cacheReadTokens += stats.cacheReadTokens; days[date].cacheWriteTokens += stats.cacheWriteTokens; days[date].turns += stats.turns; + days[date].sessions.push({ + sessionId: session.id, + sessionTitle: session.title, + createdAt: session.createdAt, + totalTokens: stats.totalTokens, + inputTokens: stats.inputTokens, + outputTokens: stats.outputTokens, + cacheReadTokens: stats.cacheReadTokens, + turns: stats.turns + }); + } + } + for (const day of Object.values(days)) { + if (day.sessions) { + day.sessions.sort((a, b) => b.totalTokens - a.totalTokens); } } const positiveValues = Object.values(days).map((d) => d.totalTokens).filter((t) => t > 0).sort((a, b) => a - b); diff --git a/lib/aggregator.js.map b/lib/aggregator.js.map index 2c58a58..debbc92 100644 --- a/lib/aggregator.js.map +++ b/lib/aggregator.js.map @@ -1,7 +1,7 @@ { "version": 3, "sources": ["../src/server/aggregator.ts"], - "sourcesContent": ["import fs from \"node:fs\";\nimport path from \"node:path\";\nimport os from \"node:os\";\nimport { spawn } from \"node:child_process\";\n\nexport interface DayStats {\n totalTokens: number;\n inputTokens: number;\n outputTokens: number;\n cacheReadTokens: number;\n cacheWriteTokens: number;\n turns: number;\n level?: number; // 0..4\n}\n\nexport interface SessionSummary {\n id: string;\n title: string;\n createdAt: number;\n totalTokens: number;\n inputTokens: number;\n outputTokens: number;\n cacheReadTokens: number;\n turns: number;\n days: Record;\n}\n\nexport interface SummaryStats {\n totalTokens: number;\n totalInputTokens: number;\n totalOutputTokens: number;\n totalCacheReadTokens: number;\n totalTurns: number;\n activeDays: number;\n currentStreak: number;\n longestStreak: number;\n peakDay: { date: string; tokens: number; turns: number } | null;\n dailyAverage: number;\n}\n\nexport interface HeatmapResponse {\n summary: SummaryStats;\n days: Record;\n sessions: SessionSummary[];\n startDate: string;\n endDate: string;\n}\n\ninterface CacheEntry {\n mtimeMs: number;\n session: SessionSummary;\n}\n\nconst fileCache = new Map();\n\nfunction findSessionFiles(dir: string): string[] {\n const results: string[] = [];\n try {\n const entries = fs.readdirSync(dir, { withFileTypes: true });\n for (const entry of entries) {\n const fullPath = path.join(dir, entry.name);\n if (entry.isDirectory()) {\n results.push(...findSessionFiles(fullPath));\n } else if (entry.name.endsWith(\".jsonl.zstd\") || entry.name.endsWith(\".jsonl\")) {\n results.push(fullPath);\n }\n }\n } catch {\n // Ignore unreadable dirs\n }\n return results;\n}\n\nasync function parseSessionFile(filePath: string): Promise {\n try {\n const stat = fs.statSync(filePath);\n const cached = fileCache.get(filePath);\n if (cached && cached.mtimeMs === stat.mtimeMs) {\n return cached.session;\n }\n\n const isZstd = filePath.endsWith(\".zstd\");\n const days: Record = {};\n let sessionId = path.basename(path.dirname(filePath));\n let title = \"\";\n let createdAt = stat.birthtimeMs || stat.mtimeMs;\n let totalTokens = 0;\n let totalInputTokens = 0;\n let totalOutputTokens = 0;\n let totalCacheReadTokens = 0;\n let totalTurns = 0;\n\n await new Promise((resolve) => {\n let buffer = \"\";\n const handleLine = (line: string) => {\n if (line.includes('\"type\":\"session\"')) {\n try {\n const obj = JSON.parse(line);\n if (obj.id) sessionId = obj.id;\n if (obj.createdAt) createdAt = obj.createdAt;\n } catch {}\n }\n if (!title && line.includes('\"session/title\"')) {\n try {\n const obj = JSON.parse(line);\n if (obj.data?.title) title = obj.data.title;\n } catch {}\n }\n if (!title && line.includes('\"subagent/descriptor\"')) {\n try {\n const obj = JSON.parse(line);\n if (obj.data?.label) title = obj.data.label;\n } catch {}\n }\n if (line.includes('\"usage\"')) {\n try {\n const obj = JSON.parse(line);\n const time = obj.time || (obj.data && obj.data.time);\n const usage = obj.usage || (obj.data && obj.data.usage);\n if (time && usage) {\n const d = new Date(time);\n const dateKey = `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, \"0\")}-${String(d.getDate()).padStart(2, \"0\")}`;\n const input = Number(usage.inputTokens) || 0;\n const output = Number(usage.outputTokens) || 0;\n const cacheRead = Number(usage.cacheReadTokens) || 0;\n const cacheWrite = Number(usage.cacheWriteTokens) || 0;\n const total = input + output + cacheRead;\n\n if (!days[dateKey]) {\n days[dateKey] = {\n totalTokens: 0,\n inputTokens: 0,\n outputTokens: 0,\n cacheReadTokens: 0,\n cacheWriteTokens: 0,\n turns: 0,\n };\n }\n days[dateKey].totalTokens += total;\n days[dateKey].inputTokens += input;\n days[dateKey].outputTokens += output;\n days[dateKey].cacheReadTokens += cacheRead;\n days[dateKey].cacheWriteTokens += cacheWrite;\n days[dateKey].turns += 1;\n\n totalTokens += total;\n totalInputTokens += input;\n totalOutputTokens += output;\n totalCacheReadTokens += cacheRead;\n totalTurns += 1;\n }\n } catch {\n // Ignore malformed lines\n }\n }\n };\n\n if (isZstd) {\n const proc = spawn(\"zstd\", [\"-dc\", filePath], { stdio: [\"ignore\", \"pipe\", \"ignore\"] });\n proc.stdout.on(\"data\", (chunk: Buffer) => {\n buffer += chunk.toString(\"utf8\");\n let idx: number;\n while ((idx = buffer.indexOf(\"\\n\")) !== -1) {\n const line = buffer.slice(0, idx);\n buffer = buffer.slice(idx + 1);\n handleLine(line);\n }\n });\n proc.on(\"close\", () => {\n if (buffer.trim().length > 0) handleLine(buffer);\n resolve();\n });\n proc.on(\"error\", () => resolve());\n } else {\n const stream = fs.createReadStream(filePath, { encoding: \"utf8\" });\n stream.on(\"data\", (chunk: string) => {\n buffer += chunk;\n let idx: number;\n while ((idx = buffer.indexOf(\"\\n\")) !== -1) {\n const line = buffer.slice(0, idx);\n buffer = buffer.slice(idx + 1);\n handleLine(line);\n }\n });\n stream.on(\"end\", () => {\n if (buffer.trim().length > 0) handleLine(buffer);\n resolve();\n });\n stream.on(\"error\", () => resolve());\n }\n });\n\n const session: SessionSummary = {\n id: sessionId,\n title: title || `Session ${sessionId.slice(0, 8)}`,\n createdAt,\n totalTokens,\n inputTokens: totalInputTokens,\n outputTokens: totalOutputTokens,\n cacheReadTokens: totalCacheReadTokens,\n turns: totalTurns,\n days,\n };\n\n fileCache.set(filePath, { mtimeMs: stat.mtimeMs, session });\n return session;\n } catch {\n return null;\n }\n}\n\nexport async function aggregateTokens(customSessionsRoot?: string): Promise {\n const sessionsRoot = customSessionsRoot || path.join(os.homedir(), \".dsh\", \"sessions\");\n const files = findSessionFiles(sessionsRoot);\n const parsedSessions = (await Promise.all(files.map(parseSessionFile))).filter(Boolean) as SessionSummary[];\n\n // Sort sessions newest first\n parsedSessions.sort((a, b) => b.createdAt - a.createdAt);\n\n const days: Record = {};\n\n for (const session of parsedSessions) {\n for (const [date, stats] of Object.entries(session.days)) {\n if (!days[date]) {\n days[date] = {\n totalTokens: 0,\n inputTokens: 0,\n outputTokens: 0,\n cacheReadTokens: 0,\n cacheWriteTokens: 0,\n turns: 0,\n };\n }\n days[date].totalTokens += stats.totalTokens;\n days[date].inputTokens += stats.inputTokens;\n days[date].outputTokens += stats.outputTokens;\n days[date].cacheReadTokens += stats.cacheReadTokens;\n days[date].cacheWriteTokens += stats.cacheWriteTokens;\n days[date].turns += stats.turns;\n }\n }\n\n // Calculate Levels (0..4 intensity scale based on positive token days)\n const positiveValues = Object.values(days)\n .map((d) => d.totalTokens)\n .filter((t) => t > 0)\n .sort((a, b) => a - b);\n\n let q1 = 5_000_000;\n let q2 = 25_000_000;\n let q3 = 75_000_000;\n\n if (positiveValues.length >= 4) {\n q1 = positiveValues[Math.floor(positiveValues.length * 0.25)];\n q2 = positiveValues[Math.floor(positiveValues.length * 0.50)];\n q3 = positiveValues[Math.floor(positiveValues.length * 0.75)];\n }\n\n for (const day of Object.values(days)) {\n if (day.totalTokens === 0) day.level = 0;\n else if (day.totalTokens <= q1) day.level = 1;\n else if (day.totalTokens <= q2) day.level = 2;\n else if (day.totalTokens <= q3) day.level = 3;\n else day.level = 4;\n }\n\n // Calculate Summary & Streaks\n let totalTokens = 0;\n let totalInputTokens = 0;\n let totalOutputTokens = 0;\n let totalCacheReadTokens = 0;\n let totalTurns = 0;\n let peakDay: { date: string; tokens: number; turns: number } | null = null;\n\n for (const [date, stats] of Object.entries(days)) {\n totalTokens += stats.totalTokens;\n totalInputTokens += stats.inputTokens;\n totalOutputTokens += stats.outputTokens;\n totalCacheReadTokens += stats.cacheReadTokens;\n totalTurns += stats.turns;\n\n if (!peakDay || stats.totalTokens > peakDay.tokens) {\n peakDay = { date, tokens: stats.totalTokens, turns: stats.turns };\n }\n }\n\n const activeDays = Object.values(days).filter((d) => d.totalTokens > 0).length;\n const dailyAverage = activeDays > 0 ? Math.round(totalTokens / activeDays) : 0;\n\n // Streak calculation (iterating backwards from today)\n const now = new Date();\n const formatDate = (d: Date) =>\n `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, \"0\")}-${String(d.getDate()).padStart(2, \"0\")}`;\n\n let currentStreak = 0;\n let cursor = new Date(now);\n const todayKey = formatDate(cursor);\n cursor.setDate(cursor.getDate() - 1);\n const yesterdayKey = formatDate(cursor);\n\n let streakDate = (days[todayKey]?.totalTokens ?? 0) > 0 ? new Date(now) : (days[yesterdayKey]?.totalTokens ?? 0) > 0 ? new Date(cursor) : null;\n\n if (streakDate) {\n while (true) {\n const key = formatDate(streakDate);\n if ((days[key]?.totalTokens ?? 0) > 0) {\n currentStreak++;\n streakDate.setDate(streakDate.getDate() - 1);\n } else {\n break;\n }\n }\n }\n\n // Longest streak\n const sortedDates = Object.keys(days)\n .filter((k) => days[k].totalTokens > 0)\n .sort();\n\n let longestStreak = 0;\n let tempStreak = 0;\n let prevDate: Date | null = null;\n\n for (const dateStr of sortedDates) {\n const cur = new Date(dateStr + \"T00:00:00\");\n if (!prevDate) {\n tempStreak = 1;\n } else {\n const diffDays = Math.round((cur.getTime() - prevDate.getTime()) / (1000 * 60 * 60 * 24));\n if (diffDays === 1) {\n tempStreak++;\n } else {\n tempStreak = 1;\n }\n }\n if (tempStreak > longestStreak) longestStreak = tempStreak;\n prevDate = cur;\n }\n\n const endDate = formatDate(now);\n const start = new Date(now);\n start.setDate(start.getDate() - 364);\n const startDate = formatDate(start);\n\n return {\n summary: {\n totalTokens,\n totalInputTokens,\n totalOutputTokens,\n totalCacheReadTokens,\n totalTurns,\n activeDays,\n currentStreak,\n longestStreak: Math.max(longestStreak, currentStreak),\n peakDay,\n dailyAverage,\n },\n days,\n sessions: parsedSessions,\n startDate,\n endDate,\n };\n}\n"], - "mappings": "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", + "sourcesContent": ["import fs from \"node:fs\";\nimport path from \"node:path\";\nimport os from \"node:os\";\nimport { spawn } from \"node:child_process\";\n\nexport interface DaySessionDetail {\n sessionId: string;\n sessionTitle: string;\n createdAt: number;\n totalTokens: number;\n inputTokens: number;\n outputTokens: number;\n cacheReadTokens: number;\n turns: number;\n}\n\nexport interface DayStats {\n totalTokens: number;\n inputTokens: number;\n outputTokens: number;\n cacheReadTokens: number;\n cacheWriteTokens: number;\n turns: number;\n level?: number; // 0..4\n sessions?: DaySessionDetail[];\n}\n\nexport interface SessionSummary {\n id: string;\n title: string;\n createdAt: number;\n totalTokens: number;\n inputTokens: number;\n outputTokens: number;\n cacheReadTokens: number;\n turns: number;\n days: Record;\n}\n\nexport interface SummaryStats {\n totalTokens: number;\n totalInputTokens: number;\n totalOutputTokens: number;\n totalCacheReadTokens: number;\n totalTurns: number;\n activeDays: number;\n currentStreak: number;\n longestStreak: number;\n peakDay: { date: string; tokens: number; turns: number } | null;\n dailyAverage: number;\n}\n\nexport interface HeatmapResponse {\n summary: SummaryStats;\n days: Record;\n sessions: SessionSummary[];\n startDate: string;\n endDate: string;\n}\n\ninterface CacheEntry {\n mtimeMs: number;\n session: SessionSummary;\n}\n\nconst fileCache = new Map();\n\nfunction findSessionFiles(dir: string): string[] {\n const results: string[] = [];\n try {\n const entries = fs.readdirSync(dir, { withFileTypes: true });\n for (const entry of entries) {\n const fullPath = path.join(dir, entry.name);\n if (entry.isDirectory()) {\n results.push(...findSessionFiles(fullPath));\n } else if (entry.name.endsWith(\".jsonl.zstd\") || entry.name.endsWith(\".jsonl\")) {\n results.push(fullPath);\n }\n }\n } catch {\n // Ignore unreadable dirs\n }\n return results;\n}\n\nasync function parseSessionFile(filePath: string): Promise {\n try {\n const stat = fs.statSync(filePath);\n const cached = fileCache.get(filePath);\n if (cached && cached.mtimeMs === stat.mtimeMs) {\n return cached.session;\n }\n\n const isZstd = filePath.endsWith(\".zstd\");\n const days: Record = {};\n let sessionId = path.basename(path.dirname(filePath));\n let title = \"\";\n let createdAt = stat.birthtimeMs || stat.mtimeMs;\n let totalTokens = 0;\n let totalInputTokens = 0;\n let totalOutputTokens = 0;\n let totalCacheReadTokens = 0;\n let totalTurns = 0;\n\n await new Promise((resolve) => {\n let buffer = \"\";\n const handleLine = (line: string) => {\n if (line.includes('\"type\":\"session\"')) {\n try {\n const obj = JSON.parse(line);\n if (obj.id) sessionId = obj.id;\n if (obj.createdAt) createdAt = obj.createdAt;\n } catch {}\n }\n if (!title && line.includes('\"session/title\"')) {\n try {\n const obj = JSON.parse(line);\n if (obj.data?.title) title = obj.data.title;\n } catch {}\n }\n if (!title && line.includes('\"subagent/descriptor\"')) {\n try {\n const obj = JSON.parse(line);\n if (obj.data?.label) title = obj.data.label;\n } catch {}\n }\n if (line.includes('\"usage\"')) {\n try {\n const obj = JSON.parse(line);\n const time = obj.time || (obj.data && obj.data.time);\n const usage = obj.usage || (obj.data && obj.data.usage);\n if (time && usage) {\n const d = new Date(time);\n const dateKey = `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, \"0\")}-${String(d.getDate()).padStart(2, \"0\")}`;\n const input = Number(usage.inputTokens) || 0;\n const output = Number(usage.outputTokens) || 0;\n const cacheRead = Number(usage.cacheReadTokens) || 0;\n const cacheWrite = Number(usage.cacheWriteTokens) || 0;\n const total = input + output + cacheRead;\n\n if (!days[dateKey]) {\n days[dateKey] = {\n totalTokens: 0,\n inputTokens: 0,\n outputTokens: 0,\n cacheReadTokens: 0,\n cacheWriteTokens: 0,\n turns: 0,\n };\n }\n days[dateKey].totalTokens += total;\n days[dateKey].inputTokens += input;\n days[dateKey].outputTokens += output;\n days[dateKey].cacheReadTokens += cacheRead;\n days[dateKey].cacheWriteTokens += cacheWrite;\n days[dateKey].turns += 1;\n\n totalTokens += total;\n totalInputTokens += input;\n totalOutputTokens += output;\n totalCacheReadTokens += cacheRead;\n totalTurns += 1;\n }\n } catch {\n // Ignore malformed lines\n }\n }\n };\n\n if (isZstd) {\n const proc = spawn(\"zstd\", [\"-dc\", filePath], { stdio: [\"ignore\", \"pipe\", \"ignore\"] });\n proc.stdout.on(\"data\", (chunk: Buffer) => {\n buffer += chunk.toString(\"utf8\");\n let idx: number;\n while ((idx = buffer.indexOf(\"\\n\")) !== -1) {\n const line = buffer.slice(0, idx);\n buffer = buffer.slice(idx + 1);\n handleLine(line);\n }\n });\n proc.on(\"close\", () => {\n if (buffer.trim().length > 0) handleLine(buffer);\n resolve();\n });\n proc.on(\"error\", () => resolve());\n } else {\n const stream = fs.createReadStream(filePath, { encoding: \"utf8\" });\n stream.on(\"data\", (chunk: string) => {\n buffer += chunk;\n let idx: number;\n while ((idx = buffer.indexOf(\"\\n\")) !== -1) {\n const line = buffer.slice(0, idx);\n buffer = buffer.slice(idx + 1);\n handleLine(line);\n }\n });\n stream.on(\"end\", () => {\n if (buffer.trim().length > 0) handleLine(buffer);\n resolve();\n });\n stream.on(\"error\", () => resolve());\n }\n });\n\n const session: SessionSummary = {\n id: sessionId,\n title: title || `Session ${sessionId.slice(0, 8)}`,\n createdAt,\n totalTokens,\n inputTokens: totalInputTokens,\n outputTokens: totalOutputTokens,\n cacheReadTokens: totalCacheReadTokens,\n turns: totalTurns,\n days,\n };\n\n fileCache.set(filePath, { mtimeMs: stat.mtimeMs, session });\n return session;\n } catch {\n return null;\n }\n}\n\nexport async function aggregateTokens(customSessionsRoot?: string): Promise {\n const sessionsRoot = customSessionsRoot || path.join(os.homedir(), \".dsh\", \"sessions\");\n const files = findSessionFiles(sessionsRoot);\n const parsedSessions = (await Promise.all(files.map(parseSessionFile))).filter(Boolean) as SessionSummary[];\n\n // Sort sessions newest first\n parsedSessions.sort((a, b) => b.createdAt - a.createdAt);\n\n const days: Record = {};\n\n for (const session of parsedSessions) {\n for (const [date, stats] of Object.entries(session.days)) {\n if (!days[date]) {\n days[date] = {\n totalTokens: 0,\n inputTokens: 0,\n outputTokens: 0,\n cacheReadTokens: 0,\n cacheWriteTokens: 0,\n turns: 0,\n sessions: [],\n };\n }\n days[date].totalTokens += stats.totalTokens;\n days[date].inputTokens += stats.inputTokens;\n days[date].outputTokens += stats.outputTokens;\n days[date].cacheReadTokens += stats.cacheReadTokens;\n days[date].cacheWriteTokens += stats.cacheWriteTokens;\n days[date].turns += stats.turns;\n\n days[date].sessions!.push({\n sessionId: session.id,\n sessionTitle: session.title,\n createdAt: session.createdAt,\n totalTokens: stats.totalTokens,\n inputTokens: stats.inputTokens,\n outputTokens: stats.outputTokens,\n cacheReadTokens: stats.cacheReadTokens,\n turns: stats.turns,\n });\n }\n }\n\n // Sort sessions within each day by totalTokens descending\n for (const day of Object.values(days)) {\n if (day.sessions) {\n day.sessions.sort((a, b) => b.totalTokens - a.totalTokens);\n }\n }\n\n // Calculate Levels (0..4 intensity scale based on positive token days)\n const positiveValues = Object.values(days)\n .map((d) => d.totalTokens)\n .filter((t) => t > 0)\n .sort((a, b) => a - b);\n\n let q1 = 5_000_000;\n let q2 = 25_000_000;\n let q3 = 75_000_000;\n\n if (positiveValues.length >= 4) {\n q1 = positiveValues[Math.floor(positiveValues.length * 0.25)];\n q2 = positiveValues[Math.floor(positiveValues.length * 0.50)];\n q3 = positiveValues[Math.floor(positiveValues.length * 0.75)];\n }\n\n for (const day of Object.values(days)) {\n if (day.totalTokens === 0) day.level = 0;\n else if (day.totalTokens <= q1) day.level = 1;\n else if (day.totalTokens <= q2) day.level = 2;\n else if (day.totalTokens <= q3) day.level = 3;\n else day.level = 4;\n }\n\n // Calculate Summary & Streaks\n let totalTokens = 0;\n let totalInputTokens = 0;\n let totalOutputTokens = 0;\n let totalCacheReadTokens = 0;\n let totalTurns = 0;\n let peakDay: { date: string; tokens: number; turns: number } | null = null;\n\n for (const [date, stats] of Object.entries(days)) {\n totalTokens += stats.totalTokens;\n totalInputTokens += stats.inputTokens;\n totalOutputTokens += stats.outputTokens;\n totalCacheReadTokens += stats.cacheReadTokens;\n totalTurns += stats.turns;\n\n if (!peakDay || stats.totalTokens > peakDay.tokens) {\n peakDay = { date, tokens: stats.totalTokens, turns: stats.turns };\n }\n }\n\n const activeDays = Object.values(days).filter((d) => d.totalTokens > 0).length;\n const dailyAverage = activeDays > 0 ? Math.round(totalTokens / activeDays) : 0;\n\n // Streak calculation (iterating backwards from today)\n const now = new Date();\n const formatDate = (d: Date) =>\n `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, \"0\")}-${String(d.getDate()).padStart(2, \"0\")}`;\n\n let currentStreak = 0;\n let cursor = new Date(now);\n const todayKey = formatDate(cursor);\n cursor.setDate(cursor.getDate() - 1);\n const yesterdayKey = formatDate(cursor);\n\n let streakDate = (days[todayKey]?.totalTokens ?? 0) > 0 ? new Date(now) : (days[yesterdayKey]?.totalTokens ?? 0) > 0 ? new Date(cursor) : null;\n\n if (streakDate) {\n while (true) {\n const key = formatDate(streakDate);\n if ((days[key]?.totalTokens ?? 0) > 0) {\n currentStreak++;\n streakDate.setDate(streakDate.getDate() - 1);\n } else {\n break;\n }\n }\n }\n\n // Longest streak\n const sortedDates = Object.keys(days)\n .filter((k) => days[k].totalTokens > 0)\n .sort();\n\n let longestStreak = 0;\n let tempStreak = 0;\n let prevDate: Date | null = null;\n\n for (const dateStr of sortedDates) {\n const cur = new Date(dateStr + \"T00:00:00\");\n if (!prevDate) {\n tempStreak = 1;\n } else {\n const diffDays = Math.round((cur.getTime() - prevDate.getTime()) / (1000 * 60 * 60 * 24));\n if (diffDays === 1) {\n tempStreak++;\n } else {\n tempStreak = 1;\n }\n }\n if (tempStreak > longestStreak) longestStreak = tempStreak;\n prevDate = cur;\n }\n\n const endDate = formatDate(now);\n const start = new Date(now);\n start.setDate(start.getDate() - 364);\n const startDate = formatDate(start);\n\n return {\n summary: {\n totalTokens,\n totalInputTokens,\n totalOutputTokens,\n totalCacheReadTokens,\n totalTurns,\n activeDays,\n currentStreak,\n longestStreak: Math.max(longestStreak, currentStreak),\n peakDay,\n dailyAverage,\n },\n days,\n sessions: parsedSessions,\n startDate,\n endDate,\n };\n}\n"], + "mappings": "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", "names": [] } diff --git a/lib/client.js b/lib/client.js index 672611f..1eda2f5 100644 --- a/lib/client.js +++ b/lib/client.js @@ -50,7 +50,6 @@ function formatExact(num) { return num.toLocaleString(); } var MONTH_NAMES = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]; -var DAY_LABELS = ["", "Mon", "", "Wed", "", "Fri", ""]; var DEEPSEEK_LEVELS = [ "#0f1117", // Level 0: Black / dark void tile @@ -63,23 +62,12 @@ var DEEPSEEK_LEVELS = [ "#4f85ff" // Level 4: Bright electric DeepSeek blue ]; -var TILE_SHADOWS = [ - "none", - // Level 0: Black / flat - "none", - // Level 1: Dark deep blue / flat - "none", - // Level 2: Mid blue / flat - "0 0 4px rgba(51, 109, 250, 0.4)", - // Level 3: Faint brand blue edge - "0 0 10px rgba(79, 133, 255, 0.85), 0 0 2px rgba(255, 255, 255, 0.5)" - // Level 4: Bright electric blue glow -]; function HeatmapView() { const [data, setData] = (0, import_react.useState)(null); const [loading, setLoading] = (0, import_react.useState)(true); const [error, setError] = (0, import_react.useState)(null); const [selectedSessionId, setSelectedSessionId] = (0, import_react.useState)("all"); + const [selectedDate, setSelectedDate] = (0, import_react.useState)(null); const [hoveredDay, setHoveredDay] = (0, import_react.useState)(null); const [tooltipPos, setTooltipPos] = (0, import_react.useState)(null); const fetchStats = () => { @@ -240,6 +228,7 @@ function HeatmapView() { if (!data || !activeView) return null; const { summary } = activeView; const cacheHitPercent = summary.totalTokens > 0 ? Math.round(summary.totalCacheReadTokens / summary.totalTokens * 100) : 0; + const inspectedDayStats = selectedDate ? activeView.days[selectedDate] : null; return /* @__PURE__ */ import_react.default.createElement( "div", { @@ -309,7 +298,10 @@ function HeatmapView() { "select", { value: selectedSessionId, - onChange: (e) => setSelectedSessionId(e.target.value), + onChange: (e) => { + setSelectedSessionId(e.target.value); + setSelectedDate(null); + }, style: { background: "var(--dsw-alias-bg-layer-2, #2c2c2c)", border: "1px solid var(--dsw-alias-border-l2, #494949)", @@ -426,7 +418,6 @@ function HeatmapView() { borderRadius: 12, padding: "20px 22px", position: "relative", - overflowX: "auto", boxShadow: "0 4px 16px rgba(0, 0, 0, 0.2)" } }, @@ -445,103 +436,185 @@ function HeatmapView() { /* @__PURE__ */ import_react.default.createElement("span", null, "Contribution Calendar"), summary.peakDay && /* @__PURE__ */ import_react.default.createElement("span", { style: { fontSize: 12, fontWeight: 400, color: "var(--dsw-alias-label-secondary)" } }, "Peak day: ", /* @__PURE__ */ import_react.default.createElement("strong", { style: { color: "var(--dsw-alias-label-primary)" } }, summary.peakDay.date), " (", formatNumber(summary.peakDay.tokens), " tokens)") ), - calendarGrid && /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "inline-block", minWidth: 780 } }, /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", marginLeft: 32, marginBottom: 4, height: 16 } }, monthHeaders.map((m, i) => /* @__PURE__ */ import_react.default.createElement( - "div", + calendarGrid && /* @__PURE__ */ import_react.default.createElement("div", { style: { width: "100%", overflow: "hidden" } }, /* @__PURE__ */ import_react.default.createElement( + "svg", { - key: i, + viewBox: "0 0 740 112", style: { - position: "relative", - left: m.col * 14, - width: 0, - whiteSpace: "nowrap", - fontSize: 10, - color: "var(--dsw-alias-label-tertiary, #a0a0a0)" + width: "100%", + height: "auto", + display: "block", + overflow: "visible" } }, - m.label - ))), /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", gap: 6 } }, /* @__PURE__ */ import_react.default.createElement( - "div", - { - style: { - display: "flex", - flexDirection: "column", - gap: 3, - width: 26, - fontSize: 9, - color: "var(--dsw-alias-label-tertiary, #a0a0a0)", - textAlign: "right", - paddingTop: 1 - } - }, - DAY_LABELS.map((lbl, idx) => /* @__PURE__ */ import_react.default.createElement("div", { key: idx, style: { height: 11, lineHeight: "11px" } }, lbl)) - ), /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", gap: 3 } }, calendarGrid.map((week, colIdx) => /* @__PURE__ */ import_react.default.createElement("div", { key: colIdx, style: { display: "flex", flexDirection: "column", gap: 3 } }, week.map((day, rowIdx) => { - if (!day) { - return /* @__PURE__ */ import_react.default.createElement("div", { key: rowIdx, style: { width: 11, height: 11 } }); - } - const lvl = day.stats.level || 0; - const bg = DEEPSEEK_LEVELS[lvl]; - const isHovered = hoveredDay?.date === day.date; - const currentShadow = isHovered ? lvl >= 3 ? "0 0 12px rgba(79, 133, 255, 0.95), 0 0 2px #ffffff" : "0 0 4px rgba(51, 109, 250, 0.4)" : TILE_SHADOWS[lvl]; - return /* @__PURE__ */ import_react.default.createElement( - "div", + monthHeaders.map((m, i) => /* @__PURE__ */ import_react.default.createElement( + "text", { - key: rowIdx, - onMouseEnter: (e) => { - setHoveredDay({ date: day.date, stats: day.stats }); - const rect = e.currentTarget.getBoundingClientRect(); - setTooltipPos({ x: rect.left + rect.width / 2, y: rect.top - 8 }); - }, - onMouseLeave: () => { - setHoveredDay(null); - setTooltipPos(null); - }, - style: { - width: 11, - height: 11, - borderRadius: 2, - backgroundColor: bg, - boxShadow: currentShadow, - border: lvl === 0 ? "1px solid rgba(255, 255, 255, 0.05)" : "1px solid transparent", - cursor: "pointer", - transform: isHovered ? "scale(1.15)" : "scale(1)", - zIndex: isHovered ? 5 : 1, - transition: "all 0.12s ease", - position: "relative" + key: i, + x: 30 + m.col * 13.2, + y: 10, + fontSize: 10, + fill: "var(--dsw-alias-label-tertiary, #888888)", + fontFamily: "inherit" + }, + m.label + )), + /* @__PURE__ */ import_react.default.createElement("text", { x: 2, y: 38, fontSize: 9, fill: "var(--dsw-alias-label-tertiary, #888888)", fontFamily: "inherit" }, "Mon"), + /* @__PURE__ */ import_react.default.createElement("text", { x: 2, y: 64, fontSize: 9, fill: "var(--dsw-alias-label-tertiary, #888888)", fontFamily: "inherit" }, "Wed"), + /* @__PURE__ */ import_react.default.createElement("text", { x: 2, y: 90, fontSize: 9, fill: "var(--dsw-alias-label-tertiary, #888888)", fontFamily: "inherit" }, "Fri"), + calendarGrid.map((week, colIdx) => /* @__PURE__ */ import_react.default.createElement("g", { key: colIdx, transform: `translate(${28 + colIdx * 13.2}, 16)` }, week.map((day, rowIdx) => { + if (!day) return null; + const lvl = day.stats.level || 0; + const bg = DEEPSEEK_LEVELS[lvl]; + const isSelected = selectedDate === day.date; + const isHovered = hoveredDay?.date === day.date; + const strokeColor = isSelected ? "#ffffff" : isHovered ? "#5686fe" : lvl === 0 ? "rgba(255, 255, 255, 0.05)" : "transparent"; + const strokeWidth = isSelected ? 1.5 : isHovered ? 1.2 : 1; + return /* @__PURE__ */ import_react.default.createElement( + "rect", + { + key: rowIdx, + x: 0, + y: rowIdx * 13, + width: 10.5, + height: 10.5, + rx: 2, + ry: 2, + fill: bg, + stroke: strokeColor, + strokeWidth, + style: { + cursor: "pointer", + transition: "fill 0.12s ease, stroke 0.12s ease", + filter: isSelected ? "drop-shadow(0 0 6px rgba(86, 134, 254, 0.9))" : isHovered ? "drop-shadow(0 0 4px rgba(86, 134, 254, 0.7))" : lvl === 4 ? "drop-shadow(0 0 3px rgba(79, 133, 255, 0.5))" : "none" + }, + onClick: () => { + setSelectedDate(isSelected ? null : day.date); + }, + onMouseEnter: (e) => { + setHoveredDay({ date: day.date, stats: day.stats }); + const rect = e.currentTarget.getBoundingClientRect(); + setTooltipPos({ x: rect.left + rect.width / 2, y: rect.top - 8 }); + }, + onMouseLeave: () => { + setHoveredDay(null); + setTooltipPos(null); + } } - } - ); - }))))), /* @__PURE__ */ import_react.default.createElement( + ); + }))) + ), /* @__PURE__ */ import_react.default.createElement( "div", { style: { display: "flex", alignItems: "center", - justifyContent: "flex-end", - gap: 6, + justifyContent: "space-between", marginTop: 14, fontSize: 11, color: "var(--dsw-alias-label-tertiary, #a0a0a0)" } }, - /* @__PURE__ */ import_react.default.createElement("span", null, "Less"), - DEEPSEEK_LEVELS.map((c, i) => /* @__PURE__ */ import_react.default.createElement( + /* @__PURE__ */ import_react.default.createElement("span", { style: { fontSize: 11 } }, "Tip: Click any day to inspect sessions and token breakdown"), + /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", alignItems: "center", gap: 6 } }, /* @__PURE__ */ import_react.default.createElement("span", null, "Less"), DEEPSEEK_LEVELS.map((c, i) => /* @__PURE__ */ import_react.default.createElement( "div", { key: i, style: { - width: 11, - height: 11, + width: 10.5, + height: 10.5, borderRadius: 2, backgroundColor: c, - boxShadow: TILE_SHADOWS[i], - border: i === 0 ? "1px solid rgba(255, 255, 255, 0.05)" : "none" + border: i === 0 ? "1px solid rgba(255, 255, 255, 0.05)" : "none", + filter: i === 4 ? "drop-shadow(0 0 3px rgba(79, 133, 255, 0.5))" : "none" } } - )), - /* @__PURE__ */ import_react.default.createElement("span", null, "More") + )), /* @__PURE__ */ import_react.default.createElement("span", null, "More")) )) ), - hoveredDay && tooltipPos && /* @__PURE__ */ import_react.default.createElement( + selectedDate && /* @__PURE__ */ import_react.default.createElement( + "div", + { + style: { + marginTop: 18, + background: "var(--dsw-alias-bg-layer-2, #2c2c2c)", + border: "1px solid var(--dsw-alias-border-l2, #494949)", + borderRadius: 12, + padding: "18px 20px", + boxShadow: "0 6px 20px rgba(0, 0, 0, 0.25)", + animation: "fadeIn 0.15s ease" + } + }, + /* @__PURE__ */ import_react.default.createElement( + "div", + { + style: { + display: "flex", + alignItems: "center", + justifyContent: "space-between", + borderBottom: "1px solid var(--dsw-alias-border-l1, #3a3a3a)", + paddingBottom: 12, + marginBottom: 14 + } + }, + /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { style: { fontSize: 16, fontWeight: 700, color: "var(--dsw-alias-label-primary, #ffffff)" } }, (/* @__PURE__ */ new Date(selectedDate + "T00:00:00")).toLocaleDateString(void 0, { + weekday: "long", + year: "numeric", + month: "long", + day: "numeric" + })), /* @__PURE__ */ import_react.default.createElement("div", { style: { fontSize: 12, color: "var(--dsw-alias-label-secondary, #b9b9b9)", marginTop: 2 } }, inspectedDayStats && inspectedDayStats.totalTokens > 0 ? /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("strong", { style: { color: "#4f85ff" } }, formatExact(inspectedDayStats.totalTokens)), " total tokens across", " ", /* @__PURE__ */ import_react.default.createElement("strong", null, inspectedDayStats.turns), " turns") : "No activity recorded")), + /* @__PURE__ */ import_react.default.createElement( + "button", + { + onClick: () => setSelectedDate(null), + style: { + background: "transparent", + border: "none", + color: "var(--dsw-alias-label-tertiary)", + cursor: "pointer", + fontSize: 16, + padding: "4px 8px", + borderRadius: 4 + }, + title: "Close day view" + }, + "\u2715" + ) + ), + inspectedDayStats && inspectedDayStats.totalTokens > 0 && /* @__PURE__ */ import_react.default.createElement( + "div", + { + style: { + display: "flex", + gap: 12, + flexWrap: "wrap", + marginBottom: 16, + fontSize: 12 + } + }, + /* @__PURE__ */ import_react.default.createElement("div", { style: { padding: "6px 12px", background: "var(--dsw-alias-bg-layer-1, #1e1e1e)", borderRadius: 6, border: "1px solid var(--dsw-alias-border-l1)" } }, /* @__PURE__ */ import_react.default.createElement("span", { style: { color: "var(--dsw-alias-label-tertiary)" } }, "Billed Input: "), /* @__PURE__ */ import_react.default.createElement("strong", null, formatNumber(inspectedDayStats.inputTokens))), + /* @__PURE__ */ import_react.default.createElement("div", { style: { padding: "6px 12px", background: "var(--dsw-alias-bg-layer-1, #1e1e1e)", borderRadius: 6, border: "1px solid var(--dsw-alias-border-l1)" } }, /* @__PURE__ */ import_react.default.createElement("span", { style: { color: "var(--dsw-alias-label-tertiary)" } }, "Output Generated: "), /* @__PURE__ */ import_react.default.createElement("strong", null, formatNumber(inspectedDayStats.outputTokens))), + /* @__PURE__ */ import_react.default.createElement("div", { style: { padding: "6px 12px", background: "var(--dsw-alias-bg-layer-1, #1e1e1e)", borderRadius: 6, border: "1px solid var(--dsw-alias-border-l1)" } }, /* @__PURE__ */ import_react.default.createElement("span", { style: { color: "var(--dsw-alias-label-tertiary)" } }, "Cache Reads: "), /* @__PURE__ */ import_react.default.createElement("strong", { style: { color: "#38bdf8" } }, formatNumber(inspectedDayStats.cacheReadTokens)), " (", Math.round(inspectedDayStats.cacheReadTokens / inspectedDayStats.totalTokens * 100), "%)") + ), + /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { style: { fontSize: 13, fontWeight: 600, color: "var(--dsw-alias-label-primary)", marginBottom: 10 } }, "Sessions Active on this Day (", inspectedDayStats?.sessions?.length || 0, ")"), inspectedDayStats?.sessions && inspectedDayStats.sessions.length > 0 ? /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", flexDirection: "column", gap: 8, maxHeight: 320, overflowY: "auto" } }, inspectedDayStats.sessions.map((sess, idx) => /* @__PURE__ */ import_react.default.createElement( + "div", + { + key: idx, + style: { + display: "flex", + alignItems: "center", + justifyContent: "space-between", + padding: "10px 14px", + background: "var(--dsw-alias-bg-layer-1, #1e1e1e)", + border: "1px solid var(--dsw-alias-border-l1, #3a3a3a)", + borderRadius: 8 + } + }, + /* @__PURE__ */ import_react.default.createElement("div", { style: { minWidth: 0, flex: 1, paddingRight: 16 } }, /* @__PURE__ */ import_react.default.createElement("div", { style: { fontWeight: 600, fontSize: 13, color: "var(--dsw-alias-label-primary, #ffffff)", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" } }, sess.sessionTitle), /* @__PURE__ */ import_react.default.createElement("div", { style: { fontSize: 11, color: "var(--dsw-alias-label-tertiary, #a0a0a0)", marginTop: 2 } }, "Started ", new Date(sess.createdAt).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }), " \xB7 ID: ", sess.sessionId.slice(0, 10))), + /* @__PURE__ */ import_react.default.createElement("div", { style: { textAlign: "right", flexShrink: 0 } }, /* @__PURE__ */ import_react.default.createElement("div", { style: { fontWeight: 700, fontSize: 13, color: "#4f85ff" } }, formatNumber(sess.totalTokens), " tokens"), /* @__PURE__ */ import_react.default.createElement("div", { style: { fontSize: 11, color: "var(--dsw-alias-label-secondary)", marginTop: 2 } }, sess.turns, " turns \xB7 ", formatNumber(sess.inputTokens + sess.outputTokens), " billed")) + ))) : /* @__PURE__ */ import_react.default.createElement("div", { style: { padding: "16px", textAlign: "center", color: "var(--dsw-alias-label-tertiary)", fontSize: 12, background: "var(--dsw-alias-bg-layer-1)", borderRadius: 8 } }, "No session records found for this date.")) + ), + hoveredDay && tooltipPos && !selectedDate && /* @__PURE__ */ import_react.default.createElement( "div", { style: { @@ -567,7 +640,7 @@ function HeatmapView() { month: "short", day: "numeric" })), - hoveredDay.stats.totalTokens === 0 ? /* @__PURE__ */ import_react.default.createElement("div", { style: { color: "var(--dsw-alias-label-tertiary)" } }, "No activity recorded") : /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { style: { color: "#4f85ff", fontWeight: 600 } }, formatExact(hoveredDay.stats.totalTokens), " tokens"), /* @__PURE__ */ import_react.default.createElement("div", { style: { fontSize: 11, color: "var(--dsw-alias-label-secondary)", marginTop: 2 } }, hoveredDay.stats.turns, " requests / steps"), /* @__PURE__ */ import_react.default.createElement("div", { style: { fontSize: 10, color: "var(--dsw-alias-label-tertiary)", marginTop: 4 } }, "Billed: ", formatNumber(hoveredDay.stats.inputTokens + hoveredDay.stats.outputTokens), " \xB7 Cache: ", formatNumber(hoveredDay.stats.cacheReadTokens))) + hoveredDay.stats.totalTokens === 0 ? /* @__PURE__ */ import_react.default.createElement("div", { style: { color: "var(--dsw-alias-label-tertiary)" } }, "No activity recorded") : /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { style: { color: "#4f85ff", fontWeight: 600 } }, formatExact(hoveredDay.stats.totalTokens), " tokens"), /* @__PURE__ */ import_react.default.createElement("div", { style: { fontSize: 11, color: "var(--dsw-alias-label-secondary)", marginTop: 2 } }, hoveredDay.stats.turns, " requests / steps"), /* @__PURE__ */ import_react.default.createElement("div", { style: { fontSize: 10, color: "var(--dsw-alias-label-tertiary)", marginTop: 4 } }, "Click to inspect sessions on this day")) ) ); } diff --git a/lib/client.js.map b/lib/client.js.map index 14f3897..d77c6a0 100644 --- a/lib/client.js.map +++ b/lib/client.js.map @@ -1,7 +1,7 @@ { "version": 3, "sources": ["../src/client/index.tsx", "../src/client/HeatmapView.tsx", "../src/client/HeatmapModal.tsx"], - "sourcesContent": ["import React, { useState, useEffect } from \"react\";\nimport { createRoot } from \"react-dom/client\";\nimport { HeatmapView } from \"./HeatmapView.js\";\nimport { HeatmapModal } from \"./HeatmapModal.js\";\n\nexport const name = \"dsh-plugin-token-heatmap-client\";\nexport const inject = [\"slots\"];\n\nexport function apply(ctx: any) {\n // 1. Register under Settings -> \"Token Heatmap\"\n if (ctx.slots && typeof ctx.slots.inject === \"function\") {\n ctx.slots.inject(\"settings.section\", () => {\n return ctx.slots.register(\n {\n name: \"settings.section\",\n id: \"token-heatmap\",\n order: 14,\n label: () => \"Token Heatmap\",\n icon: \"chart\",\n },\n HeatmapView\n );\n });\n }\n\n // 2. Global Modal Host & In-Session Token Meter Integration\n if (typeof document !== \"undefined\") {\n const modalContainer = document.createElement(\"div\");\n modalContainer.id = \"dsh-token-heatmap-modal-root\";\n document.body.appendChild(modalContainer);\n\n const root = createRoot(modalContainer);\n\n function ModalController() {\n const [isOpen, setIsOpen] = useState(false);\n\n useEffect(() => {\n const handleOpen = () => setIsOpen(true);\n const handleClose = () => setIsOpen(false);\n\n window.addEventListener(\"dsh:open-token-heatmap\", handleOpen);\n window.addEventListener(\"keydown\", (e) => {\n if (e.key === \"Escape\") handleClose();\n });\n\n return () => {\n window.removeEventListener(\"dsh:open-token-heatmap\", handleOpen);\n };\n }, []);\n\n return setIsOpen(false)} />;\n }\n\n root.render();\n\n // 3. Observe DOM for in-session token usage dialog: strictly single button\n const observer = new MutationObserver(() => {\n // Find the dl with data-session-stats-usage\n const usageList = document.querySelector('[data-session-stats-usage]');\n if (!usageList) return;\n\n const dialogContainer = usageList.closest('div[role=\"dialog\"]') || usageList.parentElement;\n if (!dialogContainer) return;\n\n // Strictly ensure only one button is ever attached\n if (dialogContainer.querySelector(\".dsh-heatmap-trigger-btn\") || document.querySelector(\".dsh-heatmap-trigger-btn\")) {\n return;\n }\n\n const button = document.createElement(\"button\");\n button.className = \"dsh-heatmap-trigger-btn\";\n button.type = \"button\";\n button.innerHTML = \"View Token Usage Heatmap \u2192\";\n button.style.cssText = `\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n margin-top: 12px;\n padding: 8px 12px;\n background: rgba(51, 109, 250, 0.12);\n border: 1px solid rgba(51, 109, 250, 0.35);\n border-radius: 8px;\n color: #4f85ff;\n font-size: 12px;\n font-weight: 600;\n cursor: pointer;\n box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);\n transition: all 0.15s ease;\n `;\n button.onmouseenter = () => {\n button.style.background = \"rgba(51, 109, 250, 0.22)\";\n button.style.borderColor = \"#336dfa\";\n button.style.boxShadow = \"0 2px 8px rgba(51, 109, 250, 0.25)\";\n };\n button.onmouseleave = () => {\n button.style.background = \"rgba(51, 109, 250, 0.12)\";\n button.style.borderColor = \"rgba(51, 109, 250, 0.35)\";\n button.style.boxShadow = \"0 1px 4px rgba(0, 0, 0, 0.15)\";\n };\n button.onclick = (e) => {\n e.preventDefault();\n e.stopPropagation();\n\n // Try navigating to Settings -> Token Heatmap\n const settingsTrigger = document.querySelector(\n 'button[aria-label*=\"Setting\" i], [data-sidebar-settings] button, button.settings'\n );\n\n if (settingsTrigger) {\n (settingsTrigger as HTMLElement).click();\n setTimeout(() => {\n const heatmapTab = Array.from(document.querySelectorAll(\"*\")).find(\n (el) =>\n el.textContent?.trim() === \"Token Heatmap\" &&\n (el.tagName === \"BUTTON\" || el.tagName === \"DIV\" || el.getAttribute(\"role\") === \"tab\" || el.classList.contains(\"ant-list-item\"))\n );\n if (heatmapTab) {\n (heatmapTab as HTMLElement).click();\n } else {\n window.dispatchEvent(new CustomEvent(\"dsh:open-token-heatmap\"));\n }\n }, 120);\n } else {\n // Open direct interactive modal\n window.dispatchEvent(new CustomEvent(\"dsh:open-token-heatmap\"));\n }\n };\n\n dialogContainer.appendChild(button);\n });\n\n observer.observe(document.body, { childList: true, subtree: true });\n }\n}\n", "import React, { useEffect, useState, useMemo } from \"react\";\n\nexport interface DayStats {\n totalTokens: number;\n inputTokens: number;\n outputTokens: number;\n cacheReadTokens: number;\n cacheWriteTokens: number;\n turns: number;\n level?: number;\n}\n\nexport interface SessionSummary {\n id: string;\n title: string;\n createdAt: number;\n totalTokens: number;\n inputTokens: number;\n outputTokens: number;\n cacheReadTokens: number;\n turns: number;\n days: Record;\n}\n\nexport interface SummaryStats {\n totalTokens: number;\n totalInputTokens: number;\n totalOutputTokens: number;\n totalCacheReadTokens: number;\n totalTurns: number;\n activeDays: number;\n currentStreak: number;\n longestStreak: number;\n peakDay: { date: string; tokens: number; turns: number } | null;\n dailyAverage: number;\n}\n\nexport interface HeatmapResponse {\n summary: SummaryStats;\n days: Record;\n sessions: SessionSummary[];\n startDate: string;\n endDate: string;\n}\n\nfunction formatNumber(num: number): string {\n if (num >= 1_000_000_000) return (num / 1_000_000_000).toFixed(2) + \"B\";\n if (num >= 1_000_000) return (num / 1_000_000).toFixed(1) + \"M\";\n if (num >= 1_000) return (num / 1_000).toFixed(1) + \"k\";\n return num.toLocaleString();\n}\n\nfunction formatExact(num: number): string {\n return num.toLocaleString();\n}\n\nconst MONTH_NAMES = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\", \"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"];\nconst DAY_LABELS = [\"\", \"Mon\", \"\", \"Wed\", \"\", \"Fri\", \"\"];\n\n// Simple monochromatic gradient: Black -> Vibrant DeepSeek Blue\nconst DEEPSEEK_LEVELS = [\n \"#0f1117\", // Level 0: Black / dark void tile\n \"#152c6f\", // Level 1: Dark deep blue\n \"#1f4cdb\", // Level 2: Medium vibrant blue\n \"#336dfa\", // Level 3: Vibrant DeepSeek brand blue\n \"#4f85ff\", // Level 4: Bright electric DeepSeek blue\n];\n\n// Glow effect strictly for the bright blue contribution tiles\nconst TILE_SHADOWS = [\n \"none\", // Level 0: Black / flat\n \"none\", // Level 1: Dark deep blue / flat\n \"none\", // Level 2: Mid blue / flat\n \"0 0 4px rgba(51, 109, 250, 0.4)\", // Level 3: Faint brand blue edge\n \"0 0 10px rgba(79, 133, 255, 0.85), 0 0 2px rgba(255, 255, 255, 0.5)\", // Level 4: Bright electric blue glow\n];\n\nexport function HeatmapView() {\n const [data, setData] = useState(null);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n const [selectedSessionId, setSelectedSessionId] = useState(\"all\");\n const [hoveredDay, setHoveredDay] = useState<{ date: string; stats: DayStats } | null>(null);\n const [tooltipPos, setTooltipPos] = useState<{ x: number; y: number } | null>(null);\n\n const fetchStats = () => {\n setLoading(true);\n fetch(\"/api/dsh-token-heatmap/stats\")\n .then((r) => {\n if (!r.ok) throw new Error(`HTTP error ${r.status}`);\n return r.json();\n })\n .then((res) => {\n setData(res);\n setLoading(false);\n })\n .catch((err) => {\n setError(err.message);\n setLoading(false);\n });\n };\n\n useEffect(() => {\n fetchStats();\n }, []);\n\n // Compute active days & stats based on session filter\n const activeView = useMemo(() => {\n if (!data) return null;\n\n if (selectedSessionId === \"all\") {\n return {\n summary: data.summary,\n days: data.days,\n sessionTitle: \"All Sessions (Global)\",\n };\n }\n\n const session = data.sessions.find((s) => s.id === selectedSessionId);\n if (!session) {\n return {\n summary: data.summary,\n days: data.days,\n sessionTitle: \"All Sessions (Global)\",\n };\n }\n\n // Recalculate summary for this specific session\n let totalTokens = session.totalTokens;\n let totalInputTokens = session.inputTokens;\n let totalOutputTokens = session.outputTokens;\n let totalCacheReadTokens = session.cacheReadTokens;\n let totalTurns = session.turns;\n let activeDays = Object.values(session.days).filter((d) => d.totalTokens > 0).length;\n let dailyAverage = activeDays > 0 ? Math.round(totalTokens / activeDays) : 0;\n let peakDay: { date: string; tokens: number; turns: number } | null = null;\n\n for (const [date, stats] of Object.entries(session.days)) {\n if (!peakDay || stats.totalTokens > peakDay.tokens) {\n peakDay = { date, tokens: stats.totalTokens, turns: stats.turns };\n }\n }\n\n // Re-level for this session\n const positiveValues = Object.values(session.days)\n .map((d) => d.totalTokens)\n .filter((t) => t > 0)\n .sort((a, b) => a - b);\n\n let q1 = 1_000_000;\n let q2 = 5_000_000;\n let q3 = 15_000_000;\n\n if (positiveValues.length >= 4) {\n q1 = positiveValues[Math.floor(positiveValues.length * 0.25)];\n q2 = positiveValues[Math.floor(positiveValues.length * 0.50)];\n q3 = positiveValues[Math.floor(positiveValues.length * 0.75)];\n }\n\n const leveledDays: Record = {};\n for (const [date, stats] of Object.entries(session.days)) {\n let lvl = 0;\n if (stats.totalTokens === 0) lvl = 0;\n else if (stats.totalTokens <= q1) lvl = 1;\n else if (stats.totalTokens <= q2) lvl = 2;\n else if (stats.totalTokens <= q3) lvl = 3;\n else lvl = 4;\n leveledDays[date] = { ...stats, level: lvl };\n }\n\n return {\n summary: {\n totalTokens,\n totalInputTokens,\n totalOutputTokens,\n totalCacheReadTokens,\n totalTurns,\n activeDays,\n currentStreak: 0,\n longestStreak: 0,\n peakDay,\n dailyAverage,\n },\n days: leveledDays,\n sessionTitle: session.title,\n };\n }, [data, selectedSessionId]);\n\n // Compute 52-week calendar grid: 7 rows x 53 columns\n const calendarGrid = useMemo(() => {\n if (!activeView) return null;\n\n const weeks: Array> = [];\n const now = new Date();\n const end = new Date(now);\n const start = new Date(now);\n start.setDate(start.getDate() - 364);\n start.setDate(start.getDate() - start.getDay());\n\n let current = new Date(start);\n let currentWeek: Array<{ date: string; stats: DayStats } | null> = [];\n\n while (current <= end || currentWeek.length > 0) {\n const dateKey = `${current.getFullYear()}-${String(current.getMonth() + 1).padStart(2, \"0\")}-${String(current.getDate()).padStart(2, \"0\")}`;\n const dayStats = activeView.days[dateKey] || {\n totalTokens: 0,\n inputTokens: 0,\n outputTokens: 0,\n cacheReadTokens: 0,\n cacheWriteTokens: 0,\n turns: 0,\n level: 0,\n };\n\n if (current <= end) {\n currentWeek.push({ date: dateKey, stats: dayStats });\n } else {\n currentWeek.push(null);\n }\n\n if (currentWeek.length === 7) {\n weeks.push(currentWeek);\n currentWeek = [];\n }\n current.setDate(current.getDate() + 1);\n if (current > end && currentWeek.length === 0) break;\n }\n\n return weeks;\n }, [activeView]);\n\n // Compute month headers\n const monthHeaders = useMemo(() => {\n if (!calendarGrid) return [];\n const headers: Array<{ label: string; col: number }> = [];\n let lastMonth = -1;\n\n calendarGrid.forEach((week, colIdx) => {\n const firstValidDay = week.find((d) => d !== null);\n if (firstValidDay) {\n const d = new Date(firstValidDay.date + \"T00:00:00\");\n const month = d.getMonth();\n if (month !== lastMonth) {\n headers.push({ label: MONTH_NAMES[month], col: colIdx });\n lastMonth = month;\n }\n }\n });\n\n return headers;\n }, [calendarGrid]);\n\n if (loading && !data) {\n return (\n
\n Loading token usage statistics...\n
\n );\n }\n\n if (error) {\n return (\n
\n Failed to load heatmap: {error}\n \n Retry\n \n
\n );\n }\n\n if (!data || !activeView) return null;\n\n const { summary } = activeView;\n const cacheHitPercent =\n summary.totalTokens > 0\n ? Math.round((summary.totalCacheReadTokens / summary.totalTokens) * 100)\n : 0;\n\n return (\n \n {/* Top Header & Filter Controls (OpenCode / Codex style) */}\n \n
\n \n Token Usage Activity\n \n 52 Weeks\n \n \n \n Daily token volume and request step intensity across sessions\n

\n
\n\n {/* Right side controls: Session selector & Refresh */}\n
\n {/* Session Filter Dropdown */}\n
\n Session:\n setSelectedSessionId(e.target.value)}\n style={{\n background: \"var(--dsw-alias-bg-layer-2, #2c2c2c)\",\n border: \"1px solid var(--dsw-alias-border-l2, #494949)\",\n color: \"var(--dsw-alias-label-primary, #eeeeee)\",\n borderRadius: 8,\n padding: \"6px 12px\",\n fontSize: 12,\n outline: \"none\",\n cursor: \"pointer\",\n maxWidth: 240,\n }}\n >\n \n {data.sessions.map((s) => (\n \n ))}\n \n
\n\n \n \u21BB Refresh\n \n
\n \n\n {/* Summary Cards Row (Codex / OpenCode style) */}\n \n {/* Card 1: Total Tokens */}\n \n
\n Total Tokens\n
\n
\n {formatNumber(summary.totalTokens)}\n
\n
\n {formatExact(summary.totalTokens)} tokens\n
\n \n\n {/* Card 2: Cache Hit */}\n \n
\n Cache Hit Ratio\n
\n
\n {cacheHitPercent}%\n
\n
\n {formatNumber(summary.totalCacheReadTokens)} cached reads\n
\n \n\n {/* Card 3: Daily Average / Turns */}\n \n
\n {selectedSessionId === \"all\" ? \"Daily Average\" : \"Total Steps\"}\n
\n
\n {selectedSessionId === \"all\" ? formatNumber(summary.dailyAverage) : summary.totalTurns}\n
\n
\n {selectedSessionId === \"all\" ? `Across ${summary.activeDays} active days` : `${formatNumber(summary.totalInputTokens + summary.totalOutputTokens)} billed`}\n
\n \n\n {/* Card 4: Streak / Activity */}\n \n
\n {selectedSessionId === \"all\" ? \"Active Streak\" : \"Active Days\"}\n
\n
\n {selectedSessionId === \"all\" ? `${summary.currentStreak} days` : `${summary.activeDays} days`}\n
\n
\n {selectedSessionId === \"all\" ? `Longest streak: ${summary.longestStreak} days` : `Session: ${activeView.sessionTitle.slice(0, 24)}`}\n
\n \n \n\n {/* Heatmap Card */}\n \n \n Contribution Calendar\n {summary.peakDay && (\n \n Peak day: {summary.peakDay.date} ({formatNumber(summary.peakDay.tokens)} tokens)\n \n )}\n \n\n {/* SVG Heatmap */}\n {calendarGrid && (\n
\n {/* Month labels */}\n
\n {monthHeaders.map((m, i) => (\n \n {m.label}\n
\n ))}\n
\n\n {/* Grid with day labels */}\n
\n {/* Day of week labels */}\n \n {DAY_LABELS.map((lbl, idx) => (\n
\n {lbl}\n
\n ))}\n
\n\n {/* Columns of weeks */}\n
\n {calendarGrid.map((week, colIdx) => (\n
\n {week.map((day, rowIdx) => {\n if (!day) {\n return
;\n }\n const lvl = day.stats.level || 0;\n const bg = DEEPSEEK_LEVELS[lvl];\n const isHovered = hoveredDay?.date === day.date;\n const currentShadow = isHovered\n ? (lvl >= 3 ? \"0 0 12px rgba(79, 133, 255, 0.95), 0 0 2px #ffffff\" : \"0 0 4px rgba(51, 109, 250, 0.4)\")\n : TILE_SHADOWS[lvl];\n\n return (\n {\n setHoveredDay({ date: day.date, stats: day.stats });\n const rect = e.currentTarget.getBoundingClientRect();\n setTooltipPos({ x: rect.left + rect.width / 2, y: rect.top - 8 });\n }}\n onMouseLeave={() => {\n setHoveredDay(null);\n setTooltipPos(null);\n }}\n style={{\n width: 11,\n height: 11,\n borderRadius: 2,\n backgroundColor: bg,\n boxShadow: currentShadow,\n border:\n lvl === 0\n ? \"1px solid rgba(255, 255, 255, 0.05)\"\n : \"1px solid transparent\",\n cursor: \"pointer\",\n transform: isHovered ? \"scale(1.15)\" : \"scale(1)\",\n zIndex: isHovered ? 5 : 1,\n transition: \"all 0.12s ease\",\n position: \"relative\",\n }}\n />\n );\n })}\n
\n ))}\n
\n
\n\n {/* Legend & Footnote */}\n \n Less\n {DEEPSEEK_LEVELS.map((c, i) => (\n \n ))}\n More\n \n \n )}\n \n\n {/* Floating Hover Tooltip */}\n {hoveredDay && tooltipPos && (\n \n
\n {new Date(hoveredDay.date + \"T00:00:00\").toLocaleDateString(undefined, {\n weekday: \"short\",\n year: \"numeric\",\n month: \"short\",\n day: \"numeric\",\n })}\n
\n {hoveredDay.stats.totalTokens === 0 ? (\n
No activity recorded
\n ) : (\n
\n
\n {formatExact(hoveredDay.stats.totalTokens)} tokens\n
\n
\n {hoveredDay.stats.turns} requests / steps\n
\n
\n Billed: {formatNumber(hoveredDay.stats.inputTokens + hoveredDay.stats.outputTokens)} \u00B7 Cache: {formatNumber(hoveredDay.stats.cacheReadTokens)}\n
\n
\n )}\n \n )}\n \n );\n}\n", "import React from \"react\";\nimport { HeatmapView } from \"./HeatmapView.js\";\n\ninterface HeatmapModalProps {\n open: boolean;\n onClose: () => void;\n}\n\nexport function HeatmapModal({ open, onClose }: HeatmapModalProps) {\n if (!open) return null;\n\n return (\n \n e.stopPropagation()}\n style={{\n position: \"relative\",\n width: \"100%\",\n maxWidth: \"960px\",\n maxHeight: \"90vh\",\n overflowY: \"auto\",\n background: \"var(--dsw-alias-bg-layer-1, #1e1e1e)\",\n border: \"1px solid var(--dsw-alias-border-l2, #494949)\",\n borderRadius: \"14px\",\n boxShadow: \"0 16px 40px rgba(0, 0, 0, 0.5)\",\n padding: \"24px 28px\",\n }}\n >\n {/* Close button */}\n \n \u2715\n \n\n \n \n \n );\n}\n"], - "mappings": "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", + "sourcesContent": ["import React, { useState, useEffect } from \"react\";\nimport { createRoot } from \"react-dom/client\";\nimport { HeatmapView } from \"./HeatmapView.js\";\nimport { HeatmapModal } from \"./HeatmapModal.js\";\n\nexport const name = \"dsh-plugin-token-heatmap-client\";\nexport const inject = [\"slots\"];\n\nexport function apply(ctx: any) {\n // 1. Register under Settings -> \"Token Heatmap\"\n if (ctx.slots && typeof ctx.slots.inject === \"function\") {\n ctx.slots.inject(\"settings.section\", () => {\n return ctx.slots.register(\n {\n name: \"settings.section\",\n id: \"token-heatmap\",\n order: 14,\n label: () => \"Token Heatmap\",\n icon: \"chart\",\n },\n HeatmapView\n );\n });\n }\n\n // 2. Global Modal Host & In-Session Token Meter Integration\n if (typeof document !== \"undefined\") {\n const modalContainer = document.createElement(\"div\");\n modalContainer.id = \"dsh-token-heatmap-modal-root\";\n document.body.appendChild(modalContainer);\n\n const root = createRoot(modalContainer);\n\n function ModalController() {\n const [isOpen, setIsOpen] = useState(false);\n\n useEffect(() => {\n const handleOpen = () => setIsOpen(true);\n const handleClose = () => setIsOpen(false);\n\n window.addEventListener(\"dsh:open-token-heatmap\", handleOpen);\n window.addEventListener(\"keydown\", (e) => {\n if (e.key === \"Escape\") handleClose();\n });\n\n return () => {\n window.removeEventListener(\"dsh:open-token-heatmap\", handleOpen);\n };\n }, []);\n\n return setIsOpen(false)} />;\n }\n\n root.render();\n\n // 3. Observe DOM for in-session token usage dialog: strictly single button\n const observer = new MutationObserver(() => {\n // Find the dl with data-session-stats-usage\n const usageList = document.querySelector('[data-session-stats-usage]');\n if (!usageList) return;\n\n const dialogContainer = usageList.closest('div[role=\"dialog\"]') || usageList.parentElement;\n if (!dialogContainer) return;\n\n // Strictly ensure only one button is ever attached\n if (dialogContainer.querySelector(\".dsh-heatmap-trigger-btn\") || document.querySelector(\".dsh-heatmap-trigger-btn\")) {\n return;\n }\n\n const button = document.createElement(\"button\");\n button.className = \"dsh-heatmap-trigger-btn\";\n button.type = \"button\";\n button.innerHTML = \"View Token Usage Heatmap \u2192\";\n button.style.cssText = `\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n margin-top: 12px;\n padding: 8px 12px;\n background: rgba(51, 109, 250, 0.12);\n border: 1px solid rgba(51, 109, 250, 0.35);\n border-radius: 8px;\n color: #4f85ff;\n font-size: 12px;\n font-weight: 600;\n cursor: pointer;\n box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);\n transition: all 0.15s ease;\n `;\n button.onmouseenter = () => {\n button.style.background = \"rgba(51, 109, 250, 0.22)\";\n button.style.borderColor = \"#336dfa\";\n button.style.boxShadow = \"0 2px 8px rgba(51, 109, 250, 0.25)\";\n };\n button.onmouseleave = () => {\n button.style.background = \"rgba(51, 109, 250, 0.12)\";\n button.style.borderColor = \"rgba(51, 109, 250, 0.35)\";\n button.style.boxShadow = \"0 1px 4px rgba(0, 0, 0, 0.15)\";\n };\n button.onclick = (e) => {\n e.preventDefault();\n e.stopPropagation();\n\n // Try navigating to Settings -> Token Heatmap\n const settingsTrigger = document.querySelector(\n 'button[aria-label*=\"Setting\" i], [data-sidebar-settings] button, button.settings'\n );\n\n if (settingsTrigger) {\n (settingsTrigger as HTMLElement).click();\n setTimeout(() => {\n const heatmapTab = Array.from(document.querySelectorAll(\"*\")).find(\n (el) =>\n el.textContent?.trim() === \"Token Heatmap\" &&\n (el.tagName === \"BUTTON\" || el.tagName === \"DIV\" || el.getAttribute(\"role\") === \"tab\" || el.classList.contains(\"ant-list-item\"))\n );\n if (heatmapTab) {\n (heatmapTab as HTMLElement).click();\n } else {\n window.dispatchEvent(new CustomEvent(\"dsh:open-token-heatmap\"));\n }\n }, 120);\n } else {\n // Open direct interactive modal\n window.dispatchEvent(new CustomEvent(\"dsh:open-token-heatmap\"));\n }\n };\n\n dialogContainer.appendChild(button);\n });\n\n observer.observe(document.body, { childList: true, subtree: true });\n }\n}\n", "import React, { useEffect, useState, useMemo } from \"react\";\n\nexport interface DaySessionDetail {\n sessionId: string;\n sessionTitle: string;\n createdAt: number;\n totalTokens: number;\n inputTokens: number;\n outputTokens: number;\n cacheReadTokens: number;\n turns: number;\n}\n\nexport interface DayStats {\n totalTokens: number;\n inputTokens: number;\n outputTokens: number;\n cacheReadTokens: number;\n cacheWriteTokens: number;\n turns: number;\n level?: number;\n sessions?: DaySessionDetail[];\n}\n\nexport interface SessionSummary {\n id: string;\n title: string;\n createdAt: number;\n totalTokens: number;\n inputTokens: number;\n outputTokens: number;\n cacheReadTokens: number;\n turns: number;\n days: Record;\n}\n\nexport interface SummaryStats {\n totalTokens: number;\n totalInputTokens: number;\n totalOutputTokens: number;\n totalCacheReadTokens: number;\n totalTurns: number;\n activeDays: number;\n currentStreak: number;\n longestStreak: number;\n peakDay: { date: string; tokens: number; turns: number } | null;\n dailyAverage: number;\n}\n\nexport interface HeatmapResponse {\n summary: SummaryStats;\n days: Record;\n sessions: SessionSummary[];\n startDate: string;\n endDate: string;\n}\n\nfunction formatNumber(num: number): string {\n if (num >= 1_000_000_000) return (num / 1_000_000_000).toFixed(2) + \"B\";\n if (num >= 1_000_000) return (num / 1_000_000).toFixed(1) + \"M\";\n if (num >= 1_000) return (num / 1_000).toFixed(1) + \"k\";\n return num.toLocaleString();\n}\n\nfunction formatExact(num: number): string {\n return num.toLocaleString();\n}\n\nconst MONTH_NAMES = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\", \"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"];\nconst DAY_LABELS = [\"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\"];\n\n// Simple monochromatic gradient: Black -> Vibrant DeepSeek Blue\nconst DEEPSEEK_LEVELS = [\n \"#0f1117\", // Level 0: Black / dark void tile\n \"#152c6f\", // Level 1: Dark deep blue\n \"#1f4cdb\", // Level 2: Medium vibrant blue\n \"#336dfa\", // Level 3: Vibrant DeepSeek brand blue\n \"#4f85ff\", // Level 4: Bright electric DeepSeek blue\n];\n\nexport function HeatmapView() {\n const [data, setData] = useState(null);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n const [selectedSessionId, setSelectedSessionId] = useState(\"all\");\n const [selectedDate, setSelectedDate] = useState(null);\n const [hoveredDay, setHoveredDay] = useState<{ date: string; stats: DayStats } | null>(null);\n const [tooltipPos, setTooltipPos] = useState<{ x: number; y: number } | null>(null);\n\n const fetchStats = () => {\n setLoading(true);\n fetch(\"/api/dsh-token-heatmap/stats\")\n .then((r) => {\n if (!r.ok) throw new Error(`HTTP error ${r.status}`);\n return r.json();\n })\n .then((res) => {\n setData(res);\n setLoading(false);\n })\n .catch((err) => {\n setError(err.message);\n setLoading(false);\n });\n };\n\n useEffect(() => {\n fetchStats();\n }, []);\n\n // Compute active days & stats based on session filter\n const activeView = useMemo(() => {\n if (!data) return null;\n\n if (selectedSessionId === \"all\") {\n return {\n summary: data.summary,\n days: data.days,\n sessionTitle: \"All Sessions (Global)\",\n };\n }\n\n const session = data.sessions.find((s) => s.id === selectedSessionId);\n if (!session) {\n return {\n summary: data.summary,\n days: data.days,\n sessionTitle: \"All Sessions (Global)\",\n };\n }\n\n let totalTokens = session.totalTokens;\n let totalInputTokens = session.inputTokens;\n let totalOutputTokens = session.outputTokens;\n let totalCacheReadTokens = session.cacheReadTokens;\n let totalTurns = session.turns;\n let activeDays = Object.values(session.days).filter((d) => d.totalTokens > 0).length;\n let dailyAverage = activeDays > 0 ? Math.round(totalTokens / activeDays) : 0;\n let peakDay: { date: string; tokens: number; turns: number } | null = null;\n\n for (const [date, stats] of Object.entries(session.days)) {\n if (!peakDay || stats.totalTokens > peakDay.tokens) {\n peakDay = { date, tokens: stats.totalTokens, turns: stats.turns };\n }\n }\n\n const positiveValues = Object.values(session.days)\n .map((d) => d.totalTokens)\n .filter((t) => t > 0)\n .sort((a, b) => a - b);\n\n let q1 = 1_000_000;\n let q2 = 5_000_000;\n let q3 = 15_000_000;\n\n if (positiveValues.length >= 4) {\n q1 = positiveValues[Math.floor(positiveValues.length * 0.25)];\n q2 = positiveValues[Math.floor(positiveValues.length * 0.50)];\n q3 = positiveValues[Math.floor(positiveValues.length * 0.75)];\n }\n\n const leveledDays: Record = {};\n for (const [date, stats] of Object.entries(session.days)) {\n let lvl = 0;\n if (stats.totalTokens === 0) lvl = 0;\n else if (stats.totalTokens <= q1) lvl = 1;\n else if (stats.totalTokens <= q2) lvl = 2;\n else if (stats.totalTokens <= q3) lvl = 3;\n else lvl = 4;\n leveledDays[date] = { ...stats, level: lvl };\n }\n\n return {\n summary: {\n totalTokens,\n totalInputTokens,\n totalOutputTokens,\n totalCacheReadTokens,\n totalTurns,\n activeDays,\n currentStreak: 0,\n longestStreak: 0,\n peakDay,\n dailyAverage,\n },\n days: leveledDays,\n sessionTitle: session.title,\n };\n }, [data, selectedSessionId]);\n\n // Compute 52-week calendar grid: 7 rows x 53 columns\n const calendarGrid = useMemo(() => {\n if (!activeView) return null;\n\n const weeks: Array> = [];\n const now = new Date();\n const end = new Date(now);\n const start = new Date(now);\n start.setDate(start.getDate() - 364);\n start.setDate(start.getDate() - start.getDay());\n\n let current = new Date(start);\n let currentWeek: Array<{ date: string; stats: DayStats } | null> = [];\n\n while (current <= end || currentWeek.length > 0) {\n const dateKey = `${current.getFullYear()}-${String(current.getMonth() + 1).padStart(2, \"0\")}-${String(current.getDate()).padStart(2, \"0\")}`;\n const dayStats = activeView.days[dateKey] || {\n totalTokens: 0,\n inputTokens: 0,\n outputTokens: 0,\n cacheReadTokens: 0,\n cacheWriteTokens: 0,\n turns: 0,\n level: 0,\n };\n\n if (current <= end) {\n currentWeek.push({ date: dateKey, stats: dayStats });\n } else {\n currentWeek.push(null);\n }\n\n if (currentWeek.length === 7) {\n weeks.push(currentWeek);\n currentWeek = [];\n }\n current.setDate(current.getDate() + 1);\n if (current > end && currentWeek.length === 0) break;\n }\n\n return weeks;\n }, [activeView]);\n\n // Compute month headers\n const monthHeaders = useMemo(() => {\n if (!calendarGrid) return [];\n const headers: Array<{ label: string; col: number }> = [];\n let lastMonth = -1;\n\n calendarGrid.forEach((week, colIdx) => {\n const firstValidDay = week.find((d) => d !== null);\n if (firstValidDay) {\n const d = new Date(firstValidDay.date + \"T00:00:00\");\n const month = d.getMonth();\n if (month !== lastMonth) {\n headers.push({ label: MONTH_NAMES[month], col: colIdx });\n lastMonth = month;\n }\n }\n });\n\n return headers;\n }, [calendarGrid]);\n\n if (loading && !data) {\n return (\n
\n Loading token usage statistics...\n
\n );\n }\n\n if (error) {\n return (\n
\n Failed to load heatmap: {error}\n \n Retry\n \n
\n );\n }\n\n if (!data || !activeView) return null;\n\n const { summary } = activeView;\n const cacheHitPercent =\n summary.totalTokens > 0\n ? Math.round((summary.totalCacheReadTokens / summary.totalTokens) * 100)\n : 0;\n\n const inspectedDayStats = selectedDate ? activeView.days[selectedDate] : null;\n\n return (\n \n {/* Top Header & Filter Controls (OpenCode / Codex style) */}\n \n
\n \n Token Usage Activity\n \n 52 Weeks\n \n \n \n Daily token volume and request step intensity across sessions\n

\n
\n\n {/* Right side controls: Session selector & Refresh */}\n
\n {/* Session Filter Dropdown */}\n
\n Session:\n {\n setSelectedSessionId(e.target.value);\n setSelectedDate(null);\n }}\n style={{\n background: \"var(--dsw-alias-bg-layer-2, #2c2c2c)\",\n border: \"1px solid var(--dsw-alias-border-l2, #494949)\",\n color: \"var(--dsw-alias-label-primary, #eeeeee)\",\n borderRadius: 8,\n padding: \"6px 12px\",\n fontSize: 12,\n outline: \"none\",\n cursor: \"pointer\",\n maxWidth: 240,\n }}\n >\n \n {data.sessions.map((s) => (\n \n ))}\n \n
\n\n \n \u21BB Refresh\n \n
\n \n\n {/* Summary Cards Row (Codex / OpenCode style) */}\n \n {/* Card 1: Total Tokens */}\n \n
\n Total Tokens\n
\n
\n {formatNumber(summary.totalTokens)}\n
\n
\n {formatExact(summary.totalTokens)} tokens\n
\n \n\n {/* Card 2: Cache Hit */}\n \n
\n Cache Hit Ratio\n
\n
\n {cacheHitPercent}%\n
\n
\n {formatNumber(summary.totalCacheReadTokens)} cached reads\n
\n \n\n {/* Card 3: Daily Average / Turns */}\n \n
\n {selectedSessionId === \"all\" ? \"Daily Average\" : \"Total Steps\"}\n
\n
\n {selectedSessionId === \"all\" ? formatNumber(summary.dailyAverage) : summary.totalTurns}\n
\n
\n {selectedSessionId === \"all\" ? `Across ${summary.activeDays} active days` : `${formatNumber(summary.totalInputTokens + summary.totalOutputTokens)} billed`}\n
\n \n\n {/* Card 4: Streak / Activity */}\n \n
\n {selectedSessionId === \"all\" ? \"Active Streak\" : \"Active Days\"}\n
\n
\n {selectedSessionId === \"all\" ? `${summary.currentStreak} days` : `${summary.activeDays} days`}\n
\n
\n {selectedSessionId === \"all\" ? `Longest streak: ${summary.longestStreak} days` : `Session: ${activeView.sessionTitle.slice(0, 24)}`}\n
\n \n \n\n {/* Heatmap Card (Auto-resizes responsive SVG panel, GitHub style) */}\n \n \n Contribution Calendar\n {summary.peakDay && (\n \n Peak day: {summary.peakDay.date} ({formatNumber(summary.peakDay.tokens)} tokens)\n \n )}\n \n\n {/* Responsive GitHub-Style Calendar SVG (scales with container width) */}\n {calendarGrid && (\n
\n \n {/* Month labels */}\n {monthHeaders.map((m, i) => (\n \n {m.label}\n \n ))}\n\n {/* Day of week labels */}\n \n Mon\n \n \n Wed\n \n \n Fri\n \n\n {/* Day Tiles */}\n {calendarGrid.map((week, colIdx) => (\n \n {week.map((day, rowIdx) => {\n if (!day) return null;\n\n const lvl = day.stats.level || 0;\n const bg = DEEPSEEK_LEVELS[lvl];\n const isSelected = selectedDate === day.date;\n const isHovered = hoveredDay?.date === day.date;\n\n // GitHub-style glow & outline\n const strokeColor = isSelected\n ? \"#ffffff\"\n : isHovered\n ? \"#5686fe\"\n : lvl === 0\n ? \"rgba(255, 255, 255, 0.05)\"\n : \"transparent\";\n\n const strokeWidth = isSelected ? 1.5 : isHovered ? 1.2 : 1;\n\n return (\n {\n setSelectedDate(isSelected ? null : day.date);\n }}\n onMouseEnter={(e) => {\n setHoveredDay({ date: day.date, stats: day.stats });\n const rect = e.currentTarget.getBoundingClientRect();\n setTooltipPos({ x: rect.left + rect.width / 2, y: rect.top - 8 });\n }}\n onMouseLeave={() => {\n setHoveredDay(null);\n setTooltipPos(null);\n }}\n />\n );\n })}\n \n ))}\n \n\n {/* Bottom Legend */}\n \n \n Tip: Click any day to inspect sessions and token breakdown\n \n\n
\n Less\n {DEEPSEEK_LEVELS.map((c, i) => (\n \n ))}\n More\n
\n
\n \n )}\n \n\n {/* Day Inspection Detail Drawer (Opens when any day is clicked) */}\n {selectedDate && (\n \n {/* Header of the Day Detail */}\n \n
\n
\n {new Date(selectedDate + \"T00:00:00\").toLocaleDateString(undefined, {\n weekday: \"long\",\n year: \"numeric\",\n month: \"long\",\n day: \"numeric\",\n })}\n
\n
\n {inspectedDayStats && inspectedDayStats.totalTokens > 0 ? (\n \n {formatExact(inspectedDayStats.totalTokens)} total tokens across{\" \"}\n {inspectedDayStats.turns} turns\n \n ) : (\n \"No activity recorded\"\n )}\n
\n
\n\n setSelectedDate(null)}\n style={{\n background: \"transparent\",\n border: \"none\",\n color: \"var(--dsw-alias-label-tertiary)\",\n cursor: \"pointer\",\n fontSize: 16,\n padding: \"4px 8px\",\n borderRadius: 4,\n }}\n title=\"Close day view\"\n >\n \u2715\n \n \n\n {/* Breakdown Pills for the day */}\n {inspectedDayStats && inspectedDayStats.totalTokens > 0 && (\n \n
\n Billed Input: \n {formatNumber(inspectedDayStats.inputTokens)}\n
\n
\n Output Generated: \n {formatNumber(inspectedDayStats.outputTokens)}\n
\n
\n Cache Reads: \n {formatNumber(inspectedDayStats.cacheReadTokens)} (\n {Math.round((inspectedDayStats.cacheReadTokens / inspectedDayStats.totalTokens) * 100)}%)\n
\n \n )}\n\n {/* Sessions List for that Day */}\n
\n
\n Sessions Active on this Day ({inspectedDayStats?.sessions?.length || 0})\n
\n\n {inspectedDayStats?.sessions && inspectedDayStats.sessions.length > 0 ? (\n
\n {inspectedDayStats.sessions.map((sess, idx) => (\n \n
\n
\n {sess.sessionTitle}\n
\n
\n Started {new Date(sess.createdAt).toLocaleTimeString([], { hour: \"2-digit\", minute: \"2-digit\" })} \u00B7 ID: {sess.sessionId.slice(0, 10)}\n
\n
\n\n
\n
\n {formatNumber(sess.totalTokens)} tokens\n
\n
\n {sess.turns} turns \u00B7 {formatNumber(sess.inputTokens + sess.outputTokens)} billed\n
\n
\n
\n ))}\n
\n ) : (\n
\n No session records found for this date.\n
\n )}\n \n \n )}\n\n {/* Floating Hover Tooltip */}\n {hoveredDay && tooltipPos && !selectedDate && (\n \n
\n {new Date(hoveredDay.date + \"T00:00:00\").toLocaleDateString(undefined, {\n weekday: \"short\",\n year: \"numeric\",\n month: \"short\",\n day: \"numeric\",\n })}\n
\n {hoveredDay.stats.totalTokens === 0 ? (\n
No activity recorded
\n ) : (\n
\n
\n {formatExact(hoveredDay.stats.totalTokens)} tokens\n
\n
\n {hoveredDay.stats.turns} requests / steps\n
\n
\n Click to inspect sessions on this day\n
\n
\n )}\n \n )}\n \n );\n}\n", "import React from \"react\";\nimport { HeatmapView } from \"./HeatmapView.js\";\n\ninterface HeatmapModalProps {\n open: boolean;\n onClose: () => void;\n}\n\nexport function HeatmapModal({ open, onClose }: HeatmapModalProps) {\n if (!open) return null;\n\n return (\n \n e.stopPropagation()}\n style={{\n position: \"relative\",\n width: \"100%\",\n maxWidth: \"960px\",\n maxHeight: \"90vh\",\n overflowY: \"auto\",\n background: \"var(--dsw-alias-bg-layer-1, #1e1e1e)\",\n border: \"1px solid var(--dsw-alias-border-l2, #494949)\",\n borderRadius: \"14px\",\n boxShadow: \"0 16px 40px rgba(0, 0, 0, 0.5)\",\n padding: \"24px 28px\",\n }}\n >\n {/* Close button */}\n \n \u2715\n \n\n \n \n \n );\n}\n"], + "mappings": "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", "names": ["import_react", "React", "import_react", "React", "React"] } diff --git a/src/client/HeatmapView.tsx b/src/client/HeatmapView.tsx index c271f8d..95d644d 100644 --- a/src/client/HeatmapView.tsx +++ b/src/client/HeatmapView.tsx @@ -1,5 +1,16 @@ import React, { useEffect, useState, useMemo } from "react"; +export interface DaySessionDetail { + sessionId: string; + sessionTitle: string; + createdAt: number; + totalTokens: number; + inputTokens: number; + outputTokens: number; + cacheReadTokens: number; + turns: number; +} + export interface DayStats { totalTokens: number; inputTokens: number; @@ -8,6 +19,7 @@ export interface DayStats { cacheWriteTokens: number; turns: number; level?: number; + sessions?: DaySessionDetail[]; } export interface SessionSummary { @@ -55,7 +67,7 @@ function formatExact(num: number): string { } const MONTH_NAMES = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]; -const DAY_LABELS = ["", "Mon", "", "Wed", "", "Fri", ""]; +const DAY_LABELS = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"]; // Simple monochromatic gradient: Black -> Vibrant DeepSeek Blue const DEEPSEEK_LEVELS = [ @@ -66,20 +78,12 @@ const DEEPSEEK_LEVELS = [ "#4f85ff", // Level 4: Bright electric DeepSeek blue ]; -// Glow effect strictly for the bright blue contribution tiles -const TILE_SHADOWS = [ - "none", // Level 0: Black / flat - "none", // Level 1: Dark deep blue / flat - "none", // Level 2: Mid blue / flat - "0 0 4px rgba(51, 109, 250, 0.4)", // Level 3: Faint brand blue edge - "0 0 10px rgba(79, 133, 255, 0.85), 0 0 2px rgba(255, 255, 255, 0.5)", // Level 4: Bright electric blue glow -]; - export function HeatmapView() { const [data, setData] = useState(null); const [loading, setLoading] = useState(true); const [error, setError] = useState(null); const [selectedSessionId, setSelectedSessionId] = useState("all"); + const [selectedDate, setSelectedDate] = useState(null); const [hoveredDay, setHoveredDay] = useState<{ date: string; stats: DayStats } | null>(null); const [tooltipPos, setTooltipPos] = useState<{ x: number; y: number } | null>(null); @@ -125,7 +129,6 @@ export function HeatmapView() { }; } - // Recalculate summary for this specific session let totalTokens = session.totalTokens; let totalInputTokens = session.inputTokens; let totalOutputTokens = session.outputTokens; @@ -141,7 +144,6 @@ export function HeatmapView() { } } - // Re-level for this session const positiveValues = Object.values(session.days) .map((d) => d.totalTokens) .filter((t) => t > 0) @@ -288,6 +290,8 @@ export function HeatmapView() { ? Math.round((summary.totalCacheReadTokens / summary.totalTokens) * 100) : 0; + const inspectedDayStats = selectedDate ? activeView.days[selectedDate] : null; + return (
Session: