claude-session-dashboard 0.2.1 → 0.3.0

package/dist/server/assets/_dashboard-TUzgwLqB.js

@@ -0,0 +1,112 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMatches, Link, Outlet } from "@tanstack/react-router";
+import { useQuery } from "@tanstack/react-query";
+import { a as activeSessionsQuery } from "./sessions.queries-B5ZBiVJy.js";
+import "./createSsrRpc-CVg2UDl0.js";
+import "../server.js";
+import "@tanstack/history";
+import "@tanstack/router-core/ssr/client";
+import "@tanstack/router-core";
+import "node:async_hooks";
+import "@tanstack/router-core/ssr/server";
+import "h3-v2";
+import "tiny-invariant";
+import "seroval";
+import "@tanstack/react-router/ssr/server";
+import "zod";
+function ActiveSessionsBadge() {
+  const { data: activeSessions } = useQuery(activeSessionsQuery);
+  const count = activeSessions?.length ?? 0;
+  if (count === 0) return null;
+  return /* @__PURE__ */ jsx("span", { className: "ml-auto rounded-full bg-emerald-500/20 px-1.5 py-0.5 text-[10px] font-medium text-emerald-400", children: count });
+}
+const NAV_ITEMS = [
+  {
+    to: "/sessions",
+    label: "Sessions",
+    icon: /* @__PURE__ */ jsxs("svg", { className: "h-4 w-4", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
+      /* @__PURE__ */ jsx("line", { x1: "2", y1: "4", x2: "14", y2: "4" }),
+      /* @__PURE__ */ jsx("line", { x1: "2", y1: "8", x2: "14", y2: "8" }),
+      /* @__PURE__ */ jsx("line", { x1: "2", y1: "12", x2: "14", y2: "12" })
+    ] })
+  },
+  {
+    to: "/stats",
+    label: "Stats",
+    icon: /* @__PURE__ */ jsxs("svg", { className: "h-4 w-4", viewBox: "0 0 16 16", fill: "currentColor", children: [
+      /* @__PURE__ */ jsx("rect", { x: "1", y: "8", width: "3", height: "7", rx: "0.5" }),
+      /* @__PURE__ */ jsx("rect", { x: "6.5", y: "4", width: "3", height: "11", rx: "0.5" }),
+      /* @__PURE__ */ jsx("rect", { x: "12", y: "1", width: "3", height: "14", rx: "0.5" })
+    ] })
+  },
+  {
+    to: "/settings",
+    label: "Settings",
+    icon: /* @__PURE__ */ jsxs("svg", { className: "h-4 w-4", viewBox: "0 0 16 16", fill: "currentColor", children: [
+      /* @__PURE__ */ jsx("path", { d: "M8 10a2 2 0 100-4 2 2 0 000 4z" }),
+      /* @__PURE__ */ jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.5.8a1 1 0 011-.8h1a1 1 0 011 .8l.15.9a5.5 5.5 0 011.1.64l.86-.36a1 1 0 011.17.36l.5.86a1 1 0 01-.18 1.17l-.7.55a5.5 5.5 0 010 1.27l.7.55a1 1 0 01.18 1.17l-.5.86a1 1 0 01-1.17.36l-.86-.36a5.5 5.5 0 01-1.1.64l-.14.9a1 1 0 01-1 .8h-1a1 1 0 01-1-.8l-.14-.9a5.5 5.5 0 01-1.1-.64l-.87.36a1 1 0 01-1.17-.36l-.5-.86a1 1 0 01.18-1.17l.7-.55a5.5 5.5 0 010-1.27l-.7-.55a1 1 0 01-.18-1.17l.5-.86a1 1 0 011.17-.36l.87.36a5.5 5.5 0 011.1-.64L6.5.8zM8 11a3 3 0 100-6 3 3 0 000 6z" })
+    ] })
+  }
+];
+function AppShell({ children }) {
+  const matches = useMatches();
+  const currentPath = matches[matches.length - 1]?.pathname ?? "";
+  return /* @__PURE__ */ jsxs("div", { className: "flex min-h-screen", children: [
+    /* @__PURE__ */ jsxs("aside", { className: "flex w-56 shrink-0 flex-col border-r border-gray-800 bg-gray-950", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex h-14 items-center border-b border-gray-800 px-4", children: /* @__PURE__ */ jsxs(Link, { to: "/sessions", className: "text-sm font-bold text-white", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-brand-500", children: "Claude" }),
+        " Dashboard"
+      ] }) }),
+      /* @__PURE__ */ jsx("nav", { className: "flex-1 p-3", children: NAV_ITEMS.map((item) => {
+        const isActive = currentPath.startsWith(item.to);
+        return /* @__PURE__ */ jsxs(
+          Link,
+          {
+            to: item.to,
+            className: `flex items-center gap-2.5 rounded-lg px-3 py-2 text-sm transition-colors ${isActive ? "bg-gray-800 text-white" : "text-gray-400 hover:bg-gray-800/50 hover:text-gray-200"}`,
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "text-gray-500", children: item.icon }),
+              item.label,
+              item.to === "/sessions" && /* @__PURE__ */ jsx(ActiveSessionsBadge, {})
+            ]
+          },
+          item.to
+        );
+      }) }),
+      /* @__PURE__ */ jsx("div", { className: "border-t border-gray-800 p-3", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: "https://github.com/dlupiak/claude-session-dashboard",
+              target: "_blank",
+              rel: "noopener noreferrer",
+              className: "text-gray-500 hover:text-gray-300 transition-colors",
+              title: "GitHub Repository",
+              children: /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z" }) })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: "https://www.npmjs.com/package/claude-session-dashboard",
+              target: "_blank",
+              rel: "noopener noreferrer",
+              className: "text-gray-500 hover:text-gray-300 transition-colors",
+              title: "npm Package",
+              children: /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M0 0v16h16V0H0zm13 13H8V5H5v8H3V3h10v10z" }) })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-600", children: "Read-only" })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsx("main", { className: "flex-1 overflow-auto", children: /* @__PURE__ */ jsx("div", { className: "mx-auto max-w-5xl px-6 py-6", children }) })
+  ] });
+}
+function DashboardLayout() {
+  return /* @__PURE__ */ jsx(AppShell, { children: /* @__PURE__ */ jsx(Outlet, {}) });
+}
+export {
+  DashboardLayout as component
+};

package/dist/server/assets/{_sessionId-BZf2Aqy5.js → _sessionId-C-XZIPqn.js}

@@ -10,7 +10,7 @@ import { ResponsiveContainer, AreaChart, YAxis, Tooltip, ReferenceLine, Area } f
 import { s as settingsQuery } from "./settings.queries-DSQd324O.js";
 import { g as getMergedPricing, c as calculateSessionCost, u as useSessionCost, E as ExportDropdown, d as downloadFile, e as sessionToJSON } from "./useSessionCost-CYs5UOX-.js";
 import { a as activeSessionsQuery } from "./sessions.queries-B5ZBiVJy.js";
-import { b as Route, u as usePrivacy } from "./router-ChxlsPNU.js";
+import { b as Route, u as usePrivacy } from "./router-Cb_hBXHI.js";
 import "@tanstack/history";
 import "@tanstack/router-core/ssr/client";
 import "@tanstack/router-core";
@@ -161,10 +161,10 @@ function shortenToolName(name) {
 }
 const TOOL_COLORS = {
   // File reading
-  Read: "#60a5fa",
-  // blue-400
-  Grep: "#60a5fa",
-  Glob: "#60a5fa",
+  Read: "#e09070",
+  // brand-400
+  Grep: "#e09070",
+  Glob: "#e09070",
   // File writing
   Write: "#34d399",
   // emerald-400
@@ -382,7 +382,6 @@ function TimelineChart({ data, width, onHover }) {
             y: agentLaneYs[i],
             toX,
             laneHeight: LANE_HEIGHT,
-            leftMargin: LEFT_MARGIN,
             onHover,
             getPosition
           },
@@ -526,7 +525,6 @@ function AgentLaneSVG({
   y,
   toX,
   laneHeight,
-  leftMargin,
   onHover,
   getPosition
 }) {
@@ -827,7 +825,7 @@ function StatBadge({
   color
 }) {
   const colorMap = {
-    blue: "bg-blue-500/15 text-blue-400",
+    blue: "bg-brand-500/15 text-brand-400",
     purple: "bg-purple-500/15 text-purple-400",
     gray: "bg-gray-800 text-gray-300",
     indigo: "bg-indigo-500/15 text-indigo-400",
@@ -900,7 +898,7 @@ function ContextWindowPanel({ contextWindow, tokens }) {
       /* @__PURE__ */ jsx(
         "div",
         {
-          className: "bg-blue-500",
+          className: "bg-brand-500",
           style: { width: `${messagesPct}%` },
           title: `Messages: ~${formatTokenCount(messagesEstimate)}`
         }
@@ -934,7 +932,7 @@ function ContextWindowPanel({ contextWindow, tokens }) {
         "system"
       ] }),
       /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ jsx("span", { className: "inline-block h-2 w-2 rounded-sm bg-blue-500" }),
+        /* @__PURE__ */ jsx("span", { className: "inline-block h-2 w-2 rounded-sm bg-brand-500" }),
         "messages"
       ] }),
       /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
@@ -959,7 +957,7 @@ function ContextWindowPanel({ contextWindow, tokens }) {
           label: "Messages",
           value: messagesEstimate,
           total: contextLimit,
-          color: "bg-blue-500",
+          color: "bg-brand-500",
           prefix: "~"
         }
       ),
@@ -986,8 +984,8 @@ function ContextWindowPanel({ contextWindow, tokens }) {
       /* @__PURE__ */ jsx("p", { className: "mb-1 text-[10px] text-gray-500", children: "Context growth" }),
       /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: 96, children: /* @__PURE__ */ jsxs(AreaChart, { data: chartData, children: [
         /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { id: "contextGrad", x1: "0", y1: "0", x2: "0", y2: "1", children: [
-          /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: "#3b82f6", stopOpacity: 0.3 }),
-          /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: "#3b82f6", stopOpacity: 0.05 })
+          /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: "#d97757", stopOpacity: 0.3 }),
+          /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: "#d97757", stopOpacity: 0.05 })
         ] }) }),
         /* @__PURE__ */ jsx(
           YAxis,
@@ -1000,8 +998,8 @@ function ContextWindowPanel({ contextWindow, tokens }) {
           Tooltip,
           {
             contentStyle: {
-              background: "#1f2937",
-              border: "1px solid #374151",
+              background: "#1c1c1a",
+              border: "1px solid #3d3b36",
               borderRadius: "8px",
               fontSize: "11px"
             },
@@ -1032,7 +1030,7 @@ function ContextWindowPanel({ contextWindow, tokens }) {
           {
             type: "stepAfter",
             dataKey: "context",
-            stroke: "#3b82f6",
+            stroke: "#d97757",
             fill: "url(#contextGrad)",
             strokeWidth: 1.5,
             dot: false
@@ -1092,7 +1090,7 @@ function CategoryRow({
 function TokenBreakdown({ tokens }) {
   const allTotal = tokens.inputTokens + tokens.outputTokens + tokens.cacheReadInputTokens + tokens.cacheCreationInputTokens;
   const items = [
-    { label: "Input", value: tokens.inputTokens, color: "bg-blue-400" },
+    { label: "Input", value: tokens.inputTokens, color: "bg-brand-400" },
     { label: "Output", value: tokens.outputTokens, color: "bg-emerald-400" },
     { label: "Cache Read", value: tokens.cacheReadInputTokens, color: "bg-amber-400" },
     { label: "Cache Create", value: tokens.cacheCreationInputTokens, color: "bg-purple-400" }
@@ -1116,7 +1114,7 @@ function TokenFallback({ tokens }) {
   const activeTotal = tokens.inputTokens + tokens.outputTokens;
   const allTotal = activeTotal + tokens.cacheReadInputTokens + tokens.cacheCreationInputTokens;
   const items = [
-    { label: "Input", value: tokens.inputTokens, color: "text-blue-400" },
+    { label: "Input", value: tokens.inputTokens, color: "text-brand-400" },
     { label: "Output", value: tokens.outputTokens, color: "text-emerald-400" },
     { label: "Cache Read", value: tokens.cacheReadInputTokens, color: "text-amber-400" },
     { label: "Cache Create", value: tokens.cacheCreationInputTokens, color: "text-purple-400" }
@@ -1167,9 +1165,9 @@ function ToolUsagePanel({
       /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx(
         "div",
         {
-          className: "h-4 rounded bg-blue-500/20",
+          className: "h-4 rounded bg-brand-500/20",
           style: { width: `${count / maxCount * 100}%` },
-          children: /* @__PURE__ */ jsx("span", { className: "px-1.5 text-xs text-blue-300", children: count })
+          children: /* @__PURE__ */ jsx("span", { className: "px-1.5 text-xs text-brand-300", children: count })
         }
       ) })
     ] }, tool)) })
@@ -1183,7 +1181,7 @@ function ErrorPanel({ errors }) {
       errors.length,
       ")"
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "mt-3 space-y-2", children: errors.map((error, i) => /* @__PURE__ */ jsxs("div", { className: "rounded-lg bg-red-950/30 p-2.5", children: [
+    /* @__PURE__ */ jsx("div", { className: "mt-3 max-h-64 space-y-2 overflow-y-auto", children: errors.map((error, i) => /* @__PURE__ */ jsxs("div", { className: "rounded-lg bg-red-950/30 p-2.5", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
         /* @__PURE__ */ jsx("span", { className: "text-xs font-mono text-red-300", children: error.type }),
         error.timestamp && /* @__PURE__ */ jsx("span", { className: "text-xs text-gray-500", children: formatDateTime(error.timestamp) })
@@ -1344,8 +1342,8 @@ const statusConfig = {
   pending: { label: "Pending", bg: "bg-gray-500/20", text: "text-gray-400" },
   in_progress: {
     label: "In Progress",
-    bg: "bg-blue-500/20",
-    text: "text-blue-400"
+    bg: "bg-brand-500/20",
+    text: "text-brand-400"
   },
   completed: {
     label: "Done",
@@ -1439,7 +1437,7 @@ function CostEstimationPanel({ tokensByModel }) {
 }
 function CategoryBreakdown({ cost }) {
   const categories = [
-    { label: "Input tokens", value: cost.byCategory.input, color: "text-blue-400" },
+    { label: "Input tokens", value: cost.byCategory.input, color: "text-brand-400" },
     { label: "Output tokens", value: cost.byCategory.output, color: "text-emerald-400" },
     { label: "Cache read", value: cost.byCategory.cacheRead, color: "text-amber-400" },
     { label: "Cache write", value: cost.byCategory.cacheWrite, color: "text-purple-400" }
@@ -1452,7 +1450,7 @@ function CategoryBreakdown({ cost }) {
 function CostBar({ cost }) {
   if (cost.totalUSD === 0) return null;
   const segments = [
-    { key: "input", value: cost.byCategory.input, color: "bg-blue-400" },
+    { key: "input", value: cost.byCategory.input, color: "bg-brand-400" },
     { key: "output", value: cost.byCategory.output, color: "bg-emerald-400" },
     { key: "cacheRead", value: cost.byCategory.cacheRead, color: "bg-amber-400" },
     { key: "cacheWrite", value: cost.byCategory.cacheWrite, color: "bg-purple-400" }
@@ -1513,10 +1511,10 @@ function CostSummaryLine({ tokensByModel }) {
   );
 }
 function ActiveSessionBanner() {
-  return /* @__PURE__ */ jsxs("div", { className: "mb-4 flex items-center gap-2 rounded-lg border border-green-800 bg-green-900/30 px-4 py-2 text-sm text-green-300", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "mb-4 flex items-center gap-2 rounded-lg border border-emerald-800 bg-emerald-900/30 px-4 py-2 text-sm text-emerald-300", children: [
     /* @__PURE__ */ jsxs("span", { className: "relative flex h-2 w-2", children: [
-      /* @__PURE__ */ jsx("span", { className: "absolute inline-flex h-full w-full animate-ping rounded-full bg-green-400 opacity-75" }),
-      /* @__PURE__ */ jsx("span", { className: "relative inline-flex h-2 w-2 rounded-full bg-green-500" })
+      /* @__PURE__ */ jsx("span", { className: "absolute inline-flex h-full w-full animate-ping rounded-full bg-emerald-400 opacity-75" }),
+      /* @__PURE__ */ jsx("span", { className: "relative inline-flex h-2 w-2 rounded-full bg-emerald-500" })
     ] }),
     "This session is currently active. Data refreshes automatically."
   ] });
@@ -1534,7 +1532,8 @@ function SessionDetailPage() {
   } = Route.useSearch();
   const {
     privacyMode,
-    anonymizeProjectName
+    anonymizeProjectName,
+    anonymizeBranch
   } = usePrivacy();
   const isActive = useIsSessionActive(sessionId);
   const {
@@ -1554,7 +1553,7 @@ function SessionDetailPage() {
         "Failed to load session: ",
         error?.message ?? "Not found"
       ] }),
-      /* @__PURE__ */ jsx(Link, { to: "/sessions", className: "mt-2 inline-block text-sm text-blue-400 hover:underline", children: "Back to sessions" })
+      /* @__PURE__ */ jsx(Link, { to: "/sessions", className: "mt-2 inline-block text-sm text-brand-300 hover:underline", children: "Back to sessions" })
     ] });
   }
   const startedAt = detail.turns[0]?.timestamp;
@@ -1567,7 +1566,7 @@ function SessionDetailPage() {
         /* @__PURE__ */ jsx(Link, { to: "/sessions", className: "text-xs text-gray-500 hover:text-gray-300", children: "← Sessions" }),
         /* @__PURE__ */ jsx("h1", { className: "mt-1 text-xl font-bold text-white", children: privacyMode ? anonymizeProjectName(detail.projectName) : detail.projectName }),
         /* @__PURE__ */ jsxs("div", { className: "mt-1 flex items-center gap-3 text-xs text-gray-400", children: [
-          detail.branch && /* @__PURE__ */ jsx("span", { className: "font-mono", children: detail.branch }),
+          detail.branch && /* @__PURE__ */ jsx("span", { className: "font-mono", children: anonymizeBranch(detail.branch) }),
           startedAt && /* @__PURE__ */ jsx("span", { children: formatDateTime(startedAt) }),
           /* @__PURE__ */ jsx("span", { children: formatDuration(durationMs) }),
           /* @__PURE__ */ jsxs("span", { children: [
@@ -1593,7 +1592,7 @@ function SessionDetailPage() {
     /* @__PURE__ */ jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsx(CostEstimationPanel, { tokensByModel: detail.tokensByModel }) }),
     (detail.agents.length > 0 || detail.skills.length > 0) && /* @__PURE__ */ jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsx(AgentsSkillsPanel, { agents: detail.agents, skills: detail.skills }) }),
     detail.tasks.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsx(TasksPanel, { tasks: detail.tasks }) }),
-    /* @__PURE__ */ jsx(ErrorPanel, { errors: detail.errors }),
+    /* @__PURE__ */ jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsx(ErrorPanel, { errors: detail.errors }) }),
     /* @__PURE__ */ jsxs("div", { className: "mt-6", children: [
       /* @__PURE__ */ jsx("h2", { className: "mb-3 text-sm font-semibold text-gray-300", children: "Timeline" }),
       /* @__PURE__ */ jsx(TimelineEventsChart, { turns: detail.turns, agents: detail.agents, skills: detail.skills, errors: detail.errors })

package/dist/server/assets/_tanstack-start-manifest_v-B51mSkGz.js

@@ -0,0 +1,4 @@
+const tsrStartManifest = () => ({ "routes": { "__root__": { "filePath": "/home/runner/work/claude-session-dashboard/claude-session-dashboard/apps/web/src/routes/__root.tsx", "children": ["/", "/_dashboard"], "preloads": ["/assets/main-CfJIADCp.js"], "assets": [] }, "/": { "filePath": "/home/runner/work/claude-session-dashboard/claude-session-dashboard/apps/web/src/routes/index.tsx" }, "/_dashboard": { "filePath": "/home/runner/work/claude-session-dashboard/claude-session-dashboard/apps/web/src/routes/_dashboard.tsx", "children": ["/_dashboard/settings", "/_dashboard/stats", "/_dashboard/sessions/$sessionId", "/_dashboard/sessions/"], "assets": [], "preloads": ["/assets/_dashboard-I7m6D7BE.js", "/assets/createServerFn-Bn6_ISOt.js", "/assets/sessions.queries-CrJg4dYU.js"] }, "/_dashboard/settings": { "filePath": "/home/runner/work/claude-session-dashboard/claude-session-dashboard/apps/web/src/routes/_dashboard/settings.tsx", "assets": [], "preloads": ["/assets/settings-C4_lsEzl.js", "/assets/settings.types-9Qf5WcRY.js"] }, "/_dashboard/stats": { "filePath": "/home/runner/work/claude-session-dashboard/claude-session-dashboard/apps/web/src/routes/_dashboard/stats.tsx", "assets": [], "preloads": ["/assets/stats-_r1gmaTe.js", "/assets/format-Bsprb3az.js", "/assets/useSessionCost-DPZ-ubM1.js", "/assets/settings.types-9Qf5WcRY.js"] }, "/_dashboard/sessions/$sessionId": { "filePath": "/home/runner/work/claude-session-dashboard/claude-session-dashboard/apps/web/src/routes/_dashboard/sessions/$sessionId.tsx", "assets": [], "preloads": ["/assets/_sessionId-DEliIff6.js", "/assets/format-Bsprb3az.js", "/assets/useSessionCost-DPZ-ubM1.js", "/assets/settings.types-9Qf5WcRY.js"] }, "/_dashboard/sessions/": { "filePath": "/home/runner/work/claude-session-dashboard/claude-session-dashboard/apps/web/src/routes/_dashboard/sessions/index.tsx", "assets": [], "preloads": ["/assets/index-BkqRvnEf.js", "/assets/format-Bsprb3az.js"] } }, "clientEntry": "/assets/main-CfJIADCp.js" });
+export {
+  tsrStartManifest
+};

package/dist/server/assets/{index-Do0HxVmM.js → index-CKfH7HpA.js}

@@ -4,7 +4,7 @@ import { useQuery } from "@tanstack/react-query";
 import { Link, useNavigate } from "@tanstack/react-router";
 import { p as paginatedSessionListQuery, a as activeSessionsQuery } from "./sessions.queries-B5ZBiVJy.js";
 import { a as formatDuration, b as formatRelativeTime, d as formatBytes } from "./format-DIZHV7IJ.js";
-import { u as usePrivacy, a as Route } from "./router-ChxlsPNU.js";
+import { u as usePrivacy, a as Route } from "./router-Cb_hBXHI.js";
 import "./createSsrRpc-CVg2UDl0.js";
 import "../server.js";
 import "@tanstack/history";
@@ -46,9 +46,10 @@ function RunningTimer({ startedAt }) {
   return /* @__PURE__ */ jsx("span", { className: "text-emerald-400", children: formatDuration(elapsed) });
 }
 function SessionCard({ session }) {
-  const { privacyMode, anonymizePath, anonymizeProjectName } = usePrivacy();
+  const { privacyMode, anonymizePath, anonymizeProjectName, anonymizeBranch } = usePrivacy();
   const displayName = privacyMode ? anonymizeProjectName(session.projectName) : session.projectName;
-  const displayCwd = session.cwd ? privacyMode ? anonymizePath(session.cwd) : session.cwd : null;
+  const displayCwd = session.cwd ? anonymizePath(session.cwd, session.projectName) : null;
+  const displayBranch = session.branch ? anonymizeBranch(session.branch) : null;
   return /* @__PURE__ */ jsxs(
     Link,
     {
@@ -63,7 +64,7 @@ function SessionCard({ session }) {
               /* @__PURE__ */ jsx("h3", { className: "truncate text-sm font-semibold text-white", children: displayName }),
               /* @__PURE__ */ jsx(StatusBadge, { isActive: session.isActive })
             ] }),
-            session.branch && /* @__PURE__ */ jsx("p", { className: "mt-1 truncate text-xs text-gray-500", children: /* @__PURE__ */ jsx("span", { className: "font-mono", children: session.branch }) })
+            displayBranch && /* @__PURE__ */ jsx("p", { className: "mt-1 truncate text-xs text-gray-500", children: /* @__PURE__ */ jsx("span", { className: "font-mono", children: displayBranch }) })
           ] }),
           /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs text-gray-500", children: formatRelativeTime(session.lastActiveAt) })
         ] }),
@@ -129,7 +130,7 @@ function SessionFilters({ projects, activeCount }) {
         placeholder: "Search sessions...",
         value: localSearch,
         onChange: (e) => handleSearchChange(e.target.value),
-        className: "rounded-lg border border-gray-700 bg-gray-800/50 px-3 py-1.5 text-sm text-gray-200 placeholder-gray-500 outline-none focus:border-blue-500 focus:ring-1 focus:ring-blue-500"
+        className: "rounded-lg border border-gray-700 bg-gray-800/50 px-3 py-1.5 text-sm text-gray-200 placeholder-gray-500 outline-none focus:border-brand-500 focus:ring-1 focus:ring-brand-500"
       }
     ),
     /* @__PURE__ */ jsx("div", { className: "flex rounded-lg border border-gray-700 text-xs", children: ["all", "active", "completed"].map((s) => /* @__PURE__ */ jsxs(
@@ -153,7 +154,7 @@ function SessionFilters({ projects, activeCount }) {
       {
         value: project,
         onChange: (e) => handleProjectChange(e.target.value),
-        className: "rounded-lg border border-gray-700 bg-gray-800/50 px-3 py-1.5 text-sm text-gray-200 outline-none focus:border-blue-500",
+        className: "rounded-lg border border-gray-700 bg-gray-800/50 px-3 py-1.5 text-sm text-gray-200 outline-none focus:border-brand-500",
         children: [
           /* @__PURE__ */ jsx("option", { value: "", children: "All projects" }),
           projects.map((p) => /* @__PURE__ */ jsx("option", { value: p, children: privacyMode ? anonymizeProjectName(p) : p }, p))
@@ -167,20 +168,20 @@ const VALID_SIZES = [5, 10, 25, 50];
 function isValidSize(value) {
   return VALID_SIZES.includes(value);
 }
-function usePageSizePreference() {
-  const [storedPageSize, setStoredPageSize] = useState(null);
-  useEffect(() => {
-    try {
-      const raw = localStorage.getItem(STORAGE_KEY);
-      if (raw !== null) {
-        const parsed = Number(raw);
-        if (isValidSize(parsed)) {
-          setStoredPageSize(parsed);
-        }
-      }
-    } catch {
+function readStoredPageSize() {
+  if (typeof window === "undefined") return null;
+  try {
+    const raw = localStorage.getItem(STORAGE_KEY);
+    if (raw !== null) {
+      const parsed = Number(raw);
+      if (isValidSize(parsed)) return parsed;
     }
-  }, []);
+  } catch {
+  }
+  return null;
+}
+function usePageSizePreference() {
+  const [storedPageSize, setStoredPageSize] = useState(readStoredPageSize);
   const setPageSize = useCallback((size) => {
     if (!isValidSize(size)) return;
     try {
@@ -211,7 +212,7 @@ function PaginationControls({
         {
           value: pageSize,
           onChange: (e) => onPageSizeChange(Number(e.target.value)),
-          className: "rounded-lg border border-gray-700 bg-gray-800/50 px-2 py-1 text-xs text-gray-200 outline-none focus:border-blue-500",
+          className: "rounded-lg border border-gray-700 bg-gray-800/50 px-2 py-1 text-xs text-gray-200 outline-none focus:border-brand-500",
           children: VALID_SIZES.map((size) => /* @__PURE__ */ jsxs("option", { value: size, children: [
             size,
             " / page"
@@ -255,7 +256,7 @@ function PaginationControls({
           "button",
           {
             onClick: () => onPageChange(item),
-            className: `min-w-[2rem] rounded-lg px-2 py-1.5 text-xs font-mono transition-colors ${item === page ? "bg-blue-600 text-white" : "border border-gray-700 bg-gray-800 text-gray-400 hover:bg-gray-700 hover:text-gray-200"}`,
+            className: `min-w-[2rem] rounded-lg px-2 py-1.5 text-xs font-mono transition-colors ${item === page ? "bg-brand-600 text-white" : "border border-gray-700 bg-gray-800 text-gray-400 hover:bg-gray-700 hover:text-gray-200"}`,
             children: item
           },
           item

package/dist/server/assets/{router-ChxlsPNU.js → router-Cb_hBXHI.js}

@@ -1,27 +1,31 @@
 import { createRootRoute, Outlet, HeadContent, Scripts, createFileRoute, lazyRouteComponent, redirect, createRouter } from "@tanstack/react-router";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { QueryClientProvider, QueryClient } from "@tanstack/react-query";
-import { useState, useRef, useEffect, useCallback, createContext, useContext } from "react";
+import { useState, useRef, useCallback, createContext, useContext } from "react";
 import { z } from "zod";
 const OS_USERNAME_PATTERN = /^(\/(?:Users|home))\/[^/]+/;
-function anonymizePath(path) {
+function anonymizePath(path, anonymizedProjectName) {
+  if (anonymizedProjectName) {
+    return `.../${anonymizedProjectName}`;
+  }
   return path.replace(OS_USERNAME_PATTERN, "$1/user");
 }
 const STORAGE_KEY = "claude-dashboard:privacy-mode";
+function readStoredPrivacyMode() {
+  if (typeof window === "undefined") return false;
+  try {
+    return localStorage.getItem(STORAGE_KEY) === "true";
+  } catch {
+    return false;
+  }
+}
 const PrivacyContext = createContext(null);
 function PrivacyProvider({ children }) {
-  const [privacyMode, setPrivacyMode] = useState(false);
+  const [privacyMode, setPrivacyMode] = useState(readStoredPrivacyMode);
   const projectNameMapRef = useRef(/* @__PURE__ */ new Map());
   const nextIndexRef = useRef(1);
-  useEffect(() => {
-    try {
-      const stored = localStorage.getItem(STORAGE_KEY);
-      if (stored === "true") {
-        setPrivacyMode(true);
-      }
-    } catch {
-    }
-  }, []);
+  const branchNameMapRef = useRef(/* @__PURE__ */ new Map());
+  const nextBranchIndexRef = useRef(1);
   const togglePrivacyMode = useCallback(() => {
     setPrivacyMode((prev) => {
       const next = !prev;
@@ -31,16 +35,11 @@ function PrivacyProvider({ children }) {
       }
       projectNameMapRef.current = /* @__PURE__ */ new Map();
       nextIndexRef.current = 1;
+      branchNameMapRef.current = /* @__PURE__ */ new Map();
+      nextBranchIndexRef.current = 1;
       return next;
     });
   }, []);
-  const anonymizePath$1 = useCallback(
-    (path) => {
-      if (!privacyMode) return path;
-      return anonymizePath(path);
-    },
-    [privacyMode]
-  );
   const anonymizeProjectName = useCallback(
     (name) => {
       if (!privacyMode) return name;
@@ -53,14 +52,38 @@ function PrivacyProvider({ children }) {
     },
     [privacyMode]
   );
+  const anonymizePathFn = useCallback(
+    (path, projectName) => {
+      if (!privacyMode) return path;
+      if (projectName) {
+        const anonName = anonymizeProjectName(projectName);
+        return anonymizePath(path, anonName);
+      }
+      return anonymizePath(path);
+    },
+    [privacyMode, anonymizeProjectName]
+  );
+  const anonymizeBranch = useCallback(
+    (branch) => {
+      if (!privacyMode) return branch;
+      const existing = branchNameMapRef.current.get(branch);
+      if (existing) return existing;
+      const anonymized = `branch-${nextBranchIndexRef.current}`;
+      nextBranchIndexRef.current += 1;
+      branchNameMapRef.current.set(branch, anonymized);
+      return anonymized;
+    },
+    [privacyMode]
+  );
   return /* @__PURE__ */ jsx(
     PrivacyContext.Provider,
     {
       value: {
         privacyMode,
         togglePrivacyMode,
-        anonymizePath: anonymizePath$1,
-        anonymizeProjectName
+        anonymizePath: anonymizePathFn,
+        anonymizeProjectName,
+        anonymizeBranch
       },
       children
     }
@@ -73,7 +96,7 @@ function usePrivacy() {
   }
   return ctx;
 }
-const appCss = "/assets/app-u2nTs9ny.css";
+const appCss = "/assets/app-D7yorIIh.css";
 const queryClient = new QueryClient({
   defaultOptions: {
     queries: {
@@ -87,13 +110,16 @@ const Route$6 = createRootRoute({
     meta: [
       { charSet: "utf-8" },
       { name: "viewport", content: "width=device-width, initial-scale=1" },
-      { title: "Claude Session Dashboard" }
+      { title: "Claude Session Dashboard" },
+      { name: "theme-color", content: "#141413" },
+      { name: "description", content: "Local observability dashboard for Claude Code sessions" }
     ],
     links: [
       {
         rel: "stylesheet",
         href: appCss
-      }
+      },
+      { rel: "icon", type: "image/svg+xml", href: "/favicon.svg" }
     ]
   }),
   component: RootComponent
@@ -110,7 +136,7 @@ function RootDocument({ children }) {
     ] })
   ] });
 }
-const $$splitComponentImporter$4 = () => import("./_dashboard-CAO6-qAS.js");
+const $$splitComponentImporter$4 = () => import("./_dashboard-TUzgwLqB.js");
 const Route$5 = createFileRoute("/_dashboard")({
   component: lazyRouteComponent($$splitComponentImporter$4, "component")
 });
@@ -119,7 +145,7 @@ const Route$4 = createFileRoute("/")({
     throw redirect({ to: "/sessions" });
   }
 });
-const $$splitComponentImporter$3 = () => import("./stats-C9cZXTP5.js");
+const $$splitComponentImporter$3 = () => import("./stats-BtgVene-.js");
 const statsSearchSchema = z.object({
   tab: z.enum(["overview", "projects"]).default("overview").catch("overview")
 });
@@ -127,11 +153,11 @@ const Route$3 = createFileRoute("/_dashboard/stats")({
   validateSearch: statsSearchSchema,
   component: lazyRouteComponent($$splitComponentImporter$3, "component")
 });
-const $$splitComponentImporter$2 = () => import("./settings-ko61yfVs.js");
+const $$splitComponentImporter$2 = () => import("./settings-C0_KyVQQ.js");
 const Route$2 = createFileRoute("/_dashboard/settings")({
   component: lazyRouteComponent($$splitComponentImporter$2, "component")
 });
-const $$splitComponentImporter$1 = () => import("./index-Do0HxVmM.js");
+const $$splitComponentImporter$1 = () => import("./index-CKfH7HpA.js");
 const sessionsSearchSchema = z.object({
   page: z.number().int().min(1).default(1).catch(1),
   pageSize: z.number().int().min(5).max(100).default(5).catch(5),
@@ -143,7 +169,7 @@ const Route$1 = createFileRoute("/_dashboard/sessions/")({
   validateSearch: sessionsSearchSchema,
   component: lazyRouteComponent($$splitComponentImporter$1, "component")
 });
-const $$splitComponentImporter = () => import("./_sessionId-BZf2Aqy5.js");
+const $$splitComponentImporter = () => import("./_sessionId-C-XZIPqn.js");
 const searchSchema = z.object({
   project: z.string().optional()
 });