claude-session-dashboard 0.4.4 → 0.5.0

package/dist/server/assets/{_dashboard-smfIqyQC.js → _dashboard-DZJZ9oYy.js}

@@ -1,18 +1,19 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useMatches, Link, Outlet } from "@tanstack/react-router";
 import { useQuery, queryOptions } from "@tanstack/react-query";
-import { a as activeSessionsQuery } from "./sessions.queries-B5ZBiVJy.js";
-import { c as createSsrRpc } from "./createSsrRpc-CVg2UDl0.js";
+import { a as activeSessionsQuery } from "./sessions.queries-MfPgj6cK.js";
+import { c as createSsrRpc } from "./createSsrRpc-OFLSk08e.js";
 import { c as createServerFn } from "../server.js";
 import "zod";
-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 "@tanstack/router-core";
 import "tiny-invariant";
 import "seroval";
+import "@tanstack/history";
+import "@tanstack/router-core/ssr/client";
+import "@tanstack/router-core/ssr/server";
+import "react";
 import "@tanstack/react-router/ssr/server";
 function ActiveSessionsBadge() {
   const { data: activeSessions } = useQuery(activeSessionsQuery);
@@ -22,7 +23,7 @@ function ActiveSessionsBadge() {
 }
 const getAppInfo = createServerFn({
   method: "GET"
-}).handler(createSsrRpc("955327d72ca3168c4751159ca07b8fb0fe0d2381dd0b991f06b941480959fbe8"));
+}).handler(createSsrRpc("04ac41a7e3e644815167d098c2d6c3375d00a72a11e5af0d37033ba771081ba9"));
 const appInfoQuery = queryOptions({
   queryKey: ["app-info"],
   queryFn: () => getAppInfo(),
@@ -64,7 +65,7 @@ function AppShell({ children }) {
   const { data: appInfo } = useQuery(appInfoQuery);
   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("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-gray-100", children: [
         /* @__PURE__ */ jsx("span", { className: "text-brand-500", children: "Claude" }),
         " Dashboard"
       ] }) }),
@@ -74,7 +75,7 @@ function AppShell({ children }) {
           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"}`,
+            className: `flex items-center gap-2.5 rounded-lg px-3 py-2 text-sm transition-colors ${isActive ? "bg-gray-800 text-gray-100" : "text-gray-400 hover:bg-gray-900 hover:text-gray-200"}`,
             children: [
               /* @__PURE__ */ jsx("span", { className: "text-gray-500", children: item.icon }),
               item.label,
@@ -84,7 +85,7 @@ function AppShell({ children }) {
           item.to
         );
       }) }),
-      /* @__PURE__ */ jsxs("div", { className: "border-t border-gray-800 p-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "border-t border-gray-800 p-3 space-y-3", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ jsx(
@@ -110,12 +111,12 @@ function AppShell({ children }) {
               }
             )
           ] }),
-          /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-600", children: "Read-only" })
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500", children: "Read-only" })
         ] }),
         appInfo && /* @__PURE__ */ jsxs(
           "p",
           {
-            className: "mt-1.5 truncate text-[10px] text-gray-600",
+            className: "mt-1.5 truncate text-[10px] text-gray-500",
             title: `v${appInfo.version} · ${appInfo.appPath}`,
             children: [
               "v",

package/dist/server/assets/{_sessionId-DIUMcrWR.js → _sessionId-znGcd1Dj.js}

@@ -1,30 +1,30 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { Link } from "@tanstack/react-router";
 import { queryOptions, useQuery } from "@tanstack/react-query";
-import { c as createSsrRpc } from "./createSsrRpc-CVg2UDl0.js";
+import { c as createSsrRpc } from "./createSsrRpc-OFLSk08e.js";
 import { c as createServerFn } from "../server.js";
 import { useRef, useCallback, useState, useEffect, useMemo } from "react";
 import { format } from "date-fns";
 import { a as formatDuration, f as formatTokenCount, e as formatDateTime, c as formatUSD } from "./format-DIZHV7IJ.js";
 import { ResponsiveContainer, AreaChart, YAxis, Tooltip, ReferenceLine, Area } from "recharts";
-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-5hznwWqr.js";
-import "@tanstack/history";
-import "@tanstack/router-core/ssr/client";
-import "@tanstack/router-core";
+import { s as settingsQuery } from "./settings.queries-CMWxUDF-.js";
+import { g as getMergedPricing, c as calculateSessionCost, u as useSessionCost, E as ExportDropdown, d as downloadFile, e as sessionToJSON } from "./useSessionCost-iQEg4FRM.js";
+import { a as activeSessionsQuery } from "./sessions.queries-MfPgj6cK.js";
+import { c as Route, u as usePrivacy } from "./router-DAepjaOj.js";
 import "node:async_hooks";
-import "@tanstack/router-core/ssr/server";
 import "h3-v2";
+import "@tanstack/router-core";
 import "tiny-invariant";
 import "seroval";
+import "@tanstack/history";
+import "@tanstack/router-core/ssr/client";
+import "@tanstack/router-core/ssr/server";
 import "@tanstack/react-router/ssr/server";
-import "./settings.types-DntadCHo.js";
+import "./settings.types-CphWe-HW.js";
 import "zod";
 const getSessionDetail = createServerFn({
   method: "GET"
-}).inputValidator((input) => input).handler(createSsrRpc("ff8a3161afdfa175e9c519e4146a56ab5bce6e80745e99cfc2191ebbb7a859bb"));
+}).inputValidator((input) => input).handler(createSsrRpc("71794080473579a94431392ab409ebd02772f6a9f6a08386cadbb8c0d3cf804a"));
 function sessionDetailQuery(sessionId, projectPath, isActive) {
   return queryOptions({
     queryKey: ["session", "detail", sessionId],
@@ -305,7 +305,7 @@ function TimelineChart({ data, width, onHover }) {
             y1: TOP_MARGIN - 4,
             x2: chartWidth - RIGHT_MARGIN,
             y2: TOP_MARGIN - 4,
-            stroke: "#374151",
+            stroke: "var(--color-gray-700)",
             strokeWidth: 1
           }
         ),
@@ -317,7 +317,7 @@ function TimelineChart({ data, width, onHover }) {
               y1: TOP_MARGIN - 8,
               x2: tick.x,
               y2: TOP_MARGIN - 4,
-              stroke: "#4b5563",
+              stroke: "var(--color-gray-600)",
               strokeWidth: 1
             }
           ),
@@ -348,7 +348,7 @@ function TimelineChart({ data, width, onHover }) {
             y1: mainLaneY + LANE_HEIGHT / 2,
             x2: chartWidth - RIGHT_MARGIN,
             y2: mainLaneY + LANE_HEIGHT / 2,
-            stroke: "#1f2937",
+            stroke: "var(--color-gray-800)",
             strokeWidth: 1,
             strokeDasharray: "2,4"
           }
@@ -405,7 +405,7 @@ function TimelineChart({ data, width, onHover }) {
               y1: skillRowY + LANE_HEIGHT / 2,
               x2: chartWidth - RIGHT_MARGIN,
               y2: skillRowY + LANE_HEIGHT / 2,
-              stroke: "#1f2937",
+              stroke: "var(--color-gray-800)",
               strokeWidth: 1,
               strokeDasharray: "2,4"
             }
@@ -457,7 +457,7 @@ function TimelineChart({ data, width, onHover }) {
               y1: errorRowY + LANE_HEIGHT / 2,
               x2: chartWidth - RIGHT_MARGIN,
               y2: errorRowY + LANE_HEIGHT / 2,
-              stroke: "#1f2937",
+              stroke: "var(--color-gray-800)",
               strokeWidth: 1,
               strokeDasharray: "2,4"
             }
@@ -908,7 +908,7 @@ function ContextWindowPanel({ contextWindow, tokens }) {
       /* @__PURE__ */ jsx("span", { className: "rounded bg-gray-800 px-1.5 py-0.5 text-[10px] font-mono text-gray-400", children: shortModel })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "mt-1 flex items-baseline gap-1", children: [
-      /* @__PURE__ */ jsx("span", { className: "text-2xl font-bold text-white", children: formatTokenCount(currentContextSize) }),
+      /* @__PURE__ */ jsx("span", { className: "text-2xl font-bold text-gray-100", children: formatTokenCount(currentContextSize) }),
       /* @__PURE__ */ jsxs("span", { className: "text-sm text-gray-500", children: [
         "/ ",
         formatTokenCount(contextLimit)
@@ -1032,8 +1032,8 @@ function ContextWindowPanel({ contextWindow, tokens }) {
           Tooltip,
           {
             contentStyle: {
-              background: "#1c1c1a",
-              border: "1px solid #3d3b36",
+              background: "var(--color-gray-900)",
+              border: "1px solid var(--color-gray-700)",
               borderRadius: "8px",
               fontSize: "11px"
             },
@@ -1155,7 +1155,7 @@ function TokenFallback({ tokens }) {
   ];
   return /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-gray-800 bg-gray-900/50 p-4", children: [
     /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-gray-300", children: "Token Usage" }),
-    /* @__PURE__ */ jsx("p", { className: "mt-1 text-2xl font-bold text-white", children: formatTokenCount(activeTotal) }),
+    /* @__PURE__ */ jsx("p", { className: "mt-1 text-2xl font-bold text-gray-100", children: formatTokenCount(activeTotal) }),
     /* @__PURE__ */ jsxs("p", { className: "text-[10px] text-gray-500", children: [
       "input + output (",
       formatTokenCount(allTotal),
@@ -1336,7 +1336,7 @@ function SkillInvocationsPanel({
     ] }),
     /* @__PURE__ */ jsx("div", { className: "mt-3 space-y-1", children: groups.map((group) => /* @__PURE__ */ jsxs("div", { className: "rounded bg-gray-950/40 px-2 py-1.5", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxs("span", { className: "shrink-0 rounded bg-amber-500/20 px-1.5 py-0.5 text-[10px] font-semibold text-amber-300", children: [
+        /* @__PURE__ */ jsxs("span", { className: "shrink-0 rounded bg-brand-500/20 px-1.5 py-0.5 text-[10px] font-semibold text-brand-400", children: [
           "/",
           group.skill
         ] }),
@@ -1425,7 +1425,7 @@ function CostEstimationPanel({ tokensByModel }) {
   return /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-gray-800 bg-gray-900/50 p-4", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-gray-300", children: "Cost Estimation" }),
-      /* @__PURE__ */ jsxs("span", { className: "font-mono text-lg font-bold text-white", children: [
+      /* @__PURE__ */ jsxs("span", { className: "font-mono text-lg font-bold text-gray-100", children: [
         "~",
         formatUSD(cost.totalUSD)
       ] })
@@ -1540,6 +1540,35 @@ function useIsSessionActive(sessionId) {
   const { data: activeSessions } = useQuery(activeSessionsQuery);
   return activeSessions?.some((s) => s.sessionId === sessionId) ?? false;
 }
+function SessionIdDisplay({ sessionId }) {
+  const [copied, setCopied] = useState(false);
+  const timerRef = useRef(void 0);
+  useEffect(() => {
+    return () => clearTimeout(timerRef.current);
+  }, []);
+  async function handleCopy() {
+    try {
+      await navigator.clipboard.writeText(`claude --resume ${sessionId}`);
+      setCopied(true);
+      clearTimeout(timerRef.current);
+      timerRef.current = setTimeout(() => setCopied(false), 2e3);
+    } catch {
+    }
+  }
+  return /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 font-mono text-xs text-gray-600", children: [
+    /* @__PURE__ */ jsx("span", { children: sessionId }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: handleCopy,
+        className: "rounded px-1 py-0.5 text-gray-500 hover:bg-gray-800 hover:text-gray-300",
+        title: "Copy resume command",
+        children: copied ? "Copied!" : "Copy"
+      }
+    )
+  ] });
+}
 function SessionDetailPage() {
   const {
     sessionId
@@ -1581,7 +1610,7 @@ function SessionDetailPage() {
     /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between", children: [
       /* @__PURE__ */ jsxs("div", { children: [
         /* @__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__ */ jsx("h1", { className: "mt-1 text-xl font-bold text-gray-100", 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: anonymizeBranch(detail.branch) }),
           startedAt && /* @__PURE__ */ jsx("span", { children: formatDateTime(startedAt) }),
@@ -1599,7 +1628,7 @@ function SessionDetailPage() {
           label: "Export Session (JSON)",
           onClick: () => downloadFile(sessionToJSON(detail), `session-${sessionId.slice(0, 8)}.json`, "application/json")
         }] }),
-        /* @__PURE__ */ jsx("span", { className: "font-mono text-xs text-gray-600", children: sessionId.slice(0, 8) })
+        /* @__PURE__ */ jsx(SessionIdDisplay, { sessionId })
       ] })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "mt-6 grid grid-cols-1 gap-4 md:grid-cols-2", children: [

package/dist/server/assets/_tanstack-start-manifest_v-BNorjuP4.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-DMwMzWYr.js"] }, "/_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/"], "preloads": ["/assets/_dashboard-ChSI7O-o.js", "/assets/createServerFn-DJjqV8Yc.js", "/assets/sessions.queries-D7WObk5d.js"] }, "/_dashboard/settings": { "filePath": "/home/runner/work/claude-session-dashboard/claude-session-dashboard/apps/web/src/routes/_dashboard/settings.tsx", "preloads": ["/assets/settings-BM0TBEkW.js", "/assets/settings.types-BNSfIfFX.js"] }, "/_dashboard/stats": { "filePath": "/home/runner/work/claude-session-dashboard/claude-session-dashboard/apps/web/src/routes/_dashboard/stats.tsx", "preloads": ["/assets/stats-wLUGXFpZ.js", "/assets/format-Bsprb3az.js", "/assets/useSessionCost-BPqnyONZ.js", "/assets/settings.types-BNSfIfFX.js"] }, "/_dashboard/sessions/$sessionId": { "filePath": "/home/runner/work/claude-session-dashboard/claude-session-dashboard/apps/web/src/routes/_dashboard/sessions/$sessionId.tsx", "preloads": ["/assets/_sessionId-DxfkocLt.js", "/assets/format-Bsprb3az.js", "/assets/useSessionCost-BPqnyONZ.js", "/assets/settings.types-BNSfIfFX.js"] }, "/_dashboard/sessions/": { "filePath": "/home/runner/work/claude-session-dashboard/claude-session-dashboard/apps/web/src/routes/_dashboard/sessions/index.tsx", "preloads": ["/assets/index-BHwOAB5a.js", "/assets/format-Bsprb3az.js"] } }, "clientEntry": "/assets/main-DMwMzWYr.js" });
+export {
+  tsrStartManifest
+};

package/dist/server/assets/{app-info.server-CXcS0a5s.js → app-info.api-CrHplh0q.js}

@@ -1,37 +1,52 @@
-import { c as createServerRpc } from "./createServerRpc-Bd3B-Ah9.js";
+import { c as createServerRpc } from "./createServerRpc-D_-6bKnO.js";
 import * as fs from "node:fs";
+import * as os from "node:os";
 import * as path from "node:path";
+import { fileURLToPath } from "node:url";
 import { c as createServerFn } from "../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 "@tanstack/router-core";
 import "tiny-invariant";
 import "seroval";
+import "@tanstack/history";
+import "@tanstack/router-core/ssr/client";
+import "@tanstack/router-core/ssr/server";
+import "react";
+import "@tanstack/react-router";
 import "react/jsx-runtime";
 import "@tanstack/react-router/ssr/server";
-import "@tanstack/react-router";
-const getAppInfo_createServerFn_handler = createServerRpc({
-  id: "955327d72ca3168c4751159ca07b8fb0fe0d2381dd0b991f06b941480959fbe8",
-  name: "getAppInfo",
-  filename: "src/features/settings/app-info.server.ts"
-}, (opts) => getAppInfo.__executeServer(opts));
-const getAppInfo = createServerFn({
-  method: "GET"
-}).handler(getAppInfo_createServerFn_handler, async () => {
-  let version = "unknown";
+function readVersionFromPackageJson() {
+  const candidates = [new URL("../../../package.json", import.meta.url), new URL("../../../../package.json", import.meta.url)];
+  for (const candidate of candidates) {
+    try {
+      const pkgPath = fileURLToPath(candidate);
+      const raw = fs.readFileSync(pkgPath, "utf-8");
+      const pkg = JSON.parse(raw);
+      if (pkg.version) return pkg.version;
+    } catch {
+    }
+  }
   try {
     const pkgPath = path.resolve(process.cwd(), "package.json");
     const raw = fs.readFileSync(pkgPath, "utf-8");
     const pkg = JSON.parse(raw);
-    version = pkg.version ?? "unknown";
+    if (pkg.version) return pkg.version;
   } catch {
   }
+  return "unknown";
+}
+const getAppInfo_createServerFn_handler = createServerRpc({
+  id: "04ac41a7e3e644815167d098c2d6c3375d00a72a11e5af0d37033ba771081ba9",
+  name: "getAppInfo",
+  filename: "src/features/settings/app-info.api.ts"
+}, (opts) => getAppInfo.__executeServer(opts));
+const getAppInfo = createServerFn({
+  method: "GET"
+}).handler(getAppInfo_createServerFn_handler, async () => {
   return {
-    version,
-    appPath: process.cwd(),
+    version: readVersionFromPackageJson(),
+    appPath: path.join(os.homedir(), ".claude"),
     nodeEnv: "production"
   };
 });

package/dist/server/assets/{createServerRpc-Bd3B-Ah9.js → createServerRpc-D_-6bKnO.js}

@@ -1,5 +1,5 @@
 import { T as TSS_SERVER_FUNCTION } from "../server.js";
-const createServerRpc = (serverFnMeta, splitImportFn) => {
+var createServerRpc = (serverFnMeta, splitImportFn) => {
   const url = "/_serverFn/" + serverFnMeta.id;
   return Object.assign(splitImportFn, {
     url,

package/dist/server/assets/{createSsrRpc-CVg2UDl0.js → createSsrRpc-OFLSk08e.js}

@@ -1,10 +1,9 @@
 import { T as TSS_SERVER_FUNCTION, g as getServerFnById } from "../server.js";
-const createSsrRpc = (functionId, importer) => {
+var createSsrRpc = (functionId, importer) => {
   const url = "/_serverFn/" + functionId;
   const serverFnMeta = { id: functionId };
   const fn = async (...args) => {
-    const serverFn = await getServerFnById(functionId);
-    return serverFn(...args);
+    return (await getServerFnById(functionId))(...args);
   };
   return Object.assign(fn, {
     url,

package/dist/server/assets/{index-hFrIPkke.js → index-BnvjnlZM.js}

@@ -1,23 +1,38 @@
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useEffect, useRef, useCallback, useMemo } from "react";
 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 { p as paginatedSessionListQuery, a as activeSessionsQuery } from "./sessions.queries-MfPgj6cK.js";
 import { a as formatDuration, b as formatRelativeTime, d as formatBytes } from "./format-DIZHV7IJ.js";
-import { u as usePrivacy, a as Route } from "./router-5hznwWqr.js";
-import "./createSsrRpc-CVg2UDl0.js";
+import { u as usePrivacy, b as Route } from "./router-DAepjaOj.js";
+import "./createSsrRpc-OFLSk08e.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 "@tanstack/router-core";
 import "tiny-invariant";
 import "seroval";
+import "@tanstack/history";
+import "@tanstack/router-core/ssr/client";
+import "@tanstack/router-core/ssr/server";
 import "@tanstack/react-router/ssr/server";
 import "zod";
 import "date-fns";
+const PLATFORM_STYLES = {
+  windows: "bg-blue-950 text-blue-400 border border-blue-800",
+  wsl: "bg-purple-950 text-purple-400 border border-purple-800"
+};
+const DEFAULT_STYLE = "bg-gray-800 text-gray-400 border border-gray-700";
+function SourceBadge({ sourceLabel, platform, className }) {
+  const platformStyle = platform ? PLATFORM_STYLES[platform] ?? DEFAULT_STYLE : DEFAULT_STYLE;
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: `inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${platformStyle}${className ? ` ${className}` : ""}`,
+      children: sourceLabel
+    }
+  );
+}
 function StatusBadge({ isActive }) {
   if (isActive) {
     return /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 rounded-full bg-emerald-500/15 px-2.5 py-0.5 text-xs font-medium text-emerald-400", children: [
@@ -61,8 +76,9 @@ function SessionCard({ session }) {
         /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3", children: [
           /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
             /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx("h3", { className: "truncate text-sm font-semibold text-white", children: displayName }),
-              /* @__PURE__ */ jsx(StatusBadge, { isActive: session.isActive })
+              /* @__PURE__ */ jsx("h3", { className: "truncate text-sm font-semibold text-gray-100", children: displayName }),
+              /* @__PURE__ */ jsx(StatusBadge, { isActive: session.isActive }),
+              session.sourceLabel && /* @__PURE__ */ jsx(SourceBadge, { sourceLabel: session.sourceLabel, platform: session.sourcePlatform })
             ] }),
             displayBranch && /* @__PURE__ */ jsx("p", { className: "mt-1 truncate text-xs text-gray-500", children: /* @__PURE__ */ jsx("span", { className: "font-mono", children: displayBranch }) })
           ] }),
@@ -75,7 +91,8 @@ function SessionCard({ session }) {
             " msgs"
           ] }),
           session.model && /* @__PURE__ */ jsx("span", { title: "Model", className: "truncate font-mono text-gray-500", children: session.model.replace(/^claude-/, "").split("-202")[0] }),
-          /* @__PURE__ */ jsx("span", { title: "File size", className: "text-gray-500", children: formatBytes(session.fileSizeBytes) })
+          /* @__PURE__ */ jsx("span", { title: "File size", className: "text-gray-500", children: formatBytes(session.fileSizeBytes) }),
+          /* @__PURE__ */ jsx("span", { title: "Session ID", className: "font-mono text-gray-500", children: session.sessionId.slice(0, 8) })
         ] }),
         displayCwd && /* @__PURE__ */ jsx("p", { className: "mt-2 truncate text-xs font-mono text-gray-600", children: displayCwd })
       ]
@@ -137,7 +154,7 @@ function SessionFilters({ projects, activeCount }) {
       "button",
       {
         onClick: () => handleStatusChange(s),
-        className: `px-3 py-1.5 capitalize transition-colors ${status === s ? "bg-gray-700 text-white" : "text-gray-400 hover:text-gray-200"} ${s === "all" ? "rounded-l-lg" : ""} ${s === "completed" ? "rounded-r-lg" : ""}`,
+        className: `px-3 py-1.5 capitalize transition-colors ${status === s ? "bg-gray-700 text-gray-100" : "text-gray-400 hover:text-gray-200"} ${s === "all" ? "rounded-l-lg" : ""} ${s === "completed" ? "rounded-r-lg" : ""}`,
         children: [
           s,
           s === "active" && activeCount > 0 && /* @__PURE__ */ jsxs("span", { className: "ml-1 text-emerald-400", children: [
@@ -256,7 +273,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-brand-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-gray-100" : "border border-gray-700 bg-gray-800 text-gray-400 hover:bg-gray-700 hover:text-gray-200"}`,
             children: item
           },
           item
@@ -367,7 +384,7 @@ function SessionList() {
 }
 function SessionsPage() {
   return /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold text-white", children: "Sessions" }),
+    /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold text-gray-100", children: "Sessions" }),
     /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-gray-400", children: "All Claude Code sessions from ~/.claude" }),
     /* @__PURE__ */ jsx("div", { className: "mt-6", children: /* @__PURE__ */ jsx(SessionList, {}) })
   ] });

package/dist/server/assets/{project-analytics.server-Bxk8-NnT.js → project-analytics.api-6b5TIBNn.js}

@@ -1,22 +1,24 @@
-import { c as createServerRpc } from "./createServerRpc-Bd3B-Ah9.js";
-import { a as scanAllSessions } from "./session-scanner-CpgOq5m1.js";
+import { c as createServerRpc } from "./createServerRpc-D_-6bKnO.js";
+import { s as scanAllSessions } from "./session-scanner-CECpfGFh.js";
 import { c as createServerFn } from "../server.js";
 import "node:fs";
 import "node:path";
-import "./session-parser-B0pdBvgT.js";
+import "./session-parser-DKZZMuh6.js";
 import "node:os";
+import "node:fs/promises";
 import "node:readline";
-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 "@tanstack/router-core";
 import "tiny-invariant";
 import "seroval";
+import "@tanstack/history";
+import "@tanstack/router-core/ssr/client";
+import "@tanstack/router-core/ssr/server";
+import "react";
+import "@tanstack/react-router";
 import "react/jsx-runtime";
 import "@tanstack/react-router/ssr/server";
-import "@tanstack/react-router";
 function aggregateProjectAnalytics(allSessions) {
   const projectMap = /* @__PURE__ */ new Map();
   for (const session of allSessions) {
@@ -45,9 +47,9 @@ function aggregateProjectAnalytics(allSessions) {
   };
 }
 const getProjectAnalytics_createServerFn_handler = createServerRpc({
-  id: "64052f224a1d6696436e5d3deeee2b798f0742e1292ffabd038c3a7bf75e6fcb",
+  id: "39e65590d2bc41f653f54a9b6a9e0a72f185da275304c0a4a595d811cf185572",
   name: "getProjectAnalytics",
-  filename: "src/features/project-analytics/project-analytics.server.ts"
+  filename: "src/features/project-analytics/project-analytics.api.ts"
 }, (opts) => getProjectAnalytics.__executeServer(opts));
 const getProjectAnalytics = createServerFn({
   method: "GET"