nexus-shell 0.2.11 → 0.2.12

package/dist/nexus-shell.es.js

@@ -2,18 +2,18 @@ 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 pe, { useMemo as B, useContext as bt, createContext as yt, useEffect as F, useState as $, useRef as _, useId as vt, forwardRef as wt, useCallback as Y, useImperativeHandle as Nt } from "react";
+import { Model as G, Actions as ae, DockLocation as kt, Layout as Et } from "flexlayout-react";
 import "flexlayout-react/style/light.css";
-import { clsx as Et } from "clsx";
-import { twMerge as Tt } from "tailwind-merge";
+import { clsx as Tt } from "clsx";
+import { twMerge as Dt } from "tailwind-merge";
 import { create as Q } from "zustand";
-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));
+import { ChevronRight as je, X, MessageCircle as Ee, User as We, Terminal as Te, Send as Lt, GraduationCap as Pe, Moon as It, Sun as St, Palette as Pt, ChevronUp as Ge, Settings as Mt, Search as ge, Info as Ct, HelpCircle as At, AlertCircle as $t, Check as Rt, Camera as Ft, Edit2 as zt, Loader2 as Ye, ChevronsUpDown as Ot, ChevronDown as Je, Clock as _t, Plus as Kt } from "lucide-react";
+import { TableVirtuoso as Ut, Virtuoso as Bt } from "react-virtuoso";
+function M(...e) {
+  return Dt(Tt(e));
 }
-const Bt = ({
+const Ht = ({
   items: e = [],
   bottomItems: t = [],
   activeId: r = null,
@@ -30,7 +30,7 @@ const Bt = ({
       "aria-label": l,
       title: l,
       "aria-pressed": r === c,
-      className: P(
+      className: M(
         "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",
@@ -48,7 +48,7 @@ const Bt = ({
       role: "navigation",
       "aria-label": a,
       "data-side": s,
-      className: P(
+      className: M(
         "w-12 h-full bg-muted flex flex-col items-center py-2 select-none",
         s === "right" ? "border-l" : "border-r",
         i
@@ -59,22 +59,34 @@ const Bt = ({
       ]
     }
   );
-}, Xe = "chat", qe = "terminal", Ht = "settings", De = (e) => Q((t) => {
-  const r = (n) => (n === null ? localStorage.removeItem(e) : localStorage.setItem(e, n), n);
+}, Xe = "chat", qe = "terminal", jt = "settings", Wt = (e) => {
+  try {
+    return typeof window > "u" || !window.localStorage ? null : window.localStorage.getItem(e);
+  } catch {
+    return null;
+  }
+}, Gt = (e, t) => {
+  try {
+    if (typeof window > "u" || !window.localStorage) return;
+    t === null ? window.localStorage.removeItem(e) : window.localStorage.setItem(e, t);
+  } catch {
+  }
+}, De = (e) => Q((t) => {
+  const r = (n) => (Gt(e, n), n);
   return {
-    activePanel: localStorage.getItem(e),
+    activePanel: Wt(e),
     panels: [],
     setActivePanel: (n) => t({ activePanel: r(n) }),
     togglePanel: (n) => t((s) => ({
       activePanel: r(s.activePanel === n ? null : n)
     })),
-    setPanels: (n) => t({ panels: n })
+    setPanels: (n) => t((s) => n.length > 0 && s.activePanel !== null && !n.some((a) => a.id === s.activePanel) ? { panels: n, activePanel: r(null) } : { panels: n })
   };
-}), 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) => {
+}), Yt = De("nexus-shell-pane-left"), Jt = De("nexus-shell-pane-right"), Xt = De("nexus-shell-pane-bottom"), qt = {
+  left: Yt,
+  right: Jt,
+  bottom: Xt
+}, ce = (e) => qt[e], Ve = ["left", "right", "bottom"], Qe = (e) => {
   Ve.forEach((t) => {
     ce(t).getState().setPanels(e.filter((r) => (r.side ?? "left") === t));
   });
@@ -87,7 +99,7 @@ const Bt = ({
     ];
   }, [n]);
   return n.length === 0 ? null : /* @__PURE__ */ o(
-    Bt,
+    Ht,
     {
       ...t,
       side: e,
@@ -98,7 +110,7 @@ const Bt = ({
       "aria-label": t["aria-label"] ?? (e === "right" ? "Inspector Bar" : "Activity Bar")
     }
   );
-}, Jt = ({
+}, Vt = ({
   menus: e = {},
   onSelect: t,
   title: r,
@@ -163,7 +175,7 @@ const Bt = ({
     {
       role: "banner",
       "aria-label": "Application Header",
-      className: P(
+      className: M(
         "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
@@ -199,7 +211,7 @@ const Bt = ({
     }
   );
 };
-class Xt {
+class Qt {
   constructor() {
     ee(this, "menus", /* @__PURE__ */ new Map());
   }
@@ -220,8 +232,8 @@ class Xt {
     }), t;
   }
 }
-const Le = new Xt();
-class qt {
+const Le = new Qt();
+class Zt {
   constructor() {
     ee(this, "commands", /* @__PURE__ */ new Map());
   }
@@ -243,7 +255,7 @@ class qt {
     return Array.from(this.commands.values());
   }
 }
-const re = new qt(), Ze = (e) => e.map((t) => {
+const re = new Zt(), Ze = (e) => e.map((t) => {
   var r;
   return {
     ...t,
@@ -256,11 +268,11 @@ const re = new qt(), Ze = (e) => e.map((t) => {
     const n = r.submenu && et(r.submenu, t);
     if (n) return n;
   }
-}, Vt = (e) => {
+}, er = (e) => {
   const t = Le.getAllMenus(), r = Object.fromEntries(
     Object.entries(t).map(([s, i]) => [s, Ze(i)])
   );
-  return /* @__PURE__ */ o(Jt, { ...e, menus: r, onSelect: (s) => {
+  return /* @__PURE__ */ o(Vt, { ...e, menus: r, onSelect: (s) => {
     for (const i of Object.values(t)) {
       const a = et(i, s.id);
       if (a != null && a.commandId) {
@@ -290,7 +302,7 @@ const re = new qt(), Ze = (e) => e.map((t) => {
     "aria-label": `${e} Panel`,
     "data-side": i,
     style: i === "bottom" ? { height: s } : { width: n },
-    className: P(
+    className: M(
       "bg-muted flex flex-col select-none shrink-0",
       i === "bottom" ? "w-full" : "h-full",
       // The divider always faces the content it separates from.
@@ -322,7 +334,7 @@ const re = new qt(), Ze = (e) => e.map((t) => {
     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 = ({
+}, be = (e, t) => (t.priority ?? 0) - (e.priority ?? 0), tr = ({
   widgets: e = [],
   className: t,
   "aria-label": r = "Status Bar"
@@ -343,7 +355,7 @@ const re = new qt(), Ze = (e) => e.map((t) => {
         } : void 0,
         role: d ? "button" : void 0,
         tabIndex: d ? 0 : void 0,
-        className: P(
+        className: M(
           "flex items-center space-x-1.5 px-2 py-0.5 rounded transition-colors h-full focus:outline-none",
           d ? "cursor-pointer hover:bg-white/10 focus:ring-1 focus:ring-white" : "cursor-default",
           i.className
@@ -361,7 +373,7 @@ const re = new qt(), Ze = (e) => e.map((t) => {
     {
       role: "status",
       "aria-label": r,
-      className: P(
+      className: M(
         "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
       ),
@@ -386,7 +398,7 @@ const re = new qt(), Ze = (e) => e.map((t) => {
   updateWidget: (t, r) => e((n) => ({
     widgets: n.widgets.map((s) => s.id === t ? { ...s, ...r } : s)
   }))
-})), Zt = (e) => {
+})), rr = (e) => {
   const t = Ie((n) => n.widgets), r = B(
     () => t.map(({ commandId: n, ...s }) => ({
       ...s,
@@ -394,9 +406,9 @@ const re = new qt(), Ze = (e) => e.map((t) => {
     })),
     [t]
   );
-  return /* @__PURE__ */ o(Qt, { ...e, widgets: r });
+  return /* @__PURE__ */ o(tr, { ...e, widgets: r });
 };
-class er {
+class nr {
   constructor() {
     ee(this, "components", /* @__PURE__ */ new Map());
   }
@@ -420,18 +432,29 @@ class er {
     return Array.from(this.components.keys());
   }
 }
-const st = new er();
-let tr = 0;
-const rr = () => `msg-${Date.now()}-${tr += 1}`, le = Q((e) => ({
+const st = new nr();
+let or = 0;
+const sr = () => `msg-${Date.now()}-${or += 1}`, le = Q((e) => ({
   messages: [],
   slashCommands: [],
   setMessages: (t) => e({ messages: t }),
   addMessage: (t) => e((r) => ({
-    messages: [...r.messages, { ...t, id: t.id ?? rr() }]
+    messages: [...r.messages, { ...t, id: t.id ?? sr() }]
   })),
   clearMessages: () => e({ messages: [] }),
   setSlashCommands: (t) => e({ slashCommands: t }),
-  registerSlashCommand: (t) => e((r) => ({ slashCommands: [...r.slashCommands, t] }))
+  registerSlashCommand: (t) => e((r) => {
+    const n = r.slashCommands.findIndex(
+      (i) => i.command === t.command
+    );
+    if (n === -1)
+      return { slashCommands: [...r.slashCommands, t] };
+    const s = [...r.slashCommands];
+    return s[n] = t, { slashCommands: s };
+  }),
+  unregisterSlashCommand: (t) => e((r) => ({
+    slashCommands: r.slashCommands.filter((n) => n.command !== t)
+  }))
 })), V = {
   global: { tabEnableClose: !0, tabSetEnableMaximize: !1, tabSetEnableDivide: !0 },
   borders: [
@@ -582,7 +605,7 @@ const rr = () => `msg-${Date.now()}-${tr += 1}`, le = Q((e) => ({
         ae.addNode(
           { type: "tab", component: n, name: s || n, config: p },
           c,
-          Nt.CENTER,
+          kt.CENTER,
           -1
         )
       );
@@ -633,12 +656,12 @@ const rr = () => `msg-${Date.now()}-${tr += 1}`, le = Q((e) => ({
     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) => {
+], ar = de.map((e) => `theme-${e.id}`), ir = (e) => `theme-${e}`, $e = "nexus-shell-theme", Re = (e) => {
   const t = window.document.documentElement, r = [
-    ...nr,
+    ...ar,
     ...Array.from(t.classList).filter((n) => n.startsWith("theme-"))
   ];
-  t.classList.remove(...r), t.classList.add(or(e));
+  t.classList.remove(...r), t.classList.add(ir(e));
 }, ie = Q((e) => {
   const r = localStorage.getItem($e) || "light";
   return Re(r), {
@@ -647,7 +670,7 @@ const rr = () => `msg-${Date.now()}-${tr += 1}`, le = Q((e) => ({
       localStorage.setItem($e, n), Re(n), e({ theme: n });
     }
   };
-}), xn = ({
+}), vn = ({
   panels: e,
   slashCommands: t,
   menuConfig: r,
@@ -660,7 +683,7 @@ const rr = () => `msg-${Date.now()}-${tr += 1}`, le = Q((e) => ({
   disableLocalStorage: l = !1,
   onLayoutChange: p
 }) => {
-  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);
+  const { model: u, setModel: m, initLayout: v, isTabDirty: b, setTabDirty: h } = at(), g = ie((S) => S.theme), y = le((S) => S.setSlashCommands), w = Ie((S) => S.setWidgets);
   F(() => {
     e && Qe(e);
   }, [e]), F(() => {
@@ -668,44 +691,44 @@ const rr = () => `msg-${Date.now()}-${tr += 1}`, le = Q((e) => ({
   }, [t, y]), F(() => {
     r && Le.setMenus(r);
   }, [r]), F(() => {
-    n && k(n);
-  }, [n, k]), F(() => {
+    n && w(n);
+  }, [n, w]), F(() => {
     d || !c && !l || v(c, l);
   }, []);
-  const w = (L) => {
+  const L = (S) => {
     try {
-      const T = L.getComponent(), M = L.getConfig() || {}, I = T ? st.get(T) : void 0;
-      return I ? (
+      const D = S.getComponent(), C = S.getConfig() || {}, N = D ? st.get(D) : void 0;
+      return N ? (
         // The tab strip is the title bar, so a component that draws its own
         // — chat, terminal — omits it here.
-        /* @__PURE__ */ o(ot, { chrome: !0, placement: "tab", children: /* @__PURE__ */ o(I, { node: L, ...M }) })
+        /* @__PURE__ */ o(ot, { chrome: !0, placement: "tab", children: /* @__PURE__ */ o(N, { node: S, ...C }) })
       ) : /* @__PURE__ */ x("div", { className: "p-4 text-sm", children: [
         "Unknown Component: ",
-        T
+        D
       ] });
-    } 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: [
+    } catch (D) {
+      return console.error("Error in component factory:", D), /* @__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: ",
-        T instanceof Error ? T.message : "Unknown error"
+        D instanceof Error ? D.message : "Unknown error"
       ] });
     }
-  }, N = (L) => {
-    if (L.type !== ae.DELETE_TAB) return L;
-    const T = u.getNodeById(L.data.node);
-    if (!T || !b(T.getId())) return L;
+  }, k = (S) => {
+    if (S.type !== ae.DELETE_TAB) return S;
+    const D = u.getNodeById(S.data.node);
+    if (!D || !b(D.getId())) return S;
     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));
+      `Tab "${D.getName()}" has unsaved changes. Are you sure you want to close it?`
+    ).then((C) => {
+      C && (h(D.getId(), !1), u.doAction(S));
     });
   };
   return /* @__PURE__ */ x(
     "div",
     {
-      className: `flex flex-col h-screen w-screen bg-background text-foreground overflow-hidden theme-${h}`,
+      className: `flex flex-col h-screen w-screen bg-background text-foreground overflow-hidden theme-${g}`,
       children: [
         /* @__PURE__ */ o(
-          Vt,
+          er,
           {
             title: s,
             center: a,
@@ -717,14 +740,14 @@ const rr = () => `msg-${Date.now()}-${tr += 1}`, le = Q((e) => ({
           /* @__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,
+              Et,
               {
                 model: d || u,
-                factory: w,
-                onModelChange: (L) => {
-                  d || m(L), p == null || p(L.toJson());
+                factory: L,
+                onModelChange: (S) => {
+                  d || m(S), p == null || p(S.toJson());
                 },
-                onAction: N
+                onAction: k
               }
             ) }),
             /* @__PURE__ */ o(xe, { side: "bottom" })
@@ -732,7 +755,7 @@ const rr = () => `msg-${Date.now()}-${tr += 1}`, le = Q((e) => ({
           /* @__PURE__ */ o(xe, { side: "right" }),
           /* @__PURE__ */ o(Me, { side: "right" })
         ] }),
-        /* @__PURE__ */ o(Zt, {})
+        /* @__PURE__ */ o(rr, {})
       ]
     }
   );
@@ -740,7 +763,7 @@ const rr = () => `msg-${Date.now()}-${tr += 1}`, le = Q((e) => ({
   id: `theme.${e.id}`,
   label: `Preferences: ${e.label} Theme`,
   execute: () => ie.getState().setTheme(e.id)
-})), bn = [
+})), wn = [
   "view.toggleTerminal",
   "view.toggleChat",
   "view.toggleSidebar",
@@ -752,7 +775,7 @@ const rr = () => `msg-${Date.now()}-${tr += 1}`, le = Q((e) => ({
       return r.getState().togglePanel(e), !0;
   }
   return st.get(e) ? (at.getState().addTab(e), !0) : !1;
-}, sr = [
+}, lr = [
   {
     id: "view.toggleTerminal",
     label: "View: Toggle Terminal",
@@ -775,7 +798,7 @@ const rr = () => `msg-${Date.now()}-${tr += 1}`, le = Q((e) => ({
     }
   },
   ...lt
-], ar = {
+], cr = {
   View: [
     { id: "view.terminal", label: "Toggle Terminal", commandId: "view.toggleTerminal" },
     { id: "view.chat", label: "Toggle Chat", commandId: "view.toggleChat" },
@@ -790,7 +813,7 @@ const rr = () => `msg-${Date.now()}-${tr += 1}`, le = Q((e) => ({
       }))
     }
   ]
-}, yn = (e = {}) => {
+}, Nn = (e = {}) => {
   const {
     panels: t,
     menus: r,
@@ -800,14 +823,14 @@ const rr = () => `msg-${Date.now()}-${tr += 1}`, le = Q((e) => ({
     defaultCommands: a = !0,
     defaultMenus: d = !0
   } = e;
-  a && sr.forEach((l) => re.registerCommand(l)), n == null || n.forEach((l) => re.registerCommand(l));
+  a && lr.forEach((l) => re.registerCommand(l)), n == null || n.forEach((l) => re.registerCommand(l));
   const c = {
-    ...a && d ? ar : {},
+    ...a && d ? cr : {},
     ...r ?? {}
   };
   Object.keys(c).length > 0 && Le.setMenus(c), t && Qe(t), s && Ie.getState().setWidgets(s), i && le.getState().setSlashCommands(i);
 };
-class ir {
+class dr {
   constructor() {
     ee(this, "plugins", /* @__PURE__ */ new Map());
     ee(this, "loaders", /* @__PURE__ */ new Map());
@@ -870,7 +893,7 @@ class ir {
     return Array.from(this.plugins.values());
   }
 }
-const vn = new ir(), ye = Q((e) => ({
+const kn = new dr(), ye = Q((e) => ({
   history: [
     "Welcome to Nexus Shell Terminal v0.1.0",
     'Type "help" for a list of commands.'
@@ -924,12 +947,12 @@ const vn = new ir(), ye = Q((e) => ({
       return r(s), { customAvatar: "" };
     })
   };
-}), wn = () => {
+}), En = () => {
   F(() => {
     const e = (t) => {
       const r = re.getCommands();
       for (const n of r)
-        if (n.keybinding && lr(t, n.keybinding)) {
+        if (n.keybinding && ur(t, n.keybinding)) {
           t.preventDefault(), n.execute();
           break;
         }
@@ -937,12 +960,12 @@ const vn = new ir(), ye = Q((e) => ({
     return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
   }, []);
 };
-function lr(e, t) {
+function ur(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"), 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 cr = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-center justify-center text-center px-6 text-muted-foreground", children: [
+const mr = /* @__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: [
@@ -950,7 +973,7 @@ const cr = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
     /* @__PURE__ */ o("span", { className: "font-mono", children: "/" }),
     " for commands."
   ] })
-] }), dr = ({
+] }), fr = ({
   messages: e = [],
   onSend: t,
   slashCommands: r = [],
@@ -958,47 +981,47 @@ const cr = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
   onClose: s,
   title: i = "Chat",
   placeholder: a = "Send a message…",
-  emptyState: d = cr,
+  emptyState: d = mr,
   chrome: c,
   className: l
 }) => {
-  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;
+  const p = nt(c), [u, m] = $(""), [v, b] = $(0), h = _(null), g = _(null), y = u.startsWith("/") ? r.filter(
+    (D) => `/${D.command}`.startsWith(u.toLowerCase().split(" ")[0])
+  ) : [], w = y.length > 0;
   F(() => {
-    h.current && (h.current.scrollTop = h.current.scrollHeight);
+    g.current && (g.current.scrollTop = g.current.scrollHeight);
   }, [e]), F(() => {
     b(0);
   }, [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);
+  const L = () => {
+    const D = u.trim();
+    D && (t == null || t(D), m(""));
+  }, k = (D) => {
+    var C;
+    n == null || n(D), m(`/${D.command} `), (C = h.current) == null || C.focus();
+  }, S = (D) => {
+    if (w) {
+      if (D.key === "ArrowDown") {
+        D.preventDefault(), b((C) => (C + 1) % y.length);
         return;
       }
-      if (T.key === "ArrowUp") {
-        T.preventDefault(), b((M) => (M - 1 + y.length) % y.length);
+      if (D.key === "ArrowUp") {
+        D.preventDefault(), b((C) => (C - 1 + y.length) % y.length);
         return;
       }
-      if (T.key === "Tab" || T.key === "Enter" && !T.shiftKey) {
-        T.preventDefault(), N(y[v]);
+      if (D.key === "Tab" || D.key === "Enter" && !D.shiftKey) {
+        D.preventDefault(), k(y[v]);
         return;
       }
     }
-    T.key === "Enter" && !T.shiftKey && (T.preventDefault(), w());
+    D.key === "Enter" && !D.shiftKey && (D.preventDefault(), L());
   };
   return /* @__PURE__ */ x(
     "aside",
     {
       role: "complementary",
       "aria-label": i,
-      className: P(
+      className: M(
         // 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.
@@ -1025,65 +1048,65 @@ const cr = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
         /* @__PURE__ */ o(
           "div",
           {
-            ref: h,
+            ref: g,
             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 ? d : e.map((T) => {
-              const M = T.role === "user";
+            children: e.length === 0 ? d : e.map((D) => {
+              const C = D.role === "user";
               return /* @__PURE__ */ x(
                 "div",
                 {
-                  className: P("flex flex-col", M ? "items-end" : "items-start"),
+                  className: M("flex flex-col", C ? "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: [
-                      M ? /* @__PURE__ */ o(We, { size: 10 }) : /* @__PURE__ */ o(Te, { size: 10 }),
-                      /* @__PURE__ */ o("span", { children: T.author ?? (M ? "You" : "Assistant") })
+                      C ? /* @__PURE__ */ o(We, { size: 10 }) : /* @__PURE__ */ o(Te, { size: 10 }),
+                      /* @__PURE__ */ o("span", { children: D.author ?? (C ? "You" : "Assistant") })
                     ] }),
                     /* @__PURE__ */ o(
                       "div",
                       {
-                        className: P(
+                        className: M(
                           "max-w-[85%] rounded-lg px-3 py-2 text-xs whitespace-pre-wrap break-words",
-                          M ? "bg-primary text-primary-foreground" : "bg-card border border-border text-foreground"
+                          C ? "bg-primary text-primary-foreground" : "bg-card border border-border text-foreground"
                         ),
-                        children: T.text
+                        children: D.text
                       }
                     )
                   ]
                 },
-                T.id
+                D.id
               );
             })
           }
         ),
         /* @__PURE__ */ x("div", { className: "relative border-t border-border/50 p-2 shrink-0", children: [
-          k && /* @__PURE__ */ o(
+          w && /* @__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((T, M) => /* @__PURE__ */ x(
+              children: y.map((D, C) => /* @__PURE__ */ x(
                 "div",
                 {
                   role: "option",
-                  "aria-selected": M === v,
-                  onMouseEnter: () => b(M),
-                  onClick: () => N(T),
-                  className: P(
+                  "aria-selected": C === v,
+                  onMouseEnter: () => b(C),
+                  onClick: () => k(D),
+                  className: M(
                     "px-3 py-1.5 text-xs cursor-pointer flex items-baseline justify-between gap-3",
-                    M === v ? "bg-accent text-accent-foreground" : "hover:bg-accent/50"
+                    C === v ? "bg-accent text-accent-foreground" : "hover:bg-accent/50"
                   ),
                   children: [
                     /* @__PURE__ */ x("span", { className: "font-mono", children: [
                       "/",
-                      T.command
+                      D.command
                     ] }),
-                    /* @__PURE__ */ o("span", { className: "text-[10px] text-muted-foreground truncate", children: T.description })
+                    /* @__PURE__ */ o("span", { className: "text-[10px] text-muted-foreground truncate", children: D.description })
                   ]
                 },
-                T.command
+                D.command
               ))
             }
           ),
@@ -1091,13 +1114,13 @@ const cr = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
             /* @__PURE__ */ o(
               "textarea",
               {
-                ref: f,
+                ref: h,
                 rows: 1,
                 value: u,
                 "aria-label": `${i} message`,
                 placeholder: a,
-                onChange: (T) => m(T.target.value),
-                onKeyDown: L,
+                onChange: (D) => m(D.target.value),
+                onKeyDown: S,
                 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"
               }
             ),
@@ -1105,11 +1128,11 @@ const cr = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
               "button",
               {
                 type: "button",
-                onClick: w,
+                onClick: L,
                 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(Dt, { size: 14 })
+                children: /* @__PURE__ */ o(Lt, { size: 14 })
               }
             )
           ] })
@@ -1117,10 +1140,10 @@ const cr = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
       ]
     }
   );
-}, ur = ({ onSend: e, ...t }) => {
+}, pr = ({ onSend: e, ...t }) => {
   const r = le((a) => a.messages), n = le((a) => a.slashCommands), s = le((a) => a.addMessage);
   return /* @__PURE__ */ o(
-    dr,
+    fr,
     {
       ...t,
       messages: r,
@@ -1139,21 +1162,21 @@ const cr = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
       }
     }
   );
-}, mr = {
-  light: It,
-  dark: Lt,
-  gt: Se,
-  tamu: Se
-}, fr = de.map((e) => ({
+}, hr = {
+  light: St,
+  dark: It,
+  gt: Pe,
+  tamu: Pe
+}, gr = de.map((e) => ({
   id: e.id,
   label: e.label,
-  icon: mr[e.id] ?? Pt
-})), pr = ({
+  icon: hr[e.id] ?? Pt
+})), xr = ({
   theme: e,
   onThemeChange: t,
-  themes: r = fr,
+  themes: r = gr,
   className: n
-}) => /* @__PURE__ */ o("div", { className: P("p-4 space-y-6", n), children: /* @__PURE__ */ x("section", { children: [
+}) => /* @__PURE__ */ o("div", { className: M("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",
@@ -1168,7 +1191,7 @@ const cr = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
           role: "radio",
           "aria-checked": e === s,
           onClick: () => t(s),
-          className: P(
+          className: M(
             "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"
           ),
@@ -1181,17 +1204,17 @@ const cr = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
       ))
     }
   )
-] }) }), hr = (e) => {
+] }) }), br = (e) => {
   const t = ie((n) => n.theme), r = ie((n) => n.setTheme);
   return /* @__PURE__ */ o(
-    pr,
+    xr,
     {
       ...e,
       theme: t,
       onThemeChange: (n) => r(n)
     }
   );
-}, gr = ({
+}, yr = ({
   history: e = [],
   onCommand: t,
   onClose: r,
@@ -1201,12 +1224,12 @@ const cr = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
   chrome: a,
   className: d
 }) => {
-  const c = rt(), l = nt(a), p = n ?? (c ? void 0 : "250px"), [u, m] = A(""), v = _(null), b = _(null);
+  const c = rt(), l = nt(a), p = n ?? (c ? void 0 : "250px"), [u, m] = $(""), v = _(null), b = _(null);
   F(() => {
     v.current && (v.current.scrollTop = v.current.scrollHeight);
   }, [e]);
-  const f = (h) => {
-    if (h.key !== "Enter") return;
+  const h = (g) => {
+    if (g.key !== "Enter") return;
     const y = u.trim();
     y && (t == null || t(y), m(""));
   };
@@ -1214,7 +1237,7 @@ const cr = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
     "div",
     {
       style: { height: p },
-      className: P(
+      className: M(
         "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.
@@ -1258,10 +1281,10 @@ const cr = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
             "aria-label": `${i} output`,
             className: "flex-1 overflow-y-auto px-3 py-2 space-y-0.5",
             onClick: () => {
-              var h;
-              return (h = b.current) == null ? void 0 : h.focus();
+              var g;
+              return (g = b.current) == null ? void 0 : g.focus();
             },
-            children: e.map((h, y) => /* @__PURE__ */ o("div", { className: "whitespace-pre-wrap break-all text-foreground/90", children: h }, y))
+            children: e.map((g, y) => /* @__PURE__ */ o("div", { className: "whitespace-pre-wrap break-all text-foreground/90", children: g }, y))
           }
         ),
         /* @__PURE__ */ x("div", { className: "flex items-center px-3 py-2 border-t border-border/50 shrink-0", children: [
@@ -1273,8 +1296,8 @@ const cr = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
               type: "text",
               "aria-label": `${i} input`,
               value: u,
-              onChange: (h) => m(h.target.value),
-              onKeyDown: f,
+              onChange: (g) => m(g.target.value),
+              onKeyDown: h,
               spellCheck: !1,
               autoComplete: "off",
               className: "flex-1 bg-transparent outline-none text-foreground placeholder:text-muted-foreground"
@@ -1284,17 +1307,17 @@ const cr = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
       ]
     }
   );
-}, xr = [
+}, vr = [
   "Available commands:",
   "  help   — show this message",
   "  clear  — clear the terminal"
-], br = ({
+], wr = ({
   onCommand: e,
   ...t
 }) => {
   const r = ye((a) => a.history), n = ye((a) => a.addHistory), s = ye((a) => a.clearHistory);
   return /* @__PURE__ */ o(
-    gr,
+    yr,
     {
       ...t,
       history: r,
@@ -1306,65 +1329,65 @@ const cr = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
           return;
         }
         if (d === "help") {
-          xr.forEach(n);
+          vr.forEach(n);
           return;
         }
         (e == null ? void 0 : e(a)) !== !0 && n(`command not found: ${a.split(" ")[0]}`);
       }
     }
   );
-}, Nn = (e = {}) => ({
+}, Tn = (e = {}) => ({
   id: Xe,
   label: "Chat",
   icon: Ee,
-  component: ur,
+  component: pr,
   ...e
-}), kn = (e = {}) => ({
+}), Dn = (e = {}) => ({
   id: qe,
   label: "Terminal",
   icon: Te,
-  component: br,
+  component: wr,
   ...e
-}), En = (e = {}) => ({
-  id: Ht,
+}), Ln = (e = {}) => ({
+  id: jt,
   label: "Settings",
-  icon: St,
-  component: hr,
+  icon: Mt,
+  component: br,
   align: "end",
   ...e
-}), yr = (e, t) => {
+}), Nr = (e, t) => {
   const r = t.toLowerCase();
   return e.label.toLowerCase().includes(r) || e.id.toLowerCase().includes(r);
-}, vr = ({
+}, kr = ({
   open: e,
   commands: t,
   onSelect: r,
   onClose: n,
   inline: s = !1,
   placeholder: i = "Type a command to run…",
-  filter: a = yr,
+  filter: a = Nr,
   className: d
 }) => {
-  const [c, l] = A(""), [p, u] = A(0), m = _(null), v = B(
-    () => t.filter((f) => a(f, c)),
+  const [c, l] = $(""), [p, u] = $(0), m = _(null), v = B(
+    () => t.filter((h) => a(h, c)),
     [t, c, a]
   );
   if (F(() => {
-    var f;
-    e && (l(""), u(0), (f = m.current) == null || f.focus());
+    var h;
+    e && (l(""), u(0), (h = m.current) == null || h.focus());
   }, [e]), F(() => {
     u(0);
   }, [c]), !e) return null;
-  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());
+  const b = (h) => {
+    h.key === "ArrowDown" ? (h.preventDefault(), u((g) => v.length ? (g + 1) % v.length : 0)) : h.key === "ArrowUp" ? (h.preventDefault(), u(
+      (g) => v.length ? (g - 1 + v.length) % v.length : 0
+    )) : h.key === "Enter" ? (h.preventDefault(), v[p] && r(v[p])) : h.key === "Escape" && (h.preventDefault(), n == null || n());
   };
   return /* @__PURE__ */ o(
     "div",
     {
       onClick: s ? void 0 : n,
-      className: P(
+      className: M(
         "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"
       ),
@@ -1374,8 +1397,8 @@ const cr = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
           role: "dialog",
           "aria-modal": !s,
           "aria-label": "Command Palette",
-          onClick: (f) => f.stopPropagation(),
-          className: P(
+          onClick: (h) => h.stopPropagation(),
+          className: M(
             "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",
             d
           ),
@@ -1393,7 +1416,7 @@ const cr = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
                   "aria-label": "Command",
                   placeholder: i,
                   value: c,
-                  onChange: (f) => l(f.target.value),
+                  onChange: (h) => l(h.target.value),
                   onKeyDown: b,
                   className: "flex-1 h-14 bg-transparent outline-none text-base text-foreground placeholder:text-muted-foreground"
                 }
@@ -1405,23 +1428,23 @@ const cr = /* @__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: 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(
+                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((h, g) => /* @__PURE__ */ x(
                   "div",
                   {
                     role: "option",
-                    "aria-selected": h === p,
-                    onClick: () => r(f),
-                    onMouseEnter: () => u(h),
-                    className: P(
+                    "aria-selected": g === p,
+                    onClick: () => r(h),
+                    onMouseEnter: () => u(g),
+                    className: M(
                       "px-4 py-2 cursor-pointer flex justify-between items-center text-sm",
-                      h === p ? "bg-accent text-accent-foreground" : "hover:bg-accent/50"
+                      g === p ? "bg-accent text-accent-foreground" : "hover:bg-accent/50"
                     ),
                     children: [
-                      /* @__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 })
+                      /* @__PURE__ */ o("span", { children: h.label }),
+                      h.keybinding && /* @__PURE__ */ o("span", { className: "text-[10px] text-muted-foreground bg-muted px-1.5 py-0.5 rounded border border-border/50", children: h.keybinding })
                     ]
                   },
-                  f.id
+                  h.id
                 ))
               }
             ),
@@ -1446,11 +1469,11 @@ const cr = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
       )
     }
   );
-}, Tn = ({
+}, In = ({
   shortcutKey: e = "p",
   ...t
 }) => {
-  const [r, n] = A(!1);
+  const [r, n] = $(!1);
   return F(() => {
     if (e === null) return;
     const s = (i) => {
@@ -1458,7 +1481,7 @@ const cr = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
     };
     return window.addEventListener("keydown", s), () => window.removeEventListener("keydown", s);
   }, [e]), /* @__PURE__ */ o(
-    vr,
+    kr,
     {
       ...t,
       open: r,
@@ -1469,15 +1492,15 @@ const cr = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
       onClose: () => n(!1)
     }
   );
-}, wr = {
-  alert: At,
-  confirm: Ct,
-  prompt: Mt
-}, Nr = {
+}, Er = {
+  alert: $t,
+  confirm: At,
+  prompt: Ct
+}, Tr = {
   alert: "text-destructive",
   confirm: "text-amber-500",
   prompt: "text-blue-500"
-}, kr = ({
+}, Dr = ({
   open: e,
   type: t = "alert",
   title: r,
@@ -1490,24 +1513,24 @@ const cr = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
   placeholder: l = "Enter value…",
   className: p
 }) => {
-  const [u, m] = A(s), v = _(null);
+  const [u, m] = $(s), v = _(null);
   if (F(() => {
     if (!e || (m(s), t !== "prompt")) return;
     const y = window.setTimeout(() => {
-      var k, w;
-      (k = v.current) == null || k.focus(), (w = v.current) == null || w.select();
+      var w, L;
+      (w = v.current) == null || w.focus(), (L = v.current) == null || L.select();
     }, 50);
     return () => window.clearTimeout(y);
   }, [e, t, s]), F(() => {
     if (!e) return;
-    const y = (k) => {
-      k.key === "Escape" && (k.preventDefault(), a == null || a());
+    const y = (w) => {
+      w.key === "Escape" && (w.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" ? u : void 0), f = (y) => {
+  const b = () => i == null ? void 0 : i(t === "prompt" ? u : void 0), h = (y) => {
     y.key === "Enter" && (y.preventDefault(), b());
-  }, h = wr[t];
+  }, g = Er[t];
   return /* @__PURE__ */ o(
     "div",
     {
@@ -1520,8 +1543,8 @@ const cr = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
           "aria-modal": "true",
           "aria-label": r,
           onClick: (y) => y.stopPropagation(),
-          onKeyDown: f,
-          className: P(
+          onKeyDown: h,
+          className: M(
             "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",
             p
           ),
@@ -1537,7 +1560,7 @@ const cr = /* @__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: P("p-2 bg-muted rounded-full shrink-0", Nr[t]), children: /* @__PURE__ */ o(h, { size: 24 }) }),
+              /* @__PURE__ */ o("div", { className: M("p-2 bg-muted rounded-full shrink-0", Tr[t]), children: /* @__PURE__ */ o(g, { 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 })
@@ -1581,10 +1604,10 @@ const cr = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
       )
     }
   );
-}, Dn = (e) => {
+}, Sn = (e) => {
   const { isOpen: t, type: r, title: n, message: s, defaultValue: i, close: a } = it();
   return /* @__PURE__ */ o(
-    kr,
+    Dr,
     {
       ...e,
       open: t,
@@ -1600,13 +1623,13 @@ const cr = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
       }
     }
   );
-}, Er = de.map((e) => ({
+}, Lr = de.map((e) => ({
   id: e.id,
   label: e.shortLabel
-})), Tr = ({
+})), Ir = ({
   value: e,
   onChange: t,
-  options: r = Er,
+  options: r = Lr,
   className: n,
   "aria-label": s = "Theme"
 }) => /* @__PURE__ */ o(
@@ -1614,7 +1637,7 @@ const cr = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
   {
     role: "radiogroup",
     "aria-label": s,
-    className: P(
+    className: M(
       "flex items-center border border-border rounded-lg p-0.5 bg-secondary/80 select-none",
       n
     ),
@@ -1624,7 +1647,7 @@ const cr = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
         role: "radio",
         "aria-checked": e === i.id,
         onClick: () => t(i.id),
-        className: P(
+        className: M(
           "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"
         ),
@@ -1633,10 +1656,10 @@ const cr = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
       i.id
     ))
   }
-), Ln = (e) => {
+), Pn = (e) => {
   const t = ie((n) => n.theme), r = ie((n) => n.setTheme);
-  return /* @__PURE__ */ o(Tr, { ...e, value: t, onChange: r });
-}, Dr = ({
+  return /* @__PURE__ */ o(Ir, { ...e, value: t, onChange: r });
+}, Sr = ({
   profile: e,
   actions: t = [],
   onProfileChange: r,
@@ -1645,33 +1668,33 @@ const cr = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
   showName: i = !0,
   className: a
 }) => {
-  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);
+  const { name: d, role: c, email: l, avatarUrl: p } = e, [u, m] = $(!1), [v, b] = $(!1), [h, g] = $(d), [y, w] = $(c ?? ""), L = _(null), k = _(null);
   F(() => {
-    u && (h(d), k(c ?? ""), b(!1));
+    u && (g(d), w(c ?? ""), b(!1));
   }, [u, d, c]), F(() => {
     if (!u) return;
-    const I = (S) => {
-      w.current && !w.current.contains(S.target) && m(!1);
+    const N = (I) => {
+      L.current && !L.current.contains(I.target) && m(!1);
     };
-    return document.addEventListener("mousedown", I), () => document.removeEventListener("mousedown", I);
+    return document.addEventListener("mousedown", N), () => document.removeEventListener("mousedown", N);
   }, [u]);
-  const L = (I) => {
-    I.preventDefault(), r == null || r({ name: f, role: y }), b(!1);
-  }, T = (I) => {
-    var g;
-    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: [
+  const S = (N) => {
+    N.preventDefault(), r == null || r({ name: h, role: y }), b(!1);
+  }, D = (N) => {
+    var f;
+    const I = (f = N.target.files) == null ? void 0 : f[0];
+    I && (n == null || n(I)), N.target.value = "";
+  }, C = (N) => p ? /* @__PURE__ */ o("img", { src: p, alt: d, className: "w-full h-full object-cover" }) : /* @__PURE__ */ o(We, { size: N, className: "text-muted-foreground" });
+  return /* @__PURE__ */ x("div", { ref: L, className: "relative inline-block text-left", children: [
     /* @__PURE__ */ x(
       "button",
       {
         type: "button",
-        onClick: () => s ? s() : m((I) => !I),
+        onClick: () => s ? s() : m((N) => !N),
         "aria-haspopup": s ? void 0 : "menu",
         "aria-expanded": s ? void 0 : u,
         "aria-label": "User Profile Menu",
-        className: P(
+        className: M(
           "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",
           u && (i ? "bg-accent/60 border-border/40" : "border-primary/50 text-foreground ring-1 ring-primary/20"),
@@ -1681,11 +1704,11 @@ const cr = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
           /* @__PURE__ */ o(
             "div",
             {
-              className: P(
+              className: M(
                 "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: M(i ? 13 : 12)
+              children: C(i ? 13 : 12)
             }
           ),
           i && /* @__PURE__ */ x("div", { className: "flex flex-col min-w-0 leading-tight pr-1", children: [
@@ -1699,8 +1722,8 @@ const cr = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
       "input",
       {
         type: "file",
-        ref: N,
-        onChange: T,
+        ref: k,
+        onChange: D,
         accept: "image/*",
         "aria-label": "Upload avatar",
         className: "hidden"
@@ -1710,11 +1733,11 @@ const cr = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
       "div",
       {
         role: "menu",
-        className: P(
+        className: M(
           "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: v ? /* @__PURE__ */ x("form", { onSubmit: L, className: "p-2 flex flex-col gap-2", children: [
+        children: v ? /* @__PURE__ */ x("form", { onSubmit: S, 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" }),
@@ -1723,8 +1746,8 @@ const cr = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
               {
                 id: "profile-name",
                 type: "text",
-                value: f,
-                onChange: (I) => h(I.target.value),
+                value: h,
+                onChange: (N) => g(N.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"
               }
@@ -1738,7 +1761,7 @@ const cr = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
                 id: "profile-role",
                 type: "text",
                 value: y,
-                onChange: (I) => k(I.target.value),
+                onChange: (N) => w(N.target.value),
                 className: "w-full px-2 py-1 text-xs border rounded bg-background focus:ring-1 focus:ring-primary focus:outline-none"
               }
             )
@@ -1762,7 +1785,7 @@ const cr = /* @__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($t, { size: 10 }),
+                  /* @__PURE__ */ o(Rt, { size: 10 }),
                   " Save"
                 ]
               }
@@ -1774,17 +1797,17 @@ const cr = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
               "div",
               {
                 onClick: () => {
-                  var I;
-                  return n && ((I = N.current) == null ? void 0 : I.click());
+                  var N;
+                  return n && ((N = k.current) == null ? void 0 : N.click());
                 },
                 title: n ? "Upload avatar image" : void 0,
-                className: P(
+                className: M(
                   "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: [
-                  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" }) })
+                  C(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(Ft, { size: 14, className: "text-white" }) })
                 ]
               }
             ),
@@ -1799,7 +1822,7 @@ const cr = /* @__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(Ft, { size: 10 })
+                    children: /* @__PURE__ */ o(zt, { size: 10 })
                   }
                 )
               ] }),
@@ -1807,37 +1830,37 @@ const cr = /* @__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((I) => {
-            const S = I.icon;
+          t.map((N) => {
+            const I = N.icon;
             return /* @__PURE__ */ x(
               "button",
               {
                 type: "button",
                 role: "menuitem",
                 onClick: () => {
-                  I.onSelect(), m(!1);
+                  N.onSelect(), m(!1);
                 },
-                className: P(
+                className: M(
                   "w-full px-2 py-1.5 text-left rounded-md text-[11px] font-medium flex items-center gap-2 cursor-pointer transition-colors",
-                  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"
+                  N.destructive ? "text-destructive hover:bg-destructive/10" : "hover:bg-accent/60 hover:text-accent-foreground",
+                  N.divider && "border-t border-border/20 pt-2 mt-1"
                 ),
                 children: [
-                  S && /* @__PURE__ */ o(S, { size: 12, className: "opacity-70" }),
-                  I.label
+                  I && /* @__PURE__ */ o(I, { size: 12, className: "opacity-70" }),
+                  N.label
                 ]
               },
-              I.id
+              N.id
             );
           })
         ] })
       }
     )
   ] });
-}, In = (e) => {
+}, Mn = (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(
-    Dr,
+    Sr,
     {
       ...e,
       profile: { name: t, role: r, email: n, avatarUrl: i || s },
@@ -1850,13 +1873,13 @@ const cr = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
       }
     }
   );
-}, Pn = ({ title: e, subtitle: t, icon: r, className: n }) => /* @__PURE__ */ x("div", { className: P("flex items-center space-x-3 select-none", n), children: [
+}, Cn = ({ title: e, subtitle: t, icon: r, className: n }) => /* @__PURE__ */ x("div", { className: M("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 })
   ] })
-] }), Lr = ({ x: e, y: t, items: r, onClose: n, className: s }) => {
+] }), Pr = ({ x: e, y: t, items: r, onClose: n, className: s }) => {
   const i = _(null);
   return F(() => {
     const a = (c) => {
@@ -1873,7 +1896,7 @@ const cr = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
       ref: i,
       role: "menu",
       style: { top: t, left: e },
-      className: P(
+      className: M(
         "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
       ),
@@ -1891,7 +1914,7 @@ const cr = /* @__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: P(
+            className: M(
               "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"
             ),
@@ -1904,7 +1927,7 @@ const cr = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
       ] }, `${a.label}-${d}`))
     }
   );
-}, Sn = ({
+}, An = ({
   columns: e,
   data: t,
   onRowClick: r,
@@ -1916,150 +1939,150 @@ const cr = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
   placeholder: c = "No data available",
   className: l
 }) => {
-  const [p, u] = A(""), [m, v] = A(null), [b, f] = A(-1), h = _(null);
+  const [p, u] = $(""), [m, v] = $(null), [b, h] = $(-1), g = _(null);
   F(() => {
-    f(-1);
+    h(-1);
   }, [p, m]);
   const y = 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(() => {
+    const f = p.toLowerCase();
+    return t.filter((E) => Object.values(E).some((P) => P == null ? !1 : String(P).toLowerCase().includes(f)));
+  }, [t, p]), w = B(() => {
     if (!m) return y;
-    const { key: g, direction: D } = m;
-    return [...y].sort((C, $) => {
-      const K = C[g], O = $[g];
+    const { key: f, direction: E } = m;
+    return [...y].sort((P, A) => {
+      const K = P[f], O = A[f];
       if (K === O) return 0;
       if (K == null) return 1;
       if (O == null) return -1;
-      const H = Number(K), E = Number(O);
-      if (!isNaN(H) && !isNaN(E))
-        return D === "asc" ? H - E : E - H;
+      const H = Number(K), T = Number(O);
+      if (!isNaN(H) && !isNaN(T))
+        return E === "asc" ? H - T : T - H;
       const z = String(K).toLowerCase(), R = String(O).toLowerCase();
-      return D === "asc" ? z.localeCompare(R) : R.localeCompare(z);
+      return E === "asc" ? z.localeCompare(R) : R.localeCompare(z);
     });
-  }, [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 (!(k.length === 0 || d)) {
-      if (g.key === "ArrowDown")
-        g.preventDefault(), f((D) => {
-          const C = D + 1;
-          return C >= k.length ? 0 : C;
+  }, [y, m]), L = (f, E) => {
+    E !== !1 && v((P) => !P || P.key !== f ? { key: f, direction: "asc" } : P.direction === "asc" ? { key: f, direction: "desc" } : null);
+  }, k = (f) => {
+    if (!(w.length === 0 || d)) {
+      if (f.key === "ArrowDown")
+        f.preventDefault(), h((E) => {
+          const P = E + 1;
+          return P >= w.length ? 0 : P;
         });
-      else if (g.key === "ArrowUp")
-        g.preventDefault(), f((D) => {
-          const C = D - 1;
-          return C < 0 ? k.length - 1 : C;
+      else if (f.key === "ArrowUp")
+        f.preventDefault(), h((E) => {
+          const P = E - 1;
+          return P < 0 ? w.length - 1 : P;
         });
-      else if ((g.key === "Enter" || g.key === " ") && (g.preventDefault(), b >= 0 && b < k.length)) {
-        const D = k[b];
-        r && r(D);
+      else if ((f.key === "Enter" || f.key === " ") && (f.preventDefault(), b >= 0 && b < w.length)) {
+        const E = w[b];
+        r && r(E);
       }
     }
-  }, 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(
+  }, S = (f) => f.sortable === !1 ? null : (m == null ? void 0 : m.key) !== f.key ? /* @__PURE__ */ o(Ot, { 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" }), D = () => /* @__PURE__ */ o("tr", { role: "row", className: "border-b border-border bg-muted/30 select-none", children: e.map((f) => /* @__PURE__ */ o(
     "th",
     {
       role: "columnheader",
-      "aria-sort": (m == null ? void 0 : m.key) === g.key ? m.direction === "asc" ? "ascending" : "descending" : "none",
-      className: P(
+      "aria-sort": (m == null ? void 0 : m.key) === f.key ? m.direction === "asc" ? "ascending" : "descending" : "none",
+      className: M(
         "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"
+        f.sortable !== !1 && "cursor-pointer hover:bg-accent/30 hover:text-foreground group"
       ),
-      style: { width: g.width },
-      onClick: () => w(g.key, g.sortable),
+      style: { width: f.width },
+      onClick: () => L(f.key, f.sortable),
       children: /* @__PURE__ */ x("div", { className: "flex items-center", children: [
-        /* @__PURE__ */ o("span", { children: g.header }),
-        L(g)
+        /* @__PURE__ */ o("span", { children: f.header }),
+        S(f)
       ] })
     },
-    g.key
-  )) }), M = (g, D) => {
-    const C = n !== void 0 && g[s] === n;
+    f.key
+  )) }), C = (f, E) => {
+    const P = n !== void 0 && f[s] === n;
     return /* @__PURE__ */ o(
       "tr",
       {
         role: "row",
-        "aria-selected": C,
-        onClick: () => r && r(g),
-        className: P(
+        "aria-selected": P,
+        onClick: () => r && r(f),
+        className: M(
           "border-b border-border/40 hover:bg-accent/40 transition-colors cursor-pointer text-sm outline-none",
-          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"
+          P && "bg-primary/10 text-primary hover:bg-primary/15 font-medium border-l-2 border-l-primary",
+          b === E && "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);
+          const O = f[K.key];
+          return /* @__PURE__ */ o("td", { role: "gridcell", className: "p-3 align-middle truncate max-w-xs", children: K.render ? K.render(O, f) : O != null ? String(O) : "" }, K.key);
         })
       },
-      String(g[s] || D)
+      String(f[s] || E)
     );
-  }, I = B(() => ({
-    Table: (g) => /* @__PURE__ */ o(
+  }, N = B(() => ({
+    Table: (f) => /* @__PURE__ */ o(
       "table",
       {
-        ...g,
+        ...f,
         role: "grid",
         className: "w-full border-collapse text-left bg-background text-foreground"
       }
     ),
-    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"];
+    TableHead: pe.forwardRef((f, E) => /* @__PURE__ */ o("thead", { ref: E, ...f, 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((f, E) => /* @__PURE__ */ o("tbody", { ref: E, ...f })),
+    TableRow: ({ item: f, context: E, ...P }) => {
+      if (!E || !f) return /* @__PURE__ */ o("tr", { ...P });
+      const A = E.selectedRowId !== void 0 && f[E.rowKey] === E.selectedRowId, K = E.focusedIndex === P["data-index"];
       return /* @__PURE__ */ o(
         "tr",
         {
-          ...C,
+          ...P,
           onClick: () => {
             var O;
-            return (O = D.onRowClick) == null ? void 0 : O.call(D, g);
+            return (O = E.onRowClick) == null ? void 0 : O.call(E, f);
           },
-          className: P(
+          className: M(
             "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",
+            A && "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"
           )
         }
       );
     }
-  }), []), S = () => d ? /* @__PURE__ */ x("div", { className: "flex flex-col items-center justify-center h-64 space-y-3", children: [
+  }), []), I = () => 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..." })
-  ] }) : k.length === 0 ? /* @__PURE__ */ x("div", { className: "flex flex-col items-center justify-center h-48 text-center px-4", children: [
+  ] }) : w.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(
-    Kt,
+    Ut,
     {
-      data: k,
+      data: w,
       context: {
         selectedRowId: n,
         focusedIndex: b,
         rowKey: s,
         onRowClick: r
       },
-      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);
+      components: N,
+      fixedHeaderContent: D,
+      itemContent: (f, E) => /* @__PURE__ */ o(He, { children: e.map((P) => {
+        const A = E[P.key];
+        return /* @__PURE__ */ o("td", { role: "gridcell", className: "p-3 align-middle truncate max-w-xs", children: P.render ? P.render(A, E) : A != null ? String(A) : "" }, P.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: T() }),
-    /* @__PURE__ */ o("tbody", { children: k.map((g, D) => M(g, D)) })
+    /* @__PURE__ */ o("thead", { children: D() }),
+    /* @__PURE__ */ o("tbody", { children: w.map((f, E) => C(f, E)) })
   ] }) });
   return /* @__PURE__ */ x(
     "div",
     {
-      ref: h,
+      ref: g,
       role: "region",
       "aria-label": "Data Grid",
       tabIndex: 0,
-      onKeyDown: N,
-      className: P(
+      onKeyDown: k,
+      className: M(
         "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
       ),
@@ -2074,7 +2097,7 @@ const cr = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
                 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: p,
-                onChange: (g) => u(g.target.value)
+                onChange: (f) => u(f.target.value)
               }
             ),
             p && /* @__PURE__ */ o(
@@ -2088,17 +2111,17 @@ const cr = /* @__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: [
-            k.length,
+            w.length,
             " of ",
             t.length,
             " records"
           ] })
         ] }),
-        S()
+        I()
       ]
     }
   );
-}, Mn = ({
+}, $n = ({
   results: e,
   onQueryChange: t,
   onSelect: r,
@@ -2107,35 +2130,35 @@ const cr = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
   debounceMs: i = 200,
   className: a
 }) => {
-  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]
+  const [d, c] = $(""), [l, p] = $(!1), [u, m] = $(0), v = _(null), b = _(null), h = vt(), g = (N) => `${h}-option-${N}`, y = B(() => n || [...new Set(e.map((N) => N.category))], [n, e]), w = B(
+    () => y.flatMap((N) => e.filter((I) => I.category === N)),
+    [y, e]
   );
   F(() => {
-    const w = (N) => {
-      v.current && !v.current.contains(N.target) && p(!1);
+    const N = (I) => {
+      v.current && !v.current.contains(I.target) && p(!1);
     };
-    return document.addEventListener("mousedown", w), () => document.removeEventListener("mousedown", w);
+    return document.addEventListener("mousedown", N), () => document.removeEventListener("mousedown", N);
   }, []), F(() => {
     if (!t) return;
-    const w = window.setTimeout(() => t(d), i);
-    return () => window.clearTimeout(w);
+    const N = window.setTimeout(() => t(d), i);
+    return () => window.clearTimeout(N);
   }, [d, i, t]), F(() => {
     m(0);
   }, [e]);
-  const y = (w) => {
-    r(w), p(!1), c("");
-  }, k = (w) => {
-    var N;
+  const L = (N) => {
+    r(N), p(!1), c("");
+  }, k = (N) => {
+    var I;
     if (!l) {
-      (w.key === "ArrowDown" || w.key === "Enter") && p(!0);
+      (N.key === "ArrowDown" || N.key === "Enter") && p(!0);
       return;
     }
-    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: v, className: P("relative w-full", a), children: [
+    N.key === "ArrowDown" ? (N.preventDefault(), m((f) => w.length ? (f + 1) % w.length : 0)) : N.key === "ArrowUp" ? (N.preventDefault(), m(
+      (f) => w.length ? (f - 1 + w.length) % w.length : 0
+    )) : N.key === "Enter" ? (N.preventDefault(), w[u] && L(w[u])) : N.key === "Escape" && (N.preventDefault(), p(!1), (I = b.current) == null || I.blur());
+  }, S = l && !!d.trim(), D = `${h}-listbox`, C = w[u];
+  return /* @__PURE__ */ x("div", { ref: v, className: M("relative w-full", a), children: [
     /* @__PURE__ */ x("div", { className: "relative flex items-center", children: [
       /* @__PURE__ */ o(
         ge,
@@ -2150,12 +2173,15 @@ const cr = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
           ref: b,
           type: "text",
           role: "combobox",
-          "aria-expanded": l,
+          "aria-expanded": S,
+          "aria-controls": S ? D : void 0,
+          "aria-activedescendant": S && C ? g(u) : void 0,
+          "aria-autocomplete": "list",
           "aria-label": s,
           value: d,
           placeholder: s,
-          onChange: (w) => {
-            c(w.target.value), p(!0);
+          onChange: (N) => {
+            c(N.target.value), p(!0);
           },
           onFocus: () => p(!0),
           onKeyDown: k,
@@ -2167,8 +2193,8 @@ const cr = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
         {
           type: "button",
           onClick: () => {
-            var w;
-            c(""), (w = b.current) == null || w.focus();
+            var N;
+            c(""), (N = b.current) == null || N.focus();
           },
           "aria-label": "Clear search",
           className: "absolute right-2 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground transition-colors",
@@ -2176,56 +2202,59 @@ const cr = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
         }
       )
     ] }),
-    l && d.trim() && /* @__PURE__ */ x(
+    S && /* @__PURE__ */ x(
       "div",
       {
+        id: D,
         role: "listbox",
+        "aria-label": s,
         className: "absolute right-0 md:left-0 mt-1.5 w-80 max-h-[380px] bg-popover text-popover-foreground border border-border shadow-lg rounded-lg overflow-hidden flex flex-col z-[100] animate-in fade-in-50 slide-in-from-top-1 duration-100",
         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: [
+          /* @__PURE__ */ o("div", { className: "flex-1 overflow-y-auto py-1", children: w.length === 0 ? /* @__PURE__ */ x("div", { className: "px-4 py-6 text-center text-xs text-muted-foreground italic", children: [
             'No results found matching "',
             d,
             '"'
-          ] }) : 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: w }),
-              N.map((L) => {
-                const T = L.icon, M = h.indexOf(L), I = M === u;
+          ] }) : y.map((N) => {
+            const I = e.filter((f) => f.category === N);
+            return I.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: N }),
+              I.map((f) => {
+                const E = f.icon, P = w.indexOf(f), A = P === u;
                 return /* @__PURE__ */ x(
                   "div",
                   {
+                    id: g(P),
                     role: "option",
-                    "aria-selected": I,
-                    onClick: () => y(L),
-                    onMouseEnter: () => m(M),
-                    className: P(
+                    "aria-selected": A,
+                    onClick: () => L(f),
+                    onMouseEnter: () => m(P),
+                    className: M(
                       "px-3 py-2 cursor-pointer flex items-start space-x-2.5 transition-colors border-l-2",
-                      I ? "bg-accent text-accent-foreground border-primary" : "border-transparent hover:bg-accent/40"
+                      A ? "bg-accent text-accent-foreground border-primary" : "border-transparent hover:bg-accent/40"
                     ),
                     children: [
-                      T && /* @__PURE__ */ o(
+                      E && /* @__PURE__ */ o(
                         "div",
                         {
-                          className: P(
+                          className: M(
                             "mt-0.5 p-1 rounded bg-muted/50",
-                            I && "bg-background text-primary"
+                            A && "bg-background text-primary"
                           ),
-                          children: /* @__PURE__ */ o(T, { size: 12 })
+                          children: /* @__PURE__ */ o(E, { size: 12 })
                         }
                       ),
                       /* @__PURE__ */ x("div", { className: "flex-1 min-w-0", children: [
-                        /* @__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 })
+                        /* @__PURE__ */ o("div", { className: "text-xs font-medium truncate", children: f.title }),
+                        f.description && /* @__PURE__ */ o("div", { className: "text-[10px] text-muted-foreground truncate mt-0.5", children: f.description })
                       ] })
                     ]
                   },
-                  `${L.category}-${L.id}`
+                  `${f.category}-${f.id}`
                 );
               })
-            ] }, w);
+            ] }, N);
           }) }),
-          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: [
+          w.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: [
               /* @__PURE__ */ x("span", { children: [
                 /* @__PURE__ */ o("kbd", { className: "bg-muted px-1 rounded border border-border/60", children: "↑↓" }),
@@ -2244,7 +2273,7 @@ const cr = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
       }
     )
   ] });
-}, Cn = ({
+}, Rn = ({
   placeholder: e = "Search...",
   onSearch: t,
   results: r,
@@ -2253,19 +2282,19 @@ const cr = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
   loading: i = !1,
   className: a
 }) => {
-  const [d, c] = A(""), [l, p] = A(!1), [u, m] = A(-1), v = _(null);
+  const [d, c] = $(""), [l, p] = $(!1), [u, m] = $(-1), v = _(null);
   F(() => {
-    const h = setTimeout(() => {
+    const g = setTimeout(() => {
       t(d);
     }, 300);
-    return () => clearTimeout(h);
+    return () => clearTimeout(g);
   }, [d, t]);
   const b = s.filter(
-    (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)));
+    (g) => g.toLowerCase().includes(d.toLowerCase()) && g.toLowerCase() !== d.toLowerCase()
+  ), h = (g) => {
+    l && b.length > 0 && (g.key === "ArrowDown" ? (g.preventDefault(), m((y) => (y + 1) % b.length)) : g.key === "ArrowUp" ? (g.preventDefault(), m((y) => (y - 1 + b.length) % b.length)) : g.key === "Enter" && u >= 0 && (g.preventDefault(), c(b[u]), p(!1)));
   };
-  return /* @__PURE__ */ x("div", { ref: v, className: P("flex flex-col h-full bg-background", a), children: [
+  return /* @__PURE__ */ x("div", { ref: v, className: M("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(Ye, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ o(ge, { size: 14 }) }),
@@ -2276,10 +2305,10 @@ const cr = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
             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: d,
-            onChange: (h) => {
-              c(h.target.value), p(!0), m(-1);
+            onChange: (g) => {
+              c(g.target.value), p(!0), m(-1);
             },
-            onKeyDown: f,
+            onKeyDown: h,
             onFocus: () => p(!0)
           }
         ),
@@ -2294,51 +2323,51 @@ const cr = /* @__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(
+      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((g, y) => /* @__PURE__ */ x(
         "div",
         {
-          className: P(
+          className: M(
             "px-3 py-1.5 text-xs cursor-pointer flex items-center space-x-2",
             y === u ? "bg-accent text-accent-foreground" : "hover:bg-accent/50"
           ),
           onClick: () => {
-            c(h), p(!1);
+            c(g), p(!1);
           },
           children: [
-            /* @__PURE__ */ o(Ot, { size: 12, className: "text-muted-foreground" }),
-            /* @__PURE__ */ o("span", { children: h })
+            /* @__PURE__ */ o(_t, { size: 12, className: "text-muted-foreground" }),
+            /* @__PURE__ */ o("span", { children: g })
           ]
         },
-        h
+        g
       )) })
     ] }),
-    /* @__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;
+    /* @__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((g) => {
+      const y = g.icon;
       return /* @__PURE__ */ o(
         "div",
         {
-          onClick: () => n(h),
+          onClick: () => n(g),
           className: "px-4 py-2 hover:bg-accent/50 cursor-pointer group transition-colors border-l-2 border-transparent hover:border-primary",
           children: /* @__PURE__ */ x("div", { className: "flex items-start space-x-3", children: [
             y && /* @__PURE__ */ o("div", { className: "mt-0.5 p-1 rounded bg-muted group-hover:bg-background transition-colors", children: /* @__PURE__ */ o(y, { size: 14, className: "text-muted-foreground group-hover:text-primary" }) }),
             /* @__PURE__ */ x("div", { className: "flex-1 min-w-0", children: [
               /* @__PURE__ */ x("div", { className: "flex items-center justify-between", children: [
-                /* @__PURE__ */ o("span", { className: "text-xs font-medium truncate", children: h.title }),
-                h.category && /* @__PURE__ */ o("span", { className: "text-[10px] uppercase tracking-wider text-muted-foreground font-bold px-1.5 py-0.5 bg-muted rounded", children: h.category })
+                /* @__PURE__ */ o("span", { className: "text-xs font-medium truncate", children: g.title }),
+                g.category && /* @__PURE__ */ o("span", { className: "text-[10px] uppercase tracking-wider text-muted-foreground font-bold px-1.5 py-0.5 bg-muted rounded", children: g.category })
               ] }),
-              h.description && /* @__PURE__ */ o("p", { className: "text-[11px] text-muted-foreground truncate mt-0.5", children: h.description })
+              g.description && /* @__PURE__ */ o("p", { className: "text-[11px] text-muted-foreground truncate mt-0.5", children: g.description })
             ] })
           ] })
         },
-        h.id
+        g.id
       );
     }) }) })
   ] });
-}, 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) => {
+}, 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), []), Mr = (e) => {
   if (!e) return ["background"];
   const t = [e.isBranch ? "branch" : "leaf"];
   return e.kind && t.push(e.kind), t;
-}, An = ({
+}, Fn = ({
   data: e,
   onToggle: t,
   onActivate: r,
@@ -2349,66 +2378,66 @@ const cr = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
   "aria-label": d = "Tree",
   className: c
 }) => {
-  const [l, p] = A(null), [u, m] = A(null), v = B(() => ct(e), [e]);
+  const [l, p] = $(null), [u, m] = $(null), v = B(() => ct(e), [e]);
   F(() => {
     m(null);
   }, [e]);
   const b = s.filter(
-    (y) => !y.showFor || l && y.showFor.some((k) => l.scopes.includes(k))
+    (y) => !y.showFor || l && y.showFor.some((w) => l.scopes.includes(w))
   ).map((y) => ({
     label: y.label,
     icon: y.icon,
     divider: y.divider,
     onClick: () => l && y.onSelect(l.context)
-  })), f = (y, k) => {
+  })), h = (y, w) => {
     s.length !== 0 && (y.preventDefault(), y.stopPropagation(), p({
       x: y.clientX,
       y: y.clientY,
-      scopes: Ir(k),
-      context: { nodeId: (k == null ? void 0 : k.id) ?? null, node: k }
+      scopes: Mr(w),
+      context: { nodeId: (w == null ? void 0 : w.id) ?? null, node: w }
     }));
-  }, h = (y) => {
-    const k = v[y], w = !!k.isBranch;
+  }, g = (y) => {
+    const w = v[y], L = !!w.isBranch;
     return /* @__PURE__ */ x(
       "div",
       {
         role: "treeitem",
-        "aria-expanded": w ? !!k.isOpen : void 0,
-        "aria-level": k.level + 1,
+        "aria-expanded": L ? !!w.isOpen : void 0,
+        "aria-level": w.level + 1,
         tabIndex: 0,
         draggable: !0,
-        onDragStart: (N) => {
-          N.dataTransfer.setData("text/plain", k.id), N.dataTransfer.effectAllowed = "move";
+        onDragStart: (k) => {
+          k.dataTransfer.setData("text/plain", w.id), k.dataTransfer.effectAllowed = "move";
         },
-        onDragOver: (N) => {
-          w && (N.preventDefault(), m(k.id));
+        onDragOver: (k) => {
+          L && (k.preventDefault(), m(w.id));
         },
         onDragLeave: () => m(null),
-        onDrop: (N) => {
-          N.preventDefault(), m(null);
-          const L = N.dataTransfer.getData("text/plain");
-          L && L !== k.id && w && (n == null || n(L, k.id));
+        onDrop: (k) => {
+          k.preventDefault(), m(null);
+          const S = k.dataTransfer.getData("text/plain");
+          S && S !== w.id && L && (n == null || n(S, w.id));
         },
-        onClick: () => w && (t == null ? void 0 : t(k)),
-        onDoubleClick: () => r == null ? void 0 : r(k),
-        onKeyDown: (N) => {
-          N.key === "Enter" && (N.preventDefault(), w ? t == null || t(k) : r == null || r(k));
+        onClick: () => L && (t == null ? void 0 : t(w)),
+        onDoubleClick: () => r == null ? void 0 : r(w),
+        onKeyDown: (k) => {
+          k.key === "Enter" && (k.preventDefault(), L ? t == null || t(w) : r == null || r(w));
         },
-        onContextMenu: (N) => f(N, k),
-        style: { paddingLeft: `${k.level * i + 8}px` },
-        className: P(
+        onContextMenu: (k) => h(k, w),
+        style: { paddingLeft: `${w.level * i + 8}px` },
+        className: M(
           "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",
-          u === k.id && "bg-primary/20 ring-1 ring-primary/50 rounded-sm",
-          k.className
+          u === w.id && "bg-primary/20 ring-1 ring-primary/50 rounded-sm",
+          w.className
         ),
         children: [
-          /* @__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 })
+          /* @__PURE__ */ o("div", { className: "w-4 h-4 mr-1 flex items-center justify-center shrink-0", children: L && (w.isOpen ? /* @__PURE__ */ o(Je, { size: 14 }) : /* @__PURE__ */ o(je, { size: 14 })) }),
+          w.icon && /* @__PURE__ */ o("div", { className: "mr-2 flex items-center shrink-0", children: w.icon }),
+          /* @__PURE__ */ o("span", { className: "truncate", children: w.label })
         ]
       },
-      k.id
+      w.id
     );
   };
   return /* @__PURE__ */ x(
@@ -2416,19 +2445,19 @@ const cr = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
     {
       role: "tree",
       "aria-label": d,
-      className: P("h-full w-full bg-muted/30", c),
-      onContextMenu: (y) => f(y, null),
+      className: M("h-full w-full bg-muted/30", c),
+      onContextMenu: (y) => h(y, null),
       children: [
         a ? /* @__PURE__ */ o(
-          Ut,
+          Bt,
           {
             style: { height: "100%" },
             totalCount: v.length,
-            itemContent: h
+            itemContent: g
           }
-        ) : /* @__PURE__ */ o("div", { className: "h-full overflow-auto", children: v.map((y, k) => h(k)) }),
+        ) : /* @__PURE__ */ o("div", { className: "h-full overflow-auto", children: v.map((y, w) => g(w)) }),
         l && b.length > 0 && /* @__PURE__ */ o(
-          Lr,
+          Pr,
           {
             x: l.x,
             y: l.y,
@@ -2453,7 +2482,7 @@ const cr = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
 }), we = (e, t) => ({
   x: (e.x - t.x) / t.scale,
   y: (e.y - t.y) / t.scale
-}), $n = (e, t) => ({
+}), zn = (e, t) => ({
   x: e.x * t.scale + t.x,
   y: e.y * t.scale + t.y
 }), _e = (e, t, r) => {
@@ -2475,14 +2504,14 @@ const cr = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
     case "right":
       return { x: e.x + e.width, y: r.y };
   }
-}, Pr = (e, t) => {
+}, Cr = (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" };
 }, 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 };
-}, Sr = (e, t) => ({
+}, Ar = (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,
@@ -2493,7 +2522,7 @@ const cr = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
   scale: r,
   x: t.width / 2 - e.x * r,
   y: t.height / 2 - e.y * r
-}), Mr = (e, t) => {
+}), $r = (e, t) => {
   const r = Math.min(e.x, t.x), n = Math.min(e.y, t.y);
   return {
     x: r,
@@ -2501,7 +2530,7 @@ const cr = /* @__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
   };
-}, Cr = (e, t, r = 48) => {
+}, Rr = (e, t, r = 48) => {
   const n = ut(e);
   if (!n || t.width === 0 || t.height === 0) return dt;
   const s = Ne(
@@ -2535,7 +2564,7 @@ const cr = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
     (!a || v < a.score) && (a = { node: d, score: v });
   }
   return (a == null ? void 0 : a.node) ?? null;
-}, Ar = (e, t, r, n = 64) => {
+}, Fr = (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 = mt[r], d = {
@@ -2545,21 +2574,21 @@ const cr = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
   let c = { x: i.x + d.x, y: i.y + d.y };
   for (let l = 0; l < 24; l += 1) {
     const p = { ...c, width: i.width, height: i.height };
-    if (!e.some((m) => $r(j(m), p))) break;
+    if (!e.some((m) => zr(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;
-}, $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(
+}, zr = (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, On = (e, t) => e.filter((r) => r.source === t || r.target === t), _n = (e, t, r) => e.some(
   (n) => n.source === t && n.target === r || n.source === r && n.target === t
-), zn = (e, t, r) => ({
+), Kn = (e, t, r) => ({
   nodes: e.filter((n) => n.id !== r),
   edges: t.filter((n) => n.source !== r && n.target !== r)
-}), On = (e, t) => {
+}), Un = (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}`;
-}, Rr = vt(
+}, Or = wt(
   ({
     children: e,
     overlay: t,
@@ -2576,141 +2605,141 @@ const cr = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
     minScale: m = 0.1,
     maxScale: v = 4,
     pannable: b = !0,
-    zoomable: f = !0,
-    "aria-label": h = "Graph canvas",
+    zoomable: h = !0,
+    "aria-label": g = "Graph canvas",
     className: y
-  }, 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);
+  }, w) => {
+    const L = _(null), [k, S] = $(n), [D, C] = $(!1), [N, I] = $(!1), f = r ?? k, E = _(f);
+    E.current = f;
+    const P = Y(
+      (T) => {
+        r || S(T), s == null || s(T);
       },
       [r, s]
-    ), $ = Y((E) => {
+    ), A = Y((T) => {
       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;
+      const z = (R = L.current) == null ? void 0 : R.getBoundingClientRect();
+      return z ? { x: T.x - z.left, y: T.y - z.top } : T;
     }, []);
     F(() => {
-      const E = w.current;
-      if (!E || !i) return;
+      const T = L.current;
+      if (!T || !i) return;
       const z = () => {
-        const U = E.getBoundingClientRect();
+        const U = T.getBoundingClientRect();
         i({ width: U.width, height: U.height });
       };
       z();
       const R = new ResizeObserver(z);
-      return R.observe(E), () => R.disconnect();
+      return R.observe(T), () => R.disconnect();
     }, [i]), F(() => {
-      const E = w.current;
-      if (!E || !f) return;
+      const T = L.current;
+      if (!T || !h) 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(
+        const U = E.current, W = A({ x: R.clientX, y: R.clientY }), ue = R.ctrlKey ? 0.01 : 2e-3, me = Ne(
           U.scale * Math.exp(-R.deltaY * ue),
           m,
           v
         );
-        C(_e(U, W, me));
+        P(_e(U, W, me));
       };
-      return E.addEventListener("wheel", z, { passive: !1 }), () => E.removeEventListener("wheel", z);
-    }, [f, m, v, C, $]), F(() => {
+      return T.addEventListener("wheel", z, { passive: !1 }), () => T.removeEventListener("wheel", z);
+    }, [h, m, v, P, A]), F(() => {
       if (!b) return;
-      const E = (R) => {
+      const T = (R) => {
         var W;
         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));
+        U != null && U.closest('input, textarea, [contenteditable="true"]') || (W = L.current) != null && W.contains(document.activeElement) && (R.preventDefault(), I(!0));
       }, z = (R) => {
-        R.code === "Space" && S(!1);
+        R.code === "Space" && I(!1);
       };
-      return window.addEventListener("keydown", E), window.addEventListener("keyup", z), () => {
-        window.removeEventListener("keydown", E), window.removeEventListener("keyup", z);
+      return window.addEventListener("keydown", T), window.addEventListener("keyup", z), () => {
+        window.removeEventListener("keydown", T), window.removeEventListener("keyup", z);
       };
     }, [b]);
-    const K = (E) => {
+    const K = (T) => {
       if (!b) return;
-      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({
+      const z = T.target === T.currentTarget, R = T.button === 1;
+      if (!z && !R && !N || T.button !== 0 && !R) return;
+      T.preventDefault(), C(!0);
+      const U = { x: T.clientX, y: T.clientY }, W = { ...E.current }, ue = (Se) => {
+        P({
           ...W,
-          x: W.x + (Pe.clientX - U.x),
-          y: W.y + (Pe.clientY - U.y)
+          x: W.x + (Se.clientX - U.x),
+          y: W.y + (Se.clientY - U.y)
         });
       }, me = () => {
-        M(!1), window.removeEventListener("pointermove", ue), window.removeEventListener("pointerup", me);
+        C(!1), window.removeEventListener("pointermove", ue), window.removeEventListener("pointerup", me);
       };
       window.addEventListener("pointermove", ue), window.addEventListener("pointerup", me);
     };
-    wt(
-      k,
+    Nt(
+      w,
       () => ({
-        getViewport: () => D.current,
-        setViewport: C,
-        fitTo: (E, z) => {
+        getViewport: () => E.current,
+        setViewport: P,
+        fitTo: (T, z) => {
           var U;
-          const R = (U = w.current) == null ? void 0 : U.getBoundingClientRect();
-          R && C(Cr(E, { width: R.width, height: R.height }, z));
+          const R = (U = L.current) == null ? void 0 : U.getBoundingClientRect();
+          R && P(Rr(T, { width: R.width, height: R.height }, z));
         },
-        zoomBy: (E) => {
+        zoomBy: (T) => {
           var W;
-          const z = (W = w.current) == null ? void 0 : W.getBoundingClientRect();
+          const z = (W = L.current) == null ? void 0 : W.getBoundingClientRect();
           if (!z) return;
           const R = { x: z.width / 2, y: z.height / 2 }, U = Ne(
-            D.current.scale * E,
+            E.current.scale * T,
             m,
             v
           );
-          C(_e(D.current, R, U));
+          P(_e(E.current, R, U));
         },
-        clientToGraph: (E) => we($(E), D.current),
+        clientToGraph: (T) => we(A(T), E.current),
         getSize: () => {
           var z;
-          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 };
+          const T = (z = L.current) == null ? void 0 : z.getBoundingClientRect();
+          return { width: (T == null ? void 0 : T.width) ?? 0, height: (T == null ? void 0 : T.height) ?? 0 };
         },
         focus: () => {
-          var E;
-          return (E = w.current) == null ? void 0 : E.focus();
+          var T;
+          return (T = L.current) == null ? void 0 : T.focus();
         }
       }),
-      [C, m, v, $]
+      [P, m, v, A]
     );
-    const O = (E) => we($({ x: E.clientX, y: E.clientY }), g), H = (E) => E.target === E.currentTarget;
+    const O = (T) => we(A({ x: T.clientX, y: T.clientY }), f), H = (T) => T.target === T.currentTarget;
     return /* @__PURE__ */ x(
       "div",
       {
-        ref: w,
+        ref: L,
         role: "application",
-        "aria-label": h,
+        "aria-label": g,
         tabIndex: 0,
         onPointerDown: K,
-        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));
+        onClick: (T) => H(T) && (a == null ? void 0 : a(O(T), T)),
+        onDoubleClick: (T) => H(T) && (d == null ? void 0 : d(O(T), T)),
+        onContextMenu: (T) => {
+          !c || !H(T) || (T.preventDefault(), c(O(T), T));
         },
-        onDragOver: (E) => {
-          l && (E.preventDefault(), E.dataTransfer.dropEffect = "copy");
+        onDragOver: (T) => {
+          l && (T.preventDefault(), T.dataTransfer.dropEffect = "copy");
         },
-        onDrop: (E) => {
-          l && (E.preventDefault(), l(O(E), E));
+        onDrop: (T) => {
+          l && (T.preventDefault(), l(O(T), T));
         },
         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: `${u * g.scale}px ${u * g.scale}px`,
-          backgroundPosition: `${g.x}px ${g.y}px`
+          backgroundSize: `${u * f.scale}px ${u * f.scale}px`,
+          backgroundPosition: `${f.x}px ${f.y}px`
         } : void 0,
-        className: P(
+        className: M(
           "relative w-full h-full overflow-hidden bg-background outline-none",
           "focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-inset",
-          I || T ? "cursor-grabbing" : "cursor-grab",
+          N || D ? "cursor-grabbing" : "cursor-grab",
           y
         ),
         children: [
@@ -2718,7 +2747,7 @@ const cr = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
             "div",
             {
               style: {
-                transform: `translate(${g.x}px, ${g.y}px) scale(${g.scale})`,
+                transform: `translate(${f.x}px, ${f.y}px) scale(${f.scale})`,
                 transformOrigin: "0 0",
                 willChange: "transform"
               },
@@ -2732,13 +2761,13 @@ const cr = /* @__PURE__ */ x("div", { className: "h-full flex flex-col items-cen
     );
   }
 );
-Rr.displayName = "GraphCanvas";
-const Fr = ["top", "right", "bottom", "left"], zr = {
+Or.displayName = "GraphCanvas";
+const _r = ["top", "right", "bottom", "left"], Kr = {
   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"
-}, _n = ({
+}, Bn = ({
   node: e,
   children: t,
   onMove: r,
@@ -2754,19 +2783,19 @@ const Fr = ["top", "right", "bottom", "left"], zr = {
   draggable: m = !0,
   className: v
 }) => {
-  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 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, I)), window.removeEventListener("pointermove", S), window.removeEventListener("pointerup", g);
+  var w, L;
+  const b = _(!1), h = ((w = e.size) == null ? void 0 : w.width) ?? he.width, g = ((L = e.size) == null ? void 0 : L.height) ?? he.height, y = (k) => {
+    if (!m || !r || k.button !== 0 || k.nativeEvent.shiftKey) return;
+    k.stopPropagation(), b.current = !1;
+    const S = { x: k.clientX, y: k.clientY }, D = { ...e.position }, C = Ur(k.currentTarget);
+    let N = D;
+    const I = (E) => {
+      const P = (E.clientX - S.x) / C, A = (E.clientY - S.y) / C;
+      (Math.abs(P) > 1 || Math.abs(A) > 1) && (b.current = !0), N = { x: D.x + P, y: D.y + A }, r(e.id, N);
+    }, f = () => {
+      b.current && (n == null || n(e.id, N)), window.removeEventListener("pointermove", I), window.removeEventListener("pointerup", f);
     };
-    window.addEventListener("pointermove", S), window.addEventListener("pointerup", g);
+    window.addEventListener("pointermove", I), window.addEventListener("pointerup", f);
   };
   return /* @__PURE__ */ x(
     "div",
@@ -2779,21 +2808,21 @@ const Fr = ["top", "right", "bottom", "left"], zr = {
         position: "absolute",
         left: e.position.x,
         top: e.position.y,
-        width: f,
-        height: h
+        width: h,
+        height: g
       },
       onPointerDown: y,
-      onClick: (N) => {
-        N.stopPropagation(), b.current || s == null || s(e.id, N);
+      onClick: (k) => {
+        k.stopPropagation(), b.current || s == null || s(e.id, k);
       },
-      onDoubleClick: (N) => {
-        N.stopPropagation(), i == null || i(e.id);
+      onDoubleClick: (k) => {
+        k.stopPropagation(), i == null || i(e.id);
       },
-      onContextMenu: (N) => {
-        a && (N.preventDefault(), N.stopPropagation(), a(e.id, { x: N.clientX, y: N.clientY }, N));
+      onContextMenu: (k) => {
+        a && (k.preventDefault(), k.stopPropagation(), a(e.id, { x: k.clientX, y: k.clientY }, k));
       },
       onPointerUp: () => c == null ? void 0 : c(e.id),
-      className: P(
+      className: M(
         "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",
@@ -2805,28 +2834,28 @@ const Fr = ["top", "right", "bottom", "left"], zr = {
       ),
       children: [
         t,
-        u && d && Fr.map((N) => /* @__PURE__ */ o(
+        u && d && _r.map((k) => /* @__PURE__ */ o(
           "button",
           {
             type: "button",
             tabIndex: -1,
-            "aria-label": `Connect from ${N}`,
-            onPointerDown: (L) => {
-              L.stopPropagation(), d(e.id, N);
+            "aria-label": `Connect from ${k}`,
+            onPointerDown: (S) => {
+              S.stopPropagation(), d(e.id, k);
             },
-            className: P(
+            className: M(
               "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",
               p && "opacity-100",
-              zr[N]
+              Kr[k]
             )
           },
-          N
+          k
         ))
       ]
     }
   );
-}, Or = (e) => {
+}, Ur = (e) => {
   let t = e.parentElement;
   for (; t; ) {
     const r = window.getComputedStyle(t).transform;
@@ -2837,7 +2866,7 @@ const Fr = ["top", "right", "bottom", "left"], zr = {
     t = t.parentElement;
   }
   return 1;
-}, _r = (e, t, r, n) => {
+}, Br = (e, t, r, n) => {
   if (n === "straight")
     return `M ${e.x} ${e.y} L ${t.x} ${t.y}`;
   const s = r === "left" || r === "right";
@@ -2847,7 +2876,7 @@ const Fr = ["top", "right", "bottom", "left"], zr = {
   }
   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 = ({
+}, Hn = ({
   edge: e,
   source: t,
   target: r,
@@ -2858,12 +2887,12 @@ const Fr = ["top", "right", "bottom", "left"], zr = {
   onContextMenu: d,
   className: c
 }) => {
-  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);
+  const l = j(t), p = j(r), u = Cr(l, p), m = Ke(l, u.source), v = Ke(p, u.target), b = Br(m, v, u.source, n), h = { x: (m.x + v.x) / 2, y: (m.y + v.y) / 2 }, g = !!(a || d);
   return /* @__PURE__ */ x(
     "g",
     {
       "data-graph-edge": e.id,
-      className: P(h && "cursor-pointer"),
+      className: M(g && "cursor-pointer"),
       onClick: (y) => {
         a && (y.stopPropagation(), a(e.id, y));
       },
@@ -2871,7 +2900,7 @@ const Fr = ["top", "right", "bottom", "left"], zr = {
         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 }),
+        g && /* @__PURE__ */ o("path", { d: b, fill: "none", stroke: "transparent", strokeWidth: 16 }),
         /* @__PURE__ */ o(
           "path",
           {
@@ -2879,7 +2908,7 @@ const Fr = ["top", "right", "bottom", "left"], zr = {
             fill: "none",
             strokeWidth: s ? 2.5 : 1.5,
             markerEnd: i ? "url(#nexus-graph-arrow)" : void 0,
-            className: P(
+            className: M(
               "transition-[stroke]",
               s ? "stroke-primary" : "stroke-border",
               c
@@ -2889,8 +2918,8 @@ const Fr = ["top", "right", "bottom", "left"], zr = {
         e.label && /* @__PURE__ */ o(
           "text",
           {
-            x: f.x,
-            y: f.y,
+            x: h.x,
+            y: h.y,
             textAnchor: "middle",
             dominantBaseline: "middle",
             className: "fill-muted-foreground text-[10px] font-medium select-none",
@@ -2901,14 +2930,14 @@ const Fr = ["top", "right", "bottom", "left"], zr = {
       ]
     }
   );
-}, Un = ({ children: e, className: t }) => /* @__PURE__ */ x(
+}, jn = ({ 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: P("pointer-events-none [&_g]:pointer-events-auto", t),
+    className: M("pointer-events-none [&_g]:pointer-events-auto", t),
     children: [
       /* @__PURE__ */ o("defs", { children: /* @__PURE__ */ o(
         "marker",
@@ -2926,7 +2955,7 @@ const Fr = ["top", "right", "bottom", "left"], zr = {
       e
     ]
   }
-), Bn = {
+), Wn = {
   /** Move focus to the nearest node in a direction. */
   moveFocus: ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"],
   /** Create a connected node in a direction. */
@@ -2941,12 +2970,12 @@ const Fr = ["top", "right", "bottom", "left"], zr = {
   connect: "c",
   /** Nudge the focused node. Held with the arrow keys. */
   nudgeModifier: "shiftKey"
-}, Kr = {
+}, Hr = {
   ArrowUp: "up",
   ArrowDown: "down",
   ArrowLeft: "left",
   ArrowRight: "right"
-}, Hn = ({
+}, Gn = ({
   nodes: e,
   edges: t,
   focusedId: r,
@@ -2961,138 +2990,138 @@ const Fr = ["top", "right", "bottom", "left"], zr = {
   onMoveNode: u,
   onEditNode: m
 }) => {
-  const [v, b] = A(
+  const [v, b] = $(
     n
-  ), [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);
+  ), [h, g] = $(null), [y, w] = $(null), L = r !== void 0 ? r : v, k = Y(
+    (N) => {
+      r === void 0 && b(N), s == null || s(N);
     },
     [r, s]
-  ), L = _({
+  ), S = _({
     nodes: e,
     edges: t,
-    focusedId: w,
-    editingId: f,
+    focusedId: L,
+    editingId: h,
     connectingFrom: y
   });
-  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);
+  S.current = { nodes: e, edges: t, focusedId: L, editingId: h, connectingFrom: y };
+  const D = Y(
+    (N) => {
+      const { nodes: I, focusedId: f } = S.current;
+      if (I.length === 0) return;
+      if (!f) {
+        k(I[0].id);
         return;
       }
-      const D = ve(S, g, I);
-      D && N(D.id);
+      const E = ve(I, f, N);
+      E && k(E.id);
     },
-    [N]
-  ), M = Y(
-    (I = "right") => {
-      const { nodes: S, focusedId: g } = L.current;
+    [k]
+  ), C = Y(
+    (N = "right") => {
+      const { nodes: I, focusedId: f } = S.current;
       if (!c) return;
-      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));
+      const E = f ? Fr(I, f, N) : { x: 0, y: 0 }, P = c(E, { from: f ?? void 0, direction: N });
+      P && (f && (l == null || l(f, P)), k(P), g(P));
     },
-    [c, l, N]
+    [c, l, k]
   );
   return F(() => {
     if (d) return;
-    const I = i.current;
-    if (!I) return;
-    const S = (g) => {
-      const { focusedId: D, editingId: C, connectingFrom: $ } = L.current;
-      if (C) {
-        g.key === "Escape" && (g.preventDefault(), h(null));
+    const N = i.current;
+    if (!N) return;
+    const I = (f) => {
+      const { focusedId: E, editingId: P, connectingFrom: A } = S.current;
+      if (P) {
+        f.key === "Escape" && (f.preventDefault(), g(null));
         return;
       }
-      const K = g.target;
+      const K = f.target;
       if (K != null && K.closest('input, textarea, select, [contenteditable="true"]')) return;
-      const O = Kr[g.key];
+      const O = Hr[f.key];
       if (O) {
-        g.preventDefault();
-        const H = L.current.nodes.find((E) => E.id === D);
-        if (g.shiftKey && H && u) {
-          const E = {
+        f.preventDefault();
+        const H = S.current.nodes.find((T) => T.id === E);
+        if (f.shiftKey && H && u) {
+          const T = {
             up: { x: 0, y: -a },
             down: { x: 0, y: a },
             left: { x: -a, y: 0 },
             right: { x: a, y: 0 }
           }[O];
           u(H.id, {
-            x: H.position.x + E.x,
-            y: H.position.y + E.y
+            x: H.position.x + T.x,
+            y: H.position.y + T.y
           });
           return;
         }
-        T(O);
+        D(O);
         return;
       }
-      switch (g.key) {
+      switch (f.key) {
         case "Tab": {
           if (!c) return;
-          g.preventDefault(), M(g.shiftKey ? "left" : "right");
+          f.preventDefault(), C(f.shiftKey ? "left" : "right");
           return;
         }
         case "Enter": {
-          if (!D) return;
-          if (g.preventDefault(), $ && $ !== D) {
-            l == null || l($, D), k(null);
+          if (!E) return;
+          if (f.preventDefault(), A && A !== E) {
+            l == null || l(A, E), w(null);
             return;
           }
-          m == null || m(D), h(D);
+          m == null || m(E), g(E);
           return;
         }
         case "Escape": {
-          g.preventDefault(), $ ? k(null) : N(null);
+          f.preventDefault(), A ? w(null) : k(null);
           return;
         }
         case "Delete":
         case "Backspace": {
-          if (!D || !p) return;
-          g.preventDefault();
-          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);
+          if (!E || !p) return;
+          f.preventDefault();
+          const H = S.current.nodes.filter((z) => z.id !== E), T = ve(S.current.nodes, E, "left") ?? ve(S.current.nodes, E, "right") ?? H[0] ?? null;
+          p(E), k((T == null ? void 0 : T.id) ?? null);
           return;
         }
         case "c":
         case "C": {
-          if (!D || !l || g.metaKey || g.ctrlKey) return;
-          g.preventDefault(), k($ === D ? null : D);
+          if (!E || !l || f.metaKey || f.ctrlKey) return;
+          f.preventDefault(), w(A === E ? null : E);
           return;
         }
       }
     };
-    return I.addEventListener("keydown", S), () => I.removeEventListener("keydown", S);
+    return N.addEventListener("keydown", I), () => N.removeEventListener("keydown", I);
   }, [
     d,
     i,
-    T,
-    M,
+    D,
+    C,
     a,
     l,
     c,
     p,
     m,
     u,
-    N
+    k
   ]), 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(
+    L && !e.some((N) => N.id === L) && k(null), h && !e.some((N) => N.id === h) && g(null), y && !e.some((N) => N.id === y) && w(null);
+  }, [e, L, h, y, k]), B(
     () => ({
-      focusedId: w,
-      setFocusedId: N,
-      editingId: f,
-      setEditingId: h,
+      focusedId: L,
+      setFocusedId: k,
+      editingId: h,
+      setEditingId: g,
       connectingFrom: y,
-      setConnectingFrom: k,
-      moveFocus: T,
-      createConnected: M
+      setConnectingFrom: w,
+      moveFocus: D,
+      createConnected: C
     }),
-    [w, N, f, y, T, M]
+    [L, k, h, y, D, C]
   );
-}, jn = ({
+}, Yn = ({
   nodes: e,
   viewport: t,
   canvasSize: r,
@@ -3106,103 +3135,103 @@ const Fr = ["top", "right", "bottom", "left"], zr = {
   "aria-label": p = "Graph minimap",
   className: u
 }) => {
-  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(f.width, 1),
-    (i - c * 2) / Math.max(f.height, 1)
+  const m = _(null), v = B(() => new Set(d ?? []), [d]), b = Ar(t, r), h = B(() => {
+    const I = ut(e);
+    return I ? $r(I, b) : b;
+  }, [e, b.x, b.y, b.width, b.height]), g = Math.min(
+    (s - c * 2) / Math.max(h.width, 1),
+    (i - c * 2) / Math.max(h.height, 1)
   ), y = {
-    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
-  }), w = (S) => ({
-    x: (S.x - y.x) / h,
-    y: (S.y - y.y) / h
-  }), N = Y(
-    (S) => {
-      var C;
+    x: (s - h.width * g) / 2 - h.x * g,
+    y: (i - h.height * g) / 2 - h.y * g
+  }, w = (I) => ({
+    x: I.x * g + y.x,
+    y: I.y * g + y.y
+  }), L = (I) => ({
+    x: (I.x - y.x) / g,
+    y: (I.y - y.y) / g
+  }), k = Y(
+    (I) => {
+      var P;
       if (!n) return;
-      const g = (C = m.current) == null ? void 0 : C.getBoundingClientRect();
-      if (!g) return;
-      const D = w({ x: S.x - g.left, y: S.y - g.top });
-      n(Ue(D, r, t.scale));
+      const f = (P = m.current) == null ? void 0 : P.getBoundingClientRect();
+      if (!f) return;
+      const E = L({ x: I.x - f.left, y: I.y - f.top });
+      n(Ue(E, r, t.scale));
     },
-    [n, r, t.scale, h, y.x, y.y]
-  ), L = (S) => {
-    var C;
-    if (!n || S.button !== 0) return;
-    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);
+    [n, r, t.scale, g, y.x, y.y]
+  ), S = (I) => {
+    var P;
+    if (!n || I.button !== 0) return;
+    I.preventDefault(), (P = m.current) == null || P.focus(), k({ x: I.clientX, y: I.clientY });
+    const f = (A) => k({ x: A.clientX, y: A.clientY }), E = () => {
+      window.removeEventListener("pointermove", f), window.removeEventListener("pointerup", E);
     };
-    window.addEventListener("pointermove", g), window.addEventListener("pointerup", D);
-  }, T = (S) => {
+    window.addEventListener("pointermove", f), window.addEventListener("pointerup", E);
+  }, D = (I) => {
     if (!n) return;
-    const g = {
+    const f = {
       ArrowUp: { x: 0, y: -l },
       ArrowDown: { x: 0, y: l },
       ArrowLeft: { x: -l, y: 0 },
       ArrowRight: { x: l, y: 0 }
-    }[S.key];
-    if (!g) return;
-    S.preventDefault();
-    const D = J(b);
+    }[I.key];
+    if (!f) return;
+    I.preventDefault();
+    const E = J(b);
     n(
-      Ue({ x: D.x + g.x, y: D.y + g.y }, r, t.scale)
+      Ue({ x: E.x + f.x, y: E.y + f.y }, r, t.scale)
     );
-  }, M = {
-    x: k(b).x,
-    y: k(b).y,
-    width: b.width * h,
-    height: b.height * h
-  }, I = !!n;
+  }, C = {
+    x: w(b).x,
+    y: w(b).y,
+    width: b.width * g,
+    height: b.height * g
+  }, N = !!n;
   return /* @__PURE__ */ o(
     "div",
     {
       ref: m,
-      role: I ? "slider" : "img",
+      role: N ? "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: I ? 0 : void 0,
-      onPointerDown: L,
-      onKeyDown: T,
+      tabIndex: N ? 0 : void 0,
+      onPointerDown: S,
+      onKeyDown: D,
       style: { width: s, height: i },
-      className: P(
+      className: M(
         "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",
-        I && "cursor-pointer",
+        N && "cursor-pointer",
         u
       ),
       children: /* @__PURE__ */ x("svg", { width: s, height: i, className: "block", children: [
-        e.map((S) => {
-          const g = j(S), D = k(g), C = v.has(S.id);
+        e.map((I) => {
+          const f = j(I), E = w(f), P = v.has(I.id);
           return /* @__PURE__ */ o(
             "rect",
             {
-              x: D.x,
-              y: D.y,
-              width: Math.max(g.width * h, 2),
-              height: Math.max(g.height * h, 2),
+              x: E.x,
+              y: E.y,
+              width: Math.max(f.width * g, 2),
+              height: Math.max(f.height * g, 2),
               rx: 1,
-              fill: C || a == null ? void 0 : a(S),
-              className: P(
-                !a && !C && "fill-muted-foreground/50",
-                C && "fill-primary"
+              fill: P || a == null ? void 0 : a(I),
+              className: M(
+                !a && !P && "fill-muted-foreground/50",
+                P && "fill-primary"
               )
             },
-            S.id
+            I.id
           );
         }),
         r.width > 0 && /* @__PURE__ */ o(
           "rect",
           {
-            x: M.x,
-            y: M.y,
-            width: Math.max(M.width, 4),
-            height: Math.max(M.height, 4),
+            x: C.x,
+            y: C.y,
+            width: Math.max(C.width, 4),
+            height: Math.max(C.height, 4),
             rx: 2,
             className: "fill-primary/10 stroke-primary",
             strokeWidth: 1.5
@@ -3211,7 +3240,7 @@ const Fr = ["top", "right", "bottom", "left"], zr = {
       ] })
     }
   );
-}, Ur = (e, t) => {
+}, jr = (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);
@@ -3244,49 +3273,49 @@ const Fr = ["top", "right", "bottom", "left"], zr = {
   align: s = "center"
 } = {}) => (i, a) => {
   if (i.length === 0) return i;
-  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 d = jr(i, a), c = e === "down" || e === "up", l = /* @__PURE__ */ new Map();
+  i.forEach((L) => {
+    const k = d.get(L.id) ?? 0, S = l.get(k) ?? [];
+    S.push(L), l.set(k, S);
   });
-  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;
+  const p = [...l.keys()].sort((L, k) => L - k), u = /* @__PURE__ */ new Map();
+  p.forEach((L) => {
+    const k = l.get(L), S = Math.max(
+      ...k.map((D) => {
+        const C = j(D);
+        return c ? C.height : C.width;
       })
     );
-    u.set(w, L);
+    u.set(L, S);
   });
   const m = /* @__PURE__ */ new Map();
   let v = 0;
-  p.forEach((w) => {
-    m.set(w, v), v += (u.get(w) ?? 0) + r;
+  p.forEach((L) => {
+    m.set(L, v), v += (u.get(L) ?? 0) + r;
   });
-  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), 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 + T, y: n.y + $ } : { x: n.x + $, y: n.y + T }
-      ), T += D + t;
+  const b = (L) => {
+    const k = l.get(L);
+    return k.map((D) => {
+      const C = j(D);
+      return c ? C.width : C.height;
+    }).reduce((D, C) => D + C, 0) + t * (k.length - 1);
+  }, h = Math.max(...p.map(b)), g = e === "up" || e === "left", y = v - r, w = /* @__PURE__ */ new Map();
+  return p.forEach((L) => {
+    const k = l.get(L), S = b(L);
+    let D = s === "center" ? (h - S) / 2 : 0;
+    const C = m.get(L) ?? 0, N = g ? y - C - (u.get(L) ?? 0) : C;
+    k.forEach((I) => {
+      const f = j(I), E = c ? f.width : f.height, P = c ? f.height : f.width, A = N + ((u.get(L) ?? 0) - P) / 2;
+      w.set(
+        I.id,
+        c ? { x: n.x + D, y: n.y + A } : { x: n.x + A, y: n.y + D }
+      ), D += E + t;
     });
-  }), i.map((w) => {
-    const N = k.get(w.id);
-    return N ? { ...w, position: N } : w;
+  }), i.map((L) => {
+    const k = w.get(L.id);
+    return k ? { ...L, position: k } : L;
   });
-}, Br = ({
+}, Wr = ({
   columns: e,
   spacingX: t = 48,
   spacingY: r = 48,
@@ -3313,44 +3342,44 @@ const Fr = ["top", "right", "bottom", "left"], zr = {
       y: n.y + p[Math.floor(m / i)]
     }
   }));
-}, Hr = {
+}, Gr = {
   vertical: Be({ direction: "down" }),
   horizontal: Be({ direction: "right" }),
-  grid: Br()
-}, fe = "freeform", Wn = ({
+  grid: Wr()
+}, fe = "freeform", Jn = ({
   nodes: e,
   edges: t,
-  layouts: r = Hr,
+  layouts: r = Gr,
   mode: n,
   defaultMode: s = fe,
   onModeChange: i,
   onNodeMove: a,
   escapeOnDrag: d = !0
 }) => {
-  const [c, l] = A(s), p = n ?? c, u = Y(
-    (k) => {
-      n === void 0 && l(k), i == null || i(k);
+  const [c, l] = $(s), p = n ?? c, u = Y(
+    (w) => {
+      n === void 0 && l(w), i == null || i(w);
     },
     [n, i]
   ), m = p === fe ? void 0 : r[p], v = !!m, b = B(
     () => m ? m(e, t) : e,
     [m, e, t]
-  ), f = Y(
-    (k, w) => {
-      v && d && u(fe), a == null || a(k, w);
+  ), h = Y(
+    (w, L) => {
+      v && d && u(fe), a == null || a(w, L);
     },
     [v, d, u, a]
-  ), h = Y(() => b, [b]), y = B(
+  ), g = 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((k) => k !== fe),
+    () => Object.keys(r).filter((w) => w !== fe),
     [r]
   );
   return B(
-    () => ({ nodes: b, mode: p, setMode: u, available: y, isAuto: v, onMove: f, bake: h }),
-    [b, p, u, y, v, f, h]
+    () => ({ nodes: b, mode: p, setMode: u, available: y, isAuto: v, onMove: h, bake: g }),
+    [b, p, u, y, v, h, g]
   );
-}, ft = "application/x-nexus-graph-node", Gn = ({
+}, ft = "application/x-nexus-graph-node", Xn = ({
   items: e,
   onSelect: t,
   onDragStart: r,
@@ -3360,30 +3389,30 @@ const Fr = ["top", "right", "bottom", "left"], zr = {
   className: a,
   "aria-label": d = "Node palette"
 }) => {
-  const c = _(null), [l, p] = A("horizontal"), u = n === "auto" ? l : n, m = _(s);
+  const c = _(null), [l, p] = $("horizontal"), u = n === "auto" ? l : n, m = _(s);
   m.current = s;
   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(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 === I ? S : ((g = m.current) == null || g.call(m, I), I);
+    const h = c.current;
+    if (!h) return;
+    const g = [...h.querySelectorAll("[data-palette-item]")];
+    if (g.length === 0) return;
+    const y = window.getComputedStyle(h), w = parseFloat(y.gap) || 0, L = (parseFloat(y.paddingLeft) || 0) + (parseFloat(y.paddingRight) || 0), k = g.reduce((I, f) => I + f.offsetWidth, 0) + w * (g.length - 1) + L, S = g.reduce((I, f) => I + f.offsetHeight, 0) + w * (g.length - 1) + L, D = Yr(h);
+    if (!D) return;
+    const C = 4, N = k <= D.width + C ? "horizontal" : S <= D.height + C ? "vertical" : "horizontal";
+    p((I) => {
+      var f;
+      return I === N ? I : ((f = m.current) == null || f.call(m, N), N);
     });
   }, []);
   F(() => {
     if (n !== "auto") return;
-    const f = c.current;
-    if (!f) return;
+    const h = c.current;
+    if (!h) return;
     v();
-    const h = new ResizeObserver(v);
-    h.observe(f);
-    const y = pt(f);
-    return y && y !== f && h.observe(y), () => h.disconnect();
+    const g = new ResizeObserver(v);
+    g.observe(h);
+    const y = pt(h);
+    return y && y !== h && g.observe(y), () => g.disconnect();
   }, [n, v, e.length]);
   const b = u === "vertical";
   return /* @__PURE__ */ o(
@@ -3394,24 +3423,24 @@ const Fr = ["top", "right", "bottom", "left"], zr = {
       "aria-label": d,
       "aria-orientation": u,
       "data-orientation": u,
-      className: P(
+      className: M(
         "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((f) => /* @__PURE__ */ x(
+      children: e.map((h) => /* @__PURE__ */ x(
         "button",
         {
           type: "button",
           "data-palette-item": !0,
           draggable: !0,
-          title: f.description ?? (i ? f.label : void 0),
-          "aria-label": i ? f.label : void 0,
-          onDragStart: (h) => {
-            h.dataTransfer.setData(ft, f.kind), h.dataTransfer.setData("text/plain", f.label), h.dataTransfer.effectAllowed = "copy", r == null || r(f);
+          title: h.description ?? (i ? h.label : void 0),
+          "aria-label": i ? h.label : void 0,
+          onDragStart: (g) => {
+            g.dataTransfer.setData(ft, h.kind), g.dataTransfer.setData("text/plain", h.label), g.dataTransfer.effectAllowed = "copy", r == null || r(h);
           },
-          onClick: () => t == null ? void 0 : t(f),
-          className: P(
+          onClick: () => t == null ? void 0 : t(h),
+          className: M(
             "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",
@@ -3422,11 +3451,11 @@ const Fr = ["top", "right", "bottom", "left"], zr = {
             b && !i && "justify-start"
           ),
           children: [
-            f.icon,
-            !i && f.label
+            h.icon,
+            !i && h.label
           ]
         },
-        f.kind
+        h.kind
       ))
     }
   );
@@ -3438,7 +3467,7 @@ const Fr = ["top", "right", "bottom", "left"], zr = {
     t = t.parentElement;
   }
   return null;
-}, jr = (e) => {
+}, Yr = (e) => {
   const t = pt(e);
   if (!t) return null;
   const r = window.getComputedStyle(t), n = t.getBoundingClientRect();
@@ -3446,7 +3475,7 @@ const Fr = ["top", "right", "bottom", "left"], zr = {
     width: n.width - (parseFloat(r.paddingLeft) || 0) - (parseFloat(r.paddingRight) || 0),
     height: n.height - (parseFloat(r.paddingTop) || 0) - (parseFloat(r.paddingBottom) || 0)
   };
-}, Yn = (e) => e.dataTransfer.getData(ft) || null, q = ({
+}, qn = (e) => e.dataTransfer.getData(ft) || null, q = ({
   label: e,
   htmlFor: t,
   description: r,
@@ -3455,7 +3484,7 @@ const Fr = ["top", "right", "bottom", "left"], zr = {
   children: i,
   inline: a = !1,
   className: d
-}) => /* @__PURE__ */ x("div", { className: P("flex flex-col gap-1.5", d), children: [
+}) => /* @__PURE__ */ x("div", { className: M("flex flex-col gap-1.5", d), children: [
   !a && /* @__PURE__ */ x("div", { className: "flex items-baseline justify-between gap-2", children: [
     /* @__PURE__ */ o(
       "label",
@@ -3474,7 +3503,7 @@ const Fr = ["top", "right", "bottom", "left"], zr = {
   ] }) : 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", Wr = ({
+] }), 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", Jr = ({
   label: e,
   value: t,
   onChange: r,
@@ -3505,12 +3534,12 @@ const Fr = ["top", "right", "bottom", "left"], zr = {
           placeholder: s ? se : d,
           disabled: i,
           onChange: (u) => r == null ? void 0 : r(u.target.value),
-          className: P(ne, oe(a))
+          className: M(ne, oe(a))
         }
       )
     }
   );
-}, Gr = ({
+}, Xr = ({
   label: e,
   value: t,
   onChange: r,
@@ -3541,12 +3570,12 @@ const Fr = ["top", "right", "bottom", "left"], zr = {
           placeholder: s ? se : d,
           disabled: i,
           onChange: (u) => r == null ? void 0 : r(u.target.value),
-          className: P(ne, oe(a), "resize-y leading-relaxed")
+          className: M(ne, oe(a), "resize-y leading-relaxed")
         }
       )
     }
   );
-}, Yr = ({
+}, qr = ({
   label: e,
   value: t,
   onChange: r,
@@ -3575,7 +3604,7 @@ const Fr = ["top", "right", "bottom", "left"], zr = {
           value: s ? "" : t ?? "",
           disabled: i,
           onChange: (u) => r == null ? void 0 : r(u.target.value),
-          className: P(ne, oe(a), "cursor-pointer"),
+          className: M(ne, oe(a), "cursor-pointer"),
           children: [
             (s || c || t === void 0) && /* @__PURE__ */ o("option", { value: "", disabled: !c, children: s ? se : c ?? "—" }),
             d.map((u) => /* @__PURE__ */ o("option", { value: u.value, disabled: u.disabled, children: u.label }, u.value))
@@ -3584,7 +3613,7 @@ const Fr = ["top", "right", "bottom", "left"], zr = {
       )
     }
   );
-}, Jr = ({
+}, Vr = ({
   label: e,
   value: t,
   onChange: r,
@@ -3621,7 +3650,7 @@ const Fr = ["top", "right", "bottom", "left"], zr = {
       )
     }
   );
-}, Xr = ({
+}, Qr = ({
   label: e,
   value: t,
   onChange: r,
@@ -3660,17 +3689,17 @@ const Fr = ["top", "right", "bottom", "left"], zr = {
             disabled: i,
             onChange: (b) => {
               if (b.target.value === "") return;
-              const f = Number(b.target.value);
-              Number.isFinite(f) && (r == null || r(f));
+              const h = Number(b.target.value);
+              Number.isFinite(h) && (r == null || r(h));
             },
-            className: P(ne, oe(a), p && "pr-8")
+            className: M(ne, oe(a), p && "pr-8")
           }
         ),
         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 })
       ] })
     }
   );
-}, qr = ({
+}, Zr = ({
   label: e,
   value: t,
   onChange: r,
@@ -3712,13 +3741,13 @@ const Fr = ["top", "right", "bottom", "left"], zr = {
             placeholder: s ? se : "#000000",
             disabled: i,
             onChange: (p) => r == null ? void 0 : r(p.target.value),
-            className: P(ne, oe(a), "font-mono")
+            className: M(ne, oe(a), "font-mono")
           }
         )
       ] })
     }
   );
-}, Vr = ({
+}, en = ({
   label: e,
   value: t,
   onChange: r,
@@ -3751,12 +3780,12 @@ const Fr = ["top", "right", "bottom", "left"], zr = {
           max: l,
           disabled: i,
           onChange: (m) => r == null ? void 0 : r(m.target.value),
-          className: P(ne, oe(a))
+          className: M(ne, oe(a))
         }
       )
     }
   );
-}, Qr = ({
+}, tn = ({
   label: e,
   value: t,
   onChange: r,
@@ -3768,13 +3797,13 @@ const Fr = ["top", "right", "bottom", "left"], zr = {
   suggestions: c,
   className: l
 }) => {
-  const [p, u] = A(""), m = Z(e), v = s ? [] : t ?? [], b = () => {
-    const f = p.trim();
-    if (!f || v.includes(f)) {
+  const [p, u] = $(""), m = Z(e), v = s ? [] : t ?? [], b = () => {
+    const h = p.trim();
+    if (!h || v.includes(h)) {
       u("");
       return;
     }
-    r == null || r([...v, f]), u("");
+    r == null || r([...v, h]), u("");
   };
   return /* @__PURE__ */ x(
     q,
@@ -3786,25 +3815,25 @@ const Fr = ["top", "right", "bottom", "left"], zr = {
       mixed: s,
       className: l,
       children: [
-        v.length > 0 && /* @__PURE__ */ o("div", { className: "flex flex-wrap gap-1", children: v.map((f) => /* @__PURE__ */ x(
+        v.length > 0 && /* @__PURE__ */ o("div", { className: "flex flex-wrap gap-1", children: v.map((h) => /* @__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: [
-              f,
+              h,
               !i && /* @__PURE__ */ o(
                 "button",
                 {
                   type: "button",
-                  "aria-label": `Remove ${f}`,
-                  onClick: () => r == null ? void 0 : r(v.filter((h) => h !== f)),
+                  "aria-label": `Remove ${h}`,
+                  onClick: () => r == null ? void 0 : r(v.filter((g) => g !== h)),
                   className: "text-muted-foreground hover:text-destructive",
                   children: /* @__PURE__ */ o(X, { size: 10 })
                 }
               )
             ]
           },
-          f
+          h
         )) }),
         /* @__PURE__ */ x("div", { className: "flex gap-1.5", children: [
           /* @__PURE__ */ o(
@@ -3816,11 +3845,11 @@ const Fr = ["top", "right", "bottom", "left"], zr = {
               value: p,
               placeholder: s ? se : d,
               disabled: i,
-              onChange: (f) => u(f.target.value),
-              onKeyDown: (f) => {
-                f.key === "Enter" && (f.preventDefault(), b());
+              onChange: (h) => u(h.target.value),
+              onKeyDown: (h) => {
+                h.key === "Enter" && (h.preventDefault(), b());
               },
-              className: P(ne, oe(a))
+              className: M(ne, oe(a))
             }
           ),
           /* @__PURE__ */ o(
@@ -3831,15 +3860,15 @@ const Fr = ["top", "right", "bottom", "left"], zr = {
               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(_t, { size: 13 })
+              children: /* @__PURE__ */ o(Kt, { size: 13 })
             }
           )
         ] }),
-        c && /* @__PURE__ */ o("datalist", { id: `${m}-suggestions`, children: c.map((f) => /* @__PURE__ */ o("option", { value: f }, f)) })
+        c && /* @__PURE__ */ o("datalist", { id: `${m}-suggestions`, children: c.map((h) => /* @__PURE__ */ o("option", { value: h }, h)) })
       ]
     }
   );
-}, Zr = ({
+}, rn = ({
   label: e,
   value: t,
   description: r,
@@ -3849,14 +3878,14 @@ const Fr = ["top", "right", "bottom", "left"], zr = {
 }) => /* @__PURE__ */ o(q, { label: e, description: r, mixed: n, className: i, children: /* @__PURE__ */ o(
   "p",
   {
-    className: P(
+    className: M(
       "break-words text-xs text-foreground",
       s && "font-mono text-[11px]",
       (n || t === void 0 || t === "") && "text-muted-foreground/60"
     ),
     children: n ? se : t ?? "—"
   }
-) }), en = (e, t) => {
+) }), nn = (e, t) => {
   if (e != null)
     return t.split(".").reduce(
       (r, n) => r == null ? void 0 : r[n],
@@ -3873,15 +3902,15 @@ const Fr = ["top", "right", "bottom", "left"], zr = {
     ...i,
     [n]: ht(d, s.join("."), r)
   };
-}, 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) => {
+}, ke = (e, t) => t.get ? t.get(e) : nn(e, t.key), on = (e, t, r) => t.set ? t.set(e, r) : ht(e, t.key, r), sn = (e, t) => {
   if (e.length === 0) return { value: void 0, mixed: !1 };
   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 = {
+}, an = (e, t, r) => e.map(
+  (n) => Object.is(ke(n, t), r) ? n : on(n, t, r)
+), ln = {
   text: ({ field: e, state: t, onChange: r, error: n }) => /* @__PURE__ */ o(
-    Wr,
+    Jr,
     {
       label: e.label,
       description: e.description,
@@ -3894,7 +3923,7 @@ const Fr = ["top", "right", "bottom", "left"], zr = {
     }
   ),
   textarea: ({ field: e, state: t, onChange: r, error: n }) => /* @__PURE__ */ o(
-    Gr,
+    Xr,
     {
       label: e.label,
       description: e.description,
@@ -3909,7 +3938,7 @@ const Fr = ["top", "right", "bottom", "left"], zr = {
   select: ({ field: e, state: t, onChange: r, error: n }) => {
     var s;
     return /* @__PURE__ */ o(
-      Yr,
+      qr,
       {
         label: e.label,
         description: e.description,
@@ -3924,7 +3953,7 @@ const Fr = ["top", "right", "bottom", "left"], zr = {
     );
   },
   checkbox: ({ field: e, state: t, onChange: r, error: n }) => /* @__PURE__ */ o(
-    Jr,
+    Vr,
     {
       label: e.label,
       description: e.description,
@@ -3937,7 +3966,7 @@ const Fr = ["top", "right", "bottom", "left"], zr = {
     }
   ),
   number: ({ field: e, state: t, onChange: r, error: n }) => /* @__PURE__ */ o(
-    Xr,
+    Qr,
     {
       label: e.label,
       description: e.description,
@@ -3950,7 +3979,7 @@ const Fr = ["top", "right", "bottom", "left"], zr = {
     }
   ),
   color: ({ field: e, state: t, onChange: r, error: n }) => /* @__PURE__ */ o(
-    qr,
+    Zr,
     {
       label: e.label,
       description: e.description,
@@ -3963,7 +3992,7 @@ const Fr = ["top", "right", "bottom", "left"], zr = {
     }
   ),
   date: ({ field: e, state: t, onChange: r, error: n }) => /* @__PURE__ */ o(
-    Vr,
+    en,
     {
       label: e.label,
       description: e.description,
@@ -3976,7 +4005,7 @@ const Fr = ["top", "right", "bottom", "left"], zr = {
     }
   ),
   tags: ({ field: e, state: t, onChange: r, error: n }) => /* @__PURE__ */ o(
-    Qr,
+    tn,
     {
       label: e.label,
       description: e.description,
@@ -3989,7 +4018,7 @@ const Fr = ["top", "right", "bottom", "left"], zr = {
     }
   ),
   static: ({ field: e, state: t }) => /* @__PURE__ */ o(
-    Zr,
+    rn,
     {
       label: e.label,
       description: e.description,
@@ -3998,12 +4027,12 @@ const Fr = ["top", "right", "bottom", "left"], zr = {
       ...e.props
     }
   )
-}, 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 = ({
+}, cn = /* @__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." }) }), Vn = ({
   subjects: e,
   fields: t,
   onChange: r,
-  fieldTypes: n = on,
-  emptyState: s = sn,
+  fieldTypes: n = ln,
+  emptyState: s = cn,
   title: i,
   groupOrder: a,
   className: d,
@@ -4014,39 +4043,39 @@ const Fr = ["top", "right", "bottom", "left"], zr = {
     [t, e]
   ), p = B(() => {
     const m = /* @__PURE__ */ new Map();
-    l.forEach((f) => {
-      const h = f.group ?? "";
-      m.set(h, [...m.get(h) ?? [], f]);
+    l.forEach((h) => {
+      const g = h.group ?? "";
+      m.set(g, [...m.get(g) ?? [], h]);
     });
     const v = [...m.keys()];
     return (a ? [
       // Ungrouped fields always lead — they are the identity of the thing.
       ...m.has("") ? [""] : [],
-      ...a.filter((f) => m.has(f)),
-      ...v.filter((f) => f !== "" && !a.includes(f))
-    ] : v).map((f) => ({ group: f, fields: m.get(f) }));
+      ...a.filter((h) => m.has(h)),
+      ...v.filter((h) => h !== "" && !a.includes(h))
+    ] : v).map((h) => ({ group: h, fields: m.get(h) }));
   }, [l, a]);
   if (e.length === 0)
-    return /* @__PURE__ */ o("section", { "aria-label": c, className: P("h-full overflow-y-auto", d), children: s });
+    return /* @__PURE__ */ o("section", { "aria-label": c, className: M("h-full overflow-y-auto", d), children: s });
   const u = typeof i == "function" ? i(e) : i;
   return /* @__PURE__ */ x(
     "section",
     {
       "aria-label": c,
-      className: P("h-full overflow-y-auto", d),
+      className: M("h-full overflow-y-auto", d),
       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 }),
           v.map((b) => {
             var y;
-            const f = rn(e, b), h = n[b.type ?? "text"];
-            return h ? /* @__PURE__ */ o(pe.Fragment, { children: h({
+            const h = sn(e, b), g = n[b.type ?? "text"];
+            return g ? /* @__PURE__ */ o(pe.Fragment, { children: g({
               field: b,
-              state: f,
+              state: h,
               subjects: 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)
+              error: (y = b.validate) == null ? void 0 : y.call(b, h.value, e),
+              onChange: (w) => r == null ? void 0 : r(an(e, b, w), b, w)
             }) }, b.key) : /* @__PURE__ */ x("p", { className: "text-[11px] text-destructive", children: [
               "No renderer registered for field type “",
               b.type,
@@ -4059,131 +4088,131 @@ const Fr = ["top", "right", "bottom", "left"], zr = {
   );
 };
 export {
-  Bt as ActivityBar,
-  Pn as AppTitle,
-  on as BUILT_IN_FIELD_TYPES,
-  Hr as BUILT_IN_LAYOUTS,
+  Ht as ActivityBar,
+  Cn as AppTitle,
+  ln as BUILT_IN_FIELD_TYPES,
+  Gr as BUILT_IN_LAYOUTS,
   de as BUNDLED_THEMES,
-  nr as BUNDLED_THEME_CLASSES,
+  ar as BUNDLED_THEME_CLASSES,
   Xe as CHAT_PANEL_ID,
   ne as CONTROL_CLASS,
-  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,
+  fr as ChatPane,
+  Vr as CheckboxField,
+  Zr as ColorField,
+  kr as CommandPalette,
+  Zt as CommandRegistry,
+  pr as ConnectedChatPane,
+  In as ConnectedCommandPalette,
+  er as ConnectedMenuBar,
+  Sn 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,
+  br as ConnectedSettingsPanel,
+  rr as ConnectedStatusBar,
+  wr as ConnectedTerminalPane,
+  Pn as ConnectedThemeSwitcher,
+  Mn as ConnectedUserProfile,
+  Pr as ContextMenu,
+  wn as DEFAULT_COMMAND_IDS,
+  Wn as DEFAULT_GRAPH_KEYS,
   he as DEFAULT_NODE_SIZE,
-  fr as DEFAULT_SETTINGS_THEMES,
-  Er as DEFAULT_THEME_OPTIONS,
-  Sn as DataGrid,
-  Vr as DateField,
+  gr as DEFAULT_SETTINGS_THEMES,
+  Lr as DEFAULT_THEME_OPTIONS,
+  An as DataGrid,
+  en as DateField,
   fe as FREEFORM,
   q as FieldShell,
   ft as GRAPH_NODE_MIME,
-  Rr as GraphCanvas,
-  Kn as GraphEdge,
-  Un as GraphEdgeLayer,
-  jn as GraphMiniMap,
-  _n as GraphNode,
+  Or as GraphCanvas,
+  Hn as GraphEdge,
+  jn as GraphEdgeLayer,
+  Yn as GraphMiniMap,
+  Bn as GraphNode,
   dt as IDENTITY_VIEWPORT,
-  Jt as MenuBar,
-  Xt as MenuRegistry,
-  kr as Modal,
-  xn as NexusWorkspaceShell,
-  Gn as NodePalette,
-  Xr as NumberField,
+  Vt as MenuBar,
+  Qt as MenuRegistry,
+  Dr as Modal,
+  vn as NexusWorkspaceShell,
+  Xn as NodePalette,
+  Qr 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,
+  Vn as PropertyPanel,
+  $n as QuickSearch,
+  jt as SETTINGS_PANEL_ID,
+  Rn as SearchWidget,
+  qr as SelectField,
+  xr as SettingsPanel,
+  vn as ShellLayout,
   Ce as SidebarPane,
-  Zr as StaticField,
-  Qt as StatusBar,
+  rn as StaticField,
+  tr 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,
+  tn as TagField,
+  yr as TerminalPane,
+  Xr as TextAreaField,
+  Jr as TextField,
+  Ir as ThemeSwitcher,
+  Fn as TreeWidget,
+  Sr as UserProfile,
   oe as borderClass,
   Ue as centerOn,
-  Nn as chatPanel,
+  Tn as chatPanel,
   Ne as clampScale,
-  P as cn,
+  M as cn,
   re as commandRegistry,
   st as componentRegistry,
   De as createPaneStore,
-  _r as edgePath,
-  Rn as edgesOf,
+  Br as edgePath,
+  On as edgesOf,
   Z as fieldId,
   ve as findNeighbour,
-  Cr as fitViewport,
-  en as getPath,
+  Rr as fitViewport,
+  nn as getPath,
   ut as graphBounds,
-  Br as gridLayout,
-  yn as initializeShell,
-  Fn as isConnected,
+  Wr as gridLayout,
+  Nn as initializeShell,
+  _n as isConnected,
   Be as layeredLayout,
   Le as menuRegistry,
-  On as nextId,
+  Un as nextId,
   j as nodeRect,
   ce as paneStore,
-  Ar as placeRelativeTo,
-  vn as pluginRegistry,
+  Fr as placeRelativeTo,
+  kn as pluginRegistry,
   Ke as portPoint,
-  Yn as readPaletteDrag,
+  qn as readPaletteDrag,
   ke as readValue,
-  rn as readValues,
+  sn as readValues,
   J as rectCenter,
-  zn as removeNode,
-  Pr as resolvePorts,
+  Kn as removeNode,
+  Cr as resolvePorts,
   Qe as setPanels,
   ht as setPath,
-  En as settingsPanel,
-  kn as terminalPanel,
-  or as themeClass,
+  Ln as settingsPanel,
+  Dn as terminalPanel,
+  ir as themeClass,
   we as toGraphSpace,
-  $n as toScreenSpace,
+  zn as toScreenSpace,
   Fe as togglePanel,
-  Mr as unionRect,
-  Gt as useBottomPaneStore,
+  $r as unionRect,
+  Xt as useBottomPaneStore,
   le as useChatStore,
-  Hn as useGraphKeyboard,
-  Wn as useGraphLayout,
+  Gn as useGraphKeyboard,
+  Jn as useGraphLayout,
   nt as useHostChrome,
-  wn as useKeyboardShortcuts,
+  En as useKeyboardShortcuts,
   at as useLayoutStore,
-  jt as useLeftPaneStore,
+  Yt as useLeftPaneStore,
   it as useModalStore,
   rt as usePaneHost,
-  Wt as useRightPaneStore,
+  Jt as useRightPaneStore,
   Ie as useStatusBarStore,
   ye as useTerminalStore,
   ie as useThemeStore,
   te as useUserProfileStore,
-  Sr as viewportRect,
-  tn as writeValue,
-  nn as writeValues,
+  Ar as viewportRect,
+  on as writeValue,
+  an as writeValues,
   _e as zoomAt
 };