claude-session-dashboard 0.4.3 → 0.4.5

package/dist/server/assets/{settings-KKaz1ty7.js → settings-Ct2BZGxb.js}

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { useQuery } from "@tanstack/react-query";
-import { s as settingsQuery, u as useSettingsMutation } from "./settings.queries-DSQd324O.js";
+import { s as settingsQuery, u as useSettingsMutation } from "./settings.queries-BVEZA-1G.js";
 import { a as SUBSCRIPTION_TIERS, b as DEFAULT_PRICING, D as DEFAULT_SETTINGS } from "./settings.types-DntadCHo.js";
-import { u as usePrivacy } from "./router-Cd4jLk4T.js";
+import { u as usePrivacy, a as useTheme } from "./router-BvYNknMb.js";
 import "./createSsrRpc-CVg2UDl0.js";
 import "../server.js";
 import "@tanstack/history";
@@ -25,7 +25,7 @@ function TierSelector({ value, onChange }) {
       {
         type: "button",
         onClick: () => onChange(tier.id),
-        className: `rounded-lg border px-3 py-2 text-left transition-colors ${isSelected ? "border-brand-500 bg-brand-500/10 text-white" : "border-gray-800 bg-gray-900/50 text-gray-400 hover:border-gray-700 hover:text-gray-300"}`,
+        className: `rounded-lg border px-3 py-2 text-left transition-colors ${isSelected ? "border-brand-500 bg-brand-500/10 text-gray-100" : "border-gray-800 bg-gray-900/50 text-gray-400 hover:border-gray-700 hover:text-gray-300"}`,
         children: [
           /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: tier.displayName }),
           /* @__PURE__ */ jsx("div", { className: "mt-0.5 font-mono text-[10px] text-gray-500", children: tier.monthlyUSD !== null ? `$${tier.monthlyUSD}/mo` : "Custom" })
@@ -115,6 +115,8 @@ function SettingsPage() {
 function SettingsForm({ settings }) {
   const mutation = useSettingsMutation();
   const { privacyMode, togglePrivacyMode } = usePrivacy();
+  const { theme, toggleTheme } = useTheme();
+  const isDark = theme === "dark";
   const [tier, setTier] = useState(settings.subscriptionTier);
   const [overrides, setOverrides] = useState(settings.pricingOverrides);
   const [isDirty, setIsDirty] = useState(false);
@@ -144,7 +146,7 @@ function SettingsForm({ settings }) {
     });
   }
   return /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsx("h1", { className: "text-xl font-bold text-white", children: "Settings" }),
+    /* @__PURE__ */ jsx("h1", { className: "text-xl font-bold text-gray-100", children: "Settings" }),
     /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-gray-500", children: "Configure your subscription tier and API pricing for cost estimation." }),
     /* @__PURE__ */ jsxs("div", { className: "mt-6", children: [
       /* @__PURE__ */ jsx("h2", { className: "text-sm font-semibold text-gray-300", children: "Privacy Mode" }),
@@ -194,6 +196,32 @@ function SettingsForm({ settings }) {
         ] })
       ] })
     ] }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-6", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-sm font-semibold text-gray-300", children: "Theme" }),
+      /* @__PURE__ */ jsx("p", { className: "mt-1 text-[10px] text-gray-500", children: "Switch between dark and light mode. Defaults to your system preference." }),
+      /* @__PURE__ */ jsx("div", { className: "mt-3 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("span", { className: "text-xs text-gray-300", children: isDark ? "Dark mode" : "Light mode" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-xs text-gray-500", children: isDark ? "🌙" : "☀️" }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              role: "switch",
+              "aria-checked": !isDark,
+              onClick: toggleTheme,
+              className: `relative inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full transition-colors ${!isDark ? "bg-brand-600" : "bg-gray-800"}`,
+              children: /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: `inline-block h-3.5 w-3.5 rounded-full bg-white transition-transform ${!isDark ? "translate-x-[18px]" : "translate-x-[3px]"}`
+                }
+              )
+            }
+          )
+        ] })
+      ] }) })
+    ] }),
     /* @__PURE__ */ jsxs("div", { className: "mt-6", children: [
       /* @__PURE__ */ jsx("h2", { className: "text-sm font-semibold text-gray-300", children: "Subscription Tier" }),
       /* @__PURE__ */ jsx("p", { className: "mt-1 text-[10px] text-gray-500", children: "Select your Claude subscription plan. This is informational only and does not affect cost calculations." }),
@@ -232,7 +260,7 @@ function SettingsForm({ settings }) {
             type: "button",
             onClick: handleSave,
             disabled: !isDirty || mutation.isPending,
-            className: `rounded-lg px-4 py-1.5 text-xs font-medium transition-colors ${isDirty && !mutation.isPending ? "bg-brand-600 text-white hover:bg-brand-500" : "cursor-not-allowed bg-gray-800 text-gray-500"}`,
+            className: `rounded-lg px-4 py-1.5 text-xs font-medium transition-colors ${isDirty && !mutation.isPending ? "bg-brand-600 text-gray-100 hover:bg-brand-500" : "cursor-not-allowed bg-gray-800 text-gray-500"}`,
             children: mutation.isPending ? "Saving..." : "Save"
           }
         )

package/dist/server/assets/{settings.server-6B2PvLgf.js → settings.api-C9L2GoIE.js}

@@ -25,9 +25,9 @@ function getSettingsDir() {
   return path.join(os.homedir(), SETTINGS_DIR);
 }
 const getSettings_createServerFn_handler = createServerRpc({
-  id: "810657681a273df5b4e58f0d8fcc6a5451598b489431b9bcaa98eea0ad815da8",
+  id: "72f81ef9e8fa751bab60a8bdabd7e77816e2a6723a5e6e26e03712c01b3a249c",
   name: "getSettings",
-  filename: "src/features/settings/settings.server.ts"
+  filename: "src/features/settings/settings.api.ts"
 }, (opts) => getSettings.__executeServer(opts));
 const getSettings = createServerFn({
   method: "GET"
@@ -47,9 +47,9 @@ const getSettings = createServerFn({
   }
 });
 const saveSettings_createServerFn_handler = createServerRpc({
-  id: "3050115d92ca91ab1fd8fd698e33076328aae80dc64ca27c088eee16cebccc1a",
+  id: "7fe8c2b131c4fc81aa9a2570aec79640ff84603fe0060d13c24928b7329cb236",
   name: "saveSettings",
-  filename: "src/features/settings/settings.server.ts"
+  filename: "src/features/settings/settings.api.ts"
 }, (opts) => saveSettings.__executeServer(opts));
 const saveSettings = createServerFn({
   method: "POST"

package/dist/server/assets/{settings.queries-DSQd324O.js → settings.queries-BVEZA-1G.js}

@@ -4,13 +4,13 @@ import { S as SettingsSchema } from "./settings.types-DntadCHo.js";
 import { c as createServerFn } from "../server.js";
 const getSettings = createServerFn({
   method: "GET"
-}).handler(createSsrRpc("810657681a273df5b4e58f0d8fcc6a5451598b489431b9bcaa98eea0ad815da8"));
+}).handler(createSsrRpc("72f81ef9e8fa751bab60a8bdabd7e77816e2a6723a5e6e26e03712c01b3a249c"));
 const saveSettings = createServerFn({
   method: "POST"
 }).inputValidator((input) => {
   const result = SettingsSchema.parse(input);
   return result;
-}).handler(createSsrRpc("3050115d92ca91ab1fd8fd698e33076328aae80dc64ca27c088eee16cebccc1a"));
+}).handler(createSsrRpc("7fe8c2b131c4fc81aa9a2570aec79640ff84603fe0060d13c24928b7329cb236"));
 const settingsQuery = queryOptions({
   queryKey: ["settings"],
   queryFn: () => getSettings(),

package/dist/server/assets/{stats-Bsrkajci.js → stats-CZEpvzmd.js}

@@ -8,8 +8,8 @@ import { format, addDays, getDay, parseISO, startOfISOWeek } from "date-fns";
 import { createPortal } from "react-dom";
 import { f as formatTokenCount, a as formatDuration, b as formatRelativeTime, c as formatUSD } from "./format-DIZHV7IJ.js";
 import { Link } from "@tanstack/react-router";
-import { u as usePrivacy, R as Route } from "./router-Cd4jLk4T.js";
-import { u as useSessionCost, E as ExportDropdown, d as downloadFile, a as dailyActivityToCSV, b as dailyTokensToCSV, m as modelUsageToCSV, s as statsToJSON } from "./useSessionCost-CYs5UOX-.js";
+import { u as usePrivacy, R as Route } from "./router-BvYNknMb.js";
+import { u as useSessionCost, E as ExportDropdown, d as downloadFile, a as dailyActivityToCSV, b as dailyTokensToCSV, m as modelUsageToCSV, s as statsToJSON } from "./useSessionCost-CyWBuljV.js";
 import "@tanstack/history";
 import "@tanstack/router-core/ssr/client";
 import "@tanstack/router-core";
@@ -20,16 +20,24 @@ import "tiny-invariant";
 import "seroval";
 import "@tanstack/react-router/ssr/server";
 import "zod";
-import "./settings.queries-DSQd324O.js";
+import "./settings.queries-BVEZA-1G.js";
 import "./settings.types-DntadCHo.js";
 const getStats = createServerFn({
   method: "GET"
-}).handler(createSsrRpc("4b9a58c176f487b49800a372100037cdf33cf048f3592a449f115c7e3f5ea799"));
+}).handler(createSsrRpc("44af69d3bfcf3ec46fffb3f297d2b12cd7fe4db36c654b8a322df34d549c6493"));
 const statsQuery = queryOptions({
   queryKey: ["stats"],
   queryFn: () => getStats(),
   refetchInterval: 6e4
 });
+const getProjectAnalytics = createServerFn({
+  method: "GET"
+}).handler(createSsrRpc("39e65590d2bc41f653f54a9b6a9e0a72f185da275304c0a4a595d811cf185572"));
+const projectAnalyticsQuery = queryOptions({
+  queryKey: ["projects", "analytics"],
+  queryFn: () => getProjectAnalytics(),
+  refetchInterval: 6e4
+});
 function ActivityChart({ data }) {
   const chartData = data.map((d) => ({
     ...d,
@@ -39,19 +47,19 @@ function ActivityChart({ data }) {
     /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-gray-300", children: "Daily Activity" }),
     /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-gray-500", children: "Messages, sessions, and tool calls per day" }),
     /* @__PURE__ */ jsx("div", { className: "mt-4 h-64", children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(BarChart, { data: chartData, children: [
-      /* @__PURE__ */ jsx(CartesianGrid, { strokeDasharray: "3 3", stroke: "#2a2926" }),
+      /* @__PURE__ */ jsx(CartesianGrid, { strokeDasharray: "3 3", stroke: "var(--color-gray-800)" }),
       /* @__PURE__ */ jsx(
         XAxis,
         {
           dataKey: "dateLabel",
-          tick: { fill: "#7a7668", fontSize: 10 },
+          tick: { fill: "var(--color-gray-500)", fontSize: 10 },
           tickLine: false
         }
       ),
       /* @__PURE__ */ jsx(
         YAxis,
         {
-          tick: { fill: "#7a7668", fontSize: 10 },
+          tick: { fill: "var(--color-gray-500)", fontSize: 10 },
           tickLine: false,
           axisLine: false
         }
@@ -60,8 +68,8 @@ function ActivityChart({ data }) {
         Tooltip,
         {
           contentStyle: {
-            backgroundColor: "#1c1c1a",
-            border: "1px solid #3d3b36",
+            backgroundColor: "var(--color-gray-900)",
+            border: "1px solid var(--color-gray-700)",
             borderRadius: "8px",
             fontSize: "12px"
           }
@@ -98,7 +106,7 @@ function ActivityChart({ data }) {
   ] });
 }
 const INTENSITY_COLORS = [
-  "#2a2926",
+  "var(--color-gray-800)",
   // Level 0: warm gray-800 (no activity)
   "#3d2a1e",
   // Level 1: dark terracotta
@@ -422,7 +430,7 @@ function CustomTooltip({ active, payload, label }) {
     ] }, entry.name)),
     /* @__PURE__ */ jsxs("div", { className: "mt-1.5 border-t border-gray-700 pt-1.5 flex justify-between", children: [
       /* @__PURE__ */ jsx("span", { className: "text-gray-400", children: "Total" }),
-      /* @__PURE__ */ jsx("span", { className: "font-mono font-medium text-white", children: formatTokenCount(total) })
+      /* @__PURE__ */ jsx("span", { className: "font-mono font-medium text-gray-100", children: formatTokenCount(total) })
     ] })
   ] });
 }
@@ -462,7 +470,7 @@ function TokenTrendChart({ data }) {
           {
             type: "button",
             onClick: () => setGranularity("daily"),
-            className: `rounded-l-lg px-3 py-1 ${granularity === "daily" ? "bg-gray-700 text-white" : "text-gray-400 hover:text-gray-300"}`,
+            className: `rounded-l-lg px-3 py-1 ${granularity === "daily" ? "bg-gray-700 text-gray-100" : "text-gray-400 hover:text-gray-300"}`,
             children: "Daily"
           }
         ),
@@ -471,26 +479,26 @@ function TokenTrendChart({ data }) {
           {
             type: "button",
             onClick: () => setGranularity("weekly"),
-            className: `rounded-r-lg px-3 py-1 ${granularity === "weekly" ? "bg-gray-700 text-white" : "text-gray-400 hover:text-gray-300"}`,
+            className: `rounded-r-lg px-3 py-1 ${granularity === "weekly" ? "bg-gray-700 text-gray-100" : "text-gray-400 hover:text-gray-300"}`,
             children: "Weekly"
           }
         )
       ] })
     ] }),
     /* @__PURE__ */ jsx("div", { className: "mt-4 h-72", children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(AreaChart, { data: chartData, children: [
-      /* @__PURE__ */ jsx(CartesianGrid, { strokeDasharray: "3 3", stroke: "#2a2926" }),
+      /* @__PURE__ */ jsx(CartesianGrid, { strokeDasharray: "3 3", stroke: "var(--color-gray-800)" }),
       /* @__PURE__ */ jsx(
         XAxis,
         {
           dataKey: "dateLabel",
-          tick: { fill: "#7a7668", fontSize: 10 },
+          tick: { fill: "var(--color-gray-500)", fontSize: 10 },
           tickLine: false
         }
       ),
       /* @__PURE__ */ jsx(
         YAxis,
         {
-          tick: { fill: "#7a7668", fontSize: 10 },
+          tick: { fill: "var(--color-gray-500)", fontSize: 10 },
           tickLine: false,
           axisLine: false,
           tickFormatter: (value) => formatTokenCount(value)
@@ -544,8 +552,8 @@ function ModelUsageChart({ data }) {
         {
           formatter: (value) => formatTokenCount(value),
           contentStyle: {
-            backgroundColor: "#1c1c1a",
-            border: "1px solid #3d3b36",
+            backgroundColor: "var(--color-gray-900)",
+            border: "1px solid var(--color-gray-700)",
             borderRadius: "8px",
             fontSize: "12px"
           }
@@ -610,14 +618,6 @@ function HourlyDistribution({
     ] })
   ] });
 }
-const getProjectAnalytics = createServerFn({
-  method: "GET"
-}).handler(createSsrRpc("64052f224a1d6696436e5d3deeee2b798f0742e1292ffabd038c3a7bf75e6fcb"));
-const projectAnalyticsQuery = queryOptions({
-  queryKey: ["projects", "analytics"],
-  queryFn: () => getProjectAnalytics(),
-  refetchInterval: 6e4
-});
 const COLUMNS = [
   { key: "projectName", label: "Project" },
   { key: "totalSessions", label: "Sessions", align: "right" },
@@ -690,7 +690,7 @@ function ProjectTable({ projects }) {
               {
                 to: "/sessions",
                 search: { project: project.projectName },
-                className: "text-sm text-brand-300 hover:underline",
+                className: "text-sm text-brand-500 hover:underline",
                 children: anonymizeProjectName(project.projectName)
               }
             ),
@@ -769,7 +769,7 @@ function SummaryCard({
 }) {
   return /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-gray-800 bg-gray-900/50 p-4", children: [
     /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-400", children: label }),
-    /* @__PURE__ */ jsx("p", { className: "mt-1 truncate text-xl font-bold text-white", children: value }),
+    /* @__PURE__ */ jsx("p", { className: "mt-1 truncate text-xl font-bold text-gray-100", children: value }),
     sub && /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-xs text-gray-500", children: sub })
   ] });
 }
@@ -802,7 +802,7 @@ function StatsPage() {
   return /* @__PURE__ */ jsxs("div", { children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold text-white", children: "Stats" }),
+        /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold text-gray-100", children: "Stats" }),
         /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-gray-400", children: "Usage analytics and project insights" })
       ] }),
       tab === "overview" && stats && /* @__PURE__ */ jsx(ExportDropdown, { options: [{
@@ -824,12 +824,12 @@ function StatsPage() {
         search: {
           tab: "overview"
         }
-      }), className: `px-4 py-2 text-sm border-b-2 transition-colors ${tab === "overview" ? "border-brand-500 text-white" : "border-transparent text-gray-400 hover:text-gray-200"}`, children: "Overview" }),
+      }), className: `px-4 py-2 text-sm border-b-2 transition-colors ${tab === "overview" ? "border-brand-500 text-gray-100" : "border-transparent text-gray-400 hover:text-gray-200"}`, children: "Overview" }),
       /* @__PURE__ */ jsx("button", { onClick: () => navigate({
         search: {
           tab: "projects"
         }
-      }), className: `px-4 py-2 text-sm border-b-2 transition-colors ${tab === "projects" ? "border-brand-500 text-white" : "border-transparent text-gray-400 hover:text-gray-200"}`, children: "Projects" })
+      }), className: `px-4 py-2 text-sm border-b-2 transition-colors ${tab === "projects" ? "border-brand-500 text-gray-100" : "border-transparent text-gray-400 hover:text-gray-200"}`, children: "Projects" })
     ] }),
     tab === "overview" ? /* @__PURE__ */ jsx(StatsOverview, { stats, isLoading, cost }) : /* @__PURE__ */ jsx("div", { className: "mt-6", children: /* @__PURE__ */ jsx(ProjectAnalytics, {}) })
   ] });
@@ -839,10 +839,16 @@ function StatsOverview({
   isLoading,
   cost
 }) {
+  const {
+    data: projectData
+  } = useQuery(projectAnalyticsQuery);
   if (isLoading) {
     return /* @__PURE__ */ jsxs("div", { className: "mt-6 space-y-4", children: [
-      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-3 md:grid-cols-5", children: Array.from({
-        length: 5
+      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-3 md:grid-cols-4", children: Array.from({
+        length: 4
+      }).map((_, i) => /* @__PURE__ */ jsx("div", { className: "h-20 animate-pulse rounded-xl bg-gray-900/50" }, i)) }),
+      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-3 md:grid-cols-4", children: Array.from({
+        length: 4
       }).map((_, i) => /* @__PURE__ */ jsx("div", { className: "h-20 animate-pulse rounded-xl bg-gray-900/50" }, i)) }),
       Array.from({
         length: 3
@@ -853,12 +859,20 @@ function StatsOverview({
     return /* @__PURE__ */ jsx("div", { className: "py-12 text-center text-sm text-gray-500", children: "No stats data found. Check ~/.claude/stats-cache.json" });
   }
   const totalTokens = Object.values(stats.modelUsage).reduce((sum, m) => sum + m.inputTokens + m.outputTokens, 0);
+  const totalToolCalls = stats.dailyActivity.reduce((sum, d) => sum + d.toolCallCount, 0);
+  const totalDurationMs = projectData?.projects.reduce((sum, p) => sum + p.totalDurationMs, 0) ?? 0;
+  const projectCount = projectData?.projects.length ?? 0;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("div", { className: "mt-6 grid grid-cols-2 gap-3 md:grid-cols-5", children: [
+    /* @__PURE__ */ jsxs("div", { className: "mt-6 grid grid-cols-2 gap-3 md:grid-cols-4", children: [
       /* @__PURE__ */ jsx(StatCard, { label: "Total Sessions", value: String(stats.totalSessions) }),
       /* @__PURE__ */ jsx(StatCard, { label: "Total Messages", value: stats.totalMessages.toLocaleString() }),
-      /* @__PURE__ */ jsx(StatCard, { label: "Total Tokens", value: formatTokenCount(totalTokens), sub: cost ? `~${formatUSD(cost.totalUSD)}` : void 0 }),
-      /* @__PURE__ */ jsx(StatCard, { label: "Total Estimated Cost", value: cost ? `~${formatUSD(cost.totalUSD)}` : "N/A" }),
+      /* @__PURE__ */ jsx(StatCard, { label: "Total Time", value: formatDuration(totalDurationMs) }),
+      /* @__PURE__ */ jsx(StatCard, { label: "Projects", value: String(projectCount) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-3 grid grid-cols-2 gap-3 md:grid-cols-4", children: [
+      /* @__PURE__ */ jsx(StatCard, { label: "Total Tokens", value: formatTokenCount(totalTokens) }),
+      /* @__PURE__ */ jsx(StatCard, { label: "Estimated Cost", value: cost ? `~${formatUSD(cost.totalUSD)}` : "N/A" }),
+      /* @__PURE__ */ jsx(StatCard, { label: "Tool Calls", value: totalToolCalls.toLocaleString() }),
       /* @__PURE__ */ jsx(StatCard, { label: "Longest Session", value: formatDuration(stats.longestSession.duration), sub: `${stats.longestSession.messageCount} messages` })
     ] }),
     /* @__PURE__ */ jsx("div", { className: "mt-6", children: /* @__PURE__ */ jsx(ContributionHeatmap, { dailyActivity: stats.dailyActivity, dailyModelTokens: stats.dailyModelTokens }) }),
@@ -877,7 +891,7 @@ function StatCard({
 }) {
   return /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-gray-800 bg-gray-900/50 p-4", children: [
     /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-400", children: label }),
-    /* @__PURE__ */ jsx("p", { className: "mt-1 text-xl font-bold text-white", children: value }),
+    /* @__PURE__ */ jsx("p", { className: "mt-1 text-xl font-bold text-gray-100", children: value }),
     sub && /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-xs text-gray-500", children: sub })
   ] });
 }

package/dist/server/assets/{stats.server-iJ_z7eUN.js → stats.api-CH-wTCGE.js}

@@ -384,9 +384,9 @@ async function computeStatsFromSessions() {
   }
 }
 const getStats_createServerFn_handler = createServerRpc({
-  id: "4b9a58c176f487b49800a372100037cdf33cf048f3592a449f115c7e3f5ea799",
+  id: "44af69d3bfcf3ec46fffb3f297d2b12cd7fe4db36c654b8a322df34d549c6493",
   name: "getStats",
-  filename: "src/features/stats/stats.server.ts"
+  filename: "src/features/stats/stats.api.ts"
 }, (opts) => getStats.__executeServer(opts));
 const getStats = createServerFn({
   method: "GET"

package/dist/server/assets/{useSessionCost-CYs5UOX-.js → useSessionCost-CyWBuljV.js}

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useRef, useEffect, useMemo } from "react";
 import { useQuery } from "@tanstack/react-query";
-import { s as settingsQuery } from "./settings.queries-DSQd324O.js";
+import { s as settingsQuery } from "./settings.queries-BVEZA-1G.js";
 import { b as DEFAULT_PRICING, n as normalizeModelId } from "./settings.types-DntadCHo.js";
 function escapeCSVField(value) {
   if (value.includes(",") || value.includes('"') || value.includes("\n")) {

package/dist/server/server.js

@@ -123,6 +123,7 @@ const createServerFn = (options, __opts) => {
         ...newOptions.middleware || [],
         serverFnBaseToMiddleware(newOptions)
       ];
+      extractedFn.method = resolvedOptions.method;
       return Object.assign(
         async (opts) => {
           const result = await executeMiddleware$1(resolvedMiddleware, "client", {
@@ -144,6 +145,9 @@ const createServerFn = (options, __opts) => {
         {
           // This copies over the URL, function ID
           ...extractedFn,
+          // Expose the declared HTTP method so the server handler
+          // can reject mismatched methods before parsing payloads
+          method: resolvedOptions.method,
           // The extracted function on the server-side calls
           // this function
           __executeServer: async (opts) => {
@@ -423,7 +427,7 @@ function getResponse() {
   return event.res;
 }
 async function getStartManifest(matchedRoutes) {
-  const { tsrStartManifest } = await import("./assets/_tanstack-start-manifest_v-Bzp9kpGN.js");
+  const { tsrStartManifest } = await import("./assets/_tanstack-start-manifest_v-Dva5sIpS.js");
   const startManifest = tsrStartManifest();
   const rootRoute = startManifest.routes[rootRouteId] = startManifest.routes[rootRouteId] || {};
   rootRoute.assets = rootRoute.assets || [];
@@ -577,30 +581,33 @@ function createMultiplexedStream(jsonStream, rawStreams) {
     }
   });
 }
-const manifest = { "4b9a58c176f487b49800a372100037cdf33cf048f3592a449f115c7e3f5ea799": {
+const manifest = { "44af69d3bfcf3ec46fffb3f297d2b12cd7fe4db36c654b8a322df34d549c6493": {
   functionName: "getStats_createServerFn_handler",
-  importer: () => import("./assets/stats.server-iJ_z7eUN.js")
-}, "ff8a3161afdfa175e9c519e4146a56ab5bce6e80745e99cfc2191ebbb7a859bb": {
+  importer: () => import("./assets/stats.api-CH-wTCGE.js")
+}, "71794080473579a94431392ab409ebd02772f6a9f6a08386cadbb8c0d3cf804a": {
   functionName: "getSessionDetail_createServerFn_handler",
-  importer: () => import("./assets/session-detail.server-CO5XwLSv.js")
-}, "810657681a273df5b4e58f0d8fcc6a5451598b489431b9bcaa98eea0ad815da8": {
+  importer: () => import("./assets/session-detail.api-8plxSeB0.js")
+}, "39e65590d2bc41f653f54a9b6a9e0a72f185da275304c0a4a595d811cf185572": {
+  functionName: "getProjectAnalytics_createServerFn_handler",
+  importer: () => import("./assets/project-analytics.api-QnhRRs7T.js")
+}, "04ac41a7e3e644815167d098c2d6c3375d00a72a11e5af0d37033ba771081ba9": {
+  functionName: "getAppInfo_createServerFn_handler",
+  importer: () => import("./assets/app-info.api-CdaWsxHl.js")
+}, "72f81ef9e8fa751bab60a8bdabd7e77816e2a6723a5e6e26e03712c01b3a249c": {
   functionName: "getSettings_createServerFn_handler",
-  importer: () => import("./assets/settings.server-6B2PvLgf.js")
-}, "3050115d92ca91ab1fd8fd698e33076328aae80dc64ca27c088eee16cebccc1a": {
+  importer: () => import("./assets/settings.api-C9L2GoIE.js")
+}, "7fe8c2b131c4fc81aa9a2570aec79640ff84603fe0060d13c24928b7329cb236": {
   functionName: "saveSettings_createServerFn_handler",
-  importer: () => import("./assets/settings.server-6B2PvLgf.js")
-}, "bf8e4a7901f1843bdc9c46be1ad5ad59c615b8bbe611b73eb3ff28f20e43ee0d": {
+  importer: () => import("./assets/settings.api-C9L2GoIE.js")
+}, "8fd6c4e5b4d5590acf1ec73da75f249978e8aced6dd2be23de06ade8431033be": {
   functionName: "getSessionList_createServerFn_handler",
-  importer: () => import("./assets/sessions.server-CTeIkXCV.js")
-}, "839d29fe93dfa2a6d506af7b48ca25197190a5ff4c796e970ddfdc6e8c98827f": {
+  importer: () => import("./assets/sessions.api-DRmOjipJ.js")
+}, "946cc550946f64ee7985dc35913a690eb13183d7ba83cffe398e424e697b4265": {
   functionName: "getActiveSessionList_createServerFn_handler",
-  importer: () => import("./assets/sessions.server-CTeIkXCV.js")
-}, "a3f42f9012fd83586787da8f7cb90649da739dd947d867eb67572f68735ff495": {
+  importer: () => import("./assets/sessions.api-DRmOjipJ.js")
+}, "e574977967ea9b3387e72d70704b6ca87230e72becaf69f0b98cbc91c9cd1339": {
   functionName: "getPaginatedSessions_createServerFn_handler",
-  importer: () => import("./assets/sessions.server-CTeIkXCV.js")
-}, "64052f224a1d6696436e5d3deeee2b798f0742e1292ffabd038c3a7bf75e6fcb": {
-  functionName: "getProjectAnalytics_createServerFn_handler",
-  importer: () => import("./assets/project-analytics.server-kTooOGl-.js")
+  importer: () => import("./assets/sessions.api-DRmOjipJ.js")
 } };
 async function getServerFnById(id) {
   const serverFnInfo = manifest[id];
@@ -636,9 +643,19 @@ const handleServerAction = async ({
 }) => {
   const method = request.method;
   const methodUpper = method.toUpperCase();
-  const methodLower = method.toLowerCase();
   const url = new URL(request.url);
   const action = await getServerFnById(serverFnId);
+  if (action.method && methodUpper !== action.method) {
+    return new Response(
+      `expected ${action.method} method. Got ${methodUpper}`,
+      {
+        status: 405,
+        headers: {
+          Allow: action.method
+        }
+      }
+    );
+  }
   const isServerFn = request.headers.get("x-tsr-serverFn") === "true";
   if (!serovalPlugins) {
     serovalPlugins = getDefaultSerovalPlugins();
@@ -767,7 +784,7 @@ const handleServerAction = async ({
           (type) => contentType && contentType.includes(type)
         )) {
           invariant(
-            methodLower !== "get",
+            methodUpper !== "GET",
             "GET requests with FormData payloads are not supported"
           );
           const formData = await request.formData();
@@ -796,7 +813,7 @@ const handleServerAction = async ({
           }
           return await action(params);
         }
-        if (methodLower === "get") {
+        if (methodUpper === "GET") {
           const payloadParam = url.searchParams.get("payload");
           if (payloadParam && payloadParam.length > MAX_PAYLOAD_SIZE) {
             throw new Error("Payload too large");
@@ -806,9 +823,6 @@ const handleServerAction = async ({
           payload2.method = methodUpper;
           return await action(payload2);
         }
-        if (methodLower !== "post") {
-          throw new Error("expected POST method");
-        }
         let jsonPayload;
         if (contentType?.includes("application/json")) {
           jsonPayload = await request.json();
@@ -1016,7 +1030,7 @@ let entriesPromise;
 let baseManifestPromise;
 let cachedFinalManifestPromise;
 async function loadEntries() {
-  const routerEntry = await import("./assets/router-Cd4jLk4T.js").then((n) => n.r);
+  const routerEntry = await import("./assets/router-BvYNknMb.js").then((n) => n.r);
   const startEntry = await import("./assets/start-HYkvq4Ni.js");
   return { startEntry, routerEntry };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-session-dashboard",
-  "version": "0.4.3",
+  "version": "0.4.5",
   "description": "Local observability dashboard for Claude Code sessions",
   "type": "module",
   "license": "MIT",
@@ -55,6 +55,9 @@
     "recharts": "^3.7.0",
     "zod": "^4.3.6"
   },
+  "overrides": {
+    "picomatch": "^4.0.0"
+  },
   "devDependencies": {
     "@eslint/js": "^9.39.2",
     "@playwright/test": "^1.58.2",

package/dist/client/assets/_dashboard-t702m22X.js

@@ -1 +0,0 @@
-import{j as e,u as o,L as r,O as i}from"./main-CV28H4XG.js";import{u as c}from"./createServerFn-BYTDoNe-.js";import{a as x}from"./sessions.queries-tzrs5GhP.js";function h(){const{data:t}=c(x),a=t?.length??0;return a===0?null:e.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:a})}const d=[{to:"/sessions",label:"Sessions",icon:e.jsxs("svg",{className:"h-4 w-4",viewBox:"0 0 16 16",fill:"none",stroke:"currentColor",strokeWidth:"1.5",children:[e.jsx("line",{x1:"2",y1:"4",x2:"14",y2:"4"}),e.jsx("line",{x1:"2",y1:"8",x2:"14",y2:"8"}),e.jsx("line",{x1:"2",y1:"12",x2:"14",y2:"12"})]})},{to:"/stats",label:"Stats",icon:e.jsxs("svg",{className:"h-4 w-4",viewBox:"0 0 16 16",fill:"currentColor",children:[e.jsx("rect",{x:"1",y:"8",width:"3",height:"7",rx:"0.5"}),e.jsx("rect",{x:"6.5",y:"4",width:"3",height:"11",rx:"0.5"}),e.jsx("rect",{x:"12",y:"1",width:"3",height:"14",rx:"0.5"})]})},{to:"/settings",label:"Settings",icon:e.jsxs("svg",{className:"h-4 w-4",viewBox:"0 0 16 16",fill:"currentColor",children:[e.jsx("path",{d:"M8 10a2 2 0 100-4 2 2 0 000 4z"}),e.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 m({children:t}){const a=o(),l=a[a.length-1]?.pathname??"";return e.jsxs("div",{className:"flex min-h-screen",children:[e.jsxs("aside",{className:"flex w-56 shrink-0 flex-col border-r border-gray-800 bg-gray-950",children:[e.jsx("div",{className:"flex h-14 items-center border-b border-gray-800 px-4",children:e.jsxs(r,{to:"/sessions",className:"text-sm font-bold text-white",children:[e.jsx("span",{className:"text-brand-500",children:"Claude"})," Dashboard"]})}),e.jsx("nav",{className:"flex-1 p-3",children:d.map(s=>{const n=l.startsWith(s.to);return e.jsxs(r,{to:s.to,className:`flex items-center gap-2.5 rounded-lg px-3 py-2 text-sm transition-colors ${n?"bg-gray-800 text-white":"text-gray-400 hover:bg-gray-800/50 hover:text-gray-200"}`,children:[e.jsx("span",{className:"text-gray-500",children:s.icon}),s.label,s.to==="/sessions"&&e.jsx(h,{})]},s.to)})}),e.jsx("div",{className:"border-t border-gray-800 p-3",children:e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.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:e.jsx("svg",{className:"w-4 h-4",viewBox:"0 0 16 16",fill:"currentColor",children:e.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"})})}),e.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:e.jsx("svg",{className:"w-4 h-4",viewBox:"0 0 16 16",fill:"currentColor",children:e.jsx("path",{d:"M0 0v16h16V0H0zm13 13H8V5H5v8H3V3h10v10z"})})})]}),e.jsx("p",{className:"text-xs text-gray-600",children:"Read-only"})]})})]}),e.jsx("main",{className:"flex-1 overflow-auto",children:e.jsx("div",{className:"mx-auto max-w-5xl px-6 py-6",children:t})})]})}function j(){return e.jsx(m,{children:e.jsx(i,{})})}export{j as component};