@principal-ade/panel-layouts 0.3.6 → 0.3.7

package/dist/index.esm.js

@@ -1,10 +1,10 @@
-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;
+import './index.css';var _e = Object.defineProperty;
+var Ee = (o, e, t) => e in o ? _e(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
 var le = (o, e, t) => Ee(o, typeof e != "symbol" ? e + "" : e, t);
-import { 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";
+import { EditableConfigurablePanelLayout as zt, ResponsiveConfigurablePanelLayout as Pt, mapThemeToPanelVars as Lt, mapThemeToTabVars as Wt } from "@principal-ade/panels";
+import { useState as L, useRef as J, useEffect as R, useCallback as b, useMemo as ne } from "react";
+import { jsx as a, jsxs as y, Fragment as ce } from "react/jsx-runtime";
+import { useTheme as Y } from "@principal-ade/industry-theme";
 class Re {
   constructor() {
     le(this, "storageKey", "panel-layouts");
@@ -34,40 +34,40 @@ function dt(o) {
     defaultSizes: t,
     panelType: r,
     adapter: s = new Re()
-  } = o, [i, l] = _(t), [n, f] = _(o.collapsed), c = H(o.collapsed), y = H({}), g = H(null), h = H(null);
+  } = o, [i, l] = L(t), [n, g] = L(o.collapsed), c = J(o.collapsed), k = J({}), u = J(null), h = J(null);
   R(() => {
     (async () => {
       const w = await s.load(e);
-      w != null && w.sizes && (l(w.sizes), v(w.sizes));
+      w != null && w.sizes && (l(w.sizes), C(w.sizes));
     })();
   }, [e]);
-  const v = S(
-    (b) => {
-      "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);
+  const C = b(
+    (S) => {
+      "left" in S && S.left > 0 && (k.current.left = S.left), "middle" in S && S.middle > 0 && (k.current.middle = S.middle), "right" in S && S.right > 0 && (k.current.right = S.right);
     },
     []
-  ), u = S(
-    (b) => {
-      const w = y.current[b];
+  ), f = b(
+    (S) => {
+      const w = k.current[S];
       if (w && w > 0)
         return w;
-      if (b === "left" && "left" in t && t.left > 0)
+      if (S === "left" && "left" in t && t.left > 0)
         return t.left;
-      if (b === "right" && "right" in t && t.right > 0)
+      if (S === "right" && "right" in t && t.right > 0)
         return t.right;
     },
     [t]
-  ), d = H(t);
+  ), d = J(t);
   R(() => {
-    ("left" in t && t.left !== d.current.left || "middle" in t && "middle" in d.current && t.middle !== d.current.middle || "right" in t && t.right !== d.current.right) && (l(t), 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 });
+    ("left" in t && t.left !== d.current.left || "middle" in t && "middle" in d.current && t.middle !== d.current.middle || "right" in t && t.right !== d.current.right) && (l(t), C(t), d.current = t);
+  }, [t, C]), R(() => {
+    const S = o.collapsed.left !== c.current.left, w = "right" in o.collapsed && "right" in c.current && o.collapsed.right !== c.current.right;
+    (S || w) && (g(o.collapsed), c.current = { ...o.collapsed });
   }, [o.collapsed.left, o.collapsed.right]);
-  const p = S(
-    async (b) => {
+  const p = b(
+    async (S) => {
       try {
-        await s.save(e, { sizes: b });
+        await s.save(e, { sizes: S });
       } catch (w) {
         console.error(
           `Failed to save panel preferences for ${e}:`,
@@ -76,68 +76,68 @@ function dt(o) {
       }
     },
     [e, s]
-  ), C = S(
-    (b) => {
-      const w = { ...b };
+  ), T = b(
+    (S) => {
+      const w = { ...S };
       let x = !0;
-      if ("left" in b) {
-        const T = !!(n != null && n.left), P = b.left;
-        if (T) {
-          const W = u("left");
-          W !== void 0 && W > 0 ? w.left = W : x = !1;
-        } else P === 0 && (x = !1);
+      if ("left" in S) {
+        const A = !!(n != null && n.left), z = S.left;
+        if (A) {
+          const $ = f("left");
+          $ !== void 0 && $ > 0 ? w.left = $ : x = !1;
+        } else z === 0 && (x = !1);
       }
-      if (r === "three-panel" && "right" in b) {
-        const T = !!(n != null && n.right), P = b.right;
-        if (T) {
-          const W = u("right");
-          W !== void 0 && W > 0 ? w.right = W : x = !1;
-        } else P === 0 && (x = !1);
+      if (r === "three-panel" && "right" in S) {
+        const A = !!(n != null && n.right), z = S.right;
+        if (A) {
+          const $ = f("right");
+          $ !== void 0 && $ > 0 ? w.right = $ : x = !1;
+        } else z === 0 && (x = !1);
       }
-      if (l(w), v(w), g.current && (clearTimeout(g.current), g.current = null), !x) {
+      if (l(w), C(w), u.current && (clearTimeout(u.current), u.current = null), !x) {
         h.current = null;
         return;
       }
-      h.current = w, g.current = setTimeout(() => {
-        const T = h.current;
-        T && (p(T), h.current = null), g.current = null;
+      h.current = w, u.current = setTimeout(() => {
+        const A = h.current;
+        A && (p(A), h.current = null), u.current = null;
       }, 500);
     },
     [
       n,
-      u,
+      f,
       r,
       p,
-      v
+      C
     ]
   );
   R(() => () => {
-    if (g.current) {
-      const b = h.current;
-      b && (p(b), h.current = null), clearTimeout(g.current), g.current = null;
+    if (u.current) {
+      const S = h.current;
+      S && (p(S), h.current = null), clearTimeout(u.current), u.current = null;
     }
   }, [p]);
-  const $ = S(async () => {
-  }, []), z = S(async () => {
-  }, []), I = S(async () => {
-  }, []), L = S(async () => {
+  const W = b(async () => {
+  }, []), D = b(async () => {
+  }, []), I = b(async () => {
+  }, []), _ = b(async () => {
   }, []);
   return r === "three-panel" ? {
     type: "three-panel",
     sizes: i,
     collapsed: n,
-    handlePanelResize: C,
-    handleLeftCollapseComplete: $,
-    handleLeftExpandComplete: z,
+    handlePanelResize: T,
+    handleLeftCollapseComplete: W,
+    handleLeftExpandComplete: D,
     handleRightCollapseComplete: I,
-    handleRightExpandComplete: L
+    handleRightExpandComplete: _
   } : {
     type: "two-panel",
     sizes: i,
     collapsed: n,
-    handlePanelResize: C,
-    handleLeftCollapseComplete: $,
-    handleLeftExpandComplete: z
+    handlePanelResize: T,
+    handleLeftCollapseComplete: W,
+    handleLeftExpandComplete: D
   };
 }
 class De {
@@ -221,7 +221,7 @@ class De {
     }
   }
 }
-class N {
+class O {
   /**
    * Configure a custom storage adapter (for Electron IPC or remote storage)
    */
@@ -610,141 +610,141 @@ class N {
     Object.keys(e).length;
   }
 }
-le(N, "adapter", new De());
+le(O, "adapter", new De());
 function pt(o = {}) {
-  const { repositoryKey: e, autoInitialize: t = !1, defaultWorkspaceId: r } = o, [s, i] = _(
+  const { repositoryKey: e, autoInitialize: t = !1, defaultWorkspaceId: r } = o, [s, i] = L(
     {}
-  ), [l, n] = _(null), [f, c] = _(null), [y, g] = _(!0), [h, v] = _(null), u = S(async () => {
+  ), [l, n] = L(null), [g, c] = L(null), [k, u] = L(!0), [h, C] = L(null), f = b(async () => {
     try {
-      g(!0), v(null);
-      const x = await N.getWorkspaceLayouts();
+      u(!0), C(null);
+      const x = await O.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 || {
+        let A = await O.getRepositoryState(e);
+        if (!A && t) {
+          const z = r || "project-management", $ = await O.getWorkspaceLayout(z);
+          $ && (A = {
+            workspaceId: z,
+            sizes: $.defaultSizes || {
               left: 20,
               middle: 45,
               right: 35
             },
-            collapsed: W.defaultCollapsed || {
+            collapsed: $.defaultCollapsed || {
               left: !1,
               right: !1
             }
-          }, await N.setRepositoryState(
+          }, await O.setRepositoryState(
             e,
-            T
+            A
           ));
         }
-        if (n(T), T != null && T.workspaceId) {
-          const P = await N.getWorkspaceLayout(
-            T.workspaceId
+        if (n(A), A != null && A.workspaceId) {
+          const z = await O.getWorkspaceLayout(
+            A.workspaceId
           );
-          c(P);
+          c(z);
         } else
           c(null);
       }
     } catch (x) {
-      v(x), console.error("Failed to load workspace data:", x);
+      C(x), console.error("Failed to load workspace data:", x);
     } finally {
-      g(!1);
+      u(!1);
     }
   }, [e, t, r]);
   R(() => {
-    u();
-  }, [u]);
-  const d = S(
-    async (x) => await N.getWorkspaceLayout(x),
+    f();
+  }, [f]);
+  const d = b(
+    async (x) => await O.getWorkspaceLayout(x),
     []
-  ), p = S(
+  ), p = b(
     async (x) => {
-      const T = await N.createWorkspaceLayout(x);
-      return await u(), T;
+      const A = await O.createWorkspaceLayout(x);
+      return await f(), A;
     },
-    [u]
-  ), C = S(
-    async (x, T) => {
-      const P = await N.updateWorkspaceLayout(x, T);
-      return await u(), P;
+    [f]
+  ), T = b(
+    async (x, A) => {
+      const z = await O.updateWorkspaceLayout(x, A);
+      return await f(), z;
     },
-    [u]
-  ), $ = S(
+    [f]
+  ), W = b(
     async (x) => {
-      const T = await N.deleteWorkspaceLayout(x);
-      return T && await u(), T;
+      const A = await O.deleteWorkspaceLayout(x);
+      return A && await f(), A;
     },
-    [u]
-  ), z = S(
+    [f]
+  ), D = b(
     async (x) => {
       if (!e) {
         console.error("Cannot apply workspace without repositoryKey");
         return;
       }
-      const T = await N.getWorkspaceLayout(x);
-      if (!T) {
+      const A = await O.getWorkspaceLayout(x);
+      if (!A) {
         console.error(`Workspace ${x} not found`);
         return;
       }
-      const P = {
+      const z = {
         workspaceId: x,
-        sizes: T.defaultSizes || { left: 20, middle: 45, right: 35 },
-        collapsed: T.defaultCollapsed || {
+        sizes: A.defaultSizes || { left: 20, middle: 45, right: 35 },
+        collapsed: A.defaultCollapsed || {
           left: !1,
           right: !1
         }
       };
-      await N.setRepositoryState(e, P), await u();
+      await O.setRepositoryState(e, z), await f();
     },
-    [e, u]
-  ), I = S(
+    [e, f]
+  ), I = b(
     async (x) => {
       if (!e) {
         console.error("Cannot update sizes without repositoryKey");
         return;
       }
-      await N.updateRepositorySizes(e, x), await u();
+      await O.updateRepositorySizes(e, x), await f();
     },
-    [e, u]
-  ), L = S(
+    [e, f]
+  ), _ = b(
     async (x) => {
       if (!e) {
         console.error("Cannot update collapsed without repositoryKey");
         return;
       }
-      await N.updateRepositoryCollapsed(
+      await O.updateRepositoryCollapsed(
         e,
         x
-      ), await u();
+      ), await f();
     },
-    [e, u]
-  ), b = S(async () => {
+    [e, f]
+  ), S = b(async () => {
     if (!e || !(l != null && l.workspaceId)) {
       console.error("Cannot reset without repositoryKey and active workspace");
       return;
     }
-    await N.resetRepositoryToWorkspaceDefaults(
+    await O.resetRepositoryToWorkspaceDefaults(
       e,
       l.workspaceId
-    ), await u();
-  }, [e, l == null ? void 0 : l.workspaceId, u]), w = S(async () => {
-    await u();
-  }, [u]);
+    ), await f();
+  }, [e, l == null ? void 0 : l.workspaceId, f]), w = b(async () => {
+    await f();
+  }, [f]);
   return {
     workspaces: s,
     repositoryState: l,
-    activeWorkspace: f,
-    loading: y,
+    activeWorkspace: g,
+    loading: k,
     error: h,
     getWorkspace: d,
     createWorkspace: p,
-    updateWorkspace: C,
-    deleteWorkspace: $,
-    applyWorkspace: z,
+    updateWorkspace: T,
+    deleteWorkspace: W,
+    applyWorkspace: D,
     updateSizes: I,
-    updateCollapsed: L,
-    resetToDefaults: b,
+    updateCollapsed: _,
+    resetToDefaults: S,
     refresh: w
   };
 }
@@ -756,32 +756,32 @@ function ut(o = {}) {
     onFocusChange: s,
     events: i,
     getPanelId: l
-  } = o, [n, f] = _(
+  } = o, [n, g] = L(
     e
-  ), c = S(
+  ), c = b(
     (d) => {
       const p = n;
-      if (f(d), s == null || s(d), i && l) {
+      if (g(d), s == null || s(d), i && l) {
         if (p) {
-          const $ = l(p);
-          $ && i.emit({
+          const W = l(p);
+          W && i.emit({
             type: "panel:blur",
             source: "panel-layouts",
             timestamp: Date.now(),
             payload: {
-              panelId: $,
+              panelId: W,
               panelSlot: p,
               nextPanelId: l(d)
             }
           });
         }
-        const C = l(d);
-        C && i.emit({
+        const T = l(d);
+        T && i.emit({
           type: "panel:focus",
           source: "panel-layouts",
           timestamp: Date.now(),
           payload: {
-            panelId: C,
+            panelId: T,
             panelSlot: d,
             source: "keyboard-shortcut"
           }
@@ -789,9 +789,9 @@ function ut(o = {}) {
       }
     },
     [n, s, i, l]
-  ), y = S(() => {
+  ), k = b(() => {
     const d = n;
-    if (f(null), s == null || s(null), i && l && d) {
+    if (g(null), s == null || s(null), i && l && d) {
       const p = l(d);
       p && i.emit({
         type: "panel:blur",
@@ -803,11 +803,11 @@ function ut(o = {}) {
         }
       });
     }
-  }, [n, s, i, l]), g = S(() => {
+  }, [n, s, i, l]), u = b(() => {
     const d = [];
     return t.left || d.push("left"), d.push("middle"), r === "three-panel" && !t.right && d.push("right"), d;
-  }, [t, r]), h = S(() => {
-    const d = g();
+  }, [t, r]), h = b(() => {
+    const d = u();
     if (d.length === 0) return;
     if (n === null) {
       c(d[0]);
@@ -818,10 +818,10 @@ function ut(o = {}) {
       c(d[0]);
       return;
     }
-    const C = (p + 1) % d.length;
-    c(d[C]);
-  }, [n, g, c]), v = S(() => {
-    const d = g();
+    const T = (p + 1) % d.length;
+    c(d[T]);
+  }, [n, u, c]), C = b(() => {
+    const d = u();
     if (d.length === 0) return;
     if (n === null) {
       c(d[d.length - 1]);
@@ -832,19 +832,19 @@ function ut(o = {}) {
       c(d[d.length - 1]);
       return;
     }
-    const C = p === 0 ? d.length - 1 : p - 1;
-    c(d[C]);
-  }, [n, g, c]), u = S(
+    const T = p === 0 ? d.length - 1 : p - 1;
+    c(d[T]);
+  }, [n, u, c]), f = b(
     (d) => n === d,
     [n]
   );
   return {
     focusedPanel: n,
     setFocus: c,
-    clearFocus: y,
+    clearFocus: k,
     focusNext: h,
-    focusPrevious: v,
-    isFocused: u
+    focusPrevious: C,
+    isFocused: f
   };
 }
 function ft(o) {
@@ -856,29 +856,29 @@ function ft(o) {
     setFocus: i,
     onExpand: l,
     onCollapse: n
-  } = o, f = H(t), c = H(r), y = H(s);
+  } = o, g = J(t), c = J(r), k = J(s);
   R(() => {
-    f.current = t;
+    g.current = t;
   }, [t]), R(() => {
     c.current = r;
   }, [r]), R(() => {
-    y.current = s;
+    k.current = s;
   }, [s]);
-  const g = S(
+  const u = b(
     (h) => {
       if (!h.altKey || h.ctrlKey || h.metaKey || h.shiftKey)
         return;
-      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")));
+      const C = h.code, f = g.current, d = c.current, p = k.current;
+      C === "Digit1" || C === "Numpad1" ? (h.preventDefault(), d.left ? l("left") : f !== "left" ? i("left") : (n("left"), i("middle"))) : C === "Digit2" || C === "Numpad2" ? (h.preventDefault(), i("middle")) : (C === "Digit3" || C === "Numpad3") && p === "three-panel" && (h.preventDefault(), d.right ? l("right") : f !== "right" ? i("right") : (n("right"), i("middle")));
     },
     [i, l, n]
   );
   R(() => {
     if (e)
-      return window.addEventListener("keydown", g), () => {
-        window.removeEventListener("keydown", g);
+      return window.addEventListener("keydown", u), () => {
+        window.removeEventListener("keydown", u);
       };
-  }, [e, g]);
+  }, [e, u]);
 }
 function gt(o, e, t, r) {
   R(() => {
@@ -977,7 +977,7 @@ const ht = ({
     }
 
   `, document.head.appendChild(o);
-}, yt = ({
+}, mt = ({
   active: o,
   variant: e = "soft-fade",
   effects: t = [],
@@ -985,20 +985,55 @@ const ht = ({
   animationDuration: s = 300,
   cascadeDelay: i = 0,
   color: l,
-  className: n = "",
-  style: f = {}
+  hideOnHover: n = !0,
+  className: g = "",
+  style: c = {}
 }) => {
-  const { theme: c } = Q(), [y, g] = _(!1);
+  const { theme: k } = Y(), [u, h] = L(!1), [C, f] = L(!1), d = J(null);
   R(() => {
     Me();
   }, []), R(() => {
+    if (!n || !o) {
+      f(!1);
+      return;
+    }
+    const X = (H) => {
+      if (d.current) {
+        const M = d.current.getBoundingClientRect(), te = H.clientX >= M.left && H.clientX <= M.right && H.clientY >= M.top && H.clientY <= M.bottom;
+        f(te);
+      }
+    };
+    return document.addEventListener("mousemove", X), () => document.removeEventListener("mousemove", X);
+  }, [n, o]), R(() => {
     if (o) {
-      const O = setTimeout(() => g(!0), i);
-      return () => clearTimeout(O);
+      const X = setTimeout(() => h(!0), i);
+      return () => clearTimeout(X);
     } else
-      g(!1);
+      h(!1);
   }, [o, i]);
-  const h = l || c.colors.background, u = {
+  const p = l || k.colors.background, T = () => {
+    switch (e) {
+      case "soft-fade":
+        return {
+          backgroundColor: p,
+          opacity: u ? r : 0,
+          transition: `opacity ${s}ms ease-out`
+        };
+      case "cascading-fade":
+        return {
+          backgroundColor: p,
+          opacity: u ? r : 0,
+          transition: `opacity ${s}ms ease-out`,
+          transitionDelay: u ? "0ms" : `${i}ms`
+        };
+      default:
+        return {
+          backgroundColor: p,
+          opacity: u ? r : 0,
+          transition: `opacity ${s}ms ease-out`
+        };
+    }
+  }, W = n && C, D = {
     position: "absolute",
     top: 0,
     left: 0,
@@ -1007,155 +1042,136 @@ const ht = ({
     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 = {
+    ...T(),
+    // Override opacity when hovered
+    ...W ? { opacity: 0 } : {},
+    ...c
+  }, I = t.includes("vignette-drift"), _ = t.includes("radial-breathing"), S = t.includes("snowfall"), w = (X, H) => {
+    const M = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(X);
+    if (!M) return `rgba(255, 255, 255, ${H})`;
+    const te = parseInt(M[1], 16), B = parseInt(M[2], 16), U = parseInt(M[3], 16);
+    return `rgba(${te}, ${B}, ${U}, ${H})`;
+  }, x = k.colors.primary, A = {
     position: "absolute",
     top: 0,
     left: 0,
     right: 0,
     bottom: 0,
     pointerEvents: "none",
-    opacity: y ? 1 : 0,
+    opacity: u ? 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%)`,
+    background: `radial-gradient(circle at 50% 50%, ${w(x, 0.12)} 0%, ${w(x, 0.06)} 25%, transparent 50%)`,
     backgroundSize: "150% 150%",
-    animation: y ? "focus-overlay-vignette-drift 12s ease-in-out infinite" : "none"
-  }, L = {
+    animation: u ? "focus-overlay-vignette-drift 12s ease-in-out infinite" : "none"
+  }, z = {
     position: "absolute",
     top: 0,
     left: 0,
     right: 0,
     bottom: 0,
     pointerEvents: "none",
-    opacity: y ? 1 : 0,
+    opacity: u ? 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 = {
+    background: `radial-gradient(circle at center, ${w(x, 0.15)} 0%, ${w(x, 0.06)} 30%, transparent 55%)`,
+    animation: u ? "focus-overlay-radial-breathing 4s ease-in-out infinite" : "none"
+  }, $ = w(x, 0.6), v = w(x, 0.4), P = w(x, 0.25), V = {
     position: "absolute",
     top: 0,
     left: 0,
     right: 0,
     bottom: 0,
     pointerEvents: "none",
-    opacity: y ? 1 : 0,
+    opacity: u ? 1 : 0,
     transition: `opacity ${s}ms ease-out`
-  }, P = {
-    ...T,
+  }, ae = {
+    ...V,
     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)
+      radial-gradient(circle, ${$} 0%, ${$} 3px, transparent 3px),
+      radial-gradient(circle, ${$} 0%, ${$} 3px, transparent 3px),
+      radial-gradient(circle, ${$} 0%, ${$} 3px, transparent 3px),
+      radial-gradient(circle, ${$} 0%, ${$} 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,
+    animation: u ? "focus-overlay-snowfall-1 4s linear infinite" : "none"
+  }, K = {
+    ...V,
     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)
+      radial-gradient(circle, ${v} 0%, ${v} 2px, transparent 2px),
+      radial-gradient(circle, ${v} 0%, ${v} 2px, transparent 2px),
+      radial-gradient(circle, ${v} 0%, ${v} 2px, transparent 2px),
+      radial-gradient(circle, ${v} 0%, ${v} 2px, transparent 2px),
+      radial-gradient(circle, ${v} 0%, ${v} 2px, transparent 2px)
     `,
     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,
+    animation: u ? "focus-overlay-snowfall-2 7s linear infinite" : "none"
+  }, G = {
+    ...V,
     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)
+      radial-gradient(circle, ${P} 0%, ${P} 1.5px, transparent 1.5px),
+      radial-gradient(circle, ${P} 0%, ${P} 1.5px, transparent 1.5px),
+      radial-gradient(circle, ${P} 0%, ${P} 1.5px, transparent 1.5px),
+      radial-gradient(circle, ${P} 0%, ${P} 1.5px, transparent 1.5px),
+      radial-gradient(circle, ${P} 0%, ${P} 1.5px, transparent 1.5px),
+      radial-gradient(circle, ${P} 0%, ${P} 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"
+    animation: u ? "focus-overlay-snowfall-3 12s linear infinite" : "none"
   };
-  return /* @__PURE__ */ k(
+  return /* @__PURE__ */ y(
     "div",
     {
-      className: `focus-mode-overlay focus-mode-overlay--${e} ${n}`,
-      style: u,
+      ref: d,
+      className: `focus-mode-overlay focus-mode-overlay--${e} ${g}`,
+      style: D,
       role: "presentation",
       "aria-hidden": "true",
       "data-active": o,
       "data-variant": e,
       children: [
-        d && /* @__PURE__ */ a(
+        I && /* @__PURE__ */ a(
           "div",
           {
             className: "focus-mode-overlay__vignette-drift",
-            style: I
+            style: A
           }
         ),
-        p && /* @__PURE__ */ a(
+        _ && /* @__PURE__ */ a(
           "div",
           {
             className: "focus-mode-overlay__radial-breathing",
-            style: L
+            style: z
           }
         ),
-        C && /* @__PURE__ */ k(ce, { children: [
+        S && /* @__PURE__ */ y(ce, { children: [
           /* @__PURE__ */ a(
             "div",
             {
               className: "focus-mode-overlay__snowfall-layer-3",
-              style: A
+              style: G
             }
           ),
           /* @__PURE__ */ a(
             "div",
             {
               className: "focus-mode-overlay__snowfall-layer-2",
-              style: W
+              style: K
             }
           ),
           /* @__PURE__ */ a(
             "div",
             {
               className: "focus-mode-overlay__snowfall-layer-1",
-              style: P
+              style: ae
             }
           )
         ] })
       ]
     }
   );
-}, me = ({
+}, ye = ({
   value: o,
   onChange: e,
   onSubmit: t,
@@ -1164,20 +1180,20 @@ const ht = ({
   onHistoryNext: i,
   mode: l,
   status: n,
-  placeholder: f = "What would you like to do?",
+  placeholder: g = "What would you like to do?",
   disabled: c = !1,
-  autoFocus: y = !0,
-  agentAvailable: g = !0,
+  autoFocus: k = !0,
+  agentAvailable: u = !0,
   showAutocomplete: h = !1,
-  onAutocompleteNext: v,
-  onAutocompletePrevious: u,
+  onAutocompleteNext: C,
+  onAutocompletePrevious: f,
   onAutocompleteAccept: d
 }) => {
-  const { theme: p } = Q(), C = H(null);
+  const { theme: p } = Y(), T = J(null);
   R(() => {
-    y && C.current && C.current.focus();
-  }, [y]);
-  const $ = (I) => {
+    k && T.current && T.current.focus();
+  }, [k]);
+  const W = (I) => {
     switch (I.stopPropagation(), I.key) {
       case "Enter":
         I.preventDefault(), t();
@@ -1189,14 +1205,14 @@ const ht = ({
         h && d && (I.preventDefault(), d());
         break;
       case "ArrowUp":
-        I.preventDefault(), h && u ? u() : s();
+        I.preventDefault(), h && f ? f() : s();
         break;
       case "ArrowDown":
-        I.preventDefault(), h && v ? v() : i();
+        I.preventDefault(), h && C ? C() : i();
         break;
     }
-  }, z = n === "thinking" || n === "executing";
-  return /* @__PURE__ */ k(
+  }, D = n === "thinking" || n === "executing";
+  return /* @__PURE__ */ y(
     "div",
     {
       style: {
@@ -1212,14 +1228,14 @@ const ht = ({
           "span",
           {
             style: {
-              color: l === "quick-command" ? p.colors.info : g ? p.colors.primary : p.colors.textMuted,
+              color: l === "quick-command" ? p.colors.info : u ? p.colors.primary : p.colors.textMuted,
               fontFamily: p.fonts.monospace,
               fontSize: p.fontSizes[1],
               userSelect: "none",
               display: "flex",
               alignItems: "center"
             },
-            children: l === "quick-command" ? /* @__PURE__ */ k(
+            children: l === "quick-command" ? /* @__PURE__ */ y(
               "svg",
               {
                 width: "16",
@@ -1235,7 +1251,7 @@ const ht = ({
                   /* @__PURE__ */ a("line", { x1: "12", y1: "19", x2: "20", y2: "19" })
                 ]
               }
-            ) : g ? /* @__PURE__ */ k(
+            ) : u ? /* @__PURE__ */ y(
               "svg",
               {
                 width: "16",
@@ -1260,14 +1276,14 @@ const ht = ({
         /* @__PURE__ */ a(
           "input",
           {
-            ref: C,
+            ref: T,
             "data-agent-command-palette-input": !0,
             type: "text",
             value: o,
             onChange: (I) => e(I.target.value),
-            onKeyDown: $,
-            placeholder: f,
-            disabled: c || z,
+            onKeyDown: W,
+            placeholder: g,
+            disabled: c || D,
             style: {
               flex: 1,
               backgroundColor: "transparent",
@@ -1280,7 +1296,7 @@ const ht = ({
             }
           }
         ),
-        z && /* @__PURE__ */ k(
+        D && /* @__PURE__ */ y(
           "span",
           {
             style: {
@@ -1308,7 +1324,7 @@ const ht = ({
             ]
           }
         ),
-        !z && /* @__PURE__ */ a(
+        !D && /* @__PURE__ */ a(
           "kbd",
           {
             style: {
@@ -1326,9 +1342,9 @@ const ht = ({
     }
   );
 };
-me.displayName = "AgentCommandInput";
+ye.displayName = "AgentCommandInput";
 const je = ({ status: o }) => {
-  const { theme: e } = Q(), t = {
+  const { theme: e } = Y(), t = {
     display: "inline-flex",
     alignItems: "center",
     justifyContent: "center",
@@ -1360,8 +1376,8 @@ const je = ({ status: o }) => {
   const e = Object.entries(o);
   return e.length === 0 ? "" : e.map(([t, r]) => t === "args" && Array.isArray(r) ? r.join(", ") : typeof r == "string" ? `"${r}"` : JSON.stringify(r)).join(", ");
 }, Ne = ({ tool: o, compact: e }) => {
-  const { theme: t } = Q(), r = qe(o.args);
-  return /* @__PURE__ */ k(
+  const { theme: t } = Y(), r = qe(o.args);
+  return /* @__PURE__ */ y(
     "div",
     {
       style: {
@@ -1374,9 +1390,9 @@ const je = ({ status: o }) => {
       },
       children: [
         /* @__PURE__ */ a(je, { status: o.status }),
-        /* @__PURE__ */ k("span", { style: { color: t.colors.text }, children: [
+        /* @__PURE__ */ y("span", { style: { color: t.colors.text }, children: [
           o.name,
-          r && /* @__PURE__ */ k("span", { style: { color: t.colors.textMuted }, children: [
+          r && /* @__PURE__ */ y("span", { style: { color: t.colors.textMuted }, children: [
             "(",
             r,
             ")"
@@ -1423,7 +1439,7 @@ const je = ({ status: o }) => {
   tools: o,
   compact: e = !1
 }) => {
-  const { theme: t } = Q();
+  const { theme: t } = Y();
   return o.length === 0 ? null : /* @__PURE__ */ a(
     "div",
     {
@@ -1442,11 +1458,11 @@ const ke = ({
   response: o,
   streaming: e = !1
 }) => {
-  const { theme: t } = Q();
+  const { theme: t } = Y();
   if (!o)
     return null;
   const r = o.toLowerCase().startsWith("error"), s = o.toLowerCase().startsWith("done") || o.toLowerCase().startsWith("executed");
-  return /* @__PURE__ */ k(
+  return /* @__PURE__ */ y(
     "div",
     {
       style: {
@@ -1460,7 +1476,7 @@ const ke = ({
       children: [
         s && /* @__PURE__ */ a("span", { children: "✓" }),
         r && /* @__PURE__ */ a("span", { children: "✗" }),
-        /* @__PURE__ */ k("span", { children: [
+        /* @__PURE__ */ y("span", { children: [
           o,
           e && /* @__PURE__ */ a(
             "span",
@@ -1510,25 +1526,25 @@ const be = ({
   onSelect: i,
   maxVisible: l = 6
 }) => {
-  const { theme: n } = Q(), f = H(null), c = H(null);
+  const { theme: n } = Y(), g = J(null), c = J(null);
   if (R(() => {
-    c.current && f.current && c.current.scrollIntoView({
+    c.current && g.current && c.current.scrollIntoView({
       block: "nearest",
       behavior: "smooth"
     });
   }, [s]), r && e.length > 0) {
-    const v = 40 * l;
-    return /* @__PURE__ */ k(
+    const C = 40 * l;
+    return /* @__PURE__ */ y(
       "div",
       {
-        ref: f,
+        ref: g,
         style: {
-          maxHeight: `${v}px`,
+          maxHeight: `${C}px`,
           overflowY: "auto",
           borderTop: `1px solid ${n.colors.border}`
         },
         children: [
-          t && /* @__PURE__ */ k(
+          t && /* @__PURE__ */ y(
             "div",
             {
               style: {
@@ -1540,16 +1556,16 @@ const be = ({
               },
               children: [
                 /* @__PURE__ */ a("span", { style: { color: n.colors.textSecondary }, children: t.name }),
-                t.description && /* @__PURE__ */ k("span", { style: { marginLeft: "8px" }, children: [
+                t.description && /* @__PURE__ */ y("span", { style: { marginLeft: "8px" }, children: [
                   "— ",
                   t.description
                 ] })
               ]
             }
           ),
-          e.map((u, d) => {
+          e.map((f, d) => {
             const p = d === s;
-            return /* @__PURE__ */ k(
+            return /* @__PURE__ */ y(
               "div",
               {
                 ref: p ? c : void 0,
@@ -1564,11 +1580,11 @@ const be = ({
                   borderLeft: p ? `2px solid ${n.colors.primary}` : "2px solid transparent",
                   transition: "background-color 100ms ease"
                 },
-                onMouseEnter: (C) => {
-                  p || (C.currentTarget.style.backgroundColor = n.colors.backgroundSecondary);
+                onMouseEnter: (T) => {
+                  p || (T.currentTarget.style.backgroundColor = n.colors.backgroundSecondary);
                 },
-                onMouseLeave: (C) => {
-                  p || (C.currentTarget.style.backgroundColor = "transparent");
+                onMouseLeave: (T) => {
+                  p || (T.currentTarget.style.backgroundColor = "transparent");
                 },
                 children: [
                   /* @__PURE__ */ a(
@@ -1583,8 +1599,8 @@ const be = ({
                       children: /* @__PURE__ */ a(
                         ge,
                         {
-                          text: u.option,
-                          matchedIndices: u.matchedIndices,
+                          text: f.option,
+                          matchedIndices: f.matchedIndices,
                           highlightColor: n.colors.primary
                         }
                       )
@@ -1607,7 +1623,7 @@ const be = ({
                   )
                 ]
               },
-              `${u.option}-${d}`
+              `${f.option}-${d}`
             );
           })
         ]
@@ -1616,38 +1632,38 @@ const be = ({
   }
   if (o.length === 0)
     return null;
-  const g = 48 * l;
+  const u = 48 * l;
   return /* @__PURE__ */ a(
     "div",
     {
-      ref: f,
+      ref: g,
       style: {
-        maxHeight: `${g}px`,
+        maxHeight: `${u}px`,
         overflowY: "auto",
         borderTop: `1px solid ${n.colors.border}`
       },
-      children: o.map((h, v) => {
-        const u = v === s, d = h.command;
-        return /* @__PURE__ */ k(
+      children: o.map((h, C) => {
+        const f = C === s, d = h.command;
+        return /* @__PURE__ */ y(
           "div",
           {
-            ref: u ? c : void 0,
-            onClick: () => i(v),
+            ref: f ? c : void 0,
+            onClick: () => i(C),
             style: {
               display: "flex",
               alignItems: "center",
               gap: "12px",
               padding: "10px 16px",
               cursor: "pointer",
-              backgroundColor: u ? n.colors.backgroundSecondary : "transparent",
-              borderLeft: u ? `2px solid ${n.colors.primary}` : "2px solid transparent",
+              backgroundColor: f ? n.colors.backgroundSecondary : "transparent",
+              borderLeft: f ? `2px solid ${n.colors.primary}` : "2px solid transparent",
               transition: "background-color 100ms ease"
             },
             onMouseEnter: (p) => {
-              u || (p.currentTarget.style.backgroundColor = n.colors.backgroundSecondary);
+              f || (p.currentTarget.style.backgroundColor = n.colors.backgroundSecondary);
             },
             onMouseLeave: (p) => {
-              u || (p.currentTarget.style.backgroundColor = "transparent");
+              f || (p.currentTarget.style.backgroundColor = "transparent");
             },
             children: [
               /* @__PURE__ */ a(
@@ -1662,8 +1678,8 @@ const be = ({
                   children: "/"
                 }
               ),
-              /* @__PURE__ */ k("div", { style: { flex: 1, minWidth: 0 }, children: [
-                /* @__PURE__ */ k(
+              /* @__PURE__ */ y("div", { style: { flex: 1, minWidth: 0 }, children: [
+                /* @__PURE__ */ y(
                   "div",
                   {
                     style: {
@@ -1680,7 +1696,7 @@ const be = ({
                           highlightColor: n.colors.primary
                         }
                       ),
-                      h.matchedOn !== d.name && /* @__PURE__ */ k(
+                      h.matchedOn !== d.name && /* @__PURE__ */ y(
                         "span",
                         {
                           style: {
@@ -1722,8 +1738,8 @@ const be = ({
                     fontFamily: n.fonts.monospace,
                     flexShrink: 0
                   },
-                  children: d.args.map((p, C) => /* @__PURE__ */ k("span", { children: [
-                    C > 0 && " ",
+                  children: d.args.map((p, T) => /* @__PURE__ */ y("span", { children: [
+                    T > 0 && " ",
                     /* @__PURE__ */ a(
                       "span",
                       {
@@ -1736,7 +1752,7 @@ const be = ({
                   ] }, p.name))
                 }
               ),
-              u && /* @__PURE__ */ a(
+              f && /* @__PURE__ */ a(
                 "kbd",
                 {
                   style: {
@@ -1753,73 +1769,73 @@ const be = ({
               )
             ]
           },
-          `${d.name}-${v}`
+          `${d.name}-${C}`
         );
       })
     }
   );
 };
 be.displayName = "QuickCommandAutocomplete";
-const Oe = ({
+const Fe = ({
   palette: o,
   config: e
 }) => {
-  const { theme: t } = Q(), r = H(null), {
+  const { theme: t } = Y(), r = J(null), {
     isOpen: s,
     close: i,
     query: l,
     setQuery: n,
-    mode: f,
+    mode: g,
     status: c,
-    pendingTools: y,
-    completedTools: g,
+    pendingTools: k,
+    completedTools: u,
     agentResponse: h,
-    submit: v,
-    historyPrevious: u,
+    submit: C,
+    historyPrevious: f,
     historyNext: d,
     suggestions: p,
-    agentAvailable: C,
+    agentAvailable: T,
     // Autocomplete
-    quickCommandMatches: $,
-    argumentOptionMatches: z,
+    quickCommandMatches: W,
+    argumentOptionMatches: D,
     parsedQuery: I,
-    currentArgDef: L,
-    selectedAutocompleteIndex: b,
+    currentArgDef: _,
+    selectedAutocompleteIndex: S,
     autocompleteNext: w,
     autocompletePrevious: x,
-    autocompleteAccept: T,
-    showAutocomplete: P
+    autocompleteAccept: A,
+    showAutocomplete: z
   } = o;
   R(() => {
     if (!s) return;
-    const K = (D) => {
-      r.current && !r.current.contains(D.target) && i();
+    const B = (j) => {
+      r.current && !r.current.contains(j.target) && i();
     }, U = setTimeout(() => {
-      document.addEventListener("mousedown", K);
+      document.addEventListener("mousedown", B);
     }, 100);
     return () => {
-      clearTimeout(U), document.removeEventListener("mousedown", K);
+      clearTimeout(U), document.removeEventListener("mousedown", B);
     };
   }, [s, i]);
-  const [W, A] = _(!1), [O, F] = _(!1);
+  const [$, v] = L(!1), [P, V] = L(!1);
   if (R(() => {
     if (s)
-      F(!0), requestAnimationFrame(() => {
+      V(!0), requestAnimationFrame(() => {
         requestAnimationFrame(() => {
-          A(!0);
+          v(!0);
         });
       });
     else {
-      A(!1);
-      const K = setTimeout(() => {
-        F(!1);
+      v(!1);
+      const B = setTimeout(() => {
+        V(!1);
       }, 150);
-      return () => clearTimeout(K);
+      return () => clearTimeout(B);
     }
-  }, [s]), !O)
+  }, [s]), !P)
     return null;
-  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: [
+  const ae = T ? (e == null ? void 0 : e.placeholder) || "What would you like to do?" : "Quick command mode (agent unavailable)", K = [...u, ...k], G = K.length > 0, X = h && c !== "idle", H = T && !l && c === "idle" && p.length > 0, M = (g === "quick-command" || !T) && c === "idle", te = !T && g !== "quick-command" && c === "idle";
+  return /* @__PURE__ */ y(ce, { children: [
     /* @__PURE__ */ a(
       "div",
       {
@@ -1831,7 +1847,7 @@ const Oe = ({
         onClick: i
       }
     ),
-    /* @__PURE__ */ k(
+    /* @__PURE__ */ y(
       "div",
       {
         ref: r,
@@ -1849,32 +1865,32 @@ const Oe = ({
           display: "flex",
           flexDirection: "column-reverse",
           overflow: "hidden",
-          transform: W ? "translateY(0)" : "translateY(100%)",
+          transform: $ ? "translateY(0)" : "translateY(100%)",
           transition: "transform 150ms ease-out",
           ...e == null ? void 0 : e.style
         },
         children: [
-          /* @__PURE__ */ k("div", { children: [
+          /* @__PURE__ */ y("div", { children: [
             /* @__PURE__ */ a(
-              me,
+              ye,
               {
                 value: l,
                 onChange: n,
-                onSubmit: v,
+                onSubmit: C,
                 onClose: i,
-                onHistoryPrevious: u,
+                onHistoryPrevious: f,
                 onHistoryNext: d,
-                mode: f,
+                mode: g,
                 status: c,
-                placeholder: ee,
-                agentAvailable: C,
-                showAutocomplete: P,
+                placeholder: ae,
+                agentAvailable: T,
+                showAutocomplete: z,
                 onAutocompleteNext: w,
                 onAutocompletePrevious: x,
-                onAutocompleteAccept: T
+                onAutocompleteAccept: A
               }
             ),
-            /* @__PURE__ */ k(
+            /* @__PURE__ */ y(
               "div",
               {
                 style: {
@@ -1887,7 +1903,7 @@ const Oe = ({
                   backgroundColor: t.colors.background
                 },
                 children: [
-                  /* @__PURE__ */ k("span", { children: [
+                  /* @__PURE__ */ y("span", { children: [
                     /* @__PURE__ */ a(
                       "kbd",
                       {
@@ -1903,7 +1919,7 @@ const Oe = ({
                     " ",
                     "Execute"
                   ] }),
-                  /* @__PURE__ */ k("span", { children: [
+                  /* @__PURE__ */ y("span", { children: [
                     /* @__PURE__ */ a(
                       "kbd",
                       {
@@ -1919,7 +1935,7 @@ const Oe = ({
                     " ",
                     "Close"
                   ] }),
-                  /* @__PURE__ */ k("span", { children: [
+                  /* @__PURE__ */ y("span", { children: [
                     /* @__PURE__ */ a(
                       "kbd",
                       {
@@ -1935,7 +1951,7 @@ const Oe = ({
                     " ",
                     "History"
                   ] }),
-                  /* @__PURE__ */ k("span", { style: { marginLeft: "auto" }, children: [
+                  /* @__PURE__ */ y("span", { style: { marginLeft: "auto" }, children: [
                     /* @__PURE__ */ a(
                       "kbd",
                       {
@@ -1955,16 +1971,16 @@ const Oe = ({
               }
             )
           ] }),
-          /* @__PURE__ */ k("div", { style: { overflow: "auto" }, children: [
-            J && /* @__PURE__ */ a(xe, { tools: V, compact: V.length > 3 }),
-            ne && /* @__PURE__ */ a(
+          /* @__PURE__ */ y("div", { style: { overflow: "auto" }, children: [
+            G && /* @__PURE__ */ a(xe, { tools: K, compact: K.length > 3 }),
+            X && /* @__PURE__ */ a(
               ke,
               {
                 response: h,
                 streaming: c === "thinking"
               }
             ),
-            se && /* @__PURE__ */ k(
+            H && /* @__PURE__ */ y(
               "div",
               {
                 style: {
@@ -1985,11 +2001,11 @@ const Oe = ({
                       children: "Try:"
                     }
                   ),
-                  p.map((K, U) => /* @__PURE__ */ k(
+                  p.map((B, U) => /* @__PURE__ */ y(
                     "button",
                     {
                       onClick: () => {
-                        n(K);
+                        n(B);
                       },
                       style: {
                         padding: "4px 10px",
@@ -2001,15 +2017,15 @@ const Oe = ({
                         cursor: "pointer",
                         transition: "background-color 150ms ease"
                       },
-                      onMouseEnter: (D) => {
-                        D.currentTarget.style.backgroundColor = t.colors.backgroundTertiary;
+                      onMouseEnter: (j) => {
+                        j.currentTarget.style.backgroundColor = t.colors.backgroundTertiary;
                       },
-                      onMouseLeave: (D) => {
-                        D.currentTarget.style.backgroundColor = t.colors.backgroundSecondary;
+                      onMouseLeave: (j) => {
+                        j.currentTarget.style.backgroundColor = t.colors.backgroundSecondary;
                       },
                       children: [
                         '"',
-                        K,
+                        B,
                         '"'
                       ]
                     },
@@ -2018,7 +2034,7 @@ const Oe = ({
                 ]
               }
             ),
-            ae && /* @__PURE__ */ k(
+            te && /* @__PURE__ */ y(
               "div",
               {
                 style: {
@@ -2031,7 +2047,7 @@ const Oe = ({
                 },
                 children: [
                   /* @__PURE__ */ a("span", { children: "Agent unavailable." }),
-                  /* @__PURE__ */ k("span", { style: { color: t.colors.textMuted }, children: [
+                  /* @__PURE__ */ y("span", { style: { color: t.colors.textMuted }, children: [
                     "Use quick commands (start with ",
                     /* @__PURE__ */ a("kbd", { style: {
                       padding: "2px 6px",
@@ -2044,7 +2060,7 @@ const Oe = ({
                 ]
               }
             ),
-            te && /* @__PURE__ */ k(
+            M && /* @__PURE__ */ y(
               "div",
               {
                 style: {
@@ -2055,27 +2071,27 @@ const Oe = ({
                 },
                 children: [
                   /* @__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__ */ y("div", { style: { display: "flex", flexDirection: "column", gap: "4px" }, children: [
+                    /* @__PURE__ */ y("div", { children: [
                       /* @__PURE__ */ a("span", { style: { color: t.colors.info }, children: "/toggle" }),
                       " ",
                       /* @__PURE__ */ a("span", { style: { color: t.colors.textMuted }, children: "<left|right>" }),
                       " ",
                       "- Toggle sidebar visibility"
                     ] }),
-                    /* @__PURE__ */ k("div", { children: [
+                    /* @__PURE__ */ y("div", { children: [
                       /* @__PURE__ */ a("span", { style: { color: t.colors.info }, children: "/switch" }),
                       " ",
                       /* @__PURE__ */ a("span", { style: { color: t.colors.textMuted }, children: "<slot> <panel>" }),
                       " ",
                       "- Switch panel content"
                     ] }),
-                    /* @__PURE__ */ k("div", { children: [
+                    /* @__PURE__ */ y("div", { children: [
                       /* @__PURE__ */ a("span", { style: { color: t.colors.info }, children: "/collapse" }),
                       " ",
                       "- Collapse all sidebars"
                     ] }),
-                    /* @__PURE__ */ k("div", { children: [
+                    /* @__PURE__ */ y("div", { children: [
                       /* @__PURE__ */ a("span", { style: { color: t.colors.info }, children: "/expand" }),
                       " ",
                       "- Expand all sidebars"
@@ -2084,33 +2100,33 @@ const Oe = ({
                 ]
               }
             ),
-            P && /* @__PURE__ */ a(
+            z && /* @__PURE__ */ a(
               be,
               {
-                matches: $,
-                argumentMatches: z,
-                currentArg: L,
+                matches: W,
+                argumentMatches: D,
+                currentArg: _,
                 isEnteringArgs: I.isEnteringArgs,
-                selectedIndex: b,
-                onSelect: (K) => {
-                  var D;
+                selectedIndex: S,
+                onSelect: (B) => {
+                  var j;
                   if (I.isEnteringArgs) {
-                    const G = z[K];
-                    if (G) {
-                      let X = `/${I.commandName}`;
+                    const Z = D[B];
+                    if (Z) {
+                      let oe = `/${I.commandName}`;
                       for (const ie of I.enteredArgs)
-                        X += ` ${ie}`;
-                      X += ` ${G.option}`;
+                        oe += ` ${ie}`;
+                      oe += ` ${Z.option}`;
                       const de = I.currentArgIndex + 1;
-                      ((D = I.command) == null ? void 0 : D.args) && de < I.command.args.length && (X += " "), n(X);
+                      ((j = I.command) == null ? void 0 : j.args) && de < I.command.args.length && (oe += " "), n(oe);
                     }
                     return;
                   }
-                  const U = $[K];
+                  const U = W[B];
                   if (U) {
-                    const G = U.command;
-                    let X = `/${G.name}`;
-                    G.args && G.args.length > 0 && (X += " "), n(X);
+                    const Z = U.command;
+                    let oe = `/${Z.name}`;
+                    Z.args && Z.args.length > 0 && (oe += " "), n(oe);
                   }
                 }
               }
@@ -2135,18 +2151,18 @@ const Oe = ({
         ` })
   ] });
 };
-Oe.displayName = "AgentCommandPalette";
+Fe.displayName = "AgentCommandPalette";
 function pe(o, e) {
   const t = o.toLowerCase(), r = e.toLowerCase();
   if (!t)
     return { score: 0, matchedIndices: [] };
   const s = [];
-  let i = 0, l = 0, n = 0, f = -1;
+  let i = 0, l = 0, n = 0, g = -1;
   for (let c = 0; c < r.length && i < t.length; c++)
-    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++);
+    r[c] === t[i] && (s.push(c), g === c - 1 ? (n++, l += n * 2) : n = 1, c === 0 && (l += 10), c > 0 && /[_\-\s]/.test(e[c - 1]) && (l += 5), l += 1, g = c, i++);
   return i < t.length ? null : (l -= e.length * 0.1, t === r && (l += 20), r.startsWith(t) && (l += 15), { score: l, matchedIndices: s });
 }
-function Fe(o, e, t = 10) {
+function Oe(o, e, t = 10) {
   const r = o.replace(/^\//, "").trim();
   if (!r)
     return e.slice(0, t).map((i) => ({
@@ -2169,13 +2185,13 @@ function Fe(o, e, t = 10) {
     }
     if (i.aliases)
       for (const n of i.aliases) {
-        const f = pe(r, n);
-        if (f) {
+        const g = pe(r, n);
+        if (g) {
           s.push({
             command: i,
-            score: f.score - 2,
+            score: g.score - 2,
             // Slight penalty for alias match
-            matchedIndices: f.matchedIndices,
+            matchedIndices: g.matchedIndices,
             matchedOn: n
           });
           break;
@@ -2186,9 +2202,9 @@ function Fe(o, e, t = 10) {
 }
 function Ve(o, e) {
   const r = o.replace(/^\//, "").split(/\s+/), s = r[0] || "", i = o.endsWith(" ") && o.trim().length > 0, l = e.find(
-    (f) => {
+    (g) => {
       var c;
-      return f.name.toLowerCase() === s.toLowerCase() || ((c = f.aliases) == null ? void 0 : c.some((y) => y.toLowerCase() === s.toLowerCase()));
+      return g.name.toLowerCase() === s.toLowerCase() || ((c = g.aliases) == null ? void 0 : c.some((k) => k.toLowerCase() === s.toLowerCase()));
     }
   ) || null;
   if (!l)
@@ -2211,13 +2227,13 @@ function Ve(o, e) {
       isEnteringArgs: !0
     };
   if (n.length > 0) {
-    const f = n.slice(0, -1), c = n[n.length - 1];
+    const g = n.slice(0, -1), c = n[n.length - 1];
     return {
       commandName: l.name,
       command: l,
-      enteredArgs: f,
+      enteredArgs: g,
       currentArgValue: c,
-      currentArgIndex: f.length,
+      currentArgIndex: g.length,
       isEnteringArgs: !0
     };
   }
@@ -2255,7 +2271,7 @@ const Ke = [
   "show terminal",
   "focus editor"
 ];
-function mt({
+function yt({
   events: o,
   keyboard: e = { key: "p", altKey: !0 },
   config: t = {},
@@ -2264,117 +2280,117 @@ function mt({
   agentAvailable: i = !0,
   quickCommands: l = []
 } = {}) {
-  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 ? {
+  const [n, g] = L(!1), [c, k] = L(""), [u, h] = L("natural"), [C, f] = L("idle"), [d, p] = L([]), [T, W] = L([]), [D, I] = L(""), [_, S] = L([]), [w, x] = L(-1), A = ne(() => s, [s]), [z, $] = L(-1), v = ne(() => u !== "quick-command" || !l.length ? {
     commandName: "",
     command: null,
     enteredArgs: [],
     currentArgValue: "",
     currentArgIndex: -1,
     isEnteringArgs: !1
-  } : 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(() => {
+  } : Ve(c, l), [c, u, l]), P = ne(() => u !== "quick-command" || !l.length || v.isEnteringArgs ? [] : Oe(c, l), [c, u, l, v.isEnteringArgs]), V = ne(() => {
     var E;
-    if (!A.isEnteringArgs || !((E = A.command) != null && E.args))
+    if (!v.isEnteringArgs || !((E = v.command) != null && E.args))
       return [];
-    const m = A.command.args[A.currentArgIndex];
-    return m != null && m.options ? Be(A.currentArgValue, m.options) : [];
-  }, [A]), ee = oe(() => {
+    const m = v.command.args[v.currentArgIndex];
+    return m != null && m.options ? Be(v.currentArgValue, m.options) : [];
+  }, [v]), ae = ne(() => {
     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]);
+    return !v.isEnteringArgs || !((m = v.command) != null && m.args) ? null : v.command.args[v.currentArgIndex] || null;
+  }, [v]), K = ne(() => u !== "quick-command" || C !== "idle" || c.length === 0 ? !1 : P.length > 0 || V.length > 0, [u, C, c.length, P.length, V.length]), G = ne(() => v.isEnteringArgs ? V.length : P.length, [v.isEnteringArgs, V.length, P.length]);
   R(() => {
-    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({
+    $(G > 0 ? 0 : -1);
+  }, [G]);
+  const X = b((m) => {
+    k(m), h(m.startsWith("/") ? "quick-command" : "natural");
+  }, []), H = b(() => {
+    g(!0), i ? (k(""), h("natural")) : (k("/"), h("quick-command")), f("idle"), p([]), W([]), I(""), x(-1), o == null || o.emit({
       type: "agent-command-palette:opened",
       source: "agent-command-palette",
       timestamp: Date.now(),
       payload: {}
     });
-  }, [o, i]), te = S(() => {
-    f(!1), o == null || o.emit({
+  }, [o, i]), M = b(() => {
+    g(!1), o == null || o.emit({
       type: "agent-command-palette:closed",
       source: "agent-command-palette",
       timestamp: Date.now(),
       payload: {}
     });
-  }, [o]), ae = S(() => {
-    n ? te() : se();
-  }, [n, se, te]), K = S(() => {
-    y(""), h("natural"), u("idle"), p([]), $([]), I(""), x(-1);
-  }, []), U = S((m) => {
+  }, [o]), te = b(() => {
+    n ? M() : H();
+  }, [n, H, M]), B = b(() => {
+    k(""), h("natural"), f("idle"), p([]), W([]), I(""), x(-1);
+  }, []), U = b((m) => {
     const E = {
       ...m,
       status: "pending"
     };
-    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,
+    return p((q) => [...q, E]), E;
+  }, []), j = b(
+    (m, E, q, re) => {
+      p((N) => {
+        const F = N.find((ee) => ee.id === m);
+        if (!F) return N;
+        const Q = {
+          ...F,
           status: E,
-          result: M,
-          error: Z
+          result: q,
+          error: re
         };
-        return E === "success" || E === "error" ? ($((Y) => [...Y, B]), j.filter((Y) => Y.id !== m)) : j.map((Y) => Y.id === m ? B : Y);
+        return E === "success" || E === "error" ? (W((ee) => [...ee, Q]), N.filter((ee) => ee.id !== m)) : N.map((ee) => ee.id === m ? Q : ee);
       });
     },
     []
-  ), G = S(
+  ), Z = b(
     async (m) => {
-      const E = m.replace(/^\//, "").trim().split(/\s+/), M = E[0], Z = E.slice(1);
-      if (!M) return;
-      u("executing");
-      const j = `quick-${Date.now()}`;
+      const E = m.replace(/^\//, "").trim().split(/\s+/), q = E[0], re = E.slice(1);
+      if (!q) return;
+      f("executing");
+      const N = `quick-${Date.now()}`;
       U({
-        id: j,
-        name: M,
-        args: { args: Z }
-      }), D(j, "running");
+        id: N,
+        name: q,
+        args: { args: re }
+      }), j(N, "running");
       try {
         if (r) {
-          const B = await r(M, { args: Z });
-          D(j, "success", String(B));
+          const Q = await r(q, { args: re });
+          j(N, "success", String(Q));
         } else
-          D(j, "success", "Tool executed (no handler)");
-        b((B) => [
+          j(N, "success", "Tool executed (no handler)");
+        S((Q) => [
           {
             query: m,
             timestamp: Date.now(),
-            toolsExecuted: [M],
+            toolsExecuted: [q],
             success: !0
           },
-          ...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}`);
+          ...Q.slice(0, (t.maxHistoryEntries || 50) - 1)
+        ]), f("complete"), I(`Executed: ${q}`);
+        const F = t.autoCloseDelay ?? 1e3;
+        F > 0 && setTimeout(() => M(), F);
+      } catch (F) {
+        const Q = F instanceof Error ? F.message : "Unknown error";
+        j(N, "error", void 0, Q), f("error"), I(`Error: ${Q}`);
       }
     },
-    [r, U, D, t.autoCloseDelay, t.maxHistoryEntries, te]
-  ), X = S(() => {
+    [r, U, j, t.autoCloseDelay, t.maxHistoryEntries, M]
+  ), oe = b(() => {
     if (c.trim()) {
-      if (g === "quick-command") {
-        G(c);
+      if (u === "quick-command") {
+        Z(c);
         return;
       }
       if (!i) {
-        I("Agent unavailable. Use quick commands (start with /)."), u("error");
+        I("Agent unavailable. Use quick commands (start with /)."), f("error");
         return;
       }
-      u("thinking"), o == null || o.emit({
+      f("thinking"), o == null || o.emit({
         type: "agent-command-palette:submit",
         source: "agent-command-palette",
         timestamp: Date.now(),
-        payload: { query: c, mode: g }
-      }), b((m) => [
+        payload: { query: c, mode: u }
+      }), S((m) => [
         {
           query: c,
           timestamp: Date.now(),
@@ -2384,106 +2400,106 @@ function mt({
         ...m.slice(0, (t.maxHistoryEntries || 50) - 1)
       ]);
     }
-  }, [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(() => {
+  }, [c, u, Z, o, t.maxHistoryEntries, i]), de = b(() => {
+    if (_.length === 0) return;
+    const m = w < _.length - 1 ? w + 1 : w;
+    x(m), _[m] && (k(_[m].query), h(_[m].query.startsWith("/") ? "quick-command" : "natural"));
+  }, [_, w]), ue = b(() => {
     if (w <= 0) {
-      x(-1), y(""), h("natural");
+      x(-1), k(""), h("natural");
       return;
     }
     const m = w - 1;
-    x(m), L[m] && (y(L[m].query), h(L[m].query.startsWith("/") ? "quick-command" : "natural"));
-  }, [L, w]), ie = S(
+    x(m), _[m] && (k(_[m].query), h(_[m].query.startsWith("/") ? "quick-command" : "natural"));
+  }, [_, w]), ie = b(
     (m) => {
       const {
         key: E = "p",
-        altKey: M = !0,
-        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))
+        altKey: q = !0,
+        ctrlKey: re = !1,
+        metaKey: N = !1,
+        shiftKey: F = !1
+      } = e, Q = m.altKey === q && m.ctrlKey === re && m.metaKey === N && m.shiftKey === F;
+      if ((q ? m.code === `Key${E.toUpperCase()}` : m.key.toLowerCase() === E.toLowerCase()) && Q) {
+        const se = m.target;
+        if (!se.closest("[data-agent-command-palette-input]") && (se.tagName === "INPUT" || se.tagName === "TEXTAREA" || se.isContentEditable))
           return;
-        m.preventDefault(), ae();
+        m.preventDefault(), te();
       }
     },
-    [e, ae]
+    [e, te]
   );
   R(() => (window.addEventListener("keydown", ie), () => window.removeEventListener("keydown", ie)), [ie]);
-  const Pe = S(() => {
-    V && W(
-      (m) => m < J - 1 ? m + 1 : 0
+  const Pe = b(() => {
+    K && $(
+      (m) => m < G - 1 ? m + 1 : 0
     );
-  }, [V, J]), We = S(() => {
-    V && W(
-      (m) => m > 0 ? m - 1 : J - 1
+  }, [K, G]), Le = b(() => {
+    K && $(
+      (m) => m > 0 ? m - 1 : G - 1
     );
-  }, [V, J]), _e = S(() => {
-    var Z;
-    if (!V || P < 0) return;
-    if (A.isEnteringArgs) {
-      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);
+  }, [K, G]), We = b(() => {
+    var re;
+    if (!K || z < 0) return;
+    if (v.isEnteringArgs) {
+      const N = V[z];
+      if (!N) return;
+      let F = `/${v.commandName}`;
+      for (const se of v.enteredArgs)
+        F += ` ${se}`;
+      F += ` ${N.option}`;
+      const Q = v.currentArgIndex + 1;
+      ((re = v.command) == null ? void 0 : re.args) && Q < v.command.args.length && (F += " "), k(F), $(-1);
       return;
     }
-    const m = O[P];
+    const m = P[z];
     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]);
+    let q = `/${E.name}`;
+    E.args && E.args.length > 0 && (q += " "), k(q), $(-1);
+  }, [K, z, v, V, P]);
   return {
     // Agent availability
     agentAvailable: i,
     // Visibility
     isOpen: n,
-    open: se,
-    close: te,
-    toggle: ae,
+    open: H,
+    close: M,
+    toggle: te,
     // Input
     query: c,
-    setQuery: ne,
-    mode: g,
+    setQuery: X,
+    mode: u,
     // Execution
-    status: v,
-    setStatus: u,
+    status: C,
+    setStatus: f,
     pendingTools: d,
-    completedTools: C,
-    agentResponse: z,
+    completedTools: T,
+    agentResponse: D,
     setAgentResponse: I,
-    submit: X,
-    executeQuickCommand: G,
+    submit: oe,
+    executeQuickCommand: Z,
     // Tool management (for external AI integration)
     addPendingTool: U,
-    updateToolStatus: D,
+    updateToolStatus: j,
     // History
-    history: L,
+    history: _,
     historyPrevious: de,
     historyNext: ue,
     // Suggestions
-    suggestions: T,
+    suggestions: A,
     // Actions
-    clear: K,
+    clear: B,
     // Quick command autocomplete
-    quickCommandMatches: O,
-    argumentOptionMatches: F,
-    parsedQuery: A,
-    currentArgDef: ee,
-    selectedAutocompleteIndex: P,
+    quickCommandMatches: P,
+    argumentOptionMatches: V,
+    parsedQuery: v,
+    currentArgDef: ae,
+    selectedAutocompleteIndex: z,
     autocompleteNext: Pe,
-    autocompletePrevious: We,
-    autocompleteAccept: _e,
-    showAutocomplete: V
+    autocompletePrevious: Le,
+    autocompleteAccept: We,
+    showAutocomplete: K
   };
 }
 const we = {
@@ -2620,7 +2636,7 @@ const we = {
     call_template_type: "panel_event",
     event_type: "panel:list-state-panels"
   }
-}, Te = {
+}, Ce = {
   name: "toggle_panel",
   description: "Collapse or expand a side panel to give more space to the main content area.",
   inputs: {
@@ -2647,7 +2663,7 @@ const we = {
     call_template_type: "panel_event",
     event_type: "panel:toggle"
   }
-}, Ce = {
+}, Te = {
   name: "collapse_all_panels",
   description: "Collapse both left and right panels to maximize the main content area. Useful for focus mode.",
   inputs: {
@@ -2770,8 +2786,8 @@ const we = {
   Se,
   ve,
   // Layout action tools
-  Te,
   Ce,
+  Te,
   Ie,
   Ae,
   $e,
@@ -2781,8 +2797,8 @@ const we = {
   Se,
   ve
 ], kt = [
-  Te,
   Ce,
+  Te,
   Ie,
   Ae,
   $e,
@@ -2842,27 +2858,27 @@ function Ue(o) {
 function vt(o) {
   return o.map(Ue);
 }
-function Ge(o) {
+function Ye(o) {
   return {
     name: o.name,
     description: o.description,
     parameters: o.inputs
   };
 }
-function Tt(o) {
-  return o.map(Ge);
+function Ct(o) {
+  return o.map(Ye);
 }
-function Ct(o, e = {}) {
+function Tt(o, e = {}) {
   const {
     header: t = "You have access to the following tools:",
     includeParameters: r = !0
   } = e, s = o.map((i) => {
     let l = `- ${i.name}: ${i.description}`;
     if (r && i.inputs.properties) {
-      const n = Object.entries(i.inputs.properties).map(([f, c]) => {
+      const n = Object.entries(i.inputs.properties).map(([g, c]) => {
         var h;
-        const y = c, g = (h = i.inputs.required) != null && h.includes(f) ? " (required)" : "";
-        return `    - ${f}: ${y.description || y.type}${g}`;
+        const k = c, u = (h = i.inputs.required) != null && h.includes(g) ? " (required)" : "";
+        return `    - ${g}: ${k.description || k.type}${u}`;
       }).join(`
 `);
       n && (l += `
@@ -2876,7 +2892,7 @@ ${s.join(`
 
 `)}`;
 }
-const Ye = ({ size: o = 18 }) => /* @__PURE__ */ k(
+const Ge = ({ size: o = 18 }) => /* @__PURE__ */ y(
   "svg",
   {
     width: o,
@@ -2892,7 +2908,7 @@ const Ye = ({ size: o = 18 }) => /* @__PURE__ */ k(
       /* @__PURE__ */ a("path", { d: "M9 3v18" })
     ]
   }
-), Xe = ({ size: o = 18 }) => /* @__PURE__ */ k(
+), Xe = ({ size: o = 18 }) => /* @__PURE__ */ y(
   "svg",
   {
     width: o,
@@ -2909,7 +2925,7 @@ const Ye = ({ size: o = 18 }) => /* @__PURE__ */ k(
       /* @__PURE__ */ a("path", { d: "m16 15-3-3 3-3" })
     ]
   }
-), Ze = ({ size: o = 18 }) => /* @__PURE__ */ k(
+), Ze = ({ size: o = 18 }) => /* @__PURE__ */ y(
   "svg",
   {
     width: o,
@@ -2925,7 +2941,7 @@ const Ye = ({ size: o = 18 }) => /* @__PURE__ */ k(
       /* @__PURE__ */ a("path", { d: "M15 3v18" })
     ]
   }
-), et = ({ size: o = 18 }) => /* @__PURE__ */ k(
+), et = ({ size: o = 18 }) => /* @__PURE__ */ y(
   "svg",
   {
     width: o,
@@ -2952,7 +2968,7 @@ const Ye = ({ size: o = 18 }) => /* @__PURE__ */ k(
   title: l,
   className: n
 }) => {
-  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 });
+  const { theme: g } = Y(), c = () => t === "right" ? o ? /* @__PURE__ */ a(Ze, { size: r }) : /* @__PURE__ */ a(et, { size: r }) : o ? /* @__PURE__ */ a(Ge, { size: r }) : /* @__PURE__ */ a(Xe, { size: r });
   return /* @__PURE__ */ a(
     "button",
     {
@@ -2962,7 +2978,7 @@ const Ye = ({ size: o = 18 }) => /* @__PURE__ */ k(
       style: {
         background: "transparent",
         border: "none",
-        color: o ? f.colors.textSecondary : f.colors.primary,
+        color: o ? g.colors.textSecondary : g.colors.primary,
         cursor: "pointer",
         padding: "6px",
         borderRadius: "4px",
@@ -2974,16 +2990,16 @@ const Ye = ({ size: o = 18 }) => /* @__PURE__ */ k(
         height: "32px",
         ...s
       },
-      onMouseEnter: (g) => {
-        g.currentTarget.style.backgroundColor = f.colors.backgroundTertiary, g.currentTarget.style.color = f.colors.primary;
+      onMouseEnter: (u) => {
+        u.currentTarget.style.backgroundColor = g.colors.backgroundTertiary, u.currentTarget.style.color = g.colors.primary;
       },
-      onMouseLeave: (g) => {
-        g.currentTarget.style.backgroundColor = "transparent", g.currentTarget.style.color = o ? f.colors.textSecondary : f.colors.primary;
+      onMouseLeave: (u) => {
+        u.currentTarget.style.backgroundColor = "transparent", u.currentTarget.style.color = o ? g.colors.textSecondary : g.colors.primary;
       },
       children: c()
     }
   );
-}, tt = ({ size: o = 14 }) => /* @__PURE__ */ k(
+}, tt = ({ size: o = 14 }) => /* @__PURE__ */ y(
   "svg",
   {
     width: o,
@@ -3001,7 +3017,7 @@ const Ye = ({ size: o = 18 }) => /* @__PURE__ */ k(
       /* @__PURE__ */ a("path", { d: "M20 17H4" })
     ]
   }
-), ot = ({ size: o = 14 }) => /* @__PURE__ */ k(
+), ot = ({ size: o = 14 }) => /* @__PURE__ */ y(
   "svg",
   {
     width: o,
@@ -3019,7 +3035,7 @@ const Ye = ({ size: o = 18 }) => /* @__PURE__ */ k(
       /* @__PURE__ */ a("path", { d: "M4 17h16" })
     ]
   }
-), ye = ({
+), me = ({
   onSwitch: o,
   variant: e = "left-middle",
   iconSize: t = 14,
@@ -3027,7 +3043,7 @@ const Ye = ({ size: o = 18 }) => /* @__PURE__ */ k(
   title: s,
   className: i
 }) => {
-  const { theme: l } = Q(), n = () => e === "left-middle" ? "Switch left and middle panels" : "Switch right and middle panels", f = e === "left-middle" ? tt : ot;
+  const { theme: l } = Y(), n = () => e === "left-middle" ? "Switch left and middle panels" : "Switch right and middle panels", g = e === "left-middle" ? tt : ot;
   return /* @__PURE__ */ a(
     "button",
     {
@@ -3055,10 +3071,10 @@ const Ye = ({ size: o = 18 }) => /* @__PURE__ */ k(
       onMouseLeave: (c) => {
         c.currentTarget.style.backgroundColor = "transparent", c.currentTarget.style.color = l.colors.textSecondary;
       },
-      children: /* @__PURE__ */ a(f, { size: t })
+      children: /* @__PURE__ */ a(g, { size: t })
     }
   );
-}, rt = ({ size: o = 14 }) => /* @__PURE__ */ k(
+}, rt = ({ size: o = 14 }) => /* @__PURE__ */ y(
   "svg",
   {
     width: o,
@@ -3082,7 +3098,7 @@ const Ye = ({ size: o = 18 }) => /* @__PURE__ */ k(
   title: r = "Configure panel layout",
   className: s
 }) => {
-  const { theme: i } = Q();
+  const { theme: i } = Y();
   return /* @__PURE__ */ a(
     "button",
     {
@@ -3122,28 +3138,28 @@ const Ye = ({ size: o = 18 }) => /* @__PURE__ */ k(
   showRightSidebarControl: i = !1,
   onSwitchLeftMiddlePanels: l,
   showSwitchLeftMiddle: n = !1,
-  onSwitchRightMiddlePanels: f,
+  onSwitchRightMiddlePanels: g,
   showSwitchRightMiddle: c = !1,
-  onConfigurePanels: y,
-  showConfigureButton: g = !1,
+  onConfigurePanels: k,
+  showConfigureButton: u = !1,
   gap: h = 4,
-  style: v,
-  className: u,
+  style: C,
+  className: f,
   iconSize: d,
   leftCollapseButtonProps: p,
-  rightCollapseButtonProps: C,
-  leftMiddleSwitchButtonProps: $,
-  rightMiddleSwitchButtonProps: z,
+  rightCollapseButtonProps: T,
+  leftMiddleSwitchButtonProps: W,
+  rightMiddleSwitchButtonProps: D,
   configureButtonProps: I
-}) => t && e || n && l || g && y || c && f || i && s ? /* @__PURE__ */ k(
+}) => t && e || n && l || u && k || c && g || i && s ? /* @__PURE__ */ y(
   "div",
   {
-    className: u,
+    className: f,
     style: {
       display: "flex",
       alignItems: "center",
       gap: `${h}px`,
-      ...v
+      ...C
     },
     children: [
       t && e && /* @__PURE__ */ a(
@@ -3157,29 +3173,29 @@ const Ye = ({ size: o = 18 }) => /* @__PURE__ */ k(
         }
       ),
       n && l && /* @__PURE__ */ a(
-        ye,
+        me,
         {
           onSwitch: l,
           variant: "left-middle",
           iconSize: d ?? 14,
-          ...$
+          ...W
         }
       ),
-      g && y && /* @__PURE__ */ a(
+      u && k && /* @__PURE__ */ a(
         nt,
         {
-          onConfigure: y,
+          onConfigure: k,
           iconSize: d ?? 14,
           ...I
         }
       ),
-      c && f && /* @__PURE__ */ a(
-        ye,
+      c && g && /* @__PURE__ */ a(
+        me,
         {
-          onSwitch: f,
+          onSwitch: g,
           variant: "right-middle",
           iconSize: d ?? 14,
-          ...z
+          ...D
         }
       ),
       i && s && /* @__PURE__ */ a(
@@ -3189,56 +3205,56 @@ const Ye = ({ size: o = 18 }) => /* @__PURE__ */ k(
           onToggle: s,
           side: "right",
           iconSize: d ?? 18,
-          ...C
+          ...T
         }
       )
     ]
   }
 ) : null;
 export {
-  me as AgentCommandInput,
-  Oe as AgentCommandPalette,
+  ye as AgentCommandInput,
+  Fe as AgentCommandPalette,
   ke as AgentResponseDisplay,
   zt as EditableConfigurablePanelLayout,
   ht as FocusIndicator,
-  yt as FocusModeOverlay,
+  mt as FocusModeOverlay,
   Re as LocalStoragePersistenceAdapter,
   De as LocalStorageWorkspaceAdapter,
   he as PanelCollapseButton,
   nt as PanelConfigureButton,
   It as PanelControls,
-  ye as PanelSwitchButton,
+  me as PanelSwitchButton,
   be as QuickCommandAutocomplete,
   Pt as ResponsiveConfigurablePanelLayout,
   xe as ToolExecutionList,
-  N as WorkspaceLayoutService,
-  Ce as collapseAllPanelsTool,
+  O as WorkspaceLayoutService,
+  Te as collapseAllPanelsTool,
   Ie as expandAllPanelsTool,
   $e as focusPanelTool,
   pe as fuzzyMatch,
-  Ct as generateToolsSystemPrompt,
+  Tt 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,
+  Lt as mapThemeToPanelVars,
+  Wt as mapThemeToTabVars,
   ze as resetLayoutTool,
-  Fe as searchQuickCommands,
+  Oe as searchQuickCommands,
   xt as stateQueryTools,
   Ae as switchPanelTool,
-  Te as togglePanelTool,
-  Ge as toolToAIFunction,
+  Ce as togglePanelTool,
+  Ye as toolToAIFunction,
   Ue as toolToAnthropicFormat,
   Qe as toolToGeminiFunction,
   Je as toolToOpenAIFunction,
-  Tt as toolsToAIFunctions,
+  Ct as toolsToAIFunctions,
   vt as toolsToAnthropicFormat,
   wt as toolsToGeminiFormat,
   St as toolsToOpenAIFormat,
-  mt as useAgentCommandPalette,
+  yt as useAgentCommandPalette,
   ut as usePanelFocus,
   gt as usePanelFocusListener,
   ft as usePanelKeyboardShortcuts,