@principal-ade/panel-layouts 0.2.8 → 0.2.9

package/dist/index.esm.js

@@ -1,13 +1,13 @@
 import './index.css';var we = Object.defineProperty;
-var ke = (o, e, t) => e in o ? we(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
-var H = (o, e, t) => ke(o, typeof e != "symbol" ? e + "" : e, t);
-import { EditableConfigurablePanelLayout as It, ResponsiveConfigurablePanelLayout as Rt, mapThemeToPanelVars as Lt, mapThemeToTabVars as At } from "@principal-ade/panels";
-import Ce, { useState as L, useRef as z, useEffect as W, useCallback as x, forwardRef as ve, useMemo as X } from "react";
-import { jsx as l, jsxs as b, Fragment as se } from "react/jsx-runtime";
+var Ce = (o, e, t) => e in o ? we(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
+var J = (o, e, t) => Ce(o, typeof e != "symbol" ? e + "" : e, t);
+import { EditableConfigurablePanelLayout as Rt, ResponsiveConfigurablePanelLayout as Lt, mapThemeToPanelVars as Wt, mapThemeToTabVars as At } from "@principal-ade/panels";
+import ve, { useState as R, useRef as $, useEffect as A, useCallback as k, forwardRef as Se, useMemo as Y } from "react";
+import { jsx as i, jsxs as x, Fragment as se } from "react/jsx-runtime";
 import { useTheme as q } from "@principal-ade/industry-theme";
-class Se {
+class Te {
   constructor() {
-    H(this, "storageKey", "panel-layouts");
+    J(this, "storageKey", "panel-layouts");
   }
   async load(e) {
     try {
@@ -28,122 +28,122 @@ class Se {
     }
   }
 }
-function tt(o) {
+function ot(o) {
   const {
     viewKey: e,
     defaultSizes: t,
     panelType: r,
-    adapter: s = new Se()
-  } = o, [a, n] = L(t), [i, p] = L(o.collapsed), u = z(o.collapsed), h = z({}), d = z(null), f = z(null);
-  W(() => {
+    adapter: s = new Te()
+  } = o, [n, a] = R(t), [l, f] = R(o.collapsed), u = $(o.collapsed), g = $({}), d = $(null), p = $(null);
+  A(() => {
     (async () => {
-      const P = await s.load(e);
-      P != null && P.sizes && (n(P.sizes), g(P.sizes));
+      const v = await s.load(e);
+      v != null && v.sizes && (a(v.sizes), m(v.sizes));
     })();
   }, [e]);
-  const g = x(
+  const m = k(
     (w) => {
-      "left" in w && w.left > 0 && (h.current.left = w.left), "middle" in w && w.middle > 0 && (h.current.middle = w.middle), "right" in w && w.right > 0 && (h.current.right = w.right);
+      "left" in w && w.left > 0 && (g.current.left = w.left), "middle" in w && w.middle > 0 && (g.current.middle = w.middle), "right" in w && w.right > 0 && (g.current.right = w.right);
     },
     []
-  ), m = x(
+  ), y = k(
     (w) => {
-      const P = h.current[w];
-      if (P && P > 0)
-        return P;
+      const v = g.current[w];
+      if (v && v > 0)
+        return v;
       if (w === "left" && "left" in t && t.left > 0)
         return t.left;
       if (w === "right" && "right" in t && t.right > 0)
         return t.right;
     },
     [t]
-  ), c = z(t);
-  W(() => {
-    ("left" in t && t.left !== c.current.left || "middle" in t && "middle" in c.current && t.middle !== c.current.middle || "right" in t && t.right !== c.current.right) && (n(t), g(t), c.current = t);
-  }, [t, g]), W(() => {
-    const w = o.collapsed.left !== u.current.left, P = "right" in o.collapsed && "right" in u.current && o.collapsed.right !== u.current.right;
-    (w || P) && (p(o.collapsed), u.current = { ...o.collapsed });
+  ), c = $(t);
+  A(() => {
+    ("left" in t && t.left !== c.current.left || "middle" in t && "middle" in c.current && t.middle !== c.current.middle || "right" in t && t.right !== c.current.right) && (a(t), m(t), c.current = t);
+  }, [t, m]), A(() => {
+    const w = o.collapsed.left !== u.current.left, v = "right" in o.collapsed && "right" in u.current && o.collapsed.right !== u.current.right;
+    (w || v) && (f(o.collapsed), u.current = { ...o.collapsed });
   }, [o.collapsed.left, o.collapsed.right]);
-  const k = x(
+  const b = k(
     async (w) => {
       try {
         await s.save(e, { sizes: w });
-      } catch (P) {
+      } catch (v) {
         console.error(
           `Failed to save panel preferences for ${e}:`,
-          P
+          v
         );
       }
     },
     [e, s]
-  ), R = x(
+  ), P = k(
     (w) => {
-      const P = { ...w };
-      let v = !0;
+      const v = { ...w };
+      let S = !0;
       if ("left" in w) {
-        const C = !!(i != null && i.left), y = w.left;
+        const C = !!(l != null && l.left), h = w.left;
         if (C) {
-          const S = m("left");
-          S !== void 0 && S > 0 ? P.left = S : v = !1;
-        } else y === 0 && (v = !1);
+          const I = y("left");
+          I !== void 0 && I > 0 ? v.left = I : S = !1;
+        } else h === 0 && (S = !1);
       }
       if (r === "three-panel" && "right" in w) {
-        const C = !!(i != null && i.right), y = w.right;
+        const C = !!(l != null && l.right), h = w.right;
         if (C) {
-          const S = m("right");
-          S !== void 0 && S > 0 ? P.right = S : v = !1;
-        } else y === 0 && (v = !1);
+          const I = y("right");
+          I !== void 0 && I > 0 ? v.right = I : S = !1;
+        } else h === 0 && (S = !1);
       }
-      if (n(P), g(P), d.current && (clearTimeout(d.current), d.current = null), !v) {
-        f.current = null;
+      if (a(v), m(v), d.current && (clearTimeout(d.current), d.current = null), !S) {
+        p.current = null;
         return;
       }
-      f.current = P, d.current = setTimeout(() => {
-        const C = f.current;
-        C && (k(C), f.current = null), d.current = null;
+      p.current = v, d.current = setTimeout(() => {
+        const C = p.current;
+        C && (b(C), p.current = null), d.current = null;
       }, 500);
     },
     [
-      i,
-      m,
+      l,
+      y,
       r,
-      k,
-      g
+      b,
+      m
     ]
   );
-  W(() => () => {
+  A(() => () => {
     if (d.current) {
-      const w = f.current;
-      w && (k(w), f.current = null), clearTimeout(d.current), d.current = null;
+      const w = p.current;
+      w && (b(w), p.current = null), clearTimeout(d.current), d.current = null;
     }
-  }, [k]);
-  const A = x(async () => {
-  }, []), I = x(async () => {
-  }, []), $ = x(async () => {
-  }, []), D = x(async () => {
+  }, [b]);
+  const D = k(async () => {
+  }, []), W = k(async () => {
+  }, []), L = k(async () => {
+  }, []), j = k(async () => {
   }, []);
   return r === "three-panel" ? {
     type: "three-panel",
-    sizes: a,
-    collapsed: i,
-    handlePanelResize: R,
-    handleLeftCollapseComplete: A,
-    handleLeftExpandComplete: I,
-    handleRightCollapseComplete: $,
-    handleRightExpandComplete: D
+    sizes: n,
+    collapsed: l,
+    handlePanelResize: P,
+    handleLeftCollapseComplete: D,
+    handleLeftExpandComplete: W,
+    handleRightCollapseComplete: L,
+    handleRightExpandComplete: j
   } : {
     type: "two-panel",
-    sizes: a,
-    collapsed: i,
-    handlePanelResize: R,
-    handleLeftCollapseComplete: A,
-    handleLeftExpandComplete: I
+    sizes: n,
+    collapsed: l,
+    handlePanelResize: P,
+    handleLeftCollapseComplete: D,
+    handleLeftExpandComplete: W
   };
 }
-class Te {
+class Pe {
   constructor() {
-    H(this, "PRESETS_KEY", "panel-layouts:workspace-presets");
-    H(this, "REPO_STATE_PREFIX", "panel-layouts:repo-state:");
+    J(this, "PRESETS_KEY", "panel-layouts:workspace-presets");
+    J(this, "REPO_STATE_PREFIX", "panel-layouts:repo-state:");
   }
   /**
    * Load all user-created workspace presets
@@ -203,14 +203,14 @@ class Te {
       for (let t = 0; t < localStorage.length; t++) {
         const r = localStorage.key(t);
         if (r && r.startsWith(this.REPO_STATE_PREFIX)) {
-          const s = r.substring(this.REPO_STATE_PREFIX.length), a = localStorage.getItem(r);
-          if (a)
+          const s = r.substring(this.REPO_STATE_PREFIX.length), n = localStorage.getItem(r);
+          if (n)
             try {
-              e[s] = JSON.parse(a);
-            } catch (n) {
+              e[s] = JSON.parse(n);
+            } catch (a) {
               console.error(
                 `Failed to parse repository state for ${s}:`,
-                n
+                a
               );
             }
         }
@@ -258,11 +258,11 @@ class _ {
       createdAt: Date.now(),
       updatedAt: Date.now(),
       isBuiltIn: !1
-    }, a = {
+    }, n = {
       ...t,
       [r]: s
     };
-    return await this.adapter.saveWorkspacePresets(a), s;
+    return await this.adapter.saveWorkspacePresets(n), s;
   }
   /**
    * Update an existing workspace layout
@@ -273,7 +273,7 @@ class _ {
       return console.error(`Workspace layout ${e} not found`), null;
     if (s.isBuiltIn)
       return console.error(`Cannot update built-in workspace layout ${e}`), null;
-    const a = {
+    const n = {
       ...s,
       ...t,
       id: e,
@@ -281,11 +281,11 @@ class _ {
       createdAt: s.createdAt,
       // Preserve creation time
       updatedAt: Date.now()
-    }, n = {
+    }, a = {
       ...r,
-      [e]: a
+      [e]: n
     };
-    return await this.adapter.saveWorkspacePresets(n), a;
+    return await this.adapter.saveWorkspacePresets(a), n;
   }
   /**
    * Delete a workspace layout
@@ -610,26 +610,26 @@ class _ {
     Object.keys(e).length;
   }
 }
-H(_, "adapter", new Te());
-function ot(o = {}) {
-  const { repositoryKey: e, autoInitialize: t = !1, defaultWorkspaceId: r } = o, [s, a] = L(
+J(_, "adapter", new Pe());
+function rt(o = {}) {
+  const { repositoryKey: e, autoInitialize: t = !1, defaultWorkspaceId: r } = o, [s, n] = R(
     {}
-  ), [n, i] = L(null), [p, u] = L(null), [h, d] = L(!0), [f, g] = L(null), m = x(async () => {
+  ), [a, l] = R(null), [f, u] = R(null), [g, d] = R(!0), [p, m] = R(null), y = k(async () => {
     try {
-      d(!0), g(null);
-      const v = await _.getWorkspaceLayouts();
-      if (a(v), e) {
+      d(!0), m(null);
+      const S = await _.getWorkspaceLayouts();
+      if (n(S), e) {
         let C = await _.getRepositoryState(e);
         if (!C && t) {
-          const y = r || "project-management", S = await _.getWorkspaceLayout(y);
-          S && (C = {
-            workspaceId: y,
-            sizes: S.defaultSizes || {
+          const h = r || "project-management", I = await _.getWorkspaceLayout(h);
+          I && (C = {
+            workspaceId: h,
+            sizes: I.defaultSizes || {
               left: 20,
               middle: 45,
               right: 35
             },
-            collapsed: S.defaultCollapsed || {
+            collapsed: I.defaultCollapsed || {
               left: !1,
               right: !1
             }
@@ -638,242 +638,242 @@ function ot(o = {}) {
             C
           ));
         }
-        if (i(C), C != null && C.workspaceId) {
-          const y = await _.getWorkspaceLayout(
+        if (l(C), C != null && C.workspaceId) {
+          const h = await _.getWorkspaceLayout(
             C.workspaceId
           );
-          u(y);
+          u(h);
         } else
           u(null);
       }
-    } catch (v) {
-      g(v), console.error("Failed to load workspace data:", v);
+    } catch (S) {
+      m(S), console.error("Failed to load workspace data:", S);
     } finally {
       d(!1);
     }
   }, [e, t, r]);
-  W(() => {
-    m();
-  }, [m]);
-  const c = x(
-    async (v) => await _.getWorkspaceLayout(v),
+  A(() => {
+    y();
+  }, [y]);
+  const c = k(
+    async (S) => await _.getWorkspaceLayout(S),
     []
-  ), k = x(
-    async (v) => {
-      const C = await _.createWorkspaceLayout(v);
-      return await m(), C;
+  ), b = k(
+    async (S) => {
+      const C = await _.createWorkspaceLayout(S);
+      return await y(), C;
     },
-    [m]
-  ), R = x(
-    async (v, C) => {
-      const y = await _.updateWorkspaceLayout(v, C);
-      return await m(), y;
+    [y]
+  ), P = k(
+    async (S, C) => {
+      const h = await _.updateWorkspaceLayout(S, C);
+      return await y(), h;
     },
-    [m]
-  ), A = x(
-    async (v) => {
-      const C = await _.deleteWorkspaceLayout(v);
-      return C && await m(), C;
+    [y]
+  ), D = k(
+    async (S) => {
+      const C = await _.deleteWorkspaceLayout(S);
+      return C && await y(), C;
     },
-    [m]
-  ), I = x(
-    async (v) => {
+    [y]
+  ), W = k(
+    async (S) => {
       if (!e) {
         console.error("Cannot apply workspace without repositoryKey");
         return;
       }
-      const C = await _.getWorkspaceLayout(v);
+      const C = await _.getWorkspaceLayout(S);
       if (!C) {
-        console.error(`Workspace ${v} not found`);
+        console.error(`Workspace ${S} not found`);
         return;
       }
-      const y = {
-        workspaceId: v,
+      const h = {
+        workspaceId: S,
         sizes: C.defaultSizes || { left: 20, middle: 45, right: 35 },
         collapsed: C.defaultCollapsed || {
           left: !1,
           right: !1
         }
       };
-      await _.setRepositoryState(e, y), await m();
+      await _.setRepositoryState(e, h), await y();
     },
-    [e, m]
-  ), $ = x(
-    async (v) => {
+    [e, y]
+  ), L = k(
+    async (S) => {
       if (!e) {
         console.error("Cannot update sizes without repositoryKey");
         return;
       }
-      await _.updateRepositorySizes(e, v), await m();
+      await _.updateRepositorySizes(e, S), await y();
     },
-    [e, m]
-  ), D = x(
-    async (v) => {
+    [e, y]
+  ), j = k(
+    async (S) => {
       if (!e) {
         console.error("Cannot update collapsed without repositoryKey");
         return;
       }
       await _.updateRepositoryCollapsed(
         e,
-        v
-      ), await m();
+        S
+      ), await y();
     },
-    [e, m]
-  ), w = x(async () => {
-    if (!e || !(n != null && n.workspaceId)) {
+    [e, y]
+  ), w = k(async () => {
+    if (!e || !(a != null && a.workspaceId)) {
       console.error("Cannot reset without repositoryKey and active workspace");
       return;
     }
     await _.resetRepositoryToWorkspaceDefaults(
       e,
-      n.workspaceId
-    ), await m();
-  }, [e, n == null ? void 0 : n.workspaceId, m]), P = x(async () => {
-    await m();
-  }, [m]);
+      a.workspaceId
+    ), await y();
+  }, [e, a == null ? void 0 : a.workspaceId, y]), v = k(async () => {
+    await y();
+  }, [y]);
   return {
     workspaces: s,
-    repositoryState: n,
-    activeWorkspace: p,
-    loading: h,
-    error: f,
+    repositoryState: a,
+    activeWorkspace: f,
+    loading: g,
+    error: p,
     getWorkspace: c,
-    createWorkspace: k,
-    updateWorkspace: R,
-    deleteWorkspace: A,
-    applyWorkspace: I,
-    updateSizes: $,
-    updateCollapsed: D,
+    createWorkspace: b,
+    updateWorkspace: P,
+    deleteWorkspace: D,
+    applyWorkspace: W,
+    updateSizes: L,
+    updateCollapsed: j,
     resetToDefaults: w,
-    refresh: P
+    refresh: v
   };
 }
-function rt(o = {}) {
+function st(o = {}) {
   const {
     initialFocus: e = null,
     collapsed: t = {},
     panelType: r = "three-panel",
     onFocusChange: s,
-    events: a,
-    getPanelId: n
-  } = o, [i, p] = L(
+    events: n,
+    getPanelId: a
+  } = o, [l, f] = R(
     e
-  ), u = x(
+  ), u = k(
     (c) => {
-      const k = i;
-      if (p(c), s == null || s(c), a && n) {
-        if (k) {
-          const A = n(k);
-          A && a.emit({
+      const b = l;
+      if (f(c), s == null || s(c), n && a) {
+        if (b) {
+          const D = a(b);
+          D && n.emit({
             type: "panel:blur",
             source: "panel-layouts",
             timestamp: Date.now(),
             payload: {
-              panelId: A,
-              panelSlot: k,
-              nextPanelId: n(c)
+              panelId: D,
+              panelSlot: b,
+              nextPanelId: a(c)
             }
           });
         }
-        const R = n(c);
-        R && a.emit({
+        const P = a(c);
+        P && n.emit({
           type: "panel:focus",
           source: "panel-layouts",
           timestamp: Date.now(),
           payload: {
-            panelId: R,
+            panelId: P,
             panelSlot: c,
             source: "keyboard-shortcut"
           }
         });
       }
     },
-    [i, s, a, n]
-  ), h = x(() => {
-    const c = i;
-    if (p(null), s == null || s(null), a && n && c) {
-      const k = n(c);
-      k && a.emit({
+    [l, s, n, a]
+  ), g = k(() => {
+    const c = l;
+    if (f(null), s == null || s(null), n && a && c) {
+      const b = a(c);
+      b && n.emit({
         type: "panel:blur",
         source: "panel-layouts",
         timestamp: Date.now(),
         payload: {
-          panelId: k,
+          panelId: b,
           panelSlot: c
         }
       });
     }
-  }, [i, s, a, n]), d = x(() => {
+  }, [l, s, n, a]), d = k(() => {
     const c = [];
     return t.left || c.push("left"), c.push("middle"), r === "three-panel" && !t.right && c.push("right"), c;
-  }, [t, r]), f = x(() => {
+  }, [t, r]), p = k(() => {
     const c = d();
     if (c.length === 0) return;
-    if (i === null) {
+    if (l === null) {
       u(c[0]);
       return;
     }
-    const k = c.indexOf(i);
-    if (k === -1) {
+    const b = c.indexOf(l);
+    if (b === -1) {
       u(c[0]);
       return;
     }
-    const R = (k + 1) % c.length;
-    u(c[R]);
-  }, [i, d, u]), g = x(() => {
+    const P = (b + 1) % c.length;
+    u(c[P]);
+  }, [l, d, u]), m = k(() => {
     const c = d();
     if (c.length === 0) return;
-    if (i === null) {
+    if (l === null) {
       u(c[c.length - 1]);
       return;
     }
-    const k = c.indexOf(i);
-    if (k === -1) {
+    const b = c.indexOf(l);
+    if (b === -1) {
       u(c[c.length - 1]);
       return;
     }
-    const R = k === 0 ? c.length - 1 : k - 1;
-    u(c[R]);
-  }, [i, d, u]), m = x(
-    (c) => i === c,
-    [i]
+    const P = b === 0 ? c.length - 1 : b - 1;
+    u(c[P]);
+  }, [l, d, u]), y = k(
+    (c) => l === c,
+    [l]
   );
   return {
-    focusedPanel: i,
+    focusedPanel: l,
     setFocus: u,
-    clearFocus: h,
-    focusNext: f,
-    focusPrevious: g,
-    isFocused: m
+    clearFocus: g,
+    focusNext: p,
+    focusPrevious: m,
+    isFocused: y
   };
 }
-function st(o) {
+function nt(o) {
   const {
     enabled: e = !0,
     focusedPanel: t,
     collapsed: r,
     panelType: s,
-    setFocus: a,
-    onExpand: n,
-    onCollapse: i
-  } = o, p = z(t), u = z(r), h = z(s);
-  W(() => {
-    p.current = t;
-  }, [t]), W(() => {
+    setFocus: n,
+    onExpand: a,
+    onCollapse: l
+  } = o, f = $(t), u = $(r), g = $(s);
+  A(() => {
+    f.current = t;
+  }, [t]), A(() => {
     u.current = r;
-  }, [r]), W(() => {
-    h.current = s;
+  }, [r]), A(() => {
+    g.current = s;
   }, [s]);
-  const d = x(
-    (f) => {
-      if (!f.altKey || f.ctrlKey || f.metaKey || f.shiftKey)
+  const d = k(
+    (p) => {
+      if (!p.altKey || p.ctrlKey || p.metaKey || p.shiftKey)
         return;
-      const g = f.code, m = p.current, c = u.current, k = h.current;
-      g === "Digit1" || g === "Numpad1" ? (f.preventDefault(), c.left ? n("left") : m !== "left" ? a("left") : (i("left"), a("middle"))) : g === "Digit2" || g === "Numpad2" ? (f.preventDefault(), a("middle")) : (g === "Digit3" || g === "Numpad3") && k === "three-panel" && (f.preventDefault(), c.right ? n("right") : m !== "right" ? a("right") : (i("right"), a("middle")));
+      const m = p.code, y = f.current, c = u.current, b = g.current;
+      m === "Digit1" || m === "Numpad1" ? (p.preventDefault(), c.left ? a("left") : y !== "left" ? n("left") : (l("left"), n("middle"))) : m === "Digit2" || m === "Numpad2" ? (p.preventDefault(), n("middle")) : (m === "Digit3" || m === "Numpad3") && b === "three-panel" && (p.preventDefault(), c.right ? a("right") : y !== "right" ? n("right") : (l("right"), n("middle")));
     },
-    [a, n, i]
+    [n, a, l]
   );
-  W(() => {
+  A(() => {
     if (e)
       return window.addEventListener("keydown", d), () => {
         window.removeEventListener("keydown", d);
@@ -881,25 +881,25 @@ function st(o) {
   }, [e, d]);
 }
 function at(o, e, t, r) {
-  W(() => {
+  A(() => {
     const s = e.on(
       "panel:focus",
-      (n) => {
-        n.payload.panelId === o && t();
+      (a) => {
+        a.payload.panelId === o && t();
       }
     );
-    let a;
-    return r && (a = e.on(
+    let n;
+    return r && (n = e.on(
       "panel:blur",
-      (n) => {
-        n.payload.panelId === o && r();
+      (a) => {
+        a.payload.panelId === o && r();
       }
     )), () => {
-      s(), a == null || a();
+      s(), n == null || n();
     };
   }, [o, e, t, r]);
 }
-const nt = ({
+const it = ({
   isFocused: o,
   className: e = "",
   style: t = {}
@@ -920,7 +920,7 @@ const nt = ({
     transition: "opacity 0.15s ease-in-out",
     ...t
   };
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ i(
     "div",
     {
       className: `panel-focus-indicator ${e}`,
@@ -929,54 +929,54 @@ const nt = ({
       "aria-hidden": "true"
     }
   );
-}, Pe = ({
+}, Ie = ({
   value: o,
   onChange: e,
   placeholder: t = "> Type a command...",
   onClose: r,
   onEnter: s
 }) => {
-  const { theme: a } = q(), n = z(null);
-  W(() => {
-    n.current && n.current.focus();
+  const { theme: n } = q(), a = $(null);
+  A(() => {
+    a.current && a.current.focus();
   }, []);
-  const i = (p) => {
-    switch (p.key) {
+  const l = (f) => {
+    switch (f.key) {
       case "Enter":
-        p.preventDefault(), s == null || s();
+        f.preventDefault(), s == null || s();
         break;
       case "Escape":
-        p.preventDefault(), r();
+        f.preventDefault(), r();
         break;
     }
   };
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ i(
     "div",
     {
       style: {
         padding: "0",
-        borderBottom: `1px solid ${a.colors.border}`,
-        backgroundColor: a.colors.background
+        borderBottom: `1px solid ${n.colors.border}`,
+        backgroundColor: n.colors.background
       },
-      children: /* @__PURE__ */ l(
+      children: /* @__PURE__ */ i(
         "input",
         {
-          ref: n,
+          ref: a,
           type: "text",
           value: o,
-          onChange: (p) => e(p.target.value),
-          onKeyDown: i,
+          onChange: (f) => e(f.target.value),
+          onKeyDown: l,
           placeholder: t,
           style: {
             width: "100%",
             padding: "16px 20px",
             fontSize: "16px",
-            fontFamily: a.fonts.monospace,
+            fontFamily: n.fonts.monospace,
             backgroundColor: "transparent",
             border: "none",
             outline: "none",
-            color: a.colors.text,
-            caretColor: a.colors.primary
+            color: n.colors.text,
+            caretColor: n.colors.primary
           },
           autoComplete: "off",
           autoCorrect: "off",
@@ -986,10 +986,10 @@ const nt = ({
       )
     }
   );
-}, ae = ve(
+}, ne = Se(
   ({ command: o, isSelected: e, onClick: t, onMouseEnter: r }, s) => {
-    const { theme: a } = q(), { label: n, description: i, icon: p, shortcut: u } = o, [h, d] = Ce.useState(!1);
-    return /* @__PURE__ */ b(
+    const { theme: n } = q(), { label: a, description: l, icon: f, shortcut: u } = o, [g, d] = ve.useState(!1);
+    return /* @__PURE__ */ x(
       "div",
       {
         ref: s,
@@ -1001,18 +1001,18 @@ const nt = ({
         style: {
           padding: "10px 16px",
           cursor: "pointer",
-          backgroundColor: e || h ? a.colors.backgroundSecondary : "transparent",
-          borderLeft: e || h ? `3px solid ${a.colors.primary}` : "3px solid transparent",
+          backgroundColor: e || g ? n.colors.backgroundSecondary : "transparent",
+          borderLeft: e || g ? `3px solid ${n.colors.primary}` : "3px solid transparent",
           transition: "all 0.1s ease",
           display: "flex",
           alignItems: "center",
           gap: "12px"
         },
-        onMouseDown: (f) => {
-          f.preventDefault();
+        onMouseDown: (p) => {
+          p.preventDefault();
         },
         children: [
-          p && /* @__PURE__ */ l(
+          f && /* @__PURE__ */ i(
             "div",
             {
               style: {
@@ -1023,50 +1023,50 @@ const nt = ({
                 alignItems: "center",
                 justifyContent: "center",
                 fontSize: "16px",
-                color: e || h ? a.colors.primary : a.colors.textSecondary
+                color: e || g ? n.colors.primary : n.colors.textSecondary
               },
-              children: p
+              children: f
             }
           ),
-          /* @__PURE__ */ b("div", { style: { flex: 1, minWidth: 0 }, children: [
-            /* @__PURE__ */ l(
+          /* @__PURE__ */ x("div", { style: { flex: 1, minWidth: 0 }, children: [
+            /* @__PURE__ */ i(
               "div",
               {
                 style: {
                   fontSize: "14px",
                   fontWeight: 500,
-                  color: e || h ? a.colors.text : a.colors.textSecondary,
-                  marginBottom: i ? "2px" : 0
+                  color: e || g ? n.colors.text : n.colors.textSecondary,
+                  marginBottom: l ? "2px" : 0
                 },
-                children: n
+                children: a
               }
             ),
-            i && /* @__PURE__ */ l(
+            l && /* @__PURE__ */ i(
               "div",
               {
                 style: {
                   fontSize: "12px",
-                  color: a.colors.textMuted,
+                  color: n.colors.textMuted,
                   overflow: "hidden",
                   textOverflow: "ellipsis",
                   whiteSpace: "nowrap"
                 },
-                children: i
+                children: l
               }
             )
           ] }),
-          u && /* @__PURE__ */ l(
+          u && /* @__PURE__ */ i(
             "div",
             {
               style: {
                 flexShrink: 0,
                 fontSize: "11px",
-                color: a.colors.textMuted,
+                color: n.colors.textMuted,
                 padding: "2px 8px",
-                backgroundColor: a.colors.background,
-                border: `1px solid ${a.colors.border}`,
+                backgroundColor: n.colors.background,
+                border: `1px solid ${n.colors.border}`,
                 borderRadius: "4px",
-                fontFamily: a.fonts.monospace
+                fontFamily: n.fonts.monospace
               },
               children: u
             }
@@ -1076,37 +1076,37 @@ const nt = ({
     );
   }
 );
-ae.displayName = "CommandItem";
-const Ie = ({
+ne.displayName = "CommandItem";
+const Re = ({
   commands: o,
   selectedIndex: e,
   onSelect: t,
   onHover: r,
   maxResults: s = 10
 }) => {
-  const { theme: a } = q(), n = z(null), i = z(null), p = o.slice(0, s);
-  W(() => {
-    if (i.current && n.current) {
-      const d = i.current, f = n.current, g = d.offsetTop, m = g + d.offsetHeight, c = f.scrollTop, k = f.clientHeight;
-      g < c ? f.scrollTop = g - 8 : m > c + k && (f.scrollTop = m - k + 8);
+  const { theme: n } = q(), a = $(null), l = $(null), f = o.slice(0, s);
+  A(() => {
+    if (l.current && a.current) {
+      const d = l.current, p = a.current, m = d.offsetTop, y = m + d.offsetHeight, c = p.scrollTop, b = p.clientHeight;
+      m < c ? p.scrollTop = m - 8 : y > c + b && (p.scrollTop = y - b + 8);
     }
   }, [e]);
-  const u = p.reduce((d, f, g) => {
-    const m = f.category || "Other";
-    return d[m] || (d[m] = []), d[m].push({ command: f, index: g }), d;
-  }, {}), h = Object.keys(u).sort((d, f) => d === "Other" ? 1 : f === "Other" ? -1 : d.localeCompare(f));
-  return /* @__PURE__ */ b(
+  const u = f.reduce((d, p, m) => {
+    const y = p.category || "Other";
+    return d[y] || (d[y] = []), d[y].push({ command: p, index: m }), d;
+  }, {}), g = Object.keys(u).sort((d, p) => d === "Other" ? 1 : p === "Other" ? -1 : d.localeCompare(p));
+  return /* @__PURE__ */ x(
     "div",
     {
-      ref: n,
+      ref: a,
       style: {
         overflowY: "auto",
         maxHeight: "400px",
         padding: "8px 0"
       },
       children: [
-        h.map((d) => /* @__PURE__ */ b("div", { children: [
-          h.length > 1 && /* @__PURE__ */ l(
+        g.map((d) => /* @__PURE__ */ x("div", { children: [
+          g.length > 1 && /* @__PURE__ */ i(
             "div",
             {
               style: {
@@ -1114,33 +1114,33 @@ const Ie = ({
                 fontSize: "11px",
                 fontWeight: 600,
                 textTransform: "uppercase",
-                color: a.colors.textMuted,
+                color: n.colors.textMuted,
                 letterSpacing: "0.5px"
               },
               children: d
             }
           ),
-          u[d].map(({ command: f, index: g }) => /* @__PURE__ */ l(
-            ae,
+          u[d].map(({ command: p, index: m }) => /* @__PURE__ */ i(
+            ne,
             {
-              command: f,
-              isSelected: g === e,
-              onClick: () => t(f),
-              onMouseEnter: () => r(g),
-              ref: g === e ? i : void 0
+              command: p,
+              isSelected: m === e,
+              onClick: () => t(p),
+              onMouseEnter: () => r(m),
+              ref: m === e ? l : void 0
             },
-            f.id
+            p.id
           ))
         ] }, d)),
-        o.length > s && /* @__PURE__ */ b(
+        o.length > s && /* @__PURE__ */ x(
           "div",
           {
             style: {
               padding: "8px 16px",
               fontSize: "12px",
-              color: a.colors.textMuted,
+              color: n.colors.textMuted,
               textAlign: "center",
-              borderTop: `1px solid ${a.colors.border}`
+              borderTop: `1px solid ${n.colors.border}`
             },
             children: [
               "Showing ",
@@ -1154,35 +1154,35 @@ const Ie = ({
       ]
     }
   );
-}, it = ({
+}, lt = ({
   commandPalette: o,
   config: e
 }) => {
-  const { theme: t } = q(), r = z(null), {
+  const { theme: t } = q(), r = $(null), {
     isOpen: s,
-    close: a,
-    query: n,
-    setQuery: i,
-    filteredCommands: p,
+    close: n,
+    query: a,
+    setQuery: l,
+    filteredCommands: f,
     selectedIndex: u,
-    setSelectedIndex: h,
+    setSelectedIndex: g,
     executeSelected: d
   } = o;
-  if (W(() => {
+  if (A(() => {
     if (!s) return;
-    const m = (k) => {
-      r.current && !r.current.contains(k.target) && a();
+    const y = (b) => {
+      r.current && !r.current.contains(b.target) && n();
     }, c = setTimeout(() => {
-      document.addEventListener("mousedown", m);
+      document.addEventListener("mousedown", y);
     }, 100);
     return () => {
-      clearTimeout(c), document.removeEventListener("mousedown", m);
+      clearTimeout(c), document.removeEventListener("mousedown", y);
     };
-  }, [s, a]), !s)
+  }, [s, n]), !s)
     return null;
-  const f = (e == null ? void 0 : e.maxHeight) || "50vh", g = (e == null ? void 0 : e.placeholder) || "> Type a command...";
-  return /* @__PURE__ */ b(se, { children: [
-    /* @__PURE__ */ l(
+  const p = (e == null ? void 0 : e.maxHeight) || "50vh", m = (e == null ? void 0 : e.placeholder) || "> Type a command...";
+  return /* @__PURE__ */ x(se, { children: [
+    /* @__PURE__ */ i(
       "div",
       {
         style: {
@@ -1192,10 +1192,10 @@ const Ie = ({
           backdropFilter: "blur(2px)",
           zIndex: 999
         },
-        onClick: a
+        onClick: n
       }
     ),
-    /* @__PURE__ */ b(
+    /* @__PURE__ */ x(
       "div",
       {
         ref: r,
@@ -1205,7 +1205,7 @@ const Ie = ({
           bottom: 0,
           left: 0,
           right: 0,
-          maxHeight: f,
+          maxHeight: p,
           backgroundColor: t.colors.surface,
           borderTop: `1px solid ${t.colors.border}`,
           boxShadow: t.shadows[2],
@@ -1215,18 +1215,18 @@ const Ie = ({
           ...e == null ? void 0 : e.style
         },
         children: [
-          /* @__PURE__ */ b("div", { children: [
-            /* @__PURE__ */ l(
-              Pe,
+          /* @__PURE__ */ x("div", { children: [
+            /* @__PURE__ */ i(
+              Ie,
               {
-                value: n,
-                onChange: i,
-                placeholder: g,
-                onClose: a,
+                value: a,
+                onChange: l,
+                placeholder: m,
+                onClose: n,
                 onEnter: d
               }
             ),
-            /* @__PURE__ */ b(
+            /* @__PURE__ */ x(
               "div",
               {
                 style: {
@@ -1239,31 +1239,31 @@ const Ie = ({
                   backgroundColor: t.colors.background
                 },
                 children: [
-                  /* @__PURE__ */ b("span", { children: [
-                    /* @__PURE__ */ l("kbd", { style: { padding: "2px 6px", backgroundColor: t.colors.backgroundSecondary, borderRadius: "3px", border: `1px solid ${t.colors.border}` }, children: "Enter" }),
+                  /* @__PURE__ */ x("span", { children: [
+                    /* @__PURE__ */ i("kbd", { style: { padding: "2px 6px", backgroundColor: t.colors.backgroundSecondary, borderRadius: "3px", border: `1px solid ${t.colors.border}` }, children: "Enter" }),
                     " Execute"
                   ] }),
-                  /* @__PURE__ */ b("span", { children: [
-                    /* @__PURE__ */ l("kbd", { style: { padding: "2px 6px", backgroundColor: t.colors.backgroundSecondary, borderRadius: "3px", border: `1px solid ${t.colors.border}` }, children: "Esc" }),
+                  /* @__PURE__ */ x("span", { children: [
+                    /* @__PURE__ */ i("kbd", { style: { padding: "2px 6px", backgroundColor: t.colors.backgroundSecondary, borderRadius: "3px", border: `1px solid ${t.colors.border}` }, children: "Esc" }),
                     " Close"
                   ] })
                 ]
               }
             )
           ] }),
-          p.length > 0 && /* @__PURE__ */ l(
-            Ie,
+          f.length > 0 && /* @__PURE__ */ i(
+            Re,
             {
-              commands: p,
+              commands: f,
               selectedIndex: u,
-              onSelect: (m) => {
-                o.executeCommand(m.id);
+              onSelect: (y) => {
+                o.executeCommand(y.id);
               },
-              onHover: h,
+              onHover: g,
               maxResults: e == null ? void 0 : e.maxResults
             }
           ),
-          n && p.length === 0 && /* @__PURE__ */ b(
+          a && f.length === 0 && /* @__PURE__ */ x(
             "div",
             {
               style: {
@@ -1274,7 +1274,7 @@ const Ie = ({
               },
               children: [
                 'No commands found for "',
-                n,
+                a,
                 '"'
               ]
             }
@@ -1284,10 +1284,10 @@ const Ie = ({
     )
   ] });
 };
-class ne {
+class ae {
   constructor() {
-    H(this, "commands", /* @__PURE__ */ new Map());
-    H(this, "listeners", /* @__PURE__ */ new Set());
+    J(this, "commands", /* @__PURE__ */ new Map());
+    J(this, "listeners", /* @__PURE__ */ new Set());
   }
   /**
    * Register one or more commands
@@ -1344,7 +1344,7 @@ class ne {
    * @param context - Command context
    */
   async executeCommand(e, t) {
-    var s, a;
+    var s, n;
     const r = this.commands.get(e);
     if (!r) {
       console.warn(`Command not found: ${e}`);
@@ -1364,14 +1364,14 @@ class ne {
           commandLabel: r.label
         }
       });
-    } catch (n) {
-      console.error(`Error executing command ${e}:`, n), (a = t.events) == null || a.emit({
+    } catch (a) {
+      console.error(`Error executing command ${e}:`, a), (n = t.events) == null || n.emit({
         type: "command:error",
         source: "command-palette",
         timestamp: Date.now(),
         payload: {
           commandId: r.id,
-          error: n instanceof Error ? n.message : String(n)
+          error: a instanceof Error ? a.message : String(a)
         }
       });
     }
@@ -1387,13 +1387,13 @@ class ne {
     if (!e.trim())
       return this.sortCommands(r);
     const s = e.toLowerCase();
-    return r.map((n) => {
-      var p, u;
-      let i = 0;
-      return n.label.toLowerCase() === s ? i += 1e3 : n.label.toLowerCase().startsWith(s) ? i += 500 : n.label.toLowerCase().includes(s) && (i += 250), (p = n.description) != null && p.toLowerCase().includes(s) && (i += 100), n.keywords && n.keywords.some(
+    return r.map((a) => {
+      var f, u;
+      let l = 0;
+      return a.label.toLowerCase() === s ? l += 1e3 : a.label.toLowerCase().startsWith(s) ? l += 500 : a.label.toLowerCase().includes(s) && (l += 250), (f = a.description) != null && f.toLowerCase().includes(s) && (l += 100), a.keywords && a.keywords.some(
         (d) => d.toLowerCase().includes(s)
-      ) && (i += 150), (u = n.category) != null && u.toLowerCase().includes(s) && (i += 50), i > 0 && n.priority && (i += n.priority), { command: n, score: i };
-    }).filter((n) => n.score > 0).sort((n, i) => i.score - n.score).map((n) => n.command);
+      ) && (l += 150), (u = a.category) != null && u.toLowerCase().includes(s) && (l += 50), l > 0 && a.priority && (l += a.priority), { command: a, score: l };
+    }).filter((a) => a.score > 0).sort((a, l) => l.score - a.score).map((a) => a.command);
   }
   /**
    * Sort commands by priority and label
@@ -1405,8 +1405,8 @@ class ne {
       const s = (r.priority || 0) - (t.priority || 0);
       if (s !== 0)
         return s;
-      const a = t.category || "", n = r.category || "", i = a.localeCompare(n);
-      return i !== 0 ? i : t.label.localeCompare(r.label);
+      const n = t.category || "", a = r.category || "", l = n.localeCompare(a);
+      return l !== 0 ? l : t.label.localeCompare(r.label);
     });
   }
   /**
@@ -1438,136 +1438,136 @@ class ne {
     this.listeners.forEach((e) => e());
   }
 }
-let Y = null;
-function lt() {
-  return Y || (Y = new ne()), Y;
-}
+let Z = null;
 function ct() {
-  Y = null;
+  return Z || (Z = new ae()), Z;
+}
+function dt() {
+  Z = null;
 }
-function dt({
+function pt({
   context: o,
   commands: e = [],
   keyboard: t = { key: " ", altKey: !0 },
   config: r = {},
   registry: s
 }) {
-  const [a, n] = L(!1), [i, p] = L(""), [u, h] = L(0), [d, f] = L([]), g = X(
-    () => s || new ne(),
+  const [n, a] = R(!1), [l, f] = R(""), [u, g] = R(0), [d, p] = R([]), m = Y(
+    () => s || new ae(),
     [s]
-  ), m = X(
+  ), y = Y(
     () => ({
       ...o,
-      closeCommandPalette: () => n(!1)
+      closeCommandPalette: () => a(!1)
     }),
     [o]
   );
-  W(() => {
-    let y = !0;
-    const S = g.subscribe(() => {
-      if (y) {
-        const E = g.getCommands(m);
-        f(E);
+  A(() => {
+    let h = !0;
+    const I = m.subscribe(() => {
+      if (h) {
+        const E = m.getCommands(y);
+        p(E);
       }
     });
     if (e.length > 0)
-      g.registerCommands(e);
+      m.registerCommands(e);
     else {
-      const E = g.getCommands(m);
-      f(E);
+      const E = m.getCommands(y);
+      p(E);
     }
     return () => {
-      y = !1, S();
+      h = !1, I();
     };
-  }, [g]);
-  const c = X(() => (r.fuzzySearch === !1, g.searchCommands(i, m)), [i, g, m, r.fuzzySearch]);
-  W(() => {
-    h(0);
+  }, [m]);
+  const c = Y(() => (r.fuzzySearch === !1, m.searchCommands(l, y)), [l, m, y, r.fuzzySearch]);
+  A(() => {
+    g(0);
   }, [c]);
-  const k = x(() => {
-    var y;
-    n(!0), p(""), h(0), (y = o.events) == null || y.emit({
+  const b = k(() => {
+    var h;
+    a(!0), f(""), g(0), (h = o.events) == null || h.emit({
       type: "command-palette:opened",
       source: "command-palette",
       timestamp: Date.now(),
       payload: {}
     });
-  }, [o.events]), R = x(() => {
-    var y;
-    n(!1), p(""), h(0), (y = o.events) == null || y.emit({
+  }, [o.events]), P = k(() => {
+    var h;
+    a(!1), f(""), g(0), (h = o.events) == null || h.emit({
       type: "command-palette:closed",
       source: "command-palette",
       timestamp: Date.now(),
       payload: {}
     });
-  }, [o.events]), A = x(() => {
-    a ? R() : k();
-  }, [a, k, R]), I = x(
-    async (y) => {
-      await g.executeCommand(y, m), R();
+  }, [o.events]), D = k(() => {
+    n ? P() : b();
+  }, [n, b, P]), W = k(
+    async (h) => {
+      await m.executeCommand(h, y), P();
     },
-    [g, m, R]
-  ), $ = x(() => {
-    h((y) => {
-      const S = r.maxResults || c.length, E = Math.min(c.length, S) - 1;
-      return y < E ? y + 1 : 0;
+    [m, y, P]
+  ), L = k(() => {
+    g((h) => {
+      const I = r.maxResults || c.length, E = Math.min(c.length, I) - 1;
+      return h < E ? h + 1 : 0;
     });
-  }, [c.length, r.maxResults]), D = x(() => {
-    h((y) => {
-      const S = r.maxResults || c.length, E = Math.min(c.length, S) - 1;
-      return y > 0 ? y - 1 : E;
+  }, [c.length, r.maxResults]), j = k(() => {
+    g((h) => {
+      const I = r.maxResults || c.length, E = Math.min(c.length, I) - 1;
+      return h > 0 ? h - 1 : E;
     });
-  }, [c.length, r.maxResults]), w = x(async () => {
-    const y = c[0];
-    y && await I(y.id);
-  }, [c, I]), P = x(
-    (y) => {
-      g.registerCommands(y);
+  }, [c.length, r.maxResults]), w = k(async () => {
+    const h = c[0];
+    h && await W(h.id);
+  }, [c, W]), v = k(
+    (h) => {
+      m.registerCommands(h);
     },
-    [g]
-  ), v = x(
-    (y) => {
-      g.unregisterCommands(y);
+    [m]
+  ), S = k(
+    (h) => {
+      m.unregisterCommands(h);
     },
-    [g]
-  ), C = x(
-    (y) => {
+    [m]
+  ), C = k(
+    (h) => {
       const {
-        key: S = " ",
+        key: I = " ",
         altKey: E = !0,
-        ctrlKey: F = !1,
+        ctrlKey: O = !1,
         metaKey: V = !1,
-        shiftKey: Q = !1
-      } = t, Z = y.altKey === E && y.ctrlKey === F && y.metaKey === V && y.shiftKey === Q;
-      if ((S === " " ? y.code === "Space" : y.key === S) && Z) {
-        const G = y.target;
+        shiftKey: z = !1
+      } = t, U = h.altKey === E && h.ctrlKey === O && h.metaKey === V && h.shiftKey === z;
+      if ((I === " " ? h.code === "Space" : h.key === I) && U) {
+        const G = h.target;
         if (G.tagName === "INPUT" || G.tagName === "TEXTAREA" || G.isContentEditable)
           return;
-        y.preventDefault(), A();
+        h.preventDefault(), D();
       }
     },
-    [t, A]
+    [t, D]
   );
-  return W(() => (window.addEventListener("keydown", C), () => window.removeEventListener("keydown", C)), [C]), {
-    isOpen: a,
-    open: k,
-    close: R,
-    toggle: A,
-    query: i,
-    setQuery: p,
+  return A(() => (window.addEventListener("keydown", C), () => window.removeEventListener("keydown", C)), [C]), {
+    isOpen: n,
+    open: b,
+    close: P,
+    toggle: D,
+    query: l,
+    setQuery: f,
     filteredCommands: c,
-    executeCommand: I,
+    executeCommand: W,
     selectedIndex: u,
-    setSelectedIndex: h,
-    selectNext: $,
-    selectPrevious: D,
+    setSelectedIndex: g,
+    selectNext: L,
+    selectPrevious: j,
     executeSelected: w,
     commands: d,
-    registerCommands: P,
-    unregisterCommands: v
+    registerCommands: v,
+    unregisterCommands: S
   };
 }
-const Re = [
+const Le = [
   {
     id: "panel.focus.left",
     label: "Focus Left Panel",
@@ -1721,8 +1721,8 @@ const Re = [
     }
   }
 ];
-function pt() {
-  return Re;
+function ut() {
+  return Le;
 }
 const ie = ({
   value: o,
@@ -1730,34 +1730,35 @@ const ie = ({
   onSubmit: t,
   onClose: r,
   onHistoryPrevious: s,
-  onHistoryNext: a,
-  mode: n,
-  status: i,
-  placeholder: p = "What would you like to do?",
+  onHistoryNext: n,
+  mode: a,
+  status: l,
+  placeholder: f = "What would you like to do?",
   disabled: u = !1,
-  autoFocus: h = !0
+  autoFocus: g = !0,
+  agentAvailable: d = !0
 }) => {
-  const { theme: d } = q(), f = z(null);
-  W(() => {
-    h && f.current && f.current.focus();
-  }, [h]);
-  const g = (c) => {
-    switch (c.key) {
+  const { theme: p } = q(), m = $(null);
+  A(() => {
+    g && m.current && m.current.focus();
+  }, [g]);
+  const y = (b) => {
+    switch (b.stopPropagation(), b.key) {
       case "Enter":
-        c.preventDefault(), t();
+        b.preventDefault(), t();
         break;
       case "Escape":
-        c.preventDefault(), r();
+        b.preventDefault(), r();
         break;
       case "ArrowUp":
-        c.preventDefault(), s();
+        b.preventDefault(), s();
         break;
       case "ArrowDown":
-        c.preventDefault(), a();
+        b.preventDefault(), n();
         break;
     }
-  }, m = i === "thinking" || i === "executing";
-  return /* @__PURE__ */ b(
+  }, c = l === "thinking" || l === "executing";
+  return /* @__PURE__ */ x(
     "div",
     {
       style: {
@@ -1765,57 +1766,94 @@ const ie = ({
         alignItems: "center",
         gap: "8px",
         padding: "12px 16px",
-        backgroundColor: d.colors.background,
-        borderBottom: `1px solid ${d.colors.border}`
+        backgroundColor: p.colors.background,
+        borderBottom: `1px solid ${p.colors.border}`
       },
       children: [
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ i(
           "span",
           {
             style: {
-              color: n === "quick-command" ? d.colors.info : d.colors.textMuted,
-              fontFamily: d.fonts.monospace,
+              color: a === "quick-command" ? p.colors.info : d ? p.colors.primary : p.colors.textMuted,
+              fontFamily: p.fonts.monospace,
               fontSize: "14px",
-              userSelect: "none"
+              userSelect: "none",
+              display: "flex",
+              alignItems: "center"
             },
-            children: n === "quick-command" ? "/" : ">"
+            children: a === "quick-command" ? /* @__PURE__ */ x(
+              "svg",
+              {
+                width: "16",
+                height: "16",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                children: [
+                  /* @__PURE__ */ i("polyline", { points: "4 17 10 11 4 5" }),
+                  /* @__PURE__ */ i("line", { x1: "12", y1: "19", x2: "20", y2: "19" })
+                ]
+              }
+            ) : d ? /* @__PURE__ */ x(
+              "svg",
+              {
+                width: "16",
+                height: "16",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                children: [
+                  /* @__PURE__ */ i("rect", { x: "3", y: "11", width: "18", height: "10", rx: "2" }),
+                  /* @__PURE__ */ i("circle", { cx: "12", cy: "5", r: "2" }),
+                  /* @__PURE__ */ i("path", { d: "M12 7v4" }),
+                  /* @__PURE__ */ i("line", { x1: "8", y1: "16", x2: "8", y2: "16" }),
+                  /* @__PURE__ */ i("line", { x1: "16", y1: "16", x2: "16", y2: "16" })
+                ]
+              }
+            ) : ">"
           }
         ),
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ i(
           "input",
           {
-            ref: f,
+            ref: m,
             "data-agent-command-palette-input": !0,
             type: "text",
             value: o,
-            onChange: (c) => e(c.target.value),
-            onKeyDown: g,
-            placeholder: p,
-            disabled: u || m,
+            onChange: (b) => e(b.target.value),
+            onKeyDown: y,
+            placeholder: f,
+            disabled: u || c,
             style: {
               flex: 1,
               backgroundColor: "transparent",
               border: "none",
               outline: "none",
-              color: d.colors.text,
-              fontFamily: d.fonts.monospace,
+              color: p.colors.text,
+              fontFamily: p.fonts.monospace,
               fontSize: "14px",
-              caretColor: d.colors.primary
+              caretColor: p.colors.primary
             }
           }
         ),
-        m && /* @__PURE__ */ b(
+        c && /* @__PURE__ */ x(
           "span",
           {
             style: {
-              color: d.colors.info,
+              color: p.colors.info,
               fontSize: "12px",
               display: "flex",
               alignItems: "center",
               gap: "4px"
             },
             children: [
-              /* @__PURE__ */ l(
+              /* @__PURE__ */ i(
                 "span",
                 {
                   style: {
@@ -1823,25 +1861,25 @@ const ie = ({
                     width: "8px",
                     height: "8px",
                     borderRadius: "50%",
-                    backgroundColor: d.colors.info,
+                    backgroundColor: p.colors.info,
                     animation: "pulse 1s ease-in-out infinite"
                   }
                 }
               ),
-              i === "thinking" ? "Thinking..." : "Executing..."
+              l === "thinking" ? "Thinking..." : "Executing..."
             ]
           }
         ),
-        !m && /* @__PURE__ */ l(
+        !c && /* @__PURE__ */ i(
           "kbd",
           {
             style: {
               padding: "2px 6px",
-              backgroundColor: d.colors.backgroundSecondary,
+              backgroundColor: p.colors.backgroundSecondary,
               borderRadius: "3px",
-              border: `1px solid ${d.colors.border}`,
+              border: `1px solid ${p.colors.border}`,
               fontSize: "11px",
-              color: d.colors.textMuted
+              color: p.colors.textMuted
             },
             children: "Alt+P"
           }
@@ -1851,7 +1889,7 @@ const ie = ({
   );
 };
 ie.displayName = "AgentCommandInput";
-const Le = ({ status: o }) => {
+const We = ({ status: o }) => {
   const { theme: e } = q(), t = {
     display: "inline-flex",
     alignItems: "center",
@@ -1862,9 +1900,9 @@ const Le = ({ status: o }) => {
   };
   switch (o) {
     case "pending":
-      return /* @__PURE__ */ l("span", { style: { ...t, color: e.colors.textMuted }, children: "○" });
+      return /* @__PURE__ */ i("span", { style: { ...t, color: e.colors.textMuted }, children: "○" });
     case "running":
-      return /* @__PURE__ */ l(
+      return /* @__PURE__ */ i(
         "span",
         {
           style: {
@@ -1876,16 +1914,16 @@ const Le = ({ status: o }) => {
         }
       );
     case "success":
-      return /* @__PURE__ */ l("span", { style: { ...t, color: e.colors.success }, children: "✓" });
+      return /* @__PURE__ */ i("span", { style: { ...t, color: e.colors.success }, children: "✓" });
     case "error":
-      return /* @__PURE__ */ l("span", { style: { ...t, color: e.colors.error }, children: "✗" });
+      return /* @__PURE__ */ i("span", { style: { ...t, color: e.colors.error }, children: "✗" });
   }
 }, Ae = (o) => {
   const e = Object.entries(o);
   return e.length === 0 ? "" : e.map(([t, r]) => t === "args" && Array.isArray(r) ? r.join(", ") : typeof r == "string" ? `"${r}"` : JSON.stringify(r)).join(", ");
-}, We = ({ tool: o, compact: e }) => {
+}, De = ({ tool: o, compact: e }) => {
   const { theme: t } = q(), r = Ae(o.args);
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ x(
     "div",
     {
       style: {
@@ -1897,16 +1935,16 @@ const Le = ({ status: o }) => {
         fontSize: "13px"
       },
       children: [
-        /* @__PURE__ */ l(Le, { status: o.status }),
-        /* @__PURE__ */ b("span", { style: { color: t.colors.text }, children: [
+        /* @__PURE__ */ i(We, { status: o.status }),
+        /* @__PURE__ */ x("span", { style: { color: t.colors.text }, children: [
           o.name,
-          r && /* @__PURE__ */ b("span", { style: { color: t.colors.textMuted }, children: [
+          r && /* @__PURE__ */ x("span", { style: { color: t.colors.textMuted }, children: [
             "(",
             r,
             ")"
           ] })
         ] }),
-        o.status === "running" && /* @__PURE__ */ l(
+        o.status === "running" && /* @__PURE__ */ i(
           "span",
           {
             style: {
@@ -1917,7 +1955,7 @@ const Le = ({ status: o }) => {
             children: "[running]"
           }
         ),
-        o.status === "success" && /* @__PURE__ */ l(
+        o.status === "success" && /* @__PURE__ */ i(
           "span",
           {
             style: {
@@ -1928,7 +1966,7 @@ const Le = ({ status: o }) => {
             children: "[done]"
           }
         ),
-        o.status === "error" && /* @__PURE__ */ l(
+        o.status === "error" && /* @__PURE__ */ i(
           "span",
           {
             style: {
@@ -1948,7 +1986,7 @@ const Le = ({ status: o }) => {
   compact: e = !1
 }) => {
   const { theme: t } = q();
-  return o.length === 0 ? null : /* @__PURE__ */ l(
+  return o.length === 0 ? null : /* @__PURE__ */ i(
     "div",
     {
       style: {
@@ -1957,7 +1995,7 @@ const Le = ({ status: o }) => {
         borderRadius: "4px",
         margin: "8px 16px"
       },
-      children: o.map((r) => /* @__PURE__ */ l(We, { tool: r, compact: e }, r.id))
+      children: o.map((r) => /* @__PURE__ */ i(De, { tool: r, compact: e }, r.id))
     }
   );
 };
@@ -1970,7 +2008,7 @@ const ce = ({
   if (!o)
     return null;
   const r = o.toLowerCase().startsWith("error"), s = o.toLowerCase().startsWith("done") || o.toLowerCase().startsWith("executed");
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ x(
     "div",
     {
       style: {
@@ -1982,11 +2020,11 @@ const ce = ({
         gap: "8px"
       },
       children: [
-        s && /* @__PURE__ */ l("span", { children: "✓" }),
-        r && /* @__PURE__ */ l("span", { children: "✗" }),
-        /* @__PURE__ */ b("span", { children: [
+        s && /* @__PURE__ */ i("span", { children: "✓" }),
+        r && /* @__PURE__ */ i("span", { children: "✗" }),
+        /* @__PURE__ */ x("span", { children: [
           o,
-          e && /* @__PURE__ */ l(
+          e && /* @__PURE__ */ i(
             "span",
             {
               style: {
@@ -2005,56 +2043,57 @@ const ce = ({
   );
 };
 ce.displayName = "AgentResponseDisplay";
-const De = ({
+const Ee = ({
   palette: o,
   config: e
 }) => {
-  const { theme: t } = q(), r = z(null), {
+  const { theme: t } = q(), r = $(null), {
     isOpen: s,
-    close: a,
-    query: n,
-    setQuery: i,
-    mode: p,
+    close: n,
+    query: a,
+    setQuery: l,
+    mode: f,
     status: u,
-    pendingTools: h,
+    pendingTools: g,
     completedTools: d,
-    agentResponse: f,
-    submit: g,
-    historyPrevious: m,
+    agentResponse: p,
+    submit: m,
+    historyPrevious: y,
     historyNext: c,
-    suggestions: k
+    suggestions: b,
+    agentAvailable: P
   } = o;
-  W(() => {
+  A(() => {
     if (!s) return;
-    const S = (F) => {
-      r.current && !r.current.contains(F.target) && a();
-    }, E = setTimeout(() => {
-      document.addEventListener("mousedown", S);
+    const O = (z) => {
+      r.current && !r.current.contains(z.target) && n();
+    }, V = setTimeout(() => {
+      document.addEventListener("mousedown", O);
     }, 100);
     return () => {
-      clearTimeout(E), document.removeEventListener("mousedown", S);
+      clearTimeout(V), document.removeEventListener("mousedown", O);
     };
-  }, [s, a]);
-  const [R, A] = L(!1), [I, $] = L(!1);
-  if (W(() => {
+  }, [s, n]);
+  const [D, W] = R(!1), [L, j] = R(!1);
+  if (A(() => {
     if (s)
-      $(!0), requestAnimationFrame(() => {
+      j(!0), requestAnimationFrame(() => {
         requestAnimationFrame(() => {
-          A(!0);
+          W(!0);
         });
       });
     else {
-      A(!1);
-      const S = setTimeout(() => {
-        $(!1);
+      W(!1);
+      const O = setTimeout(() => {
+        j(!1);
       }, 150);
-      return () => clearTimeout(S);
+      return () => clearTimeout(O);
     }
-  }, [s]), !I)
+  }, [s]), !L)
     return null;
-  const D = (e == null ? void 0 : e.placeholder) || "What would you like to do?", w = [...d, ...h], P = w.length > 0, v = f && u !== "idle", C = !n && u === "idle" && k.length > 0, y = p === "quick-command" && u === "idle";
-  return /* @__PURE__ */ b(se, { children: [
-    /* @__PURE__ */ l(
+  const w = P ? (e == null ? void 0 : e.placeholder) || "What would you like to do?" : "Quick command mode (agent unavailable)", v = [...d, ...g], S = v.length > 0, C = p && u !== "idle", h = P && !a && u === "idle" && b.length > 0, I = (f === "quick-command" || !P) && u === "idle", E = !P && f !== "quick-command" && u === "idle";
+  return /* @__PURE__ */ x(se, { children: [
+    /* @__PURE__ */ i(
       "div",
       {
         style: {
@@ -2062,10 +2101,10 @@ const De = ({
           inset: 0,
           zIndex: 999
         },
-        onClick: a
+        onClick: n
       }
     ),
-    /* @__PURE__ */ b(
+    /* @__PURE__ */ x(
       "div",
       {
         ref: r,
@@ -2083,27 +2122,28 @@ const De = ({
           display: "flex",
           flexDirection: "column-reverse",
           overflow: "hidden",
-          transform: R ? "translateY(0)" : "translateY(100%)",
+          transform: D ? "translateY(0)" : "translateY(100%)",
           transition: "transform 150ms ease-out",
           ...e == null ? void 0 : e.style
         },
         children: [
-          /* @__PURE__ */ b("div", { children: [
-            /* @__PURE__ */ l(
+          /* @__PURE__ */ x("div", { children: [
+            /* @__PURE__ */ i(
               ie,
               {
-                value: n,
-                onChange: i,
-                onSubmit: g,
-                onClose: a,
-                onHistoryPrevious: m,
+                value: a,
+                onChange: l,
+                onSubmit: m,
+                onClose: n,
+                onHistoryPrevious: y,
                 onHistoryNext: c,
-                mode: p,
+                mode: f,
                 status: u,
-                placeholder: D
+                placeholder: w,
+                agentAvailable: P
               }
             ),
-            /* @__PURE__ */ b(
+            /* @__PURE__ */ x(
               "div",
               {
                 style: {
@@ -2116,8 +2156,8 @@ const De = ({
                   backgroundColor: t.colors.background
                 },
                 children: [
-                  /* @__PURE__ */ b("span", { children: [
-                    /* @__PURE__ */ l(
+                  /* @__PURE__ */ x("span", { children: [
+                    /* @__PURE__ */ i(
                       "kbd",
                       {
                         style: {
@@ -2132,8 +2172,8 @@ const De = ({
                     " ",
                     "Execute"
                   ] }),
-                  /* @__PURE__ */ b("span", { children: [
-                    /* @__PURE__ */ l(
+                  /* @__PURE__ */ x("span", { children: [
+                    /* @__PURE__ */ i(
                       "kbd",
                       {
                         style: {
@@ -2148,8 +2188,8 @@ const De = ({
                     " ",
                     "Close"
                   ] }),
-                  /* @__PURE__ */ b("span", { children: [
-                    /* @__PURE__ */ l(
+                  /* @__PURE__ */ x("span", { children: [
+                    /* @__PURE__ */ i(
                       "kbd",
                       {
                         style: {
@@ -2164,8 +2204,8 @@ const De = ({
                     " ",
                     "History"
                   ] }),
-                  /* @__PURE__ */ b("span", { style: { marginLeft: "auto" }, children: [
-                    /* @__PURE__ */ l(
+                  /* @__PURE__ */ x("span", { style: { marginLeft: "auto" }, children: [
+                    /* @__PURE__ */ i(
                       "kbd",
                       {
                         style: {
@@ -2184,16 +2224,16 @@ const De = ({
               }
             )
           ] }),
-          /* @__PURE__ */ b("div", { style: { overflow: "auto" }, children: [
-            P && /* @__PURE__ */ l(le, { tools: w, compact: w.length > 3 }),
-            v && /* @__PURE__ */ l(
+          /* @__PURE__ */ x("div", { style: { overflow: "auto" }, children: [
+            S && /* @__PURE__ */ i(le, { tools: v, compact: v.length > 3 }),
+            C && /* @__PURE__ */ i(
               ce,
               {
-                response: f,
+                response: p,
                 streaming: u === "thinking"
               }
             ),
-            C && /* @__PURE__ */ b(
+            h && /* @__PURE__ */ x(
               "div",
               {
                 style: {
@@ -2203,7 +2243,7 @@ const De = ({
                   flexWrap: "wrap"
                 },
                 children: [
-                  /* @__PURE__ */ l(
+                  /* @__PURE__ */ i(
                     "span",
                     {
                       style: {
@@ -2214,11 +2254,11 @@ const De = ({
                       children: "Try:"
                     }
                   ),
-                  k.map((S, E) => /* @__PURE__ */ b(
+                  b.map((O, V) => /* @__PURE__ */ x(
                     "button",
                     {
                       onClick: () => {
-                        i(S);
+                        l(O);
                       },
                       style: {
                         padding: "4px 10px",
@@ -2230,24 +2270,50 @@ const De = ({
                         cursor: "pointer",
                         transition: "background-color 150ms ease"
                       },
-                      onMouseEnter: (F) => {
-                        F.currentTarget.style.backgroundColor = t.colors.backgroundTertiary;
+                      onMouseEnter: (z) => {
+                        z.currentTarget.style.backgroundColor = t.colors.backgroundTertiary;
                       },
-                      onMouseLeave: (F) => {
-                        F.currentTarget.style.backgroundColor = t.colors.backgroundSecondary;
+                      onMouseLeave: (z) => {
+                        z.currentTarget.style.backgroundColor = t.colors.backgroundSecondary;
                       },
                       children: [
                         '"',
-                        S,
+                        O,
                         '"'
                       ]
                     },
-                    E
+                    V
                   ))
                 ]
               }
             ),
-            y && /* @__PURE__ */ b(
+            E && /* @__PURE__ */ x(
+              "div",
+              {
+                style: {
+                  padding: "12px 16px",
+                  fontSize: "12px",
+                  color: t.colors.warning,
+                  display: "flex",
+                  alignItems: "center",
+                  gap: "8px"
+                },
+                children: [
+                  /* @__PURE__ */ i("span", { children: "Agent unavailable." }),
+                  /* @__PURE__ */ x("span", { style: { color: t.colors.textMuted }, children: [
+                    "Use quick commands (start with ",
+                    /* @__PURE__ */ i("kbd", { style: {
+                      padding: "2px 6px",
+                      backgroundColor: t.colors.backgroundSecondary,
+                      borderRadius: "3px",
+                      border: `1px solid ${t.colors.border}`
+                    }, children: "/" }),
+                    ")"
+                  ] })
+                ]
+              }
+            ),
+            I && /* @__PURE__ */ x(
               "div",
               {
                 style: {
@@ -2257,29 +2323,29 @@ const De = ({
                   fontFamily: t.fonts.monospace
                 },
                 children: [
-                  /* @__PURE__ */ l("div", { style: { marginBottom: "8px", color: t.colors.textSecondary }, children: "Quick commands:" }),
-                  /* @__PURE__ */ b("div", { style: { display: "flex", flexDirection: "column", gap: "4px" }, children: [
-                    /* @__PURE__ */ b("div", { children: [
-                      /* @__PURE__ */ l("span", { style: { color: t.colors.info }, children: "/toggle" }),
+                  /* @__PURE__ */ i("div", { style: { marginBottom: "8px", color: t.colors.textSecondary }, children: "Quick commands:" }),
+                  /* @__PURE__ */ x("div", { style: { display: "flex", flexDirection: "column", gap: "4px" }, children: [
+                    /* @__PURE__ */ x("div", { children: [
+                      /* @__PURE__ */ i("span", { style: { color: t.colors.info }, children: "/toggle" }),
                       " ",
-                      /* @__PURE__ */ l("span", { style: { color: t.colors.textMuted }, children: "<left|right>" }),
+                      /* @__PURE__ */ i("span", { style: { color: t.colors.textMuted }, children: "<left|right>" }),
                       " ",
                       "- Toggle sidebar visibility"
                     ] }),
-                    /* @__PURE__ */ b("div", { children: [
-                      /* @__PURE__ */ l("span", { style: { color: t.colors.info }, children: "/switch" }),
+                    /* @__PURE__ */ x("div", { children: [
+                      /* @__PURE__ */ i("span", { style: { color: t.colors.info }, children: "/switch" }),
                       " ",
-                      /* @__PURE__ */ l("span", { style: { color: t.colors.textMuted }, children: "<slot> <panel>" }),
+                      /* @__PURE__ */ i("span", { style: { color: t.colors.textMuted }, children: "<slot> <panel>" }),
                       " ",
                       "- Switch panel content"
                     ] }),
-                    /* @__PURE__ */ b("div", { children: [
-                      /* @__PURE__ */ l("span", { style: { color: t.colors.info }, children: "/collapse" }),
+                    /* @__PURE__ */ x("div", { children: [
+                      /* @__PURE__ */ i("span", { style: { color: t.colors.info }, children: "/collapse" }),
                       " ",
                       "- Collapse all sidebars"
                     ] }),
-                    /* @__PURE__ */ b("div", { children: [
-                      /* @__PURE__ */ l("span", { style: { color: t.colors.info }, children: "/expand" }),
+                    /* @__PURE__ */ x("div", { children: [
+                      /* @__PURE__ */ i("span", { style: { color: t.colors.info }, children: "/expand" }),
                       " ",
                       "- Expand all sidebars"
                     ] })
@@ -2291,7 +2357,7 @@ const De = ({
         ]
       }
     ),
-    /* @__PURE__ */ l("style", { children: `
+    /* @__PURE__ */ i("style", { children: `
           @keyframes pulse {
             0%, 100% { opacity: 1; }
             50% { opacity: 0.5; }
@@ -2307,108 +2373,113 @@ const De = ({
         ` })
   ] });
 };
-De.displayName = "AgentCommandPalette";
-const Ee = [
+Ee.displayName = "AgentCommandPalette";
+const _e = [
   "hide sidebars",
   "show terminal",
   "focus editor"
 ];
-function ut({
+function ft({
   events: o,
   keyboard: e = { key: "p", altKey: !0 },
   config: t = {},
   onExecuteTool: r,
-  initialSuggestions: s = Ee
+  initialSuggestions: s = _e,
+  agentAvailable: n = !0
 } = {}) {
-  const [a, n] = L(!1), [i, p] = L(""), [u, h] = L("natural"), [d, f] = L("idle"), [g, m] = L([]), [c, k] = L([]), [R, A] = L(""), [I, $] = L([]), [D, w] = L(-1), P = X(() => s, [s]), v = x((T) => {
-    p(T), h(T.startsWith("/") ? "quick-command" : "natural");
-  }, []), C = x(() => {
-    n(!0), p(""), h("natural"), f("idle"), m([]), k([]), A(""), w(-1), o == null || o.emit({
+  const [a, l] = R(!1), [f, u] = R(""), [g, d] = R("natural"), [p, m] = R("idle"), [y, c] = R([]), [b, P] = R([]), [D, W] = R(""), [L, j] = R([]), [w, v] = R(-1), S = Y(() => s, [s]), C = k((T) => {
+    u(T), d(T.startsWith("/") ? "quick-command" : "natural");
+  }, []), h = k(() => {
+    l(!0), n ? (u(""), d("natural")) : (u("/"), d("quick-command")), m("idle"), c([]), P([]), W(""), v(-1), o == null || o.emit({
       type: "agent-command-palette:opened",
       source: "agent-command-palette",
       timestamp: Date.now(),
       payload: {}
     });
-  }, [o]), y = x(() => {
-    n(!1), o == null || o.emit({
+  }, [o, n]), I = k(() => {
+    l(!1), o == null || o.emit({
       type: "agent-command-palette:closed",
       source: "agent-command-palette",
       timestamp: Date.now(),
       payload: {}
     });
-  }, [o]), S = x(() => {
-    a ? y() : C();
-  }, [a, C, y]), E = x(() => {
-    p(""), h("natural"), f("idle"), m([]), k([]), A(""), w(-1);
-  }, []), F = x((T) => {
-    const j = {
+  }, [o]), E = k(() => {
+    a ? I() : h();
+  }, [a, h, I]), O = k(() => {
+    u(""), d("natural"), m("idle"), c([]), P([]), W(""), v(-1);
+  }, []), V = k((T) => {
+    const M = {
       ...T,
       status: "pending"
     };
-    return m((M) => [...M, j]), j;
-  }, []), V = x(
-    (T, j, M, J) => {
-      m((N) => {
-        const K = N.find((B) => B.id === T);
-        if (!K) return N;
-        const O = {
-          ...K,
-          status: j,
-          result: M,
-          error: J
+    return c((N) => [...N, M]), M;
+  }, []), z = k(
+    (T, M, N, Q) => {
+      c((F) => {
+        const B = F.find((H) => H.id === T);
+        if (!B) return F;
+        const K = {
+          ...B,
+          status: M,
+          result: N,
+          error: Q
         };
-        return j === "success" || j === "error" ? (k((B) => [...B, O]), N.filter((B) => B.id !== T)) : N.map((B) => B.id === T ? O : B);
+        return M === "success" || M === "error" ? (P((H) => [...H, K]), F.filter((H) => H.id !== T)) : F.map((H) => H.id === T ? K : H);
       });
     },
     []
-  ), Q = x(
+  ), U = k(
     async (T) => {
-      const j = T.replace(/^\//, "").trim().split(/\s+/), M = j[0], J = j.slice(1);
-      if (!M) return;
-      f("executing");
-      const N = `quick-${Date.now()}`;
-      F({
-        id: N,
-        name: M,
-        args: { args: J }
-      }), V(N, "running");
+      const M = T.replace(/^\//, "").trim().split(/\s+/), N = M[0], Q = M.slice(1);
+      if (!N) return;
+      m("executing");
+      const F = `quick-${Date.now()}`;
+      V({
+        id: F,
+        name: N,
+        args: { args: Q }
+      }), z(F, "running");
       try {
         if (r) {
-          const O = await r(M, { args: J });
-          V(N, "success", String(O));
+          const K = await r(N, { args: Q });
+          z(F, "success", String(K));
         } else
-          V(N, "success", "Tool executed (no handler)");
-        $((O) => [
+          z(F, "success", "Tool executed (no handler)");
+        j((K) => [
           {
             query: T,
             timestamp: Date.now(),
-            toolsExecuted: [M],
+            toolsExecuted: [N],
             success: !0
           },
-          ...O.slice(0, (t.maxHistoryEntries || 50) - 1)
-        ]), f("complete"), A(`Executed: ${M}`);
-        const K = t.autoCloseDelay ?? 1e3;
-        K > 0 && setTimeout(() => y(), K);
-      } catch (K) {
-        const O = K instanceof Error ? K.message : "Unknown error";
-        V(N, "error", void 0, O), f("error"), A(`Error: ${O}`);
+          ...K.slice(0, (t.maxHistoryEntries || 50) - 1)
+        ]), m("complete"), W(`Executed: ${N}`);
+        const B = t.autoCloseDelay ?? 1e3;
+        B > 0 && setTimeout(() => I(), B);
+      } catch (B) {
+        const K = B instanceof Error ? B.message : "Unknown error";
+        z(F, "error", void 0, K), m("error"), W(`Error: ${K}`);
       }
     },
-    [r, F, V, t.autoCloseDelay, t.maxHistoryEntries, y]
-  ), Z = x(() => {
-    if (i.trim()) {
-      if (u === "quick-command") {
-        Q(i);
+    [r, V, z, t.autoCloseDelay, t.maxHistoryEntries, I]
+  ), te = k(() => {
+    if (f.trim()) {
+      if (g === "quick-command") {
+        U(f);
+        return;
+      }
+      if (!n) {
+        W("Agent unavailable. Use quick commands (start with /)."), m("error");
         return;
       }
-      f("thinking"), o == null || o.emit({
+      m("thinking"), o == null || o.emit({
         type: "agent-command-palette:submit",
         source: "agent-command-palette",
         timestamp: Date.now(),
-        payload: { query: i, mode: u }
-      }), $((T) => [
+        payload: { query: f, mode: g }
+      }), j((T) => [
         {
-          query: i,
+          query: f,
           timestamp: Date.now(),
           toolsExecuted: [],
           success: !0
@@ -2416,65 +2487,67 @@ function ut({
         ...T.slice(0, (t.maxHistoryEntries || 50) - 1)
       ]);
     }
-  }, [i, u, Q, o, t.maxHistoryEntries]), te = x(() => {
-    if (I.length === 0) return;
-    const T = D < I.length - 1 ? D + 1 : D;
-    w(T), I[T] && (p(I[T].query), h(I[T].query.startsWith("/") ? "quick-command" : "natural"));
-  }, [I, D]), G = x(() => {
-    if (D <= 0) {
-      w(-1), p(""), h("natural");
+  }, [f, g, U, o, t.maxHistoryEntries, n]), G = k(() => {
+    if (L.length === 0) return;
+    const T = w < L.length - 1 ? w + 1 : w;
+    v(T), L[T] && (u(L[T].query), d(L[T].query.startsWith("/") ? "quick-command" : "natural"));
+  }, [L, w]), ke = k(() => {
+    if (w <= 0) {
+      v(-1), u(""), d("natural");
       return;
     }
-    const T = D - 1;
-    w(T), I[T] && (p(I[T].query), h(I[T].query.startsWith("/") ? "quick-command" : "natural"));
-  }, [I, D]), ee = x(
+    const T = w - 1;
+    v(T), L[T] && (u(L[T].query), d(L[T].query.startsWith("/") ? "quick-command" : "natural"));
+  }, [L, w]), ee = k(
     (T) => {
       const {
-        key: j = "p",
-        altKey: M = !0,
-        ctrlKey: J = !1,
-        metaKey: N = !1,
-        shiftKey: K = !1
-      } = e, O = T.altKey === M && T.ctrlKey === J && T.metaKey === N && T.shiftKey === K;
-      if ((M ? T.code === `Key${j.toUpperCase()}` : T.key.toLowerCase() === j.toLowerCase()) && O) {
-        const U = T.target;
-        if (!U.closest("[data-agent-command-palette-input]") && (U.tagName === "INPUT" || U.tagName === "TEXTAREA" || U.isContentEditable))
+        key: M = "p",
+        altKey: N = !0,
+        ctrlKey: Q = !1,
+        metaKey: F = !1,
+        shiftKey: B = !1
+      } = e, K = T.altKey === N && T.ctrlKey === Q && T.metaKey === F && T.shiftKey === B;
+      if ((N ? T.code === `Key${M.toUpperCase()}` : T.key.toLowerCase() === M.toLowerCase()) && K) {
+        const X = T.target;
+        if (!X.closest("[data-agent-command-palette-input]") && (X.tagName === "INPUT" || X.tagName === "TEXTAREA" || X.isContentEditable))
           return;
-        T.preventDefault(), S();
+        T.preventDefault(), E();
       }
     },
-    [e, S]
+    [e, E]
   );
-  return W(() => (window.addEventListener("keydown", ee), () => window.removeEventListener("keydown", ee)), [ee]), {
+  return A(() => (window.addEventListener("keydown", ee), () => window.removeEventListener("keydown", ee)), [ee]), {
+    // Agent availability
+    agentAvailable: n,
     // Visibility
     isOpen: a,
-    open: C,
-    close: y,
-    toggle: S,
+    open: h,
+    close: I,
+    toggle: E,
     // Input
-    query: i,
-    setQuery: v,
-    mode: u,
+    query: f,
+    setQuery: C,
+    mode: g,
     // Execution
-    status: d,
-    setStatus: f,
-    pendingTools: g,
-    completedTools: c,
-    agentResponse: R,
-    setAgentResponse: A,
-    submit: Z,
-    executeQuickCommand: Q,
+    status: p,
+    setStatus: m,
+    pendingTools: y,
+    completedTools: b,
+    agentResponse: D,
+    setAgentResponse: W,
+    submit: te,
+    executeQuickCommand: U,
     // Tool management (for external AI integration)
-    addPendingTool: F,
-    updateToolStatus: V,
+    addPendingTool: V,
+    updateToolStatus: z,
     // History
-    history: I,
-    historyPrevious: te,
-    historyNext: G,
+    history: L,
+    historyPrevious: G,
+    historyNext: ke,
     // Suggestions
-    suggestions: P,
+    suggestions: S,
     // Actions
-    clear: E
+    clear: O
   };
 }
 const de = {
@@ -2755,7 +2828,7 @@ const de = {
     call_template_type: "panel_event",
     event_type: "panel:reset-layout"
   }
-}, _e = [
+}, ze = [
   // State query tools
   de,
   pe,
@@ -2767,42 +2840,42 @@ const de = {
   he,
   ge,
   xe
-], ft = [
+], mt = [
   de,
   pe,
   ue
-], mt = [
+], yt = [
   fe,
   me,
   ye,
   he,
   ge,
   xe
-], yt = {
+], ht = {
   id: "panel-layouts",
   name: "Panel Layouts",
   description: "Generic panel layout and state query operations",
-  tools: _e
+  tools: ze
 };
-function ze(o, e, t = {}) {
+function $e(o, e, t = {}) {
   const {
     categoryPrefix: r = "Panel Tools",
     basePriority: s = 50,
-    includePanelInCategory: a = !0
-  } = t, n = a ? `${r} > ${o.panelId}` : r, i = qe(o.inputs);
+    includePanelInCategory: n = !0
+  } = t, a = n ? `${r} > ${o.panelId}` : r, l = je(o.inputs);
   return {
     id: `tool.${o.qualifiedName}`,
-    label: $e(o.name),
+    label: qe(o.name),
     description: o.description,
-    category: n,
+    category: a,
     keywords: [...o.tags, o.panelId, "tool"],
     priority: s,
-    execute: async (p) => {
-      var h;
-      if (i) {
+    execute: async (f) => {
+      var g;
+      if (l) {
         console.warn(
           `Tool "${o.qualifiedName}" requires parameters. Invoke programmatically with: registry.invokeTool('${o.qualifiedName}', { ... })`
-        ), (h = p.events) == null || h.emit({
+        ), (g = f.events) == null || g.emit({
           type: "tool:requires-parameters",
           source: "command-palette",
           timestamp: Date.now(),
@@ -2818,42 +2891,42 @@ function ze(o, e, t = {}) {
         {},
         "command-palette"
       );
-      u.success || console.error(`Tool invocation failed: ${u.error}`), p.closeCommandPalette();
+      u.success || console.error(`Tool invocation failed: ${u.error}`), f.closeCommandPalette();
     }
   };
 }
 function be(o, e = {}) {
-  return o.getAllTools().map((r) => ze(r, o, e));
+  return o.getAllTools().map((r) => $e(r, o, e));
 }
-function ht(o, e = {}) {
+function gt(o, e = {}) {
   return () => be(o, e);
 }
-function $e(o) {
+function qe(o) {
   return o.split("_").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join(" ");
 }
-function qe(o) {
+function je(o) {
   return !(o.type !== "object" || !o.required || o.required.length === 0);
 }
-function gt(o, e = {}) {
+function xt(o, e = {}) {
   return be(o, e);
 }
-function xt(o) {
+function bt(o) {
   const { inputs: e } = o;
   if (e.type !== "object" || !e.properties)
     return [];
   const t = new Set(e.required || []), r = [];
-  for (const [s, a] of Object.entries(e.properties))
+  for (const [s, n] of Object.entries(e.properties))
     r.push({
       name: s,
-      type: a.type || "unknown",
-      description: a.description || "",
+      type: n.type || "unknown",
+      description: n.description || "",
       required: t.has(s),
-      default: a.default,
-      enum: a.enum
+      default: n.default,
+      enum: n.enum
     });
   return r;
 }
-function je(o) {
+function Me(o) {
   const e = {};
   if (o.inputs.properties)
     for (const [t, r] of Object.entries(o.inputs.properties)) {
@@ -2874,12 +2947,12 @@ function je(o) {
     }
   };
 }
-function bt(o) {
+function kt(o) {
   return {
-    functionDeclarations: o.map(je)
+    functionDeclarations: o.map(Me)
   };
 }
-function Me(o) {
+function Ne(o) {
   return {
     type: "function",
     function: {
@@ -2890,45 +2963,45 @@ function Me(o) {
   };
 }
 function wt(o) {
-  return o.map(Me);
+  return o.map(Ne);
 }
-function Ne(o) {
+function Fe(o) {
   return {
     name: o.name,
     description: o.description,
     input_schema: o.inputs
   };
 }
-function kt(o) {
-  return o.map(Ne);
+function Ct(o) {
+  return o.map(Fe);
 }
-function Fe(o) {
+function Oe(o) {
   return {
     name: o.name,
     description: o.description,
     parameters: o.inputs
   };
 }
-function Ct(o) {
-  return o.map(Fe);
+function vt(o) {
+  return o.map(Oe);
 }
-function vt(o, e = {}) {
+function St(o, e = {}) {
   const {
     header: t = "You have access to the following tools:",
     includeParameters: r = !0
-  } = e, s = o.map((a) => {
-    let n = `- ${a.name}: ${a.description}`;
-    if (r && a.inputs.properties) {
-      const i = Object.entries(a.inputs.properties).map(([p, u]) => {
-        var f;
-        const h = u, d = (f = a.inputs.required) != null && f.includes(p) ? " (required)" : "";
-        return `    - ${p}: ${h.description || h.type}${d}`;
+  } = e, s = o.map((n) => {
+    let a = `- ${n.name}: ${n.description}`;
+    if (r && n.inputs.properties) {
+      const l = Object.entries(n.inputs.properties).map(([f, u]) => {
+        var p;
+        const g = u, d = (p = n.inputs.required) != null && p.includes(f) ? " (required)" : "";
+        return `    - ${f}: ${g.description || g.type}${d}`;
       }).join(`
 `);
-      i && (n += `
-${i}`);
+      l && (a += `
+${l}`);
     }
-    return n;
+    return a;
   });
   return `${t}
 
@@ -2936,7 +3009,7 @@ ${s.join(`
 
 `)}`;
 }
-const Oe = ({ size: o = 18 }) => /* @__PURE__ */ b(
+const Ke = ({ size: o = 18 }) => /* @__PURE__ */ x(
   "svg",
   {
     width: o,
@@ -2948,11 +3021,11 @@ const Oe = ({ size: o = 18 }) => /* @__PURE__ */ b(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ l("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
-      /* @__PURE__ */ l("path", { d: "M9 3v18" })
+      /* @__PURE__ */ i("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+      /* @__PURE__ */ i("path", { d: "M9 3v18" })
     ]
   }
-), Ke = ({ size: o = 18 }) => /* @__PURE__ */ b(
+), Be = ({ size: o = 18 }) => /* @__PURE__ */ x(
   "svg",
   {
     width: o,
@@ -2964,12 +3037,12 @@ const Oe = ({ size: o = 18 }) => /* @__PURE__ */ b(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ l("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
-      /* @__PURE__ */ l("path", { d: "M9 3v18" }),
-      /* @__PURE__ */ l("path", { d: "m16 15-3-3 3-3" })
+      /* @__PURE__ */ i("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+      /* @__PURE__ */ i("path", { d: "M9 3v18" }),
+      /* @__PURE__ */ i("path", { d: "m16 15-3-3 3-3" })
     ]
   }
-), Be = ({ size: o = 18 }) => /* @__PURE__ */ b(
+), Ve = ({ size: o = 18 }) => /* @__PURE__ */ x(
   "svg",
   {
     width: o,
@@ -2981,11 +3054,11 @@ const Oe = ({ size: o = 18 }) => /* @__PURE__ */ b(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ l("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
-      /* @__PURE__ */ l("path", { d: "M15 3v18" })
+      /* @__PURE__ */ i("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+      /* @__PURE__ */ i("path", { d: "M15 3v18" })
     ]
   }
-), Ve = ({ size: o = 18 }) => /* @__PURE__ */ b(
+), He = ({ size: o = 18 }) => /* @__PURE__ */ x(
   "svg",
   {
     width: o,
@@ -2997,9 +3070,9 @@ const Oe = ({ size: o = 18 }) => /* @__PURE__ */ b(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ l("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
-      /* @__PURE__ */ l("path", { d: "M15 3v18" }),
-      /* @__PURE__ */ l("path", { d: "m8 9 3 3-3 3" })
+      /* @__PURE__ */ i("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+      /* @__PURE__ */ i("path", { d: "M15 3v18" }),
+      /* @__PURE__ */ i("path", { d: "m8 9 3 3-3 3" })
     ]
   }
 ), oe = ({
@@ -3008,21 +3081,21 @@ const Oe = ({ size: o = 18 }) => /* @__PURE__ */ b(
   side: t = "left",
   iconSize: r = 18,
   style: s,
-  shortcutHint: a = "Cmd/Ctrl+B",
-  title: n,
-  className: i
+  shortcutHint: n = "Cmd/Ctrl+B",
+  title: a,
+  className: l
 }) => {
-  const { theme: p } = q(), u = () => t === "right" ? o ? /* @__PURE__ */ l(Be, { size: r }) : /* @__PURE__ */ l(Ve, { size: r }) : o ? /* @__PURE__ */ l(Oe, { size: r }) : /* @__PURE__ */ l(Ke, { size: r });
-  return /* @__PURE__ */ l(
+  const { theme: f } = q(), u = () => t === "right" ? o ? /* @__PURE__ */ i(Ve, { size: r }) : /* @__PURE__ */ i(He, { size: r }) : o ? /* @__PURE__ */ i(Ke, { size: r }) : /* @__PURE__ */ i(Be, { size: r });
+  return /* @__PURE__ */ i(
     "button",
     {
       onClick: e,
-      title: n ?? `${o ? "Show" : "Hide"} ${t === "right" ? "Right Panel" : "Sidebar"}${a ? ` (${a})` : ""}`,
-      className: i,
+      title: a ?? `${o ? "Show" : "Hide"} ${t === "right" ? "Right Panel" : "Sidebar"}${n ? ` (${n})` : ""}`,
+      className: l,
       style: {
         background: "transparent",
         border: "none",
-        color: o ? p.colors.textSecondary : p.colors.primary,
+        color: o ? f.colors.textSecondary : f.colors.primary,
         cursor: "pointer",
         padding: "6px",
         borderRadius: "4px",
@@ -3035,15 +3108,15 @@ const Oe = ({ size: o = 18 }) => /* @__PURE__ */ b(
         ...s
       },
       onMouseEnter: (d) => {
-        d.currentTarget.style.backgroundColor = p.colors.backgroundTertiary, d.currentTarget.style.color = p.colors.primary;
+        d.currentTarget.style.backgroundColor = f.colors.backgroundTertiary, d.currentTarget.style.color = f.colors.primary;
       },
       onMouseLeave: (d) => {
-        d.currentTarget.style.backgroundColor = "transparent", d.currentTarget.style.color = o ? p.colors.textSecondary : p.colors.primary;
+        d.currentTarget.style.backgroundColor = "transparent", d.currentTarget.style.color = o ? f.colors.textSecondary : f.colors.primary;
       },
       children: u()
     }
   );
-}, He = ({ size: o = 14 }) => /* @__PURE__ */ b(
+}, Je = ({ size: o = 14 }) => /* @__PURE__ */ x(
   "svg",
   {
     width: o,
@@ -3055,13 +3128,13 @@ const Oe = ({ size: o = 18 }) => /* @__PURE__ */ b(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ l("path", { d: "M8 3 4 7l4 4" }),
-      /* @__PURE__ */ l("path", { d: "M4 7h16" }),
-      /* @__PURE__ */ l("path", { d: "m16 21 4-4-4-4" }),
-      /* @__PURE__ */ l("path", { d: "M20 17H4" })
+      /* @__PURE__ */ i("path", { d: "M8 3 4 7l4 4" }),
+      /* @__PURE__ */ i("path", { d: "M4 7h16" }),
+      /* @__PURE__ */ i("path", { d: "m16 21 4-4-4-4" }),
+      /* @__PURE__ */ i("path", { d: "M20 17H4" })
     ]
   }
-), Je = ({ size: o = 14 }) => /* @__PURE__ */ b(
+), Qe = ({ size: o = 14 }) => /* @__PURE__ */ x(
   "svg",
   {
     width: o,
@@ -3073,10 +3146,10 @@ const Oe = ({ size: o = 18 }) => /* @__PURE__ */ b(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ l("path", { d: "m16 3 4 4-4 4" }),
-      /* @__PURE__ */ l("path", { d: "M20 7H4" }),
-      /* @__PURE__ */ l("path", { d: "m8 21-4-4 4-4" }),
-      /* @__PURE__ */ l("path", { d: "M4 17h16" })
+      /* @__PURE__ */ i("path", { d: "m16 3 4 4-4 4" }),
+      /* @__PURE__ */ i("path", { d: "M20 7H4" }),
+      /* @__PURE__ */ i("path", { d: "m8 21-4-4 4-4" }),
+      /* @__PURE__ */ i("path", { d: "M4 17h16" })
     ]
   }
 ), re = ({
@@ -3085,19 +3158,19 @@ const Oe = ({ size: o = 18 }) => /* @__PURE__ */ b(
   iconSize: t = 14,
   style: r,
   title: s,
-  className: a
+  className: n
 }) => {
-  const { theme: n } = q(), i = () => e === "left-middle" ? "Switch left and middle panels" : "Switch right and middle panels", p = e === "left-middle" ? He : Je;
-  return /* @__PURE__ */ l(
+  const { theme: a } = q(), l = () => e === "left-middle" ? "Switch left and middle panels" : "Switch right and middle panels", f = e === "left-middle" ? Je : Qe;
+  return /* @__PURE__ */ i(
     "button",
     {
       onClick: o,
-      title: s ?? i(),
-      className: a,
+      title: s ?? l(),
+      className: n,
       style: {
         background: "transparent",
         border: "none",
-        color: n.colors.textSecondary,
+        color: a.colors.textSecondary,
         cursor: "pointer",
         padding: "6px",
         borderRadius: "4px",
@@ -3110,15 +3183,15 @@ const Oe = ({ size: o = 18 }) => /* @__PURE__ */ b(
         ...r
       },
       onMouseEnter: (u) => {
-        u.currentTarget.style.backgroundColor = n.colors.backgroundTertiary, u.currentTarget.style.color = n.colors.text;
+        u.currentTarget.style.backgroundColor = a.colors.backgroundTertiary, u.currentTarget.style.color = a.colors.text;
       },
       onMouseLeave: (u) => {
-        u.currentTarget.style.backgroundColor = "transparent", u.currentTarget.style.color = n.colors.textSecondary;
+        u.currentTarget.style.backgroundColor = "transparent", u.currentTarget.style.color = a.colors.textSecondary;
       },
-      children: /* @__PURE__ */ l(p, { size: t })
+      children: /* @__PURE__ */ i(f, { size: t })
     }
   );
-}, Qe = ({ size: o = 14 }) => /* @__PURE__ */ b(
+}, Ue = ({ size: o = 14 }) => /* @__PURE__ */ x(
   "svg",
   {
     width: o,
@@ -3130,9 +3203,9 @@ const Oe = ({ size: o = 18 }) => /* @__PURE__ */ b(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ l("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
-      /* @__PURE__ */ l("path", { d: "M3 9h18" }),
-      /* @__PURE__ */ l("path", { d: "M9 21V9" })
+      /* @__PURE__ */ i("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+      /* @__PURE__ */ i("path", { d: "M3 9h18" }),
+      /* @__PURE__ */ i("path", { d: "M9 21V9" })
     ]
   }
 ), Ge = ({
@@ -3142,8 +3215,8 @@ const Oe = ({ size: o = 18 }) => /* @__PURE__ */ b(
   title: r = "Configure panel layout",
   className: s
 }) => {
-  const { theme: a } = q();
-  return /* @__PURE__ */ l(
+  const { theme: n } = q();
+  return /* @__PURE__ */ i(
     "button",
     {
       onClick: o,
@@ -3152,7 +3225,7 @@ const Oe = ({ size: o = 18 }) => /* @__PURE__ */ b(
       style: {
         background: "transparent",
         border: "none",
-        color: a.colors.textSecondary,
+        color: n.colors.textSecondary,
         cursor: "pointer",
         padding: "6px",
         borderRadius: "4px",
@@ -3164,92 +3237,92 @@ const Oe = ({ size: o = 18 }) => /* @__PURE__ */ b(
         height: "32px",
         ...t
       },
-      onMouseEnter: (n) => {
-        n.currentTarget.style.backgroundColor = a.colors.backgroundTertiary, n.currentTarget.style.color = a.colors.text;
+      onMouseEnter: (a) => {
+        a.currentTarget.style.backgroundColor = n.colors.backgroundTertiary, a.currentTarget.style.color = n.colors.text;
       },
-      onMouseLeave: (n) => {
-        n.currentTarget.style.backgroundColor = "transparent", n.currentTarget.style.color = a.colors.textSecondary;
+      onMouseLeave: (a) => {
+        a.currentTarget.style.backgroundColor = "transparent", a.currentTarget.style.color = n.colors.textSecondary;
       },
-      children: /* @__PURE__ */ l(Qe, { size: e })
+      children: /* @__PURE__ */ i(Ue, { size: e })
     }
   );
-}, St = ({
+}, Tt = ({
   leftSidebarCollapsed: o = !1,
   onToggleLeftSidebar: e,
   showLeftSidebarControl: t = !1,
   rightSidebarCollapsed: r = !1,
   onToggleRightSidebar: s,
-  showRightSidebarControl: a = !1,
-  onSwitchLeftMiddlePanels: n,
-  showSwitchLeftMiddle: i = !1,
-  onSwitchRightMiddlePanels: p,
+  showRightSidebarControl: n = !1,
+  onSwitchLeftMiddlePanels: a,
+  showSwitchLeftMiddle: l = !1,
+  onSwitchRightMiddlePanels: f,
   showSwitchRightMiddle: u = !1,
-  onConfigurePanels: h,
+  onConfigurePanels: g,
   showConfigureButton: d = !1,
-  gap: f = 4,
-  style: g,
-  className: m,
+  gap: p = 4,
+  style: m,
+  className: y,
   iconSize: c,
-  leftCollapseButtonProps: k,
-  rightCollapseButtonProps: R,
-  leftMiddleSwitchButtonProps: A,
-  rightMiddleSwitchButtonProps: I,
-  configureButtonProps: $
-}) => t && e || i && n || d && h || u && p || a && s ? /* @__PURE__ */ b(
+  leftCollapseButtonProps: b,
+  rightCollapseButtonProps: P,
+  leftMiddleSwitchButtonProps: D,
+  rightMiddleSwitchButtonProps: W,
+  configureButtonProps: L
+}) => t && e || l && a || d && g || u && f || n && s ? /* @__PURE__ */ x(
   "div",
   {
-    className: m,
+    className: y,
     style: {
       display: "flex",
       alignItems: "center",
-      gap: `${f}px`,
-      ...g
+      gap: `${p}px`,
+      ...m
     },
     children: [
-      t && e && /* @__PURE__ */ l(
+      t && e && /* @__PURE__ */ i(
         oe,
         {
           isCollapsed: o,
           onToggle: e,
           side: "left",
           iconSize: c ?? 18,
-          ...k
+          ...b
         }
       ),
-      i && n && /* @__PURE__ */ l(
+      l && a && /* @__PURE__ */ i(
         re,
         {
-          onSwitch: n,
+          onSwitch: a,
           variant: "left-middle",
           iconSize: c ?? 14,
-          ...A
+          ...D
         }
       ),
-      d && h && /* @__PURE__ */ l(
+      d && g && /* @__PURE__ */ i(
         Ge,
         {
-          onConfigure: h,
+          onConfigure: g,
           iconSize: c ?? 14,
-          ...$
+          ...L
         }
       ),
-      u && p && /* @__PURE__ */ l(
+      u && f && /* @__PURE__ */ i(
         re,
         {
-          onSwitch: p,
+          onSwitch: f,
           variant: "right-middle",
           iconSize: c ?? 14,
-          ...I
+          ...W
         }
       ),
-      a && s && /* @__PURE__ */ l(
+      n && s && /* @__PURE__ */ i(
         oe,
         {
           isCollapsed: r,
           onToggle: s,
           side: "right",
           iconSize: c ?? 18,
-          ...R
+          ...P
         }
       )
     ]
@@ -3257,63 +3330,63 @@ const Oe = ({ size: o = 18 }) => /* @__PURE__ */ b(
 ) : null;
 export {
   ie as AgentCommandInput,
-  De as AgentCommandPalette,
+  Ee as AgentCommandPalette,
   ce as AgentResponseDisplay,
-  Pe as CommandInput,
-  ae as CommandItem,
-  Ie as CommandList,
-  it as CommandPalette,
-  ne as CommandRegistryService,
-  It as EditableConfigurablePanelLayout,
-  nt as FocusIndicator,
-  Se as LocalStoragePersistenceAdapter,
-  Te as LocalStorageWorkspaceAdapter,
+  Ie as CommandInput,
+  ne as CommandItem,
+  Re as CommandList,
+  lt as CommandPalette,
+  ae as CommandRegistryService,
+  Rt as EditableConfigurablePanelLayout,
+  it as FocusIndicator,
+  Te as LocalStoragePersistenceAdapter,
+  Pe as LocalStorageWorkspaceAdapter,
   oe as PanelCollapseButton,
   Ge as PanelConfigureButton,
-  St as PanelControls,
+  Tt as PanelControls,
   re as PanelSwitchButton,
-  Rt as ResponsiveConfigurablePanelLayout,
+  Lt as ResponsiveConfigurablePanelLayout,
   le as ToolExecutionList,
   _ as WorkspaceLayoutService,
   me as collapseAllPanelsTool,
-  ht as createToolCommandsProvider,
+  gt as createToolCommandsProvider,
   ye as expandAllPanelsTool,
   ge as focusPanelTool,
-  vt as generateToolsSystemPrompt,
-  lt as getGlobalCommandRegistry,
-  pt as getPanelCommands,
+  St as generateToolsSystemPrompt,
+  ct as getGlobalCommandRegistry,
+  ut as getPanelCommands,
   pe as getPanelStateTool,
-  xt as getToolParameterInfo,
+  bt as getToolParameterInfo,
   de as getVisiblePanelsTool,
-  mt as layoutActionTools,
-  _e as layoutTools,
-  yt as layoutToolsMetadata,
+  yt as layoutActionTools,
+  ze as layoutTools,
+  ht as layoutToolsMetadata,
   ue as listPanelsWithStateTool,
-  Lt as mapThemeToPanelVars,
+  Wt as mapThemeToPanelVars,
   At as mapThemeToTabVars,
-  Re as panelCommands,
-  ct as resetGlobalCommandRegistry,
+  Le as panelCommands,
+  dt as resetGlobalCommandRegistry,
   xe as resetLayoutTool,
-  ft as stateQueryTools,
+  mt as stateQueryTools,
   he as switchPanelTool,
   fe as togglePanelTool,
-  Fe as toolToAIFunction,
-  Ne as toolToAnthropicFormat,
-  ze as toolToCommand,
-  je as toolToGeminiFunction,
-  Me as toolToOpenAIFunction,
-  Ct as toolsToAIFunctions,
-  kt as toolsToAnthropicFormat,
+  Oe as toolToAIFunction,
+  Fe as toolToAnthropicFormat,
+  $e as toolToCommand,
+  Me as toolToGeminiFunction,
+  Ne as toolToOpenAIFunction,
+  vt as toolsToAIFunctions,
+  Ct as toolsToAnthropicFormat,
   be as toolsToCommands,
-  bt as toolsToGeminiFormat,
+  kt as toolsToGeminiFormat,
   wt as toolsToOpenAIFormat,
-  ut as useAgentCommandPalette,
-  dt as useCommandPalette,
-  rt as usePanelFocus,
+  ft as useAgentCommandPalette,
+  pt as useCommandPalette,
+  st as usePanelFocus,
   at as usePanelFocusListener,
-  st as usePanelKeyboardShortcuts,
-  tt as usePanelPersistence,
-  gt as useToolCommands,
-  ot as useWorkspace
+  nt as usePanelKeyboardShortcuts,
+  ot as usePanelPersistence,
+  xt as useToolCommands,
+  rt as useWorkspace
 };
 //# sourceMappingURL=index.esm.js.map