claude-session-dashboard 0.1.3 → 0.3.0

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

@@ -1,97 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useMatches, Link, Outlet } from "@tanstack/react-router";
-import { u as usePrivacy } from "./router-xTSe9UH_.js";
-import "@tanstack/react-query";
-import "react";
-import "zod";
-function PrivacyToggle() {
-  const { privacyMode, togglePrivacyMode } = usePrivacy();
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      type: "button",
-      onClick: togglePrivacyMode,
-      title: privacyMode ? "Privacy mode on" : "Privacy mode off",
-      className: `flex items-center gap-2 rounded-lg px-3 py-1.5 text-xs transition-colors ${privacyMode ? "bg-blue-600 text-white" : "bg-gray-800 text-gray-400 hover:text-gray-200"}`,
-      children: [
-        /* @__PURE__ */ jsxs(
-          "svg",
-          {
-            xmlns: "http://www.w3.org/2000/svg",
-            viewBox: "0 0 20 20",
-            fill: "currentColor",
-            className: "h-3.5 w-3.5",
-            children: [
-              privacyMode ? (
-                // Eye-off icon
-                /* @__PURE__ */ jsx(
-                  "path",
-                  {
-                    fillRule: "evenodd",
-                    d: "M3.28 2.22a.75.75 0 00-1.06 1.06l14.5 14.5a.75.75 0 101.06-1.06l-1.745-1.745a10.029 10.029 0 003.3-4.38 1.651 1.651 0 000-1.185A10.004 10.004 0 009.999 3a9.956 9.956 0 00-4.744 1.194L3.28 2.22zM7.752 6.69l1.092 1.092a2.5 2.5 0 013.374 3.373l1.092 1.092a4 4 0 00-5.558-5.558z",
-                    clipRule: "evenodd"
-                  }
-                )
-              ) : (
-                // Eye icon
-                /* @__PURE__ */ jsx("path", { d: "M10 12.5a2.5 2.5 0 100-5 2.5 2.5 0 000 5z" })
-              ),
-              privacyMode ? /* @__PURE__ */ jsx("path", { d: "M10.748 13.93l2.523 2.523a9.987 9.987 0 01-3.27.547c-4.258 0-7.894-2.66-9.337-6.41a1.651 1.651 0 010-1.186A10.007 10.007 0 012.839 6.02L6.07 9.252a4 4 0 004.678 4.678z" }) : /* @__PURE__ */ jsx(
-                "path",
-                {
-                  fillRule: "evenodd",
-                  d: "M.458 10a9.996 9.996 0 019.542-6c4.258 0 7.894 2.66 9.337 6.41a1.651 1.651 0 010 1.186A10.004 10.004 0 0110 17.5c-4.258 0-7.894-2.66-9.337-6.41a1.651 1.651 0 010-1.186L.458 10zM14 10a4 4 0 11-8 0 4 4 0 018 0z",
-                  clipRule: "evenodd"
-                }
-              )
-            ]
-          }
-        ),
-        "Privacy"
-      ]
-    }
-  );
-}
-const NAV_ITEMS = [
-  { to: "/sessions", label: "Sessions", icon: ">" },
-  { to: "/stats", label: "Stats", icon: "#" },
-  { to: "/settings", label: "Settings", icon: "*" }
-];
-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-blue-400", 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: "font-mono text-xs text-gray-500", children: item.icon }),
-              item.label
-            ]
-          },
-          item.to
-        );
-      }) }),
-      /* @__PURE__ */ jsxs("div", { className: "border-t border-gray-800 p-3", children: [
-        /* @__PURE__ */ jsx(PrivacyToggle, {}),
-        /* @__PURE__ */ jsx("p", { className: "mt-2 text-xs text-gray-600", children: "Read-only observer" })
-      ] })
-    ] }),
-    /* @__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/_tanstack-start-manifest_v-gtQY7f-T.js

@@ -1,4 +0,0 @@
-const tsrStartManifest = () => ({ "routes": { "__root__": { "filePath": "/Users/dmytro.lupiak/Documents/GitHub/claude-session-dashboard/apps/web/src/routes/__root.tsx", "children": ["/", "/_dashboard"], "preloads": ["/assets/main-CzD8HjLq.js"], "assets": [] }, "/": { "filePath": "/Users/dmytro.lupiak/Documents/GitHub/claude-session-dashboard/apps/web/src/routes/index.tsx" }, "/_dashboard": { "filePath": "/Users/dmytro.lupiak/Documents/GitHub/claude-session-dashboard/apps/web/src/routes/_dashboard.tsx", "children": ["/_dashboard/settings", "/_dashboard/stats", "/_dashboard/sessions/$sessionId", "/_dashboard/sessions/"], "assets": [], "preloads": ["/assets/_dashboard-CYwTENkn.js"] }, "/_dashboard/settings": { "filePath": "/Users/dmytro.lupiak/Documents/GitHub/claude-session-dashboard/apps/web/src/routes/_dashboard/settings.tsx", "assets": [], "preloads": ["/assets/settings-BSPc79zZ.js", "/assets/createServerFn-Le0d8Pjz.js", "/assets/settings.types-B4841OLF.js"] }, "/_dashboard/stats": { "filePath": "/Users/dmytro.lupiak/Documents/GitHub/claude-session-dashboard/apps/web/src/routes/_dashboard/stats.tsx", "assets": [], "preloads": ["/assets/stats-CDIvpOt9.js", "/assets/createServerFn-Le0d8Pjz.js", "/assets/format-Bf-cSf6L.js", "/assets/useSessionCost-9NP6uhla.js", "/assets/settings.types-B4841OLF.js"] }, "/_dashboard/sessions/$sessionId": { "filePath": "/Users/dmytro.lupiak/Documents/GitHub/claude-session-dashboard/apps/web/src/routes/_dashboard/sessions/$sessionId.tsx", "assets": [], "preloads": ["/assets/_sessionId-Bwfhm_El.js", "/assets/createServerFn-Le0d8Pjz.js", "/assets/format-Bf-cSf6L.js", "/assets/useSessionCost-9NP6uhla.js", "/assets/settings.types-B4841OLF.js"] }, "/_dashboard/sessions/": { "filePath": "/Users/dmytro.lupiak/Documents/GitHub/claude-session-dashboard/apps/web/src/routes/_dashboard/sessions/index.tsx", "assets": [], "preloads": ["/assets/index-DXhX1hdS.js", "/assets/createServerFn-Le0d8Pjz.js", "/assets/format-Bf-cSf6L.js"] } }, "clientEntry": "/assets/main-CzD8HjLq.js" });
-export {
-  tsrStartManifest
-};

package/dist/server/assets/stats-DItsFPp5.js

@@ -1,266 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { queryOptions, useQuery } from "@tanstack/react-query";
-import { c as createSsrRpc } from "./createSsrRpc-CVg2UDl0.js";
-import { c as createServerFn } from "../server.js";
-import { ResponsiveContainer, BarChart, CartesianGrid, XAxis, YAxis, Tooltip, Bar, PieChart, Pie, Cell, Legend } from "recharts";
-import { format } from "date-fns";
-import { f as formatTokenCount, a as formatUSD, b as formatDuration } from "./format-CGmJnuhZ.js";
-import { u as useSessionCost } from "./useSessionCost-EB0VxklP.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 "@tanstack/react-router";
-import "./settings.queries-DSQd324O.js";
-import "./settings.types-DntadCHo.js";
-import "zod";
-const getStats = createServerFn({
-  method: "GET"
-}).handler(createSsrRpc("4b9a58c176f487b49800a372100037cdf33cf048f3592a449f115c7e3f5ea799"));
-const statsQuery = queryOptions({
-  queryKey: ["stats"],
-  queryFn: () => getStats(),
-  refetchInterval: 6e4
-});
-function ActivityChart({ data }) {
-  const chartData = data.map((d) => ({
-    ...d,
-    dateLabel: format(new Date(d.date), "MMM d")
-  }));
-  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: "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: "#1f2937" }),
-      /* @__PURE__ */ jsx(
-        XAxis,
-        {
-          dataKey: "dateLabel",
-          tick: { fill: "#6b7280", fontSize: 10 },
-          tickLine: false
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        YAxis,
-        {
-          tick: { fill: "#6b7280", fontSize: 10 },
-          tickLine: false,
-          axisLine: false
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Tooltip,
-        {
-          contentStyle: {
-            backgroundColor: "#111827",
-            border: "1px solid #374151",
-            borderRadius: "8px",
-            fontSize: "12px"
-          }
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Bar,
-        {
-          dataKey: "messageCount",
-          name: "Messages",
-          fill: "#3b82f6",
-          radius: [2, 2, 0, 0]
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Bar,
-        {
-          dataKey: "toolCallCount",
-          name: "Tool Calls",
-          fill: "#8b5cf6",
-          radius: [2, 2, 0, 0]
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Bar,
-        {
-          dataKey: "sessionCount",
-          name: "Sessions",
-          fill: "#10b981",
-          radius: [2, 2, 0, 0]
-        }
-      )
-    ] }) }) })
-  ] });
-}
-const COLORS = ["#3b82f6", "#8b5cf6", "#10b981", "#f59e0b", "#ef4444", "#6366f1"];
-function ModelUsageChart({ data }) {
-  const chartData = Object.entries(data).map(([model, usage]) => ({
-    name: model.replace(/^claude-/, "").split("-202")[0],
-    fullName: model,
-    totalTokens: usage.inputTokens + usage.outputTokens,
-    outputTokens: usage.outputTokens
-  }));
-  chartData.sort((a, b) => b.totalTokens - a.totalTokens);
-  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: "Model Usage" }),
-    /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-gray-500", children: "Token usage by model" }),
-    /* @__PURE__ */ jsx("div", { className: "mt-4 h-64", children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(PieChart, { children: [
-      /* @__PURE__ */ jsx(
-        Pie,
-        {
-          data: chartData,
-          cx: "50%",
-          cy: "50%",
-          innerRadius: 50,
-          outerRadius: 80,
-          dataKey: "totalTokens",
-          nameKey: "name",
-          strokeWidth: 0,
-          children: chartData.map((_, i) => /* @__PURE__ */ jsx(Cell, { fill: COLORS[i % COLORS.length], opacity: 0.8 }, i))
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Tooltip,
-        {
-          formatter: (value) => formatTokenCount(value),
-          contentStyle: {
-            backgroundColor: "#111827",
-            border: "1px solid #374151",
-            borderRadius: "8px",
-            fontSize: "12px"
-          }
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Legend,
-        {
-          wrapperStyle: { fontSize: "11px" }
-        }
-      )
-    ] }) }) })
-  ] });
-}
-function HourlyDistribution({
-  hourCounts
-}) {
-  const hours = Array.from({ length: 24 }, (_, i) => ({
-    hour: i,
-    label: `${i.toString().padStart(2, "0")}:00`,
-    count: hourCounts[String(i)] ?? 0
-  }));
-  const maxCount = Math.max(...hours.map((h) => h.count), 1);
-  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: "Hourly Distribution" }),
-    /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-gray-500", children: "Session starts by hour of day" }),
-    /* @__PURE__ */ jsx("div", { className: "mt-4 flex items-end gap-0.5", style: { height: "120px" }, children: hours.map((h) => {
-      const height = h.count > 0 ? Math.max(h.count / maxCount * 100, 4) : 0;
-      const intensity = h.count / maxCount;
-      return /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: "group relative flex-1",
-          style: { height: "100%" },
-          children: [
-            /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: "absolute bottom-0 w-full rounded-t transition-colors",
-                style: {
-                  height: `${height}%`,
-                  backgroundColor: `rgba(59, 130, 246, ${0.2 + intensity * 0.6})`
-                }
-              }
-            ),
-            /* @__PURE__ */ jsxs("div", { className: "absolute -top-8 left-1/2 hidden -translate-x-1/2 whitespace-nowrap rounded bg-gray-800 px-1.5 py-0.5 text-[10px] text-gray-300 group-hover:block", children: [
-              h.label,
-              ": ",
-              h.count
-            ] })
-          ]
-        },
-        h.hour
-      );
-    }) }),
-    /* @__PURE__ */ jsxs("div", { className: "mt-1 flex justify-between text-[10px] text-gray-600", children: [
-      /* @__PURE__ */ jsx("span", { children: "00:00" }),
-      /* @__PURE__ */ jsx("span", { children: "06:00" }),
-      /* @__PURE__ */ jsx("span", { children: "12:00" }),
-      /* @__PURE__ */ jsx("span", { children: "18:00" }),
-      /* @__PURE__ */ jsx("span", { children: "23:00" })
-    ] })
-  ] });
-}
-const EMPTY_TOKENS_BY_MODEL = {};
-function StatsPage() {
-  const {
-    data: stats,
-    isLoading
-  } = useQuery(statsQuery);
-  const tokensByModel = useMemo(() => {
-    if (!stats) return EMPTY_TOKENS_BY_MODEL;
-    const result = {};
-    for (const [model, usage] of Object.entries(stats.modelUsage)) {
-      result[model] = {
-        inputTokens: usage.inputTokens,
-        outputTokens: usage.outputTokens,
-        cacheReadInputTokens: usage.cacheReadInputTokens,
-        cacheCreationInputTokens: usage.cacheCreationInputTokens
-      };
-    }
-    return result;
-  }, [stats]);
-  const {
-    cost
-  } = useSessionCost(tokensByModel);
-  if (isLoading) {
-    return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsx("div", { className: "h-8 w-32 animate-pulse rounded bg-gray-800" }),
-      Array.from({
-        length: 3
-      }).map((_, i) => /* @__PURE__ */ jsx("div", { className: "h-64 animate-pulse rounded-xl bg-gray-900/50" }, i))
-    ] });
-  }
-  if (!stats) {
-    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);
-  return /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold text-white", children: "Stats" }),
-    /* @__PURE__ */ jsxs("p", { className: "mt-1 text-sm text-gray-400", children: [
-      "Aggregate usage from ",
-      stats.firstSessionDate?.split("T")[0],
-      " to",
-      " ",
-      stats.lastComputedDate
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "mt-6 grid grid-cols-2 gap-3 md:grid-cols-5", 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: "Longest Session", value: formatDuration(stats.longestSession.duration), sub: `${stats.longestSession.messageCount} messages` })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "mt-6", children: /* @__PURE__ */ jsx(ActivityChart, { data: stats.dailyActivity }) }),
-    /* @__PURE__ */ jsxs("div", { className: "mt-4 grid grid-cols-1 gap-4 md:grid-cols-2", children: [
-      /* @__PURE__ */ jsx(ModelUsageChart, { data: stats.modelUsage }),
-      /* @__PURE__ */ jsx(HourlyDistribution, { hourCounts: stats.hourCounts })
-    ] })
-  ] });
-}
-function StatCard({
-  label,
-  value,
-  sub
-}) {
-  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 }),
-    sub && /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-xs text-gray-500", children: sub })
-  ] });
-}
-export {
-  StatsPage as component
-};

package/dist/server/assets/useSessionCost-EB0VxklP.js

@@ -1,76 +0,0 @@
-import { useMemo } from "react";
-import { useQuery } from "@tanstack/react-query";
-import { s as settingsQuery } from "./settings.queries-DSQd324O.js";
-import { b as DEFAULT_PRICING, n as normalizeModelId } from "./settings.types-DntadCHo.js";
-function getMergedPricing(settings) {
-  const table = {};
-  for (const model of DEFAULT_PRICING) {
-    const override = settings.pricingOverrides[model.modelId];
-    table[model.modelId] = override ? { ...model, ...override } : { ...model };
-  }
-  return table;
-}
-const FALLBACK_MODEL_ID = "claude-sonnet-4";
-function calculateSessionCost(tokensByModel, pricingTable) {
-  const byModel = {};
-  const byCategory = {
-    input: 0,
-    output: 0,
-    cacheRead: 0,
-    cacheWrite: 0
-  };
-  for (const [rawModelId, tokens] of Object.entries(tokensByModel)) {
-    const normalized = normalizeModelId(rawModelId);
-    const pricing = pricingTable[normalized] ?? pricingTable[FALLBACK_MODEL_ID];
-    if (!pricing) continue;
-    const inputCost = tokens.inputTokens / 1e6 * pricing.inputPerMTok;
-    const outputCost = tokens.outputTokens / 1e6 * pricing.outputPerMTok;
-    const cacheReadCost = tokens.cacheReadInputTokens / 1e6 * pricing.cacheReadPerMTok;
-    const cacheWriteCost = tokens.cacheCreationInputTokens / 1e6 * pricing.cacheWritePerMTok;
-    const totalCost = inputCost + outputCost + cacheReadCost + cacheWriteCost;
-    const existing = byModel[normalized];
-    if (existing) {
-      existing.inputCost += inputCost;
-      existing.outputCost += outputCost;
-      existing.cacheReadCost += cacheReadCost;
-      existing.cacheWriteCost += cacheWriteCost;
-      existing.totalCost += totalCost;
-      existing.tokens.inputTokens += tokens.inputTokens;
-      existing.tokens.outputTokens += tokens.outputTokens;
-      existing.tokens.cacheReadInputTokens += tokens.cacheReadInputTokens;
-      existing.tokens.cacheCreationInputTokens += tokens.cacheCreationInputTokens;
-    } else {
-      byModel[normalized] = {
-        modelId: normalized,
-        displayName: pricing.displayName,
-        inputCost,
-        outputCost,
-        cacheReadCost,
-        cacheWriteCost,
-        totalCost,
-        tokens: { ...tokens }
-      };
-    }
-    byCategory.input += inputCost;
-    byCategory.output += outputCost;
-    byCategory.cacheRead += cacheReadCost;
-    byCategory.cacheWrite += cacheWriteCost;
-  }
-  const totalUSD = byCategory.input + byCategory.output + byCategory.cacheRead + byCategory.cacheWrite;
-  return { totalUSD, byModel, byCategory };
-}
-function useSessionCost(tokensByModel) {
-  const { data: settings, isLoading } = useQuery(settingsQuery);
-  const cost = useMemo(() => {
-    if (!settings) return null;
-    if (Object.keys(tokensByModel).length === 0) return null;
-    const pricingTable = getMergedPricing(settings);
-    return calculateSessionCost(tokensByModel, pricingTable);
-  }, [settings, tokensByModel]);
-  return { cost, isLoading };
-}
-export {
-  calculateSessionCost as c,
-  getMergedPricing as g,
-  useSessionCost as u
-};