nexus-shell 0.2.2 → 0.2.3

package/dist/nexus-shell.es.js

@@ -1,23 +1,23 @@
 var Ee = Object.defineProperty;
 var Ie = (o, e, n) => e in o ? Ee(o, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : o[e] = n;
-var H = (o, e, n) => Ie(o, typeof e != "symbol" ? e + "" : e, n);
+var J = (o, e, n) => Ie(o, typeof e != "symbol" ? e + "" : e, n);
 import { jsxs as c, jsx as r, Fragment as he } from "react/jsx-runtime";
-import se, { useMemo as R, useState as A, useRef as P, useEffect as z } from "react";
-import { Model as $, Actions as G, DockLocation as Oe, Layout as ze } from "flexlayout-react";
+import se, { useMemo as j, useState as A, useRef as M, useEffect as O } from "react";
+import { Model as K, Actions as G, DockLocation as Oe, Layout as Ae } from "flexlayout-react";
 import "flexlayout-react/style/light.css";
-import { Settings as Ae, MessageCircle as be, X as J, User as xe, Terminal as ve, Send as Le, ChevronRight as ye, Sun as Me, Moon as Pe, GraduationCap as Ke, ChevronUp as we, Search as X, Info as $e, HelpCircle as je, AlertCircle as Re, Check as Fe, Camera as Ue, Edit2 as _e, Loader2 as Ne, ChevronsUpDown as Je, ChevronDown as ke, Clock as He, Plus as We, FolderPlus as Be, Edit as Ge, Trash2 as Ve, Folder as Ye, File as qe } from "lucide-react";
-import { clsx as Qe } from "clsx";
-import { twMerge as Xe } from "tailwind-merge";
+import { Settings as Le, MessageCircle as be, X as B, User as xe, Terminal as ve, Send as ze, ChevronRight as ye, Sun as Me, Moon as Pe, GraduationCap as Re, ChevronUp as we, Search as X, Info as Ke, HelpCircle as $e, AlertCircle as je, Check as Fe, Camera as Ue, Edit2 as _e, Loader2 as Ne, ChevronsUpDown as Be, ChevronDown as ke, Clock as Je } from "lucide-react";
+import { clsx as He } from "clsx";
+import { twMerge as We } from "tailwind-merge";
 import { create as U } from "zustand";
-import { TableVirtuoso as Ze, Virtuoso as et } from "react-virtuoso";
+import { TableVirtuoso as Ge, Virtuoso as Ve } from "react-virtuoso";
 function S(...o) {
-  return Xe(Qe(o));
+  return We(He(o));
 }
-const tt = [
-  { id: "settings", label: "Settings", icon: Ae }
-], rt = ({
+const Ye = [
+  { id: "settings", label: "Settings", icon: Le }
+], qe = ({
   items: o = [],
-  bottomItems: e = tt,
+  bottomItems: e = Ye,
   activeId: n = null,
   onSelect: t,
   className: a,
@@ -68,13 +68,13 @@ const tt = [
     }),
     setPanels: (t) => o({ panels: t })
   };
-}), nt = (o) => {
-  const e = F((s) => s.panels), n = F((s) => s.activeSidebar), t = F((s) => s.toggleSidebar), a = R(
+}), Qe = (o) => {
+  const e = F((s) => s.panels), n = F((s) => s.activeSidebar), t = F((s) => s.toggleSidebar), a = j(
     () => e.map(({ id: s, label: l, icon: u }) => ({ id: s, label: l, icon: u })),
     [e]
   );
   return /* @__PURE__ */ r(
-    rt,
+    qe,
     {
       ...o,
       items: a,
@@ -82,7 +82,7 @@ const tt = [
       onSelect: t
     }
   );
-}, ot = /* @__PURE__ */ c("div", { className: "h-full flex flex-col items-center justify-center text-center px-6 text-muted-foreground", children: [
+}, Xe = /* @__PURE__ */ c("div", { className: "h-full flex flex-col items-center justify-center text-center px-6 text-muted-foreground", children: [
   /* @__PURE__ */ r(be, { 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: [
@@ -90,7 +90,7 @@ const tt = [
     /* @__PURE__ */ r("span", { className: "font-mono", children: "/" }),
     " for commands."
   ] })
-] }), st = ({
+] }), Ze = ({
   messages: o = [],
   onSend: e,
   slashCommands: n = [],
@@ -98,39 +98,39 @@ const tt = [
   onClose: a,
   title: s = "Chat",
   placeholder: l = "Send a message…",
-  emptyState: u = ot,
+  emptyState: u = Xe,
   className: i
 }) => {
-  const [d, f] = A(""), [p, m] = A(0), k = P(null), C = P(null), x = d.startsWith("/") ? n.filter(
-    (y) => `/${y.command}`.startsWith(d.toLowerCase().split(" ")[0])
-  ) : [], h = x.length > 0;
-  z(() => {
-    C.current && (C.current.scrollTop = C.current.scrollHeight);
-  }, [o]), z(() => {
-    m(0);
+  const [d, m] = A(""), [f, p] = A(0), N = M(null), k = M(null), w = d.startsWith("/") ? n.filter(
+    (g) => `/${g.command}`.startsWith(d.toLowerCase().split(" ")[0])
+  ) : [], h = w.length > 0;
+  O(() => {
+    k.current && (k.current.scrollTop = k.current.scrollHeight);
+  }, [o]), O(() => {
+    p(0);
   }, [d]);
-  const T = () => {
-    const y = d.trim();
-    y && (e == null || e(y), f(""));
-  }, I = (y) => {
-    var g;
-    t == null || t(y), f(`/${y.command} `), (g = k.current) == null || g.focus();
-  }, N = (y) => {
+  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 (y.key === "ArrowDown") {
-        y.preventDefault(), m((g) => (g + 1) % x.length);
+      if (g.key === "ArrowDown") {
+        g.preventDefault(), p((C) => (C + 1) % w.length);
         return;
       }
-      if (y.key === "ArrowUp") {
-        y.preventDefault(), m((g) => (g - 1 + x.length) % x.length);
+      if (g.key === "ArrowUp") {
+        g.preventDefault(), p((C) => (C - 1 + w.length) % w.length);
         return;
       }
-      if (y.key === "Tab" || y.key === "Enter" && !y.shiftKey) {
-        y.preventDefault(), I(x[p]);
+      if (g.key === "Tab" || g.key === "Enter" && !g.shiftKey) {
+        g.preventDefault(), b(w[f]);
         return;
       }
     }
-    y.key === "Enter" && !y.shiftKey && (y.preventDefault(), T());
+    g.key === "Enter" && !g.shiftKey && (g.preventDefault(), x());
   };
   return /* @__PURE__ */ c(
     "aside",
@@ -154,41 +154,41 @@ const tt = [
               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(J, { size: 14 })
+              children: /* @__PURE__ */ r(B, { size: 14 })
             }
           )
         ] }),
         /* @__PURE__ */ r(
           "div",
           {
-            ref: C,
+            ref: k,
             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: o.length === 0 ? u : o.map((y) => {
-              const g = y.role === "user";
+            children: o.length === 0 ? u : o.map((g) => {
+              const C = g.role === "user";
               return /* @__PURE__ */ c(
                 "div",
                 {
-                  className: S("flex flex-col", g ? "items-end" : "items-start"),
+                  className: S("flex flex-col", C ? "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: [
-                      g ? /* @__PURE__ */ r(xe, { size: 10 }) : /* @__PURE__ */ r(ve, { size: 10 }),
-                      /* @__PURE__ */ r("span", { children: y.author ?? (g ? "You" : "Assistant") })
+                      C ? /* @__PURE__ */ r(xe, { size: 10 }) : /* @__PURE__ */ r(ve, { size: 10 }),
+                      /* @__PURE__ */ r("span", { children: g.author ?? (C ? "You" : "Assistant") })
                     ] }),
                     /* @__PURE__ */ r(
                       "div",
                       {
                         className: S(
                           "max-w-[85%] rounded-lg px-3 py-2 text-xs whitespace-pre-wrap break-words",
-                          g ? "bg-primary text-primary-foreground" : "bg-card border border-border text-foreground"
+                          C ? "bg-primary text-primary-foreground" : "bg-card border border-border text-foreground"
                         ),
-                        children: y.text
+                        children: g.text
                       }
                     )
                   ]
                 },
-                y.id
+                g.id
               );
             })
           }
@@ -200,26 +200,26 @@ const tt = [
               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: x.map((y, g) => /* @__PURE__ */ c(
+              children: w.map((g, C) => /* @__PURE__ */ c(
                 "div",
                 {
                   role: "option",
-                  "aria-selected": g === p,
-                  onMouseEnter: () => m(g),
-                  onClick: () => I(y),
+                  "aria-selected": C === f,
+                  onMouseEnter: () => p(C),
+                  onClick: () => b(g),
                   className: S(
                     "px-3 py-1.5 text-xs cursor-pointer flex items-baseline justify-between gap-3",
-                    g === p ? "bg-accent text-accent-foreground" : "hover:bg-accent/50"
+                    C === f ? "bg-accent text-accent-foreground" : "hover:bg-accent/50"
                   ),
                   children: [
                     /* @__PURE__ */ c("span", { className: "font-mono", children: [
                       "/",
-                      y.command
+                      g.command
                     ] }),
-                    /* @__PURE__ */ r("span", { className: "text-[10px] text-muted-foreground truncate", children: y.description })
+                    /* @__PURE__ */ r("span", { className: "text-[10px] text-muted-foreground truncate", children: g.description })
                   ]
                 },
-                y.command
+                g.command
               ))
             }
           ),
@@ -227,13 +227,13 @@ const tt = [
             /* @__PURE__ */ r(
               "textarea",
               {
-                ref: k,
+                ref: N,
                 rows: 1,
                 value: d,
                 "aria-label": `${s} message`,
                 placeholder: l,
-                onChange: (y) => f(y.target.value),
-                onKeyDown: N,
+                onChange: (g) => m(g.target.value),
+                onKeyDown: y,
                 className: "flex-1 resize-none bg-background border border-border rounded-md px-3 py-2 text-xs text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary/50 max-h-32"
               }
             ),
@@ -241,11 +241,11 @@ const tt = [
               "button",
               {
                 type: "button",
-                onClick: T,
+                onClick: x,
                 disabled: !d.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(Le, { size: 14 })
+                children: /* @__PURE__ */ r(ze, { size: 14 })
               }
             )
           ] })
@@ -254,13 +254,13 @@ const tt = [
     }
   );
 };
-let at = 0;
-const lt = () => `msg-${Date.now()}-${at += 1}`, Q = U((o) => ({
+let et = 0;
+const tt = () => `msg-${Date.now()}-${et += 1}`, Q = U((o) => ({
   messages: [],
   slashCommands: [],
   setMessages: (e) => o({ messages: e }),
   addMessage: (e) => o((n) => ({
-    messages: [...n.messages, { ...e, id: e.id ?? lt() }]
+    messages: [...n.messages, { ...e, id: e.id ?? tt() }]
   })),
   clearMessages: () => o({ messages: [] }),
   setSlashCommands: (e) => o({ slashCommands: e }),
@@ -274,19 +274,19 @@ const lt = () => `msg-${Date.now()}-${at += 1}`, Q = U((o) => ({
     const a = !t.isChatOpen;
     return localStorage.setItem(te, String(a)), { isChatOpen: a };
   })
-})), it = ({ onSend: o, ...e }) => {
+})), rt = ({ onSend: o, ...e }) => {
   const n = 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 n ? /* @__PURE__ */ r(
-    st,
+    Ze,
     {
       ...e,
       messages: a,
       slashCommands: s,
       onSend: (i) => {
         if (l({ role: "user", text: i }), i.startsWith("/")) {
-          const [d, ...f] = i.slice(1).split(/\s+/), p = s.find((m) => m.command === d);
-          if (p) {
-            p.execute(f);
+          const [d, ...m] = i.slice(1).split(/\s+/), f = s.find((p) => p.command === d);
+          if (f) {
+            f.execute(m);
             return;
           }
           l({ role: "assistant", text: `Unknown command: /${d}` });
@@ -297,7 +297,7 @@ const lt = () => `msg-${Date.now()}-${at += 1}`, Q = U((o) => ({
       onClose: () => t(!1)
     }
   ) : null;
-}, dt = ({
+}, nt = ({
   menus: o = {},
   onSelect: e,
   title: n,
@@ -317,8 +317,8 @@ const lt = () => `msg-${Date.now()}-${at += 1}`, Q = U((o) => ({
             role: "menuitem",
             tabIndex: 0,
             onClick: () => !d.submenu && (e == null ? void 0 : e(d)),
-            onKeyDown: (f) => {
-              !d.submenu && (f.key === "Enter" || f.key === " ") && (f.preventDefault(), e == null || e(d));
+            onKeyDown: (m) => {
+              !d.submenu && (m.key === "Enter" || m.key === " ") && (m.preventDefault(), e == null || e(d));
             },
             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: [
@@ -335,22 +335,22 @@ const lt = () => `msg-${Date.now()}-${at += 1}`, Q = U((o) => ({
           {
             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((f) => /* @__PURE__ */ c(
+            children: d.submenu.map((m) => /* @__PURE__ */ c(
               "div",
               {
                 role: "menuitem",
                 tabIndex: 0,
-                onClick: () => e == null ? void 0 : e(f),
-                onKeyDown: (p) => {
-                  (p.key === "Enter" || p.key === " ") && (p.preventDefault(), e == null || e(f));
+                onClick: () => e == null ? void 0 : e(m),
+                onKeyDown: (f) => {
+                  (f.key === "Enter" || f.key === " ") && (f.preventDefault(), e == null || e(m));
                 },
                 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: f.label }),
-                  l(f)
+                  /* @__PURE__ */ r("span", { children: m.label }),
+                  l(m)
                 ]
               },
-              f.id
+              m.id
             ))
           }
         )
@@ -398,9 +398,9 @@ const lt = () => `msg-${Date.now()}-${at += 1}`, Q = U((o) => ({
     }
   );
 };
-class ct {
+class ot {
   constructor() {
-    H(this, "menus", /* @__PURE__ */ new Map());
+    J(this, "menus", /* @__PURE__ */ new Map());
   }
   registerMenu(e, n) {
     var t;
@@ -419,10 +419,10 @@ class ct {
     }), e;
   }
 }
-const le = new ct();
-class ut {
+const le = new ot();
+class st {
   constructor() {
-    H(this, "commands", /* @__PURE__ */ new Map());
+    J(this, "commands", /* @__PURE__ */ new Map());
   }
   registerCommand(e) {
     if (this.commands.has(e.id)) {
@@ -442,11 +442,11 @@ class ut {
     return Array.from(this.commands.values());
   }
 }
-const B = new ut(), Ce = (o) => o.map((e) => {
+const W = new st(), Ce = (o) => o.map((e) => {
   var n;
   return {
     ...e,
-    keybinding: e.keybinding ?? (e.commandId ? (n = B.getCommand(e.commandId)) == null ? void 0 : n.keybinding : void 0),
+    keybinding: e.keybinding ?? (e.commandId ? (n = W.getCommand(e.commandId)) == null ? void 0 : n.keybinding : void 0),
     submenu: e.submenu ? Ce(e.submenu) : void 0
   };
 }), Se = (o, e) => {
@@ -455,15 +455,15 @@ const B = new ut(), Ce = (o) => o.map((e) => {
     const t = n.submenu && Se(n.submenu, e);
     if (t) return t;
   }
-}, mt = (o) => {
+}, at = (o) => {
   const e = le.getAllMenus(), n = Object.fromEntries(
     Object.entries(e).map(([a, s]) => [a, Ce(s)])
   );
-  return /* @__PURE__ */ r(dt, { ...o, menus: n, onSelect: (a) => {
+  return /* @__PURE__ */ r(nt, { ...o, menus: n, onSelect: (a) => {
     for (const s of Object.values(e)) {
       const l = Se(s, a.id);
       if (l != null && l.commandId) {
-        B.executeCommand(l.commandId);
+        W.executeCommand(l.commandId);
         return;
       }
     }
@@ -494,21 +494,21 @@ const B = new ut(), Ce = (o) => o.map((e) => {
             onClick: n,
             "aria-label": "Close Panel",
             className: "p-1 hover:bg-accent hover:text-foreground rounded transition-colors focus:outline-none focus:ring-2 focus:ring-ring shrink-0",
-            children: /* @__PURE__ */ r(J, { size: 14 })
+            children: /* @__PURE__ */ r(B, { size: 14 })
           }
         )
       ] }),
       /* @__PURE__ */ r("div", { className: "flex-1 overflow-auto border-t border-border/50 bg-background/50", children: e })
     ]
   }
-), ft = [
+), lt = [
   { id: "light", label: "Light", icon: Me },
   { id: "dark", label: "Dark", icon: Pe },
-  { id: "gt", label: "Georgia Tech", icon: Ke }
-], pt = ({
+  { id: "gt", label: "Georgia Tech", icon: Re }
+], it = ({
   theme: o,
   onThemeChange: e,
-  themes: n = ft,
+  themes: n = lt,
   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" }),
@@ -549,13 +549,13 @@ const B = new ut(), Ce = (o) => o.map((e) => {
       localStorage.setItem(ue, t), me(t), o({ theme: t });
     }
   };
-}), gt = (o) => {
+}), dt = (o) => {
   const e = F((d) => d.activeSidebar), n = F((d) => d.panels), t = F((d) => d.setActiveSidebar), a = Y((d) => d.theme), s = Y((d) => d.setTheme);
   if (!e) return null;
   const l = () => t(null);
   if (e === "settings")
     return /* @__PURE__ */ r(re, { ...o, title: "Settings", onClose: l, children: /* @__PURE__ */ r(
-      pt,
+      it,
       {
         theme: a,
         onThemeChange: (d) => s(d)
@@ -566,7 +566,7 @@ const B = new ut(), Ce = (o) => o.map((e) => {
     return /* @__PURE__ */ r(re, { ...o, 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(re, { ...o, title: u.label, onClose: l, children: i ? /* @__PURE__ */ r(i, {}) : u.component });
-}, ne = (o, e) => (e.priority ?? 0) - (o.priority ?? 0), ht = ({
+}, ne = (o, e) => (e.priority ?? 0) - (o.priority ?? 0), ct = ({
   widgets: o = [],
   className: e,
   "aria-label": n = "Status Bar"
@@ -630,16 +630,16 @@ const B = new ut(), Ce = (o) => o.map((e) => {
   updateWidget: (e, n) => o((t) => ({
     widgets: t.widgets.map((a) => a.id === e ? { ...a, ...n } : a)
   }))
-})), bt = (o) => {
-  const e = ie((t) => t.widgets), n = R(
+})), ut = (o) => {
+  const e = ie((t) => t.widgets), n = j(
     () => e.map(({ commandId: t, ...a }) => ({
       ...a,
-      onClick: a.onClick ?? (t ? () => B.executeCommand(t) : void 0)
+      onClick: a.onClick ?? (t ? () => W.executeCommand(t) : void 0)
     })),
     [e]
   );
-  return /* @__PURE__ */ r(ht, { ...o, widgets: n });
-}, xt = ({
+  return /* @__PURE__ */ r(ct, { ...o, widgets: n });
+}, mt = ({
   history: o = [],
   onCommand: e,
   onClose: n,
@@ -648,14 +648,14 @@ const B = new ut(), Ce = (o) => o.map((e) => {
   title: s = "Terminal",
   className: l
 }) => {
-  const [u, i] = A(""), d = P(null), f = P(null);
-  z(() => {
+  const [u, i] = A(""), d = M(null), m = M(null);
+  O(() => {
     d.current && (d.current.scrollTop = d.current.scrollHeight);
   }, [o]);
-  const p = (m) => {
-    if (m.key !== "Enter") return;
-    const k = u.trim();
-    k && (e == null || e(k), i(""));
+  const f = (p) => {
+    if (p.key !== "Enter") return;
+    const N = u.trim();
+    N && (e == null || e(N), i(""));
   };
   return /* @__PURE__ */ c(
     "div",
@@ -689,7 +689,7 @@ const B = new ut(), Ce = (o) => o.map((e) => {
                 onClick: n,
                 "aria-label": "Close Terminal",
                 className: "p-1 rounded hover:bg-accent hover:text-foreground text-muted-foreground transition-colors focus:outline-none focus:ring-2 focus:ring-ring",
-                children: /* @__PURE__ */ r(J, { size: 14 })
+                children: /* @__PURE__ */ r(B, { size: 14 })
               }
             )
           ] })
@@ -702,10 +702,10 @@ const B = new ut(), Ce = (o) => o.map((e) => {
             "aria-label": `${s} output`,
             className: "flex-1 overflow-y-auto px-3 py-2 space-y-0.5",
             onClick: () => {
-              var m;
-              return (m = f.current) == null ? void 0 : m.focus();
+              var p;
+              return (p = m.current) == null ? void 0 : p.focus();
             },
-            children: o.map((m, k) => /* @__PURE__ */ r("div", { className: "whitespace-pre-wrap break-all text-foreground/90", children: m }, k))
+            children: o.map((p, N) => /* @__PURE__ */ r("div", { className: "whitespace-pre-wrap break-all text-foreground/90", children: p }, N))
           }
         ),
         /* @__PURE__ */ c("div", { className: "flex items-center px-3 py-2 border-t border-border/50 shrink-0", children: [
@@ -713,12 +713,12 @@ const B = new ut(), Ce = (o) => o.map((e) => {
           /* @__PURE__ */ r(
             "input",
             {
-              ref: f,
+              ref: m,
               type: "text",
               "aria-label": `${s} input`,
               value: u,
-              onChange: (m) => i(m.target.value),
-              onKeyDown: p,
+              onChange: (p) => i(p.target.value),
+              onKeyDown: f,
               spellCheck: !1,
               autoComplete: "off",
               className: "flex-1 bg-transparent outline-none text-foreground placeholder:text-muted-foreground"
@@ -735,17 +735,17 @@ const B = new ut(), Ce = (o) => o.map((e) => {
   toggle: () => o((e) => ({ isOpen: !e.isOpen })),
   addHistory: (e) => o((n) => ({ history: [...n.history, e] })),
   clearHistory: () => o({ history: [] })
-})), vt = [
+})), ft = [
   "Available commands:",
   "  help   — show this message",
   "  clear  — clear the terminal"
-], yt = ({
+], pt = ({
   onCommand: o,
   ...e
 }) => {
   const n = 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 n ? /* @__PURE__ */ r(
-    xt,
+    mt,
     {
       ...e,
       history: t,
@@ -757,7 +757,7 @@ const B = new ut(), Ce = (o) => o.map((e) => {
           return;
         }
         if (d === "help") {
-          vt.forEach(s);
+          ft.forEach(s);
           return;
         }
         (o == null ? void 0 : o(i)) !== !0 && s(`command not found: ${i.split(" ")[0]}`);
@@ -766,9 +766,9 @@ const B = new ut(), Ce = (o) => o.map((e) => {
     }
   ) : null;
 };
-class wt {
+class gt {
   constructor() {
-    H(this, "components", /* @__PURE__ */ new Map());
+    J(this, "components", /* @__PURE__ */ new Map());
   }
   /**
    * Register a component with a unique ID.
@@ -790,7 +790,7 @@ class wt {
     return Array.from(this.components.keys());
   }
 }
-const Nt = new wt(), _ = {
+const ht = new gt(), _ = {
   global: { tabEnableClose: !0, tabSetEnableMaximize: !1, tabSetEnableDivide: !0 },
   borders: [
     {
@@ -816,14 +816,14 @@ const Nt = new wt(), _ = {
       }
     ]
   }
-}, fe = "nexus-shell-layout", kt = U((o, e) => {
+}, fe = "nexus-shell-layout", bt = U((o, e) => {
   let n;
   if (typeof window < "u")
     try {
       const t = localStorage.getItem(fe);
       if (t) {
         const a = JSON.parse(t);
-        n = $.fromJson(a);
+        n = K.fromJson(a);
         const s = /* @__PURE__ */ new Set(["dialogue-library", "argument-inspector"]), l = [];
         n.visitNodes((u) => {
           if (u.getType() === "tab") {
@@ -834,12 +834,12 @@ const Nt = new wt(), _ = {
           n.doAction(G.deleteTab(u));
         });
       } else
-        n = $.fromJson(_);
+        n = K.fromJson(_);
     } catch (t) {
-      console.warn("Failed to load layout from storage, using default", t), n = $.fromJson(_);
+      console.warn("Failed to load layout from storage, using default", t), n = K.fromJson(_);
     }
   else
-    n = $.fromJson(_);
+    n = K.fromJson(_);
   return {
     model: n,
     dirtyTabs: /* @__PURE__ */ new Set(),
@@ -849,12 +849,12 @@ const Nt = new wt(), _ = {
       let s;
       if (t && Object.keys(t).length > 0)
         try {
-          s = $.fromJson(t);
+          s = K.fromJson(t);
         } catch (l) {
-          console.warn("Failed to parse init layout json, using default", l), s = $.fromJson(_);
+          console.warn("Failed to parse init layout json, using default", l), s = K.fromJson(_);
         }
       else
-        s = $.fromJson(_);
+        s = K.fromJson(_);
       o({ model: s, disableLocalStorage: a || !1 });
     },
     setModel: (t) => {
@@ -872,12 +872,12 @@ const Nt = new wt(), _ = {
       if (typeof window < "u")
         try {
           const l = localStorage.getItem(t);
-          l ? s = $.fromJson(JSON.parse(l)) : s = $.fromJson(a || _);
+          l ? s = K.fromJson(JSON.parse(l)) : s = K.fromJson(a || _);
         } catch (l) {
-          console.warn("Failed to load layout from storage for key", t, l), s = $.fromJson(a || _);
+          console.warn("Failed to load layout from storage for key", t, l), s = K.fromJson(a || _);
         }
       else
-        s = $.fromJson(a || _);
+        s = K.fromJson(a || _);
       o({ storageKey: t, model: s });
     },
     setTabDirty: (t, a) => {
@@ -892,53 +892,53 @@ const Nt = new wt(), _ = {
       let i = u == null ? void 0 : u.getId();
       if (!i)
         try {
-          const p = l.getFirstTabSet();
-          i = p == null ? void 0 : p.getId();
-        } catch (p) {
-          console.warn("Failed to get first tabset fallback", p);
+          const f = l.getFirstTabSet();
+          i = f == null ? void 0 : f.getId();
+        } catch (f) {
+          console.warn("Failed to get first tabset fallback", f);
         }
-      const f = { ...{}, ...s };
+      const m = { ...{}, ...s };
       if (["nexus-dashboard", "nexus-docs"].includes(t)) {
-        let p = null;
-        if (l.visitNodes((m) => {
-          if (m.getType() === "tab") {
-            const k = m;
-            k.getComponent() === t && (p = k.getId());
+        let f = null;
+        if (l.visitNodes((p) => {
+          if (p.getType() === "tab") {
+            const N = p;
+            N.getComponent() === t && (f = N.getId());
           }
-        }), p) {
-          l.doAction(G.selectTab(p));
+        }), f) {
+          l.doAction(G.selectTab(f));
           return;
         }
       }
-      if (f.mapId) {
-        let p = null;
-        if (l.visitNodes((m) => {
-          var k;
-          if (m.getType() === "tab") {
-            const C = m;
-            ((k = C.getConfig()) == null ? void 0 : k.mapId) === f.mapId && (p = C.getId());
+      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());
           }
-        }), p) {
-          l.doAction(G.selectTab(p));
+        }), f) {
+          l.doAction(G.selectTab(f));
           return;
         }
       }
-      if (f.projectId) {
-        let p = null;
-        if (l.visitNodes((m) => {
-          var k;
-          if (m.getType() === "tab") {
-            const C = m;
-            ((k = C.getConfig()) == null ? void 0 : k.projectId) === f.projectId && (p = C.getId());
+      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());
           }
-        }), p) {
-          l.doAction(G.selectTab(p));
+        }), f) {
+          l.doAction(G.selectTab(f));
           return;
         }
       }
       i && l.doAction(
         G.addNode(
-          { type: "tab", component: t, name: a || t, config: f },
+          { type: "tab", component: t, name: a || t, config: m },
           i,
           Oe.CENTER,
           -1
@@ -966,7 +966,7 @@ const Nt = new wt(), _ = {
     const { resolve: t } = e();
     t && t(n), o({ isOpen: !1, resolve: null });
   }
-})), Gt = ({
+})), _t = ({
   panels: o,
   slashCommands: e,
   menuConfig: n,
@@ -977,41 +977,41 @@ const Nt = new wt(), _ = {
   layoutModel: u,
   initialLayoutJson: i,
   disableLocalStorage: d = !1,
-  onLayoutChange: f
+  onLayoutChange: m
 }) => {
-  const { model: p, setModel: m, initLayout: k, isTabDirty: C, setTabDirty: x } = kt(), h = Y((b) => b.theme), T = F((b) => b.setPanels), I = Q((b) => b.setSlashCommands), N = ie((b) => b.setWidgets);
-  z(() => {
-    o && T(o);
-  }, [o, T]), z(() => {
-    e && I(e);
-  }, [e, I]), z(() => {
+  const { model: f, setModel: p, initLayout: N, isTabDirty: k, setTabDirty: w } = bt(), h = Y((E) => E.theme), x = F((E) => E.setPanels), b = Q((E) => E.setSlashCommands), y = ie((E) => E.setWidgets);
+  O(() => {
+    o && x(o);
+  }, [o, x]), O(() => {
+    e && b(e);
+  }, [e, b]), O(() => {
     n && le.setMenus(n);
-  }, [n]), z(() => {
-    t && N(t);
-  }, [t, N]), z(() => {
-    u || !i && !d || k(i, d);
+  }, [n]), O(() => {
+    t && y(t);
+  }, [t, y]), O(() => {
+    u || !i && !d || N(i, d);
   }, []);
-  const y = (b) => {
+  const g = (E) => {
     try {
-      const E = b.getComponent(), w = b.getConfig() || {}, L = E ? Nt.get(E) : void 0;
-      return L ? /* @__PURE__ */ r(L, { node: b, ...w }) : /* @__PURE__ */ c("div", { className: "p-4 text-sm", children: [
+      const L = E.getComponent(), T = E.getConfig() || {}, P = L ? ht.get(L) : void 0;
+      return P ? /* @__PURE__ */ r(P, { node: E, ...T }) : /* @__PURE__ */ c("div", { className: "p-4 text-sm", children: [
         "Unknown Component: ",
-        E
+        L
       ] });
-    } catch (E) {
-      return console.error("Error in component factory:", E), /* @__PURE__ */ c("div", { className: "p-8 text-destructive bg-destructive/10 border border-destructive/20 h-full flex items-center justify-center", children: [
+    } 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: [
         "Error rendering component: ",
-        E instanceof Error ? E.message : "Unknown error"
+        L instanceof Error ? L.message : "Unknown error"
       ] });
     }
-  }, g = (b) => {
-    if (b.type !== G.DELETE_TAB) return b;
-    const E = p.getNodeById(b.data.node);
-    if (!E || !C(E.getId())) return b;
+  }, C = (E) => {
+    if (E.type !== G.DELETE_TAB) return E;
+    const L = f.getNodeById(E.data.node);
+    if (!L || !k(L.getId())) return E;
     Te.getState().openConfirm(
-      `Tab "${E.getName()}" has unsaved changes. Are you sure you want to close it?`
-    ).then((w) => {
-      w && (x(E.getId(), !1), p.doAction(b));
+      `Tab "${L.getName()}" has unsaved changes. Are you sure you want to close it?`
+    ).then((T) => {
+      T && (w(L.getId(), !1), f.doAction(E));
     });
   };
   return /* @__PURE__ */ c(
@@ -1020,7 +1020,7 @@ const Nt = new wt(), _ = {
       className: `flex flex-col h-screen w-screen bg-background text-foreground overflow-hidden theme-${h}`,
       children: [
         /* @__PURE__ */ r(
-          mt,
+          at,
           {
             title: a,
             center: l,
@@ -1028,36 +1028,36 @@ const Nt = new wt(), _ = {
           }
         ),
         /* @__PURE__ */ c("div", { className: "flex-1 flex overflow-hidden", children: [
-          /* @__PURE__ */ r(nt, {}),
-          /* @__PURE__ */ r(gt, {}),
+          /* @__PURE__ */ r(Qe, {}),
+          /* @__PURE__ */ r(dt, {}),
           /* @__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(
-              ze,
+              Ae,
               {
-                model: u || p,
-                factory: y,
-                onModelChange: (b) => {
-                  u || m(b), f == null || f(b.toJson());
+                model: u || f,
+                factory: g,
+                onModelChange: (E) => {
+                  u || p(E), m == null || m(E.toJson());
                 },
-                onAction: g
+                onAction: C
               }
             ) }),
-            /* @__PURE__ */ r(yt, {})
+            /* @__PURE__ */ r(pt, {})
           ] }),
-          /* @__PURE__ */ r(it, {})
+          /* @__PURE__ */ r(rt, {})
         ] }),
-        /* @__PURE__ */ r(bt, {})
+        /* @__PURE__ */ r(ut, {})
       ]
     }
   );
-}, Vt = [
+}, Bt = [
   "view.toggleTerminal",
   "view.toggleChat",
   "view.toggleSidebar",
   "theme.light",
   "theme.dark",
   "theme.gt"
-], oe = (o) => () => Y.getState().setTheme(o), Ct = [
+], oe = (o) => () => Y.getState().setTheme(o), xt = [
   {
     id: "view.toggleTerminal",
     label: "View: Toggle Terminal",
@@ -1082,7 +1082,7 @@ const Nt = new wt(), _ = {
   { id: "theme.light", label: "Preferences: Light Theme", execute: oe("light") },
   { id: "theme.dark", label: "Preferences: Dark Theme", execute: oe("dark") },
   { id: "theme.gt", label: "Preferences: Georgia Tech Theme", execute: oe("gt") }
-], St = {
+], vt = {
   View: [
     { id: "view.terminal", label: "Toggle Terminal", commandId: "view.toggleTerminal" },
     { id: "view.chat", label: "Toggle Chat", commandId: "view.toggleChat" },
@@ -1097,7 +1097,7 @@ const Nt = new wt(), _ = {
       ]
     }
   ]
-}, Yt = (o = {}) => {
+}, Jt = (o = {}) => {
   const {
     panels: e,
     menus: n,
@@ -1107,18 +1107,18 @@ const Nt = new wt(), _ = {
     defaultCommands: l = !0,
     defaultMenus: u = !0
   } = o;
-  l && Ct.forEach((d) => B.registerCommand(d)), t == null || t.forEach((d) => B.registerCommand(d));
+  l && xt.forEach((d) => W.registerCommand(d)), t == null || t.forEach((d) => W.registerCommand(d));
   const i = {
-    ...l && u ? St : {},
+    ...l && u ? vt : {},
     ...n ?? {}
   };
   Object.keys(i).length > 0 && le.setMenus(i), e && F.getState().setPanels(e), a && ie.getState().setWidgets(a), s && Q.getState().setSlashCommands(s);
 };
-class Tt {
+class yt {
   constructor() {
-    H(this, "plugins", /* @__PURE__ */ new Map());
-    H(this, "loaders", /* @__PURE__ */ new Map());
-    H(this, "statuses", /* @__PURE__ */ new Map());
+    J(this, "plugins", /* @__PURE__ */ new Map());
+    J(this, "loaders", /* @__PURE__ */ new Map());
+    J(this, "statuses", /* @__PURE__ */ new Map());
   }
   registerPlugin(e) {
     if (this.plugins.has(e.id)) {
@@ -1177,13 +1177,13 @@ class Tt {
     return Array.from(this.plugins.values());
   }
 }
-const qt = new Tt(), pe = "nexus-shell-user-profile", ge = {
+const Ht = new yt(), pe = "nexus-shell-user-profile", ge = {
   name: "David Tech",
   role: "Shell Architect",
   email: "david@techmuch.io",
   avatarUrl: "",
   customAvatar: ""
-}, W = U((o) => {
+}, H = U((o) => {
   let e = { ...ge };
   if (typeof window < "u")
     try {
@@ -1224,12 +1224,12 @@ const qt = new Tt(), pe = "nexus-shell-user-profile", ge = {
       return n(a), { customAvatar: "" };
     })
   };
-}), Qt = () => {
-  z(() => {
+}), Wt = () => {
+  O(() => {
     const o = (e) => {
-      const n = B.getCommands();
+      const n = W.getCommands();
       for (const t of n)
-        if (t.keybinding && Dt(e, t.keybinding)) {
+        if (t.keybinding && wt(e, t.keybinding)) {
           e.preventDefault(), t.execute();
           break;
         }
@@ -1237,38 +1237,38 @@ const qt = new Tt(), pe = "nexus-shell-user-profile", ge = {
     return window.addEventListener("keydown", o), () => window.removeEventListener("keydown", o);
   }, []);
 };
-function Dt(o, e) {
-  var m;
-  const n = e.split("+"), t = (m = n.pop()) == null ? void 0 : m.toLowerCase(), a = n.includes("Control") || n.includes("Ctrl"), s = n.includes("Shift"), l = n.includes("Alt"), u = n.includes("Meta") || n.includes("Cmd"), i = o.ctrlKey, d = o.shiftKey, f = o.altKey, p = o.metaKey;
-  return o.key.toLowerCase() === t && i === a && d === s && f === l && p === u;
+function wt(o, e) {
+  var p;
+  const n = e.split("+"), t = (p = n.pop()) == null ? void 0 : p.toLowerCase(), a = n.includes("Control") || n.includes("Ctrl"), s = n.includes("Shift"), l = n.includes("Alt"), u = n.includes("Meta") || n.includes("Cmd"), i = o.ctrlKey, d = o.shiftKey, m = o.altKey, f = o.metaKey;
+  return o.key.toLowerCase() === t && i === a && d === s && m === l && f === u;
 }
-const Et = (o, e) => {
+const Nt = (o, e) => {
   const n = e.toLowerCase();
   return o.label.toLowerCase().includes(n) || o.id.toLowerCase().includes(n);
-}, It = ({
+}, kt = ({
   open: o,
   commands: e,
   onSelect: n,
   onClose: t,
   inline: a = !1,
   placeholder: s = "Type a command to run…",
-  filter: l = Et,
+  filter: l = Nt,
   className: u
 }) => {
-  const [i, d] = A(""), [f, p] = A(0), m = P(null), k = R(
-    () => e.filter((x) => l(x, i)),
+  const [i, d] = A(""), [m, f] = A(0), p = M(null), N = j(
+    () => e.filter((w) => l(w, i)),
     [e, i, l]
   );
-  if (z(() => {
-    var x;
-    o && (d(""), p(0), (x = m.current) == null || x.focus());
-  }, [o]), z(() => {
-    p(0);
+  if (O(() => {
+    var w;
+    o && (d(""), f(0), (w = p.current) == null || w.focus());
+  }, [o]), O(() => {
+    f(0);
   }, [i]), !o) return null;
-  const C = (x) => {
-    x.key === "ArrowDown" ? (x.preventDefault(), p((h) => k.length ? (h + 1) % k.length : 0)) : x.key === "ArrowUp" ? (x.preventDefault(), p(
-      (h) => k.length ? (h - 1 + k.length) % k.length : 0
-    )) : x.key === "Enter" ? (x.preventDefault(), k[f] && n(k[f])) : x.key === "Escape" && (x.preventDefault(), t == null || t());
+  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] && n(N[m])) : w.key === "Escape" && (w.preventDefault(), t == null || t());
   };
   return /* @__PURE__ */ r(
     "div",
@@ -1284,7 +1284,7 @@ const Et = (o, e) => {
           role: "dialog",
           "aria-modal": !a,
           "aria-label": "Command Palette",
-          onClick: (x) => x.stopPropagation(),
+          onClick: (w) => w.stopPropagation(),
           className: S(
             "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
@@ -1295,7 +1295,7 @@ const Et = (o, e) => {
               /* @__PURE__ */ r(
                 "input",
                 {
-                  ref: m,
+                  ref: p,
                   type: "text",
                   role: "combobox",
                   "aria-expanded": !0,
@@ -1303,8 +1303,8 @@ const Et = (o, e) => {
                   "aria-label": "Command",
                   placeholder: s,
                   value: i,
-                  onChange: (x) => d(x.target.value),
-                  onKeyDown: C,
+                  onChange: (w) => d(w.target.value),
+                  onKeyDown: k,
                   className: "flex-1 h-14 bg-transparent outline-none text-base text-foreground placeholder:text-muted-foreground"
                 }
               )
@@ -1315,23 +1315,23 @@ const Et = (o, e) => {
                 id: "command-palette-list",
                 role: "listbox",
                 className: "max-h-[300px] overflow-y-auto py-2",
-                children: k.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." }) : k.map((x, h) => /* @__PURE__ */ c(
+                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(
                   "div",
                   {
                     role: "option",
-                    "aria-selected": h === f,
-                    onClick: () => n(x),
-                    onMouseEnter: () => p(h),
+                    "aria-selected": h === m,
+                    onClick: () => n(w),
+                    onMouseEnter: () => f(h),
                     className: S(
                       "px-4 py-2 cursor-pointer flex justify-between items-center text-sm",
-                      h === f ? "bg-accent text-accent-foreground" : "hover:bg-accent/50"
+                      h === m ? "bg-accent text-accent-foreground" : "hover:bg-accent/50"
                     ),
                     children: [
-                      /* @__PURE__ */ r("span", { children: x.label }),
-                      x.keybinding && /* @__PURE__ */ r("span", { className: "text-[10px] text-muted-foreground bg-muted px-1.5 py-0.5 rounded border border-border/50", children: x.keybinding })
+                      /* @__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 })
                     ]
                   },
-                  x.id
+                  w.id
                 ))
               }
             ),
@@ -1356,38 +1356,38 @@ const Et = (o, e) => {
       )
     }
   );
-}, Xt = ({
+}, Gt = ({
   shortcutKey: o = "p",
   ...e
 }) => {
   const [n, t] = A(!1);
-  return z(() => {
+  return O(() => {
     if (o === null) return;
     const a = (s) => {
       (s.metaKey || s.ctrlKey) && s.shiftKey && s.key.toLowerCase() === o && (s.preventDefault(), t((l) => !l));
     };
     return window.addEventListener("keydown", a), () => window.removeEventListener("keydown", a);
   }, [o]), /* @__PURE__ */ r(
-    It,
+    kt,
     {
       ...e,
       open: n,
-      commands: B.getCommands(),
+      commands: W.getCommands(),
       onSelect: (a) => {
         a.execute(), t(!1);
       },
       onClose: () => t(!1)
     }
   );
-}, Ot = {
-  alert: Re,
-  confirm: je,
-  prompt: $e
-}, zt = {
+}, Ct = {
+  alert: je,
+  confirm: $e,
+  prompt: Ke
+}, St = {
   alert: "text-destructive",
   confirm: "text-amber-500",
   prompt: "text-blue-500"
-}, At = ({
+}, Tt = ({
   open: o,
   type: e = "alert",
   title: n,
@@ -1398,26 +1398,26 @@ const Et = (o, e) => {
   confirmLabel: u,
   cancelLabel: i = "Cancel",
   placeholder: d = "Enter value…",
-  className: f
+  className: m
 }) => {
-  const [p, m] = A(a), k = P(null);
-  if (z(() => {
-    if (!o || (m(a), e !== "prompt")) return;
-    const T = window.setTimeout(() => {
-      var I, N;
-      (I = k.current) == null || I.focus(), (N = k.current) == null || N.select();
+  const [f, p] = A(a), N = M(null);
+  if (O(() => {
+    if (!o || (p(a), e !== "prompt")) return;
+    const x = window.setTimeout(() => {
+      var b, y;
+      (b = N.current) == null || b.focus(), (y = N.current) == null || y.select();
     }, 50);
-    return () => window.clearTimeout(T);
-  }, [o, e, a]), z(() => {
+    return () => window.clearTimeout(x);
+  }, [o, e, a]), O(() => {
     if (!o) return;
-    const T = (I) => {
-      I.key === "Escape" && (I.preventDefault(), l == null || l());
+    const x = (b) => {
+      b.key === "Escape" && (b.preventDefault(), l == null || l());
     };
-    return document.addEventListener("keydown", T), () => document.removeEventListener("keydown", T);
+    return document.addEventListener("keydown", x), () => document.removeEventListener("keydown", x);
   }, [o, l]), !o) return null;
-  const C = () => s == null ? void 0 : s(e === "prompt" ? p : void 0), x = (T) => {
-    T.key === "Enter" && (T.preventDefault(), C());
-  }, h = Ot[e];
+  const k = () => s == null ? void 0 : s(e === "prompt" ? f : void 0), w = (x) => {
+    x.key === "Enter" && (x.preventDefault(), k());
+  }, h = Ct[e];
   return /* @__PURE__ */ r(
     "div",
     {
@@ -1429,11 +1429,11 @@ const Et = (o, e) => {
           role: "dialog",
           "aria-modal": "true",
           "aria-label": n,
-          onClick: (T) => T.stopPropagation(),
-          onKeyDown: x,
+          onClick: (x) => x.stopPropagation(),
+          onKeyDown: w,
           className: S(
             "relative flex flex-col w-full max-w-md p-6 bg-card border border-border shadow-2xl rounded-2xl animate-in fade-in zoom-in-95 ring-1 ring-white/10",
-            f
+            m
           ),
           children: [
             /* @__PURE__ */ r(
@@ -1443,11 +1443,11 @@ const Et = (o, e) => {
                 onClick: l,
                 "aria-label": "Close",
                 className: "absolute top-4 right-4 p-1 rounded-full text-muted-foreground hover:bg-muted hover:text-foreground transition-colors focus:outline-none focus:ring-2 focus:ring-ring",
-                children: /* @__PURE__ */ r(J, { size: 18 })
+                children: /* @__PURE__ */ r(B, { 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", zt[e]), children: /* @__PURE__ */ r(h, { size: 24 }) }),
+              /* @__PURE__ */ r("div", { className: S("p-2 bg-muted rounded-full shrink-0", St[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: n }),
                 t && /* @__PURE__ */ r("p", { className: "text-sm text-muted-foreground mt-1 whitespace-pre-wrap", children: t })
@@ -1456,12 +1456,12 @@ const Et = (o, e) => {
             e === "prompt" && /* @__PURE__ */ r("div", { className: "mt-2 mb-4", children: /* @__PURE__ */ r(
               "input",
               {
-                ref: k,
+                ref: N,
                 type: "text",
                 "aria-label": n,
-                value: p,
+                value: f,
                 placeholder: d,
-                onChange: (T) => m(T.target.value),
+                onChange: (x) => p(x.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"
               }
             ) }),
@@ -1479,7 +1479,7 @@ const Et = (o, e) => {
                 "button",
                 {
                   type: "button",
-                  onClick: C,
+                  onClick: k,
                   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")
@@ -1491,10 +1491,10 @@ const Et = (o, e) => {
       )
     }
   );
-}, Zt = (o) => {
+}, Vt = (o) => {
   const { isOpen: e, type: n, title: t, message: a, defaultValue: s, close: l } = Te();
   return /* @__PURE__ */ r(
-    At,
+    Tt,
     {
       ...o,
       open: e,
@@ -1510,14 +1510,14 @@ const Et = (o, e) => {
       }
     }
   );
-}, Lt = [
+}, Dt = [
   { id: "light", label: "Light" },
   { id: "dark", label: "Dark" },
   { id: "gt", label: "GT" }
-], Mt = ({
+], Et = ({
   value: o,
   onChange: e,
-  options: n = Lt,
+  options: n = Dt,
   className: t,
   "aria-label": a = "Theme"
 }) => /* @__PURE__ */ r(
@@ -1544,10 +1544,10 @@ const Et = (o, e) => {
       s.id
     ))
   }
-), er = (o) => {
+), Yt = (o) => {
   const e = Y((t) => t.theme), n = Y((t) => t.setTheme);
-  return /* @__PURE__ */ r(Mt, { ...o, value: e, onChange: n });
-}, Pt = ({
+  return /* @__PURE__ */ r(Et, { ...o, value: e, onChange: n });
+}, It = ({
   profile: o,
   actions: e = [],
   onProfileChange: n,
@@ -1556,36 +1556,36 @@ const Et = (o, e) => {
   showName: s = !0,
   className: l
 }) => {
-  const { name: u, role: i, email: d, avatarUrl: f } = o, [p, m] = A(!1), [k, C] = A(!1), [x, h] = A(u), [T, I] = A(i ?? ""), N = P(null), y = P(null);
-  z(() => {
-    p && (h(u), I(i ?? ""), C(!1));
-  }, [p, u, i]), z(() => {
-    if (!p) return;
-    const w = (L) => {
-      N.current && !N.current.contains(L.target) && m(!1);
+  const { name: u, role: i, email: d, avatarUrl: m } = o, [f, p] = A(!1), [N, k] = A(!1), [w, h] = A(u), [x, b] = A(i ?? ""), y = M(null), g = M(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);
     };
-    return document.addEventListener("mousedown", w), () => document.removeEventListener("mousedown", w);
-  }, [p]);
-  const g = (w) => {
-    w.preventDefault(), n == null || n({ name: x, role: T }), C(!1);
-  }, b = (w) => {
+    return document.addEventListener("mousedown", T), () => document.removeEventListener("mousedown", T);
+  }, [f]);
+  const C = (T) => {
+    T.preventDefault(), n == null || n({ name: w, role: x }), k(!1);
+  }, E = (T) => {
     var v;
-    const L = (v = w.target.files) == null ? void 0 : v[0];
-    L && (t == null || t(L)), w.target.value = "";
-  }, E = (w) => f ? /* @__PURE__ */ r("img", { src: f, alt: u, className: "w-full h-full object-cover" }) : /* @__PURE__ */ r(xe, { size: w, className: "text-muted-foreground" });
-  return /* @__PURE__ */ c("div", { ref: N, className: "relative inline-block text-left", children: [
+    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(xe, { size: T, className: "text-muted-foreground" });
+  return /* @__PURE__ */ c("div", { ref: y, className: "relative inline-block text-left", children: [
     /* @__PURE__ */ c(
       "button",
       {
         type: "button",
-        onClick: () => a ? a() : m((w) => !w),
+        onClick: () => a ? a() : p((T) => !T),
         "aria-haspopup": a ? void 0 : "menu",
-        "aria-expanded": a ? void 0 : p,
+        "aria-expanded": a ? void 0 : f,
         "aria-label": "User Profile Menu",
         className: S(
           "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",
-          p && (s ? "bg-accent/60 border-border/40" : "border-primary/50 text-foreground ring-1 ring-primary/20"),
+          f && (s ? "bg-accent/60 border-border/40" : "border-primary/50 text-foreground ring-1 ring-primary/20"),
           l
         ),
         children: [
@@ -1596,7 +1596,7 @@ const Et = (o, e) => {
                 "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: E(s ? 13 : 12)
+              children: L(s ? 13 : 12)
             }
           ),
           s && /* @__PURE__ */ c("div", { className: "flex flex-col min-w-0 leading-tight pr-1", children: [
@@ -1610,14 +1610,14 @@ const Et = (o, e) => {
       "input",
       {
         type: "file",
-        ref: y,
-        onChange: b,
+        ref: g,
+        onChange: E,
         accept: "image/*",
         "aria-label": "Upload avatar",
         className: "hidden"
       }
     ),
-    p && /* @__PURE__ */ r(
+    f && /* @__PURE__ */ r(
       "div",
       {
         role: "menu",
@@ -1625,7 +1625,7 @@ const Et = (o, e) => {
           "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: k ? /* @__PURE__ */ c("form", { onSubmit: g, className: "p-2 flex flex-col gap-2", children: [
+        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" }),
@@ -1634,8 +1634,8 @@ const Et = (o, e) => {
               {
                 id: "profile-name",
                 type: "text",
-                value: x,
-                onChange: (w) => h(w.target.value),
+                value: w,
+                onChange: (T) => h(T.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"
               }
@@ -1648,8 +1648,8 @@ const Et = (o, e) => {
               {
                 id: "profile-role",
                 type: "text",
-                value: T,
-                onChange: (w) => I(w.target.value),
+                value: x,
+                onChange: (T) => b(T.target.value),
                 className: "w-full px-2 py-1 text-xs border rounded bg-background focus:ring-1 focus:ring-primary focus:outline-none"
               }
             )
@@ -1659,10 +1659,10 @@ const Et = (o, e) => {
               "button",
               {
                 type: "button",
-                onClick: () => C(!1),
+                onClick: () => k(!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(J, { size: 10 }),
+                  /* @__PURE__ */ r(B, { size: 10 }),
                   " Cancel"
                 ]
               }
@@ -1685,8 +1685,8 @@ const Et = (o, e) => {
               "div",
               {
                 onClick: () => {
-                  var w;
-                  return t && ((w = y.current) == null ? void 0 : w.click());
+                  var T;
+                  return t && ((T = g.current) == null ? void 0 : T.click());
                 },
                 title: t ? "Upload avatar image" : void 0,
                 className: S(
@@ -1694,7 +1694,7 @@ const Et = (o, e) => {
                   t && "cursor-pointer"
                 ),
                 children: [
-                  E(24),
+                  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(Ue, { size: 14, className: "text-white" }) })
                 ]
               }
@@ -1706,7 +1706,7 @@ const Et = (o, e) => {
                   "button",
                   {
                     type: "button",
-                    onClick: () => C(!0),
+                    onClick: () => k(!0),
                     title: "Edit Profile",
                     "aria-label": "Edit Profile",
                     className: "p-1 text-muted-foreground hover:text-foreground hover:bg-accent/40 rounded transition-colors",
@@ -1718,58 +1718,58 @@ const Et = (o, e) => {
               d && /* @__PURE__ */ r("span", { className: "text-[9px] text-muted-foreground/60 truncate font-mono mt-0.5", children: d })
             ] })
           ] }),
-          e.map((w) => {
-            const L = w.icon;
+          e.map((T) => {
+            const P = T.icon;
             return /* @__PURE__ */ c(
               "button",
               {
                 type: "button",
                 role: "menuitem",
                 onClick: () => {
-                  w.onSelect(), m(!1);
+                  T.onSelect(), p(!1);
                 },
                 className: S(
                   "w-full px-2 py-1.5 text-left rounded-md text-[11px] font-medium flex items-center gap-2 cursor-pointer transition-colors",
-                  w.destructive ? "text-destructive hover:bg-destructive/10" : "hover:bg-accent/60 hover:text-accent-foreground",
-                  w.divider && "border-t border-border/20 pt-2 mt-1"
+                  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"
                 ),
                 children: [
-                  L && /* @__PURE__ */ r(L, { size: 12, className: "opacity-70" }),
-                  w.label
+                  P && /* @__PURE__ */ r(P, { size: 12, className: "opacity-70" }),
+                  T.label
                 ]
               },
-              w.id
+              T.id
             );
           })
         ] })
       }
     )
   ] });
-}, tr = (o) => {
-  const e = W((d) => d.name), n = 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);
+}, qt = (o) => {
+  const e = H((d) => d.name), n = H((d) => d.role), t = H((d) => d.email), a = H((d) => d.avatarUrl), s = H((d) => d.customAvatar), l = H((d) => d.updateProfile), u = H((d) => d.setCustomAvatar);
   return /* @__PURE__ */ r(
-    Pt,
+    It,
     {
       ...o,
       profile: { name: e, role: n, email: t, avatarUrl: s || a },
       onProfileChange: l,
       onAvatarChange: (d) => {
-        const f = new FileReader();
-        f.onloadend = () => {
-          typeof f.result == "string" && u(f.result);
-        }, f.readAsDataURL(d);
+        const m = new FileReader();
+        m.onloadend = () => {
+          typeof m.result == "string" && u(m.result);
+        }, m.readAsDataURL(d);
       }
     }
   );
-}, rr = ({ title: o, subtitle: e, icon: n, className: t }) => /* @__PURE__ */ c("div", { className: S("flex items-center space-x-3 select-none", t), children: [
+}, Qt = ({ title: o, subtitle: e, icon: n, className: t }) => /* @__PURE__ */ c("div", { className: S("flex items-center space-x-3 select-none", t), children: [
   n && /* @__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: n }),
   /* @__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: o }),
     e && /* @__PURE__ */ r("p", { className: "text-[9px] text-muted-foreground font-semibold truncate", children: e })
   ] })
-] }), Kt = ({ x: o, y: e, items: n, onClose: t, className: a }) => {
-  const s = P(null);
-  return z(() => {
+] }), Ot = ({ x: o, y: e, items: n, onClose: t, className: a }) => {
+  const s = M(null);
+  return O(() => {
     const l = (i) => {
       s.current && !s.current.contains(i.target) && t();
     }, u = (i) => {
@@ -1815,7 +1815,7 @@ const Et = (o, e) => {
       ] }, `${l.label}-${u}`))
     }
   );
-}, nr = ({
+}, Xt = ({
   columns: o,
   data: e,
   onRowClick: n,
@@ -1827,85 +1827,85 @@ const Et = (o, e) => {
   placeholder: i = "No data available",
   className: d
 }) => {
-  const [f, p] = A(""), [m, k] = A(null), [C, x] = A(-1), h = P(null);
-  z(() => {
-    x(-1);
-  }, [f, m]);
-  const T = R(() => {
-    if (!f) return e;
-    const v = f.toLowerCase();
-    return e.filter((D) => Object.values(D).some((O) => O == null ? !1 : String(O).toLowerCase().includes(v)));
-  }, [e, f]), I = R(() => {
-    if (!m) return T;
-    const { key: v, direction: D } = m;
-    return [...T].sort((O, j) => {
-      const K = O[v], M = j[v];
-      if (K === M) return 0;
-      if (K == null) return 1;
-      if (M == null) return -1;
-      const Z = Number(K), ee = Number(M);
+  const [m, f] = A(""), [p, N] = A(null), [k, w] = A(-1), h = M(null);
+  O(() => {
+    w(-1);
+  }, [m, p]);
+  const x = j(() => {
+    if (!m) return e;
+    const v = m.toLowerCase();
+    return e.filter((D) => Object.values(D).some((I) => I == null ? !1 : String(I).toLowerCase().includes(v)));
+  }, [e, m]), b = j(() => {
+    if (!p) return x;
+    const { key: v, direction: D } = p;
+    return [...x].sort((I, $) => {
+      const R = I[v], z = $[v];
+      if (R === z) return 0;
+      if (R == null) return 1;
+      if (z == null) return -1;
+      const Z = Number(R), ee = Number(z);
       if (!isNaN(Z) && !isNaN(ee))
         return D === "asc" ? Z - ee : ee - Z;
-      const de = String(K).toLowerCase(), ce = String(M).toLowerCase();
+      const de = String(R).toLowerCase(), ce = String(z).toLowerCase();
       return D === "asc" ? de.localeCompare(ce) : ce.localeCompare(de);
     });
-  }, [T, m]), N = (v, D) => {
-    D !== !1 && k((O) => !O || O.key !== v ? { key: v, direction: "asc" } : O.direction === "asc" ? { key: v, direction: "desc" } : null);
-  }, y = (v) => {
-    if (!(I.length === 0 || u)) {
+  }, [x, p]), y = (v, D) => {
+    D !== !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(), x((D) => {
-          const O = D + 1;
-          return O >= I.length ? 0 : O;
+        v.preventDefault(), w((D) => {
+          const I = D + 1;
+          return I >= b.length ? 0 : I;
         });
       else if (v.key === "ArrowUp")
-        v.preventDefault(), x((D) => {
-          const O = D - 1;
-          return O < 0 ? I.length - 1 : O;
+        v.preventDefault(), w((D) => {
+          const I = D - 1;
+          return I < 0 ? b.length - 1 : I;
         });
-      else if ((v.key === "Enter" || v.key === " ") && (v.preventDefault(), C >= 0 && C < I.length)) {
-        const D = I[C];
+      else if ((v.key === "Enter" || v.key === " ") && (v.preventDefault(), k >= 0 && k < b.length)) {
+        const D = b[k];
         n && n(D);
       }
     }
-  }, g = (v) => v.sortable === !1 ? null : (m == null ? void 0 : m.key) !== v.key ? /* @__PURE__ */ r(Je, { size: 14, className: "text-muted-foreground/60 ml-1.5 opacity-0 group-hover:opacity-100 transition-opacity" }) : m.direction === "asc" ? /* @__PURE__ */ r(we, { size: 14, className: "text-primary ml-1.5" }) : /* @__PURE__ */ r(ke, { size: 14, className: "text-primary ml-1.5" }), b = () => /* @__PURE__ */ r("tr", { role: "row", className: "border-b border-border bg-muted/30 select-none", children: o.map((v) => /* @__PURE__ */ r(
+  }, C = (v) => v.sortable === !1 ? null : (p == null ? void 0 : p.key) !== v.key ? /* @__PURE__ */ r(Be, { size: 14, className: "text-muted-foreground/60 ml-1.5 opacity-0 group-hover:opacity-100 transition-opacity" }) : p.direction === "asc" ? /* @__PURE__ */ r(we, { size: 14, className: "text-primary ml-1.5" }) : /* @__PURE__ */ r(ke, { size: 14, className: "text-primary ml-1.5" }), E = () => /* @__PURE__ */ r("tr", { role: "row", className: "border-b border-border bg-muted/30 select-none", children: o.map((v) => /* @__PURE__ */ r(
     "th",
     {
       role: "columnheader",
-      "aria-sort": (m == null ? void 0 : m.key) === v.key ? m.direction === "asc" ? "ascending" : "descending" : "none",
+      "aria-sort": (p == null ? void 0 : p.key) === v.key ? p.direction === "asc" ? "ascending" : "descending" : "none",
       className: S(
         "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"
       ),
       style: { width: v.width },
-      onClick: () => N(v.key, v.sortable),
+      onClick: () => y(v.key, v.sortable),
       children: /* @__PURE__ */ c("div", { className: "flex items-center", children: [
         /* @__PURE__ */ r("span", { children: v.header }),
-        g(v)
+        C(v)
       ] })
     },
     v.key
-  )) }), E = (v, D) => {
-    const O = t !== void 0 && v[a] === t;
+  )) }), L = (v, D) => {
+    const I = t !== void 0 && v[a] === t;
     return /* @__PURE__ */ r(
       "tr",
       {
         role: "row",
-        "aria-selected": O,
+        "aria-selected": I,
         onClick: () => n && n(v),
         className: S(
           "border-b border-border/40 hover:bg-accent/40 transition-colors cursor-pointer text-sm outline-none",
-          O && "bg-primary/10 text-primary hover:bg-primary/15 font-medium border-l-2 border-l-primary",
-          C === D && "bg-accent/60 ring-1 ring-inset ring-ring"
+          I && "bg-primary/10 text-primary hover:bg-primary/15 font-medium border-l-2 border-l-primary",
+          k === D && "bg-accent/60 ring-1 ring-inset ring-ring"
         ),
-        children: o.map((K) => {
-          const M = v[K.key];
-          return /* @__PURE__ */ r("td", { role: "gridcell", className: "p-3 align-middle truncate max-w-xs", children: K.render ? K.render(M, v) : M != null ? String(M) : "" }, K.key);
+        children: o.map((R) => {
+          const z = v[R.key];
+          return /* @__PURE__ */ r("td", { role: "gridcell", className: "p-3 align-middle truncate max-w-xs", children: R.render ? R.render(z, v) : z != null ? String(z) : "" }, R.key);
         })
       },
       String(v[a] || D)
     );
-  }, w = R(() => ({
+  }, T = j(() => ({
     Table: (v) => /* @__PURE__ */ r(
       "table",
       {
@@ -1916,51 +1916,51 @@ const Et = (o, e) => {
     ),
     TableHead: se.forwardRef((v, D) => /* @__PURE__ */ r("thead", { ref: D, ...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, D) => /* @__PURE__ */ r("tbody", { ref: D, ...v })),
-    TableRow: ({ item: v, context: D, ...O }) => {
-      if (!D || !v) return /* @__PURE__ */ r("tr", { ...O });
-      const j = D.selectedRowId !== void 0 && v[D.rowKey] === D.selectedRowId, K = D.focusedIndex === O["data-index"];
+    TableRow: ({ item: v, context: D, ...I }) => {
+      if (!D || !v) return /* @__PURE__ */ r("tr", { ...I });
+      const $ = D.selectedRowId !== void 0 && v[D.rowKey] === D.selectedRowId, R = D.focusedIndex === I["data-index"];
       return /* @__PURE__ */ r(
         "tr",
         {
-          ...O,
+          ...I,
           onClick: () => {
-            var M;
-            return (M = D.onRowClick) == null ? void 0 : M.call(D, v);
+            var z;
+            return (z = D.onRowClick) == null ? void 0 : z.call(D, v);
           },
           className: S(
             "border-b border-border/40 hover:bg-accent/40 transition-colors cursor-pointer text-sm outline-none",
-            j && "bg-primary/10 text-primary hover:bg-primary/15 font-medium border-l-2 border-l-primary",
-            K && "bg-accent/60 ring-1 ring-inset ring-ring"
+            $ && "bg-primary/10 text-primary hover:bg-primary/15 font-medium border-l-2 border-l-primary",
+            R && "bg-accent/60 ring-1 ring-inset ring-ring"
           )
         }
       );
     }
-  }), []), L = () => u ? /* @__PURE__ */ c("div", { className: "flex flex-col items-center justify-center h-64 space-y-3", children: [
+  }), []), P = () => u ? /* @__PURE__ */ c("div", { className: "flex flex-col items-center justify-center h-64 space-y-3", children: [
     /* @__PURE__ */ r(Ne, { className: "animate-spin text-primary", size: 24 }),
     /* @__PURE__ */ r("span", { className: "text-xs text-muted-foreground", children: "Loading dataset..." })
-  ] }) : I.length === 0 ? /* @__PURE__ */ c("div", { className: "flex flex-col items-center justify-center h-48 text-center px-4", children: [
+  ] }) : 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(
-    Ze,
+    Ge,
     {
-      data: I,
+      data: b,
       context: {
         selectedRowId: t,
-        focusedIndex: C,
+        focusedIndex: k,
         rowKey: a,
         onRowClick: n
       },
-      components: w,
-      fixedHeaderContent: b,
-      itemContent: (v, D) => /* @__PURE__ */ r(he, { children: o.map((O) => {
-        const j = D[O.key];
-        return /* @__PURE__ */ r("td", { role: "gridcell", className: "p-3 align-middle truncate max-w-xs", children: O.render ? O.render(j, D) : j != null ? String(j) : "" }, O.key);
+      components: T,
+      fixedHeaderContent: E,
+      itemContent: (v, D) => /* @__PURE__ */ r(he, { children: o.map((I) => {
+        const $ = D[I.key];
+        return /* @__PURE__ */ r("td", { role: "gridcell", className: "p-3 align-middle truncate max-w-xs", children: I.render ? I.render($, D) : $ != null ? String($) : "" }, 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: b() }),
-    /* @__PURE__ */ r("tbody", { children: I.map((v, D) => E(v, D)) })
+    /* @__PURE__ */ r("thead", { children: E() }),
+    /* @__PURE__ */ r("tbody", { children: b.map((v, D) => L(v, D)) })
   ] }) });
   return /* @__PURE__ */ c(
     "div",
@@ -1969,7 +1969,7 @@ const Et = (o, e) => {
       role: "region",
       "aria-label": "Data Grid",
       tabIndex: 0,
-      onKeyDown: y,
+      onKeyDown: g,
       className: S(
         "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
@@ -1984,32 +1984,32 @@ const Et = (o, e) => {
                 type: "text",
                 placeholder: "Filter table rows...",
                 className: "w-full bg-secondary/40 border border-border rounded-md pl-8 pr-7 py-1.5 text-xs text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-primary focus:border-transparent transition-all",
-                value: f,
-                onChange: (v) => p(v.target.value)
+                value: m,
+                onChange: (v) => f(v.target.value)
               }
             ),
-            f && /* @__PURE__ */ r(
+            m && /* @__PURE__ */ r(
               "button",
               {
-                onClick: () => p(""),
+                onClick: () => f(""),
                 className: "absolute right-2 top-2.5 text-muted-foreground hover:text-foreground",
                 "aria-label": "Clear filter",
-                children: /* @__PURE__ */ r(J, { size: 12 })
+                children: /* @__PURE__ */ r(B, { size: 12 })
               }
             )
           ] }),
           /* @__PURE__ */ c("div", { className: "text-[11px] text-muted-foreground font-medium ml-4", children: [
-            I.length,
+            b.length,
             " of ",
             e.length,
             " records"
           ] })
         ] }),
-        L()
+        P()
       ]
     }
   );
-}, or = ({
+}, Zt = ({
   results: o,
   onQueryChange: e,
   onSelect: n,
@@ -2018,35 +2018,35 @@ const Et = (o, e) => {
   debounceMs: s = 200,
   className: l
 }) => {
-  const [u, i] = A(""), [d, f] = A(!1), [p, m] = A(0), k = P(null), C = P(null), x = R(() => t || [...new Set(o.map((N) => N.category))], [t, o]), h = R(
-    () => x.flatMap((N) => o.filter((y) => y.category === N)),
-    [x, o]
+  const [u, i] = A(""), [d, m] = A(!1), [f, p] = A(0), N = M(null), k = M(null), w = j(() => t || [...new Set(o.map((y) => y.category))], [t, o]), h = j(
+    () => w.flatMap((y) => o.filter((g) => g.category === y)),
+    [w, o]
   );
-  z(() => {
-    const N = (y) => {
-      k.current && !k.current.contains(y.target) && f(!1);
+  O(() => {
+    const y = (g) => {
+      N.current && !N.current.contains(g.target) && m(!1);
     };
-    return document.addEventListener("mousedown", N), () => document.removeEventListener("mousedown", N);
-  }, []), z(() => {
+    return document.addEventListener("mousedown", y), () => document.removeEventListener("mousedown", y);
+  }, []), O(() => {
     if (!e) return;
-    const N = window.setTimeout(() => e(u), s);
-    return () => window.clearTimeout(N);
-  }, [u, s, e]), z(() => {
-    m(0);
+    const y = window.setTimeout(() => e(u), s);
+    return () => window.clearTimeout(y);
+  }, [u, s, e]), O(() => {
+    p(0);
   }, [o]);
-  const T = (N) => {
-    n(N), f(!1), i("");
-  }, I = (N) => {
-    var y;
+  const x = (y) => {
+    n(y), m(!1), i("");
+  }, b = (y) => {
+    var g;
     if (!d) {
-      (N.key === "ArrowDown" || N.key === "Enter") && f(!0);
+      (y.key === "ArrowDown" || y.key === "Enter") && m(!0);
       return;
     }
-    N.key === "ArrowDown" ? (N.preventDefault(), m((g) => h.length ? (g + 1) % h.length : 0)) : N.key === "ArrowUp" ? (N.preventDefault(), m(
-      (g) => h.length ? (g - 1 + h.length) % h.length : 0
-    )) : N.key === "Enter" ? (N.preventDefault(), h[p] && T(h[p])) : N.key === "Escape" && (N.preventDefault(), f(!1), (y = C.current) == null || y.blur());
+    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());
   };
-  return /* @__PURE__ */ c("div", { ref: k, className: S("relative w-full", l), children: [
+  return /* @__PURE__ */ c("div", { ref: N, className: S("relative w-full", l), children: [
     /* @__PURE__ */ c("div", { className: "relative flex items-center", children: [
       /* @__PURE__ */ r(
         X,
@@ -2058,18 +2058,18 @@ const Et = (o, e) => {
       /* @__PURE__ */ r(
         "input",
         {
-          ref: C,
+          ref: k,
           type: "text",
           role: "combobox",
           "aria-expanded": d,
           "aria-label": a,
           value: u,
           placeholder: a,
-          onChange: (N) => {
-            i(N.target.value), f(!0);
+          onChange: (y) => {
+            i(y.target.value), m(!0);
           },
-          onFocus: () => f(!0),
-          onKeyDown: I,
+          onFocus: () => m(!0),
+          onKeyDown: b,
           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"
         }
       ),
@@ -2078,12 +2078,12 @@ const Et = (o, e) => {
         {
           type: "button",
           onClick: () => {
-            var N;
-            i(""), (N = C.current) == null || N.focus();
+            var y;
+            i(""), (y = k.current) == null || y.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(J, { size: 11 })
+          children: /* @__PURE__ */ r(B, { size: 11 })
         }
       )
     ] }),
@@ -2097,44 +2097,44 @@ const Et = (o, e) => {
             'No results found matching "',
             u,
             '"'
-          ] }) : x.map((N) => {
-            const y = o.filter((g) => g.category === N);
-            return y.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: N }),
-              y.map((g) => {
-                const b = g.icon, E = h.indexOf(g), w = E === p;
+          ] }) : w.map((y) => {
+            const g = o.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 E = C.icon, L = h.indexOf(C), T = L === f;
                 return /* @__PURE__ */ c(
                   "div",
                   {
                     role: "option",
-                    "aria-selected": w,
-                    onClick: () => T(g),
-                    onMouseEnter: () => m(E),
+                    "aria-selected": T,
+                    onClick: () => x(C),
+                    onMouseEnter: () => p(L),
                     className: S(
                       "px-3 py-2 cursor-pointer flex items-start space-x-2.5 transition-colors border-l-2",
-                      w ? "bg-accent text-accent-foreground border-primary" : "border-transparent hover:bg-accent/40"
+                      T ? "bg-accent text-accent-foreground border-primary" : "border-transparent hover:bg-accent/40"
                     ),
                     children: [
-                      b && /* @__PURE__ */ r(
+                      E && /* @__PURE__ */ r(
                         "div",
                         {
                           className: S(
                             "mt-0.5 p-1 rounded bg-muted/50",
-                            w && "bg-background text-primary"
+                            T && "bg-background text-primary"
                           ),
-                          children: /* @__PURE__ */ r(b, { size: 12 })
+                          children: /* @__PURE__ */ r(E, { size: 12 })
                         }
                       ),
                       /* @__PURE__ */ c("div", { className: "flex-1 min-w-0", children: [
-                        /* @__PURE__ */ r("div", { className: "text-xs font-medium truncate", children: g.title }),
-                        g.description && /* @__PURE__ */ r("div", { className: "text-[10px] text-muted-foreground truncate mt-0.5", children: g.description })
+                        /* @__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 })
                       ] })
                     ]
                   },
-                  `${g.category}-${g.id}`
+                  `${C.category}-${C.id}`
                 );
               })
-            ] }, N);
+            ] }, y);
           }) }),
           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: [
@@ -2155,7 +2155,7 @@ const Et = (o, e) => {
       }
     )
   ] });
-}, sr = ({
+}, er = ({
   placeholder: o = "Search...",
   onSearch: e,
   results: n,
@@ -2164,19 +2164,19 @@ const Et = (o, e) => {
   loading: s = !1,
   className: l
 }) => {
-  const [u, i] = A(""), [d, f] = A(!1), [p, m] = A(-1), k = P(null);
-  z(() => {
+  const [u, i] = A(""), [d, m] = A(!1), [f, p] = A(-1), N = M(null);
+  O(() => {
     const h = setTimeout(() => {
       e(u);
     }, 300);
     return () => clearTimeout(h);
   }, [u, e]);
-  const C = a.filter(
+  const k = a.filter(
     (h) => h.toLowerCase().includes(u.toLowerCase()) && h.toLowerCase() !== u.toLowerCase()
-  ), x = (h) => {
-    d && C.length > 0 && (h.key === "ArrowDown" ? (h.preventDefault(), m((T) => (T + 1) % C.length)) : h.key === "ArrowUp" ? (h.preventDefault(), m((T) => (T - 1 + C.length) % C.length)) : h.key === "Enter" && p >= 0 && (h.preventDefault(), i(C[p]), f(!1)));
+  ), 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 /* @__PURE__ */ c("div", { ref: k, className: S("flex flex-col h-full bg-background", l), children: [
+  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(Ne, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ r(X, { size: 14 }) }),
@@ -2188,10 +2188,10 @@ const Et = (o, e) => {
             placeholder: o,
             value: u,
             onChange: (h) => {
-              i(h.target.value), f(!0), m(-1);
+              i(h.target.value), m(!0), p(-1);
             },
-            onKeyDown: x,
-            onFocus: () => f(!0)
+            onKeyDown: w,
+            onFocus: () => m(!0)
           }
         ),
         u && /* @__PURE__ */ r(
@@ -2201,22 +2201,22 @@ const Et = (o, e) => {
               i(""), e("");
             },
             className: "absolute right-2 top-2.5 text-muted-foreground hover:text-foreground",
-            children: /* @__PURE__ */ r(J, { size: 14 })
+            children: /* @__PURE__ */ r(B, { size: 14 })
           }
         )
       ] }),
-      d && C.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: C.map((h, T) => /* @__PURE__ */ c(
+      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(
         "div",
         {
           className: S(
             "px-3 py-1.5 text-xs cursor-pointer flex items-center space-x-2",
-            T === p ? "bg-accent text-accent-foreground" : "hover:bg-accent/50"
+            x === f ? "bg-accent text-accent-foreground" : "hover:bg-accent/50"
           ),
           onClick: () => {
-            i(h), f(!1);
+            i(h), m(!1);
           },
           children: [
-            /* @__PURE__ */ r(He, { size: 12, className: "text-muted-foreground" }),
+            /* @__PURE__ */ r(Je, { size: 12, className: "text-muted-foreground" }),
             /* @__PURE__ */ r("span", { children: h })
           ]
         },
@@ -2224,14 +2224,14 @@ const Et = (o, e) => {
       )) })
     ] }),
     /* @__PURE__ */ r("div", { className: "flex-1 overflow-y-auto", children: n.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: n.map((h) => {
-      const T = h.icon;
+      const x = h.icon;
       return /* @__PURE__ */ r(
         "div",
         {
           onClick: () => t(h),
           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: [
-            T && /* @__PURE__ */ r("div", { className: "mt-0.5 p-1 rounded bg-muted group-hover:bg-background transition-colors", children: /* @__PURE__ */ r(T, { size: 14, className: "text-muted-foreground group-hover:text-primary" }) }),
+            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 }),
@@ -2245,103 +2245,77 @@ const Et = (o, e) => {
       );
     }) }) })
   ] });
-}, De = (o, e = 0) => o.reduce((n, t) => (n.push({ ...t, level: e }), t.isOpen && t.children && n.push(...De(t.children, e + 1)), n), []), ar = ({
+}, De = (o, e = 0) => o.reduce((n, t) => (n.push({ ...t, level: e }), t.isOpen && t.children && n.push(...De(t.children, e + 1)), n), []), At = (o) => {
+  if (!o) return ["background"];
+  const e = [o.isBranch ? "branch" : "leaf"];
+  return o.kind && e.push(o.kind), e;
+}, tr = ({
   data: o,
   onToggle: e,
   onActivate: n,
   onMoveNode: t,
-  actions: a,
-  onNewFile: s,
-  onNewFolder: l,
-  onRename: u,
-  onDelete: i,
-  indent: d = 12,
-  virtualized: f = !0,
-  className: p
+  actions: a = [],
+  indent: s = 12,
+  virtualized: l = !0,
+  "aria-label": u = "Tree",
+  className: i
 }) => {
-  const [m, k] = A(null), [C, x] = A(null), h = R(() => De(o), [o]);
-  z(() => {
-    x(null);
+  const [d, m] = A(null), [f, p] = A(null), N = j(() => De(o), [o]);
+  O(() => {
+    p(null);
   }, [o]);
-  const I = (a ?? [
-    {
-      id: "new-file",
-      label: "New File",
-      icon: /* @__PURE__ */ r(We, { size: 14 }),
-      onSelect: ({ nodeId: g }) => s == null ? void 0 : s(g)
-    },
-    {
-      id: "new-folder",
-      label: "New Folder",
-      icon: /* @__PURE__ */ r(Be, { size: 14 }),
-      onSelect: ({ nodeId: g }) => l == null ? void 0 : l(g)
-    },
-    {
-      id: "rename",
-      label: "Rename",
-      icon: /* @__PURE__ */ r(Ge, { size: 14 }),
-      divider: !0,
-      showFor: ["file", "folder"],
-      onSelect: ({ nodeId: g }) => g && (u == null ? void 0 : u(g))
-    },
-    {
-      id: "delete",
-      label: "Delete",
-      icon: /* @__PURE__ */ r(Ve, { size: 14, className: "text-destructive" }),
-      showFor: ["file", "folder"],
-      onSelect: ({ nodeId: g }) => g && (i == null ? void 0 : i(g))
-    }
-  ]).filter(
-    (g) => !g.showFor || m && g.showFor.includes(m.scope)
-  ).map((g) => ({
-    label: g.label,
-    icon: g.icon,
-    divider: g.divider,
-    onClick: () => m && g.onSelect(m.context)
-  })), N = (g, b, E) => {
-    g.preventDefault(), g.stopPropagation(), k({
-      x: g.clientX,
-      y: g.clientY,
-      scope: E,
+  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: At(b),
       context: { nodeId: (b == null ? void 0 : b.id) ?? null, node: b }
-    });
-  }, y = (g) => {
-    const b = h[g], E = b.type === "folder";
+    }));
+  }, h = (x) => {
+    const b = N[x], y = !!b.isBranch;
     return /* @__PURE__ */ c(
       "div",
       {
         role: "treeitem",
-        "aria-expanded": E ? !!b.isOpen : void 0,
+        "aria-expanded": y ? !!b.isOpen : void 0,
         "aria-level": b.level + 1,
         tabIndex: 0,
         draggable: !0,
-        onDragStart: (w) => {
-          w.dataTransfer.setData("text/plain", b.id), w.dataTransfer.effectAllowed = "move";
+        onDragStart: (g) => {
+          g.dataTransfer.setData("text/plain", b.id), g.dataTransfer.effectAllowed = "move";
         },
-        onDragOver: (w) => {
-          E && (w.preventDefault(), x(b.id));
+        onDragOver: (g) => {
+          y && (g.preventDefault(), p(b.id));
         },
-        onDragLeave: () => x(null),
-        onDrop: (w) => {
-          w.preventDefault(), x(null);
-          const L = w.dataTransfer.getData("text/plain");
-          L && L !== b.id && E && (t == null || t(L, b.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));
         },
-        onClick: () => E && (e == null ? void 0 : e(b)),
+        onClick: () => y && (e == null ? void 0 : e(b)),
         onDoubleClick: () => n == null ? void 0 : n(b),
-        onKeyDown: (w) => {
-          w.key === "Enter" && (w.preventDefault(), E ? e == null || e(b) : n == null || n(b));
+        onKeyDown: (g) => {
+          g.key === "Enter" && (g.preventDefault(), y ? e == null || e(b) : n == null || n(b));
         },
-        onContextMenu: (w) => N(w, b, b.type),
-        style: { paddingLeft: `${b.level * d + 8}px` },
+        onContextMenu: (g) => w(g, b),
+        style: { paddingLeft: `${b.level * s + 8}px` },
         className: S(
           "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",
-          C === b.id && "bg-primary/20 ring-1 ring-primary/50 rounded-sm"
+          f === b.id && "bg-primary/20 ring-1 ring-primary/50 rounded-sm",
+          b.className
         ),
         children: [
-          /* @__PURE__ */ r("div", { className: "w-4 h-4 mr-1 flex items-center justify-center", children: E && (b.isOpen ? /* @__PURE__ */ r(ke, { size: 14 }) : /* @__PURE__ */ r(ye, { size: 14 })) }),
-          /* @__PURE__ */ r("div", { className: "mr-2", children: E ? /* @__PURE__ */ r(Ye, { size: 14, className: "text-blue-400 fill-blue-400/20" }) : /* @__PURE__ */ r(qe, { size: 14, className: "text-muted-foreground" }) }),
+          /* @__PURE__ */ r("div", { className: "w-4 h-4 mr-1 flex items-center justify-center shrink-0", children: y && (b.isOpen ? /* @__PURE__ */ r(ke, { size: 14 }) : /* @__PURE__ */ r(ye, { 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 })
         ]
       },
@@ -2352,24 +2326,25 @@ const Et = (o, e) => {
     "div",
     {
       role: "tree",
-      className: S("h-full w-full bg-muted/30", p),
-      onContextMenu: (g) => N(g, null, "background"),
+      "aria-label": u,
+      className: S("h-full w-full bg-muted/30", i),
+      onContextMenu: (x) => w(x, null),
       children: [
-        f ? /* @__PURE__ */ r(
-          et,
+        l ? /* @__PURE__ */ r(
+          Ve,
           {
             style: { height: "100%" },
-            totalCount: h.length,
-            itemContent: y
+            totalCount: N.length,
+            itemContent: h
           }
-        ) : /* @__PURE__ */ r("div", { className: "h-full overflow-auto", children: h.map((g, b) => y(b)) }),
-        m && I.length > 0 && /* @__PURE__ */ r(
-          Kt,
+        ) : /* @__PURE__ */ r("div", { className: "h-full overflow-auto", children: N.map((x, b) => h(b)) }),
+        d && k.length > 0 && /* @__PURE__ */ r(
+          Ot,
           {
-            x: m.x,
-            y: m.y,
-            items: I,
-            onClose: () => k(null)
+            x: d.x,
+            y: d.y,
+            items: k,
+            onClose: () => m(null)
           }
         )
       ]
@@ -2377,54 +2352,54 @@ const Et = (o, e) => {
   );
 };
 export {
-  rt as ActivityBar,
-  rr as AppTitle,
-  st as ChatPane,
-  It as CommandPalette,
-  ut as CommandRegistry,
-  nt as ConnectedActivityBar,
-  it as ConnectedChatPane,
-  Xt as ConnectedCommandPalette,
-  mt as ConnectedMenuBar,
-  Zt as ConnectedModal,
-  gt as ConnectedSidebarPane,
-  bt as ConnectedStatusBar,
-  yt as ConnectedTerminalPane,
-  er as ConnectedThemeSwitcher,
-  tr as ConnectedUserProfile,
-  Kt as ContextMenu,
-  Vt as DEFAULT_COMMAND_IDS,
-  ft as DEFAULT_SETTINGS_THEMES,
-  Lt as DEFAULT_THEME_OPTIONS,
-  nr as DataGrid,
-  dt as MenuBar,
-  ct as MenuRegistry,
-  At as Modal,
-  Gt as NexusWorkspaceShell,
-  or as QuickSearch,
-  sr as SearchWidget,
-  pt as SettingsPanel,
-  Gt as ShellLayout,
+  qe as ActivityBar,
+  Qt as AppTitle,
+  Ze as ChatPane,
+  kt as CommandPalette,
+  st as CommandRegistry,
+  Qe as ConnectedActivityBar,
+  rt as ConnectedChatPane,
+  Gt as ConnectedCommandPalette,
+  at as ConnectedMenuBar,
+  Vt as ConnectedModal,
+  dt as ConnectedSidebarPane,
+  ut as ConnectedStatusBar,
+  pt as ConnectedTerminalPane,
+  Yt as ConnectedThemeSwitcher,
+  qt as ConnectedUserProfile,
+  Ot as ContextMenu,
+  Bt as DEFAULT_COMMAND_IDS,
+  lt as DEFAULT_SETTINGS_THEMES,
+  Dt as DEFAULT_THEME_OPTIONS,
+  Xt as DataGrid,
+  nt as MenuBar,
+  ot as MenuRegistry,
+  Tt as Modal,
+  _t as NexusWorkspaceShell,
+  Zt as QuickSearch,
+  er as SearchWidget,
+  it as SettingsPanel,
+  _t as ShellLayout,
   re as SidebarPane,
-  ht as StatusBar,
-  xt as TerminalPane,
-  Mt as ThemeSwitcher,
-  ar as TreeWidget,
-  Pt as UserProfile,
+  ct as StatusBar,
+  mt as TerminalPane,
+  Et as ThemeSwitcher,
+  tr as TreeWidget,
+  It as UserProfile,
   S as cn,
-  B as commandRegistry,
-  Nt as componentRegistry,
-  Yt as initializeShell,
+  W as commandRegistry,
+  ht as componentRegistry,
+  Jt as initializeShell,
   le as menuRegistry,
-  qt as pluginRegistry,
+  Ht as pluginRegistry,
   Q as useChatStore,
-  Qt as useKeyboardShortcuts,
-  kt as useLayoutStore,
+  Wt as useKeyboardShortcuts,
+  bt as useLayoutStore,
   Te as useModalStore,
   ae as useRightSidebarStore,
   F as useSidebarStore,
   ie as useStatusBarStore,
   V as useTerminalStore,
   Y as useThemeStore,
-  W as useUserProfileStore
+  H as useUserProfileStore
 };