@principal-ade/panel-layouts 0.3.18 → 0.3.20

package/dist/index.esm.js

@@ -1,11 +1,11 @@
-import './index.css';var _e = Object.defineProperty;
-var Ee = (o, e, t) => e in o ? _e(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
-var le = (o, e, t) => Ee(o, typeof e != "symbol" ? e + "" : e, t);
+import './index.css';var Ee = Object.defineProperty;
+var Re = (o, e, t) => e in o ? Ee(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
+var le = (o, e, t) => Re(o, typeof e != "symbol" ? e + "" : e, t);
 import { EditableConfigurablePanelLayout as zt, ResponsiveConfigurablePanelLayout as Pt, mapThemeToPanelVars as Lt, mapThemeToTabVars as Wt } from "@principal-ade/panels";
-import { useState as L, useRef as J, useEffect as R, useCallback as b, useMemo as ne } from "react";
-import { jsx as a, jsxs as y, Fragment as ce } from "react/jsx-runtime";
-import { useTheme as Y } from "@principal-ade/industry-theme";
-class Re {
+import { useState as _, useRef as U, useEffect as E, useCallback as w, useMemo as ne } from "react";
+import { jsx as l, jsxs as b, Fragment as ce } from "react/jsx-runtime";
+import { useTheme as ee } from "@principal-ade/industry-theme";
+class De {
   constructor() {
     le(this, "storageKey", "panel-layouts");
   }
@@ -33,114 +33,114 @@ function dt(o) {
     viewKey: e,
     defaultSizes: t,
     panelType: r,
-    adapter: s = new Re()
-  } = o, [i, l] = L(t), [n, g] = L(o.collapsed), c = J(o.collapsed), k = J({}), u = J(null), h = J(null);
-  R(() => {
+    adapter: s = new De()
+  } = o, [i, a] = _(t), [n, g] = _(o.collapsed), c = U(o.collapsed), x = U({}), p = U(null), h = U(null);
+  E(() => {
     (async () => {
-      const w = await s.load(e);
-      w != null && w.sizes && (l(w.sizes), C(w.sizes));
+      const S = await s.load(e);
+      S != null && S.sizes && (a(S.sizes), C(S.sizes));
     })();
   }, [e]);
-  const C = b(
-    (S) => {
-      "left" in S && S.left > 0 && (k.current.left = S.left), "middle" in S && S.middle > 0 && (k.current.middle = S.middle), "right" in S && S.right > 0 && (k.current.right = S.right);
+  const C = w(
+    (v) => {
+      "left" in v && v.left > 0 && (x.current.left = v.left), "middle" in v && v.middle > 0 && (x.current.middle = v.middle), "right" in v && v.right > 0 && (x.current.right = v.right);
     },
     []
-  ), f = b(
-    (S) => {
-      const w = k.current[S];
-      if (w && w > 0)
-        return w;
-      if (S === "left" && "left" in t && t.left > 0)
+  ), f = w(
+    (v) => {
+      const S = x.current[v];
+      if (S && S > 0)
+        return S;
+      if (v === "left" && "left" in t && t.left > 0)
         return t.left;
-      if (S === "right" && "right" in t && t.right > 0)
+      if (v === "right" && "right" in t && t.right > 0)
         return t.right;
     },
     [t]
-  ), d = J(t);
-  R(() => {
-    ("left" in t && t.left !== d.current.left || "middle" in t && "middle" in d.current && t.middle !== d.current.middle || "right" in t && t.right !== d.current.right) && (l(t), C(t), d.current = t);
-  }, [t, C]), R(() => {
-    const S = o.collapsed.left !== c.current.left, w = "right" in o.collapsed && "right" in c.current && o.collapsed.right !== c.current.right;
-    (S || w) && (g(o.collapsed), c.current = { ...o.collapsed });
+  ), d = U(t);
+  E(() => {
+    ("left" in t && t.left !== d.current.left || "middle" in t && "middle" in d.current && t.middle !== d.current.middle || "right" in t && t.right !== d.current.right) && (a(t), C(t), d.current = t);
+  }, [t, C]), E(() => {
+    const v = o.collapsed.left !== c.current.left, S = "right" in o.collapsed && "right" in c.current && o.collapsed.right !== c.current.right;
+    (v || S) && (g(o.collapsed), c.current = { ...o.collapsed });
   }, [o.collapsed.left, o.collapsed.right]);
-  const p = b(
-    async (S) => {
+  const u = w(
+    async (v) => {
       try {
-        await s.save(e, { sizes: S });
-      } catch (w) {
+        await s.save(e, { sizes: v });
+      } catch (S) {
         console.error(
           `Failed to save panel preferences for ${e}:`,
-          w
+          S
         );
       }
     },
     [e, s]
-  ), T = b(
-    (S) => {
-      const w = { ...S };
-      let x = !0;
-      if ("left" in S) {
-        const A = !!(n != null && n.left), z = S.left;
-        if (A) {
+  ), y = w(
+    (v) => {
+      const S = { ...v };
+      let k = !0;
+      if ("left" in v) {
+        const I = !!(n != null && n.left), W = v.left;
+        if (I) {
           const $ = f("left");
-          $ !== void 0 && $ > 0 ? w.left = $ : x = !1;
-        } else z === 0 && (x = !1);
+          $ !== void 0 && $ > 0 ? S.left = $ : k = !1;
+        } else W === 0 && (k = !1);
       }
-      if (r === "three-panel" && "right" in S) {
-        const A = !!(n != null && n.right), z = S.right;
-        if (A) {
+      if (r === "three-panel" && "right" in v) {
+        const I = !!(n != null && n.right), W = v.right;
+        if (I) {
           const $ = f("right");
-          $ !== void 0 && $ > 0 ? w.right = $ : x = !1;
-        } else z === 0 && (x = !1);
+          $ !== void 0 && $ > 0 ? S.right = $ : k = !1;
+        } else W === 0 && (k = !1);
       }
-      if (l(w), C(w), u.current && (clearTimeout(u.current), u.current = null), !x) {
+      if (a(S), C(S), p.current && (clearTimeout(p.current), p.current = null), !k) {
         h.current = null;
         return;
       }
-      h.current = w, u.current = setTimeout(() => {
-        const A = h.current;
-        A && (p(A), h.current = null), u.current = null;
+      h.current = S, p.current = setTimeout(() => {
+        const I = h.current;
+        I && (u(I), h.current = null), p.current = null;
       }, 500);
     },
     [
       n,
       f,
       r,
-      p,
+      u,
       C
     ]
   );
-  R(() => () => {
-    if (u.current) {
-      const S = h.current;
-      S && (p(S), h.current = null), clearTimeout(u.current), u.current = null;
+  E(() => () => {
+    if (p.current) {
+      const v = h.current;
+      v && (u(v), h.current = null), clearTimeout(p.current), p.current = null;
     }
-  }, [p]);
-  const W = b(async () => {
-  }, []), D = b(async () => {
-  }, []), I = b(async () => {
-  }, []), _ = b(async () => {
+  }, [u]);
+  const L = w(async () => {
+  }, []), q = w(async () => {
+  }, []), z = w(async () => {
+  }, []), A = w(async () => {
   }, []);
   return r === "three-panel" ? {
     type: "three-panel",
     sizes: i,
     collapsed: n,
-    handlePanelResize: T,
-    handleLeftCollapseComplete: W,
-    handleLeftExpandComplete: D,
-    handleRightCollapseComplete: I,
-    handleRightExpandComplete: _
+    handlePanelResize: y,
+    handleLeftCollapseComplete: L,
+    handleLeftExpandComplete: q,
+    handleRightCollapseComplete: z,
+    handleRightExpandComplete: A
   } : {
     type: "two-panel",
     sizes: i,
     collapsed: n,
-    handlePanelResize: T,
-    handleLeftCollapseComplete: W,
-    handleLeftExpandComplete: D
+    handlePanelResize: y,
+    handleLeftCollapseComplete: L,
+    handleLeftExpandComplete: q
   };
 }
-class De {
+class Me {
   constructor() {
     le(this, "PRESETS_KEY", "panel-layouts:workspace-presets");
     le(this, "REPO_STATE_PREFIX", "panel-layouts:repo-state:");
@@ -207,10 +207,10 @@ class De {
           if (i)
             try {
               e[s] = JSON.parse(i);
-            } catch (l) {
+            } catch (a) {
               console.error(
                 `Failed to parse repository state for ${s}:`,
-                l
+                a
               );
             }
         }
@@ -281,11 +281,11 @@ class O {
       createdAt: s.createdAt,
       // Preserve creation time
       updatedAt: Date.now()
-    }, l = {
+    }, a = {
       ...r,
       [e]: i
     };
-    return await this.adapter.saveWorkspacePresets(l), i;
+    return await this.adapter.saveWorkspacePresets(a), i;
   }
   /**
    * Delete a workspace layout
@@ -610,20 +610,20 @@ class O {
     Object.keys(e).length;
   }
 }
-le(O, "adapter", new De());
+le(O, "adapter", new Me());
 function pt(o = {}) {
-  const { repositoryKey: e, autoInitialize: t = !1, defaultWorkspaceId: r } = o, [s, i] = L(
+  const { repositoryKey: e, autoInitialize: t = !1, defaultWorkspaceId: r } = o, [s, i] = _(
     {}
-  ), [l, n] = L(null), [g, c] = L(null), [k, u] = L(!0), [h, C] = L(null), f = b(async () => {
+  ), [a, n] = _(null), [g, c] = _(null), [x, p] = _(!0), [h, C] = _(null), f = w(async () => {
     try {
-      u(!0), C(null);
-      const x = await O.getWorkspaceLayouts();
-      if (i(x), e) {
-        let A = await O.getRepositoryState(e);
-        if (!A && t) {
-          const z = r || "project-management", $ = await O.getWorkspaceLayout(z);
-          $ && (A = {
-            workspaceId: z,
+      p(!0), C(null);
+      const k = await O.getWorkspaceLayouts();
+      if (i(k), e) {
+        let I = await O.getRepositoryState(e);
+        if (!I && t) {
+          const W = r || "project-management", $ = await O.getWorkspaceLayout(W);
+          $ && (I = {
+            workspaceId: W,
             sizes: $.defaultSizes || {
               left: 20,
               middle: 45,
@@ -635,117 +635,117 @@ function pt(o = {}) {
             }
           }, await O.setRepositoryState(
             e,
-            A
+            I
           ));
         }
-        if (n(A), A != null && A.workspaceId) {
-          const z = await O.getWorkspaceLayout(
-            A.workspaceId
+        if (n(I), I != null && I.workspaceId) {
+          const W = await O.getWorkspaceLayout(
+            I.workspaceId
           );
-          c(z);
+          c(W);
         } else
           c(null);
       }
-    } catch (x) {
-      C(x), console.error("Failed to load workspace data:", x);
+    } catch (k) {
+      C(k), console.error("Failed to load workspace data:", k);
     } finally {
-      u(!1);
+      p(!1);
     }
   }, [e, t, r]);
-  R(() => {
+  E(() => {
     f();
   }, [f]);
-  const d = b(
-    async (x) => await O.getWorkspaceLayout(x),
+  const d = w(
+    async (k) => await O.getWorkspaceLayout(k),
     []
-  ), p = b(
-    async (x) => {
-      const A = await O.createWorkspaceLayout(x);
-      return await f(), A;
+  ), u = w(
+    async (k) => {
+      const I = await O.createWorkspaceLayout(k);
+      return await f(), I;
     },
     [f]
-  ), T = b(
-    async (x, A) => {
-      const z = await O.updateWorkspaceLayout(x, A);
-      return await f(), z;
+  ), y = w(
+    async (k, I) => {
+      const W = await O.updateWorkspaceLayout(k, I);
+      return await f(), W;
     },
     [f]
-  ), W = b(
-    async (x) => {
-      const A = await O.deleteWorkspaceLayout(x);
-      return A && await f(), A;
+  ), L = w(
+    async (k) => {
+      const I = await O.deleteWorkspaceLayout(k);
+      return I && await f(), I;
     },
     [f]
-  ), D = b(
-    async (x) => {
+  ), q = w(
+    async (k) => {
       if (!e) {
         console.error("Cannot apply workspace without repositoryKey");
         return;
       }
-      const A = await O.getWorkspaceLayout(x);
-      if (!A) {
-        console.error(`Workspace ${x} not found`);
+      const I = await O.getWorkspaceLayout(k);
+      if (!I) {
+        console.error(`Workspace ${k} not found`);
         return;
       }
-      const z = {
-        workspaceId: x,
-        sizes: A.defaultSizes || { left: 20, middle: 45, right: 35 },
-        collapsed: A.defaultCollapsed || {
+      const W = {
+        workspaceId: k,
+        sizes: I.defaultSizes || { left: 20, middle: 45, right: 35 },
+        collapsed: I.defaultCollapsed || {
           left: !1,
           right: !1
         }
       };
-      await O.setRepositoryState(e, z), await f();
+      await O.setRepositoryState(e, W), await f();
     },
     [e, f]
-  ), I = b(
-    async (x) => {
+  ), z = w(
+    async (k) => {
       if (!e) {
         console.error("Cannot update sizes without repositoryKey");
         return;
       }
-      await O.updateRepositorySizes(e, x), await f();
+      await O.updateRepositorySizes(e, k), await f();
     },
     [e, f]
-  ), _ = b(
-    async (x) => {
+  ), A = w(
+    async (k) => {
       if (!e) {
         console.error("Cannot update collapsed without repositoryKey");
         return;
       }
       await O.updateRepositoryCollapsed(
         e,
-        x
+        k
       ), await f();
     },
     [e, f]
-  ), S = b(async () => {
-    if (!e || !(l != null && l.workspaceId)) {
+  ), v = w(async () => {
+    if (!e || !(a != null && a.workspaceId)) {
       console.error("Cannot reset without repositoryKey and active workspace");
       return;
     }
     await O.resetRepositoryToWorkspaceDefaults(
       e,
-      l.workspaceId
+      a.workspaceId
     ), await f();
-  }, [e, l == null ? void 0 : l.workspaceId, f]), w = b(async () => {
+  }, [e, a == null ? void 0 : a.workspaceId, f]), S = w(async () => {
     await f();
   }, [f]);
   return {
     workspaces: s,
-    repositoryState: l,
+    repositoryState: a,
     activeWorkspace: g,
-    loading: k,
+    loading: x,
     error: h,
     getWorkspace: d,
-    createWorkspace: p,
-    updateWorkspace: T,
-    deleteWorkspace: W,
-    applyWorkspace: D,
-    updateSizes: I,
-    updateCollapsed: _,
-    resetToDefaults: S,
-    refresh: w
+    createWorkspace: u,
+    updateWorkspace: y,
+    deleteWorkspace: L,
+    applyWorkspace: q,
+    updateSizes: z,
+    updateCollapsed: A,
+    resetToDefaults: v,
+    refresh: S
   };
 }
 function ut(o = {}) {
@@ -755,93 +755,93 @@ function ut(o = {}) {
     panelType: r = "three-panel",
     onFocusChange: s,
     events: i,
-    getPanelId: l
-  } = o, [n, g] = L(
+    getPanelId: a
+  } = o, [n, g] = _(
     e
-  ), c = b(
+  ), c = w(
     (d) => {
-      const p = n;
-      if (g(d), s == null || s(d), i && l) {
-        if (p) {
-          const W = l(p);
-          W && i.emit({
+      const u = n;
+      if (g(d), s == null || s(d), i && a) {
+        if (u) {
+          const L = a(u);
+          L && i.emit({
             type: "panel:blur",
             source: "panel-layouts",
             timestamp: Date.now(),
             payload: {
-              panelId: W,
-              panelSlot: p,
-              nextPanelId: l(d)
+              panelId: L,
+              panelSlot: u,
+              nextPanelId: a(d)
             }
           });
         }
-        const T = l(d);
-        T && i.emit({
+        const y = a(d);
+        y && i.emit({
           type: "panel:focus",
           source: "panel-layouts",
           timestamp: Date.now(),
           payload: {
-            panelId: T,
+            panelId: y,
             panelSlot: d,
             source: "keyboard-shortcut"
           }
         });
       }
     },
-    [n, s, i, l]
-  ), k = b(() => {
+    [n, s, i, a]
+  ), x = w(() => {
     const d = n;
-    if (g(null), s == null || s(null), i && l && d) {
-      const p = l(d);
-      p && i.emit({
+    if (g(null), s == null || s(null), i && a && d) {
+      const u = a(d);
+      u && i.emit({
         type: "panel:blur",
         source: "panel-layouts",
         timestamp: Date.now(),
         payload: {
-          panelId: p,
+          panelId: u,
           panelSlot: d
         }
       });
     }
-  }, [n, s, i, l]), u = b(() => {
+  }, [n, s, i, a]), p = w(() => {
     const d = [];
     return t.left || d.push("left"), d.push("middle"), r === "three-panel" && !t.right && d.push("right"), d;
-  }, [t, r]), h = b(() => {
-    const d = u();
+  }, [t, r]), h = w(() => {
+    const d = p();
     if (d.length === 0) return;
     if (n === null) {
       c(d[0]);
       return;
     }
-    const p = d.indexOf(n);
-    if (p === -1) {
+    const u = d.indexOf(n);
+    if (u === -1) {
       c(d[0]);
       return;
     }
-    const T = (p + 1) % d.length;
-    c(d[T]);
-  }, [n, u, c]), C = b(() => {
-    const d = u();
+    const y = (u + 1) % d.length;
+    c(d[y]);
+  }, [n, p, c]), C = w(() => {
+    const d = p();
     if (d.length === 0) return;
     if (n === null) {
       c(d[d.length - 1]);
       return;
     }
-    const p = d.indexOf(n);
-    if (p === -1) {
+    const u = d.indexOf(n);
+    if (u === -1) {
       c(d[d.length - 1]);
       return;
     }
-    const T = p === 0 ? d.length - 1 : p - 1;
-    c(d[T]);
-  }, [n, u, c]), f = b(
+    const y = u === 0 ? d.length - 1 : u - 1;
+    c(d[y]);
+  }, [n, p, c]), f = w(
     (d) => n === d,
     [n]
   );
   return {
     focusedPanel: n,
     setFocus: c,
-    clearFocus: k,
+    clearFocus: x,
     focusNext: h,
     focusPrevious: C,
     isFocused: f
@@ -854,45 +854,45 @@ function ft(o) {
     collapsed: r,
     panelType: s,
     setFocus: i,
-    onExpand: l,
+    onExpand: a,
     onCollapse: n
-  } = o, g = J(t), c = J(r), k = J(s);
-  R(() => {
+  } = o, g = U(t), c = U(r), x = U(s);
+  E(() => {
     g.current = t;
-  }, [t]), R(() => {
+  }, [t]), E(() => {
     c.current = r;
-  }, [r]), R(() => {
-    k.current = s;
+  }, [r]), E(() => {
+    x.current = s;
   }, [s]);
-  const u = b(
+  const p = w(
     (h) => {
       if (!h.altKey || h.ctrlKey || h.metaKey || h.shiftKey)
         return;
-      const C = h.code, f = g.current, d = c.current, p = k.current;
-      C === "Digit1" || C === "Numpad1" ? (h.preventDefault(), d.left ? l("left") : f !== "left" ? i("left") : (n("left"), i("middle"))) : C === "Digit2" || C === "Numpad2" ? (h.preventDefault(), i("middle")) : (C === "Digit3" || C === "Numpad3") && p === "three-panel" && (h.preventDefault(), d.right ? l("right") : f !== "right" ? i("right") : (n("right"), i("middle")));
+      const C = h.code, f = g.current, d = c.current, u = x.current;
+      C === "Digit1" || C === "Numpad1" ? (h.preventDefault(), d.left ? a("left") : f !== "left" ? i("left") : (n("left"), i("middle"))) : C === "Digit2" || C === "Numpad2" ? (h.preventDefault(), i("middle")) : (C === "Digit3" || C === "Numpad3") && u === "three-panel" && (h.preventDefault(), d.right ? a("right") : f !== "right" ? i("right") : (n("right"), i("middle")));
     },
-    [i, l, n]
+    [i, a, n]
   );
-  R(() => {
+  E(() => {
     if (e)
-      return window.addEventListener("keydown", u), () => {
-        window.removeEventListener("keydown", u);
+      return window.addEventListener("keydown", p), () => {
+        window.removeEventListener("keydown", p);
       };
-  }, [e, u]);
+  }, [e, p]);
 }
 function gt(o, e, t, r) {
-  R(() => {
+  E(() => {
     const s = e.on(
       "panel:focus",
-      (l) => {
-        l.payload.panelId === o && t();
+      (a) => {
+        a.payload.panelId === o && t();
       }
     );
     let i;
     return r && (i = e.on(
       "panel:blur",
-      (l) => {
-        l.payload.panelId === o && r();
+      (a) => {
+        a.payload.panelId === o && r();
       }
     )), () => {
       s(), i == null || i();
@@ -920,7 +920,7 @@ const ht = ({
     transition: "opacity 0.15s ease-in-out",
     ...t
   };
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ l(
     "div",
     {
       className: `panel-focus-indicator ${e}`,
@@ -929,10 +929,10 @@ const ht = ({
       "aria-hidden": "true"
     }
   );
-}, fe = "focus-mode-overlay-keyframes", Me = () => {
-  if (typeof document > "u" || document.getElementById(fe)) return;
+}, ge = "focus-mode-overlay-keyframes", je = () => {
+  if (typeof document > "u" || document.getElementById(ge)) return;
   const o = document.createElement("style");
-  o.id = fe, o.textContent = `
+  o.id = ge, o.textContent = `
     @keyframes focus-overlay-vignette-drift {
       0%, 100% {
         background-position: 50% 50%;
@@ -984,56 +984,56 @@ const ht = ({
   opacity: r = 0.95,
   animationDuration: s = 300,
   cascadeDelay: i = 0,
-  color: l,
+  color: a,
   hideOnHover: n = !0,
   className: g = "",
   style: c = {}
 }) => {
-  const { theme: k } = Y(), [u, h] = L(!1), [C, f] = L(!1), d = J(null);
-  R(() => {
-    Me();
-  }, []), R(() => {
+  const { theme: x } = ee(), [p, h] = _(!1), [C, f] = _(!1), d = U(null);
+  E(() => {
+    je();
+  }, []), E(() => {
     if (!n || !o) {
       f(!1);
       return;
     }
-    const X = (H) => {
+    const te = (H) => {
       if (d.current) {
-        const M = d.current.getBoundingClientRect(), te = H.clientX >= M.left && H.clientX <= M.right && H.clientY >= M.top && H.clientY <= M.bottom;
-        f(te);
+        const M = d.current.getBoundingClientRect(), oe = H.clientX >= M.left && H.clientX <= M.right && H.clientY >= M.top && H.clientY <= M.bottom;
+        f(oe);
       }
     };
-    return document.addEventListener("mousemove", X), () => document.removeEventListener("mousemove", X);
-  }, [n, o]), R(() => {
+    return document.addEventListener("mousemove", te), () => document.removeEventListener("mousemove", te);
+  }, [n, o]), E(() => {
     if (o) {
-      const X = setTimeout(() => h(!0), i);
-      return () => clearTimeout(X);
+      const te = setTimeout(() => h(!0), i);
+      return () => clearTimeout(te);
     } else
       h(!1);
   }, [o, i]);
-  const p = l || k.colors.background, T = () => {
+  const u = a || x.colors.background, y = () => {
     switch (e) {
       case "soft-fade":
         return {
-          backgroundColor: p,
-          opacity: u ? r : 0,
+          backgroundColor: u,
+          opacity: p ? r : 0,
           transition: `opacity ${s}ms ease-out`
         };
       case "cascading-fade":
         return {
-          backgroundColor: p,
-          opacity: u ? r : 0,
+          backgroundColor: u,
+          opacity: p ? r : 0,
           transition: `opacity ${s}ms ease-out`,
-          transitionDelay: u ? "0ms" : `${i}ms`
+          transitionDelay: p ? "0ms" : `${i}ms`
         };
       default:
         return {
-          backgroundColor: p,
-          opacity: u ? r : 0,
+          backgroundColor: u,
+          opacity: p ? r : 0,
           transition: `opacity ${s}ms ease-out`
         };
     }
-  }, W = n && C, D = {
+  }, L = n && C, q = {
     position: "absolute",
     top: 0,
     left: 0,
@@ -1042,49 +1042,49 @@ const ht = ({
     pointerEvents: "none",
     zIndex: 999,
     overflow: "hidden",
-    ...T(),
+    ...y(),
     // Override opacity when hovered
-    ...W ? { opacity: 0 } : {},
+    ...L ? { opacity: 0 } : {},
     ...c
-  }, I = t.includes("vignette-drift"), _ = t.includes("radial-breathing"), S = t.includes("snowfall"), w = (X, H) => {
-    const M = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(X);
+  }, z = t.includes("vignette-drift"), A = t.includes("radial-breathing"), v = t.includes("snowfall"), S = (te, H) => {
+    const M = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(te);
     if (!M) return `rgba(255, 255, 255, ${H})`;
-    const te = parseInt(M[1], 16), B = parseInt(M[2], 16), U = parseInt(M[3], 16);
-    return `rgba(${te}, ${B}, ${U}, ${H})`;
-  }, x = k.colors.primary, A = {
+    const oe = parseInt(M[1], 16), V = parseInt(M[2], 16), Y = parseInt(M[3], 16);
+    return `rgba(${oe}, ${V}, ${Y}, ${H})`;
+  }, k = x.colors.primary, I = {
     position: "absolute",
     top: 0,
     left: 0,
     right: 0,
     bottom: 0,
     pointerEvents: "none",
-    opacity: u ? 1 : 0,
+    opacity: p ? 1 : 0,
     transition: `opacity ${s}ms ease-out`,
-    background: `radial-gradient(circle at 50% 50%, ${w(x, 0.12)} 0%, ${w(x, 0.06)} 25%, transparent 50%)`,
+    background: `radial-gradient(circle at 50% 50%, ${S(k, 0.12)} 0%, ${S(k, 0.06)} 25%, transparent 50%)`,
     backgroundSize: "150% 150%",
-    animation: u ? "focus-overlay-vignette-drift 12s ease-in-out infinite" : "none"
-  }, z = {
+    animation: p ? "focus-overlay-vignette-drift 12s ease-in-out infinite" : "none"
+  }, W = {
     position: "absolute",
     top: 0,
     left: 0,
     right: 0,
     bottom: 0,
     pointerEvents: "none",
-    opacity: u ? 1 : 0,
+    opacity: p ? 1 : 0,
     transition: `opacity ${s}ms ease-out`,
-    background: `radial-gradient(circle at center, ${w(x, 0.15)} 0%, ${w(x, 0.06)} 30%, transparent 55%)`,
-    animation: u ? "focus-overlay-radial-breathing 4s ease-in-out infinite" : "none"
-  }, $ = w(x, 0.6), v = w(x, 0.4), P = w(x, 0.25), V = {
+    background: `radial-gradient(circle at center, ${S(k, 0.15)} 0%, ${S(k, 0.06)} 30%, transparent 55%)`,
+    animation: p ? "focus-overlay-radial-breathing 4s ease-in-out infinite" : "none"
+  }, $ = S(k, 0.6), T = S(k, 0.4), P = S(k, 0.25), B = {
     position: "absolute",
     top: 0,
     left: 0,
     right: 0,
     bottom: 0,
     pointerEvents: "none",
-    opacity: u ? 1 : 0,
+    opacity: p ? 1 : 0,
     transition: `opacity ${s}ms ease-out`
-  }, ae = {
-    ...V,
+  }, se = {
+    ...B,
     background: `
       radial-gradient(circle, ${$} 0%, ${$} 3px, transparent 3px),
       radial-gradient(circle, ${$} 0%, ${$} 3px, transparent 3px),
@@ -1093,21 +1093,21 @@ const ht = ({
     `,
     backgroundSize: "150px 150px",
     backgroundPosition: "10px 20px, 60px 80px, 110px 40px, 40px 120px",
-    animation: u ? "focus-overlay-snowfall-1 4s linear infinite" : "none"
-  }, K = {
-    ...V,
+    animation: p ? "focus-overlay-snowfall-1 4s linear infinite" : "none"
+  }, G = {
+    ...B,
     background: `
-      radial-gradient(circle, ${v} 0%, ${v} 2px, transparent 2px),
-      radial-gradient(circle, ${v} 0%, ${v} 2px, transparent 2px),
-      radial-gradient(circle, ${v} 0%, ${v} 2px, transparent 2px),
-      radial-gradient(circle, ${v} 0%, ${v} 2px, transparent 2px),
-      radial-gradient(circle, ${v} 0%, ${v} 2px, transparent 2px)
+      radial-gradient(circle, ${T} 0%, ${T} 2px, transparent 2px),
+      radial-gradient(circle, ${T} 0%, ${T} 2px, transparent 2px),
+      radial-gradient(circle, ${T} 0%, ${T} 2px, transparent 2px),
+      radial-gradient(circle, ${T} 0%, ${T} 2px, transparent 2px),
+      radial-gradient(circle, ${T} 0%, ${T} 2px, transparent 2px)
     `,
     backgroundSize: "150px 150px",
     backgroundPosition: "30px 10px, 90px 60px, 15px 100px, 120px 30px, 70px 130px",
-    animation: u ? "focus-overlay-snowfall-2 7s linear infinite" : "none"
-  }, G = {
-    ...V,
+    animation: p ? "focus-overlay-snowfall-2 7s linear infinite" : "none"
+  }, K = {
+    ...B,
     background: `
       radial-gradient(circle, ${P} 0%, ${P} 1.5px, transparent 1.5px),
       radial-gradient(circle, ${P} 0%, ${P} 1.5px, transparent 1.5px),
@@ -1118,101 +1118,102 @@ const ht = ({
     `,
     backgroundSize: "150px 150px",
     backgroundPosition: "20px 5px, 80px 45px, 45px 90px, 130px 20px, 5px 70px, 100px 110px",
-    animation: u ? "focus-overlay-snowfall-3 12s linear infinite" : "none"
+    animation: p ? "focus-overlay-snowfall-3 12s linear infinite" : "none"
   };
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ b(
     "div",
     {
       ref: d,
       className: `focus-mode-overlay focus-mode-overlay--${e} ${g}`,
-      style: D,
+      style: q,
       role: "presentation",
       "aria-hidden": "true",
       "data-active": o,
       "data-variant": e,
       children: [
-        I && /* @__PURE__ */ a(
+        z && /* @__PURE__ */ l(
           "div",
           {
             className: "focus-mode-overlay__vignette-drift",
-            style: A
+            style: I
           }
         ),
-        _ && /* @__PURE__ */ a(
+        A && /* @__PURE__ */ l(
           "div",
           {
             className: "focus-mode-overlay__radial-breathing",
-            style: z
+            style: W
           }
         ),
-        S && /* @__PURE__ */ y(ce, { children: [
-          /* @__PURE__ */ a(
+        v && /* @__PURE__ */ b(ce, { children: [
+          /* @__PURE__ */ l(
             "div",
             {
               className: "focus-mode-overlay__snowfall-layer-3",
-              style: G
+              style: K
             }
           ),
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ l(
             "div",
             {
               className: "focus-mode-overlay__snowfall-layer-2",
-              style: K
+              style: G
             }
           ),
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ l(
             "div",
             {
               className: "focus-mode-overlay__snowfall-layer-1",
-              style: ae
+              style: se
             }
           )
         ] })
       ]
     }
   );
-}, ye = ({
+}, xe = ({
   value: o,
   onChange: e,
   onSubmit: t,
   onClose: r,
   onHistoryPrevious: s,
   onHistoryNext: i,
-  mode: l,
+  mode: a,
   status: n,
   placeholder: g = "What would you like to do?",
   disabled: c = !1,
-  autoFocus: k = !0,
-  agentAvailable: u = !0,
+  autoFocus: x = !0,
+  agentAvailable: p = !0,
   showAutocomplete: h = !1,
-  onAutocompleteNext: C,
-  onAutocompletePrevious: f,
-  onAutocompleteAccept: d
+  autocompleteItemCount: C = 0,
+  onAutocompleteNext: f,
+  onAutocompletePrevious: d,
+  onAutocompleteAccept: u
 }) => {
-  const { theme: p } = Y(), T = J(null);
-  R(() => {
-    k && T.current && T.current.focus();
-  }, [k]);
-  const W = (I) => {
-    switch (I.stopPropagation(), I.key) {
+  const { theme: y } = ee(), L = U(null);
+  E(() => {
+    x && L.current && L.current.focus();
+  }, [x]);
+  const q = (A) => {
+    switch (A.stopPropagation(), A.key) {
       case "Enter":
-        I.preventDefault(), t();
+        A.preventDefault(), h && C === 1 && u ? u(!0) : t();
         break;
       case "Escape":
-        I.preventDefault(), r();
+        A.preventDefault(), r();
         break;
       case "Tab":
-        h && d && (I.preventDefault(), d());
+        h && u && (A.preventDefault(), u());
         break;
       case "ArrowUp":
-        I.preventDefault(), h && f ? f() : s();
+        A.preventDefault(), h && d ? d() : s();
         break;
       case "ArrowDown":
-        I.preventDefault(), h && C ? C() : i();
+        A.preventDefault(), h && f ? f() : i();
         break;
     }
-  }, D = n === "thinking" || n === "executing";
-  return /* @__PURE__ */ y(
+  }, z = n === "thinking" || n === "executing";
+  return /* @__PURE__ */ b(
     "div",
     {
       style: {
@@ -1220,22 +1221,22 @@ const ht = ({
         alignItems: "center",
         gap: "8px",
         padding: "12px 16px",
-        backgroundColor: p.colors.background,
-        borderBottom: `1px solid ${p.colors.border}`
+        backgroundColor: y.colors.background,
+        borderBottom: `1px solid ${y.colors.border}`
       },
       children: [
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ l(
           "span",
           {
             style: {
-              color: l === "quick-command" ? p.colors.info : u ? p.colors.primary : p.colors.textMuted,
-              fontFamily: p.fonts.monospace,
-              fontSize: p.fontSizes[1],
+              color: a === "quick-command" ? y.colors.info : p ? y.colors.primary : y.colors.textMuted,
+              fontFamily: y.fonts.monospace,
+              fontSize: y.fontSizes[1],
               userSelect: "none",
               display: "flex",
               alignItems: "center"
             },
-            children: l === "quick-command" ? /* @__PURE__ */ y(
+            children: a === "quick-command" ? /* @__PURE__ */ b(
               "svg",
               {
                 width: "16",
@@ -1247,11 +1248,11 @@ const ht = ({
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
                 children: [
-                  /* @__PURE__ */ a("polyline", { points: "4 17 10 11 4 5" }),
-                  /* @__PURE__ */ a("line", { x1: "12", y1: "19", x2: "20", y2: "19" })
+                  /* @__PURE__ */ l("polyline", { points: "4 17 10 11 4 5" }),
+                  /* @__PURE__ */ l("line", { x1: "12", y1: "19", x2: "20", y2: "19" })
                 ]
               }
-            ) : u ? /* @__PURE__ */ y(
+            ) : p ? /* @__PURE__ */ b(
               "svg",
               {
                 width: "16",
@@ -1263,51 +1264,51 @@ const ht = ({
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
                 children: [
-                  /* @__PURE__ */ a("rect", { x: "3", y: "11", width: "18", height: "10", rx: "2" }),
-                  /* @__PURE__ */ a("circle", { cx: "12", cy: "5", r: "2" }),
-                  /* @__PURE__ */ a("path", { d: "M12 7v4" }),
-                  /* @__PURE__ */ a("line", { x1: "8", y1: "16", x2: "8", y2: "16" }),
-                  /* @__PURE__ */ a("line", { x1: "16", y1: "16", x2: "16", y2: "16" })
+                  /* @__PURE__ */ l("rect", { x: "3", y: "11", width: "18", height: "10", rx: "2" }),
+                  /* @__PURE__ */ l("circle", { cx: "12", cy: "5", r: "2" }),
+                  /* @__PURE__ */ l("path", { d: "M12 7v4" }),
+                  /* @__PURE__ */ l("line", { x1: "8", y1: "16", x2: "8", y2: "16" }),
+                  /* @__PURE__ */ l("line", { x1: "16", y1: "16", x2: "16", y2: "16" })
                 ]
               }
             ) : ">"
           }
         ),
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ l(
           "input",
           {
-            ref: T,
+            ref: L,
             "data-agent-command-palette-input": !0,
             type: "text",
             value: o,
-            onChange: (I) => e(I.target.value),
-            onKeyDown: W,
+            onChange: (A) => e(A.target.value),
+            onKeyDown: q,
             placeholder: g,
-            disabled: c || D,
+            disabled: c || z,
             style: {
               flex: 1,
               backgroundColor: "transparent",
               border: "none",
               outline: "none",
-              color: p.colors.text,
-              fontFamily: p.fonts.monospace,
-              fontSize: p.fontSizes[1],
-              caretColor: p.colors.primary
+              color: y.colors.text,
+              fontFamily: y.fonts.monospace,
+              fontSize: y.fontSizes[1],
+              caretColor: y.colors.primary
             }
           }
         ),
-        D && /* @__PURE__ */ y(
+        z && /* @__PURE__ */ b(
           "span",
           {
             style: {
-              color: p.colors.info,
-              fontSize: p.fontSizes[0],
+              color: y.colors.info,
+              fontSize: y.fontSizes[0],
               display: "flex",
               alignItems: "center",
               gap: "4px"
             },
             children: [
-              /* @__PURE__ */ a(
+              /* @__PURE__ */ l(
                 "span",
                 {
                   style: {
@@ -1315,7 +1316,7 @@ const ht = ({
                     width: "8px",
                     height: "8px",
                     borderRadius: "50%",
-                    backgroundColor: p.colors.info,
+                    backgroundColor: y.colors.info,
                     animation: "pulse 1s ease-in-out infinite"
                   }
                 }
@@ -1324,16 +1325,16 @@ const ht = ({
             ]
           }
         ),
-        !D && /* @__PURE__ */ a(
+        !z && /* @__PURE__ */ l(
           "kbd",
           {
             style: {
               padding: "2px 6px",
-              backgroundColor: p.colors.backgroundSecondary,
+              backgroundColor: y.colors.backgroundSecondary,
               borderRadius: "3px",
-              border: `1px solid ${p.colors.border}`,
-              fontSize: p.fontSizes[0],
-              color: p.colors.textMuted
+              border: `1px solid ${y.colors.border}`,
+              fontSize: y.fontSizes[0],
+              color: y.colors.textMuted
             },
             children: "Alt+P"
           }
@@ -1342,9 +1343,9 @@ const ht = ({
     }
   );
 };
-ye.displayName = "AgentCommandInput";
-const je = ({ status: o }) => {
-  const { theme: e } = Y(), t = {
+xe.displayName = "AgentCommandInput";
+const qe = ({ status: o }) => {
+  const { theme: e } = ee(), t = {
     display: "inline-flex",
     alignItems: "center",
     justifyContent: "center",
@@ -1354,9 +1355,9 @@ const je = ({ status: o }) => {
   };
   switch (o) {
     case "pending":
-      return /* @__PURE__ */ a("span", { style: { ...t, color: e.colors.textMuted }, children: "○" });
+      return /* @__PURE__ */ l("span", { style: { ...t, color: e.colors.textMuted }, children: "○" });
     case "running":
-      return /* @__PURE__ */ a(
+      return /* @__PURE__ */ l(
         "span",
         {
           style: {
@@ -1368,16 +1369,16 @@ const je = ({ status: o }) => {
         }
       );
     case "success":
-      return /* @__PURE__ */ a("span", { style: { ...t, color: e.colors.success }, children: "✓" });
+      return /* @__PURE__ */ l("span", { style: { ...t, color: e.colors.success }, children: "✓" });
     case "error":
-      return /* @__PURE__ */ a("span", { style: { ...t, color: e.colors.error }, children: "✗" });
+      return /* @__PURE__ */ l("span", { style: { ...t, color: e.colors.error }, children: "✗" });
   }
-}, qe = (o) => {
+}, Ne = (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(", ");
-}, Ne = ({ tool: o, compact: e }) => {
-  const { theme: t } = Y(), r = qe(o.args);
-  return /* @__PURE__ */ y(
+}, Fe = ({ tool: o, compact: e }) => {
+  const { theme: t } = ee(), r = Ne(o.args);
+  return /* @__PURE__ */ b(
     "div",
     {
       style: {
@@ -1389,16 +1390,16 @@ const je = ({ status: o }) => {
         fontSize: t.fontSizes[1]
       },
       children: [
-        /* @__PURE__ */ a(je, { status: o.status }),
-        /* @__PURE__ */ y("span", { style: { color: t.colors.text }, children: [
+        /* @__PURE__ */ l(qe, { status: o.status }),
+        /* @__PURE__ */ b("span", { style: { color: t.colors.text }, children: [
           o.name,
-          r && /* @__PURE__ */ y("span", { style: { color: t.colors.textMuted }, children: [
+          r && /* @__PURE__ */ b("span", { style: { color: t.colors.textMuted }, children: [
             "(",
             r,
             ")"
           ] })
         ] }),
-        o.status === "running" && /* @__PURE__ */ a(
+        o.status === "running" && /* @__PURE__ */ l(
           "span",
           {
             style: {
@@ -1409,7 +1410,7 @@ const je = ({ status: o }) => {
             children: "[running]"
           }
         ),
-        o.status === "success" && /* @__PURE__ */ a(
+        o.status === "success" && /* @__PURE__ */ l(
           "span",
           {
             style: {
@@ -1420,7 +1421,7 @@ const je = ({ status: o }) => {
             children: "[done]"
           }
         ),
-        o.status === "error" && /* @__PURE__ */ a(
+        o.status === "error" && /* @__PURE__ */ l(
           "span",
           {
             style: {
@@ -1435,12 +1436,12 @@ const je = ({ status: o }) => {
       ]
     }
   );
-}, xe = ({
+}, ke = ({
   tools: o,
   compact: e = !1
 }) => {
-  const { theme: t } = Y();
-  return o.length === 0 ? null : /* @__PURE__ */ a(
+  const { theme: t } = ee();
+  return o.length === 0 ? null : /* @__PURE__ */ l(
     "div",
     {
       style: {
@@ -1449,20 +1450,20 @@ const je = ({ status: o }) => {
         borderRadius: "4px",
         margin: "8px 16px"
       },
-      children: o.map((r) => /* @__PURE__ */ a(Ne, { tool: r, compact: e }, r.id))
+      children: o.map((r) => /* @__PURE__ */ l(Fe, { tool: r, compact: e }, r.id))
     }
   );
 };
-xe.displayName = "ToolExecutionList";
-const ke = ({
+ke.displayName = "ToolExecutionList";
+const be = ({
   response: o,
   streaming: e = !1
 }) => {
-  const { theme: t } = Y();
+  const { theme: t } = ee();
   if (!o)
     return null;
   const r = o.toLowerCase().startsWith("error"), s = o.toLowerCase().startsWith("done") || o.toLowerCase().startsWith("executed");
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ b(
     "div",
     {
       style: {
@@ -1474,11 +1475,11 @@ const ke = ({
         gap: "8px"
       },
       children: [
-        s && /* @__PURE__ */ a("span", { children: "✓" }),
-        r && /* @__PURE__ */ a("span", { children: "✗" }),
-        /* @__PURE__ */ y("span", { children: [
+        s && /* @__PURE__ */ l("span", { children: "✓" }),
+        r && /* @__PURE__ */ l("span", { children: "✗" }),
+        /* @__PURE__ */ b("span", { children: [
           o,
-          e && /* @__PURE__ */ a(
+          e && /* @__PURE__ */ l(
             "span",
             {
               style: {
@@ -1496,45 +1497,45 @@ const ke = ({
     }
   );
 };
-ke.displayName = "AgentResponseDisplay";
-function ge({
+be.displayName = "AgentResponseDisplay";
+function he({
   text: o,
   matchedIndices: e,
   highlightColor: t
 }) {
   if (!e.length)
-    return /* @__PURE__ */ a(ce, { children: o });
+    return /* @__PURE__ */ l(ce, { children: o });
   const r = new Set(e), s = o.split("");
-  return /* @__PURE__ */ a(ce, { children: s.map((i, l) => /* @__PURE__ */ a(
+  return /* @__PURE__ */ l(ce, { children: s.map((i, a) => /* @__PURE__ */ l(
     "span",
     {
       style: {
-        color: r.has(l) ? t : "inherit",
-        fontWeight: r.has(l) ? 600 : "inherit"
+        color: r.has(a) ? t : "inherit",
+        fontWeight: r.has(a) ? 600 : "inherit"
       },
       children: i
     },
-    l
+    a
   )) });
 }
-const be = ({
+const we = ({
   matches: o,
   argumentMatches: e = [],
   currentArg: t,
   isEnteringArgs: r = !1,
   selectedIndex: s,
   onSelect: i,
-  maxVisible: l = 6
+  maxVisible: a = 6
 }) => {
-  const { theme: n } = Y(), g = J(null), c = J(null);
-  if (R(() => {
+  const { theme: n } = ee(), g = U(null), c = U(null);
+  if (E(() => {
     c.current && g.current && c.current.scrollIntoView({
       block: "nearest",
       behavior: "smooth"
     });
   }, [s]), r && e.length > 0) {
-    const C = 40 * l;
-    return /* @__PURE__ */ y(
+    const C = 40 * a;
+    return /* @__PURE__ */ b(
       "div",
       {
         ref: g,
@@ -1544,7 +1545,7 @@ const be = ({
           borderTop: `1px solid ${n.colors.border}`
         },
         children: [
-          t && /* @__PURE__ */ y(
+          t && /* @__PURE__ */ b(
             "div",
             {
               style: {
@@ -1555,8 +1556,8 @@ const be = ({
                 borderBottom: `1px solid ${n.colors.border}`
               },
               children: [
-                /* @__PURE__ */ a("span", { style: { color: n.colors.textSecondary }, children: t.name }),
-                t.description && /* @__PURE__ */ y("span", { style: { marginLeft: "8px" }, children: [
+                /* @__PURE__ */ l("span", { style: { color: n.colors.textSecondary }, children: t.name }),
+                t.description && /* @__PURE__ */ b("span", { style: { marginLeft: "8px" }, children: [
                   "— ",
                   t.description
                 ] })
@@ -1564,11 +1565,11 @@ const be = ({
             }
           ),
           e.map((f, d) => {
-            const p = d === s;
-            return /* @__PURE__ */ y(
+            const u = d === s;
+            return /* @__PURE__ */ b(
               "div",
               {
-                ref: p ? c : void 0,
+                ref: u ? c : void 0,
                 onClick: () => i(d),
                 style: {
                   display: "flex",
@@ -1576,18 +1577,18 @@ const be = ({
                   gap: "12px",
                   padding: "8px 16px",
                   cursor: "pointer",
-                  backgroundColor: p ? n.colors.backgroundSecondary : "transparent",
-                  borderLeft: p ? `2px solid ${n.colors.primary}` : "2px solid transparent",
+                  backgroundColor: u ? n.colors.backgroundSecondary : "transparent",
+                  borderLeft: u ? `2px solid ${n.colors.primary}` : "2px solid transparent",
                   transition: "background-color 100ms ease"
                 },
-                onMouseEnter: (T) => {
-                  p || (T.currentTarget.style.backgroundColor = n.colors.backgroundSecondary);
+                onMouseEnter: (y) => {
+                  u || (y.currentTarget.style.backgroundColor = n.colors.backgroundSecondary);
                 },
-                onMouseLeave: (T) => {
-                  p || (T.currentTarget.style.backgroundColor = "transparent");
+                onMouseLeave: (y) => {
+                  u || (y.currentTarget.style.backgroundColor = "transparent");
                 },
                 children: [
-                  /* @__PURE__ */ a(
+                  /* @__PURE__ */ l(
                     "span",
                     {
                       style: {
@@ -1596,8 +1597,8 @@ const be = ({
                         color: n.colors.text,
                         flex: 1
                       },
-                      children: /* @__PURE__ */ a(
-                        ge,
+                      children: /* @__PURE__ */ l(
+                        he,
                         {
                           text: f.option,
                           matchedIndices: f.matchedIndices,
@@ -1606,7 +1607,7 @@ const be = ({
                       )
                     }
                   ),
-                  p && /* @__PURE__ */ a(
+                  u && /* @__PURE__ */ l(
                     "kbd",
                     {
                       style: {
@@ -1632,19 +1633,19 @@ const be = ({
   }
   if (o.length === 0)
     return null;
-  const u = 48 * l;
-  return /* @__PURE__ */ a(
+  const p = 48 * a;
+  return /* @__PURE__ */ l(
     "div",
     {
       ref: g,
       style: {
-        maxHeight: `${u}px`,
+        maxHeight: `${p}px`,
         overflowY: "auto",
         borderTop: `1px solid ${n.colors.border}`
       },
       children: o.map((h, C) => {
         const f = C === s, d = h.command;
-        return /* @__PURE__ */ y(
+        return /* @__PURE__ */ b(
           "div",
           {
             ref: f ? c : void 0,
@@ -1659,14 +1660,14 @@ const be = ({
               borderLeft: f ? `2px solid ${n.colors.primary}` : "2px solid transparent",
               transition: "background-color 100ms ease"
             },
-            onMouseEnter: (p) => {
-              f || (p.currentTarget.style.backgroundColor = n.colors.backgroundSecondary);
+            onMouseEnter: (u) => {
+              f || (u.currentTarget.style.backgroundColor = n.colors.backgroundSecondary);
             },
-            onMouseLeave: (p) => {
-              f || (p.currentTarget.style.backgroundColor = "transparent");
+            onMouseLeave: (u) => {
+              f || (u.currentTarget.style.backgroundColor = "transparent");
             },
             children: [
-              /* @__PURE__ */ a(
+              /* @__PURE__ */ l(
                 "span",
                 {
                   style: {
@@ -1678,8 +1679,8 @@ const be = ({
                   children: "/"
                 }
               ),
-              /* @__PURE__ */ y("div", { style: { flex: 1, minWidth: 0 }, children: [
-                /* @__PURE__ */ y(
+              /* @__PURE__ */ b("div", { style: { flex: 1, minWidth: 0 }, children: [
+                /* @__PURE__ */ b(
                   "div",
                   {
                     style: {
@@ -1688,15 +1689,15 @@ const be = ({
                       color: n.colors.text
                     },
                     children: [
-                      /* @__PURE__ */ a(
-                        ge,
+                      /* @__PURE__ */ l(
+                        he,
                         {
                           text: d.name,
                           matchedIndices: h.matchedOn === d.name ? h.matchedIndices : [],
                           highlightColor: n.colors.primary
                         }
                       ),
-                      h.matchedOn !== d.name && /* @__PURE__ */ y(
+                      h.matchedOn !== d.name && /* @__PURE__ */ b(
                         "span",
                         {
                           style: {
@@ -1714,7 +1715,7 @@ const be = ({
                     ]
                   }
                 ),
-                /* @__PURE__ */ a(
+                /* @__PURE__ */ l(
                   "div",
                   {
                     style: {
@@ -1729,7 +1730,7 @@ const be = ({
                   }
                 )
               ] }),
-              d.args && d.args.length > 0 && /* @__PURE__ */ a(
+              d.args && d.args.length > 0 && /* @__PURE__ */ l(
                 "div",
                 {
                   style: {
@@ -1738,21 +1739,21 @@ const be = ({
                     fontFamily: n.fonts.monospace,
                     flexShrink: 0
                   },
-                  children: d.args.map((p, T) => /* @__PURE__ */ y("span", { children: [
-                    T > 0 && " ",
-                    /* @__PURE__ */ a(
+                  children: d.args.map((u, y) => /* @__PURE__ */ b("span", { children: [
+                    y > 0 && " ",
+                    /* @__PURE__ */ l(
                       "span",
                       {
                         style: {
-                          color: p.required ? n.colors.warning : n.colors.textMuted
+                          color: u.required ? n.colors.warning : n.colors.textMuted
                         },
-                        children: p.required ? `<${p.name}>` : `[${p.name}]`
+                        children: u.required ? `<${u.name}>` : `[${u.name}]`
                       }
                     )
-                  ] }, p.name))
+                  ] }, u.name))
                 }
               ),
-              f && /* @__PURE__ */ a(
+              f && /* @__PURE__ */ l(
                 "kbd",
                 {
                   style: {
@@ -1775,68 +1776,69 @@ const be = ({
     }
   );
 };
-be.displayName = "QuickCommandAutocomplete";
-const Fe = ({
+we.displayName = "QuickCommandAutocomplete";
+const Oe = ({
   palette: o,
   config: e
 }) => {
-  const { theme: t } = Y(), r = J(null), {
+  const { theme: t } = ee(), r = U(null), {
     isOpen: s,
     close: i,
-    query: l,
+    query: a,
     setQuery: n,
     mode: g,
     status: c,
-    pendingTools: k,
-    completedTools: u,
+    pendingTools: x,
+    completedTools: p,
     agentResponse: h,
     submit: C,
     historyPrevious: f,
     historyNext: d,
-    suggestions: p,
-    agentAvailable: T,
+    suggestions: u,
+    agentAvailable: y,
     // Autocomplete
-    quickCommandMatches: W,
-    argumentOptionMatches: D,
-    parsedQuery: I,
-    currentArgDef: _,
-    selectedAutocompleteIndex: S,
-    autocompleteNext: w,
-    autocompletePrevious: x,
-    autocompleteAccept: A,
-    showAutocomplete: z
+    quickCommandMatches: L,
+    argumentOptionMatches: q,
+    parsedQuery: z,
+    currentArgDef: A,
+    selectedAutocompleteIndex: v,
+    autocompleteItemCount: S,
+    autocompleteNext: k,
+    autocompletePrevious: I,
+    autocompleteAccept: W,
+    showAutocomplete: $
   } = o;
-  R(() => {
+  E(() => {
     if (!s) return;
-    const B = (j) => {
-      r.current && !r.current.contains(j.target) && i();
-    }, U = setTimeout(() => {
-      document.addEventListener("mousedown", B);
+    const V = (N) => {
+      r.current && !r.current.contains(N.target) && i();
+    }, Y = setTimeout(() => {
+      document.addEventListener("mousedown", V);
     }, 100);
     return () => {
-      clearTimeout(U), document.removeEventListener("mousedown", B);
+      clearTimeout(Y), document.removeEventListener("mousedown", V);
     };
   }, [s, i]);
-  const [$, v] = L(!1), [P, V] = L(!1);
-  if (R(() => {
+  const [T, P] = _(!1), [B, se] = _(!1);
+  if (E(() => {
     if (s)
-      V(!0), requestAnimationFrame(() => {
+      se(!0), requestAnimationFrame(() => {
         requestAnimationFrame(() => {
-          v(!0);
+          P(!0);
         });
       });
     else {
-      v(!1);
-      const B = setTimeout(() => {
-        V(!1);
+      P(!1);
+      const V = setTimeout(() => {
+        se(!1);
       }, 150);
-      return () => clearTimeout(B);
+      return () => clearTimeout(V);
     }
-  }, [s]), !P)
+  }, [s]), !B)
     return null;
-  const ae = T ? (e == null ? void 0 : e.placeholder) || "What would you like to do?" : "Quick command mode (agent unavailable)", K = [...u, ...k], G = K.length > 0, X = h && c !== "idle", H = T && !l && c === "idle" && p.length > 0, M = (g === "quick-command" || !T) && c === "idle", te = !T && g !== "quick-command" && c === "idle";
-  return /* @__PURE__ */ y(ce, { children: [
-    /* @__PURE__ */ a(
+  const G = y ? (e == null ? void 0 : e.placeholder) || "What would you like to do?" : "Quick command mode (agent unavailable)", K = [...p, ...x], te = K.length > 0, H = h && c !== "idle", M = y && !a && c === "idle" && u.length > 0, oe = !y && g !== "quick-command" && c === "idle";
+  return /* @__PURE__ */ b(ce, { children: [
+    /* @__PURE__ */ l(
       "div",
       {
         style: {
@@ -1847,7 +1849,7 @@ const Fe = ({
         onClick: i
       }
     ),
-    /* @__PURE__ */ y(
+    /* @__PURE__ */ b(
       "div",
       {
         ref: r,
@@ -1865,16 +1867,16 @@ const Fe = ({
           display: "flex",
           flexDirection: "column-reverse",
           overflow: "hidden",
-          transform: $ ? "translateY(0)" : "translateY(100%)",
+          transform: T ? "translateY(0)" : "translateY(100%)",
           transition: "transform 150ms ease-out",
           ...e == null ? void 0 : e.style
         },
         children: [
-          /* @__PURE__ */ y("div", { children: [
-            /* @__PURE__ */ a(
-              ye,
+          /* @__PURE__ */ b("div", { children: [
+            /* @__PURE__ */ l(
+              xe,
               {
-                value: l,
+                value: a,
                 onChange: n,
                 onSubmit: C,
                 onClose: i,
@@ -1882,15 +1884,16 @@ const Fe = ({
                 onHistoryNext: d,
                 mode: g,
                 status: c,
-                placeholder: ae,
-                agentAvailable: T,
-                showAutocomplete: z,
-                onAutocompleteNext: w,
-                onAutocompletePrevious: x,
-                onAutocompleteAccept: A
+                placeholder: G,
+                agentAvailable: y,
+                showAutocomplete: $,
+                autocompleteItemCount: S,
+                onAutocompleteNext: k,
+                onAutocompletePrevious: I,
+                onAutocompleteAccept: W
               }
             ),
-            /* @__PURE__ */ y(
+            /* @__PURE__ */ b(
               "div",
               {
                 style: {
@@ -1903,8 +1906,8 @@ const Fe = ({
                   backgroundColor: t.colors.background
                 },
                 children: [
-                  /* @__PURE__ */ y("span", { children: [
-                    /* @__PURE__ */ a(
+                  /* @__PURE__ */ b("span", { children: [
+                    /* @__PURE__ */ l(
                       "kbd",
                       {
                         style: {
@@ -1919,8 +1922,8 @@ const Fe = ({
                     " ",
                     "Execute"
                   ] }),
-                  /* @__PURE__ */ y("span", { children: [
-                    /* @__PURE__ */ a(
+                  /* @__PURE__ */ b("span", { children: [
+                    /* @__PURE__ */ l(
                       "kbd",
                       {
                         style: {
@@ -1935,8 +1938,8 @@ const Fe = ({
                     " ",
                     "Close"
                   ] }),
-                  /* @__PURE__ */ y("span", { children: [
-                    /* @__PURE__ */ a(
+                  /* @__PURE__ */ b("span", { children: [
+                    /* @__PURE__ */ l(
                       "kbd",
                       {
                         style: {
@@ -1951,8 +1954,8 @@ const Fe = ({
                     " ",
                     "History"
                   ] }),
-                  /* @__PURE__ */ y("span", { style: { marginLeft: "auto" }, children: [
-                    /* @__PURE__ */ a(
+                  /* @__PURE__ */ b("span", { style: { marginLeft: "auto" }, children: [
+                    /* @__PURE__ */ l(
                       "kbd",
                       {
                         style: {
@@ -1971,16 +1974,16 @@ const Fe = ({
               }
             )
           ] }),
-          /* @__PURE__ */ y("div", { style: { overflow: "auto" }, children: [
-            G && /* @__PURE__ */ a(xe, { tools: K, compact: K.length > 3 }),
-            X && /* @__PURE__ */ a(
-              ke,
+          /* @__PURE__ */ b("div", { style: { overflow: "auto" }, children: [
+            te && /* @__PURE__ */ l(ke, { tools: K, compact: K.length > 3 }),
+            H && /* @__PURE__ */ l(
+              be,
               {
                 response: h,
                 streaming: c === "thinking"
               }
             ),
-            H && /* @__PURE__ */ y(
+            M && /* @__PURE__ */ b(
               "div",
               {
                 style: {
@@ -1990,7 +1993,7 @@ const Fe = ({
                   flexWrap: "wrap"
                 },
                 children: [
-                  /* @__PURE__ */ a(
+                  /* @__PURE__ */ l(
                     "span",
                     {
                       style: {
@@ -2001,11 +2004,11 @@ const Fe = ({
                       children: "Try:"
                     }
                   ),
-                  p.map((B, U) => /* @__PURE__ */ y(
+                  u.map((V, Y) => /* @__PURE__ */ b(
                     "button",
                     {
                       onClick: () => {
-                        n(B);
+                        n(V);
                       },
                       style: {
                         padding: "4px 10px",
@@ -2017,24 +2020,24 @@ const Fe = ({
                         cursor: "pointer",
                         transition: "background-color 150ms ease"
                       },
-                      onMouseEnter: (j) => {
-                        j.currentTarget.style.backgroundColor = t.colors.backgroundTertiary;
+                      onMouseEnter: (N) => {
+                        N.currentTarget.style.backgroundColor = t.colors.backgroundTertiary;
                       },
-                      onMouseLeave: (j) => {
-                        j.currentTarget.style.backgroundColor = t.colors.backgroundSecondary;
+                      onMouseLeave: (N) => {
+                        N.currentTarget.style.backgroundColor = t.colors.backgroundSecondary;
                       },
                       children: [
                         '"',
-                        B,
+                        V,
                         '"'
                       ]
                     },
-                    U
+                    Y
                   ))
                 ]
               }
             ),
-            te && /* @__PURE__ */ y(
+            oe && /* @__PURE__ */ b(
               "div",
               {
                 style: {
@@ -2046,10 +2049,10 @@ const Fe = ({
                   gap: "8px"
                 },
                 children: [
-                  /* @__PURE__ */ a("span", { children: "Agent unavailable." }),
-                  /* @__PURE__ */ y("span", { style: { color: t.colors.textMuted }, children: [
+                  /* @__PURE__ */ l("span", { children: "Agent unavailable." }),
+                  /* @__PURE__ */ b("span", { style: { color: t.colors.textMuted }, children: [
                     "Use quick commands (start with ",
-                    /* @__PURE__ */ a("kbd", { style: {
+                    /* @__PURE__ */ l("kbd", { style: {
                       padding: "2px 6px",
                       backgroundColor: t.colors.backgroundSecondary,
                       borderRadius: "3px",
@@ -2060,73 +2063,33 @@ const Fe = ({
                 ]
               }
             ),
-            M && /* @__PURE__ */ y(
-              "div",
+            $ && /* @__PURE__ */ l(
+              we,
               {
-                style: {
-                  padding: "12px 16px",
-                  fontSize: t.fontSizes[0],
-                  color: t.colors.textMuted,
-                  fontFamily: t.fonts.monospace
-                },
-                children: [
-                  /* @__PURE__ */ a("div", { style: { marginBottom: "8px", color: t.colors.textSecondary }, children: "Quick commands:" }),
-                  /* @__PURE__ */ y("div", { style: { display: "flex", flexDirection: "column", gap: "4px" }, children: [
-                    /* @__PURE__ */ y("div", { children: [
-                      /* @__PURE__ */ a("span", { style: { color: t.colors.info }, children: "/toggle" }),
-                      " ",
-                      /* @__PURE__ */ a("span", { style: { color: t.colors.textMuted }, children: "<left|right>" }),
-                      " ",
-                      "- Toggle sidebar visibility"
-                    ] }),
-                    /* @__PURE__ */ y("div", { children: [
-                      /* @__PURE__ */ a("span", { style: { color: t.colors.info }, children: "/switch" }),
-                      " ",
-                      /* @__PURE__ */ a("span", { style: { color: t.colors.textMuted }, children: "<slot> <panel>" }),
-                      " ",
-                      "- Switch panel content"
-                    ] }),
-                    /* @__PURE__ */ y("div", { children: [
-                      /* @__PURE__ */ a("span", { style: { color: t.colors.info }, children: "/collapse" }),
-                      " ",
-                      "- Collapse all sidebars"
-                    ] }),
-                    /* @__PURE__ */ y("div", { children: [
-                      /* @__PURE__ */ a("span", { style: { color: t.colors.info }, children: "/expand" }),
-                      " ",
-                      "- Expand all sidebars"
-                    ] })
-                  ] })
-                ]
-              }
-            ),
-            z && /* @__PURE__ */ a(
-              be,
-              {
-                matches: W,
-                argumentMatches: D,
-                currentArg: _,
-                isEnteringArgs: I.isEnteringArgs,
-                selectedIndex: S,
-                onSelect: (B) => {
-                  var j;
-                  if (I.isEnteringArgs) {
-                    const Z = D[B];
-                    if (Z) {
-                      let oe = `/${I.commandName}`;
-                      for (const ie of I.enteredArgs)
-                        oe += ` ${ie}`;
-                      oe += ` ${Z.option}`;
-                      const de = I.currentArgIndex + 1;
-                      ((j = I.command) == null ? void 0 : j.args) && de < I.command.args.length && (oe += " "), n(oe);
+                matches: L,
+                argumentMatches: q,
+                currentArg: A,
+                isEnteringArgs: z.isEnteringArgs,
+                selectedIndex: v,
+                onSelect: (V) => {
+                  var N;
+                  if (z.isEnteringArgs) {
+                    const Q = q[V];
+                    if (Q) {
+                      let re = `/${z.commandName}`;
+                      for (const ae of z.enteredArgs)
+                        re += ` ${ae}`;
+                      re += ` ${Q.option}`;
+                      const de = z.currentArgIndex + 1;
+                      ((N = z.command) == null ? void 0 : N.args) && de < z.command.args.length && (re += " "), n(re);
                     }
                     return;
                   }
-                  const U = W[B];
-                  if (U) {
-                    const Z = U.command;
-                    let oe = `/${Z.name}`;
-                    Z.args && Z.args.length > 0 && (oe += " "), n(oe);
+                  const Y = L[V];
+                  if (Y) {
+                    const Q = Y.command;
+                    let re = `/${Q.name}`;
+                    Q.args && Q.args.length > 0 && (re += " "), n(re);
                   }
                 }
               }
@@ -2135,7 +2098,7 @@ const Fe = ({
         ]
       }
     ),
-    /* @__PURE__ */ a("style", { children: `
+    /* @__PURE__ */ l("style", { children: `
           @keyframes pulse {
             0%, 100% { opacity: 1; }
             50% { opacity: 0.5; }
@@ -2151,34 +2114,29 @@ const Fe = ({
         ` })
   ] });
 };
-Fe.displayName = "AgentCommandPalette";
+Oe.displayName = "AgentCommandPalette";
 function pe(o, e) {
   const t = o.toLowerCase(), r = e.toLowerCase();
   if (!t)
     return { score: 0, matchedIndices: [] };
   const s = [];
-  let i = 0, l = 0, n = 0, g = -1;
+  let i = 0, a = 0, n = 0, g = -1;
   for (let c = 0; c < r.length && i < t.length; c++)
-    r[c] === t[i] && (s.push(c), g === c - 1 ? (n++, l += n * 2) : n = 1, c === 0 && (l += 10), c > 0 && /[_\-\s]/.test(e[c - 1]) && (l += 5), l += 1, g = c, i++);
-  return i < t.length ? null : (l -= e.length * 0.1, t === r && (l += 20), r.startsWith(t) && (l += 15), { score: l, matchedIndices: s });
+    r[c] === t[i] && (s.push(c), g === c - 1 ? (n++, a += n * 2) : n = 1, c === 0 && (a += 10), c > 0 && /[_\-\s]/.test(e[c - 1]) && (a += 5), a += 1, g = c, i++);
+  return i < t.length ? null : (a -= e.length * 0.1, t === r && (a += 20), r.startsWith(t) && (a += 15), { score: a, matchedIndices: s });
 }
-function Oe(o, e, t = 10) {
+function Ve(o, e, t = 10) {
   const r = o.replace(/^\//, "").trim();
   if (!r)
-    return e.slice(0, t).map((i) => ({
-      command: i,
-      score: 0,
-      matchedIndices: [],
-      matchedOn: i.name
-    }));
+    return [];
   const s = [];
   for (const i of e) {
-    const l = pe(r, i.name);
-    if (l) {
+    const a = pe(r, i.name);
+    if (a) {
       s.push({
         command: i,
-        score: l.score,
-        matchedIndices: l.matchedIndices,
+        score: a.score,
+        matchedIndices: a.matchedIndices,
         matchedOn: i.name
       });
       continue;
@@ -2198,16 +2156,16 @@ function Oe(o, e, t = 10) {
         }
       }
   }
-  return s.sort((i, l) => l.score - i.score).slice(0, t);
+  return s.sort((i, a) => a.score - i.score).slice(0, t);
 }
-function Ve(o, e) {
-  const r = o.replace(/^\//, "").split(/\s+/), s = r[0] || "", i = o.endsWith(" ") && o.trim().length > 0, l = e.find(
+function Be(o, e) {
+  const r = o.replace(/^\//, "").split(/\s+/), s = r[0] || "", i = o.endsWith(" ") && o.trim().length > 0, a = e.find(
     (g) => {
       var c;
-      return g.name.toLowerCase() === s.toLowerCase() || ((c = g.aliases) == null ? void 0 : c.some((k) => k.toLowerCase() === s.toLowerCase()));
+      return g.name.toLowerCase() === s.toLowerCase() || ((c = g.aliases) == null ? void 0 : c.some((x) => x.toLowerCase() === s.toLowerCase()));
     }
   ) || null;
-  if (!l)
+  if (!a)
     return {
       commandName: s,
       command: null,
@@ -2219,8 +2177,8 @@ function Ve(o, e) {
   const n = r.slice(1);
   if (i)
     return {
-      commandName: l.name,
-      command: l,
+      commandName: a.name,
+      command: a,
       enteredArgs: n,
       currentArgValue: "",
       currentArgIndex: n.length,
@@ -2229,8 +2187,8 @@ function Ve(o, e) {
   if (n.length > 0) {
     const g = n.slice(0, -1), c = n[n.length - 1];
     return {
-      commandName: l.name,
-      command: l,
+      commandName: a.name,
+      command: a,
       enteredArgs: g,
       currentArgValue: c,
       currentArgIndex: g.length,
@@ -2238,15 +2196,15 @@ function Ve(o, e) {
     };
   }
   return {
-    commandName: l.name,
-    command: l,
+    commandName: a.name,
+    command: a,
     enteredArgs: [],
     currentArgValue: "",
     currentArgIndex: -1,
     isEnteringArgs: !1
   };
 }
-function Be(o, e, t = 10) {
+function Ke(o, e, t = 10) {
   if (!e.length)
     return [];
   if (!o)
@@ -2266,7 +2224,7 @@ function Be(o, e, t = 10) {
   }
   return r.sort((s, i) => i.score - s.score).slice(0, t);
 }
-const Ke = [
+const He = [
   "hide sidebars",
   "show terminal",
   "focus editor"
@@ -2276,121 +2234,121 @@ function yt({
   keyboard: e = { key: "p", altKey: !0 },
   config: t = {},
   onExecuteTool: r,
-  initialSuggestions: s = Ke,
+  initialSuggestions: s = He,
   agentAvailable: i = !0,
-  quickCommands: l = []
+  quickCommands: a = []
 } = {}) {
-  const [n, g] = L(!1), [c, k] = L(""), [u, h] = L("natural"), [C, f] = L("idle"), [d, p] = L([]), [T, W] = L([]), [D, I] = L(""), [_, S] = L([]), [w, x] = L(-1), A = ne(() => s, [s]), [z, $] = L(-1), v = ne(() => u !== "quick-command" || !l.length ? {
+  const [n, g] = _(!1), [c, x] = _(""), [p, h] = _("natural"), [C, f] = _("idle"), [d, u] = _([]), [y, L] = _([]), [q, z] = _(""), [A, v] = _([]), [S, k] = _(-1), I = ne(() => s, [s]), [W, $] = _(-1), T = ne(() => p !== "quick-command" || !a.length ? {
     commandName: "",
     command: null,
     enteredArgs: [],
     currentArgValue: "",
     currentArgIndex: -1,
     isEnteringArgs: !1
-  } : Ve(c, l), [c, u, l]), P = ne(() => u !== "quick-command" || !l.length || v.isEnteringArgs ? [] : Oe(c, l), [c, u, l, v.isEnteringArgs]), V = ne(() => {
-    var E;
-    if (!v.isEnteringArgs || !((E = v.command) != null && E.args))
+  } : Be(c, a), [c, p, a]), P = ne(() => p !== "quick-command" || !a.length || T.isEnteringArgs ? [] : Ve(c, a), [c, p, a, T.isEnteringArgs]), B = ne(() => {
+    var R;
+    if (!T.isEnteringArgs || !((R = T.command) != null && R.args))
       return [];
-    const m = v.command.args[v.currentArgIndex];
-    return m != null && m.options ? Be(v.currentArgValue, m.options) : [];
-  }, [v]), ae = ne(() => {
+    const m = T.command.args[T.currentArgIndex];
+    return m != null && m.options ? Ke(T.currentArgValue, m.options) : [];
+  }, [T]), se = ne(() => {
     var m;
-    return !v.isEnteringArgs || !((m = v.command) != null && m.args) ? null : v.command.args[v.currentArgIndex] || null;
-  }, [v]), K = ne(() => u !== "quick-command" || C !== "idle" || c.length === 0 ? !1 : P.length > 0 || V.length > 0, [u, C, c.length, P.length, V.length]), G = ne(() => v.isEnteringArgs ? V.length : P.length, [v.isEnteringArgs, V.length, P.length]);
-  R(() => {
-    $(G > 0 ? 0 : -1);
-  }, [G]);
-  const X = b((m) => {
-    k(m), h(m.startsWith("/") ? "quick-command" : "natural");
-  }, []), H = b(() => {
-    g(!0), i ? (k(""), h("natural")) : (k("/"), h("quick-command")), f("idle"), p([]), W([]), I(""), x(-1), o == null || o.emit({
+    return !T.isEnteringArgs || !((m = T.command) != null && m.args) ? null : T.command.args[T.currentArgIndex] || null;
+  }, [T]), G = ne(() => p !== "quick-command" || C !== "idle" || c.length === 0 ? !1 : P.length > 0 || B.length > 0, [p, C, c.length, P.length, B.length]), K = ne(() => T.isEnteringArgs ? B.length : P.length, [T.isEnteringArgs, B.length, P.length]);
+  E(() => {
+    $(K > 0 ? 0 : -1);
+  }, [K]);
+  const te = w((m) => {
+    x(m), h(m.startsWith("/") ? "quick-command" : "natural");
+  }, []), H = w(() => {
+    g(!0), i ? (x(""), h("natural")) : (x("/"), h("quick-command")), f("idle"), u([]), L([]), z(""), k(-1), o == null || o.emit({
       type: "agent-command-palette:opened",
       source: "agent-command-palette",
       timestamp: Date.now(),
       payload: {}
     });
-  }, [o, i]), M = b(() => {
+  }, [o, i]), M = w(() => {
     g(!1), o == null || o.emit({
       type: "agent-command-palette:closed",
       source: "agent-command-palette",
       timestamp: Date.now(),
       payload: {}
     });
-  }, [o]), te = b(() => {
+  }, [o]), oe = w(() => {
     n ? M() : H();
-  }, [n, H, M]), B = b(() => {
-    k(""), h("natural"), f("idle"), p([]), W([]), I(""), x(-1);
-  }, []), U = b((m) => {
-    const E = {
+  }, [n, H, M]), V = w(() => {
+    x(""), h("natural"), f("idle"), u([]), L([]), z(""), k(-1);
+  }, []), Y = w((m) => {
+    const R = {
       ...m,
       status: "pending"
     };
-    return p((q) => [...q, E]), E;
-  }, []), j = b(
-    (m, E, q, re) => {
-      p((N) => {
-        const F = N.find((ee) => ee.id === m);
-        if (!F) return N;
-        const Q = {
-          ...F,
-          status: E,
-          result: q,
-          error: re
+    return u((j) => [...j, R]), R;
+  }, []), N = w(
+    (m, R, j, X) => {
+      u((F) => {
+        const J = F.find((Z) => Z.id === m);
+        if (!J) return F;
+        const D = {
+          ...J,
+          status: R,
+          result: j,
+          error: X
         };
-        return E === "success" || E === "error" ? (W((ee) => [...ee, Q]), N.filter((ee) => ee.id !== m)) : N.map((ee) => ee.id === m ? Q : ee);
+        return R === "success" || R === "error" ? (L((Z) => [...Z, D]), F.filter((Z) => Z.id !== m)) : F.map((Z) => Z.id === m ? D : Z);
       });
     },
     []
-  ), Z = b(
+  ), Q = w(
     async (m) => {
-      const E = m.replace(/^\//, "").trim().split(/\s+/), q = E[0], re = E.slice(1);
-      if (!q) return;
+      const R = m.replace(/^\//, "").trim().split(/\s+/), j = R[0], X = R.slice(1);
+      if (!j) return;
       f("executing");
-      const N = `quick-${Date.now()}`;
-      U({
-        id: N,
-        name: q,
-        args: { args: re }
-      }), j(N, "running");
+      const F = `quick-${Date.now()}`;
+      Y({
+        id: F,
+        name: j,
+        args: { args: X }
+      }), N(F, "running");
       try {
         if (r) {
-          const Q = await r(q, { args: re });
-          j(N, "success", String(Q));
+          const D = await r(j, { args: X });
+          N(F, "success", String(D));
         } else
-          j(N, "success", "Tool executed (no handler)");
-        S((Q) => [
+          N(F, "success", "Tool executed (no handler)");
+        v((D) => [
           {
             query: m,
             timestamp: Date.now(),
-            toolsExecuted: [q],
+            toolsExecuted: [j],
             success: !0
           },
-          ...Q.slice(0, (t.maxHistoryEntries || 50) - 1)
-        ]), f("complete"), I(`Executed: ${q}`);
-        const F = t.autoCloseDelay ?? 1e3;
-        F > 0 && setTimeout(() => M(), F);
-      } catch (F) {
-        const Q = F instanceof Error ? F.message : "Unknown error";
-        j(N, "error", void 0, Q), f("error"), I(`Error: ${Q}`);
+          ...D.slice(0, (t.maxHistoryEntries || 50) - 1)
+        ]), f("complete"), z(`Executed: ${j}`);
+        const J = t.autoCloseDelay ?? 1e3;
+        J > 0 && setTimeout(() => M(), J);
+      } catch (J) {
+        const D = J instanceof Error ? J.message : "Unknown error";
+        N(F, "error", void 0, D), f("error"), z(`Error: ${D}`);
       }
     },
-    [r, U, j, t.autoCloseDelay, t.maxHistoryEntries, M]
-  ), oe = b(() => {
+    [r, Y, N, t.autoCloseDelay, t.maxHistoryEntries, M]
+  ), re = w(() => {
     if (c.trim()) {
-      if (u === "quick-command") {
-        Z(c);
+      if (p === "quick-command") {
+        Q(c);
         return;
       }
       if (!i) {
-        I("Agent unavailable. Use quick commands (start with /)."), f("error");
+        z("Agent unavailable. Use quick commands (start with /)."), f("error");
         return;
       }
       f("thinking"), o == null || o.emit({
         type: "agent-command-palette:submit",
         source: "agent-command-palette",
         timestamp: Date.now(),
-        payload: { query: c, mode: u }
-      }), S((m) => [
+        payload: { query: c, mode: p }
+      }), v((m) => [
         {
           query: c,
           timestamp: Date.now(),
@@ -2400,64 +2358,64 @@ function yt({
         ...m.slice(0, (t.maxHistoryEntries || 50) - 1)
       ]);
     }
-  }, [c, u, Z, o, t.maxHistoryEntries, i]), de = b(() => {
-    if (_.length === 0) return;
-    const m = w < _.length - 1 ? w + 1 : w;
-    x(m), _[m] && (k(_[m].query), h(_[m].query.startsWith("/") ? "quick-command" : "natural"));
-  }, [_, w]), ue = b(() => {
-    if (w <= 0) {
-      x(-1), k(""), h("natural");
+  }, [c, p, Q, o, t.maxHistoryEntries, i]), de = w(() => {
+    if (A.length === 0) return;
+    const m = S < A.length - 1 ? S + 1 : S;
+    k(m), A[m] && (x(A[m].query), h(A[m].query.startsWith("/") ? "quick-command" : "natural"));
+  }, [A, S]), ue = w(() => {
+    if (S <= 0) {
+      k(-1), x(""), h("natural");
       return;
     }
-    const m = w - 1;
-    x(m), _[m] && (k(_[m].query), h(_[m].query.startsWith("/") ? "quick-command" : "natural"));
-  }, [_, w]), ie = b(
+    const m = S - 1;
+    k(m), A[m] && (x(A[m].query), h(A[m].query.startsWith("/") ? "quick-command" : "natural"));
+  }, [A, S]), ae = w(
     (m) => {
       const {
-        key: E = "p",
-        altKey: q = !0,
-        ctrlKey: re = !1,
-        metaKey: N = !1,
-        shiftKey: F = !1
-      } = e, Q = m.altKey === q && m.ctrlKey === re && m.metaKey === N && m.shiftKey === F;
-      if ((q ? m.code === `Key${E.toUpperCase()}` : m.key.toLowerCase() === E.toLowerCase()) && Q) {
-        const se = m.target;
-        if (!se.closest("[data-agent-command-palette-input]") && (se.tagName === "INPUT" || se.tagName === "TEXTAREA" || se.isContentEditable))
+        key: R = "p",
+        altKey: j = !0,
+        ctrlKey: X = !1,
+        metaKey: F = !1,
+        shiftKey: J = !1
+      } = e, D = m.altKey === j && m.ctrlKey === X && m.metaKey === F && m.shiftKey === J;
+      if ((j ? m.code === `Key${R.toUpperCase()}` : m.key.toLowerCase() === R.toLowerCase()) && D) {
+        const ie = m.target;
+        if (!ie.closest("[data-agent-command-palette-input]") && (ie.tagName === "INPUT" || ie.tagName === "TEXTAREA" || ie.isContentEditable))
           return;
-        m.preventDefault(), te();
+        m.preventDefault(), oe();
       }
     },
-    [e, te]
+    [e, oe]
   );
-  R(() => (window.addEventListener("keydown", ie), () => window.removeEventListener("keydown", ie)), [ie]);
-  const Pe = b(() => {
-    K && $(
-      (m) => m < G - 1 ? m + 1 : 0
+  E(() => (window.addEventListener("keydown", ae), () => window.removeEventListener("keydown", ae)), [ae]);
+  const Le = w(() => {
+    G && $(
+      (m) => m < K - 1 ? m + 1 : 0
     );
-  }, [K, G]), Le = b(() => {
-    K && $(
-      (m) => m > 0 ? m - 1 : G - 1
+  }, [G, K]), We = w(() => {
+    G && $(
+      (m) => m > 0 ? m - 1 : K - 1
     );
-  }, [K, G]), We = b(() => {
-    var re;
-    if (!K || z < 0) return;
-    if (v.isEnteringArgs) {
-      const N = V[z];
-      if (!N) return;
-      let F = `/${v.commandName}`;
-      for (const se of v.enteredArgs)
-        F += ` ${se}`;
-      F += ` ${N.option}`;
-      const Q = v.currentArgIndex + 1;
-      ((re = v.command) == null ? void 0 : re.args) && Q < v.command.args.length && (F += " "), k(F), $(-1);
+  }, [G, K]), _e = w((m = !1) => {
+    var F;
+    if (!G || W < 0) return;
+    if (T.isEnteringArgs) {
+      const J = B[W];
+      if (!J) return;
+      let D = `/${T.commandName}`;
+      for (const fe of T.enteredArgs)
+        D += ` ${fe}`;
+      D += ` ${J.option}`;
+      const Z = T.currentArgIndex + 1;
+      ((F = T.command) == null ? void 0 : F.args) && Z < T.command.args.length ? (D += " ", x(D), $(-1)) : (x(D), $(-1), m && setTimeout(() => Q(D), 0));
       return;
     }
-    const m = P[z];
-    if (!m) return;
-    const E = m.command;
-    let q = `/${E.name}`;
-    E.args && E.args.length > 0 && (q += " "), k(q), $(-1);
-  }, [K, z, v, V, P]);
+    const R = P[W];
+    if (!R) return;
+    const j = R.command;
+    let X = `/${j.name}`;
+    j.args && j.args.length > 0 ? (X += " ", x(X), $(-1)) : (x(X), $(-1), m && setTimeout(() => Q(X), 0));
+  }, [G, W, T, B, P, Q]);
   return {
     // Agent availability
     agentAvailable: i,
@@ -2465,44 +2423,45 @@ function yt({
     isOpen: n,
     open: H,
     close: M,
-    toggle: te,
+    toggle: oe,
     // Input
     query: c,
-    setQuery: X,
-    mode: u,
+    setQuery: te,
+    mode: p,
     // Execution
     status: C,
     setStatus: f,
     pendingTools: d,
-    completedTools: T,
-    agentResponse: D,
-    setAgentResponse: I,
-    submit: oe,
-    executeQuickCommand: Z,
+    completedTools: y,
+    agentResponse: q,
+    setAgentResponse: z,
+    submit: re,
+    executeQuickCommand: Q,
     // Tool management (for external AI integration)
-    addPendingTool: U,
-    updateToolStatus: j,
+    addPendingTool: Y,
+    updateToolStatus: N,
     // History
-    history: _,
+    history: A,
     historyPrevious: de,
     historyNext: ue,
     // Suggestions
-    suggestions: A,
+    suggestions: I,
     // Actions
-    clear: B,
+    clear: V,
     // Quick command autocomplete
     quickCommandMatches: P,
-    argumentOptionMatches: V,
-    parsedQuery: v,
-    currentArgDef: ae,
-    selectedAutocompleteIndex: z,
-    autocompleteNext: Pe,
-    autocompletePrevious: Le,
-    autocompleteAccept: We,
-    showAutocomplete: K
+    argumentOptionMatches: B,
+    parsedQuery: T,
+    currentArgDef: se,
+    selectedAutocompleteIndex: W,
+    autocompleteItemCount: K,
+    autocompleteNext: Le,
+    autocompletePrevious: We,
+    autocompleteAccept: _e,
+    showAutocomplete: G
   };
 }
-const we = {
+const Se = {
   name: "get_visible_panels",
   description: "Get the current visibility state of all panel slots (left, middle, right). Returns which panels are active in each slot and whether side panels are collapsed.",
   inputs: {
@@ -2571,7 +2530,7 @@ const we = {
     call_template_type: "panel_event",
     event_type: "panel:get-visibility"
   }
-}, Se = {
+}, ve = {
   name: "get_panel_state",
   description: "Get the current state of a specific panel. Returns panel-specific state data if the panel supports state queries.",
   inputs: {
@@ -2603,7 +2562,7 @@ const we = {
     call_template_type: "panel_event",
     event_type: "panel:get-state"
   }
-}, ve = {
+}, Te = {
   name: "list_panels_with_state",
   description: "Get a list of all panels that support state queries. Use this to discover which panels can be queried with get_panel_state.",
   inputs: {
@@ -2663,7 +2622,7 @@ const we = {
     call_template_type: "panel_event",
     event_type: "panel:toggle"
   }
-}, Te = {
+}, Ie = {
   name: "collapse_all_panels",
   description: "Collapse both left and right panels to maximize the main content area. Useful for focus mode.",
   inputs: {
@@ -2683,7 +2642,7 @@ const we = {
     call_template_type: "panel_event",
     event_type: "panel:collapse-all"
   }
-}, Ie = {
+}, $e = {
   name: "expand_all_panels",
   description: "Expand both left and right panels to show all content. Restores the default layout.",
   inputs: {
@@ -2734,7 +2693,7 @@ const we = {
     call_template_type: "panel_event",
     event_type: "panel:switch"
   }
-}, $e = {
+}, ze = {
   name: "focus_panel",
   description: "Set focus to a specific panel slot for keyboard navigation.",
   inputs: {
@@ -2760,7 +2719,7 @@ const we = {
     call_template_type: "panel_event",
     event_type: "panel:focus"
   }
-}, ze = {
+}, Pe = {
   name: "reset_layout",
   description: "Reset panel sizes to the default layout configuration.",
   inputs: {
@@ -2780,36 +2739,36 @@ const we = {
     call_template_type: "panel_event",
     event_type: "panel:reset-layout"
   }
-}, He = [
+}, Qe = [
   // State query tools
-  we,
   Se,
   ve,
+  Te,
   // Layout action tools
   Ce,
-  Te,
   Ie,
-  Ae,
   $e,
-  ze
+  Ae,
+  ze,
+  Pe
 ], xt = [
-  we,
   Se,
-  ve
+  ve,
+  Te
 ], kt = [
   Ce,
-  Te,
   Ie,
-  Ae,
   $e,
-  ze
+  Ae,
+  ze,
+  Pe
 ], bt = {
   id: "panel-layouts",
   name: "Panel Layouts",
   description: "Generic panel layout and state query operations",
-  tools: He
+  tools: Qe
 };
-function Qe(o) {
+function Je(o) {
   const e = {};
   if (o.inputs.properties)
     for (const [t, r] of Object.entries(o.inputs.properties)) {
@@ -2832,10 +2791,10 @@ function Qe(o) {
 }
 function wt(o) {
   return {
-    functionDeclarations: o.map(Qe)
+    functionDeclarations: o.map(Je)
   };
 }
-function Je(o) {
+function Ue(o) {
   return {
     type: "function",
     function: {
@@ -2846,9 +2805,9 @@ function Je(o) {
   };
 }
 function St(o) {
-  return o.map(Je);
+  return o.map(Ue);
 }
-function Ue(o) {
+function Ye(o) {
   return {
     name: o.name,
     description: o.description,
@@ -2856,35 +2815,35 @@ function Ue(o) {
   };
 }
 function vt(o) {
-  return o.map(Ue);
+  return o.map(Ye);
 }
-function Ye(o) {
+function Ge(o) {
   return {
     name: o.name,
     description: o.description,
     parameters: o.inputs
   };
 }
-function Ct(o) {
-  return o.map(Ye);
+function Tt(o) {
+  return o.map(Ge);
 }
-function Tt(o, e = {}) {
+function Ct(o, e = {}) {
   const {
     header: t = "You have access to the following tools:",
     includeParameters: r = !0
   } = e, s = o.map((i) => {
-    let l = `- ${i.name}: ${i.description}`;
+    let a = `- ${i.name}: ${i.description}`;
     if (r && i.inputs.properties) {
       const n = Object.entries(i.inputs.properties).map(([g, c]) => {
         var h;
-        const k = c, u = (h = i.inputs.required) != null && h.includes(g) ? " (required)" : "";
-        return `    - ${g}: ${k.description || k.type}${u}`;
+        const x = c, p = (h = i.inputs.required) != null && h.includes(g) ? " (required)" : "";
+        return `    - ${g}: ${x.description || x.type}${p}`;
       }).join(`
 `);
-      n && (l += `
+      n && (a += `
 ${n}`);
     }
-    return l;
+    return a;
   });
   return `${t}
 
@@ -2892,7 +2851,7 @@ ${s.join(`
 
 `)}`;
 }
-const Ge = ({ size: o = 18 }) => /* @__PURE__ */ y(
+const Xe = ({ size: o = 18 }) => /* @__PURE__ */ b(
   "svg",
   {
     width: o,
@@ -2904,11 +2863,11 @@ const Ge = ({ size: o = 18 }) => /* @__PURE__ */ y(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ a("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
-      /* @__PURE__ */ a("path", { d: "M9 3v18" })
+      /* @__PURE__ */ l("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+      /* @__PURE__ */ l("path", { d: "M9 3v18" })
     ]
   }
-), Xe = ({ size: o = 18 }) => /* @__PURE__ */ y(
+), Ze = ({ size: o = 18 }) => /* @__PURE__ */ b(
   "svg",
   {
     width: o,
@@ -2920,12 +2879,12 @@ const Ge = ({ size: o = 18 }) => /* @__PURE__ */ y(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ a("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
-      /* @__PURE__ */ a("path", { d: "M9 3v18" }),
-      /* @__PURE__ */ a("path", { d: "m16 15-3-3 3-3" })
+      /* @__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" })
     ]
   }
-), Ze = ({ size: o = 18 }) => /* @__PURE__ */ y(
+), et = ({ size: o = 18 }) => /* @__PURE__ */ b(
   "svg",
   {
     width: o,
@@ -2937,11 +2896,11 @@ const Ge = ({ size: o = 18 }) => /* @__PURE__ */ y(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ a("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
-      /* @__PURE__ */ a("path", { d: "M15 3v18" })
+      /* @__PURE__ */ l("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+      /* @__PURE__ */ l("path", { d: "M15 3v18" })
     ]
   }
-), et = ({ size: o = 18 }) => /* @__PURE__ */ y(
+), tt = ({ size: o = 18 }) => /* @__PURE__ */ b(
   "svg",
   {
     width: o,
@@ -2953,27 +2912,27 @@ const Ge = ({ size: o = 18 }) => /* @__PURE__ */ y(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ a("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
-      /* @__PURE__ */ a("path", { d: "M15 3v18" }),
-      /* @__PURE__ */ a("path", { d: "m8 9 3 3-3 3" })
+      /* @__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" })
     ]
   }
-), he = ({
+), me = ({
   isCollapsed: o,
   onToggle: e,
   side: t = "left",
   iconSize: r = 18,
   style: s,
   shortcutHint: i = "Cmd/Ctrl+B",
-  title: l,
+  title: a,
   className: n
 }) => {
-  const { theme: g } = Y(), c = () => t === "right" ? o ? /* @__PURE__ */ a(Ze, { size: r }) : /* @__PURE__ */ a(et, { size: r }) : o ? /* @__PURE__ */ a(Ge, { size: r }) : /* @__PURE__ */ a(Xe, { size: r });
-  return /* @__PURE__ */ a(
+  const { theme: g } = ee(), c = () => t === "right" ? o ? /* @__PURE__ */ l(et, { size: r }) : /* @__PURE__ */ l(tt, { size: r }) : o ? /* @__PURE__ */ l(Xe, { size: r }) : /* @__PURE__ */ l(Ze, { size: r });
+  return /* @__PURE__ */ l(
     "button",
     {
       onClick: e,
-      title: l ?? `${o ? "Show" : "Hide"} ${t === "right" ? "Right Panel" : "Sidebar"}${i ? ` (${i})` : ""}`,
+      title: a ?? `${o ? "Show" : "Hide"} ${t === "right" ? "Right Panel" : "Sidebar"}${i ? ` (${i})` : ""}`,
       className: n,
       style: {
         background: "transparent",
@@ -2990,16 +2949,16 @@ const Ge = ({ size: o = 18 }) => /* @__PURE__ */ y(
         height: "32px",
         ...s
       },
-      onMouseEnter: (u) => {
-        u.currentTarget.style.backgroundColor = g.colors.backgroundTertiary, u.currentTarget.style.color = g.colors.primary;
+      onMouseEnter: (p) => {
+        p.currentTarget.style.backgroundColor = g.colors.backgroundTertiary, p.currentTarget.style.color = g.colors.primary;
       },
-      onMouseLeave: (u) => {
-        u.currentTarget.style.backgroundColor = "transparent", u.currentTarget.style.color = o ? g.colors.textSecondary : g.colors.primary;
+      onMouseLeave: (p) => {
+        p.currentTarget.style.backgroundColor = "transparent", p.currentTarget.style.color = o ? g.colors.textSecondary : g.colors.primary;
       },
       children: c()
     }
   );
-}, tt = ({ size: o = 14 }) => /* @__PURE__ */ y(
+}, ot = ({ size: o = 14 }) => /* @__PURE__ */ b(
   "svg",
   {
     width: o,
@@ -3011,13 +2970,13 @@ const Ge = ({ size: o = 18 }) => /* @__PURE__ */ y(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ a("path", { d: "M8 3 4 7l4 4" }),
-      /* @__PURE__ */ a("path", { d: "M4 7h16" }),
-      /* @__PURE__ */ a("path", { d: "m16 21 4-4-4-4" }),
-      /* @__PURE__ */ a("path", { d: "M20 17H4" })
+      /* @__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" })
     ]
   }
-), ot = ({ size: o = 14 }) => /* @__PURE__ */ y(
+), rt = ({ size: o = 14 }) => /* @__PURE__ */ b(
   "svg",
   {
     width: o,
@@ -3029,13 +2988,13 @@ const Ge = ({ size: o = 18 }) => /* @__PURE__ */ y(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ a("path", { d: "m16 3 4 4-4 4" }),
-      /* @__PURE__ */ a("path", { d: "M20 7H4" }),
-      /* @__PURE__ */ a("path", { d: "m8 21-4-4 4-4" }),
-      /* @__PURE__ */ a("path", { d: "M4 17h16" })
+      /* @__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" })
     ]
   }
-), me = ({
+), ye = ({
   onSwitch: o,
   variant: e = "left-middle",
   iconSize: t = 14,
@@ -3043,8 +3002,8 @@ const Ge = ({ size: o = 18 }) => /* @__PURE__ */ y(
   title: s,
   className: i
 }) => {
-  const { theme: l } = Y(), n = () => e === "left-middle" ? "Switch left and middle panels" : "Switch right and middle panels", g = e === "left-middle" ? tt : ot;
-  return /* @__PURE__ */ a(
+  const { theme: a } = ee(), n = () => e === "left-middle" ? "Switch left and middle panels" : "Switch right and middle panels", g = e === "left-middle" ? ot : rt;
+  return /* @__PURE__ */ l(
     "button",
     {
       onClick: o,
@@ -3053,7 +3012,7 @@ const Ge = ({ size: o = 18 }) => /* @__PURE__ */ y(
       style: {
         background: "transparent",
         border: "none",
-        color: l.colors.textSecondary,
+        color: a.colors.textSecondary,
         cursor: "pointer",
         padding: "6px",
         borderRadius: "4px",
@@ -3066,15 +3025,15 @@ const Ge = ({ size: o = 18 }) => /* @__PURE__ */ y(
         ...r
       },
       onMouseEnter: (c) => {
-        c.currentTarget.style.backgroundColor = l.colors.backgroundTertiary, c.currentTarget.style.color = l.colors.text;
+        c.currentTarget.style.backgroundColor = a.colors.backgroundTertiary, c.currentTarget.style.color = a.colors.text;
       },
       onMouseLeave: (c) => {
-        c.currentTarget.style.backgroundColor = "transparent", c.currentTarget.style.color = l.colors.textSecondary;
+        c.currentTarget.style.backgroundColor = "transparent", c.currentTarget.style.color = a.colors.textSecondary;
       },
-      children: /* @__PURE__ */ a(g, { size: t })
+      children: /* @__PURE__ */ l(g, { size: t })
     }
   );
-}, rt = ({ size: o = 14 }) => /* @__PURE__ */ y(
+}, nt = ({ size: o = 14 }) => /* @__PURE__ */ b(
   "svg",
   {
     width: o,
@@ -3086,20 +3045,20 @@ const Ge = ({ size: o = 18 }) => /* @__PURE__ */ y(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ a("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
-      /* @__PURE__ */ a("path", { d: "M3 9h18" }),
-      /* @__PURE__ */ a("path", { d: "M9 21V9" })
+      /* @__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" })
     ]
   }
-), nt = ({
+), st = ({
   onConfigure: o,
   iconSize: e = 14,
   style: t,
   title: r = "Configure panel layout",
   className: s
 }) => {
-  const { theme: i } = Y();
-  return /* @__PURE__ */ a(
+  const { theme: i } = ee();
+  return /* @__PURE__ */ l(
     "button",
     {
       onClick: o,
@@ -3120,13 +3079,13 @@ const Ge = ({ size: o = 18 }) => /* @__PURE__ */ y(
         height: "32px",
         ...t
       },
-      onMouseEnter: (l) => {
-        l.currentTarget.style.backgroundColor = i.colors.backgroundTertiary, l.currentTarget.style.color = i.colors.text;
+      onMouseEnter: (a) => {
+        a.currentTarget.style.backgroundColor = i.colors.backgroundTertiary, a.currentTarget.style.color = i.colors.text;
       },
-      onMouseLeave: (l) => {
-        l.currentTarget.style.backgroundColor = "transparent", l.currentTarget.style.color = i.colors.textSecondary;
+      onMouseLeave: (a) => {
+        a.currentTarget.style.backgroundColor = "transparent", a.currentTarget.style.color = i.colors.textSecondary;
       },
-      children: /* @__PURE__ */ a(rt, { size: e })
+      children: /* @__PURE__ */ l(nt, { size: e })
     }
   );
 }, It = ({
@@ -3136,22 +3095,22 @@ const Ge = ({ size: o = 18 }) => /* @__PURE__ */ y(
   rightSidebarCollapsed: r = !1,
   onToggleRightSidebar: s,
   showRightSidebarControl: i = !1,
-  onSwitchLeftMiddlePanels: l,
+  onSwitchLeftMiddlePanels: a,
   showSwitchLeftMiddle: n = !1,
   onSwitchRightMiddlePanels: g,
   showSwitchRightMiddle: c = !1,
-  onConfigurePanels: k,
-  showConfigureButton: u = !1,
+  onConfigurePanels: x,
+  showConfigureButton: p = !1,
   gap: h = 4,
   style: C,
   className: f,
   iconSize: d,
-  leftCollapseButtonProps: p,
-  rightCollapseButtonProps: T,
-  leftMiddleSwitchButtonProps: W,
-  rightMiddleSwitchButtonProps: D,
-  configureButtonProps: I
-}) => t && e || n && l || u && k || c && g || i && s ? /* @__PURE__ */ y(
+  leftCollapseButtonProps: u,
+  rightCollapseButtonProps: y,
+  leftMiddleSwitchButtonProps: L,
+  rightMiddleSwitchButtonProps: q,
+  configureButtonProps: z
+}) => t && e || n && a || p && x || c && g || i && s ? /* @__PURE__ */ b(
   "div",
   {
     className: f,
@@ -3162,95 +3121,95 @@ const Ge = ({ size: o = 18 }) => /* @__PURE__ */ y(
       ...C
     },
     children: [
-      t && e && /* @__PURE__ */ a(
-        he,
+      t && e && /* @__PURE__ */ l(
+        me,
         {
           isCollapsed: o,
           onToggle: e,
           side: "left",
           iconSize: d ?? 18,
-          ...p
+          ...u
         }
       ),
-      n && l && /* @__PURE__ */ a(
-        me,
+      n && a && /* @__PURE__ */ l(
+        ye,
         {
-          onSwitch: l,
+          onSwitch: a,
           variant: "left-middle",
           iconSize: d ?? 14,
-          ...W
+          ...L
         }
       ),
-      u && k && /* @__PURE__ */ a(
-        nt,
+      p && x && /* @__PURE__ */ l(
+        st,
         {
-          onConfigure: k,
+          onConfigure: x,
           iconSize: d ?? 14,
-          ...I
+          ...z
         }
       ),
-      c && g && /* @__PURE__ */ a(
-        me,
+      c && g && /* @__PURE__ */ l(
+        ye,
         {
           onSwitch: g,
           variant: "right-middle",
           iconSize: d ?? 14,
-          ...D
+          ...q
         }
       ),
-      i && s && /* @__PURE__ */ a(
-        he,
+      i && s && /* @__PURE__ */ l(
+        me,
         {
           isCollapsed: r,
           onToggle: s,
           side: "right",
           iconSize: d ?? 18,
-          ...T
+          ...y
         }
       )
     ]
   }
 ) : null;
 export {
-  ye as AgentCommandInput,
-  Fe as AgentCommandPalette,
-  ke as AgentResponseDisplay,
+  xe as AgentCommandInput,
+  Oe as AgentCommandPalette,
+  be as AgentResponseDisplay,
   zt as EditableConfigurablePanelLayout,
   ht as FocusIndicator,
   mt as FocusModeOverlay,
-  Re as LocalStoragePersistenceAdapter,
-  De as LocalStorageWorkspaceAdapter,
-  he as PanelCollapseButton,
-  nt as PanelConfigureButton,
+  De as LocalStoragePersistenceAdapter,
+  Me as LocalStorageWorkspaceAdapter,
+  me as PanelCollapseButton,
+  st as PanelConfigureButton,
   It as PanelControls,
-  me as PanelSwitchButton,
-  be as QuickCommandAutocomplete,
+  ye as PanelSwitchButton,
+  we as QuickCommandAutocomplete,
   Pt as ResponsiveConfigurablePanelLayout,
-  xe as ToolExecutionList,
+  ke as ToolExecutionList,
   O as WorkspaceLayoutService,
-  Te as collapseAllPanelsTool,
-  Ie as expandAllPanelsTool,
-  $e as focusPanelTool,
+  Ie as collapseAllPanelsTool,
+  $e as expandAllPanelsTool,
+  ze as focusPanelTool,
   pe as fuzzyMatch,
-  Tt as generateToolsSystemPrompt,
-  Se as getPanelStateTool,
-  we as getVisiblePanelsTool,
+  Ct as generateToolsSystemPrompt,
+  ve as getPanelStateTool,
+  Se as getVisiblePanelsTool,
   kt as layoutActionTools,
-  He as layoutTools,
+  Qe as layoutTools,
   bt as layoutToolsMetadata,
-  ve as listPanelsWithStateTool,
+  Te as listPanelsWithStateTool,
   Lt as mapThemeToPanelVars,
   Wt as mapThemeToTabVars,
-  ze as resetLayoutTool,
-  Oe as searchQuickCommands,
+  Pe as resetLayoutTool,
+  Ve as searchQuickCommands,
   xt as stateQueryTools,
   Ae as switchPanelTool,
   Ce as togglePanelTool,
-  Ye as toolToAIFunction,
-  Ue as toolToAnthropicFormat,
-  Qe as toolToGeminiFunction,
-  Je as toolToOpenAIFunction,
-  Ct as toolsToAIFunctions,
+  Ge as toolToAIFunction,
+  Ye as toolToAnthropicFormat,
+  Je as toolToGeminiFunction,
+  Ue as toolToOpenAIFunction,
+  Tt as toolsToAIFunctions,
   vt as toolsToAnthropicFormat,
   wt as toolsToGeminiFormat,
   St as toolsToOpenAIFormat,