nexus-shell 0.2.5 → 0.2.7

package/dist/nexus-shell.es.js

@@ -1,239 +1,239 @@
-var Ge = Object.defineProperty;
-var Ye = (t, e, n) => e in t ? Ge(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var X = (t, e, n) => Ye(t, typeof e != "symbol" ? e + "" : e, n);
-import { jsxs as f, jsx as o, Fragment as Le } from "react/jsx-runtime";
-import ge, { useMemo as H, useState as P, useRef as F, useEffect as z, forwardRef as Je, useCallback as oe, useImperativeHandle as Xe } from "react";
-import { Model as B, Actions as Z, DockLocation as Ve, Layout as qe } from "flexlayout-react";
+var Qe = Object.defineProperty;
+var Ze = (t, e, n) => e in t ? Qe(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var Z = (t, e, n) => Ze(t, typeof e != "symbol" ? e + "" : e, n);
+import { jsxs as b, jsx as o, Fragment as $e } from "react/jsx-runtime";
+import xe, { useMemo as j, useState as $, useRef as F, useEffect as P, forwardRef as et, useCallback as Y, useImperativeHandle as tt } from "react";
+import { Model as G, Actions as re, DockLocation as rt, Layout as nt } from "flexlayout-react";
 import "flexlayout-react/style/light.css";
-import { Settings as Qe, MessageCircle as Oe, X as J, User as $e, Terminal as Ae, Send as Ze, ChevronRight as Me, GraduationCap as Ne, Moon as et, Sun as tt, Palette as rt, ChevronUp as Pe, Search as de, Info as nt, HelpCircle as ot, AlertCircle as st, Check as at, Camera as it, Edit2 as lt, Loader2 as ze, ChevronsUpDown as ct, ChevronDown as Re, Clock as dt } from "lucide-react";
-import { clsx as ut } from "clsx";
-import { twMerge as ft } from "tailwind-merge";
-import { create as G } from "zustand";
-import { TableVirtuoso as mt, Virtuoso as pt } from "react-virtuoso";
-function D(...t) {
-  return ft(ut(t));
+import { Settings as ot, MessageCircle as Re, X as Q, User as Pe, Terminal as ze, Send as st, ChevronRight as _e, GraduationCap as Ee, Moon as at, Sun as it, Palette as lt, ChevronUp as Fe, Search as fe, Info as ct, HelpCircle as dt, AlertCircle as ut, Check as ft, Camera as mt, Edit2 as ht, Loader2 as Ke, ChevronsUpDown as pt, ChevronDown as Ue, Clock as gt } from "lucide-react";
+import { clsx as xt } from "clsx";
+import { twMerge as bt } from "tailwind-merge";
+import { create as q } from "zustand";
+import { TableVirtuoso as yt, Virtuoso as vt } from "react-virtuoso";
+function A(...t) {
+  return bt(xt(t));
 }
-const gt = [
-  { id: "settings", label: "Settings", icon: Qe }
-], ht = ({
+const wt = [
+  { id: "settings", label: "Settings", icon: ot }
+], Nt = ({
   items: t = [],
-  bottomItems: e = gt,
+  bottomItems: e = wt,
   activeId: n = null,
   onSelect: r,
-  className: i,
+  className: a,
   "aria-label": s = "Activity Bar"
 }) => {
-  const a = ({ id: d, label: l, icon: c }) => /* @__PURE__ */ o(
+  const l = ({ id: d, label: c, icon: i }) => /* @__PURE__ */ o(
     "button",
     {
       type: "button",
       onClick: () => r == null ? void 0 : r(d),
-      "aria-label": l,
-      title: l,
+      "aria-label": c,
+      title: c,
       "aria-pressed": n === d,
-      className: D(
+      className: A(
         "p-2 cursor-pointer rounded text-muted-foreground hover:text-foreground transition-colors focus:outline-none focus:ring-2 focus:ring-ring",
         n === d && "text-foreground border-l-2 border-primary rounded-none"
       ),
-      children: /* @__PURE__ */ o(c, { size: 20 })
+      children: /* @__PURE__ */ o(i, { size: 20 })
     },
     d
   );
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ b(
     "aside",
     {
       role: "navigation",
       "aria-label": s,
-      className: D(
+      className: A(
         "w-12 h-full bg-muted border-r flex flex-col items-center py-2 select-none",
-        i
+        a
       ),
       children: [
-        /* @__PURE__ */ o("div", { className: "flex-1 flex flex-col space-y-4", children: t.map(a) }),
-        e.length > 0 && /* @__PURE__ */ o("div", { className: "flex flex-col space-y-4", children: e.map(a) })
+        /* @__PURE__ */ o("div", { className: "flex-1 flex flex-col space-y-4", children: t.map(l) }),
+        e.length > 0 && /* @__PURE__ */ o("div", { className: "flex flex-col space-y-4", children: e.map(l) })
       ]
     }
   );
-}, ne = "nexus-shell-sidebar", W = G((t) => {
-  const e = localStorage.getItem(ne);
+}, se = "nexus-shell-sidebar", J = q((t) => {
+  const e = localStorage.getItem(se);
   return {
     activeSidebar: e !== null ? e : null,
     panels: [],
     setActiveSidebar: (r) => {
-      r === null ? localStorage.removeItem(ne) : localStorage.setItem(ne, r), t({ activeSidebar: r });
+      r === null ? localStorage.removeItem(se) : localStorage.setItem(se, r), t({ activeSidebar: r });
     },
-    toggleSidebar: (r) => t((i) => {
-      const s = i.activeSidebar === r ? null : r;
-      return s === null ? localStorage.removeItem(ne) : localStorage.setItem(ne, s), { activeSidebar: s };
+    toggleSidebar: (r) => t((a) => {
+      const s = a.activeSidebar === r ? null : r;
+      return s === null ? localStorage.removeItem(se) : localStorage.setItem(se, s), { activeSidebar: s };
     }),
     setPanels: (r) => t({ panels: r })
   };
-}), bt = (t) => {
-  const e = W((s) => s.panels), n = W((s) => s.activeSidebar), r = W((s) => s.toggleSidebar), i = H(
-    () => e.map(({ id: s, label: a, icon: d }) => ({ id: s, label: a, icon: d })),
+}), kt = (t) => {
+  const e = J((s) => s.panels), n = J((s) => s.activeSidebar), r = J((s) => s.toggleSidebar), a = j(
+    () => e.map(({ id: s, label: l, icon: d }) => ({ id: s, label: l, icon: d })),
     [e]
   );
   return /* @__PURE__ */ o(
-    ht,
+    Nt,
     {
       ...t,
-      items: i,
+      items: a,
       activeId: n,
       onSelect: r
     }
   );
-}, xt = /* @__PURE__ */ f("div", { className: "h-full flex flex-col items-center justify-center text-center px-6 text-muted-foreground", children: [
-  /* @__PURE__ */ o(Oe, { size: 28, className: "mb-3 opacity-40" }),
+}, Et = /* @__PURE__ */ b("div", { className: "h-full flex flex-col items-center justify-center text-center px-6 text-muted-foreground", children: [
+  /* @__PURE__ */ o(Re, { size: 28, className: "mb-3 opacity-40" }),
   /* @__PURE__ */ o("p", { className: "text-xs", children: "No messages yet." }),
-  /* @__PURE__ */ f("p", { className: "text-[11px] mt-1 opacity-70", children: [
+  /* @__PURE__ */ b("p", { className: "text-[11px] mt-1 opacity-70", children: [
     "Type a message, or ",
     /* @__PURE__ */ o("span", { className: "font-mono", children: "/" }),
     " for commands."
   ] })
-] }), yt = ({
+] }), Tt = ({
   messages: t = [],
   onSend: e,
   slashCommands: n = [],
   onSlashCommand: r,
-  onClose: i,
+  onClose: a,
   title: s = "Chat",
-  placeholder: a = "Send a message…",
-  emptyState: d = xt,
-  className: l
+  placeholder: l = "Send a message…",
+  emptyState: d = Et,
+  className: c
 }) => {
-  const [c, h] = P(""), [g, m] = P(0), C = F(null), E = F(null), w = c.startsWith("/") ? n.filter(
-    (u) => `/${u.command}`.startsWith(c.toLowerCase().split(" ")[0])
-  ) : [], y = w.length > 0;
-  z(() => {
-    E.current && (E.current.scrollTop = E.current.scrollHeight);
-  }, [t]), z(() => {
-    m(0);
-  }, [c]);
-  const b = () => {
-    const u = c.trim();
-    u && (e == null || e(u), h(""));
-  }, x = (u) => {
+  const [i, g] = $(""), [h, u] = $(0), w = F(null), N = F(null), y = i.startsWith("/") ? n.filter(
+    (f) => `/${f.command}`.startsWith(i.toLowerCase().split(" ")[0])
+  ) : [], p = y.length > 0;
+  P(() => {
+    N.current && (N.current.scrollTop = N.current.scrollHeight);
+  }, [t]), P(() => {
+    u(0);
+  }, [i]);
+  const v = () => {
+    const f = i.trim();
+    f && (e == null || e(f), g(""));
+  }, k = (f) => {
     var S;
-    r == null || r(u), h(`/${u.command} `), (S = C.current) == null || S.focus();
-  }, N = (u) => {
-    if (y) {
-      if (u.key === "ArrowDown") {
-        u.preventDefault(), m((S) => (S + 1) % w.length);
+    r == null || r(f), g(`/${f.command} `), (S = w.current) == null || S.focus();
+  }, x = (f) => {
+    if (p) {
+      if (f.key === "ArrowDown") {
+        f.preventDefault(), u((S) => (S + 1) % y.length);
         return;
       }
-      if (u.key === "ArrowUp") {
-        u.preventDefault(), m((S) => (S - 1 + w.length) % w.length);
+      if (f.key === "ArrowUp") {
+        f.preventDefault(), u((S) => (S - 1 + y.length) % y.length);
         return;
       }
-      if (u.key === "Tab" || u.key === "Enter" && !u.shiftKey) {
-        u.preventDefault(), x(w[g]);
+      if (f.key === "Tab" || f.key === "Enter" && !f.shiftKey) {
+        f.preventDefault(), k(y[h]);
         return;
       }
     }
-    u.key === "Enter" && !u.shiftKey && (u.preventDefault(), b());
+    f.key === "Enter" && !f.shiftKey && (f.preventDefault(), v());
   };
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ b(
     "aside",
     {
       role: "complementary",
       "aria-label": s,
-      className: D(
+      className: A(
         "w-[320px] h-full bg-muted border-l border-border flex flex-col select-none shrink-0",
-        l
+        c
       ),
       children: [
-        /* @__PURE__ */ f("div", { className: "h-10 flex items-center justify-between px-4 shrink-0", children: [
-          /* @__PURE__ */ f("div", { className: "flex items-center space-x-2 text-muted-foreground", children: [
-            /* @__PURE__ */ o(Oe, { size: 13 }),
+        /* @__PURE__ */ b("div", { className: "h-10 flex items-center justify-between px-4 shrink-0", children: [
+          /* @__PURE__ */ b("div", { className: "flex items-center space-x-2 text-muted-foreground", children: [
+            /* @__PURE__ */ o(Re, { size: 13 }),
             /* @__PURE__ */ o("span", { className: "text-[11px] font-bold uppercase tracking-widest", children: s })
           ] }),
-          i && /* @__PURE__ */ o(
+          a && /* @__PURE__ */ o(
             "button",
             {
               type: "button",
-              onClick: i,
+              onClick: a,
               "aria-label": "Close Chat",
               className: "p-1 rounded hover:bg-accent hover:text-foreground text-muted-foreground transition-colors focus:outline-none focus:ring-2 focus:ring-ring",
-              children: /* @__PURE__ */ o(J, { size: 14 })
+              children: /* @__PURE__ */ o(Q, { size: 14 })
             }
           )
         ] }),
         /* @__PURE__ */ o(
           "div",
           {
-            ref: E,
+            ref: N,
             role: "log",
             "aria-label": `${s} transcript`,
             className: "flex-1 overflow-y-auto border-t border-border/50 bg-background/50 px-3 py-3 space-y-3",
-            children: t.length === 0 ? d : t.map((u) => {
-              const S = u.role === "user";
-              return /* @__PURE__ */ f(
+            children: t.length === 0 ? d : t.map((f) => {
+              const S = f.role === "user";
+              return /* @__PURE__ */ b(
                 "div",
                 {
-                  className: D("flex flex-col", S ? "items-end" : "items-start"),
+                  className: A("flex flex-col", S ? "items-end" : "items-start"),
                   children: [
-                    /* @__PURE__ */ f("div", { className: "flex items-center space-x-1 mb-1 text-[10px] uppercase tracking-wider text-muted-foreground font-bold", children: [
-                      S ? /* @__PURE__ */ o($e, { size: 10 }) : /* @__PURE__ */ o(Ae, { size: 10 }),
-                      /* @__PURE__ */ o("span", { children: u.author ?? (S ? "You" : "Assistant") })
+                    /* @__PURE__ */ b("div", { className: "flex items-center space-x-1 mb-1 text-[10px] uppercase tracking-wider text-muted-foreground font-bold", children: [
+                      S ? /* @__PURE__ */ o(Pe, { size: 10 }) : /* @__PURE__ */ o(ze, { size: 10 }),
+                      /* @__PURE__ */ o("span", { children: f.author ?? (S ? "You" : "Assistant") })
                     ] }),
                     /* @__PURE__ */ o(
                       "div",
                       {
-                        className: D(
+                        className: A(
                           "max-w-[85%] rounded-lg px-3 py-2 text-xs whitespace-pre-wrap break-words",
                           S ? "bg-primary text-primary-foreground" : "bg-card border border-border text-foreground"
                         ),
-                        children: u.text
+                        children: f.text
                       }
                     )
                   ]
                 },
-                u.id
+                f.id
               );
             })
           }
         ),
-        /* @__PURE__ */ f("div", { className: "relative border-t border-border/50 p-2 shrink-0", children: [
-          y && /* @__PURE__ */ o(
+        /* @__PURE__ */ b("div", { className: "relative border-t border-border/50 p-2 shrink-0", children: [
+          p && /* @__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: w.map((u, S) => /* @__PURE__ */ f(
+              children: y.map((f, S) => /* @__PURE__ */ b(
                 "div",
                 {
                   role: "option",
-                  "aria-selected": S === g,
-                  onMouseEnter: () => m(S),
-                  onClick: () => x(u),
-                  className: D(
+                  "aria-selected": S === h,
+                  onMouseEnter: () => u(S),
+                  onClick: () => k(f),
+                  className: A(
                     "px-3 py-1.5 text-xs cursor-pointer flex items-baseline justify-between gap-3",
-                    S === g ? "bg-accent text-accent-foreground" : "hover:bg-accent/50"
+                    S === h ? "bg-accent text-accent-foreground" : "hover:bg-accent/50"
                   ),
                   children: [
-                    /* @__PURE__ */ f("span", { className: "font-mono", children: [
+                    /* @__PURE__ */ b("span", { className: "font-mono", children: [
                       "/",
-                      u.command
+                      f.command
                     ] }),
-                    /* @__PURE__ */ o("span", { className: "text-[10px] text-muted-foreground truncate", children: u.description })
+                    /* @__PURE__ */ o("span", { className: "text-[10px] text-muted-foreground truncate", children: f.description })
                   ]
                 },
-                u.command
+                f.command
               ))
             }
           ),
-          /* @__PURE__ */ f("div", { className: "flex items-end space-x-2", children: [
+          /* @__PURE__ */ b("div", { className: "flex items-end space-x-2", children: [
             /* @__PURE__ */ o(
               "textarea",
               {
-                ref: C,
+                ref: w,
                 rows: 1,
-                value: c,
+                value: i,
                 "aria-label": `${s} message`,
-                placeholder: a,
-                onChange: (u) => h(u.target.value),
-                onKeyDown: N,
+                placeholder: l,
+                onChange: (f) => g(f.target.value),
+                onKeyDown: x,
                 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"
               }
             ),
@@ -241,11 +241,11 @@ const gt = [
               "button",
               {
                 type: "button",
-                onClick: b,
-                disabled: !c.trim(),
+                onClick: v,
+                disabled: !i.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(Ze, { size: 14 })
+                children: /* @__PURE__ */ o(st, { size: 14 })
               }
             )
           ] })
@@ -254,121 +254,121 @@ const gt = [
     }
   );
 };
-let vt = 0;
-const wt = () => `msg-${Date.now()}-${vt += 1}`, se = G((t) => ({
+let Ct = 0;
+const St = () => `msg-${Date.now()}-${Ct += 1}`, ae = q((t) => ({
   messages: [],
   slashCommands: [],
   setMessages: (e) => t({ messages: e }),
   addMessage: (e) => t((n) => ({
-    messages: [...n.messages, { ...e, id: e.id ?? wt() }]
+    messages: [...n.messages, { ...e, id: e.id ?? St() }]
   })),
   clearMessages: () => t({ messages: [] }),
   setSlashCommands: (e) => t({ slashCommands: e }),
   registerSlashCommand: (e) => t((n) => ({ slashCommands: [...n.slashCommands, e] }))
-})), ue = "nexus-shell-right-sidebar", he = G((t) => ({
-  isChatOpen: localStorage.getItem(ue) === "true",
+})), me = "nexus-shell-right-sidebar", be = q((t) => ({
+  isChatOpen: localStorage.getItem(me) === "true",
   setChatOpen: (r) => {
-    localStorage.setItem(ue, String(r)), t({ isChatOpen: r });
+    localStorage.setItem(me, String(r)), t({ isChatOpen: r });
   },
   toggleChat: () => t((r) => {
-    const i = !r.isChatOpen;
-    return localStorage.setItem(ue, String(i)), { isChatOpen: i };
+    const a = !r.isChatOpen;
+    return localStorage.setItem(me, String(a)), { isChatOpen: a };
   })
-})), Nt = ({ onSend: t, ...e }) => {
-  const n = he((l) => l.isChatOpen), r = he((l) => l.setChatOpen), i = se((l) => l.messages), s = se((l) => l.slashCommands), a = se((l) => l.addMessage);
+})), Dt = ({ onSend: t, ...e }) => {
+  const n = be((c) => c.isChatOpen), r = be((c) => c.setChatOpen), a = ae((c) => c.messages), s = ae((c) => c.slashCommands), l = ae((c) => c.addMessage);
   return n ? /* @__PURE__ */ o(
-    yt,
+    Tt,
     {
       ...e,
-      messages: i,
+      messages: a,
       slashCommands: s,
-      onSend: (l) => {
-        if (a({ role: "user", text: l }), l.startsWith("/")) {
-          const [c, ...h] = l.slice(1).split(/\s+/), g = s.find((m) => m.command === c);
-          if (g) {
-            g.execute(h);
+      onSend: (c) => {
+        if (l({ role: "user", text: c }), c.startsWith("/")) {
+          const [i, ...g] = c.slice(1).split(/\s+/), h = s.find((u) => u.command === i);
+          if (h) {
+            h.execute(g);
             return;
           }
-          a({ role: "assistant", text: `Unknown command: /${c}` });
+          l({ role: "assistant", text: `Unknown command: /${i}` });
           return;
         }
-        t == null || t(l);
+        t == null || t(c);
       },
       onClose: () => r(!1)
     }
   ) : null;
-}, kt = ({
+}, Lt = ({
   menus: t = {},
   onSelect: e,
   title: n,
   center: r,
-  right: i,
+  right: a,
   className: s
 }) => {
-  const a = (l) => l.keybinding ? /* @__PURE__ */ o("span", { className: "text-[10px] text-muted-foreground opacity-60 ml-4", children: l.keybinding }) : null, d = (l) => /* @__PURE__ */ o(
+  const l = (c) => c.keybinding ? /* @__PURE__ */ o("span", { className: "text-[10px] text-muted-foreground opacity-60 ml-4", children: c.keybinding }) : null, d = (c) => /* @__PURE__ */ o(
     "div",
     {
       role: "menu",
       className: "absolute left-0 top-full hidden group-hover:block z-50 min-w-[180px] bg-popover text-popover-foreground border shadow-md rounded-md py-1",
-      children: l.map((c) => /* @__PURE__ */ f("div", { className: "relative group/sub", children: [
-        /* @__PURE__ */ f(
+      children: c.map((i) => /* @__PURE__ */ b("div", { className: "relative group/sub", children: [
+        /* @__PURE__ */ b(
           "div",
           {
             role: "menuitem",
             tabIndex: 0,
-            onClick: () => !c.submenu && (e == null ? void 0 : e(c)),
-            onKeyDown: (h) => {
-              !c.submenu && (h.key === "Enter" || h.key === " ") && (h.preventDefault(), e == null || e(c));
+            onClick: () => !i.submenu && (e == null ? void 0 : e(i)),
+            onKeyDown: (g) => {
+              !i.submenu && (g.key === "Enter" || g.key === " ") && (g.preventDefault(), e == null || e(i));
             },
             className: "px-3 py-1.5 hover:bg-accent hover:text-accent-foreground cursor-pointer text-xs flex justify-between items-center focus:outline-none focus:bg-accent",
             children: [
-              /* @__PURE__ */ o("span", { children: c.label }),
-              /* @__PURE__ */ f("div", { className: "flex items-center space-x-2", children: [
-                a(c),
-                c.submenu && /* @__PURE__ */ o(Me, { size: 10 })
+              /* @__PURE__ */ o("span", { children: i.label }),
+              /* @__PURE__ */ b("div", { className: "flex items-center space-x-2", children: [
+                l(i),
+                i.submenu && /* @__PURE__ */ o(_e, { size: 10 })
               ] })
             ]
           }
         ),
-        c.submenu && /* @__PURE__ */ o(
+        i.submenu && /* @__PURE__ */ o(
           "div",
           {
             role: "menu",
             className: "absolute left-full top-0 hidden group-hover/sub:block z-[60] min-w-[180px] bg-popover text-popover-foreground border shadow-md rounded-md py-1 ml-[-2px]",
-            children: c.submenu.map((h) => /* @__PURE__ */ f(
+            children: i.submenu.map((g) => /* @__PURE__ */ b(
               "div",
               {
                 role: "menuitem",
                 tabIndex: 0,
-                onClick: () => e == null ? void 0 : e(h),
-                onKeyDown: (g) => {
-                  (g.key === "Enter" || g.key === " ") && (g.preventDefault(), e == null || e(h));
+                onClick: () => e == null ? void 0 : e(g),
+                onKeyDown: (h) => {
+                  (h.key === "Enter" || h.key === " ") && (h.preventDefault(), e == null || e(g));
                 },
                 className: "px-3 py-1.5 hover:bg-accent hover:text-accent-foreground cursor-pointer text-xs flex justify-between items-center focus:outline-none focus:bg-accent",
                 children: [
-                  /* @__PURE__ */ o("span", { children: h.label }),
-                  a(h)
+                  /* @__PURE__ */ o("span", { children: g.label }),
+                  l(g)
                 ]
               },
-              h.id
+              g.id
             ))
           }
         )
-      ] }, c.id))
+      ] }, i.id))
     }
   );
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ b(
     "header",
     {
       role: "banner",
       "aria-label": "Application Header",
-      className: D(
+      className: A(
         "bg-muted border-b flex items-center justify-between px-4 select-none shrink-0 transition-all z-50 relative",
         n !== void 0 ? "h-12 bg-card/65 backdrop-blur-sm" : "h-8",
         s
       ),
       children: [
-        /* @__PURE__ */ f("div", { className: "flex items-center flex-1 min-w-0", children: [
+        /* @__PURE__ */ b("div", { className: "flex items-center flex-1 min-w-0", children: [
           n !== void 0 ? /* @__PURE__ */ o("div", { className: "mr-12 flex items-center shrink-0", children: n }) : /* @__PURE__ */ o("div", { className: "font-semibold mr-6 text-sm shrink-0", children: "Nexus Shell" }),
           /* @__PURE__ */ o(
             "nav",
@@ -376,7 +376,7 @@ const wt = () => `msg-${Date.now()}-${vt += 1}`, se = G((t) => ({
               role: "navigation",
               "aria-label": "Main Menu",
               className: "flex space-x-1 text-sm shrink-0",
-              children: Object.entries(t).map(([l, c]) => /* @__PURE__ */ f("div", { className: "relative group", children: [
+              children: Object.entries(t).map(([c, i]) => /* @__PURE__ */ b("div", { className: "relative group", children: [
                 /* @__PURE__ */ o(
                   "div",
                   {
@@ -384,23 +384,23 @@ const wt = () => `msg-${Date.now()}-${vt += 1}`, se = G((t) => ({
                     tabIndex: 0,
                     "aria-haspopup": "menu",
                     className: "cursor-pointer hover:bg-accent hover:text-accent-foreground px-3 py-1 rounded text-xs focus:outline-none focus:ring-2 focus:ring-ring",
-                    children: l
+                    children: c
                   }
                 ),
-                c.length > 0 && d(c)
-              ] }, l))
+                i.length > 0 && d(i)
+              ] }, c))
             }
           ),
           r && /* @__PURE__ */ o("div", { className: "ml-8 w-60 md:w-72 relative hidden sm:block", children: r })
         ] }),
-        i && /* @__PURE__ */ o("div", { className: "flex items-center ml-4 shrink-0", children: i })
+        a && /* @__PURE__ */ o("div", { className: "flex items-center ml-4 shrink-0", children: a })
       ]
     }
   );
 };
-class Ct {
+class It {
   constructor() {
-    X(this, "menus", /* @__PURE__ */ new Map());
+    Z(this, "menus", /* @__PURE__ */ new Map());
   }
   registerMenu(e, n) {
     var r;
@@ -419,10 +419,10 @@ class Ct {
     }), e;
   }
 }
-const ye = new Ct();
-class Tt {
+const we = new It();
+class Mt {
   constructor() {
-    X(this, "commands", /* @__PURE__ */ new Map());
+    Z(this, "commands", /* @__PURE__ */ new Map());
   }
   registerCommand(e) {
     if (this.commands.has(e.id)) {
@@ -442,50 +442,50 @@ class Tt {
     return Array.from(this.commands.values());
   }
 }
-const q = new Tt(), Ke = (t) => t.map((e) => {
+const te = new Mt(), je = (t) => t.map((e) => {
   var n;
   return {
     ...e,
-    keybinding: e.keybinding ?? (e.commandId ? (n = q.getCommand(e.commandId)) == null ? void 0 : n.keybinding : void 0),
-    submenu: e.submenu ? Ke(e.submenu) : void 0
+    keybinding: e.keybinding ?? (e.commandId ? (n = te.getCommand(e.commandId)) == null ? void 0 : n.keybinding : void 0),
+    submenu: e.submenu ? je(e.submenu) : void 0
   };
-}), _e = (t, e) => {
+}), Be = (t, e) => {
   for (const n of t) {
     if (n.id === e) return n;
-    const r = n.submenu && _e(n.submenu, e);
+    const r = n.submenu && Be(n.submenu, e);
     if (r) return r;
   }
-}, Et = (t) => {
-  const e = ye.getAllMenus(), n = Object.fromEntries(
-    Object.entries(e).map(([i, s]) => [i, Ke(s)])
+}, At = (t) => {
+  const e = we.getAllMenus(), n = Object.fromEntries(
+    Object.entries(e).map(([a, s]) => [a, je(s)])
   );
-  return /* @__PURE__ */ o(kt, { ...t, menus: n, onSelect: (i) => {
+  return /* @__PURE__ */ o(Lt, { ...t, menus: n, onSelect: (a) => {
     for (const s of Object.values(e)) {
-      const a = _e(s, i.id);
-      if (a != null && a.commandId) {
-        q.executeCommand(a.commandId);
+      const l = Be(s, a.id);
+      if (l != null && l.commandId) {
+        te.executeCommand(l.commandId);
         return;
       }
     }
   } });
-}, fe = ({
+}, he = ({
   title: t,
   children: e,
   onClose: n,
   width: r = "300px",
-  className: i
-}) => /* @__PURE__ */ f(
+  className: a
+}) => /* @__PURE__ */ b(
   "aside",
   {
     role: "tabpanel",
     "aria-label": `${t} Panel`,
     style: { width: r },
-    className: D(
+    className: A(
       "h-full bg-muted border-r flex flex-col select-none shrink-0",
-      i
+      a
     ),
     children: [
-      /* @__PURE__ */ f("div", { className: "h-10 flex items-center justify-between px-4 text-[11px] font-bold text-muted-foreground uppercase tracking-widest", children: [
+      /* @__PURE__ */ b("div", { className: "h-10 flex items-center justify-between px-4 text-[11px] font-bold text-muted-foreground uppercase tracking-widest", children: [
         /* @__PURE__ */ o("span", { className: "truncate", children: t }),
         n && /* @__PURE__ */ o(
           "button",
@@ -494,14 +494,14 @@ const q = new Tt(), Ke = (t) => t.map((e) => {
             onClick: n,
             "aria-label": "Close Panel",
             className: "p-1 hover:bg-accent hover:text-foreground rounded transition-colors focus:outline-none focus:ring-2 focus:ring-ring shrink-0",
-            children: /* @__PURE__ */ o(J, { size: 14 })
+            children: /* @__PURE__ */ o(Q, { size: 14 })
           }
         )
       ] }),
       /* @__PURE__ */ o("div", { className: "flex-1 overflow-auto border-t border-border/50 bg-background/50", children: e })
     ]
   }
-), ae = [
+), ie = [
   {
     id: "light",
     label: "Light",
@@ -526,21 +526,21 @@ const q = new Tt(), Ke = (t) => t.map((e) => {
     shortLabel: "TAMU",
     description: "Aggie Maroon (#500000) on white."
   }
-], St = ae.map((t) => `theme-${t.id}`), Dt = (t) => `theme-${t}`, It = {
-  light: tt,
-  dark: et,
-  gt: Ne,
-  tamu: Ne
-}, Lt = ae.map((t) => ({
+], Ot = ie.map((t) => `theme-${t.id}`), $t = (t) => `theme-${t}`, Rt = {
+  light: it,
+  dark: at,
+  gt: Ee,
+  tamu: Ee
+}, Pt = ie.map((t) => ({
   id: t.id,
   label: t.label,
-  icon: It[t.id] ?? rt
-})), Ot = ({
+  icon: Rt[t.id] ?? lt
+})), zt = ({
   theme: t,
   onThemeChange: e,
-  themes: n = Lt,
+  themes: n = Pt,
   className: r
-}) => /* @__PURE__ */ o("div", { className: D("p-4 space-y-6", r), children: /* @__PURE__ */ f("section", { children: [
+}) => /* @__PURE__ */ o("div", { className: A("p-4 space-y-6", r), children: /* @__PURE__ */ b("section", { children: [
   /* @__PURE__ */ o("h3", { className: "text-[11px] font-bold text-muted-foreground uppercase mb-3", children: "Theme" }),
   /* @__PURE__ */ o(
     "div",
@@ -548,163 +548,163 @@ const q = new Tt(), Ke = (t) => t.map((e) => {
       role: "radiogroup",
       "aria-label": "Theme",
       className: "grid grid-cols-1 gap-2",
-      children: n.map(({ id: i, label: s, icon: a }) => /* @__PURE__ */ f(
+      children: n.map(({ id: a, label: s, icon: l }) => /* @__PURE__ */ b(
         "button",
         {
           type: "button",
           role: "radio",
-          "aria-checked": t === i,
-          onClick: () => e(i),
-          className: D(
+          "aria-checked": t === a,
+          onClick: () => e(a),
+          className: A(
             "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",
-            t === i ? "bg-primary text-primary-foreground border-primary" : "bg-background hover:bg-accent border-border"
+            t === a ? "bg-primary text-primary-foreground border-primary" : "bg-background hover:bg-accent border-border"
           ),
           children: [
-            /* @__PURE__ */ o(a, { size: 16 }),
+            /* @__PURE__ */ o(l, { size: 16 }),
             /* @__PURE__ */ o("span", { children: s })
           ]
         },
-        i
+        a
       ))
     }
   )
-] }) }), ke = "nexus-shell-theme", Ce = (t) => {
+] }) }), Te = "nexus-shell-theme", Ce = (t) => {
   const e = window.document.documentElement, n = [
-    ...St,
+    ...Ot,
     ...Array.from(e.classList).filter((r) => r.startsWith("theme-"))
   ];
-  e.classList.remove(...n), e.classList.add(Dt(t));
-}, te = G((t) => {
-  const n = localStorage.getItem(ke) || "light";
+  e.classList.remove(...n), e.classList.add($t(t));
+}, oe = q((t) => {
+  const n = localStorage.getItem(Te) || "light";
   return Ce(n), {
     theme: n,
     setTheme: (r) => {
-      localStorage.setItem(ke, r), Ce(r), t({ theme: r });
+      localStorage.setItem(Te, r), Ce(r), t({ theme: r });
     }
   };
-}), $t = (t) => {
-  const e = W((c) => c.activeSidebar), n = W((c) => c.panels), r = W((c) => c.setActiveSidebar), i = te((c) => c.theme), s = te((c) => c.setTheme);
+}), _t = (t) => {
+  const e = J((i) => i.activeSidebar), n = J((i) => i.panels), r = J((i) => i.setActiveSidebar), a = oe((i) => i.theme), s = oe((i) => i.setTheme);
   if (!e) return null;
-  const a = () => r(null);
+  const l = () => r(null);
   if (e === "settings")
-    return /* @__PURE__ */ o(fe, { ...t, title: "Settings", onClose: a, children: /* @__PURE__ */ o(
-      Ot,
+    return /* @__PURE__ */ o(he, { ...t, title: "Settings", onClose: l, children: /* @__PURE__ */ o(
+      zt,
       {
-        theme: i,
-        onThemeChange: (c) => s(c)
+        theme: a,
+        onThemeChange: (i) => s(i)
       }
     ) });
-  const d = n.find((c) => c.id === e);
+  const d = n.find((i) => i.id === e);
   if (!d)
-    return /* @__PURE__ */ o(fe, { ...t, title: e, onClose: a, children: /* @__PURE__ */ o("div", { className: "p-4 text-sm italic text-muted-foreground", children: "Panel content not found." }) });
-  const l = typeof d.component == "function" ? d.component : null;
-  return /* @__PURE__ */ o(fe, { ...t, title: d.label, onClose: a, children: l ? /* @__PURE__ */ o(l, {}) : d.component });
-}, me = (t, e) => (e.priority ?? 0) - (t.priority ?? 0), At = ({
+    return /* @__PURE__ */ o(he, { ...t, title: e, onClose: l, 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(he, { ...t, title: d.label, onClose: l, children: c ? /* @__PURE__ */ o(c, {}) : d.component });
+}, pe = (t, e) => (e.priority ?? 0) - (t.priority ?? 0), Ft = ({
   widgets: t = [],
   className: e,
   "aria-label": n = "Status Bar"
 }) => {
   const r = {
-    left: t.filter((s) => s.alignment === "left").sort(me),
-    center: t.filter((s) => s.alignment === "center").sort(me),
-    right: t.filter((s) => s.alignment === "right").sort(me)
-  }, i = (s) => {
-    const a = s.icon, d = !!s.onClick;
-    return /* @__PURE__ */ f(
+    left: t.filter((s) => s.alignment === "left").sort(pe),
+    center: t.filter((s) => s.alignment === "center").sort(pe),
+    right: t.filter((s) => s.alignment === "right").sort(pe)
+  }, a = (s) => {
+    const l = s.icon, d = !!s.onClick;
+    return /* @__PURE__ */ b(
       "div",
       {
         onClick: s.onClick,
-        onKeyDown: d ? (l) => {
-          var c;
-          (l.key === "Enter" || l.key === " ") && (l.preventDefault(), (c = s.onClick) == null || c.call(s));
+        onKeyDown: d ? (c) => {
+          var i;
+          (c.key === "Enter" || c.key === " ") && (c.preventDefault(), (i = s.onClick) == null || i.call(s));
         } : void 0,
         role: d ? "button" : void 0,
         tabIndex: d ? 0 : void 0,
-        className: D(
+        className: A(
           "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",
           s.className
         ),
         children: [
-          a && /* @__PURE__ */ o(a, { size: 12 }),
+          l && /* @__PURE__ */ o(l, { size: 12 }),
           s.label && /* @__PURE__ */ o("span", { children: s.label })
         ]
       },
       s.id
     );
   };
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ b(
     "footer",
     {
       role: "status",
       "aria-label": n,
-      className: D(
+      className: A(
         "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",
         e
       ),
       children: [
-        /* @__PURE__ */ o("div", { className: "flex items-center space-x-1 h-full", children: r.left.map(i) }),
-        /* @__PURE__ */ o("div", { className: "flex items-center space-x-1 h-full", children: r.center.map(i) }),
-        /* @__PURE__ */ o("div", { className: "flex items-center space-x-1 h-full", children: r.right.map(i) })
+        /* @__PURE__ */ o("div", { className: "flex items-center space-x-1 h-full", children: r.left.map(a) }),
+        /* @__PURE__ */ o("div", { className: "flex items-center space-x-1 h-full", children: r.center.map(a) }),
+        /* @__PURE__ */ o("div", { className: "flex items-center space-x-1 h-full", children: r.right.map(a) })
       ]
     }
   );
-}, ve = G((t) => ({
+}, Ne = q((t) => ({
   widgets: [],
   setWidgets: (e) => t({ widgets: e }),
   addWidget: (e) => t((n) => ({
     widgets: [...n.widgets, e].sort(
-      (r, i) => (i.priority || 0) - (r.priority || 0)
+      (r, a) => (a.priority || 0) - (r.priority || 0)
     )
   })),
   removeWidget: (e) => t((n) => ({
     widgets: n.widgets.filter((r) => r.id !== e)
   })),
   updateWidget: (e, n) => t((r) => ({
-    widgets: r.widgets.map((i) => i.id === e ? { ...i, ...n } : i)
+    widgets: r.widgets.map((a) => a.id === e ? { ...a, ...n } : a)
   }))
-})), Mt = (t) => {
-  const e = ve((r) => r.widgets), n = H(
-    () => e.map(({ commandId: r, ...i }) => ({
-      ...i,
-      onClick: i.onClick ?? (r ? () => q.executeCommand(r) : void 0)
+})), Kt = (t) => {
+  const e = Ne((r) => r.widgets), n = j(
+    () => e.map(({ commandId: r, ...a }) => ({
+      ...a,
+      onClick: a.onClick ?? (r ? () => te.executeCommand(r) : void 0)
     })),
     [e]
   );
-  return /* @__PURE__ */ o(At, { ...t, widgets: n });
-}, Pt = ({
+  return /* @__PURE__ */ o(Ft, { ...t, widgets: n });
+}, Ut = ({
   history: t = [],
   onCommand: e,
   onClose: n,
   height: r = "250px",
-  prompt: i = "$",
+  prompt: a = "$",
   title: s = "Terminal",
-  className: a
+  className: l
 }) => {
-  const [d, l] = P(""), c = F(null), h = F(null);
-  z(() => {
-    c.current && (c.current.scrollTop = c.current.scrollHeight);
+  const [d, c] = $(""), i = F(null), g = F(null);
+  P(() => {
+    i.current && (i.current.scrollTop = i.current.scrollHeight);
   }, [t]);
-  const g = (m) => {
-    if (m.key !== "Enter") return;
-    const C = d.trim();
-    C && (e == null || e(C), l(""));
+  const h = (u) => {
+    if (u.key !== "Enter") return;
+    const w = d.trim();
+    w && (e == null || e(w), c(""));
   };
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ b(
     "div",
     {
       style: { height: r },
-      className: D(
+      className: A(
         "bg-card border-t border-border flex flex-col shrink-0 font-mono text-xs",
-        a
+        l
       ),
       children: [
-        /* @__PURE__ */ f("div", { className: "h-8 flex items-center justify-between px-3 border-b border-border/50 shrink-0", children: [
-          /* @__PURE__ */ f("div", { className: "flex items-center space-x-2 text-muted-foreground", children: [
-            /* @__PURE__ */ o(Ae, { size: 13 }),
+        /* @__PURE__ */ b("div", { className: "h-8 flex items-center justify-between px-3 border-b border-border/50 shrink-0", children: [
+          /* @__PURE__ */ b("div", { className: "flex items-center space-x-2 text-muted-foreground", children: [
+            /* @__PURE__ */ o(ze, { size: 13 }),
             /* @__PURE__ */ o("span", { className: "text-[11px] font-bold uppercase tracking-widest", children: s })
           ] }),
-          n && /* @__PURE__ */ f("div", { className: "flex items-center space-x-1", children: [
+          n && /* @__PURE__ */ b("div", { className: "flex items-center space-x-1", children: [
             /* @__PURE__ */ o(
               "button",
               {
@@ -712,7 +712,7 @@ const q = new Tt(), Ke = (t) => t.map((e) => {
                 onClick: n,
                 "aria-label": "Collapse Terminal",
                 className: "p-1 rounded hover:bg-accent hover:text-foreground text-muted-foreground transition-colors focus:outline-none focus:ring-2 focus:ring-ring",
-                children: /* @__PURE__ */ o(Pe, { size: 14 })
+                children: /* @__PURE__ */ o(Fe, { size: 14 })
               }
             ),
             /* @__PURE__ */ o(
@@ -722,7 +722,7 @@ const q = new Tt(), Ke = (t) => t.map((e) => {
                 onClick: n,
                 "aria-label": "Close Terminal",
                 className: "p-1 rounded hover:bg-accent hover:text-foreground text-muted-foreground transition-colors focus:outline-none focus:ring-2 focus:ring-ring",
-                children: /* @__PURE__ */ o(J, { size: 14 })
+                children: /* @__PURE__ */ o(Q, { size: 14 })
               }
             )
           ] })
@@ -730,28 +730,28 @@ const q = new Tt(), Ke = (t) => t.map((e) => {
         /* @__PURE__ */ o(
           "div",
           {
-            ref: c,
+            ref: i,
             role: "log",
             "aria-label": `${s} output`,
             className: "flex-1 overflow-y-auto px-3 py-2 space-y-0.5",
             onClick: () => {
-              var m;
-              return (m = h.current) == null ? void 0 : m.focus();
+              var u;
+              return (u = g.current) == null ? void 0 : u.focus();
             },
-            children: t.map((m, C) => /* @__PURE__ */ o("div", { className: "whitespace-pre-wrap break-all text-foreground/90", children: m }, C))
+            children: t.map((u, w) => /* @__PURE__ */ o("div", { className: "whitespace-pre-wrap break-all text-foreground/90", children: u }, w))
           }
         ),
-        /* @__PURE__ */ f("div", { className: "flex items-center px-3 py-2 border-t border-border/50 shrink-0", children: [
-          /* @__PURE__ */ o("span", { className: "text-primary mr-2 select-none", children: i }),
+        /* @__PURE__ */ b("div", { className: "flex items-center px-3 py-2 border-t border-border/50 shrink-0", children: [
+          /* @__PURE__ */ o("span", { className: "text-primary mr-2 select-none", children: a }),
           /* @__PURE__ */ o(
             "input",
             {
-              ref: h,
+              ref: g,
               type: "text",
               "aria-label": `${s} input`,
               value: d,
-              onChange: (m) => l(m.target.value),
-              onKeyDown: g,
+              onChange: (u) => c(u.target.value),
+              onKeyDown: h,
               spellCheck: !1,
               autoComplete: "off",
               className: "flex-1 bg-transparent outline-none text-foreground placeholder:text-muted-foreground"
@@ -761,47 +761,47 @@ const q = new Tt(), Ke = (t) => t.map((e) => {
       ]
     }
   );
-}, ee = G((t) => ({
+}, ne = q((t) => ({
   isOpen: !1,
   history: ["Welcome to Nexus Shell Terminal v0.1.0", 'Type "help" for a list of commands.'],
   setOpen: (e) => t({ isOpen: e }),
   toggle: () => t((e) => ({ isOpen: !e.isOpen })),
   addHistory: (e) => t((n) => ({ history: [...n.history, e] })),
   clearHistory: () => t({ history: [] })
-})), zt = [
+})), jt = [
   "Available commands:",
   "  help   — show this message",
   "  clear  — clear the terminal"
-], Rt = ({
+], Bt = ({
   onCommand: t,
   ...e
 }) => {
-  const n = ee((l) => l.isOpen), r = ee((l) => l.history), i = ee((l) => l.setOpen), s = ee((l) => l.addHistory), a = ee((l) => l.clearHistory);
+  const n = ne((c) => c.isOpen), r = ne((c) => c.history), a = ne((c) => c.setOpen), s = ne((c) => c.addHistory), l = ne((c) => c.clearHistory);
   return n ? /* @__PURE__ */ o(
-    Pt,
+    Ut,
     {
       ...e,
       history: r,
-      onCommand: (l) => {
-        s(`$ ${l}`);
-        const c = l.toLowerCase();
-        if (c === "clear") {
-          a();
+      onCommand: (c) => {
+        s(`$ ${c}`);
+        const i = c.toLowerCase();
+        if (i === "clear") {
+          l();
           return;
         }
-        if (c === "help") {
-          zt.forEach(s);
+        if (i === "help") {
+          jt.forEach(s);
           return;
         }
-        (t == null ? void 0 : t(l)) !== !0 && s(`command not found: ${l.split(" ")[0]}`);
+        (t == null ? void 0 : t(c)) !== !0 && s(`command not found: ${c.split(" ")[0]}`);
       },
-      onClose: () => i(!1)
+      onClose: () => a(!1)
     }
   ) : null;
 };
-class Kt {
+class Ht {
   constructor() {
-    X(this, "components", /* @__PURE__ */ new Map());
+    Z(this, "components", /* @__PURE__ */ new Map());
   }
   /**
    * Register a component with a unique ID.
@@ -823,7 +823,7 @@ class Kt {
     return Array.from(this.components.keys());
   }
 }
-const _t = new Kt(), Y = {
+const Wt = new Ht(), V = {
   global: { tabEnableClose: !0, tabSetEnableMaximize: !1, tabSetEnableDivide: !0 },
   borders: [
     {
@@ -849,260 +849,260 @@ const _t = new Kt(), Y = {
       }
     ]
   }
-}, Te = "nexus-shell-layout", Ut = G((t, e) => {
+}, Se = "nexus-shell-layout", Gt = q((t, e) => {
   let n;
   if (typeof window < "u")
     try {
-      const r = localStorage.getItem(Te);
+      const r = localStorage.getItem(Se);
       if (r) {
-        const i = JSON.parse(r);
-        n = B.fromJson(i);
-        const s = /* @__PURE__ */ new Set(["dialogue-library", "argument-inspector"]), a = [];
+        const a = JSON.parse(r);
+        n = G.fromJson(a);
+        const s = /* @__PURE__ */ new Set(["dialogue-library", "argument-inspector"]), l = [];
         n.visitNodes((d) => {
           if (d.getType() === "tab") {
-            const l = d;
-            s.has(l.getComponent()) && a.push(l.getId());
+            const c = d;
+            s.has(c.getComponent()) && l.push(c.getId());
           }
-        }), a.forEach((d) => {
-          n.doAction(Z.deleteTab(d));
+        }), l.forEach((d) => {
+          n.doAction(re.deleteTab(d));
         });
       } else
-        n = B.fromJson(Y);
+        n = G.fromJson(V);
     } catch (r) {
-      console.warn("Failed to load layout from storage, using default", r), n = B.fromJson(Y);
+      console.warn("Failed to load layout from storage, using default", r), n = G.fromJson(V);
     }
   else
-    n = B.fromJson(Y);
+    n = G.fromJson(V);
   return {
     model: n,
     dirtyTabs: /* @__PURE__ */ new Set(),
-    storageKey: Te,
+    storageKey: Se,
     disableLocalStorage: !1,
-    initLayout: (r, i) => {
+    initLayout: (r, a) => {
       let s;
       if (r && Object.keys(r).length > 0)
         try {
-          s = B.fromJson(r);
-        } catch (a) {
-          console.warn("Failed to parse init layout json, using default", a), s = B.fromJson(Y);
+          s = G.fromJson(r);
+        } catch (l) {
+          console.warn("Failed to parse init layout json, using default", l), s = G.fromJson(V);
         }
       else
-        s = B.fromJson(Y);
-      t({ model: s, disableLocalStorage: i || !1 });
+        s = G.fromJson(V);
+      t({ model: s, disableLocalStorage: a || !1 });
     },
     setModel: (r) => {
       t({ model: r });
-      const i = e().storageKey;
+      const a = e().storageKey;
       if (typeof window < "u" && !e().disableLocalStorage)
         try {
-          localStorage.setItem(i, JSON.stringify(r.toJson()));
+          localStorage.setItem(a, JSON.stringify(r.toJson()));
         } catch (s) {
           console.error("Failed to save layout to storage", s);
         }
     },
-    setStorageKey: (r, i) => {
+    setStorageKey: (r, a) => {
       let s;
       if (typeof window < "u")
         try {
-          const a = localStorage.getItem(r);
-          a ? s = B.fromJson(JSON.parse(a)) : s = B.fromJson(i || Y);
-        } catch (a) {
-          console.warn("Failed to load layout from storage for key", r, a), s = B.fromJson(i || Y);
+          const l = localStorage.getItem(r);
+          l ? s = G.fromJson(JSON.parse(l)) : s = G.fromJson(a || V);
+        } catch (l) {
+          console.warn("Failed to load layout from storage for key", r, l), s = G.fromJson(a || V);
         }
       else
-        s = B.fromJson(i || Y);
+        s = G.fromJson(a || V);
       t({ storageKey: r, model: s });
     },
-    setTabDirty: (r, i) => {
+    setTabDirty: (r, a) => {
       t((s) => {
-        const a = new Set(s.dirtyTabs);
-        return i ? a.add(r) : a.delete(r), { dirtyTabs: a };
+        const l = new Set(s.dirtyTabs);
+        return a ? l.add(r) : l.delete(r), { dirtyTabs: l };
       });
     },
     isTabDirty: (r) => e().dirtyTabs.has(r),
-    addTab: (r, i, s) => {
-      const a = e().model, d = a.getActiveTabset();
-      let l = d == null ? void 0 : d.getId();
-      if (!l)
+    addTab: (r, a, s) => {
+      const l = e().model, d = l.getActiveTabset();
+      let c = d == null ? void 0 : d.getId();
+      if (!c)
         try {
-          const g = a.getFirstTabSet();
-          l = g == null ? void 0 : g.getId();
-        } catch (g) {
-          console.warn("Failed to get first tabset fallback", g);
+          const h = l.getFirstTabSet();
+          c = h == null ? void 0 : h.getId();
+        } catch (h) {
+          console.warn("Failed to get first tabset fallback", h);
         }
-      const h = { ...{}, ...s };
+      const g = { ...{}, ...s };
       if (["nexus-dashboard", "nexus-docs"].includes(r)) {
-        let g = null;
-        if (a.visitNodes((m) => {
-          if (m.getType() === "tab") {
-            const C = m;
-            C.getComponent() === r && (g = C.getId());
+        let h = null;
+        if (l.visitNodes((u) => {
+          if (u.getType() === "tab") {
+            const w = u;
+            w.getComponent() === r && (h = w.getId());
           }
-        }), g) {
-          a.doAction(Z.selectTab(g));
+        }), h) {
+          l.doAction(re.selectTab(h));
           return;
         }
       }
-      if (h.mapId) {
-        let g = null;
-        if (a.visitNodes((m) => {
-          var C;
-          if (m.getType() === "tab") {
-            const E = m;
-            ((C = E.getConfig()) == null ? void 0 : C.mapId) === h.mapId && (g = E.getId());
+      if (g.mapId) {
+        let h = null;
+        if (l.visitNodes((u) => {
+          var w;
+          if (u.getType() === "tab") {
+            const N = u;
+            ((w = N.getConfig()) == null ? void 0 : w.mapId) === g.mapId && (h = N.getId());
           }
-        }), g) {
-          a.doAction(Z.selectTab(g));
+        }), h) {
+          l.doAction(re.selectTab(h));
           return;
         }
       }
-      if (h.projectId) {
-        let g = null;
-        if (a.visitNodes((m) => {
-          var C;
-          if (m.getType() === "tab") {
-            const E = m;
-            ((C = E.getConfig()) == null ? void 0 : C.projectId) === h.projectId && (g = E.getId());
+      if (g.projectId) {
+        let h = null;
+        if (l.visitNodes((u) => {
+          var w;
+          if (u.getType() === "tab") {
+            const N = u;
+            ((w = N.getConfig()) == null ? void 0 : w.projectId) === g.projectId && (h = N.getId());
           }
-        }), g) {
-          a.doAction(Z.selectTab(g));
+        }), h) {
+          l.doAction(re.selectTab(h));
           return;
         }
       }
-      l && a.doAction(
-        Z.addNode(
-          { type: "tab", component: r, name: i || r, config: h },
-          l,
-          Ve.CENTER,
+      c && l.doAction(
+        re.addNode(
+          { type: "tab", component: r, name: a || r, config: g },
+          c,
+          rt.CENTER,
           -1
         )
       );
     }
   };
-}), Ue = G((t, e) => ({
+}), He = q((t, e) => ({
   isOpen: !1,
   type: "alert",
   title: "",
   message: "",
   defaultValue: "",
   resolve: null,
-  openAlert: (n, r = "Alert") => new Promise((i) => {
-    t({ isOpen: !0, type: "alert", title: r, message: n, defaultValue: "", resolve: i });
+  openAlert: (n, r = "Alert") => new Promise((a) => {
+    t({ isOpen: !0, type: "alert", title: r, message: n, defaultValue: "", resolve: a });
   }),
-  openConfirm: (n, r = "Confirm") => new Promise((i) => {
-    t({ isOpen: !0, type: "confirm", title: r, message: n, defaultValue: "", resolve: i });
+  openConfirm: (n, r = "Confirm") => new Promise((a) => {
+    t({ isOpen: !0, type: "confirm", title: r, message: n, defaultValue: "", resolve: a });
   }),
-  openPrompt: (n, r = "", i = "Prompt") => new Promise((s) => {
-    t({ isOpen: !0, type: "prompt", title: i, message: n, defaultValue: r, resolve: s });
+  openPrompt: (n, r = "", a = "Prompt") => new Promise((s) => {
+    t({ isOpen: !0, type: "prompt", title: a, message: n, defaultValue: r, resolve: s });
   }),
   close: (n = null) => {
     const { resolve: r } = e();
     r && r(n), t({ isOpen: !1, resolve: null });
   }
-})), Nr = ({
+})), Or = ({
   panels: t,
   slashCommands: e,
   menuConfig: n,
   statusBarConfig: r,
-  title: i,
+  title: a,
   rightMenuBarContent: s,
-  centerMenuBarContent: a,
+  centerMenuBarContent: l,
   layoutModel: d,
-  initialLayoutJson: l,
-  disableLocalStorage: c = !1,
-  onLayoutChange: h
+  initialLayoutJson: c,
+  disableLocalStorage: i = !1,
+  onLayoutChange: g
 }) => {
-  const { model: g, setModel: m, initLayout: C, isTabDirty: E, setTabDirty: w } = Ut(), y = te((L) => L.theme), b = W((L) => L.setPanels), x = se((L) => L.setSlashCommands), N = ve((L) => L.setWidgets);
-  z(() => {
-    t && b(t);
-  }, [t, b]), z(() => {
-    e && x(e);
-  }, [e, x]), z(() => {
-    n && ye.setMenus(n);
-  }, [n]), z(() => {
-    r && N(r);
-  }, [r, N]), z(() => {
-    d || !l && !c || C(l, c);
+  const { model: h, setModel: u, initLayout: w, isTabDirty: N, setTabDirty: y } = Gt(), p = oe((I) => I.theme), v = J((I) => I.setPanels), k = ae((I) => I.setSlashCommands), x = Ne((I) => I.setWidgets);
+  P(() => {
+    t && v(t);
+  }, [t, v]), P(() => {
+    e && k(e);
+  }, [e, k]), P(() => {
+    n && we.setMenus(n);
+  }, [n]), P(() => {
+    r && x(r);
+  }, [r, x]), P(() => {
+    d || !c && !i || w(c, i);
   }, []);
-  const u = (L) => {
+  const f = (I) => {
     try {
-      const $ = L.getComponent(), T = L.getConfig() || {}, O = $ ? _t.get($) : void 0;
-      return O ? /* @__PURE__ */ o(O, { node: L, ...T }) : /* @__PURE__ */ f("div", { className: "p-4 text-sm", children: [
+      const M = I.getComponent(), C = I.getConfig() || {}, D = M ? Wt.get(M) : void 0;
+      return D ? /* @__PURE__ */ o(D, { node: I, ...C }) : /* @__PURE__ */ b("div", { className: "p-4 text-sm", children: [
         "Unknown Component: ",
-        $
+        M
       ] });
-    } catch ($) {
-      return console.error("Error in component factory:", $), /* @__PURE__ */ f("div", { className: "p-8 text-destructive bg-destructive/10 border border-destructive/20 h-full flex items-center justify-center", children: [
+    } catch (M) {
+      return console.error("Error in component factory:", M), /* @__PURE__ */ b("div", { className: "p-8 text-destructive bg-destructive/10 border border-destructive/20 h-full flex items-center justify-center", children: [
         "Error rendering component: ",
-        $ instanceof Error ? $.message : "Unknown error"
+        M instanceof Error ? M.message : "Unknown error"
       ] });
     }
-  }, S = (L) => {
-    if (L.type !== Z.DELETE_TAB) return L;
-    const $ = g.getNodeById(L.data.node);
-    if (!$ || !E($.getId())) return L;
-    Ue.getState().openConfirm(
-      `Tab "${$.getName()}" has unsaved changes. Are you sure you want to close it?`
-    ).then((T) => {
-      T && (w($.getId(), !1), g.doAction(L));
+  }, S = (I) => {
+    if (I.type !== re.DELETE_TAB) return I;
+    const M = h.getNodeById(I.data.node);
+    if (!M || !N(M.getId())) return I;
+    He.getState().openConfirm(
+      `Tab "${M.getName()}" has unsaved changes. Are you sure you want to close it?`
+    ).then((C) => {
+      C && (y(M.getId(), !1), h.doAction(I));
     });
   };
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ b(
     "div",
     {
-      className: `flex flex-col h-screen w-screen bg-background text-foreground overflow-hidden theme-${y}`,
+      className: `flex flex-col h-screen w-screen bg-background text-foreground overflow-hidden theme-${p}`,
       children: [
         /* @__PURE__ */ o(
-          Et,
+          At,
           {
-            title: i,
-            center: a,
+            title: a,
+            center: l,
             right: s
           }
         ),
-        /* @__PURE__ */ f("div", { className: "flex-1 flex overflow-hidden", children: [
-          /* @__PURE__ */ o(bt, {}),
-          /* @__PURE__ */ o($t, {}),
-          /* @__PURE__ */ f("div", { className: "flex-1 flex flex-col min-w-0 bg-card", children: [
+        /* @__PURE__ */ b("div", { className: "flex-1 flex overflow-hidden", children: [
+          /* @__PURE__ */ o(kt, {}),
+          /* @__PURE__ */ o(_t, {}),
+          /* @__PURE__ */ b("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(
-              qe,
+              nt,
               {
-                model: d || g,
-                factory: u,
-                onModelChange: (L) => {
-                  d || m(L), h == null || h(L.toJson());
+                model: d || h,
+                factory: f,
+                onModelChange: (I) => {
+                  d || u(I), g == null || g(I.toJson());
                 },
                 onAction: S
               }
             ) }),
-            /* @__PURE__ */ o(Rt, {})
+            /* @__PURE__ */ o(Bt, {})
           ] }),
-          /* @__PURE__ */ o(Nt, {})
+          /* @__PURE__ */ o(Dt, {})
         ] }),
-        /* @__PURE__ */ o(Mt, {})
+        /* @__PURE__ */ o(Kt, {})
       ]
     }
   );
-}, Fe = ae.map((t) => ({
+}, We = ie.map((t) => ({
   id: `theme.${t.id}`,
   label: `Preferences: ${t.label} Theme`,
-  execute: () => te.getState().setTheme(t.id)
-})), kr = [
+  execute: () => oe.getState().setTheme(t.id)
+})), $r = [
   "view.toggleTerminal",
   "view.toggleChat",
   "view.toggleSidebar",
-  ...Fe.map((t) => t.id)
-], Ft = [
+  ...We.map((t) => t.id)
+], Yt = [
   {
     id: "view.toggleTerminal",
     label: "View: Toggle Terminal",
     keybinding: "Control+`",
-    execute: () => ee.getState().toggle()
+    execute: () => ne.getState().toggle()
   },
   {
     id: "view.toggleChat",
     label: "View: Toggle Chat",
-    execute: () => he.getState().toggleChat()
+    execute: () => be.getState().toggleChat()
   },
   {
     id: "view.toggleSidebar",
@@ -1110,12 +1110,12 @@ const _t = new Kt(), Y = {
     keybinding: "Control+b",
     execute: () => {
       var r;
-      const { activeSidebar: t, panels: e, setActiveSidebar: n } = W.getState();
+      const { activeSidebar: t, panels: e, setActiveSidebar: n } = J.getState();
       n(t ? null : ((r = e[0]) == null ? void 0 : r.id) ?? null);
     }
   },
-  ...Fe
-], jt = {
+  ...We
+], Jt = {
   View: [
     { id: "view.terminal", label: "Toggle Terminal", commandId: "view.toggleTerminal" },
     { id: "view.chat", label: "Toggle Chat", commandId: "view.toggleChat" },
@@ -1123,35 +1123,35 @@ const _t = new Kt(), Y = {
     {
       id: "view.theme",
       label: "Theme",
-      submenu: ae.map((t) => ({
+      submenu: ie.map((t) => ({
         id: `view.theme.${t.id}`,
         label: t.label,
         commandId: `theme.${t.id}`
       }))
     }
   ]
-}, Cr = (t = {}) => {
+}, Rr = (t = {}) => {
   const {
     panels: e,
     menus: n,
     commands: r,
-    statusBar: i,
+    statusBar: a,
     slashCommands: s,
-    defaultCommands: a = !0,
+    defaultCommands: l = !0,
     defaultMenus: d = !0
   } = t;
-  a && Ft.forEach((c) => q.registerCommand(c)), r == null || r.forEach((c) => q.registerCommand(c));
-  const l = {
-    ...a && d ? jt : {},
+  l && Yt.forEach((i) => te.registerCommand(i)), r == null || r.forEach((i) => te.registerCommand(i));
+  const c = {
+    ...l && d ? Jt : {},
     ...n ?? {}
   };
-  Object.keys(l).length > 0 && ye.setMenus(l), e && W.getState().setPanels(e), i && ve.getState().setWidgets(i), s && se.getState().setSlashCommands(s);
+  Object.keys(c).length > 0 && we.setMenus(c), e && J.getState().setPanels(e), a && Ne.getState().setWidgets(a), s && ae.getState().setSlashCommands(s);
 };
-class Bt {
+class Xt {
   constructor() {
-    X(this, "plugins", /* @__PURE__ */ new Map());
-    X(this, "loaders", /* @__PURE__ */ new Map());
-    X(this, "statuses", /* @__PURE__ */ new Map());
+    Z(this, "plugins", /* @__PURE__ */ new Map());
+    Z(this, "loaders", /* @__PURE__ */ new Map());
+    Z(this, "statuses", /* @__PURE__ */ new Map());
   }
   registerPlugin(e) {
     if (this.plugins.has(e.id)) {
@@ -1210,18 +1210,18 @@ class Bt {
     return Array.from(this.plugins.values());
   }
 }
-const Tr = new Bt(), Ee = "nexus-shell-user-profile", Se = {
+const Pr = new Xt(), De = "nexus-shell-user-profile", Le = {
   name: "David Tech",
   role: "Shell Architect",
   email: "david@techmuch.io",
   avatarUrl: "",
   customAvatar: ""
-}, V = G((t) => {
-  let e = { ...Se };
+}, ee = q((t) => {
+  let e = { ...Le };
   if (typeof window < "u")
     try {
-      const r = localStorage.getItem(Ee);
-      r && (e = { ...Se, ...JSON.parse(r) });
+      const r = localStorage.getItem(De);
+      r && (e = { ...Le, ...JSON.parse(r) });
     } catch (r) {
       console.error("Failed to parse saved user profile:", r);
     }
@@ -1229,7 +1229,7 @@ const Tr = new Bt(), Ee = "nexus-shell-user-profile", Se = {
     if (typeof window < "u")
       try {
         localStorage.setItem(
-          Ee,
+          De,
           JSON.stringify({
             name: r.name,
             role: r.role,
@@ -1238,31 +1238,31 @@ const Tr = new Bt(), Ee = "nexus-shell-user-profile", Se = {
             customAvatar: r.customAvatar
           })
         );
-      } catch (i) {
-        console.error("Failed to save user profile:", i);
+      } catch (a) {
+        console.error("Failed to save user profile:", a);
       }
   };
   return {
     ...e,
-    updateProfile: (r) => t((i) => {
-      const s = { ...i, ...r };
+    updateProfile: (r) => t((a) => {
+      const s = { ...a, ...r };
       return n(s), r;
     }),
-    setCustomAvatar: (r) => t((i) => {
-      const s = { ...i, customAvatar: r };
+    setCustomAvatar: (r) => t((a) => {
+      const s = { ...a, customAvatar: r };
       return n(s), { customAvatar: r };
     }),
     clearCustomAvatar: () => t((r) => {
-      const i = { ...r, customAvatar: "" };
-      return n(i), { customAvatar: "" };
+      const a = { ...r, customAvatar: "" };
+      return n(a), { customAvatar: "" };
     })
   };
-}), Er = () => {
-  z(() => {
+}), zr = () => {
+  P(() => {
     const t = (e) => {
-      const n = q.getCommands();
+      const n = te.getCommands();
       for (const r of n)
-        if (r.keybinding && Ht(e, r.keybinding)) {
+        if (r.keybinding && qt(e, r.keybinding)) {
           e.preventDefault(), r.execute();
           break;
         }
@@ -1270,74 +1270,74 @@ const Tr = new Bt(), Ee = "nexus-shell-user-profile", Se = {
     return window.addEventListener("keydown", t), () => window.removeEventListener("keydown", t);
   }, []);
 };
-function Ht(t, e) {
-  var m;
-  const n = e.split("+"), r = (m = n.pop()) == null ? void 0 : m.toLowerCase(), i = n.includes("Control") || n.includes("Ctrl"), s = n.includes("Shift"), a = n.includes("Alt"), d = n.includes("Meta") || n.includes("Cmd"), l = t.ctrlKey, c = t.shiftKey, h = t.altKey, g = t.metaKey;
-  return t.key.toLowerCase() === r && l === i && c === s && h === a && g === d;
+function qt(t, e) {
+  var u;
+  const n = e.split("+"), r = (u = n.pop()) == null ? void 0 : u.toLowerCase(), a = n.includes("Control") || n.includes("Ctrl"), s = n.includes("Shift"), l = n.includes("Alt"), d = n.includes("Meta") || n.includes("Cmd"), c = t.ctrlKey, i = t.shiftKey, g = t.altKey, h = t.metaKey;
+  return t.key.toLowerCase() === r && c === a && i === s && g === l && h === d;
 }
-const Wt = (t, e) => {
+const Vt = (t, e) => {
   const n = e.toLowerCase();
   return t.label.toLowerCase().includes(n) || t.id.toLowerCase().includes(n);
-}, Gt = ({
+}, Qt = ({
   open: t,
   commands: e,
   onSelect: n,
   onClose: r,
-  inline: i = !1,
+  inline: a = !1,
   placeholder: s = "Type a command to run…",
-  filter: a = Wt,
+  filter: l = Vt,
   className: d
 }) => {
-  const [l, c] = P(""), [h, g] = P(0), m = F(null), C = H(
-    () => e.filter((w) => a(w, l)),
-    [e, l, a]
+  const [c, i] = $(""), [g, h] = $(0), u = F(null), w = j(
+    () => e.filter((y) => l(y, c)),
+    [e, c, l]
   );
-  if (z(() => {
-    var w;
-    t && (c(""), g(0), (w = m.current) == null || w.focus());
-  }, [t]), z(() => {
-    g(0);
-  }, [l]), !t) return null;
-  const E = (w) => {
-    w.key === "ArrowDown" ? (w.preventDefault(), g((y) => C.length ? (y + 1) % C.length : 0)) : w.key === "ArrowUp" ? (w.preventDefault(), g(
-      (y) => C.length ? (y - 1 + C.length) % C.length : 0
-    )) : w.key === "Enter" ? (w.preventDefault(), C[h] && n(C[h])) : w.key === "Escape" && (w.preventDefault(), r == null || r());
+  if (P(() => {
+    var y;
+    t && (i(""), h(0), (y = u.current) == null || y.focus());
+  }, [t]), P(() => {
+    h(0);
+  }, [c]), !t) return null;
+  const N = (y) => {
+    y.key === "ArrowDown" ? (y.preventDefault(), h((p) => w.length ? (p + 1) % w.length : 0)) : y.key === "ArrowUp" ? (y.preventDefault(), h(
+      (p) => w.length ? (p - 1 + w.length) % w.length : 0
+    )) : y.key === "Enter" ? (y.preventDefault(), w[g] && n(w[g])) : y.key === "Escape" && (y.preventDefault(), r == null || r());
   };
   return /* @__PURE__ */ o(
     "div",
     {
-      onClick: i ? void 0 : r,
-      className: D(
+      onClick: a ? void 0 : r,
+      className: A(
         "z-[100] flex items-start justify-center",
-        i ? "relative w-full max-w-xl" : "fixed inset-0 pt-[10vh] bg-black/50 backdrop-blur-sm"
+        a ? "relative w-full max-w-xl" : "fixed inset-0 pt-[10vh] bg-black/50 backdrop-blur-sm"
       ),
-      children: /* @__PURE__ */ f(
+      children: /* @__PURE__ */ b(
         "div",
         {
           role: "dialog",
-          "aria-modal": !i,
+          "aria-modal": !a,
           "aria-label": "Command Palette",
-          onClick: (w) => w.stopPropagation(),
-          className: D(
+          onClick: (y) => y.stopPropagation(),
+          className: A(
             "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
           ),
           children: [
-            /* @__PURE__ */ f("div", { className: "flex items-center px-4 border-b", children: [
-              /* @__PURE__ */ o(de, { size: 18, className: "text-muted-foreground mr-3" }),
+            /* @__PURE__ */ b("div", { className: "flex items-center px-4 border-b", children: [
+              /* @__PURE__ */ o(fe, { size: 18, className: "text-muted-foreground mr-3" }),
               /* @__PURE__ */ o(
                 "input",
                 {
-                  ref: m,
+                  ref: u,
                   type: "text",
                   role: "combobox",
                   "aria-expanded": !0,
                   "aria-controls": "command-palette-list",
                   "aria-label": "Command",
                   placeholder: s,
-                  value: l,
-                  onChange: (w) => c(w.target.value),
-                  onKeyDown: E,
+                  value: c,
+                  onChange: (y) => i(y.target.value),
+                  onKeyDown: N,
                   className: "flex-1 h-14 bg-transparent outline-none text-base text-foreground placeholder:text-muted-foreground"
                 }
               )
@@ -1348,38 +1348,38 @@ const Wt = (t, e) => {
                 id: "command-palette-list",
                 role: "listbox",
                 className: "max-h-[300px] overflow-y-auto py-2",
-                children: C.length === 0 ? /* @__PURE__ */ o("div", { className: "px-4 py-8 text-center text-sm text-muted-foreground", children: l ? `No commands found matching "${l}"` : "No commands available." }) : C.map((w, y) => /* @__PURE__ */ f(
+                children: w.length === 0 ? /* @__PURE__ */ o("div", { className: "px-4 py-8 text-center text-sm text-muted-foreground", children: c ? `No commands found matching "${c}"` : "No commands available." }) : w.map((y, p) => /* @__PURE__ */ b(
                   "div",
                   {
                     role: "option",
-                    "aria-selected": y === h,
-                    onClick: () => n(w),
-                    onMouseEnter: () => g(y),
-                    className: D(
+                    "aria-selected": p === g,
+                    onClick: () => n(y),
+                    onMouseEnter: () => h(p),
+                    className: A(
                       "px-4 py-2 cursor-pointer flex justify-between items-center text-sm",
-                      y === h ? "bg-accent text-accent-foreground" : "hover:bg-accent/50"
+                      p === g ? "bg-accent text-accent-foreground" : "hover:bg-accent/50"
                     ),
                     children: [
-                      /* @__PURE__ */ o("span", { children: w.label }),
-                      w.keybinding && /* @__PURE__ */ o("span", { className: "text-[10px] text-muted-foreground bg-muted px-1.5 py-0.5 rounded border border-border/50", children: w.keybinding })
+                      /* @__PURE__ */ o("span", { children: y.label }),
+                      y.keybinding && /* @__PURE__ */ o("span", { className: "text-[10px] text-muted-foreground bg-muted px-1.5 py-0.5 rounded border border-border/50", children: y.keybinding })
                     ]
                   },
-                  w.id
+                  y.id
                 ))
               }
             ),
-            /* @__PURE__ */ f("div", { className: "px-4 py-2 border-t bg-muted/30 flex justify-between items-center text-[10px] text-muted-foreground", children: [
-              /* @__PURE__ */ f("div", { className: "flex gap-3", children: [
-                /* @__PURE__ */ f("span", { children: [
+            /* @__PURE__ */ b("div", { className: "px-4 py-2 border-t bg-muted/30 flex justify-between items-center text-[10px] text-muted-foreground", children: [
+              /* @__PURE__ */ b("div", { className: "flex gap-3", children: [
+                /* @__PURE__ */ b("span", { children: [
                   /* @__PURE__ */ o("kbd", { className: "bg-muted px-1 rounded border", children: "↑↓" }),
                   " to navigate"
                 ] }),
-                /* @__PURE__ */ f("span", { children: [
+                /* @__PURE__ */ b("span", { children: [
                   /* @__PURE__ */ o("kbd", { className: "bg-muted px-1 rounded border", children: "Enter" }),
                   " to select"
                 ] })
               ] }),
-              /* @__PURE__ */ f("span", { children: [
+              /* @__PURE__ */ b("span", { children: [
                 /* @__PURE__ */ o("kbd", { className: "bg-muted px-1 rounded border", children: "Esc" }),
                 " to close"
               ] })
@@ -1389,99 +1389,99 @@ const Wt = (t, e) => {
       )
     }
   );
-}, Sr = ({
+}, _r = ({
   shortcutKey: t = "p",
   ...e
 }) => {
-  const [n, r] = P(!1);
-  return z(() => {
+  const [n, r] = $(!1);
+  return P(() => {
     if (t === null) return;
-    const i = (s) => {
-      (s.metaKey || s.ctrlKey) && s.shiftKey && s.key.toLowerCase() === t && (s.preventDefault(), r((a) => !a));
+    const a = (s) => {
+      (s.metaKey || s.ctrlKey) && s.shiftKey && s.key.toLowerCase() === t && (s.preventDefault(), r((l) => !l));
     };
-    return window.addEventListener("keydown", i), () => window.removeEventListener("keydown", i);
+    return window.addEventListener("keydown", a), () => window.removeEventListener("keydown", a);
   }, [t]), /* @__PURE__ */ o(
-    Gt,
+    Qt,
     {
       ...e,
       open: n,
-      commands: q.getCommands(),
-      onSelect: (i) => {
-        i.execute(), r(!1);
+      commands: te.getCommands(),
+      onSelect: (a) => {
+        a.execute(), r(!1);
       },
       onClose: () => r(!1)
     }
   );
-}, Yt = {
-  alert: st,
-  confirm: ot,
-  prompt: nt
-}, Jt = {
+}, Zt = {
+  alert: ut,
+  confirm: dt,
+  prompt: ct
+}, er = {
   alert: "text-destructive",
   confirm: "text-amber-500",
   prompt: "text-blue-500"
-}, Xt = ({
+}, tr = ({
   open: t,
   type: e = "alert",
   title: n,
   message: r,
-  defaultValue: i = "",
+  defaultValue: a = "",
   onConfirm: s,
-  onCancel: a,
+  onCancel: l,
   confirmLabel: d,
-  cancelLabel: l = "Cancel",
-  placeholder: c = "Enter value…",
-  className: h
+  cancelLabel: c = "Cancel",
+  placeholder: i = "Enter value…",
+  className: g
 }) => {
-  const [g, m] = P(i), C = F(null);
-  if (z(() => {
-    if (!t || (m(i), e !== "prompt")) return;
-    const b = window.setTimeout(() => {
-      var x, N;
-      (x = C.current) == null || x.focus(), (N = C.current) == null || N.select();
+  const [h, u] = $(a), w = F(null);
+  if (P(() => {
+    if (!t || (u(a), e !== "prompt")) return;
+    const v = window.setTimeout(() => {
+      var k, x;
+      (k = w.current) == null || k.focus(), (x = w.current) == null || x.select();
     }, 50);
-    return () => window.clearTimeout(b);
-  }, [t, e, i]), z(() => {
+    return () => window.clearTimeout(v);
+  }, [t, e, a]), P(() => {
     if (!t) return;
-    const b = (x) => {
-      x.key === "Escape" && (x.preventDefault(), a == null || a());
+    const v = (k) => {
+      k.key === "Escape" && (k.preventDefault(), l == null || l());
     };
-    return document.addEventListener("keydown", b), () => document.removeEventListener("keydown", b);
-  }, [t, a]), !t) return null;
-  const E = () => s == null ? void 0 : s(e === "prompt" ? g : void 0), w = (b) => {
-    b.key === "Enter" && (b.preventDefault(), E());
-  }, y = Yt[e];
+    return document.addEventListener("keydown", v), () => document.removeEventListener("keydown", v);
+  }, [t, l]), !t) return null;
+  const N = () => s == null ? void 0 : s(e === "prompt" ? h : void 0), y = (v) => {
+    v.key === "Enter" && (v.preventDefault(), N());
+  }, p = Zt[e];
   return /* @__PURE__ */ o(
     "div",
     {
       className: "fixed inset-0 z-50 flex items-center justify-center overflow-hidden bg-background/80 backdrop-blur-sm transition-all duration-300",
-      onClick: a,
-      children: /* @__PURE__ */ f(
+      onClick: l,
+      children: /* @__PURE__ */ b(
         "div",
         {
           role: "dialog",
           "aria-modal": "true",
           "aria-label": n,
-          onClick: (b) => b.stopPropagation(),
-          onKeyDown: w,
-          className: D(
+          onClick: (v) => v.stopPropagation(),
+          onKeyDown: y,
+          className: A(
             "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",
-            h
+            g
           ),
           children: [
             /* @__PURE__ */ o(
               "button",
               {
                 type: "button",
-                onClick: a,
+                onClick: l,
                 "aria-label": "Close",
                 className: "absolute top-4 right-4 p-1 rounded-full text-muted-foreground hover:bg-muted hover:text-foreground transition-colors focus:outline-none focus:ring-2 focus:ring-ring",
-                children: /* @__PURE__ */ o(J, { size: 18 })
+                children: /* @__PURE__ */ o(Q, { size: 18 })
               }
             ),
-            /* @__PURE__ */ f("div", { className: "flex items-start space-x-4 mb-4", children: [
-              /* @__PURE__ */ o("div", { className: D("p-2 bg-muted rounded-full shrink-0", Jt[e]), children: /* @__PURE__ */ o(y, { size: 24 }) }),
-              /* @__PURE__ */ f("div", { className: "flex-1 mt-1", children: [
+            /* @__PURE__ */ b("div", { className: "flex items-start space-x-4 mb-4", children: [
+              /* @__PURE__ */ o("div", { className: A("p-2 bg-muted rounded-full shrink-0", er[e]), children: /* @__PURE__ */ o(p, { size: 24 }) }),
+              /* @__PURE__ */ b("div", { className: "flex-1 mt-1", children: [
                 /* @__PURE__ */ o("h2", { className: "text-lg font-semibold tracking-tight pr-6", children: n }),
                 r && /* @__PURE__ */ o("p", { className: "text-sm text-muted-foreground mt-1 whitespace-pre-wrap", children: r })
               ] })
@@ -1489,30 +1489,30 @@ const Wt = (t, e) => {
             e === "prompt" && /* @__PURE__ */ o("div", { className: "mt-2 mb-4", children: /* @__PURE__ */ o(
               "input",
               {
-                ref: C,
+                ref: w,
                 type: "text",
                 "aria-label": n,
-                value: g,
-                placeholder: c,
-                onChange: (b) => m(b.target.value),
+                value: h,
+                placeholder: i,
+                onChange: (v) => u(v.target.value),
                 className: "w-full bg-background border border-border rounded-lg px-4 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary/50 transition-all placeholder:text-muted-foreground/50"
               }
             ) }),
-            /* @__PURE__ */ f("div", { className: "flex items-center justify-end space-x-3 mt-4", children: [
+            /* @__PURE__ */ b("div", { className: "flex items-center justify-end space-x-3 mt-4", children: [
               e !== "alert" && /* @__PURE__ */ o(
                 "button",
                 {
                   type: "button",
-                  onClick: a,
+                  onClick: l,
                   className: "px-4 py-2 text-sm font-medium rounded-lg border border-border hover:bg-muted transition-colors focus:outline-none focus:ring-2 focus:ring-ring",
-                  children: l
+                  children: c
                 }
               ),
               /* @__PURE__ */ o(
                 "button",
                 {
                   type: "button",
-                  onClick: E,
+                  onClick: N,
                   autoFocus: e !== "prompt",
                   className: "px-4 py-2 text-sm font-medium rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 transition-colors focus:outline-none focus:ring-2 focus:ring-ring",
                   children: d ?? (e === "alert" ? "OK" : "Confirm")
@@ -1524,40 +1524,40 @@ const Wt = (t, e) => {
       )
     }
   );
-}, Dr = (t) => {
-  const { isOpen: e, type: n, title: r, message: i, defaultValue: s, close: a } = Ue();
+}, Fr = (t) => {
+  const { isOpen: e, type: n, title: r, message: a, defaultValue: s, close: l } = He();
   return /* @__PURE__ */ o(
-    Xt,
+    tr,
     {
       ...t,
       open: e,
       type: n,
       title: r,
-      message: i,
+      message: a,
       defaultValue: s,
-      onConfirm: (c) => {
-        n === "prompt" ? a(c ?? "") : n === "confirm" ? a(!0) : a();
+      onConfirm: (i) => {
+        n === "prompt" ? l(i ?? "") : n === "confirm" ? l(!0) : l();
       },
       onCancel: () => {
-        n === "prompt" ? a(null) : n === "confirm" ? a(!1) : a();
+        n === "prompt" ? l(null) : n === "confirm" ? l(!1) : l();
       }
     }
   );
-}, Vt = ae.map((t) => ({
+}, rr = ie.map((t) => ({
   id: t.id,
   label: t.shortLabel
-})), qt = ({
+})), nr = ({
   value: t,
   onChange: e,
-  options: n = Vt,
+  options: n = rr,
   className: r,
-  "aria-label": i = "Theme"
+  "aria-label": a = "Theme"
 }) => /* @__PURE__ */ o(
   "div",
   {
     role: "radiogroup",
-    "aria-label": i,
-    className: D(
+    "aria-label": a,
+    className: A(
       "flex items-center border border-border rounded-lg p-0.5 bg-secondary/80 select-none",
       r
     ),
@@ -1567,7 +1567,7 @@ const Wt = (t, e) => {
         role: "radio",
         "aria-checked": t === s.id,
         onClick: () => e(s.id),
-        className: D(
+        className: A(
           "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",
           t === s.id ? "bg-primary text-primary-foreground shadow" : "text-muted-foreground hover:bg-accent hover:text-foreground"
         ),
@@ -1576,64 +1576,64 @@ const Wt = (t, e) => {
       s.id
     ))
   }
-), Ir = (t) => {
-  const e = te((r) => r.theme), n = te((r) => r.setTheme);
-  return /* @__PURE__ */ o(qt, { ...t, value: e, onChange: n });
-}, Qt = ({
+), Kr = (t) => {
+  const e = oe((r) => r.theme), n = oe((r) => r.setTheme);
+  return /* @__PURE__ */ o(nr, { ...t, value: e, onChange: n });
+}, or = ({
   profile: t,
   actions: e = [],
   onProfileChange: n,
   onAvatarChange: r,
-  onClick: i,
+  onClick: a,
   showName: s = !0,
-  className: a
+  className: l
 }) => {
-  const { name: d, role: l, email: c, avatarUrl: h } = t, [g, m] = P(!1), [C, E] = P(!1), [w, y] = P(d), [b, x] = P(l ?? ""), N = F(null), u = F(null);
-  z(() => {
-    g && (y(d), x(l ?? ""), E(!1));
-  }, [g, d, l]), z(() => {
-    if (!g) return;
-    const T = (O) => {
-      N.current && !N.current.contains(O.target) && m(!1);
+  const { name: d, role: c, email: i, avatarUrl: g } = t, [h, u] = $(!1), [w, N] = $(!1), [y, p] = $(d), [v, k] = $(c ?? ""), x = F(null), f = F(null);
+  P(() => {
+    h && (p(d), k(c ?? ""), N(!1));
+  }, [h, d, c]), P(() => {
+    if (!h) return;
+    const C = (D) => {
+      x.current && !x.current.contains(D.target) && u(!1);
     };
-    return document.addEventListener("mousedown", T), () => document.removeEventListener("mousedown", T);
-  }, [g]);
-  const S = (T) => {
-    T.preventDefault(), n == null || n({ name: w, role: b }), E(!1);
-  }, L = (T) => {
-    var p;
-    const O = (p = T.target.files) == null ? void 0 : p[0];
-    O && (r == null || r(O)), T.target.value = "";
-  }, $ = (T) => h ? /* @__PURE__ */ o("img", { src: h, alt: d, className: "w-full h-full object-cover" }) : /* @__PURE__ */ o($e, { size: T, className: "text-muted-foreground" });
-  return /* @__PURE__ */ f("div", { ref: N, className: "relative inline-block text-left", children: [
-    /* @__PURE__ */ f(
+    return document.addEventListener("mousedown", C), () => document.removeEventListener("mousedown", C);
+  }, [h]);
+  const S = (C) => {
+    C.preventDefault(), n == null || n({ name: y, role: v }), N(!1);
+  }, I = (C) => {
+    var m;
+    const D = (m = C.target.files) == null ? void 0 : m[0];
+    D && (r == null || r(D)), C.target.value = "";
+  }, M = (C) => g ? /* @__PURE__ */ o("img", { src: g, alt: d, className: "w-full h-full object-cover" }) : /* @__PURE__ */ o(Pe, { size: C, className: "text-muted-foreground" });
+  return /* @__PURE__ */ b("div", { ref: x, className: "relative inline-block text-left", children: [
+    /* @__PURE__ */ b(
       "button",
       {
         type: "button",
-        onClick: () => i ? i() : m((T) => !T),
-        "aria-haspopup": i ? void 0 : "menu",
-        "aria-expanded": i ? void 0 : g,
+        onClick: () => a ? a() : u((C) => !C),
+        "aria-haspopup": a ? void 0 : "menu",
+        "aria-expanded": a ? void 0 : h,
         "aria-label": "User Profile Menu",
-        className: D(
+        className: A(
           "focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none transition-all duration-200 select-none",
           s ? "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",
-          g && (s ? "bg-accent/60 border-border/40" : "border-primary/50 text-foreground ring-1 ring-primary/20"),
-          a
+          h && (s ? "bg-accent/60 border-border/40" : "border-primary/50 text-foreground ring-1 ring-primary/20"),
+          l
         ),
         children: [
           /* @__PURE__ */ o(
             "div",
             {
-              className: D(
+              className: A(
                 "rounded-full overflow-hidden border border-border/50 bg-muted flex items-center justify-center shrink-0 shadow-sm",
                 s ? "w-6 h-6" : "w-full h-full"
               ),
-              children: $(s ? 13 : 12)
+              children: M(s ? 13 : 12)
             }
           ),
-          s && /* @__PURE__ */ f("div", { className: "flex flex-col min-w-0 leading-tight pr-1", children: [
+          s && /* @__PURE__ */ b("div", { className: "flex flex-col min-w-0 leading-tight pr-1", children: [
             /* @__PURE__ */ o("span", { className: "text-[11px] font-semibold truncate text-foreground", children: d }),
-            l && /* @__PURE__ */ o("span", { className: "text-[9px] text-muted-foreground/80 truncate font-medium", children: l })
+            c && /* @__PURE__ */ o("span", { className: "text-[9px] text-muted-foreground/80 truncate font-medium", children: c })
           ] })
         ]
       }
@@ -1642,173 +1642,173 @@ const Wt = (t, e) => {
       "input",
       {
         type: "file",
-        ref: u,
-        onChange: L,
+        ref: f,
+        onChange: I,
         accept: "image/*",
         "aria-label": "Upload avatar",
         className: "hidden"
       }
     ),
-    g && /* @__PURE__ */ o(
+    h && /* @__PURE__ */ o(
       "div",
       {
         role: "menu",
-        className: D(
+        className: A(
           "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",
           s ? "left-0" : "right-0"
         ),
-        children: C ? /* @__PURE__ */ f("form", { onSubmit: S, className: "p-2 flex flex-col gap-2", children: [
+        children: w ? /* @__PURE__ */ b("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__ */ f("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ b("div", { className: "flex flex-col gap-1", children: [
             /* @__PURE__ */ o("label", { htmlFor: "profile-name", className: "text-[9px] font-semibold text-muted-foreground", children: "Name" }),
             /* @__PURE__ */ o(
               "input",
               {
                 id: "profile-name",
                 type: "text",
-                value: w,
-                onChange: (T) => y(T.target.value),
+                value: y,
+                onChange: (C) => p(C.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"
               }
             )
           ] }),
-          /* @__PURE__ */ f("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ b("div", { className: "flex flex-col gap-1", children: [
             /* @__PURE__ */ o("label", { htmlFor: "profile-role", className: "text-[9px] font-semibold text-muted-foreground", children: "Role" }),
             /* @__PURE__ */ o(
               "input",
               {
                 id: "profile-role",
                 type: "text",
-                value: b,
-                onChange: (T) => x(T.target.value),
+                value: v,
+                onChange: (C) => k(C.target.value),
                 className: "w-full px-2 py-1 text-xs border rounded bg-background focus:ring-1 focus:ring-primary focus:outline-none"
               }
             )
           ] }),
-          /* @__PURE__ */ f("div", { className: "flex gap-1.5 mt-1 justify-end", children: [
-            /* @__PURE__ */ f(
+          /* @__PURE__ */ b("div", { className: "flex gap-1.5 mt-1 justify-end", children: [
+            /* @__PURE__ */ b(
               "button",
               {
                 type: "button",
-                onClick: () => E(!1),
+                onClick: () => N(!1),
                 className: "px-2 py-1 text-[10px] rounded hover:bg-accent text-muted-foreground flex items-center gap-1 border border-border/30",
                 children: [
-                  /* @__PURE__ */ o(J, { size: 10 }),
+                  /* @__PURE__ */ o(Q, { size: 10 }),
                   " Cancel"
                 ]
               }
             ),
-            /* @__PURE__ */ f(
+            /* @__PURE__ */ b(
               "button",
               {
                 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(at, { size: 10 }),
+                  /* @__PURE__ */ o(ft, { size: 10 }),
                   " Save"
                 ]
               }
             )
           ] })
-        ] }) : /* @__PURE__ */ f(Le, { children: [
-          /* @__PURE__ */ f("div", { className: "p-2 flex items-center gap-3 border-b border-border/40 pb-2.5 mb-1", children: [
-            /* @__PURE__ */ f(
+        ] }) : /* @__PURE__ */ b($e, { children: [
+          /* @__PURE__ */ b("div", { className: "p-2 flex items-center gap-3 border-b border-border/40 pb-2.5 mb-1", children: [
+            /* @__PURE__ */ b(
               "div",
               {
                 onClick: () => {
-                  var T;
-                  return r && ((T = u.current) == null ? void 0 : T.click());
+                  var C;
+                  return r && ((C = f.current) == null ? void 0 : C.click());
                 },
                 title: r ? "Upload avatar image" : void 0,
-                className: D(
+                className: A(
                   "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",
                   r && "cursor-pointer"
                 ),
                 children: [
-                  $(24),
-                  r && /* @__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(it, { size: 14, className: "text-white" }) })
+                  M(24),
+                  r && /* @__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(mt, { size: 14, className: "text-white" }) })
                 ]
               }
             ),
-            /* @__PURE__ */ f("div", { className: "flex flex-col min-w-0 leading-normal flex-1", children: [
-              /* @__PURE__ */ f("div", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ b("div", { className: "flex flex-col min-w-0 leading-normal flex-1", children: [
+              /* @__PURE__ */ b("div", { className: "flex items-center gap-1", children: [
                 /* @__PURE__ */ o("span", { className: "text-xs font-bold truncate text-foreground", children: d }),
                 n && /* @__PURE__ */ o(
                   "button",
                   {
                     type: "button",
-                    onClick: () => E(!0),
+                    onClick: () => N(!0),
                     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(lt, { size: 10 })
+                    children: /* @__PURE__ */ o(ht, { size: 10 })
                   }
                 )
               ] }),
-              l && /* @__PURE__ */ o("span", { className: "text-[10px] text-muted-foreground/80 truncate font-semibold", children: l }),
-              c && /* @__PURE__ */ o("span", { className: "text-[9px] text-muted-foreground/60 truncate font-mono mt-0.5", children: c })
+              c && /* @__PURE__ */ o("span", { className: "text-[10px] text-muted-foreground/80 truncate font-semibold", children: c }),
+              i && /* @__PURE__ */ o("span", { className: "text-[9px] text-muted-foreground/60 truncate font-mono mt-0.5", children: i })
             ] })
           ] }),
-          e.map((T) => {
-            const O = T.icon;
-            return /* @__PURE__ */ f(
+          e.map((C) => {
+            const D = C.icon;
+            return /* @__PURE__ */ b(
               "button",
               {
                 type: "button",
                 role: "menuitem",
                 onClick: () => {
-                  T.onSelect(), m(!1);
+                  C.onSelect(), u(!1);
                 },
-                className: D(
+                className: A(
                   "w-full px-2 py-1.5 text-left rounded-md text-[11px] font-medium flex items-center gap-2 cursor-pointer transition-colors",
-                  T.destructive ? "text-destructive hover:bg-destructive/10" : "hover:bg-accent/60 hover:text-accent-foreground",
-                  T.divider && "border-t border-border/20 pt-2 mt-1"
+                  C.destructive ? "text-destructive hover:bg-destructive/10" : "hover:bg-accent/60 hover:text-accent-foreground",
+                  C.divider && "border-t border-border/20 pt-2 mt-1"
                 ),
                 children: [
-                  O && /* @__PURE__ */ o(O, { size: 12, className: "opacity-70" }),
-                  T.label
+                  D && /* @__PURE__ */ o(D, { size: 12, className: "opacity-70" }),
+                  C.label
                 ]
               },
-              T.id
+              C.id
             );
           })
         ] })
       }
     )
   ] });
-}, Lr = (t) => {
-  const e = V((c) => c.name), n = V((c) => c.role), r = V((c) => c.email), i = V((c) => c.avatarUrl), s = V((c) => c.customAvatar), a = V((c) => c.updateProfile), d = V((c) => c.setCustomAvatar);
+}, Ur = (t) => {
+  const e = ee((i) => i.name), n = ee((i) => i.role), r = ee((i) => i.email), a = ee((i) => i.avatarUrl), s = ee((i) => i.customAvatar), l = ee((i) => i.updateProfile), d = ee((i) => i.setCustomAvatar);
   return /* @__PURE__ */ o(
-    Qt,
+    or,
     {
       ...t,
-      profile: { name: e, role: n, email: r, avatarUrl: s || i },
-      onProfileChange: a,
-      onAvatarChange: (c) => {
-        const h = new FileReader();
-        h.onloadend = () => {
-          typeof h.result == "string" && d(h.result);
-        }, h.readAsDataURL(c);
+      profile: { name: e, role: n, email: r, avatarUrl: s || a },
+      onProfileChange: l,
+      onAvatarChange: (i) => {
+        const g = new FileReader();
+        g.onloadend = () => {
+          typeof g.result == "string" && d(g.result);
+        }, g.readAsDataURL(i);
       }
     }
   );
-}, Or = ({ title: t, subtitle: e, icon: n, className: r }) => /* @__PURE__ */ f("div", { className: D("flex items-center space-x-3 select-none", r), children: [
+}, jr = ({ title: t, subtitle: e, icon: n, className: r }) => /* @__PURE__ */ b("div", { className: A("flex items-center space-x-3 select-none", r), children: [
   n && /* @__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: n }),
-  /* @__PURE__ */ f("div", { className: "min-w-0", children: [
+  /* @__PURE__ */ b("div", { className: "min-w-0", children: [
     /* @__PURE__ */ o("h1", { className: "text-xs font-black uppercase tracking-wider text-foreground font-mono truncate", children: t }),
     e && /* @__PURE__ */ o("p", { className: "text-[9px] text-muted-foreground font-semibold truncate", children: e })
   ] })
-] }), Zt = ({ x: t, y: e, items: n, onClose: r, className: i }) => {
+] }), sr = ({ x: t, y: e, items: n, onClose: r, className: a }) => {
   const s = F(null);
-  return z(() => {
-    const a = (l) => {
-      s.current && !s.current.contains(l.target) && r();
-    }, d = (l) => {
-      l.key === "Escape" && r();
+  return P(() => {
+    const l = (c) => {
+      s.current && !s.current.contains(c.target) && r();
+    }, d = (c) => {
+      c.key === "Escape" && r();
     };
-    return document.addEventListener("mousedown", a), document.addEventListener("keydown", d), () => {
-      document.removeEventListener("mousedown", a), document.removeEventListener("keydown", d);
+    return document.addEventListener("mousedown", l), document.addEventListener("keydown", d), () => {
+      document.removeEventListener("mousedown", l), document.removeEventListener("keydown", d);
     };
   }, [r]), /* @__PURE__ */ o(
     "div",
@@ -1816,272 +1816,272 @@ const Wt = (t, e) => {
       ref: s,
       role: "menu",
       style: { top: e, left: t },
-      className: D(
+      className: A(
         "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",
-        i
+        a
       ),
-      children: n.map((a, d) => /* @__PURE__ */ f(ge.Fragment, { children: [
-        a.divider && /* @__PURE__ */ o("div", { className: "h-[1px] bg-border my-1" }),
-        /* @__PURE__ */ f(
+      children: n.map((l, d) => /* @__PURE__ */ b(xe.Fragment, { children: [
+        l.divider && /* @__PURE__ */ o("div", { className: "h-[1px] bg-border my-1" }),
+        /* @__PURE__ */ b(
           "div",
           {
             role: "menuitem",
-            tabIndex: a.disabled ? void 0 : 0,
-            "aria-disabled": a.disabled,
+            tabIndex: l.disabled ? void 0 : 0,
+            "aria-disabled": l.disabled,
             onClick: () => {
-              a.disabled || (a.onClick(), r());
+              l.disabled || (l.onClick(), r());
             },
-            onKeyDown: (l) => {
-              a.disabled || l.key !== "Enter" && l.key !== " " || (l.preventDefault(), a.onClick(), r());
+            onKeyDown: (c) => {
+              l.disabled || c.key !== "Enter" && c.key !== " " || (c.preventDefault(), l.onClick(), r());
             },
-            className: D(
+            className: A(
               "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"
+              l.disabled ? "opacity-40 cursor-default" : "cursor-pointer hover:bg-accent hover:text-accent-foreground focus:bg-accent"
             ),
             children: [
-              a.icon && /* @__PURE__ */ o("span", { className: "mr-2 opacity-70", children: a.icon }),
-              /* @__PURE__ */ o("span", { children: a.label })
+              l.icon && /* @__PURE__ */ o("span", { className: "mr-2 opacity-70", children: l.icon }),
+              /* @__PURE__ */ o("span", { children: l.label })
             ]
           }
         )
-      ] }, `${a.label}-${d}`))
+      ] }, `${l.label}-${d}`))
     }
   );
-}, $r = ({
+}, Br = ({
   columns: t,
   data: e,
   onRowClick: n,
   selectedRowId: r,
-  rowKey: i = "id",
+  rowKey: a = "id",
   virtualized: s = !0,
-  showFilter: a = !0,
+  showFilter: l = !0,
   loading: d = !1,
-  placeholder: l = "No data available",
-  className: c
+  placeholder: c = "No data available",
+  className: i
 }) => {
-  const [h, g] = P(""), [m, C] = P(null), [E, w] = P(-1), y = F(null);
-  z(() => {
-    w(-1);
-  }, [h, m]);
-  const b = H(() => {
-    if (!h) return e;
-    const p = h.toLowerCase();
-    return e.filter((k) => Object.values(k).some((I) => I == null ? !1 : String(I).toLowerCase().includes(p)));
-  }, [e, h]), x = H(() => {
-    if (!m) return b;
-    const { key: p, direction: k } = m;
-    return [...b].sort((I, _) => {
-      const R = I[p], K = _[p];
-      if (R === K) return 0;
-      if (R == null) return 1;
-      if (K == null) return -1;
-      const v = Number(R), A = Number(K);
-      if (!isNaN(v) && !isNaN(A))
-        return k === "asc" ? v - A : A - v;
-      const M = String(R).toLowerCase(), U = String(K).toLowerCase();
-      return k === "asc" ? M.localeCompare(U) : U.localeCompare(M);
+  const [g, h] = $(""), [u, w] = $(null), [N, y] = $(-1), p = F(null);
+  P(() => {
+    y(-1);
+  }, [g, u]);
+  const v = j(() => {
+    if (!g) return e;
+    const m = g.toLowerCase();
+    return e.filter((T) => Object.values(T).some((L) => L == null ? !1 : String(L).toLowerCase().includes(m)));
+  }, [e, g]), k = j(() => {
+    if (!u) return v;
+    const { key: m, direction: T } = u;
+    return [...v].sort((L, O) => {
+      const K = L[m], _ = O[m];
+      if (K === _) return 0;
+      if (K == null) return 1;
+      if (_ == null) return -1;
+      const B = Number(K), E = Number(_);
+      if (!isNaN(B) && !isNaN(E))
+        return T === "asc" ? B - E : E - B;
+      const z = String(K).toLowerCase(), R = String(_).toLowerCase();
+      return T === "asc" ? z.localeCompare(R) : R.localeCompare(z);
     });
-  }, [b, m]), N = (p, k) => {
-    k !== !1 && C((I) => !I || I.key !== p ? { key: p, direction: "asc" } : I.direction === "asc" ? { key: p, direction: "desc" } : null);
-  }, u = (p) => {
-    if (!(x.length === 0 || d)) {
-      if (p.key === "ArrowDown")
-        p.preventDefault(), w((k) => {
-          const I = k + 1;
-          return I >= x.length ? 0 : I;
+  }, [v, u]), x = (m, T) => {
+    T !== !1 && w((L) => !L || L.key !== m ? { key: m, direction: "asc" } : L.direction === "asc" ? { key: m, direction: "desc" } : null);
+  }, f = (m) => {
+    if (!(k.length === 0 || d)) {
+      if (m.key === "ArrowDown")
+        m.preventDefault(), y((T) => {
+          const L = T + 1;
+          return L >= k.length ? 0 : L;
         });
-      else if (p.key === "ArrowUp")
-        p.preventDefault(), w((k) => {
-          const I = k - 1;
-          return I < 0 ? x.length - 1 : I;
+      else if (m.key === "ArrowUp")
+        m.preventDefault(), y((T) => {
+          const L = T - 1;
+          return L < 0 ? k.length - 1 : L;
         });
-      else if ((p.key === "Enter" || p.key === " ") && (p.preventDefault(), E >= 0 && E < x.length)) {
-        const k = x[E];
-        n && n(k);
+      else if ((m.key === "Enter" || m.key === " ") && (m.preventDefault(), N >= 0 && N < k.length)) {
+        const T = k[N];
+        n && n(T);
       }
     }
-  }, S = (p) => p.sortable === !1 ? null : (m == null ? void 0 : m.key) !== p.key ? /* @__PURE__ */ o(ct, { size: 14, className: "text-muted-foreground/60 ml-1.5 opacity-0 group-hover:opacity-100 transition-opacity" }) : m.direction === "asc" ? /* @__PURE__ */ o(Pe, { size: 14, className: "text-primary ml-1.5" }) : /* @__PURE__ */ o(Re, { size: 14, className: "text-primary ml-1.5" }), L = () => /* @__PURE__ */ o("tr", { role: "row", className: "border-b border-border bg-muted/30 select-none", children: t.map((p) => /* @__PURE__ */ o(
+  }, S = (m) => m.sortable === !1 ? null : (u == null ? void 0 : u.key) !== m.key ? /* @__PURE__ */ o(pt, { size: 14, className: "text-muted-foreground/60 ml-1.5 opacity-0 group-hover:opacity-100 transition-opacity" }) : u.direction === "asc" ? /* @__PURE__ */ o(Fe, { size: 14, className: "text-primary ml-1.5" }) : /* @__PURE__ */ o(Ue, { size: 14, className: "text-primary ml-1.5" }), I = () => /* @__PURE__ */ o("tr", { role: "row", className: "border-b border-border bg-muted/30 select-none", children: t.map((m) => /* @__PURE__ */ o(
     "th",
     {
       role: "columnheader",
-      "aria-sort": (m == null ? void 0 : m.key) === p.key ? m.direction === "asc" ? "ascending" : "descending" : "none",
-      className: D(
+      "aria-sort": (u == null ? void 0 : u.key) === m.key ? u.direction === "asc" ? "ascending" : "descending" : "none",
+      className: A(
         "p-3 text-xs font-semibold text-muted-foreground uppercase tracking-wider text-left transition-colors",
-        p.sortable !== !1 && "cursor-pointer hover:bg-accent/30 hover:text-foreground group"
+        m.sortable !== !1 && "cursor-pointer hover:bg-accent/30 hover:text-foreground group"
       ),
-      style: { width: p.width },
-      onClick: () => N(p.key, p.sortable),
-      children: /* @__PURE__ */ f("div", { className: "flex items-center", children: [
-        /* @__PURE__ */ o("span", { children: p.header }),
-        S(p)
+      style: { width: m.width },
+      onClick: () => x(m.key, m.sortable),
+      children: /* @__PURE__ */ b("div", { className: "flex items-center", children: [
+        /* @__PURE__ */ o("span", { children: m.header }),
+        S(m)
       ] })
     },
-    p.key
-  )) }), $ = (p, k) => {
-    const I = r !== void 0 && p[i] === r;
+    m.key
+  )) }), M = (m, T) => {
+    const L = r !== void 0 && m[a] === r;
     return /* @__PURE__ */ o(
       "tr",
       {
         role: "row",
-        "aria-selected": I,
-        onClick: () => n && n(p),
-        className: D(
+        "aria-selected": L,
+        onClick: () => n && n(m),
+        className: A(
           "border-b border-border/40 hover:bg-accent/40 transition-colors cursor-pointer text-sm outline-none",
-          I && "bg-primary/10 text-primary hover:bg-primary/15 font-medium border-l-2 border-l-primary",
-          E === k && "bg-accent/60 ring-1 ring-inset ring-ring"
+          L && "bg-primary/10 text-primary hover:bg-primary/15 font-medium border-l-2 border-l-primary",
+          N === T && "bg-accent/60 ring-1 ring-inset ring-ring"
         ),
-        children: t.map((R) => {
-          const K = p[R.key];
-          return /* @__PURE__ */ o("td", { role: "gridcell", className: "p-3 align-middle truncate max-w-xs", children: R.render ? R.render(K, p) : K != null ? String(K) : "" }, R.key);
+        children: t.map((K) => {
+          const _ = m[K.key];
+          return /* @__PURE__ */ o("td", { role: "gridcell", className: "p-3 align-middle truncate max-w-xs", children: K.render ? K.render(_, m) : _ != null ? String(_) : "" }, K.key);
         })
       },
-      String(p[i] || k)
+      String(m[a] || T)
     );
-  }, T = H(() => ({
-    Table: (p) => /* @__PURE__ */ o(
+  }, C = j(() => ({
+    Table: (m) => /* @__PURE__ */ o(
       "table",
       {
-        ...p,
+        ...m,
         role: "grid",
         className: "w-full border-collapse text-left bg-background text-foreground"
       }
     ),
-    TableHead: ge.forwardRef((p, k) => /* @__PURE__ */ o("thead", { ref: k, ...p, 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: ge.forwardRef((p, k) => /* @__PURE__ */ o("tbody", { ref: k, ...p })),
-    TableRow: ({ item: p, context: k, ...I }) => {
-      if (!k || !p) return /* @__PURE__ */ o("tr", { ...I });
-      const _ = k.selectedRowId !== void 0 && p[k.rowKey] === k.selectedRowId, R = k.focusedIndex === I["data-index"];
+    TableHead: xe.forwardRef((m, T) => /* @__PURE__ */ o("thead", { ref: T, ...m, 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: xe.forwardRef((m, T) => /* @__PURE__ */ o("tbody", { ref: T, ...m })),
+    TableRow: ({ item: m, context: T, ...L }) => {
+      if (!T || !m) return /* @__PURE__ */ o("tr", { ...L });
+      const O = T.selectedRowId !== void 0 && m[T.rowKey] === T.selectedRowId, K = T.focusedIndex === L["data-index"];
       return /* @__PURE__ */ o(
         "tr",
         {
-          ...I,
+          ...L,
           onClick: () => {
-            var K;
-            return (K = k.onRowClick) == null ? void 0 : K.call(k, p);
+            var _;
+            return (_ = T.onRowClick) == null ? void 0 : _.call(T, m);
           },
-          className: D(
+          className: A(
             "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",
-            R && "bg-accent/60 ring-1 ring-inset ring-ring"
+            O && "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"
           )
         }
       );
     }
-  }), []), O = () => d ? /* @__PURE__ */ f("div", { className: "flex flex-col items-center justify-center h-64 space-y-3", children: [
-    /* @__PURE__ */ o(ze, { className: "animate-spin text-primary", size: 24 }),
+  }), []), D = () => d ? /* @__PURE__ */ b("div", { className: "flex flex-col items-center justify-center h-64 space-y-3", children: [
+    /* @__PURE__ */ o(Ke, { className: "animate-spin text-primary", size: 24 }),
     /* @__PURE__ */ o("span", { className: "text-xs text-muted-foreground", children: "Loading dataset..." })
-  ] }) : x.length === 0 ? /* @__PURE__ */ f("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: l }),
+  ] }) : k.length === 0 ? /* @__PURE__ */ b("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." })
   ] }) : s ? /* @__PURE__ */ o("div", { className: "flex-1 min-h-[300px] h-full relative", children: /* @__PURE__ */ o(
-    mt,
+    yt,
     {
-      data: x,
+      data: k,
       context: {
         selectedRowId: r,
-        focusedIndex: E,
-        rowKey: i,
+        focusedIndex: N,
+        rowKey: a,
         onRowClick: n
       },
-      components: T,
-      fixedHeaderContent: L,
-      itemContent: (p, k) => /* @__PURE__ */ o(Le, { children: t.map((I) => {
-        const _ = k[I.key];
-        return /* @__PURE__ */ o("td", { role: "gridcell", className: "p-3 align-middle truncate max-w-xs", children: I.render ? I.render(_, k) : _ != null ? String(_) : "" }, I.key);
+      components: C,
+      fixedHeaderContent: I,
+      itemContent: (m, T) => /* @__PURE__ */ o($e, { children: t.map((L) => {
+        const O = T[L.key];
+        return /* @__PURE__ */ o("td", { role: "gridcell", className: "p-3 align-middle truncate max-w-xs", children: L.render ? L.render(O, T) : O != null ? String(O) : "" }, L.key);
       }) })
     }
-  ) }) : /* @__PURE__ */ o("div", { className: "flex-1 overflow-auto", children: /* @__PURE__ */ f("table", { role: "grid", className: "w-full border-collapse text-left bg-background text-foreground", children: [
-    /* @__PURE__ */ o("thead", { children: L() }),
-    /* @__PURE__ */ o("tbody", { children: x.map((p, k) => $(p, k)) })
+  ) }) : /* @__PURE__ */ o("div", { className: "flex-1 overflow-auto", children: /* @__PURE__ */ b("table", { role: "grid", className: "w-full border-collapse text-left bg-background text-foreground", children: [
+    /* @__PURE__ */ o("thead", { children: I() }),
+    /* @__PURE__ */ o("tbody", { children: k.map((m, T) => M(m, T)) })
   ] }) });
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ b(
     "div",
     {
-      ref: y,
+      ref: p,
       role: "region",
       "aria-label": "Data Grid",
       tabIndex: 0,
-      onKeyDown: u,
-      className: D(
+      onKeyDown: f,
+      className: A(
         "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",
-        c
+        i
       ),
       children: [
-        a && /* @__PURE__ */ f("div", { className: "flex items-center justify-between p-3 border-b border-border bg-muted/20", children: [
-          /* @__PURE__ */ f("div", { className: "relative flex-1 max-w-sm", children: [
-            /* @__PURE__ */ o(de, { size: 14, className: "absolute left-2.5 top-2.5 text-muted-foreground" }),
+        l && /* @__PURE__ */ b("div", { className: "flex items-center justify-between p-3 border-b border-border bg-muted/20", children: [
+          /* @__PURE__ */ b("div", { className: "relative flex-1 max-w-sm", children: [
+            /* @__PURE__ */ o(fe, { size: 14, className: "absolute left-2.5 top-2.5 text-muted-foreground" }),
             /* @__PURE__ */ o(
               "input",
               {
                 type: "text",
                 placeholder: "Filter table rows...",
                 className: "w-full bg-secondary/40 border border-border rounded-md pl-8 pr-7 py-1.5 text-xs text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-primary focus:border-transparent transition-all",
-                value: h,
-                onChange: (p) => g(p.target.value)
+                value: g,
+                onChange: (m) => h(m.target.value)
               }
             ),
-            h && /* @__PURE__ */ o(
+            g && /* @__PURE__ */ o(
               "button",
               {
-                onClick: () => g(""),
+                onClick: () => h(""),
                 className: "absolute right-2 top-2.5 text-muted-foreground hover:text-foreground",
                 "aria-label": "Clear filter",
-                children: /* @__PURE__ */ o(J, { size: 12 })
+                children: /* @__PURE__ */ o(Q, { size: 12 })
               }
             )
           ] }),
-          /* @__PURE__ */ f("div", { className: "text-[11px] text-muted-foreground font-medium ml-4", children: [
-            x.length,
+          /* @__PURE__ */ b("div", { className: "text-[11px] text-muted-foreground font-medium ml-4", children: [
+            k.length,
             " of ",
             e.length,
             " records"
           ] })
         ] }),
-        O()
+        D()
       ]
     }
   );
-}, Ar = ({
+}, Hr = ({
   results: t,
   onQueryChange: e,
   onSelect: n,
   categories: r,
-  placeholder: i = "Search…",
+  placeholder: a = "Search…",
   debounceMs: s = 200,
-  className: a
+  className: l
 }) => {
-  const [d, l] = P(""), [c, h] = P(!1), [g, m] = P(0), C = F(null), E = F(null), w = H(() => r || [...new Set(t.map((N) => N.category))], [r, t]), y = H(
-    () => w.flatMap((N) => t.filter((u) => u.category === N)),
-    [w, t]
+  const [d, c] = $(""), [i, g] = $(!1), [h, u] = $(0), w = F(null), N = F(null), y = j(() => r || [...new Set(t.map((x) => x.category))], [r, t]), p = j(
+    () => y.flatMap((x) => t.filter((f) => f.category === x)),
+    [y, t]
   );
-  z(() => {
-    const N = (u) => {
-      C.current && !C.current.contains(u.target) && h(!1);
+  P(() => {
+    const x = (f) => {
+      w.current && !w.current.contains(f.target) && g(!1);
     };
-    return document.addEventListener("mousedown", N), () => document.removeEventListener("mousedown", N);
-  }, []), z(() => {
+    return document.addEventListener("mousedown", x), () => document.removeEventListener("mousedown", x);
+  }, []), P(() => {
     if (!e) return;
-    const N = window.setTimeout(() => e(d), s);
-    return () => window.clearTimeout(N);
-  }, [d, s, e]), z(() => {
-    m(0);
+    const x = window.setTimeout(() => e(d), s);
+    return () => window.clearTimeout(x);
+  }, [d, s, e]), P(() => {
+    u(0);
   }, [t]);
-  const b = (N) => {
-    n(N), h(!1), l("");
-  }, x = (N) => {
-    var u;
-    if (!c) {
-      (N.key === "ArrowDown" || N.key === "Enter") && h(!0);
+  const v = (x) => {
+    n(x), g(!1), c("");
+  }, k = (x) => {
+    var f;
+    if (!i) {
+      (x.key === "ArrowDown" || x.key === "Enter") && g(!0);
       return;
     }
-    N.key === "ArrowDown" ? (N.preventDefault(), m((S) => y.length ? (S + 1) % y.length : 0)) : N.key === "ArrowUp" ? (N.preventDefault(), m(
-      (S) => y.length ? (S - 1 + y.length) % y.length : 0
-    )) : N.key === "Enter" ? (N.preventDefault(), y[g] && b(y[g])) : N.key === "Escape" && (N.preventDefault(), h(!1), (u = E.current) == null || u.blur());
+    x.key === "ArrowDown" ? (x.preventDefault(), u((S) => p.length ? (S + 1) % p.length : 0)) : x.key === "ArrowUp" ? (x.preventDefault(), u(
+      (S) => p.length ? (S - 1 + p.length) % p.length : 0
+    )) : x.key === "Enter" ? (x.preventDefault(), p[h] && v(p[h])) : x.key === "Escape" && (x.preventDefault(), g(!1), (f = N.current) == null || f.blur());
   };
-  return /* @__PURE__ */ f("div", { ref: C, className: D("relative w-full", a), children: [
-    /* @__PURE__ */ f("div", { className: "relative flex items-center", children: [
+  return /* @__PURE__ */ b("div", { ref: w, className: A("relative w-full", l), children: [
+    /* @__PURE__ */ b("div", { className: "relative flex items-center", children: [
       /* @__PURE__ */ o(
-        de,
+        fe,
         {
           size: 13,
           className: "absolute left-2.5 top-1/2 -translate-y-1/2 text-muted-foreground"
@@ -2090,18 +2090,18 @@ const Wt = (t, e) => {
       /* @__PURE__ */ o(
         "input",
         {
-          ref: E,
+          ref: N,
           type: "text",
           role: "combobox",
-          "aria-expanded": c,
-          "aria-label": i,
+          "aria-expanded": i,
+          "aria-label": a,
           value: d,
-          placeholder: i,
-          onChange: (N) => {
-            l(N.target.value), h(!0);
+          placeholder: a,
+          onChange: (x) => {
+            c(x.target.value), g(!0);
           },
-          onFocus: () => h(!0),
-          onKeyDown: x,
+          onFocus: () => g(!0),
+          onKeyDown: k,
           className: "w-full h-7 pl-8 pr-7 bg-secondary/35 border border-border/40 rounded-md text-xs text-foreground placeholder:text-muted-foreground/75 focus:outline-none focus:ring-1 focus:ring-primary/40 focus:bg-background/95 focus:border-primary/50 transition-all font-sans"
         }
       ),
@@ -2110,54 +2110,54 @@ const Wt = (t, e) => {
         {
           type: "button",
           onClick: () => {
-            var N;
-            l(""), (N = E.current) == null || N.focus();
+            var x;
+            c(""), (x = N.current) == null || x.focus();
           },
           "aria-label": "Clear search",
           className: "absolute right-2 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground transition-colors",
-          children: /* @__PURE__ */ o(J, { size: 11 })
+          children: /* @__PURE__ */ o(Q, { size: 11 })
         }
       )
     ] }),
-    c && d.trim() && /* @__PURE__ */ f(
+    i && d.trim() && /* @__PURE__ */ b(
       "div",
       {
         role: "listbox",
         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: y.length === 0 ? /* @__PURE__ */ f("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: p.length === 0 ? /* @__PURE__ */ b("div", { className: "px-4 py-6 text-center text-xs text-muted-foreground italic", children: [
             'No results found matching "',
             d,
             '"'
-          ] }) : w.map((N) => {
-            const u = t.filter((S) => S.category === N);
-            return u.length === 0 ? null : /* @__PURE__ */ f("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 }),
-              u.map((S) => {
-                const L = S.icon, $ = y.indexOf(S), T = $ === g;
-                return /* @__PURE__ */ f(
+          ] }) : y.map((x) => {
+            const f = t.filter((S) => S.category === x);
+            return f.length === 0 ? null : /* @__PURE__ */ b("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: x }),
+              f.map((S) => {
+                const I = S.icon, M = p.indexOf(S), C = M === h;
+                return /* @__PURE__ */ b(
                   "div",
                   {
                     role: "option",
-                    "aria-selected": T,
-                    onClick: () => b(S),
-                    onMouseEnter: () => m($),
-                    className: D(
+                    "aria-selected": C,
+                    onClick: () => v(S),
+                    onMouseEnter: () => u(M),
+                    className: A(
                       "px-3 py-2 cursor-pointer flex items-start space-x-2.5 transition-colors border-l-2",
-                      T ? "bg-accent text-accent-foreground border-primary" : "border-transparent hover:bg-accent/40"
+                      C ? "bg-accent text-accent-foreground border-primary" : "border-transparent hover:bg-accent/40"
                     ),
                     children: [
-                      L && /* @__PURE__ */ o(
+                      I && /* @__PURE__ */ o(
                         "div",
                         {
-                          className: D(
+                          className: A(
                             "mt-0.5 p-1 rounded bg-muted/50",
-                            T && "bg-background text-primary"
+                            C && "bg-background text-primary"
                           ),
-                          children: /* @__PURE__ */ o(L, { size: 12 })
+                          children: /* @__PURE__ */ o(I, { size: 12 })
                         }
                       ),
-                      /* @__PURE__ */ f("div", { className: "flex-1 min-w-0", children: [
+                      /* @__PURE__ */ b("div", { className: "flex-1 min-w-0", children: [
                         /* @__PURE__ */ o("div", { className: "text-xs font-medium truncate", children: S.title }),
                         S.description && /* @__PURE__ */ o("div", { className: "text-[10px] text-muted-foreground truncate mt-0.5", children: S.description })
                       ] })
@@ -2166,16 +2166,16 @@ const Wt = (t, e) => {
                   `${S.category}-${S.id}`
                 );
               })
-            ] }, N);
+            ] }, x);
           }) }),
-          y.length > 0 && /* @__PURE__ */ f("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__ */ f("div", { className: "flex space-x-2", children: [
-              /* @__PURE__ */ f("span", { children: [
+          p.length > 0 && /* @__PURE__ */ b("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__ */ b("div", { className: "flex space-x-2", children: [
+              /* @__PURE__ */ b("span", { children: [
                 /* @__PURE__ */ o("kbd", { className: "bg-muted px-1 rounded border border-border/60", children: "↑↓" }),
                 " ",
                 "navigate"
               ] }),
-              /* @__PURE__ */ f("span", { children: [
+              /* @__PURE__ */ b("span", { children: [
                 /* @__PURE__ */ o("kbd", { className: "bg-muted px-1 rounded border border-border/60", children: "↵" }),
                 " ",
                 "select"
@@ -2187,31 +2187,31 @@ const Wt = (t, e) => {
       }
     )
   ] });
-}, Mr = ({
+}, Wr = ({
   placeholder: t = "Search...",
   onSearch: e,
   results: n,
   onSelect: r,
-  suggestions: i = [],
+  suggestions: a = [],
   loading: s = !1,
-  className: a
+  className: l
 }) => {
-  const [d, l] = P(""), [c, h] = P(!1), [g, m] = P(-1), C = F(null);
-  z(() => {
-    const y = setTimeout(() => {
+  const [d, c] = $(""), [i, g] = $(!1), [h, u] = $(-1), w = F(null);
+  P(() => {
+    const p = setTimeout(() => {
       e(d);
     }, 300);
-    return () => clearTimeout(y);
+    return () => clearTimeout(p);
   }, [d, e]);
-  const E = i.filter(
-    (y) => y.toLowerCase().includes(d.toLowerCase()) && y.toLowerCase() !== d.toLowerCase()
-  ), w = (y) => {
-    c && E.length > 0 && (y.key === "ArrowDown" ? (y.preventDefault(), m((b) => (b + 1) % E.length)) : y.key === "ArrowUp" ? (y.preventDefault(), m((b) => (b - 1 + E.length) % E.length)) : y.key === "Enter" && g >= 0 && (y.preventDefault(), l(E[g]), h(!1)));
+  const N = a.filter(
+    (p) => p.toLowerCase().includes(d.toLowerCase()) && p.toLowerCase() !== d.toLowerCase()
+  ), y = (p) => {
+    i && N.length > 0 && (p.key === "ArrowDown" ? (p.preventDefault(), u((v) => (v + 1) % N.length)) : p.key === "ArrowUp" ? (p.preventDefault(), u((v) => (v - 1 + N.length) % N.length)) : p.key === "Enter" && h >= 0 && (p.preventDefault(), c(N[h]), g(!1)));
   };
-  return /* @__PURE__ */ f("div", { ref: C, className: D("flex flex-col h-full bg-background", a), children: [
-    /* @__PURE__ */ f("div", { className: "p-3 border-b border-border/50", children: [
-      /* @__PURE__ */ f("div", { className: "relative", children: [
-        /* @__PURE__ */ o("div", { className: "absolute left-2.5 top-2.5 text-muted-foreground", children: s ? /* @__PURE__ */ o(ze, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ o(de, { size: 14 }) }),
+  return /* @__PURE__ */ b("div", { ref: w, className: A("flex flex-col h-full bg-background", l), children: [
+    /* @__PURE__ */ b("div", { className: "p-3 border-b border-border/50", children: [
+      /* @__PURE__ */ b("div", { className: "relative", children: [
+        /* @__PURE__ */ o("div", { className: "absolute left-2.5 top-2.5 text-muted-foreground", children: s ? /* @__PURE__ */ o(Ke, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ o(fe, { size: 14 }) }),
         /* @__PURE__ */ o(
           "input",
           {
@@ -2219,195 +2219,195 @@ const Wt = (t, e) => {
             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: t,
             value: d,
-            onChange: (y) => {
-              l(y.target.value), h(!0), m(-1);
+            onChange: (p) => {
+              c(p.target.value), g(!0), u(-1);
             },
-            onKeyDown: w,
-            onFocus: () => h(!0)
+            onKeyDown: y,
+            onFocus: () => g(!0)
           }
         ),
         d && /* @__PURE__ */ o(
           "button",
           {
             onClick: () => {
-              l(""), e("");
+              c(""), e("");
             },
             className: "absolute right-2 top-2.5 text-muted-foreground hover:text-foreground",
-            children: /* @__PURE__ */ o(J, { size: 14 })
+            children: /* @__PURE__ */ o(Q, { size: 14 })
           }
         )
       ] }),
-      c && E.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: E.map((y, b) => /* @__PURE__ */ f(
+      i && N.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: N.map((p, v) => /* @__PURE__ */ b(
         "div",
         {
-          className: D(
+          className: A(
             "px-3 py-1.5 text-xs cursor-pointer flex items-center space-x-2",
-            b === g ? "bg-accent text-accent-foreground" : "hover:bg-accent/50"
+            v === h ? "bg-accent text-accent-foreground" : "hover:bg-accent/50"
           ),
           onClick: () => {
-            l(y), h(!1);
+            c(p), g(!1);
           },
           children: [
-            /* @__PURE__ */ o(dt, { size: 12, className: "text-muted-foreground" }),
-            /* @__PURE__ */ o("span", { children: y })
+            /* @__PURE__ */ o(gt, { size: 12, className: "text-muted-foreground" }),
+            /* @__PURE__ */ o("span", { children: p })
           ]
         },
-        y
+        p
       )) })
     ] }),
-    /* @__PURE__ */ o("div", { className: "flex-1 overflow-y-auto", children: n.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: n.map((y) => {
-      const b = y.icon;
+    /* @__PURE__ */ o("div", { className: "flex-1 overflow-y-auto", children: n.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: n.map((p) => {
+      const v = p.icon;
       return /* @__PURE__ */ o(
         "div",
         {
-          onClick: () => r(y),
+          onClick: () => r(p),
           className: "px-4 py-2 hover:bg-accent/50 cursor-pointer group transition-colors border-l-2 border-transparent hover:border-primary",
-          children: /* @__PURE__ */ f("div", { className: "flex items-start space-x-3", children: [
-            b && /* @__PURE__ */ o("div", { className: "mt-0.5 p-1 rounded bg-muted group-hover:bg-background transition-colors", children: /* @__PURE__ */ o(b, { size: 14, className: "text-muted-foreground group-hover:text-primary" }) }),
-            /* @__PURE__ */ f("div", { className: "flex-1 min-w-0", children: [
-              /* @__PURE__ */ f("div", { className: "flex items-center justify-between", children: [
-                /* @__PURE__ */ o("span", { className: "text-xs font-medium truncate", children: y.title }),
-                y.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: y.category })
+          children: /* @__PURE__ */ b("div", { className: "flex items-start space-x-3", children: [
+            v && /* @__PURE__ */ o("div", { className: "mt-0.5 p-1 rounded bg-muted group-hover:bg-background transition-colors", children: /* @__PURE__ */ o(v, { size: 14, className: "text-muted-foreground group-hover:text-primary" }) }),
+            /* @__PURE__ */ b("div", { className: "flex-1 min-w-0", children: [
+              /* @__PURE__ */ b("div", { className: "flex items-center justify-between", children: [
+                /* @__PURE__ */ o("span", { className: "text-xs font-medium truncate", children: p.title }),
+                p.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: p.category })
               ] }),
-              y.description && /* @__PURE__ */ o("p", { className: "text-[11px] text-muted-foreground truncate mt-0.5", children: y.description })
+              p.description && /* @__PURE__ */ o("p", { className: "text-[11px] text-muted-foreground truncate mt-0.5", children: p.description })
             ] })
           ] })
         },
-        y.id
+        p.id
       );
     }) }) })
   ] });
-}, je = (t, e = 0) => t.reduce((n, r) => (n.push({ ...r, level: e }), r.isOpen && r.children && n.push(...je(r.children, e + 1)), n), []), er = (t) => {
+}, Ge = (t, e = 0) => t.reduce((n, r) => (n.push({ ...r, level: e }), r.isOpen && r.children && n.push(...Ge(r.children, e + 1)), n), []), ar = (t) => {
   if (!t) return ["background"];
   const e = [t.isBranch ? "branch" : "leaf"];
   return t.kind && e.push(t.kind), e;
-}, Pr = ({
+}, Gr = ({
   data: t,
   onToggle: e,
   onActivate: n,
   onMoveNode: r,
-  actions: i = [],
+  actions: a = [],
   indent: s = 12,
-  virtualized: a = !0,
+  virtualized: l = !0,
   "aria-label": d = "Tree",
-  className: l
+  className: c
 }) => {
-  const [c, h] = P(null), [g, m] = P(null), C = H(() => je(t), [t]);
-  z(() => {
-    m(null);
+  const [i, g] = $(null), [h, u] = $(null), w = j(() => Ge(t), [t]);
+  P(() => {
+    u(null);
   }, [t]);
-  const E = i.filter(
-    (b) => !b.showFor || c && b.showFor.some((x) => c.scopes.includes(x))
-  ).map((b) => ({
-    label: b.label,
-    icon: b.icon,
-    divider: b.divider,
-    onClick: () => c && b.onSelect(c.context)
-  })), w = (b, x) => {
-    i.length !== 0 && (b.preventDefault(), b.stopPropagation(), h({
-      x: b.clientX,
-      y: b.clientY,
-      scopes: er(x),
-      context: { nodeId: (x == null ? void 0 : x.id) ?? null, node: x }
+  const N = a.filter(
+    (v) => !v.showFor || i && v.showFor.some((k) => i.scopes.includes(k))
+  ).map((v) => ({
+    label: v.label,
+    icon: v.icon,
+    divider: v.divider,
+    onClick: () => i && v.onSelect(i.context)
+  })), y = (v, k) => {
+    a.length !== 0 && (v.preventDefault(), v.stopPropagation(), g({
+      x: v.clientX,
+      y: v.clientY,
+      scopes: ar(k),
+      context: { nodeId: (k == null ? void 0 : k.id) ?? null, node: k }
     }));
-  }, y = (b) => {
-    const x = C[b], N = !!x.isBranch;
-    return /* @__PURE__ */ f(
+  }, p = (v) => {
+    const k = w[v], x = !!k.isBranch;
+    return /* @__PURE__ */ b(
       "div",
       {
         role: "treeitem",
-        "aria-expanded": N ? !!x.isOpen : void 0,
-        "aria-level": x.level + 1,
+        "aria-expanded": x ? !!k.isOpen : void 0,
+        "aria-level": k.level + 1,
         tabIndex: 0,
         draggable: !0,
-        onDragStart: (u) => {
-          u.dataTransfer.setData("text/plain", x.id), u.dataTransfer.effectAllowed = "move";
+        onDragStart: (f) => {
+          f.dataTransfer.setData("text/plain", k.id), f.dataTransfer.effectAllowed = "move";
         },
-        onDragOver: (u) => {
-          N && (u.preventDefault(), m(x.id));
+        onDragOver: (f) => {
+          x && (f.preventDefault(), u(k.id));
         },
-        onDragLeave: () => m(null),
-        onDrop: (u) => {
-          u.preventDefault(), m(null);
-          const S = u.dataTransfer.getData("text/plain");
-          S && S !== x.id && N && (r == null || r(S, x.id));
+        onDragLeave: () => u(null),
+        onDrop: (f) => {
+          f.preventDefault(), u(null);
+          const S = f.dataTransfer.getData("text/plain");
+          S && S !== k.id && x && (r == null || r(S, k.id));
         },
-        onClick: () => N && (e == null ? void 0 : e(x)),
-        onDoubleClick: () => n == null ? void 0 : n(x),
-        onKeyDown: (u) => {
-          u.key === "Enter" && (u.preventDefault(), N ? e == null || e(x) : n == null || n(x));
+        onClick: () => x && (e == null ? void 0 : e(k)),
+        onDoubleClick: () => n == null ? void 0 : n(k),
+        onKeyDown: (f) => {
+          f.key === "Enter" && (f.preventDefault(), x ? e == null || e(k) : n == null || n(k));
         },
-        onContextMenu: (u) => w(u, x),
-        style: { paddingLeft: `${x.level * s + 8}px` },
-        className: D(
+        onContextMenu: (f) => y(f, k),
+        style: { paddingLeft: `${k.level * s + 8}px` },
+        className: A(
           "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",
-          g === x.id && "bg-primary/20 ring-1 ring-primary/50 rounded-sm",
-          x.className
+          h === k.id && "bg-primary/20 ring-1 ring-primary/50 rounded-sm",
+          k.className
         ),
         children: [
-          /* @__PURE__ */ o("div", { className: "w-4 h-4 mr-1 flex items-center justify-center shrink-0", children: N && (x.isOpen ? /* @__PURE__ */ o(Re, { size: 14 }) : /* @__PURE__ */ o(Me, { size: 14 })) }),
-          x.icon && /* @__PURE__ */ o("div", { className: "mr-2 flex items-center shrink-0", children: x.icon }),
-          /* @__PURE__ */ o("span", { className: "truncate", children: x.label })
+          /* @__PURE__ */ o("div", { className: "w-4 h-4 mr-1 flex items-center justify-center shrink-0", children: x && (k.isOpen ? /* @__PURE__ */ o(Ue, { size: 14 }) : /* @__PURE__ */ o(_e, { 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 })
         ]
       },
-      x.id
+      k.id
     );
   };
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ b(
     "div",
     {
       role: "tree",
       "aria-label": d,
-      className: D("h-full w-full bg-muted/30", l),
-      onContextMenu: (b) => w(b, null),
+      className: A("h-full w-full bg-muted/30", c),
+      onContextMenu: (v) => y(v, null),
       children: [
-        a ? /* @__PURE__ */ o(
-          pt,
+        l ? /* @__PURE__ */ o(
+          vt,
           {
             style: { height: "100%" },
-            totalCount: C.length,
-            itemContent: y
+            totalCount: w.length,
+            itemContent: p
           }
-        ) : /* @__PURE__ */ o("div", { className: "h-full overflow-auto", children: C.map((b, x) => y(x)) }),
-        c && E.length > 0 && /* @__PURE__ */ o(
-          Zt,
+        ) : /* @__PURE__ */ o("div", { className: "h-full overflow-auto", children: w.map((v, k) => p(k)) }),
+        i && N.length > 0 && /* @__PURE__ */ o(
+          sr,
           {
-            x: c.x,
-            y: c.y,
-            items: E,
-            onClose: () => h(null)
+            x: i.x,
+            y: i.y,
+            items: N,
+            onClose: () => g(null)
           }
         )
       ]
     }
   );
-}, ce = { width: 180, height: 72 }, Be = { x: 0, y: 0, scale: 1 }, Q = (t) => {
+}, ue = { width: 180, height: 72 }, Ye = { x: 0, y: 0, scale: 1 }, H = (t) => {
   var e, n;
   return {
     x: t.position.x,
     y: t.position.y,
-    width: ((e = t.size) == null ? void 0 : e.width) ?? ce.width,
-    height: ((n = t.size) == null ? void 0 : n.height) ?? ce.height
+    width: ((e = t.size) == null ? void 0 : e.width) ?? ue.width,
+    height: ((n = t.size) == null ? void 0 : n.height) ?? ue.height
   };
-}, re = (t) => ({
+}, X = (t) => ({
   x: t.x + t.width / 2,
   y: t.y + t.height / 2
-}), be = (t, e) => ({
+}), ye = (t, e) => ({
   x: (t.x - e.x) / e.scale,
   y: (t.y - e.y) / e.scale
-}), zr = (t, e) => ({
+}), Yr = (t, e) => ({
   x: t.x * e.scale + e.x,
   y: t.y * e.scale + e.y
-}), De = (t, e, n) => {
-  const r = be(e, t);
+}), Ie = (t, e, n) => {
+  const r = ye(e, t);
   return {
     scale: n,
     x: e.x - r.x * n,
     y: e.y - r.y * n
   };
-}, xe = (t, e = 0.1, n = 4) => Math.min(n, Math.max(e, t)), Ie = (t, e) => {
-  const n = re(t);
+}, ve = (t, e = 0.1, n = 4) => Math.min(n, Math.max(e, t)), Me = (t, e) => {
+  const n = X(t);
   switch (e) {
     case "top":
       return { x: n.x, y: t.y };
@@ -2418,215 +2418,250 @@ const Wt = (t, e) => {
     case "right":
       return { x: t.x + t.width, y: n.y };
   }
-}, tr = (t, e) => {
-  const n = re(t), r = re(e), i = r.x - n.x, s = r.y - n.y;
-  return Math.abs(i) >= Math.abs(s) ? i >= 0 ? { source: "right", target: "left" } : { source: "left", target: "right" } : s >= 0 ? { source: "bottom", target: "top" } : { source: "top", target: "bottom" };
-}, rr = (t) => {
+}, ir = (t, e) => {
+  const n = X(t), r = X(e), a = r.x - n.x, s = r.y - n.y;
+  return Math.abs(a) >= Math.abs(s) ? a >= 0 ? { source: "right", target: "left" } : { source: "left", target: "right" } : s >= 0 ? { source: "bottom", target: "top" } : { source: "top", target: "bottom" };
+}, Je = (t) => {
   if (t.length === 0) return null;
-  const e = t.map(Q), n = Math.min(...e.map((a) => a.x)), r = Math.min(...e.map((a) => a.y)), i = Math.max(...e.map((a) => a.x + a.width)), s = Math.max(...e.map((a) => a.y + a.height));
-  return { x: n, y: r, width: i - n, height: s - r };
-}, nr = (t, e, n = 48) => {
-  const r = rr(t);
-  if (!r || e.width === 0 || e.height === 0) return Be;
-  const i = xe(
+  const e = t.map(H), n = Math.min(...e.map((l) => l.x)), r = Math.min(...e.map((l) => l.y)), a = Math.max(...e.map((l) => l.x + l.width)), s = Math.max(...e.map((l) => l.y + l.height));
+  return { x: n, y: r, width: a - n, height: s - r };
+}, lr = (t, e) => ({
+  // 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 - t.x) / t.scale,
+  y: (0 - t.y) / t.scale,
+  width: e.width / t.scale,
+  height: e.height / t.scale
+}), Ae = (t, e, n) => ({
+  scale: n,
+  x: e.width / 2 - t.x * n,
+  y: e.height / 2 - t.y * n
+}), cr = (t, e) => {
+  const n = Math.min(t.x, e.x), r = Math.min(t.y, e.y);
+  return {
+    x: n,
+    y: r,
+    width: Math.max(t.x + t.width, e.x + e.width) - n,
+    height: Math.max(t.y + t.height, e.y + e.height) - r
+  };
+}, dr = (t, e, n = 48) => {
+  const r = Je(t);
+  if (!r || e.width === 0 || e.height === 0) return Ye;
+  const a = ve(
     Math.min(
       (e.width - n * 2) / Math.max(r.width, 1),
       (e.height - n * 2) / Math.max(r.height, 1)
     )
-  ), s = re(r);
+  ), s = X(r);
   return {
-    scale: i,
-    x: e.width / 2 - s.x * i,
-    y: e.height / 2 - s.y * i
+    scale: a,
+    x: e.width / 2 - s.x * a,
+    y: e.height / 2 - s.y * a
   };
-}, He = {
+}, Xe = {
   up: { x: 0, y: -1 },
   down: { x: 0, y: 1 },
   left: { x: -1, y: 0 },
   right: { x: 1, y: 0 }
-}, pe = (t, e, n) => {
+}, ge = (t, e, n) => {
   const r = t.find((d) => d.id === e);
   if (!r) return null;
-  const i = re(Q(r)), s = He[n];
-  let a = null;
+  const a = X(H(r)), s = Xe[n];
+  let l = null;
   for (const d of t) {
     if (d.id === e) continue;
-    const l = re(Q(d)), c = l.x - i.x, h = l.y - i.y, g = c * s.x + h * s.y;
-    if (g <= 0) continue;
-    const m = Math.abs(c * s.y - h * s.x);
-    if (m > g * 2) continue;
-    const C = g + m * 2;
-    (!a || C < a.score) && (a = { node: d, score: C });
+    const c = X(H(d)), i = c.x - a.x, g = c.y - a.y, h = i * s.x + g * s.y;
+    if (h <= 0) continue;
+    const u = Math.abs(i * s.y - g * s.x);
+    if (u > h * 2) continue;
+    const w = h + u * 2;
+    (!l || w < l.score) && (l = { node: d, score: w });
   }
-  return (a == null ? void 0 : a.node) ?? null;
-}, or = (t, e, n, r = 64) => {
-  const i = t.find((c) => c.id === e);
-  if (!i) return { x: 0, y: 0 };
-  const s = Q(i), a = He[n], d = {
-    x: a.x * (s.width + r),
-    y: a.y * (s.height + r)
+  return (l == null ? void 0 : l.node) ?? null;
+}, ur = (t, e, n, r = 64) => {
+  const a = t.find((i) => i.id === e);
+  if (!a) return { x: 0, y: 0 };
+  const s = H(a), l = Xe[n], d = {
+    x: l.x * (s.width + r),
+    y: l.y * (s.height + r)
   };
-  let l = { x: s.x + d.x, y: s.y + d.y };
-  for (let c = 0; c < 24; c += 1) {
-    const h = { ...l, width: s.width, height: s.height };
-    if (!t.some((m) => sr(Q(m), h))) break;
-    l = a.x !== 0 ? { x: l.x, y: l.y + s.height + r } : { x: l.x + s.width + r, y: l.y };
+  let c = { x: s.x + d.x, y: s.y + d.y };
+  for (let i = 0; i < 24; i += 1) {
+    const g = { ...c, width: s.width, height: s.height };
+    if (!t.some((u) => fr(H(u), g))) break;
+    c = l.x !== 0 ? { x: c.x, y: c.y + s.height + r } : { x: c.x + s.width + r, y: c.y };
   }
-  return l;
-}, sr = (t, e) => t.x < e.x + e.width && t.x + t.width > e.x && t.y < e.y + e.height && t.y + t.height > e.y, Rr = (t, e) => t.filter((n) => n.source === e || n.target === e), Kr = (t, e, n) => t.some(
+  return c;
+}, fr = (t, e) => t.x < e.x + e.width && t.x + t.width > e.x && t.y < e.y + e.height && t.y + t.height > e.y, Jr = (t, e) => t.filter((n) => n.source === e || n.target === e), Xr = (t, e, n) => t.some(
   (r) => r.source === e && r.target === n || r.source === n && r.target === e
-), _r = (t, e, n) => ({
+), qr = (t, e, n) => ({
   nodes: t.filter((r) => r.id !== n),
   edges: e.filter((r) => r.source !== n && r.target !== n)
-}), Ur = (t, e) => {
+}), Vr = (t, e) => {
   let n = e.length + 1;
-  const r = new Set(e.map((i) => i.id));
+  const r = new Set(e.map((a) => a.id));
   for (; r.has(`${t}-${n}`); ) n += 1;
   return `${t}-${n}`;
-}, ar = Je(
+}, mr = et(
   ({
     children: t,
     overlay: e,
     viewport: n,
-    defaultViewport: r = Be,
-    onViewportChange: i,
-    onCanvasClick: s,
-    onCanvasDoubleClick: a,
-    onCanvasContextMenu: d,
-    onDrop: l,
-    grid: c = !0,
+    defaultViewport: r = Ye,
+    onViewportChange: a,
+    onSizeChange: s,
+    onCanvasClick: l,
+    onCanvasDoubleClick: d,
+    onCanvasContextMenu: c,
+    onDrop: i,
+    grid: g = !0,
     gridSize: h = 24,
-    minScale: g = 0.1,
-    maxScale: m = 4,
-    pannable: C = !0,
-    zoomable: E = !0,
-    "aria-label": w = "Graph canvas",
-    className: y
-  }, b) => {
-    const x = F(null), [N, u] = P(r), [S, L] = P(!1), [$, T] = P(!1), O = n ?? N, p = F(O);
-    p.current = O;
-    const k = oe(
-      (v) => {
-        n || u(v), i == null || i(v);
+    minScale: u = 0.1,
+    maxScale: w = 4,
+    pannable: N = !0,
+    zoomable: y = !0,
+    "aria-label": p = "Graph canvas",
+    className: v
+  }, k) => {
+    const x = F(null), [f, S] = $(r), [I, M] = $(!1), [C, D] = $(!1), m = n ?? f, T = F(m);
+    T.current = m;
+    const L = Y(
+      (E) => {
+        n || S(E), a == null || a(E);
       },
-      [n, i]
-    ), I = oe((v) => {
-      var M;
-      const A = (M = x.current) == null ? void 0 : M.getBoundingClientRect();
-      return A ? { x: v.x - A.left, y: v.y - A.top } : v;
+      [n, a]
+    ), O = Y((E) => {
+      var R;
+      const z = (R = x.current) == null ? void 0 : R.getBoundingClientRect();
+      return z ? { x: E.x - z.left, y: E.y - z.top } : E;
     }, []);
-    z(() => {
-      const v = x.current;
-      if (!v || !E) return;
-      const A = (M) => {
-        M.preventDefault();
-        const U = p.current, j = I({ x: M.clientX, y: M.clientY }), ie = M.ctrlKey ? 0.01 : 2e-3, le = xe(
-          U.scale * Math.exp(-M.deltaY * ie),
-          g,
-          m
+    P(() => {
+      const E = x.current;
+      if (!E || !s) return;
+      const z = () => {
+        const U = E.getBoundingClientRect();
+        s({ width: U.width, height: U.height });
+      };
+      z();
+      const R = new ResizeObserver(z);
+      return R.observe(E), () => R.disconnect();
+    }, [s]), P(() => {
+      const E = x.current;
+      if (!E || !y) return;
+      const z = (R) => {
+        R.preventDefault();
+        const U = T.current, W = O({ x: R.clientX, y: R.clientY }), le = R.ctrlKey ? 0.01 : 2e-3, ce = ve(
+          U.scale * Math.exp(-R.deltaY * le),
+          u,
+          w
         );
-        k(De(U, j, le));
+        L(Ie(U, W, ce));
       };
-      return v.addEventListener("wheel", A, { passive: !1 }), () => v.removeEventListener("wheel", A);
-    }, [E, g, m, k, I]), z(() => {
-      if (!C) return;
-      const v = (M) => {
-        var j;
-        if (M.code !== "Space") return;
-        const U = M.target;
-        U != null && U.closest('input, textarea, [contenteditable="true"]') || (j = x.current) != null && j.contains(document.activeElement) && (M.preventDefault(), T(!0));
-      }, A = (M) => {
-        M.code === "Space" && T(!1);
+      return E.addEventListener("wheel", z, { passive: !1 }), () => E.removeEventListener("wheel", z);
+    }, [y, u, w, L, O]), P(() => {
+      if (!N) return;
+      const E = (R) => {
+        var W;
+        if (R.code !== "Space") return;
+        const U = R.target;
+        U != null && U.closest('input, textarea, [contenteditable="true"]') || (W = x.current) != null && W.contains(document.activeElement) && (R.preventDefault(), D(!0));
+      }, z = (R) => {
+        R.code === "Space" && D(!1);
       };
-      return window.addEventListener("keydown", v), window.addEventListener("keyup", A), () => {
-        window.removeEventListener("keydown", v), window.removeEventListener("keyup", A);
+      return window.addEventListener("keydown", E), window.addEventListener("keyup", z), () => {
+        window.removeEventListener("keydown", E), window.removeEventListener("keyup", z);
       };
-    }, [C]);
-    const _ = (v) => {
-      if (!C) return;
-      const A = v.target === v.currentTarget, M = v.button === 1;
-      if (!A && !M && !$ || v.button !== 0 && !M) return;
-      v.preventDefault(), L(!0);
-      const U = { x: v.clientX, y: v.clientY }, j = { ...p.current }, ie = (we) => {
-        k({
-          ...j,
-          x: j.x + (we.clientX - U.x),
-          y: j.y + (we.clientY - U.y)
+    }, [N]);
+    const K = (E) => {
+      if (!N) return;
+      const z = E.target === E.currentTarget, R = E.button === 1;
+      if (!z && !R && !C || E.button !== 0 && !R) return;
+      E.preventDefault(), M(!0);
+      const U = { x: E.clientX, y: E.clientY }, W = { ...T.current }, le = (ke) => {
+        L({
+          ...W,
+          x: W.x + (ke.clientX - U.x),
+          y: W.y + (ke.clientY - U.y)
         });
-      }, le = () => {
-        L(!1), window.removeEventListener("pointermove", ie), window.removeEventListener("pointerup", le);
+      }, ce = () => {
+        M(!1), window.removeEventListener("pointermove", le), window.removeEventListener("pointerup", ce);
       };
-      window.addEventListener("pointermove", ie), window.addEventListener("pointerup", le);
+      window.addEventListener("pointermove", le), window.addEventListener("pointerup", ce);
     };
-    Xe(
-      b,
+    tt(
+      k,
       () => ({
-        getViewport: () => p.current,
-        setViewport: k,
-        fitTo: (v, A) => {
+        getViewport: () => T.current,
+        setViewport: L,
+        fitTo: (E, z) => {
           var U;
-          const M = (U = x.current) == null ? void 0 : U.getBoundingClientRect();
-          M && k(nr(v, { width: M.width, height: M.height }, A));
+          const R = (U = x.current) == null ? void 0 : U.getBoundingClientRect();
+          R && L(dr(E, { width: R.width, height: R.height }, z));
         },
-        zoomBy: (v) => {
-          var j;
-          const A = (j = x.current) == null ? void 0 : j.getBoundingClientRect();
-          if (!A) return;
-          const M = { x: A.width / 2, y: A.height / 2 }, U = xe(
-            p.current.scale * v,
-            g,
-            m
+        zoomBy: (E) => {
+          var W;
+          const z = (W = x.current) == null ? void 0 : W.getBoundingClientRect();
+          if (!z) return;
+          const R = { x: z.width / 2, y: z.height / 2 }, U = ve(
+            T.current.scale * E,
+            u,
+            w
           );
-          k(De(p.current, M, U));
+          L(Ie(T.current, R, U));
+        },
+        clientToGraph: (E) => ye(O(E), T.current),
+        getSize: () => {
+          var z;
+          const E = (z = x.current) == null ? void 0 : z.getBoundingClientRect();
+          return { width: (E == null ? void 0 : E.width) ?? 0, height: (E == null ? void 0 : E.height) ?? 0 };
         },
-        clientToGraph: (v) => be(I(v), p.current),
         focus: () => {
-          var v;
-          return (v = x.current) == null ? void 0 : v.focus();
+          var E;
+          return (E = x.current) == null ? void 0 : E.focus();
         }
       }),
-      [k, g, m, I]
+      [L, u, w, O]
     );
-    const R = (v) => be(I({ x: v.clientX, y: v.clientY }), O), K = (v) => v.target === v.currentTarget;
-    return /* @__PURE__ */ f(
+    const _ = (E) => ye(O({ x: E.clientX, y: E.clientY }), m), B = (E) => E.target === E.currentTarget;
+    return /* @__PURE__ */ b(
       "div",
       {
         ref: x,
         role: "application",
-        "aria-label": w,
+        "aria-label": p,
         tabIndex: 0,
-        onPointerDown: _,
-        onClick: (v) => K(v) && (s == null ? void 0 : s(R(v), v)),
-        onDoubleClick: (v) => K(v) && (a == null ? void 0 : a(R(v), v)),
-        onContextMenu: (v) => {
-          !d || !K(v) || (v.preventDefault(), d(R(v), v));
+        onPointerDown: K,
+        onClick: (E) => B(E) && (l == null ? void 0 : l(_(E), E)),
+        onDoubleClick: (E) => B(E) && (d == null ? void 0 : d(_(E), E)),
+        onContextMenu: (E) => {
+          !c || !B(E) || (E.preventDefault(), c(_(E), E));
         },
-        onDragOver: (v) => {
-          l && (v.preventDefault(), v.dataTransfer.dropEffect = "copy");
+        onDragOver: (E) => {
+          i && (E.preventDefault(), E.dataTransfer.dropEffect = "copy");
         },
-        onDrop: (v) => {
-          l && (v.preventDefault(), l(R(v), v));
+        onDrop: (E) => {
+          i && (E.preventDefault(), i(_(E), E));
         },
-        style: c ? {
+        style: g ? {
           // 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: `${h * O.scale}px ${h * O.scale}px`,
-          backgroundPosition: `${O.x}px ${O.y}px`
+          backgroundSize: `${h * m.scale}px ${h * m.scale}px`,
+          backgroundPosition: `${m.x}px ${m.y}px`
         } : void 0,
-        className: D(
+        className: A(
           "relative w-full h-full overflow-hidden bg-background outline-none",
           "focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-inset",
-          $ || S ? "cursor-grabbing" : "cursor-grab",
-          y
+          C || I ? "cursor-grabbing" : "cursor-grab",
+          v
         ),
         children: [
           /* @__PURE__ */ o(
             "div",
             {
               style: {
-                transform: `translate(${O.x}px, ${O.y}px) scale(${O.scale})`,
+                transform: `translate(${m.x}px, ${m.y}px) scale(${m.scale})`,
                 transformOrigin: "0 0",
                 willChange: "transform"
               },
@@ -2640,165 +2675,165 @@ const Wt = (t, e) => {
     );
   }
 );
-ar.displayName = "GraphCanvas";
-const ir = ["top", "right", "bottom", "left"], lr = {
+mr.displayName = "GraphCanvas";
+const hr = ["top", "right", "bottom", "left"], pr = {
   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"
-}, Fr = ({
+}, Qr = ({
   node: t,
   children: e,
   onMove: n,
   onMoveEnd: r,
-  onSelect: i,
+  onSelect: a,
   onActivate: s,
-  onContextMenu: a,
+  onContextMenu: l,
   onConnectStart: d,
-  onConnectEnd: l,
-  selected: c = !1,
-  focused: h = !1,
-  ports: g = !0,
-  draggable: m = !0,
-  className: C
+  onConnectEnd: c,
+  selected: i = !1,
+  focused: g = !1,
+  ports: h = !0,
+  draggable: u = !0,
+  className: w
 }) => {
-  var x, N;
-  const E = F(!1), w = ((x = t.size) == null ? void 0 : x.width) ?? ce.width, y = ((N = t.size) == null ? void 0 : N.height) ?? ce.height, b = (u) => {
-    if (!m || !n || u.button !== 0 || u.nativeEvent.shiftKey) return;
-    u.stopPropagation(), E.current = !1;
-    const S = { x: u.clientX, y: u.clientY }, L = { ...t.position }, $ = cr(u.currentTarget);
-    let T = L;
-    const O = (k) => {
-      const I = (k.clientX - S.x) / $, _ = (k.clientY - S.y) / $;
-      (Math.abs(I) > 1 || Math.abs(_) > 1) && (E.current = !0), T = { x: L.x + I, y: L.y + _ }, n(t.id, T);
-    }, p = () => {
-      E.current && (r == null || r(t.id, T)), window.removeEventListener("pointermove", O), window.removeEventListener("pointerup", p);
+  var k, x;
+  const N = F(!1), y = ((k = t.size) == null ? void 0 : k.width) ?? ue.width, p = ((x = t.size) == null ? void 0 : x.height) ?? ue.height, v = (f) => {
+    if (!u || !n || f.button !== 0 || f.nativeEvent.shiftKey) return;
+    f.stopPropagation(), N.current = !1;
+    const S = { x: f.clientX, y: f.clientY }, I = { ...t.position }, M = gr(f.currentTarget);
+    let C = I;
+    const D = (T) => {
+      const L = (T.clientX - S.x) / M, O = (T.clientY - S.y) / M;
+      (Math.abs(L) > 1 || Math.abs(O) > 1) && (N.current = !0), C = { x: I.x + L, y: I.y + O }, n(t.id, C);
+    }, m = () => {
+      N.current && (r == null || r(t.id, C)), window.removeEventListener("pointermove", D), window.removeEventListener("pointerup", m);
     };
-    window.addEventListener("pointermove", O), window.addEventListener("pointerup", p);
+    window.addEventListener("pointermove", D), window.addEventListener("pointerup", m);
   };
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ b(
     "div",
     {
       "data-graph-node": t.id,
       role: "button",
       tabIndex: -1,
-      "aria-pressed": c,
+      "aria-pressed": i,
       style: {
         position: "absolute",
         left: t.position.x,
         top: t.position.y,
-        width: w,
-        height: y
+        width: y,
+        height: p
       },
-      onPointerDown: b,
-      onClick: (u) => {
-        u.stopPropagation(), E.current || i == null || i(t.id, u);
+      onPointerDown: v,
+      onClick: (f) => {
+        f.stopPropagation(), N.current || a == null || a(t.id, f);
       },
-      onDoubleClick: (u) => {
-        u.stopPropagation(), s == null || s(t.id);
+      onDoubleClick: (f) => {
+        f.stopPropagation(), s == null || s(t.id);
       },
-      onContextMenu: (u) => {
-        a && (u.preventDefault(), u.stopPropagation(), a(t.id, { x: u.clientX, y: u.clientY }, u));
+      onContextMenu: (f) => {
+        l && (f.preventDefault(), f.stopPropagation(), l(t.id, { x: f.clientX, y: f.clientY }, f));
       },
-      onPointerUp: () => l == null ? void 0 : l(t.id),
-      className: D(
+      onPointerUp: () => c == null ? void 0 : c(t.id),
+      className: A(
         "group rounded-lg border bg-card text-card-foreground shadow-sm select-none",
         "flex flex-col overflow-hidden transition-shadow",
-        m && n && "cursor-grab active:cursor-grabbing",
-        c ? "border-primary shadow-md" : "border-border",
+        u && n && "cursor-grab active:cursor-grabbing",
+        i ? "border-primary shadow-md" : "border-border",
         // Focus is the keyboard cursor: it must be visible even when the node
         // is also selected, so it gets a ring rather than a border change.
-        h && "ring-2 ring-ring ring-offset-1 ring-offset-background",
-        C
+        g && "ring-2 ring-ring ring-offset-1 ring-offset-background",
+        w
       ),
       children: [
         e,
-        g && d && ir.map((u) => /* @__PURE__ */ o(
+        h && d && hr.map((f) => /* @__PURE__ */ o(
           "button",
           {
             type: "button",
             tabIndex: -1,
-            "aria-label": `Connect from ${u}`,
+            "aria-label": `Connect from ${f}`,
             onPointerDown: (S) => {
-              S.stopPropagation(), d(t.id, u);
+              S.stopPropagation(), d(t.id, f);
             },
-            className: D(
+            className: A(
               "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",
-              h && "opacity-100",
-              lr[u]
+              g && "opacity-100",
+              pr[f]
             )
           },
-          u
+          f
         ))
       ]
     }
   );
-}, cr = (t) => {
+}, gr = (t) => {
   let e = t.parentElement;
   for (; e; ) {
     const n = window.getComputedStyle(e).transform;
     if (n && n !== "none") {
-      const r = /matrix\(([^,]+),/.exec(n), i = r ? parseFloat(r[1]) : NaN;
-      if (Number.isFinite(i) && i !== 0) return i;
+      const r = /matrix\(([^,]+),/.exec(n), a = r ? parseFloat(r[1]) : NaN;
+      if (Number.isFinite(a) && a !== 0) return a;
     }
     e = e.parentElement;
   }
   return 1;
-}, dr = (t, e, n, r) => {
+}, xr = (t, e, n, r) => {
   if (r === "straight")
     return `M ${t.x} ${t.y} L ${e.x} ${e.y}`;
-  const i = n === "left" || n === "right";
+  const a = n === "left" || n === "right";
   if (r === "smoothstep") {
-    const c = i ? (t.x + e.x) / 2 : (t.y + e.y) / 2;
-    return i ? `M ${t.x} ${t.y} L ${c} ${t.y} L ${c} ${e.y} L ${e.x} ${e.y}` : `M ${t.x} ${t.y} L ${t.x} ${c} L ${e.x} ${c} L ${e.x} ${e.y}`;
+    const i = a ? (t.x + e.x) / 2 : (t.y + e.y) / 2;
+    return a ? `M ${t.x} ${t.y} L ${i} ${t.y} L ${i} ${e.y} L ${e.x} ${e.y}` : `M ${t.x} ${t.y} L ${t.x} ${i} L ${e.x} ${i} L ${e.x} ${e.y}`;
   }
-  const s = Math.hypot(e.x - t.x, e.y - t.y), a = Math.min(Math.max(s / 2, 24), 160), d = i ? { x: t.x + (n === "right" ? a : -a), y: t.y } : { x: t.x, y: t.y + (n === "bottom" ? a : -a) }, l = i ? { x: e.x - (n === "right" ? a : -a), y: e.y } : { x: e.x, y: e.y - (n === "bottom" ? a : -a) };
-  return `M ${t.x} ${t.y} C ${d.x} ${d.y}, ${l.x} ${l.y}, ${e.x} ${e.y}`;
-}, jr = ({
+  const s = Math.hypot(e.x - t.x, e.y - t.y), l = Math.min(Math.max(s / 2, 24), 160), d = a ? { x: t.x + (n === "right" ? l : -l), y: t.y } : { x: t.x, y: t.y + (n === "bottom" ? l : -l) }, c = a ? { x: e.x - (n === "right" ? l : -l), y: e.y } : { x: e.x, y: e.y - (n === "bottom" ? l : -l) };
+  return `M ${t.x} ${t.y} C ${d.x} ${d.y}, ${c.x} ${c.y}, ${e.x} ${e.y}`;
+}, Zr = ({
   edge: t,
   source: e,
   target: n,
   routing: r = "bezier",
-  selected: i = !1,
+  selected: a = !1,
   arrow: s = !0,
-  onSelect: a,
+  onSelect: l,
   onContextMenu: d,
-  className: l
+  className: c
 }) => {
-  const c = Q(e), h = Q(n), g = tr(c, h), m = Ie(c, g.source), C = Ie(h, g.target), E = dr(m, C, g.source, r), w = { x: (m.x + C.x) / 2, y: (m.y + C.y) / 2 }, y = !!(a || d);
-  return /* @__PURE__ */ f(
+  const i = H(e), g = H(n), h = ir(i, g), u = Me(i, h.source), w = Me(g, h.target), N = xr(u, w, h.source, r), y = { x: (u.x + w.x) / 2, y: (u.y + w.y) / 2 }, p = !!(l || d);
+  return /* @__PURE__ */ b(
     "g",
     {
       "data-graph-edge": t.id,
-      className: D(y && "cursor-pointer"),
-      onClick: (b) => {
-        a && (b.stopPropagation(), a(t.id, b));
+      className: A(p && "cursor-pointer"),
+      onClick: (v) => {
+        l && (v.stopPropagation(), l(t.id, v));
       },
-      onContextMenu: (b) => {
-        d && (b.preventDefault(), b.stopPropagation(), d(t.id, { x: b.clientX, y: b.clientY }, b));
+      onContextMenu: (v) => {
+        d && (v.preventDefault(), v.stopPropagation(), d(t.id, { x: v.clientX, y: v.clientY }, v));
       },
       children: [
-        y && /* @__PURE__ */ o("path", { d: E, fill: "none", stroke: "transparent", strokeWidth: 16 }),
+        p && /* @__PURE__ */ o("path", { d: N, fill: "none", stroke: "transparent", strokeWidth: 16 }),
         /* @__PURE__ */ o(
           "path",
           {
-            d: E,
+            d: N,
             fill: "none",
-            strokeWidth: i ? 2.5 : 1.5,
+            strokeWidth: a ? 2.5 : 1.5,
             markerEnd: s ? "url(#nexus-graph-arrow)" : void 0,
-            className: D(
+            className: A(
               "transition-[stroke]",
-              i ? "stroke-primary" : "stroke-border",
-              l
+              a ? "stroke-primary" : "stroke-border",
+              c
             )
           }
         ),
         t.label && /* @__PURE__ */ o(
           "text",
           {
-            x: w.x,
-            y: w.y,
+            x: y.x,
+            y: y.y,
             textAnchor: "middle",
             dominantBaseline: "middle",
             className: "fill-muted-foreground text-[10px] font-medium select-none",
@@ -2809,14 +2844,14 @@ const ir = ["top", "right", "bottom", "left"], lr = {
       ]
     }
   );
-}, Br = ({ children: t, className: e }) => /* @__PURE__ */ f(
+}, en = ({ children: t, className: e }) => /* @__PURE__ */ b(
   "svg",
   {
     style: { position: "absolute", left: -5e4, top: -5e4, overflow: "visible" },
     width: 1e5,
     height: 1e5,
     viewBox: "-50000 -50000 100000 100000",
-    className: D("pointer-events-none [&_g]:pointer-events-auto", e),
+    className: A("pointer-events-none [&_g]:pointer-events-auto", e),
     children: [
       /* @__PURE__ */ o("defs", { children: /* @__PURE__ */ o(
         "marker",
@@ -2834,7 +2869,7 @@ const ir = ["top", "right", "bottom", "left"], lr = {
       t
     ]
   }
-), Hr = {
+), tn = {
   /** Move focus to the nearest node in a direction. */
   moveFocus: ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"],
   /** Create a connected node in a direction. */
@@ -2849,281 +2884,601 @@ const ir = ["top", "right", "bottom", "left"], lr = {
   connect: "c",
   /** Nudge the focused node. Held with the arrow keys. */
   nudgeModifier: "shiftKey"
-}, ur = {
+}, br = {
   ArrowUp: "up",
   ArrowDown: "down",
   ArrowLeft: "left",
   ArrowRight: "right"
-}, Wr = ({
+}, rn = ({
   nodes: t,
   edges: e,
   focusedId: n,
   defaultFocusedId: r = null,
-  onFocusChange: i,
+  onFocusChange: a,
   targetRef: s,
-  nudgeDistance: a = 16,
+  nudgeDistance: l = 16,
   disabled: d = !1,
-  onCreateNode: l,
-  onConnect: c,
-  onDeleteNode: h,
-  onMoveNode: g,
-  onEditNode: m
+  onCreateNode: c,
+  onConnect: i,
+  onDeleteNode: g,
+  onMoveNode: h,
+  onEditNode: u
 }) => {
-  const [C, E] = P(
+  const [w, N] = $(
     r
-  ), [w, y] = P(null), [b, x] = P(null), N = n !== void 0 ? n : C, u = oe(
-    (T) => {
-      n === void 0 && E(T), i == null || i(T);
+  ), [y, p] = $(null), [v, k] = $(null), x = n !== void 0 ? n : w, f = Y(
+    (C) => {
+      n === void 0 && N(C), a == null || a(C);
     },
-    [n, i]
+    [n, a]
   ), S = F({
     nodes: t,
     edges: e,
-    focusedId: N,
-    editingId: w,
-    connectingFrom: b
+    focusedId: x,
+    editingId: y,
+    connectingFrom: v
   });
-  S.current = { nodes: t, edges: e, focusedId: N, editingId: w, connectingFrom: b };
-  const L = oe(
-    (T) => {
-      const { nodes: O, focusedId: p } = S.current;
-      if (O.length === 0) return;
-      if (!p) {
-        u(O[0].id);
+  S.current = { nodes: t, edges: e, focusedId: x, editingId: y, connectingFrom: v };
+  const I = Y(
+    (C) => {
+      const { nodes: D, focusedId: m } = S.current;
+      if (D.length === 0) return;
+      if (!m) {
+        f(D[0].id);
         return;
       }
-      const k = pe(O, p, T);
-      k && u(k.id);
+      const T = ge(D, m, C);
+      T && f(T.id);
     },
-    [u]
-  ), $ = oe(
-    (T = "right") => {
-      const { nodes: O, focusedId: p } = S.current;
-      if (!l) return;
-      const k = p ? or(O, p, T) : { x: 0, y: 0 }, I = l(k, { from: p ?? void 0, direction: T });
-      I && (p && (c == null || c(p, I)), u(I), y(I));
+    [f]
+  ), M = Y(
+    (C = "right") => {
+      const { nodes: D, focusedId: m } = S.current;
+      if (!c) return;
+      const T = m ? ur(D, m, C) : { x: 0, y: 0 }, L = c(T, { from: m ?? void 0, direction: C });
+      L && (m && (i == null || i(m, L)), f(L), p(L));
     },
-    [l, c, u]
+    [c, i, f]
   );
-  return z(() => {
+  return P(() => {
     if (d) return;
-    const T = s.current;
-    if (!T) return;
-    const O = (p) => {
-      const { focusedId: k, editingId: I, connectingFrom: _ } = S.current;
-      if (I) {
-        p.key === "Escape" && (p.preventDefault(), y(null));
+    const C = s.current;
+    if (!C) return;
+    const D = (m) => {
+      const { focusedId: T, editingId: L, connectingFrom: O } = S.current;
+      if (L) {
+        m.key === "Escape" && (m.preventDefault(), p(null));
         return;
       }
-      const R = p.target;
-      if (R != null && R.closest('input, textarea, select, [contenteditable="true"]')) return;
-      const K = ur[p.key];
-      if (K) {
-        p.preventDefault();
-        const v = S.current.nodes.find((A) => A.id === k);
-        if (p.shiftKey && v && g) {
-          const A = {
-            up: { x: 0, y: -a },
-            down: { x: 0, y: a },
-            left: { x: -a, y: 0 },
-            right: { x: a, y: 0 }
-          }[K];
-          g(v.id, {
-            x: v.position.x + A.x,
-            y: v.position.y + A.y
+      const K = m.target;
+      if (K != null && K.closest('input, textarea, select, [contenteditable="true"]')) return;
+      const _ = br[m.key];
+      if (_) {
+        m.preventDefault();
+        const B = S.current.nodes.find((E) => E.id === T);
+        if (m.shiftKey && B && h) {
+          const E = {
+            up: { x: 0, y: -l },
+            down: { x: 0, y: l },
+            left: { x: -l, y: 0 },
+            right: { x: l, y: 0 }
+          }[_];
+          h(B.id, {
+            x: B.position.x + E.x,
+            y: B.position.y + E.y
           });
           return;
         }
-        L(K);
+        I(_);
         return;
       }
-      switch (p.key) {
+      switch (m.key) {
         case "Tab": {
-          if (!l) return;
-          p.preventDefault(), $(p.shiftKey ? "left" : "right");
+          if (!c) return;
+          m.preventDefault(), M(m.shiftKey ? "left" : "right");
           return;
         }
         case "Enter": {
-          if (!k) return;
-          if (p.preventDefault(), _ && _ !== k) {
-            c == null || c(_, k), x(null);
+          if (!T) return;
+          if (m.preventDefault(), O && O !== T) {
+            i == null || i(O, T), k(null);
             return;
           }
-          m == null || m(k), y(k);
+          u == null || u(T), p(T);
           return;
         }
         case "Escape": {
-          p.preventDefault(), _ ? x(null) : u(null);
+          m.preventDefault(), O ? k(null) : f(null);
           return;
         }
         case "Delete":
         case "Backspace": {
-          if (!k || !h) return;
-          p.preventDefault();
-          const v = S.current.nodes.filter((M) => M.id !== k), A = pe(S.current.nodes, k, "left") ?? pe(S.current.nodes, k, "right") ?? v[0] ?? null;
-          h(k), u((A == null ? void 0 : A.id) ?? null);
+          if (!T || !g) return;
+          m.preventDefault();
+          const B = S.current.nodes.filter((z) => z.id !== T), E = ge(S.current.nodes, T, "left") ?? ge(S.current.nodes, T, "right") ?? B[0] ?? null;
+          g(T), f((E == null ? void 0 : E.id) ?? null);
           return;
         }
         case "c":
         case "C": {
-          if (!k || !c || p.metaKey || p.ctrlKey) return;
-          p.preventDefault(), x(_ === k ? null : k);
+          if (!T || !i || m.metaKey || m.ctrlKey) return;
+          m.preventDefault(), k(O === T ? null : T);
           return;
         }
       }
     };
-    return T.addEventListener("keydown", O), () => T.removeEventListener("keydown", O);
+    return C.addEventListener("keydown", D), () => C.removeEventListener("keydown", D);
   }, [
     d,
     s,
-    L,
-    $,
-    a,
-    c,
+    I,
+    M,
     l,
-    h,
-    m,
+    i,
+    c,
     g,
-    u
-  ]), z(() => {
-    N && !t.some((T) => T.id === N) && u(null), w && !t.some((T) => T.id === w) && y(null), b && !t.some((T) => T.id === b) && x(null);
-  }, [t, N, w, b, u]), H(
+    u,
+    h,
+    f
+  ]), P(() => {
+    x && !t.some((C) => C.id === x) && f(null), y && !t.some((C) => C.id === y) && p(null), v && !t.some((C) => C.id === v) && k(null);
+  }, [t, x, y, v, f]), j(
     () => ({
-      focusedId: N,
-      setFocusedId: u,
-      editingId: w,
-      setEditingId: y,
-      connectingFrom: b,
-      setConnectingFrom: x,
-      moveFocus: L,
-      createConnected: $
+      focusedId: x,
+      setFocusedId: f,
+      editingId: y,
+      setEditingId: p,
+      connectingFrom: v,
+      setConnectingFrom: k,
+      moveFocus: I,
+      createConnected: M
     }),
-    [N, u, w, b, L, $]
+    [x, f, y, v, I, M]
   );
-}, We = "application/x-nexus-graph-node", Gr = ({
+}, nn = ({
+  nodes: t,
+  viewport: e,
+  canvasSize: n,
+  onViewportChange: r,
+  width: a = 180,
+  height: s = 120,
+  nodeColor: l,
+  highlightIds: d,
+  padding: c = 8,
+  panDistance: i = 80,
+  "aria-label": g = "Graph minimap",
+  className: h
+}) => {
+  const u = F(null), w = j(() => new Set(d ?? []), [d]), N = lr(e, n), y = j(() => {
+    const D = Je(t);
+    return D ? cr(D, N) : N;
+  }, [t, N.x, N.y, N.width, N.height]), p = Math.min(
+    (a - c * 2) / Math.max(y.width, 1),
+    (s - c * 2) / Math.max(y.height, 1)
+  ), v = {
+    x: (a - y.width * p) / 2 - y.x * p,
+    y: (s - y.height * p) / 2 - y.y * p
+  }, k = (D) => ({
+    x: D.x * p + v.x,
+    y: D.y * p + v.y
+  }), x = (D) => ({
+    x: (D.x - v.x) / p,
+    y: (D.y - v.y) / p
+  }), f = Y(
+    (D) => {
+      var L;
+      if (!r) return;
+      const m = (L = u.current) == null ? void 0 : L.getBoundingClientRect();
+      if (!m) return;
+      const T = x({ x: D.x - m.left, y: D.y - m.top });
+      r(Ae(T, n, e.scale));
+    },
+    [r, n, e.scale, p, v.x, v.y]
+  ), S = (D) => {
+    var L;
+    if (!r || D.button !== 0) return;
+    D.preventDefault(), (L = u.current) == null || L.focus(), f({ x: D.clientX, y: D.clientY });
+    const m = (O) => f({ x: O.clientX, y: O.clientY }), T = () => {
+      window.removeEventListener("pointermove", m), window.removeEventListener("pointerup", T);
+    };
+    window.addEventListener("pointermove", m), window.addEventListener("pointerup", T);
+  }, I = (D) => {
+    if (!r) return;
+    const m = {
+      ArrowUp: { x: 0, y: -i },
+      ArrowDown: { x: 0, y: i },
+      ArrowLeft: { x: -i, y: 0 },
+      ArrowRight: { x: i, y: 0 }
+    }[D.key];
+    if (!m) return;
+    D.preventDefault();
+    const T = X(N);
+    r(
+      Ae({ x: T.x + m.x, y: T.y + m.y }, n, e.scale)
+    );
+  }, M = {
+    x: k(N).x,
+    y: k(N).y,
+    width: N.width * p,
+    height: N.height * p
+  }, C = !!r;
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      ref: u,
+      role: C ? "slider" : "img",
+      "aria-label": g,
+      "aria-valuetext": t.length === 0 ? "Empty graph" : `${t.length} nodes, viewing around ${Math.round(X(N).x)}, ${Math.round(X(N).y)}`,
+      tabIndex: C ? 0 : void 0,
+      onPointerDown: S,
+      onKeyDown: I,
+      style: { width: a, height: s },
+      className: A(
+        "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",
+        C && "cursor-pointer",
+        h
+      ),
+      children: /* @__PURE__ */ b("svg", { width: a, height: s, className: "block", children: [
+        t.map((D) => {
+          const m = H(D), T = k(m), L = w.has(D.id);
+          return /* @__PURE__ */ o(
+            "rect",
+            {
+              x: T.x,
+              y: T.y,
+              width: Math.max(m.width * p, 2),
+              height: Math.max(m.height * p, 2),
+              rx: 1,
+              fill: L || l == null ? void 0 : l(D),
+              className: A(
+                !l && !L && "fill-muted-foreground/50",
+                L && "fill-primary"
+              )
+            },
+            D.id
+          );
+        }),
+        n.width > 0 && /* @__PURE__ */ o(
+          "rect",
+          {
+            x: M.x,
+            y: M.y,
+            width: Math.max(M.width, 4),
+            height: Math.max(M.height, 4),
+            rx: 2,
+            className: "fill-primary/10 stroke-primary",
+            strokeWidth: 1.5
+          }
+        )
+      ] })
+    }
+  );
+}, yr = (t, e) => {
+  const n = new Set(t.map((i) => i.id)), r = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map();
+  t.forEach((i) => {
+    r.set(i.id, []), a.set(i.id, 0);
+  }), e.forEach((i) => {
+    !n.has(i.source) || !n.has(i.target) || (r.get(i.source).push(i.target), a.set(i.target, (a.get(i.target) ?? 0) + 1));
+  });
+  const s = /* @__PURE__ */ new Map(), l = [], d = (i) => {
+    s.set(i, 0), l.push(i);
+  };
+  t.forEach((i) => {
+    (a.get(i.id) ?? 0) === 0 && d(i.id);
+  }), l.length === 0 && t.length > 0 && d(t[0].id);
+  let c = t.length * t.length + t.length;
+  for (; l.length > 0 && c > 0; ) {
+    c -= 1;
+    const i = l.shift(), g = s.get(i) ?? 0;
+    for (const h of r.get(i) ?? []) {
+      const u = s.get(h);
+      (u === void 0 || u < g + 1) && (s.set(h, g + 1), l.push(h));
+    }
+  }
+  return t.forEach((i) => {
+    s.has(i.id) || d(i.id);
+  }), s;
+}, Oe = ({
+  direction: t = "down",
+  nodeSpacing: e = 48,
+  layerSpacing: n = 96,
+  origin: r = { x: 0, y: 0 },
+  align: a = "center"
+} = {}) => (s, l) => {
+  if (s.length === 0) return s;
+  const d = yr(s, l), c = t === "down" || t === "up", i = /* @__PURE__ */ new Map();
+  s.forEach((x) => {
+    const f = d.get(x.id) ?? 0, S = i.get(f) ?? [];
+    S.push(x), i.set(f, S);
+  });
+  const g = [...i.keys()].sort((x, f) => x - f), h = /* @__PURE__ */ new Map();
+  g.forEach((x) => {
+    const f = i.get(x), S = Math.max(
+      ...f.map((I) => {
+        const M = H(I);
+        return c ? M.height : M.width;
+      })
+    );
+    h.set(x, S);
+  });
+  const u = /* @__PURE__ */ new Map();
+  let w = 0;
+  g.forEach((x) => {
+    u.set(x, w), w += (h.get(x) ?? 0) + n;
+  });
+  const N = (x) => {
+    const f = i.get(x);
+    return f.map((I) => {
+      const M = H(I);
+      return c ? M.width : M.height;
+    }).reduce((I, M) => I + M, 0) + e * (f.length - 1);
+  }, y = Math.max(...g.map(N)), p = t === "up" || t === "left", v = w - n, k = /* @__PURE__ */ new Map();
+  return g.forEach((x) => {
+    const f = i.get(x), S = N(x);
+    let I = a === "center" ? (y - S) / 2 : 0;
+    const M = u.get(x) ?? 0, C = p ? v - M - (h.get(x) ?? 0) : M;
+    f.forEach((D) => {
+      const m = H(D), T = c ? m.width : m.height, L = c ? m.height : m.width, O = C + ((h.get(x) ?? 0) - L) / 2;
+      k.set(
+        D.id,
+        c ? { x: r.x + I, y: r.y + O } : { x: r.x + O, y: r.y + I }
+      ), I += T + e;
+    });
+  }), s.map((x) => {
+    const f = k.get(x.id);
+    return f ? { ...x, position: f } : x;
+  });
+}, vr = ({
+  columns: t,
+  spacingX: e = 48,
+  spacingY: n = 48,
+  origin: r = { x: 0, y: 0 }
+} = {}) => (a) => {
+  if (a.length === 0) return a;
+  const s = Math.max(1, t ?? Math.ceil(Math.sqrt(a.length))), l = Math.ceil(a.length / s), d = Array.from(
+    { length: s },
+    (h, u) => Math.max(
+      ...a.filter((w, N) => N % s === u).map((w) => H(w).width)
+    )
+  ), c = Array.from(
+    { length: l },
+    (h, u) => Math.max(
+      ...a.filter((w, N) => Math.floor(N / s) === u).map((w) => H(w).height)
+    )
+  ), i = [];
+  d.reduce((h, u, w) => (i[w] = h, h + u + e), 0);
+  const g = [];
+  return c.reduce((h, u, w) => (g[w] = h, h + u + n), 0), a.map((h, u) => ({
+    ...h,
+    position: {
+      x: r.x + i[u % s],
+      y: r.y + g[Math.floor(u / s)]
+    }
+  }));
+}, wr = {
+  vertical: Oe({ direction: "down" }),
+  horizontal: Oe({ direction: "right" }),
+  grid: vr()
+}, de = "freeform", on = ({
+  nodes: t,
+  edges: e,
+  layouts: n = wr,
+  mode: r,
+  defaultMode: a = de,
+  onModeChange: s,
+  onNodeMove: l,
+  escapeOnDrag: d = !0
+}) => {
+  const [c, i] = $(a), g = r ?? c, h = Y(
+    (k) => {
+      r === void 0 && i(k), s == null || s(k);
+    },
+    [r, s]
+  ), u = g === de ? void 0 : n[g], w = !!u, N = j(
+    () => u ? u(t, e) : t,
+    [u, t, e]
+  ), y = Y(
+    (k, x) => {
+      w && d && h(de), l == null || l(k, x);
+    },
+    [w, d, h, l]
+  ), p = Y(() => N, [N]), v = j(
+    // `freeform` is a mode, not a layout; registering one under that name would
+    // shadow the escape hatch, so it never appears here.
+    () => Object.keys(n).filter((k) => k !== de),
+    [n]
+  );
+  return j(
+    () => ({ nodes: N, mode: g, setMode: h, available: v, isAuto: w, onMove: y, bake: p }),
+    [N, g, h, v, w, y, p]
+  );
+}, qe = "application/x-nexus-graph-node", sn = ({
   items: t,
   onSelect: e,
   onDragStart: n,
-  vertical: r = !1,
-  className: i,
-  "aria-label": s = "Node palette"
-}) => /* @__PURE__ */ o(
-  "div",
-  {
-    role: "toolbar",
-    "aria-label": s,
-    "aria-orientation": r ? "vertical" : "horizontal",
-    className: D(
-      "flex gap-1.5 p-1.5 rounded-lg border border-border bg-card/90 backdrop-blur-sm shadow-sm",
-      r ? "flex-col" : "flex-wrap items-center",
-      i
-    ),
-    children: t.map((a) => /* @__PURE__ */ f(
-      "button",
-      {
-        type: "button",
-        draggable: !0,
-        title: a.description,
-        onDragStart: (d) => {
-          d.dataTransfer.setData(We, a.kind), d.dataTransfer.setData("text/plain", a.label), d.dataTransfer.effectAllowed = "copy", n == null || n(a);
+  orientation: r = "auto",
+  onOrientationChange: a,
+  iconOnly: s = !1,
+  className: l,
+  "aria-label": d = "Node palette"
+}) => {
+  const c = F(null), [i, g] = $("horizontal"), h = r === "auto" ? i : r, u = F(a);
+  u.current = a;
+  const w = Y(() => {
+    const y = c.current;
+    if (!y) return;
+    const p = [...y.querySelectorAll("[data-palette-item]")];
+    if (p.length === 0) return;
+    const v = window.getComputedStyle(y), k = parseFloat(v.gap) || 0, x = (parseFloat(v.paddingLeft) || 0) + (parseFloat(v.paddingRight) || 0), f = p.reduce((D, m) => D + m.offsetWidth, 0) + k * (p.length - 1) + x, S = p.reduce((D, m) => D + m.offsetHeight, 0) + k * (p.length - 1) + x, I = Nr(y);
+    if (!I) return;
+    const M = 4, C = f <= I.width + M ? "horizontal" : S <= I.height + M ? "vertical" : "horizontal";
+    g((D) => {
+      var m;
+      return D === C ? D : ((m = u.current) == null || m.call(u, C), C);
+    });
+  }, []);
+  P(() => {
+    if (r !== "auto") return;
+    const y = c.current;
+    if (!y) return;
+    w();
+    const p = new ResizeObserver(w);
+    p.observe(y);
+    const v = Ve(y);
+    return v && v !== y && p.observe(v), () => p.disconnect();
+  }, [r, w, t.length]);
+  const N = h === "vertical";
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      ref: c,
+      role: "toolbar",
+      "aria-label": d,
+      "aria-orientation": h,
+      "data-orientation": h,
+      className: A(
+        "flex gap-1.5 p-1.5 rounded-lg border border-border bg-card/90 backdrop-blur-sm shadow-sm",
+        N ? "flex-col items-stretch" : "flex-wrap items-center",
+        l
+      ),
+      children: t.map((y) => /* @__PURE__ */ b(
+        "button",
+        {
+          type: "button",
+          "data-palette-item": !0,
+          draggable: !0,
+          title: y.description ?? (s ? y.label : void 0),
+          "aria-label": s ? y.label : void 0,
+          onDragStart: (p) => {
+            p.dataTransfer.setData(qe, y.kind), p.dataTransfer.setData("text/plain", y.label), p.dataTransfer.effectAllowed = "copy", n == null || n(y);
+          },
+          onClick: () => e == null ? void 0 : e(y),
+          className: A(
+            "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",
+            "cursor-grab active:cursor-grabbing",
+            "focus:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+            s ? "p-2 justify-center" : "px-2.5 py-1.5",
+            // A column reads better left-aligned; a row centres naturally.
+            N && !s && "justify-start"
+          ),
+          children: [
+            y.icon,
+            !s && y.label
+          ]
         },
-        onClick: () => e == null ? void 0 : e(a),
-        className: D(
-          "flex items-center gap-1.5 px-2.5 py-1.5 rounded-md text-xs font-medium",
-          "border border-border bg-background text-foreground",
-          "hover:bg-accent hover:text-accent-foreground transition-colors",
-          "cursor-grab active:cursor-grabbing",
-          "focus:outline-none focus-visible:ring-2 focus-visible:ring-ring"
-        ),
-        children: [
-          a.icon,
-          a.label
-        ]
-      },
-      a.kind
-    ))
+        y.kind
+      ))
+    }
+  );
+}, Ve = (t) => {
+  let e = t.parentElement;
+  for (let n = 0; e && n < 6; n += 1) {
+    const r = e.getBoundingClientRect(), a = t.getBoundingClientRect();
+    if (r.width > a.width + 8) return e;
+    e = e.parentElement;
   }
-), Yr = (t) => t.dataTransfer.getData(We) || null;
+  return null;
+}, Nr = (t) => {
+  const e = Ve(t);
+  if (!e) return null;
+  const n = window.getComputedStyle(e), r = e.getBoundingClientRect();
+  return {
+    width: r.width - (parseFloat(n.paddingLeft) || 0) - (parseFloat(n.paddingRight) || 0),
+    height: r.height - (parseFloat(n.paddingTop) || 0) - (parseFloat(n.paddingBottom) || 0)
+  };
+}, an = (t) => t.dataTransfer.getData(qe) || null;
 export {
-  ht as ActivityBar,
-  Or as AppTitle,
-  ae as BUNDLED_THEMES,
-  St as BUNDLED_THEME_CLASSES,
-  yt as ChatPane,
-  Gt as CommandPalette,
-  Tt as CommandRegistry,
-  bt as ConnectedActivityBar,
-  Nt as ConnectedChatPane,
-  Sr as ConnectedCommandPalette,
-  Et as ConnectedMenuBar,
-  Dr as ConnectedModal,
-  $t as ConnectedSidebarPane,
-  Mt as ConnectedStatusBar,
-  Rt as ConnectedTerminalPane,
-  Ir as ConnectedThemeSwitcher,
-  Lr as ConnectedUserProfile,
-  Zt as ContextMenu,
-  kr as DEFAULT_COMMAND_IDS,
-  Hr as DEFAULT_GRAPH_KEYS,
-  ce as DEFAULT_NODE_SIZE,
-  Lt as DEFAULT_SETTINGS_THEMES,
-  Vt as DEFAULT_THEME_OPTIONS,
-  $r as DataGrid,
-  We as GRAPH_NODE_MIME,
-  ar as GraphCanvas,
-  jr as GraphEdge,
-  Br as GraphEdgeLayer,
-  Fr as GraphNode,
-  Be as IDENTITY_VIEWPORT,
-  kt as MenuBar,
-  Ct as MenuRegistry,
-  Xt as Modal,
-  Nr as NexusWorkspaceShell,
-  Gr as NodePalette,
-  Ar as QuickSearch,
-  Mr as SearchWidget,
-  Ot as SettingsPanel,
-  Nr as ShellLayout,
-  fe as SidebarPane,
-  At as StatusBar,
-  Pt as TerminalPane,
-  qt as ThemeSwitcher,
-  Pr as TreeWidget,
-  Qt as UserProfile,
-  xe as clampScale,
-  D as cn,
-  q as commandRegistry,
-  _t as componentRegistry,
-  dr as edgePath,
-  Rr as edgesOf,
-  pe as findNeighbour,
-  nr as fitViewport,
-  rr as graphBounds,
-  Cr as initializeShell,
-  Kr as isConnected,
-  ye as menuRegistry,
-  Ur as nextId,
-  Q as nodeRect,
-  or as placeRelativeTo,
-  Tr as pluginRegistry,
-  Ie as portPoint,
-  Yr as readPaletteDrag,
-  re as rectCenter,
-  _r as removeNode,
-  tr as resolvePorts,
-  Dt as themeClass,
-  be as toGraphSpace,
-  zr as toScreenSpace,
-  se as useChatStore,
-  Wr as useGraphKeyboard,
-  Er as useKeyboardShortcuts,
-  Ut as useLayoutStore,
-  Ue as useModalStore,
-  he as useRightSidebarStore,
-  W as useSidebarStore,
-  ve as useStatusBarStore,
-  ee as useTerminalStore,
-  te as useThemeStore,
-  V as useUserProfileStore,
-  De as zoomAt
+  Nt as ActivityBar,
+  jr as AppTitle,
+  wr as BUILT_IN_LAYOUTS,
+  ie as BUNDLED_THEMES,
+  Ot as BUNDLED_THEME_CLASSES,
+  Tt as ChatPane,
+  Qt as CommandPalette,
+  Mt as CommandRegistry,
+  kt as ConnectedActivityBar,
+  Dt as ConnectedChatPane,
+  _r as ConnectedCommandPalette,
+  At as ConnectedMenuBar,
+  Fr as ConnectedModal,
+  _t as ConnectedSidebarPane,
+  Kt as ConnectedStatusBar,
+  Bt as ConnectedTerminalPane,
+  Kr as ConnectedThemeSwitcher,
+  Ur as ConnectedUserProfile,
+  sr as ContextMenu,
+  $r as DEFAULT_COMMAND_IDS,
+  tn as DEFAULT_GRAPH_KEYS,
+  ue as DEFAULT_NODE_SIZE,
+  Pt as DEFAULT_SETTINGS_THEMES,
+  rr as DEFAULT_THEME_OPTIONS,
+  Br as DataGrid,
+  de as FREEFORM,
+  qe as GRAPH_NODE_MIME,
+  mr as GraphCanvas,
+  Zr as GraphEdge,
+  en as GraphEdgeLayer,
+  nn as GraphMiniMap,
+  Qr as GraphNode,
+  Ye as IDENTITY_VIEWPORT,
+  Lt as MenuBar,
+  It as MenuRegistry,
+  tr as Modal,
+  Or as NexusWorkspaceShell,
+  sn as NodePalette,
+  Hr as QuickSearch,
+  Wr as SearchWidget,
+  zt as SettingsPanel,
+  Or as ShellLayout,
+  he as SidebarPane,
+  Ft as StatusBar,
+  Ut as TerminalPane,
+  nr as ThemeSwitcher,
+  Gr as TreeWidget,
+  or as UserProfile,
+  Ae as centerOn,
+  ve as clampScale,
+  A as cn,
+  te as commandRegistry,
+  Wt as componentRegistry,
+  xr as edgePath,
+  Jr as edgesOf,
+  ge as findNeighbour,
+  dr as fitViewport,
+  Je as graphBounds,
+  vr as gridLayout,
+  Rr as initializeShell,
+  Xr as isConnected,
+  Oe as layeredLayout,
+  we as menuRegistry,
+  Vr as nextId,
+  H as nodeRect,
+  ur as placeRelativeTo,
+  Pr as pluginRegistry,
+  Me as portPoint,
+  an as readPaletteDrag,
+  X as rectCenter,
+  qr as removeNode,
+  ir as resolvePorts,
+  $t as themeClass,
+  ye as toGraphSpace,
+  Yr as toScreenSpace,
+  cr as unionRect,
+  ae as useChatStore,
+  rn as useGraphKeyboard,
+  on as useGraphLayout,
+  zr as useKeyboardShortcuts,
+  Gt as useLayoutStore,
+  He as useModalStore,
+  be as useRightSidebarStore,
+  J as useSidebarStore,
+  Ne as useStatusBarStore,
+  ne as useTerminalStore,
+  oe as useThemeStore,
+  ee as useUserProfileStore,
+  lr as viewportRect,
+  Ie as zoomAt
 };