@principal-ade/panel-layouts 0.3.3 → 0.3.5

package/dist/index.esm.js

@@ -1,13 +1,13 @@
-import './index.css';var Pe = Object.defineProperty;
-var We = (o, e, t) => e in o ? Pe(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
-var Y = (o, e, t) => We(o, typeof e != "symbol" ? e + "" : e, t);
-import { EditableConfigurablePanelLayout as bt, ResponsiveConfigurablePanelLayout as wt, mapThemeToPanelVars as St, mapThemeToTabVars as vt } from "@principal-ade/panels";
-import { useState as P, useRef as N, useEffect as R, useCallback as k, useMemo as ne } from "react";
-import { jsx as s, jsxs as m, Fragment as se } from "react/jsx-runtime";
-import { useTheme as H } from "@principal-ade/industry-theme";
-class ze {
+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";
+class Re {
   constructor() {
-    Y(this, "storageKey", "panel-layouts");
+    ae(this, "storageKey", "panel-layouts");
   }
   async load(e) {
     try {
@@ -28,122 +28,122 @@ class ze {
     }
   }
 }
-function ot(o) {
+function lt(o) {
   const {
     viewKey: e,
     defaultSizes: t,
     panelType: r,
-    adapter: n = new ze()
-  } = o, [a, i] = P(t), [c, y] = P(o.collapsed), l = N(o.collapsed), b = N({}), p = N(null), f = N(null);
+    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);
   R(() => {
     (async () => {
-      const v = await n.load(e);
-      v != null && v.sizes && (i(v.sizes), x(v.sizes));
+      const T = await s.load(e);
+      T != null && T.sizes && (a(T.sizes), w(T.sizes));
     })();
   }, [e]);
-  const x = k(
-    (w) => {
-      "left" in w && w.left > 0 && (b.current.left = w.left), "middle" in w && w.middle > 0 && (b.current.middle = w.middle), "right" in w && w.right > 0 && (b.current.right = w.right);
+  const w = k(
+    (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);
     },
     []
-  ), h = k(
-    (w) => {
-      const v = b.current[w];
-      if (v && v > 0)
-        return v;
-      if (w === "left" && "left" in t && t.left > 0)
+  ), u = k(
+    (b) => {
+      const T = x.current[b];
+      if (T && T > 0)
+        return T;
+      if (b === "left" && "left" in t && t.left > 0)
         return t.left;
-      if (w === "right" && "right" in t && t.right > 0)
+      if (b === "right" && "right" in t && t.right > 0)
         return t.right;
     },
     [t]
-  ), d = N(t);
+  ), d = V(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) && (i(t), x(t), d.current = t);
-  }, [t, x]), R(() => {
-    const w = o.collapsed.left !== l.current.left, v = "right" in o.collapsed && "right" in l.current && o.collapsed.right !== l.current.right;
-    (w || v) && (y(o.collapsed), l.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) && (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 });
   }, [o.collapsed.left, o.collapsed.right]);
-  const u = k(
-    async (w) => {
+  const p = k(
+    async (b) => {
       try {
-        await n.save(e, { sizes: w });
-      } catch (v) {
+        await s.save(e, { sizes: b });
+      } catch (T) {
         console.error(
           `Failed to save panel preferences for ${e}:`,
-          v
+          T
         );
       }
     },
-    [e, n]
-  ), C = k(
-    (w) => {
-      const v = { ...w };
+    [e, s]
+  ), v = k(
+    (b) => {
+      const T = { ...b };
       let S = !0;
-      if ("left" in w) {
-        const T = !!(c != null && c.left), W = w.left;
-        if (T) {
-          const z = h("left");
-          z !== void 0 && z > 0 ? v.left = z : S = !1;
-        } else W === 0 && (S = !1);
+      if ("left" in b) {
+        const I = !!(n != null && n.left), z = b.left;
+        if (I) {
+          const W = u("left");
+          W !== void 0 && W > 0 ? T.left = W : S = !1;
+        } else z === 0 && (S = !1);
       }
-      if (r === "three-panel" && "right" in w) {
-        const T = !!(c != null && c.right), W = w.right;
-        if (T) {
-          const z = h("right");
-          z !== void 0 && z > 0 ? v.right = z : S = !1;
-        } else W === 0 && (S = !1);
+      if (r === "three-panel" && "right" in b) {
+        const I = !!(n != null && n.right), z = b.right;
+        if (I) {
+          const W = u("right");
+          W !== void 0 && W > 0 ? T.right = W : S = !1;
+        } else z === 0 && (S = !1);
       }
-      if (i(v), x(v), p.current && (clearTimeout(p.current), p.current = null), !S) {
-        f.current = null;
+      if (a(T), w(T), h.current && (clearTimeout(h.current), h.current = null), !S) {
+        m.current = null;
         return;
       }
-      f.current = v, p.current = setTimeout(() => {
-        const T = f.current;
-        T && (u(T), f.current = null), p.current = null;
+      m.current = T, h.current = setTimeout(() => {
+        const I = m.current;
+        I && (p(I), m.current = null), h.current = null;
       }, 500);
     },
     [
-      c,
-      h,
-      r,
+      n,
       u,
-      x
+      r,
+      p,
+      w
     ]
   );
   R(() => () => {
-    if (p.current) {
-      const w = f.current;
-      w && (u(w), f.current = null), clearTimeout(p.current), p.current = null;
+    if (h.current) {
+      const b = m.current;
+      b && (p(b), m.current = null), clearTimeout(h.current), h.current = null;
     }
-  }, [u]);
-  const L = k(async () => {
+  }, [p]);
+  const E = k(async () => {
   }, []), $ = k(async () => {
-  }, []), I = k(async () => {
+  }, []), C = k(async () => {
   }, []), _ = k(async () => {
   }, []);
   return r === "three-panel" ? {
     type: "three-panel",
-    sizes: a,
-    collapsed: c,
-    handlePanelResize: C,
-    handleLeftCollapseComplete: L,
+    sizes: i,
+    collapsed: n,
+    handlePanelResize: v,
+    handleLeftCollapseComplete: E,
     handleLeftExpandComplete: $,
-    handleRightCollapseComplete: I,
+    handleRightCollapseComplete: C,
     handleRightExpandComplete: _
   } : {
     type: "two-panel",
-    sizes: a,
-    collapsed: c,
-    handlePanelResize: C,
-    handleLeftCollapseComplete: L,
+    sizes: i,
+    collapsed: n,
+    handlePanelResize: v,
+    handleLeftCollapseComplete: E,
     handleLeftExpandComplete: $
   };
 }
-class Le {
+class $e {
   constructor() {
-    Y(this, "PRESETS_KEY", "panel-layouts:workspace-presets");
-    Y(this, "REPO_STATE_PREFIX", "panel-layouts:repo-state:");
+    ae(this, "PRESETS_KEY", "panel-layouts:workspace-presets");
+    ae(this, "REPO_STATE_PREFIX", "panel-layouts:repo-state:");
   }
   /**
    * Load all user-created workspace presets
@@ -203,14 +203,14 @@ class Le {
       for (let t = 0; t < localStorage.length; t++) {
         const r = localStorage.key(t);
         if (r && r.startsWith(this.REPO_STATE_PREFIX)) {
-          const n = r.substring(this.REPO_STATE_PREFIX.length), a = localStorage.getItem(r);
-          if (a)
+          const s = r.substring(this.REPO_STATE_PREFIX.length), i = localStorage.getItem(r);
+          if (i)
             try {
-              e[n] = JSON.parse(a);
-            } catch (i) {
+              e[s] = JSON.parse(i);
+            } catch (a) {
               console.error(
-                `Failed to parse repository state for ${n}:`,
-                i
+                `Failed to parse repository state for ${s}:`,
+                a
               );
             }
         }
@@ -221,7 +221,7 @@ class Le {
     }
   }
 }
-class D {
+class O {
   /**
    * Configure a custom storage adapter (for Electron IPC or remote storage)
    */
@@ -248,7 +248,7 @@ class D {
    * Create a new workspace layout
    */
   static async createWorkspaceLayout(e) {
-    const t = await this.adapter.loadWorkspacePresets(), r = this.generateWorkspaceId(e.name), n = {
+    const t = await this.adapter.loadWorkspacePresets(), r = this.generateWorkspaceId(e.name), s = {
       id: r,
       name: e.name,
       description: e.description,
@@ -258,34 +258,34 @@ class D {
       createdAt: Date.now(),
       updatedAt: Date.now(),
       isBuiltIn: !1
-    }, a = {
+    }, i = {
       ...t,
-      [r]: n
+      [r]: s
     };
-    return await this.adapter.saveWorkspacePresets(a), n;
+    return await this.adapter.saveWorkspacePresets(i), s;
   }
   /**
    * Update an existing workspace layout
    */
   static async updateWorkspaceLayout(e, t) {
-    const r = await this.adapter.loadWorkspacePresets(), n = r[e];
-    if (!n)
+    const r = await this.adapter.loadWorkspacePresets(), s = r[e];
+    if (!s)
       return console.error(`Workspace layout ${e} not found`), null;
-    if (n.isBuiltIn)
+    if (s.isBuiltIn)
       return console.error(`Cannot update built-in workspace layout ${e}`), null;
-    const a = {
-      ...n,
+    const i = {
+      ...s,
       ...t,
       id: e,
       // Preserve ID
-      createdAt: n.createdAt,
+      createdAt: s.createdAt,
       // Preserve creation time
       updatedAt: Date.now()
-    }, i = {
+    }, a = {
       ...r,
-      [e]: a
+      [e]: i
     };
-    return await this.adapter.saveWorkspacePresets(i), a;
+    return await this.adapter.saveWorkspacePresets(a), i;
   }
   /**
    * Delete a workspace layout
@@ -296,8 +296,8 @@ class D {
       return console.error(`Workspace layout ${e} not found`), !1;
     if (r.isBuiltIn)
       return console.error(`Cannot delete built-in workspace layout ${e}`), !1;
-    const n = { ...t };
-    return delete n[e], await this.adapter.saveWorkspacePresets(n), !0;
+    const s = { ...t };
+    return delete s[e], await this.adapter.saveWorkspacePresets(s), !0;
   }
   /**
    * Get repository state (which workspace + current sizes/collapsed)
@@ -335,23 +335,23 @@ class D {
    * Check if repository state differs from workspace defaults
    */
   static hasStateDeviation(e, t) {
-    const r = t.defaultSizes ? JSON.stringify(e.sizes) !== JSON.stringify(t.defaultSizes) : !1, n = t.defaultCollapsed ? JSON.stringify(e.collapsed) !== JSON.stringify(t.defaultCollapsed) : !1;
-    return { hasSizeDeviation: r, hasCollapsedDeviation: n };
+    const r = t.defaultSizes ? JSON.stringify(e.sizes) !== JSON.stringify(t.defaultSizes) : !1, s = t.defaultCollapsed ? JSON.stringify(e.collapsed) !== JSON.stringify(t.defaultCollapsed) : !1;
+    return { hasSizeDeviation: r, hasCollapsedDeviation: s };
   }
   /**
    * Update workspace defaults from repository state
    */
   static async updateWorkspaceFromRepositoryState(e, t) {
-    const r = await this.getWorkspaceLayout(e), n = await this.getRepositoryState(t);
-    if (!r || !n || r.isBuiltIn) {
+    const r = await this.getWorkspaceLayout(e), s = await this.getRepositoryState(t);
+    if (!r || !s || r.isBuiltIn) {
       console.error(
         "Cannot update built-in workspace or workspace/state not found"
       );
       return;
     }
     await this.updateWorkspaceLayout(e, {
-      defaultSizes: n.sizes,
-      defaultCollapsed: n.collapsed
+      defaultSizes: s.sizes,
+      defaultCollapsed: s.collapsed
     });
   }
   /**
@@ -363,9 +363,9 @@ class D {
       console.error(`Workspace ${t} not found`);
       return;
     }
-    const n = await this.getRepositoryState(e);
-    n && await this.setRepositoryState(e, {
-      ...n,
+    const s = await this.getRepositoryState(e);
+    s && await this.setRepositoryState(e, {
+      ...s,
       sizes: r.defaultSizes || { left: 20, middle: 45, right: 35 },
       collapsed: r.defaultCollapsed || { left: !1, right: !1 }
     });
@@ -381,8 +381,8 @@ class D {
    */
   static async findMatchingWorkspace(e) {
     const t = await this.getWorkspaceLayouts();
-    for (const [r, n] of Object.entries(t))
-      if (this.isLayoutMatchingWorkspace(e, n))
+    for (const [r, s] of Object.entries(t))
+      if (this.isLayoutMatchingWorkspace(e, s))
         return r;
     return null;
   }
@@ -610,296 +610,296 @@ class D {
     Object.keys(e).length;
   }
 }
-Y(D, "adapter", new Le());
-function rt(o = {}) {
-  const { repositoryKey: e, autoInitialize: t = !1, defaultWorkspaceId: r } = o, [n, a] = P(
+ae(O, "adapter", new $e());
+function ct(o = {}) {
+  const { repositoryKey: e, autoInitialize: t = !1, defaultWorkspaceId: r } = o, [s, i] = P(
     {}
-  ), [i, c] = P(null), [y, l] = P(null), [b, p] = P(!0), [f, x] = P(null), h = k(async () => {
+  ), [a, n] = P(null), [f, c] = P(null), [x, h] = P(!0), [m, w] = P(null), u = k(async () => {
     try {
-      p(!0), x(null);
-      const S = await D.getWorkspaceLayouts();
-      if (a(S), e) {
-        let T = await D.getRepositoryState(e);
-        if (!T && t) {
-          const W = r || "project-management", z = await D.getWorkspaceLayout(W);
-          z && (T = {
-            workspaceId: W,
-            sizes: z.defaultSizes || {
+      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,
+            sizes: W.defaultSizes || {
               left: 20,
               middle: 45,
               right: 35
             },
-            collapsed: z.defaultCollapsed || {
+            collapsed: W.defaultCollapsed || {
               left: !1,
               right: !1
             }
-          }, await D.setRepositoryState(
+          }, await O.setRepositoryState(
             e,
-            T
+            I
           ));
         }
-        if (c(T), T != null && T.workspaceId) {
-          const W = await D.getWorkspaceLayout(
-            T.workspaceId
+        if (n(I), I != null && I.workspaceId) {
+          const z = await O.getWorkspaceLayout(
+            I.workspaceId
           );
-          l(W);
+          c(z);
         } else
-          l(null);
+          c(null);
       }
     } catch (S) {
-      x(S), console.error("Failed to load workspace data:", S);
+      w(S), console.error("Failed to load workspace data:", S);
     } finally {
-      p(!1);
+      h(!1);
     }
   }, [e, t, r]);
   R(() => {
-    h();
-  }, [h]);
+    u();
+  }, [u]);
   const d = k(
-    async (S) => await D.getWorkspaceLayout(S),
+    async (S) => await O.getWorkspaceLayout(S),
     []
-  ), u = k(
+  ), p = k(
     async (S) => {
-      const T = await D.createWorkspaceLayout(S);
-      return await h(), T;
+      const I = await O.createWorkspaceLayout(S);
+      return await u(), I;
     },
-    [h]
-  ), C = k(
-    async (S, T) => {
-      const W = await D.updateWorkspaceLayout(S, T);
-      return await h(), W;
+    [u]
+  ), v = k(
+    async (S, I) => {
+      const z = await O.updateWorkspaceLayout(S, I);
+      return await u(), z;
     },
-    [h]
-  ), L = k(
+    [u]
+  ), E = k(
     async (S) => {
-      const T = await D.deleteWorkspaceLayout(S);
-      return T && await h(), T;
+      const I = await O.deleteWorkspaceLayout(S);
+      return I && await u(), I;
     },
-    [h]
+    [u]
   ), $ = k(
     async (S) => {
       if (!e) {
         console.error("Cannot apply workspace without repositoryKey");
         return;
       }
-      const T = await D.getWorkspaceLayout(S);
-      if (!T) {
+      const I = await O.getWorkspaceLayout(S);
+      if (!I) {
         console.error(`Workspace ${S} not found`);
         return;
       }
-      const W = {
+      const z = {
         workspaceId: S,
-        sizes: T.defaultSizes || { left: 20, middle: 45, right: 35 },
-        collapsed: T.defaultCollapsed || {
+        sizes: I.defaultSizes || { left: 20, middle: 45, right: 35 },
+        collapsed: I.defaultCollapsed || {
           left: !1,
           right: !1
         }
       };
-      await D.setRepositoryState(e, W), await h();
+      await O.setRepositoryState(e, z), await u();
     },
-    [e, h]
-  ), I = k(
+    [e, u]
+  ), C = k(
     async (S) => {
       if (!e) {
         console.error("Cannot update sizes without repositoryKey");
         return;
       }
-      await D.updateRepositorySizes(e, S), await h();
+      await O.updateRepositorySizes(e, S), await u();
     },
-    [e, h]
+    [e, u]
   ), _ = k(
     async (S) => {
       if (!e) {
         console.error("Cannot update collapsed without repositoryKey");
         return;
       }
-      await D.updateRepositoryCollapsed(
+      await O.updateRepositoryCollapsed(
         e,
         S
-      ), await h();
+      ), await u();
     },
-    [e, h]
-  ), w = k(async () => {
-    if (!e || !(i != null && i.workspaceId)) {
+    [e, u]
+  ), b = k(async () => {
+    if (!e || !(a != null && a.workspaceId)) {
       console.error("Cannot reset without repositoryKey and active workspace");
       return;
     }
-    await D.resetRepositoryToWorkspaceDefaults(
+    await O.resetRepositoryToWorkspaceDefaults(
       e,
-      i.workspaceId
-    ), await h();
-  }, [e, i == null ? void 0 : i.workspaceId, h]), v = k(async () => {
-    await h();
-  }, [h]);
+      a.workspaceId
+    ), await u();
+  }, [e, a == null ? void 0 : a.workspaceId, u]), T = k(async () => {
+    await u();
+  }, [u]);
   return {
-    workspaces: n,
-    repositoryState: i,
-    activeWorkspace: y,
-    loading: b,
-    error: f,
+    workspaces: s,
+    repositoryState: a,
+    activeWorkspace: f,
+    loading: x,
+    error: m,
     getWorkspace: d,
-    createWorkspace: u,
-    updateWorkspace: C,
-    deleteWorkspace: L,
+    createWorkspace: p,
+    updateWorkspace: v,
+    deleteWorkspace: E,
     applyWorkspace: $,
-    updateSizes: I,
+    updateSizes: C,
     updateCollapsed: _,
-    resetToDefaults: w,
-    refresh: v
+    resetToDefaults: b,
+    refresh: T
   };
 }
-function nt(o = {}) {
+function dt(o = {}) {
   const {
     initialFocus: e = null,
     collapsed: t = {},
     panelType: r = "three-panel",
-    onFocusChange: n,
-    events: a,
-    getPanelId: i
-  } = o, [c, y] = P(
+    onFocusChange: s,
+    events: i,
+    getPanelId: a
+  } = o, [n, f] = P(
     e
-  ), l = k(
+  ), c = k(
     (d) => {
-      const u = c;
-      if (y(d), n == null || n(d), a && i) {
-        if (u) {
-          const L = i(u);
-          L && a.emit({
+      const p = n;
+      if (f(d), s == null || s(d), i && a) {
+        if (p) {
+          const E = a(p);
+          E && i.emit({
             type: "panel:blur",
             source: "panel-layouts",
             timestamp: Date.now(),
             payload: {
-              panelId: L,
-              panelSlot: u,
-              nextPanelId: i(d)
+              panelId: E,
+              panelSlot: p,
+              nextPanelId: a(d)
             }
           });
         }
-        const C = i(d);
-        C && a.emit({
+        const v = a(d);
+        v && i.emit({
           type: "panel:focus",
           source: "panel-layouts",
           timestamp: Date.now(),
           payload: {
-            panelId: C,
+            panelId: v,
             panelSlot: d,
             source: "keyboard-shortcut"
           }
         });
       }
     },
-    [c, n, a, i]
-  ), b = k(() => {
-    const d = c;
-    if (y(null), n == null || n(null), a && i && d) {
-      const u = i(d);
-      u && a.emit({
+    [n, s, i, a]
+  ), x = k(() => {
+    const d = n;
+    if (f(null), s == null || s(null), i && a && d) {
+      const p = a(d);
+      p && i.emit({
         type: "panel:blur",
         source: "panel-layouts",
         timestamp: Date.now(),
         payload: {
-          panelId: u,
+          panelId: p,
           panelSlot: d
         }
       });
     }
-  }, [c, n, a, i]), p = k(() => {
+  }, [n, s, i, a]), h = k(() => {
     const d = [];
     return t.left || d.push("left"), d.push("middle"), r === "three-panel" && !t.right && d.push("right"), d;
-  }, [t, r]), f = k(() => {
-    const d = p();
+  }, [t, r]), m = k(() => {
+    const d = h();
     if (d.length === 0) return;
-    if (c === null) {
-      l(d[0]);
+    if (n === null) {
+      c(d[0]);
       return;
     }
-    const u = d.indexOf(c);
-    if (u === -1) {
-      l(d[0]);
+    const p = d.indexOf(n);
+    if (p === -1) {
+      c(d[0]);
       return;
     }
-    const C = (u + 1) % d.length;
-    l(d[C]);
-  }, [c, p, l]), x = k(() => {
-    const d = p();
+    const v = (p + 1) % d.length;
+    c(d[v]);
+  }, [n, h, c]), w = k(() => {
+    const d = h();
     if (d.length === 0) return;
-    if (c === null) {
-      l(d[d.length - 1]);
+    if (n === null) {
+      c(d[d.length - 1]);
       return;
     }
-    const u = d.indexOf(c);
-    if (u === -1) {
-      l(d[d.length - 1]);
+    const p = d.indexOf(n);
+    if (p === -1) {
+      c(d[d.length - 1]);
       return;
     }
-    const C = u === 0 ? d.length - 1 : u - 1;
-    l(d[C]);
-  }, [c, p, l]), h = k(
-    (d) => c === d,
-    [c]
+    const v = p === 0 ? d.length - 1 : p - 1;
+    c(d[v]);
+  }, [n, h, c]), u = k(
+    (d) => n === d,
+    [n]
   );
   return {
-    focusedPanel: c,
-    setFocus: l,
-    clearFocus: b,
-    focusNext: f,
-    focusPrevious: x,
-    isFocused: h
+    focusedPanel: n,
+    setFocus: c,
+    clearFocus: x,
+    focusNext: m,
+    focusPrevious: w,
+    isFocused: u
   };
 }
-function st(o) {
+function pt(o) {
   const {
     enabled: e = !0,
     focusedPanel: t,
     collapsed: r,
-    panelType: n,
-    setFocus: a,
-    onExpand: i,
-    onCollapse: c
-  } = o, y = N(t), l = N(r), b = N(n);
+    panelType: s,
+    setFocus: i,
+    onExpand: a,
+    onCollapse: n
+  } = o, f = V(t), c = V(r), x = V(s);
   R(() => {
-    y.current = t;
+    f.current = t;
   }, [t]), R(() => {
-    l.current = r;
+    c.current = r;
   }, [r]), R(() => {
-    b.current = n;
-  }, [n]);
-  const p = k(
-    (f) => {
-      if (!f.altKey || f.ctrlKey || f.metaKey || f.shiftKey)
+    x.current = s;
+  }, [s]);
+  const h = k(
+    (m) => {
+      if (!m.altKey || m.ctrlKey || m.metaKey || m.shiftKey)
         return;
-      const x = f.code, h = y.current, d = l.current, u = b.current;
-      x === "Digit1" || x === "Numpad1" ? (f.preventDefault(), d.left ? i("left") : h !== "left" ? a("left") : (c("left"), a("middle"))) : x === "Digit2" || x === "Numpad2" ? (f.preventDefault(), a("middle")) : (x === "Digit3" || x === "Numpad3") && u === "three-panel" && (f.preventDefault(), d.right ? i("right") : h !== "right" ? a("right") : (c("right"), a("middle")));
+      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")));
     },
-    [a, i, c]
+    [i, a, n]
   );
   R(() => {
     if (e)
-      return window.addEventListener("keydown", p), () => {
-        window.removeEventListener("keydown", p);
+      return window.addEventListener("keydown", h), () => {
+        window.removeEventListener("keydown", h);
       };
-  }, [e, p]);
+  }, [e, h]);
 }
-function at(o, e, t, r) {
+function ut(o, e, t, r) {
   R(() => {
-    const n = e.on(
+    const s = e.on(
       "panel:focus",
-      (i) => {
-        i.payload.panelId === o && t();
+      (a) => {
+        a.payload.panelId === o && t();
       }
     );
-    let a;
-    return r && (a = e.on(
+    let i;
+    return r && (i = e.on(
       "panel:blur",
-      (i) => {
-        i.payload.panelId === o && r();
+      (a) => {
+        a.payload.panelId === o && r();
       }
     )), () => {
-      n(), a == null || a();
+      s(), i == null || i();
     };
   }, [o, e, t, r]);
 }
-const it = ({
+const ft = ({
   isFocused: o,
   className: e = "",
   style: t = {}
@@ -920,7 +920,7 @@ const it = ({
     transition: "opacity 0.15s ease-in-out",
     ...t
   };
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ l(
     "div",
     {
       className: `panel-focus-indicator ${e}`,
@@ -929,48 +929,48 @@ const it = ({
       "aria-hidden": "true"
     }
   );
-}, ce = ({
+}, me = ({
   value: o,
   onChange: e,
   onSubmit: t,
   onClose: r,
-  onHistoryPrevious: n,
-  onHistoryNext: a,
-  mode: i,
-  status: c,
-  placeholder: y = "What would you like to do?",
-  disabled: l = !1,
-  autoFocus: b = !0,
-  agentAvailable: p = !0,
-  showAutocomplete: f = !1,
-  onAutocompleteNext: x,
-  onAutocompletePrevious: h,
+  onHistoryPrevious: s,
+  onHistoryNext: i,
+  mode: a,
+  status: n,
+  placeholder: f = "What would you like to do?",
+  disabled: c = !1,
+  autoFocus: x = !0,
+  agentAvailable: h = !0,
+  showAutocomplete: m = !1,
+  onAutocompleteNext: w,
+  onAutocompletePrevious: u,
   onAutocompleteAccept: d
 }) => {
-  const { theme: u } = H(), C = N(null);
+  const { theme: p } = U(), v = V(null);
   R(() => {
-    b && C.current && C.current.focus();
-  }, [b]);
-  const L = (I) => {
-    switch (I.stopPropagation(), I.key) {
+    x && v.current && v.current.focus();
+  }, [x]);
+  const E = (C) => {
+    switch (C.stopPropagation(), C.key) {
       case "Enter":
-        I.preventDefault(), t();
+        C.preventDefault(), t();
         break;
       case "Escape":
-        I.preventDefault(), r();
+        C.preventDefault(), r();
         break;
       case "Tab":
-        f && d && (I.preventDefault(), d());
+        m && d && (C.preventDefault(), d());
         break;
       case "ArrowUp":
-        I.preventDefault(), f && h ? h() : n();
+        C.preventDefault(), m && u ? u() : s();
         break;
       case "ArrowDown":
-        I.preventDefault(), f && x ? x() : a();
+        C.preventDefault(), m && w ? w() : i();
         break;
     }
-  }, $ = c === "thinking" || c === "executing";
-  return /* @__PURE__ */ m(
+  }, $ = n === "thinking" || n === "executing";
+  return /* @__PURE__ */ y(
     "div",
     {
       style: {
@@ -978,22 +978,22 @@ const it = ({
         alignItems: "center",
         gap: "8px",
         padding: "12px 16px",
-        backgroundColor: u.colors.background,
-        borderBottom: `1px solid ${u.colors.border}`
+        backgroundColor: p.colors.background,
+        borderBottom: `1px solid ${p.colors.border}`
       },
       children: [
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ l(
           "span",
           {
             style: {
-              color: i === "quick-command" ? u.colors.info : p ? u.colors.primary : u.colors.textMuted,
-              fontFamily: u.fonts.monospace,
-              fontSize: u.fontSizes[1],
+              color: a === "quick-command" ? p.colors.info : h ? p.colors.primary : p.colors.textMuted,
+              fontFamily: p.fonts.monospace,
+              fontSize: p.fontSizes[1],
               userSelect: "none",
               display: "flex",
               alignItems: "center"
             },
-            children: i === "quick-command" ? /* @__PURE__ */ m(
+            children: a === "quick-command" ? /* @__PURE__ */ y(
               "svg",
               {
                 width: "16",
@@ -1005,11 +1005,11 @@ const it = ({
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
                 children: [
-                  /* @__PURE__ */ s("polyline", { points: "4 17 10 11 4 5" }),
-                  /* @__PURE__ */ s("line", { x1: "12", y1: "19", x2: "20", y2: "19" })
+                  /* @__PURE__ */ l("polyline", { points: "4 17 10 11 4 5" }),
+                  /* @__PURE__ */ l("line", { x1: "12", y1: "19", x2: "20", y2: "19" })
                 ]
               }
-            ) : p ? /* @__PURE__ */ m(
+            ) : h ? /* @__PURE__ */ y(
               "svg",
               {
                 width: "16",
@@ -1021,51 +1021,51 @@ const it = ({
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
                 children: [
-                  /* @__PURE__ */ s("rect", { x: "3", y: "11", width: "18", height: "10", rx: "2" }),
-                  /* @__PURE__ */ s("circle", { cx: "12", cy: "5", r: "2" }),
-                  /* @__PURE__ */ s("path", { d: "M12 7v4" }),
-                  /* @__PURE__ */ s("line", { x1: "8", y1: "16", x2: "8", y2: "16" }),
-                  /* @__PURE__ */ s("line", { x1: "16", y1: "16", x2: "16", y2: "16" })
+                  /* @__PURE__ */ l("rect", { x: "3", y: "11", width: "18", height: "10", rx: "2" }),
+                  /* @__PURE__ */ l("circle", { cx: "12", cy: "5", r: "2" }),
+                  /* @__PURE__ */ l("path", { d: "M12 7v4" }),
+                  /* @__PURE__ */ l("line", { x1: "8", y1: "16", x2: "8", y2: "16" }),
+                  /* @__PURE__ */ l("line", { x1: "16", y1: "16", x2: "16", y2: "16" })
                 ]
               }
             ) : ">"
           }
         ),
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ l(
           "input",
           {
-            ref: C,
+            ref: v,
             "data-agent-command-palette-input": !0,
             type: "text",
             value: o,
-            onChange: (I) => e(I.target.value),
-            onKeyDown: L,
-            placeholder: y,
-            disabled: l || $,
+            onChange: (C) => e(C.target.value),
+            onKeyDown: E,
+            placeholder: f,
+            disabled: c || $,
             style: {
               flex: 1,
               backgroundColor: "transparent",
               border: "none",
               outline: "none",
-              color: u.colors.text,
-              fontFamily: u.fonts.monospace,
-              fontSize: u.fontSizes[1],
-              caretColor: u.colors.primary
+              color: p.colors.text,
+              fontFamily: p.fonts.monospace,
+              fontSize: p.fontSizes[1],
+              caretColor: p.colors.primary
             }
           }
         ),
-        $ && /* @__PURE__ */ m(
+        $ && /* @__PURE__ */ y(
           "span",
           {
             style: {
-              color: u.colors.info,
-              fontSize: u.fontSizes[0],
+              color: p.colors.info,
+              fontSize: p.fontSizes[0],
               display: "flex",
               alignItems: "center",
               gap: "4px"
             },
             children: [
-              /* @__PURE__ */ s(
+              /* @__PURE__ */ l(
                 "span",
                 {
                   style: {
@@ -1073,25 +1073,25 @@ const it = ({
                     width: "8px",
                     height: "8px",
                     borderRadius: "50%",
-                    backgroundColor: u.colors.info,
+                    backgroundColor: p.colors.info,
                     animation: "pulse 1s ease-in-out infinite"
                   }
                 }
               ),
-              c === "thinking" ? "Thinking..." : "Executing..."
+              n === "thinking" ? "Thinking..." : "Executing..."
             ]
           }
         ),
-        !$ && /* @__PURE__ */ s(
+        !$ && /* @__PURE__ */ l(
           "kbd",
           {
             style: {
               padding: "2px 6px",
-              backgroundColor: u.colors.backgroundSecondary,
+              backgroundColor: p.colors.backgroundSecondary,
               borderRadius: "3px",
-              border: `1px solid ${u.colors.border}`,
-              fontSize: u.fontSizes[0],
-              color: u.colors.textMuted
+              border: `1px solid ${p.colors.border}`,
+              fontSize: p.fontSizes[0],
+              color: p.colors.textMuted
             },
             children: "Alt+P"
           }
@@ -1100,9 +1100,9 @@ const it = ({
     }
   );
 };
-ce.displayName = "AgentCommandInput";
-const _e = ({ status: o }) => {
-  const { theme: e } = H(), t = {
+me.displayName = "AgentCommandInput";
+const De = ({ status: o }) => {
+  const { theme: e } = U(), t = {
     display: "inline-flex",
     alignItems: "center",
     justifyContent: "center",
@@ -1112,9 +1112,9 @@ const _e = ({ status: o }) => {
   };
   switch (o) {
     case "pending":
-      return /* @__PURE__ */ s("span", { style: { ...t, color: e.colors.textMuted }, children: "○" });
+      return /* @__PURE__ */ l("span", { style: { ...t, color: e.colors.textMuted }, children: "○" });
     case "running":
-      return /* @__PURE__ */ s(
+      return /* @__PURE__ */ l(
         "span",
         {
           style: {
@@ -1126,16 +1126,16 @@ const _e = ({ status: o }) => {
         }
       );
     case "success":
-      return /* @__PURE__ */ s("span", { style: { ...t, color: e.colors.success }, children: "✓" });
+      return /* @__PURE__ */ l("span", { style: { ...t, color: e.colors.success }, children: "✓" });
     case "error":
-      return /* @__PURE__ */ s("span", { style: { ...t, color: e.colors.error }, children: "✗" });
+      return /* @__PURE__ */ l("span", { style: { ...t, color: e.colors.error }, children: "✗" });
   }
-}, Ae = (o) => {
+}, Me = (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(", ");
-}, Re = ({ tool: o, compact: e }) => {
-  const { theme: t } = H(), r = Ae(o.args);
-  return /* @__PURE__ */ m(
+}, qe = ({ tool: o, compact: e }) => {
+  const { theme: t } = U(), r = Me(o.args);
+  return /* @__PURE__ */ y(
     "div",
     {
       style: {
@@ -1147,16 +1147,16 @@ const _e = ({ status: o }) => {
         fontSize: t.fontSizes[1]
       },
       children: [
-        /* @__PURE__ */ s(_e, { status: o.status }),
-        /* @__PURE__ */ m("span", { style: { color: t.colors.text }, children: [
+        /* @__PURE__ */ l(De, { status: o.status }),
+        /* @__PURE__ */ y("span", { style: { color: t.colors.text }, children: [
           o.name,
-          r && /* @__PURE__ */ m("span", { style: { color: t.colors.textMuted }, children: [
+          r && /* @__PURE__ */ y("span", { style: { color: t.colors.textMuted }, children: [
             "(",
             r,
             ")"
           ] })
         ] }),
-        o.status === "running" && /* @__PURE__ */ s(
+        o.status === "running" && /* @__PURE__ */ l(
           "span",
           {
             style: {
@@ -1167,7 +1167,7 @@ const _e = ({ status: o }) => {
             children: "[running]"
           }
         ),
-        o.status === "success" && /* @__PURE__ */ s(
+        o.status === "success" && /* @__PURE__ */ l(
           "span",
           {
             style: {
@@ -1178,7 +1178,7 @@ const _e = ({ status: o }) => {
             children: "[done]"
           }
         ),
-        o.status === "error" && /* @__PURE__ */ s(
+        o.status === "error" && /* @__PURE__ */ l(
           "span",
           {
             style: {
@@ -1193,12 +1193,12 @@ const _e = ({ status: o }) => {
       ]
     }
   );
-}, de = ({
+}, ye = ({
   tools: o,
   compact: e = !1
 }) => {
-  const { theme: t } = H();
-  return o.length === 0 ? null : /* @__PURE__ */ s(
+  const { theme: t } = U();
+  return o.length === 0 ? null : /* @__PURE__ */ l(
     "div",
     {
       style: {
@@ -1207,36 +1207,36 @@ const _e = ({ status: o }) => {
         borderRadius: "4px",
         margin: "8px 16px"
       },
-      children: o.map((r) => /* @__PURE__ */ s(Re, { tool: r, compact: e }, r.id))
+      children: o.map((r) => /* @__PURE__ */ l(qe, { tool: r, compact: e }, r.id))
     }
   );
 };
-de.displayName = "ToolExecutionList";
-const pe = ({
+ye.displayName = "ToolExecutionList";
+const ke = ({
   response: o,
   streaming: e = !1
 }) => {
-  const { theme: t } = H();
+  const { theme: t } = U();
   if (!o)
     return null;
-  const r = o.toLowerCase().startsWith("error"), n = o.toLowerCase().startsWith("done") || o.toLowerCase().startsWith("executed");
-  return /* @__PURE__ */ m(
+  const r = o.toLowerCase().startsWith("error"), s = o.toLowerCase().startsWith("done") || o.toLowerCase().startsWith("executed");
+  return /* @__PURE__ */ y(
     "div",
     {
       style: {
         padding: "12px 16px",
-        color: r ? t.colors.error : n ? t.colors.success : t.colors.text,
+        color: r ? t.colors.error : s ? t.colors.success : t.colors.text,
         fontSize: t.fontSizes[1],
         display: "flex",
         alignItems: "center",
         gap: "8px"
       },
       children: [
-        n && /* @__PURE__ */ s("span", { children: "✓" }),
-        r && /* @__PURE__ */ s("span", { children: "✗" }),
-        /* @__PURE__ */ m("span", { children: [
+        s && /* @__PURE__ */ l("span", { children: "✓" }),
+        r && /* @__PURE__ */ l("span", { children: "✗" }),
+        /* @__PURE__ */ y("span", { children: [
           o,
-          e && /* @__PURE__ */ s(
+          e && /* @__PURE__ */ l(
             "span",
             {
               style: {
@@ -1254,76 +1254,177 @@ const pe = ({
     }
   );
 };
-pe.displayName = "AgentResponseDisplay";
-function Ee({
+ke.displayName = "AgentResponseDisplay";
+function fe({
   text: o,
   matchedIndices: e,
   highlightColor: t
 }) {
   if (!e.length)
-    return /* @__PURE__ */ s(se, { children: o });
-  const r = new Set(e), n = o.split("");
-  return /* @__PURE__ */ s(se, { children: n.map((a, i) => /* @__PURE__ */ s(
+    return /* @__PURE__ */ l(de, { children: o });
+  const r = new Set(e), s = o.split("");
+  return /* @__PURE__ */ l(de, { children: s.map((i, a) => /* @__PURE__ */ l(
     "span",
     {
       style: {
-        color: r.has(i) ? t : "inherit",
-        fontWeight: r.has(i) ? 600 : "inherit"
+        color: r.has(a) ? t : "inherit",
+        fontWeight: r.has(a) ? 600 : "inherit"
       },
-      children: a
+      children: i
     },
-    i
+    a
   )) });
 }
-const ue = ({
+const xe = ({
   matches: o,
-  selectedIndex: e,
-  onSelect: t,
-  maxVisible: r = 6
+  argumentMatches: e = [],
+  currentArg: t,
+  isEnteringArgs: r = !1,
+  selectedIndex: s,
+  onSelect: i,
+  maxVisible: a = 6
 }) => {
-  const { theme: n } = H(), a = N(null), i = N(null);
+  const { theme: n } = U(), f = V(null), c = V(null);
   if (R(() => {
-    i.current && a.current && i.current.scrollIntoView({
+    c.current && f.current && c.current.scrollIntoView({
       block: "nearest",
       behavior: "smooth"
     });
-  }, [e]), o.length === 0)
+  }, [s]), r && e.length > 0) {
+    const w = 40 * a;
+    return /* @__PURE__ */ y(
+      "div",
+      {
+        ref: f,
+        style: {
+          maxHeight: `${w}px`,
+          overflowY: "auto",
+          borderTop: `1px solid ${n.colors.border}`
+        },
+        children: [
+          t && /* @__PURE__ */ y(
+            "div",
+            {
+              style: {
+                padding: "8px 16px",
+                fontSize: n.fontSizes[0],
+                color: n.colors.textMuted,
+                backgroundColor: n.colors.backgroundSecondary,
+                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: [
+                  "— ",
+                  t.description
+                ] })
+              ]
+            }
+          ),
+          e.map((u, d) => {
+            const p = d === s;
+            return /* @__PURE__ */ y(
+              "div",
+              {
+                ref: p ? c : void 0,
+                onClick: () => i(d),
+                style: {
+                  display: "flex",
+                  alignItems: "center",
+                  gap: "12px",
+                  padding: "8px 16px",
+                  cursor: "pointer",
+                  backgroundColor: p ? n.colors.backgroundSecondary : "transparent",
+                  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);
+                },
+                onMouseLeave: (v) => {
+                  p || (v.currentTarget.style.backgroundColor = "transparent");
+                },
+                children: [
+                  /* @__PURE__ */ l(
+                    "span",
+                    {
+                      style: {
+                        fontFamily: n.fonts.monospace,
+                        fontSize: n.fontSizes[1],
+                        color: n.colors.text,
+                        flex: 1
+                      },
+                      children: /* @__PURE__ */ l(
+                        fe,
+                        {
+                          text: u.option,
+                          matchedIndices: u.matchedIndices,
+                          highlightColor: n.colors.primary
+                        }
+                      )
+                    }
+                  ),
+                  p && /* @__PURE__ */ l(
+                    "kbd",
+                    {
+                      style: {
+                        padding: "2px 6px",
+                        backgroundColor: n.colors.backgroundTertiary,
+                        borderRadius: "3px",
+                        border: `1px solid ${n.colors.border}`,
+                        fontSize: n.fontSizes[0],
+                        color: n.colors.textMuted,
+                        flexShrink: 0
+                      },
+                      children: "Tab"
+                    }
+                  )
+                ]
+              },
+              `${u.option}-${d}`
+            );
+          })
+        ]
+      }
+    );
+  }
+  if (o.length === 0)
     return null;
-  const y = 48 * r;
-  return /* @__PURE__ */ s(
+  const h = 48 * a;
+  return /* @__PURE__ */ l(
     "div",
     {
-      ref: a,
+      ref: f,
       style: {
-        maxHeight: `${y}px`,
+        maxHeight: `${h}px`,
         overflowY: "auto",
         borderTop: `1px solid ${n.colors.border}`
       },
-      children: o.map((l, b) => {
-        const p = b === e, f = l.command;
-        return /* @__PURE__ */ m(
+      children: o.map((m, w) => {
+        const u = w === s, d = m.command;
+        return /* @__PURE__ */ y(
           "div",
           {
-            ref: p ? i : void 0,
-            onClick: () => t(b),
+            ref: u ? c : void 0,
+            onClick: () => i(w),
             style: {
               display: "flex",
               alignItems: "center",
               gap: "12px",
               padding: "10px 16px",
               cursor: "pointer",
-              backgroundColor: p ? n.colors.backgroundSecondary : "transparent",
-              borderLeft: p ? `2px solid ${n.colors.primary}` : "2px solid transparent",
+              backgroundColor: u ? n.colors.backgroundSecondary : "transparent",
+              borderLeft: u ? `2px solid ${n.colors.primary}` : "2px solid transparent",
               transition: "background-color 100ms ease"
             },
-            onMouseEnter: (x) => {
-              p || (x.currentTarget.style.backgroundColor = n.colors.backgroundSecondary);
+            onMouseEnter: (p) => {
+              u || (p.currentTarget.style.backgroundColor = n.colors.backgroundSecondary);
             },
-            onMouseLeave: (x) => {
-              p || (x.currentTarget.style.backgroundColor = "transparent");
+            onMouseLeave: (p) => {
+              u || (p.currentTarget.style.backgroundColor = "transparent");
             },
             children: [
-              /* @__PURE__ */ s(
+              /* @__PURE__ */ l(
                 "span",
                 {
                   style: {
@@ -1335,8 +1436,8 @@ const ue = ({
                   children: "/"
                 }
               ),
-              /* @__PURE__ */ m("div", { style: { flex: 1, minWidth: 0 }, children: [
-                /* @__PURE__ */ m(
+              /* @__PURE__ */ y("div", { style: { flex: 1, minWidth: 0 }, children: [
+                /* @__PURE__ */ y(
                   "div",
                   {
                     style: {
@@ -1345,15 +1446,15 @@ const ue = ({
                       color: n.colors.text
                     },
                     children: [
-                      /* @__PURE__ */ s(
-                        Ee,
+                      /* @__PURE__ */ l(
+                        fe,
                         {
-                          text: f.name,
-                          matchedIndices: l.matchedOn === f.name ? l.matchedIndices : [],
+                          text: d.name,
+                          matchedIndices: m.matchedOn === d.name ? m.matchedIndices : [],
                           highlightColor: n.colors.primary
                         }
                       ),
-                      l.matchedOn !== f.name && /* @__PURE__ */ m(
+                      m.matchedOn !== d.name && /* @__PURE__ */ y(
                         "span",
                         {
                           style: {
@@ -1363,7 +1464,7 @@ const ue = ({
                           },
                           children: [
                             "(alias: ",
-                            l.matchedOn,
+                            m.matchedOn,
                             ")"
                           ]
                         }
@@ -1371,7 +1472,7 @@ const ue = ({
                     ]
                   }
                 ),
-                /* @__PURE__ */ s(
+                /* @__PURE__ */ l(
                   "div",
                   {
                     style: {
@@ -1382,11 +1483,11 @@ const ue = ({
                       overflow: "hidden",
                       textOverflow: "ellipsis"
                     },
-                    children: f.description
+                    children: d.description
                   }
                 )
               ] }),
-              f.args && f.args.length > 0 && /* @__PURE__ */ s(
+              d.args && d.args.length > 0 && /* @__PURE__ */ l(
                 "div",
                 {
                   style: {
@@ -1395,21 +1496,21 @@ const ue = ({
                     fontFamily: n.fonts.monospace,
                     flexShrink: 0
                   },
-                  children: f.args.map((x, h) => /* @__PURE__ */ m("span", { children: [
-                    h > 0 && " ",
-                    /* @__PURE__ */ s(
+                  children: d.args.map((p, v) => /* @__PURE__ */ y("span", { children: [
+                    v > 0 && " ",
+                    /* @__PURE__ */ l(
                       "span",
                       {
                         style: {
-                          color: x.required ? n.colors.warning : n.colors.textMuted
+                          color: p.required ? n.colors.warning : n.colors.textMuted
                         },
-                        children: x.required ? `<${x.name}>` : `[${x.name}]`
+                        children: p.required ? `<${p.name}>` : `[${p.name}]`
                       }
                     )
-                  ] }, x.name))
+                  ] }, p.name))
                 }
               ),
-              p && /* @__PURE__ */ s(
+              u && /* @__PURE__ */ l(
                 "kbd",
                 {
                   style: {
@@ -1426,71 +1527,74 @@ const ue = ({
               )
             ]
           },
-          `${f.name}-${b}`
+          `${d.name}-${w}`
         );
       })
     }
   );
 };
-ue.displayName = "QuickCommandAutocomplete";
-const De = ({
+xe.displayName = "QuickCommandAutocomplete";
+const je = ({
   palette: o,
   config: e
 }) => {
-  const { theme: t } = H(), r = N(null), {
-    isOpen: n,
-    close: a,
-    query: i,
-    setQuery: c,
-    mode: y,
-    status: l,
-    pendingTools: b,
-    completedTools: p,
-    agentResponse: f,
-    submit: x,
-    historyPrevious: h,
+  const { theme: t } = U(), r = V(null), {
+    isOpen: s,
+    close: i,
+    query: a,
+    setQuery: n,
+    mode: f,
+    status: c,
+    pendingTools: x,
+    completedTools: h,
+    agentResponse: m,
+    submit: w,
+    historyPrevious: u,
     historyNext: d,
-    suggestions: u,
-    agentAvailable: C,
+    suggestions: p,
+    agentAvailable: v,
     // Autocomplete
-    quickCommandMatches: L,
-    selectedAutocompleteIndex: $,
-    autocompleteNext: I,
-    autocompletePrevious: _,
-    autocompleteAccept: w,
-    showAutocomplete: v
+    quickCommandMatches: E,
+    argumentOptionMatches: $,
+    parsedQuery: C,
+    currentArgDef: _,
+    selectedAutocompleteIndex: b,
+    autocompleteNext: T,
+    autocompletePrevious: S,
+    autocompleteAccept: I,
+    showAutocomplete: z
   } = o;
   R(() => {
-    if (!n) return;
-    const j = (O) => {
-      r.current && !r.current.contains(O.target) && a();
-    }, M = setTimeout(() => {
-      document.addEventListener("mousedown", j);
+    if (!s) return;
+    const F = (D) => {
+      r.current && !r.current.contains(D.target) && i();
+    }, H = setTimeout(() => {
+      document.addEventListener("mousedown", F);
     }, 100);
     return () => {
-      clearTimeout(M), document.removeEventListener("mousedown", j);
+      clearTimeout(H), document.removeEventListener("mousedown", F);
     };
-  }, [n, a]);
-  const [S, T] = P(!1), [W, z] = P(!1);
+  }, [s, i]);
+  const [W, A] = P(!1), [G, K] = P(!1);
   if (R(() => {
-    if (n)
-      z(!0), requestAnimationFrame(() => {
+    if (s)
+      K(!0), requestAnimationFrame(() => {
         requestAnimationFrame(() => {
-          T(!0);
+          A(!0);
         });
       });
     else {
-      T(!1);
-      const j = setTimeout(() => {
-        z(!1);
+      A(!1);
+      const F = setTimeout(() => {
+        K(!1);
       }, 150);
-      return () => clearTimeout(j);
+      return () => clearTimeout(F);
     }
-  }, [n]), !W)
+  }, [s]), !G)
     return null;
-  const q = C ? (e == null ? void 0 : e.placeholder) || "What would you like to do?" : "Quick command mode (agent unavailable)", B = [...p, ...b], te = B.length > 0, G = f && l !== "idle", J = C && !i && l === "idle" && u.length > 0, X = (y === "quick-command" || !C) && l === "idle", oe = !C && y !== "quick-command" && l === "idle";
-  return /* @__PURE__ */ m(se, { children: [
-    /* @__PURE__ */ s(
+  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(
       "div",
       {
         style: {
@@ -1498,10 +1602,10 @@ const De = ({
           inset: 0,
           zIndex: 999
         },
-        onClick: a
+        onClick: i
       }
     ),
-    /* @__PURE__ */ m(
+    /* @__PURE__ */ y(
       "div",
       {
         ref: r,
@@ -1512,39 +1616,39 @@ const De = ({
           left: 0,
           right: 0,
           maxHeight: "50vh",
-          backgroundColor: t.colors.surface,
+          backgroundColor: t.colors.background,
           borderTop: `1px solid ${t.colors.border}`,
           boxShadow: t.shadows[2],
           zIndex: 1e3,
           display: "flex",
           flexDirection: "column-reverse",
           overflow: "hidden",
-          transform: S ? "translateY(0)" : "translateY(100%)",
+          transform: W ? "translateY(0)" : "translateY(100%)",
           transition: "transform 150ms ease-out",
           ...e == null ? void 0 : e.style
         },
         children: [
-          /* @__PURE__ */ m("div", { children: [
-            /* @__PURE__ */ s(
-              ce,
+          /* @__PURE__ */ y("div", { children: [
+            /* @__PURE__ */ l(
+              me,
               {
-                value: i,
-                onChange: c,
-                onSubmit: x,
-                onClose: a,
-                onHistoryPrevious: h,
+                value: a,
+                onChange: n,
+                onSubmit: w,
+                onClose: i,
+                onHistoryPrevious: u,
                 onHistoryNext: d,
-                mode: y,
-                status: l,
-                placeholder: q,
-                agentAvailable: C,
-                showAutocomplete: v,
-                onAutocompleteNext: I,
-                onAutocompletePrevious: _,
-                onAutocompleteAccept: w
+                mode: f,
+                status: c,
+                placeholder: ie,
+                agentAvailable: v,
+                showAutocomplete: z,
+                onAutocompleteNext: T,
+                onAutocompletePrevious: S,
+                onAutocompleteAccept: I
               }
             ),
-            /* @__PURE__ */ m(
+            /* @__PURE__ */ y(
               "div",
               {
                 style: {
@@ -1557,8 +1661,8 @@ const De = ({
                   backgroundColor: t.colors.background
                 },
                 children: [
-                  /* @__PURE__ */ m("span", { children: [
-                    /* @__PURE__ */ s(
+                  /* @__PURE__ */ y("span", { children: [
+                    /* @__PURE__ */ l(
                       "kbd",
                       {
                         style: {
@@ -1573,8 +1677,8 @@ const De = ({
                     " ",
                     "Execute"
                   ] }),
-                  /* @__PURE__ */ m("span", { children: [
-                    /* @__PURE__ */ s(
+                  /* @__PURE__ */ y("span", { children: [
+                    /* @__PURE__ */ l(
                       "kbd",
                       {
                         style: {
@@ -1589,8 +1693,8 @@ const De = ({
                     " ",
                     "Close"
                   ] }),
-                  /* @__PURE__ */ m("span", { children: [
-                    /* @__PURE__ */ s(
+                  /* @__PURE__ */ y("span", { children: [
+                    /* @__PURE__ */ l(
                       "kbd",
                       {
                         style: {
@@ -1605,8 +1709,8 @@ const De = ({
                     " ",
                     "History"
                   ] }),
-                  /* @__PURE__ */ m("span", { style: { marginLeft: "auto" }, children: [
-                    /* @__PURE__ */ s(
+                  /* @__PURE__ */ y("span", { style: { marginLeft: "auto" }, children: [
+                    /* @__PURE__ */ l(
                       "kbd",
                       {
                         style: {
@@ -1625,16 +1729,16 @@ const De = ({
               }
             )
           ] }),
-          /* @__PURE__ */ m("div", { style: { overflow: "auto" }, children: [
-            te && /* @__PURE__ */ s(de, { tools: B, compact: B.length > 3 }),
-            G && /* @__PURE__ */ s(
-              pe,
+          /* @__PURE__ */ y("div", { style: { overflow: "auto" }, children: [
+            Z && /* @__PURE__ */ l(ye, { tools: B, compact: B.length > 3 }),
+            le && /* @__PURE__ */ l(
+              ke,
               {
-                response: f,
-                streaming: l === "thinking"
+                response: m,
+                streaming: c === "thinking"
               }
             ),
-            J && /* @__PURE__ */ m(
+            re && /* @__PURE__ */ y(
               "div",
               {
                 style: {
@@ -1644,7 +1748,7 @@ const De = ({
                   flexWrap: "wrap"
                 },
                 children: [
-                  /* @__PURE__ */ s(
+                  /* @__PURE__ */ l(
                     "span",
                     {
                       style: {
@@ -1655,11 +1759,11 @@ const De = ({
                       children: "Try:"
                     }
                   ),
-                  u.map((j, M) => /* @__PURE__ */ m(
+                  p.map((F, H) => /* @__PURE__ */ y(
                     "button",
                     {
                       onClick: () => {
-                        c(j);
+                        n(F);
                       },
                       style: {
                         padding: "4px 10px",
@@ -1671,24 +1775,24 @@ const De = ({
                         cursor: "pointer",
                         transition: "background-color 150ms ease"
                       },
-                      onMouseEnter: (O) => {
-                        O.currentTarget.style.backgroundColor = t.colors.backgroundTertiary;
+                      onMouseEnter: (D) => {
+                        D.currentTarget.style.backgroundColor = t.colors.backgroundTertiary;
                       },
-                      onMouseLeave: (O) => {
-                        O.currentTarget.style.backgroundColor = t.colors.backgroundSecondary;
+                      onMouseLeave: (D) => {
+                        D.currentTarget.style.backgroundColor = t.colors.backgroundSecondary;
                       },
                       children: [
                         '"',
-                        j,
+                        F,
                         '"'
                       ]
                     },
-                    M
+                    H
                   ))
                 ]
               }
             ),
-            oe && /* @__PURE__ */ m(
+            ne && /* @__PURE__ */ y(
               "div",
               {
                 style: {
@@ -1700,10 +1804,10 @@ const De = ({
                   gap: "8px"
                 },
                 children: [
-                  /* @__PURE__ */ s("span", { children: "Agent unavailable." }),
-                  /* @__PURE__ */ m("span", { style: { color: t.colors.textMuted }, children: [
+                  /* @__PURE__ */ l("span", { children: "Agent unavailable." }),
+                  /* @__PURE__ */ y("span", { style: { color: t.colors.textMuted }, children: [
                     "Use quick commands (start with ",
-                    /* @__PURE__ */ s("kbd", { style: {
+                    /* @__PURE__ */ l("kbd", { style: {
                       padding: "2px 6px",
                       backgroundColor: t.colors.backgroundSecondary,
                       borderRadius: "3px",
@@ -1714,7 +1818,7 @@ const De = ({
                 ]
               }
             ),
-            X && /* @__PURE__ */ m(
+            ee && /* @__PURE__ */ y(
               "div",
               {
                 style: {
@@ -1724,29 +1828,29 @@ const De = ({
                   fontFamily: t.fonts.monospace
                 },
                 children: [
-                  /* @__PURE__ */ s("div", { style: { marginBottom: "8px", color: t.colors.textSecondary }, children: "Quick commands:" }),
-                  /* @__PURE__ */ m("div", { style: { display: "flex", flexDirection: "column", gap: "4px" }, children: [
-                    /* @__PURE__ */ m("div", { children: [
-                      /* @__PURE__ */ s("span", { style: { color: t.colors.info }, children: "/toggle" }),
+                  /* @__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__ */ s("span", { style: { color: t.colors.textMuted }, children: "<left|right>" }),
+                      /* @__PURE__ */ l("span", { style: { color: t.colors.textMuted }, children: "<left|right>" }),
                       " ",
                       "- Toggle sidebar visibility"
                     ] }),
-                    /* @__PURE__ */ m("div", { children: [
-                      /* @__PURE__ */ s("span", { style: { color: t.colors.info }, children: "/switch" }),
+                    /* @__PURE__ */ y("div", { children: [
+                      /* @__PURE__ */ l("span", { style: { color: t.colors.info }, children: "/switch" }),
                       " ",
-                      /* @__PURE__ */ s("span", { style: { color: t.colors.textMuted }, children: "<slot> <panel>" }),
+                      /* @__PURE__ */ l("span", { style: { color: t.colors.textMuted }, children: "<slot> <panel>" }),
                       " ",
                       "- Switch panel content"
                     ] }),
-                    /* @__PURE__ */ m("div", { children: [
-                      /* @__PURE__ */ s("span", { style: { color: t.colors.info }, children: "/collapse" }),
+                    /* @__PURE__ */ y("div", { children: [
+                      /* @__PURE__ */ l("span", { style: { color: t.colors.info }, children: "/collapse" }),
                       " ",
                       "- Collapse all sidebars"
                     ] }),
-                    /* @__PURE__ */ m("div", { children: [
-                      /* @__PURE__ */ s("span", { style: { color: t.colors.info }, children: "/expand" }),
+                    /* @__PURE__ */ y("div", { children: [
+                      /* @__PURE__ */ l("span", { style: { color: t.colors.info }, children: "/expand" }),
                       " ",
                       "- Expand all sidebars"
                     ] })
@@ -1754,17 +1858,33 @@ const De = ({
                 ]
               }
             ),
-            v && /* @__PURE__ */ s(
-              ue,
+            z && /* @__PURE__ */ l(
+              xe,
               {
-                matches: L,
-                selectedIndex: $,
-                onSelect: (j) => {
-                  const M = L[j];
-                  if (M) {
-                    const O = M.command;
-                    let Z = `/${O.name}`;
-                    O.args && O.args.length > 0 && (Z += " "), c(Z);
+                matches: E,
+                argumentMatches: $,
+                currentArg: _,
+                isEnteringArgs: C.isEnteringArgs,
+                selectedIndex: b,
+                onSelect: (F) => {
+                  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);
+                    }
+                    return;
+                  }
+                  const H = E[F];
+                  if (H) {
+                    const Q = H.command;
+                    let Y = `/${Q.name}`;
+                    Q.args && Q.args.length > 0 && (Y += " "), n(Y);
                   }
                 }
               }
@@ -1773,7 +1893,7 @@ const De = ({
         ]
       }
     ),
-    /* @__PURE__ */ s("style", { children: `
+    /* @__PURE__ */ l("style", { children: `
           @keyframes pulse {
             0%, 100% { opacity: 1; }
             50% { opacity: 0.5; }
@@ -1789,166 +1909,248 @@ const De = ({
         ` })
   ] });
 };
-De.displayName = "AgentCommandPalette";
-function ae(o, e) {
+je.displayName = "AgentCommandPalette";
+function pe(o, e) {
   const t = o.toLowerCase(), r = e.toLowerCase();
   if (!t)
     return { score: 0, matchedIndices: [] };
-  const n = [];
-  let a = 0, i = 0, c = 0, y = -1;
-  for (let l = 0; l < r.length && a < t.length; l++)
-    r[l] === t[a] && (n.push(l), y === l - 1 ? (c++, i += c * 2) : c = 1, l === 0 && (i += 10), l > 0 && /[_\-\s]/.test(e[l - 1]) && (i += 5), i += 1, y = l, a++);
-  return a < t.length ? null : (i -= e.length * 0.1, t === r && (i += 20), r.startsWith(t) && (i += 15), { score: i, matchedIndices: n });
+  const s = [];
+  let i = 0, a = 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 });
 }
-function $e(o, e, t = 10) {
+function Oe(o, e, t = 10) {
   const r = o.replace(/^\//, "").trim();
   if (!r)
-    return e.slice(0, t).map((a) => ({
-      command: a,
+    return e.slice(0, t).map((i) => ({
+      command: i,
       score: 0,
       matchedIndices: [],
-      matchedOn: a.name
+      matchedOn: i.name
     }));
-  const n = [];
-  for (const a of e) {
-    const i = ae(r, a.name);
-    if (i) {
-      n.push({
-        command: a,
-        score: i.score,
-        matchedIndices: i.matchedIndices,
-        matchedOn: a.name
+  const s = [];
+  for (const i of e) {
+    const a = pe(r, i.name);
+    if (a) {
+      s.push({
+        command: i,
+        score: a.score,
+        matchedIndices: a.matchedIndices,
+        matchedOn: i.name
       });
       continue;
     }
-    if (a.aliases)
-      for (const c of a.aliases) {
-        const y = ae(r, c);
-        if (y) {
-          n.push({
-            command: a,
-            score: y.score - 2,
+    if (i.aliases)
+      for (const n of i.aliases) {
+        const f = pe(r, n);
+        if (f) {
+          s.push({
+            command: i,
+            score: f.score - 2,
             // Slight penalty for alias match
-            matchedIndices: y.matchedIndices,
-            matchedOn: c
+            matchedIndices: f.matchedIndices,
+            matchedOn: n
           });
           break;
         }
       }
   }
-  return n.sort((a, i) => i.score - a.score).slice(0, t);
+  return s.sort((i, a) => a.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(
+    (f) => {
+      var c;
+      return f.name.toLowerCase() === s.toLowerCase() || ((c = f.aliases) == null ? void 0 : c.some((x) => x.toLowerCase() === s.toLowerCase()));
+    }
+  ) || null;
+  if (!a)
+    return {
+      commandName: s,
+      command: null,
+      enteredArgs: [],
+      currentArgValue: "",
+      currentArgIndex: -1,
+      isEnteringArgs: !1
+    };
+  const n = r.slice(1);
+  if (i)
+    return {
+      commandName: a.name,
+      command: a,
+      enteredArgs: n,
+      currentArgValue: "",
+      currentArgIndex: n.length,
+      isEnteringArgs: !0
+    };
+  if (n.length > 0) {
+    const f = n.slice(0, -1), c = n[n.length - 1];
+    return {
+      commandName: a.name,
+      command: a,
+      enteredArgs: f,
+      currentArgValue: c,
+      currentArgIndex: f.length,
+      isEnteringArgs: !0
+    };
+  }
+  return {
+    commandName: a.name,
+    command: a,
+    enteredArgs: [],
+    currentArgValue: "",
+    currentArgIndex: -1,
+    isEnteringArgs: !1
+  };
+}
+function Fe(o, e, t = 10) {
+  if (!e.length)
+    return [];
+  if (!o)
+    return e.slice(0, t).map((s) => ({
+      option: s,
+      score: 0,
+      matchedIndices: []
+    }));
+  const r = [];
+  for (const s of e) {
+    const i = pe(o, s);
+    i && r.push({
+      option: s,
+      score: i.score,
+      matchedIndices: i.matchedIndices
+    });
+  }
+  return r.sort((s, i) => i.score - s.score).slice(0, t);
 }
-const qe = [
+const Ve = [
   "hide sidebars",
   "show terminal",
   "focus editor"
 ];
-function lt({
+function ht({
   events: o,
   keyboard: e = { key: "p", altKey: !0 },
   config: t = {},
   onExecuteTool: r,
-  initialSuggestions: n = qe,
-  agentAvailable: a = !0,
-  quickCommands: i = []
+  initialSuggestions: s = Ve,
+  agentAvailable: i = !0,
+  quickCommands: a = []
 } = {}) {
-  const [c, y] = P(!1), [l, b] = P(""), [p, f] = P("natural"), [x, h] = P("idle"), [d, u] = P([]), [C, L] = P([]), [$, I] = P(""), [_, w] = P([]), [v, S] = P(-1), T = ne(() => n, [n]), [W, z] = P(-1), q = ne(() => p !== "quick-command" || !i.length ? [] : $e(l, i), [l, p, i]), B = ne(() => p === "quick-command" && x === "idle" && q.length > 0 && l.length > 0, [p, x, q.length, l.length]);
+  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 ? {
+    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))
+      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]);
   R(() => {
-    z(q.length > 0 ? 0 : -1);
-  }, [q.length]);
-  const te = k((g) => {
-    b(g), f(g.startsWith("/") ? "quick-command" : "natural");
-  }, []), G = k(() => {
-    y(!0), a ? (b(""), f("natural")) : (b("/"), f("quick-command")), h("idle"), u([]), L([]), I(""), S(-1), o == null || o.emit({
+    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({
       type: "agent-command-palette:opened",
       source: "agent-command-palette",
       timestamp: Date.now(),
       payload: {}
     });
-  }, [o, a]), J = k(() => {
-    y(!1), o == null || o.emit({
+  }, [o, i]), ee = k(() => {
+    f(!1), o == null || o.emit({
       type: "agent-command-palette:closed",
       source: "agent-command-palette",
       timestamp: Date.now(),
       payload: {}
     });
-  }, [o]), X = k(() => {
-    c ? J() : G();
-  }, [c, G, J]), oe = k(() => {
-    b(""), f("natural"), h("idle"), u([]), L([]), I(""), S(-1);
-  }, []), j = k((g) => {
-    const A = {
+  }, [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,
       status: "pending"
     };
-    return u((E) => [...E, A]), A;
-  }, []), M = k(
-    (g, A, E, U) => {
-      u((F) => {
-        const K = F.find((Q) => Q.id === g);
-        if (!K) return F;
-        const V = {
-          ...K,
-          status: A,
-          result: E,
-          error: U
+    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,
+          result: M,
+          error: X
         };
-        return A === "success" || A === "error" ? (L((Q) => [...Q, V]), F.filter((Q) => Q.id !== g)) : F.map((Q) => Q.id === g ? V : Q);
+        return L === "success" || L === "error" ? (E((J) => [...J, N]), q.filter((J) => J.id !== g)) : q.map((J) => J.id === g ? N : J);
       });
     },
     []
-  ), O = k(
+  ), Q = k(
     async (g) => {
-      const A = g.replace(/^\//, "").trim().split(/\s+/), E = A[0], U = A.slice(1);
-      if (!E) return;
-      h("executing");
-      const F = `quick-${Date.now()}`;
-      j({
-        id: F,
-        name: E,
-        args: { args: U }
-      }), M(F, "running");
+      const L = g.replace(/^\//, "").trim().split(/\s+/), M = L[0], X = L.slice(1);
+      if (!M) return;
+      u("executing");
+      const q = `quick-${Date.now()}`;
+      H({
+        id: q,
+        name: M,
+        args: { args: X }
+      }), D(q, "running");
       try {
         if (r) {
-          const V = await r(E, { args: U });
-          M(F, "success", String(V));
+          const N = await r(M, { args: X });
+          D(q, "success", String(N));
         } else
-          M(F, "success", "Tool executed (no handler)");
-        w((V) => [
+          D(q, "success", "Tool executed (no handler)");
+        b((N) => [
           {
             query: g,
             timestamp: Date.now(),
-            toolsExecuted: [E],
+            toolsExecuted: [M],
             success: !0
           },
-          ...V.slice(0, (t.maxHistoryEntries || 50) - 1)
-        ]), h("complete"), I(`Executed: ${E}`);
-        const K = t.autoCloseDelay ?? 1e3;
-        K > 0 && setTimeout(() => J(), K);
-      } catch (K) {
-        const V = K instanceof Error ? K.message : "Unknown error";
-        M(F, "error", void 0, V), h("error"), I(`Error: ${V}`);
+          ...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}`);
       }
     },
-    [r, j, M, t.autoCloseDelay, t.maxHistoryEntries, J]
-  ), Z = k(() => {
-    if (l.trim()) {
-      if (p === "quick-command") {
-        O(l);
+    [r, H, D, t.autoCloseDelay, t.maxHistoryEntries, ee]
+  ), Y = k(() => {
+    if (c.trim()) {
+      if (h === "quick-command") {
+        Q(c);
         return;
       }
-      if (!a) {
-        I("Agent unavailable. Use quick commands (start with /)."), h("error");
+      if (!i) {
+        C("Agent unavailable. Use quick commands (start with /)."), u("error");
         return;
       }
-      h("thinking"), o == null || o.emit({
+      u("thinking"), o == null || o.emit({
         type: "agent-command-palette:submit",
         source: "agent-command-palette",
         timestamp: Date.now(),
-        payload: { query: l, mode: p }
-      }), w((g) => [
+        payload: { query: c, mode: h }
+      }), b((g) => [
         {
-          query: l,
+          query: c,
           timestamp: Date.now(),
           toolsExecuted: [],
           success: !0
@@ -1956,94 +2158,109 @@ function lt({
         ...g.slice(0, (t.maxHistoryEntries || 50) - 1)
       ]);
     }
-  }, [l, p, O, o, t.maxHistoryEntries, a]), Se = k(() => {
+  }, [c, h, Q, o, t.maxHistoryEntries, i]), ce = k(() => {
     if (_.length === 0) return;
-    const g = v < _.length - 1 ? v + 1 : v;
-    S(g), _[g] && (b(_[g].query), f(_[g].query.startsWith("/") ? "quick-command" : "natural"));
-  }, [_, v]), ve = k(() => {
-    if (v <= 0) {
-      S(-1), b(""), f("natural");
+    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");
       return;
     }
-    const g = v - 1;
-    S(g), _[g] && (b(_[g].query), f(_[g].query.startsWith("/") ? "quick-command" : "natural"));
-  }, [_, v]), re = k(
+    const g = T - 1;
+    S(g), _[g] && (x(_[g].query), m(_[g].query.startsWith("/") ? "quick-command" : "natural"));
+  }, [_, T]), se = k(
     (g) => {
       const {
-        key: A = "p",
-        altKey: E = !0,
-        ctrlKey: U = !1,
-        metaKey: F = !1,
-        shiftKey: K = !1
-      } = e, V = g.altKey === E && g.ctrlKey === U && g.metaKey === F && g.shiftKey === K;
-      if ((E ? g.code === `Key${A.toUpperCase()}` : g.key.toLowerCase() === A.toLowerCase()) && V) {
-        const ee = g.target;
-        if (!ee.closest("[data-agent-command-palette-input]") && (ee.tagName === "INPUT" || ee.tagName === "TEXTAREA" || ee.isContentEditable))
+        key: L = "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))
           return;
-        g.preventDefault(), X();
+        g.preventDefault(), ne();
       }
     },
-    [e, X]
+    [e, ne]
   );
-  R(() => (window.addEventListener("keydown", re), () => window.removeEventListener("keydown", re)), [re]);
-  const Te = k(() => {
-    B && z(
-      (g) => g < q.length - 1 ? g + 1 : 0
+  R(() => (window.addEventListener("keydown", se), () => window.removeEventListener("keydown", se)), [se]);
+  const Pe = k(() => {
+    B && W(
+      (g) => g < Z - 1 ? g + 1 : 0
     );
-  }, [B, q.length]), Ce = k(() => {
-    B && z(
-      (g) => g > 0 ? g - 1 : q.length - 1
+  }, [B, Z]), We = k(() => {
+    B && W(
+      (g) => g > 0 ? g - 1 : Z - 1
     );
-  }, [B, q.length]), Ie = k(() => {
-    if (!B || W < 0) return;
-    const g = q[W];
+  }, [B, Z]), Le = k(() => {
+    var X;
+    if (!B || z < 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);
+      return;
+    }
+    const g = G[z];
     if (!g) return;
-    const A = g.command;
-    let E = `/${A.name}`;
-    A.args && A.args.length > 0 && (E += " "), b(E), z(-1);
-  }, [B, W, q]);
+    const L = g.command;
+    let M = `/${L.name}`;
+    L.args && L.args.length > 0 && (M += " "), x(M), W(-1);
+  }, [B, z, A, K, G]);
   return {
     // Agent availability
-    agentAvailable: a,
+    agentAvailable: i,
     // Visibility
-    isOpen: c,
-    open: G,
-    close: J,
-    toggle: X,
+    isOpen: n,
+    open: re,
+    close: ee,
+    toggle: ne,
     // Input
-    query: l,
-    setQuery: te,
-    mode: p,
+    query: c,
+    setQuery: le,
+    mode: h,
     // Execution
-    status: x,
-    setStatus: h,
+    status: w,
+    setStatus: u,
     pendingTools: d,
-    completedTools: C,
+    completedTools: v,
     agentResponse: $,
-    setAgentResponse: I,
-    submit: Z,
-    executeQuickCommand: O,
+    setAgentResponse: C,
+    submit: Y,
+    executeQuickCommand: Q,
     // Tool management (for external AI integration)
-    addPendingTool: j,
-    updateToolStatus: M,
+    addPendingTool: H,
+    updateToolStatus: D,
     // History
     history: _,
-    historyPrevious: Se,
-    historyNext: ve,
+    historyPrevious: ce,
+    historyNext: ue,
     // Suggestions
-    suggestions: T,
+    suggestions: I,
     // Actions
-    clear: oe,
+    clear: F,
     // Quick command autocomplete
-    quickCommandMatches: q,
-    selectedAutocompleteIndex: W,
-    autocompleteNext: Te,
-    autocompletePrevious: Ce,
-    autocompleteAccept: Ie,
+    quickCommandMatches: G,
+    argumentOptionMatches: K,
+    parsedQuery: A,
+    currentArgDef: ie,
+    selectedAutocompleteIndex: z,
+    autocompleteNext: Pe,
+    autocompletePrevious: We,
+    autocompleteAccept: Le,
     showAutocomplete: B
   };
 }
-const fe = {
+const be = {
   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: {
@@ -2112,7 +2329,7 @@ const fe = {
     call_template_type: "panel_event",
     event_type: "panel:get-visibility"
   }
-}, he = {
+}, we = {
   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: {
@@ -2144,7 +2361,7 @@ const fe = {
     call_template_type: "panel_event",
     event_type: "panel:get-state"
   }
-}, ye = {
+}, Se = {
   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: {
@@ -2177,7 +2394,7 @@ const fe = {
     call_template_type: "panel_event",
     event_type: "panel:list-state-panels"
   }
-}, ge = {
+}, ve = {
   name: "toggle_panel",
   description: "Collapse or expand a side panel to give more space to the main content area.",
   inputs: {
@@ -2204,7 +2421,7 @@ const fe = {
     call_template_type: "panel_event",
     event_type: "panel:toggle"
   }
-}, me = {
+}, Te = {
   name: "collapse_all_panels",
   description: "Collapse both left and right panels to maximize the main content area. Useful for focus mode.",
   inputs: {
@@ -2224,7 +2441,7 @@ const fe = {
     call_template_type: "panel_event",
     event_type: "panel:collapse-all"
   }
-}, ke = {
+}, Ce = {
   name: "expand_all_panels",
   description: "Expand both left and right panels to show all content. Restores the default layout.",
   inputs: {
@@ -2244,7 +2461,7 @@ const fe = {
     call_template_type: "panel_event",
     event_type: "panel:expand-all"
   }
-}, xe = {
+}, Ie = {
   name: "switch_panel",
   description: "Change which content is displayed in a panel slot (left, middle, or right).",
   inputs: {
@@ -2275,7 +2492,7 @@ const fe = {
     call_template_type: "panel_event",
     event_type: "panel:switch"
   }
-}, be = {
+}, Ae = {
   name: "focus_panel",
   description: "Set focus to a specific panel slot for keyboard navigation.",
   inputs: {
@@ -2301,7 +2518,7 @@ const fe = {
     call_template_type: "panel_event",
     event_type: "panel:focus"
   }
-}, we = {
+}, ze = {
   name: "reset_layout",
   description: "Reset panel sizes to the default layout configuration.",
   inputs: {
@@ -2321,44 +2538,44 @@ const fe = {
     call_template_type: "panel_event",
     event_type: "panel:reset-layout"
   }
-}, je = [
+}, Be = [
   // State query tools
-  fe,
-  he,
-  ye,
-  // Layout action tools
-  ge,
-  me,
-  ke,
-  xe,
   be,
-  we
-], ct = [
-  fe,
-  he,
-  ye
-], dt = [
-  ge,
-  me,
-  ke,
-  xe,
+  we,
+  Se,
+  // Layout action tools
+  ve,
+  Te,
+  Ce,
+  Ie,
+  Ae,
+  ze
+], gt = [
   be,
-  we
-], pt = {
+  we,
+  Se
+], mt = [
+  ve,
+  Te,
+  Ce,
+  Ie,
+  Ae,
+  ze
+], yt = {
   id: "panel-layouts",
   name: "Panel Layouts",
   description: "Generic panel layout and state query operations",
-  tools: je
+  tools: Be
 };
-function Me(o) {
+function Ke(o) {
   const e = {};
   if (o.inputs.properties)
     for (const [t, r] of Object.entries(o.inputs.properties)) {
-      const n = r;
+      const s = r;
       e[t] = {
-        type: n.type || "string",
-        description: n.description,
-        ...n.enum && { enum: n.enum }
+        type: s.type || "string",
+        description: s.description,
+        ...s.enum && { enum: s.enum }
       };
     }
   return {
@@ -2371,12 +2588,12 @@ function Me(o) {
     }
   };
 }
-function ut(o) {
+function kt(o) {
   return {
-    functionDeclarations: o.map(Me)
+    functionDeclarations: o.map(Ke)
   };
 }
-function Oe(o) {
+function He(o) {
   return {
     type: "function",
     function: {
@@ -2386,54 +2603,54 @@ function Oe(o) {
     }
   };
 }
-function ft(o) {
-  return o.map(Oe);
+function xt(o) {
+  return o.map(He);
 }
-function Fe(o) {
+function Qe(o) {
   return {
     name: o.name,
     description: o.description,
     input_schema: o.inputs
   };
 }
-function ht(o) {
-  return o.map(Fe);
+function bt(o) {
+  return o.map(Qe);
 }
-function Ne(o) {
+function Je(o) {
   return {
     name: o.name,
     description: o.description,
     parameters: o.inputs
   };
 }
-function yt(o) {
-  return o.map(Ne);
+function wt(o) {
+  return o.map(Je);
 }
-function gt(o, e = {}) {
+function St(o, e = {}) {
   const {
     header: t = "You have access to the following tools:",
     includeParameters: r = !0
-  } = e, n = o.map((a) => {
-    let i = `- ${a.name}: ${a.description}`;
-    if (r && a.inputs.properties) {
-      const c = Object.entries(a.inputs.properties).map(([y, l]) => {
-        var f;
-        const b = l, p = (f = a.inputs.required) != null && f.includes(y) ? " (required)" : "";
-        return `    - ${y}: ${b.description || b.type}${p}`;
+  } = e, s = o.map((i) => {
+    let a = `- ${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}`;
       }).join(`
 `);
-      c && (i += `
-${c}`);
+      n && (a += `
+${n}`);
     }
-    return i;
+    return a;
   });
   return `${t}
 
-${n.join(`
+${s.join(`
 
 `)}`;
 }
-const Be = ({ size: o = 18 }) => /* @__PURE__ */ m(
+const Ue = ({ size: o = 18 }) => /* @__PURE__ */ y(
   "svg",
   {
     width: o,
@@ -2445,11 +2662,11 @@ const Be = ({ size: o = 18 }) => /* @__PURE__ */ m(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ s("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
-      /* @__PURE__ */ s("path", { d: "M9 3v18" })
+      /* @__PURE__ */ l("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+      /* @__PURE__ */ l("path", { d: "M9 3v18" })
     ]
   }
-), Ve = ({ size: o = 18 }) => /* @__PURE__ */ m(
+), Ge = ({ size: o = 18 }) => /* @__PURE__ */ y(
   "svg",
   {
     width: o,
@@ -2461,12 +2678,12 @@ const Be = ({ size: o = 18 }) => /* @__PURE__ */ m(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ s("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
-      /* @__PURE__ */ s("path", { d: "M9 3v18" }),
-      /* @__PURE__ */ s("path", { d: "m16 15-3-3 3-3" })
+      /* @__PURE__ */ l("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+      /* @__PURE__ */ l("path", { d: "M9 3v18" }),
+      /* @__PURE__ */ l("path", { d: "m16 15-3-3 3-3" })
     ]
   }
-), Ke = ({ size: o = 18 }) => /* @__PURE__ */ m(
+), Ye = ({ size: o = 18 }) => /* @__PURE__ */ y(
   "svg",
   {
     width: o,
@@ -2478,11 +2695,11 @@ const Be = ({ size: o = 18 }) => /* @__PURE__ */ m(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ s("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
-      /* @__PURE__ */ s("path", { d: "M15 3v18" })
+      /* @__PURE__ */ l("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+      /* @__PURE__ */ l("path", { d: "M15 3v18" })
     ]
   }
-), He = ({ size: o = 18 }) => /* @__PURE__ */ m(
+), Xe = ({ size: o = 18 }) => /* @__PURE__ */ y(
   "svg",
   {
     width: o,
@@ -2494,32 +2711,32 @@ const Be = ({ size: o = 18 }) => /* @__PURE__ */ m(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ s("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
-      /* @__PURE__ */ s("path", { d: "M15 3v18" }),
-      /* @__PURE__ */ s("path", { d: "m8 9 3 3-3 3" })
+      /* @__PURE__ */ l("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+      /* @__PURE__ */ l("path", { d: "M15 3v18" }),
+      /* @__PURE__ */ l("path", { d: "m8 9 3 3-3 3" })
     ]
   }
-), ie = ({
+), he = ({
   isCollapsed: o,
   onToggle: e,
   side: t = "left",
   iconSize: r = 18,
-  style: n,
-  shortcutHint: a = "Cmd/Ctrl+B",
-  title: i,
-  className: c
+  style: s,
+  shortcutHint: i = "Cmd/Ctrl+B",
+  title: a,
+  className: n
 }) => {
-  const { theme: y } = H(), l = () => t === "right" ? o ? /* @__PURE__ */ s(Ke, { size: r }) : /* @__PURE__ */ s(He, { size: r }) : o ? /* @__PURE__ */ s(Be, { size: r }) : /* @__PURE__ */ s(Ve, { size: r });
-  return /* @__PURE__ */ s(
+  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(
     "button",
     {
       onClick: e,
-      title: i ?? `${o ? "Show" : "Hide"} ${t === "right" ? "Right Panel" : "Sidebar"}${a ? ` (${a})` : ""}`,
-      className: c,
+      title: a ?? `${o ? "Show" : "Hide"} ${t === "right" ? "Right Panel" : "Sidebar"}${i ? ` (${i})` : ""}`,
+      className: n,
       style: {
         background: "transparent",
         border: "none",
-        color: o ? y.colors.textSecondary : y.colors.primary,
+        color: o ? f.colors.textSecondary : f.colors.primary,
         cursor: "pointer",
         padding: "6px",
         borderRadius: "4px",
@@ -2529,18 +2746,18 @@ const Be = ({ size: o = 18 }) => /* @__PURE__ */ m(
         transition: "all 0.2s",
         width: "32px",
         height: "32px",
-        ...n
+        ...s
       },
-      onMouseEnter: (p) => {
-        p.currentTarget.style.backgroundColor = y.colors.backgroundTertiary, p.currentTarget.style.color = y.colors.primary;
+      onMouseEnter: (h) => {
+        h.currentTarget.style.backgroundColor = f.colors.backgroundTertiary, h.currentTarget.style.color = f.colors.primary;
       },
-      onMouseLeave: (p) => {
-        p.currentTarget.style.backgroundColor = "transparent", p.currentTarget.style.color = o ? y.colors.textSecondary : y.colors.primary;
+      onMouseLeave: (h) => {
+        h.currentTarget.style.backgroundColor = "transparent", h.currentTarget.style.color = o ? f.colors.textSecondary : f.colors.primary;
       },
-      children: l()
+      children: c()
     }
   );
-}, Qe = ({ size: o = 14 }) => /* @__PURE__ */ m(
+}, Ze = ({ size: o = 14 }) => /* @__PURE__ */ y(
   "svg",
   {
     width: o,
@@ -2552,13 +2769,13 @@ const Be = ({ size: o = 18 }) => /* @__PURE__ */ m(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ s("path", { d: "M8 3 4 7l4 4" }),
-      /* @__PURE__ */ s("path", { d: "M4 7h16" }),
-      /* @__PURE__ */ s("path", { d: "m16 21 4-4-4-4" }),
-      /* @__PURE__ */ s("path", { d: "M20 17H4" })
+      /* @__PURE__ */ l("path", { d: "M8 3 4 7l4 4" }),
+      /* @__PURE__ */ l("path", { d: "M4 7h16" }),
+      /* @__PURE__ */ l("path", { d: "m16 21 4-4-4-4" }),
+      /* @__PURE__ */ l("path", { d: "M20 17H4" })
     ]
   }
-), Je = ({ size: o = 14 }) => /* @__PURE__ */ m(
+), et = ({ size: o = 14 }) => /* @__PURE__ */ y(
   "svg",
   {
     width: o,
@@ -2570,31 +2787,31 @@ const Be = ({ size: o = 18 }) => /* @__PURE__ */ m(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ s("path", { d: "m16 3 4 4-4 4" }),
-      /* @__PURE__ */ s("path", { d: "M20 7H4" }),
-      /* @__PURE__ */ s("path", { d: "m8 21-4-4 4-4" }),
-      /* @__PURE__ */ s("path", { d: "M4 17h16" })
+      /* @__PURE__ */ l("path", { d: "m16 3 4 4-4 4" }),
+      /* @__PURE__ */ l("path", { d: "M20 7H4" }),
+      /* @__PURE__ */ l("path", { d: "m8 21-4-4 4-4" }),
+      /* @__PURE__ */ l("path", { d: "M4 17h16" })
     ]
   }
-), le = ({
+), ge = ({
   onSwitch: o,
   variant: e = "left-middle",
   iconSize: t = 14,
   style: r,
-  title: n,
-  className: a
+  title: s,
+  className: i
 }) => {
-  const { theme: i } = H(), c = () => e === "left-middle" ? "Switch left and middle panels" : "Switch right and middle panels", y = e === "left-middle" ? Qe : Je;
-  return /* @__PURE__ */ s(
+  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(
     "button",
     {
       onClick: o,
-      title: n ?? c(),
-      className: a,
+      title: s ?? n(),
+      className: i,
       style: {
         background: "transparent",
         border: "none",
-        color: i.colors.textSecondary,
+        color: a.colors.textSecondary,
         cursor: "pointer",
         padding: "6px",
         borderRadius: "4px",
@@ -2606,16 +2823,16 @@ const Be = ({ size: o = 18 }) => /* @__PURE__ */ m(
         height: "32px",
         ...r
       },
-      onMouseEnter: (l) => {
-        l.currentTarget.style.backgroundColor = i.colors.backgroundTertiary, l.currentTarget.style.color = i.colors.text;
+      onMouseEnter: (c) => {
+        c.currentTarget.style.backgroundColor = a.colors.backgroundTertiary, c.currentTarget.style.color = a.colors.text;
       },
-      onMouseLeave: (l) => {
-        l.currentTarget.style.backgroundColor = "transparent", l.currentTarget.style.color = i.colors.textSecondary;
+      onMouseLeave: (c) => {
+        c.currentTarget.style.backgroundColor = "transparent", c.currentTarget.style.color = a.colors.textSecondary;
       },
-      children: /* @__PURE__ */ s(y, { size: t })
+      children: /* @__PURE__ */ l(f, { size: t })
     }
   );
-}, Ue = ({ size: o = 14 }) => /* @__PURE__ */ m(
+}, tt = ({ size: o = 14 }) => /* @__PURE__ */ y(
   "svg",
   {
     width: o,
@@ -2627,29 +2844,29 @@ const Be = ({ size: o = 18 }) => /* @__PURE__ */ m(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ s("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
-      /* @__PURE__ */ s("path", { d: "M3 9h18" }),
-      /* @__PURE__ */ s("path", { d: "M9 21V9" })
+      /* @__PURE__ */ l("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+      /* @__PURE__ */ l("path", { d: "M3 9h18" }),
+      /* @__PURE__ */ l("path", { d: "M9 21V9" })
     ]
   }
-), Ge = ({
+), ot = ({
   onConfigure: o,
   iconSize: e = 14,
   style: t,
   title: r = "Configure panel layout",
-  className: n
+  className: s
 }) => {
-  const { theme: a } = H();
-  return /* @__PURE__ */ s(
+  const { theme: i } = U();
+  return /* @__PURE__ */ l(
     "button",
     {
       onClick: o,
       title: r,
-      className: n,
+      className: s,
       style: {
         background: "transparent",
         border: "none",
-        color: a.colors.textSecondary,
+        color: i.colors.textSecondary,
         cursor: "pointer",
         padding: "6px",
         borderRadius: "4px",
@@ -2661,144 +2878,144 @@ const Be = ({ size: o = 18 }) => /* @__PURE__ */ m(
         height: "32px",
         ...t
       },
-      onMouseEnter: (i) => {
-        i.currentTarget.style.backgroundColor = a.colors.backgroundTertiary, i.currentTarget.style.color = a.colors.text;
+      onMouseEnter: (a) => {
+        a.currentTarget.style.backgroundColor = i.colors.backgroundTertiary, a.currentTarget.style.color = i.colors.text;
       },
-      onMouseLeave: (i) => {
-        i.currentTarget.style.backgroundColor = "transparent", i.currentTarget.style.color = a.colors.textSecondary;
+      onMouseLeave: (a) => {
+        a.currentTarget.style.backgroundColor = "transparent", a.currentTarget.style.color = i.colors.textSecondary;
       },
-      children: /* @__PURE__ */ s(Ue, { size: e })
+      children: /* @__PURE__ */ l(tt, { size: e })
     }
   );
-}, mt = ({
+}, vt = ({
   leftSidebarCollapsed: o = !1,
   onToggleLeftSidebar: e,
   showLeftSidebarControl: t = !1,
   rightSidebarCollapsed: r = !1,
-  onToggleRightSidebar: n,
-  showRightSidebarControl: a = !1,
-  onSwitchLeftMiddlePanels: i,
-  showSwitchLeftMiddle: c = !1,
-  onSwitchRightMiddlePanels: y,
-  showSwitchRightMiddle: l = !1,
-  onConfigurePanels: b,
-  showConfigureButton: p = !1,
-  gap: f = 4,
-  style: x,
-  className: h,
+  onToggleRightSidebar: s,
+  showRightSidebarControl: i = !1,
+  onSwitchLeftMiddlePanels: a,
+  showSwitchLeftMiddle: n = !1,
+  onSwitchRightMiddlePanels: f,
+  showSwitchRightMiddle: c = !1,
+  onConfigurePanels: x,
+  showConfigureButton: h = !1,
+  gap: m = 4,
+  style: w,
+  className: u,
   iconSize: d,
-  leftCollapseButtonProps: u,
-  rightCollapseButtonProps: C,
-  leftMiddleSwitchButtonProps: L,
+  leftCollapseButtonProps: p,
+  rightCollapseButtonProps: v,
+  leftMiddleSwitchButtonProps: E,
   rightMiddleSwitchButtonProps: $,
-  configureButtonProps: I
-}) => t && e || c && i || p && b || l && y || a && n ? /* @__PURE__ */ m(
+  configureButtonProps: C
+}) => t && e || n && a || h && x || c && f || i && s ? /* @__PURE__ */ y(
   "div",
   {
-    className: h,
+    className: u,
     style: {
       display: "flex",
       alignItems: "center",
-      gap: `${f}px`,
-      ...x
+      gap: `${m}px`,
+      ...w
     },
     children: [
-      t && e && /* @__PURE__ */ s(
-        ie,
+      t && e && /* @__PURE__ */ l(
+        he,
         {
           isCollapsed: o,
           onToggle: e,
           side: "left",
           iconSize: d ?? 18,
-          ...u
+          ...p
         }
       ),
-      c && i && /* @__PURE__ */ s(
-        le,
+      n && a && /* @__PURE__ */ l(
+        ge,
         {
-          onSwitch: i,
+          onSwitch: a,
           variant: "left-middle",
           iconSize: d ?? 14,
-          ...L
+          ...E
         }
       ),
-      p && b && /* @__PURE__ */ s(
-        Ge,
+      h && x && /* @__PURE__ */ l(
+        ot,
         {
-          onConfigure: b,
+          onConfigure: x,
           iconSize: d ?? 14,
-          ...I
+          ...C
         }
       ),
-      l && y && /* @__PURE__ */ s(
-        le,
+      c && f && /* @__PURE__ */ l(
+        ge,
         {
-          onSwitch: y,
+          onSwitch: f,
           variant: "right-middle",
           iconSize: d ?? 14,
           ...$
         }
       ),
-      a && n && /* @__PURE__ */ s(
-        ie,
+      i && s && /* @__PURE__ */ l(
+        he,
         {
           isCollapsed: r,
-          onToggle: n,
+          onToggle: s,
           side: "right",
           iconSize: d ?? 18,
-          ...C
+          ...v
         }
       )
     ]
   }
 ) : null;
 export {
-  ce as AgentCommandInput,
-  De as AgentCommandPalette,
-  pe as AgentResponseDisplay,
-  bt as EditableConfigurablePanelLayout,
-  it as FocusIndicator,
-  ze as LocalStoragePersistenceAdapter,
-  Le as LocalStorageWorkspaceAdapter,
-  ie as PanelCollapseButton,
-  Ge as PanelConfigureButton,
-  mt as PanelControls,
-  le as PanelSwitchButton,
-  ue as QuickCommandAutocomplete,
-  wt as ResponsiveConfigurablePanelLayout,
-  de as ToolExecutionList,
-  D as WorkspaceLayoutService,
-  me as collapseAllPanelsTool,
-  ke as expandAllPanelsTool,
-  be as focusPanelTool,
-  ae as fuzzyMatch,
-  gt as generateToolsSystemPrompt,
-  he as getPanelStateTool,
-  fe as getVisiblePanelsTool,
-  dt as layoutActionTools,
-  je as layoutTools,
-  pt as layoutToolsMetadata,
-  ye as listPanelsWithStateTool,
-  St as mapThemeToPanelVars,
-  vt as mapThemeToTabVars,
-  we as resetLayoutTool,
-  $e as searchQuickCommands,
-  ct as stateQueryTools,
-  xe as switchPanelTool,
-  ge as togglePanelTool,
-  Ne as toolToAIFunction,
-  Fe as toolToAnthropicFormat,
-  Me as toolToGeminiFunction,
-  Oe as toolToOpenAIFunction,
-  yt as toolsToAIFunctions,
-  ht as toolsToAnthropicFormat,
-  ut as toolsToGeminiFormat,
-  ft as toolsToOpenAIFormat,
-  lt as useAgentCommandPalette,
-  nt as usePanelFocus,
-  at as usePanelFocusListener,
-  st as usePanelKeyboardShortcuts,
-  ot as usePanelPersistence,
-  rt as useWorkspace
+  me as AgentCommandInput,
+  je as AgentCommandPalette,
+  ke as AgentResponseDisplay,
+  It as EditableConfigurablePanelLayout,
+  ft as FocusIndicator,
+  Re as LocalStoragePersistenceAdapter,
+  $e 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,
+  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,
+  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
 };
 //# sourceMappingURL=index.esm.js.map