npm - @principal-ade/panel-layouts - Versions diffs - 0.3.5 → 0.3.6 - Mend

@principal-ade/panel-layouts 0.3.5 → 0.3.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/index.esm.js CHANGED Viewed

@@ -1,13 +1,13 @@
-import './index.css';var Ee = Object.defineProperty;
-var _e = (o, e, t) => e in o ? Ee(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
-var ae = (o, e, t) => _e(o, typeof e != "symbol" ? e + "" : e, t);
-import { EditableConfigurablePanelLayout as It, ResponsiveConfigurablePanelLayout as At, mapThemeToPanelVars as zt, mapThemeToTabVars as Pt } from "@principal-ade/panels";
-import { useState as P, useRef as V, useEffect as R, useCallback as k, useMemo as te } from "react";
-import { jsx as l, jsxs as y, Fragment as de } from "react/jsx-runtime";
-import { useTheme as U } from "@principal-ade/industry-theme";
+import './index.css';var Le = Object.defineProperty;
+var Ee = (o, e, t) => e in o ? Le(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 { EditableConfigurablePanelLayout as zt, ResponsiveConfigurablePanelLayout as Pt, mapThemeToPanelVars as Wt, mapThemeToTabVars as _t } from "@principal-ade/panels";
+import { useState as _, useRef as H, useEffect as R, useCallback as S, useMemo as oe } from "react";
+import { jsx as a, jsxs as k, Fragment as ce } from "react/jsx-runtime";
+import { useTheme as Q } from "@principal-ade/industry-theme";
 class Re {
   constructor() {
-    ae(this, "storageKey", "panel-layouts");
+    le(this, "storageKey", "panel-layouts");
   }
   async load(e) {
     try {
@@ -28,79 +28,79 @@ class Re {
     }
   }
 }
-function lt(o) {
+function dt(o) {
   const {
     viewKey: e,
     defaultSizes: t,
     panelType: r,
     adapter: s = new Re()
-  } = o, [i, a] = P(t), [n, f] = P(o.collapsed), c = V(o.collapsed), x = V({}), h = V(null), m = V(null);
+  } = o, [i, l] = _(t), [n, f] = _(o.collapsed), c = H(o.collapsed), y = H({}), g = H(null), h = H(null);
   R(() => {
     (async () => {
-      const T = await s.load(e);
-      T != null && T.sizes && (a(T.sizes), w(T.sizes));
+      const w = await s.load(e);
+      w != null && w.sizes && (l(w.sizes), v(w.sizes));
     })();
   }, [e]);
-  const w = k(
+  const v = S(
     (b) => {
-      "left" in b && b.left > 0 && (x.current.left = b.left), "middle" in b && b.middle > 0 && (x.current.middle = b.middle), "right" in b && b.right > 0 && (x.current.right = b.right);
+      "left" in b && b.left > 0 && (y.current.left = b.left), "middle" in b && b.middle > 0 && (y.current.middle = b.middle), "right" in b && b.right > 0 && (y.current.right = b.right);
     },
     []
-  ), u = k(
+  ), u = S(
     (b) => {
-      const T = x.current[b];
-      if (T && T > 0)
-        return T;
+      const w = y.current[b];
+      if (w && w > 0)
+        return w;
       if (b === "left" && "left" in t && t.left > 0)
         return t.left;
       if (b === "right" && "right" in t && t.right > 0)
         return t.right;
     },
     [t]
-  ), d = V(t);
+  ), d = H(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) && (a(t), w(t), d.current = t);
-  }, [t, w]), R(() => {
-    const b = o.collapsed.left !== c.current.left, T = "right" in o.collapsed && "right" in c.current && o.collapsed.right !== c.current.right;
-    (b || T) && (f(o.collapsed), c.current = { ...o.collapsed });
+    ("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), v(t), d.current = t);
+  }, [t, v]), R(() => {
+    const b = o.collapsed.left !== c.current.left, w = "right" in o.collapsed && "right" in c.current && o.collapsed.right !== c.current.right;
+    (b || w) && (f(o.collapsed), c.current = { ...o.collapsed });
   }, [o.collapsed.left, o.collapsed.right]);
-  const p = k(
+  const p = S(
     async (b) => {
       try {
         await s.save(e, { sizes: b });
-      } catch (T) {
+      } catch (w) {
         console.error(
           `Failed to save panel preferences for ${e}:`,
-          T
+          w
         );
       }
     },
     [e, s]
-  ), v = k(
+  ), C = S(
     (b) => {
-      const T = { ...b };
-      let S = !0;
+      const w = { ...b };
+      let x = !0;
       if ("left" in b) {
-        const I = !!(n != null && n.left), z = b.left;
-        if (I) {
+        const T = !!(n != null && n.left), P = b.left;
+        if (T) {
           const W = u("left");
-          W !== void 0 && W > 0 ? T.left = W : S = !1;
-        } else z === 0 && (S = !1);
+          W !== void 0 && W > 0 ? w.left = W : x = !1;
+        } else P === 0 && (x = !1);
       }
       if (r === "three-panel" && "right" in b) {
-        const I = !!(n != null && n.right), z = b.right;
-        if (I) {
+        const T = !!(n != null && n.right), P = b.right;
+        if (T) {
           const W = u("right");
-          W !== void 0 && W > 0 ? T.right = W : S = !1;
-        } else z === 0 && (S = !1);
+          W !== void 0 && W > 0 ? w.right = W : x = !1;
+        } else P === 0 && (x = !1);
       }
-      if (a(T), w(T), h.current && (clearTimeout(h.current), h.current = null), !S) {
-        m.current = null;
+      if (l(w), v(w), g.current && (clearTimeout(g.current), g.current = null), !x) {
+        h.current = null;
         return;
       }
-      m.current = T, h.current = setTimeout(() => {
-        const I = m.current;
-        I && (p(I), m.current = null), h.current = null;
+      h.current = w, g.current = setTimeout(() => {
+        const T = h.current;
+        T && (p(T), h.current = null), g.current = null;
       }, 500);
     },
     [
@@ -108,42 +108,42 @@ function lt(o) {
       u,
       r,
       p,
-      w
+      v
     ]
   );
   R(() => () => {
-    if (h.current) {
-      const b = m.current;
-      b && (p(b), m.current = null), clearTimeout(h.current), h.current = null;
+    if (g.current) {
+      const b = h.current;
+      b && (p(b), h.current = null), clearTimeout(g.current), g.current = null;
     }
   }, [p]);
-  const E = k(async () => {
-  }, []), $ = k(async () => {
-  }, []), C = k(async () => {
-  }, []), _ = k(async () => {
+  const $ = S(async () => {
+  }, []), z = S(async () => {
+  }, []), I = S(async () => {
+  }, []), L = S(async () => {
   }, []);
   return r === "three-panel" ? {
     type: "three-panel",
     sizes: i,
     collapsed: n,
-    handlePanelResize: v,
-    handleLeftCollapseComplete: E,
-    handleLeftExpandComplete: $,
-    handleRightCollapseComplete: C,
-    handleRightExpandComplete: _
+    handlePanelResize: C,
+    handleLeftCollapseComplete: $,
+    handleLeftExpandComplete: z,
+    handleRightCollapseComplete: I,
+    handleRightExpandComplete: L
   } : {
     type: "two-panel",
     sizes: i,
     collapsed: n,
-    handlePanelResize: v,
-    handleLeftCollapseComplete: E,
-    handleLeftExpandComplete: $
+    handlePanelResize: C,
+    handleLeftCollapseComplete: $,
+    handleLeftExpandComplete: z
   };
 }
-class $e {
+class De {
   constructor() {
-    ae(this, "PRESETS_KEY", "panel-layouts:workspace-presets");
-    ae(this, "REPO_STATE_PREFIX", "panel-layouts:repo-state:");
+    le(this, "PRESETS_KEY", "panel-layouts:workspace-presets");
+    le(this, "REPO_STATE_PREFIX", "panel-layouts:repo-state:");
   }
   /**
    * Load all user-created workspace presets
@@ -207,10 +207,10 @@ class $e {
           if (i)
             try {
               e[s] = JSON.parse(i);
-            } catch (a) {
+            } catch (l) {
               console.error(
                 `Failed to parse repository state for ${s}:`,
-                a
+                l
               );
             }
         }
@@ -221,7 +221,7 @@ class $e {
     }
   }
 }
-class O {
+class N {
   /**
    * Configure a custom storage adapter (for Electron IPC or remote storage)
    */
@@ -281,11 +281,11 @@ class O {
       createdAt: s.createdAt,
       // Preserve creation time
       updatedAt: Date.now()
-    }, a = {
+    }, l = {
       ...r,
       [e]: i
     };
-    return await this.adapter.saveWorkspacePresets(a), i;
+    return await this.adapter.saveWorkspacePresets(l), i;
   }
   /**
    * Delete a workspace layout
@@ -610,20 +610,20 @@ class O {
     Object.keys(e).length;
   }
 }
-ae(O, "adapter", new $e());
-function ct(o = {}) {
-  const { repositoryKey: e, autoInitialize: t = !1, defaultWorkspaceId: r } = o, [s, i] = P(
+le(N, "adapter", new De());
+function pt(o = {}) {
+  const { repositoryKey: e, autoInitialize: t = !1, defaultWorkspaceId: r } = o, [s, i] = _(
     {}
-  ), [a, n] = P(null), [f, c] = P(null), [x, h] = P(!0), [m, w] = P(null), u = k(async () => {
+  ), [l, n] = _(null), [f, c] = _(null), [y, g] = _(!0), [h, v] = _(null), u = S(async () => {
     try {
-      h(!0), w(null);
-      const S = await O.getWorkspaceLayouts();
-      if (i(S), e) {
-        let I = await O.getRepositoryState(e);
-        if (!I && t) {
-          const z = r || "project-management", W = await O.getWorkspaceLayout(z);
-          W && (I = {
-            workspaceId: z,
+      g(!0), v(null);
+      const x = await N.getWorkspaceLayouts();
+      if (i(x), e) {
+        let T = await N.getRepositoryState(e);
+        if (!T && t) {
+          const P = r || "project-management", W = await N.getWorkspaceLayout(P);
+          W && (T = {
+            workspaceId: P,
             sizes: W.defaultSizes || {
               left: 20,
               middle: 45,
@@ -633,166 +633,166 @@ function ct(o = {}) {
               left: !1,
               right: !1
             }
-          }, await O.setRepositoryState(
+          }, await N.setRepositoryState(
             e,
-            I
+            T
           ));
         }
-        if (n(I), I != null && I.workspaceId) {
-          const z = await O.getWorkspaceLayout(
-            I.workspaceId
+        if (n(T), T != null && T.workspaceId) {
+          const P = await N.getWorkspaceLayout(
+            T.workspaceId
           );
-          c(z);
+          c(P);
         } else
           c(null);
       }
-    } catch (S) {
-      w(S), console.error("Failed to load workspace data:", S);
+    } catch (x) {
+      v(x), console.error("Failed to load workspace data:", x);
     } finally {
-      h(!1);
+      g(!1);
     }
   }, [e, t, r]);
   R(() => {
     u();
   }, [u]);
-  const d = k(
-    async (S) => await O.getWorkspaceLayout(S),
+  const d = S(
+    async (x) => await N.getWorkspaceLayout(x),
     []
-  ), p = k(
-    async (S) => {
-      const I = await O.createWorkspaceLayout(S);
-      return await u(), I;
+  ), p = S(
+    async (x) => {
+      const T = await N.createWorkspaceLayout(x);
+      return await u(), T;
     },
     [u]
-  ), v = k(
-    async (S, I) => {
-      const z = await O.updateWorkspaceLayout(S, I);
-      return await u(), z;
+  ), C = S(
+    async (x, T) => {
+      const P = await N.updateWorkspaceLayout(x, T);
+      return await u(), P;
     },
     [u]
-  ), E = k(
-    async (S) => {
-      const I = await O.deleteWorkspaceLayout(S);
-      return I && await u(), I;
+  ), $ = S(
+    async (x) => {
+      const T = await N.deleteWorkspaceLayout(x);
+      return T && await u(), T;
     },
     [u]
-  ), $ = k(
-    async (S) => {
+  ), z = S(
+    async (x) => {
       if (!e) {
         console.error("Cannot apply workspace without repositoryKey");
         return;
       }
-      const I = await O.getWorkspaceLayout(S);
-      if (!I) {
-        console.error(`Workspace ${S} not found`);
+      const T = await N.getWorkspaceLayout(x);
+      if (!T) {
+        console.error(`Workspace ${x} not found`);
         return;
       }
-      const z = {
-        workspaceId: S,
-        sizes: I.defaultSizes || { left: 20, middle: 45, right: 35 },
-        collapsed: I.defaultCollapsed || {
+      const P = {
+        workspaceId: x,
+        sizes: T.defaultSizes || { left: 20, middle: 45, right: 35 },
+        collapsed: T.defaultCollapsed || {
           left: !1,
           right: !1
         }
       };
-      await O.setRepositoryState(e, z), await u();
+      await N.setRepositoryState(e, P), await u();
     },
     [e, u]
-  ), C = k(
-    async (S) => {
+  ), I = S(
+    async (x) => {
       if (!e) {
         console.error("Cannot update sizes without repositoryKey");
         return;
       }
-      await O.updateRepositorySizes(e, S), await u();
+      await N.updateRepositorySizes(e, x), await u();
     },
     [e, u]
-  ), _ = k(
-    async (S) => {
+  ), L = S(
+    async (x) => {
       if (!e) {
         console.error("Cannot update collapsed without repositoryKey");
         return;
       }
-      await O.updateRepositoryCollapsed(
+      await N.updateRepositoryCollapsed(
         e,
-        S
+        x
       ), await u();
     },
     [e, u]
-  ), b = k(async () => {
-    if (!e || !(a != null && a.workspaceId)) {
+  ), b = S(async () => {
+    if (!e || !(l != null && l.workspaceId)) {
       console.error("Cannot reset without repositoryKey and active workspace");
       return;
     }
-    await O.resetRepositoryToWorkspaceDefaults(
+    await N.resetRepositoryToWorkspaceDefaults(
       e,
-      a.workspaceId
+      l.workspaceId
     ), await u();
-  }, [e, a == null ? void 0 : a.workspaceId, u]), T = k(async () => {
+  }, [e, l == null ? void 0 : l.workspaceId, u]), w = S(async () => {
     await u();
   }, [u]);
   return {
     workspaces: s,
-    repositoryState: a,
+    repositoryState: l,
     activeWorkspace: f,
-    loading: x,
-    error: m,
+    loading: y,
+    error: h,
     getWorkspace: d,
     createWorkspace: p,
-    updateWorkspace: v,
-    deleteWorkspace: E,
-    applyWorkspace: $,
-    updateSizes: C,
-    updateCollapsed: _,
+    updateWorkspace: C,
+    deleteWorkspace: $,
+    applyWorkspace: z,
+    updateSizes: I,
+    updateCollapsed: L,
     resetToDefaults: b,
-    refresh: T
+    refresh: w
   };
 }
-function dt(o = {}) {
+function ut(o = {}) {
   const {
     initialFocus: e = null,
     collapsed: t = {},
     panelType: r = "three-panel",
     onFocusChange: s,
     events: i,
-    getPanelId: a
-  } = o, [n, f] = P(
+    getPanelId: l
+  } = o, [n, f] = _(
     e
-  ), c = k(
+  ), c = S(
     (d) => {
       const p = n;
-      if (f(d), s == null || s(d), i && a) {
+      if (f(d), s == null || s(d), i && l) {
         if (p) {
-          const E = a(p);
-          E && i.emit({
+          const $ = l(p);
+          $ && i.emit({
             type: "panel:blur",
             source: "panel-layouts",
             timestamp: Date.now(),
             payload: {
-              panelId: E,
+              panelId: $,
               panelSlot: p,
-              nextPanelId: a(d)
+              nextPanelId: l(d)
             }
           });
         }
-        const v = a(d);
-        v && i.emit({
+        const C = l(d);
+        C && i.emit({
           type: "panel:focus",
           source: "panel-layouts",
           timestamp: Date.now(),
           payload: {
-            panelId: v,
+            panelId: C,
             panelSlot: d,
             source: "keyboard-shortcut"
           }
         });
       }
     },
-    [n, s, i, a]
-  ), x = k(() => {
+    [n, s, i, l]
+  ), y = S(() => {
     const d = n;
-    if (f(null), s == null || s(null), i && a && d) {
-      const p = a(d);
+    if (f(null), s == null || s(null), i && l && d) {
+      const p = l(d);
       p && i.emit({
         type: "panel:blur",
         source: "panel-layouts",
@@ -803,11 +803,11 @@ function dt(o = {}) {
         }
       });
     }
-  }, [n, s, i, a]), h = k(() => {
+  }, [n, s, i, l]), g = S(() => {
     const d = [];
     return t.left || d.push("left"), d.push("middle"), r === "three-panel" && !t.right && d.push("right"), d;
-  }, [t, r]), m = k(() => {
-    const d = h();
+  }, [t, r]), h = S(() => {
+    const d = g();
     if (d.length === 0) return;
     if (n === null) {
       c(d[0]);
@@ -818,10 +818,10 @@ function dt(o = {}) {
       c(d[0]);
       return;
     }
-    const v = (p + 1) % d.length;
-    c(d[v]);
-  }, [n, h, c]), w = k(() => {
-    const d = h();
+    const C = (p + 1) % d.length;
+    c(d[C]);
+  }, [n, g, c]), v = S(() => {
+    const d = g();
     if (d.length === 0) return;
     if (n === null) {
       c(d[d.length - 1]);
@@ -832,74 +832,74 @@ function dt(o = {}) {
       c(d[d.length - 1]);
       return;
     }
-    const v = p === 0 ? d.length - 1 : p - 1;
-    c(d[v]);
-  }, [n, h, c]), u = k(
+    const C = p === 0 ? d.length - 1 : p - 1;
+    c(d[C]);
+  }, [n, g, c]), u = S(
     (d) => n === d,
     [n]
   );
   return {
     focusedPanel: n,
     setFocus: c,
-    clearFocus: x,
-    focusNext: m,
-    focusPrevious: w,
+    clearFocus: y,
+    focusNext: h,
+    focusPrevious: v,
     isFocused: u
   };
 }
-function pt(o) {
+function ft(o) {
   const {
     enabled: e = !0,
     focusedPanel: t,
     collapsed: r,
     panelType: s,
     setFocus: i,
-    onExpand: a,
+    onExpand: l,
     onCollapse: n
-  } = o, f = V(t), c = V(r), x = V(s);
+  } = o, f = H(t), c = H(r), y = H(s);
   R(() => {
     f.current = t;
   }, [t]), R(() => {
     c.current = r;
   }, [r]), R(() => {
-    x.current = s;
+    y.current = s;
   }, [s]);
-  const h = k(
-    (m) => {
-      if (!m.altKey || m.ctrlKey || m.metaKey || m.shiftKey)
+  const g = S(
+    (h) => {
+      if (!h.altKey || h.ctrlKey || h.metaKey || h.shiftKey)
         return;
-      const w = m.code, u = f.current, d = c.current, p = x.current;
-      w === "Digit1" || w === "Numpad1" ? (m.preventDefault(), d.left ? a("left") : u !== "left" ? i("left") : (n("left"), i("middle"))) : w === "Digit2" || w === "Numpad2" ? (m.preventDefault(), i("middle")) : (w === "Digit3" || w === "Numpad3") && p === "three-panel" && (m.preventDefault(), d.right ? a("right") : u !== "right" ? i("right") : (n("right"), i("middle")));
+      const v = h.code, u = f.current, d = c.current, p = y.current;
+      v === "Digit1" || v === "Numpad1" ? (h.preventDefault(), d.left ? l("left") : u !== "left" ? i("left") : (n("left"), i("middle"))) : v === "Digit2" || v === "Numpad2" ? (h.preventDefault(), i("middle")) : (v === "Digit3" || v === "Numpad3") && p === "three-panel" && (h.preventDefault(), d.right ? l("right") : u !== "right" ? i("right") : (n("right"), i("middle")));
     },
-    [i, a, n]
+    [i, l, n]
   );
   R(() => {
     if (e)
-      return window.addEventListener("keydown", h), () => {
-        window.removeEventListener("keydown", h);
+      return window.addEventListener("keydown", g), () => {
+        window.removeEventListener("keydown", g);
       };
-  }, [e, h]);
+  }, [e, g]);
 }
-function ut(o, e, t, r) {
+function gt(o, e, t, r) {
   R(() => {
     const s = e.on(
       "panel:focus",
-      (a) => {
-        a.payload.panelId === o && t();
+      (l) => {
+        l.payload.panelId === o && t();
       }
     );
     let i;
     return r && (i = e.on(
       "panel:blur",
-      (a) => {
-        a.payload.panelId === o && r();
+      (l) => {
+        l.payload.panelId === o && r();
       }
     )), () => {
       s(), i == null || i();
     };
   }, [o, e, t, r]);
 }
-const ft = ({
+const ht = ({
   isFocused: o,
   className: e = "",
   style: t = {}
@@ -920,7 +920,7 @@ const ft = ({
     transition: "opacity 0.15s ease-in-out",
     ...t
   };
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ a(
     "div",
     {
       className: `panel-focus-indicator ${e}`,
@@ -929,6 +929,232 @@ const ft = ({
       "aria-hidden": "true"
     }
   );
+}, fe = "focus-mode-overlay-keyframes", Me = () => {
+  if (typeof document > "u" || document.getElementById(fe)) return;
+  const o = document.createElement("style");
+  o.id = fe, o.textContent = `
+    @keyframes focus-overlay-vignette-drift {
+      0%, 100% {
+        background-position: 50% 50%;
+        transform: scale(1);
+      }
+      25% {
+        background-position: 20% 30%;
+        transform: scale(1.1);
+      }
+      50% {
+        background-position: 80% 70%;
+        transform: scale(1.05);
+      }
+      75% {
+        background-position: 70% 20%;
+        transform: scale(1.15);
+      }
+    }
+    @keyframes focus-overlay-radial-breathing {
+      0%, 100% {
+        opacity: 1;
+        transform: scale(1);
+      }
+      50% {
+        opacity: 0.4;
+        transform: scale(1.3);
+      }
+    }
+    @keyframes focus-overlay-snowfall-1 {
+      from { background-position: 0px 0px; }
+      to { background-position: 0px 150px; }
+    }
+    @keyframes focus-overlay-snowfall-2 {
+      from { background-position: 0px 0px; }
+      to { background-position: 0px 150px; }
+    }
+    @keyframes focus-overlay-snowfall-3 {
+      from { background-position: 0px 0px; }
+      to { background-position: 0px 150px; }
+    }
+  `, document.head.appendChild(o);
+}, yt = ({
+  active: o,
+  variant: e = "soft-fade",
+  effects: t = [],
+  opacity: r = 0.95,
+  animationDuration: s = 300,
+  cascadeDelay: i = 0,
+  color: l,
+  className: n = "",
+  style: f = {}
+}) => {
+  const { theme: c } = Q(), [y, g] = _(!1);
+  R(() => {
+    Me();
+  }, []), R(() => {
+    if (o) {
+      const O = setTimeout(() => g(!0), i);
+      return () => clearTimeout(O);
+    } else
+      g(!1);
+  }, [o, i]);
+  const h = l || c.colors.background, u = {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    pointerEvents: "none",
+    zIndex: 999,
+    overflow: "hidden",
+    ...(() => {
+      switch (e) {
+        case "soft-fade":
+          return {
+            backgroundColor: h,
+            opacity: y ? r : 0,
+            transition: `opacity ${s}ms ease-out`
+          };
+        case "cascading-fade":
+          return {
+            backgroundColor: h,
+            opacity: y ? r : 0,
+            transition: `opacity ${s}ms ease-out`,
+            transitionDelay: y ? "0ms" : `${i}ms`
+          };
+        default:
+          return {
+            backgroundColor: h,
+            opacity: y ? r : 0,
+            transition: `opacity ${s}ms ease-out`
+          };
+      }
+    })(),
+    ...f
+  }, d = t.includes("vignette-drift"), p = t.includes("radial-breathing"), C = t.includes("snowfall"), $ = (O, F) => {
+    const ee = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(O);
+    if (!ee) return `rgba(255, 255, 255, ${F})`;
+    const V = parseInt(ee[1], 16), J = parseInt(ee[2], 16), ne = parseInt(ee[3], 16);
+    return `rgba(${V}, ${J}, ${ne}, ${F})`;
+  }, z = c.colors.primary, I = {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    pointerEvents: "none",
+    opacity: y ? 1 : 0,
+    transition: `opacity ${s}ms ease-out`,
+    background: `radial-gradient(circle at 50% 50%, ${$(z, 0.12)} 0%, ${$(z, 0.06)} 25%, transparent 50%)`,
+    backgroundSize: "150% 150%",
+    animation: y ? "focus-overlay-vignette-drift 12s ease-in-out infinite" : "none"
+  }, L = {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    pointerEvents: "none",
+    opacity: y ? 1 : 0,
+    transition: `opacity ${s}ms ease-out`,
+    background: `radial-gradient(circle at center, ${$(z, 0.15)} 0%, ${$(z, 0.06)} 30%, transparent 55%)`,
+    animation: y ? "focus-overlay-radial-breathing 4s ease-in-out infinite" : "none"
+  }, b = $(z, 0.6), w = $(z, 0.4), x = $(z, 0.25), T = {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    pointerEvents: "none",
+    opacity: y ? 1 : 0,
+    transition: `opacity ${s}ms ease-out`
+  }, P = {
+    ...T,
+    background: `
+      radial-gradient(circle, ${b} 0%, ${b} 3px, transparent 3px),
+      radial-gradient(circle, ${b} 0%, ${b} 3px, transparent 3px),
+      radial-gradient(circle, ${b} 0%, ${b} 3px, transparent 3px),
+      radial-gradient(circle, ${b} 0%, ${b} 3px, transparent 3px)
+    `,
+    backgroundSize: "150px 150px",
+    backgroundPosition: "10px 20px, 60px 80px, 110px 40px, 40px 120px",
+    animation: y ? "focus-overlay-snowfall-1 4s linear infinite" : "none"
+  }, W = {
+    ...T,
+    background: `
+      radial-gradient(circle, ${w} 0%, ${w} 2px, transparent 2px),
+      radial-gradient(circle, ${w} 0%, ${w} 2px, transparent 2px),
+      radial-gradient(circle, ${w} 0%, ${w} 2px, transparent 2px),
+      radial-gradient(circle, ${w} 0%, ${w} 2px, transparent 2px),
+      radial-gradient(circle, ${w} 0%, ${w} 2px, transparent 2px)
+    `,
+    backgroundSize: "150px 150px",
+    backgroundPosition: "30px 10px, 90px 60px, 15px 100px, 120px 30px, 70px 130px",
+    animation: y ? "focus-overlay-snowfall-2 7s linear infinite" : "none"
+  }, A = {
+    ...T,
+    background: `
+      radial-gradient(circle, ${x} 0%, ${x} 1.5px, transparent 1.5px),
+      radial-gradient(circle, ${x} 0%, ${x} 1.5px, transparent 1.5px),
+      radial-gradient(circle, ${x} 0%, ${x} 1.5px, transparent 1.5px),
+      radial-gradient(circle, ${x} 0%, ${x} 1.5px, transparent 1.5px),
+      radial-gradient(circle, ${x} 0%, ${x} 1.5px, transparent 1.5px),
+      radial-gradient(circle, ${x} 0%, ${x} 1.5px, transparent 1.5px)
+    `,
+    backgroundSize: "150px 150px",
+    backgroundPosition: "20px 5px, 80px 45px, 45px 90px, 130px 20px, 5px 70px, 100px 110px",
+    animation: y ? "focus-overlay-snowfall-3 12s linear infinite" : "none"
+  };
+  return /* @__PURE__ */ k(
+    "div",
+    {
+      className: `focus-mode-overlay focus-mode-overlay--${e} ${n}`,
+      style: u,
+      role: "presentation",
+      "aria-hidden": "true",
+      "data-active": o,
+      "data-variant": e,
+      children: [
+        d && /* @__PURE__ */ a(
+          "div",
+          {
+            className: "focus-mode-overlay__vignette-drift",
+            style: I
+          }
+        ),
+        p && /* @__PURE__ */ a(
+          "div",
+          {
+            className: "focus-mode-overlay__radial-breathing",
+            style: L
+          }
+        ),
+        C && /* @__PURE__ */ k(ce, { children: [
+          /* @__PURE__ */ a(
+            "div",
+            {
+              className: "focus-mode-overlay__snowfall-layer-3",
+              style: A
+            }
+          ),
+          /* @__PURE__ */ a(
+            "div",
+            {
+              className: "focus-mode-overlay__snowfall-layer-2",
+              style: W
+            }
+          ),
+          /* @__PURE__ */ a(
+            "div",
+            {
+              className: "focus-mode-overlay__snowfall-layer-1",
+              style: P
+            }
+          )
+        ] })
+      ]
+    }
+  );
 }, me = ({
   value: o,
   onChange: e,
@@ -936,41 +1162,41 @@ const ft = ({
   onClose: r,
   onHistoryPrevious: s,
   onHistoryNext: i,
-  mode: a,
+  mode: l,
   status: n,
   placeholder: f = "What would you like to do?",
   disabled: c = !1,
-  autoFocus: x = !0,
-  agentAvailable: h = !0,
-  showAutocomplete: m = !1,
-  onAutocompleteNext: w,
+  autoFocus: y = !0,
+  agentAvailable: g = !0,
+  showAutocomplete: h = !1,
+  onAutocompleteNext: v,
   onAutocompletePrevious: u,
   onAutocompleteAccept: d
 }) => {
-  const { theme: p } = U(), v = V(null);
+  const { theme: p } = Q(), C = H(null);
   R(() => {
-    x && v.current && v.current.focus();
-  }, [x]);
-  const E = (C) => {
-    switch (C.stopPropagation(), C.key) {
+    y && C.current && C.current.focus();
+  }, [y]);
+  const $ = (I) => {
+    switch (I.stopPropagation(), I.key) {
       case "Enter":
-        C.preventDefault(), t();
+        I.preventDefault(), t();
         break;
       case "Escape":
-        C.preventDefault(), r();
+        I.preventDefault(), r();
         break;
       case "Tab":
-        m && d && (C.preventDefault(), d());
+        h && d && (I.preventDefault(), d());
         break;
       case "ArrowUp":
-        C.preventDefault(), m && u ? u() : s();
+        I.preventDefault(), h && u ? u() : s();
         break;
       case "ArrowDown":
-        C.preventDefault(), m && w ? w() : i();
+        I.preventDefault(), h && v ? v() : i();
         break;
     }
-  }, $ = n === "thinking" || n === "executing";
-  return /* @__PURE__ */ y(
+  }, z = n === "thinking" || n === "executing";
+  return /* @__PURE__ */ k(
     "div",
     {
       style: {
@@ -982,18 +1208,18 @@ const ft = ({
         borderBottom: `1px solid ${p.colors.border}`
       },
       children: [
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ a(
           "span",
           {
             style: {
-              color: a === "quick-command" ? p.colors.info : h ? p.colors.primary : p.colors.textMuted,
+              color: l === "quick-command" ? p.colors.info : g ? p.colors.primary : p.colors.textMuted,
               fontFamily: p.fonts.monospace,
               fontSize: p.fontSizes[1],
               userSelect: "none",
               display: "flex",
               alignItems: "center"
             },
-            children: a === "quick-command" ? /* @__PURE__ */ y(
+            children: l === "quick-command" ? /* @__PURE__ */ k(
               "svg",
               {
                 width: "16",
@@ -1005,11 +1231,11 @@ const ft = ({
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
                 children: [
-                  /* @__PURE__ */ l("polyline", { points: "4 17 10 11 4 5" }),
-                  /* @__PURE__ */ l("line", { x1: "12", y1: "19", x2: "20", y2: "19" })
+                  /* @__PURE__ */ a("polyline", { points: "4 17 10 11 4 5" }),
+                  /* @__PURE__ */ a("line", { x1: "12", y1: "19", x2: "20", y2: "19" })
                 ]
               }
-            ) : h ? /* @__PURE__ */ y(
+            ) : g ? /* @__PURE__ */ k(
               "svg",
               {
                 width: "16",
@@ -1021,27 +1247,27 @@ const ft = ({
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
                 children: [
-                  /* @__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("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(
+        /* @__PURE__ */ a(
           "input",
           {
-            ref: v,
+            ref: C,
             "data-agent-command-palette-input": !0,
             type: "text",
             value: o,
-            onChange: (C) => e(C.target.value),
-            onKeyDown: E,
+            onChange: (I) => e(I.target.value),
+            onKeyDown: $,
             placeholder: f,
-            disabled: c || $,
+            disabled: c || z,
             style: {
               flex: 1,
               backgroundColor: "transparent",
@@ -1054,7 +1280,7 @@ const ft = ({
             }
           }
         ),
-        $ && /* @__PURE__ */ y(
+        z && /* @__PURE__ */ k(
           "span",
           {
             style: {
@@ -1065,7 +1291,7 @@ const ft = ({
               gap: "4px"
             },
             children: [
-              /* @__PURE__ */ l(
+              /* @__PURE__ */ a(
                 "span",
                 {
                   style: {
@@ -1082,7 +1308,7 @@ const ft = ({
             ]
           }
         ),
-        !$ && /* @__PURE__ */ l(
+        !z && /* @__PURE__ */ a(
           "kbd",
           {
             style: {
@@ -1101,8 +1327,8 @@ const ft = ({
   );
 };
 me.displayName = "AgentCommandInput";
-const De = ({ status: o }) => {
-  const { theme: e } = U(), t = {
+const je = ({ status: o }) => {
+  const { theme: e } = Q(), t = {
     display: "inline-flex",
     alignItems: "center",
     justifyContent: "center",
@@ -1112,9 +1338,9 @@ const De = ({ status: o }) => {
   };
   switch (o) {
     case "pending":
-      return /* @__PURE__ */ l("span", { style: { ...t, color: e.colors.textMuted }, children: "○" });
+      return /* @__PURE__ */ a("span", { style: { ...t, color: e.colors.textMuted }, children: "○" });
     case "running":
-      return /* @__PURE__ */ l(
+      return /* @__PURE__ */ a(
         "span",
         {
           style: {
@@ -1126,16 +1352,16 @@ const De = ({ status: o }) => {
         }
       );
     case "success":
-      return /* @__PURE__ */ l("span", { style: { ...t, color: e.colors.success }, children: "✓" });
+      return /* @__PURE__ */ a("span", { style: { ...t, color: e.colors.success }, children: "✓" });
     case "error":
-      return /* @__PURE__ */ l("span", { style: { ...t, color: e.colors.error }, children: "✗" });
+      return /* @__PURE__ */ a("span", { style: { ...t, color: e.colors.error }, children: "✗" });
   }
-}, Me = (o) => {
+}, qe = (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(", ");
-}, qe = ({ tool: o, compact: e }) => {
-  const { theme: t } = U(), r = Me(o.args);
-  return /* @__PURE__ */ y(
+}, Ne = ({ tool: o, compact: e }) => {
+  const { theme: t } = Q(), r = qe(o.args);
+  return /* @__PURE__ */ k(
     "div",
     {
       style: {
@@ -1147,16 +1373,16 @@ const De = ({ status: o }) => {
         fontSize: t.fontSizes[1]
       },
       children: [
-        /* @__PURE__ */ l(De, { status: o.status }),
-        /* @__PURE__ */ y("span", { style: { color: t.colors.text }, children: [
+        /* @__PURE__ */ a(je, { status: o.status }),
+        /* @__PURE__ */ k("span", { style: { color: t.colors.text }, children: [
           o.name,
-          r && /* @__PURE__ */ y("span", { style: { color: t.colors.textMuted }, children: [
+          r && /* @__PURE__ */ k("span", { style: { color: t.colors.textMuted }, children: [
             "(",
             r,
             ")"
           ] })
         ] }),
-        o.status === "running" && /* @__PURE__ */ l(
+        o.status === "running" && /* @__PURE__ */ a(
           "span",
           {
             style: {
@@ -1167,7 +1393,7 @@ const De = ({ status: o }) => {
             children: "[running]"
           }
         ),
-        o.status === "success" && /* @__PURE__ */ l(
+        o.status === "success" && /* @__PURE__ */ a(
           "span",
           {
             style: {
@@ -1178,7 +1404,7 @@ const De = ({ status: o }) => {
             children: "[done]"
           }
         ),
-        o.status === "error" && /* @__PURE__ */ l(
+        o.status === "error" && /* @__PURE__ */ a(
           "span",
           {
             style: {
@@ -1193,12 +1419,12 @@ const De = ({ status: o }) => {
       ]
     }
   );
-}, ye = ({
+}, xe = ({
   tools: o,
   compact: e = !1
 }) => {
-  const { theme: t } = U();
-  return o.length === 0 ? null : /* @__PURE__ */ l(
+  const { theme: t } = Q();
+  return o.length === 0 ? null : /* @__PURE__ */ a(
     "div",
     {
       style: {
@@ -1207,20 +1433,20 @@ const De = ({ status: o }) => {
         borderRadius: "4px",
         margin: "8px 16px"
       },
-      children: o.map((r) => /* @__PURE__ */ l(qe, { tool: r, compact: e }, r.id))
+      children: o.map((r) => /* @__PURE__ */ a(Ne, { tool: r, compact: e }, r.id))
     }
   );
 };
-ye.displayName = "ToolExecutionList";
+xe.displayName = "ToolExecutionList";
 const ke = ({
   response: o,
   streaming: e = !1
 }) => {
-  const { theme: t } = U();
+  const { theme: t } = Q();
   if (!o)
     return null;
   const r = o.toLowerCase().startsWith("error"), s = o.toLowerCase().startsWith("done") || o.toLowerCase().startsWith("executed");
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ k(
     "div",
     {
       style: {
@@ -1232,11 +1458,11 @@ const ke = ({
         gap: "8px"
       },
       children: [
-        s && /* @__PURE__ */ l("span", { children: "✓" }),
-        r && /* @__PURE__ */ l("span", { children: "✗" }),
-        /* @__PURE__ */ y("span", { children: [
+        s && /* @__PURE__ */ a("span", { children: "✓" }),
+        r && /* @__PURE__ */ a("span", { children: "✗" }),
+        /* @__PURE__ */ k("span", { children: [
           o,
-          e && /* @__PURE__ */ l(
+          e && /* @__PURE__ */ a(
             "span",
             {
               style: {
@@ -1255,54 +1481,54 @@ const ke = ({
   );
 };
 ke.displayName = "AgentResponseDisplay";
-function fe({
+function ge({
   text: o,
   matchedIndices: e,
   highlightColor: t
 }) {
   if (!e.length)
-    return /* @__PURE__ */ l(de, { children: o });
+    return /* @__PURE__ */ a(ce, { children: o });
   const r = new Set(e), s = o.split("");
-  return /* @__PURE__ */ l(de, { children: s.map((i, a) => /* @__PURE__ */ l(
+  return /* @__PURE__ */ a(ce, { children: s.map((i, l) => /* @__PURE__ */ a(
     "span",
     {
       style: {
-        color: r.has(a) ? t : "inherit",
-        fontWeight: r.has(a) ? 600 : "inherit"
+        color: r.has(l) ? t : "inherit",
+        fontWeight: r.has(l) ? 600 : "inherit"
       },
       children: i
     },
-    a
+    l
   )) });
 }
-const xe = ({
+const be = ({
   matches: o,
   argumentMatches: e = [],
   currentArg: t,
   isEnteringArgs: r = !1,
   selectedIndex: s,
   onSelect: i,
-  maxVisible: a = 6
+  maxVisible: l = 6
 }) => {
-  const { theme: n } = U(), f = V(null), c = V(null);
+  const { theme: n } = Q(), f = H(null), c = H(null);
   if (R(() => {
     c.current && f.current && c.current.scrollIntoView({
       block: "nearest",
       behavior: "smooth"
     });
   }, [s]), r && e.length > 0) {
-    const w = 40 * a;
-    return /* @__PURE__ */ y(
+    const v = 40 * l;
+    return /* @__PURE__ */ k(
       "div",
       {
         ref: f,
         style: {
-          maxHeight: `${w}px`,
+          maxHeight: `${v}px`,
           overflowY: "auto",
           borderTop: `1px solid ${n.colors.border}`
         },
         children: [
-          t && /* @__PURE__ */ y(
+          t && /* @__PURE__ */ k(
             "div",
             {
               style: {
@@ -1313,8 +1539,8 @@ const xe = ({
                 borderBottom: `1px solid ${n.colors.border}`
               },
               children: [
-                /* @__PURE__ */ l("span", { style: { color: n.colors.textSecondary }, children: t.name }),
-                t.description && /* @__PURE__ */ y("span", { style: { marginLeft: "8px" }, children: [
+                /* @__PURE__ */ a("span", { style: { color: n.colors.textSecondary }, children: t.name }),
+                t.description && /* @__PURE__ */ k("span", { style: { marginLeft: "8px" }, children: [
                   "— ",
                   t.description
                 ] })
@@ -1323,7 +1549,7 @@ const xe = ({
           ),
           e.map((u, d) => {
             const p = d === s;
-            return /* @__PURE__ */ y(
+            return /* @__PURE__ */ k(
               "div",
               {
                 ref: p ? c : void 0,
@@ -1338,14 +1564,14 @@ const xe = ({
                   borderLeft: p ? `2px solid ${n.colors.primary}` : "2px solid transparent",
                   transition: "background-color 100ms ease"
                 },
-                onMouseEnter: (v) => {
-                  p || (v.currentTarget.style.backgroundColor = n.colors.backgroundSecondary);
+                onMouseEnter: (C) => {
+                  p || (C.currentTarget.style.backgroundColor = n.colors.backgroundSecondary);
                 },
-                onMouseLeave: (v) => {
-                  p || (v.currentTarget.style.backgroundColor = "transparent");
+                onMouseLeave: (C) => {
+                  p || (C.currentTarget.style.backgroundColor = "transparent");
                 },
                 children: [
-                  /* @__PURE__ */ l(
+                  /* @__PURE__ */ a(
                     "span",
                     {
                       style: {
@@ -1354,8 +1580,8 @@ const xe = ({
                         color: n.colors.text,
                         flex: 1
                       },
-                      children: /* @__PURE__ */ l(
-                        fe,
+                      children: /* @__PURE__ */ a(
+                        ge,
                         {
                           text: u.option,
                           matchedIndices: u.matchedIndices,
@@ -1364,7 +1590,7 @@ const xe = ({
                       )
                     }
                   ),
-                  p && /* @__PURE__ */ l(
+                  p && /* @__PURE__ */ a(
                     "kbd",
                     {
                       style: {
@@ -1390,23 +1616,23 @@ const xe = ({
   }
   if (o.length === 0)
     return null;
-  const h = 48 * a;
-  return /* @__PURE__ */ l(
+  const g = 48 * l;
+  return /* @__PURE__ */ a(
     "div",
     {
       ref: f,
       style: {
-        maxHeight: `${h}px`,
+        maxHeight: `${g}px`,
         overflowY: "auto",
         borderTop: `1px solid ${n.colors.border}`
       },
-      children: o.map((m, w) => {
-        const u = w === s, d = m.command;
-        return /* @__PURE__ */ y(
+      children: o.map((h, v) => {
+        const u = v === s, d = h.command;
+        return /* @__PURE__ */ k(
           "div",
           {
             ref: u ? c : void 0,
-            onClick: () => i(w),
+            onClick: () => i(v),
             style: {
               display: "flex",
               alignItems: "center",
@@ -1424,7 +1650,7 @@ const xe = ({
               u || (p.currentTarget.style.backgroundColor = "transparent");
             },
             children: [
-              /* @__PURE__ */ l(
+              /* @__PURE__ */ a(
                 "span",
                 {
                   style: {
@@ -1436,8 +1662,8 @@ const xe = ({
                   children: "/"
                 }
               ),
-              /* @__PURE__ */ y("div", { style: { flex: 1, minWidth: 0 }, children: [
-                /* @__PURE__ */ y(
+              /* @__PURE__ */ k("div", { style: { flex: 1, minWidth: 0 }, children: [
+                /* @__PURE__ */ k(
                   "div",
                   {
                     style: {
@@ -1446,15 +1672,15 @@ const xe = ({
                       color: n.colors.text
                     },
                     children: [
-                      /* @__PURE__ */ l(
-                        fe,
+                      /* @__PURE__ */ a(
+                        ge,
                         {
                           text: d.name,
-                          matchedIndices: m.matchedOn === d.name ? m.matchedIndices : [],
+                          matchedIndices: h.matchedOn === d.name ? h.matchedIndices : [],
                           highlightColor: n.colors.primary
                         }
                       ),
-                      m.matchedOn !== d.name && /* @__PURE__ */ y(
+                      h.matchedOn !== d.name && /* @__PURE__ */ k(
                         "span",
                         {
                           style: {
@@ -1464,7 +1690,7 @@ const xe = ({
                           },
                           children: [
                             "(alias: ",
-                            m.matchedOn,
+                            h.matchedOn,
                             ")"
                           ]
                         }
@@ -1472,7 +1698,7 @@ const xe = ({
                     ]
                   }
                 ),
-                /* @__PURE__ */ l(
+                /* @__PURE__ */ a(
                   "div",
                   {
                     style: {
@@ -1487,7 +1713,7 @@ const xe = ({
                   }
                 )
               ] }),
-              d.args && d.args.length > 0 && /* @__PURE__ */ l(
+              d.args && d.args.length > 0 && /* @__PURE__ */ a(
                 "div",
                 {
                   style: {
@@ -1496,9 +1722,9 @@ const xe = ({
                     fontFamily: n.fonts.monospace,
                     flexShrink: 0
                   },
-                  children: d.args.map((p, v) => /* @__PURE__ */ y("span", { children: [
-                    v > 0 && " ",
-                    /* @__PURE__ */ l(
+                  children: d.args.map((p, C) => /* @__PURE__ */ k("span", { children: [
+                    C > 0 && " ",
+                    /* @__PURE__ */ a(
                       "span",
                       {
                         style: {
@@ -1510,7 +1736,7 @@ const xe = ({
                   ] }, p.name))
                 }
               ),
-              u && /* @__PURE__ */ l(
+              u && /* @__PURE__ */ a(
                 "kbd",
                 {
                   style: {
@@ -1527,74 +1753,74 @@ const xe = ({
               )
             ]
           },
-          `${d.name}-${w}`
+          `${d.name}-${v}`
         );
       })
     }
   );
 };
-xe.displayName = "QuickCommandAutocomplete";
-const je = ({
+be.displayName = "QuickCommandAutocomplete";
+const Oe = ({
   palette: o,
   config: e
 }) => {
-  const { theme: t } = U(), r = V(null), {
+  const { theme: t } = Q(), r = H(null), {
     isOpen: s,
     close: i,
-    query: a,
+    query: l,
     setQuery: n,
     mode: f,
     status: c,
-    pendingTools: x,
-    completedTools: h,
-    agentResponse: m,
-    submit: w,
+    pendingTools: y,
+    completedTools: g,
+    agentResponse: h,
+    submit: v,
     historyPrevious: u,
     historyNext: d,
     suggestions: p,
-    agentAvailable: v,
+    agentAvailable: C,
     // Autocomplete
-    quickCommandMatches: E,
-    argumentOptionMatches: $,
-    parsedQuery: C,
-    currentArgDef: _,
+    quickCommandMatches: $,
+    argumentOptionMatches: z,
+    parsedQuery: I,
+    currentArgDef: L,
     selectedAutocompleteIndex: b,
-    autocompleteNext: T,
-    autocompletePrevious: S,
-    autocompleteAccept: I,
-    showAutocomplete: z
+    autocompleteNext: w,
+    autocompletePrevious: x,
+    autocompleteAccept: T,
+    showAutocomplete: P
   } = o;
   R(() => {
     if (!s) return;
-    const F = (D) => {
+    const K = (D) => {
       r.current && !r.current.contains(D.target) && i();
-    }, H = setTimeout(() => {
-      document.addEventListener("mousedown", F);
+    }, U = setTimeout(() => {
+      document.addEventListener("mousedown", K);
     }, 100);
     return () => {
-      clearTimeout(H), document.removeEventListener("mousedown", F);
+      clearTimeout(U), document.removeEventListener("mousedown", K);
     };
   }, [s, i]);
-  const [W, A] = P(!1), [G, K] = P(!1);
+  const [W, A] = _(!1), [O, F] = _(!1);
   if (R(() => {
     if (s)
-      K(!0), requestAnimationFrame(() => {
+      F(!0), requestAnimationFrame(() => {
         requestAnimationFrame(() => {
           A(!0);
         });
       });
     else {
       A(!1);
-      const F = setTimeout(() => {
-        K(!1);
+      const K = setTimeout(() => {
+        F(!1);
       }, 150);
-      return () => clearTimeout(F);
+      return () => clearTimeout(K);
     }
-  }, [s]), !G)
+  }, [s]), !O)
     return null;
-  const ie = v ? (e == null ? void 0 : e.placeholder) || "What would you like to do?" : "Quick command mode (agent unavailable)", B = [...h, ...x], Z = B.length > 0, le = m && c !== "idle", re = v && !a && c === "idle" && p.length > 0, ee = (f === "quick-command" || !v) && c === "idle", ne = !v && f !== "quick-command" && c === "idle";
-  return /* @__PURE__ */ y(de, { children: [
-    /* @__PURE__ */ l(
+  const ee = C ? (e == null ? void 0 : e.placeholder) || "What would you like to do?" : "Quick command mode (agent unavailable)", V = [...g, ...y], J = V.length > 0, ne = h && c !== "idle", se = C && !l && c === "idle" && p.length > 0, te = (f === "quick-command" || !C) && c === "idle", ae = !C && f !== "quick-command" && c === "idle";
+  return /* @__PURE__ */ k(ce, { children: [
+    /* @__PURE__ */ a(
       "div",
       {
         style: {
@@ -1605,7 +1831,7 @@ const je = ({
         onClick: i
       }
     ),
-    /* @__PURE__ */ y(
+    /* @__PURE__ */ k(
       "div",
       {
         ref: r,
@@ -1628,27 +1854,27 @@ const je = ({
           ...e == null ? void 0 : e.style
         },
         children: [
-          /* @__PURE__ */ y("div", { children: [
-            /* @__PURE__ */ l(
+          /* @__PURE__ */ k("div", { children: [
+            /* @__PURE__ */ a(
               me,
               {
-                value: a,
+                value: l,
                 onChange: n,
-                onSubmit: w,
+                onSubmit: v,
                 onClose: i,
                 onHistoryPrevious: u,
                 onHistoryNext: d,
                 mode: f,
                 status: c,
-                placeholder: ie,
-                agentAvailable: v,
-                showAutocomplete: z,
-                onAutocompleteNext: T,
-                onAutocompletePrevious: S,
-                onAutocompleteAccept: I
+                placeholder: ee,
+                agentAvailable: C,
+                showAutocomplete: P,
+                onAutocompleteNext: w,
+                onAutocompletePrevious: x,
+                onAutocompleteAccept: T
               }
             ),
-            /* @__PURE__ */ y(
+            /* @__PURE__ */ k(
               "div",
               {
                 style: {
@@ -1661,8 +1887,8 @@ const je = ({
                   backgroundColor: t.colors.background
                 },
                 children: [
-                  /* @__PURE__ */ y("span", { children: [
-                    /* @__PURE__ */ l(
+                  /* @__PURE__ */ k("span", { children: [
+                    /* @__PURE__ */ a(
                       "kbd",
                       {
                         style: {
@@ -1677,8 +1903,8 @@ const je = ({
                     " ",
                     "Execute"
                   ] }),
-                  /* @__PURE__ */ y("span", { children: [
-                    /* @__PURE__ */ l(
+                  /* @__PURE__ */ k("span", { children: [
+                    /* @__PURE__ */ a(
                       "kbd",
                       {
                         style: {
@@ -1693,8 +1919,8 @@ const je = ({
                     " ",
                     "Close"
                   ] }),
-                  /* @__PURE__ */ y("span", { children: [
-                    /* @__PURE__ */ l(
+                  /* @__PURE__ */ k("span", { children: [
+                    /* @__PURE__ */ a(
                       "kbd",
                       {
                         style: {
@@ -1709,8 +1935,8 @@ const je = ({
                     " ",
                     "History"
                   ] }),
-                  /* @__PURE__ */ y("span", { style: { marginLeft: "auto" }, children: [
-                    /* @__PURE__ */ l(
+                  /* @__PURE__ */ k("span", { style: { marginLeft: "auto" }, children: [
+                    /* @__PURE__ */ a(
                       "kbd",
                       {
                         style: {
@@ -1729,16 +1955,16 @@ const je = ({
               }
             )
           ] }),
-          /* @__PURE__ */ y("div", { style: { overflow: "auto" }, children: [
-            Z && /* @__PURE__ */ l(ye, { tools: B, compact: B.length > 3 }),
-            le && /* @__PURE__ */ l(
+          /* @__PURE__ */ k("div", { style: { overflow: "auto" }, children: [
+            J && /* @__PURE__ */ a(xe, { tools: V, compact: V.length > 3 }),
+            ne && /* @__PURE__ */ a(
               ke,
               {
-                response: m,
+                response: h,
                 streaming: c === "thinking"
               }
             ),
-            re && /* @__PURE__ */ y(
+            se && /* @__PURE__ */ k(
               "div",
               {
                 style: {
@@ -1748,7 +1974,7 @@ const je = ({
                   flexWrap: "wrap"
                 },
                 children: [
-                  /* @__PURE__ */ l(
+                  /* @__PURE__ */ a(
                     "span",
                     {
                       style: {
@@ -1759,11 +1985,11 @@ const je = ({
                       children: "Try:"
                     }
                   ),
-                  p.map((F, H) => /* @__PURE__ */ y(
+                  p.map((K, U) => /* @__PURE__ */ k(
                     "button",
                     {
                       onClick: () => {
-                        n(F);
+                        n(K);
                       },
                       style: {
                         padding: "4px 10px",
@@ -1783,16 +2009,16 @@ const je = ({
                       },
                       children: [
                         '"',
-                        F,
+                        K,
                         '"'
                       ]
                     },
-                    H
+                    U
                   ))
                 ]
               }
             ),
-            ne && /* @__PURE__ */ y(
+            ae && /* @__PURE__ */ k(
               "div",
               {
                 style: {
@@ -1804,10 +2030,10 @@ const je = ({
                   gap: "8px"
                 },
                 children: [
-                  /* @__PURE__ */ l("span", { children: "Agent unavailable." }),
-                  /* @__PURE__ */ y("span", { style: { color: t.colors.textMuted }, children: [
+                  /* @__PURE__ */ a("span", { children: "Agent unavailable." }),
+                  /* @__PURE__ */ k("span", { style: { color: t.colors.textMuted }, children: [
                     "Use quick commands (start with ",
-                    /* @__PURE__ */ l("kbd", { style: {
+                    /* @__PURE__ */ a("kbd", { style: {
                       padding: "2px 6px",
                       backgroundColor: t.colors.backgroundSecondary,
                       borderRadius: "3px",
@@ -1818,7 +2044,7 @@ const je = ({
                 ]
               }
             ),
-            ee && /* @__PURE__ */ y(
+            te && /* @__PURE__ */ k(
               "div",
               {
                 style: {
@@ -1828,29 +2054,29 @@ const je = ({
                   fontFamily: t.fonts.monospace
                 },
                 children: [
-                  /* @__PURE__ */ l("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__ */ l("span", { style: { color: t.colors.info }, children: "/toggle" }),
+                  /* @__PURE__ */ a("div", { style: { marginBottom: "8px", color: t.colors.textSecondary }, children: "Quick commands:" }),
+                  /* @__PURE__ */ k("div", { style: { display: "flex", flexDirection: "column", gap: "4px" }, children: [
+                    /* @__PURE__ */ k("div", { children: [
+                      /* @__PURE__ */ a("span", { style: { color: t.colors.info }, children: "/toggle" }),
                       " ",
-                      /* @__PURE__ */ l("span", { style: { color: t.colors.textMuted }, children: "<left|right>" }),
+                      /* @__PURE__ */ a("span", { style: { color: t.colors.textMuted }, children: "<left|right>" }),
                       " ",
                       "- Toggle sidebar visibility"
                     ] }),
-                    /* @__PURE__ */ y("div", { children: [
-                      /* @__PURE__ */ l("span", { style: { color: t.colors.info }, children: "/switch" }),
+                    /* @__PURE__ */ k("div", { children: [
+                      /* @__PURE__ */ a("span", { style: { color: t.colors.info }, children: "/switch" }),
                       " ",
-                      /* @__PURE__ */ l("span", { style: { color: t.colors.textMuted }, children: "<slot> <panel>" }),
+                      /* @__PURE__ */ a("span", { style: { color: t.colors.textMuted }, children: "<slot> <panel>" }),
                       " ",
                       "- Switch panel content"
                     ] }),
-                    /* @__PURE__ */ y("div", { children: [
-                      /* @__PURE__ */ l("span", { style: { color: t.colors.info }, children: "/collapse" }),
+                    /* @__PURE__ */ k("div", { children: [
+                      /* @__PURE__ */ a("span", { style: { color: t.colors.info }, children: "/collapse" }),
                       " ",
                       "- Collapse all sidebars"
                     ] }),
-                    /* @__PURE__ */ y("div", { children: [
-                      /* @__PURE__ */ l("span", { style: { color: t.colors.info }, children: "/expand" }),
+                    /* @__PURE__ */ k("div", { children: [
+                      /* @__PURE__ */ a("span", { style: { color: t.colors.info }, children: "/expand" }),
                       " ",
                       "- Expand all sidebars"
                     ] })
@@ -1858,33 +2084,33 @@ const je = ({
                 ]
               }
             ),
-            z && /* @__PURE__ */ l(
-              xe,
+            P && /* @__PURE__ */ a(
+              be,
               {
-                matches: E,
-                argumentMatches: $,
-                currentArg: _,
-                isEnteringArgs: C.isEnteringArgs,
+                matches: $,
+                argumentMatches: z,
+                currentArg: L,
+                isEnteringArgs: I.isEnteringArgs,
                 selectedIndex: b,
-                onSelect: (F) => {
+                onSelect: (K) => {
                   var D;
-                  if (C.isEnteringArgs) {
-                    const Q = $[F];
-                    if (Q) {
-                      let Y = `/${C.commandName}`;
-                      for (const se of C.enteredArgs)
-                        Y += ` ${se}`;
-                      Y += ` ${Q.option}`;
-                      const ce = C.currentArgIndex + 1;
-                      ((D = C.command) == null ? void 0 : D.args) && ce < C.command.args.length && (Y += " "), n(Y);
+                  if (I.isEnteringArgs) {
+                    const G = z[K];
+                    if (G) {
+                      let X = `/${I.commandName}`;
+                      for (const ie of I.enteredArgs)
+                        X += ` ${ie}`;
+                      X += ` ${G.option}`;
+                      const de = I.currentArgIndex + 1;
+                      ((D = I.command) == null ? void 0 : D.args) && de < I.command.args.length && (X += " "), n(X);
                     }
                     return;
                   }
-                  const H = E[F];
-                  if (H) {
-                    const Q = H.command;
-                    let Y = `/${Q.name}`;
-                    Q.args && Q.args.length > 0 && (Y += " "), n(Y);
+                  const U = $[K];
+                  if (U) {
+                    const G = U.command;
+                    let X = `/${G.name}`;
+                    G.args && G.args.length > 0 && (X += " "), n(X);
                   }
                 }
               }
@@ -1893,7 +2119,7 @@ const je = ({
         ]
       }
     ),
-    /* @__PURE__ */ l("style", { children: `
+    /* @__PURE__ */ a("style", { children: `
           @keyframes pulse {
             0%, 100% { opacity: 1; }
             50% { opacity: 0.5; }
@@ -1909,18 +2135,18 @@ const je = ({
         ` })
   ] });
 };
-je.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, a = 0, n = 0, f = -1;
+  let i = 0, l = 0, n = 0, f = -1;
   for (let c = 0; c < r.length && i < t.length; c++)
-    r[c] === t[i] && (s.push(c), f === c - 1 ? (n++, a += n * 2) : n = 1, c === 0 && (a += 10), c > 0 && /[_\-\s]/.test(e[c - 1]) && (a += 5), a += 1, f = 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 });
+    r[c] === t[i] && (s.push(c), f === c - 1 ? (n++, l += n * 2) : n = 1, c === 0 && (l += 10), c > 0 && /[_\-\s]/.test(e[c - 1]) && (l += 5), l += 1, f = 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 });
 }
-function Oe(o, e, t = 10) {
+function Fe(o, e, t = 10) {
   const r = o.replace(/^\//, "").trim();
   if (!r)
     return e.slice(0, t).map((i) => ({
@@ -1931,12 +2157,12 @@ function Oe(o, e, t = 10) {
     }));
   const s = [];
   for (const i of e) {
-    const a = pe(r, i.name);
-    if (a) {
+    const l = pe(r, i.name);
+    if (l) {
       s.push({
         command: i,
-        score: a.score,
-        matchedIndices: a.matchedIndices,
+        score: l.score,
+        matchedIndices: l.matchedIndices,
         matchedOn: i.name
       });
       continue;
@@ -1956,16 +2182,16 @@ function Oe(o, e, t = 10) {
         }
       }
   }
-  return s.sort((i, a) => a.score - i.score).slice(0, t);
+  return s.sort((i, l) => l.score - i.score).slice(0, t);
 }
-function Ne(o, e) {
-  const r = o.replace(/^\//, "").split(/\s+/), s = r[0] || "", i = o.endsWith(" ") && o.trim().length > 0, a = e.find(
+function Ve(o, e) {
+  const r = o.replace(/^\//, "").split(/\s+/), s = r[0] || "", i = o.endsWith(" ") && o.trim().length > 0, l = e.find(
     (f) => {
       var c;
-      return f.name.toLowerCase() === s.toLowerCase() || ((c = f.aliases) == null ? void 0 : c.some((x) => x.toLowerCase() === s.toLowerCase()));
+      return f.name.toLowerCase() === s.toLowerCase() || ((c = f.aliases) == null ? void 0 : c.some((y) => y.toLowerCase() === s.toLowerCase()));
     }
   ) || null;
-  if (!a)
+  if (!l)
     return {
       commandName: s,
       command: null,
@@ -1977,8 +2203,8 @@ function Ne(o, e) {
   const n = r.slice(1);
   if (i)
     return {
-      commandName: a.name,
-      command: a,
+      commandName: l.name,
+      command: l,
       enteredArgs: n,
       currentArgValue: "",
       currentArgIndex: n.length,
@@ -1987,8 +2213,8 @@ function Ne(o, e) {
   if (n.length > 0) {
     const f = n.slice(0, -1), c = n[n.length - 1];
     return {
-      commandName: a.name,
-      command: a,
+      commandName: l.name,
+      command: l,
       enteredArgs: f,
       currentArgValue: c,
       currentArgIndex: f.length,
@@ -1996,15 +2222,15 @@ function Ne(o, e) {
     };
   }
   return {
-    commandName: a.name,
-    command: a,
+    commandName: l.name,
+    command: l,
     enteredArgs: [],
     currentArgValue: "",
     currentArgIndex: -1,
     isEnteringArgs: !1
   };
 }
-function Fe(o, e, t = 10) {
+function Be(o, e, t = 10) {
   if (!e.length)
     return [];
   if (!o)
@@ -2024,243 +2250,243 @@ function Fe(o, e, t = 10) {
   }
   return r.sort((s, i) => i.score - s.score).slice(0, t);
 }
-const Ve = [
+const Ke = [
   "hide sidebars",
   "show terminal",
   "focus editor"
 ];
-function ht({
+function mt({
   events: o,
   keyboard: e = { key: "p", altKey: !0 },
   config: t = {},
   onExecuteTool: r,
-  initialSuggestions: s = Ve,
+  initialSuggestions: s = Ke,
   agentAvailable: i = !0,
-  quickCommands: a = []
+  quickCommands: l = []
 } = {}) {
-  const [n, f] = P(!1), [c, x] = P(""), [h, m] = P("natural"), [w, u] = P("idle"), [d, p] = P([]), [v, E] = P([]), [$, C] = P(""), [_, b] = P([]), [T, S] = P(-1), I = te(() => s, [s]), [z, W] = P(-1), A = te(() => h !== "quick-command" || !a.length ? {
+  const [n, f] = _(!1), [c, y] = _(""), [g, h] = _("natural"), [v, u] = _("idle"), [d, p] = _([]), [C, $] = _([]), [z, I] = _(""), [L, b] = _([]), [w, x] = _(-1), T = oe(() => s, [s]), [P, W] = _(-1), A = oe(() => g !== "quick-command" || !l.length ? {
     commandName: "",
     command: null,
     enteredArgs: [],
     currentArgValue: "",
     currentArgIndex: -1,
     isEnteringArgs: !1
-  } : Ne(c, a), [c, h, a]), G = te(() => h !== "quick-command" || !a.length || A.isEnteringArgs ? [] : Oe(c, a), [c, h, a, A.isEnteringArgs]), K = te(() => {
-    var L;
-    if (!A.isEnteringArgs || !((L = A.command) != null && L.args))
+  } : Ve(c, l), [c, g, l]), O = oe(() => g !== "quick-command" || !l.length || A.isEnteringArgs ? [] : Fe(c, l), [c, g, l, A.isEnteringArgs]), F = oe(() => {
+    var E;
+    if (!A.isEnteringArgs || !((E = A.command) != null && E.args))
       return [];
-    const g = A.command.args[A.currentArgIndex];
-    return g != null && g.options ? Fe(A.currentArgValue, g.options) : [];
-  }, [A]), ie = te(() => {
-    var g;
-    return !A.isEnteringArgs || !((g = A.command) != null && g.args) ? null : A.command.args[A.currentArgIndex] || null;
-  }, [A]), B = te(() => h !== "quick-command" || w !== "idle" || c.length === 0 ? !1 : G.length > 0 || K.length > 0, [h, w, c.length, G.length, K.length]), Z = te(() => A.isEnteringArgs ? K.length : G.length, [A.isEnteringArgs, K.length, G.length]);
+    const m = A.command.args[A.currentArgIndex];
+    return m != null && m.options ? Be(A.currentArgValue, m.options) : [];
+  }, [A]), ee = oe(() => {
+    var m;
+    return !A.isEnteringArgs || !((m = A.command) != null && m.args) ? null : A.command.args[A.currentArgIndex] || null;
+  }, [A]), V = oe(() => g !== "quick-command" || v !== "idle" || c.length === 0 ? !1 : O.length > 0 || F.length > 0, [g, v, c.length, O.length, F.length]), J = oe(() => A.isEnteringArgs ? F.length : O.length, [A.isEnteringArgs, F.length, O.length]);
   R(() => {
-    W(Z > 0 ? 0 : -1);
-  }, [Z]);
-  const le = k((g) => {
-    x(g), m(g.startsWith("/") ? "quick-command" : "natural");
-  }, []), re = k(() => {
-    f(!0), i ? (x(""), m("natural")) : (x("/"), m("quick-command")), u("idle"), p([]), E([]), C(""), S(-1), o == null || o.emit({
+    W(J > 0 ? 0 : -1);
+  }, [J]);
+  const ne = S((m) => {
+    y(m), h(m.startsWith("/") ? "quick-command" : "natural");
+  }, []), se = S(() => {
+    f(!0), i ? (y(""), h("natural")) : (y("/"), h("quick-command")), u("idle"), p([]), $([]), I(""), x(-1), o == null || o.emit({
       type: "agent-command-palette:opened",
       source: "agent-command-palette",
       timestamp: Date.now(),
       payload: {}
     });
-  }, [o, i]), ee = k(() => {
+  }, [o, i]), te = S(() => {
     f(!1), o == null || o.emit({
       type: "agent-command-palette:closed",
       source: "agent-command-palette",
       timestamp: Date.now(),
       payload: {}
     });
-  }, [o]), ne = k(() => {
-    n ? ee() : re();
-  }, [n, re, ee]), F = k(() => {
-    x(""), m("natural"), u("idle"), p([]), E([]), C(""), S(-1);
-  }, []), H = k((g) => {
-    const L = {
-      ...g,
+  }, [o]), ae = S(() => {
+    n ? te() : se();
+  }, [n, se, te]), K = S(() => {
+    y(""), h("natural"), u("idle"), p([]), $([]), I(""), x(-1);
+  }, []), U = S((m) => {
+    const E = {
+      ...m,
       status: "pending"
     };
-    return p((M) => [...M, L]), L;
-  }, []), D = k(
-    (g, L, M, X) => {
-      p((q) => {
-        const j = q.find((J) => J.id === g);
-        if (!j) return q;
-        const N = {
-          ...j,
-          status: L,
+    return p((M) => [...M, E]), E;
+  }, []), D = S(
+    (m, E, M, Z) => {
+      p((j) => {
+        const q = j.find((Y) => Y.id === m);
+        if (!q) return j;
+        const B = {
+          ...q,
+          status: E,
           result: M,
-          error: X
+          error: Z
         };
-        return L === "success" || L === "error" ? (E((J) => [...J, N]), q.filter((J) => J.id !== g)) : q.map((J) => J.id === g ? N : J);
+        return E === "success" || E === "error" ? ($((Y) => [...Y, B]), j.filter((Y) => Y.id !== m)) : j.map((Y) => Y.id === m ? B : Y);
       });
     },
     []
-  ), Q = k(
-    async (g) => {
-      const L = g.replace(/^\//, "").trim().split(/\s+/), M = L[0], X = L.slice(1);
+  ), G = S(
+    async (m) => {
+      const E = m.replace(/^\//, "").trim().split(/\s+/), M = E[0], Z = E.slice(1);
       if (!M) return;
       u("executing");
-      const q = `quick-${Date.now()}`;
-      H({
-        id: q,
+      const j = `quick-${Date.now()}`;
+      U({
+        id: j,
         name: M,
-        args: { args: X }
-      }), D(q, "running");
+        args: { args: Z }
+      }), D(j, "running");
       try {
         if (r) {
-          const N = await r(M, { args: X });
-          D(q, "success", String(N));
+          const B = await r(M, { args: Z });
+          D(j, "success", String(B));
         } else
-          D(q, "success", "Tool executed (no handler)");
-        b((N) => [
+          D(j, "success", "Tool executed (no handler)");
+        b((B) => [
           {
-            query: g,
+            query: m,
             timestamp: Date.now(),
             toolsExecuted: [M],
             success: !0
           },
-          ...N.slice(0, (t.maxHistoryEntries || 50) - 1)
-        ]), u("complete"), C(`Executed: ${M}`);
-        const j = t.autoCloseDelay ?? 1e3;
-        j > 0 && setTimeout(() => ee(), j);
-      } catch (j) {
-        const N = j instanceof Error ? j.message : "Unknown error";
-        D(q, "error", void 0, N), u("error"), C(`Error: ${N}`);
+          ...B.slice(0, (t.maxHistoryEntries || 50) - 1)
+        ]), u("complete"), I(`Executed: ${M}`);
+        const q = t.autoCloseDelay ?? 1e3;
+        q > 0 && setTimeout(() => te(), q);
+      } catch (q) {
+        const B = q instanceof Error ? q.message : "Unknown error";
+        D(j, "error", void 0, B), u("error"), I(`Error: ${B}`);
       }
     },
-    [r, H, D, t.autoCloseDelay, t.maxHistoryEntries, ee]
-  ), Y = k(() => {
+    [r, U, D, t.autoCloseDelay, t.maxHistoryEntries, te]
+  ), X = S(() => {
     if (c.trim()) {
-      if (h === "quick-command") {
-        Q(c);
+      if (g === "quick-command") {
+        G(c);
         return;
       }
       if (!i) {
-        C("Agent unavailable. Use quick commands (start with /)."), u("error");
+        I("Agent unavailable. Use quick commands (start with /)."), u("error");
         return;
       }
       u("thinking"), o == null || o.emit({
         type: "agent-command-palette:submit",
         source: "agent-command-palette",
         timestamp: Date.now(),
-        payload: { query: c, mode: h }
-      }), b((g) => [
+        payload: { query: c, mode: g }
+      }), b((m) => [
         {
           query: c,
           timestamp: Date.now(),
           toolsExecuted: [],
           success: !0
         },
-        ...g.slice(0, (t.maxHistoryEntries || 50) - 1)
+        ...m.slice(0, (t.maxHistoryEntries || 50) - 1)
       ]);
     }
-  }, [c, h, Q, o, t.maxHistoryEntries, i]), ce = k(() => {
-    if (_.length === 0) return;
-    const g = T < _.length - 1 ? T + 1 : T;
-    S(g), _[g] && (x(_[g].query), m(_[g].query.startsWith("/") ? "quick-command" : "natural"));
-  }, [_, T]), ue = k(() => {
-    if (T <= 0) {
-      S(-1), x(""), m("natural");
+  }, [c, g, G, o, t.maxHistoryEntries, i]), de = S(() => {
+    if (L.length === 0) return;
+    const m = w < L.length - 1 ? w + 1 : w;
+    x(m), L[m] && (y(L[m].query), h(L[m].query.startsWith("/") ? "quick-command" : "natural"));
+  }, [L, w]), ue = S(() => {
+    if (w <= 0) {
+      x(-1), y(""), h("natural");
       return;
     }
-    const g = T - 1;
-    S(g), _[g] && (x(_[g].query), m(_[g].query.startsWith("/") ? "quick-command" : "natural"));
-  }, [_, T]), se = k(
-    (g) => {
+    const m = w - 1;
+    x(m), L[m] && (y(L[m].query), h(L[m].query.startsWith("/") ? "quick-command" : "natural"));
+  }, [L, w]), ie = S(
+    (m) => {
       const {
-        key: L = "p",
+        key: E = "p",
         altKey: M = !0,
-        ctrlKey: X = !1,
-        metaKey: q = !1,
-        shiftKey: j = !1
-      } = e, N = g.altKey === M && g.ctrlKey === X && g.metaKey === q && g.shiftKey === j;
-      if ((M ? g.code === `Key${L.toUpperCase()}` : g.key.toLowerCase() === L.toLowerCase()) && N) {
-        const oe = g.target;
-        if (!oe.closest("[data-agent-command-palette-input]") && (oe.tagName === "INPUT" || oe.tagName === "TEXTAREA" || oe.isContentEditable))
+        ctrlKey: Z = !1,
+        metaKey: j = !1,
+        shiftKey: q = !1
+      } = e, B = m.altKey === M && m.ctrlKey === Z && m.metaKey === j && m.shiftKey === q;
+      if ((M ? m.code === `Key${E.toUpperCase()}` : m.key.toLowerCase() === E.toLowerCase()) && B) {
+        const re = m.target;
+        if (!re.closest("[data-agent-command-palette-input]") && (re.tagName === "INPUT" || re.tagName === "TEXTAREA" || re.isContentEditable))
           return;
-        g.preventDefault(), ne();
+        m.preventDefault(), ae();
       }
     },
-    [e, ne]
+    [e, ae]
   );
-  R(() => (window.addEventListener("keydown", se), () => window.removeEventListener("keydown", se)), [se]);
-  const Pe = k(() => {
-    B && W(
-      (g) => g < Z - 1 ? g + 1 : 0
+  R(() => (window.addEventListener("keydown", ie), () => window.removeEventListener("keydown", ie)), [ie]);
+  const Pe = S(() => {
+    V && W(
+      (m) => m < J - 1 ? m + 1 : 0
     );
-  }, [B, Z]), We = k(() => {
-    B && W(
-      (g) => g > 0 ? g - 1 : Z - 1
+  }, [V, J]), We = S(() => {
+    V && W(
+      (m) => m > 0 ? m - 1 : J - 1
     );
-  }, [B, Z]), Le = k(() => {
-    var X;
-    if (!B || z < 0) return;
+  }, [V, J]), _e = S(() => {
+    var Z;
+    if (!V || P < 0) return;
     if (A.isEnteringArgs) {
-      const q = K[z];
-      if (!q) return;
-      let j = `/${A.commandName}`;
-      for (const oe of A.enteredArgs)
-        j += ` ${oe}`;
-      j += ` ${q.option}`;
-      const N = A.currentArgIndex + 1;
-      ((X = A.command) == null ? void 0 : X.args) && N < A.command.args.length && (j += " "), x(j), W(-1);
+      const j = F[P];
+      if (!j) return;
+      let q = `/${A.commandName}`;
+      for (const re of A.enteredArgs)
+        q += ` ${re}`;
+      q += ` ${j.option}`;
+      const B = A.currentArgIndex + 1;
+      ((Z = A.command) == null ? void 0 : Z.args) && B < A.command.args.length && (q += " "), y(q), W(-1);
       return;
     }
-    const g = G[z];
-    if (!g) return;
-    const L = g.command;
-    let M = `/${L.name}`;
-    L.args && L.args.length > 0 && (M += " "), x(M), W(-1);
-  }, [B, z, A, K, G]);
+    const m = O[P];
+    if (!m) return;
+    const E = m.command;
+    let M = `/${E.name}`;
+    E.args && E.args.length > 0 && (M += " "), y(M), W(-1);
+  }, [V, P, A, F, O]);
   return {
     // Agent availability
     agentAvailable: i,
     // Visibility
     isOpen: n,
-    open: re,
-    close: ee,
-    toggle: ne,
+    open: se,
+    close: te,
+    toggle: ae,
     // Input
     query: c,
-    setQuery: le,
-    mode: h,
+    setQuery: ne,
+    mode: g,
     // Execution
-    status: w,
+    status: v,
     setStatus: u,
     pendingTools: d,
-    completedTools: v,
-    agentResponse: $,
-    setAgentResponse: C,
-    submit: Y,
-    executeQuickCommand: Q,
+    completedTools: C,
+    agentResponse: z,
+    setAgentResponse: I,
+    submit: X,
+    executeQuickCommand: G,
     // Tool management (for external AI integration)
-    addPendingTool: H,
+    addPendingTool: U,
     updateToolStatus: D,
     // History
-    history: _,
-    historyPrevious: ce,
+    history: L,
+    historyPrevious: de,
     historyNext: ue,
     // Suggestions
-    suggestions: I,
+    suggestions: T,
     // Actions
-    clear: F,
+    clear: K,
     // Quick command autocomplete
-    quickCommandMatches: G,
-    argumentOptionMatches: K,
+    quickCommandMatches: O,
+    argumentOptionMatches: F,
     parsedQuery: A,
-    currentArgDef: ie,
-    selectedAutocompleteIndex: z,
+    currentArgDef: ee,
+    selectedAutocompleteIndex: P,
     autocompleteNext: Pe,
     autocompletePrevious: We,
-    autocompleteAccept: Le,
-    showAutocomplete: B
+    autocompleteAccept: _e,
+    showAutocomplete: V
   };
 }
-const be = {
+const we = {
   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: {
@@ -2329,7 +2555,7 @@ const be = {
     call_template_type: "panel_event",
     event_type: "panel:get-visibility"
   }
-}, we = {
+}, Se = {
   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: {
@@ -2361,7 +2587,7 @@ const be = {
     call_template_type: "panel_event",
     event_type: "panel:get-state"
   }
-}, Se = {
+}, ve = {
   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: {
@@ -2394,7 +2620,7 @@ const be = {
     call_template_type: "panel_event",
     event_type: "panel:list-state-panels"
   }
-}, ve = {
+}, Te = {
   name: "toggle_panel",
   description: "Collapse or expand a side panel to give more space to the main content area.",
   inputs: {
@@ -2421,7 +2647,7 @@ const be = {
     call_template_type: "panel_event",
     event_type: "panel:toggle"
   }
-}, Te = {
+}, Ce = {
   name: "collapse_all_panels",
   description: "Collapse both left and right panels to maximize the main content area. Useful for focus mode.",
   inputs: {
@@ -2441,7 +2667,7 @@ const be = {
     call_template_type: "panel_event",
     event_type: "panel:collapse-all"
   }
-}, Ce = {
+}, Ie = {
   name: "expand_all_panels",
   description: "Expand both left and right panels to show all content. Restores the default layout.",
   inputs: {
@@ -2461,7 +2687,7 @@ const be = {
     call_template_type: "panel_event",
     event_type: "panel:expand-all"
   }
-}, Ie = {
+}, Ae = {
   name: "switch_panel",
   description: "Change which content is displayed in a panel slot (left, middle, or right).",
   inputs: {
@@ -2492,7 +2718,7 @@ const be = {
     call_template_type: "panel_event",
     event_type: "panel:switch"
   }
-}, Ae = {
+}, $e = {
   name: "focus_panel",
   description: "Set focus to a specific panel slot for keyboard navigation.",
   inputs: {
@@ -2538,36 +2764,36 @@ const be = {
     call_template_type: "panel_event",
     event_type: "panel:reset-layout"
   }
-}, Be = [
+}, He = [
   // State query tools
-  be,
   we,
   Se,
-  // Layout action tools
   ve,
+  // Layout action tools
   Te,
   Ce,
   Ie,
   Ae,
+  $e,
   ze
-], gt = [
-  be,
+], xt = [
   we,
-  Se
-], mt = [
-  ve,
+  Se,
+  ve
+], kt = [
   Te,
   Ce,
   Ie,
   Ae,
+  $e,
   ze
-], yt = {
+], bt = {
   id: "panel-layouts",
   name: "Panel Layouts",
   description: "Generic panel layout and state query operations",
-  tools: Be
+  tools: He
 };
-function Ke(o) {
+function Qe(o) {
   const e = {};
   if (o.inputs.properties)
     for (const [t, r] of Object.entries(o.inputs.properties)) {
@@ -2588,12 +2814,12 @@ function Ke(o) {
     }
   };
 }
-function kt(o) {
+function wt(o) {
   return {
-    functionDeclarations: o.map(Ke)
+    functionDeclarations: o.map(Qe)
   };
 }
-function He(o) {
+function Je(o) {
   return {
     type: "function",
     function: {
@@ -2603,46 +2829,46 @@ function He(o) {
     }
   };
 }
-function xt(o) {
-  return o.map(He);
+function St(o) {
+  return o.map(Je);
 }
-function Qe(o) {
+function Ue(o) {
   return {
     name: o.name,
     description: o.description,
     input_schema: o.inputs
   };
 }
-function bt(o) {
-  return o.map(Qe);
+function vt(o) {
+  return o.map(Ue);
 }
-function Je(o) {
+function Ge(o) {
   return {
     name: o.name,
     description: o.description,
     parameters: o.inputs
   };
 }
-function wt(o) {
-  return o.map(Je);
+function Tt(o) {
+  return o.map(Ge);
 }
-function St(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 a = `- ${i.name}: ${i.description}`;
+    let l = `- ${i.name}: ${i.description}`;
     if (r && i.inputs.properties) {
       const n = Object.entries(i.inputs.properties).map(([f, c]) => {
-        var m;
-        const x = c, h = (m = i.inputs.required) != null && m.includes(f) ? " (required)" : "";
-        return `    - ${f}: ${x.description || x.type}${h}`;
+        var h;
+        const y = c, g = (h = i.inputs.required) != null && h.includes(f) ? " (required)" : "";
+        return `    - ${f}: ${y.description || y.type}${g}`;
       }).join(`
 `);
-      n && (a += `
+      n && (l += `
 ${n}`);
     }
-    return a;
+    return l;
   });
   return `${t}
@@ -2650,7 +2876,7 @@ ${s.join(`
 `)}`;
 }
-const Ue = ({ size: o = 18 }) => /* @__PURE__ */ y(
+const Ye = ({ size: o = 18 }) => /* @__PURE__ */ k(
   "svg",
   {
     width: o,
@@ -2662,11 +2888,11 @@ const Ue = ({ size: o = 18 }) => /* @__PURE__ */ y(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ l("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
-      /* @__PURE__ */ l("path", { d: "M9 3v18" })
+      /* @__PURE__ */ a("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+      /* @__PURE__ */ a("path", { d: "M9 3v18" })
     ]
   }
-), Ge = ({ size: o = 18 }) => /* @__PURE__ */ y(
+), Xe = ({ size: o = 18 }) => /* @__PURE__ */ k(
   "svg",
   {
     width: o,
@@ -2678,12 +2904,12 @@ const Ue = ({ size: o = 18 }) => /* @__PURE__ */ y(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ l("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
-      /* @__PURE__ */ l("path", { d: "M9 3v18" }),
-      /* @__PURE__ */ l("path", { d: "m16 15-3-3 3-3" })
+      /* @__PURE__ */ 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" })
     ]
   }
-), Ye = ({ size: o = 18 }) => /* @__PURE__ */ y(
+), Ze = ({ size: o = 18 }) => /* @__PURE__ */ k(
   "svg",
   {
     width: o,
@@ -2695,11 +2921,11 @@ const Ue = ({ size: o = 18 }) => /* @__PURE__ */ y(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ l("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
-      /* @__PURE__ */ l("path", { d: "M15 3v18" })
+      /* @__PURE__ */ a("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+      /* @__PURE__ */ a("path", { d: "M15 3v18" })
     ]
   }
-), Xe = ({ size: o = 18 }) => /* @__PURE__ */ y(
+), et = ({ size: o = 18 }) => /* @__PURE__ */ k(
   "svg",
   {
     width: o,
@@ -2711,9 +2937,9 @@ const Ue = ({ size: o = 18 }) => /* @__PURE__ */ y(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ l("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
-      /* @__PURE__ */ l("path", { d: "M15 3v18" }),
-      /* @__PURE__ */ l("path", { d: "m8 9 3 3-3 3" })
+      /* @__PURE__ */ 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" })
     ]
   }
 ), he = ({
@@ -2723,15 +2949,15 @@ const Ue = ({ size: o = 18 }) => /* @__PURE__ */ y(
   iconSize: r = 18,
   style: s,
   shortcutHint: i = "Cmd/Ctrl+B",
-  title: a,
+  title: l,
   className: n
 }) => {
-  const { theme: f } = U(), c = () => t === "right" ? o ? /* @__PURE__ */ l(Ye, { size: r }) : /* @__PURE__ */ l(Xe, { size: r }) : o ? /* @__PURE__ */ l(Ue, { size: r }) : /* @__PURE__ */ l(Ge, { size: r });
-  return /* @__PURE__ */ l(
+  const { theme: f } = Q(), c = () => t === "right" ? o ? /* @__PURE__ */ a(Ze, { size: r }) : /* @__PURE__ */ a(et, { size: r }) : o ? /* @__PURE__ */ a(Ye, { size: r }) : /* @__PURE__ */ a(Xe, { size: r });
+  return /* @__PURE__ */ a(
     "button",
     {
       onClick: e,
-      title: a ?? `${o ? "Show" : "Hide"} ${t === "right" ? "Right Panel" : "Sidebar"}${i ? ` (${i})` : ""}`,
+      title: l ?? `${o ? "Show" : "Hide"} ${t === "right" ? "Right Panel" : "Sidebar"}${i ? ` (${i})` : ""}`,
       className: n,
       style: {
         background: "transparent",
@@ -2748,16 +2974,16 @@ const Ue = ({ size: o = 18 }) => /* @__PURE__ */ y(
         height: "32px",
         ...s
       },
-      onMouseEnter: (h) => {
-        h.currentTarget.style.backgroundColor = f.colors.backgroundTertiary, h.currentTarget.style.color = f.colors.primary;
+      onMouseEnter: (g) => {
+        g.currentTarget.style.backgroundColor = f.colors.backgroundTertiary, g.currentTarget.style.color = f.colors.primary;
       },
-      onMouseLeave: (h) => {
-        h.currentTarget.style.backgroundColor = "transparent", h.currentTarget.style.color = o ? f.colors.textSecondary : f.colors.primary;
+      onMouseLeave: (g) => {
+        g.currentTarget.style.backgroundColor = "transparent", g.currentTarget.style.color = o ? f.colors.textSecondary : f.colors.primary;
       },
       children: c()
     }
   );
-}, Ze = ({ size: o = 14 }) => /* @__PURE__ */ y(
+}, tt = ({ size: o = 14 }) => /* @__PURE__ */ k(
   "svg",
   {
     width: o,
@@ -2769,13 +2995,13 @@ const Ue = ({ size: o = 18 }) => /* @__PURE__ */ y(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ l("path", { d: "M8 3 4 7l4 4" }),
-      /* @__PURE__ */ l("path", { d: "M4 7h16" }),
-      /* @__PURE__ */ l("path", { d: "m16 21 4-4-4-4" }),
-      /* @__PURE__ */ l("path", { d: "M20 17H4" })
+      /* @__PURE__ */ 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" })
     ]
   }
-), et = ({ size: o = 14 }) => /* @__PURE__ */ y(
+), ot = ({ size: o = 14 }) => /* @__PURE__ */ k(
   "svg",
   {
     width: o,
@@ -2787,13 +3013,13 @@ const Ue = ({ size: o = 18 }) => /* @__PURE__ */ y(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ l("path", { d: "m16 3 4 4-4 4" }),
-      /* @__PURE__ */ l("path", { d: "M20 7H4" }),
-      /* @__PURE__ */ l("path", { d: "m8 21-4-4 4-4" }),
-      /* @__PURE__ */ l("path", { d: "M4 17h16" })
+      /* @__PURE__ */ 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" })
     ]
   }
-), ge = ({
+), ye = ({
   onSwitch: o,
   variant: e = "left-middle",
   iconSize: t = 14,
@@ -2801,8 +3027,8 @@ const Ue = ({ size: o = 18 }) => /* @__PURE__ */ y(
   title: s,
   className: i
 }) => {
-  const { theme: a } = U(), n = () => e === "left-middle" ? "Switch left and middle panels" : "Switch right and middle panels", f = e === "left-middle" ? Ze : et;
-  return /* @__PURE__ */ l(
+  const { theme: l } = Q(), n = () => e === "left-middle" ? "Switch left and middle panels" : "Switch right and middle panels", f = e === "left-middle" ? tt : ot;
+  return /* @__PURE__ */ a(
     "button",
     {
       onClick: o,
@@ -2811,7 +3037,7 @@ const Ue = ({ size: o = 18 }) => /* @__PURE__ */ y(
       style: {
         background: "transparent",
         border: "none",
-        color: a.colors.textSecondary,
+        color: l.colors.textSecondary,
         cursor: "pointer",
         padding: "6px",
         borderRadius: "4px",
@@ -2824,15 +3050,15 @@ const Ue = ({ size: o = 18 }) => /* @__PURE__ */ y(
         ...r
       },
       onMouseEnter: (c) => {
-        c.currentTarget.style.backgroundColor = a.colors.backgroundTertiary, c.currentTarget.style.color = a.colors.text;
+        c.currentTarget.style.backgroundColor = l.colors.backgroundTertiary, c.currentTarget.style.color = l.colors.text;
       },
       onMouseLeave: (c) => {
-        c.currentTarget.style.backgroundColor = "transparent", c.currentTarget.style.color = a.colors.textSecondary;
+        c.currentTarget.style.backgroundColor = "transparent", c.currentTarget.style.color = l.colors.textSecondary;
       },
-      children: /* @__PURE__ */ l(f, { size: t })
+      children: /* @__PURE__ */ a(f, { size: t })
     }
   );
-}, tt = ({ size: o = 14 }) => /* @__PURE__ */ y(
+}, rt = ({ size: o = 14 }) => /* @__PURE__ */ k(
   "svg",
   {
     width: o,
@@ -2844,20 +3070,20 @@ const Ue = ({ size: o = 18 }) => /* @__PURE__ */ y(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ l("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
-      /* @__PURE__ */ l("path", { d: "M3 9h18" }),
-      /* @__PURE__ */ l("path", { d: "M9 21V9" })
+      /* @__PURE__ */ a("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+      /* @__PURE__ */ a("path", { d: "M3 9h18" }),
+      /* @__PURE__ */ a("path", { d: "M9 21V9" })
     ]
   }
-), ot = ({
+), nt = ({
   onConfigure: o,
   iconSize: e = 14,
   style: t,
   title: r = "Configure panel layout",
   className: s
 }) => {
-  const { theme: i } = U();
-  return /* @__PURE__ */ l(
+  const { theme: i } = Q();
+  return /* @__PURE__ */ a(
     "button",
     {
       onClick: o,
@@ -2878,49 +3104,49 @@ const Ue = ({ size: o = 18 }) => /* @__PURE__ */ y(
         height: "32px",
         ...t
       },
-      onMouseEnter: (a) => {
-        a.currentTarget.style.backgroundColor = i.colors.backgroundTertiary, a.currentTarget.style.color = i.colors.text;
+      onMouseEnter: (l) => {
+        l.currentTarget.style.backgroundColor = i.colors.backgroundTertiary, l.currentTarget.style.color = i.colors.text;
       },
-      onMouseLeave: (a) => {
-        a.currentTarget.style.backgroundColor = "transparent", a.currentTarget.style.color = i.colors.textSecondary;
+      onMouseLeave: (l) => {
+        l.currentTarget.style.backgroundColor = "transparent", l.currentTarget.style.color = i.colors.textSecondary;
       },
-      children: /* @__PURE__ */ l(tt, { size: e })
+      children: /* @__PURE__ */ a(rt, { size: e })
     }
   );
-}, vt = ({
+}, It = ({
   leftSidebarCollapsed: o = !1,
   onToggleLeftSidebar: e,
   showLeftSidebarControl: t = !1,
   rightSidebarCollapsed: r = !1,
   onToggleRightSidebar: s,
   showRightSidebarControl: i = !1,
-  onSwitchLeftMiddlePanels: a,
+  onSwitchLeftMiddlePanels: l,
   showSwitchLeftMiddle: n = !1,
   onSwitchRightMiddlePanels: f,
   showSwitchRightMiddle: c = !1,
-  onConfigurePanels: x,
-  showConfigureButton: h = !1,
-  gap: m = 4,
-  style: w,
+  onConfigurePanels: y,
+  showConfigureButton: g = !1,
+  gap: h = 4,
+  style: v,
   className: u,
   iconSize: d,
   leftCollapseButtonProps: p,
-  rightCollapseButtonProps: v,
-  leftMiddleSwitchButtonProps: E,
-  rightMiddleSwitchButtonProps: $,
-  configureButtonProps: C
-}) => t && e || n && a || h && x || c && f || i && s ? /* @__PURE__ */ y(
+  rightCollapseButtonProps: C,
+  leftMiddleSwitchButtonProps: $,
+  rightMiddleSwitchButtonProps: z,
+  configureButtonProps: I
+}) => t && e || n && l || g && y || c && f || i && s ? /* @__PURE__ */ k(
   "div",
   {
     className: u,
     style: {
       display: "flex",
       alignItems: "center",
-      gap: `${m}px`,
-      ...w
+      gap: `${h}px`,
+      ...v
     },
     children: [
-      t && e && /* @__PURE__ */ l(
+      t && e && /* @__PURE__ */ a(
         he,
         {
           isCollapsed: o,
@@ -2930,40 +3156,40 @@ const Ue = ({ size: o = 18 }) => /* @__PURE__ */ y(
           ...p
         }
       ),
-      n && a && /* @__PURE__ */ l(
-        ge,
+      n && l && /* @__PURE__ */ a(
+        ye,
         {
-          onSwitch: a,
+          onSwitch: l,
           variant: "left-middle",
           iconSize: d ?? 14,
-          ...E
+          ...$
         }
       ),
-      h && x && /* @__PURE__ */ l(
-        ot,
+      g && y && /* @__PURE__ */ a(
+        nt,
         {
-          onConfigure: x,
+          onConfigure: y,
           iconSize: d ?? 14,
-          ...C
+          ...I
         }
       ),
-      c && f && /* @__PURE__ */ l(
-        ge,
+      c && f && /* @__PURE__ */ a(
+        ye,
         {
           onSwitch: f,
           variant: "right-middle",
           iconSize: d ?? 14,
-          ...$
+          ...z
         }
       ),
-      i && s && /* @__PURE__ */ l(
+      i && s && /* @__PURE__ */ a(
         he,
         {
           isCollapsed: r,
           onToggle: s,
           side: "right",
           iconSize: d ?? 18,
-          ...v
+          ...C
         }
       )
     ]
@@ -2971,51 +3197,52 @@ const Ue = ({ size: o = 18 }) => /* @__PURE__ */ y(
 ) : null;
 export {
   me as AgentCommandInput,
-  je as AgentCommandPalette,
+  Oe as AgentCommandPalette,
   ke as AgentResponseDisplay,
-  It as EditableConfigurablePanelLayout,
-  ft as FocusIndicator,
+  zt as EditableConfigurablePanelLayout,
+  ht as FocusIndicator,
+  yt as FocusModeOverlay,
   Re as LocalStoragePersistenceAdapter,
-  $e as LocalStorageWorkspaceAdapter,
+  De as LocalStorageWorkspaceAdapter,
   he as PanelCollapseButton,
-  ot as PanelConfigureButton,
-  vt as PanelControls,
-  ge as PanelSwitchButton,
-  xe as QuickCommandAutocomplete,
-  At as ResponsiveConfigurablePanelLayout,
-  ye as ToolExecutionList,
-  O as WorkspaceLayoutService,
-  Te as collapseAllPanelsTool,
-  Ce as expandAllPanelsTool,
-  Ae as focusPanelTool,
+  nt as PanelConfigureButton,
+  It as PanelControls,
+  ye as PanelSwitchButton,
+  be as QuickCommandAutocomplete,
+  Pt as ResponsiveConfigurablePanelLayout,
+  xe as ToolExecutionList,
+  N as WorkspaceLayoutService,
+  Ce as collapseAllPanelsTool,
+  Ie as expandAllPanelsTool,
+  $e as focusPanelTool,
   pe as fuzzyMatch,
-  St as generateToolsSystemPrompt,
-  we as getPanelStateTool,
-  be as getVisiblePanelsTool,
-  mt as layoutActionTools,
-  Be as layoutTools,
-  yt as layoutToolsMetadata,
-  Se as listPanelsWithStateTool,
-  zt as mapThemeToPanelVars,
-  Pt as mapThemeToTabVars,
+  Ct as generateToolsSystemPrompt,
+  Se as getPanelStateTool,
+  we as getVisiblePanelsTool,
+  kt as layoutActionTools,
+  He as layoutTools,
+  bt as layoutToolsMetadata,
+  ve as listPanelsWithStateTool,
+  Wt as mapThemeToPanelVars,
+  _t as mapThemeToTabVars,
   ze as resetLayoutTool,
-  Oe as searchQuickCommands,
-  gt as stateQueryTools,
-  Ie as switchPanelTool,
-  ve as togglePanelTool,
-  Je as toolToAIFunction,
-  Qe as toolToAnthropicFormat,
-  Ke as toolToGeminiFunction,
-  He as toolToOpenAIFunction,
-  wt as toolsToAIFunctions,
-  bt as toolsToAnthropicFormat,
-  kt as toolsToGeminiFormat,
-  xt as toolsToOpenAIFormat,
-  ht as useAgentCommandPalette,
-  dt as usePanelFocus,
-  ut as usePanelFocusListener,
-  pt as usePanelKeyboardShortcuts,
-  lt as usePanelPersistence,
-  ct as useWorkspace
+  Fe as searchQuickCommands,
+  xt as stateQueryTools,
+  Ae as switchPanelTool,
+  Te as togglePanelTool,
+  Ge as toolToAIFunction,
+  Ue as toolToAnthropicFormat,
+  Qe as toolToGeminiFunction,
+  Je as toolToOpenAIFunction,
+  Tt as toolsToAIFunctions,
+  vt as toolsToAnthropicFormat,
+  wt as toolsToGeminiFormat,
+  St as toolsToOpenAIFormat,
+  mt as useAgentCommandPalette,
+  ut as usePanelFocus,
+  gt as usePanelFocusListener,
+  ft as usePanelKeyboardShortcuts,
+  dt as usePanelPersistence,
+  pt as useWorkspace
 };
 //# sourceMappingURL=index.esm.js.map