diff --git a/lib/client.js b/lib/client.js index 1eda2f5..512c2e8 100644 --- a/lib/client.js +++ b/lib/client.js @@ -70,6 +70,7 @@ function HeatmapView() { 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 scrollContainerRef = import_react.default.useRef(null); const fetchStats = () => { setLoading(true); fetch("/api/dsh-token-heatmap/stats").then((r) => { @@ -86,6 +87,11 @@ function HeatmapView() { (0, import_react.useEffect)(() => { fetchStats(); }, []); + (0, import_react.useEffect)(() => { + if (scrollContainerRef.current) { + scrollContainerRef.current.scrollLeft = scrollContainerRef.current.scrollWidth; + } + }, [calendarGrid]); const activeView = (0, import_react.useMemo)(() => { if (!data) return null; if (selectedSessionId === "all") { @@ -436,101 +442,115 @@ 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: { width: "100%", overflow: "hidden" } }, /* @__PURE__ */ import_react.default.createElement( - "svg", - { - viewBox: "0 0 740 112", - style: { - width: "100%", - height: "auto", - display: "block", - overflow: "visible" - } - }, - monthHeaders.map((m, i) => /* @__PURE__ */ import_react.default.createElement( - "text", - { - 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( + calendarGrid && /* @__PURE__ */ import_react.default.createElement( "div", { + ref: scrollContainerRef, style: { - display: "flex", - alignItems: "center", - justifyContent: "space-between", - marginTop: 14, - fontSize: 11, - color: "var(--dsw-alias-label-tertiary, #a0a0a0)" + width: "100%", + overflowX: "auto", + WebkitOverflowScrolling: "touch", + paddingBottom: "8px" } }, - /* @__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( + /* @__PURE__ */ import_react.default.createElement( + "svg", + { + viewBox: "0 0 895 142", + style: { + width: "100%", + minWidth: "860px", + height: "142px", + display: "block", + overflow: "visible" + } + }, + monthHeaders.map((m, i) => /* @__PURE__ */ import_react.default.createElement( + "text", + { + key: i, + x: 34 + m.col * 16, + y: 12, + fontSize: 11, + fill: "var(--dsw-alias-label-tertiary, #888888)", + fontFamily: "inherit" + }, + m.label + )), + /* @__PURE__ */ import_react.default.createElement("text", { x: 4, y: 49, fontSize: 10, fill: "var(--dsw-alias-label-tertiary, #888888)", fontFamily: "inherit" }, "Mon"), + /* @__PURE__ */ import_react.default.createElement("text", { x: 4, y: 81, fontSize: 10, fill: "var(--dsw-alias-label-tertiary, #888888)", fontFamily: "inherit" }, "Wed"), + /* @__PURE__ */ import_react.default.createElement("text", { x: 4, y: 113, fontSize: 10, fill: "var(--dsw-alias-label-tertiary, #888888)", fontFamily: "inherit" }, "Fri"), + calendarGrid.map((week, colIdx) => /* @__PURE__ */ import_react.default.createElement("g", { key: colIdx, transform: `translate(${34 + colIdx * 16}, 22)` }, 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.06)" : "transparent"; + const strokeWidth = isSelected ? 1.8 : isHovered ? 1.4 : 1; + return /* @__PURE__ */ import_react.default.createElement( + "rect", + { + key: rowIdx, + x: 0, + y: rowIdx * 16, + width: 12.5, + height: 12.5, + rx: 2.5, + ry: 2.5, + 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 4px rgba(79, 133, 255, 0.6))" : "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( "div", { - key: i, style: { - width: 10.5, - height: 10.5, - borderRadius: 2, - backgroundColor: c, - 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" + display: "flex", + alignItems: "center", + justifyContent: "space-between", + marginTop: 14, + fontSize: 11, + color: "var(--dsw-alias-label-tertiary, #a0a0a0)" } - } - )), /* @__PURE__ */ import_react.default.createElement("span", null, "More")) - )) + }, + /* @__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: 12.5, + height: 12.5, + borderRadius: 2.5, + backgroundColor: c, + border: i === 0 ? "1px solid rgba(255, 255, 255, 0.06)" : "none", + filter: i === 4 ? "drop-shadow(0 0 3px rgba(79, 133, 255, 0.5))" : "none" + } + } + )), /* @__PURE__ */ import_react.default.createElement("span", null, "More")) + ) + ) ), selectedDate && /* @__PURE__ */ import_react.default.createElement( "div", @@ -676,8 +696,8 @@ function HeatmapModal({ open, onClose }) { style: { position: "relative", width: "100%", - maxWidth: "960px", - maxHeight: "90vh", + maxWidth: "1040px", + maxHeight: "92vh", overflowY: "auto", background: "var(--dsw-alias-bg-layer-1, #1e1e1e)", border: "1px solid var(--dsw-alias-border-l2, #494949)", diff --git a/lib/client.js.map b/lib/client.js.map index d77c6a0..e0d5295 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 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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", + "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 const scrollContainerRef = React.useRef(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 useEffect(() => {\n if (scrollContainerRef.current) {\n scrollContainerRef.current.scrollLeft = scrollContainerRef.current.scrollWidth;\n }\n }, [calendarGrid]);\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 {/* Comfortably sized GitHub-Style Calendar SVG with smooth horizontal scroll */}\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: comfortable 12.5px size with 16px step */}\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.06)\"\n : \"transparent\";\n\n const strokeWidth = isSelected ? 1.8 : isHovered ? 1.4 : 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: \"1040px\",\n maxHeight: \"92vh\",\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/HeatmapModal.tsx b/src/client/HeatmapModal.tsx index e45b305..d7027cb 100644 --- a/src/client/HeatmapModal.tsx +++ b/src/client/HeatmapModal.tsx @@ -33,8 +33,8 @@ export function HeatmapModal({ open, onClose }: HeatmapModalProps) { style={{ position: "relative", width: "100%", - maxWidth: "960px", - maxHeight: "90vh", + maxWidth: "1040px", + maxHeight: "92vh", overflowY: "auto", background: "var(--dsw-alias-bg-layer-1, #1e1e1e)", border: "1px solid var(--dsw-alias-border-l2, #494949)", diff --git a/src/client/HeatmapView.tsx b/src/client/HeatmapView.tsx index 95d644d..609f324 100644 --- a/src/client/HeatmapView.tsx +++ b/src/client/HeatmapView.tsx @@ -86,6 +86,7 @@ export function HeatmapView() { 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); + const scrollContainerRef = React.useRef(null); const fetchStats = () => { setLoading(true); @@ -108,6 +109,12 @@ export function HeatmapView() { fetchStats(); }, []); + useEffect(() => { + if (scrollContainerRef.current) { + scrollContainerRef.current.scrollLeft = scrollContainerRef.current.scrollWidth; + } + }, [calendarGrid]); + // Compute active days & stats based on session filter const activeView = useMemo(() => { if (!data) return null; @@ -530,14 +537,23 @@ export function HeatmapView() { )} - {/* Responsive GitHub-Style Calendar SVG (scales with container width) */} + {/* Comfortably sized GitHub-Style Calendar SVG with smooth horizontal scroll */} {calendarGrid && ( -
+
( @@ -557,19 +573,19 @@ export function HeatmapView() { ))} {/* Day of week labels */} - + Mon - + Wed - + Fri - {/* Day Tiles */} + {/* Day Tiles: comfortable 12.5px size with 16px step */} {calendarGrid.map((week, colIdx) => ( - + {week.map((day, rowIdx) => { if (!day) return null; @@ -584,20 +600,20 @@ export function HeatmapView() { : isHovered ? "#5686fe" : lvl === 0 - ? "rgba(255, 255, 255, 0.05)" + ? "rgba(255, 255, 255, 0.06)" : "transparent"; - const strokeWidth = isSelected ? 1.5 : isHovered ? 1.2 : 1; + const strokeWidth = isSelected ? 1.8 : isHovered ? 1.4 : 1; return ( { @@ -652,11 +668,11 @@ export function HeatmapView() {