nexus-shell 0.2.2 → 0.2.4

package/dist/nexus-shell.es.js

@@ -1,24 +1,24 @@
-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);
-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";
+var Oe = Object.defineProperty;
+var Ae = (n, e, o) => e in n ? Oe(n, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : n[e] = o;
+var H = (n, e, o) => Ae(n, typeof e != "symbol" ? e + "" : e, o);
+import { jsxs as c, jsx as r, Fragment as be } from "react/jsx-runtime";
+import se, { useMemo as j, useState as A, useRef as z, useEffect as O } from "react";
+import { Model as R, Actions as G, DockLocation as Le, Layout as Me } from "flexlayout-react";
 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 { create as U } from "zustand";
-import { TableVirtuoso as Ze, Virtuoso as et } from "react-virtuoso";
-function S(...o) {
-  return Xe(Qe(o));
+import { Settings as ze, MessageCircle as xe, X as B, User as ve, Terminal as ye, Send as Pe, ChevronRight as we, GraduationCap as ue, Moon as $e, Sun as Re, Palette as Ke, ChevronUp as Ne, Search as Z, Info as je, HelpCircle as Ue, AlertCircle as Fe, Check as _e, Camera as Be, Edit2 as He, Loader2 as ke, ChevronsUpDown as We, ChevronDown as Ce, Clock as Je } from "lucide-react";
+import { clsx as Ge } from "clsx";
+import { twMerge as Ve } from "tailwind-merge";
+import { create as F } from "zustand";
+import { TableVirtuoso as Ye, Virtuoso as qe } from "react-virtuoso";
+function S(...n) {
+  return Ve(Ge(n));
 }
-const tt = [
-  { id: "settings", label: "Settings", icon: Ae }
-], rt = ({
-  items: o = [],
-  bottomItems: e = tt,
-  activeId: n = null,
+const Qe = [
+  { id: "settings", label: "Settings", icon: ze }
+], Xe = ({
+  items: n = [],
+  bottomItems: e = Qe,
+  activeId: o = null,
   onSelect: t,
   className: a,
   "aria-label": s = "Activity Bar"
@@ -30,10 +30,10 @@ const tt = [
       onClick: () => t == null ? void 0 : t(u),
       "aria-label": i,
       title: i,
-      "aria-pressed": n === u,
+      "aria-pressed": o === u,
       className: S(
         "p-2 cursor-pointer rounded text-muted-foreground hover:text-foreground transition-colors focus:outline-none focus:ring-2 focus:ring-ring",
-        n === u && "text-foreground border-l-2 border-primary rounded-none"
+        o === u && "text-foreground border-l-2 border-primary rounded-none"
       ),
       children: /* @__PURE__ */ r(d, { size: 20 })
     },
@@ -49,88 +49,88 @@ const tt = [
         a
       ),
       children: [
-        /* @__PURE__ */ r("div", { className: "flex-1 flex flex-col space-y-4", children: o.map(l) }),
+        /* @__PURE__ */ r("div", { className: "flex-1 flex flex-col space-y-4", children: n.map(l) }),
         e.length > 0 && /* @__PURE__ */ r("div", { className: "flex flex-col space-y-4", children: e.map(l) })
       ]
     }
   );
-}, q = "nexus-shell-sidebar", F = U((o) => {
+}, q = "nexus-shell-sidebar", U = F((n) => {
   const e = localStorage.getItem(q);
   return {
     activeSidebar: e !== null ? e : null,
     panels: [],
     setActiveSidebar: (t) => {
-      t === null ? localStorage.removeItem(q) : localStorage.setItem(q, t), o({ activeSidebar: t });
+      t === null ? localStorage.removeItem(q) : localStorage.setItem(q, t), n({ activeSidebar: t });
     },
-    toggleSidebar: (t) => o((a) => {
+    toggleSidebar: (t) => n((a) => {
       const s = a.activeSidebar === t ? null : t;
       return s === null ? localStorage.removeItem(q) : localStorage.setItem(q, s), { activeSidebar: s };
     }),
-    setPanels: (t) => o({ panels: t })
+    setPanels: (t) => n({ panels: t })
   };
-}), nt = (o) => {
-  const e = F((s) => s.panels), n = F((s) => s.activeSidebar), t = F((s) => s.toggleSidebar), a = R(
+}), Ze = (n) => {
+  const e = U((s) => s.panels), o = U((s) => s.activeSidebar), t = U((s) => s.toggleSidebar), a = j(
     () => e.map(({ id: s, label: l, icon: u }) => ({ id: s, label: l, icon: u })),
     [e]
   );
   return /* @__PURE__ */ r(
-    rt,
+    Xe,
     {
-      ...o,
+      ...n,
       items: a,
-      activeId: n,
+      activeId: o,
       onSelect: t
     }
   );
-}, ot = /* @__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" }),
+}, et = /* @__PURE__ */ c("div", { className: "h-full flex flex-col items-center justify-center text-center px-6 text-muted-foreground", children: [
+  /* @__PURE__ */ r(xe, { size: 28, className: "mb-3 opacity-40" }),
   /* @__PURE__ */ r("p", { className: "text-xs", children: "No messages yet." }),
   /* @__PURE__ */ c("p", { className: "text-[11px] mt-1 opacity-70", children: [
     "Type a message, or ",
     /* @__PURE__ */ r("span", { className: "font-mono", children: "/" }),
     " for commands."
   ] })
-] }), st = ({
-  messages: o = [],
+] }), tt = ({
+  messages: n = [],
   onSend: e,
-  slashCommands: n = [],
+  slashCommands: o = [],
   onSlashCommand: t,
   onClose: a,
   title: s = "Chat",
   placeholder: l = "Send a message…",
-  emptyState: u = ot,
+  emptyState: u = et,
   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 = z(null), k = z(null), w = d.startsWith("/") ? o.filter(
+    (g) => `/${g.command}`.startsWith(d.toLowerCase().split(" ")[0])
+  ) : [], h = w.length > 0;
+  O(() => {
+    k.current && (k.current.scrollTop = k.current.scrollHeight);
+  }, [n]), 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",
@@ -144,7 +144,7 @@ const tt = [
       children: [
         /* @__PURE__ */ c("div", { className: "h-10 flex items-center justify-between px-4 shrink-0", children: [
           /* @__PURE__ */ c("div", { className: "flex items-center space-x-2 text-muted-foreground", children: [
-            /* @__PURE__ */ r(be, { size: 13 }),
+            /* @__PURE__ */ r(xe, { size: 13 }),
             /* @__PURE__ */ r("span", { className: "text-[11px] font-bold uppercase tracking-widest", children: s })
           ] }),
           a && /* @__PURE__ */ r(
@@ -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: n.length === 0 ? u : n.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(ve, { size: 10 }) : /* @__PURE__ */ r(ye, { 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(Pe, { size: 14 })
               }
             )
           ] })
@@ -254,53 +254,53 @@ const tt = [
     }
   );
 };
-let at = 0;
-const lt = () => `msg-${Date.now()}-${at += 1}`, Q = U((o) => ({
+let rt = 0;
+const nt = () => `msg-${Date.now()}-${rt += 1}`, Q = F((n) => ({
   messages: [],
   slashCommands: [],
-  setMessages: (e) => o({ messages: e }),
-  addMessage: (e) => o((n) => ({
-    messages: [...n.messages, { ...e, id: e.id ?? lt() }]
+  setMessages: (e) => n({ messages: e }),
+  addMessage: (e) => n((o) => ({
+    messages: [...o.messages, { ...e, id: e.id ?? nt() }]
   })),
-  clearMessages: () => o({ messages: [] }),
-  setSlashCommands: (e) => o({ slashCommands: e }),
-  registerSlashCommand: (e) => o((n) => ({ slashCommands: [...n.slashCommands, e] }))
-})), te = "nexus-shell-right-sidebar", ae = U((o) => ({
-  isChatOpen: localStorage.getItem(te) === "true",
+  clearMessages: () => n({ messages: [] }),
+  setSlashCommands: (e) => n({ slashCommands: e }),
+  registerSlashCommand: (e) => n((o) => ({ slashCommands: [...o.slashCommands, e] }))
+})), re = "nexus-shell-right-sidebar", ae = F((n) => ({
+  isChatOpen: localStorage.getItem(re) === "true",
   setChatOpen: (t) => {
-    localStorage.setItem(te, String(t)), o({ isChatOpen: t });
+    localStorage.setItem(re, String(t)), n({ isChatOpen: t });
   },
-  toggleChat: () => o((t) => {
+  toggleChat: () => n((t) => {
     const a = !t.isChatOpen;
-    return localStorage.setItem(te, String(a)), { isChatOpen: a };
+    return localStorage.setItem(re, String(a)), { isChatOpen: a };
   })
-})), it = ({ 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,
+})), ot = ({ onSend: n, ...e }) => {
+  const o = ae((i) => i.isChatOpen), t = ae((i) => i.setChatOpen), a = Q((i) => i.messages), s = Q((i) => i.slashCommands), l = Q((i) => i.addMessage);
+  return o ? /* @__PURE__ */ r(
+    tt,
     {
       ...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}` });
           return;
         }
-        o == null || o(i);
+        n == null || n(i);
       },
       onClose: () => t(!1)
     }
   ) : null;
-}, dt = ({
-  menus: o = {},
+}, st = ({
+  menus: n = {},
   onSelect: e,
-  title: n,
+  title: o,
   center: t,
   right: a,
   className: s
@@ -317,15 +317,15 @@ 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: [
               /* @__PURE__ */ r("span", { children: d.label }),
               /* @__PURE__ */ c("div", { className: "flex items-center space-x-2", children: [
                 l(d),
-                d.submenu && /* @__PURE__ */ r(ye, { size: 10 })
+                d.submenu && /* @__PURE__ */ r(we, { size: 10 })
               ] })
             ]
           }
@@ -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
             ))
           }
         )
@@ -364,19 +364,19 @@ const lt = () => `msg-${Date.now()}-${at += 1}`, Q = U((o) => ({
       "aria-label": "Application Header",
       className: S(
         "bg-muted border-b flex items-center justify-between px-4 select-none shrink-0 transition-all z-50 relative",
-        n !== void 0 ? "h-12 bg-card/65 backdrop-blur-sm" : "h-8",
+        o !== void 0 ? "h-12 bg-card/65 backdrop-blur-sm" : "h-8",
         s
       ),
       children: [
         /* @__PURE__ */ c("div", { className: "flex items-center flex-1 min-w-0", children: [
-          n !== void 0 ? /* @__PURE__ */ r("div", { className: "mr-12 flex items-center shrink-0", children: n }) : /* @__PURE__ */ r("div", { className: "font-semibold mr-6 text-sm shrink-0", children: "Nexus Shell" }),
+          o !== void 0 ? /* @__PURE__ */ r("div", { className: "mr-12 flex items-center shrink-0", children: o }) : /* @__PURE__ */ r("div", { className: "font-semibold mr-6 text-sm shrink-0", children: "Nexus Shell" }),
           /* @__PURE__ */ r(
             "nav",
             {
               role: "navigation",
               "aria-label": "Main Menu",
               className: "flex space-x-1 text-sm shrink-0",
-              children: Object.entries(o).map(([i, d]) => /* @__PURE__ */ c("div", { className: "relative group", children: [
+              children: Object.entries(n).map(([i, d]) => /* @__PURE__ */ c("div", { className: "relative group", children: [
                 /* @__PURE__ */ r(
                   "div",
                   {
@@ -398,13 +398,13 @@ const lt = () => `msg-${Date.now()}-${at += 1}`, Q = U((o) => ({
     }
   );
 };
-class ct {
+class at {
   constructor() {
     H(this, "menus", /* @__PURE__ */ new Map());
   }
-  registerMenu(e, n) {
+  registerMenu(e, o) {
     var t;
-    this.menus.has(e) || this.menus.set(e, []), (t = this.menus.get(e)) == null || t.push(n);
+    this.menus.has(e) || this.menus.set(e, []), (t = this.menus.get(e)) == null || t.push(o);
   }
   setMenus(e) {
     this.menus = new Map(Object.entries(e));
@@ -414,13 +414,13 @@ class ct {
   }
   getAllMenus() {
     const e = {};
-    return this.menus.forEach((n, t) => {
-      e[t] = n;
+    return this.menus.forEach((o, t) => {
+      e[t] = o;
     }), e;
   }
 }
-const le = new ct();
-class ut {
+const le = new at();
+class lt {
   constructor() {
     H(this, "commands", /* @__PURE__ */ new Map());
   }
@@ -431,9 +431,9 @@ class ut {
     }
     this.commands.set(e.id, e);
   }
-  executeCommand(e, ...n) {
+  executeCommand(e, ...o) {
     const t = this.commands.get(e);
-    t ? t.execute(...n) : console.warn(`Command ${e} not found.`);
+    t ? t.execute(...o) : console.warn(`Command ${e} not found.`);
   }
   getCommand(e) {
     return this.commands.get(e);
@@ -442,43 +442,43 @@ class ut {
     return Array.from(this.commands.values());
   }
 }
-const B = new ut(), Ce = (o) => o.map((e) => {
-  var n;
+const J = new lt(), Se = (n) => n.map((e) => {
+  var o;
   return {
     ...e,
-    keybinding: e.keybinding ?? (e.commandId ? (n = B.getCommand(e.commandId)) == null ? void 0 : n.keybinding : void 0),
-    submenu: e.submenu ? Ce(e.submenu) : void 0
+    keybinding: e.keybinding ?? (e.commandId ? (o = J.getCommand(e.commandId)) == null ? void 0 : o.keybinding : void 0),
+    submenu: e.submenu ? Se(e.submenu) : void 0
   };
-}), Se = (o, e) => {
-  for (const n of o) {
-    if (n.id === e) return n;
-    const t = n.submenu && Se(n.submenu, e);
+}), Te = (n, e) => {
+  for (const o of n) {
+    if (o.id === e) return o;
+    const t = o.submenu && Te(o.submenu, e);
     if (t) return t;
   }
-}, mt = (o) => {
-  const e = le.getAllMenus(), n = Object.fromEntries(
-    Object.entries(e).map(([a, s]) => [a, Ce(s)])
+}, it = (n) => {
+  const e = le.getAllMenus(), o = Object.fromEntries(
+    Object.entries(e).map(([a, s]) => [a, Se(s)])
   );
-  return /* @__PURE__ */ r(dt, { ...o, menus: n, onSelect: (a) => {
+  return /* @__PURE__ */ r(st, { ...n, menus: o, onSelect: (a) => {
     for (const s of Object.values(e)) {
-      const l = Se(s, a.id);
+      const l = Te(s, a.id);
       if (l != null && l.commandId) {
-        B.executeCommand(l.commandId);
+        J.executeCommand(l.commandId);
         return;
       }
     }
   } });
-}, re = ({
-  title: o,
+}, ne = ({
+  title: n,
   children: e,
-  onClose: n,
+  onClose: o,
   width: t = "300px",
   className: a
 }) => /* @__PURE__ */ c(
   "aside",
   {
     role: "tabpanel",
-    "aria-label": `${o} Panel`,
+    "aria-label": `${n} Panel`,
     style: { width: t },
     className: S(
       "h-full bg-muted border-r flex flex-col select-none shrink-0",
@@ -486,29 +486,59 @@ const B = new ut(), Ce = (o) => o.map((e) => {
     ),
     children: [
       /* @__PURE__ */ c("div", { className: "h-10 flex items-center justify-between px-4 text-[11px] font-bold text-muted-foreground uppercase tracking-widest", children: [
-        /* @__PURE__ */ r("span", { className: "truncate", children: o }),
-        n && /* @__PURE__ */ r(
+        /* @__PURE__ */ r("span", { className: "truncate", children: n }),
+        o && /* @__PURE__ */ r(
           "button",
           {
             type: "button",
-            onClick: n,
+            onClick: o,
             "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 = [
-  { id: "light", label: "Light", icon: Me },
-  { id: "dark", label: "Dark", icon: Pe },
-  { id: "gt", label: "Georgia Tech", icon: Ke }
-], pt = ({
-  theme: o,
+), X = [
+  {
+    id: "light",
+    label: "Light",
+    shortLabel: "Light",
+    description: "Neutral light theme. The default."
+  },
+  {
+    id: "dark",
+    label: "Dark",
+    shortLabel: "Dark",
+    description: "Low-glare dark theme on a soft grey base."
+  },
+  {
+    id: "gt",
+    label: "Georgia Tech",
+    shortLabel: "GT",
+    description: "Buzz Gold (#EAAA00) on Tech Tower White."
+  },
+  {
+    id: "tamu",
+    label: "Texas A&M",
+    shortLabel: "TAMU",
+    description: "Aggie Maroon (#500000) on white."
+  }
+], dt = X.map((n) => `theme-${n.id}`), ct = (n) => `theme-${n}`, ut = {
+  light: Re,
+  dark: $e,
+  gt: ue,
+  tamu: ue
+}, mt = X.map((n) => ({
+  id: n.id,
+  label: n.label,
+  icon: ut[n.id] ?? Ke
+})), ft = ({
+  theme: n,
   onThemeChange: e,
-  themes: n = ft,
+  themes: o = mt,
   className: t
 }) => /* @__PURE__ */ r("div", { className: S("p-4 space-y-6", t), children: /* @__PURE__ */ c("section", { children: [
   /* @__PURE__ */ r("h3", { className: "text-[11px] font-bold text-muted-foreground uppercase mb-3", children: "Theme" }),
@@ -518,16 +548,16 @@ const B = new ut(), Ce = (o) => o.map((e) => {
       role: "radiogroup",
       "aria-label": "Theme",
       className: "grid grid-cols-1 gap-2",
-      children: n.map(({ id: a, label: s, icon: l }) => /* @__PURE__ */ c(
+      children: o.map(({ id: a, label: s, icon: l }) => /* @__PURE__ */ c(
         "button",
         {
           type: "button",
           role: "radio",
-          "aria-checked": o === a,
+          "aria-checked": n === a,
           onClick: () => e(a),
           className: S(
             "flex items-center space-x-3 px-3 py-2 rounded-md border text-sm transition-all focus:outline-none focus:ring-2 focus:ring-ring",
-            o === a ? "bg-primary text-primary-foreground border-primary" : "bg-background hover:bg-accent border-border"
+            n === a ? "bg-primary text-primary-foreground border-primary" : "bg-background hover:bg-accent border-border"
           ),
           children: [
             /* @__PURE__ */ r(l, { size: 16 }),
@@ -538,43 +568,46 @@ const B = new ut(), Ce = (o) => o.map((e) => {
       ))
     }
   )
-] }) }), ue = "nexus-shell-theme", me = (o) => {
-  const e = window.document.documentElement;
-  e.classList.remove("theme-light", "theme-dark", "theme-gt"), e.classList.add(`theme-${o}`);
-}, Y = U((o) => {
-  const n = localStorage.getItem(ue) || "light";
-  return me(n), {
-    theme: n,
+] }) }), me = "nexus-shell-theme", fe = (n) => {
+  const e = window.document.documentElement, o = [
+    ...dt,
+    ...Array.from(e.classList).filter((t) => t.startsWith("theme-"))
+  ];
+  e.classList.remove(...o), e.classList.add(ct(n));
+}, Y = F((n) => {
+  const o = localStorage.getItem(me) || "light";
+  return fe(o), {
+    theme: o,
     setTheme: (t) => {
-      localStorage.setItem(ue, t), me(t), o({ theme: t });
+      localStorage.setItem(me, t), fe(t), n({ theme: t });
     }
   };
-}), gt = (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);
+}), pt = (n) => {
+  const e = U((d) => d.activeSidebar), o = U((d) => d.panels), t = U((d) => d.setActiveSidebar), a = Y((d) => d.theme), s = Y((d) => d.setTheme);
   if (!e) return null;
   const l = () => t(null);
   if (e === "settings")
-    return /* @__PURE__ */ r(re, { ...o, title: "Settings", onClose: l, children: /* @__PURE__ */ r(
-      pt,
+    return /* @__PURE__ */ r(ne, { ...n, title: "Settings", onClose: l, children: /* @__PURE__ */ r(
+      ft,
       {
         theme: a,
         onThemeChange: (d) => s(d)
       }
     ) });
-  const u = n.find((d) => d.id === e);
+  const u = o.find((d) => d.id === e);
   if (!u)
-    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." }) });
+    return /* @__PURE__ */ r(ne, { ...n, title: e, onClose: l, children: /* @__PURE__ */ r("div", { className: "p-4 text-sm italic text-muted-foreground", children: "Panel content not found." }) });
   const i = typeof u.component == "function" ? u.component : null;
-  return /* @__PURE__ */ r(re, { ...o, title: u.label, onClose: l, children: i ? /* @__PURE__ */ r(i, {}) : u.component });
-}, ne = (o, e) => (e.priority ?? 0) - (o.priority ?? 0), ht = ({
-  widgets: o = [],
+  return /* @__PURE__ */ r(ne, { ...n, title: u.label, onClose: l, children: i ? /* @__PURE__ */ r(i, {}) : u.component });
+}, oe = (n, e) => (e.priority ?? 0) - (n.priority ?? 0), gt = ({
+  widgets: n = [],
   className: e,
-  "aria-label": n = "Status Bar"
+  "aria-label": o = "Status Bar"
 }) => {
   const t = {
-    left: o.filter((s) => s.alignment === "left").sort(ne),
-    center: o.filter((s) => s.alignment === "center").sort(ne),
-    right: o.filter((s) => s.alignment === "right").sort(ne)
+    left: n.filter((s) => s.alignment === "left").sort(oe),
+    center: n.filter((s) => s.alignment === "center").sort(oe),
+    right: n.filter((s) => s.alignment === "right").sort(oe)
   }, a = (s) => {
     const l = s.icon, u = !!s.onClick;
     return /* @__PURE__ */ c(
@@ -604,7 +637,7 @@ const B = new ut(), Ce = (o) => o.map((e) => {
     "footer",
     {
       role: "status",
-      "aria-label": n,
+      "aria-label": o,
       className: S(
         "h-6 bg-primary text-primary-foreground text-[11px] flex items-center justify-between px-1 select-none shrink-0 border-t border-white/5",
         e
@@ -616,46 +649,46 @@ const B = new ut(), Ce = (o) => o.map((e) => {
       ]
     }
   );
-}, ie = U((o) => ({
+}, ie = F((n) => ({
   widgets: [],
-  setWidgets: (e) => o({ widgets: e }),
-  addWidget: (e) => o((n) => ({
-    widgets: [...n.widgets, e].sort(
+  setWidgets: (e) => n({ widgets: e }),
+  addWidget: (e) => n((o) => ({
+    widgets: [...o.widgets, e].sort(
       (t, a) => (a.priority || 0) - (t.priority || 0)
     )
   })),
-  removeWidget: (e) => o((n) => ({
-    widgets: n.widgets.filter((t) => t.id !== e)
+  removeWidget: (e) => n((o) => ({
+    widgets: o.widgets.filter((t) => t.id !== e)
   })),
-  updateWidget: (e, n) => o((t) => ({
-    widgets: t.widgets.map((a) => a.id === e ? { ...a, ...n } : a)
+  updateWidget: (e, o) => n((t) => ({
+    widgets: t.widgets.map((a) => a.id === e ? { ...a, ...o } : a)
   }))
-})), bt = (o) => {
-  const e = ie((t) => t.widgets), n = R(
+})), ht = (n) => {
+  const e = ie((t) => t.widgets), o = j(
     () => e.map(({ commandId: t, ...a }) => ({
       ...a,
-      onClick: a.onClick ?? (t ? () => B.executeCommand(t) : void 0)
+      onClick: a.onClick ?? (t ? () => J.executeCommand(t) : void 0)
     })),
     [e]
   );
-  return /* @__PURE__ */ r(ht, { ...o, widgets: n });
-}, xt = ({
-  history: o = [],
+  return /* @__PURE__ */ r(gt, { ...n, widgets: o });
+}, bt = ({
+  history: n = [],
   onCommand: e,
-  onClose: n,
+  onClose: o,
   height: t = "250px",
   prompt: a = "$",
   title: s = "Terminal",
   className: l
 }) => {
-  const [u, i] = A(""), d = P(null), f = P(null);
-  z(() => {
+  const [u, i] = A(""), d = z(null), m = z(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(""));
+  }, [n]);
+  const f = (p) => {
+    if (p.key !== "Enter") return;
+    const N = u.trim();
+    N && (e == null || e(N), i(""));
   };
   return /* @__PURE__ */ c(
     "div",
@@ -668,28 +701,28 @@ const B = new ut(), Ce = (o) => o.map((e) => {
       children: [
         /* @__PURE__ */ c("div", { className: "h-8 flex items-center justify-between px-3 border-b border-border/50 shrink-0", children: [
           /* @__PURE__ */ c("div", { className: "flex items-center space-x-2 text-muted-foreground", children: [
-            /* @__PURE__ */ r(ve, { size: 13 }),
+            /* @__PURE__ */ r(ye, { size: 13 }),
             /* @__PURE__ */ r("span", { className: "text-[11px] font-bold uppercase tracking-widest", children: s })
           ] }),
-          n && /* @__PURE__ */ c("div", { className: "flex items-center space-x-1", children: [
+          o && /* @__PURE__ */ c("div", { className: "flex items-center space-x-1", children: [
             /* @__PURE__ */ r(
               "button",
               {
                 type: "button",
-                onClick: n,
+                onClick: o,
                 "aria-label": "Collapse Terminal",
                 className: "p-1 rounded hover:bg-accent hover:text-foreground text-muted-foreground transition-colors focus:outline-none focus:ring-2 focus:ring-ring",
-                children: /* @__PURE__ */ r(we, { size: 14 })
+                children: /* @__PURE__ */ r(Ne, { size: 14 })
               }
             ),
             /* @__PURE__ */ r(
               "button",
               {
                 type: "button",
-                onClick: n,
+                onClick: o,
                 "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 +735,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: n.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 +746,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"
@@ -728,24 +761,24 @@ const B = new ut(), Ce = (o) => o.map((e) => {
       ]
     }
   );
-}, V = U((o) => ({
+}, V = F((n) => ({
   isOpen: !1,
   history: ["Welcome to Nexus Shell Terminal v0.1.0", 'Type "help" for a list of commands.'],
-  setOpen: (e) => o({ isOpen: e }),
-  toggle: () => o((e) => ({ isOpen: !e.isOpen })),
-  addHistory: (e) => o((n) => ({ history: [...n.history, e] })),
-  clearHistory: () => o({ history: [] })
-})), vt = [
+  setOpen: (e) => n({ isOpen: e }),
+  toggle: () => n((e) => ({ isOpen: !e.isOpen })),
+  addHistory: (e) => n((o) => ({ history: [...o.history, e] })),
+  clearHistory: () => n({ history: [] })
+})), xt = [
   "Available commands:",
   "  help   — show this message",
   "  clear  — clear the terminal"
-], yt = ({
-  onCommand: o,
+], vt = ({
+  onCommand: n,
   ...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,
+  const o = V((i) => i.isOpen), t = V((i) => i.history), a = V((i) => i.setOpen), s = V((i) => i.addHistory), l = V((i) => i.clearHistory);
+  return o ? /* @__PURE__ */ r(
+    bt,
     {
       ...e,
       history: t,
@@ -757,16 +790,16 @@ const B = new ut(), Ce = (o) => o.map((e) => {
           return;
         }
         if (d === "help") {
-          vt.forEach(s);
+          xt.forEach(s);
           return;
         }
-        (o == null ? void 0 : o(i)) !== !0 && s(`command not found: ${i.split(" ")[0]}`);
+        (n == null ? void 0 : n(i)) !== !0 && s(`command not found: ${i.split(" ")[0]}`);
       },
       onClose: () => a(!1)
     }
   ) : null;
 };
-class wt {
+class yt {
   constructor() {
     H(this, "components", /* @__PURE__ */ new Map());
   }
@@ -774,8 +807,8 @@ class wt {
    * Register a component with a unique ID.
    * This ID is what you use in your FlexLayout models.
    */
-  register(e, n) {
-    this.components.has(e) && console.warn(`Component with ID "${e}" is already registered.`), this.components.set(e, n);
+  register(e, o) {
+    this.components.has(e) && console.warn(`Component with ID "${e}" is already registered.`), this.components.set(e, o);
   }
   /**
    * Retrieve a registered component by its ID.
@@ -790,7 +823,7 @@ class wt {
     return Array.from(this.components.keys());
   }
 }
-const Nt = new wt(), _ = {
+const wt = new yt(), _ = {
   global: { tabEnableClose: !0, tabSetEnableMaximize: !1, tabSetEnableDivide: !0 },
   borders: [
     {
@@ -816,49 +849,49 @@ const Nt = new wt(), _ = {
       }
     ]
   }
-}, fe = "nexus-shell-layout", kt = U((o, e) => {
-  let n;
+}, pe = "nexus-shell-layout", Nt = F((n, e) => {
+  let o;
   if (typeof window < "u")
     try {
-      const t = localStorage.getItem(fe);
+      const t = localStorage.getItem(pe);
       if (t) {
         const a = JSON.parse(t);
-        n = $.fromJson(a);
+        o = R.fromJson(a);
         const s = /* @__PURE__ */ new Set(["dialogue-library", "argument-inspector"]), l = [];
-        n.visitNodes((u) => {
+        o.visitNodes((u) => {
           if (u.getType() === "tab") {
             const i = u;
             s.has(i.getComponent()) && l.push(i.getId());
           }
         }), l.forEach((u) => {
-          n.doAction(G.deleteTab(u));
+          o.doAction(G.deleteTab(u));
         });
       } else
-        n = $.fromJson(_);
+        o = R.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), o = R.fromJson(_);
     }
   else
-    n = $.fromJson(_);
+    o = R.fromJson(_);
   return {
-    model: n,
+    model: o,
     dirtyTabs: /* @__PURE__ */ new Set(),
-    storageKey: fe,
+    storageKey: pe,
     disableLocalStorage: !1,
     initLayout: (t, a) => {
       let s;
       if (t && Object.keys(t).length > 0)
         try {
-          s = $.fromJson(t);
+          s = R.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 = R.fromJson(_);
         }
       else
-        s = $.fromJson(_);
-      o({ model: s, disableLocalStorage: a || !1 });
+        s = R.fromJson(_);
+      n({ model: s, disableLocalStorage: a || !1 });
     },
     setModel: (t) => {
-      o({ model: t });
+      n({ model: t });
       const a = e().storageKey;
       if (typeof window < "u" && !e().disableLocalStorage)
         try {
@@ -872,16 +905,16 @@ 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 = R.fromJson(JSON.parse(l)) : s = R.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 = R.fromJson(a || _);
         }
       else
-        s = $.fromJson(a || _);
-      o({ storageKey: t, model: s });
+        s = R.fromJson(a || _);
+      n({ storageKey: t, model: s });
     },
     setTabDirty: (t, a) => {
-      o((s) => {
+      n((s) => {
         const l = new Set(s.dirtyTabs);
         return a ? l.add(t) : l.delete(t), { dirtyTabs: l };
       });
@@ -892,84 +925,84 @@ 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,
+          Le.CENTER,
           -1
         )
       );
     }
   };
-}), Te = U((o, e) => ({
+}), Ee = F((n, e) => ({
   isOpen: !1,
   type: "alert",
   title: "",
   message: "",
   defaultValue: "",
   resolve: null,
-  openAlert: (n, t = "Alert") => new Promise((a) => {
-    o({ isOpen: !0, type: "alert", title: t, message: n, defaultValue: "", resolve: a });
+  openAlert: (o, t = "Alert") => new Promise((a) => {
+    n({ isOpen: !0, type: "alert", title: t, message: o, defaultValue: "", resolve: a });
   }),
-  openConfirm: (n, t = "Confirm") => new Promise((a) => {
-    o({ isOpen: !0, type: "confirm", title: t, message: n, defaultValue: "", resolve: a });
+  openConfirm: (o, t = "Confirm") => new Promise((a) => {
+    n({ isOpen: !0, type: "confirm", title: t, message: o, defaultValue: "", resolve: a });
   }),
-  openPrompt: (n, t = "", a = "Prompt") => new Promise((s) => {
-    o({ isOpen: !0, type: "prompt", title: a, message: n, defaultValue: t, resolve: s });
+  openPrompt: (o, t = "", a = "Prompt") => new Promise((s) => {
+    n({ isOpen: !0, type: "prompt", title: a, message: o, defaultValue: t, resolve: s });
   }),
-  close: (n = null) => {
+  close: (o = null) => {
     const { resolve: t } = e();
-    t && t(n), o({ isOpen: !1, resolve: null });
+    t && t(o), n({ isOpen: !1, resolve: null });
   }
 })), Gt = ({
-  panels: o,
+  panels: n,
   slashCommands: e,
-  menuConfig: n,
+  menuConfig: o,
   statusBarConfig: t,
   title: a,
   rightMenuBarContent: s,
@@ -977,41 +1010,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(() => {
-    n && le.setMenus(n);
-  }, [n]), z(() => {
-    t && N(t);
-  }, [t, N]), z(() => {
-    u || !i && !d || k(i, d);
+  const { model: f, setModel: p, initLayout: N, isTabDirty: k, setTabDirty: w } = Nt(), h = Y((D) => D.theme), x = U((D) => D.setPanels), b = Q((D) => D.setSlashCommands), y = ie((D) => D.setWidgets);
+  O(() => {
+    n && x(n);
+  }, [n, x]), O(() => {
+    e && b(e);
+  }, [e, b]), O(() => {
+    o && le.setMenus(o);
+  }, [o]), O(() => {
+    t && y(t);
+  }, [t, y]), O(() => {
+    u || !i && !d || N(i, d);
   }, []);
-  const y = (b) => {
+  const g = (D) => {
     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 = D.getComponent(), T = D.getConfig() || {}, P = L ? wt.get(L) : void 0;
+      return P ? /* @__PURE__ */ r(P, { node: D, ...T }) : /* @__PURE__ */ c("div", { className: "p-4 text-sm", children: [
         "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;
-    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));
+  }, C = (D) => {
+    if (D.type !== G.DELETE_TAB) return D;
+    const L = f.getNodeById(D.data.node);
+    if (!L || !k(L.getId())) return D;
+    Ee.getState().openConfirm(
+      `Tab "${L.getName()}" has unsaved changes. Are you sure you want to close it?`
+    ).then((T) => {
+      T && (w(L.getId(), !1), f.doAction(D));
     });
   };
   return /* @__PURE__ */ c(
@@ -1020,7 +1053,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,
+          it,
           {
             title: a,
             center: l,
@@ -1028,36 +1061,38 @@ const Nt = new wt(), _ = {
           }
         ),
         /* @__PURE__ */ c("div", { className: "flex-1 flex overflow-hidden", children: [
-          /* @__PURE__ */ r(nt, {}),
-          /* @__PURE__ */ r(gt, {}),
+          /* @__PURE__ */ r(Ze, {}),
+          /* @__PURE__ */ r(pt, {}),
           /* @__PURE__ */ c("div", { className: "flex-1 flex flex-col min-w-0 bg-card", children: [
             /* @__PURE__ */ r("div", { className: "flex-1 relative h-full w-full", children: /* @__PURE__ */ r(
-              ze,
+              Me,
               {
-                model: u || p,
-                factory: y,
-                onModelChange: (b) => {
-                  u || m(b), f == null || f(b.toJson());
+                model: u || f,
+                factory: g,
+                onModelChange: (D) => {
+                  u || p(D), m == null || m(D.toJson());
                 },
-                onAction: g
+                onAction: C
               }
             ) }),
-            /* @__PURE__ */ r(yt, {})
+            /* @__PURE__ */ r(vt, {})
           ] }),
-          /* @__PURE__ */ r(it, {})
+          /* @__PURE__ */ r(ot, {})
         ] }),
-        /* @__PURE__ */ r(bt, {})
+        /* @__PURE__ */ r(ht, {})
       ]
     }
   );
-}, Vt = [
+}, De = X.map((n) => ({
+  id: `theme.${n.id}`,
+  label: `Preferences: ${n.label} Theme`,
+  execute: () => Y.getState().setTheme(n.id)
+})), Vt = [
   "view.toggleTerminal",
   "view.toggleChat",
   "view.toggleSidebar",
-  "theme.light",
-  "theme.dark",
-  "theme.gt"
-], oe = (o) => () => Y.getState().setTheme(o), Ct = [
+  ...De.map((n) => n.id)
+], kt = [
   {
     id: "view.toggleTerminal",
     label: "View: Toggle Terminal",
@@ -1075,14 +1110,12 @@ const Nt = new wt(), _ = {
     keybinding: "Control+b",
     execute: () => {
       var t;
-      const { activeSidebar: o, panels: e, setActiveSidebar: n } = F.getState();
-      n(o ? null : ((t = e[0]) == null ? void 0 : t.id) ?? null);
+      const { activeSidebar: n, panels: e, setActiveSidebar: o } = U.getState();
+      o(n ? null : ((t = e[0]) == null ? void 0 : t.id) ?? null);
     }
   },
-  { 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 = {
+  ...De
+], Ct = {
   View: [
     { id: "view.terminal", label: "Toggle Terminal", commandId: "view.toggleTerminal" },
     { id: "view.chat", label: "Toggle Chat", commandId: "view.toggleChat" },
@@ -1090,31 +1123,31 @@ const Nt = new wt(), _ = {
     {
       id: "view.theme",
       label: "Theme",
-      submenu: [
-        { id: "view.theme.light", label: "Light", commandId: "theme.light" },
-        { id: "view.theme.dark", label: "Dark", commandId: "theme.dark" },
-        { id: "view.theme.gt", label: "Georgia Tech", commandId: "theme.gt" }
-      ]
+      submenu: X.map((n) => ({
+        id: `view.theme.${n.id}`,
+        label: n.label,
+        commandId: `theme.${n.id}`
+      }))
     }
   ]
-}, Yt = (o = {}) => {
+}, Yt = (n = {}) => {
   const {
     panels: e,
-    menus: n,
+    menus: o,
     commands: t,
     statusBar: a,
     slashCommands: s,
     defaultCommands: l = !0,
     defaultMenus: u = !0
-  } = o;
-  l && Ct.forEach((d) => B.registerCommand(d)), t == null || t.forEach((d) => B.registerCommand(d));
+  } = n;
+  l && kt.forEach((d) => J.registerCommand(d)), t == null || t.forEach((d) => J.registerCommand(d));
   const i = {
-    ...l && u ? St : {},
-    ...n ?? {}
+    ...l && u ? Ct : {},
+    ...o ?? {}
   };
-  Object.keys(i).length > 0 && le.setMenus(i), e && F.getState().setPanels(e), a && ie.getState().setWidgets(a), s && Q.getState().setSlashCommands(s);
+  Object.keys(i).length > 0 && le.setMenus(i), e && U.getState().setPanels(e), a && ie.getState().setWidgets(a), s && Q.getState().setSlashCommands(s);
 };
-class Tt {
+class St {
   constructor() {
     H(this, "plugins", /* @__PURE__ */ new Map());
     H(this, "loaders", /* @__PURE__ */ new Map());
@@ -1127,25 +1160,25 @@ class Tt {
     }
     this.plugins.set(e.id, e), this.statuses.set(e.id, "registered"), console.log(`Plugin ${e.name} (${e.id}) registered.`);
   }
-  registerLazyPlugin(e, n) {
+  registerLazyPlugin(e, o) {
     if (this.loaders.has(e) || this.plugins.has(e)) {
       console.warn(`Plugin ${e} is already registered or has a loader.`);
       return;
     }
-    this.loaders.set(e, n), this.statuses.set(e, "inactive"), console.log(`Lazy plugin loader for ${e} registered.`);
+    this.loaders.set(e, o), this.statuses.set(e, "inactive"), console.log(`Lazy plugin loader for ${e} registered.`);
   }
   async activatePlugin(e) {
-    let n = this.plugins.get(e);
-    if (!n && this.loaders.has(e))
+    let o = this.plugins.get(e);
+    if (!o && this.loaders.has(e))
       try {
-        n = await this.loaders.get(e)(), this.plugins.set(e, n), this.statuses.set(e, "registered"), console.log(`Lazy plugin ${e} loaded.`);
+        o = await this.loaders.get(e)(), this.plugins.set(e, o), this.statuses.set(e, "registered"), console.log(`Lazy plugin ${e} loaded.`);
       } catch (t) {
         console.error(`Failed to load lazy plugin ${e}`, t), this.statuses.set(e, "failed");
         return;
       }
-    if (n)
+    if (o)
       try {
-        this.statuses.set(e, "activating"), n.activate(), this.statuses.set(e, "active"), console.log(`Plugin ${n.name} activated.`);
+        this.statuses.set(e, "activating"), o.activate(), this.statuses.set(e, "active"), console.log(`Plugin ${o.name} activated.`);
       } catch (t) {
         console.error(`Failed to activate plugin ${e}`, t), this.statuses.set(e, "failed");
       }
@@ -1153,10 +1186,10 @@ class Tt {
       console.warn(`Plugin ${e} not found for activation.`), this.statuses.set(e, "failed");
   }
   async deactivatePlugin(e) {
-    const n = this.plugins.get(e);
-    if (n)
+    const o = this.plugins.get(e);
+    if (o)
       try {
-        n.deactivate(), this.statuses.set(e, "deactivated"), console.log(`Plugin ${n.name} deactivated.`);
+        o.deactivate(), this.statuses.set(e, "deactivated"), console.log(`Plugin ${o.name} deactivated.`);
       } catch (t) {
         console.error(`Failed to deactivate plugin ${e}`, t), this.statuses.set(e, "failed");
       }
@@ -1166,8 +1199,8 @@ class Tt {
   }
   getPluginStatuses() {
     const e = {};
-    return this.statuses.forEach((n, t) => {
-      e[t] = n;
+    return this.statuses.forEach((o, t) => {
+      e[t] = o;
     }), e;
   }
   getPlugin(e) {
@@ -1177,26 +1210,26 @@ class Tt {
     return Array.from(this.plugins.values());
   }
 }
-const qt = new Tt(), pe = "nexus-shell-user-profile", ge = {
+const qt = new St(), ge = "nexus-shell-user-profile", he = {
   name: "David Tech",
   role: "Shell Architect",
   email: "david@techmuch.io",
   avatarUrl: "",
   customAvatar: ""
-}, W = U((o) => {
-  let e = { ...ge };
+}, W = F((n) => {
+  let e = { ...he };
   if (typeof window < "u")
     try {
-      const t = localStorage.getItem(pe);
-      t && (e = { ...ge, ...JSON.parse(t) });
+      const t = localStorage.getItem(ge);
+      t && (e = { ...he, ...JSON.parse(t) });
     } catch (t) {
       console.error("Failed to parse saved user profile:", t);
     }
-  const n = (t) => {
+  const o = (t) => {
     if (typeof window < "u")
       try {
         localStorage.setItem(
-          pe,
+          ge,
           JSON.stringify({
             name: t.name,
             role: t.role,
@@ -1211,64 +1244,64 @@ const qt = new Tt(), pe = "nexus-shell-user-profile", ge = {
   };
   return {
     ...e,
-    updateProfile: (t) => o((a) => {
+    updateProfile: (t) => n((a) => {
       const s = { ...a, ...t };
-      return n(s), t;
+      return o(s), t;
     }),
-    setCustomAvatar: (t) => o((a) => {
+    setCustomAvatar: (t) => n((a) => {
       const s = { ...a, customAvatar: t };
-      return n(s), { customAvatar: t };
+      return o(s), { customAvatar: t };
     }),
-    clearCustomAvatar: () => o((t) => {
+    clearCustomAvatar: () => n((t) => {
       const a = { ...t, customAvatar: "" };
-      return n(a), { customAvatar: "" };
+      return o(a), { customAvatar: "" };
     })
   };
 }), Qt = () => {
-  z(() => {
-    const o = (e) => {
-      const n = B.getCommands();
-      for (const t of n)
-        if (t.keybinding && Dt(e, t.keybinding)) {
+  O(() => {
+    const n = (e) => {
+      const o = J.getCommands();
+      for (const t of o)
+        if (t.keybinding && Tt(e, t.keybinding)) {
           e.preventDefault(), t.execute();
           break;
         }
     };
-    return window.addEventListener("keydown", o), () => window.removeEventListener("keydown", o);
+    return window.addEventListener("keydown", n), () => window.removeEventListener("keydown", n);
   }, []);
 };
-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 Tt(n, e) {
+  var p;
+  const o = e.split("+"), t = (p = o.pop()) == null ? void 0 : p.toLowerCase(), a = o.includes("Control") || o.includes("Ctrl"), s = o.includes("Shift"), l = o.includes("Alt"), u = o.includes("Meta") || o.includes("Cmd"), i = n.ctrlKey, d = n.shiftKey, m = n.altKey, f = n.metaKey;
+  return n.key.toLowerCase() === t && i === a && d === s && m === l && f === u;
 }
-const Et = (o, e) => {
-  const n = e.toLowerCase();
-  return o.label.toLowerCase().includes(n) || o.id.toLowerCase().includes(n);
-}, It = ({
-  open: o,
+const Et = (n, e) => {
+  const o = e.toLowerCase();
+  return n.label.toLowerCase().includes(o) || n.id.toLowerCase().includes(o);
+}, Dt = ({
+  open: n,
   commands: e,
-  onSelect: n,
+  onSelect: o,
   onClose: t,
   inline: a = !1,
   placeholder: s = "Type a command to run…",
   filter: l = Et,
   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 = z(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);
-  }, [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());
+  if (O(() => {
+    var w;
+    n && (d(""), f(0), (w = p.current) == null || w.focus());
+  }, [n]), O(() => {
+    f(0);
+  }, [i]), !n) return null;
+  const k = (w) => {
+    w.key === "ArrowDown" ? (w.preventDefault(), f((h) => N.length ? (h + 1) % N.length : 0)) : w.key === "ArrowUp" ? (w.preventDefault(), f(
+      (h) => N.length ? (h - 1 + N.length) % N.length : 0
+    )) : w.key === "Enter" ? (w.preventDefault(), N[m] && o(N[m])) : w.key === "Escape" && (w.preventDefault(), t == null || t());
   };
   return /* @__PURE__ */ r(
     "div",
@@ -1284,18 +1317,18 @@ 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
           ),
           children: [
             /* @__PURE__ */ c("div", { className: "flex items-center px-4 border-b", children: [
-              /* @__PURE__ */ r(X, { size: 18, className: "text-muted-foreground mr-3" }),
+              /* @__PURE__ */ r(Z, { size: 18, className: "text-muted-foreground mr-3" }),
               /* @__PURE__ */ r(
                 "input",
                 {
-                  ref: m,
+                  ref: p,
                   type: "text",
                   role: "combobox",
                   "aria-expanded": !0,
@@ -1303,8 +1336,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 +1348,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: () => o(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
                 ))
               }
             ),
@@ -1357,40 +1390,40 @@ const Et = (o, e) => {
     }
   );
 }, Xt = ({
-  shortcutKey: o = "p",
+  shortcutKey: n = "p",
   ...e
 }) => {
-  const [n, t] = A(!1);
-  return z(() => {
-    if (o === null) return;
+  const [o, t] = A(!1);
+  return O(() => {
+    if (n === null) return;
     const a = (s) => {
-      (s.metaKey || s.ctrlKey) && s.shiftKey && s.key.toLowerCase() === o && (s.preventDefault(), t((l) => !l));
+      (s.metaKey || s.ctrlKey) && s.shiftKey && s.key.toLowerCase() === n && (s.preventDefault(), t((l) => !l));
     };
     return window.addEventListener("keydown", a), () => window.removeEventListener("keydown", a);
-  }, [o]), /* @__PURE__ */ r(
-    It,
+  }, [n]), /* @__PURE__ */ r(
+    Dt,
     {
       ...e,
-      open: n,
-      commands: B.getCommands(),
+      open: o,
+      commands: J.getCommands(),
       onSelect: (a) => {
         a.execute(), t(!1);
       },
       onClose: () => t(!1)
     }
   );
+}, It = {
+  alert: Fe,
+  confirm: Ue,
+  prompt: je
 }, Ot = {
-  alert: Re,
-  confirm: je,
-  prompt: $e
-}, zt = {
   alert: "text-destructive",
   confirm: "text-amber-500",
   prompt: "text-blue-500"
 }, At = ({
-  open: o,
+  open: n,
   type: e = "alert",
-  title: n,
+  title: o,
   message: t,
   defaultValue: a = "",
   onConfirm: s,
@@ -1398,26 +1431,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 = z(null);
+  if (O(() => {
+    if (!n || (p(a), e !== "prompt")) return;
+    const x = window.setTimeout(() => {
+      var b, y;
+      (b = N.current) == null || b.focus(), (y = N.current) == null || y.select();
     }, 50);
-    return () => window.clearTimeout(T);
-  }, [o, e, a]), z(() => {
-    if (!o) return;
-    const T = (I) => {
-      I.key === "Escape" && (I.preventDefault(), l == null || l());
+    return () => window.clearTimeout(x);
+  }, [n, e, a]), O(() => {
+    if (!n) return;
+    const x = (b) => {
+      b.key === "Escape" && (b.preventDefault(), l == null || l());
     };
-    return document.addEventListener("keydown", T), () => document.removeEventListener("keydown", T);
-  }, [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];
+    return document.addEventListener("keydown", x), () => document.removeEventListener("keydown", x);
+  }, [n, l]), !n) return null;
+  const k = () => s == null ? void 0 : s(e === "prompt" ? f : void 0), w = (x) => {
+    x.key === "Enter" && (x.preventDefault(), k());
+  }, h = It[e];
   return /* @__PURE__ */ r(
     "div",
     {
@@ -1428,12 +1461,12 @@ const Et = (o, e) => {
         {
           role: "dialog",
           "aria-modal": "true",
-          "aria-label": n,
-          onClick: (T) => T.stopPropagation(),
-          onKeyDown: x,
+          "aria-label": o,
+          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,25 +1476,25 @@ 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", Ot[e]), children: /* @__PURE__ */ r(h, { size: 24 }) }),
               /* @__PURE__ */ c("div", { className: "flex-1 mt-1", children: [
-                /* @__PURE__ */ r("h2", { className: "text-lg font-semibold tracking-tight pr-6", children: n }),
+                /* @__PURE__ */ r("h2", { className: "text-lg font-semibold tracking-tight pr-6", children: o }),
                 t && /* @__PURE__ */ r("p", { className: "text-sm text-muted-foreground mt-1 whitespace-pre-wrap", children: t })
               ] })
             ] }),
             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,
+                "aria-label": o,
+                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 +1512,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,33 +1524,32 @@ const Et = (o, e) => {
       )
     }
   );
-}, Zt = (o) => {
-  const { isOpen: e, type: n, title: t, message: a, defaultValue: s, close: l } = Te();
+}, Zt = (n) => {
+  const { isOpen: e, type: o, title: t, message: a, defaultValue: s, close: l } = Ee();
   return /* @__PURE__ */ r(
     At,
     {
-      ...o,
+      ...n,
       open: e,
-      type: n,
+      type: o,
       title: t,
       message: a,
       defaultValue: s,
       onConfirm: (d) => {
-        n === "prompt" ? l(d ?? "") : n === "confirm" ? l(!0) : l();
+        o === "prompt" ? l(d ?? "") : o === "confirm" ? l(!0) : l();
       },
       onCancel: () => {
-        n === "prompt" ? l(null) : n === "confirm" ? l(!1) : l();
+        o === "prompt" ? l(null) : o === "confirm" ? l(!1) : l();
       }
     }
   );
-}, Lt = [
-  { id: "light", label: "Light" },
-  { id: "dark", label: "Dark" },
-  { id: "gt", label: "GT" }
-], Mt = ({
-  value: o,
+}, Lt = X.map((n) => ({
+  id: n.id,
+  label: n.shortLabel
+})), Mt = ({
+  value: n,
   onChange: e,
-  options: n = Lt,
+  options: o = Lt,
   className: t,
   "aria-label": a = "Theme"
 }) => /* @__PURE__ */ r(
@@ -1529,63 +1561,63 @@ const Et = (o, e) => {
       "flex items-center border border-border rounded-lg p-0.5 bg-secondary/80 select-none",
       t
     ),
-    children: n.map((s) => /* @__PURE__ */ r(
+    children: o.map((s) => /* @__PURE__ */ r(
       "button",
       {
         role: "radio",
-        "aria-checked": o === s.id,
+        "aria-checked": n === s.id,
         onClick: () => e(s.id),
         className: S(
           "px-2.5 py-1 text-[9px] font-extrabold uppercase rounded-md transition-all font-mono cursor-pointer outline-none focus-visible:ring-1 focus-visible:ring-ring",
-          o === s.id ? "bg-primary text-primary-foreground shadow" : "text-muted-foreground hover:bg-accent hover:text-foreground"
+          n === s.id ? "bg-primary text-primary-foreground shadow" : "text-muted-foreground hover:bg-accent hover:text-foreground"
         ),
         children: s.label
       },
       s.id
     ))
   }
-), er = (o) => {
-  const e = Y((t) => t.theme), n = Y((t) => t.setTheme);
-  return /* @__PURE__ */ r(Mt, { ...o, value: e, onChange: n });
-}, Pt = ({
-  profile: o,
+), er = (n) => {
+  const e = Y((t) => t.theme), o = Y((t) => t.setTheme);
+  return /* @__PURE__ */ r(Mt, { ...n, value: e, onChange: o });
+}, zt = ({
+  profile: n,
   actions: e = [],
-  onProfileChange: n,
+  onProfileChange: o,
   onAvatarChange: t,
   onClick: a,
   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 } = n, [f, p] = A(!1), [N, k] = A(!1), [w, h] = A(u), [x, b] = A(i ?? ""), y = z(null), g = z(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(), o == null || o({ name: w, role: x }), k(!1);
+  }, D = (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(ve, { 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 +1628,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 +1642,14 @@ const Et = (o, e) => {
       "input",
       {
         type: "file",
-        ref: y,
-        onChange: b,
+        ref: g,
+        onChange: D,
         accept: "image/*",
         "aria-label": "Upload avatar",
         className: "hidden"
       }
     ),
-    p && /* @__PURE__ */ r(
+    f && /* @__PURE__ */ r(
       "div",
       {
         role: "menu",
@@ -1625,7 +1657,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 +1666,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 +1680,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 +1691,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"
                 ]
               }
@@ -1673,20 +1705,20 @@ const Et = (o, e) => {
                 type: "submit",
                 className: "px-2 py-1 text-[10px] rounded bg-primary text-primary-foreground hover:bg-primary/95 flex items-center gap-1 font-semibold",
                 children: [
-                  /* @__PURE__ */ r(Fe, { size: 10 }),
+                  /* @__PURE__ */ r(_e, { size: 10 }),
                   " Save"
                 ]
               }
             )
           ] })
-        ] }) : /* @__PURE__ */ c(he, { children: [
+        ] }) : /* @__PURE__ */ c(be, { children: [
           /* @__PURE__ */ c("div", { className: "p-2 flex items-center gap-3 border-b border-border/40 pb-2.5 mb-1", children: [
             /* @__PURE__ */ c(
               "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,23 +1726,23 @@ const Et = (o, e) => {
                   t && "cursor-pointer"
                 ),
                 children: [
-                  E(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" }) })
+                  L(24),
+                  t && /* @__PURE__ */ r("div", { className: "absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 flex items-center justify-center transition-opacity", children: /* @__PURE__ */ r(Be, { size: 14, className: "text-white" }) })
                 ]
               }
             ),
             /* @__PURE__ */ c("div", { className: "flex flex-col min-w-0 leading-normal flex-1", children: [
               /* @__PURE__ */ c("div", { className: "flex items-center gap-1", children: [
                 /* @__PURE__ */ r("span", { className: "text-xs font-bold truncate text-foreground", children: u }),
-                n && /* @__PURE__ */ r(
+                o && /* @__PURE__ */ r(
                   "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",
-                    children: /* @__PURE__ */ r(_e, { size: 10 })
+                    children: /* @__PURE__ */ r(He, { size: 10 })
                   }
                 )
               ] }),
@@ -1718,58 +1750,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);
+}, tr = (n) => {
+  const e = W((d) => d.name), o = W((d) => d.role), t = W((d) => d.email), a = W((d) => d.avatarUrl), s = W((d) => d.customAvatar), l = W((d) => d.updateProfile), u = W((d) => d.setCustomAvatar);
   return /* @__PURE__ */ r(
-    Pt,
+    zt,
     {
-      ...o,
-      profile: { name: e, role: n, email: t, avatarUrl: s || a },
+      ...n,
+      profile: { name: e, role: o, 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: [
-  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 }),
+}, rr = ({ title: n, subtitle: e, icon: o, className: t }) => /* @__PURE__ */ c("div", { className: S("flex items-center space-x-3 select-none", t), children: [
+  o && /* @__PURE__ */ r("div", { className: "w-8 h-8 rounded-lg bg-primary/10 border border-primary/30 flex items-center justify-center text-primary shadow-inner shrink-0", children: o }),
   /* @__PURE__ */ c("div", { className: "min-w-0", children: [
-    /* @__PURE__ */ r("h1", { className: "text-xs font-black uppercase tracking-wider text-foreground font-mono truncate", children: o }),
+    /* @__PURE__ */ r("h1", { className: "text-xs font-black uppercase tracking-wider text-foreground font-mono truncate", children: n }),
     e && /* @__PURE__ */ r("p", { className: "text-[9px] text-muted-foreground font-semibold truncate", children: e })
   ] })
-] }), Kt = ({ x: o, y: e, items: n, onClose: t, className: a }) => {
-  const s = P(null);
-  return z(() => {
+] }), Pt = ({ x: n, y: e, items: o, onClose: t, className: a }) => {
+  const s = z(null);
+  return O(() => {
     const l = (i) => {
       s.current && !s.current.contains(i.target) && t();
     }, u = (i) => {
@@ -1783,12 +1815,12 @@ const Et = (o, e) => {
     {
       ref: s,
       role: "menu",
-      style: { top: e, left: o },
+      style: { top: e, left: n },
       className: S(
         "fixed z-[1000] min-w-[160px] bg-popover text-popover-foreground border shadow-md rounded-md py-1 animate-in fade-in zoom-in-95 duration-100",
         a
       ),
-      children: n.map((l, u) => /* @__PURE__ */ c(se.Fragment, { children: [
+      children: o.map((l, u) => /* @__PURE__ */ c(se.Fragment, { children: [
         l.divider && /* @__PURE__ */ r("div", { className: "h-[1px] bg-border my-1" }),
         /* @__PURE__ */ c(
           "div",
@@ -1816,9 +1848,9 @@ const Et = (o, e) => {
     }
   );
 }, nr = ({
-  columns: o,
+  columns: n,
   data: e,
-  onRowClick: n,
+  onRowClick: o,
   selectedRowId: t,
   rowKey: a = "id",
   virtualized: s = !0,
@@ -1827,85 +1859,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;
+  const [m, f] = A(""), [p, N] = A(null), [k, w] = A(-1), h = z(null);
+  O(() => {
+    w(-1);
+  }, [m, p]);
+  const x = j(() => {
+    if (!m) return e;
+    const v = m.toLowerCase();
+    return e.filter((E) => Object.values(E).some((I) => I == null ? !1 : String(I).toLowerCase().includes(v)));
+  }, [e, m]), b = j(() => {
+    if (!p) return x;
+    const { key: v, direction: E } = p;
+    return [...x].sort((I, K) => {
+      const $ = I[v], M = K[v];
+      if ($ === M) return 0;
+      if ($ == null) return 1;
       if (M == null) return -1;
-      const Z = Number(K), ee = Number(M);
-      if (!isNaN(Z) && !isNaN(ee))
-        return D === "asc" ? Z - ee : ee - Z;
-      const de = String(K).toLowerCase(), ce = String(M).toLowerCase();
-      return D === "asc" ? de.localeCompare(ce) : ce.localeCompare(de);
+      const ee = Number($), te = Number(M);
+      if (!isNaN(ee) && !isNaN(te))
+        return E === "asc" ? ee - te : te - ee;
+      const de = String($).toLowerCase(), ce = String(M).toLowerCase();
+      return E === "asc" ? de.localeCompare(ce) : ce.localeCompare(de);
     });
-  }, [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, E) => {
+    E !== !1 && N((I) => !I || I.key !== v ? { key: v, direction: "asc" } : I.direction === "asc" ? { key: v, direction: "desc" } : null);
+  }, g = (v) => {
+    if (!(b.length === 0 || u)) {
       if (v.key === "ArrowDown")
-        v.preventDefault(), x((D) => {
-          const O = D + 1;
-          return O >= I.length ? 0 : O;
+        v.preventDefault(), w((E) => {
+          const I = E + 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((E) => {
+          const I = E - 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];
-        n && n(D);
+      else if ((v.key === "Enter" || v.key === " ") && (v.preventDefault(), k >= 0 && k < b.length)) {
+        const E = b[k];
+        o && o(E);
       }
     }
-  }, 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(We, { size: 14, className: "text-muted-foreground/60 ml-1.5 opacity-0 group-hover:opacity-100 transition-opacity" }) : p.direction === "asc" ? /* @__PURE__ */ r(Ne, { size: 14, className: "text-primary ml-1.5" }) : /* @__PURE__ */ r(Ce, { size: 14, className: "text-primary ml-1.5" }), D = () => /* @__PURE__ */ r("tr", { role: "row", className: "border-b border-border bg-muted/30 select-none", children: n.map((v) => /* @__PURE__ */ r(
     "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, E) => {
+    const I = t !== void 0 && v[a] === t;
     return /* @__PURE__ */ r(
       "tr",
       {
         role: "row",
-        "aria-selected": O,
-        onClick: () => n && n(v),
+        "aria-selected": I,
+        onClick: () => o && o(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 === E && "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: n.map(($) => {
+          const M = v[$.key];
+          return /* @__PURE__ */ r("td", { role: "gridcell", className: "p-3 align-middle truncate max-w-xs", children: $.render ? $.render(M, v) : M != null ? String(M) : "" }, $.key);
         })
       },
-      String(v[a] || D)
+      String(v[a] || E)
     );
-  }, w = R(() => ({
+  }, T = j(() => ({
     Table: (v) => /* @__PURE__ */ r(
       "table",
       {
@@ -1914,53 +1946,53 @@ const Et = (o, e) => {
         className: "w-full border-collapse text-left bg-background text-foreground"
       }
     ),
-    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"];
+    TableHead: se.forwardRef((v, E) => /* @__PURE__ */ r("thead", { ref: E, ...v, className: "sticky top-0 bg-background z-10 shadow-[0_1px_0_0_rgba(0,0,0,0.1)] dark:shadow-[0_1px_0_0_rgba(255,255,255,0.05)]" })),
+    TableBody: se.forwardRef((v, E) => /* @__PURE__ */ r("tbody", { ref: E, ...v })),
+    TableRow: ({ item: v, context: E, ...I }) => {
+      if (!E || !v) return /* @__PURE__ */ r("tr", { ...I });
+      const K = E.selectedRowId !== void 0 && v[E.rowKey] === E.selectedRowId, $ = E.focusedIndex === I["data-index"];
       return /* @__PURE__ */ r(
         "tr",
         {
-          ...O,
+          ...I,
           onClick: () => {
             var M;
-            return (M = D.onRowClick) == null ? void 0 : M.call(D, v);
+            return (M = E.onRowClick) == null ? void 0 : M.call(E, 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"
+            K && "bg-primary/10 text-primary hover:bg-primary/15 font-medium border-l-2 border-l-primary",
+            $ && "bg-accent/60 ring-1 ring-inset ring-ring"
           )
         }
       );
     }
-  }), []), L = () => 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 }),
+  }), []), P = () => u ? /* @__PURE__ */ c("div", { className: "flex flex-col items-center justify-center h-64 space-y-3", children: [
+    /* @__PURE__ */ r(ke, { className: "animate-spin text-primary", size: 24 }),
     /* @__PURE__ */ r("span", { className: "text-xs text-muted-foreground", children: "Loading dataset..." })
-  ] }) : 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,
+    Ye,
     {
-      data: I,
+      data: b,
       context: {
         selectedRowId: t,
-        focusedIndex: C,
+        focusedIndex: k,
         rowKey: a,
-        onRowClick: n
+        onRowClick: o
       },
-      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: D,
+      itemContent: (v, E) => /* @__PURE__ */ r(be, { children: n.map((I) => {
+        const K = E[I.key];
+        return /* @__PURE__ */ r("td", { role: "gridcell", className: "p-3 align-middle truncate max-w-xs", children: I.render ? I.render(K, E) : K != null ? String(K) : "" }, I.key);
       }) })
     }
   ) }) : /* @__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: D() }),
+    /* @__PURE__ */ r("tbody", { children: b.map((v, E) => L(v, E)) })
   ] }) });
   return /* @__PURE__ */ c(
     "div",
@@ -1969,7 +2001,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
@@ -1977,79 +2009,79 @@ const Et = (o, e) => {
       children: [
         l && /* @__PURE__ */ c("div", { className: "flex items-center justify-between p-3 border-b border-border bg-muted/20", children: [
           /* @__PURE__ */ c("div", { className: "relative flex-1 max-w-sm", children: [
-            /* @__PURE__ */ r(X, { size: 14, className: "absolute left-2.5 top-2.5 text-muted-foreground" }),
+            /* @__PURE__ */ r(Z, { size: 14, className: "absolute left-2.5 top-2.5 text-muted-foreground" }),
             /* @__PURE__ */ r(
               "input",
               {
                 type: "text",
                 placeholder: "Filter table rows...",
                 className: "w-full bg-secondary/40 border border-border rounded-md pl-8 pr-7 py-1.5 text-xs text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-primary focus:border-transparent transition-all",
-                value: f,
-                onChange: (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 = ({
-  results: o,
+  results: n,
   onQueryChange: e,
-  onSelect: n,
+  onSelect: o,
   categories: t,
   placeholder: a = "Search…",
   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 = z(null), k = z(null), w = j(() => t || [...new Set(n.map((y) => y.category))], [t, n]), h = j(
+    () => w.flatMap((y) => n.filter((g) => g.category === y)),
+    [w, n]
   );
-  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);
-  }, [o]);
-  const T = (N) => {
-    n(N), f(!1), i("");
-  }, I = (N) => {
-    var y;
+    const y = window.setTimeout(() => e(u), s);
+    return () => window.clearTimeout(y);
+  }, [u, s, e]), O(() => {
+    p(0);
+  }, [n]);
+  const x = (y) => {
+    o(y), m(!1), i("");
+  }, b = (y) => {
+    var g;
     if (!d) {
-      (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,
+        Z,
         {
           size: 13,
           className: "absolute left-2.5 top-1/2 -translate-y-1/2 text-muted-foreground"
@@ -2058,18 +2090,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 +2110,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 +2129,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 = n.filter((C) => C.category === y);
+            return g.length === 0 ? null : /* @__PURE__ */ c("div", { className: "flex flex-col", children: [
+              /* @__PURE__ */ r("div", { className: "px-3 py-1 text-[9px] font-bold uppercase tracking-wider text-muted-foreground/80 bg-muted/40 border-y border-border/20 first:border-t-0", children: y }),
+              g.map((C) => {
+                const D = C.icon, L = h.indexOf(C), T = L === f;
                 return /* @__PURE__ */ c(
                   "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(
+                      D && /* @__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(D, { 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: [
@@ -2156,42 +2188,42 @@ const Et = (o, e) => {
     )
   ] });
 }, sr = ({
-  placeholder: o = "Search...",
+  placeholder: n = "Search...",
   onSearch: e,
-  results: n,
+  results: o,
   onSelect: t,
   suggestions: a = [],
   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 = z(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 }) }),
+        /* @__PURE__ */ r("div", { className: "absolute left-2.5 top-2.5 text-muted-foreground", children: s ? /* @__PURE__ */ r(ke, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ r(Z, { size: 14 }) }),
         /* @__PURE__ */ r(
           "input",
           {
             type: "text",
             className: "w-full bg-secondary/50 border border-border rounded-md pl-9 pr-8 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent transition-all",
-            placeholder: o,
+            placeholder: n,
             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,37 +2233,37 @@ 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 })
           ]
         },
         h
       )) })
     ] }),
-    /* @__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;
+    /* @__PURE__ */ r("div", { className: "flex-1 overflow-y-auto", children: o.length === 0 ? /* @__PURE__ */ r("div", { className: "p-8 text-center text-xs text-muted-foreground italic", children: u ? `No results found for "${u}"` : "Type to start searching..." }) : /* @__PURE__ */ r("div", { className: "py-2", children: o.map((h) => {
+      const x = h.icon;
       return /* @__PURE__ */ r(
         "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 +2277,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 = ({
-  data: o,
+}, Ie = (n, e = 0) => n.reduce((o, t) => (o.push({ ...t, level: e }), t.isOpen && t.children && o.push(...Ie(t.children, e + 1)), o), []), $t = (n) => {
+  if (!n) return ["background"];
+  const e = [n.isBranch ? "branch" : "leaf"];
+  return n.kind && e.push(n.kind), e;
+}, ar = ({
+  data: n,
   onToggle: e,
-  onActivate: n,
+  onActivate: o,
   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);
-  }, [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 [d, m] = A(null), [f, p] = A(null), N = j(() => Ie(n), [n]);
+  O(() => {
+    p(null);
+  }, [n]);
+  const k = a.filter(
+    (x) => !x.showFor || d && x.showFor.some((b) => d.scopes.includes(b))
+  ).map((x) => ({
+    label: x.label,
+    icon: x.icon,
+    divider: x.divider,
+    onClick: () => d && x.onSelect(d.context)
+  })), w = (x, b) => {
+    a.length !== 0 && (x.preventDefault(), x.stopPropagation(), m({
+      x: x.clientX,
+      y: x.clientY,
+      scopes: $t(b),
       context: { nodeId: (b == null ? void 0 : b.id) ?? null, node: b }
-    });
-  }, 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)),
-        onDoubleClick: () => n == null ? void 0 : n(b),
-        onKeyDown: (w) => {
-          w.key === "Enter" && (w.preventDefault(), E ? e == null || e(b) : n == null || n(b));
+        onClick: () => y && (e == null ? void 0 : e(b)),
+        onDoubleClick: () => o == null ? void 0 : o(b),
+        onKeyDown: (g) => {
+          g.key === "Enter" && (g.preventDefault(), y ? e == null || e(b) : o == null || o(b));
         },
-        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(Ce, { size: 14 }) : /* @__PURE__ */ r(we, { size: 14 })) }),
+          b.icon && /* @__PURE__ */ r("div", { className: "mr-2 flex items-center shrink-0", children: b.icon }),
           /* @__PURE__ */ r("span", { className: "truncate", children: b.label })
         ]
       },
@@ -2352,24 +2358,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(
+          qe,
           {
             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(
+          Pt,
           {
-            x: m.x,
-            y: m.y,
-            items: I,
-            onClose: () => k(null)
+            x: d.x,
+            y: d.y,
+            items: k,
+            onClose: () => m(null)
           }
         )
       ]
@@ -2377,52 +2384,55 @@ const Et = (o, e) => {
   );
 };
 export {
-  rt as ActivityBar,
+  Xe as ActivityBar,
   rr as AppTitle,
-  st as ChatPane,
-  It as CommandPalette,
-  ut as CommandRegistry,
-  nt as ConnectedActivityBar,
-  it as ConnectedChatPane,
+  X as BUNDLED_THEMES,
+  dt as BUNDLED_THEME_CLASSES,
+  tt as ChatPane,
+  Dt as CommandPalette,
+  lt as CommandRegistry,
+  Ze as ConnectedActivityBar,
+  ot as ConnectedChatPane,
   Xt as ConnectedCommandPalette,
-  mt as ConnectedMenuBar,
+  it as ConnectedMenuBar,
   Zt as ConnectedModal,
-  gt as ConnectedSidebarPane,
-  bt as ConnectedStatusBar,
-  yt as ConnectedTerminalPane,
+  pt as ConnectedSidebarPane,
+  ht as ConnectedStatusBar,
+  vt as ConnectedTerminalPane,
   er as ConnectedThemeSwitcher,
   tr as ConnectedUserProfile,
-  Kt as ContextMenu,
+  Pt as ContextMenu,
   Vt as DEFAULT_COMMAND_IDS,
-  ft as DEFAULT_SETTINGS_THEMES,
+  mt as DEFAULT_SETTINGS_THEMES,
   Lt as DEFAULT_THEME_OPTIONS,
   nr as DataGrid,
-  dt as MenuBar,
-  ct as MenuRegistry,
+  st as MenuBar,
+  at as MenuRegistry,
   At as Modal,
   Gt as NexusWorkspaceShell,
   or as QuickSearch,
   sr as SearchWidget,
-  pt as SettingsPanel,
+  ft as SettingsPanel,
   Gt as ShellLayout,
-  re as SidebarPane,
-  ht as StatusBar,
-  xt as TerminalPane,
+  ne as SidebarPane,
+  gt as StatusBar,
+  bt as TerminalPane,
   Mt as ThemeSwitcher,
   ar as TreeWidget,
-  Pt as UserProfile,
+  zt as UserProfile,
   S as cn,
-  B as commandRegistry,
-  Nt as componentRegistry,
+  J as commandRegistry,
+  wt as componentRegistry,
   Yt as initializeShell,
   le as menuRegistry,
   qt as pluginRegistry,
+  ct as themeClass,
   Q as useChatStore,
   Qt as useKeyboardShortcuts,
-  kt as useLayoutStore,
-  Te as useModalStore,
+  Nt as useLayoutStore,
+  Ee as useModalStore,
   ae as useRightSidebarStore,
-  F as useSidebarStore,
+  U as useSidebarStore,
   ie as useStatusBarStore,
   V as useTerminalStore,
   Y as useThemeStore,