nexus-shell 0.2.0 → 0.2.2

package/dist/nexus-shell.es.js

@@ -1,33 +1,33 @@
 var Ee = Object.defineProperty;
-var De = (o, e, n) => e in o ? Ee(o, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : o[e] = n;
-var J = (o, e, n) => De(o, typeof e != "symbol" ? e + "" : e, n);
-import { jsxs as c, jsx as t, Fragment as fe } from "react/jsx-runtime";
-import { Settings as Ie, MessageCircle as pe, X as _, User as ge, Terminal as he, Send as Oe, Search as X, Loader2 as be, ChevronsUpDown as ze, ChevronUp as xe, ChevronDown as ve, ChevronRight as ye, Info as Le, HelpCircle as Ae, AlertCircle as Pe, Clock as Me, Sun as Ke, Moon as $e, GraduationCap as Re, Plus as je, FolderPlus as Fe, Edit as Ue, Trash2 as _e, Folder as Je, File as He, Check as We, Camera as Be, Edit2 as Ge } from "lucide-react";
-import { clsx as Ye } from "clsx";
-import { twMerge as qe } from "tailwind-merge";
-import oe, { useState as O, useRef as M, useEffect as z, useMemo as j } from "react";
-import { TableVirtuoso as Ve, Virtuoso as Qe } from "react-virtuoso";
-import { Model as $, Actions as B, DockLocation as Xe, Layout as Ze } from "flexlayout-react";
+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";
 import "flexlayout-react/style/light.css";
-import { create as F } from "zustand";
+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 qe(Ye(o));
+  return Xe(Qe(o));
 }
-const et = [
-  { id: "settings", label: "Settings", icon: Ie }
-], tt = ({
+const tt = [
+  { id: "settings", label: "Settings", icon: Ae }
+], rt = ({
   items: o = [],
-  bottomItems: e = et,
+  bottomItems: e = tt,
   activeId: n = null,
-  onSelect: r,
+  onSelect: t,
   className: a,
   "aria-label": s = "Activity Bar"
 }) => {
-  const l = ({ id: u, label: i, icon: d }) => /* @__PURE__ */ t(
+  const l = ({ id: u, label: i, icon: d }) => /* @__PURE__ */ r(
     "button",
     {
       type: "button",
-      onClick: () => r == null ? void 0 : r(u),
+      onClick: () => t == null ? void 0 : t(u),
       "aria-label": i,
       title: i,
       "aria-pressed": n === u,
@@ -35,7 +35,7 @@ const et = [
         "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"
       ),
-      children: /* @__PURE__ */ t(d, { size: 20 })
+      children: /* @__PURE__ */ r(d, { size: 20 })
     },
     u
   );
@@ -49,32 +49,60 @@ const et = [
         a
       ),
       children: [
-        /* @__PURE__ */ t("div", { className: "flex-1 flex flex-col space-y-4", children: o.map(l) }),
-        e.length > 0 && /* @__PURE__ */ t("div", { className: "flex flex-col space-y-4", children: e.map(l) })
+        /* @__PURE__ */ r("div", { className: "flex-1 flex flex-col space-y-4", children: o.map(l) }),
+        e.length > 0 && /* @__PURE__ */ r("div", { className: "flex flex-col space-y-4", children: e.map(l) })
       ]
     }
   );
-}, rt = /* @__PURE__ */ c("div", { className: "h-full flex flex-col items-center justify-center text-center px-6 text-muted-foreground", children: [
-  /* @__PURE__ */ t(pe, { size: 28, className: "mb-3 opacity-40" }),
-  /* @__PURE__ */ t("p", { className: "text-xs", children: "No messages yet." }),
+}, q = "nexus-shell-sidebar", F = U((o) => {
+  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 });
+    },
+    toggleSidebar: (t) => o((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 })
+  };
+}), nt = (o) => {
+  const e = F((s) => s.panels), n = F((s) => s.activeSidebar), t = F((s) => s.toggleSidebar), a = R(
+    () => e.map(({ id: s, label: l, icon: u }) => ({ id: s, label: l, icon: u })),
+    [e]
+  );
+  return /* @__PURE__ */ r(
+    rt,
+    {
+      ...o,
+      items: a,
+      activeId: n,
+      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" }),
+  /* @__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__ */ t("span", { className: "font-mono", children: "/" }),
+    /* @__PURE__ */ r("span", { className: "font-mono", children: "/" }),
     " for commands."
   ] })
-] }), nt = ({
+] }), st = ({
   messages: o = [],
   onSend: e,
   slashCommands: n = [],
-  onSlashCommand: r,
+  onSlashCommand: t,
   onClose: a,
   title: s = "Chat",
   placeholder: l = "Send a message…",
-  emptyState: u = rt,
+  emptyState: u = ot,
   className: i
 }) => {
-  const [d, p] = O(""), [g, m] = O(0), w = M(null), C = M(null), x = d.startsWith("/") ? n.filter(
-    (v) => `/${v.command}`.startsWith(d.toLowerCase().split(" ")[0])
+  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);
@@ -82,27 +110,27 @@ const et = [
     m(0);
   }, [d]);
   const T = () => {
-    const v = d.trim();
-    v && (e == null || e(v), p(""));
-  }, N = (v) => {
-    var f;
-    r == null || r(v), p(`/${v.command} `), (f = w.current) == null || f.focus();
-  }, b = (v) => {
+    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) => {
     if (h) {
-      if (v.key === "ArrowDown") {
-        v.preventDefault(), m((f) => (f + 1) % x.length);
+      if (y.key === "ArrowDown") {
+        y.preventDefault(), m((g) => (g + 1) % x.length);
         return;
       }
-      if (v.key === "ArrowUp") {
-        v.preventDefault(), m((f) => (f - 1 + x.length) % x.length);
+      if (y.key === "ArrowUp") {
+        y.preventDefault(), m((g) => (g - 1 + x.length) % x.length);
         return;
       }
-      if (v.key === "Tab" || v.key === "Enter" && !v.shiftKey) {
-        v.preventDefault(), N(x[g]);
+      if (y.key === "Tab" || y.key === "Enter" && !y.shiftKey) {
+        y.preventDefault(), I(x[p]);
         return;
       }
     }
-    v.key === "Enter" && !v.shiftKey && (v.preventDefault(), T());
+    y.key === "Enter" && !y.shiftKey && (y.preventDefault(), T());
   };
   return /* @__PURE__ */ c(
     "aside",
@@ -116,100 +144,100 @@ const et = [
       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__ */ t(pe, { size: 13 }),
-            /* @__PURE__ */ t("span", { className: "text-[11px] font-bold uppercase tracking-widest", children: s })
+            /* @__PURE__ */ r(be, { size: 13 }),
+            /* @__PURE__ */ r("span", { className: "text-[11px] font-bold uppercase tracking-widest", children: s })
           ] }),
-          a && /* @__PURE__ */ t(
+          a && /* @__PURE__ */ r(
             "button",
             {
               type: "button",
               onClick: a,
               "aria-label": "Close Chat",
               className: "p-1 rounded hover:bg-accent hover:text-foreground text-muted-foreground transition-colors focus:outline-none focus:ring-2 focus:ring-ring",
-              children: /* @__PURE__ */ t(_, { size: 14 })
+              children: /* @__PURE__ */ r(J, { size: 14 })
             }
           )
         ] }),
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ r(
           "div",
           {
             ref: C,
             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((v) => {
-              const f = v.role === "user";
+            children: o.length === 0 ? u : o.map((y) => {
+              const g = y.role === "user";
               return /* @__PURE__ */ c(
                 "div",
                 {
-                  className: S("flex flex-col", f ? "items-end" : "items-start"),
+                  className: S("flex flex-col", g ? "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: [
-                      f ? /* @__PURE__ */ t(ge, { size: 10 }) : /* @__PURE__ */ t(he, { size: 10 }),
-                      /* @__PURE__ */ t("span", { children: v.author ?? (f ? "You" : "Assistant") })
+                      g ? /* @__PURE__ */ r(xe, { size: 10 }) : /* @__PURE__ */ r(ve, { size: 10 }),
+                      /* @__PURE__ */ r("span", { children: y.author ?? (g ? "You" : "Assistant") })
                     ] }),
-                    /* @__PURE__ */ t(
+                    /* @__PURE__ */ r(
                       "div",
                       {
                         className: S(
                           "max-w-[85%] rounded-lg px-3 py-2 text-xs whitespace-pre-wrap break-words",
-                          f ? "bg-primary text-primary-foreground" : "bg-card border border-border text-foreground"
+                          g ? "bg-primary text-primary-foreground" : "bg-card border border-border text-foreground"
                         ),
-                        children: v.text
+                        children: y.text
                       }
                     )
                   ]
                 },
-                v.id
+                y.id
               );
             })
           }
         ),
         /* @__PURE__ */ c("div", { className: "relative border-t border-border/50 p-2 shrink-0", children: [
-          h && /* @__PURE__ */ t(
+          h && /* @__PURE__ */ r(
             "div",
             {
               role: "listbox",
               "aria-label": "Slash commands",
               className: "absolute bottom-full left-2 right-2 mb-1 bg-popover border border-border rounded-md shadow-lg overflow-hidden z-20",
-              children: x.map((v, f) => /* @__PURE__ */ c(
+              children: x.map((y, g) => /* @__PURE__ */ c(
                 "div",
                 {
                   role: "option",
-                  "aria-selected": f === g,
-                  onMouseEnter: () => m(f),
-                  onClick: () => N(v),
+                  "aria-selected": g === p,
+                  onMouseEnter: () => m(g),
+                  onClick: () => I(y),
                   className: S(
                     "px-3 py-1.5 text-xs cursor-pointer flex items-baseline justify-between gap-3",
-                    f === g ? "bg-accent text-accent-foreground" : "hover:bg-accent/50"
+                    g === p ? "bg-accent text-accent-foreground" : "hover:bg-accent/50"
                   ),
                   children: [
                     /* @__PURE__ */ c("span", { className: "font-mono", children: [
                       "/",
-                      v.command
+                      y.command
                     ] }),
-                    /* @__PURE__ */ t("span", { className: "text-[10px] text-muted-foreground truncate", children: v.description })
+                    /* @__PURE__ */ r("span", { className: "text-[10px] text-muted-foreground truncate", children: y.description })
                   ]
                 },
-                v.command
+                y.command
               ))
             }
           ),
           /* @__PURE__ */ c("div", { className: "flex items-end space-x-2", children: [
-            /* @__PURE__ */ t(
+            /* @__PURE__ */ r(
               "textarea",
               {
-                ref: w,
+                ref: k,
                 rows: 1,
                 value: d,
                 "aria-label": `${s} message`,
                 placeholder: l,
-                onChange: (v) => p(v.target.value),
-                onKeyDown: b,
+                onChange: (y) => f(y.target.value),
+                onKeyDown: N,
                 className: "flex-1 resize-none bg-background border border-border rounded-md px-3 py-2 text-xs text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary/50 max-h-32"
               }
             ),
-            /* @__PURE__ */ t(
+            /* @__PURE__ */ r(
               "button",
               {
                 type: "button",
@@ -217,7 +245,7 @@ const et = [
                 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__ */ t(Oe, { size: 14 })
+                children: /* @__PURE__ */ r(Le, { size: 14 })
               }
             )
           ] })
@@ -225,443 +253,131 @@ const et = [
       ]
     }
   );
-}, ot = (o, e) => {
-  const n = e.toLowerCase();
-  return o.label.toLowerCase().includes(n) || o.id.toLowerCase().includes(n);
-}, st = ({
-  open: o,
-  commands: e,
-  onSelect: n,
-  onClose: r,
-  inline: a = !1,
-  placeholder: s = "Type a command to run…",
-  filter: l = ot,
-  className: u
-}) => {
-  const [i, d] = O(""), [p, g] = O(0), m = M(null), w = j(
-    () => e.filter((x) => l(x, i)),
-    [e, i, l]
-  );
-  if (z(() => {
-    var x;
-    o && (d(""), g(0), (x = m.current) == null || x.focus());
-  }, [o]), z(() => {
-    g(0);
-  }, [i]), !o) return null;
-  const C = (x) => {
-    x.key === "ArrowDown" ? (x.preventDefault(), g((h) => w.length ? (h + 1) % w.length : 0)) : x.key === "ArrowUp" ? (x.preventDefault(), g(
-      (h) => w.length ? (h - 1 + w.length) % w.length : 0
-    )) : x.key === "Enter" ? (x.preventDefault(), w[p] && n(w[p])) : x.key === "Escape" && (x.preventDefault(), r == null || r());
-  };
-  return /* @__PURE__ */ t(
-    "div",
+};
+let at = 0;
+const lt = () => `msg-${Date.now()}-${at += 1}`, Q = U((o) => ({
+  messages: [],
+  slashCommands: [],
+  setMessages: (e) => o({ messages: e }),
+  addMessage: (e) => o((n) => ({
+    messages: [...n.messages, { ...e, id: e.id ?? lt() }]
+  })),
+  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",
+  setChatOpen: (t) => {
+    localStorage.setItem(te, String(t)), o({ isChatOpen: t });
+  },
+  toggleChat: () => o((t) => {
+    const a = !t.isChatOpen;
+    return localStorage.setItem(te, 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,
     {
-      onClick: a ? void 0 : r,
-      className: S(
-        "z-[100] flex items-start justify-center",
-        a ? "relative w-full max-w-xl" : "fixed inset-0 pt-[10vh] bg-black/50 backdrop-blur-sm"
-      ),
-      children: /* @__PURE__ */ c(
-        "div",
-        {
-          role: "dialog",
-          "aria-modal": !a,
-          "aria-label": "Command Palette",
-          onClick: (x) => x.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__ */ t(X, { size: 18, className: "text-muted-foreground mr-3" }),
-              /* @__PURE__ */ t(
-                "input",
-                {
-                  ref: m,
-                  type: "text",
-                  role: "combobox",
-                  "aria-expanded": !0,
-                  "aria-controls": "command-palette-list",
-                  "aria-label": "Command",
-                  placeholder: s,
-                  value: i,
-                  onChange: (x) => d(x.target.value),
-                  onKeyDown: C,
-                  className: "flex-1 h-14 bg-transparent outline-none text-base text-foreground placeholder:text-muted-foreground"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ t(
-              "div",
-              {
-                id: "command-palette-list",
-                role: "listbox",
-                className: "max-h-[300px] overflow-y-auto py-2",
-                children: w.length === 0 ? /* @__PURE__ */ t("div", { className: "px-4 py-8 text-center text-sm text-muted-foreground", children: i ? `No commands found matching "${i}"` : "No commands available." }) : w.map((x, h) => /* @__PURE__ */ c(
-                  "div",
-                  {
-                    role: "option",
-                    "aria-selected": h === p,
-                    onClick: () => n(x),
-                    onMouseEnter: () => g(h),
-                    className: S(
-                      "px-4 py-2 cursor-pointer flex justify-between items-center text-sm",
-                      h === p ? "bg-accent text-accent-foreground" : "hover:bg-accent/50"
-                    ),
-                    children: [
-                      /* @__PURE__ */ t("span", { children: x.label }),
-                      x.keybinding && /* @__PURE__ */ t("span", { className: "text-[10px] text-muted-foreground bg-muted px-1.5 py-0.5 rounded border border-border/50", children: x.keybinding })
-                    ]
-                  },
-                  x.id
-                ))
-              }
-            ),
-            /* @__PURE__ */ c("div", { className: "px-4 py-2 border-t bg-muted/30 flex justify-between items-center text-[10px] text-muted-foreground", children: [
-              /* @__PURE__ */ c("div", { className: "flex gap-3", children: [
-                /* @__PURE__ */ c("span", { children: [
-                  /* @__PURE__ */ t("kbd", { className: "bg-muted px-1 rounded border", children: "↑↓" }),
-                  " to navigate"
-                ] }),
-                /* @__PURE__ */ c("span", { children: [
-                  /* @__PURE__ */ t("kbd", { className: "bg-muted px-1 rounded border", children: "Enter" }),
-                  " to select"
-                ] })
-              ] }),
-              /* @__PURE__ */ c("span", { children: [
-                /* @__PURE__ */ t("kbd", { className: "bg-muted px-1 rounded border", children: "Esc" }),
-                " to close"
-              ] })
-            ] })
-          ]
+      ...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);
+            return;
+          }
+          l({ role: "assistant", text: `Unknown command: /${d}` });
+          return;
         }
-      )
+        o == null || o(i);
+      },
+      onClose: () => t(!1)
     }
-  );
-}, at = ({ x: o, y: e, items: n, onClose: r, className: a }) => {
-  const s = M(null);
-  return z(() => {
-    const l = (i) => {
-      s.current && !s.current.contains(i.target) && r();
-    }, u = (i) => {
-      i.key === "Escape" && r();
-    };
-    return document.addEventListener("mousedown", l), document.addEventListener("keydown", u), () => {
-      document.removeEventListener("mousedown", l), document.removeEventListener("keydown", u);
-    };
-  }, [r]), /* @__PURE__ */ t(
+  ) : null;
+}, dt = ({
+  menus: o = {},
+  onSelect: e,
+  title: n,
+  center: t,
+  right: a,
+  className: s
+}) => {
+  const l = (i) => i.keybinding ? /* @__PURE__ */ r("span", { className: "text-[10px] text-muted-foreground opacity-60 ml-4", children: i.keybinding }) : null, u = (i) => /* @__PURE__ */ r(
     "div",
     {
-      ref: s,
       role: "menu",
-      style: { top: e, left: o },
-      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(oe.Fragment, { children: [
-        l.divider && /* @__PURE__ */ t("div", { className: "h-[1px] bg-border my-1" }),
+      className: "absolute left-0 top-full hidden group-hover:block z-50 min-w-[180px] bg-popover text-popover-foreground border shadow-md rounded-md py-1",
+      children: i.map((d) => /* @__PURE__ */ c("div", { className: "relative group/sub", children: [
         /* @__PURE__ */ c(
           "div",
           {
             role: "menuitem",
-            tabIndex: l.disabled ? void 0 : 0,
-            "aria-disabled": l.disabled,
-            onClick: () => {
-              l.disabled || (l.onClick(), r());
-            },
-            onKeyDown: (i) => {
-              l.disabled || i.key !== "Enter" && i.key !== " " || (i.preventDefault(), l.onClick(), r());
+            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));
             },
-            className: S(
-              "px-3 py-1.5 text-xs flex items-center focus:outline-none",
-              l.disabled ? "opacity-40 cursor-default" : "cursor-pointer hover:bg-accent hover:text-accent-foreground focus:bg-accent"
-            ),
+            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: [
-              l.icon && /* @__PURE__ */ t("span", { className: "mr-2 opacity-70", children: l.icon }),
-              /* @__PURE__ */ t("span", { children: l.label })
+              /* @__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(
+          "div",
+          {
+            role: "menu",
+            className: "absolute left-full top-0 hidden group-hover/sub:block z-[60] min-w-[180px] bg-popover text-popover-foreground border shadow-md rounded-md py-1 ml-[-2px]",
+            children: d.submenu.map((f) => /* @__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));
+                },
+                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)
+                ]
+              },
+              f.id
+            ))
+          }
         )
-      ] }, `${l.label}-${u}`))
+      ] }, d.id))
     }
   );
-}, Ht = ({
-  columns: o,
-  data: e,
-  onRowClick: n,
-  selectedRowId: r,
-  rowKey: a = "id",
-  virtualized: s = !0,
-  showFilter: l = !0,
-  loading: u = !1,
-  placeholder: i = "No data available",
-  className: d
-}) => {
-  const [p, g] = O(""), [m, w] = O(null), [C, x] = O(-1), h = M(null);
-  z(() => {
-    x(-1);
-  }, [p, m]);
-  const T = j(() => {
-    if (!p) return e;
-    const y = p.toLowerCase();
-    return e.filter((D) => Object.values(D).some((I) => I == null ? !1 : String(I).toLowerCase().includes(y)));
-  }, [e, p]), N = j(() => {
-    if (!m) return T;
-    const { key: y, direction: D } = m;
-    return [...T].sort((I, R) => {
-      const K = I[y], P = R[y];
-      if (K === P) return 0;
-      if (K == null) return 1;
-      if (P == null) return -1;
-      const Z = Number(K), ee = Number(P);
-      if (!isNaN(Z) && !isNaN(ee))
-        return D === "asc" ? Z - ee : ee - Z;
-      const se = String(K).toLowerCase(), ae = String(P).toLowerCase();
-      return D === "asc" ? se.localeCompare(ae) : ae.localeCompare(se);
-    });
-  }, [T, m]), b = (y, D) => {
-    D !== !1 && w((I) => !I || I.key !== y ? { key: y, direction: "asc" } : I.direction === "asc" ? { key: y, direction: "desc" } : null);
-  }, v = (y) => {
-    if (!(N.length === 0 || u)) {
-      if (y.key === "ArrowDown")
-        y.preventDefault(), x((D) => {
-          const I = D + 1;
-          return I >= N.length ? 0 : I;
-        });
-      else if (y.key === "ArrowUp")
-        y.preventDefault(), x((D) => {
-          const I = D - 1;
-          return I < 0 ? N.length - 1 : I;
-        });
-      else if ((y.key === "Enter" || y.key === " ") && (y.preventDefault(), C >= 0 && C < N.length)) {
-        const D = N[C];
-        n && n(D);
-      }
-    }
-  }, f = (y) => y.sortable === !1 ? null : (m == null ? void 0 : m.key) !== y.key ? /* @__PURE__ */ t(ze, { size: 14, className: "text-muted-foreground/60 ml-1.5 opacity-0 group-hover:opacity-100 transition-opacity" }) : m.direction === "asc" ? /* @__PURE__ */ t(xe, { size: 14, className: "text-primary ml-1.5" }) : /* @__PURE__ */ t(ve, { size: 14, className: "text-primary ml-1.5" }), E = () => /* @__PURE__ */ t("tr", { role: "row", className: "border-b border-border bg-muted/30 select-none", children: o.map((y) => /* @__PURE__ */ t(
-    "th",
+  return /* @__PURE__ */ c(
+    "header",
     {
-      role: "columnheader",
-      "aria-sort": (m == null ? void 0 : m.key) === y.key ? m.direction === "asc" ? "ascending" : "descending" : "none",
+      role: "banner",
+      "aria-label": "Application Header",
       className: S(
-        "p-3 text-xs font-semibold text-muted-foreground uppercase tracking-wider text-left transition-colors",
-        y.sortable !== !1 && "cursor-pointer hover:bg-accent/30 hover:text-foreground group"
-      ),
-      style: { width: y.width },
-      onClick: () => b(y.key, y.sortable),
-      children: /* @__PURE__ */ c("div", { className: "flex items-center", children: [
-        /* @__PURE__ */ t("span", { children: y.header }),
-        f(y)
-      ] })
-    },
-    y.key
-  )) }), L = (y, D) => {
-    const I = r !== void 0 && y[a] === r;
-    return /* @__PURE__ */ t(
-      "tr",
-      {
-        role: "row",
-        "aria-selected": I,
-        onClick: () => n && n(y),
-        className: S(
-          "border-b border-border/40 hover:bg-accent/40 transition-colors cursor-pointer text-sm outline-none",
-          I && "bg-primary/10 text-primary hover:bg-primary/15 font-medium border-l-2 border-l-primary",
-          C === D && "bg-accent/60 ring-1 ring-inset ring-ring"
-        ),
-        children: o.map((K) => {
-          const P = y[K.key];
-          return /* @__PURE__ */ t("td", { role: "gridcell", className: "p-3 align-middle truncate max-w-xs", children: K.render ? K.render(P, y) : P != null ? String(P) : "" }, K.key);
-        })
-      },
-      String(y[a] || D)
-    );
-  }, k = j(() => ({
-    Table: (y) => /* @__PURE__ */ t(
-      "table",
-      {
-        ...y,
-        role: "grid",
-        className: "w-full border-collapse text-left bg-background text-foreground"
-      }
-    ),
-    TableHead: oe.forwardRef((y, D) => /* @__PURE__ */ t("thead", { ref: D, ...y, 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: oe.forwardRef((y, D) => /* @__PURE__ */ t("tbody", { ref: D, ...y })),
-    TableRow: ({ item: y, context: D, ...I }) => {
-      if (!D || !y) return /* @__PURE__ */ t("tr", { ...I });
-      const R = D.selectedRowId !== void 0 && y[D.rowKey] === D.selectedRowId, K = D.focusedIndex === I["data-index"];
-      return /* @__PURE__ */ t(
-        "tr",
-        {
-          ...I,
-          onClick: () => {
-            var P;
-            return (P = D.onRowClick) == null ? void 0 : P.call(D, y);
-          },
-          className: S(
-            "border-b border-border/40 hover:bg-accent/40 transition-colors cursor-pointer text-sm outline-none",
-            R && "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"
-          )
-        }
-      );
-    }
-  }), []), A = () => u ? /* @__PURE__ */ c("div", { className: "flex flex-col items-center justify-center h-64 space-y-3", children: [
-    /* @__PURE__ */ t(be, { className: "animate-spin text-primary", size: 24 }),
-    /* @__PURE__ */ t("span", { className: "text-xs text-muted-foreground", children: "Loading dataset..." })
-  ] }) : N.length === 0 ? /* @__PURE__ */ c("div", { className: "flex flex-col items-center justify-center h-48 text-center px-4", children: [
-    /* @__PURE__ */ t("span", { className: "text-sm font-medium text-foreground", children: i }),
-    /* @__PURE__ */ t("span", { className: "text-xs text-muted-foreground mt-1", children: "No items matched your search query." })
-  ] }) : s ? /* @__PURE__ */ t("div", { className: "flex-1 min-h-[300px] h-full relative", children: /* @__PURE__ */ t(
-    Ve,
-    {
-      data: N,
-      context: {
-        selectedRowId: r,
-        focusedIndex: C,
-        rowKey: a,
-        onRowClick: n
-      },
-      components: k,
-      fixedHeaderContent: E,
-      itemContent: (y, D) => /* @__PURE__ */ t(fe, { children: o.map((I) => {
-        const R = D[I.key];
-        return /* @__PURE__ */ t("td", { role: "gridcell", className: "p-3 align-middle truncate max-w-xs", children: I.render ? I.render(R, D) : R != null ? String(R) : "" }, I.key);
-      }) })
-    }
-  ) }) : /* @__PURE__ */ t("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__ */ t("thead", { children: E() }),
-    /* @__PURE__ */ t("tbody", { children: N.map((y, D) => L(y, D)) })
-  ] }) });
-  return /* @__PURE__ */ c(
-    "div",
-    {
-      ref: h,
-      role: "region",
-      "aria-label": "Data Grid",
-      tabIndex: 0,
-      onKeyDown: v,
-      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
-      ),
-      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__ */ t(X, { size: 14, className: "absolute left-2.5 top-2.5 text-muted-foreground" }),
-            /* @__PURE__ */ t(
-              "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: p,
-                onChange: (y) => g(y.target.value)
-              }
-            ),
-            p && /* @__PURE__ */ t(
-              "button",
-              {
-                onClick: () => g(""),
-                className: "absolute right-2 top-2.5 text-muted-foreground hover:text-foreground",
-                "aria-label": "Clear filter",
-                children: /* @__PURE__ */ t(_, { size: 12 })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ c("div", { className: "text-[11px] text-muted-foreground font-medium ml-4", children: [
-            N.length,
-            " of ",
-            e.length,
-            " records"
-          ] })
-        ] }),
-        A()
-      ]
-    }
-  );
-}, lt = ({
-  menus: o = {},
-  onSelect: e,
-  title: n,
-  center: r,
-  right: a,
-  className: s
-}) => {
-  const l = (i) => i.keybinding ? /* @__PURE__ */ t("span", { className: "text-[10px] text-muted-foreground opacity-60 ml-4", children: i.keybinding }) : null, u = (i) => /* @__PURE__ */ t(
-    "div",
-    {
-      role: "menu",
-      className: "absolute left-0 top-full hidden group-hover:block z-50 min-w-[180px] bg-popover text-popover-foreground border shadow-md rounded-md py-1",
-      children: i.map((d) => /* @__PURE__ */ c("div", { className: "relative group/sub", children: [
-        /* @__PURE__ */ c(
-          "div",
-          {
-            role: "menuitem",
-            tabIndex: 0,
-            onClick: () => !d.submenu && (e == null ? void 0 : e(d)),
-            onKeyDown: (p) => {
-              !d.submenu && (p.key === "Enter" || p.key === " ") && (p.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__ */ t("span", { children: d.label }),
-              /* @__PURE__ */ c("div", { className: "flex items-center space-x-2", children: [
-                l(d),
-                d.submenu && /* @__PURE__ */ t(ye, { size: 10 })
-              ] })
-            ]
-          }
-        ),
-        d.submenu && /* @__PURE__ */ t(
-          "div",
-          {
-            role: "menu",
-            className: "absolute left-full top-0 hidden group-hover/sub:block z-[60] min-w-[180px] bg-popover text-popover-foreground border shadow-md rounded-md py-1 ml-[-2px]",
-            children: d.submenu.map((p) => /* @__PURE__ */ c(
-              "div",
-              {
-                role: "menuitem",
-                tabIndex: 0,
-                onClick: () => e == null ? void 0 : e(p),
-                onKeyDown: (g) => {
-                  (g.key === "Enter" || g.key === " ") && (g.preventDefault(), e == null || e(p));
-                },
-                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__ */ t("span", { children: p.label }),
-                  l(p)
-                ]
-              },
-              p.id
-            ))
-          }
-        )
-      ] }, d.id))
-    }
-  );
-  return /* @__PURE__ */ c(
-    "header",
-    {
-      role: "banner",
-      "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",
-        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",
+        s
       ),
       children: [
         /* @__PURE__ */ c("div", { className: "flex items-center flex-1 min-w-0", children: [
-          n !== void 0 ? /* @__PURE__ */ t("div", { className: "mr-12 flex items-center shrink-0", children: n }) : /* @__PURE__ */ t("div", { className: "font-semibold mr-6 text-sm shrink-0", children: "Nexus Shell" }),
-          /* @__PURE__ */ t(
+          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" }),
+          /* @__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: [
-                /* @__PURE__ */ t(
+                /* @__PURE__ */ r(
                   "div",
                   {
                     role: "button",
@@ -675,439 +391,190 @@ const et = [
               ] }, i))
             }
           ),
-          r && /* @__PURE__ */ t("div", { className: "ml-8 w-60 md:w-72 relative hidden sm:block", children: r })
+          t && /* @__PURE__ */ r("div", { className: "ml-8 w-60 md:w-72 relative hidden sm:block", children: t })
         ] }),
-        a && /* @__PURE__ */ t("div", { className: "flex items-center ml-4 shrink-0", children: a })
+        a && /* @__PURE__ */ r("div", { className: "flex items-center ml-4 shrink-0", children: a })
       ]
     }
   );
-}, it = {
-  alert: Pe,
-  confirm: Ae,
-  prompt: Le
-}, ct = {
-  alert: "text-destructive",
-  confirm: "text-amber-500",
-  prompt: "text-blue-500"
-}, dt = ({
-  open: o,
-  type: e = "alert",
-  title: n,
-  message: r,
-  defaultValue: a = "",
-  onConfirm: s,
-  onCancel: l,
-  confirmLabel: u,
-  cancelLabel: i = "Cancel",
-  placeholder: d = "Enter value…",
-  className: p
-}) => {
-  const [g, m] = O(a), w = M(null);
-  if (z(() => {
-    if (!o || (m(a), e !== "prompt")) return;
-    const T = window.setTimeout(() => {
-      var N, b;
-      (N = w.current) == null || N.focus(), (b = w.current) == null || b.select();
-    }, 50);
-    return () => window.clearTimeout(T);
-  }, [o, e, a]), z(() => {
-    if (!o) return;
-    const T = (N) => {
-      N.key === "Escape" && (N.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" ? g : void 0), x = (T) => {
-    T.key === "Enter" && (T.preventDefault(), C());
-  }, h = it[e];
-  return /* @__PURE__ */ t(
+};
+class ct {
+  constructor() {
+    H(this, "menus", /* @__PURE__ */ new Map());
+  }
+  registerMenu(e, n) {
+    var t;
+    this.menus.has(e) || this.menus.set(e, []), (t = this.menus.get(e)) == null || t.push(n);
+  }
+  setMenus(e) {
+    this.menus = new Map(Object.entries(e));
+  }
+  getMenu(e) {
+    return this.menus.get(e) || [];
+  }
+  getAllMenus() {
+    const e = {};
+    return this.menus.forEach((n, t) => {
+      e[t] = n;
+    }), e;
+  }
+}
+const le = new ct();
+class ut {
+  constructor() {
+    H(this, "commands", /* @__PURE__ */ new Map());
+  }
+  registerCommand(e) {
+    if (this.commands.has(e.id)) {
+      console.warn(`Command ${e.id} is already registered.`);
+      return;
+    }
+    this.commands.set(e.id, e);
+  }
+  executeCommand(e, ...n) {
+    const t = this.commands.get(e);
+    t ? t.execute(...n) : console.warn(`Command ${e} not found.`);
+  }
+  getCommand(e) {
+    return this.commands.get(e);
+  }
+  getCommands() {
+    return Array.from(this.commands.values());
+  }
+}
+const B = new ut(), Ce = (o) => o.map((e) => {
+  var n;
+  return {
+    ...e,
+    keybinding: e.keybinding ?? (e.commandId ? (n = B.getCommand(e.commandId)) == null ? void 0 : n.keybinding : void 0),
+    submenu: e.submenu ? Ce(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);
+    if (t) return t;
+  }
+}, mt = (o) => {
+  const e = le.getAllMenus(), n = Object.fromEntries(
+    Object.entries(e).map(([a, s]) => [a, Ce(s)])
+  );
+  return /* @__PURE__ */ r(dt, { ...o, menus: n, onSelect: (a) => {
+    for (const s of Object.values(e)) {
+      const l = Se(s, a.id);
+      if (l != null && l.commandId) {
+        B.executeCommand(l.commandId);
+        return;
+      }
+    }
+  } });
+}, re = ({
+  title: o,
+  children: e,
+  onClose: n,
+  width: t = "300px",
+  className: a
+}) => /* @__PURE__ */ c(
+  "aside",
+  {
+    role: "tabpanel",
+    "aria-label": `${o} Panel`,
+    style: { width: t },
+    className: S(
+      "h-full bg-muted border-r flex flex-col select-none shrink-0",
+      a
+    ),
+    children: [
+      /* @__PURE__ */ c("div", { className: "h-10 flex items-center justify-between px-4 text-[11px] font-bold text-muted-foreground uppercase tracking-widest", children: [
+        /* @__PURE__ */ r("span", { className: "truncate", children: o }),
+        n && /* @__PURE__ */ r(
+          "button",
+          {
+            type: "button",
+            onClick: n,
+            "aria-label": "Close Panel",
+            className: "p-1 hover:bg-accent hover:text-foreground rounded transition-colors focus:outline-none focus:ring-2 focus:ring-ring shrink-0",
+            children: /* @__PURE__ */ r(J, { size: 14 })
+          }
+        )
+      ] }),
+      /* @__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,
+  onThemeChange: e,
+  themes: n = ft,
+  className: t
+}) => /* @__PURE__ */ r("div", { className: S("p-4 space-y-6", t), children: /* @__PURE__ */ c("section", { children: [
+  /* @__PURE__ */ r("h3", { className: "text-[11px] font-bold text-muted-foreground uppercase mb-3", children: "Theme" }),
+  /* @__PURE__ */ r(
     "div",
     {
-      className: "fixed inset-0 z-50 flex items-center justify-center overflow-hidden bg-background/80 backdrop-blur-sm transition-all duration-300",
-      onClick: l,
-      children: /* @__PURE__ */ c(
-        "div",
+      role: "radiogroup",
+      "aria-label": "Theme",
+      className: "grid grid-cols-1 gap-2",
+      children: n.map(({ id: a, label: s, icon: l }) => /* @__PURE__ */ c(
+        "button",
         {
-          role: "dialog",
-          "aria-modal": "true",
-          "aria-label": n,
-          onClick: (T) => T.stopPropagation(),
-          onKeyDown: x,
+          type: "button",
+          role: "radio",
+          "aria-checked": o === a,
+          onClick: () => e(a),
           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",
-            p
+            "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"
           ),
           children: [
-            /* @__PURE__ */ t(
-              "button",
-              {
-                type: "button",
-                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__ */ t(_, { size: 18 })
-              }
-            ),
-            /* @__PURE__ */ c("div", { className: "flex items-start space-x-4 mb-4", children: [
-              /* @__PURE__ */ t("div", { className: S("p-2 bg-muted rounded-full shrink-0", ct[e]), children: /* @__PURE__ */ t(h, { size: 24 }) }),
-              /* @__PURE__ */ c("div", { className: "flex-1 mt-1", children: [
-                /* @__PURE__ */ t("h2", { className: "text-lg font-semibold tracking-tight pr-6", children: n }),
-                r && /* @__PURE__ */ t("p", { className: "text-sm text-muted-foreground mt-1 whitespace-pre-wrap", children: r })
-              ] })
-            ] }),
-            e === "prompt" && /* @__PURE__ */ t("div", { className: "mt-2 mb-4", children: /* @__PURE__ */ t(
-              "input",
-              {
-                ref: w,
-                type: "text",
-                "aria-label": n,
-                value: g,
-                placeholder: d,
-                onChange: (T) => m(T.target.value),
-                className: "w-full bg-background border border-border rounded-lg px-4 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary/50 transition-all placeholder:text-muted-foreground/50"
-              }
-            ) }),
-            /* @__PURE__ */ c("div", { className: "flex items-center justify-end space-x-3 mt-4", children: [
-              e !== "alert" && /* @__PURE__ */ t(
-                "button",
-                {
-                  type: "button",
-                  onClick: l,
-                  className: "px-4 py-2 text-sm font-medium rounded-lg border border-border hover:bg-muted transition-colors focus:outline-none focus:ring-2 focus:ring-ring",
-                  children: i
-                }
-              ),
-              /* @__PURE__ */ t(
-                "button",
-                {
-                  type: "button",
-                  onClick: C,
-                  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")
-                }
-              )
-            ] })
-          ]
-        }
-      )
-    }
-  );
-}, Wt = ({
-  results: o,
-  onQueryChange: e,
-  onSelect: n,
-  categories: r,
-  placeholder: a = "Search…",
-  debounceMs: s = 200,
-  className: l
-}) => {
-  const [u, i] = O(""), [d, p] = O(!1), [g, m] = O(0), w = M(null), C = M(null), x = j(() => r || [...new Set(o.map((b) => b.category))], [r, o]), h = j(
-    () => x.flatMap((b) => o.filter((v) => v.category === b)),
-    [x, o]
-  );
-  z(() => {
-    const b = (v) => {
-      w.current && !w.current.contains(v.target) && p(!1);
-    };
-    return document.addEventListener("mousedown", b), () => document.removeEventListener("mousedown", b);
-  }, []), z(() => {
-    if (!e) return;
-    const b = window.setTimeout(() => e(u), s);
-    return () => window.clearTimeout(b);
-  }, [u, s, e]), z(() => {
-    m(0);
-  }, [o]);
-  const T = (b) => {
-    n(b), p(!1), i("");
-  }, N = (b) => {
-    var v;
-    if (!d) {
-      (b.key === "ArrowDown" || b.key === "Enter") && p(!0);
-      return;
-    }
-    b.key === "ArrowDown" ? (b.preventDefault(), m((f) => h.length ? (f + 1) % h.length : 0)) : b.key === "ArrowUp" ? (b.preventDefault(), m(
-      (f) => h.length ? (f - 1 + h.length) % h.length : 0
-    )) : b.key === "Enter" ? (b.preventDefault(), h[g] && T(h[g])) : b.key === "Escape" && (b.preventDefault(), p(!1), (v = C.current) == null || v.blur());
-  };
-  return /* @__PURE__ */ c("div", { ref: w, className: S("relative w-full", l), children: [
-    /* @__PURE__ */ c("div", { className: "relative flex items-center", children: [
-      /* @__PURE__ */ t(
-        X,
-        {
-          size: 13,
-          className: "absolute left-2.5 top-1/2 -translate-y-1/2 text-muted-foreground"
-        }
-      ),
-      /* @__PURE__ */ t(
-        "input",
-        {
-          ref: C,
-          type: "text",
-          role: "combobox",
-          "aria-expanded": d,
-          "aria-label": a,
-          value: u,
-          placeholder: a,
-          onChange: (b) => {
-            i(b.target.value), p(!0);
-          },
-          onFocus: () => p(!0),
-          onKeyDown: N,
-          className: "w-full h-7 pl-8 pr-7 bg-secondary/35 border border-border/40 rounded-md text-xs text-foreground placeholder:text-muted-foreground/75 focus:outline-none focus:ring-1 focus:ring-primary/40 focus:bg-background/95 focus:border-primary/50 transition-all font-sans"
-        }
-      ),
-      u && /* @__PURE__ */ t(
-        "button",
-        {
-          type: "button",
-          onClick: () => {
-            var b;
-            i(""), (b = C.current) == null || b.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__ */ t(_, { size: 11 })
-        }
-      )
-    ] }),
-    d && u.trim() && /* @__PURE__ */ c(
-      "div",
-      {
-        role: "listbox",
-        className: "absolute right-0 md:left-0 mt-1.5 w-80 max-h-[380px] bg-popover text-popover-foreground border border-border shadow-lg rounded-lg overflow-hidden flex flex-col z-[100] animate-in fade-in-50 slide-in-from-top-1 duration-100",
-        children: [
-          /* @__PURE__ */ t("div", { className: "flex-1 overflow-y-auto py-1", children: h.length === 0 ? /* @__PURE__ */ c("div", { className: "px-4 py-6 text-center text-xs text-muted-foreground italic", children: [
-            'No results found matching "',
-            u,
-            '"'
-          ] }) : x.map((b) => {
-            const v = o.filter((f) => f.category === b);
-            return v.length === 0 ? null : /* @__PURE__ */ c("div", { className: "flex flex-col", children: [
-              /* @__PURE__ */ t("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: b }),
-              v.map((f) => {
-                const E = f.icon, L = h.indexOf(f), k = L === g;
-                return /* @__PURE__ */ c(
-                  "div",
-                  {
-                    role: "option",
-                    "aria-selected": k,
-                    onClick: () => T(f),
-                    onMouseEnter: () => m(L),
-                    className: S(
-                      "px-3 py-2 cursor-pointer flex items-start space-x-2.5 transition-colors border-l-2",
-                      k ? "bg-accent text-accent-foreground border-primary" : "border-transparent hover:bg-accent/40"
-                    ),
-                    children: [
-                      E && /* @__PURE__ */ t(
-                        "div",
-                        {
-                          className: S(
-                            "mt-0.5 p-1 rounded bg-muted/50",
-                            k && "bg-background text-primary"
-                          ),
-                          children: /* @__PURE__ */ t(E, { size: 12 })
-                        }
-                      ),
-                      /* @__PURE__ */ c("div", { className: "flex-1 min-w-0", children: [
-                        /* @__PURE__ */ t("div", { className: "text-xs font-medium truncate", children: f.title }),
-                        f.description && /* @__PURE__ */ t("div", { className: "text-[10px] text-muted-foreground truncate mt-0.5", children: f.description })
-                      ] })
-                    ]
-                  },
-                  `${f.category}-${f.id}`
-                );
-              })
-            ] }, b);
-          }) }),
-          h.length > 0 && /* @__PURE__ */ c("div", { className: "px-3 py-1.5 border-t border-border bg-muted/20 flex items-center justify-between text-[9px] text-muted-foreground select-none shrink-0 font-mono", children: [
-            /* @__PURE__ */ c("div", { className: "flex space-x-2", children: [
-              /* @__PURE__ */ c("span", { children: [
-                /* @__PURE__ */ t("kbd", { className: "bg-muted px-1 rounded border border-border/60", children: "↑↓" }),
-                " ",
-                "navigate"
-              ] }),
-              /* @__PURE__ */ c("span", { children: [
-                /* @__PURE__ */ t("kbd", { className: "bg-muted px-1 rounded border border-border/60", children: "↵" }),
-                " ",
-                "select"
-              ] })
-            ] }),
-            /* @__PURE__ */ t("span", { children: "ESC to close" })
-          ] })
-        ]
-      }
-    )
-  ] });
-}, Bt = ({
-  placeholder: o = "Search...",
-  onSearch: e,
-  results: n,
-  onSelect: r,
-  suggestions: a = [],
-  loading: s = !1,
-  className: l
-}) => {
-  const [u, i] = O(""), [d, p] = O(!1), [g, m] = O(-1), w = M(null);
-  z(() => {
-    const h = setTimeout(() => {
-      e(u);
-    }, 300);
-    return () => clearTimeout(h);
-  }, [u, e]);
-  const C = 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" && g >= 0 && (h.preventDefault(), i(C[g]), p(!1)));
-  };
-  return /* @__PURE__ */ c("div", { ref: w, 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__ */ t("div", { className: "absolute left-2.5 top-2.5 text-muted-foreground", children: s ? /* @__PURE__ */ t(be, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ t(X, { size: 14 }) }),
-        /* @__PURE__ */ t(
-          "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,
-            value: u,
-            onChange: (h) => {
-              i(h.target.value), p(!0), m(-1);
-            },
-            onKeyDown: x,
-            onFocus: () => p(!0)
-          }
-        ),
-        u && /* @__PURE__ */ t(
-          "button",
-          {
-            onClick: () => {
-              i(""), e("");
-            },
-            className: "absolute right-2 top-2.5 text-muted-foreground hover:text-foreground",
-            children: /* @__PURE__ */ t(_, { size: 14 })
-          }
-        )
-      ] }),
-      d && C.length > 0 && /* @__PURE__ */ t("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(
-        "div",
-        {
-          className: S(
-            "px-3 py-1.5 text-xs cursor-pointer flex items-center space-x-2",
-            T === g ? "bg-accent text-accent-foreground" : "hover:bg-accent/50"
-          ),
-          onClick: () => {
-            i(h), p(!1);
-          },
-          children: [
-            /* @__PURE__ */ t(Me, { size: 12, className: "text-muted-foreground" }),
-            /* @__PURE__ */ t("span", { children: h })
-          ]
-        },
-        h
-      )) })
-    ] }),
-    /* @__PURE__ */ t("div", { className: "flex-1 overflow-y-auto", children: n.length === 0 ? /* @__PURE__ */ t("div", { className: "p-8 text-center text-xs text-muted-foreground italic", children: u ? `No results found for "${u}"` : "Type to start searching..." }) : /* @__PURE__ */ t("div", { className: "py-2", children: n.map((h) => {
-      const T = h.icon;
-      return /* @__PURE__ */ t(
-        "div",
-        {
-          onClick: () => r(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__ */ t("div", { className: "mt-0.5 p-1 rounded bg-muted group-hover:bg-background transition-colors", children: /* @__PURE__ */ t(T, { 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__ */ t("span", { className: "text-xs font-medium truncate", children: h.title }),
-                h.category && /* @__PURE__ */ t("span", { className: "text-[10px] uppercase tracking-wider text-muted-foreground font-bold px-1.5 py-0.5 bg-muted rounded", children: h.category })
-              ] }),
-              h.description && /* @__PURE__ */ t("p", { className: "text-[11px] text-muted-foreground truncate mt-0.5", children: h.description })
-            ] })
-          ] })
-        },
-        h.id
-      );
-    }) }) })
-  ] });
-}, ut = [
-  { id: "light", label: "Light", icon: Ke },
-  { id: "dark", label: "Dark", icon: $e },
-  { id: "gt", label: "Georgia Tech", icon: Re }
-], mt = ({
-  theme: o,
-  onThemeChange: e,
-  themes: n = ut,
-  className: r
-}) => /* @__PURE__ */ t("div", { className: S("p-4 space-y-6", r), children: /* @__PURE__ */ c("section", { children: [
-  /* @__PURE__ */ t("h3", { className: "text-[11px] font-bold text-muted-foreground uppercase mb-3", children: "Theme" }),
-  /* @__PURE__ */ t(
-    "div",
-    {
-      role: "radiogroup",
-      "aria-label": "Theme",
-      className: "grid grid-cols-1 gap-2",
-      children: n.map(({ id: a, label: s, icon: l }) => /* @__PURE__ */ c(
-        "button",
-        {
-          type: "button",
-          role: "radio",
-          "aria-checked": o === 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"
-          ),
-          children: [
-            /* @__PURE__ */ t(l, { size: 16 }),
-            /* @__PURE__ */ t("span", { children: s })
+            /* @__PURE__ */ r(l, { size: 16 }),
+            /* @__PURE__ */ r("span", { children: s })
           ]
         },
         a
       ))
     }
   )
-] }) }), te = ({
-  title: o,
-  children: e,
-  onClose: n,
-  width: r = "300px",
-  className: a
-}) => /* @__PURE__ */ c(
-  "aside",
-  {
-    role: "tabpanel",
-    "aria-label": `${o} Panel`,
-    style: { width: r },
-    className: S(
-      "h-full bg-muted border-r flex flex-col select-none shrink-0",
-      a
-    ),
-    children: [
-      /* @__PURE__ */ c("div", { className: "h-10 flex items-center justify-between px-4 text-[11px] font-bold text-muted-foreground uppercase tracking-widest", children: [
-        /* @__PURE__ */ t("span", { className: "truncate", children: o }),
-        n && /* @__PURE__ */ t(
-          "button",
-          {
-            type: "button",
-            onClick: n,
-            "aria-label": "Close Panel",
-            className: "p-1 hover:bg-accent hover:text-foreground rounded transition-colors focus:outline-none focus:ring-2 focus:ring-ring shrink-0",
-            children: /* @__PURE__ */ t(_, { size: 14 })
-          }
-        )
-      ] }),
-      /* @__PURE__ */ t("div", { className: "flex-1 overflow-auto border-t border-border/50 bg-background/50", children: e })
-    ]
-  }
-), re = (o, e) => (e.priority ?? 0) - (o.priority ?? 0), ft = ({
+] }) }), 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,
+    setTheme: (t) => {
+      localStorage.setItem(ue, t), me(t), o({ 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);
+  if (!e) return null;
+  const l = () => t(null);
+  if (e === "settings")
+    return /* @__PURE__ */ r(re, { ...o, title: "Settings", onClose: l, children: /* @__PURE__ */ r(
+      pt,
+      {
+        theme: a,
+        onThemeChange: (d) => s(d)
+      }
+    ) });
+  const u = n.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." }) });
+  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 = [],
   className: e,
   "aria-label": n = "Status Bar"
 }) => {
-  const r = {
-    left: o.filter((s) => s.alignment === "left").sort(re),
-    center: o.filter((s) => s.alignment === "center").sort(re),
-    right: o.filter((s) => s.alignment === "right").sort(re)
+  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)
   }, a = (s) => {
     const l = s.icon, u = !!s.onClick;
     return /* @__PURE__ */ c(
@@ -1126,8 +593,8 @@ const et = [
           s.className
         ),
         children: [
-          l && /* @__PURE__ */ t(l, { size: 12 }),
-          s.label && /* @__PURE__ */ t("span", { children: s.label })
+          l && /* @__PURE__ */ r(l, { size: 12 }),
+          s.label && /* @__PURE__ */ r("span", { children: s.label })
         ]
       },
       s.id
@@ -1143,34 +610,57 @@ const et = [
         e
       ),
       children: [
-        /* @__PURE__ */ t("div", { className: "flex items-center space-x-1 h-full", children: r.left.map(a) }),
-        /* @__PURE__ */ t("div", { className: "flex items-center space-x-1 h-full", children: r.center.map(a) }),
-        /* @__PURE__ */ t("div", { className: "flex items-center space-x-1 h-full", children: r.right.map(a) })
+        /* @__PURE__ */ r("div", { className: "flex items-center space-x-1 h-full", children: t.left.map(a) }),
+        /* @__PURE__ */ r("div", { className: "flex items-center space-x-1 h-full", children: t.center.map(a) }),
+        /* @__PURE__ */ r("div", { className: "flex items-center space-x-1 h-full", children: t.right.map(a) })
       ]
     }
   );
-}, pt = ({
+}, ie = U((o) => ({
+  widgets: [],
+  setWidgets: (e) => o({ widgets: e }),
+  addWidget: (e) => o((n) => ({
+    widgets: [...n.widgets, e].sort(
+      (t, a) => (a.priority || 0) - (t.priority || 0)
+    )
+  })),
+  removeWidget: (e) => o((n) => ({
+    widgets: n.widgets.filter((t) => t.id !== e)
+  })),
+  updateWidget: (e, n) => o((t) => ({
+    widgets: t.widgets.map((a) => a.id === e ? { ...a, ...n } : a)
+  }))
+})), bt = (o) => {
+  const e = ie((t) => t.widgets), n = R(
+    () => e.map(({ commandId: t, ...a }) => ({
+      ...a,
+      onClick: a.onClick ?? (t ? () => B.executeCommand(t) : void 0)
+    })),
+    [e]
+  );
+  return /* @__PURE__ */ r(ht, { ...o, widgets: n });
+}, xt = ({
   history: o = [],
   onCommand: e,
   onClose: n,
-  height: r = "250px",
+  height: t = "250px",
   prompt: a = "$",
   title: s = "Terminal",
   className: l
 }) => {
-  const [u, i] = O(""), d = M(null), p = M(null);
+  const [u, i] = A(""), d = P(null), f = P(null);
   z(() => {
     d.current && (d.current.scrollTop = d.current.scrollHeight);
   }, [o]);
-  const g = (m) => {
+  const p = (m) => {
     if (m.key !== "Enter") return;
-    const w = u.trim();
-    w && (e == null || e(w), i(""));
+    const k = u.trim();
+    k && (e == null || e(k), i(""));
   };
   return /* @__PURE__ */ c(
     "div",
     {
-      style: { height: r },
+      style: { height: t },
       className: S(
         "bg-card border-t border-border flex flex-col shrink-0 font-mono text-xs",
         l
@@ -1178,33 +668,33 @@ const et = [
       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__ */ t(he, { size: 13 }),
-            /* @__PURE__ */ t("span", { className: "text-[11px] font-bold uppercase tracking-widest", children: s })
+            /* @__PURE__ */ r(ve, { 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: [
-            /* @__PURE__ */ t(
+            /* @__PURE__ */ r(
               "button",
               {
                 type: "button",
                 onClick: n,
                 "aria-label": "Collapse Terminal",
                 className: "p-1 rounded hover:bg-accent hover:text-foreground text-muted-foreground transition-colors focus:outline-none focus:ring-2 focus:ring-ring",
-                children: /* @__PURE__ */ t(xe, { size: 14 })
+                children: /* @__PURE__ */ r(we, { size: 14 })
               }
             ),
-            /* @__PURE__ */ t(
+            /* @__PURE__ */ r(
               "button",
               {
                 type: "button",
                 onClick: n,
                 "aria-label": "Close Terminal",
                 className: "p-1 rounded hover:bg-accent hover:text-foreground text-muted-foreground transition-colors focus:outline-none focus:ring-2 focus:ring-ring",
-                children: /* @__PURE__ */ t(_, { size: 14 })
+                children: /* @__PURE__ */ r(J, { size: 14 })
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ r(
           "div",
           {
             ref: d,
@@ -1213,22 +703,22 @@ const et = [
             className: "flex-1 overflow-y-auto px-3 py-2 space-y-0.5",
             onClick: () => {
               var m;
-              return (m = p.current) == null ? void 0 : m.focus();
+              return (m = f.current) == null ? void 0 : m.focus();
             },
-            children: o.map((m, w) => /* @__PURE__ */ t("div", { className: "whitespace-pre-wrap break-all text-foreground/90", children: m }, w))
+            children: o.map((m, k) => /* @__PURE__ */ r("div", { className: "whitespace-pre-wrap break-all text-foreground/90", children: m }, k))
           }
         ),
         /* @__PURE__ */ c("div", { className: "flex items-center px-3 py-2 border-t border-border/50 shrink-0", children: [
-          /* @__PURE__ */ t("span", { className: "text-primary mr-2 select-none", children: a }),
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ r("span", { className: "text-primary mr-2 select-none", children: a }),
+          /* @__PURE__ */ r(
             "input",
             {
-              ref: p,
+              ref: f,
               type: "text",
               "aria-label": `${s} input`,
               value: u,
               onChange: (m) => i(m.target.value),
-              onKeyDown: g,
+              onKeyDown: p,
               spellCheck: !1,
               autoComplete: "off",
               className: "flex-1 bg-transparent outline-none text-foreground placeholder:text-muted-foreground"
@@ -1238,1125 +728,1703 @@ const et = [
       ]
     }
   );
-}, gt = [
-  { id: "light", label: "Light" },
-  { id: "dark", label: "Dark" },
-  { id: "gt", label: "GT" }
-], ht = ({
-  value: o,
-  onChange: e,
-  options: n = gt,
-  className: r,
-  "aria-label": a = "Theme"
-}) => /* @__PURE__ */ t(
-  "div",
-  {
-    role: "radiogroup",
-    "aria-label": a,
-    className: S(
-      "flex items-center border border-border rounded-lg p-0.5 bg-secondary/80 select-none",
-      r
-    ),
-    children: n.map((s) => /* @__PURE__ */ t(
-      "button",
-      {
-        role: "radio",
-        "aria-checked": o === 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"
-        ),
-        children: s.label
+}, V = U((o) => ({
+  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 = [
+  "Available commands:",
+  "  help   — show this message",
+  "  clear  — clear the terminal"
+], yt = ({
+  onCommand: o,
+  ...e
+}) => {
+  const n = V((i) => i.isOpen), t = V((i) => i.history), a = V((i) => i.setOpen), s = V((i) => i.addHistory), l = V((i) => i.clearHistory);
+  return n ? /* @__PURE__ */ r(
+    xt,
+    {
+      ...e,
+      history: t,
+      onCommand: (i) => {
+        s(`$ ${i}`);
+        const d = i.toLowerCase();
+        if (d === "clear") {
+          l();
+          return;
+        }
+        if (d === "help") {
+          vt.forEach(s);
+          return;
+        }
+        (o == null ? void 0 : o(i)) !== !0 && s(`command not found: ${i.split(" ")[0]}`);
       },
-      s.id
-    ))
+      onClose: () => a(!1)
+    }
+  ) : null;
+};
+class wt {
+  constructor() {
+    H(this, "components", /* @__PURE__ */ new Map());
   }
-), we = (o, e = 0) => o.reduce((n, r) => (n.push({ ...r, level: e }), r.isOpen && r.children && n.push(...we(r.children, e + 1)), n), []), Gt = ({
-  data: o,
-  onToggle: e,
-  onActivate: n,
-  onMoveNode: r,
-  actions: a,
-  onNewFile: s,
-  onNewFolder: l,
-  onRename: u,
-  onDelete: i,
-  indent: d = 12,
-  virtualized: p = !0,
-  className: g
-}) => {
-  const [m, w] = O(null), [C, x] = O(null), h = j(() => we(o), [o]);
-  z(() => {
-    x(null);
-  }, [o]);
-  const N = (a ?? [
+  /**
+   * 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);
+  }
+  /**
+   * Retrieve a registered component by its ID.
+   */
+  get(e) {
+    return this.components.get(e);
+  }
+  /**
+   * Get all registered component IDs.
+   */
+  getRegisteredIds() {
+    return Array.from(this.components.keys());
+  }
+}
+const Nt = new wt(), _ = {
+  global: { tabEnableClose: !0, tabSetEnableMaximize: !1, tabSetEnableDivide: !0 },
+  borders: [
     {
-      id: "new-file",
-      label: "New File",
-      icon: /* @__PURE__ */ t(je, { size: 14 }),
-      onSelect: ({ nodeId: f }) => s == null ? void 0 : s(f)
+      type: "border",
+      location: "left",
+      children: []
+    }
+  ],
+  layout: {
+    type: "row",
+    weight: 100,
+    children: [
+      {
+        type: "tabset",
+        weight: 50,
+        children: [
+          {
+            type: "tab",
+            name: "Welcome",
+            component: "welcome"
+          }
+        ]
+      }
+    ]
+  }
+}, fe = "nexus-shell-layout", kt = U((o, e) => {
+  let n;
+  if (typeof window < "u")
+    try {
+      const t = localStorage.getItem(fe);
+      if (t) {
+        const a = JSON.parse(t);
+        n = $.fromJson(a);
+        const s = /* @__PURE__ */ new Set(["dialogue-library", "argument-inspector"]), l = [];
+        n.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));
+        });
+      } else
+        n = $.fromJson(_);
+    } catch (t) {
+      console.warn("Failed to load layout from storage, using default", t), n = $.fromJson(_);
+    }
+  else
+    n = $.fromJson(_);
+  return {
+    model: n,
+    dirtyTabs: /* @__PURE__ */ new Set(),
+    storageKey: fe,
+    disableLocalStorage: !1,
+    initLayout: (t, a) => {
+      let s;
+      if (t && Object.keys(t).length > 0)
+        try {
+          s = $.fromJson(t);
+        } catch (l) {
+          console.warn("Failed to parse init layout json, using default", l), s = $.fromJson(_);
+        }
+      else
+        s = $.fromJson(_);
+      o({ model: s, disableLocalStorage: a || !1 });
     },
-    {
-      id: "new-folder",
-      label: "New Folder",
-      icon: /* @__PURE__ */ t(Fe, { size: 14 }),
-      onSelect: ({ nodeId: f }) => l == null ? void 0 : l(f)
+    setModel: (t) => {
+      o({ model: t });
+      const a = e().storageKey;
+      if (typeof window < "u" && !e().disableLocalStorage)
+        try {
+          localStorage.setItem(a, JSON.stringify(t.toJson()));
+        } catch (s) {
+          console.error("Failed to save layout to storage", s);
+        }
     },
-    {
-      id: "rename",
-      label: "Rename",
-      icon: /* @__PURE__ */ t(Ue, { size: 14 }),
-      divider: !0,
-      showFor: ["file", "folder"],
-      onSelect: ({ nodeId: f }) => f && (u == null ? void 0 : u(f))
+    setStorageKey: (t, a) => {
+      let s;
+      if (typeof window < "u")
+        try {
+          const l = localStorage.getItem(t);
+          l ? s = $.fromJson(JSON.parse(l)) : s = $.fromJson(a || _);
+        } catch (l) {
+          console.warn("Failed to load layout from storage for key", t, l), s = $.fromJson(a || _);
+        }
+      else
+        s = $.fromJson(a || _);
+      o({ storageKey: t, model: s });
     },
-    {
-      id: "delete",
-      label: "Delete",
-      icon: /* @__PURE__ */ t(_e, { size: 14, className: "text-destructive" }),
-      showFor: ["file", "folder"],
-      onSelect: ({ nodeId: f }) => f && (i == null ? void 0 : i(f))
+    setTabDirty: (t, a) => {
+      o((s) => {
+        const l = new Set(s.dirtyTabs);
+        return a ? l.add(t) : l.delete(t), { dirtyTabs: l };
+      });
+    },
+    isTabDirty: (t) => e().dirtyTabs.has(t),
+    addTab: (t, a, s) => {
+      const l = e().model, u = l.getActiveTabset();
+      let i = u == null ? void 0 : u.getId();
+      if (!i)
+        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 = { ...{}, ...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());
+          }
+        }), p) {
+          l.doAction(G.selectTab(p));
+          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());
+          }
+        }), p) {
+          l.doAction(G.selectTab(p));
+          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());
+          }
+        }), p) {
+          l.doAction(G.selectTab(p));
+          return;
+        }
+      }
+      i && l.doAction(
+        G.addNode(
+          { type: "tab", component: t, name: a || t, config: f },
+          i,
+          Oe.CENTER,
+          -1
+        )
+      );
     }
-  ]).filter(
-    (f) => !f.showFor || m && f.showFor.includes(m.scope)
-  ).map((f) => ({
-    label: f.label,
-    icon: f.icon,
-    divider: f.divider,
-    onClick: () => m && f.onSelect(m.context)
-  })), b = (f, E, L) => {
-    f.preventDefault(), f.stopPropagation(), w({
-      x: f.clientX,
-      y: f.clientY,
-      scope: L,
-      context: { nodeId: (E == null ? void 0 : E.id) ?? null, node: E }
+  };
+}), Te = U((o, 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 });
+  }),
+  openConfirm: (n, t = "Confirm") => new Promise((a) => {
+    o({ isOpen: !0, type: "confirm", title: t, message: n, defaultValue: "", resolve: a });
+  }),
+  openPrompt: (n, t = "", a = "Prompt") => new Promise((s) => {
+    o({ isOpen: !0, type: "prompt", title: a, message: n, defaultValue: t, resolve: s });
+  }),
+  close: (n = null) => {
+    const { resolve: t } = e();
+    t && t(n), o({ isOpen: !1, resolve: null });
+  }
+})), Gt = ({
+  panels: o,
+  slashCommands: e,
+  menuConfig: n,
+  statusBarConfig: t,
+  title: a,
+  rightMenuBarContent: s,
+  centerMenuBarContent: l,
+  layoutModel: u,
+  initialLayoutJson: i,
+  disableLocalStorage: d = !1,
+  onLayoutChange: f
+}) => {
+  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 y = (b) => {
+    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: [
+        "Unknown Component: ",
+        E
+      ] });
+    } 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: [
+        "Error rendering component: ",
+        E instanceof Error ? E.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));
     });
-  }, v = (f) => {
-    const E = h[f], L = E.type === "folder";
-    return /* @__PURE__ */ c(
-      "div",
-      {
-        role: "treeitem",
-        "aria-expanded": L ? !!E.isOpen : void 0,
-        "aria-level": E.level + 1,
-        tabIndex: 0,
-        draggable: !0,
-        onDragStart: (k) => {
-          k.dataTransfer.setData("text/plain", E.id), k.dataTransfer.effectAllowed = "move";
-        },
-        onDragOver: (k) => {
-          L && (k.preventDefault(), x(E.id));
-        },
-        onDragLeave: () => x(null),
-        onDrop: (k) => {
-          k.preventDefault(), x(null);
-          const A = k.dataTransfer.getData("text/plain");
-          A && A !== E.id && L && (r == null || r(A, E.id));
-        },
-        onClick: () => L && (e == null ? void 0 : e(E)),
-        onDoubleClick: () => n == null ? void 0 : n(E),
-        onKeyDown: (k) => {
-          k.key === "Enter" && (k.preventDefault(), L ? e == null || e(E) : n == null || n(E));
-        },
-        onContextMenu: (k) => b(k, E, E.type),
-        style: { paddingLeft: `${E.level * d + 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 === E.id && "bg-primary/20 ring-1 ring-primary/50 rounded-sm"
-        ),
-        children: [
-          /* @__PURE__ */ t("div", { className: "w-4 h-4 mr-1 flex items-center justify-center", children: L && (E.isOpen ? /* @__PURE__ */ t(ve, { size: 14 }) : /* @__PURE__ */ t(ye, { size: 14 })) }),
-          /* @__PURE__ */ t("div", { className: "mr-2", children: L ? /* @__PURE__ */ t(Je, { size: 14, className: "text-blue-400 fill-blue-400/20" }) : /* @__PURE__ */ t(He, { size: 14, className: "text-muted-foreground" }) }),
-          /* @__PURE__ */ t("span", { className: "truncate", children: E.label })
-        ]
-      },
-      E.id
-    );
   };
   return /* @__PURE__ */ c(
     "div",
     {
-      role: "tree",
-      className: S("h-full w-full bg-muted/30", g),
-      onContextMenu: (f) => b(f, null, "background"),
+      className: `flex flex-col h-screen w-screen bg-background text-foreground overflow-hidden theme-${h}`,
       children: [
-        p ? /* @__PURE__ */ t(
-          Qe,
-          {
-            style: { height: "100%" },
-            totalCount: h.length,
-            itemContent: v
-          }
-        ) : /* @__PURE__ */ t("div", { className: "h-full overflow-auto", children: h.map((f, E) => v(E)) }),
-        m && N.length > 0 && /* @__PURE__ */ t(
-          at,
+        /* @__PURE__ */ r(
+          mt,
           {
-            x: m.x,
-            y: m.y,
-            items: N,
-            onClose: () => w(null)
+            title: a,
+            center: l,
+            right: s
           }
-        )
+        ),
+        /* @__PURE__ */ c("div", { className: "flex-1 flex overflow-hidden", children: [
+          /* @__PURE__ */ r(nt, {}),
+          /* @__PURE__ */ r(gt, {}),
+          /* @__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,
+              {
+                model: u || p,
+                factory: y,
+                onModelChange: (b) => {
+                  u || m(b), f == null || f(b.toJson());
+                },
+                onAction: g
+              }
+            ) }),
+            /* @__PURE__ */ r(yt, {})
+          ] }),
+          /* @__PURE__ */ r(it, {})
+        ] }),
+        /* @__PURE__ */ r(bt, {})
       ]
     }
   );
-}, bt = ({
-  profile: o,
-  actions: e = [],
-  onProfileChange: n,
-  onAvatarChange: r,
-  onClick: a,
-  showName: s = !0,
-  className: l
-}) => {
-  const { name: u, role: i, email: d, avatarUrl: p } = o, [g, m] = O(!1), [w, C] = O(!1), [x, h] = O(u), [T, N] = O(i ?? ""), b = M(null), v = M(null);
-  z(() => {
-    g && (h(u), N(i ?? ""), C(!1));
-  }, [g, u, i]), z(() => {
-    if (!g) return;
-    const k = (A) => {
-      b.current && !b.current.contains(A.target) && m(!1);
-    };
-    return document.addEventListener("mousedown", k), () => document.removeEventListener("mousedown", k);
-  }, [g]);
-  const f = (k) => {
-    k.preventDefault(), n == null || n({ name: x, role: T }), C(!1);
-  }, E = (k) => {
-    var y;
-    const A = (y = k.target.files) == null ? void 0 : y[0];
-    A && (r == null || r(A)), k.target.value = "";
-  }, L = (k) => p ? /* @__PURE__ */ t("img", { src: p, alt: u, className: "w-full h-full object-cover" }) : /* @__PURE__ */ t(ge, { size: k, className: "text-muted-foreground" });
-  return /* @__PURE__ */ c("div", { ref: b, className: "relative inline-block text-left", children: [
-    /* @__PURE__ */ c(
-      "button",
-      {
-        type: "button",
-        onClick: () => a ? a() : m((k) => !k),
-        "aria-haspopup": a ? void 0 : "menu",
-        "aria-expanded": a ? void 0 : g,
-        "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",
-          g && (s ? "bg-accent/60 border-border/40" : "border-primary/50 text-foreground ring-1 ring-primary/20"),
-          l
-        ),
-        children: [
-          /* @__PURE__ */ t(
-            "div",
-            {
-              className: S(
-                "rounded-full overflow-hidden border border-border/50 bg-muted flex items-center justify-center shrink-0 shadow-sm",
-                s ? "w-6 h-6" : "w-full h-full"
-              ),
-              children: L(s ? 13 : 12)
-            }
-          ),
-          s && /* @__PURE__ */ c("div", { className: "flex flex-col min-w-0 leading-tight pr-1", children: [
-            /* @__PURE__ */ t("span", { className: "text-[11px] font-semibold truncate text-foreground", children: u }),
-            i && /* @__PURE__ */ t("span", { className: "text-[9px] text-muted-foreground/80 truncate font-medium", children: i })
-          ] })
-        ]
-      }
-    ),
-    r && /* @__PURE__ */ t(
-      "input",
-      {
-        type: "file",
-        ref: v,
-        onChange: E,
-        accept: "image/*",
-        "aria-label": "Upload avatar",
-        className: "hidden"
-      }
-    ),
-    g && /* @__PURE__ */ t(
-      "div",
-      {
-        role: "menu",
-        className: S(
-          "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: w ? /* @__PURE__ */ c("form", { onSubmit: f, className: "p-2 flex flex-col gap-2", children: [
-          /* @__PURE__ */ t("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__ */ t("label", { htmlFor: "profile-name", className: "text-[9px] font-semibold text-muted-foreground", children: "Name" }),
-            /* @__PURE__ */ t(
-              "input",
-              {
-                id: "profile-name",
-                type: "text",
-                value: x,
-                onChange: (k) => h(k.target.value),
-                required: !0,
-                className: "w-full px-2 py-1 text-xs border rounded bg-background focus:ring-1 focus:ring-primary focus:outline-none"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ c("div", { className: "flex flex-col gap-1", children: [
-            /* @__PURE__ */ t("label", { htmlFor: "profile-role", className: "text-[9px] font-semibold text-muted-foreground", children: "Role" }),
-            /* @__PURE__ */ t(
-              "input",
-              {
-                id: "profile-role",
-                type: "text",
-                value: T,
-                onChange: (k) => N(k.target.value),
-                className: "w-full px-2 py-1 text-xs border rounded bg-background focus:ring-1 focus:ring-primary focus:outline-none"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ c("div", { className: "flex gap-1.5 mt-1 justify-end", children: [
-            /* @__PURE__ */ c(
-              "button",
-              {
-                type: "button",
-                onClick: () => C(!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__ */ t(_, { size: 10 }),
-                  " Cancel"
-                ]
-              }
-            ),
-            /* @__PURE__ */ c(
-              "button",
-              {
-                type: "submit",
-                className: "px-2 py-1 text-[10px] rounded bg-primary text-primary-foreground hover:bg-primary/95 flex items-center gap-1 font-semibold",
-                children: [
-                  /* @__PURE__ */ t(We, { size: 10 }),
-                  " Save"
-                ]
-              }
-            )
-          ] })
-        ] }) : /* @__PURE__ */ c(fe, { 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 k;
-                  return r && ((k = v.current) == null ? void 0 : k.click());
-                },
-                title: r ? "Upload avatar image" : void 0,
-                className: S(
-                  "group relative w-12 h-12 rounded-full overflow-hidden border border-border/80 bg-muted flex items-center justify-center shrink-0 shadow-inner",
-                  r && "cursor-pointer"
-                ),
-                children: [
-                  L(24),
-                  r && /* @__PURE__ */ t("div", { className: "absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 flex items-center justify-center transition-opacity", children: /* @__PURE__ */ t(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__ */ t("span", { className: "text-xs font-bold truncate text-foreground", children: u }),
-                n && /* @__PURE__ */ t(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: () => C(!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__ */ t(Ge, { size: 10 })
-                  }
-                )
-              ] }),
-              i && /* @__PURE__ */ t("span", { className: "text-[10px] text-muted-foreground/80 truncate font-semibold", children: i }),
-              d && /* @__PURE__ */ t("span", { className: "text-[9px] text-muted-foreground/60 truncate font-mono mt-0.5", children: d })
-            ] })
-          ] }),
-          e.map((k) => {
-            const A = k.icon;
-            return /* @__PURE__ */ c(
-              "button",
-              {
-                type: "button",
-                role: "menuitem",
-                onClick: () => {
-                  k.onSelect(), m(!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",
-                  k.destructive ? "text-destructive hover:bg-destructive/10" : "hover:bg-accent/60 hover:text-accent-foreground",
-                  k.divider && "border-t border-border/20 pt-2 mt-1"
-                ),
-                children: [
-                  A && /* @__PURE__ */ t(A, { size: 12, className: "opacity-70" }),
-                  k.label
-                ]
-              },
-              k.id
-            );
-          })
-        ] })
-      }
-    )
-  ] });
-}, Yt = ({ title: o, subtitle: e, icon: n, className: r }) => /* @__PURE__ */ c("div", { className: S("flex items-center space-x-3 select-none", r), children: [
-  n && /* @__PURE__ */ t("div", { className: "w-8 h-8 rounded-lg bg-primary/10 border border-primary/30 flex items-center justify-center text-primary shadow-inner shrink-0", children: n }),
-  /* @__PURE__ */ c("div", { className: "min-w-0", children: [
-    /* @__PURE__ */ t("h1", { className: "text-xs font-black uppercase tracking-wider text-foreground font-mono truncate", children: o }),
-    e && /* @__PURE__ */ t("p", { className: "text-[9px] text-muted-foreground font-semibold truncate", children: e })
-  ] })
-] }), G = "nexus-shell-sidebar", W = F((o) => {
-  const e = localStorage.getItem(G);
-  return {
-    activeSidebar: e !== null ? e : null,
-    panels: [],
-    setActiveSidebar: (r) => {
-      r === null ? localStorage.removeItem(G) : localStorage.setItem(G, r), o({ activeSidebar: r });
-    },
-    toggleSidebar: (r) => o((a) => {
-      const s = a.activeSidebar === r ? null : r;
-      return s === null ? localStorage.removeItem(G) : localStorage.setItem(G, s), { activeSidebar: s };
-    }),
-    setPanels: (r) => o({ panels: r })
-  };
-}), xt = (o) => {
-  const e = W((s) => s.panels), n = W((s) => s.activeSidebar), r = W((s) => s.toggleSidebar), a = j(
-    () => e.map(({ id: s, label: l, icon: u }) => ({ id: s, label: l, icon: u })),
-    [e]
-  );
-  return /* @__PURE__ */ t(
-    tt,
-    {
-      ...o,
-      items: a,
-      activeId: n,
-      onSelect: r
+}, Vt = [
+  "view.toggleTerminal",
+  "view.toggleChat",
+  "view.toggleSidebar",
+  "theme.light",
+  "theme.dark",
+  "theme.gt"
+], oe = (o) => () => Y.getState().setTheme(o), Ct = [
+  {
+    id: "view.toggleTerminal",
+    label: "View: Toggle Terminal",
+    keybinding: "Control+`",
+    execute: () => V.getState().toggle()
+  },
+  {
+    id: "view.toggleChat",
+    label: "View: Toggle Chat",
+    execute: () => ae.getState().toggleChat()
+  },
+  {
+    id: "view.toggleSidebar",
+    label: "View: Toggle Sidebar",
+    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);
     }
-  );
-};
-let vt = 0;
-const yt = () => `msg-${Date.now()}-${vt += 1}`, Q = F((o) => ({
-  messages: [],
-  slashCommands: [],
-  setMessages: (e) => o({ messages: e }),
-  addMessage: (e) => o((n) => ({
-    messages: [...n.messages, { ...e, id: e.id ?? yt() }]
-  })),
-  clearMessages: () => o({ messages: [] }),
-  setSlashCommands: (e) => o({ slashCommands: e }),
-  registerSlashCommand: (e) => o((n) => ({ slashCommands: [...n.slashCommands, e] }))
-})), ne = "nexus-shell-right-sidebar", le = F((o) => ({
-  isChatOpen: localStorage.getItem(ne) === "true",
-  setChatOpen: (r) => {
-    localStorage.setItem(ne, String(r)), o({ isChatOpen: r });
   },
-  toggleChat: () => o((r) => {
-    const a = !r.isChatOpen;
-    return localStorage.setItem(ne, String(a)), { isChatOpen: a };
-  })
-})), wt = ({ onSend: o, ...e }) => {
-  const n = le((i) => i.isChatOpen), r = le((i) => i.setChatOpen), a = Q((i) => i.messages), s = Q((i) => i.slashCommands), l = Q((i) => i.addMessage);
-  return n ? /* @__PURE__ */ t(
-    nt,
+  { 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 = {
+  View: [
+    { id: "view.terminal", label: "Toggle Terminal", commandId: "view.toggleTerminal" },
+    { id: "view.chat", label: "Toggle Chat", commandId: "view.toggleChat" },
+    { id: "view.sidebar", label: "Toggle Sidebar", commandId: "view.toggleSidebar" },
     {
-      ...e,
-      messages: a,
-      slashCommands: s,
-      onSend: (i) => {
-        if (l({ role: "user", text: i }), i.startsWith("/")) {
-          const [d, ...p] = i.slice(1).split(/\s+/), g = s.find((m) => m.command === d);
-          if (g) {
-            g.execute(p);
-            return;
-          }
-          l({ role: "assistant", text: `Unknown command: /${d}` });
-          return;
-        }
-        o == null || o(i);
-      },
-      onClose: () => r(!1)
+      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" }
+      ]
     }
-  ) : null;
+  ]
+}, Yt = (o = {}) => {
+  const {
+    panels: e,
+    menus: n,
+    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));
+  const i = {
+    ...l && u ? St : {},
+    ...n ?? {}
+  };
+  Object.keys(i).length > 0 && le.setMenus(i), e && F.getState().setPanels(e), a && ie.getState().setWidgets(a), s && Q.getState().setSlashCommands(s);
 };
-class Nt {
+class Tt {
   constructor() {
-    J(this, "menus", /* @__PURE__ */ new Map());
+    H(this, "plugins", /* @__PURE__ */ new Map());
+    H(this, "loaders", /* @__PURE__ */ new Map());
+    H(this, "statuses", /* @__PURE__ */ new Map());
   }
-  registerMenu(e, n) {
-    var r;
-    this.menus.has(e) || this.menus.set(e, []), (r = this.menus.get(e)) == null || r.push(n);
-  }
-  setMenus(e) {
-    this.menus = new Map(Object.entries(e));
+  registerPlugin(e) {
+    if (this.plugins.has(e.id)) {
+      console.warn(`Plugin ${e.id} is already registered.`);
+      return;
+    }
+    this.plugins.set(e.id, e), this.statuses.set(e.id, "registered"), console.log(`Plugin ${e.name} (${e.id}) registered.`);
   }
-  getMenu(e) {
-    return this.menus.get(e) || [];
+  registerLazyPlugin(e, n) {
+    if (this.loaders.has(e) || this.plugins.has(e)) {
+      console.warn(`Plugin ${e} is already registered or has a loader.`);
+      return;
+    }
+    this.loaders.set(e, n), this.statuses.set(e, "inactive"), console.log(`Lazy plugin loader for ${e} registered.`);
   }
-  getAllMenus() {
-    const e = {};
-    return this.menus.forEach((n, r) => {
-      e[r] = n;
-    }), e;
+  async activatePlugin(e) {
+    let n = this.plugins.get(e);
+    if (!n && 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.`);
+      } catch (t) {
+        console.error(`Failed to load lazy plugin ${e}`, t), this.statuses.set(e, "failed");
+        return;
+      }
+    if (n)
+      try {
+        this.statuses.set(e, "activating"), n.activate(), this.statuses.set(e, "active"), console.log(`Plugin ${n.name} activated.`);
+      } catch (t) {
+        console.error(`Failed to activate plugin ${e}`, t), this.statuses.set(e, "failed");
+      }
+    else
+      console.warn(`Plugin ${e} not found for activation.`), this.statuses.set(e, "failed");
   }
-}
-const Ne = new Nt();
-class kt {
-  constructor() {
-    J(this, "commands", /* @__PURE__ */ new Map());
+  async deactivatePlugin(e) {
+    const n = this.plugins.get(e);
+    if (n)
+      try {
+        n.deactivate(), this.statuses.set(e, "deactivated"), console.log(`Plugin ${n.name} deactivated.`);
+      } catch (t) {
+        console.error(`Failed to deactivate plugin ${e}`, t), this.statuses.set(e, "failed");
+      }
   }
-  registerCommand(e) {
-    if (this.commands.has(e.id)) {
-      console.warn(`Command ${e.id} is already registered.`);
-      return;
-    }
-    this.commands.set(e.id, e);
+  getPluginStatus(e) {
+    return this.statuses.get(e);
   }
-  executeCommand(e, ...n) {
-    const r = this.commands.get(e);
-    r ? r.execute(...n) : console.warn(`Command ${e} not found.`);
+  getPluginStatuses() {
+    const e = {};
+    return this.statuses.forEach((n, t) => {
+      e[t] = n;
+    }), e;
   }
-  getCommand(e) {
-    return this.commands.get(e);
+  getPlugin(e) {
+    return this.plugins.get(e);
   }
-  getCommands() {
-    return Array.from(this.commands.values());
+  getAllPlugins() {
+    return Array.from(this.plugins.values());
   }
 }
-const V = new kt(), ke = (o) => o.map((e) => {
-  var n;
-  return {
-    ...e,
-    keybinding: e.keybinding ?? (e.commandId ? (n = V.getCommand(e.commandId)) == null ? void 0 : n.keybinding : void 0),
-    submenu: e.submenu ? ke(e.submenu) : void 0
-  };
-}), Ce = (o, e) => {
-  for (const n of o) {
-    if (n.id === e) return n;
-    const r = n.submenu && Ce(n.submenu, e);
-    if (r) return r;
-  }
-}, Ct = (o) => {
-  const e = Ne.getAllMenus(), n = Object.fromEntries(
-    Object.entries(e).map(([a, s]) => [a, ke(s)])
-  );
-  return /* @__PURE__ */ t(lt, { ...o, menus: n, onSelect: (a) => {
-    for (const s of Object.values(e)) {
-      const l = Ce(s, a.id);
-      if (l != null && l.commandId) {
-        V.executeCommand(l.commandId);
-        return;
-      }
-    }
-  } });
-}, ie = "nexus-shell-theme", ce = (o) => {
-  const e = window.document.documentElement;
-  e.classList.remove("theme-light", "theme-dark", "theme-gt"), e.classList.add(`theme-${o}`);
-}, q = F((o) => {
-  const n = localStorage.getItem(ie) || "light";
-  return ce(n), {
-    theme: n,
-    setTheme: (r) => {
-      localStorage.setItem(ie, r), ce(r), o({ theme: r });
+const qt = new Tt(), pe = "nexus-shell-user-profile", ge = {
+  name: "David Tech",
+  role: "Shell Architect",
+  email: "david@techmuch.io",
+  avatarUrl: "",
+  customAvatar: ""
+}, W = U((o) => {
+  let e = { ...ge };
+  if (typeof window < "u")
+    try {
+      const t = localStorage.getItem(pe);
+      t && (e = { ...ge, ...JSON.parse(t) });
+    } catch (t) {
+      console.error("Failed to parse saved user profile:", t);
     }
-  };
-}), St = (o) => {
-  const e = W((d) => d.activeSidebar), n = W((d) => d.panels), r = W((d) => d.setActiveSidebar), a = q((d) => d.theme), s = q((d) => d.setTheme);
-  if (!e) return null;
-  const l = () => r(null);
-  if (e === "settings")
-    return /* @__PURE__ */ t(te, { ...o, title: "Settings", onClose: l, children: /* @__PURE__ */ t(
-      mt,
-      {
-        theme: a,
-        onThemeChange: (d) => s(d)
+  const n = (t) => {
+    if (typeof window < "u")
+      try {
+        localStorage.setItem(
+          pe,
+          JSON.stringify({
+            name: t.name,
+            role: t.role,
+            email: t.email,
+            avatarUrl: t.avatarUrl,
+            customAvatar: t.customAvatar
+          })
+        );
+      } catch (a) {
+        console.error("Failed to save user profile:", a);
       }
-    ) });
-  const u = n.find((d) => d.id === e);
-  if (!u)
-    return /* @__PURE__ */ t(te, { ...o, title: e, onClose: l, children: /* @__PURE__ */ t("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__ */ t(te, { ...o, title: u.label, onClose: l, children: i ? /* @__PURE__ */ t(i, {}) : u.component });
-}, Se = F((o) => ({
-  widgets: [],
-  setWidgets: (e) => o({ widgets: e }),
-  addWidget: (e) => o((n) => ({
-    widgets: [...n.widgets, e].sort(
-      (r, a) => (a.priority || 0) - (r.priority || 0)
-    )
-  })),
-  removeWidget: (e) => o((n) => ({
-    widgets: n.widgets.filter((r) => r.id !== e)
-  })),
-  updateWidget: (e, n) => o((r) => ({
-    widgets: r.widgets.map((a) => a.id === e ? { ...a, ...n } : a)
-  }))
-})), Tt = (o) => {
-  const e = Se((r) => r.widgets), n = j(
-    () => e.map(({ commandId: r, ...a }) => ({
-      ...a,
-      onClick: a.onClick ?? (r ? () => V.executeCommand(r) : void 0)
-    })),
-    [e]
+  };
+  return {
+    ...e,
+    updateProfile: (t) => o((a) => {
+      const s = { ...a, ...t };
+      return n(s), t;
+    }),
+    setCustomAvatar: (t) => o((a) => {
+      const s = { ...a, customAvatar: t };
+      return n(s), { customAvatar: t };
+    }),
+    clearCustomAvatar: () => o((t) => {
+      const a = { ...t, customAvatar: "" };
+      return n(a), { customAvatar: "" };
+    })
+  };
+}), Qt = () => {
+  z(() => {
+    const o = (e) => {
+      const n = B.getCommands();
+      for (const t of n)
+        if (t.keybinding && Dt(e, t.keybinding)) {
+          e.preventDefault(), t.execute();
+          break;
+        }
+    };
+    return window.addEventListener("keydown", o), () => window.removeEventListener("keydown", o);
+  }, []);
+};
+function Dt(o, e) {
+  var m;
+  const n = e.split("+"), t = (m = n.pop()) == null ? void 0 : m.toLowerCase(), a = n.includes("Control") || n.includes("Ctrl"), s = n.includes("Shift"), l = n.includes("Alt"), u = n.includes("Meta") || n.includes("Cmd"), i = o.ctrlKey, d = o.shiftKey, f = o.altKey, p = o.metaKey;
+  return o.key.toLowerCase() === t && i === a && d === s && f === l && p === u;
+}
+const Et = (o, e) => {
+  const n = e.toLowerCase();
+  return o.label.toLowerCase().includes(n) || o.id.toLowerCase().includes(n);
+}, It = ({
+  open: o,
+  commands: e,
+  onSelect: n,
+  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)),
+    [e, i, l]
   );
-  return /* @__PURE__ */ t(ft, { ...o, widgets: n });
-}, Y = F((o) => ({
-  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: [] })
-})), Et = [
-  "Available commands:",
-  "  help   — show this message",
-  "  clear  — clear the terminal"
-], Dt = ({
-  onCommand: o,
+  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());
+  };
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      onClick: a ? void 0 : t,
+      className: S(
+        "z-[100] flex items-start justify-center",
+        a ? "relative w-full max-w-xl" : "fixed inset-0 pt-[10vh] bg-black/50 backdrop-blur-sm"
+      ),
+      children: /* @__PURE__ */ c(
+        "div",
+        {
+          role: "dialog",
+          "aria-modal": !a,
+          "aria-label": "Command Palette",
+          onClick: (x) => x.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(
+                "input",
+                {
+                  ref: m,
+                  type: "text",
+                  role: "combobox",
+                  "aria-expanded": !0,
+                  "aria-controls": "command-palette-list",
+                  "aria-label": "Command",
+                  placeholder: s,
+                  value: i,
+                  onChange: (x) => d(x.target.value),
+                  onKeyDown: C,
+                  className: "flex-1 h-14 bg-transparent outline-none text-base text-foreground placeholder:text-muted-foreground"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ r(
+              "div",
+              {
+                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(
+                  "div",
+                  {
+                    role: "option",
+                    "aria-selected": h === f,
+                    onClick: () => n(x),
+                    onMouseEnter: () => p(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"
+                    ),
+                    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 })
+                    ]
+                  },
+                  x.id
+                ))
+              }
+            ),
+            /* @__PURE__ */ c("div", { className: "px-4 py-2 border-t bg-muted/30 flex justify-between items-center text-[10px] text-muted-foreground", children: [
+              /* @__PURE__ */ c("div", { className: "flex gap-3", children: [
+                /* @__PURE__ */ c("span", { children: [
+                  /* @__PURE__ */ r("kbd", { className: "bg-muted px-1 rounded border", children: "↑↓" }),
+                  " to navigate"
+                ] }),
+                /* @__PURE__ */ c("span", { children: [
+                  /* @__PURE__ */ r("kbd", { className: "bg-muted px-1 rounded border", children: "Enter" }),
+                  " to select"
+                ] })
+              ] }),
+              /* @__PURE__ */ c("span", { children: [
+                /* @__PURE__ */ r("kbd", { className: "bg-muted px-1 rounded border", children: "Esc" }),
+                " to close"
+              ] })
+            ] })
+          ]
+        }
+      )
+    }
+  );
+}, Xt = ({
+  shortcutKey: o = "p",
   ...e
 }) => {
-  const n = Y((i) => i.isOpen), r = Y((i) => i.history), a = Y((i) => i.setOpen), s = Y((i) => i.addHistory), l = Y((i) => i.clearHistory);
-  return n ? /* @__PURE__ */ t(
-    pt,
+  const [n, t] = A(!1);
+  return z(() => {
+    if (o === null) return;
+    const a = (s) => {
+      (s.metaKey || s.ctrlKey) && s.shiftKey && s.key.toLowerCase() === o && (s.preventDefault(), t((l) => !l));
+    };
+    return window.addEventListener("keydown", a), () => window.removeEventListener("keydown", a);
+  }, [o]), /* @__PURE__ */ r(
+    It,
     {
       ...e,
-      history: r,
-      onCommand: (i) => {
-        s(`$ ${i}`);
-        const d = i.toLowerCase();
-        if (d === "clear") {
-          l();
-          return;
-        }
-        if (d === "help") {
-          Et.forEach(s);
-          return;
-        }
-        (o == null ? void 0 : o(i)) !== !0 && s(`command not found: ${i.split(" ")[0]}`);
+      open: n,
+      commands: B.getCommands(),
+      onSelect: (a) => {
+        a.execute(), t(!1);
       },
-      onClose: () => a(!1)
+      onClose: () => t(!1)
     }
-  ) : null;
-};
-class It {
-  constructor() {
-    J(this, "components", /* @__PURE__ */ new Map());
-  }
-  /**
-   * 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);
-  }
-  /**
-   * Retrieve a registered component by its ID.
-   */
-  get(e) {
-    return this.components.get(e);
-  }
-  /**
-   * Get all registered component IDs.
-   */
-  getRegisteredIds() {
-    return Array.from(this.components.keys());
-  }
-}
-const Ot = new It(), U = {
-  global: { tabEnableClose: !0, tabSetEnableMaximize: !1, tabSetEnableDivide: !0 },
-  borders: [
+  );
+}, Ot = {
+  alert: Re,
+  confirm: je,
+  prompt: $e
+}, zt = {
+  alert: "text-destructive",
+  confirm: "text-amber-500",
+  prompt: "text-blue-500"
+}, At = ({
+  open: o,
+  type: e = "alert",
+  title: n,
+  message: t,
+  defaultValue: a = "",
+  onConfirm: s,
+  onCancel: l,
+  confirmLabel: u,
+  cancelLabel: i = "Cancel",
+  placeholder: d = "Enter value…",
+  className: f
+}) => {
+  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();
+    }, 50);
+    return () => window.clearTimeout(T);
+  }, [o, e, a]), z(() => {
+    if (!o) return;
+    const T = (I) => {
+      I.key === "Escape" && (I.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 /* @__PURE__ */ r(
+    "div",
     {
-      type: "border",
-      location: "left",
-      children: []
-    }
-  ],
-  layout: {
-    type: "row",
-    weight: 100,
-    children: [
-      {
-        type: "tabset",
-        weight: 50,
-        children: [
-          {
-            type: "tab",
-            name: "Welcome",
-            component: "welcome"
-          }
-        ]
-      }
-    ]
-  }
-}, de = "nexus-shell-layout", zt = F((o, e) => {
-  let n;
-  if (typeof window < "u")
-    try {
-      const r = localStorage.getItem(de);
-      if (r) {
-        const a = JSON.parse(r);
-        n = $.fromJson(a);
-        const s = /* @__PURE__ */ new Set(["dialogue-library", "argument-inspector"]), l = [];
-        n.visitNodes((u) => {
-          if (u.getType() === "tab") {
-            const i = u;
-            s.has(i.getComponent()) && l.push(i.getId());
+      className: "fixed inset-0 z-50 flex items-center justify-center overflow-hidden bg-background/80 backdrop-blur-sm transition-all duration-300",
+      onClick: l,
+      children: /* @__PURE__ */ c(
+        "div",
+        {
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-label": n,
+          onClick: (T) => T.stopPropagation(),
+          onKeyDown: x,
+          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
+          ),
+          children: [
+            /* @__PURE__ */ r(
+              "button",
+              {
+                type: "button",
+                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 })
+              }
+            ),
+            /* @__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__ */ c("div", { className: "flex-1 mt-1", children: [
+                /* @__PURE__ */ r("h2", { className: "text-lg font-semibold tracking-tight pr-6", children: n }),
+                t && /* @__PURE__ */ r("p", { className: "text-sm text-muted-foreground mt-1 whitespace-pre-wrap", children: t })
+              ] })
+            ] }),
+            e === "prompt" && /* @__PURE__ */ r("div", { className: "mt-2 mb-4", children: /* @__PURE__ */ r(
+              "input",
+              {
+                ref: k,
+                type: "text",
+                "aria-label": n,
+                value: p,
+                placeholder: d,
+                onChange: (T) => m(T.target.value),
+                className: "w-full bg-background border border-border rounded-lg px-4 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary/50 transition-all placeholder:text-muted-foreground/50"
+              }
+            ) }),
+            /* @__PURE__ */ c("div", { className: "flex items-center justify-end space-x-3 mt-4", children: [
+              e !== "alert" && /* @__PURE__ */ r(
+                "button",
+                {
+                  type: "button",
+                  onClick: l,
+                  className: "px-4 py-2 text-sm font-medium rounded-lg border border-border hover:bg-muted transition-colors focus:outline-none focus:ring-2 focus:ring-ring",
+                  children: i
+                }
+              ),
+              /* @__PURE__ */ r(
+                "button",
+                {
+                  type: "button",
+                  onClick: C,
+                  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")
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    }
+  );
+}, Zt = (o) => {
+  const { isOpen: e, type: n, title: t, message: a, defaultValue: s, close: l } = Te();
+  return /* @__PURE__ */ r(
+    At,
+    {
+      ...o,
+      open: e,
+      type: n,
+      title: t,
+      message: a,
+      defaultValue: s,
+      onConfirm: (d) => {
+        n === "prompt" ? l(d ?? "") : n === "confirm" ? l(!0) : l();
+      },
+      onCancel: () => {
+        n === "prompt" ? l(null) : n === "confirm" ? l(!1) : l();
+      }
+    }
+  );
+}, Lt = [
+  { id: "light", label: "Light" },
+  { id: "dark", label: "Dark" },
+  { id: "gt", label: "GT" }
+], Mt = ({
+  value: o,
+  onChange: e,
+  options: n = Lt,
+  className: t,
+  "aria-label": a = "Theme"
+}) => /* @__PURE__ */ r(
+  "div",
+  {
+    role: "radiogroup",
+    "aria-label": a,
+    className: S(
+      "flex items-center border border-border rounded-lg p-0.5 bg-secondary/80 select-none",
+      t
+    ),
+    children: n.map((s) => /* @__PURE__ */ r(
+      "button",
+      {
+        role: "radio",
+        "aria-checked": o === 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"
+        ),
+        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,
+  actions: e = [],
+  onProfileChange: n,
+  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);
+    };
+    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) => {
+    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: [
+    /* @__PURE__ */ c(
+      "button",
+      {
+        type: "button",
+        onClick: () => a ? a() : m((w) => !w),
+        "aria-haspopup": a ? void 0 : "menu",
+        "aria-expanded": a ? void 0 : p,
+        "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"),
+          l
+        ),
+        children: [
+          /* @__PURE__ */ r(
+            "div",
+            {
+              className: S(
+                "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)
+            }
+          ),
+          s && /* @__PURE__ */ c("div", { className: "flex flex-col min-w-0 leading-tight pr-1", children: [
+            /* @__PURE__ */ r("span", { className: "text-[11px] font-semibold truncate text-foreground", children: u }),
+            i && /* @__PURE__ */ r("span", { className: "text-[9px] text-muted-foreground/80 truncate font-medium", children: i })
+          ] })
+        ]
+      }
+    ),
+    t && /* @__PURE__ */ r(
+      "input",
+      {
+        type: "file",
+        ref: y,
+        onChange: b,
+        accept: "image/*",
+        "aria-label": "Upload avatar",
+        className: "hidden"
+      }
+    ),
+    p && /* @__PURE__ */ r(
+      "div",
+      {
+        role: "menu",
+        className: S(
+          "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: [
+          /* @__PURE__ */ r("span", { className: "text-[10px] font-bold uppercase tracking-wider text-muted-foreground", children: "Edit Profile" }),
+          /* @__PURE__ */ c("div", { className: "flex flex-col gap-1", children: [
+            /* @__PURE__ */ r("label", { htmlFor: "profile-name", className: "text-[9px] font-semibold text-muted-foreground", children: "Name" }),
+            /* @__PURE__ */ r(
+              "input",
+              {
+                id: "profile-name",
+                type: "text",
+                value: x,
+                onChange: (w) => h(w.target.value),
+                required: !0,
+                className: "w-full px-2 py-1 text-xs border rounded bg-background focus:ring-1 focus:ring-primary focus:outline-none"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ c("div", { className: "flex flex-col gap-1", children: [
+            /* @__PURE__ */ r("label", { htmlFor: "profile-role", className: "text-[9px] font-semibold text-muted-foreground", children: "Role" }),
+            /* @__PURE__ */ r(
+              "input",
+              {
+                id: "profile-role",
+                type: "text",
+                value: T,
+                onChange: (w) => I(w.target.value),
+                className: "w-full px-2 py-1 text-xs border rounded bg-background focus:ring-1 focus:ring-primary focus:outline-none"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ c("div", { className: "flex gap-1.5 mt-1 justify-end", children: [
+            /* @__PURE__ */ c(
+              "button",
+              {
+                type: "button",
+                onClick: () => C(!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 }),
+                  " Cancel"
+                ]
+              }
+            ),
+            /* @__PURE__ */ c(
+              "button",
+              {
+                type: "submit",
+                className: "px-2 py-1 text-[10px] rounded bg-primary text-primary-foreground hover:bg-primary/95 flex items-center gap-1 font-semibold",
+                children: [
+                  /* @__PURE__ */ r(Fe, { size: 10 }),
+                  " Save"
+                ]
+              }
+            )
+          ] })
+        ] }) : /* @__PURE__ */ c(he, { 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());
+                },
+                title: t ? "Upload avatar image" : void 0,
+                className: S(
+                  "group relative w-12 h-12 rounded-full overflow-hidden border border-border/80 bg-muted flex items-center justify-center shrink-0 shadow-inner",
+                  t && "cursor-pointer"
+                ),
+                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" }) })
+                ]
+              }
+            ),
+            /* @__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(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => C(!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 })
+                  }
+                )
+              ] }),
+              i && /* @__PURE__ */ r("span", { className: "text-[10px] text-muted-foreground/80 truncate font-semibold", children: i }),
+              d && /* @__PURE__ */ r("span", { className: "text-[9px] text-muted-foreground/60 truncate font-mono mt-0.5", children: d })
+            ] })
+          ] }),
+          e.map((w) => {
+            const L = w.icon;
+            return /* @__PURE__ */ c(
+              "button",
+              {
+                type: "button",
+                role: "menuitem",
+                onClick: () => {
+                  w.onSelect(), m(!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"
+                ),
+                children: [
+                  L && /* @__PURE__ */ r(L, { size: 12, className: "opacity-70" }),
+                  w.label
+                ]
+              },
+              w.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);
+  return /* @__PURE__ */ r(
+    Pt,
+    {
+      ...o,
+      profile: { name: e, role: n, email: t, avatarUrl: s || a },
+      onProfileChange: l,
+      onAvatarChange: (d) => {
+        const f = new FileReader();
+        f.onloadend = () => {
+          typeof f.result == "string" && u(f.result);
+        }, f.readAsDataURL(d);
+      }
+    }
+  );
+}, 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 }),
+  /* @__PURE__ */ c("div", { className: "min-w-0", children: [
+    /* @__PURE__ */ r("h1", { className: "text-xs font-black uppercase tracking-wider text-foreground font-mono truncate", children: o }),
+    e && /* @__PURE__ */ r("p", { className: "text-[9px] text-muted-foreground font-semibold truncate", children: e })
+  ] })
+] }), Kt = ({ x: o, y: e, items: n, onClose: t, className: a }) => {
+  const s = P(null);
+  return z(() => {
+    const l = (i) => {
+      s.current && !s.current.contains(i.target) && t();
+    }, u = (i) => {
+      i.key === "Escape" && t();
+    };
+    return document.addEventListener("mousedown", l), document.addEventListener("keydown", u), () => {
+      document.removeEventListener("mousedown", l), document.removeEventListener("keydown", u);
+    };
+  }, [t]), /* @__PURE__ */ r(
+    "div",
+    {
+      ref: s,
+      role: "menu",
+      style: { top: e, left: o },
+      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: [
+        l.divider && /* @__PURE__ */ r("div", { className: "h-[1px] bg-border my-1" }),
+        /* @__PURE__ */ c(
+          "div",
+          {
+            role: "menuitem",
+            tabIndex: l.disabled ? void 0 : 0,
+            "aria-disabled": l.disabled,
+            onClick: () => {
+              l.disabled || (l.onClick(), t());
+            },
+            onKeyDown: (i) => {
+              l.disabled || i.key !== "Enter" && i.key !== " " || (i.preventDefault(), l.onClick(), t());
+            },
+            className: S(
+              "px-3 py-1.5 text-xs flex items-center focus:outline-none",
+              l.disabled ? "opacity-40 cursor-default" : "cursor-pointer hover:bg-accent hover:text-accent-foreground focus:bg-accent"
+            ),
+            children: [
+              l.icon && /* @__PURE__ */ r("span", { className: "mr-2 opacity-70", children: l.icon }),
+              /* @__PURE__ */ r("span", { children: l.label })
+            ]
           }
-        }), l.forEach((u) => {
-          n.doAction(B.deleteTab(u));
+        )
+      ] }, `${l.label}-${u}`))
+    }
+  );
+}, nr = ({
+  columns: o,
+  data: e,
+  onRowClick: n,
+  selectedRowId: t,
+  rowKey: a = "id",
+  virtualized: s = !0,
+  showFilter: l = !0,
+  loading: u = !1,
+  placeholder: i = "No data available",
+  className: d
+}) => {
+  const [f, p] = A(""), [m, k] = A(null), [C, x] = A(-1), h = P(null);
+  z(() => {
+    x(-1);
+  }, [f, m]);
+  const T = R(() => {
+    if (!f) return e;
+    const v = f.toLowerCase();
+    return e.filter((D) => Object.values(D).some((O) => O == null ? !1 : String(O).toLowerCase().includes(v)));
+  }, [e, f]), I = R(() => {
+    if (!m) return T;
+    const { key: v, direction: D } = m;
+    return [...T].sort((O, j) => {
+      const K = O[v], M = j[v];
+      if (K === M) return 0;
+      if (K == null) return 1;
+      if (M == null) return -1;
+      const Z = Number(K), ee = Number(M);
+      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);
+    });
+  }, [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)) {
+      if (v.key === "ArrowDown")
+        v.preventDefault(), x((D) => {
+          const O = D + 1;
+          return O >= I.length ? 0 : O;
         });
-      } else
-        n = $.fromJson(U);
-    } catch (r) {
-      console.warn("Failed to load layout from storage, using default", r), n = $.fromJson(U);
+      else if (v.key === "ArrowUp")
+        v.preventDefault(), x((D) => {
+          const O = D - 1;
+          return O < 0 ? I.length - 1 : O;
+        });
+      else if ((v.key === "Enter" || v.key === " ") && (v.preventDefault(), C >= 0 && C < I.length)) {
+        const D = I[C];
+        n && n(D);
+      }
     }
-  else
-    n = $.fromJson(U);
-  return {
-    model: n,
-    dirtyTabs: /* @__PURE__ */ new Set(),
-    storageKey: de,
-    disableLocalStorage: !1,
-    initLayout: (r, a) => {
-      let s;
-      if (r && Object.keys(r).length > 0)
-        try {
-          s = $.fromJson(r);
-        } catch (l) {
-          console.warn("Failed to parse init layout json, using default", l), s = $.fromJson(U);
-        }
-      else
-        s = $.fromJson(U);
-      o({ model: s, disableLocalStorage: a || !1 });
+  }, 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(
+    "th",
+    {
+      role: "columnheader",
+      "aria-sort": (m == null ? void 0 : m.key) === v.key ? m.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),
+      children: /* @__PURE__ */ c("div", { className: "flex items-center", children: [
+        /* @__PURE__ */ r("span", { children: v.header }),
+        g(v)
+      ] })
     },
-    setModel: (r) => {
-      o({ model: r });
-      const a = e().storageKey;
-      if (typeof window < "u" && !e().disableLocalStorage)
-        try {
-          localStorage.setItem(a, JSON.stringify(r.toJson()));
-        } catch (s) {
-          console.error("Failed to save layout to storage", s);
+    v.key
+  )) }), E = (v, D) => {
+    const O = t !== void 0 && v[a] === t;
+    return /* @__PURE__ */ r(
+      "tr",
+      {
+        role: "row",
+        "aria-selected": O,
+        onClick: () => n && n(v),
+        className: S(
+          "border-b border-border/40 hover:bg-accent/40 transition-colors cursor-pointer text-sm outline-none",
+          O && "bg-primary/10 text-primary hover:bg-primary/15 font-medium border-l-2 border-l-primary",
+          C === D && "bg-accent/60 ring-1 ring-inset ring-ring"
+        ),
+        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);
+        })
+      },
+      String(v[a] || D)
+    );
+  }, w = R(() => ({
+    Table: (v) => /* @__PURE__ */ r(
+      "table",
+      {
+        ...v,
+        role: "grid",
+        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"];
+      return /* @__PURE__ */ r(
+        "tr",
+        {
+          ...O,
+          onClick: () => {
+            var M;
+            return (M = D.onRowClick) == null ? void 0 : M.call(D, v);
+          },
+          className: S(
+            "border-b border-border/40 hover:bg-accent/40 transition-colors cursor-pointer text-sm outline-none",
+            j && "bg-primary/10 text-primary hover:bg-primary/15 font-medium border-l-2 border-l-primary",
+            K && "bg-accent/60 ring-1 ring-inset ring-ring"
+          )
         }
-    },
-    setStorageKey: (r, a) => {
-      let s;
-      if (typeof window < "u")
-        try {
-          const l = localStorage.getItem(r);
-          l ? s = $.fromJson(JSON.parse(l)) : s = $.fromJson(a || U);
-        } catch (l) {
-          console.warn("Failed to load layout from storage for key", r, l), s = $.fromJson(a || U);
+      );
+    }
+  }), []), 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 }),
+    /* @__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: [
+    /* @__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,
+    {
+      data: I,
+      context: {
+        selectedRowId: t,
+        focusedIndex: C,
+        rowKey: a,
+        onRowClick: n
+      },
+      components: w,
+      fixedHeaderContent: b,
+      itemContent: (v, D) => /* @__PURE__ */ r(he, { children: o.map((O) => {
+        const j = D[O.key];
+        return /* @__PURE__ */ r("td", { role: "gridcell", className: "p-3 align-middle truncate max-w-xs", children: O.render ? O.render(j, D) : j != null ? String(j) : "" }, O.key);
+      }) })
+    }
+  ) }) : /* @__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)) })
+  ] }) });
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      ref: h,
+      role: "region",
+      "aria-label": "Data Grid",
+      tabIndex: 0,
+      onKeyDown: y,
+      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
+      ),
+      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(
+              "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)
+              }
+            ),
+            f && /* @__PURE__ */ r(
+              "button",
+              {
+                onClick: () => p(""),
+                className: "absolute right-2 top-2.5 text-muted-foreground hover:text-foreground",
+                "aria-label": "Clear filter",
+                children: /* @__PURE__ */ r(J, { size: 12 })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ c("div", { className: "text-[11px] text-muted-foreground font-medium ml-4", children: [
+            I.length,
+            " of ",
+            e.length,
+            " records"
+          ] })
+        ] }),
+        L()
+      ]
+    }
+  );
+}, or = ({
+  results: o,
+  onQueryChange: e,
+  onSelect: n,
+  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]
+  );
+  z(() => {
+    const N = (y) => {
+      k.current && !k.current.contains(y.target) && f(!1);
+    };
+    return document.addEventListener("mousedown", N), () => document.removeEventListener("mousedown", N);
+  }, []), z(() => {
+    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;
+    if (!d) {
+      (N.key === "ArrowDown" || N.key === "Enter") && f(!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());
+  };
+  return /* @__PURE__ */ c("div", { ref: k, className: S("relative w-full", l), children: [
+    /* @__PURE__ */ c("div", { className: "relative flex items-center", children: [
+      /* @__PURE__ */ r(
+        X,
+        {
+          size: 13,
+          className: "absolute left-2.5 top-1/2 -translate-y-1/2 text-muted-foreground"
         }
-      else
-        s = $.fromJson(a || U);
-      o({ storageKey: r, model: s });
-    },
-    setTabDirty: (r, a) => {
-      o((s) => {
-        const l = new Set(s.dirtyTabs);
-        return a ? l.add(r) : l.delete(r), { dirtyTabs: l };
-      });
-    },
-    isTabDirty: (r) => e().dirtyTabs.has(r),
-    addTab: (r, a, s) => {
-      const l = e().model, u = l.getActiveTabset();
-      let i = u == null ? void 0 : u.getId();
-      if (!i)
-        try {
-          const g = l.getFirstTabSet();
-          i = g == null ? void 0 : g.getId();
-        } catch (g) {
-          console.warn("Failed to get first tabset fallback", g);
+      ),
+      /* @__PURE__ */ r(
+        "input",
+        {
+          ref: C,
+          type: "text",
+          role: "combobox",
+          "aria-expanded": d,
+          "aria-label": a,
+          value: u,
+          placeholder: a,
+          onChange: (N) => {
+            i(N.target.value), f(!0);
+          },
+          onFocus: () => f(!0),
+          onKeyDown: I,
+          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"
         }
-      const p = { ...{}, ...s };
-      if (["nexus-dashboard", "nexus-docs"].includes(r)) {
-        let g = null;
-        if (l.visitNodes((m) => {
-          if (m.getType() === "tab") {
-            const w = m;
-            w.getComponent() === r && (g = w.getId());
-          }
-        }), g) {
-          l.doAction(B.selectTab(g));
-          return;
+      ),
+      u && /* @__PURE__ */ r(
+        "button",
+        {
+          type: "button",
+          onClick: () => {
+            var N;
+            i(""), (N = C.current) == null || N.focus();
+          },
+          "aria-label": "Clear search",
+          className: "absolute right-2 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground transition-colors",
+          children: /* @__PURE__ */ r(J, { size: 11 })
         }
+      )
+    ] }),
+    d && u.trim() && /* @__PURE__ */ c(
+      "div",
+      {
+        role: "listbox",
+        className: "absolute right-0 md:left-0 mt-1.5 w-80 max-h-[380px] bg-popover text-popover-foreground border border-border shadow-lg rounded-lg overflow-hidden flex flex-col z-[100] animate-in fade-in-50 slide-in-from-top-1 duration-100",
+        children: [
+          /* @__PURE__ */ r("div", { className: "flex-1 overflow-y-auto py-1", children: h.length === 0 ? /* @__PURE__ */ c("div", { className: "px-4 py-6 text-center text-xs text-muted-foreground italic", children: [
+            '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;
+                return /* @__PURE__ */ c(
+                  "div",
+                  {
+                    role: "option",
+                    "aria-selected": w,
+                    onClick: () => T(g),
+                    onMouseEnter: () => m(E),
+                    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"
+                    ),
+                    children: [
+                      b && /* @__PURE__ */ r(
+                        "div",
+                        {
+                          className: S(
+                            "mt-0.5 p-1 rounded bg-muted/50",
+                            w && "bg-background text-primary"
+                          ),
+                          children: /* @__PURE__ */ r(b, { 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 })
+                      ] })
+                    ]
+                  },
+                  `${g.category}-${g.id}`
+                );
+              })
+            ] }, N);
+          }) }),
+          h.length > 0 && /* @__PURE__ */ c("div", { className: "px-3 py-1.5 border-t border-border bg-muted/20 flex items-center justify-between text-[9px] text-muted-foreground select-none shrink-0 font-mono", children: [
+            /* @__PURE__ */ c("div", { className: "flex space-x-2", children: [
+              /* @__PURE__ */ c("span", { children: [
+                /* @__PURE__ */ r("kbd", { className: "bg-muted px-1 rounded border border-border/60", children: "↑↓" }),
+                " ",
+                "navigate"
+              ] }),
+              /* @__PURE__ */ c("span", { children: [
+                /* @__PURE__ */ r("kbd", { className: "bg-muted px-1 rounded border border-border/60", children: "↵" }),
+                " ",
+                "select"
+              ] })
+            ] }),
+            /* @__PURE__ */ r("span", { children: "ESC to close" })
+          ] })
+        ]
       }
-      if (p.mapId) {
-        let g = null;
-        if (l.visitNodes((m) => {
-          var w;
-          if (m.getType() === "tab") {
-            const C = m;
-            ((w = C.getConfig()) == null ? void 0 : w.mapId) === p.mapId && (g = C.getId());
+    )
+  ] });
+}, sr = ({
+  placeholder: o = "Search...",
+  onSearch: e,
+  results: n,
+  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 h = setTimeout(() => {
+      e(u);
+    }, 300);
+    return () => clearTimeout(h);
+  }, [u, e]);
+  const C = 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)));
+  };
+  return /* @__PURE__ */ c("div", { ref: k, 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(
+          "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,
+            value: u,
+            onChange: (h) => {
+              i(h.target.value), f(!0), m(-1);
+            },
+            onKeyDown: x,
+            onFocus: () => f(!0)
           }
-        }), g) {
-          l.doAction(B.selectTab(g));
-          return;
-        }
-      }
-      if (p.projectId) {
-        let g = null;
-        if (l.visitNodes((m) => {
-          var w;
-          if (m.getType() === "tab") {
-            const C = m;
-            ((w = C.getConfig()) == null ? void 0 : w.projectId) === p.projectId && (g = C.getId());
+        ),
+        u && /* @__PURE__ */ r(
+          "button",
+          {
+            onClick: () => {
+              i(""), e("");
+            },
+            className: "absolute right-2 top-2.5 text-muted-foreground hover:text-foreground",
+            children: /* @__PURE__ */ r(J, { size: 14 })
           }
-        }), g) {
-          l.doAction(B.selectTab(g));
-          return;
-        }
-      }
-      i && l.doAction(
-        B.addNode(
-          { type: "tab", component: r, name: a || r, config: p },
-          i,
-          Xe.CENTER,
-          -1
         )
+      ] }),
+      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(
+        "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"
+          ),
+          onClick: () => {
+            i(h), f(!1);
+          },
+          children: [
+            /* @__PURE__ */ r(He, { 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;
+      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" }) }),
+            /* @__PURE__ */ c("div", { className: "flex-1 min-w-0", children: [
+              /* @__PURE__ */ c("div", { className: "flex items-center justify-between", children: [
+                /* @__PURE__ */ r("span", { className: "text-xs font-medium truncate", children: h.title }),
+                h.category && /* @__PURE__ */ r("span", { className: "text-[10px] uppercase tracking-wider text-muted-foreground font-bold px-1.5 py-0.5 bg-muted rounded", children: h.category })
+              ] }),
+              h.description && /* @__PURE__ */ r("p", { className: "text-[11px] text-muted-foreground truncate mt-0.5", children: h.description })
+            ] })
+          ] })
+        },
+        h.id
       );
-    }
-  };
-}), Te = F((o, e) => ({
-  isOpen: !1,
-  type: "alert",
-  title: "",
-  message: "",
-  defaultValue: "",
-  resolve: null,
-  openAlert: (n, r = "Alert") => new Promise((a) => {
-    o({ isOpen: !0, type: "alert", title: r, message: n, defaultValue: "", resolve: a });
-  }),
-  openConfirm: (n, r = "Confirm") => new Promise((a) => {
-    o({ isOpen: !0, type: "confirm", title: r, message: n, defaultValue: "", resolve: a });
-  }),
-  openPrompt: (n, r = "", a = "Prompt") => new Promise((s) => {
-    o({ isOpen: !0, type: "prompt", title: a, message: n, defaultValue: r, resolve: s });
-  }),
-  close: (n = null) => {
-    const { resolve: r } = e();
-    r && r(n), o({ isOpen: !1, resolve: null });
-  }
-})), qt = ({
-  panels: o,
-  slashCommands: e,
-  menuConfig: n,
-  statusBarConfig: r,
-  title: a,
-  rightMenuBarContent: s,
-  centerMenuBarContent: l,
-  layoutModel: u
+    }) }) })
+  ] });
+}, 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,
+  onToggle: e,
+  onActivate: n,
+  onMoveNode: t,
+  actions: a,
+  onNewFile: s,
+  onNewFolder: l,
+  onRename: u,
+  onDelete: i,
+  indent: d = 12,
+  virtualized: f = !0,
+  className: p
 }) => {
-  const { model: i, setModel: d, isTabDirty: p, setTabDirty: g } = zt(), m = q((N) => N.theme), w = W((N) => N.setPanels), C = Q((N) => N.setSlashCommands), x = Se((N) => N.setWidgets);
+  const [m, k] = A(null), [C, x] = A(null), h = R(() => De(o), [o]);
   z(() => {
-    o && w(o);
-  }, [o, w]), z(() => {
-    e && C(e);
-  }, [e, C]), z(() => {
-    n && Ne.setMenus(n);
-  }, [n]), z(() => {
-    r && x(r);
-  }, [r, x]);
-  const h = (N) => {
-    try {
-      const b = N.getComponent(), v = N.getConfig() || {}, f = b ? Ot.get(b) : void 0;
-      return f ? /* @__PURE__ */ t(f, { node: N, ...v }) : /* @__PURE__ */ c("div", { className: "p-4 text-sm", children: [
-        "Unknown Component: ",
-        b
-      ] });
-    } catch (b) {
-      return console.error("Error in component factory:", b), /* @__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: ",
-        b instanceof Error ? b.message : "Unknown error"
-      ] });
+    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))
     }
-  }, T = (N) => {
-    if (N.type !== B.DELETE_TAB) return N;
-    const b = i.getNodeById(N.data.node);
-    if (!b || !p(b.getId())) return N;
-    Te.getState().openConfirm(
-      `Tab "${b.getName()}" has unsaved changes. Are you sure you want to close it?`
-    ).then((v) => {
-      v && (g(b.getId(), !1), i.doAction(N));
+  ]).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,
+      context: { nodeId: (b == null ? void 0 : b.id) ?? null, node: b }
     });
+  }, y = (g) => {
+    const b = h[g], E = b.type === "folder";
+    return /* @__PURE__ */ c(
+      "div",
+      {
+        role: "treeitem",
+        "aria-expanded": E ? !!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";
+        },
+        onDragOver: (w) => {
+          E && (w.preventDefault(), x(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));
+        },
+        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));
+        },
+        onContextMenu: (w) => N(w, b, b.type),
+        style: { paddingLeft: `${b.level * d + 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"
+        ),
+        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("span", { className: "truncate", children: b.label })
+        ]
+      },
+      b.id
+    );
   };
   return /* @__PURE__ */ c(
     "div",
     {
-      className: `flex flex-col h-screen w-screen bg-background text-foreground overflow-hidden theme-${m}`,
+      role: "tree",
+      className: S("h-full w-full bg-muted/30", p),
+      onContextMenu: (g) => N(g, null, "background"),
       children: [
-        /* @__PURE__ */ t(
-          Ct,
+        f ? /* @__PURE__ */ r(
+          et,
           {
-            title: a,
-            center: l,
-            right: s
+            style: { height: "100%" },
+            totalCount: h.length,
+            itemContent: y
           }
-        ),
-        /* @__PURE__ */ c("div", { className: "flex-1 flex overflow-hidden", children: [
-          /* @__PURE__ */ t(xt, {}),
-          /* @__PURE__ */ t(St, {}),
-          /* @__PURE__ */ c("div", { className: "flex-1 flex flex-col min-w-0 bg-card", children: [
-            /* @__PURE__ */ t("div", { className: "flex-1 relative h-full w-full", children: /* @__PURE__ */ t(
-              Ze,
-              {
-                model: u || i,
-                factory: h,
-                onModelChange: (N) => {
-                  u || d(N);
-                },
-                onAction: T
-              }
-            ) }),
-            /* @__PURE__ */ t(Dt, {})
-          ] }),
-          /* @__PURE__ */ t(wt, {})
-        ] }),
-        /* @__PURE__ */ t(Tt, {})
+        ) : /* @__PURE__ */ r("div", { className: "h-full overflow-auto", children: h.map((g, b) => y(b)) }),
+        m && I.length > 0 && /* @__PURE__ */ r(
+          Kt,
+          {
+            x: m.x,
+            y: m.y,
+            items: I,
+            onClose: () => k(null)
+          }
+        )
       ]
     }
   );
-}, Vt = ({
-  shortcutKey: o = "p",
-  ...e
-}) => {
-  const [n, r] = O(!1);
-  return z(() => {
-    if (o === null) return;
-    const a = (s) => {
-      (s.metaKey || s.ctrlKey) && s.shiftKey && s.key.toLowerCase() === o && (s.preventDefault(), r((l) => !l));
-    };
-    return window.addEventListener("keydown", a), () => window.removeEventListener("keydown", a);
-  }, [o]), /* @__PURE__ */ t(
-    st,
-    {
-      ...e,
-      open: n,
-      commands: V.getCommands(),
-      onSelect: (a) => {
-        a.execute(), r(!1);
-      },
-      onClose: () => r(!1)
-    }
-  );
-}, Qt = (o) => {
-  const { isOpen: e, type: n, title: r, message: a, defaultValue: s, close: l } = Te();
-  return /* @__PURE__ */ t(
-    dt,
-    {
-      ...o,
-      open: e,
-      type: n,
-      title: r,
-      message: a,
-      defaultValue: s,
-      onConfirm: (d) => {
-        n === "prompt" ? l(d ?? "") : n === "confirm" ? l(!0) : l();
-      },
-      onCancel: () => {
-        n === "prompt" ? l(null) : n === "confirm" ? l(!1) : l();
-      }
-    }
-  );
-}, Xt = (o) => {
-  const e = q((r) => r.theme), n = q((r) => r.setTheme);
-  return /* @__PURE__ */ t(ht, { ...o, value: e, onChange: n });
-}, ue = "nexus-shell-user-profile", me = {
-  name: "David Tech",
-  role: "Shell Architect",
-  email: "david@techmuch.io",
-  avatarUrl: "",
-  customAvatar: ""
-}, H = F((o) => {
-  let e = { ...me };
-  if (typeof window < "u")
-    try {
-      const r = localStorage.getItem(ue);
-      r && (e = { ...me, ...JSON.parse(r) });
-    } catch (r) {
-      console.error("Failed to parse saved user profile:", r);
-    }
-  const n = (r) => {
-    if (typeof window < "u")
-      try {
-        localStorage.setItem(
-          ue,
-          JSON.stringify({
-            name: r.name,
-            role: r.role,
-            email: r.email,
-            avatarUrl: r.avatarUrl,
-            customAvatar: r.customAvatar
-          })
-        );
-      } catch (a) {
-        console.error("Failed to save user profile:", a);
-      }
-  };
-  return {
-    ...e,
-    updateProfile: (r) => o((a) => {
-      const s = { ...a, ...r };
-      return n(s), r;
-    }),
-    setCustomAvatar: (r) => o((a) => {
-      const s = { ...a, customAvatar: r };
-      return n(s), { customAvatar: r };
-    }),
-    clearCustomAvatar: () => o((r) => {
-      const a = { ...r, customAvatar: "" };
-      return n(a), { customAvatar: "" };
-    })
-  };
-}), Zt = (o) => {
-  const e = H((d) => d.name), n = H((d) => d.role), r = H((d) => d.email), a = H((d) => d.avatarUrl), s = H((d) => d.customAvatar), l = H((d) => d.updateProfile), u = H((d) => d.setCustomAvatar);
-  return /* @__PURE__ */ t(
-    bt,
-    {
-      ...o,
-      profile: { name: e, role: n, email: r, avatarUrl: s || a },
-      onProfileChange: l,
-      onAvatarChange: (d) => {
-        const p = new FileReader();
-        p.onloadend = () => {
-          typeof p.result == "string" && u(p.result);
-        }, p.readAsDataURL(d);
-      }
-    }
-  );
-};
-class Lt {
-  constructor() {
-    J(this, "plugins", /* @__PURE__ */ new Map());
-    J(this, "loaders", /* @__PURE__ */ new Map());
-    J(this, "statuses", /* @__PURE__ */ new Map());
-  }
-  registerPlugin(e) {
-    if (this.plugins.has(e.id)) {
-      console.warn(`Plugin ${e.id} is already registered.`);
-      return;
-    }
-    this.plugins.set(e.id, e), this.statuses.set(e.id, "registered"), console.log(`Plugin ${e.name} (${e.id}) registered.`);
-  }
-  registerLazyPlugin(e, n) {
-    if (this.loaders.has(e) || this.plugins.has(e)) {
-      console.warn(`Plugin ${e} is already registered or has a loader.`);
-      return;
-    }
-    this.loaders.set(e, n), 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))
-      try {
-        n = await this.loaders.get(e)(), this.plugins.set(e, n), this.statuses.set(e, "registered"), console.log(`Lazy plugin ${e} loaded.`);
-      } catch (r) {
-        console.error(`Failed to load lazy plugin ${e}`, r), this.statuses.set(e, "failed");
-        return;
-      }
-    if (n)
-      try {
-        this.statuses.set(e, "activating"), n.activate(), this.statuses.set(e, "active"), console.log(`Plugin ${n.name} activated.`);
-      } catch (r) {
-        console.error(`Failed to activate plugin ${e}`, r), this.statuses.set(e, "failed");
-      }
-    else
-      console.warn(`Plugin ${e} not found for activation.`), this.statuses.set(e, "failed");
-  }
-  async deactivatePlugin(e) {
-    const n = this.plugins.get(e);
-    if (n)
-      try {
-        n.deactivate(), this.statuses.set(e, "deactivated"), console.log(`Plugin ${n.name} deactivated.`);
-      } catch (r) {
-        console.error(`Failed to deactivate plugin ${e}`, r), this.statuses.set(e, "failed");
-      }
-  }
-  getPluginStatus(e) {
-    return this.statuses.get(e);
-  }
-  getPluginStatuses() {
-    const e = {};
-    return this.statuses.forEach((n, r) => {
-      e[r] = n;
-    }), e;
-  }
-  getPlugin(e) {
-    return this.plugins.get(e);
-  }
-  getAllPlugins() {
-    return Array.from(this.plugins.values());
-  }
-}
-const er = new Lt(), tr = () => {
-  z(() => {
-    const o = (e) => {
-      const n = V.getCommands();
-      for (const r of n)
-        if (r.keybinding && At(e, r.keybinding)) {
-          e.preventDefault(), r.execute();
-          break;
-        }
-    };
-    return window.addEventListener("keydown", o), () => window.removeEventListener("keydown", o);
-  }, []);
-};
-function At(o, e) {
-  var m;
-  const n = e.split("+"), r = (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, p = o.altKey, g = o.metaKey;
-  return o.key.toLowerCase() === r && i === a && d === s && p === l && g === u;
-}
-const rr = (o) => {
 };
 export {
-  tt as ActivityBar,
-  Yt as AppTitle,
-  nt as ChatPane,
-  st as CommandPalette,
-  kt as CommandRegistry,
-  xt as ConnectedActivityBar,
-  wt as ConnectedChatPane,
-  Vt as ConnectedCommandPalette,
-  Ct as ConnectedMenuBar,
-  Qt as ConnectedModal,
-  St as ConnectedSidebarPane,
-  Tt as ConnectedStatusBar,
-  Dt as ConnectedTerminalPane,
-  Xt as ConnectedThemeSwitcher,
-  Zt as ConnectedUserProfile,
-  at as ContextMenu,
-  ut as DEFAULT_SETTINGS_THEMES,
-  gt as DEFAULT_THEME_OPTIONS,
-  Ht as DataGrid,
-  lt as MenuBar,
-  Nt as MenuRegistry,
-  dt as Modal,
-  qt as NexusWorkspaceShell,
-  Wt as QuickSearch,
-  Bt as SearchWidget,
-  mt as SettingsPanel,
-  qt as ShellLayout,
-  te as SidebarPane,
-  ft as StatusBar,
-  pt as TerminalPane,
-  ht as ThemeSwitcher,
-  Gt as TreeWidget,
-  bt as UserProfile,
+  rt as ActivityBar,
+  rr as AppTitle,
+  st as ChatPane,
+  It as CommandPalette,
+  ut as CommandRegistry,
+  nt as ConnectedActivityBar,
+  it as ConnectedChatPane,
+  Xt as ConnectedCommandPalette,
+  mt as ConnectedMenuBar,
+  Zt as ConnectedModal,
+  gt as ConnectedSidebarPane,
+  bt as ConnectedStatusBar,
+  yt as ConnectedTerminalPane,
+  er as ConnectedThemeSwitcher,
+  tr as ConnectedUserProfile,
+  Kt as ContextMenu,
+  Vt as DEFAULT_COMMAND_IDS,
+  ft as DEFAULT_SETTINGS_THEMES,
+  Lt as DEFAULT_THEME_OPTIONS,
+  nr as DataGrid,
+  dt as MenuBar,
+  ct as MenuRegistry,
+  At as Modal,
+  Gt as NexusWorkspaceShell,
+  or as QuickSearch,
+  sr as SearchWidget,
+  pt as SettingsPanel,
+  Gt as ShellLayout,
+  re as SidebarPane,
+  ht as StatusBar,
+  xt as TerminalPane,
+  Mt as ThemeSwitcher,
+  ar as TreeWidget,
+  Pt as UserProfile,
   S as cn,
-  V as commandRegistry,
-  Ot as componentRegistry,
-  rr as initializeShell,
-  Ne as menuRegistry,
-  er as pluginRegistry,
+  B as commandRegistry,
+  Nt as componentRegistry,
+  Yt as initializeShell,
+  le as menuRegistry,
+  qt as pluginRegistry,
   Q as useChatStore,
-  tr as useKeyboardShortcuts,
-  zt as useLayoutStore,
+  Qt as useKeyboardShortcuts,
+  kt as useLayoutStore,
   Te as useModalStore,
-  le as useRightSidebarStore,
-  W as useSidebarStore,
-  Se as useStatusBarStore,
-  Y as useTerminalStore,
-  q as useThemeStore,
-  H as useUserProfileStore
+  ae as useRightSidebarStore,
+  F as useSidebarStore,
+  ie as useStatusBarStore,
+  V as useTerminalStore,
+  Y as useThemeStore,
+  W as useUserProfileStore
 };