hermium 0.1.10 → 0.3.0

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

@@ -1,251 +0,0 @@
-import { j as jsxRuntimeExports, r as reactExports } from "../_libs/react.mjs";
-import { h as updateModelConfig, i as useVersionCheck, j as useTheme, f as fetchModels } from "./router-CS6Zq3md.mjs";
-import { a as useQuery } from "../_libs/tanstack__react-query.mjs";
-import { g as IconBrandGithub, f as IconBrain, e as IconPaint, W as IconPackage, X as IconArrowUpRight, Y as IconWorld, Z as IconBrandTelegram } from "../_libs/tabler__icons-react.mjs";
-function useModels() {
-  return useQuery({
-    queryKey: ["models"],
-    queryFn: fetchModels,
-    staleTime: 3e5,
-    // 5min — models don't change often
-    gcTime: 6e5,
-    // 10min
-    refetchOnWindowFocus: false
-  });
-}
-const settingsMap = {
-  appearance: {
-    icon: IconPaint,
-    title: "Appearance",
-    description: "Choose your preferred theme",
-    get content() {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(AppearanceSettings, {});
-    }
-  },
-  model: {
-    icon: IconBrain,
-    title: "Model",
-    description: "Choose your default AI model",
-    get content() {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(ModelSettings, {});
-    }
-  },
-  about: {
-    icon: IconBrandGithub,
-    title: "About",
-    description: "Links and community",
-    get content() {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(AboutSettings, {});
-    }
-  }
-};
-function AboutSettings() {
-  const { data } = useVersionCheck();
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3.5 rounded-xl border border-border bg-background px-4 py-3 shadow-sm", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex size-9 shrink-0 items-center justify-center rounded-lg bg-violet-50 dark:bg-violet-950/40", children: /* @__PURE__ */ jsxRuntimeExports.jsx(IconPackage, { className: "size-5 text-violet-600 dark:text-violet-400" }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 min-w-0", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-medium", children: "Hermium" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-xs text-muted-foreground", children: [
-          data?.current ? `Version ${data.current}` : "Loading version...",
-          data?.outdated && data.latest && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "ml-1.5 text-amber-600 dark:text-amber-400", children: [
-            "(v",
-            data.latest,
-            " available)"
-          ] })
-        ] })
-      ] })
-    ] }),
-    /* @__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 ModelSettings() {
-  const { data, isLoading } = useModels();
-  const [selected, setSelected] = reactExports.useState("");
-  const [saving, setSaving] = reactExports.useState(false);
-  const models = data?.models ?? [];
-  const defaultModel = data?.default_model;
-  const current = selected || defaultModel || "";
-  const handleSave = reactExports.useCallback(async () => {
-    if (!current) return;
-    setSaving(true);
-    try {
-      await updateModelConfig({ model: current });
-    } catch {
-    } finally {
-      setSaving(false);
-    }
-  }, [current]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "text-sm font-medium text-foreground", children: "Active Model" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground", children: "Pick the model your Hermes agent currently uses." }),
-    isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm text-muted-foreground", children: "Loading…" }) : models.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-sm text-muted-foreground", children: [
-      "No models found. Check your ",
-      /* @__PURE__ */ jsxRuntimeExports.jsx("code", { children: "~/.hermes/config.yaml" }),
-      "."
-    ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "select",
-        {
-          value: current,
-          onChange: (e) => setSelected(e.target.value),
-          className: "rounded-lg border border-border bg-background px-3 py-2 text-sm text-foreground shadow-sm outline-none focus-visible:ring-2 focus-visible:ring-ring min-w-[240px]",
-          children: models.map((m) => /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: m.id, children: m.name }, m.id))
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "button",
-        {
-          onClick: handleSave,
-          disabled: saving || !current || current === defaultModel,
-          className: cn(
-            "rounded-lg px-4 py-2 text-sm font-medium transition-colors",
-            saving || !current || current === defaultModel ? "bg-muted text-muted-foreground cursor-not-allowed" : "bg-primary text-primary-foreground hover:bg-primary/90"
-          ),
-          children: saving ? "Saving…" : "Save"
-        }
-      )
-    ] }),
-    defaultModel && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-xs text-muted-foreground", children: [
-      "Current: ",
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-medium text-foreground", children: defaultModel })
-    ] })
-  ] });
-}
-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 })
-  ] }) });
-}
-export {
-  ModelSettings as M,
-  SettingsPage as S
-};

package/dist/web-server/_ssr/index-Dk93oyZD.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-CS6Zq3md.mjs";
-import { D 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
-};