hermium 0.1.9 → 0.2.0

package/dist/web-server/_ssr/index-C5HpvlUP.mjs

@@ -1,190 +0,0 @@
-import { j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { R as Route$5, f as useTheme } from "./router-sbsNus0Y.mjs";
-import { f as IconBrandGithub, e as IconPaint, K as IconArrowUpRight, L as IconWorld, M as IconBrandTelegram } from "../_libs/tabler__icons-react.mjs";
-import "../_libs/tanstack__react-router.mjs";
-import "../_libs/tanstack__router-core.mjs";
-import "../_libs/tanstack__history.mjs";
-import "../_libs/cookie-es.mjs";
-import "../_libs/seroval.mjs";
-import "../_libs/seroval-plugins.mjs";
-import "node:stream/web";
-import "node:stream";
-import "../_libs/react-dom.mjs";
-import "util";
-import "crypto";
-import "async_hooks";
-import "stream";
-import "../_libs/isbot.mjs";
-import "../_libs/tanstack__query-core.mjs";
-import "../_libs/tanstack__react-query.mjs";
-import "../_libs/clsx.mjs";
-import "../_libs/class-variance-authority.mjs";
-import "../_libs/zustand.mjs";
-import "../_libs/base-ui__react.mjs";
-import "../_libs/base-ui__utils.mjs";
-import "../_libs/use-sync-external-store.mjs";
-import "../_libs/floating-ui__utils.mjs";
-import "../_libs/floating-ui__react-dom.mjs";
-import "../_libs/floating-ui__dom.mjs";
-import "../_libs/floating-ui__core.mjs";
-import "../_libs/zod.mjs";
-const settingsMap = {
-  appearance: {
-    icon: IconPaint,
-    title: "Appearance",
-    description: "Choose your preferred theme",
-    get content() {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(AppearanceSettings, {});
-    }
-  },
-  about: {
-    icon: IconBrandGithub,
-    title: "About",
-    description: "Links and community",
-    content: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        "a",
-        {
-          href: "https://github.com/abboskhonov/hermium",
-          target: "_blank",
-          rel: "noopener noreferrer",
-          className: "group flex items-center gap-3.5 rounded-xl border border-border bg-background px-4 py-3 text-sm text-foreground shadow-sm hover:border-foreground/20 hover:shadow-md transition-all",
-          children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex size-9 shrink-0 items-center justify-center rounded-lg bg-neutral-100 dark:bg-neutral-800", children: /* @__PURE__ */ jsxRuntimeExports.jsx(IconBrandGithub, { className: "size-5 text-neutral-700 dark:text-neutral-300" }) }),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 min-w-0", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-medium", children: "GitHub" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs text-muted-foreground truncate", children: "abboskhonov/hermium" })
-            ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(IconArrowUpRight, { className: "size-4 text-muted-foreground opacity-0 group-hover:opacity-100 transition-opacity shrink-0" })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        "a",
-        {
-          href: "https://hermium.vercel.app",
-          target: "_blank",
-          rel: "noopener noreferrer",
-          className: "group flex items-center gap-3.5 rounded-xl border border-border bg-background px-4 py-3 text-sm text-foreground shadow-sm hover:border-foreground/20 hover:shadow-md transition-all",
-          children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex size-9 shrink-0 items-center justify-center rounded-lg bg-emerald-50 dark:bg-emerald-950/40", children: /* @__PURE__ */ jsxRuntimeExports.jsx(IconWorld, { className: "size-5 text-emerald-600 dark:text-emerald-400" }) }),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 min-w-0", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-medium", children: "Website" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs text-muted-foreground truncate", children: "hermium.vercel.app" })
-            ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(IconArrowUpRight, { className: "size-4 text-muted-foreground opacity-0 group-hover:opacity-100 transition-opacity shrink-0" })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        "a",
-        {
-          href: "https://t.me/hermium_chat",
-          target: "_blank",
-          rel: "noopener noreferrer",
-          className: "group flex items-center gap-3.5 rounded-xl border border-border bg-background px-4 py-3 text-sm text-foreground shadow-sm hover:border-foreground/20 hover:shadow-md transition-all",
-          children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex size-9 shrink-0 items-center justify-center rounded-lg bg-sky-50 dark:bg-sky-950/40", children: /* @__PURE__ */ jsxRuntimeExports.jsx(IconBrandTelegram, { className: "size-5 text-sky-500 dark:text-sky-400" }) }),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 min-w-0", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-medium", children: "Telegram" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs text-muted-foreground truncate", children: "@hermium_chat" })
-            ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(IconArrowUpRight, { className: "size-4 text-muted-foreground opacity-0 group-hover:opacity-100 transition-opacity shrink-0" })
-          ]
-        }
-      )
-    ] })
-  }
-};
-function ThemePreview({ variant }) {
-  const isLight = variant === "light";
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "relative w-full aspect-[16/10] overflow-hidden rounded-lg", children: variant === "system" ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-full w-full", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-full w-1/2 bg-neutral-100", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(MiniSidebar, { light: true }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(MiniContent, { light: true })
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-full w-1/2 bg-neutral-900", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(MiniSidebar, { light: false }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(MiniContent, { light: false })
-    ] })
-  ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn("flex h-full w-full", isLight ? "bg-neutral-100" : "bg-neutral-900"), children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(MiniSidebar, { light: isLight }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(MiniContent, { light: isLight })
-  ] }) });
-}
-function MiniSidebar({ light }) {
-  const bg = light ? "bg-white" : "bg-neutral-800";
-  const line = light ? "bg-neutral-200" : "bg-neutral-700";
-  const accent = light ? "bg-neutral-300" : "bg-neutral-600";
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn("flex w-[28%] flex-col gap-1.5 p-1.5", bg), children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn("h-1.5 w-4 rounded-sm", accent) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn("mt-1 h-0.5 w-full rounded-sm", line) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn("h-0.5 w-3/4 rounded-sm", line) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn("h-0.5 w-5/6 rounded-sm", line) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn("mt-auto h-0.5 w-2/3 rounded-sm", line) })
-  ] });
-}
-function MiniContent({ light }) {
-  const bg = light ? "bg-neutral-50" : "bg-neutral-950";
-  const msgUser = light ? "bg-neutral-200" : "bg-neutral-700";
-  const msgBot = light ? "bg-neutral-100" : "bg-neutral-800";
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn("flex flex-1 flex-col gap-1.5 p-1.5", bg), children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn("h-2 w-full rounded-sm", msgBot) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn("ml-auto h-2 w-2/3 rounded-sm", msgUser) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn("h-2 w-5/6 rounded-sm", msgBot) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn("ml-auto h-2 w-1/2 rounded-sm", msgUser) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn("mt-auto h-1.5 w-full rounded-sm", light ? "bg-white" : "bg-neutral-800") })
-  ] });
-}
-function AppearanceSettings() {
-  const { theme, setTheme } = useTheme();
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-1.5", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "text-sm font-medium text-foreground", children: "Theme" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground", children: "Choose how Hermium looks for you." }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid grid-cols-3 gap-3 pt-1", children: [
-      { id: "light", label: "Light" },
-      { id: "dark", label: "Dark" },
-      { id: "system", label: "System" }
-    ].map((t) => {
-      const isActive = t.id === theme;
-      return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        "button",
-        {
-          onClick: () => setTheme(t.id),
-          className: cn(
-            "flex flex-col items-center gap-2 rounded-xl border p-2 text-xs font-medium transition-all",
-            isActive ? "border-[#2563eb] bg-primary/5 text-foreground ring-1 ring-[#2563eb]" : "border-border text-muted-foreground hover:border-foreground/20 hover:text-foreground"
-          ),
-          children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(ThemePreview, { variant: t.id }),
-            t.label
-          ]
-        },
-        t.id
-      );
-    }) })
-  ] });
-}
-function cn(...classes) {
-  return classes.filter(Boolean).join(" ");
-}
-function SettingsPage({ section }) {
-  const currentSectionId = section && section in settingsMap ? section : "appearance";
-  const current = settingsMap[currentSectionId];
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mx-auto max-w-2xl px-8 py-8", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-6", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-lg font-semibold text-foreground", children: current.title }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground mt-0.5", children: current.description })
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-xl border border-border bg-card p-6", children: current.content })
-  ] }) });
-}
-function SettingsRoute() {
-  const {
-    section
-  } = Route$5.useSearch();
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(SettingsPage, { section });
-}
-export {
-  SettingsRoute as component
-};

package/dist/web-server/_ssr/index-C_ZxnypN.mjs

@@ -1,213 +0,0 @@
-import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { a as cn, g as get } from "./router-sbsNus0Y.mjs";
-import { E as IconRefresh, p as IconChartBar } from "../_libs/tabler__icons-react.mjs";
-import "../_libs/tanstack__react-router.mjs";
-import "../_libs/tanstack__router-core.mjs";
-import "../_libs/tanstack__history.mjs";
-import "../_libs/cookie-es.mjs";
-import "../_libs/seroval.mjs";
-import "../_libs/seroval-plugins.mjs";
-import "node:stream/web";
-import "node:stream";
-import "../_libs/react-dom.mjs";
-import "util";
-import "crypto";
-import "async_hooks";
-import "stream";
-import "../_libs/isbot.mjs";
-import "../_libs/tanstack__query-core.mjs";
-import "../_libs/tanstack__react-query.mjs";
-import "../_libs/clsx.mjs";
-import "../_libs/class-variance-authority.mjs";
-import "../_libs/zustand.mjs";
-import "../_libs/base-ui__react.mjs";
-import "../_libs/base-ui__utils.mjs";
-import "../_libs/use-sync-external-store.mjs";
-import "../_libs/floating-ui__utils.mjs";
-import "../_libs/floating-ui__react-dom.mjs";
-import "../_libs/floating-ui__dom.mjs";
-import "../_libs/floating-ui__core.mjs";
-import "../_libs/zod.mjs";
-function fetchUsage(days = 30) {
-  return get(`/api/hermes/insights?days=${days}`);
-}
-const PERIODS = [
-  { label: "7d", days: 7 },
-  { label: "30d", days: 30 },
-  { label: "90d", days: 90 }
-];
-function fmt(n) {
-  if (n >= 1e6) return `${(n / 1e6).toFixed(1)}M`;
-  if (n >= 1e3) return `${(n / 1e3).toFixed(1)}K`;
-  return String(n);
-}
-function fmtCost(n) {
-  if (n >= 1) return `$${n.toFixed(2)}`;
-  if (n >= 0.01) return `$${n.toFixed(4)}`;
-  return n > 0 ? `$${n.toFixed(6)}` : "$0.00";
-}
-function fmtPct(n) {
-  return `${(n * 100).toFixed(1)}%`;
-}
-function fmtDate(day) {
-  try {
-    const d = /* @__PURE__ */ new Date(day + "T00:00:00");
-    return d.toLocaleDateString(void 0, { month: "short", day: "numeric" });
-  } catch {
-    return day;
-  }
-}
-function StatCard({
-  label,
-  value,
-  sub
-}) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-xl border border-border bg-card p-4 flex flex-col gap-1", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-muted-foreground/70", children: label }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xl font-semibold text-foreground tracking-tight", children: value }),
-    sub && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-muted-foreground/50", children: sub })
-  ] });
-}
-function ModelBreakdown({ models }) {
-  if (models.length === 0) return null;
-  const total = models.reduce((s, m) => s + m.sessions, 0);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-xl border border-border bg-card p-4", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "text-sm font-medium text-foreground mb-3", children: "Model Breakdown" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-2.5", children: models.map((m) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 min-w-0", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between mb-1", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm text-foreground truncate", children: m.model }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm text-muted-foreground tabular-nums ml-3", children: m.sessions })
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-1.5 rounded-full bg-muted overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "div",
-        {
-          className: "h-full rounded-full bg-primary/50 transition-all",
-          style: { width: `${total > 0 ? m.sessions / total * 100 : 0}%` }
-        }
-      ) })
-    ] }) }, m.model)) })
-  ] });
-}
-function DailyTable({ daily }) {
-  if (daily.length === 0) return null;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-xl border border-border bg-card", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 px-4 pt-4 pb-3", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(IconChartBar, { className: "size-4 text-muted-foreground" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "text-sm font-medium text-foreground", children: "Daily Usage (Last 30 Days)" })
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("table", { className: "w-full text-xs", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("thead", { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("tr", { className: "border-t border-border text-muted-foreground/60", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "text-left px-4 py-2 font-medium", children: "Date" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "text-right px-2 py-2 font-medium", children: "Input" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "text-right px-2 py-2 font-medium", children: "Output" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "text-right px-2 py-2 font-medium", children: "Cache Hit Rate" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "text-right px-2 py-2 font-medium", children: "Sessions" })
-      ] }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("tbody", { children: daily.map((d) => /* @__PURE__ */ jsxRuntimeExports.jsxs("tr", { className: "border-t border-border/50 hover:bg-muted/30 transition-colors", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "px-4 py-2.5 text-foreground font-medium whitespace-nowrap", children: fmtDate(d.date) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "px-2 py-2.5 text-right text-muted-foreground tabular-nums", children: d.input_tokens > 0 ? fmt(d.input_tokens) : "—" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "px-2 py-2.5 text-right text-muted-foreground tabular-nums", children: d.output_tokens > 0 ? fmt(d.output_tokens) : "—" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "td",
-          {
-            className: "px-2 py-2.5 text-right tabular-nums",
-            style: { color: d.cache_hit_rate > 0.8 ? "#22c55e" : d.cache_hit_rate > 0.5 ? "#eab308" : "inherit" },
-            children: d.cache_hit_rate > 0 ? fmtPct(d.cache_hit_rate) : "—"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "px-2 py-2.5 text-right text-muted-foreground tabular-nums", children: d.sessions })
-      ] }, d.date)) })
-    ] }) })
-  ] });
-}
-function UsagePage() {
-  const [days, setDays] = reactExports.useState(30);
-  const [data, setData] = reactExports.useState(null);
-  const [loading, setLoading] = reactExports.useState(true);
-  const [error, setError] = reactExports.useState(null);
-  const load = reactExports.useCallback(() => {
-    setLoading(true);
-    setError(null);
-    fetchUsage(days).then(setData).catch((err) => setError(err instanceof Error ? err.message : "Failed to load")).finally(() => setLoading(false));
-  }, [days]);
-  reactExports.useEffect(() => {
-    load();
-  }, [load]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-w-0 overflow-y-auto", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mx-auto max-w-3xl px-6 py-6 flex flex-col gap-5", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { className: "text-lg font-semibold text-foreground", children: "Usage" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center gap-0.5 rounded-lg border border-border p-0.5", children: PERIODS.map((p) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "button",
-          {
-            onClick: () => setDays(p.days),
-            className: cn(
-              "rounded-md px-2.5 py-1 text-xs font-medium transition-colors",
-              days === p.days ? "bg-muted text-foreground" : "text-muted-foreground hover:text-foreground"
-            ),
-            children: p.label
-          },
-          p.label
-        )) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "button",
-          {
-            onClick: load,
-            disabled: loading,
-            className: "flex items-center justify-center rounded-md size-7 text-muted-foreground hover:text-foreground hover:bg-muted transition-colors disabled:opacity-50",
-            "aria-label": "Refresh",
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(IconRefresh, { className: cn("size-3.5", loading && "animate-spin") })
-          }
-        )
-      ] })
-    ] }),
-    loading && !data && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center py-20", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "size-5 rounded-full border-2 border-muted-foreground/30 border-t-foreground animate-spin" }) }),
-    error && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-lg border border-destructive/30 bg-destructive/5 px-4 py-3", children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-destructive", children: error }) }),
-    data && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-2 sm:grid-cols-4 gap-3", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          StatCard,
-          {
-            label: "Total Tokens",
-            value: data.total_tokens > 0 ? fmt(data.total_tokens) : "—",
-            sub: data.total_tokens > 0 ? `${fmt(data.total_input_tokens)} Input / ${fmt(data.total_output_tokens)} Output` : void 0
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          StatCard,
-          {
-            label: "Total Sessions",
-            value: String(data.total_sessions),
-            sub: data.total_sessions > 0 ? `~${(data.total_sessions / days).toFixed(1)}/day avg` : void 0
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          StatCard,
-          {
-            label: "Est. Cost",
-            value: fmtCost(data.total_cost)
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          StatCard,
-          {
-            label: "Cache Hit Rate",
-            value: data.cache_hit_rate > 0 ? fmtPct(data.cache_hit_rate) : "—",
-            sub: data.total_cache_read > 0 ? `${fmt(data.total_cache_read)} Tokens` : void 0
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(ModelBreakdown, { models: data.models }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(DailyTable, { daily: data.daily_tokens }),
-      data.daily_tokens.length === 0 && data.models.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center py-20 text-muted-foreground", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(IconChartBar, { className: "size-8 mb-3 opacity-40" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm font-medium", children: "No usage data available" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs mt-1 text-muted-foreground/60", children: "Start a conversation to see usage stats." })
-      ] })
-    ] })
-  ] }) });
-}
-const SplitComponent = UsagePage;
-export {
-  SplitComponent as component
-};