nexus-shell 0.2.4 → 0.2.6

package/dist/nexus-shell.es.js

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