hermium 0.1.2 → 0.1.4

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

@@ -0,0 +1,213 @@
+import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
+import { a as cn, g as get } from "./router-59cN5lqo.mjs";
+import { F as IconRefresh, s 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
+};

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

@@ -0,0 +1,369 @@
+import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
+import { a as cn, g as get, p as post } from "./router-59cN5lqo.mjs";
+import { o as IconBrain, e as IconUser, G as IconLoader2, H as IconAlertCircle, F as IconRefresh, a as IconX, N as IconCheck, v as IconPencil } from "../_libs/tabler__icons-react.mjs";
+import { M as Markdown } from "../_libs/react-markdown.mjs";
+import { r as remarkGfm } from "../_libs/remark-gfm.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";
+import "../_libs/devlop.mjs";
+import "../_libs/unified.mjs";
+import "../_libs/bail.mjs";
+import "../_libs/extend.mjs";
+import "../_libs/is-plain-obj.mjs";
+import "../_libs/trough.mjs";
+import "../_libs/vfile.mjs";
+import "../_libs/vfile-message.mjs";
+import "../_libs/unist-util-stringify-position.mjs";
+import "node:process";
+import "node:path";
+import "node:url";
+import "../_libs/remark-parse.mjs";
+import "../_libs/mdast-util-from-markdown.mjs";
+import "../_libs/micromark-util-decode-numeric-character-reference+[...].mjs";
+import "../_libs/micromark-util-decode-string.mjs";
+import "../_libs/decode-named-character-reference+[...].mjs";
+import "../_libs/character-entities.mjs";
+import "../_libs/micromark-util-normalize-identifier+[...].mjs";
+import "../_libs/micromark.mjs";
+import "../_libs/micromark-util-combine-extensions+[...].mjs";
+import "../_libs/micromark-util-chunked.mjs";
+import "../_libs/micromark-factory-space.mjs";
+import "../_libs/micromark-util-character.mjs";
+import "../_libs/micromark-core-commonmark.mjs";
+import "../_libs/micromark-util-classify-character+[...].mjs";
+import "../_libs/micromark-util-resolve-all.mjs";
+import "../_libs/micromark-util-subtokenize.mjs";
+import "../_libs/micromark-factory-destination.mjs";
+import "../_libs/micromark-factory-label.mjs";
+import "../_libs/micromark-factory-title.mjs";
+import "../_libs/micromark-factory-whitespace.mjs";
+import "../_libs/micromark-util-html-tag-name.mjs";
+import "../_libs/mdast-util-to-string.mjs";
+import "../_libs/remark-rehype.mjs";
+import "../_libs/mdast-util-to-hast.mjs";
+import "../_libs/ungap__structured-clone.mjs";
+import "../_libs/micromark-util-sanitize-uri.mjs";
+import "../_libs/unist-util-position.mjs";
+import "../_libs/trim-lines.mjs";
+import "../_libs/unist-util-visit.mjs";
+import "../_libs/unist-util-visit-parents.mjs";
+import "../_libs/unist-util-is.mjs";
+import "../_libs/hast-util-to-jsx-runtime.mjs";
+import "../_libs/comma-separated-tokens.mjs";
+import "../_libs/property-information.mjs";
+import "../_libs/space-separated-tokens.mjs";
+import "../_libs/style-to-js.mjs";
+import "../_libs/style-to-object.mjs";
+import "../_libs/inline-style-parser.mjs";
+import "../_libs/hast-util-whitespace.mjs";
+import "../_libs/estree-util-is-identifier-name.mjs";
+import "../_libs/html-url-attributes.mjs";
+import "../_libs/micromark-extension-gfm.mjs";
+import "../_libs/micromark-extension-gfm-autolink-literal+[...].mjs";
+import "../_libs/micromark-extension-gfm-footnote+[...].mjs";
+import "../_libs/micromark-extension-gfm-strikethrough+[...].mjs";
+import "../_libs/micromark-extension-gfm-table.mjs";
+import "../_libs/micromark-extension-gfm-task-list-item+[...].mjs";
+import "../_libs/mdast-util-gfm.mjs";
+import "../_libs/mdast-util-gfm-autolink-literal+[...].mjs";
+import "../_libs/ccount.mjs";
+import "../_libs/mdast-util-find-and-replace.mjs";
+import "../_libs/escape-string-regexp.mjs";
+import "../_libs/mdast-util-gfm-footnote.mjs";
+import "../_libs/mdast-util-gfm-strikethrough.mjs";
+import "../_libs/mdast-util-gfm-table.mjs";
+import "../_libs/markdown-table.mjs";
+import "../_libs/mdast-util-to-markdown.mjs";
+import "../_libs/longest-streak.mjs";
+import "../_libs/mdast-util-phrasing.mjs";
+import "../_libs/mdast-util-gfm-task-list-item.mjs";
+async function fetchMemory() {
+  return get("/api/hermes/memory");
+}
+async function saveMemory(section, content) {
+  return post("/api/hermes/memory/write", { section, content });
+}
+const SECTIONS = [
+  { key: "memory", label: "My Notes", icon: IconBrain, desc: "Personal notes & knowledge", emptyLabel: "No notes yet — click Edit to start writing." },
+  { key: "user", label: "User Profile", icon: IconUser, desc: "About you & your context", emptyLabel: "No profile yet — click Edit to add details about yourself." }
+];
+const markdownComponents = {
+  a({ href, children }) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href, target: "_blank", rel: "noopener noreferrer", className: "text-blue-600 dark:text-blue-400 underline underline-offset-2 decoration-blue-400/30 hover:decoration-blue-600/60 transition-colors", children });
+  },
+  img({ src, alt }) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src, alt, className: "rounded-xl max-w-full my-4", loading: "lazy" });
+  }
+};
+function MemoryPage() {
+  const [data, setData] = reactExports.useState(null);
+  const [loading, setLoading] = reactExports.useState(true);
+  const [error, setError] = reactExports.useState(null);
+  const [activeSection, setActiveSection] = reactExports.useState("memory");
+  const [editing, setEditing] = reactExports.useState(false);
+  const [editContent, setEditContent] = reactExports.useState("");
+  const [saving, setSaving] = reactExports.useState(false);
+  const [saveError, setSaveError] = reactExports.useState(null);
+  const load = reactExports.useCallback(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const result = await fetchMemory();
+      setData(result);
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Failed to load memory");
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  reactExports.useEffect(() => {
+    load();
+  }, [load]);
+  const activeContent = data ? activeSection === "memory" ? data.memory : data.user : "";
+  const activeMtime = data ? activeSection === "memory" ? data.memory_mtime : data.user_mtime : null;
+  const activeMeta = SECTIONS.find((s) => s.key === activeSection);
+  const handleEdit = () => {
+    setEditContent(activeContent);
+    setSaveError(null);
+    setEditing(true);
+  };
+  const handleCancel = () => {
+    setEditing(false);
+    setSaveError(null);
+  };
+  const handleSave = async () => {
+    setSaving(true);
+    setSaveError(null);
+    try {
+      await saveMemory(activeSection, editContent);
+      const updated = await fetchMemory();
+      setData(updated);
+      setEditing(false);
+    } catch (e) {
+      setSaveError(e instanceof Error ? e.message : "Failed to save");
+    } finally {
+      setSaving(false);
+    }
+  };
+  const switchSection = (section) => {
+    if (editing) {
+      if (!confirm("You have unsaved changes. Discard them?")) return;
+      setEditing(false);
+    }
+    setActiveSection(section);
+    setSaveError(null);
+  };
+  if (loading) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-1 items-center justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center gap-3 text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(IconLoader2, { className: "size-6 animate-spin" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm", children: "Loading memory..." })
+    ] }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-1 items-center justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center gap-3 text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(IconAlertCircle, { className: "size-8 text-red-500" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm", children: error }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "button",
+        {
+          onClick: load,
+          className: "inline-flex items-center gap-1.5 rounded-lg px-3 py-1.5 text-xs font-medium bg-muted hover:bg-muted/80 transition-colors",
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(IconRefresh, { className: "size-3.5" }),
+            "Retry"
+          ]
+        }
+      )
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-1 overflow-hidden", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("aside", { className: "flex w-56 shrink-0 flex-col border-r border-border", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2.5 px-3 py-3.5", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(IconBrain, { className: "size-5 text-muted-foreground" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm font-semibold text-foreground", children: "Memory" })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("nav", { className: "flex-1 overflow-y-auto space-y-1 px-2 py-1", children: SECTIONS.map((s) => {
+        const Icon = s.icon;
+        const isActive = activeSection === s.key;
+        return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "button",
+          {
+            onClick: () => switchSection(s.key),
+            className: cn(
+              "flex w-full items-center gap-2.5 rounded-lg px-2.5 py-2.5 text-left transition-colors",
+              isActive ? "bg-muted text-foreground" : "text-muted-foreground hover:bg-muted hover:text-foreground"
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { className: cn("size-4 shrink-0", isActive ? "text-foreground" : "text-muted-foreground/60") }),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "truncate text-sm font-medium", children: s.label }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "truncate text-[10px] text-muted-foreground/70", children: s.desc })
+              ] })
+            ]
+          },
+          s.key
+        );
+      }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-1 flex-col min-w-0 overflow-y-auto", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mx-auto w-full max-w-3xl px-8 py-8", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-6", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between gap-4", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-lg font-semibold text-foreground", children: activeMeta.label }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground mt-0.5", children: activeMeta.desc }),
+          activeMtime && !editing && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-[11px] text-muted-foreground/60 mt-1", children: [
+            "Last modified ",
+            new Date(activeMtime * 1e3).toLocaleString()
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center gap-2 shrink-0", children: editing ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "button",
+            {
+              onClick: handleCancel,
+              disabled: saving,
+              className: "inline-flex items-center gap-1.5 rounded-lg px-3 py-1.5 text-sm font-medium text-muted-foreground hover:text-foreground hover:bg-muted transition-colors",
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(IconX, { className: "size-4" }),
+                "Cancel"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "button",
+            {
+              onClick: handleSave,
+              disabled: saving,
+              className: cn(
+                "inline-flex items-center gap-1.5 rounded-lg px-4 py-1.5 text-sm font-medium transition-colors",
+                "bg-primary text-primary-foreground hover:bg-primary/90",
+                saving && "opacity-60 cursor-not-allowed"
+              ),
+              children: [
+                saving ? /* @__PURE__ */ jsxRuntimeExports.jsx(IconLoader2, { className: "size-4 animate-spin" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(IconCheck, { className: "size-4" }),
+                saving ? "Saving..." : "Save"
+              ]
+            }
+          )
+        ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "button",
+          {
+            onClick: handleEdit,
+            className: "inline-flex items-center gap-1.5 rounded-lg px-4 py-1.5 text-sm font-medium bg-muted text-muted-foreground hover:text-foreground hover:bg-muted/80 transition-colors",
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(IconPencil, { className: "size-4" }),
+              "Edit"
+            ]
+          }
+        ) })
+      ] }) }),
+      saveError && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-6 rounded-lg border border-red-200 dark:border-red-800/40 bg-red-50 dark:bg-red-950/20 px-4 py-2.5", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-xs text-red-700 dark:text-red-300 flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(IconAlertCircle, { className: "size-3.5 shrink-0" }),
+        saveError
+      ] }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-xl border border-border bg-card p-8", children: editing ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-3", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "textarea",
+          {
+            value: editContent,
+            onChange: (e) => setEditContent(e.target.value),
+            className: cn(
+              "w-full min-h-[420px] rounded-lg border border-border bg-background p-4 font-mono text-sm leading-relaxed",
+              "focus:outline-none focus:ring-2 focus:ring-primary/15 focus:border-primary/40",
+              "resize-y placeholder:text-muted-foreground/30"
+            ),
+            placeholder: `Write your ${activeMeta.label.toLowerCase()} using Markdown...`,
+            spellCheck: false,
+            autoFocus: true
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[11px] text-muted-foreground/50", children: "Markdown formatting is supported — headers, lists, code blocks, links, and more." })
+      ] }) : activeContent ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "div",
+        {
+          className: cn(
+            "max-w-none",
+            // Headings — generous spacing for readability
+            "[&_h1]:mt-8 [&_h1]:mb-4 [&_h1]:text-2xl [&_h1]:font-bold [&_h1]:tracking-tight [&_h1]:text-foreground",
+            "[&_h2]:mt-7 [&_h2]:mb-3 [&_h2]:text-xl [&_h2]:font-semibold [&_h2]:tracking-tight [&_h2]:text-foreground",
+            "[&_h3]:mt-6 [&_h3]:mb-2.5 [&_h3]:text-lg [&_h3]:font-semibold [&_h3]:text-foreground",
+            "[&_h4]:mt-5 [&_h4]:mb-2 [&_h4]:text-base [&_h4]:font-medium [&_h4]:text-foreground",
+            "[&_h5]:mt-4 [&_h5]:mb-1.5 [&_h5]:text-sm [&_h5]:font-medium [&_h5]:text-foreground/90",
+            "[&_h6]:mt-4 [&_h6]:mb-1.5 [&_h6]:text-sm [&_h6]:font-medium [&_h6]:text-muted-foreground",
+            // Paragraphs
+            "[&_p]:my-4 [&_p]:leading-[1.75] [&_p]:text-foreground/85",
+            // Lists — proper indentation and spacing
+            "[&_ul]:my-4 [&_ul]:pl-6 [&_ul]:list-disc [&_ul]:space-y-1.5 [&_ul]:marker:text-muted-foreground/40",
+            "[&_ol]:my-4 [&_ol]:pl-6 [&_ol]:list-decimal [&_ol]:space-y-1.5 [&_ol]:marker:text-muted-foreground/40",
+            "[&_li]:leading-relaxed [&_li]:text-foreground/85",
+            // Inline code
+            "[&_:not(pre)>code]:rounded-md [&_:not(pre)>code]:bg-muted/70 [&_:not(pre)>code]:px-1.5 [&_:not(pre)>code]:py-0.5 [&_:not(pre)>code]:text-[13px] [&_:not(pre)>code]:font-mono [&_:not(pre)>code]:text-foreground/90 [&_:not(pre)>code]:border [&_:not(pre)>code]:border-border/50",
+            // Code blocks
+            "[&_pre]:my-5 [&_pre]:rounded-xl [&_pre]:bg-muted/50 [&_pre]:border [&_pre]:border-border/60 [&_pre]:px-5 [&_pre]:py-4 [&_pre]:text-[13px] [&_pre]:leading-relaxed [&_pre]:overflow-x-auto [&_pre]:font-mono [&_pre]:whitespace-pre-wrap",
+            // Blockquotes
+            "[&_blockquote]:my-5 [&_blockquote]:border-l-[3px] [&_blockquote]:border-amber-400 dark:[&_blockquote]:border-amber-500 [&_blockquote]:pl-4 [&_blockquote]:text-muted-foreground [&_blockquote]:italic [&_blockquote]:leading-relaxed",
+            // Horizontal rules
+            "[&_hr]:my-8 [&_hr]:border-border/40",
+            // Tables
+            "[&_table]:w-full [&_table]:my-4 [&_table]:text-sm",
+            "[&_th]:border [&_th]:border-border [&_th]:bg-muted/60 [&_th]:px-4 [&_th]:py-2.5 [&_th]:text-left [&_th]:font-medium [&_th]:text-foreground/80 [&_th]:text-xs [&_th]:uppercase [&_th]:tracking-wider",
+            "[&_td]:border [&_td]:border-border [&_td]:px-4 [&_td]:py-2.5 [&_td]:text-foreground/80",
+            // Images
+            "[&_img]:rounded-xl [&_img]:my-5 [&_img]:max-w-full",
+            // First/last margin reset
+            "[&>*:first-child]:mt-0 [&>*:last-child]:mb-0"
+          ),
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(Markdown, { remarkPlugins: [remarkGfm], components: markdownComponents, children: activeContent })
+        }
+      ) : (
+        /* ── Empty state ── */
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center justify-center py-16 gap-4", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex size-14 items-center justify-center rounded-2xl bg-muted/50 border border-border/50", children: /* @__PURE__ */ jsxRuntimeExports.jsx(activeMeta.icon, { className: "size-6 text-muted-foreground/30" }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-center max-w-xs", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm font-medium text-foreground/70", children: activeMeta.emptyLabel }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground/50 mt-1.5", children: "You can format your content with Markdown — headers, lists, code blocks, and more." })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "button",
+            {
+              onClick: handleEdit,
+              className: "inline-flex items-center gap-1.5 rounded-lg px-4 py-2 text-sm font-medium bg-muted hover:bg-muted/80 text-foreground/80 transition-colors",
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(IconPencil, { className: "size-3.5" }),
+                "Start Editing"
+              ]
+            }
+          )
+        ] })
+      ) })
+    ] }) })
+  ] });
+}
+const SplitComponent = MemoryPage;
+export {
+  SplitComponent as component
+};