nexus-shell 0.2.10 → 0.2.11

package/dist/nexus-shell.es.js

@@ -1,30 +1,28 @@
-var ht = Object.defineProperty;
-var gt = (e, t, r) => t in e ? ht(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
-var ee = (e, t, r) => gt(e, typeof t != "symbol" ? t + "" : t, r);
-import { jsxs as x, jsx as o, Fragment as Ue } from "react/jsx-runtime";
-import he, { useMemo as B, useContext as xt, createContext as bt, useEffect as R, useState as P, useRef as _, forwardRef as yt, useCallback as Y, useImperativeHandle as vt } from "react";
-import { Model as G, Actions as ae, DockLocation as wt, Layout as Nt } from "flexlayout-react";
+var gt = Object.defineProperty;
+var xt = (e, t, r) => t in e ? gt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
+var ee = (e, t, r) => xt(e, typeof t != "symbol" ? t + "" : t, r);
+import { jsxs as x, jsx as o, Fragment as He } from "react/jsx-runtime";
+import pe, { useMemo as B, useContext as bt, createContext as yt, useEffect as F, useState as A, useRef as _, forwardRef as vt, useCallback as Y, useImperativeHandle as wt } from "react";
+import { Model as G, Actions as ae, DockLocation as Nt, Layout as kt } from "flexlayout-react";
 import "flexlayout-react/style/light.css";
-import { Settings as kt, ChevronRight as Be, X, GraduationCap as Me, Moon as Et, Sun as Tt, Palette as Dt, MessageCircle as Te, User as He, Terminal as De, Send as St, ChevronUp as je, Search as xe, Info as Lt, HelpCircle as It, AlertCircle as Mt, Check as Ct, Camera as At, Edit2 as Pt, Loader2 as We, ChevronsUpDown as $t, ChevronDown as Ge, Clock as Rt, Plus as Ft } from "lucide-react";
-import { clsx as zt } from "clsx";
-import { twMerge as Ot } from "tailwind-merge";
+import { clsx as Et } from "clsx";
+import { twMerge as Tt } from "tailwind-merge";
 import { create as Q } from "zustand";
-import { TableVirtuoso as _t, Virtuoso as Kt } from "react-virtuoso";
-function I(...e) {
-  return Ot(zt(e));
+import { ChevronRight as je, X, MessageCircle as Ee, User as We, Terminal as Te, Send as Dt, GraduationCap as Se, Moon as Lt, Sun as It, Palette as Pt, ChevronUp as Ge, Settings as St, Search as ge, Info as Mt, HelpCircle as Ct, AlertCircle as At, Check as $t, Camera as Rt, Edit2 as Ft, Loader2 as Ye, ChevronsUpDown as zt, ChevronDown as Je, Clock as Ot, Plus as _t } from "lucide-react";
+import { TableVirtuoso as Kt, Virtuoso as Ut } from "react-virtuoso";
+function P(...e) {
+  return Tt(Et(e));
 }
-const Ut = [
-  { id: "settings", label: "Settings", icon: kt }
-], Bt = ({
+const Bt = ({
   items: e = [],
-  bottomItems: t = Ut,
+  bottomItems: t = [],
   activeId: r = null,
   onSelect: n,
   side: s = "left",
   className: i,
   "aria-label": a = "Activity Bar"
 }) => {
-  const u = ({ id: c, label: l, icon: f }) => /* @__PURE__ */ o(
+  const d = ({ id: c, label: l, icon: p }) => /* @__PURE__ */ o(
     "button",
     {
       type: "button",
@@ -32,7 +30,7 @@ const Ut = [
       "aria-label": l,
       title: l,
       "aria-pressed": r === c,
-      className: I(
+      className: P(
         "p-2 cursor-pointer rounded text-muted-foreground hover:text-foreground transition-colors focus:outline-none focus:ring-2 focus:ring-ring",
         r === c && [
           "text-foreground border-primary rounded-none",
@@ -40,7 +38,7 @@ const Ut = [
           s === "right" ? "border-r-2" : "border-l-2"
         ]
       ),
-      children: /* @__PURE__ */ o(f, { size: 20 })
+      children: /* @__PURE__ */ o(p, { size: 20 })
     },
     c
   );
@@ -50,55 +48,57 @@ const Ut = [
       role: "navigation",
       "aria-label": a,
       "data-side": s,
-      className: I(
+      className: P(
         "w-12 h-full bg-muted flex flex-col items-center py-2 select-none",
         s === "right" ? "border-l" : "border-r",
         i
       ),
       children: [
-        /* @__PURE__ */ o("div", { className: "flex-1 flex flex-col space-y-4", children: e.map(u) }),
-        t.length > 0 && /* @__PURE__ */ o("div", { className: "flex flex-col space-y-4", children: t.map(u) })
+        /* @__PURE__ */ o("div", { className: "flex-1 flex flex-col space-y-4", children: e.map(d) }),
+        t.length > 0 && /* @__PURE__ */ o("div", { className: "flex flex-col space-y-4", children: t.map(d) })
       ]
     }
   );
-}, Ye = "chat", Je = "terminal", Xe = (e) => Q((t) => {
+}, Xe = "chat", qe = "terminal", Ht = "settings", De = (e) => Q((t) => {
   const r = (n) => (n === null ? localStorage.removeItem(e) : localStorage.setItem(e, n), n);
   return {
-    activeSidebar: localStorage.getItem(e),
+    activePanel: localStorage.getItem(e),
     panels: [],
-    setActiveSidebar: (n) => t({ activeSidebar: r(n) }),
-    toggleSidebar: (n) => t((s) => ({
-      activeSidebar: r(s.activeSidebar === n ? null : n)
+    setActivePanel: (n) => t({ activePanel: r(n) }),
+    togglePanel: (n) => t((s) => ({
+      activePanel: r(s.activePanel === n ? null : n)
     })),
     setPanels: (n) => t({ panels: n })
   };
-}), ce = Xe("nexus-shell-sidebar"), ie = Xe("nexus-shell-inspector"), qe = ({
-  store: e,
-  ...t
-}) => {
-  const r = e((a) => a.panels), n = e((a) => a.activeSidebar), s = e((a) => a.toggleSidebar), i = B(
-    () => r.map(({ id: a, label: u, icon: c }) => ({ id: a, label: u, icon: c })),
-    [r]
-  );
-  return /* @__PURE__ */ o(
+}), jt = De("nexus-shell-pane-left"), Wt = De("nexus-shell-pane-right"), Gt = De("nexus-shell-pane-bottom"), Yt = {
+  left: jt,
+  right: Wt,
+  bottom: Gt
+}, ce = (e) => Yt[e], Ve = ["left", "right", "bottom"], Qe = (e) => {
+  Ve.forEach((t) => {
+    ce(t).getState().setPanels(e.filter((r) => (r.side ?? "left") === t));
+  });
+}, Me = ({ side: e = "left", ...t }) => {
+  const r = ce(e), n = r((c) => c.panels), s = r((c) => c.activePanel), i = r((c) => c.togglePanel), [a, d] = B(() => {
+    const c = ({ id: l, label: p, icon: u }) => ({ id: l, label: p, icon: u });
+    return [
+      n.filter((l) => l.align !== "end").map(c),
+      n.filter((l) => l.align === "end").map(c)
+    ];
+  }, [n]);
+  return n.length === 0 ? null : /* @__PURE__ */ o(
     Bt,
     {
       ...t,
-      items: i,
-      activeId: n,
-      onSelect: s
+      side: e,
+      items: a,
+      bottomItems: d,
+      activeId: s,
+      onSelect: i,
+      "aria-label": t["aria-label"] ?? (e === "right" ? "Inspector Bar" : "Activity Bar")
     }
   );
-}, Ht = (e) => /* @__PURE__ */ o(qe, { ...e, store: ce, side: e.side ?? "left" }), jt = (e) => ie((r) => r.panels).length === 0 ? null : /* @__PURE__ */ o(
-  qe,
-  {
-    bottomItems: [],
-    ...e,
-    store: ie,
-    side: e.side ?? "right",
-    "aria-label": e["aria-label"] ?? "Inspector Bar"
-  }
-), Wt = ({
+}, Jt = ({
   menus: e = {},
   onSelect: t,
   title: r,
@@ -106,7 +106,7 @@ const Ut = [
   right: s,
   className: i
 }) => {
-  const a = (c) => c.keybinding ? /* @__PURE__ */ o("span", { className: "text-[10px] text-muted-foreground opacity-60 ml-4", children: c.keybinding }) : null, u = (c) => /* @__PURE__ */ o(
+  const a = (c) => c.keybinding ? /* @__PURE__ */ o("span", { className: "text-[10px] text-muted-foreground opacity-60 ml-4", children: c.keybinding }) : null, d = (c) => /* @__PURE__ */ o(
     "div",
     {
       role: "menu",
@@ -118,15 +118,15 @@ const Ut = [
             role: "menuitem",
             tabIndex: 0,
             onClick: () => !l.submenu && (t == null ? void 0 : t(l)),
-            onKeyDown: (f) => {
-              !l.submenu && (f.key === "Enter" || f.key === " ") && (f.preventDefault(), t == null || t(l));
+            onKeyDown: (p) => {
+              !l.submenu && (p.key === "Enter" || p.key === " ") && (p.preventDefault(), t == null || t(l));
             },
             className: "px-3 py-1.5 hover:bg-accent hover:text-accent-foreground cursor-pointer text-xs flex justify-between items-center focus:outline-none focus:bg-accent",
             children: [
               /* @__PURE__ */ o("span", { children: l.label }),
               /* @__PURE__ */ x("div", { className: "flex items-center space-x-2", children: [
                 a(l),
-                l.submenu && /* @__PURE__ */ o(Be, { size: 10 })
+                l.submenu && /* @__PURE__ */ o(je, { size: 10 })
               ] })
             ]
           }
@@ -136,22 +136,22 @@ const Ut = [
           {
             role: "menu",
             className: "absolute left-full top-0 hidden group-hover/sub:block z-[60] min-w-[180px] bg-popover text-popover-foreground border shadow-md rounded-md py-1 ml-[-2px]",
-            children: l.submenu.map((f) => /* @__PURE__ */ x(
+            children: l.submenu.map((p) => /* @__PURE__ */ x(
               "div",
               {
                 role: "menuitem",
                 tabIndex: 0,
-                onClick: () => t == null ? void 0 : t(f),
-                onKeyDown: (d) => {
-                  (d.key === "Enter" || d.key === " ") && (d.preventDefault(), t == null || t(f));
+                onClick: () => t == null ? void 0 : t(p),
+                onKeyDown: (u) => {
+                  (u.key === "Enter" || u.key === " ") && (u.preventDefault(), t == null || t(p));
                 },
                 className: "px-3 py-1.5 hover:bg-accent hover:text-accent-foreground cursor-pointer text-xs flex justify-between items-center focus:outline-none focus:bg-accent",
                 children: [
-                  /* @__PURE__ */ o("span", { children: f.label }),
-                  a(f)
+                  /* @__PURE__ */ o("span", { children: p.label }),
+                  a(p)
                 ]
               },
-              f.id
+              p.id
             ))
           }
         )
@@ -163,7 +163,7 @@ const Ut = [
     {
       role: "banner",
       "aria-label": "Application Header",
-      className: I(
+      className: P(
         "bg-muted border-b flex items-center justify-between px-4 select-none shrink-0 transition-all z-50 relative",
         r !== void 0 ? "h-12 bg-card/65 backdrop-blur-sm" : "h-8",
         i
@@ -188,7 +188,7 @@ const Ut = [
                     children: c
                   }
                 ),
-                l.length > 0 && u(l)
+                l.length > 0 && d(l)
               ] }, c))
             }
           ),
@@ -199,7 +199,7 @@ const Ut = [
     }
   );
 };
-class Gt {
+class Xt {
   constructor() {
     ee(this, "menus", /* @__PURE__ */ new Map());
   }
@@ -220,8 +220,8 @@ class Gt {
     }), t;
   }
 }
-const Se = new Gt();
-class Yt {
+const Le = new Xt();
+class qt {
   constructor() {
     ee(this, "commands", /* @__PURE__ */ new Map());
   }
@@ -243,57 +243,59 @@ class Yt {
     return Array.from(this.commands.values());
   }
 }
-const re = new Yt(), Ve = (e) => e.map((t) => {
+const re = new qt(), Ze = (e) => e.map((t) => {
   var r;
   return {
     ...t,
     keybinding: t.keybinding ?? (t.commandId ? (r = re.getCommand(t.commandId)) == null ? void 0 : r.keybinding : void 0),
-    submenu: t.submenu ? Ve(t.submenu) : void 0
+    submenu: t.submenu ? Ze(t.submenu) : void 0
   };
-}), Qe = (e, t) => {
+}), et = (e, t) => {
   for (const r of e) {
     if (r.id === t) return r;
-    const n = r.submenu && Qe(r.submenu, t);
+    const n = r.submenu && et(r.submenu, t);
     if (n) return n;
   }
-}, Jt = (e) => {
-  const t = Se.getAllMenus(), r = Object.fromEntries(
-    Object.entries(t).map(([s, i]) => [s, Ve(i)])
+}, Vt = (e) => {
+  const t = Le.getAllMenus(), r = Object.fromEntries(
+    Object.entries(t).map(([s, i]) => [s, Ze(i)])
   );
-  return /* @__PURE__ */ o(Wt, { ...e, menus: r, onSelect: (s) => {
+  return /* @__PURE__ */ o(Jt, { ...e, menus: r, onSelect: (s) => {
     for (const i of Object.values(t)) {
-      const a = Qe(i, s.id);
+      const a = et(i, s.id);
       if (a != null && a.commandId) {
         re.executeCommand(a.commandId);
         return;
       }
     }
   } });
-}, Ze = bt(null), et = () => xt(Ze), tt = (e) => {
-  const t = et();
+}, tt = yt(null), rt = () => bt(tt), nt = (e) => {
+  const t = rt();
   return e !== void 0 ? e : !(t != null && t.chrome);
-}, rt = ({
+}, ot = ({
   children: e,
   ...t
-}) => /* @__PURE__ */ o(Ze.Provider, { value: t, children: e }), be = ({
+}) => /* @__PURE__ */ o(tt.Provider, { value: t, children: e }), Ce = ({
   title: e,
   children: t,
   onClose: r,
   width: n = "300px",
-  side: s = "left",
-  className: i
+  height: s = "240px",
+  side: i = "left",
+  className: a
 }) => /* @__PURE__ */ x(
   "aside",
   {
     role: "tabpanel",
     "aria-label": `${e} Panel`,
-    "data-side": s,
-    style: { width: n },
-    className: I(
-      "h-full bg-muted flex flex-col select-none shrink-0",
+    "data-side": i,
+    style: i === "bottom" ? { height: s } : { width: n },
+    className: P(
+      "bg-muted flex flex-col select-none shrink-0",
+      i === "bottom" ? "w-full" : "h-full",
       // The divider always faces the content it separates from.
-      s === "right" ? "border-l" : "border-r",
-      i
+      { left: "border-r", right: "border-l", bottom: "border-t" }[i],
+      a
     ),
     children: [
       /* @__PURE__ */ x("div", { className: "h-10 flex items-center justify-between px-4 text-[11px] font-bold text-muted-foreground uppercase tracking-widest", children: [
@@ -309,135 +311,41 @@ const re = new Yt(), Ve = (e) => e.map((t) => {
           }
         )
       ] }),
-      /* @__PURE__ */ o("div", { className: "flex-1 min-h-0 overflow-auto border-t border-border/50 bg-background/50", children: /* @__PURE__ */ o(rt, { chrome: !0, placement: s, children: t }) })
+      /* @__PURE__ */ o("div", { className: "flex-1 min-h-0 overflow-auto border-t border-border/50 bg-background/50", children: /* @__PURE__ */ o(ot, { chrome: !0, placement: i, children: t }) })
     ]
   }
-), ue = [
-  {
-    id: "light",
-    label: "Light",
-    shortLabel: "Light",
-    description: "Neutral light theme. The default."
-  },
-  {
-    id: "dark",
-    label: "Dark",
-    shortLabel: "Dark",
-    description: "Low-glare dark theme on a soft grey base."
-  },
-  {
-    id: "gt",
-    label: "Georgia Tech",
-    shortLabel: "GT",
-    description: "Buzz Gold (#EAAA00) on Tech Tower White."
-  },
-  {
-    id: "tamu",
-    label: "Texas A&M",
-    shortLabel: "TAMU",
-    description: "Aggie Maroon (#500000) on white."
-  }
-], Xt = ue.map((e) => `theme-${e.id}`), qt = (e) => `theme-${e}`, Vt = {
-  light: Tt,
-  dark: Et,
-  gt: Me,
-  tamu: Me
-}, Qt = ue.map((e) => ({
-  id: e.id,
-  label: e.label,
-  icon: Vt[e.id] ?? Dt
-})), Zt = ({
-  theme: e,
-  onThemeChange: t,
-  themes: r = Qt,
-  className: n
-}) => /* @__PURE__ */ o("div", { className: I("p-4 space-y-6", n), children: /* @__PURE__ */ x("section", { children: [
-  /* @__PURE__ */ o("h3", { className: "text-[11px] font-bold text-muted-foreground uppercase mb-3", children: "Theme" }),
-  /* @__PURE__ */ o(
-    "div",
-    {
-      role: "radiogroup",
-      "aria-label": "Theme",
-      className: "grid grid-cols-1 gap-2",
-      children: r.map(({ id: s, label: i, icon: a }) => /* @__PURE__ */ x(
-        "button",
-        {
-          type: "button",
-          role: "radio",
-          "aria-checked": e === s,
-          onClick: () => t(s),
-          className: I(
-            "flex items-center space-x-3 px-3 py-2 rounded-md border text-sm transition-all focus:outline-none focus:ring-2 focus:ring-ring",
-            e === s ? "bg-primary text-primary-foreground border-primary" : "bg-background hover:bg-accent border-border"
-          ),
-          children: [
-            /* @__PURE__ */ o(a, { size: 16 }),
-            /* @__PURE__ */ o("span", { children: i })
-          ]
-        },
-        s
-      ))
-    }
-  )
-] }) }), Ce = "nexus-shell-theme", Ae = (e) => {
-  const t = window.document.documentElement, r = [
-    ...Xt,
-    ...Array.from(t.classList).filter((n) => n.startsWith("theme-"))
-  ];
-  t.classList.remove(...r), t.classList.add(qt(e));
-}, le = Q((e) => {
-  const r = localStorage.getItem(Ce) || "light";
-  return Ae(r), {
-    theme: r,
-    setTheme: (n) => {
-      localStorage.setItem(Ce, n), Ae(n), e({ theme: n });
-    }
-  };
-}), nt = ({
-  store: e,
-  settings: t,
-  ...r
-}) => {
-  const n = e((d) => d.activeSidebar), s = e((d) => d.panels), i = e((d) => d.setActiveSidebar), a = le((d) => d.theme), u = le((d) => d.setTheme);
+), xe = ({ side: e = "left", ...t }) => {
+  const r = ce(e), n = r((l) => l.activePanel), s = r((l) => l.panels), i = r((l) => l.setActivePanel);
   if (!n) return null;
-  const c = () => i(null);
-  if (t && n === "settings")
-    return /* @__PURE__ */ o(be, { ...r, title: "Settings", onClose: c, children: /* @__PURE__ */ o(
-      Zt,
-      {
-        theme: a,
-        onThemeChange: (d) => u(d)
-      }
-    ) });
-  const l = s.find((d) => d.id === n);
-  if (!l)
-    return /* @__PURE__ */ o(be, { ...r, title: n, onClose: c, children: /* @__PURE__ */ o("div", { className: "p-4 text-sm italic text-muted-foreground", children: "Panel content not found." }) });
-  const f = typeof l.component == "function" ? l.component : null;
-  return /* @__PURE__ */ o(be, { ...r, title: l.label, onClose: c, children: f ? /* @__PURE__ */ o(f, {}) : l.component });
-}, er = (e) => /* @__PURE__ */ o(nt, { ...e, store: ce, settings: !0, side: e.side ?? "left" }), tr = (e) => /* @__PURE__ */ o(nt, { ...e, store: ie, side: e.side ?? "right" }), ye = (e, t) => (t.priority ?? 0) - (e.priority ?? 0), rr = ({
+  const a = () => i(null), d = s.find((l) => l.id === n);
+  if (!d)
+    return /* @__PURE__ */ o(Ce, { ...t, side: e, title: n, onClose: a, children: /* @__PURE__ */ o("div", { className: "p-4 text-sm italic text-muted-foreground", children: "Panel content not found." }) });
+  const c = typeof d.component == "function" ? d.component : null;
+  return /* @__PURE__ */ o(Ce, { ...t, side: e, title: d.label, onClose: a, children: c ? /* @__PURE__ */ o(c, {}) : d.component });
+}, be = (e, t) => (t.priority ?? 0) - (e.priority ?? 0), Qt = ({
   widgets: e = [],
   className: t,
   "aria-label": r = "Status Bar"
 }) => {
   const n = {
-    left: e.filter((i) => i.alignment === "left").sort(ye),
-    center: e.filter((i) => i.alignment === "center").sort(ye),
-    right: e.filter((i) => i.alignment === "right").sort(ye)
+    left: e.filter((i) => i.alignment === "left").sort(be),
+    center: e.filter((i) => i.alignment === "center").sort(be),
+    right: e.filter((i) => i.alignment === "right").sort(be)
   }, s = (i) => {
-    const a = i.icon, u = !!i.onClick;
+    const a = i.icon, d = !!i.onClick;
     return /* @__PURE__ */ x(
       "div",
       {
         onClick: i.onClick,
-        onKeyDown: u ? (c) => {
+        onKeyDown: d ? (c) => {
           var l;
           (c.key === "Enter" || c.key === " ") && (c.preventDefault(), (l = i.onClick) == null || l.call(i));
         } : void 0,
-        role: u ? "button" : void 0,
-        tabIndex: u ? 0 : void 0,
-        className: I(
+        role: d ? "button" : void 0,
+        tabIndex: d ? 0 : void 0,
+        className: P(
           "flex items-center space-x-1.5 px-2 py-0.5 rounded transition-colors h-full focus:outline-none",
-          u ? "cursor-pointer hover:bg-white/10 focus:ring-1 focus:ring-white" : "cursor-default",
+          d ? "cursor-pointer hover:bg-white/10 focus:ring-1 focus:ring-white" : "cursor-default",
           i.className
         ),
         children: [
@@ -453,7 +361,7 @@ const re = new Yt(), Ve = (e) => e.map((t) => {
     {
       role: "status",
       "aria-label": r,
-      className: I(
+      className: P(
         "h-6 bg-primary text-primary-foreground text-[11px] flex items-center justify-between px-1 select-none shrink-0 border-t border-white/5",
         t
       ),
@@ -464,7 +372,7 @@ const re = new Yt(), Ve = (e) => e.map((t) => {
       ]
     }
   );
-}, Le = Q((e) => ({
+}, Ie = Q((e) => ({
   widgets: [],
   setWidgets: (t) => e({ widgets: t }),
   addWidget: (t) => e((r) => ({
@@ -478,17 +386,17 @@ const re = new Yt(), Ve = (e) => e.map((t) => {
   updateWidget: (t, r) => e((n) => ({
     widgets: n.widgets.map((s) => s.id === t ? { ...s, ...r } : s)
   }))
-})), nr = (e) => {
-  const t = Le((n) => n.widgets), r = B(
+})), Zt = (e) => {
+  const t = Ie((n) => n.widgets), r = B(
     () => t.map(({ commandId: n, ...s }) => ({
       ...s,
       onClick: s.onClick ?? (n ? () => re.executeCommand(n) : void 0)
     })),
     [t]
   );
-  return /* @__PURE__ */ o(rr, { ...e, widgets: r });
+  return /* @__PURE__ */ o(Qt, { ...e, widgets: r });
 };
-class or {
+class er {
   constructor() {
     ee(this, "components", /* @__PURE__ */ new Map());
   }
@@ -512,14 +420,14 @@ class or {
     return Array.from(this.components.keys());
   }
 }
-const ot = new or();
-let sr = 0;
-const ar = () => `msg-${Date.now()}-${sr += 1}`, de = Q((e) => ({
+const st = new er();
+let tr = 0;
+const rr = () => `msg-${Date.now()}-${tr += 1}`, le = Q((e) => ({
   messages: [],
   slashCommands: [],
   setMessages: (t) => e({ messages: t }),
   addMessage: (t) => e((r) => ({
-    messages: [...r.messages, { ...t, id: t.id ?? ar() }]
+    messages: [...r.messages, { ...t, id: t.id ?? rr() }]
   })),
   clearMessages: () => e({ messages: [] }),
   setSlashCommands: (t) => e({ slashCommands: t }),
@@ -550,22 +458,22 @@ const ar = () => `msg-${Date.now()}-${sr += 1}`, de = Q((e) => ({
       }
     ]
   }
-}, Pe = "nexus-shell-layout", st = Q((e, t) => {
+}, Ae = "nexus-shell-layout", at = Q((e, t) => {
   let r;
   if (typeof window < "u")
     try {
-      const n = localStorage.getItem(Pe);
+      const n = localStorage.getItem(Ae);
       if (n) {
         const s = JSON.parse(n);
         r = G.fromJson(s);
         const i = /* @__PURE__ */ new Set(["dialogue-library", "argument-inspector"]), a = [];
-        r.visitNodes((u) => {
-          if (u.getType() === "tab") {
-            const c = u;
+        r.visitNodes((d) => {
+          if (d.getType() === "tab") {
+            const c = d;
             i.has(c.getComponent()) && a.push(c.getId());
           }
-        }), a.forEach((u) => {
-          r.doAction(ae.deleteTab(u));
+        }), a.forEach((d) => {
+          r.doAction(ae.deleteTab(d));
         });
       } else
         r = G.fromJson(V);
@@ -577,7 +485,7 @@ const ar = () => `msg-${Date.now()}-${sr += 1}`, de = Q((e) => ({
   return {
     model: r,
     dirtyTabs: /* @__PURE__ */ new Set(),
-    storageKey: Pe,
+    storageKey: Ae,
     disableLocalStorage: !1,
     initLayout: (n, s) => {
       let i;
@@ -622,65 +530,65 @@ const ar = () => `msg-${Date.now()}-${sr += 1}`, de = Q((e) => ({
     },
     isTabDirty: (n) => t().dirtyTabs.has(n),
     addTab: (n, s, i) => {
-      const a = t().model, u = a.getActiveTabset();
-      let c = u == null ? void 0 : u.getId();
+      const a = t().model, d = a.getActiveTabset();
+      let c = d == null ? void 0 : d.getId();
       if (!c)
         try {
-          const d = a.getFirstTabSet();
-          c = d == null ? void 0 : d.getId();
-        } catch (d) {
-          console.warn("Failed to get first tabset fallback", d);
+          const u = a.getFirstTabSet();
+          c = u == null ? void 0 : u.getId();
+        } catch (u) {
+          console.warn("Failed to get first tabset fallback", u);
         }
-      const f = { ...{}, ...i };
+      const p = { ...{}, ...i };
       if (["nexus-dashboard", "nexus-docs"].includes(n)) {
-        let d = null;
+        let u = null;
         if (a.visitNodes((m) => {
           if (m.getType() === "tab") {
-            const w = m;
-            w.getComponent() === n && (d = w.getId());
+            const v = m;
+            v.getComponent() === n && (u = v.getId());
           }
-        }), d) {
-          a.doAction(ae.selectTab(d));
+        }), u) {
+          a.doAction(ae.selectTab(u));
           return;
         }
       }
-      if (f.mapId) {
-        let d = null;
+      if (p.mapId) {
+        let u = null;
         if (a.visitNodes((m) => {
-          var w;
+          var v;
           if (m.getType() === "tab") {
             const b = m;
-            ((w = b.getConfig()) == null ? void 0 : w.mapId) === f.mapId && (d = b.getId());
+            ((v = b.getConfig()) == null ? void 0 : v.mapId) === p.mapId && (u = b.getId());
           }
-        }), d) {
-          a.doAction(ae.selectTab(d));
+        }), u) {
+          a.doAction(ae.selectTab(u));
           return;
         }
       }
-      if (f.projectId) {
-        let d = null;
+      if (p.projectId) {
+        let u = null;
         if (a.visitNodes((m) => {
-          var w;
+          var v;
           if (m.getType() === "tab") {
             const b = m;
-            ((w = b.getConfig()) == null ? void 0 : w.projectId) === f.projectId && (d = b.getId());
+            ((v = b.getConfig()) == null ? void 0 : v.projectId) === p.projectId && (u = b.getId());
           }
-        }), d) {
-          a.doAction(ae.selectTab(d));
+        }), u) {
+          a.doAction(ae.selectTab(u));
           return;
         }
       }
       c && a.doAction(
         ae.addNode(
-          { type: "tab", component: n, name: s || n, config: f },
+          { type: "tab", component: n, name: s || n, config: p },
           c,
-          wt.CENTER,
+          Nt.CENTER,
           -1
         )
       );
     }
   };
-}), at = Q((e, t) => ({
+}), it = Q((e, t) => ({
   isOpen: !1,
   type: "alert",
   title: "",
@@ -700,120 +608,161 @@ const ar = () => `msg-${Date.now()}-${sr += 1}`, de = Q((e) => ({
     const { resolve: n } = t();
     n && n(r), e({ isOpen: !1, resolve: null });
   }
-})), hn = ({
+})), de = [
+  {
+    id: "light",
+    label: "Light",
+    shortLabel: "Light",
+    description: "Neutral light theme. The default."
+  },
+  {
+    id: "dark",
+    label: "Dark",
+    shortLabel: "Dark",
+    description: "Low-glare dark theme on a soft grey base."
+  },
+  {
+    id: "gt",
+    label: "Georgia Tech",
+    shortLabel: "GT",
+    description: "Buzz Gold (#EAAA00) on Tech Tower White."
+  },
+  {
+    id: "tamu",
+    label: "Texas A&M",
+    shortLabel: "TAMU",
+    description: "Aggie Maroon (#500000) on white."
+  }
+], nr = de.map((e) => `theme-${e.id}`), or = (e) => `theme-${e}`, $e = "nexus-shell-theme", Re = (e) => {
+  const t = window.document.documentElement, r = [
+    ...nr,
+    ...Array.from(t.classList).filter((n) => n.startsWith("theme-"))
+  ];
+  t.classList.remove(...r), t.classList.add(or(e));
+}, ie = Q((e) => {
+  const r = localStorage.getItem($e) || "light";
+  return Re(r), {
+    theme: r,
+    setTheme: (n) => {
+      localStorage.setItem($e, n), Re(n), e({ theme: n });
+    }
+  };
+}), xn = ({
   panels: e,
-  inspectorPanels: t,
-  slashCommands: r,
-  menuConfig: n,
-  statusBarConfig: s,
-  title: i,
-  rightMenuBarContent: a,
-  centerMenuBarContent: u,
-  layoutModel: c,
-  initialLayoutJson: l,
-  disableLocalStorage: f = !1,
-  onLayoutChange: d
+  slashCommands: t,
+  menuConfig: r,
+  statusBarConfig: n,
+  title: s,
+  rightMenuBarContent: i,
+  centerMenuBarContent: a,
+  layoutModel: d,
+  initialLayoutJson: c,
+  disableLocalStorage: l = !1,
+  onLayoutChange: p
 }) => {
-  const { model: m, setModel: w, initLayout: b, isTabDirty: p, setTabDirty: h } = st(), y = le((k) => k.theme), E = ce((k) => k.setPanels), v = ie((k) => k.setPanels), N = de((k) => k.setSlashCommands), C = Le((k) => k.setWidgets);
-  R(() => {
-    e && E(e);
-  }, [e, E]), R(() => {
-    t && v(t);
-  }, [t, v]), R(() => {
-    r && N(r);
-  }, [r, N]), R(() => {
-    n && Se.setMenus(n);
-  }, [n]), R(() => {
-    s && C(s);
-  }, [s, C]), R(() => {
-    c || !l && !f || b(l, f);
+  const { model: u, setModel: m, initLayout: v, isTabDirty: b, setTabDirty: f } = at(), h = ie((L) => L.theme), y = le((L) => L.setSlashCommands), k = Ie((L) => L.setWidgets);
+  F(() => {
+    e && Qe(e);
+  }, [e]), F(() => {
+    t && y(t);
+  }, [t, y]), F(() => {
+    r && Le.setMenus(r);
+  }, [r]), F(() => {
+    n && k(n);
+  }, [n, k]), F(() => {
+    d || !c && !l || v(c, l);
   }, []);
-  const L = (k) => {
+  const w = (L) => {
     try {
-      const S = k.getComponent(), g = k.getConfig() || {}, T = S ? ot.get(S) : void 0;
-      return T ? (
+      const T = L.getComponent(), M = L.getConfig() || {}, I = T ? st.get(T) : void 0;
+      return I ? (
         // The tab strip is the title bar, so a component that draws its own
         // — chat, terminal — omits it here.
-        /* @__PURE__ */ o(rt, { chrome: !0, placement: "tab", children: /* @__PURE__ */ o(T, { node: k, ...g }) })
+        /* @__PURE__ */ o(ot, { chrome: !0, placement: "tab", children: /* @__PURE__ */ o(I, { node: L, ...M }) })
       ) : /* @__PURE__ */ x("div", { className: "p-4 text-sm", children: [
         "Unknown Component: ",
-        S
+        T
       ] });
-    } catch (S) {
-      return console.error("Error in component factory:", S), /* @__PURE__ */ x("div", { className: "p-8 text-destructive bg-destructive/10 border border-destructive/20 h-full flex items-center justify-center", children: [
+    } catch (T) {
+      return console.error("Error in component factory:", T), /* @__PURE__ */ x("div", { className: "p-8 text-destructive bg-destructive/10 border border-destructive/20 h-full flex items-center justify-center", children: [
         "Error rendering component: ",
-        S instanceof Error ? S.message : "Unknown error"
+        T instanceof Error ? T.message : "Unknown error"
       ] });
     }
-  }, A = (k) => {
-    if (k.type !== ae.DELETE_TAB) return k;
-    const S = m.getNodeById(k.data.node);
-    if (!S || !p(S.getId())) return k;
-    at.getState().openConfirm(
-      `Tab "${S.getName()}" has unsaved changes. Are you sure you want to close it?`
-    ).then((g) => {
-      g && (h(S.getId(), !1), m.doAction(k));
+  }, N = (L) => {
+    if (L.type !== ae.DELETE_TAB) return L;
+    const T = u.getNodeById(L.data.node);
+    if (!T || !b(T.getId())) return L;
+    it.getState().openConfirm(
+      `Tab "${T.getName()}" has unsaved changes. Are you sure you want to close it?`
+    ).then((M) => {
+      M && (f(T.getId(), !1), u.doAction(L));
     });
   };
   return /* @__PURE__ */ x(
     "div",
     {
-      className: `flex flex-col h-screen w-screen bg-background text-foreground overflow-hidden theme-${y}`,
+      className: `flex flex-col h-screen w-screen bg-background text-foreground overflow-hidden theme-${h}`,
       children: [
         /* @__PURE__ */ o(
-          Jt,
+          Vt,
           {
-            title: i,
-            center: u,
-            right: a
+            title: s,
+            center: a,
+            right: i
           }
         ),
         /* @__PURE__ */ x("div", { className: "flex-1 flex overflow-hidden", children: [
-          /* @__PURE__ */ o(Ht, {}),
-          /* @__PURE__ */ o(er, {}),
-          /* @__PURE__ */ o("div", { className: "flex-1 flex flex-col min-w-0 bg-card", children: /* @__PURE__ */ o("div", { className: "flex-1 relative h-full w-full", children: /* @__PURE__ */ o(
-            Nt,
-            {
-              model: c || m,
-              factory: L,
-              onModelChange: (k) => {
-                c || w(k), d == null || d(k.toJson());
-              },
-              onAction: A
-            }
-          ) }) }),
-          /* @__PURE__ */ o(tr, {}),
-          /* @__PURE__ */ o(jt, {})
+          /* @__PURE__ */ o(Me, { side: "left" }),
+          /* @__PURE__ */ o(xe, { side: "left" }),
+          /* @__PURE__ */ x("div", { className: "flex-1 flex flex-col min-w-0 bg-card", children: [
+            /* @__PURE__ */ o("div", { className: "flex-1 relative h-full w-full", children: /* @__PURE__ */ o(
+              kt,
+              {
+                model: d || u,
+                factory: w,
+                onModelChange: (L) => {
+                  d || m(L), p == null || p(L.toJson());
+                },
+                onAction: N
+              }
+            ) }),
+            /* @__PURE__ */ o(xe, { side: "bottom" })
+          ] }),
+          /* @__PURE__ */ o(xe, { side: "right" }),
+          /* @__PURE__ */ o(Me, { side: "right" })
         ] }),
-        /* @__PURE__ */ o(nr, {})
+        /* @__PURE__ */ o(Zt, {})
       ]
     }
   );
-}, it = ue.map((e) => ({
+}, lt = de.map((e) => ({
   id: `theme.${e.id}`,
   label: `Preferences: ${e.label} Theme`,
-  execute: () => le.getState().setTheme(e.id)
-})), gn = [
+  execute: () => ie.getState().setTheme(e.id)
+})), bn = [
   "view.toggleTerminal",
   "view.toggleChat",
   "view.toggleSidebar",
-  ...it.map((e) => e.id)
-], $e = (e) => {
-  for (const t of [ce, ie])
-    if (t.getState().panels.some((r) => r.id === e))
-      return t.getState().toggleSidebar(e), !0;
-  return ot.get(e) ? (st.getState().addTab(e), !0) : !1;
-}, ir = [
+  ...lt.map((e) => e.id)
+], Fe = (e) => {
+  for (const t of Ve) {
+    const r = ce(t);
+    if (r.getState().panels.some((n) => n.id === e))
+      return r.getState().togglePanel(e), !0;
+  }
+  return st.get(e) ? (at.getState().addTab(e), !0) : !1;
+}, sr = [
   {
     id: "view.toggleTerminal",
     label: "View: Toggle Terminal",
     keybinding: "Control+`",
-    execute: () => $e(Je)
+    execute: () => Fe(qe)
   },
   {
     id: "view.toggleChat",
     label: "View: Toggle Chat",
-    execute: () => $e(Ye)
+    execute: () => Fe(Xe)
   },
   {
     id: "view.toggleSidebar",
@@ -821,12 +770,12 @@ const ar = () => `msg-${Date.now()}-${sr += 1}`, de = Q((e) => ({
     keybinding: "Control+b",
     execute: () => {
       var n;
-      const { activeSidebar: e, panels: t, setActiveSidebar: r } = ce.getState();
+      const { activePanel: e, panels: t, setActivePanel: r } = ce("left").getState();
       r(e ? null : ((n = t[0]) == null ? void 0 : n.id) ?? null);
     }
   },
-  ...it
-], lr = {
+  ...lt
+], ar = {
   View: [
     { id: "view.terminal", label: "Toggle Terminal", commandId: "view.toggleTerminal" },
     { id: "view.chat", label: "Toggle Chat", commandId: "view.toggleChat" },
@@ -834,32 +783,31 @@ const ar = () => `msg-${Date.now()}-${sr += 1}`, de = Q((e) => ({
     {
       id: "view.theme",
       label: "Theme",
-      submenu: ue.map((e) => ({
+      submenu: de.map((e) => ({
         id: `view.theme.${e.id}`,
         label: e.label,
         commandId: `theme.${e.id}`
       }))
     }
   ]
-}, xn = (e = {}) => {
+}, yn = (e = {}) => {
   const {
     panels: t,
-    inspectorPanels: r,
-    menus: n,
-    commands: s,
-    statusBar: i,
-    slashCommands: a,
-    defaultCommands: u = !0,
-    defaultMenus: c = !0
+    menus: r,
+    commands: n,
+    statusBar: s,
+    slashCommands: i,
+    defaultCommands: a = !0,
+    defaultMenus: d = !0
   } = e;
-  u && ir.forEach((f) => re.registerCommand(f)), s == null || s.forEach((f) => re.registerCommand(f));
-  const l = {
-    ...u && c ? lr : {},
-    ...n ?? {}
+  a && sr.forEach((l) => re.registerCommand(l)), n == null || n.forEach((l) => re.registerCommand(l));
+  const c = {
+    ...a && d ? ar : {},
+    ...r ?? {}
   };
-  Object.keys(l).length > 0 && Se.setMenus(l), t && ce.getState().setPanels(t), r && ie.getState().setPanels(r), i && Le.getState().setWidgets(i), a && de.getState().setSlashCommands(a);
+  Object.keys(c).length > 0 && Le.setMenus(c), t && Qe(t), s && Ie.getState().setWidgets(s), i && le.getState().setSlashCommands(i);
 };
-class cr {
+class ir {
   constructor() {
     ee(this, "plugins", /* @__PURE__ */ new Map());
     ee(this, "loaders", /* @__PURE__ */ new Map());
@@ -922,25 +870,25 @@ class cr {
     return Array.from(this.plugins.values());
   }
 }
-const bn = new cr(), ve = Q((e) => ({
+const vn = new ir(), ye = Q((e) => ({
   history: [
     "Welcome to Nexus Shell Terminal v0.1.0",
     'Type "help" for a list of commands.'
   ],
   addHistory: (t) => e((r) => ({ history: [...r.history, t] })),
   clearHistory: () => e({ history: [] })
-})), Re = "nexus-shell-user-profile", Fe = {
+})), ze = "nexus-shell-user-profile", Oe = {
   name: "David Tech",
   role: "Shell Architect",
   email: "david@techmuch.io",
   avatarUrl: "",
   customAvatar: ""
 }, te = Q((e) => {
-  let t = { ...Fe };
+  let t = { ...Oe };
   if (typeof window < "u")
     try {
-      const n = localStorage.getItem(Re);
-      n && (t = { ...Fe, ...JSON.parse(n) });
+      const n = localStorage.getItem(ze);
+      n && (t = { ...Oe, ...JSON.parse(n) });
     } catch (n) {
       console.error("Failed to parse saved user profile:", n);
     }
@@ -948,7 +896,7 @@ const bn = new cr(), ve = Q((e) => ({
     if (typeof window < "u")
       try {
         localStorage.setItem(
-          Re,
+          ze,
           JSON.stringify({
             name: n.name,
             role: n.role,
@@ -976,12 +924,12 @@ const bn = new cr(), ve = Q((e) => ({
       return r(s), { customAvatar: "" };
     })
   };
-}), yn = () => {
-  R(() => {
+}), wn = () => {
+  F(() => {
     const e = (t) => {
       const r = re.getCommands();
       for (const n of r)
-        if (n.keybinding && dr(t, n.keybinding)) {
+        if (n.keybinding && lr(t, n.keybinding)) {
           t.preventDefault(), n.execute();
           break;
         }
@@ -989,20 +937,20 @@ const bn = new cr(), ve = Q((e) => ({
     return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
   }, []);
 };
-function dr(e, t) {
+function lr(e, t) {
   var m;
-  const r = t.split("+"), n = (m = r.pop()) == null ? void 0 : m.toLowerCase(), s = r.includes("Control") || r.includes("Ctrl"), i = r.includes("Shift"), a = r.includes("Alt"), u = r.includes("Meta") || r.includes("Cmd"), c = e.ctrlKey, l = e.shiftKey, f = e.altKey, d = e.metaKey;
-  return e.key.toLowerCase() === n && c === s && l === i && f === a && d === u;
+  const r = t.split("+"), n = (m = r.pop()) == null ? void 0 : m.toLowerCase(), s = r.includes("Control") || r.includes("Ctrl"), i = r.includes("Shift"), a = r.includes("Alt"), d = r.includes("Meta") || r.includes("Cmd"), c = e.ctrlKey, l = e.shiftKey, p = e.altKey, u = e.metaKey;
+  return e.key.toLowerCase() === n && c === s && l === i && p === a && u === d;
 }
-const ur = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-center justify-center text-center px-6 text-muted-foreground", children: [
-  /* @__PURE__ */ o(Te, { size: 28, className: "mb-3 opacity-40" }),
+const cr = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-center justify-center text-center px-6 text-muted-foreground", children: [
+  /* @__PURE__ */ o(Ee, { size: 28, className: "mb-3 opacity-40" }),
   /* @__PURE__ */ o("p", { className: "text-xs", children: "No messages yet." }),
   /* @__PURE__ */ x("p", { className: "text-[11px] mt-1 opacity-70", children: [
     "Type a message, or ",
     /* @__PURE__ */ o("span", { className: "font-mono", children: "/" }),
     " for commands."
   ] })
-] }), mr = ({
+] }), dr = ({
   messages: e = [],
   onSend: t,
   slashCommands: r = [],
@@ -1010,47 +958,47 @@ const ur = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
   onClose: s,
   title: i = "Chat",
   placeholder: a = "Send a message…",
-  emptyState: u = ur,
+  emptyState: d = cr,
   chrome: c,
   className: l
 }) => {
-  const f = tt(c), [d, m] = P(""), [w, b] = P(0), p = _(null), h = _(null), y = d.startsWith("/") ? r.filter(
-    (L) => `/${L.command}`.startsWith(d.toLowerCase().split(" ")[0])
-  ) : [], E = y.length > 0;
-  R(() => {
+  const p = nt(c), [u, m] = A(""), [v, b] = A(0), f = _(null), h = _(null), y = u.startsWith("/") ? r.filter(
+    (T) => `/${T.command}`.startsWith(u.toLowerCase().split(" ")[0])
+  ) : [], k = y.length > 0;
+  F(() => {
     h.current && (h.current.scrollTop = h.current.scrollHeight);
-  }, [e]), R(() => {
+  }, [e]), F(() => {
     b(0);
-  }, [d]);
-  const v = () => {
-    const L = d.trim();
-    L && (t == null || t(L), m(""));
-  }, N = (L) => {
-    var A;
-    n == null || n(L), m(`/${L.command} `), (A = p.current) == null || A.focus();
-  }, C = (L) => {
-    if (E) {
-      if (L.key === "ArrowDown") {
-        L.preventDefault(), b((A) => (A + 1) % y.length);
+  }, [u]);
+  const w = () => {
+    const T = u.trim();
+    T && (t == null || t(T), m(""));
+  }, N = (T) => {
+    var M;
+    n == null || n(T), m(`/${T.command} `), (M = f.current) == null || M.focus();
+  }, L = (T) => {
+    if (k) {
+      if (T.key === "ArrowDown") {
+        T.preventDefault(), b((M) => (M + 1) % y.length);
         return;
       }
-      if (L.key === "ArrowUp") {
-        L.preventDefault(), b((A) => (A - 1 + y.length) % y.length);
+      if (T.key === "ArrowUp") {
+        T.preventDefault(), b((M) => (M - 1 + y.length) % y.length);
         return;
       }
-      if (L.key === "Tab" || L.key === "Enter" && !L.shiftKey) {
-        L.preventDefault(), N(y[w]);
+      if (T.key === "Tab" || T.key === "Enter" && !T.shiftKey) {
+        T.preventDefault(), N(y[v]);
         return;
       }
     }
-    L.key === "Enter" && !L.shiftKey && (L.preventDefault(), v());
+    T.key === "Enter" && !T.shiftKey && (T.preventDefault(), w());
   };
   return /* @__PURE__ */ x(
     "aside",
     {
       role: "complementary",
       "aria-label": i,
-      className: I(
+      className: P(
         // Fills whatever hosts it — a side pane, a dockable tab, your own box.
         // It used to hardcode `w-[320px] border-l`, which is why it could only
         // ever live in one place.
@@ -1058,9 +1006,9 @@ const ur = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
         l
       ),
       children: [
-        f && /* @__PURE__ */ x("div", { className: "h-10 flex items-center justify-between px-4 shrink-0", children: [
+        p && /* @__PURE__ */ x("div", { className: "h-10 flex items-center justify-between px-4 shrink-0", children: [
           /* @__PURE__ */ x("div", { className: "flex items-center space-x-2 text-muted-foreground", children: [
-            /* @__PURE__ */ o(Te, { size: 13 }),
+            /* @__PURE__ */ o(Ee, { size: 13 }),
             /* @__PURE__ */ o("span", { className: "text-[11px] font-bold uppercase tracking-widest", children: i })
           ] }),
           s && /* @__PURE__ */ o(
@@ -1081,61 +1029,61 @@ const ur = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
             role: "log",
             "aria-label": `${i} transcript`,
             className: "flex-1 overflow-y-auto border-t border-border/50 bg-background/50 px-3 py-3 space-y-3",
-            children: e.length === 0 ? u : e.map((L) => {
-              const A = L.role === "user";
+            children: e.length === 0 ? d : e.map((T) => {
+              const M = T.role === "user";
               return /* @__PURE__ */ x(
                 "div",
                 {
-                  className: I("flex flex-col", A ? "items-end" : "items-start"),
+                  className: P("flex flex-col", M ? "items-end" : "items-start"),
                   children: [
                     /* @__PURE__ */ x("div", { className: "flex items-center space-x-1 mb-1 text-[10px] uppercase tracking-wider text-muted-foreground font-bold", children: [
-                      A ? /* @__PURE__ */ o(He, { size: 10 }) : /* @__PURE__ */ o(De, { size: 10 }),
-                      /* @__PURE__ */ o("span", { children: L.author ?? (A ? "You" : "Assistant") })
+                      M ? /* @__PURE__ */ o(We, { size: 10 }) : /* @__PURE__ */ o(Te, { size: 10 }),
+                      /* @__PURE__ */ o("span", { children: T.author ?? (M ? "You" : "Assistant") })
                     ] }),
                     /* @__PURE__ */ o(
                       "div",
                       {
-                        className: I(
+                        className: P(
                           "max-w-[85%] rounded-lg px-3 py-2 text-xs whitespace-pre-wrap break-words",
-                          A ? "bg-primary text-primary-foreground" : "bg-card border border-border text-foreground"
+                          M ? "bg-primary text-primary-foreground" : "bg-card border border-border text-foreground"
                         ),
-                        children: L.text
+                        children: T.text
                       }
                     )
                   ]
                 },
-                L.id
+                T.id
               );
             })
           }
         ),
         /* @__PURE__ */ x("div", { className: "relative border-t border-border/50 p-2 shrink-0", children: [
-          E && /* @__PURE__ */ o(
+          k && /* @__PURE__ */ o(
             "div",
             {
               role: "listbox",
               "aria-label": "Slash commands",
               className: "absolute bottom-full left-2 right-2 mb-1 bg-popover border border-border rounded-md shadow-lg overflow-hidden z-20",
-              children: y.map((L, A) => /* @__PURE__ */ x(
+              children: y.map((T, M) => /* @__PURE__ */ x(
                 "div",
                 {
                   role: "option",
-                  "aria-selected": A === w,
-                  onMouseEnter: () => b(A),
-                  onClick: () => N(L),
-                  className: I(
+                  "aria-selected": M === v,
+                  onMouseEnter: () => b(M),
+                  onClick: () => N(T),
+                  className: P(
                     "px-3 py-1.5 text-xs cursor-pointer flex items-baseline justify-between gap-3",
-                    A === w ? "bg-accent text-accent-foreground" : "hover:bg-accent/50"
+                    M === v ? "bg-accent text-accent-foreground" : "hover:bg-accent/50"
                   ),
                   children: [
                     /* @__PURE__ */ x("span", { className: "font-mono", children: [
                       "/",
-                      L.command
+                      T.command
                     ] }),
-                    /* @__PURE__ */ o("span", { className: "text-[10px] text-muted-foreground truncate", children: L.description })
+                    /* @__PURE__ */ o("span", { className: "text-[10px] text-muted-foreground truncate", children: T.description })
                   ]
                 },
-                L.command
+                T.command
               ))
             }
           ),
@@ -1143,13 +1091,13 @@ const ur = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
             /* @__PURE__ */ o(
               "textarea",
               {
-                ref: p,
+                ref: f,
                 rows: 1,
-                value: d,
+                value: u,
                 "aria-label": `${i} message`,
                 placeholder: a,
-                onChange: (L) => m(L.target.value),
-                onKeyDown: C,
+                onChange: (T) => m(T.target.value),
+                onKeyDown: L,
                 className: "flex-1 resize-none bg-background border border-border rounded-md px-3 py-2 text-xs text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary/50 max-h-32"
               }
             ),
@@ -1157,11 +1105,11 @@ const ur = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
               "button",
               {
                 type: "button",
-                onClick: v,
-                disabled: !d.trim(),
+                onClick: w,
+                disabled: !u.trim(),
                 "aria-label": "Send message",
                 className: "p-2 rounded-md bg-primary text-primary-foreground disabled:opacity-40 disabled:cursor-not-allowed hover:bg-primary/90 transition-colors focus:outline-none focus:ring-2 focus:ring-ring",
-                children: /* @__PURE__ */ o(St, { size: 14 })
+                children: /* @__PURE__ */ o(Dt, { size: 14 })
               }
             )
           ] })
@@ -1169,29 +1117,81 @@ const ur = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
       ]
     }
   );
-}, fr = ({ onSend: e, ...t }) => {
-  const r = de((a) => a.messages), n = de((a) => a.slashCommands), s = de((a) => a.addMessage);
+}, ur = ({ onSend: e, ...t }) => {
+  const r = le((a) => a.messages), n = le((a) => a.slashCommands), s = le((a) => a.addMessage);
   return /* @__PURE__ */ o(
-    mr,
+    dr,
     {
       ...t,
       messages: r,
       slashCommands: n,
       onSend: (a) => {
         if (s({ role: "user", text: a }), a.startsWith("/")) {
-          const [u, ...c] = a.slice(1).split(/\s+/), l = n.find((f) => f.command === u);
+          const [d, ...c] = a.slice(1).split(/\s+/), l = n.find((p) => p.command === d);
           if (l) {
             l.execute(c);
             return;
           }
-          s({ role: "assistant", text: `Unknown command: /${u}` });
+          s({ role: "assistant", text: `Unknown command: /${d}` });
           return;
         }
         e == null || e(a);
       }
     }
   );
-}, pr = ({
+}, mr = {
+  light: It,
+  dark: Lt,
+  gt: Se,
+  tamu: Se
+}, fr = de.map((e) => ({
+  id: e.id,
+  label: e.label,
+  icon: mr[e.id] ?? Pt
+})), pr = ({
+  theme: e,
+  onThemeChange: t,
+  themes: r = fr,
+  className: n
+}) => /* @__PURE__ */ o("div", { className: P("p-4 space-y-6", n), children: /* @__PURE__ */ x("section", { children: [
+  /* @__PURE__ */ o("h3", { className: "text-[11px] font-bold text-muted-foreground uppercase mb-3", children: "Theme" }),
+  /* @__PURE__ */ o(
+    "div",
+    {
+      role: "radiogroup",
+      "aria-label": "Theme",
+      className: "grid grid-cols-1 gap-2",
+      children: r.map(({ id: s, label: i, icon: a }) => /* @__PURE__ */ x(
+        "button",
+        {
+          type: "button",
+          role: "radio",
+          "aria-checked": e === s,
+          onClick: () => t(s),
+          className: P(
+            "flex items-center space-x-3 px-3 py-2 rounded-md border text-sm transition-all focus:outline-none focus:ring-2 focus:ring-ring",
+            e === s ? "bg-primary text-primary-foreground border-primary" : "bg-background hover:bg-accent border-border"
+          ),
+          children: [
+            /* @__PURE__ */ o(a, { size: 16 }),
+            /* @__PURE__ */ o("span", { children: i })
+          ]
+        },
+        s
+      ))
+    }
+  )
+] }) }), hr = (e) => {
+  const t = ie((n) => n.theme), r = ie((n) => n.setTheme);
+  return /* @__PURE__ */ o(
+    pr,
+    {
+      ...e,
+      theme: t,
+      onThemeChange: (n) => r(n)
+    }
+  );
+}, gr = ({
   history: e = [],
   onCommand: t,
   onClose: r,
@@ -1199,32 +1199,32 @@ const ur = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
   prompt: s = "$",
   title: i = "Terminal",
   chrome: a,
-  className: u
+  className: d
 }) => {
-  const c = et(), l = tt(a), f = n ?? (c ? void 0 : "250px"), [d, m] = P(""), w = _(null), b = _(null);
-  R(() => {
-    w.current && (w.current.scrollTop = w.current.scrollHeight);
+  const c = rt(), l = nt(a), p = n ?? (c ? void 0 : "250px"), [u, m] = A(""), v = _(null), b = _(null);
+  F(() => {
+    v.current && (v.current.scrollTop = v.current.scrollHeight);
   }, [e]);
-  const p = (h) => {
+  const f = (h) => {
     if (h.key !== "Enter") return;
-    const y = d.trim();
+    const y = u.trim();
     y && (t == null || t(y), m(""));
   };
   return /* @__PURE__ */ x(
     "div",
     {
-      style: { height: f },
-      className: I(
+      style: { height: p },
+      className: P(
         "bg-card flex flex-col font-mono text-xs",
         // Standalone it is a bottom-docked strip with its own top edge; hosted
         // it fills, and the host owns the edges.
         c ? "h-full w-full min-h-0" : "border-t border-border shrink-0",
-        u
+        d
       ),
       children: [
         l && /* @__PURE__ */ x("div", { className: "h-8 flex items-center justify-between px-3 border-b border-border/50 shrink-0", children: [
           /* @__PURE__ */ x("div", { className: "flex items-center space-x-2 text-muted-foreground", children: [
-            /* @__PURE__ */ o(De, { size: 13 }),
+            /* @__PURE__ */ o(Te, { size: 13 }),
             /* @__PURE__ */ o("span", { className: "text-[11px] font-bold uppercase tracking-widest", children: i })
           ] }),
           r && /* @__PURE__ */ x("div", { className: "flex items-center space-x-1", children: [
@@ -1235,7 +1235,7 @@ const ur = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
                 onClick: r,
                 "aria-label": "Collapse Terminal",
                 className: "p-1 rounded hover:bg-accent hover:text-foreground text-muted-foreground transition-colors focus:outline-none focus:ring-2 focus:ring-ring",
-                children: /* @__PURE__ */ o(je, { size: 14 })
+                children: /* @__PURE__ */ o(Ge, { size: 14 })
               }
             ),
             /* @__PURE__ */ o(
@@ -1253,7 +1253,7 @@ const ur = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
         /* @__PURE__ */ o(
           "div",
           {
-            ref: w,
+            ref: v,
             role: "log",
             "aria-label": `${i} output`,
             className: "flex-1 overflow-y-auto px-3 py-2 space-y-0.5",
@@ -1272,9 +1272,9 @@ const ur = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
               ref: b,
               type: "text",
               "aria-label": `${i} input`,
-              value: d,
+              value: u,
               onChange: (h) => m(h.target.value),
-              onKeyDown: p,
+              onKeyDown: f,
               spellCheck: !1,
               autoComplete: "off",
               className: "flex-1 bg-transparent outline-none text-foreground placeholder:text-muted-foreground"
@@ -1284,80 +1284,87 @@ const ur = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
       ]
     }
   );
-}, hr = [
+}, xr = [
   "Available commands:",
   "  help   — show this message",
   "  clear  — clear the terminal"
-], gr = ({
+], br = ({
   onCommand: e,
   ...t
 }) => {
-  const r = ve((a) => a.history), n = ve((a) => a.addHistory), s = ve((a) => a.clearHistory);
+  const r = ye((a) => a.history), n = ye((a) => a.addHistory), s = ye((a) => a.clearHistory);
   return /* @__PURE__ */ o(
-    pr,
+    gr,
     {
       ...t,
       history: r,
       onCommand: (a) => {
         n(`$ ${a}`);
-        const u = a.toLowerCase();
-        if (u === "clear") {
+        const d = a.toLowerCase();
+        if (d === "clear") {
           s();
           return;
         }
-        if (u === "help") {
-          hr.forEach(n);
+        if (d === "help") {
+          xr.forEach(n);
           return;
         }
         (e == null ? void 0 : e(a)) !== !0 && n(`command not found: ${a.split(" ")[0]}`);
       }
     }
   );
-}, vn = (e = {}) => ({
-  id: Ye,
+}, Nn = (e = {}) => ({
+  id: Xe,
   label: "Chat",
-  icon: Te,
-  component: fr,
+  icon: Ee,
+  component: ur,
   ...e
-}), wn = (e = {}) => ({
-  id: Je,
+}), kn = (e = {}) => ({
+  id: qe,
   label: "Terminal",
-  icon: De,
-  component: gr,
+  icon: Te,
+  component: br,
   ...e
-}), xr = (e, t) => {
+}), En = (e = {}) => ({
+  id: Ht,
+  label: "Settings",
+  icon: St,
+  component: hr,
+  align: "end",
+  ...e
+}), yr = (e, t) => {
   const r = t.toLowerCase();
   return e.label.toLowerCase().includes(r) || e.id.toLowerCase().includes(r);
-}, br = ({
+}, vr = ({
   open: e,
   commands: t,
   onSelect: r,
   onClose: n,
   inline: s = !1,
   placeholder: i = "Type a command to run…",
-  filter: a = xr,
-  className: u
+  filter: a = yr,
+  className: d
 }) => {
-  const [c, l] = P(""), [f, d] = P(0), m = _(null), w = B(
-    () => t.filter((p) => a(p, c)),
+  const [c, l] = A(""), [p, u] = A(0), m = _(null), v = B(
+    () => t.filter((f) => a(f, c)),
     [t, c, a]
   );
-  if (R(() => {
-    var p;
-    e && (l(""), d(0), (p = m.current) == null || p.focus());
-  }, [e]), R(() => {
-    d(0);
+  if (F(() => {
+    var f;
+    e && (l(""), u(0), (f = m.current) == null || f.focus());
+  }, [e]), F(() => {
+    u(0);
   }, [c]), !e) return null;
-  const b = (p) => {
-    p.key === "ArrowDown" ? (p.preventDefault(), d((h) => w.length ? (h + 1) % w.length : 0)) : p.key === "ArrowUp" ? (p.preventDefault(), d(
-      (h) => w.length ? (h - 1 + w.length) % w.length : 0
-    )) : p.key === "Enter" ? (p.preventDefault(), w[f] && r(w[f])) : p.key === "Escape" && (p.preventDefault(), n == null || n());
+  const b = (f) => {
+    f.key === "ArrowDown" ? (f.preventDefault(), u((h) => v.length ? (h + 1) % v.length : 0)) : f.key === "ArrowUp" ? (f.preventDefault(), u(
+      (h) => v.length ? (h - 1 + v.length) % v.length : 0
+    )) : f.key === "Enter" ? (f.preventDefault(), v[p] && r(v[p])) : f.key === "Escape" && (f.preventDefault(), n == null || n());
   };
   return /* @__PURE__ */ o(
     "div",
     {
       onClick: s ? void 0 : n,
-      className: I(
+      className: P(
         "z-[100] flex items-start justify-center",
         s ? "relative w-full max-w-xl" : "fixed inset-0 pt-[10vh] bg-black/50 backdrop-blur-sm"
       ),
@@ -1367,14 +1374,14 @@ const ur = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
           role: "dialog",
           "aria-modal": !s,
           "aria-label": "Command Palette",
-          onClick: (p) => p.stopPropagation(),
-          className: I(
+          onClick: (f) => f.stopPropagation(),
+          className: P(
             "w-full max-w-xl bg-popover text-popover-foreground border shadow-2xl rounded-xl overflow-hidden animate-in fade-in zoom-in duration-200",
-            u
+            d
           ),
           children: [
             /* @__PURE__ */ x("div", { className: "flex items-center px-4 border-b", children: [
-              /* @__PURE__ */ o(xe, { size: 18, className: "text-muted-foreground mr-3" }),
+              /* @__PURE__ */ o(ge, { size: 18, className: "text-muted-foreground mr-3" }),
               /* @__PURE__ */ o(
                 "input",
                 {
@@ -1386,7 +1393,7 @@ const ur = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
                   "aria-label": "Command",
                   placeholder: i,
                   value: c,
-                  onChange: (p) => l(p.target.value),
+                  onChange: (f) => l(f.target.value),
                   onKeyDown: b,
                   className: "flex-1 h-14 bg-transparent outline-none text-base text-foreground placeholder:text-muted-foreground"
                 }
@@ -1398,23 +1405,23 @@ const ur = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
                 id: "command-palette-list",
                 role: "listbox",
                 className: "max-h-[300px] overflow-y-auto py-2",
-                children: w.length === 0 ? /* @__PURE__ */ o("div", { className: "px-4 py-8 text-center text-sm text-muted-foreground", children: c ? `No commands found matching "${c}"` : "No commands available." }) : w.map((p, h) => /* @__PURE__ */ x(
+                children: v.length === 0 ? /* @__PURE__ */ o("div", { className: "px-4 py-8 text-center text-sm text-muted-foreground", children: c ? `No commands found matching "${c}"` : "No commands available." }) : v.map((f, h) => /* @__PURE__ */ x(
                   "div",
                   {
                     role: "option",
-                    "aria-selected": h === f,
-                    onClick: () => r(p),
-                    onMouseEnter: () => d(h),
-                    className: I(
+                    "aria-selected": h === p,
+                    onClick: () => r(f),
+                    onMouseEnter: () => u(h),
+                    className: P(
                       "px-4 py-2 cursor-pointer flex justify-between items-center text-sm",
-                      h === f ? "bg-accent text-accent-foreground" : "hover:bg-accent/50"
+                      h === p ? "bg-accent text-accent-foreground" : "hover:bg-accent/50"
                     ),
                     children: [
-                      /* @__PURE__ */ o("span", { children: p.label }),
-                      p.keybinding && /* @__PURE__ */ o("span", { className: "text-[10px] text-muted-foreground bg-muted px-1.5 py-0.5 rounded border border-border/50", children: p.keybinding })
+                      /* @__PURE__ */ o("span", { children: f.label }),
+                      f.keybinding && /* @__PURE__ */ o("span", { className: "text-[10px] text-muted-foreground bg-muted px-1.5 py-0.5 rounded border border-border/50", children: f.keybinding })
                     ]
                   },
-                  p.id
+                  f.id
                 ))
               }
             ),
@@ -1439,19 +1446,19 @@ const ur = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
       )
     }
   );
-}, Nn = ({
+}, Tn = ({
   shortcutKey: e = "p",
   ...t
 }) => {
-  const [r, n] = P(!1);
-  return R(() => {
+  const [r, n] = A(!1);
+  return F(() => {
     if (e === null) return;
     const s = (i) => {
       (i.metaKey || i.ctrlKey) && i.shiftKey && i.key.toLowerCase() === e && (i.preventDefault(), n((a) => !a));
     };
     return window.addEventListener("keydown", s), () => window.removeEventListener("keydown", s);
   }, [e]), /* @__PURE__ */ o(
-    br,
+    vr,
     {
       ...t,
       open: r,
@@ -1462,15 +1469,15 @@ const ur = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
       onClose: () => n(!1)
     }
   );
-}, yr = {
-  alert: Mt,
-  confirm: It,
-  prompt: Lt
-}, vr = {
+}, wr = {
+  alert: At,
+  confirm: Ct,
+  prompt: Mt
+}, Nr = {
   alert: "text-destructive",
   confirm: "text-amber-500",
   prompt: "text-blue-500"
-}, wr = ({
+}, kr = ({
   open: e,
   type: t = "alert",
   title: r,
@@ -1478,29 +1485,29 @@ const ur = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
   defaultValue: s = "",
   onConfirm: i,
   onCancel: a,
-  confirmLabel: u,
+  confirmLabel: d,
   cancelLabel: c = "Cancel",
   placeholder: l = "Enter value…",
-  className: f
+  className: p
 }) => {
-  const [d, m] = P(s), w = _(null);
-  if (R(() => {
+  const [u, m] = A(s), v = _(null);
+  if (F(() => {
     if (!e || (m(s), t !== "prompt")) return;
     const y = window.setTimeout(() => {
-      var E, v;
-      (E = w.current) == null || E.focus(), (v = w.current) == null || v.select();
+      var k, w;
+      (k = v.current) == null || k.focus(), (w = v.current) == null || w.select();
     }, 50);
     return () => window.clearTimeout(y);
-  }, [e, t, s]), R(() => {
+  }, [e, t, s]), F(() => {
     if (!e) return;
-    const y = (E) => {
-      E.key === "Escape" && (E.preventDefault(), a == null || a());
+    const y = (k) => {
+      k.key === "Escape" && (k.preventDefault(), a == null || a());
     };
     return document.addEventListener("keydown", y), () => document.removeEventListener("keydown", y);
   }, [e, a]), !e) return null;
-  const b = () => i == null ? void 0 : i(t === "prompt" ? d : void 0), p = (y) => {
+  const b = () => i == null ? void 0 : i(t === "prompt" ? u : void 0), f = (y) => {
     y.key === "Enter" && (y.preventDefault(), b());
-  }, h = yr[t];
+  }, h = wr[t];
   return /* @__PURE__ */ o(
     "div",
     {
@@ -1513,10 +1520,10 @@ const ur = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
           "aria-modal": "true",
           "aria-label": r,
           onClick: (y) => y.stopPropagation(),
-          onKeyDown: p,
-          className: I(
+          onKeyDown: f,
+          className: P(
             "relative flex flex-col w-full max-w-md p-6 bg-card border border-border shadow-2xl rounded-2xl animate-in fade-in zoom-in-95 ring-1 ring-white/10",
-            f
+            p
           ),
           children: [
             /* @__PURE__ */ o(
@@ -1530,7 +1537,7 @@ const ur = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
               }
             ),
             /* @__PURE__ */ x("div", { className: "flex items-start space-x-4 mb-4", children: [
-              /* @__PURE__ */ o("div", { className: I("p-2 bg-muted rounded-full shrink-0", vr[t]), children: /* @__PURE__ */ o(h, { size: 24 }) }),
+              /* @__PURE__ */ o("div", { className: P("p-2 bg-muted rounded-full shrink-0", Nr[t]), children: /* @__PURE__ */ o(h, { size: 24 }) }),
               /* @__PURE__ */ x("div", { className: "flex-1 mt-1", children: [
                 /* @__PURE__ */ o("h2", { className: "text-lg font-semibold tracking-tight pr-6", children: r }),
                 n && /* @__PURE__ */ o("p", { className: "text-sm text-muted-foreground mt-1 whitespace-pre-wrap", children: n })
@@ -1539,10 +1546,10 @@ const ur = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
             t === "prompt" && /* @__PURE__ */ o("div", { className: "mt-2 mb-4", children: /* @__PURE__ */ o(
               "input",
               {
-                ref: w,
+                ref: v,
                 type: "text",
                 "aria-label": r,
-                value: d,
+                value: u,
                 placeholder: l,
                 onChange: (y) => m(y.target.value),
                 className: "w-full bg-background border border-border rounded-lg px-4 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary/50 transition-all placeholder:text-muted-foreground/50"
@@ -1565,7 +1572,7 @@ const ur = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
                   onClick: b,
                   autoFocus: t !== "prompt",
                   className: "px-4 py-2 text-sm font-medium rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 transition-colors focus:outline-none focus:ring-2 focus:ring-ring",
-                  children: u ?? (t === "alert" ? "OK" : "Confirm")
+                  children: d ?? (t === "alert" ? "OK" : "Confirm")
                 }
               )
             ] })
@@ -1574,10 +1581,10 @@ const ur = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
       )
     }
   );
-}, kn = (e) => {
-  const { isOpen: t, type: r, title: n, message: s, defaultValue: i, close: a } = at();
+}, Dn = (e) => {
+  const { isOpen: t, type: r, title: n, message: s, defaultValue: i, close: a } = it();
   return /* @__PURE__ */ o(
-    wr,
+    kr,
     {
       ...e,
       open: t,
@@ -1593,13 +1600,13 @@ const ur = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
       }
     }
   );
-}, Nr = ue.map((e) => ({
+}, Er = de.map((e) => ({
   id: e.id,
   label: e.shortLabel
-})), kr = ({
+})), Tr = ({
   value: e,
   onChange: t,
-  options: r = Nr,
+  options: r = Er,
   className: n,
   "aria-label": s = "Theme"
 }) => /* @__PURE__ */ o(
@@ -1607,7 +1614,7 @@ const ur = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
   {
     role: "radiogroup",
     "aria-label": s,
-    className: I(
+    className: P(
       "flex items-center border border-border rounded-lg p-0.5 bg-secondary/80 select-none",
       n
     ),
@@ -1617,7 +1624,7 @@ const ur = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
         role: "radio",
         "aria-checked": e === i.id,
         onClick: () => t(i.id),
-        className: I(
+        className: P(
           "px-2.5 py-1 text-[9px] font-extrabold uppercase rounded-md transition-all font-mono cursor-pointer outline-none focus-visible:ring-1 focus-visible:ring-ring",
           e === i.id ? "bg-primary text-primary-foreground shadow" : "text-muted-foreground hover:bg-accent hover:text-foreground"
         ),
@@ -1626,10 +1633,10 @@ const ur = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
       i.id
     ))
   }
-), En = (e) => {
-  const t = le((n) => n.theme), r = le((n) => n.setTheme);
-  return /* @__PURE__ */ o(kr, { ...e, value: t, onChange: r });
-}, Er = ({
+), Ln = (e) => {
+  const t = ie((n) => n.theme), r = ie((n) => n.setTheme);
+  return /* @__PURE__ */ o(Tr, { ...e, value: t, onChange: r });
+}, Dr = ({
   profile: e,
   actions: t = [],
   onProfileChange: r,
@@ -1638,51 +1645,51 @@ const ur = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
   showName: i = !0,
   className: a
 }) => {
-  const { name: u, role: c, email: l, avatarUrl: f } = e, [d, m] = P(!1), [w, b] = P(!1), [p, h] = P(u), [y, E] = P(c ?? ""), v = _(null), N = _(null);
-  R(() => {
-    d && (h(u), E(c ?? ""), b(!1));
-  }, [d, u, c]), R(() => {
-    if (!d) return;
-    const k = (S) => {
-      v.current && !v.current.contains(S.target) && m(!1);
+  const { name: d, role: c, email: l, avatarUrl: p } = e, [u, m] = A(!1), [v, b] = A(!1), [f, h] = A(d), [y, k] = A(c ?? ""), w = _(null), N = _(null);
+  F(() => {
+    u && (h(d), k(c ?? ""), b(!1));
+  }, [u, d, c]), F(() => {
+    if (!u) return;
+    const I = (S) => {
+      w.current && !w.current.contains(S.target) && m(!1);
     };
-    return document.addEventListener("mousedown", k), () => document.removeEventListener("mousedown", k);
-  }, [d]);
-  const C = (k) => {
-    k.preventDefault(), r == null || r({ name: p, role: y }), b(!1);
-  }, L = (k) => {
+    return document.addEventListener("mousedown", I), () => document.removeEventListener("mousedown", I);
+  }, [u]);
+  const L = (I) => {
+    I.preventDefault(), r == null || r({ name: f, role: y }), b(!1);
+  }, T = (I) => {
     var g;
-    const S = (g = k.target.files) == null ? void 0 : g[0];
-    S && (n == null || n(S)), k.target.value = "";
-  }, A = (k) => f ? /* @__PURE__ */ o("img", { src: f, alt: u, className: "w-full h-full object-cover" }) : /* @__PURE__ */ o(He, { size: k, className: "text-muted-foreground" });
-  return /* @__PURE__ */ x("div", { ref: v, className: "relative inline-block text-left", children: [
+    const S = (g = I.target.files) == null ? void 0 : g[0];
+    S && (n == null || n(S)), I.target.value = "";
+  }, M = (I) => p ? /* @__PURE__ */ o("img", { src: p, alt: d, className: "w-full h-full object-cover" }) : /* @__PURE__ */ o(We, { size: I, className: "text-muted-foreground" });
+  return /* @__PURE__ */ x("div", { ref: w, className: "relative inline-block text-left", children: [
     /* @__PURE__ */ x(
       "button",
       {
         type: "button",
-        onClick: () => s ? s() : m((k) => !k),
+        onClick: () => s ? s() : m((I) => !I),
         "aria-haspopup": s ? void 0 : "menu",
-        "aria-expanded": s ? void 0 : d,
+        "aria-expanded": s ? void 0 : u,
         "aria-label": "User Profile Menu",
-        className: I(
+        className: P(
           "focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none transition-all duration-200 select-none",
           i ? "flex items-center space-x-2 px-2 py-1 rounded-md hover:bg-accent/50 hover:text-accent-foreground text-left cursor-pointer border border-transparent hover:border-border/30" : "w-7 h-7 rounded-full bg-secondary/80 border border-border flex items-center justify-center text-muted-foreground hover:text-foreground hover:bg-secondary cursor-pointer",
-          d && (i ? "bg-accent/60 border-border/40" : "border-primary/50 text-foreground ring-1 ring-primary/20"),
+          u && (i ? "bg-accent/60 border-border/40" : "border-primary/50 text-foreground ring-1 ring-primary/20"),
           a
         ),
         children: [
           /* @__PURE__ */ o(
             "div",
             {
-              className: I(
+              className: P(
                 "rounded-full overflow-hidden border border-border/50 bg-muted flex items-center justify-center shrink-0 shadow-sm",
                 i ? "w-6 h-6" : "w-full h-full"
               ),
-              children: A(i ? 13 : 12)
+              children: M(i ? 13 : 12)
             }
           ),
           i && /* @__PURE__ */ x("div", { className: "flex flex-col min-w-0 leading-tight pr-1", children: [
-            /* @__PURE__ */ o("span", { className: "text-[11px] font-semibold truncate text-foreground", children: u }),
+            /* @__PURE__ */ o("span", { className: "text-[11px] font-semibold truncate text-foreground", children: d }),
             c && /* @__PURE__ */ o("span", { className: "text-[9px] text-muted-foreground/80 truncate font-medium", children: c })
           ] })
         ]
@@ -1693,21 +1700,21 @@ const ur = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
       {
         type: "file",
         ref: N,
-        onChange: L,
+        onChange: T,
         accept: "image/*",
         "aria-label": "Upload avatar",
         className: "hidden"
       }
     ),
-    d && /* @__PURE__ */ o(
+    u && /* @__PURE__ */ o(
       "div",
       {
         role: "menu",
-        className: I(
+        className: P(
           "absolute z-50 w-64 rounded-lg border border-border/50 bg-card text-card-foreground shadow-lg backdrop-blur-md p-2 flex flex-col gap-1 mt-1.5 animate-in fade-in slide-in-from-top-2 duration-150 origin-top-right",
           i ? "left-0" : "right-0"
         ),
-        children: w ? /* @__PURE__ */ x("form", { onSubmit: C, className: "p-2 flex flex-col gap-2", children: [
+        children: v ? /* @__PURE__ */ x("form", { onSubmit: L, className: "p-2 flex flex-col gap-2", children: [
           /* @__PURE__ */ o("span", { className: "text-[10px] font-bold uppercase tracking-wider text-muted-foreground", children: "Edit Profile" }),
           /* @__PURE__ */ x("div", { className: "flex flex-col gap-1", children: [
             /* @__PURE__ */ o("label", { htmlFor: "profile-name", className: "text-[9px] font-semibold text-muted-foreground", children: "Name" }),
@@ -1716,8 +1723,8 @@ const ur = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
               {
                 id: "profile-name",
                 type: "text",
-                value: p,
-                onChange: (k) => h(k.target.value),
+                value: f,
+                onChange: (I) => h(I.target.value),
                 required: !0,
                 className: "w-full px-2 py-1 text-xs border rounded bg-background focus:ring-1 focus:ring-primary focus:outline-none"
               }
@@ -1731,7 +1738,7 @@ const ur = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
                 id: "profile-role",
                 type: "text",
                 value: y,
-                onChange: (k) => E(k.target.value),
+                onChange: (I) => k(I.target.value),
                 className: "w-full px-2 py-1 text-xs border rounded bg-background focus:ring-1 focus:ring-primary focus:outline-none"
               }
             )
@@ -1755,35 +1762,35 @@ const ur = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
                 type: "submit",
                 className: "px-2 py-1 text-[10px] rounded bg-primary text-primary-foreground hover:bg-primary/95 flex items-center gap-1 font-semibold",
                 children: [
-                  /* @__PURE__ */ o(Ct, { size: 10 }),
+                  /* @__PURE__ */ o($t, { size: 10 }),
                   " Save"
                 ]
               }
             )
           ] })
-        ] }) : /* @__PURE__ */ x(Ue, { children: [
+        ] }) : /* @__PURE__ */ x(He, { children: [
           /* @__PURE__ */ x("div", { className: "p-2 flex items-center gap-3 border-b border-border/40 pb-2.5 mb-1", children: [
             /* @__PURE__ */ x(
               "div",
               {
                 onClick: () => {
-                  var k;
-                  return n && ((k = N.current) == null ? void 0 : k.click());
+                  var I;
+                  return n && ((I = N.current) == null ? void 0 : I.click());
                 },
                 title: n ? "Upload avatar image" : void 0,
-                className: I(
+                className: P(
                   "group relative w-12 h-12 rounded-full overflow-hidden border border-border/80 bg-muted flex items-center justify-center shrink-0 shadow-inner",
                   n && "cursor-pointer"
                 ),
                 children: [
-                  A(24),
-                  n && /* @__PURE__ */ o("div", { className: "absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 flex items-center justify-center transition-opacity", children: /* @__PURE__ */ o(At, { size: 14, className: "text-white" }) })
+                  M(24),
+                  n && /* @__PURE__ */ o("div", { className: "absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 flex items-center justify-center transition-opacity", children: /* @__PURE__ */ o(Rt, { size: 14, className: "text-white" }) })
                 ]
               }
             ),
             /* @__PURE__ */ x("div", { className: "flex flex-col min-w-0 leading-normal flex-1", children: [
               /* @__PURE__ */ x("div", { className: "flex items-center gap-1", children: [
-                /* @__PURE__ */ o("span", { className: "text-xs font-bold truncate text-foreground", children: u }),
+                /* @__PURE__ */ o("span", { className: "text-xs font-bold truncate text-foreground", children: d }),
                 r && /* @__PURE__ */ o(
                   "button",
                   {
@@ -1792,7 +1799,7 @@ const ur = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
                     title: "Edit Profile",
                     "aria-label": "Edit Profile",
                     className: "p-1 text-muted-foreground hover:text-foreground hover:bg-accent/40 rounded transition-colors",
-                    children: /* @__PURE__ */ o(Pt, { size: 10 })
+                    children: /* @__PURE__ */ o(Ft, { size: 10 })
                   }
                 )
               ] }),
@@ -1800,65 +1807,65 @@ const ur = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
               l && /* @__PURE__ */ o("span", { className: "text-[9px] text-muted-foreground/60 truncate font-mono mt-0.5", children: l })
             ] })
           ] }),
-          t.map((k) => {
-            const S = k.icon;
+          t.map((I) => {
+            const S = I.icon;
             return /* @__PURE__ */ x(
               "button",
               {
                 type: "button",
                 role: "menuitem",
                 onClick: () => {
-                  k.onSelect(), m(!1);
+                  I.onSelect(), m(!1);
                 },
-                className: I(
+                className: P(
                   "w-full px-2 py-1.5 text-left rounded-md text-[11px] font-medium flex items-center gap-2 cursor-pointer transition-colors",
-                  k.destructive ? "text-destructive hover:bg-destructive/10" : "hover:bg-accent/60 hover:text-accent-foreground",
-                  k.divider && "border-t border-border/20 pt-2 mt-1"
+                  I.destructive ? "text-destructive hover:bg-destructive/10" : "hover:bg-accent/60 hover:text-accent-foreground",
+                  I.divider && "border-t border-border/20 pt-2 mt-1"
                 ),
                 children: [
                   S && /* @__PURE__ */ o(S, { size: 12, className: "opacity-70" }),
-                  k.label
+                  I.label
                 ]
               },
-              k.id
+              I.id
             );
           })
         ] })
       }
     )
   ] });
-}, Tn = (e) => {
-  const t = te((l) => l.name), r = te((l) => l.role), n = te((l) => l.email), s = te((l) => l.avatarUrl), i = te((l) => l.customAvatar), a = te((l) => l.updateProfile), u = te((l) => l.setCustomAvatar);
+}, In = (e) => {
+  const t = te((l) => l.name), r = te((l) => l.role), n = te((l) => l.email), s = te((l) => l.avatarUrl), i = te((l) => l.customAvatar), a = te((l) => l.updateProfile), d = te((l) => l.setCustomAvatar);
   return /* @__PURE__ */ o(
-    Er,
+    Dr,
     {
       ...e,
       profile: { name: t, role: r, email: n, avatarUrl: i || s },
       onProfileChange: a,
       onAvatarChange: (l) => {
-        const f = new FileReader();
-        f.onloadend = () => {
-          typeof f.result == "string" && u(f.result);
-        }, f.readAsDataURL(l);
+        const p = new FileReader();
+        p.onloadend = () => {
+          typeof p.result == "string" && d(p.result);
+        }, p.readAsDataURL(l);
       }
     }
   );
-}, Dn = ({ title: e, subtitle: t, icon: r, className: n }) => /* @__PURE__ */ x("div", { className: I("flex items-center space-x-3 select-none", n), children: [
+}, Pn = ({ title: e, subtitle: t, icon: r, className: n }) => /* @__PURE__ */ x("div", { className: P("flex items-center space-x-3 select-none", n), children: [
   r && /* @__PURE__ */ o("div", { className: "w-8 h-8 rounded-lg bg-primary/10 border border-primary/30 flex items-center justify-center text-primary shadow-inner shrink-0", children: r }),
   /* @__PURE__ */ x("div", { className: "min-w-0", children: [
     /* @__PURE__ */ o("h1", { className: "text-xs font-black uppercase tracking-wider text-foreground font-mono truncate", children: e }),
     t && /* @__PURE__ */ o("p", { className: "text-[9px] text-muted-foreground font-semibold truncate", children: t })
   ] })
-] }), Tr = ({ x: e, y: t, items: r, onClose: n, className: s }) => {
+] }), Lr = ({ x: e, y: t, items: r, onClose: n, className: s }) => {
   const i = _(null);
-  return R(() => {
+  return F(() => {
     const a = (c) => {
       i.current && !i.current.contains(c.target) && n();
-    }, u = (c) => {
+    }, d = (c) => {
       c.key === "Escape" && n();
     };
-    return document.addEventListener("mousedown", a), document.addEventListener("keydown", u), () => {
-      document.removeEventListener("mousedown", a), document.removeEventListener("keydown", u);
+    return document.addEventListener("mousedown", a), document.addEventListener("keydown", d), () => {
+      document.removeEventListener("mousedown", a), document.removeEventListener("keydown", d);
     };
   }, [n]), /* @__PURE__ */ o(
     "div",
@@ -1866,11 +1873,11 @@ const ur = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
       ref: i,
       role: "menu",
       style: { top: t, left: e },
-      className: I(
+      className: P(
         "fixed z-[1000] min-w-[160px] bg-popover text-popover-foreground border shadow-md rounded-md py-1 animate-in fade-in zoom-in-95 duration-100",
         s
       ),
-      children: r.map((a, u) => /* @__PURE__ */ x(he.Fragment, { children: [
+      children: r.map((a, d) => /* @__PURE__ */ x(pe.Fragment, { children: [
         a.divider && /* @__PURE__ */ o("div", { className: "h-[1px] bg-border my-1" }),
         /* @__PURE__ */ x(
           "div",
@@ -1884,7 +1891,7 @@ const ur = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
             onKeyDown: (c) => {
               a.disabled || c.key !== "Enter" && c.key !== " " || (c.preventDefault(), a.onClick(), n());
             },
-            className: I(
+            className: P(
               "px-3 py-1.5 text-xs flex items-center focus:outline-none",
               a.disabled ? "opacity-40 cursor-default" : "cursor-pointer hover:bg-accent hover:text-accent-foreground focus:bg-accent"
             ),
@@ -1894,7 +1901,7 @@ const ur = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
             ]
           }
         )
-      ] }, `${a.label}-${u}`))
+      ] }, `${a.label}-${d}`))
     }
   );
 }, Sn = ({
@@ -1905,89 +1912,89 @@ const ur = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
   rowKey: s = "id",
   virtualized: i = !0,
   showFilter: a = !0,
-  loading: u = !1,
+  loading: d = !1,
   placeholder: c = "No data available",
   className: l
 }) => {
-  const [f, d] = P(""), [m, w] = P(null), [b, p] = P(-1), h = _(null);
-  R(() => {
-    p(-1);
-  }, [f, m]);
+  const [p, u] = A(""), [m, v] = A(null), [b, f] = A(-1), h = _(null);
+  F(() => {
+    f(-1);
+  }, [p, m]);
   const y = B(() => {
-    if (!f) return t;
-    const g = f.toLowerCase();
-    return t.filter((T) => Object.values(T).some((M) => M == null ? !1 : String(M).toLowerCase().includes(g)));
-  }, [t, f]), E = B(() => {
+    if (!p) return t;
+    const g = p.toLowerCase();
+    return t.filter((D) => Object.values(D).some((C) => C == null ? !1 : String(C).toLowerCase().includes(g)));
+  }, [t, p]), k = B(() => {
     if (!m) return y;
-    const { key: g, direction: T } = m;
-    return [...y].sort((M, $) => {
-      const K = M[g], O = $[g];
+    const { key: g, direction: D } = m;
+    return [...y].sort((C, $) => {
+      const K = C[g], O = $[g];
       if (K === O) return 0;
       if (K == null) return 1;
       if (O == null) return -1;
-      const H = Number(K), D = Number(O);
-      if (!isNaN(H) && !isNaN(D))
-        return T === "asc" ? H - D : D - H;
-      const z = String(K).toLowerCase(), F = String(O).toLowerCase();
-      return T === "asc" ? z.localeCompare(F) : F.localeCompare(z);
+      const H = Number(K), E = Number(O);
+      if (!isNaN(H) && !isNaN(E))
+        return D === "asc" ? H - E : E - H;
+      const z = String(K).toLowerCase(), R = String(O).toLowerCase();
+      return D === "asc" ? z.localeCompare(R) : R.localeCompare(z);
     });
-  }, [y, m]), v = (g, T) => {
-    T !== !1 && w((M) => !M || M.key !== g ? { key: g, direction: "asc" } : M.direction === "asc" ? { key: g, direction: "desc" } : null);
+  }, [y, m]), w = (g, D) => {
+    D !== !1 && v((C) => !C || C.key !== g ? { key: g, direction: "asc" } : C.direction === "asc" ? { key: g, direction: "desc" } : null);
   }, N = (g) => {
-    if (!(E.length === 0 || u)) {
+    if (!(k.length === 0 || d)) {
       if (g.key === "ArrowDown")
-        g.preventDefault(), p((T) => {
-          const M = T + 1;
-          return M >= E.length ? 0 : M;
+        g.preventDefault(), f((D) => {
+          const C = D + 1;
+          return C >= k.length ? 0 : C;
         });
       else if (g.key === "ArrowUp")
-        g.preventDefault(), p((T) => {
-          const M = T - 1;
-          return M < 0 ? E.length - 1 : M;
+        g.preventDefault(), f((D) => {
+          const C = D - 1;
+          return C < 0 ? k.length - 1 : C;
         });
-      else if ((g.key === "Enter" || g.key === " ") && (g.preventDefault(), b >= 0 && b < E.length)) {
-        const T = E[b];
-        r && r(T);
+      else if ((g.key === "Enter" || g.key === " ") && (g.preventDefault(), b >= 0 && b < k.length)) {
+        const D = k[b];
+        r && r(D);
       }
     }
-  }, C = (g) => g.sortable === !1 ? null : (m == null ? void 0 : m.key) !== g.key ? /* @__PURE__ */ o($t, { size: 14, className: "text-muted-foreground/60 ml-1.5 opacity-0 group-hover:opacity-100 transition-opacity" }) : m.direction === "asc" ? /* @__PURE__ */ o(je, { size: 14, className: "text-primary ml-1.5" }) : /* @__PURE__ */ o(Ge, { size: 14, className: "text-primary ml-1.5" }), L = () => /* @__PURE__ */ o("tr", { role: "row", className: "border-b border-border bg-muted/30 select-none", children: e.map((g) => /* @__PURE__ */ o(
+  }, L = (g) => g.sortable === !1 ? null : (m == null ? void 0 : m.key) !== g.key ? /* @__PURE__ */ o(zt, { size: 14, className: "text-muted-foreground/60 ml-1.5 opacity-0 group-hover:opacity-100 transition-opacity" }) : m.direction === "asc" ? /* @__PURE__ */ o(Ge, { size: 14, className: "text-primary ml-1.5" }) : /* @__PURE__ */ o(Je, { size: 14, className: "text-primary ml-1.5" }), T = () => /* @__PURE__ */ o("tr", { role: "row", className: "border-b border-border bg-muted/30 select-none", children: e.map((g) => /* @__PURE__ */ o(
     "th",
     {
       role: "columnheader",
       "aria-sort": (m == null ? void 0 : m.key) === g.key ? m.direction === "asc" ? "ascending" : "descending" : "none",
-      className: I(
+      className: P(
         "p-3 text-xs font-semibold text-muted-foreground uppercase tracking-wider text-left transition-colors",
         g.sortable !== !1 && "cursor-pointer hover:bg-accent/30 hover:text-foreground group"
       ),
       style: { width: g.width },
-      onClick: () => v(g.key, g.sortable),
+      onClick: () => w(g.key, g.sortable),
       children: /* @__PURE__ */ x("div", { className: "flex items-center", children: [
         /* @__PURE__ */ o("span", { children: g.header }),
-        C(g)
+        L(g)
       ] })
     },
     g.key
-  )) }), A = (g, T) => {
-    const M = n !== void 0 && g[s] === n;
+  )) }), M = (g, D) => {
+    const C = n !== void 0 && g[s] === n;
     return /* @__PURE__ */ o(
       "tr",
       {
         role: "row",
-        "aria-selected": M,
+        "aria-selected": C,
         onClick: () => r && r(g),
-        className: I(
+        className: P(
           "border-b border-border/40 hover:bg-accent/40 transition-colors cursor-pointer text-sm outline-none",
-          M && "bg-primary/10 text-primary hover:bg-primary/15 font-medium border-l-2 border-l-primary",
-          b === T && "bg-accent/60 ring-1 ring-inset ring-ring"
+          C && "bg-primary/10 text-primary hover:bg-primary/15 font-medium border-l-2 border-l-primary",
+          b === D && "bg-accent/60 ring-1 ring-inset ring-ring"
         ),
         children: e.map((K) => {
           const O = g[K.key];
           return /* @__PURE__ */ o("td", { role: "gridcell", className: "p-3 align-middle truncate max-w-xs", children: K.render ? K.render(O, g) : O != null ? String(O) : "" }, K.key);
         })
       },
-      String(g[s] || T)
+      String(g[s] || D)
     );
-  }, k = B(() => ({
+  }, I = B(() => ({
     Table: (g) => /* @__PURE__ */ o(
       "table",
       {
@@ -1996,20 +2003,20 @@ const ur = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
         className: "w-full border-collapse text-left bg-background text-foreground"
       }
     ),
-    TableHead: he.forwardRef((g, T) => /* @__PURE__ */ o("thead", { ref: T, ...g, className: "sticky top-0 bg-background z-10 shadow-[0_1px_0_0_rgba(0,0,0,0.1)] dark:shadow-[0_1px_0_0_rgba(255,255,255,0.05)]" })),
-    TableBody: he.forwardRef((g, T) => /* @__PURE__ */ o("tbody", { ref: T, ...g })),
-    TableRow: ({ item: g, context: T, ...M }) => {
-      if (!T || !g) return /* @__PURE__ */ o("tr", { ...M });
-      const $ = T.selectedRowId !== void 0 && g[T.rowKey] === T.selectedRowId, K = T.focusedIndex === M["data-index"];
+    TableHead: pe.forwardRef((g, D) => /* @__PURE__ */ o("thead", { ref: D, ...g, className: "sticky top-0 bg-background z-10 shadow-[0_1px_0_0_rgba(0,0,0,0.1)] dark:shadow-[0_1px_0_0_rgba(255,255,255,0.05)]" })),
+    TableBody: pe.forwardRef((g, D) => /* @__PURE__ */ o("tbody", { ref: D, ...g })),
+    TableRow: ({ item: g, context: D, ...C }) => {
+      if (!D || !g) return /* @__PURE__ */ o("tr", { ...C });
+      const $ = D.selectedRowId !== void 0 && g[D.rowKey] === D.selectedRowId, K = D.focusedIndex === C["data-index"];
       return /* @__PURE__ */ o(
         "tr",
         {
-          ...M,
+          ...C,
           onClick: () => {
             var O;
-            return (O = T.onRowClick) == null ? void 0 : O.call(T, g);
+            return (O = D.onRowClick) == null ? void 0 : O.call(D, g);
           },
-          className: I(
+          className: P(
             "border-b border-border/40 hover:bg-accent/40 transition-colors cursor-pointer text-sm outline-none",
             $ && "bg-primary/10 text-primary hover:bg-primary/15 font-medium border-l-2 border-l-primary",
             K && "bg-accent/60 ring-1 ring-inset ring-ring"
@@ -2017,32 +2024,32 @@ const ur = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
         }
       );
     }
-  }), []), S = () => u ? /* @__PURE__ */ x("div", { className: "flex flex-col items-center justify-center h-64 space-y-3", children: [
-    /* @__PURE__ */ o(We, { className: "animate-spin text-primary", size: 24 }),
+  }), []), S = () => d ? /* @__PURE__ */ x("div", { className: "flex flex-col items-center justify-center h-64 space-y-3", children: [
+    /* @__PURE__ */ o(Ye, { className: "animate-spin text-primary", size: 24 }),
     /* @__PURE__ */ o("span", { className: "text-xs text-muted-foreground", children: "Loading dataset..." })
-  ] }) : E.length === 0 ? /* @__PURE__ */ x("div", { className: "flex flex-col items-center justify-center h-48 text-center px-4", children: [
+  ] }) : k.length === 0 ? /* @__PURE__ */ x("div", { className: "flex flex-col items-center justify-center h-48 text-center px-4", children: [
     /* @__PURE__ */ o("span", { className: "text-sm font-medium text-foreground", children: c }),
     /* @__PURE__ */ o("span", { className: "text-xs text-muted-foreground mt-1", children: "No items matched your search query." })
   ] }) : i ? /* @__PURE__ */ o("div", { className: "flex-1 min-h-[300px] h-full relative", children: /* @__PURE__ */ o(
-    _t,
+    Kt,
     {
-      data: E,
+      data: k,
       context: {
         selectedRowId: n,
         focusedIndex: b,
         rowKey: s,
         onRowClick: r
       },
-      components: k,
-      fixedHeaderContent: L,
-      itemContent: (g, T) => /* @__PURE__ */ o(Ue, { children: e.map((M) => {
-        const $ = T[M.key];
-        return /* @__PURE__ */ o("td", { role: "gridcell", className: "p-3 align-middle truncate max-w-xs", children: M.render ? M.render($, T) : $ != null ? String($) : "" }, M.key);
+      components: I,
+      fixedHeaderContent: T,
+      itemContent: (g, D) => /* @__PURE__ */ o(He, { children: e.map((C) => {
+        const $ = D[C.key];
+        return /* @__PURE__ */ o("td", { role: "gridcell", className: "p-3 align-middle truncate max-w-xs", children: C.render ? C.render($, D) : $ != null ? String($) : "" }, C.key);
       }) })
     }
   ) }) : /* @__PURE__ */ o("div", { className: "flex-1 overflow-auto", children: /* @__PURE__ */ x("table", { role: "grid", className: "w-full border-collapse text-left bg-background text-foreground", children: [
-    /* @__PURE__ */ o("thead", { children: L() }),
-    /* @__PURE__ */ o("tbody", { children: E.map((g, T) => A(g, T)) })
+    /* @__PURE__ */ o("thead", { children: T() }),
+    /* @__PURE__ */ o("tbody", { children: k.map((g, D) => M(g, D)) })
   ] }) });
   return /* @__PURE__ */ x(
     "div",
@@ -2052,28 +2059,28 @@ const ur = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
       "aria-label": "Data Grid",
       tabIndex: 0,
       onKeyDown: N,
-      className: I(
+      className: P(
         "flex flex-col h-full bg-background border border-border rounded-lg shadow-sm overflow-hidden focus:outline-none focus:ring-1 focus:ring-ring focus:border-transparent",
         l
       ),
       children: [
         a && /* @__PURE__ */ x("div", { className: "flex items-center justify-between p-3 border-b border-border bg-muted/20", children: [
           /* @__PURE__ */ x("div", { className: "relative flex-1 max-w-sm", children: [
-            /* @__PURE__ */ o(xe, { size: 14, className: "absolute left-2.5 top-2.5 text-muted-foreground" }),
+            /* @__PURE__ */ o(ge, { size: 14, className: "absolute left-2.5 top-2.5 text-muted-foreground" }),
             /* @__PURE__ */ o(
               "input",
               {
                 type: "text",
                 placeholder: "Filter table rows...",
                 className: "w-full bg-secondary/40 border border-border rounded-md pl-8 pr-7 py-1.5 text-xs text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-primary focus:border-transparent transition-all",
-                value: f,
-                onChange: (g) => d(g.target.value)
+                value: p,
+                onChange: (g) => u(g.target.value)
               }
             ),
-            f && /* @__PURE__ */ o(
+            p && /* @__PURE__ */ o(
               "button",
               {
-                onClick: () => d(""),
+                onClick: () => u(""),
                 className: "absolute right-2 top-2.5 text-muted-foreground hover:text-foreground",
                 "aria-label": "Clear filter",
                 children: /* @__PURE__ */ o(X, { size: 12 })
@@ -2081,7 +2088,7 @@ const ur = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
             )
           ] }),
           /* @__PURE__ */ x("div", { className: "text-[11px] text-muted-foreground font-medium ml-4", children: [
-            E.length,
+            k.length,
             " of ",
             t.length,
             " records"
@@ -2091,7 +2098,7 @@ const ur = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
       ]
     }
   );
-}, Ln = ({
+}, Mn = ({
   results: e,
   onQueryChange: t,
   onSelect: r,
@@ -2100,38 +2107,38 @@ const ur = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
   debounceMs: i = 200,
   className: a
 }) => {
-  const [u, c] = P(""), [l, f] = P(!1), [d, m] = P(0), w = _(null), b = _(null), p = B(() => n || [...new Set(e.map((v) => v.category))], [n, e]), h = B(
-    () => p.flatMap((v) => e.filter((N) => N.category === v)),
-    [p, e]
+  const [d, c] = A(""), [l, p] = A(!1), [u, m] = A(0), v = _(null), b = _(null), f = B(() => n || [...new Set(e.map((w) => w.category))], [n, e]), h = B(
+    () => f.flatMap((w) => e.filter((N) => N.category === w)),
+    [f, e]
   );
-  R(() => {
-    const v = (N) => {
-      w.current && !w.current.contains(N.target) && f(!1);
+  F(() => {
+    const w = (N) => {
+      v.current && !v.current.contains(N.target) && p(!1);
     };
-    return document.addEventListener("mousedown", v), () => document.removeEventListener("mousedown", v);
-  }, []), R(() => {
+    return document.addEventListener("mousedown", w), () => document.removeEventListener("mousedown", w);
+  }, []), F(() => {
     if (!t) return;
-    const v = window.setTimeout(() => t(u), i);
-    return () => window.clearTimeout(v);
-  }, [u, i, t]), R(() => {
+    const w = window.setTimeout(() => t(d), i);
+    return () => window.clearTimeout(w);
+  }, [d, i, t]), F(() => {
     m(0);
   }, [e]);
-  const y = (v) => {
-    r(v), f(!1), c("");
-  }, E = (v) => {
+  const y = (w) => {
+    r(w), p(!1), c("");
+  }, k = (w) => {
     var N;
     if (!l) {
-      (v.key === "ArrowDown" || v.key === "Enter") && f(!0);
+      (w.key === "ArrowDown" || w.key === "Enter") && p(!0);
       return;
     }
-    v.key === "ArrowDown" ? (v.preventDefault(), m((C) => h.length ? (C + 1) % h.length : 0)) : v.key === "ArrowUp" ? (v.preventDefault(), m(
-      (C) => h.length ? (C - 1 + h.length) % h.length : 0
-    )) : v.key === "Enter" ? (v.preventDefault(), h[d] && y(h[d])) : v.key === "Escape" && (v.preventDefault(), f(!1), (N = b.current) == null || N.blur());
+    w.key === "ArrowDown" ? (w.preventDefault(), m((L) => h.length ? (L + 1) % h.length : 0)) : w.key === "ArrowUp" ? (w.preventDefault(), m(
+      (L) => h.length ? (L - 1 + h.length) % h.length : 0
+    )) : w.key === "Enter" ? (w.preventDefault(), h[u] && y(h[u])) : w.key === "Escape" && (w.preventDefault(), p(!1), (N = b.current) == null || N.blur());
   };
-  return /* @__PURE__ */ x("div", { ref: w, className: I("relative w-full", a), children: [
+  return /* @__PURE__ */ x("div", { ref: v, className: P("relative w-full", a), children: [
     /* @__PURE__ */ x("div", { className: "relative flex items-center", children: [
       /* @__PURE__ */ o(
-        xe,
+        ge,
         {
           size: 13,
           className: "absolute left-2.5 top-1/2 -translate-y-1/2 text-muted-foreground"
@@ -2145,23 +2152,23 @@ const ur = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
           role: "combobox",
           "aria-expanded": l,
           "aria-label": s,
-          value: u,
+          value: d,
           placeholder: s,
-          onChange: (v) => {
-            c(v.target.value), f(!0);
+          onChange: (w) => {
+            c(w.target.value), p(!0);
           },
-          onFocus: () => f(!0),
-          onKeyDown: E,
+          onFocus: () => p(!0),
+          onKeyDown: k,
           className: "w-full h-7 pl-8 pr-7 bg-secondary/35 border border-border/40 rounded-md text-xs text-foreground placeholder:text-muted-foreground/75 focus:outline-none focus:ring-1 focus:ring-primary/40 focus:bg-background/95 focus:border-primary/50 transition-all font-sans"
         }
       ),
-      u && /* @__PURE__ */ o(
+      d && /* @__PURE__ */ o(
         "button",
         {
           type: "button",
           onClick: () => {
-            var v;
-            c(""), (v = b.current) == null || v.focus();
+            var w;
+            c(""), (w = b.current) == null || w.focus();
           },
           "aria-label": "Clear search",
           className: "absolute right-2 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground transition-colors",
@@ -2169,7 +2176,7 @@ const ur = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
         }
       )
     ] }),
-    l && u.trim() && /* @__PURE__ */ x(
+    l && d.trim() && /* @__PURE__ */ x(
       "div",
       {
         role: "listbox",
@@ -2177,46 +2184,46 @@ const ur = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
         children: [
           /* @__PURE__ */ o("div", { className: "flex-1 overflow-y-auto py-1", children: h.length === 0 ? /* @__PURE__ */ x("div", { className: "px-4 py-6 text-center text-xs text-muted-foreground italic", children: [
             'No results found matching "',
-            u,
+            d,
             '"'
-          ] }) : p.map((v) => {
-            const N = e.filter((C) => C.category === v);
+          ] }) : f.map((w) => {
+            const N = e.filter((L) => L.category === w);
             return N.length === 0 ? null : /* @__PURE__ */ x("div", { className: "flex flex-col", children: [
-              /* @__PURE__ */ o("div", { className: "px-3 py-1 text-[9px] font-bold uppercase tracking-wider text-muted-foreground/80 bg-muted/40 border-y border-border/20 first:border-t-0", children: v }),
-              N.map((C) => {
-                const L = C.icon, A = h.indexOf(C), k = A === d;
+              /* @__PURE__ */ o("div", { className: "px-3 py-1 text-[9px] font-bold uppercase tracking-wider text-muted-foreground/80 bg-muted/40 border-y border-border/20 first:border-t-0", children: w }),
+              N.map((L) => {
+                const T = L.icon, M = h.indexOf(L), I = M === u;
                 return /* @__PURE__ */ x(
                   "div",
                   {
                     role: "option",
-                    "aria-selected": k,
-                    onClick: () => y(C),
-                    onMouseEnter: () => m(A),
-                    className: I(
+                    "aria-selected": I,
+                    onClick: () => y(L),
+                    onMouseEnter: () => m(M),
+                    className: P(
                       "px-3 py-2 cursor-pointer flex items-start space-x-2.5 transition-colors border-l-2",
-                      k ? "bg-accent text-accent-foreground border-primary" : "border-transparent hover:bg-accent/40"
+                      I ? "bg-accent text-accent-foreground border-primary" : "border-transparent hover:bg-accent/40"
                     ),
                     children: [
-                      L && /* @__PURE__ */ o(
+                      T && /* @__PURE__ */ o(
                         "div",
                         {
-                          className: I(
+                          className: P(
                             "mt-0.5 p-1 rounded bg-muted/50",
-                            k && "bg-background text-primary"
+                            I && "bg-background text-primary"
                           ),
-                          children: /* @__PURE__ */ o(L, { size: 12 })
+                          children: /* @__PURE__ */ o(T, { size: 12 })
                         }
                       ),
                       /* @__PURE__ */ x("div", { className: "flex-1 min-w-0", children: [
-                        /* @__PURE__ */ o("div", { className: "text-xs font-medium truncate", children: C.title }),
-                        C.description && /* @__PURE__ */ o("div", { className: "text-[10px] text-muted-foreground truncate mt-0.5", children: C.description })
+                        /* @__PURE__ */ o("div", { className: "text-xs font-medium truncate", children: L.title }),
+                        L.description && /* @__PURE__ */ o("div", { className: "text-[10px] text-muted-foreground truncate mt-0.5", children: L.description })
                       ] })
                     ]
                   },
-                  `${C.category}-${C.id}`
+                  `${L.category}-${L.id}`
                 );
               })
-            ] }, v);
+            ] }, w);
           }) }),
           h.length > 0 && /* @__PURE__ */ x("div", { className: "px-3 py-1.5 border-t border-border bg-muted/20 flex items-center justify-between text-[9px] text-muted-foreground select-none shrink-0 font-mono", children: [
             /* @__PURE__ */ x("div", { className: "flex space-x-2", children: [
@@ -2237,7 +2244,7 @@ const ur = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
       }
     )
   ] });
-}, In = ({
+}, Cn = ({
   placeholder: e = "Search...",
   onSearch: t,
   results: r,
@@ -2246,37 +2253,37 @@ const ur = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
   loading: i = !1,
   className: a
 }) => {
-  const [u, c] = P(""), [l, f] = P(!1), [d, m] = P(-1), w = _(null);
-  R(() => {
+  const [d, c] = A(""), [l, p] = A(!1), [u, m] = A(-1), v = _(null);
+  F(() => {
     const h = setTimeout(() => {
-      t(u);
+      t(d);
     }, 300);
     return () => clearTimeout(h);
-  }, [u, t]);
+  }, [d, t]);
   const b = s.filter(
-    (h) => h.toLowerCase().includes(u.toLowerCase()) && h.toLowerCase() !== u.toLowerCase()
-  ), p = (h) => {
-    l && b.length > 0 && (h.key === "ArrowDown" ? (h.preventDefault(), m((y) => (y + 1) % b.length)) : h.key === "ArrowUp" ? (h.preventDefault(), m((y) => (y - 1 + b.length) % b.length)) : h.key === "Enter" && d >= 0 && (h.preventDefault(), c(b[d]), f(!1)));
+    (h) => h.toLowerCase().includes(d.toLowerCase()) && h.toLowerCase() !== d.toLowerCase()
+  ), f = (h) => {
+    l && b.length > 0 && (h.key === "ArrowDown" ? (h.preventDefault(), m((y) => (y + 1) % b.length)) : h.key === "ArrowUp" ? (h.preventDefault(), m((y) => (y - 1 + b.length) % b.length)) : h.key === "Enter" && u >= 0 && (h.preventDefault(), c(b[u]), p(!1)));
   };
-  return /* @__PURE__ */ x("div", { ref: w, className: I("flex flex-col h-full bg-background", a), children: [
+  return /* @__PURE__ */ x("div", { ref: v, className: P("flex flex-col h-full bg-background", a), children: [
     /* @__PURE__ */ x("div", { className: "p-3 border-b border-border/50", children: [
       /* @__PURE__ */ x("div", { className: "relative", children: [
-        /* @__PURE__ */ o("div", { className: "absolute left-2.5 top-2.5 text-muted-foreground", children: i ? /* @__PURE__ */ o(We, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ o(xe, { size: 14 }) }),
+        /* @__PURE__ */ o("div", { className: "absolute left-2.5 top-2.5 text-muted-foreground", children: i ? /* @__PURE__ */ o(Ye, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ o(ge, { size: 14 }) }),
         /* @__PURE__ */ o(
           "input",
           {
             type: "text",
             className: "w-full bg-secondary/50 border border-border rounded-md pl-9 pr-8 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent transition-all",
             placeholder: e,
-            value: u,
+            value: d,
             onChange: (h) => {
-              c(h.target.value), f(!0), m(-1);
+              c(h.target.value), p(!0), m(-1);
             },
-            onKeyDown: p,
-            onFocus: () => f(!0)
+            onKeyDown: f,
+            onFocus: () => p(!0)
           }
         ),
-        u && /* @__PURE__ */ o(
+        d && /* @__PURE__ */ o(
           "button",
           {
             onClick: () => {
@@ -2290,22 +2297,22 @@ const ur = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
       l && b.length > 0 && /* @__PURE__ */ o("div", { className: "absolute left-3 right-3 mt-1 bg-popover border shadow-lg rounded-md z-50 py-1 overflow-hidden", children: b.map((h, y) => /* @__PURE__ */ x(
         "div",
         {
-          className: I(
+          className: P(
             "px-3 py-1.5 text-xs cursor-pointer flex items-center space-x-2",
-            y === d ? "bg-accent text-accent-foreground" : "hover:bg-accent/50"
+            y === u ? "bg-accent text-accent-foreground" : "hover:bg-accent/50"
           ),
           onClick: () => {
-            c(h), f(!1);
+            c(h), p(!1);
           },
           children: [
-            /* @__PURE__ */ o(Rt, { size: 12, className: "text-muted-foreground" }),
+            /* @__PURE__ */ o(Ot, { size: 12, className: "text-muted-foreground" }),
             /* @__PURE__ */ o("span", { children: h })
           ]
         },
         h
       )) })
     ] }),
-    /* @__PURE__ */ o("div", { className: "flex-1 overflow-y-auto", children: r.length === 0 ? /* @__PURE__ */ o("div", { className: "p-8 text-center text-xs text-muted-foreground italic", children: u ? `No results found for "${u}"` : "Type to start searching..." }) : /* @__PURE__ */ o("div", { className: "py-2", children: r.map((h) => {
+    /* @__PURE__ */ o("div", { className: "flex-1 overflow-y-auto", children: r.length === 0 ? /* @__PURE__ */ o("div", { className: "p-8 text-center text-xs text-muted-foreground italic", children: d ? `No results found for "${d}"` : "Type to start searching..." }) : /* @__PURE__ */ o("div", { className: "py-2", children: r.map((h) => {
       const y = h.icon;
       return /* @__PURE__ */ o(
         "div",
@@ -2327,11 +2334,11 @@ const ur = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
       );
     }) }) })
   ] });
-}, lt = (e, t = 0) => e.reduce((r, n) => (r.push({ ...n, level: t }), n.isOpen && n.children && r.push(...lt(n.children, t + 1)), r), []), Dr = (e) => {
+}, ct = (e, t = 0) => e.reduce((r, n) => (r.push({ ...n, level: t }), n.isOpen && n.children && r.push(...ct(n.children, t + 1)), r), []), Ir = (e) => {
   if (!e) return ["background"];
   const t = [e.isBranch ? "branch" : "leaf"];
   return e.kind && t.push(e.kind), t;
-}, Mn = ({
+}, An = ({
   data: e,
   onToggle: t,
   onActivate: r,
@@ -2339,124 +2346,124 @@ const ur = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
   actions: s = [],
   indent: i = 12,
   virtualized: a = !0,
-  "aria-label": u = "Tree",
+  "aria-label": d = "Tree",
   className: c
 }) => {
-  const [l, f] = P(null), [d, m] = P(null), w = B(() => lt(e), [e]);
-  R(() => {
+  const [l, p] = A(null), [u, m] = A(null), v = B(() => ct(e), [e]);
+  F(() => {
     m(null);
   }, [e]);
   const b = s.filter(
-    (y) => !y.showFor || l && y.showFor.some((E) => l.scopes.includes(E))
+    (y) => !y.showFor || l && y.showFor.some((k) => l.scopes.includes(k))
   ).map((y) => ({
     label: y.label,
     icon: y.icon,
     divider: y.divider,
     onClick: () => l && y.onSelect(l.context)
-  })), p = (y, E) => {
-    s.length !== 0 && (y.preventDefault(), y.stopPropagation(), f({
+  })), f = (y, k) => {
+    s.length !== 0 && (y.preventDefault(), y.stopPropagation(), p({
       x: y.clientX,
       y: y.clientY,
-      scopes: Dr(E),
-      context: { nodeId: (E == null ? void 0 : E.id) ?? null, node: E }
+      scopes: Ir(k),
+      context: { nodeId: (k == null ? void 0 : k.id) ?? null, node: k }
     }));
   }, h = (y) => {
-    const E = w[y], v = !!E.isBranch;
+    const k = v[y], w = !!k.isBranch;
     return /* @__PURE__ */ x(
       "div",
       {
         role: "treeitem",
-        "aria-expanded": v ? !!E.isOpen : void 0,
-        "aria-level": E.level + 1,
+        "aria-expanded": w ? !!k.isOpen : void 0,
+        "aria-level": k.level + 1,
         tabIndex: 0,
         draggable: !0,
         onDragStart: (N) => {
-          N.dataTransfer.setData("text/plain", E.id), N.dataTransfer.effectAllowed = "move";
+          N.dataTransfer.setData("text/plain", k.id), N.dataTransfer.effectAllowed = "move";
         },
         onDragOver: (N) => {
-          v && (N.preventDefault(), m(E.id));
+          w && (N.preventDefault(), m(k.id));
         },
         onDragLeave: () => m(null),
         onDrop: (N) => {
           N.preventDefault(), m(null);
-          const C = N.dataTransfer.getData("text/plain");
-          C && C !== E.id && v && (n == null || n(C, E.id));
+          const L = N.dataTransfer.getData("text/plain");
+          L && L !== k.id && w && (n == null || n(L, k.id));
         },
-        onClick: () => v && (t == null ? void 0 : t(E)),
-        onDoubleClick: () => r == null ? void 0 : r(E),
+        onClick: () => w && (t == null ? void 0 : t(k)),
+        onDoubleClick: () => r == null ? void 0 : r(k),
         onKeyDown: (N) => {
-          N.key === "Enter" && (N.preventDefault(), v ? t == null || t(E) : r == null || r(E));
+          N.key === "Enter" && (N.preventDefault(), w ? t == null || t(k) : r == null || r(k));
         },
-        onContextMenu: (N) => p(N, E),
-        style: { paddingLeft: `${E.level * i + 8}px` },
-        className: I(
+        onContextMenu: (N) => f(N, k),
+        style: { paddingLeft: `${k.level * i + 8}px` },
+        className: P(
           "flex items-center py-1 px-2 cursor-pointer hover:bg-accent hover:text-accent-foreground select-none text-xs",
           "transition-colors duration-150 relative focus:outline-none focus:ring-1 focus:ring-ring",
-          d === E.id && "bg-primary/20 ring-1 ring-primary/50 rounded-sm",
-          E.className
+          u === k.id && "bg-primary/20 ring-1 ring-primary/50 rounded-sm",
+          k.className
         ),
         children: [
-          /* @__PURE__ */ o("div", { className: "w-4 h-4 mr-1 flex items-center justify-center shrink-0", children: v && (E.isOpen ? /* @__PURE__ */ o(Ge, { size: 14 }) : /* @__PURE__ */ o(Be, { size: 14 })) }),
-          E.icon && /* @__PURE__ */ o("div", { className: "mr-2 flex items-center shrink-0", children: E.icon }),
-          /* @__PURE__ */ o("span", { className: "truncate", children: E.label })
+          /* @__PURE__ */ o("div", { className: "w-4 h-4 mr-1 flex items-center justify-center shrink-0", children: w && (k.isOpen ? /* @__PURE__ */ o(Je, { size: 14 }) : /* @__PURE__ */ o(je, { size: 14 })) }),
+          k.icon && /* @__PURE__ */ o("div", { className: "mr-2 flex items-center shrink-0", children: k.icon }),
+          /* @__PURE__ */ o("span", { className: "truncate", children: k.label })
         ]
       },
-      E.id
+      k.id
     );
   };
   return /* @__PURE__ */ x(
     "div",
     {
       role: "tree",
-      "aria-label": u,
-      className: I("h-full w-full bg-muted/30", c),
-      onContextMenu: (y) => p(y, null),
+      "aria-label": d,
+      className: P("h-full w-full bg-muted/30", c),
+      onContextMenu: (y) => f(y, null),
       children: [
         a ? /* @__PURE__ */ o(
-          Kt,
+          Ut,
           {
             style: { height: "100%" },
-            totalCount: w.length,
+            totalCount: v.length,
             itemContent: h
           }
-        ) : /* @__PURE__ */ o("div", { className: "h-full overflow-auto", children: w.map((y, E) => h(E)) }),
+        ) : /* @__PURE__ */ o("div", { className: "h-full overflow-auto", children: v.map((y, k) => h(k)) }),
         l && b.length > 0 && /* @__PURE__ */ o(
-          Tr,
+          Lr,
           {
             x: l.x,
             y: l.y,
             items: b,
-            onClose: () => f(null)
+            onClose: () => p(null)
           }
         )
       ]
     }
   );
-}, ge = { width: 180, height: 72 }, ct = { x: 0, y: 0, scale: 1 }, j = (e) => {
+}, he = { width: 180, height: 72 }, dt = { x: 0, y: 0, scale: 1 }, j = (e) => {
   var t, r;
   return {
     x: e.position.x,
     y: e.position.y,
-    width: ((t = e.size) == null ? void 0 : t.width) ?? ge.width,
-    height: ((r = e.size) == null ? void 0 : r.height) ?? ge.height
+    width: ((t = e.size) == null ? void 0 : t.width) ?? he.width,
+    height: ((r = e.size) == null ? void 0 : r.height) ?? he.height
   };
 }, J = (e) => ({
   x: e.x + e.width / 2,
   y: e.y + e.height / 2
-}), Ne = (e, t) => ({
+}), we = (e, t) => ({
   x: (e.x - t.x) / t.scale,
   y: (e.y - t.y) / t.scale
-}), Cn = (e, t) => ({
+}), $n = (e, t) => ({
   x: e.x * t.scale + t.x,
   y: e.y * t.scale + t.y
-}), ze = (e, t, r) => {
-  const n = Ne(t, e);
+}), _e = (e, t, r) => {
+  const n = we(t, e);
   return {
     scale: r,
     x: t.x - n.x * r,
     y: t.y - n.y * r
   };
-}, ke = (e, t = 0.1, r = 4) => Math.min(r, Math.max(t, e)), Oe = (e, t) => {
+}, Ne = (e, t = 0.1, r = 4) => Math.min(r, Math.max(t, e)), Ke = (e, t) => {
   const r = J(e);
   switch (t) {
     case "top":
@@ -2468,25 +2475,25 @@ const ur = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
     case "right":
       return { x: e.x + e.width, y: r.y };
   }
-}, Sr = (e, t) => {
+}, Pr = (e, t) => {
   const r = J(e), n = J(t), s = n.x - r.x, i = n.y - r.y;
   return Math.abs(s) >= Math.abs(i) ? s >= 0 ? { source: "right", target: "left" } : { source: "left", target: "right" } : i >= 0 ? { source: "bottom", target: "top" } : { source: "top", target: "bottom" };
-}, dt = (e) => {
+}, ut = (e) => {
   if (e.length === 0) return null;
   const t = e.map(j), r = Math.min(...t.map((a) => a.x)), n = Math.min(...t.map((a) => a.y)), s = Math.max(...t.map((a) => a.x + a.width)), i = Math.max(...t.map((a) => a.y + a.height));
   return { x: r, y: n, width: s - r, height: i - n };
-}, Lr = (e, t) => ({
+}, Sr = (e, t) => ({
   // Written as a subtraction rather than `-viewport.x / scale` so a pan of zero
   // yields +0 rather than -0, which otherwise leaks into equality checks.
   x: (0 - e.x) / e.scale,
   y: (0 - e.y) / e.scale,
   width: t.width / e.scale,
   height: t.height / e.scale
-}), _e = (e, t, r) => ({
+}), Ue = (e, t, r) => ({
   scale: r,
   x: t.width / 2 - e.x * r,
   y: t.height / 2 - e.y * r
-}), Ir = (e, t) => {
+}), Mr = (e, t) => {
   const r = Math.min(e.x, t.x), n = Math.min(e.y, t.y);
   return {
     x: r,
@@ -2494,10 +2501,10 @@ const ur = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
     width: Math.max(e.x + e.width, t.x + t.width) - r,
     height: Math.max(e.y + e.height, t.y + t.height) - n
   };
-}, Mr = (e, t, r = 48) => {
-  const n = dt(e);
-  if (!n || t.width === 0 || t.height === 0) return ct;
-  const s = ke(
+}, Cr = (e, t, r = 48) => {
+  const n = ut(e);
+  if (!n || t.width === 0 || t.height === 0) return dt;
+  const s = Ne(
     Math.min(
       (t.width - r * 2) / Math.max(n.width, 1),
       (t.height - r * 2) / Math.max(n.height, 1)
@@ -2508,202 +2515,202 @@ const ur = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
     x: t.width / 2 - i.x * s,
     y: t.height / 2 - i.y * s
   };
-}, ut = {
+}, mt = {
   up: { x: 0, y: -1 },
   down: { x: 0, y: 1 },
   left: { x: -1, y: 0 },
   right: { x: 1, y: 0 }
-}, we = (e, t, r) => {
-  const n = e.find((u) => u.id === t);
+}, ve = (e, t, r) => {
+  const n = e.find((d) => d.id === t);
   if (!n) return null;
-  const s = J(j(n)), i = ut[r];
+  const s = J(j(n)), i = mt[r];
   let a = null;
-  for (const u of e) {
-    if (u.id === t) continue;
-    const c = J(j(u)), l = c.x - s.x, f = c.y - s.y, d = l * i.x + f * i.y;
-    if (d <= 0) continue;
-    const m = Math.abs(l * i.y - f * i.x);
-    if (m > d * 2) continue;
-    const w = d + m * 2;
-    (!a || w < a.score) && (a = { node: u, score: w });
+  for (const d of e) {
+    if (d.id === t) continue;
+    const c = J(j(d)), l = c.x - s.x, p = c.y - s.y, u = l * i.x + p * i.y;
+    if (u <= 0) continue;
+    const m = Math.abs(l * i.y - p * i.x);
+    if (m > u * 2) continue;
+    const v = u + m * 2;
+    (!a || v < a.score) && (a = { node: d, score: v });
   }
   return (a == null ? void 0 : a.node) ?? null;
-}, Cr = (e, t, r, n = 64) => {
+}, Ar = (e, t, r, n = 64) => {
   const s = e.find((l) => l.id === t);
   if (!s) return { x: 0, y: 0 };
-  const i = j(s), a = ut[r], u = {
+  const i = j(s), a = mt[r], d = {
     x: a.x * (i.width + n),
     y: a.y * (i.height + n)
   };
-  let c = { x: i.x + u.x, y: i.y + u.y };
+  let c = { x: i.x + d.x, y: i.y + d.y };
   for (let l = 0; l < 24; l += 1) {
-    const f = { ...c, width: i.width, height: i.height };
-    if (!e.some((m) => Ar(j(m), f))) break;
+    const p = { ...c, width: i.width, height: i.height };
+    if (!e.some((m) => $r(j(m), p))) break;
     c = a.x !== 0 ? { x: c.x, y: c.y + i.height + n } : { x: c.x + i.width + n, y: c.y };
   }
   return c;
-}, Ar = (e, t) => e.x < t.x + t.width && e.x + e.width > t.x && e.y < t.y + t.height && e.y + e.height > t.y, An = (e, t) => e.filter((r) => r.source === t || r.target === t), Pn = (e, t, r) => e.some(
+}, $r = (e, t) => e.x < t.x + t.width && e.x + e.width > t.x && e.y < t.y + t.height && e.y + e.height > t.y, Rn = (e, t) => e.filter((r) => r.source === t || r.target === t), Fn = (e, t, r) => e.some(
   (n) => n.source === t && n.target === r || n.source === r && n.target === t
-), $n = (e, t, r) => ({
+), zn = (e, t, r) => ({
   nodes: e.filter((n) => n.id !== r),
   edges: t.filter((n) => n.source !== r && n.target !== r)
-}), Rn = (e, t) => {
+}), On = (e, t) => {
   let r = t.length + 1;
   const n = new Set(t.map((s) => s.id));
   for (; n.has(`${e}-${r}`); ) r += 1;
   return `${e}-${r}`;
-}, Pr = yt(
+}, Rr = vt(
   ({
     children: e,
     overlay: t,
     viewport: r,
-    defaultViewport: n = ct,
+    defaultViewport: n = dt,
     onViewportChange: s,
     onSizeChange: i,
     onCanvasClick: a,
-    onCanvasDoubleClick: u,
+    onCanvasDoubleClick: d,
     onCanvasContextMenu: c,
     onDrop: l,
-    grid: f = !0,
-    gridSize: d = 24,
+    grid: p = !0,
+    gridSize: u = 24,
     minScale: m = 0.1,
-    maxScale: w = 4,
+    maxScale: v = 4,
     pannable: b = !0,
-    zoomable: p = !0,
+    zoomable: f = !0,
     "aria-label": h = "Graph canvas",
     className: y
-  }, E) => {
-    const v = _(null), [N, C] = P(n), [L, A] = P(!1), [k, S] = P(!1), g = r ?? N, T = _(g);
-    T.current = g;
-    const M = Y(
-      (D) => {
-        r || C(D), s == null || s(D);
+  }, k) => {
+    const w = _(null), [N, L] = A(n), [T, M] = A(!1), [I, S] = A(!1), g = r ?? N, D = _(g);
+    D.current = g;
+    const C = Y(
+      (E) => {
+        r || L(E), s == null || s(E);
       },
       [r, s]
-    ), $ = Y((D) => {
-      var F;
-      const z = (F = v.current) == null ? void 0 : F.getBoundingClientRect();
-      return z ? { x: D.x - z.left, y: D.y - z.top } : D;
+    ), $ = Y((E) => {
+      var R;
+      const z = (R = w.current) == null ? void 0 : R.getBoundingClientRect();
+      return z ? { x: E.x - z.left, y: E.y - z.top } : E;
     }, []);
-    R(() => {
-      const D = v.current;
-      if (!D || !i) return;
+    F(() => {
+      const E = w.current;
+      if (!E || !i) return;
       const z = () => {
-        const U = D.getBoundingClientRect();
+        const U = E.getBoundingClientRect();
         i({ width: U.width, height: U.height });
       };
       z();
-      const F = new ResizeObserver(z);
-      return F.observe(D), () => F.disconnect();
-    }, [i]), R(() => {
-      const D = v.current;
-      if (!D || !p) return;
-      const z = (F) => {
-        F.preventDefault();
-        const U = T.current, W = $({ x: F.clientX, y: F.clientY }), me = F.ctrlKey ? 0.01 : 2e-3, fe = ke(
-          U.scale * Math.exp(-F.deltaY * me),
+      const R = new ResizeObserver(z);
+      return R.observe(E), () => R.disconnect();
+    }, [i]), F(() => {
+      const E = w.current;
+      if (!E || !f) return;
+      const z = (R) => {
+        R.preventDefault();
+        const U = D.current, W = $({ x: R.clientX, y: R.clientY }), ue = R.ctrlKey ? 0.01 : 2e-3, me = Ne(
+          U.scale * Math.exp(-R.deltaY * ue),
           m,
-          w
+          v
         );
-        M(ze(U, W, fe));
+        C(_e(U, W, me));
       };
-      return D.addEventListener("wheel", z, { passive: !1 }), () => D.removeEventListener("wheel", z);
-    }, [p, m, w, M, $]), R(() => {
+      return E.addEventListener("wheel", z, { passive: !1 }), () => E.removeEventListener("wheel", z);
+    }, [f, m, v, C, $]), F(() => {
       if (!b) return;
-      const D = (F) => {
+      const E = (R) => {
         var W;
-        if (F.code !== "Space") return;
-        const U = F.target;
-        U != null && U.closest('input, textarea, [contenteditable="true"]') || (W = v.current) != null && W.contains(document.activeElement) && (F.preventDefault(), S(!0));
-      }, z = (F) => {
-        F.code === "Space" && S(!1);
+        if (R.code !== "Space") return;
+        const U = R.target;
+        U != null && U.closest('input, textarea, [contenteditable="true"]') || (W = w.current) != null && W.contains(document.activeElement) && (R.preventDefault(), S(!0));
+      }, z = (R) => {
+        R.code === "Space" && S(!1);
       };
-      return window.addEventListener("keydown", D), window.addEventListener("keyup", z), () => {
-        window.removeEventListener("keydown", D), window.removeEventListener("keyup", z);
+      return window.addEventListener("keydown", E), window.addEventListener("keyup", z), () => {
+        window.removeEventListener("keydown", E), window.removeEventListener("keyup", z);
       };
     }, [b]);
-    const K = (D) => {
+    const K = (E) => {
       if (!b) return;
-      const z = D.target === D.currentTarget, F = D.button === 1;
-      if (!z && !F && !k || D.button !== 0 && !F) return;
-      D.preventDefault(), A(!0);
-      const U = { x: D.clientX, y: D.clientY }, W = { ...T.current }, me = (Ie) => {
-        M({
+      const z = E.target === E.currentTarget, R = E.button === 1;
+      if (!z && !R && !I || E.button !== 0 && !R) return;
+      E.preventDefault(), M(!0);
+      const U = { x: E.clientX, y: E.clientY }, W = { ...D.current }, ue = (Pe) => {
+        C({
           ...W,
-          x: W.x + (Ie.clientX - U.x),
-          y: W.y + (Ie.clientY - U.y)
+          x: W.x + (Pe.clientX - U.x),
+          y: W.y + (Pe.clientY - U.y)
         });
-      }, fe = () => {
-        A(!1), window.removeEventListener("pointermove", me), window.removeEventListener("pointerup", fe);
+      }, me = () => {
+        M(!1), window.removeEventListener("pointermove", ue), window.removeEventListener("pointerup", me);
       };
-      window.addEventListener("pointermove", me), window.addEventListener("pointerup", fe);
+      window.addEventListener("pointermove", ue), window.addEventListener("pointerup", me);
     };
-    vt(
-      E,
+    wt(
+      k,
       () => ({
-        getViewport: () => T.current,
-        setViewport: M,
-        fitTo: (D, z) => {
+        getViewport: () => D.current,
+        setViewport: C,
+        fitTo: (E, z) => {
           var U;
-          const F = (U = v.current) == null ? void 0 : U.getBoundingClientRect();
-          F && M(Mr(D, { width: F.width, height: F.height }, z));
+          const R = (U = w.current) == null ? void 0 : U.getBoundingClientRect();
+          R && C(Cr(E, { width: R.width, height: R.height }, z));
         },
-        zoomBy: (D) => {
+        zoomBy: (E) => {
           var W;
-          const z = (W = v.current) == null ? void 0 : W.getBoundingClientRect();
+          const z = (W = w.current) == null ? void 0 : W.getBoundingClientRect();
           if (!z) return;
-          const F = { x: z.width / 2, y: z.height / 2 }, U = ke(
-            T.current.scale * D,
+          const R = { x: z.width / 2, y: z.height / 2 }, U = Ne(
+            D.current.scale * E,
             m,
-            w
+            v
           );
-          M(ze(T.current, F, U));
+          C(_e(D.current, R, U));
         },
-        clientToGraph: (D) => Ne($(D), T.current),
+        clientToGraph: (E) => we($(E), D.current),
         getSize: () => {
           var z;
-          const D = (z = v.current) == null ? void 0 : z.getBoundingClientRect();
-          return { width: (D == null ? void 0 : D.width) ?? 0, height: (D == null ? void 0 : D.height) ?? 0 };
+          const E = (z = w.current) == null ? void 0 : z.getBoundingClientRect();
+          return { width: (E == null ? void 0 : E.width) ?? 0, height: (E == null ? void 0 : E.height) ?? 0 };
         },
         focus: () => {
-          var D;
-          return (D = v.current) == null ? void 0 : D.focus();
+          var E;
+          return (E = w.current) == null ? void 0 : E.focus();
         }
       }),
-      [M, m, w, $]
+      [C, m, v, $]
     );
-    const O = (D) => Ne($({ x: D.clientX, y: D.clientY }), g), H = (D) => D.target === D.currentTarget;
+    const O = (E) => we($({ x: E.clientX, y: E.clientY }), g), H = (E) => E.target === E.currentTarget;
     return /* @__PURE__ */ x(
       "div",
       {
-        ref: v,
+        ref: w,
         role: "application",
         "aria-label": h,
         tabIndex: 0,
         onPointerDown: K,
-        onClick: (D) => H(D) && (a == null ? void 0 : a(O(D), D)),
-        onDoubleClick: (D) => H(D) && (u == null ? void 0 : u(O(D), D)),
-        onContextMenu: (D) => {
-          !c || !H(D) || (D.preventDefault(), c(O(D), D));
+        onClick: (E) => H(E) && (a == null ? void 0 : a(O(E), E)),
+        onDoubleClick: (E) => H(E) && (d == null ? void 0 : d(O(E), E)),
+        onContextMenu: (E) => {
+          !c || !H(E) || (E.preventDefault(), c(O(E), E));
         },
-        onDragOver: (D) => {
-          l && (D.preventDefault(), D.dataTransfer.dropEffect = "copy");
+        onDragOver: (E) => {
+          l && (E.preventDefault(), E.dataTransfer.dropEffect = "copy");
         },
-        onDrop: (D) => {
-          l && (D.preventDefault(), l(O(D), D));
+        onDrop: (E) => {
+          l && (E.preventDefault(), l(O(E), E));
         },
-        style: f ? {
+        style: p ? {
           // The grid is painted on the element rather than inside the
           // transformed layer, so it can be infinite without needing a
           // giant element behind it.
           backgroundImage: "radial-gradient(circle, hsl(var(--border)) 1px, transparent 1px)",
-          backgroundSize: `${d * g.scale}px ${d * g.scale}px`,
+          backgroundSize: `${u * g.scale}px ${u * g.scale}px`,
           backgroundPosition: `${g.x}px ${g.y}px`
         } : void 0,
-        className: I(
+        className: P(
           "relative w-full h-full overflow-hidden bg-background outline-none",
           "focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-inset",
-          k || L ? "cursor-grabbing" : "cursor-grab",
+          I || T ? "cursor-grabbing" : "cursor-grab",
           y
         ),
         children: [
@@ -2725,13 +2732,13 @@ const ur = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
     );
   }
 );
-Pr.displayName = "GraphCanvas";
-const $r = ["top", "right", "bottom", "left"], Rr = {
+Rr.displayName = "GraphCanvas";
+const Fr = ["top", "right", "bottom", "left"], zr = {
   top: "left-1/2 -translate-x-1/2 -top-1.5",
   bottom: "left-1/2 -translate-x-1/2 -bottom-1.5",
   left: "top-1/2 -translate-y-1/2 -left-1.5",
   right: "top-1/2 -translate-y-1/2 -right-1.5"
-}, Fn = ({
+}, _n = ({
   node: e,
   children: t,
   onMove: r,
@@ -2739,25 +2746,25 @@ const $r = ["top", "right", "bottom", "left"], Rr = {
   onSelect: s,
   onActivate: i,
   onContextMenu: a,
-  onConnectStart: u,
+  onConnectStart: d,
   onConnectEnd: c,
   selected: l = !1,
-  focused: f = !1,
-  ports: d = !0,
+  focused: p = !1,
+  ports: u = !0,
   draggable: m = !0,
-  className: w
+  className: v
 }) => {
-  var E, v;
-  const b = _(!1), p = ((E = e.size) == null ? void 0 : E.width) ?? ge.width, h = ((v = e.size) == null ? void 0 : v.height) ?? ge.height, y = (N) => {
+  var k, w;
+  const b = _(!1), f = ((k = e.size) == null ? void 0 : k.width) ?? he.width, h = ((w = e.size) == null ? void 0 : w.height) ?? he.height, y = (N) => {
     if (!m || !r || N.button !== 0 || N.nativeEvent.shiftKey) return;
     N.stopPropagation(), b.current = !1;
-    const C = { x: N.clientX, y: N.clientY }, L = { ...e.position }, A = Fr(N.currentTarget);
-    let k = L;
-    const S = (T) => {
-      const M = (T.clientX - C.x) / A, $ = (T.clientY - C.y) / A;
-      (Math.abs(M) > 1 || Math.abs($) > 1) && (b.current = !0), k = { x: L.x + M, y: L.y + $ }, r(e.id, k);
+    const L = { x: N.clientX, y: N.clientY }, T = { ...e.position }, M = Or(N.currentTarget);
+    let I = T;
+    const S = (D) => {
+      const C = (D.clientX - L.x) / M, $ = (D.clientY - L.y) / M;
+      (Math.abs(C) > 1 || Math.abs($) > 1) && (b.current = !0), I = { x: T.x + C, y: T.y + $ }, r(e.id, I);
     }, g = () => {
-      b.current && (n == null || n(e.id, k)), window.removeEventListener("pointermove", S), window.removeEventListener("pointerup", g);
+      b.current && (n == null || n(e.id, I)), window.removeEventListener("pointermove", S), window.removeEventListener("pointerup", g);
     };
     window.addEventListener("pointermove", S), window.addEventListener("pointerup", g);
   };
@@ -2772,7 +2779,7 @@ const $r = ["top", "right", "bottom", "left"], Rr = {
         position: "absolute",
         left: e.position.x,
         top: e.position.y,
-        width: p,
+        width: f,
         height: h
       },
       onPointerDown: y,
@@ -2786,32 +2793,32 @@ const $r = ["top", "right", "bottom", "left"], Rr = {
         a && (N.preventDefault(), N.stopPropagation(), a(e.id, { x: N.clientX, y: N.clientY }, N));
       },
       onPointerUp: () => c == null ? void 0 : c(e.id),
-      className: I(
+      className: P(
         "group rounded-lg border bg-card text-card-foreground shadow-sm select-none",
         "flex flex-col overflow-hidden transition-shadow",
         m && r && "cursor-grab active:cursor-grabbing",
         l ? "border-primary shadow-md" : "border-border",
         // Focus is the keyboard cursor: it must be visible even when the node
         // is also selected, so it gets a ring rather than a border change.
-        f && "ring-2 ring-ring ring-offset-1 ring-offset-background",
-        w
+        p && "ring-2 ring-ring ring-offset-1 ring-offset-background",
+        v
       ),
       children: [
         t,
-        d && u && $r.map((N) => /* @__PURE__ */ o(
+        u && d && Fr.map((N) => /* @__PURE__ */ o(
           "button",
           {
             type: "button",
             tabIndex: -1,
             "aria-label": `Connect from ${N}`,
-            onPointerDown: (C) => {
-              C.stopPropagation(), u(e.id, N);
+            onPointerDown: (L) => {
+              L.stopPropagation(), d(e.id, N);
             },
-            className: I(
+            className: P(
               "absolute w-3 h-3 rounded-full border-2 border-background bg-primary",
               "opacity-0 group-hover:opacity-100 focus-visible:opacity-100 transition-opacity",
-              f && "opacity-100",
-              Rr[N]
+              p && "opacity-100",
+              zr[N]
             )
           },
           N
@@ -2819,7 +2826,7 @@ const $r = ["top", "right", "bottom", "left"], Rr = {
       ]
     }
   );
-}, Fr = (e) => {
+}, Or = (e) => {
   let t = e.parentElement;
   for (; t; ) {
     const r = window.getComputedStyle(t).transform;
@@ -2830,7 +2837,7 @@ const $r = ["top", "right", "bottom", "left"], Rr = {
     t = t.parentElement;
   }
   return 1;
-}, zr = (e, t, r, n) => {
+}, _r = (e, t, r, n) => {
   if (n === "straight")
     return `M ${e.x} ${e.y} L ${t.x} ${t.y}`;
   const s = r === "left" || r === "right";
@@ -2838,9 +2845,9 @@ const $r = ["top", "right", "bottom", "left"], Rr = {
     const l = s ? (e.x + t.x) / 2 : (e.y + t.y) / 2;
     return s ? `M ${e.x} ${e.y} L ${l} ${e.y} L ${l} ${t.y} L ${t.x} ${t.y}` : `M ${e.x} ${e.y} L ${e.x} ${l} L ${t.x} ${l} L ${t.x} ${t.y}`;
   }
-  const i = Math.hypot(t.x - e.x, t.y - e.y), a = Math.min(Math.max(i / 2, 24), 160), u = s ? { x: e.x + (r === "right" ? a : -a), y: e.y } : { x: e.x, y: e.y + (r === "bottom" ? a : -a) }, c = s ? { x: t.x - (r === "right" ? a : -a), y: t.y } : { x: t.x, y: t.y - (r === "bottom" ? a : -a) };
-  return `M ${e.x} ${e.y} C ${u.x} ${u.y}, ${c.x} ${c.y}, ${t.x} ${t.y}`;
-}, zn = ({
+  const i = Math.hypot(t.x - e.x, t.y - e.y), a = Math.min(Math.max(i / 2, 24), 160), d = s ? { x: e.x + (r === "right" ? a : -a), y: e.y } : { x: e.x, y: e.y + (r === "bottom" ? a : -a) }, c = s ? { x: t.x - (r === "right" ? a : -a), y: t.y } : { x: t.x, y: t.y - (r === "bottom" ? a : -a) };
+  return `M ${e.x} ${e.y} C ${d.x} ${d.y}, ${c.x} ${c.y}, ${t.x} ${t.y}`;
+}, Kn = ({
   edge: e,
   source: t,
   target: r,
@@ -2848,20 +2855,20 @@ const $r = ["top", "right", "bottom", "left"], Rr = {
   selected: s = !1,
   arrow: i = !0,
   onSelect: a,
-  onContextMenu: u,
+  onContextMenu: d,
   className: c
 }) => {
-  const l = j(t), f = j(r), d = Sr(l, f), m = Oe(l, d.source), w = Oe(f, d.target), b = zr(m, w, d.source, n), p = { x: (m.x + w.x) / 2, y: (m.y + w.y) / 2 }, h = !!(a || u);
+  const l = j(t), p = j(r), u = Pr(l, p), m = Ke(l, u.source), v = Ke(p, u.target), b = _r(m, v, u.source, n), f = { x: (m.x + v.x) / 2, y: (m.y + v.y) / 2 }, h = !!(a || d);
   return /* @__PURE__ */ x(
     "g",
     {
       "data-graph-edge": e.id,
-      className: I(h && "cursor-pointer"),
+      className: P(h && "cursor-pointer"),
       onClick: (y) => {
         a && (y.stopPropagation(), a(e.id, y));
       },
       onContextMenu: (y) => {
-        u && (y.preventDefault(), y.stopPropagation(), u(e.id, { x: y.clientX, y: y.clientY }, y));
+        d && (y.preventDefault(), y.stopPropagation(), d(e.id, { x: y.clientX, y: y.clientY }, y));
       },
       children: [
         h && /* @__PURE__ */ o("path", { d: b, fill: "none", stroke: "transparent", strokeWidth: 16 }),
@@ -2872,7 +2879,7 @@ const $r = ["top", "right", "bottom", "left"], Rr = {
             fill: "none",
             strokeWidth: s ? 2.5 : 1.5,
             markerEnd: i ? "url(#nexus-graph-arrow)" : void 0,
-            className: I(
+            className: P(
               "transition-[stroke]",
               s ? "stroke-primary" : "stroke-border",
               c
@@ -2882,8 +2889,8 @@ const $r = ["top", "right", "bottom", "left"], Rr = {
         e.label && /* @__PURE__ */ o(
           "text",
           {
-            x: p.x,
-            y: p.y,
+            x: f.x,
+            y: f.y,
             textAnchor: "middle",
             dominantBaseline: "middle",
             className: "fill-muted-foreground text-[10px] font-medium select-none",
@@ -2894,14 +2901,14 @@ const $r = ["top", "right", "bottom", "left"], Rr = {
       ]
     }
   );
-}, On = ({ children: e, className: t }) => /* @__PURE__ */ x(
+}, Un = ({ children: e, className: t }) => /* @__PURE__ */ x(
   "svg",
   {
     style: { position: "absolute", left: -5e4, top: -5e4, overflow: "visible" },
     width: 1e5,
     height: 1e5,
     viewBox: "-50000 -50000 100000 100000",
-    className: I("pointer-events-none [&_g]:pointer-events-auto", t),
+    className: P("pointer-events-none [&_g]:pointer-events-auto", t),
     children: [
       /* @__PURE__ */ o("defs", { children: /* @__PURE__ */ o(
         "marker",
@@ -2919,7 +2926,7 @@ const $r = ["top", "right", "bottom", "left"], Rr = {
       e
     ]
   }
-), _n = {
+), Bn = {
   /** Move focus to the nearest node in a direction. */
   moveFocus: ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"],
   /** Create a connected node in a direction. */
@@ -2934,12 +2941,12 @@ const $r = ["top", "right", "bottom", "left"], Rr = {
   connect: "c",
   /** Nudge the focused node. Held with the arrow keys. */
   nudgeModifier: "shiftKey"
-}, Or = {
+}, Kr = {
   ArrowUp: "up",
   ArrowDown: "down",
   ArrowLeft: "left",
   ArrowRight: "right"
-}, Kn = ({
+}, Hn = ({
   nodes: e,
   edges: t,
   focusedId: r,
@@ -2947,145 +2954,145 @@ const $r = ["top", "right", "bottom", "left"], Rr = {
   onFocusChange: s,
   targetRef: i,
   nudgeDistance: a = 16,
-  disabled: u = !1,
+  disabled: d = !1,
   onCreateNode: c,
   onConnect: l,
-  onDeleteNode: f,
-  onMoveNode: d,
+  onDeleteNode: p,
+  onMoveNode: u,
   onEditNode: m
 }) => {
-  const [w, b] = P(
+  const [v, b] = A(
     n
-  ), [p, h] = P(null), [y, E] = P(null), v = r !== void 0 ? r : w, N = Y(
-    (k) => {
-      r === void 0 && b(k), s == null || s(k);
+  ), [f, h] = A(null), [y, k] = A(null), w = r !== void 0 ? r : v, N = Y(
+    (I) => {
+      r === void 0 && b(I), s == null || s(I);
     },
     [r, s]
-  ), C = _({
+  ), L = _({
     nodes: e,
     edges: t,
-    focusedId: v,
-    editingId: p,
+    focusedId: w,
+    editingId: f,
     connectingFrom: y
   });
-  C.current = { nodes: e, edges: t, focusedId: v, editingId: p, connectingFrom: y };
-  const L = Y(
-    (k) => {
-      const { nodes: S, focusedId: g } = C.current;
+  L.current = { nodes: e, edges: t, focusedId: w, editingId: f, connectingFrom: y };
+  const T = Y(
+    (I) => {
+      const { nodes: S, focusedId: g } = L.current;
       if (S.length === 0) return;
       if (!g) {
         N(S[0].id);
         return;
       }
-      const T = we(S, g, k);
-      T && N(T.id);
+      const D = ve(S, g, I);
+      D && N(D.id);
     },
     [N]
-  ), A = Y(
-    (k = "right") => {
-      const { nodes: S, focusedId: g } = C.current;
+  ), M = Y(
+    (I = "right") => {
+      const { nodes: S, focusedId: g } = L.current;
       if (!c) return;
-      const T = g ? Cr(S, g, k) : { x: 0, y: 0 }, M = c(T, { from: g ?? void 0, direction: k });
-      M && (g && (l == null || l(g, M)), N(M), h(M));
+      const D = g ? Ar(S, g, I) : { x: 0, y: 0 }, C = c(D, { from: g ?? void 0, direction: I });
+      C && (g && (l == null || l(g, C)), N(C), h(C));
     },
     [c, l, N]
   );
-  return R(() => {
-    if (u) return;
-    const k = i.current;
-    if (!k) return;
+  return F(() => {
+    if (d) return;
+    const I = i.current;
+    if (!I) return;
     const S = (g) => {
-      const { focusedId: T, editingId: M, connectingFrom: $ } = C.current;
-      if (M) {
+      const { focusedId: D, editingId: C, connectingFrom: $ } = L.current;
+      if (C) {
         g.key === "Escape" && (g.preventDefault(), h(null));
         return;
       }
       const K = g.target;
       if (K != null && K.closest('input, textarea, select, [contenteditable="true"]')) return;
-      const O = Or[g.key];
+      const O = Kr[g.key];
       if (O) {
         g.preventDefault();
-        const H = C.current.nodes.find((D) => D.id === T);
-        if (g.shiftKey && H && d) {
-          const D = {
+        const H = L.current.nodes.find((E) => E.id === D);
+        if (g.shiftKey && H && u) {
+          const E = {
             up: { x: 0, y: -a },
             down: { x: 0, y: a },
             left: { x: -a, y: 0 },
             right: { x: a, y: 0 }
           }[O];
-          d(H.id, {
-            x: H.position.x + D.x,
-            y: H.position.y + D.y
+          u(H.id, {
+            x: H.position.x + E.x,
+            y: H.position.y + E.y
           });
           return;
         }
-        L(O);
+        T(O);
         return;
       }
       switch (g.key) {
         case "Tab": {
           if (!c) return;
-          g.preventDefault(), A(g.shiftKey ? "left" : "right");
+          g.preventDefault(), M(g.shiftKey ? "left" : "right");
           return;
         }
         case "Enter": {
-          if (!T) return;
-          if (g.preventDefault(), $ && $ !== T) {
-            l == null || l($, T), E(null);
+          if (!D) return;
+          if (g.preventDefault(), $ && $ !== D) {
+            l == null || l($, D), k(null);
             return;
           }
-          m == null || m(T), h(T);
+          m == null || m(D), h(D);
           return;
         }
         case "Escape": {
-          g.preventDefault(), $ ? E(null) : N(null);
+          g.preventDefault(), $ ? k(null) : N(null);
           return;
         }
         case "Delete":
         case "Backspace": {
-          if (!T || !f) return;
+          if (!D || !p) return;
           g.preventDefault();
-          const H = C.current.nodes.filter((z) => z.id !== T), D = we(C.current.nodes, T, "left") ?? we(C.current.nodes, T, "right") ?? H[0] ?? null;
-          f(T), N((D == null ? void 0 : D.id) ?? null);
+          const H = L.current.nodes.filter((z) => z.id !== D), E = ve(L.current.nodes, D, "left") ?? ve(L.current.nodes, D, "right") ?? H[0] ?? null;
+          p(D), N((E == null ? void 0 : E.id) ?? null);
           return;
         }
         case "c":
         case "C": {
-          if (!T || !l || g.metaKey || g.ctrlKey) return;
-          g.preventDefault(), E($ === T ? null : T);
+          if (!D || !l || g.metaKey || g.ctrlKey) return;
+          g.preventDefault(), k($ === D ? null : D);
           return;
         }
       }
     };
-    return k.addEventListener("keydown", S), () => k.removeEventListener("keydown", S);
+    return I.addEventListener("keydown", S), () => I.removeEventListener("keydown", S);
   }, [
-    u,
+    d,
     i,
-    L,
-    A,
+    T,
+    M,
     a,
     l,
     c,
-    f,
+    p,
     m,
-    d,
+    u,
     N
-  ]), R(() => {
-    v && !e.some((k) => k.id === v) && N(null), p && !e.some((k) => k.id === p) && h(null), y && !e.some((k) => k.id === y) && E(null);
-  }, [e, v, p, y, N]), B(
+  ]), F(() => {
+    w && !e.some((I) => I.id === w) && N(null), f && !e.some((I) => I.id === f) && h(null), y && !e.some((I) => I.id === y) && k(null);
+  }, [e, w, f, y, N]), B(
     () => ({
-      focusedId: v,
+      focusedId: w,
       setFocusedId: N,
-      editingId: p,
+      editingId: f,
       setEditingId: h,
       connectingFrom: y,
-      setConnectingFrom: E,
-      moveFocus: L,
-      createConnected: A
+      setConnectingFrom: k,
+      moveFocus: T,
+      createConnected: M
     }),
-    [v, N, p, y, L, A]
+    [w, N, f, y, T, M]
   );
-}, Un = ({
+}, jn = ({
   nodes: e,
   viewport: t,
   canvasSize: r,
@@ -3093,46 +3100,46 @@ const $r = ["top", "right", "bottom", "left"], Rr = {
   width: s = 180,
   height: i = 120,
   nodeColor: a,
-  highlightIds: u,
+  highlightIds: d,
   padding: c = 8,
   panDistance: l = 80,
-  "aria-label": f = "Graph minimap",
-  className: d
+  "aria-label": p = "Graph minimap",
+  className: u
 }) => {
-  const m = _(null), w = B(() => new Set(u ?? []), [u]), b = Lr(t, r), p = B(() => {
-    const S = dt(e);
-    return S ? Ir(S, b) : b;
+  const m = _(null), v = B(() => new Set(d ?? []), [d]), b = Sr(t, r), f = B(() => {
+    const S = ut(e);
+    return S ? Mr(S, b) : b;
   }, [e, b.x, b.y, b.width, b.height]), h = Math.min(
-    (s - c * 2) / Math.max(p.width, 1),
-    (i - c * 2) / Math.max(p.height, 1)
+    (s - c * 2) / Math.max(f.width, 1),
+    (i - c * 2) / Math.max(f.height, 1)
   ), y = {
-    x: (s - p.width * h) / 2 - p.x * h,
-    y: (i - p.height * h) / 2 - p.y * h
-  }, E = (S) => ({
+    x: (s - f.width * h) / 2 - f.x * h,
+    y: (i - f.height * h) / 2 - f.y * h
+  }, k = (S) => ({
     x: S.x * h + y.x,
     y: S.y * h + y.y
-  }), v = (S) => ({
+  }), w = (S) => ({
     x: (S.x - y.x) / h,
     y: (S.y - y.y) / h
   }), N = Y(
     (S) => {
-      var M;
+      var C;
       if (!n) return;
-      const g = (M = m.current) == null ? void 0 : M.getBoundingClientRect();
+      const g = (C = m.current) == null ? void 0 : C.getBoundingClientRect();
       if (!g) return;
-      const T = v({ x: S.x - g.left, y: S.y - g.top });
-      n(_e(T, r, t.scale));
+      const D = w({ x: S.x - g.left, y: S.y - g.top });
+      n(Ue(D, r, t.scale));
     },
     [n, r, t.scale, h, y.x, y.y]
-  ), C = (S) => {
-    var M;
+  ), L = (S) => {
+    var C;
     if (!n || S.button !== 0) return;
-    S.preventDefault(), (M = m.current) == null || M.focus(), N({ x: S.clientX, y: S.clientY });
-    const g = ($) => N({ x: $.clientX, y: $.clientY }), T = () => {
-      window.removeEventListener("pointermove", g), window.removeEventListener("pointerup", T);
+    S.preventDefault(), (C = m.current) == null || C.focus(), N({ x: S.clientX, y: S.clientY });
+    const g = ($) => N({ x: $.clientX, y: $.clientY }), D = () => {
+      window.removeEventListener("pointermove", g), window.removeEventListener("pointerup", D);
     };
-    window.addEventListener("pointermove", g), window.addEventListener("pointerup", T);
-  }, L = (S) => {
+    window.addEventListener("pointermove", g), window.addEventListener("pointerup", D);
+  }, T = (S) => {
     if (!n) return;
     const g = {
       ArrowUp: { x: 0, y: -l },
@@ -3142,48 +3149,48 @@ const $r = ["top", "right", "bottom", "left"], Rr = {
     }[S.key];
     if (!g) return;
     S.preventDefault();
-    const T = J(b);
+    const D = J(b);
     n(
-      _e({ x: T.x + g.x, y: T.y + g.y }, r, t.scale)
+      Ue({ x: D.x + g.x, y: D.y + g.y }, r, t.scale)
     );
-  }, A = {
-    x: E(b).x,
-    y: E(b).y,
+  }, M = {
+    x: k(b).x,
+    y: k(b).y,
     width: b.width * h,
     height: b.height * h
-  }, k = !!n;
+  }, I = !!n;
   return /* @__PURE__ */ o(
     "div",
     {
       ref: m,
-      role: k ? "slider" : "img",
-      "aria-label": f,
+      role: I ? "slider" : "img",
+      "aria-label": p,
       "aria-valuetext": e.length === 0 ? "Empty graph" : `${e.length} nodes, viewing around ${Math.round(J(b).x)}, ${Math.round(J(b).y)}`,
-      tabIndex: k ? 0 : void 0,
-      onPointerDown: C,
-      onKeyDown: L,
+      tabIndex: I ? 0 : void 0,
+      onPointerDown: L,
+      onKeyDown: T,
       style: { width: s, height: i },
-      className: I(
+      className: P(
         "rounded-lg border border-border bg-card/90 backdrop-blur-sm shadow-sm overflow-hidden",
         "focus:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-        k && "cursor-pointer",
-        d
+        I && "cursor-pointer",
+        u
       ),
       children: /* @__PURE__ */ x("svg", { width: s, height: i, className: "block", children: [
         e.map((S) => {
-          const g = j(S), T = E(g), M = w.has(S.id);
+          const g = j(S), D = k(g), C = v.has(S.id);
           return /* @__PURE__ */ o(
             "rect",
             {
-              x: T.x,
-              y: T.y,
+              x: D.x,
+              y: D.y,
               width: Math.max(g.width * h, 2),
               height: Math.max(g.height * h, 2),
               rx: 1,
-              fill: M || a == null ? void 0 : a(S),
-              className: I(
-                !a && !M && "fill-muted-foreground/50",
-                M && "fill-primary"
+              fill: C || a == null ? void 0 : a(S),
+              className: P(
+                !a && !C && "fill-muted-foreground/50",
+                C && "fill-primary"
               )
             },
             S.id
@@ -3192,10 +3199,10 @@ const $r = ["top", "right", "bottom", "left"], Rr = {
         r.width > 0 && /* @__PURE__ */ o(
           "rect",
           {
-            x: A.x,
-            y: A.y,
-            width: Math.max(A.width, 4),
-            height: Math.max(A.height, 4),
+            x: M.x,
+            y: M.y,
+            width: Math.max(M.width, 4),
+            height: Math.max(M.height, 4),
             rx: 2,
             className: "fill-primary/10 stroke-primary",
             strokeWidth: 1.5
@@ -3204,32 +3211,32 @@ const $r = ["top", "right", "bottom", "left"], Rr = {
       ] })
     }
   );
-}, _r = (e, t) => {
+}, Ur = (e, t) => {
   const r = new Set(e.map((l) => l.id)), n = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map();
   e.forEach((l) => {
     n.set(l.id, []), s.set(l.id, 0);
   }), t.forEach((l) => {
     !r.has(l.source) || !r.has(l.target) || (n.get(l.source).push(l.target), s.set(l.target, (s.get(l.target) ?? 0) + 1));
   });
-  const i = /* @__PURE__ */ new Map(), a = [], u = (l) => {
+  const i = /* @__PURE__ */ new Map(), a = [], d = (l) => {
     i.set(l, 0), a.push(l);
   };
   e.forEach((l) => {
-    (s.get(l.id) ?? 0) === 0 && u(l.id);
-  }), a.length === 0 && e.length > 0 && u(e[0].id);
+    (s.get(l.id) ?? 0) === 0 && d(l.id);
+  }), a.length === 0 && e.length > 0 && d(e[0].id);
   let c = e.length * e.length + e.length;
   for (; a.length > 0 && c > 0; ) {
     c -= 1;
-    const l = a.shift(), f = i.get(l) ?? 0;
-    for (const d of n.get(l) ?? []) {
-      const m = i.get(d);
-      (m === void 0 || m < f + 1) && (i.set(d, f + 1), a.push(d));
+    const l = a.shift(), p = i.get(l) ?? 0;
+    for (const u of n.get(l) ?? []) {
+      const m = i.get(u);
+      (m === void 0 || m < p + 1) && (i.set(u, p + 1), a.push(u));
     }
   }
   return e.forEach((l) => {
-    i.has(l.id) || u(l.id);
+    i.has(l.id) || d(l.id);
   }), i;
-}, Ke = ({
+}, Be = ({
   direction: e = "down",
   nodeSpacing: t = 48,
   layerSpacing: r = 96,
@@ -3237,113 +3244,113 @@ const $r = ["top", "right", "bottom", "left"], Rr = {
   align: s = "center"
 } = {}) => (i, a) => {
   if (i.length === 0) return i;
-  const u = _r(i, a), c = e === "down" || e === "up", l = /* @__PURE__ */ new Map();
-  i.forEach((v) => {
-    const N = u.get(v.id) ?? 0, C = l.get(N) ?? [];
-    C.push(v), l.set(N, C);
+  const d = Ur(i, a), c = e === "down" || e === "up", l = /* @__PURE__ */ new Map();
+  i.forEach((w) => {
+    const N = d.get(w.id) ?? 0, L = l.get(N) ?? [];
+    L.push(w), l.set(N, L);
   });
-  const f = [...l.keys()].sort((v, N) => v - N), d = /* @__PURE__ */ new Map();
-  f.forEach((v) => {
-    const N = l.get(v), C = Math.max(
-      ...N.map((L) => {
-        const A = j(L);
-        return c ? A.height : A.width;
+  const p = [...l.keys()].sort((w, N) => w - N), u = /* @__PURE__ */ new Map();
+  p.forEach((w) => {
+    const N = l.get(w), L = Math.max(
+      ...N.map((T) => {
+        const M = j(T);
+        return c ? M.height : M.width;
       })
     );
-    d.set(v, C);
+    u.set(w, L);
   });
   const m = /* @__PURE__ */ new Map();
-  let w = 0;
-  f.forEach((v) => {
-    m.set(v, w), w += (d.get(v) ?? 0) + r;
+  let v = 0;
+  p.forEach((w) => {
+    m.set(w, v), v += (u.get(w) ?? 0) + r;
   });
-  const b = (v) => {
-    const N = l.get(v);
-    return N.map((L) => {
-      const A = j(L);
-      return c ? A.width : A.height;
-    }).reduce((L, A) => L + A, 0) + t * (N.length - 1);
-  }, p = Math.max(...f.map(b)), h = e === "up" || e === "left", y = w - r, E = /* @__PURE__ */ new Map();
-  return f.forEach((v) => {
-    const N = l.get(v), C = b(v);
-    let L = s === "center" ? (p - C) / 2 : 0;
-    const A = m.get(v) ?? 0, k = h ? y - A - (d.get(v) ?? 0) : A;
+  const b = (w) => {
+    const N = l.get(w);
+    return N.map((T) => {
+      const M = j(T);
+      return c ? M.width : M.height;
+    }).reduce((T, M) => T + M, 0) + t * (N.length - 1);
+  }, f = Math.max(...p.map(b)), h = e === "up" || e === "left", y = v - r, k = /* @__PURE__ */ new Map();
+  return p.forEach((w) => {
+    const N = l.get(w), L = b(w);
+    let T = s === "center" ? (f - L) / 2 : 0;
+    const M = m.get(w) ?? 0, I = h ? y - M - (u.get(w) ?? 0) : M;
     N.forEach((S) => {
-      const g = j(S), T = c ? g.width : g.height, M = c ? g.height : g.width, $ = k + ((d.get(v) ?? 0) - M) / 2;
-      E.set(
+      const g = j(S), D = c ? g.width : g.height, C = c ? g.height : g.width, $ = I + ((u.get(w) ?? 0) - C) / 2;
+      k.set(
         S.id,
-        c ? { x: n.x + L, y: n.y + $ } : { x: n.x + $, y: n.y + L }
-      ), L += T + t;
+        c ? { x: n.x + T, y: n.y + $ } : { x: n.x + $, y: n.y + T }
+      ), T += D + t;
     });
-  }), i.map((v) => {
-    const N = E.get(v.id);
-    return N ? { ...v, position: N } : v;
+  }), i.map((w) => {
+    const N = k.get(w.id);
+    return N ? { ...w, position: N } : w;
   });
-}, Kr = ({
+}, Br = ({
   columns: e,
   spacingX: t = 48,
   spacingY: r = 48,
   origin: n = { x: 0, y: 0 }
 } = {}) => (s) => {
   if (s.length === 0) return s;
-  const i = Math.max(1, e ?? Math.ceil(Math.sqrt(s.length))), a = Math.ceil(s.length / i), u = Array.from(
+  const i = Math.max(1, e ?? Math.ceil(Math.sqrt(s.length))), a = Math.ceil(s.length / i), d = Array.from(
     { length: i },
-    (d, m) => Math.max(
-      ...s.filter((w, b) => b % i === m).map((w) => j(w).width)
+    (u, m) => Math.max(
+      ...s.filter((v, b) => b % i === m).map((v) => j(v).width)
     )
   ), c = Array.from(
     { length: a },
-    (d, m) => Math.max(
-      ...s.filter((w, b) => Math.floor(b / i) === m).map((w) => j(w).height)
+    (u, m) => Math.max(
+      ...s.filter((v, b) => Math.floor(b / i) === m).map((v) => j(v).height)
     )
   ), l = [];
-  u.reduce((d, m, w) => (l[w] = d, d + m + t), 0);
-  const f = [];
-  return c.reduce((d, m, w) => (f[w] = d, d + m + r), 0), s.map((d, m) => ({
-    ...d,
+  d.reduce((u, m, v) => (l[v] = u, u + m + t), 0);
+  const p = [];
+  return c.reduce((u, m, v) => (p[v] = u, u + m + r), 0), s.map((u, m) => ({
+    ...u,
     position: {
       x: n.x + l[m % i],
-      y: n.y + f[Math.floor(m / i)]
+      y: n.y + p[Math.floor(m / i)]
     }
   }));
-}, Ur = {
-  vertical: Ke({ direction: "down" }),
-  horizontal: Ke({ direction: "right" }),
-  grid: Kr()
-}, pe = "freeform", Bn = ({
+}, Hr = {
+  vertical: Be({ direction: "down" }),
+  horizontal: Be({ direction: "right" }),
+  grid: Br()
+}, fe = "freeform", Wn = ({
   nodes: e,
   edges: t,
-  layouts: r = Ur,
+  layouts: r = Hr,
   mode: n,
-  defaultMode: s = pe,
+  defaultMode: s = fe,
   onModeChange: i,
   onNodeMove: a,
-  escapeOnDrag: u = !0
+  escapeOnDrag: d = !0
 }) => {
-  const [c, l] = P(s), f = n ?? c, d = Y(
-    (E) => {
-      n === void 0 && l(E), i == null || i(E);
+  const [c, l] = A(s), p = n ?? c, u = Y(
+    (k) => {
+      n === void 0 && l(k), i == null || i(k);
     },
     [n, i]
-  ), m = f === pe ? void 0 : r[f], w = !!m, b = B(
+  ), m = p === fe ? void 0 : r[p], v = !!m, b = B(
     () => m ? m(e, t) : e,
     [m, e, t]
-  ), p = Y(
-    (E, v) => {
-      w && u && d(pe), a == null || a(E, v);
+  ), f = Y(
+    (k, w) => {
+      v && d && u(fe), a == null || a(k, w);
     },
-    [w, u, d, a]
+    [v, d, u, a]
   ), h = Y(() => b, [b]), y = B(
     // `freeform` is a mode, not a layout; registering one under that name would
     // shadow the escape hatch, so it never appears here.
-    () => Object.keys(r).filter((E) => E !== pe),
+    () => Object.keys(r).filter((k) => k !== fe),
     [r]
   );
   return B(
-    () => ({ nodes: b, mode: f, setMode: d, available: y, isAuto: w, onMove: p, bake: h }),
-    [b, f, d, y, w, p, h]
+    () => ({ nodes: b, mode: p, setMode: u, available: y, isAuto: v, onMove: f, bake: h }),
+    [b, p, u, y, v, f, h]
   );
-}, mt = "application/x-nexus-graph-node", Hn = ({
+}, ft = "application/x-nexus-graph-node", Gn = ({
   items: e,
   onSelect: t,
   onDragStart: r,
@@ -3351,60 +3358,60 @@ const $r = ["top", "right", "bottom", "left"], Rr = {
   onOrientationChange: s,
   iconOnly: i = !1,
   className: a,
-  "aria-label": u = "Node palette"
+  "aria-label": d = "Node palette"
 }) => {
-  const c = _(null), [l, f] = P("horizontal"), d = n === "auto" ? l : n, m = _(s);
+  const c = _(null), [l, p] = A("horizontal"), u = n === "auto" ? l : n, m = _(s);
   m.current = s;
-  const w = Y(() => {
-    const p = c.current;
-    if (!p) return;
-    const h = [...p.querySelectorAll("[data-palette-item]")];
+  const v = Y(() => {
+    const f = c.current;
+    if (!f) return;
+    const h = [...f.querySelectorAll("[data-palette-item]")];
     if (h.length === 0) return;
-    const y = window.getComputedStyle(p), E = parseFloat(y.gap) || 0, v = (parseFloat(y.paddingLeft) || 0) + (parseFloat(y.paddingRight) || 0), N = h.reduce((S, g) => S + g.offsetWidth, 0) + E * (h.length - 1) + v, C = h.reduce((S, g) => S + g.offsetHeight, 0) + E * (h.length - 1) + v, L = Br(p);
-    if (!L) return;
-    const A = 4, k = N <= L.width + A ? "horizontal" : C <= L.height + A ? "vertical" : "horizontal";
-    f((S) => {
+    const y = window.getComputedStyle(f), k = parseFloat(y.gap) || 0, w = (parseFloat(y.paddingLeft) || 0) + (parseFloat(y.paddingRight) || 0), N = h.reduce((S, g) => S + g.offsetWidth, 0) + k * (h.length - 1) + w, L = h.reduce((S, g) => S + g.offsetHeight, 0) + k * (h.length - 1) + w, T = jr(f);
+    if (!T) return;
+    const M = 4, I = N <= T.width + M ? "horizontal" : L <= T.height + M ? "vertical" : "horizontal";
+    p((S) => {
       var g;
-      return S === k ? S : ((g = m.current) == null || g.call(m, k), k);
+      return S === I ? S : ((g = m.current) == null || g.call(m, I), I);
     });
   }, []);
-  R(() => {
+  F(() => {
     if (n !== "auto") return;
-    const p = c.current;
-    if (!p) return;
-    w();
-    const h = new ResizeObserver(w);
-    h.observe(p);
-    const y = ft(p);
-    return y && y !== p && h.observe(y), () => h.disconnect();
-  }, [n, w, e.length]);
-  const b = d === "vertical";
+    const f = c.current;
+    if (!f) return;
+    v();
+    const h = new ResizeObserver(v);
+    h.observe(f);
+    const y = pt(f);
+    return y && y !== f && h.observe(y), () => h.disconnect();
+  }, [n, v, e.length]);
+  const b = u === "vertical";
   return /* @__PURE__ */ o(
     "div",
     {
       ref: c,
       role: "toolbar",
-      "aria-label": u,
-      "aria-orientation": d,
-      "data-orientation": d,
-      className: I(
+      "aria-label": d,
+      "aria-orientation": u,
+      "data-orientation": u,
+      className: P(
         "flex gap-1.5 p-1.5 rounded-lg border border-border bg-card/90 backdrop-blur-sm shadow-sm",
         b ? "flex-col items-stretch" : "flex-wrap items-center",
         a
       ),
-      children: e.map((p) => /* @__PURE__ */ x(
+      children: e.map((f) => /* @__PURE__ */ x(
         "button",
         {
           type: "button",
           "data-palette-item": !0,
           draggable: !0,
-          title: p.description ?? (i ? p.label : void 0),
-          "aria-label": i ? p.label : void 0,
+          title: f.description ?? (i ? f.label : void 0),
+          "aria-label": i ? f.label : void 0,
           onDragStart: (h) => {
-            h.dataTransfer.setData(mt, p.kind), h.dataTransfer.setData("text/plain", p.label), h.dataTransfer.effectAllowed = "copy", r == null || r(p);
+            h.dataTransfer.setData(ft, f.kind), h.dataTransfer.setData("text/plain", f.label), h.dataTransfer.effectAllowed = "copy", r == null || r(f);
           },
-          onClick: () => t == null ? void 0 : t(p),
-          className: I(
+          onClick: () => t == null ? void 0 : t(f),
+          className: P(
             "flex items-center gap-1.5 rounded-md text-xs font-medium",
             "border border-border bg-background text-foreground",
             "hover:bg-accent hover:text-accent-foreground transition-colors",
@@ -3415,15 +3422,15 @@ const $r = ["top", "right", "bottom", "left"], Rr = {
             b && !i && "justify-start"
           ),
           children: [
-            p.icon,
-            !i && p.label
+            f.icon,
+            !i && f.label
           ]
         },
-        p.kind
+        f.kind
       ))
     }
   );
-}, ft = (e) => {
+}, pt = (e) => {
   let t = e.parentElement;
   for (let r = 0; t && r < 6; r += 1) {
     const n = t.getBoundingClientRect(), s = e.getBoundingClientRect();
@@ -3431,15 +3438,15 @@ const $r = ["top", "right", "bottom", "left"], Rr = {
     t = t.parentElement;
   }
   return null;
-}, Br = (e) => {
-  const t = ft(e);
+}, jr = (e) => {
+  const t = pt(e);
   if (!t) return null;
   const r = window.getComputedStyle(t), n = t.getBoundingClientRect();
   return {
     width: n.width - (parseFloat(r.paddingLeft) || 0) - (parseFloat(r.paddingRight) || 0),
     height: n.height - (parseFloat(r.paddingTop) || 0) - (parseFloat(r.paddingBottom) || 0)
   };
-}, jn = (e) => e.dataTransfer.getData(mt) || null, q = ({
+}, Yn = (e) => e.dataTransfer.getData(ft) || null, q = ({
   label: e,
   htmlFor: t,
   description: r,
@@ -3447,8 +3454,8 @@ const $r = ["top", "right", "bottom", "left"], Rr = {
   mixed: s,
   children: i,
   inline: a = !1,
-  className: u
-}) => /* @__PURE__ */ x("div", { className: I("flex flex-col gap-1.5", u), children: [
+  className: d
+}) => /* @__PURE__ */ x("div", { className: P("flex flex-col gap-1.5", d), children: [
   !a && /* @__PURE__ */ x("div", { className: "flex items-baseline justify-between gap-2", children: [
     /* @__PURE__ */ o(
       "label",
@@ -3467,7 +3474,7 @@ const $r = ["top", "right", "bottom", "left"], Rr = {
   ] }) : i,
   r && !n && /* @__PURE__ */ o("p", { className: "text-[11px] text-muted-foreground/80 leading-snug", children: r }),
   n && /* @__PURE__ */ o("p", { className: "text-[11px] text-destructive leading-snug", children: n })
-] }), ne = "w-full rounded-md border bg-background px-2.5 py-1.5 text-xs text-foreground placeholder:text-muted-foreground/60 transition-colors focus:outline-none focus:ring-2 focus:ring-primary/40 focus:border-primary/50 disabled:opacity-50 disabled:cursor-not-allowed", oe = (e) => e ? "border-destructive" : "border-border", Z = (e, t = "") => `property-${e.toLowerCase().replace(/[^a-z0-9]+/g, "-")}${t}`, se = "Mixed values", Hr = ({
+] }), ne = "w-full rounded-md border bg-background px-2.5 py-1.5 text-xs text-foreground placeholder:text-muted-foreground/60 transition-colors focus:outline-none focus:ring-2 focus:ring-primary/40 focus:border-primary/50 disabled:opacity-50 disabled:cursor-not-allowed", oe = (e) => e ? "border-destructive" : "border-border", Z = (e, t = "") => `property-${e.toLowerCase().replace(/[^a-z0-9]+/g, "-")}${t}`, se = "Mixed values", Wr = ({
   label: e,
   value: t,
   onChange: r,
@@ -3475,16 +3482,16 @@ const $r = ["top", "right", "bottom", "left"], Rr = {
   mixed: s,
   disabled: i,
   error: a,
-  placeholder: u,
+  placeholder: d,
   inputType: c = "text",
   className: l
 }) => {
-  const f = Z(e);
+  const p = Z(e);
   return /* @__PURE__ */ o(
     q,
     {
       label: e,
-      htmlFor: f,
+      htmlFor: p,
       description: n,
       error: a,
       mixed: s,
@@ -3492,18 +3499,18 @@ const $r = ["top", "right", "bottom", "left"], Rr = {
       children: /* @__PURE__ */ o(
         "input",
         {
-          id: f,
+          id: p,
           type: c,
           value: s ? "" : t ?? "",
-          placeholder: s ? se : u,
+          placeholder: s ? se : d,
           disabled: i,
-          onChange: (d) => r == null ? void 0 : r(d.target.value),
-          className: I(ne, oe(a))
+          onChange: (u) => r == null ? void 0 : r(u.target.value),
+          className: P(ne, oe(a))
         }
       )
     }
   );
-}, jr = ({
+}, Gr = ({
   label: e,
   value: t,
   onChange: r,
@@ -3511,16 +3518,16 @@ const $r = ["top", "right", "bottom", "left"], Rr = {
   mixed: s,
   disabled: i,
   error: a,
-  placeholder: u,
+  placeholder: d,
   rows: c = 4,
   className: l
 }) => {
-  const f = Z(e);
+  const p = Z(e);
   return /* @__PURE__ */ o(
     q,
     {
       label: e,
-      htmlFor: f,
+      htmlFor: p,
       description: n,
       error: a,
       mixed: s,
@@ -3528,18 +3535,18 @@ const $r = ["top", "right", "bottom", "left"], Rr = {
       children: /* @__PURE__ */ o(
         "textarea",
         {
-          id: f,
+          id: p,
           rows: c,
           value: s ? "" : t ?? "",
-          placeholder: s ? se : u,
+          placeholder: s ? se : d,
           disabled: i,
-          onChange: (d) => r == null ? void 0 : r(d.target.value),
-          className: I(ne, oe(a), "resize-y leading-relaxed")
+          onChange: (u) => r == null ? void 0 : r(u.target.value),
+          className: P(ne, oe(a), "resize-y leading-relaxed")
         }
       )
     }
   );
-}, Wr = ({
+}, Yr = ({
   label: e,
   value: t,
   onChange: r,
@@ -3547,16 +3554,16 @@ const $r = ["top", "right", "bottom", "left"], Rr = {
   mixed: s,
   disabled: i,
   error: a,
-  options: u,
+  options: d,
   placeholder: c,
   className: l
 }) => {
-  const f = Z(e);
+  const p = Z(e);
   return /* @__PURE__ */ o(
     q,
     {
       label: e,
-      htmlFor: f,
+      htmlFor: p,
       description: n,
       error: a,
       mixed: s,
@@ -3564,20 +3571,20 @@ const $r = ["top", "right", "bottom", "left"], Rr = {
       children: /* @__PURE__ */ x(
         "select",
         {
-          id: f,
+          id: p,
           value: s ? "" : t ?? "",
           disabled: i,
-          onChange: (d) => r == null ? void 0 : r(d.target.value),
-          className: I(ne, oe(a), "cursor-pointer"),
+          onChange: (u) => r == null ? void 0 : r(u.target.value),
+          className: P(ne, oe(a), "cursor-pointer"),
           children: [
             (s || c || t === void 0) && /* @__PURE__ */ o("option", { value: "", disabled: !c, children: s ? se : c ?? "—" }),
-            u.map((d) => /* @__PURE__ */ o("option", { value: d.value, disabled: d.disabled, children: d.label }, d.value))
+            d.map((u) => /* @__PURE__ */ o("option", { value: u.value, disabled: u.disabled, children: u.label }, u.value))
           ]
         }
       )
     }
   );
-}, Gr = ({
+}, Jr = ({
   label: e,
   value: t,
   onChange: r,
@@ -3585,7 +3592,7 @@ const $r = ["top", "right", "bottom", "left"], Rr = {
   mixed: s,
   disabled: i,
   error: a,
-  className: u
+  className: d
 }) => {
   const c = Z(e);
   return /* @__PURE__ */ o(
@@ -3597,7 +3604,7 @@ const $r = ["top", "right", "bottom", "left"], Rr = {
       error: a,
       mixed: s,
       inline: !0,
-      className: u,
+      className: d,
       children: /* @__PURE__ */ o(
         "input",
         {
@@ -3614,7 +3621,7 @@ const $r = ["top", "right", "bottom", "left"], Rr = {
       )
     }
   );
-}, Yr = ({
+}, Xr = ({
   label: e,
   value: t,
   onChange: r,
@@ -3622,19 +3629,19 @@ const $r = ["top", "right", "bottom", "left"], Rr = {
   mixed: s,
   disabled: i,
   error: a,
-  min: u,
+  min: d,
   max: c,
   step: l,
-  unit: f,
-  placeholder: d,
+  unit: p,
+  placeholder: u,
   className: m
 }) => {
-  const w = Z(e);
+  const v = Z(e);
   return /* @__PURE__ */ o(
     q,
     {
       label: e,
-      htmlFor: w,
+      htmlFor: v,
       description: n,
       error: a,
       mixed: s,
@@ -3643,27 +3650,27 @@ const $r = ["top", "right", "bottom", "left"], Rr = {
         /* @__PURE__ */ o(
           "input",
           {
-            id: w,
+            id: v,
             type: "number",
             value: s || t === void 0 ? "" : t,
-            placeholder: s ? se : d,
-            min: u,
+            placeholder: s ? se : u,
+            min: d,
             max: c,
             step: l,
             disabled: i,
             onChange: (b) => {
               if (b.target.value === "") return;
-              const p = Number(b.target.value);
-              Number.isFinite(p) && (r == null || r(p));
+              const f = Number(b.target.value);
+              Number.isFinite(f) && (r == null || r(f));
             },
-            className: I(ne, oe(a), f && "pr-8")
+            className: P(ne, oe(a), p && "pr-8")
           }
         ),
-        f && /* @__PURE__ */ o("span", { className: "pointer-events-none absolute right-2.5 top-1/2 -translate-y-1/2 text-[10px] text-muted-foreground", children: f })
+        p && /* @__PURE__ */ o("span", { className: "pointer-events-none absolute right-2.5 top-1/2 -translate-y-1/2 text-[10px] text-muted-foreground", children: p })
       ] })
     }
   );
-}, Jr = ({
+}, qr = ({
   label: e,
   value: t,
   onChange: r,
@@ -3671,7 +3678,7 @@ const $r = ["top", "right", "bottom", "left"], Rr = {
   mixed: s,
   disabled: i,
   error: a,
-  showValue: u = !0,
+  showValue: d = !0,
   className: c
 }) => {
   const l = Z(e);
@@ -3692,11 +3699,11 @@ const $r = ["top", "right", "bottom", "left"], Rr = {
             type: "color",
             value: s ? "#888888" : t ?? "#000000",
             disabled: i,
-            onChange: (f) => r == null ? void 0 : r(f.target.value),
+            onChange: (p) => r == null ? void 0 : r(p.target.value),
             className: "h-7 w-10 shrink-0 cursor-pointer rounded border border-border bg-background disabled:opacity-50"
           }
         ),
-        u && /* @__PURE__ */ o(
+        d && /* @__PURE__ */ o(
           "input",
           {
             type: "text",
@@ -3704,14 +3711,14 @@ const $r = ["top", "right", "bottom", "left"], Rr = {
             value: s ? "" : t ?? "",
             placeholder: s ? se : "#000000",
             disabled: i,
-            onChange: (f) => r == null ? void 0 : r(f.target.value),
-            className: I(ne, oe(a), "font-mono")
+            onChange: (p) => r == null ? void 0 : r(p.target.value),
+            className: P(ne, oe(a), "font-mono")
           }
         )
       ] })
     }
   );
-}, Xr = ({
+}, Vr = ({
   label: e,
   value: t,
   onChange: r,
@@ -3719,37 +3726,37 @@ const $r = ["top", "right", "bottom", "left"], Rr = {
   mixed: s,
   disabled: i,
   error: a,
-  withTime: u = !1,
+  withTime: d = !1,
   min: c,
   max: l,
-  className: f
+  className: p
 }) => {
-  const d = Z(e);
+  const u = Z(e);
   return /* @__PURE__ */ o(
     q,
     {
       label: e,
-      htmlFor: d,
+      htmlFor: u,
       description: n,
       error: a,
       mixed: s,
-      className: f,
+      className: p,
       children: /* @__PURE__ */ o(
         "input",
         {
-          id: d,
-          type: u ? "datetime-local" : "date",
+          id: u,
+          type: d ? "datetime-local" : "date",
           value: s ? "" : t ?? "",
           min: c,
           max: l,
           disabled: i,
           onChange: (m) => r == null ? void 0 : r(m.target.value),
-          className: I(ne, oe(a))
+          className: P(ne, oe(a))
         }
       )
     }
   );
-}, qr = ({
+}, Qr = ({
   label: e,
   value: t,
   onChange: r,
@@ -3757,17 +3764,17 @@ const $r = ["top", "right", "bottom", "left"], Rr = {
   mixed: s,
   disabled: i,
   error: a,
-  placeholder: u = "Add and press Enter",
+  placeholder: d = "Add and press Enter",
   suggestions: c,
   className: l
 }) => {
-  const [f, d] = P(""), m = Z(e), w = s ? [] : t ?? [], b = () => {
-    const p = f.trim();
-    if (!p || w.includes(p)) {
-      d("");
+  const [p, u] = A(""), m = Z(e), v = s ? [] : t ?? [], b = () => {
+    const f = p.trim();
+    if (!f || v.includes(f)) {
+      u("");
       return;
     }
-    r == null || r([...w, p]), d("");
+    r == null || r([...v, f]), u("");
   };
   return /* @__PURE__ */ x(
     q,
@@ -3779,25 +3786,25 @@ const $r = ["top", "right", "bottom", "left"], Rr = {
       mixed: s,
       className: l,
       children: [
-        w.length > 0 && /* @__PURE__ */ o("div", { className: "flex flex-wrap gap-1", children: w.map((p) => /* @__PURE__ */ x(
+        v.length > 0 && /* @__PURE__ */ o("div", { className: "flex flex-wrap gap-1", children: v.map((f) => /* @__PURE__ */ x(
           "span",
           {
             className: "flex items-center gap-1 rounded-md border border-border bg-secondary px-1.5 py-0.5 text-[11px] text-secondary-foreground",
             children: [
-              p,
+              f,
               !i && /* @__PURE__ */ o(
                 "button",
                 {
                   type: "button",
-                  "aria-label": `Remove ${p}`,
-                  onClick: () => r == null ? void 0 : r(w.filter((h) => h !== p)),
+                  "aria-label": `Remove ${f}`,
+                  onClick: () => r == null ? void 0 : r(v.filter((h) => h !== f)),
                   className: "text-muted-foreground hover:text-destructive",
                   children: /* @__PURE__ */ o(X, { size: 10 })
                 }
               )
             ]
           },
-          p
+          f
         )) }),
         /* @__PURE__ */ x("div", { className: "flex gap-1.5", children: [
           /* @__PURE__ */ o(
@@ -3806,14 +3813,14 @@ const $r = ["top", "right", "bottom", "left"], Rr = {
               id: m,
               type: "text",
               list: c ? `${m}-suggestions` : void 0,
-              value: f,
-              placeholder: s ? se : u,
+              value: p,
+              placeholder: s ? se : d,
               disabled: i,
-              onChange: (p) => d(p.target.value),
-              onKeyDown: (p) => {
-                p.key === "Enter" && (p.preventDefault(), b());
+              onChange: (f) => u(f.target.value),
+              onKeyDown: (f) => {
+                f.key === "Enter" && (f.preventDefault(), b());
               },
-              className: I(ne, oe(a))
+              className: P(ne, oe(a))
             }
           ),
           /* @__PURE__ */ o(
@@ -3821,18 +3828,18 @@ const $r = ["top", "right", "bottom", "left"], Rr = {
             {
               type: "button",
               "aria-label": `Add ${e}`,
-              disabled: i || !f.trim(),
+              disabled: i || !p.trim(),
               onClick: b,
               className: "shrink-0 rounded-md border border-border px-2 text-muted-foreground hover:bg-accent hover:text-foreground disabled:opacity-40",
-              children: /* @__PURE__ */ o(Ft, { size: 13 })
+              children: /* @__PURE__ */ o(_t, { size: 13 })
             }
           )
         ] }),
-        c && /* @__PURE__ */ o("datalist", { id: `${m}-suggestions`, children: c.map((p) => /* @__PURE__ */ o("option", { value: p }, p)) })
+        c && /* @__PURE__ */ o("datalist", { id: `${m}-suggestions`, children: c.map((f) => /* @__PURE__ */ o("option", { value: f }, f)) })
       ]
     }
   );
-}, Vr = ({
+}, Zr = ({
   label: e,
   value: t,
   description: r,
@@ -3842,39 +3849,39 @@ const $r = ["top", "right", "bottom", "left"], Rr = {
 }) => /* @__PURE__ */ o(q, { label: e, description: r, mixed: n, className: i, children: /* @__PURE__ */ o(
   "p",
   {
-    className: I(
+    className: P(
       "break-words text-xs text-foreground",
       s && "font-mono text-[11px]",
       (n || t === void 0 || t === "") && "text-muted-foreground/60"
     ),
     children: n ? se : t ?? "—"
   }
-) }), Qr = (e, t) => {
+) }), en = (e, t) => {
   if (e != null)
     return t.split(".").reduce(
       (r, n) => r == null ? void 0 : r[n],
       e
     );
-}, pt = (e, t, r) => {
+}, ht = (e, t, r) => {
   const [n, ...s] = t.split(".");
   if (n === void 0) return e;
   const i = e ?? {};
   if (s.length === 0)
     return { ...i, [n]: r };
-  const a = i[n], u = a != null && typeof a == "object" ? a : {};
+  const a = i[n], d = a != null && typeof a == "object" ? a : {};
   return {
     ...i,
-    [n]: pt(u, s.join("."), r)
+    [n]: ht(d, s.join("."), r)
   };
-}, Ee = (e, t) => t.get ? t.get(e) : Qr(e, t.key), Zr = (e, t, r) => t.set ? t.set(e, r) : pt(e, t.key, r), en = (e, t) => {
+}, ke = (e, t) => t.get ? t.get(e) : en(e, t.key), tn = (e, t, r) => t.set ? t.set(e, r) : ht(e, t.key, r), rn = (e, t) => {
   if (e.length === 0) return { value: void 0, mixed: !1 };
-  const r = Ee(e[0], t);
-  return e.every((s) => Object.is(Ee(s, t), r)) ? { value: r, mixed: !1 } : { value: void 0, mixed: !0 };
-}, tn = (e, t, r) => e.map(
-  (n) => Object.is(Ee(n, t), r) ? n : Zr(n, t, r)
-), rn = {
+  const r = ke(e[0], t);
+  return e.every((s) => Object.is(ke(s, t), r)) ? { value: r, mixed: !1 } : { value: void 0, mixed: !0 };
+}, nn = (e, t, r) => e.map(
+  (n) => Object.is(ke(n, t), r) ? n : tn(n, t, r)
+), on = {
   text: ({ field: e, state: t, onChange: r, error: n }) => /* @__PURE__ */ o(
-    Hr,
+    Wr,
     {
       label: e.label,
       description: e.description,
@@ -3887,7 +3894,7 @@ const $r = ["top", "right", "bottom", "left"], Rr = {
     }
   ),
   textarea: ({ field: e, state: t, onChange: r, error: n }) => /* @__PURE__ */ o(
-    jr,
+    Gr,
     {
       label: e.label,
       description: e.description,
@@ -3902,7 +3909,7 @@ const $r = ["top", "right", "bottom", "left"], Rr = {
   select: ({ field: e, state: t, onChange: r, error: n }) => {
     var s;
     return /* @__PURE__ */ o(
-      Wr,
+      Yr,
       {
         label: e.label,
         description: e.description,
@@ -3917,7 +3924,7 @@ const $r = ["top", "right", "bottom", "left"], Rr = {
     );
   },
   checkbox: ({ field: e, state: t, onChange: r, error: n }) => /* @__PURE__ */ o(
-    Gr,
+    Jr,
     {
       label: e.label,
       description: e.description,
@@ -3930,7 +3937,7 @@ const $r = ["top", "right", "bottom", "left"], Rr = {
     }
   ),
   number: ({ field: e, state: t, onChange: r, error: n }) => /* @__PURE__ */ o(
-    Yr,
+    Xr,
     {
       label: e.label,
       description: e.description,
@@ -3943,7 +3950,7 @@ const $r = ["top", "right", "bottom", "left"], Rr = {
     }
   ),
   color: ({ field: e, state: t, onChange: r, error: n }) => /* @__PURE__ */ o(
-    Jr,
+    qr,
     {
       label: e.label,
       description: e.description,
@@ -3956,7 +3963,7 @@ const $r = ["top", "right", "bottom", "left"], Rr = {
     }
   ),
   date: ({ field: e, state: t, onChange: r, error: n }) => /* @__PURE__ */ o(
-    Xr,
+    Vr,
     {
       label: e.label,
       description: e.description,
@@ -3969,7 +3976,7 @@ const $r = ["top", "right", "bottom", "left"], Rr = {
     }
   ),
   tags: ({ field: e, state: t, onChange: r, error: n }) => /* @__PURE__ */ o(
-    qr,
+    Qr,
     {
       label: e.label,
       description: e.description,
@@ -3982,7 +3989,7 @@ const $r = ["top", "right", "bottom", "left"], Rr = {
     }
   ),
   static: ({ field: e, state: t }) => /* @__PURE__ */ o(
-    Vr,
+    Zr,
     {
       label: e.label,
       description: e.description,
@@ -3991,55 +3998,55 @@ const $r = ["top", "right", "bottom", "left"], Rr = {
       ...e.props
     }
   )
-}, nn = /* @__PURE__ */ o("div", { className: "grid h-full place-items-center px-6 py-10 text-center", children: /* @__PURE__ */ o("p", { className: "text-xs text-muted-foreground", children: "Nothing selected. Choose an item to see its properties." }) }), Wn = ({
+}, sn = /* @__PURE__ */ o("div", { className: "grid h-full place-items-center px-6 py-10 text-center", children: /* @__PURE__ */ o("p", { className: "text-xs text-muted-foreground", children: "Nothing selected. Choose an item to see its properties." }) }), Jn = ({
   subjects: e,
   fields: t,
   onChange: r,
-  fieldTypes: n = rn,
-  emptyState: s = nn,
+  fieldTypes: n = on,
+  emptyState: s = sn,
   title: i,
   groupOrder: a,
-  className: u,
+  className: d,
   "aria-label": c = "Properties"
 }) => {
   const l = B(
     () => t.filter((m) => !m.when || m.when(e)),
     [t, e]
-  ), f = B(() => {
+  ), p = B(() => {
     const m = /* @__PURE__ */ new Map();
-    l.forEach((p) => {
-      const h = p.group ?? "";
-      m.set(h, [...m.get(h) ?? [], p]);
+    l.forEach((f) => {
+      const h = f.group ?? "";
+      m.set(h, [...m.get(h) ?? [], f]);
     });
-    const w = [...m.keys()];
+    const v = [...m.keys()];
     return (a ? [
       // Ungrouped fields always lead — they are the identity of the thing.
       ...m.has("") ? [""] : [],
-      ...a.filter((p) => m.has(p)),
-      ...w.filter((p) => p !== "" && !a.includes(p))
-    ] : w).map((p) => ({ group: p, fields: m.get(p) }));
+      ...a.filter((f) => m.has(f)),
+      ...v.filter((f) => f !== "" && !a.includes(f))
+    ] : v).map((f) => ({ group: f, fields: m.get(f) }));
   }, [l, a]);
   if (e.length === 0)
-    return /* @__PURE__ */ o("section", { "aria-label": c, className: I("h-full overflow-y-auto", u), children: s });
-  const d = typeof i == "function" ? i(e) : i;
+    return /* @__PURE__ */ o("section", { "aria-label": c, className: P("h-full overflow-y-auto", d), children: s });
+  const u = typeof i == "function" ? i(e) : i;
   return /* @__PURE__ */ x(
     "section",
     {
       "aria-label": c,
-      className: I("h-full overflow-y-auto", u),
+      className: P("h-full overflow-y-auto", d),
       children: [
-        d != null && /* @__PURE__ */ o("header", { className: "sticky top-0 z-10 border-b border-border/60 bg-background/95 px-4 py-2.5 backdrop-blur-sm", children: /* @__PURE__ */ o("div", { className: "text-xs font-semibold text-foreground", children: d }) }),
-        /* @__PURE__ */ o("div", { className: "flex flex-col gap-5 p-4", children: f.map(({ group: m, fields: w }) => /* @__PURE__ */ x("div", { className: "flex flex-col gap-4", children: [
+        u != null && /* @__PURE__ */ o("header", { className: "sticky top-0 z-10 border-b border-border/60 bg-background/95 px-4 py-2.5 backdrop-blur-sm", children: /* @__PURE__ */ o("div", { className: "text-xs font-semibold text-foreground", children: u }) }),
+        /* @__PURE__ */ o("div", { className: "flex flex-col gap-5 p-4", children: p.map(({ group: m, fields: v }) => /* @__PURE__ */ x("div", { className: "flex flex-col gap-4", children: [
           m && /* @__PURE__ */ o("h3", { className: "border-b border-border/40 pb-1 text-[10px] font-bold uppercase tracking-widest text-muted-foreground/70", children: m }),
-          w.map((b) => {
+          v.map((b) => {
             var y;
-            const p = en(e, b), h = n[b.type ?? "text"];
-            return h ? /* @__PURE__ */ o(he.Fragment, { children: h({
+            const f = rn(e, b), h = n[b.type ?? "text"];
+            return h ? /* @__PURE__ */ o(pe.Fragment, { children: h({
               field: b,
-              state: p,
+              state: f,
               subjects: e,
-              error: (y = b.validate) == null ? void 0 : y.call(b, p.value, e),
-              onChange: (E) => r == null ? void 0 : r(tn(e, b, E), b, E)
+              error: (y = b.validate) == null ? void 0 : y.call(b, f.value, e),
+              onChange: (k) => r == null ? void 0 : r(nn(e, b, k), b, k)
             }) }, b.key) : /* @__PURE__ */ x("p", { className: "text-[11px] text-destructive", children: [
               "No renderer registered for field type “",
               b.type,
@@ -4053,125 +4060,130 @@ const $r = ["top", "right", "bottom", "left"], Rr = {
 };
 export {
   Bt as ActivityBar,
-  Dn as AppTitle,
-  rn as BUILT_IN_FIELD_TYPES,
-  Ur as BUILT_IN_LAYOUTS,
-  ue as BUNDLED_THEMES,
-  Xt as BUNDLED_THEME_CLASSES,
-  Ye as CHAT_PANEL_ID,
+  Pn as AppTitle,
+  on as BUILT_IN_FIELD_TYPES,
+  Hr as BUILT_IN_LAYOUTS,
+  de as BUNDLED_THEMES,
+  nr as BUNDLED_THEME_CLASSES,
+  Xe as CHAT_PANEL_ID,
   ne as CONTROL_CLASS,
-  mr as ChatPane,
-  Gr as CheckboxField,
-  Jr as ColorField,
-  br as CommandPalette,
-  Yt as CommandRegistry,
-  Ht as ConnectedActivityBar,
-  fr as ConnectedChatPane,
-  Nn as ConnectedCommandPalette,
-  jt as ConnectedInspectorBar,
-  tr as ConnectedInspectorPane,
-  Jt as ConnectedMenuBar,
-  kn as ConnectedModal,
-  er as ConnectedSidebarPane,
-  nr as ConnectedStatusBar,
-  gr as ConnectedTerminalPane,
-  En as ConnectedThemeSwitcher,
-  Tn as ConnectedUserProfile,
-  Tr as ContextMenu,
-  gn as DEFAULT_COMMAND_IDS,
-  _n as DEFAULT_GRAPH_KEYS,
-  ge as DEFAULT_NODE_SIZE,
-  Qt as DEFAULT_SETTINGS_THEMES,
-  Nr as DEFAULT_THEME_OPTIONS,
+  dr as ChatPane,
+  Jr as CheckboxField,
+  qr as ColorField,
+  vr as CommandPalette,
+  qt as CommandRegistry,
+  ur as ConnectedChatPane,
+  Tn as ConnectedCommandPalette,
+  Vt as ConnectedMenuBar,
+  Dn as ConnectedModal,
+  xe as ConnectedPane,
+  Me as ConnectedPaneRail,
+  hr as ConnectedSettingsPanel,
+  Zt as ConnectedStatusBar,
+  br as ConnectedTerminalPane,
+  Ln as ConnectedThemeSwitcher,
+  In as ConnectedUserProfile,
+  Lr as ContextMenu,
+  bn as DEFAULT_COMMAND_IDS,
+  Bn as DEFAULT_GRAPH_KEYS,
+  he as DEFAULT_NODE_SIZE,
+  fr as DEFAULT_SETTINGS_THEMES,
+  Er as DEFAULT_THEME_OPTIONS,
   Sn as DataGrid,
-  Xr as DateField,
-  pe as FREEFORM,
+  Vr as DateField,
+  fe as FREEFORM,
   q as FieldShell,
-  mt as GRAPH_NODE_MIME,
-  Pr as GraphCanvas,
-  zn as GraphEdge,
-  On as GraphEdgeLayer,
-  Un as GraphMiniMap,
-  Fn as GraphNode,
-  ct as IDENTITY_VIEWPORT,
-  Wt as MenuBar,
-  Gt as MenuRegistry,
-  wr as Modal,
-  hn as NexusWorkspaceShell,
-  Hn as NodePalette,
-  Yr as NumberField,
-  rt as PaneHostProvider,
-  Wn as PropertyPanel,
-  Ln as QuickSearch,
-  In as SearchWidget,
-  Wr as SelectField,
-  Zt as SettingsPanel,
-  hn as ShellLayout,
-  be as SidebarPane,
-  Vr as StaticField,
-  rr as StatusBar,
-  Je as TERMINAL_PANEL_ID,
-  qr as TagField,
-  pr as TerminalPane,
-  jr as TextAreaField,
-  Hr as TextField,
-  kr as ThemeSwitcher,
-  Mn as TreeWidget,
-  Er as UserProfile,
+  ft as GRAPH_NODE_MIME,
+  Rr as GraphCanvas,
+  Kn as GraphEdge,
+  Un as GraphEdgeLayer,
+  jn as GraphMiniMap,
+  _n as GraphNode,
+  dt as IDENTITY_VIEWPORT,
+  Jt as MenuBar,
+  Xt as MenuRegistry,
+  kr as Modal,
+  xn as NexusWorkspaceShell,
+  Gn as NodePalette,
+  Xr as NumberField,
+  Ve as PANE_SIDES,
+  ot as PaneHostProvider,
+  Jn as PropertyPanel,
+  Mn as QuickSearch,
+  Ht as SETTINGS_PANEL_ID,
+  Cn as SearchWidget,
+  Yr as SelectField,
+  pr as SettingsPanel,
+  xn as ShellLayout,
+  Ce as SidebarPane,
+  Zr as StaticField,
+  Qt as StatusBar,
+  qe as TERMINAL_PANEL_ID,
+  Qr as TagField,
+  gr as TerminalPane,
+  Gr as TextAreaField,
+  Wr as TextField,
+  Tr as ThemeSwitcher,
+  An as TreeWidget,
+  Dr as UserProfile,
   oe as borderClass,
-  _e as centerOn,
-  vn as chatPanel,
-  ke as clampScale,
-  I as cn,
+  Ue as centerOn,
+  Nn as chatPanel,
+  Ne as clampScale,
+  P as cn,
   re as commandRegistry,
-  ot as componentRegistry,
-  Xe as createSidebarStore,
-  zr as edgePath,
-  An as edgesOf,
+  st as componentRegistry,
+  De as createPaneStore,
+  _r as edgePath,
+  Rn as edgesOf,
   Z as fieldId,
-  we as findNeighbour,
-  Mr as fitViewport,
-  Qr as getPath,
-  dt as graphBounds,
-  Kr as gridLayout,
-  xn as initializeShell,
-  Pn as isConnected,
-  Ke as layeredLayout,
-  Se as menuRegistry,
-  Rn as nextId,
+  ve as findNeighbour,
+  Cr as fitViewport,
+  en as getPath,
+  ut as graphBounds,
+  Br as gridLayout,
+  yn as initializeShell,
+  Fn as isConnected,
+  Be as layeredLayout,
+  Le as menuRegistry,
+  On as nextId,
   j as nodeRect,
-  Cr as placeRelativeTo,
-  bn as pluginRegistry,
-  Oe as portPoint,
-  jn as readPaletteDrag,
-  Ee as readValue,
-  en as readValues,
+  ce as paneStore,
+  Ar as placeRelativeTo,
+  vn as pluginRegistry,
+  Ke as portPoint,
+  Yn as readPaletteDrag,
+  ke as readValue,
+  rn as readValues,
   J as rectCenter,
-  $n as removeNode,
-  Sr as resolvePorts,
-  pt as setPath,
-  wn as terminalPanel,
-  qt as themeClass,
-  Ne as toGraphSpace,
-  Cn as toScreenSpace,
-  $e as togglePanel,
-  Ir as unionRect,
-  de as useChatStore,
-  Kn as useGraphKeyboard,
-  Bn as useGraphLayout,
-  tt as useHostChrome,
-  ie as useInspectorStore,
-  yn as useKeyboardShortcuts,
-  st as useLayoutStore,
-  at as useModalStore,
-  et as usePaneHost,
-  ce as useSidebarStore,
-  Le as useStatusBarStore,
-  ve as useTerminalStore,
-  le as useThemeStore,
+  zn as removeNode,
+  Pr as resolvePorts,
+  Qe as setPanels,
+  ht as setPath,
+  En as settingsPanel,
+  kn as terminalPanel,
+  or as themeClass,
+  we as toGraphSpace,
+  $n as toScreenSpace,
+  Fe as togglePanel,
+  Mr as unionRect,
+  Gt as useBottomPaneStore,
+  le as useChatStore,
+  Hn as useGraphKeyboard,
+  Wn as useGraphLayout,
+  nt as useHostChrome,
+  wn as useKeyboardShortcuts,
+  at as useLayoutStore,
+  jt as useLeftPaneStore,
+  it as useModalStore,
+  rt as usePaneHost,
+  Wt as useRightPaneStore,
+  Ie as useStatusBarStore,
+  ye as useTerminalStore,
+  ie as useThemeStore,
   te as useUserProfileStore,
-  Lr as viewportRect,
-  Zr as writeValue,
-  tn as writeValues,
-  ze as zoomAt
+  Sr as viewportRect,
+  tn as writeValue,
+  nn as writeValues,
+  _e as zoomAt
 };