@principal-ade/panel-layouts 0.2.9 → 0.3.0

package/dist/index.esm.js

@@ -1,13 +1,13 @@
-import './index.css';var we = Object.defineProperty;
-var Ce = (o, e, t) => e in o ? we(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
-var J = (o, e, t) => Ce(o, typeof e != "symbol" ? e + "" : e, t);
-import { EditableConfigurablePanelLayout as Rt, ResponsiveConfigurablePanelLayout as Lt, mapThemeToPanelVars as Wt, mapThemeToTabVars as At } from "@principal-ade/panels";
-import ve, { useState as R, useRef as $, useEffect as A, useCallback as k, forwardRef as Se, useMemo as Y } from "react";
-import { jsx as i, jsxs as x, Fragment as se } from "react/jsx-runtime";
-import { useTheme as q } from "@principal-ade/industry-theme";
-class Te {
+import './index.css';var he = Object.defineProperty;
+var ge = (o, e, t) => e in o ? he(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
+var U = (o, e, t) => ge(o, typeof e != "symbol" ? e + "" : e, t);
+import { EditableConfigurablePanelLayout as lt, ResponsiveConfigurablePanelLayout as ct, mapThemeToPanelVars as dt, mapThemeToTabVars as pt } from "@principal-ade/panels";
+import { useState as W, useRef as M, useEffect as A, useCallback as g, useMemo as me } from "react";
+import { jsx as s, jsxs as m, Fragment as ke } from "react/jsx-runtime";
+import { useTheme as K } from "@principal-ade/industry-theme";
+class xe {
   constructor() {
-    J(this, "storageKey", "panel-layouts");
+    U(this, "storageKey", "panel-layouts");
   }
   async load(e) {
     try {
@@ -28,122 +28,122 @@ class Te {
     }
   }
 }
-function ot(o) {
+function Ke(o) {
   const {
     viewKey: e,
     defaultSizes: t,
     panelType: r,
-    adapter: s = new Te()
-  } = o, [n, a] = R(t), [l, f] = R(o.collapsed), u = $(o.collapsed), g = $({}), d = $(null), p = $(null);
+    adapter: a = new xe()
+  } = o, [n, i] = W(t), [d, y] = W(o.collapsed), c = M(o.collapsed), T = M({}), p = M(null), u = M(null);
   A(() => {
     (async () => {
-      const v = await s.load(e);
-      v != null && v.sizes && (a(v.sizes), m(v.sizes));
+      const b = await a.load(e);
+      b != null && b.sizes && (i(b.sizes), x(b.sizes));
     })();
   }, [e]);
-  const m = k(
-    (w) => {
-      "left" in w && w.left > 0 && (g.current.left = w.left), "middle" in w && w.middle > 0 && (g.current.middle = w.middle), "right" in w && w.right > 0 && (g.current.right = w.right);
+  const x = g(
+    (f) => {
+      "left" in f && f.left > 0 && (T.current.left = f.left), "middle" in f && f.middle > 0 && (T.current.middle = f.middle), "right" in f && f.right > 0 && (T.current.right = f.right);
     },
     []
-  ), y = k(
-    (w) => {
-      const v = g.current[w];
-      if (v && v > 0)
-        return v;
-      if (w === "left" && "left" in t && t.left > 0)
+  ), k = g(
+    (f) => {
+      const b = T.current[f];
+      if (b && b > 0)
+        return b;
+      if (f === "left" && "left" in t && t.left > 0)
         return t.left;
-      if (w === "right" && "right" in t && t.right > 0)
+      if (f === "right" && "right" in t && t.right > 0)
         return t.right;
     },
     [t]
-  ), c = $(t);
+  ), l = M(t);
   A(() => {
-    ("left" in t && t.left !== c.current.left || "middle" in t && "middle" in c.current && t.middle !== c.current.middle || "right" in t && t.right !== c.current.right) && (a(t), m(t), c.current = t);
-  }, [t, m]), A(() => {
-    const w = o.collapsed.left !== u.current.left, v = "right" in o.collapsed && "right" in u.current && o.collapsed.right !== u.current.right;
-    (w || v) && (f(o.collapsed), u.current = { ...o.collapsed });
+    ("left" in t && t.left !== l.current.left || "middle" in t && "middle" in l.current && t.middle !== l.current.middle || "right" in t && t.right !== l.current.right) && (i(t), x(t), l.current = t);
+  }, [t, x]), A(() => {
+    const f = o.collapsed.left !== c.current.left, b = "right" in o.collapsed && "right" in c.current && o.collapsed.right !== c.current.right;
+    (f || b) && (y(o.collapsed), c.current = { ...o.collapsed });
   }, [o.collapsed.left, o.collapsed.right]);
-  const b = k(
-    async (w) => {
+  const h = g(
+    async (f) => {
       try {
-        await s.save(e, { sizes: w });
-      } catch (v) {
+        await a.save(e, { sizes: f });
+      } catch (b) {
         console.error(
           `Failed to save panel preferences for ${e}:`,
-          v
+          b
         );
       }
     },
-    [e, s]
-  ), P = k(
-    (w) => {
-      const v = { ...w };
-      let S = !0;
-      if ("left" in w) {
-        const C = !!(l != null && l.left), h = w.left;
-        if (C) {
-          const I = y("left");
-          I !== void 0 && I > 0 ? v.left = I : S = !1;
-        } else h === 0 && (S = !1);
+    [e, a]
+  ), C = g(
+    (f) => {
+      const b = { ...f };
+      let v = !0;
+      if ("left" in f) {
+        const S = !!(d != null && d.left), _ = f.left;
+        if (S) {
+          const P = k("left");
+          P !== void 0 && P > 0 ? b.left = P : v = !1;
+        } else _ === 0 && (v = !1);
       }
-      if (r === "three-panel" && "right" in w) {
-        const C = !!(l != null && l.right), h = w.right;
-        if (C) {
-          const I = y("right");
-          I !== void 0 && I > 0 ? v.right = I : S = !1;
-        } else h === 0 && (S = !1);
+      if (r === "three-panel" && "right" in f) {
+        const S = !!(d != null && d.right), _ = f.right;
+        if (S) {
+          const P = k("right");
+          P !== void 0 && P > 0 ? b.right = P : v = !1;
+        } else _ === 0 && (v = !1);
       }
-      if (a(v), m(v), d.current && (clearTimeout(d.current), d.current = null), !S) {
-        p.current = null;
+      if (i(b), x(b), p.current && (clearTimeout(p.current), p.current = null), !v) {
+        u.current = null;
         return;
       }
-      p.current = v, d.current = setTimeout(() => {
-        const C = p.current;
-        C && (b(C), p.current = null), d.current = null;
+      u.current = b, p.current = setTimeout(() => {
+        const S = u.current;
+        S && (h(S), u.current = null), p.current = null;
       }, 500);
     },
     [
-      l,
-      y,
+      d,
+      k,
       r,
-      b,
-      m
+      h,
+      x
     ]
   );
   A(() => () => {
-    if (d.current) {
-      const w = p.current;
-      w && (b(w), p.current = null), clearTimeout(d.current), d.current = null;
+    if (p.current) {
+      const f = u.current;
+      f && (h(f), u.current = null), clearTimeout(p.current), p.current = null;
     }
-  }, [b]);
-  const D = k(async () => {
-  }, []), W = k(async () => {
-  }, []), L = k(async () => {
-  }, []), j = k(async () => {
+  }, [h]);
+  const E = g(async () => {
+  }, []), R = g(async () => {
+  }, []), I = g(async () => {
+  }, []), F = g(async () => {
   }, []);
   return r === "three-panel" ? {
     type: "three-panel",
     sizes: n,
-    collapsed: l,
-    handlePanelResize: P,
-    handleLeftCollapseComplete: D,
-    handleLeftExpandComplete: W,
-    handleRightCollapseComplete: L,
-    handleRightExpandComplete: j
+    collapsed: d,
+    handlePanelResize: C,
+    handleLeftCollapseComplete: E,
+    handleLeftExpandComplete: R,
+    handleRightCollapseComplete: I,
+    handleRightExpandComplete: F
   } : {
     type: "two-panel",
     sizes: n,
-    collapsed: l,
-    handlePanelResize: P,
-    handleLeftCollapseComplete: D,
-    handleLeftExpandComplete: W
+    collapsed: d,
+    handlePanelResize: C,
+    handleLeftCollapseComplete: E,
+    handleLeftExpandComplete: R
   };
 }
-class Pe {
+class we {
   constructor() {
-    J(this, "PRESETS_KEY", "panel-layouts:workspace-presets");
-    J(this, "REPO_STATE_PREFIX", "panel-layouts:repo-state:");
+    U(this, "PRESETS_KEY", "panel-layouts:workspace-presets");
+    U(this, "REPO_STATE_PREFIX", "panel-layouts:repo-state:");
   }
   /**
    * Load all user-created workspace presets
@@ -203,14 +203,14 @@ class Pe {
       for (let t = 0; t < localStorage.length; t++) {
         const r = localStorage.key(t);
         if (r && r.startsWith(this.REPO_STATE_PREFIX)) {
-          const s = r.substring(this.REPO_STATE_PREFIX.length), n = localStorage.getItem(r);
+          const a = r.substring(this.REPO_STATE_PREFIX.length), n = localStorage.getItem(r);
           if (n)
             try {
-              e[s] = JSON.parse(n);
-            } catch (a) {
+              e[a] = JSON.parse(n);
+            } catch (i) {
               console.error(
-                `Failed to parse repository state for ${s}:`,
-                a
+                `Failed to parse repository state for ${a}:`,
+                i
               );
             }
         }
@@ -221,7 +221,7 @@ class Pe {
     }
   }
 }
-class _ {
+class L {
   /**
    * Configure a custom storage adapter (for Electron IPC or remote storage)
    */
@@ -248,7 +248,7 @@ class _ {
    * Create a new workspace layout
    */
   static async createWorkspaceLayout(e) {
-    const t = await this.adapter.loadWorkspacePresets(), r = this.generateWorkspaceId(e.name), s = {
+    const t = await this.adapter.loadWorkspacePresets(), r = this.generateWorkspaceId(e.name), a = {
       id: r,
       name: e.name,
       description: e.description,
@@ -260,32 +260,32 @@ class _ {
       isBuiltIn: !1
     }, n = {
       ...t,
-      [r]: s
+      [r]: a
     };
-    return await this.adapter.saveWorkspacePresets(n), s;
+    return await this.adapter.saveWorkspacePresets(n), a;
   }
   /**
    * Update an existing workspace layout
    */
   static async updateWorkspaceLayout(e, t) {
-    const r = await this.adapter.loadWorkspacePresets(), s = r[e];
-    if (!s)
+    const r = await this.adapter.loadWorkspacePresets(), a = r[e];
+    if (!a)
       return console.error(`Workspace layout ${e} not found`), null;
-    if (s.isBuiltIn)
+    if (a.isBuiltIn)
       return console.error(`Cannot update built-in workspace layout ${e}`), null;
     const n = {
-      ...s,
+      ...a,
       ...t,
       id: e,
       // Preserve ID
-      createdAt: s.createdAt,
+      createdAt: a.createdAt,
       // Preserve creation time
       updatedAt: Date.now()
-    }, a = {
+    }, i = {
       ...r,
       [e]: n
     };
-    return await this.adapter.saveWorkspacePresets(a), n;
+    return await this.adapter.saveWorkspacePresets(i), n;
   }
   /**
    * Delete a workspace layout
@@ -296,8 +296,8 @@ class _ {
       return console.error(`Workspace layout ${e} not found`), !1;
     if (r.isBuiltIn)
       return console.error(`Cannot delete built-in workspace layout ${e}`), !1;
-    const s = { ...t };
-    return delete s[e], await this.adapter.saveWorkspacePresets(s), !0;
+    const a = { ...t };
+    return delete a[e], await this.adapter.saveWorkspacePresets(a), !0;
   }
   /**
    * Get repository state (which workspace + current sizes/collapsed)
@@ -335,23 +335,23 @@ class _ {
    * 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, s = t.defaultCollapsed ? JSON.stringify(e.collapsed) !== JSON.stringify(t.defaultCollapsed) : !1;
-    return { hasSizeDeviation: r, hasCollapsedDeviation: s };
+    const r = t.defaultSizes ? JSON.stringify(e.sizes) !== JSON.stringify(t.defaultSizes) : !1, a = t.defaultCollapsed ? JSON.stringify(e.collapsed) !== JSON.stringify(t.defaultCollapsed) : !1;
+    return { hasSizeDeviation: r, hasCollapsedDeviation: a };
   }
   /**
    * Update workspace defaults from repository state
    */
   static async updateWorkspaceFromRepositoryState(e, t) {
-    const r = await this.getWorkspaceLayout(e), s = await this.getRepositoryState(t);
-    if (!r || !s || r.isBuiltIn) {
+    const r = await this.getWorkspaceLayout(e), a = await this.getRepositoryState(t);
+    if (!r || !a || r.isBuiltIn) {
       console.error(
         "Cannot update built-in workspace or workspace/state not found"
       );
       return;
     }
     await this.updateWorkspaceLayout(e, {
-      defaultSizes: s.sizes,
-      defaultCollapsed: s.collapsed
+      defaultSizes: a.sizes,
+      defaultCollapsed: a.collapsed
     });
   }
   /**
@@ -363,9 +363,9 @@ class _ {
       console.error(`Workspace ${t} not found`);
       return;
     }
-    const s = await this.getRepositoryState(e);
-    s && await this.setRepositoryState(e, {
-      ...s,
+    const a = await this.getRepositoryState(e);
+    a && await this.setRepositoryState(e, {
+      ...a,
       sizes: r.defaultSizes || { left: 20, middle: 45, right: 35 },
       collapsed: r.defaultCollapsed || { left: !1, right: !1 }
     });
@@ -381,8 +381,8 @@ class _ {
    */
   static async findMatchingWorkspace(e) {
     const t = await this.getWorkspaceLayouts();
-    for (const [r, s] of Object.entries(t))
-      if (this.isLayoutMatchingWorkspace(e, s))
+    for (const [r, a] of Object.entries(t))
+      if (this.isLayoutMatchingWorkspace(e, a))
         return r;
     return null;
   }
@@ -610,296 +610,296 @@ class _ {
     Object.keys(e).length;
   }
 }
-J(_, "adapter", new Pe());
-function rt(o = {}) {
-  const { repositoryKey: e, autoInitialize: t = !1, defaultWorkspaceId: r } = o, [s, n] = R(
+U(L, "adapter", new we());
+function Ve(o = {}) {
+  const { repositoryKey: e, autoInitialize: t = !1, defaultWorkspaceId: r } = o, [a, n] = W(
     {}
-  ), [a, l] = R(null), [f, u] = R(null), [g, d] = R(!0), [p, m] = R(null), y = k(async () => {
+  ), [i, d] = W(null), [y, c] = W(null), [T, p] = W(!0), [u, x] = W(null), k = g(async () => {
     try {
-      d(!0), m(null);
-      const S = await _.getWorkspaceLayouts();
-      if (n(S), e) {
-        let C = await _.getRepositoryState(e);
-        if (!C && t) {
-          const h = r || "project-management", I = await _.getWorkspaceLayout(h);
-          I && (C = {
-            workspaceId: h,
-            sizes: I.defaultSizes || {
+      p(!0), x(null);
+      const v = await L.getWorkspaceLayouts();
+      if (n(v), e) {
+        let S = await L.getRepositoryState(e);
+        if (!S && t) {
+          const _ = r || "project-management", P = await L.getWorkspaceLayout(_);
+          P && (S = {
+            workspaceId: _,
+            sizes: P.defaultSizes || {
               left: 20,
               middle: 45,
               right: 35
             },
-            collapsed: I.defaultCollapsed || {
+            collapsed: P.defaultCollapsed || {
               left: !1,
               right: !1
             }
-          }, await _.setRepositoryState(
+          }, await L.setRepositoryState(
             e,
-            C
+            S
           ));
         }
-        if (l(C), C != null && C.workspaceId) {
-          const h = await _.getWorkspaceLayout(
-            C.workspaceId
+        if (d(S), S != null && S.workspaceId) {
+          const _ = await L.getWorkspaceLayout(
+            S.workspaceId
           );
-          u(h);
+          c(_);
         } else
-          u(null);
+          c(null);
       }
-    } catch (S) {
-      m(S), console.error("Failed to load workspace data:", S);
+    } catch (v) {
+      x(v), console.error("Failed to load workspace data:", v);
     } finally {
-      d(!1);
+      p(!1);
     }
   }, [e, t, r]);
   A(() => {
-    y();
-  }, [y]);
-  const c = k(
-    async (S) => await _.getWorkspaceLayout(S),
+    k();
+  }, [k]);
+  const l = g(
+    async (v) => await L.getWorkspaceLayout(v),
     []
-  ), b = k(
-    async (S) => {
-      const C = await _.createWorkspaceLayout(S);
-      return await y(), C;
+  ), h = g(
+    async (v) => {
+      const S = await L.createWorkspaceLayout(v);
+      return await k(), S;
     },
-    [y]
-  ), P = k(
-    async (S, C) => {
-      const h = await _.updateWorkspaceLayout(S, C);
-      return await y(), h;
+    [k]
+  ), C = g(
+    async (v, S) => {
+      const _ = await L.updateWorkspaceLayout(v, S);
+      return await k(), _;
     },
-    [y]
-  ), D = k(
-    async (S) => {
-      const C = await _.deleteWorkspaceLayout(S);
-      return C && await y(), C;
+    [k]
+  ), E = g(
+    async (v) => {
+      const S = await L.deleteWorkspaceLayout(v);
+      return S && await k(), S;
     },
-    [y]
-  ), W = k(
-    async (S) => {
+    [k]
+  ), R = g(
+    async (v) => {
       if (!e) {
         console.error("Cannot apply workspace without repositoryKey");
         return;
       }
-      const C = await _.getWorkspaceLayout(S);
-      if (!C) {
-        console.error(`Workspace ${S} not found`);
+      const S = await L.getWorkspaceLayout(v);
+      if (!S) {
+        console.error(`Workspace ${v} not found`);
         return;
       }
-      const h = {
-        workspaceId: S,
-        sizes: C.defaultSizes || { left: 20, middle: 45, right: 35 },
-        collapsed: C.defaultCollapsed || {
+      const _ = {
+        workspaceId: v,
+        sizes: S.defaultSizes || { left: 20, middle: 45, right: 35 },
+        collapsed: S.defaultCollapsed || {
           left: !1,
           right: !1
         }
       };
-      await _.setRepositoryState(e, h), await y();
+      await L.setRepositoryState(e, _), await k();
     },
-    [e, y]
-  ), L = k(
-    async (S) => {
+    [e, k]
+  ), I = g(
+    async (v) => {
       if (!e) {
         console.error("Cannot update sizes without repositoryKey");
         return;
       }
-      await _.updateRepositorySizes(e, S), await y();
+      await L.updateRepositorySizes(e, v), await k();
     },
-    [e, y]
-  ), j = k(
-    async (S) => {
+    [e, k]
+  ), F = g(
+    async (v) => {
       if (!e) {
         console.error("Cannot update collapsed without repositoryKey");
         return;
       }
-      await _.updateRepositoryCollapsed(
+      await L.updateRepositoryCollapsed(
         e,
-        S
-      ), await y();
+        v
+      ), await k();
     },
-    [e, y]
-  ), w = k(async () => {
-    if (!e || !(a != null && a.workspaceId)) {
+    [e, k]
+  ), f = g(async () => {
+    if (!e || !(i != null && i.workspaceId)) {
       console.error("Cannot reset without repositoryKey and active workspace");
       return;
     }
-    await _.resetRepositoryToWorkspaceDefaults(
+    await L.resetRepositoryToWorkspaceDefaults(
       e,
-      a.workspaceId
-    ), await y();
-  }, [e, a == null ? void 0 : a.workspaceId, y]), v = k(async () => {
-    await y();
-  }, [y]);
+      i.workspaceId
+    ), await k();
+  }, [e, i == null ? void 0 : i.workspaceId, k]), b = g(async () => {
+    await k();
+  }, [k]);
   return {
-    workspaces: s,
-    repositoryState: a,
-    activeWorkspace: f,
-    loading: g,
-    error: p,
-    getWorkspace: c,
-    createWorkspace: b,
-    updateWorkspace: P,
-    deleteWorkspace: D,
-    applyWorkspace: W,
-    updateSizes: L,
-    updateCollapsed: j,
-    resetToDefaults: w,
-    refresh: v
+    workspaces: a,
+    repositoryState: i,
+    activeWorkspace: y,
+    loading: T,
+    error: u,
+    getWorkspace: l,
+    createWorkspace: h,
+    updateWorkspace: C,
+    deleteWorkspace: E,
+    applyWorkspace: R,
+    updateSizes: I,
+    updateCollapsed: F,
+    resetToDefaults: f,
+    refresh: b
   };
 }
-function st(o = {}) {
+function Je(o = {}) {
   const {
     initialFocus: e = null,
     collapsed: t = {},
     panelType: r = "three-panel",
-    onFocusChange: s,
+    onFocusChange: a,
     events: n,
-    getPanelId: a
-  } = o, [l, f] = R(
+    getPanelId: i
+  } = o, [d, y] = W(
     e
-  ), u = k(
-    (c) => {
-      const b = l;
-      if (f(c), s == null || s(c), n && a) {
-        if (b) {
-          const D = a(b);
-          D && n.emit({
+  ), c = g(
+    (l) => {
+      const h = d;
+      if (y(l), a == null || a(l), n && i) {
+        if (h) {
+          const E = i(h);
+          E && n.emit({
             type: "panel:blur",
             source: "panel-layouts",
             timestamp: Date.now(),
             payload: {
-              panelId: D,
-              panelSlot: b,
-              nextPanelId: a(c)
+              panelId: E,
+              panelSlot: h,
+              nextPanelId: i(l)
             }
           });
         }
-        const P = a(c);
-        P && n.emit({
+        const C = i(l);
+        C && n.emit({
           type: "panel:focus",
           source: "panel-layouts",
           timestamp: Date.now(),
           payload: {
-            panelId: P,
-            panelSlot: c,
+            panelId: C,
+            panelSlot: l,
             source: "keyboard-shortcut"
           }
         });
       }
     },
-    [l, s, n, a]
-  ), g = k(() => {
-    const c = l;
-    if (f(null), s == null || s(null), n && a && c) {
-      const b = a(c);
-      b && n.emit({
+    [d, a, n, i]
+  ), T = g(() => {
+    const l = d;
+    if (y(null), a == null || a(null), n && i && l) {
+      const h = i(l);
+      h && n.emit({
         type: "panel:blur",
         source: "panel-layouts",
         timestamp: Date.now(),
         payload: {
-          panelId: b,
-          panelSlot: c
+          panelId: h,
+          panelSlot: l
         }
       });
     }
-  }, [l, s, n, a]), d = k(() => {
-    const c = [];
-    return t.left || c.push("left"), c.push("middle"), r === "three-panel" && !t.right && c.push("right"), c;
-  }, [t, r]), p = k(() => {
-    const c = d();
-    if (c.length === 0) return;
-    if (l === null) {
-      u(c[0]);
+  }, [d, a, n, i]), p = g(() => {
+    const l = [];
+    return t.left || l.push("left"), l.push("middle"), r === "three-panel" && !t.right && l.push("right"), l;
+  }, [t, r]), u = g(() => {
+    const l = p();
+    if (l.length === 0) return;
+    if (d === null) {
+      c(l[0]);
       return;
     }
-    const b = c.indexOf(l);
-    if (b === -1) {
-      u(c[0]);
+    const h = l.indexOf(d);
+    if (h === -1) {
+      c(l[0]);
       return;
     }
-    const P = (b + 1) % c.length;
-    u(c[P]);
-  }, [l, d, u]), m = k(() => {
-    const c = d();
-    if (c.length === 0) return;
-    if (l === null) {
-      u(c[c.length - 1]);
+    const C = (h + 1) % l.length;
+    c(l[C]);
+  }, [d, p, c]), x = g(() => {
+    const l = p();
+    if (l.length === 0) return;
+    if (d === null) {
+      c(l[l.length - 1]);
       return;
     }
-    const b = c.indexOf(l);
-    if (b === -1) {
-      u(c[c.length - 1]);
+    const h = l.indexOf(d);
+    if (h === -1) {
+      c(l[l.length - 1]);
       return;
     }
-    const P = b === 0 ? c.length - 1 : b - 1;
-    u(c[P]);
-  }, [l, d, u]), y = k(
-    (c) => l === c,
-    [l]
+    const C = h === 0 ? l.length - 1 : h - 1;
+    c(l[C]);
+  }, [d, p, c]), k = g(
+    (l) => d === l,
+    [d]
   );
   return {
-    focusedPanel: l,
-    setFocus: u,
-    clearFocus: g,
-    focusNext: p,
-    focusPrevious: m,
-    isFocused: y
+    focusedPanel: d,
+    setFocus: c,
+    clearFocus: T,
+    focusNext: u,
+    focusPrevious: x,
+    isFocused: k
   };
 }
-function nt(o) {
+function He(o) {
   const {
     enabled: e = !0,
     focusedPanel: t,
     collapsed: r,
-    panelType: s,
+    panelType: a,
     setFocus: n,
-    onExpand: a,
-    onCollapse: l
-  } = o, f = $(t), u = $(r), g = $(s);
+    onExpand: i,
+    onCollapse: d
+  } = o, y = M(t), c = M(r), T = M(a);
   A(() => {
-    f.current = t;
+    y.current = t;
   }, [t]), A(() => {
-    u.current = r;
+    c.current = r;
   }, [r]), A(() => {
-    g.current = s;
-  }, [s]);
-  const d = k(
-    (p) => {
-      if (!p.altKey || p.ctrlKey || p.metaKey || p.shiftKey)
+    T.current = a;
+  }, [a]);
+  const p = g(
+    (u) => {
+      if (!u.altKey || u.ctrlKey || u.metaKey || u.shiftKey)
         return;
-      const m = p.code, y = f.current, c = u.current, b = g.current;
-      m === "Digit1" || m === "Numpad1" ? (p.preventDefault(), c.left ? a("left") : y !== "left" ? n("left") : (l("left"), n("middle"))) : m === "Digit2" || m === "Numpad2" ? (p.preventDefault(), n("middle")) : (m === "Digit3" || m === "Numpad3") && b === "three-panel" && (p.preventDefault(), c.right ? a("right") : y !== "right" ? n("right") : (l("right"), n("middle")));
+      const x = u.code, k = y.current, l = c.current, h = T.current;
+      x === "Digit1" || x === "Numpad1" ? (u.preventDefault(), l.left ? i("left") : k !== "left" ? n("left") : (d("left"), n("middle"))) : x === "Digit2" || x === "Numpad2" ? (u.preventDefault(), n("middle")) : (x === "Digit3" || x === "Numpad3") && h === "three-panel" && (u.preventDefault(), l.right ? i("right") : k !== "right" ? n("right") : (d("right"), n("middle")));
     },
-    [n, a, l]
+    [n, i, d]
   );
   A(() => {
     if (e)
-      return window.addEventListener("keydown", d), () => {
-        window.removeEventListener("keydown", d);
+      return window.addEventListener("keydown", p), () => {
+        window.removeEventListener("keydown", p);
       };
-  }, [e, d]);
+  }, [e, p]);
 }
-function at(o, e, t, r) {
+function Ue(o, e, t, r) {
   A(() => {
-    const s = e.on(
+    const a = e.on(
       "panel:focus",
-      (a) => {
-        a.payload.panelId === o && t();
+      (i) => {
+        i.payload.panelId === o && t();
       }
     );
     let n;
     return r && (n = e.on(
       "panel:blur",
-      (a) => {
-        a.payload.panelId === o && r();
+      (i) => {
+        i.payload.panelId === o && r();
       }
     )), () => {
-      s(), n == null || n();
+      a(), n == null || n();
     };
   }, [o, e, t, r]);
 }
-const it = ({
+const Qe = ({
   isFocused: o,
   className: e = "",
   style: t = {}
@@ -920,7 +920,7 @@ const it = ({
     transition: "opacity 0.15s ease-in-out",
     ...t
   };
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ s(
     "div",
     {
       className: `panel-focus-indicator ${e}`,
@@ -929,836 +929,41 @@ const it = ({
       "aria-hidden": "true"
     }
   );
-}, Ie = ({
-  value: o,
-  onChange: e,
-  placeholder: t = "> Type a command...",
-  onClose: r,
-  onEnter: s
-}) => {
-  const { theme: n } = q(), a = $(null);
-  A(() => {
-    a.current && a.current.focus();
-  }, []);
-  const l = (f) => {
-    switch (f.key) {
-      case "Enter":
-        f.preventDefault(), s == null || s();
-        break;
-      case "Escape":
-        f.preventDefault(), r();
-        break;
-    }
-  };
-  return /* @__PURE__ */ i(
-    "div",
-    {
-      style: {
-        padding: "0",
-        borderBottom: `1px solid ${n.colors.border}`,
-        backgroundColor: n.colors.background
-      },
-      children: /* @__PURE__ */ i(
-        "input",
-        {
-          ref: a,
-          type: "text",
-          value: o,
-          onChange: (f) => e(f.target.value),
-          onKeyDown: l,
-          placeholder: t,
-          style: {
-            width: "100%",
-            padding: "16px 20px",
-            fontSize: "16px",
-            fontFamily: n.fonts.monospace,
-            backgroundColor: "transparent",
-            border: "none",
-            outline: "none",
-            color: n.colors.text,
-            caretColor: n.colors.primary
-          },
-          autoComplete: "off",
-          autoCorrect: "off",
-          autoCapitalize: "off",
-          spellCheck: !1
-        }
-      )
-    }
-  );
-}, ne = Se(
-  ({ command: o, isSelected: e, onClick: t, onMouseEnter: r }, s) => {
-    const { theme: n } = q(), { label: a, description: l, icon: f, shortcut: u } = o, [g, d] = ve.useState(!1);
-    return /* @__PURE__ */ x(
-      "div",
-      {
-        ref: s,
-        onClick: t,
-        onMouseEnter: () => {
-          d(!0), r();
-        },
-        onMouseLeave: () => d(!1),
-        style: {
-          padding: "10px 16px",
-          cursor: "pointer",
-          backgroundColor: e || g ? n.colors.backgroundSecondary : "transparent",
-          borderLeft: e || g ? `3px solid ${n.colors.primary}` : "3px solid transparent",
-          transition: "all 0.1s ease",
-          display: "flex",
-          alignItems: "center",
-          gap: "12px"
-        },
-        onMouseDown: (p) => {
-          p.preventDefault();
-        },
-        children: [
-          f && /* @__PURE__ */ i(
-            "div",
-            {
-              style: {
-                flexShrink: 0,
-                width: "20px",
-                height: "20px",
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "center",
-                fontSize: "16px",
-                color: e || g ? n.colors.primary : n.colors.textSecondary
-              },
-              children: f
-            }
-          ),
-          /* @__PURE__ */ x("div", { style: { flex: 1, minWidth: 0 }, children: [
-            /* @__PURE__ */ i(
-              "div",
-              {
-                style: {
-                  fontSize: "14px",
-                  fontWeight: 500,
-                  color: e || g ? n.colors.text : n.colors.textSecondary,
-                  marginBottom: l ? "2px" : 0
-                },
-                children: a
-              }
-            ),
-            l && /* @__PURE__ */ i(
-              "div",
-              {
-                style: {
-                  fontSize: "12px",
-                  color: n.colors.textMuted,
-                  overflow: "hidden",
-                  textOverflow: "ellipsis",
-                  whiteSpace: "nowrap"
-                },
-                children: l
-              }
-            )
-          ] }),
-          u && /* @__PURE__ */ i(
-            "div",
-            {
-              style: {
-                flexShrink: 0,
-                fontSize: "11px",
-                color: n.colors.textMuted,
-                padding: "2px 8px",
-                backgroundColor: n.colors.background,
-                border: `1px solid ${n.colors.border}`,
-                borderRadius: "4px",
-                fontFamily: n.fonts.monospace
-              },
-              children: u
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-ne.displayName = "CommandItem";
-const Re = ({
-  commands: o,
-  selectedIndex: e,
-  onSelect: t,
-  onHover: r,
-  maxResults: s = 10
-}) => {
-  const { theme: n } = q(), a = $(null), l = $(null), f = o.slice(0, s);
-  A(() => {
-    if (l.current && a.current) {
-      const d = l.current, p = a.current, m = d.offsetTop, y = m + d.offsetHeight, c = p.scrollTop, b = p.clientHeight;
-      m < c ? p.scrollTop = m - 8 : y > c + b && (p.scrollTop = y - b + 8);
-    }
-  }, [e]);
-  const u = f.reduce((d, p, m) => {
-    const y = p.category || "Other";
-    return d[y] || (d[y] = []), d[y].push({ command: p, index: m }), d;
-  }, {}), g = Object.keys(u).sort((d, p) => d === "Other" ? 1 : p === "Other" ? -1 : d.localeCompare(p));
-  return /* @__PURE__ */ x(
-    "div",
-    {
-      ref: a,
-      style: {
-        overflowY: "auto",
-        maxHeight: "400px",
-        padding: "8px 0"
-      },
-      children: [
-        g.map((d) => /* @__PURE__ */ x("div", { children: [
-          g.length > 1 && /* @__PURE__ */ i(
-            "div",
-            {
-              style: {
-                padding: "8px 16px 4px",
-                fontSize: "11px",
-                fontWeight: 600,
-                textTransform: "uppercase",
-                color: n.colors.textMuted,
-                letterSpacing: "0.5px"
-              },
-              children: d
-            }
-          ),
-          u[d].map(({ command: p, index: m }) => /* @__PURE__ */ i(
-            ne,
-            {
-              command: p,
-              isSelected: m === e,
-              onClick: () => t(p),
-              onMouseEnter: () => r(m),
-              ref: m === e ? l : void 0
-            },
-            p.id
-          ))
-        ] }, d)),
-        o.length > s && /* @__PURE__ */ x(
-          "div",
-          {
-            style: {
-              padding: "8px 16px",
-              fontSize: "12px",
-              color: n.colors.textMuted,
-              textAlign: "center",
-              borderTop: `1px solid ${n.colors.border}`
-            },
-            children: [
-              "Showing ",
-              s,
-              " of ",
-              o.length,
-              " results"
-            ]
-          }
-        )
-      ]
-    }
-  );
-}, lt = ({
-  commandPalette: o,
-  config: e
-}) => {
-  const { theme: t } = q(), r = $(null), {
-    isOpen: s,
-    close: n,
-    query: a,
-    setQuery: l,
-    filteredCommands: f,
-    selectedIndex: u,
-    setSelectedIndex: g,
-    executeSelected: d
-  } = o;
-  if (A(() => {
-    if (!s) return;
-    const y = (b) => {
-      r.current && !r.current.contains(b.target) && n();
-    }, c = setTimeout(() => {
-      document.addEventListener("mousedown", y);
-    }, 100);
-    return () => {
-      clearTimeout(c), document.removeEventListener("mousedown", y);
-    };
-  }, [s, n]), !s)
-    return null;
-  const p = (e == null ? void 0 : e.maxHeight) || "50vh", m = (e == null ? void 0 : e.placeholder) || "> Type a command...";
-  return /* @__PURE__ */ x(se, { children: [
-    /* @__PURE__ */ i(
-      "div",
-      {
-        style: {
-          position: "fixed",
-          inset: 0,
-          backgroundColor: "rgba(0, 0, 0, 0.4)",
-          backdropFilter: "blur(2px)",
-          zIndex: 999
-        },
-        onClick: n
-      }
-    ),
-    /* @__PURE__ */ x(
-      "div",
-      {
-        ref: r,
-        className: e == null ? void 0 : e.className,
-        style: {
-          position: "fixed",
-          bottom: 0,
-          left: 0,
-          right: 0,
-          maxHeight: p,
-          backgroundColor: t.colors.surface,
-          borderTop: `1px solid ${t.colors.border}`,
-          boxShadow: t.shadows[2],
-          zIndex: 1e3,
-          display: "flex",
-          flexDirection: "column-reverse",
-          ...e == null ? void 0 : e.style
-        },
-        children: [
-          /* @__PURE__ */ x("div", { children: [
-            /* @__PURE__ */ i(
-              Ie,
-              {
-                value: a,
-                onChange: l,
-                placeholder: m,
-                onClose: n,
-                onEnter: d
-              }
-            ),
-            /* @__PURE__ */ x(
-              "div",
-              {
-                style: {
-                  padding: "8px 16px",
-                  borderTop: `1px solid ${t.colors.border}`,
-                  display: "flex",
-                  gap: "16px",
-                  fontSize: "12px",
-                  color: t.colors.textMuted,
-                  backgroundColor: t.colors.background
-                },
-                children: [
-                  /* @__PURE__ */ x("span", { children: [
-                    /* @__PURE__ */ i("kbd", { style: { padding: "2px 6px", backgroundColor: t.colors.backgroundSecondary, borderRadius: "3px", border: `1px solid ${t.colors.border}` }, children: "Enter" }),
-                    " Execute"
-                  ] }),
-                  /* @__PURE__ */ x("span", { children: [
-                    /* @__PURE__ */ i("kbd", { style: { padding: "2px 6px", backgroundColor: t.colors.backgroundSecondary, borderRadius: "3px", border: `1px solid ${t.colors.border}` }, children: "Esc" }),
-                    " Close"
-                  ] })
-                ]
-              }
-            )
-          ] }),
-          f.length > 0 && /* @__PURE__ */ i(
-            Re,
-            {
-              commands: f,
-              selectedIndex: u,
-              onSelect: (y) => {
-                o.executeCommand(y.id);
-              },
-              onHover: g,
-              maxResults: e == null ? void 0 : e.maxResults
-            }
-          ),
-          a && f.length === 0 && /* @__PURE__ */ x(
-            "div",
-            {
-              style: {
-                padding: "24px 16px",
-                color: t.colors.textMuted,
-                textAlign: "center",
-                fontSize: "14px"
-              },
-              children: [
-                'No commands found for "',
-                a,
-                '"'
-              ]
-            }
-          )
-        ]
-      }
-    )
-  ] });
-};
-class ae {
-  constructor() {
-    J(this, "commands", /* @__PURE__ */ new Map());
-    J(this, "listeners", /* @__PURE__ */ new Set());
-  }
-  /**
-   * Register one or more commands
-   * @param commands - Array of commands to register
-   */
-  registerCommands(e) {
-    e.forEach((t) => {
-      this.commands.set(t.id, t);
-    }), this.notifyListeners();
-  }
-  /**
-   * Register a single command
-   * @param command - Command to register
-   */
-  registerCommand(e) {
-    this.commands.set(e.id, e), this.notifyListeners();
-  }
-  /**
-   * Unregister commands by ID
-   * @param commandIds - Array of command IDs to unregister
-   */
-  unregisterCommands(e) {
-    e.forEach((t) => {
-      this.commands.delete(t);
-    }), this.notifyListeners();
-  }
-  /**
-   * Unregister a single command
-   * @param commandId - Command ID to unregister
-   */
-  unregisterCommand(e) {
-    this.commands.delete(e), this.notifyListeners();
-  }
-  /**
-   * Get all registered commands
-   * @param context - Command context for availability checks
-   * @returns Array of available commands
-   */
-  getCommands(e) {
-    const t = Array.from(this.commands.values());
-    return e ? t.filter((r) => r.isAvailable ? r.isAvailable(e) : !0) : t;
-  }
-  /**
-   * Get a command by ID
-   * @param commandId - Command ID
-   * @returns Command if found, undefined otherwise
-   */
-  getCommand(e) {
-    return this.commands.get(e);
-  }
-  /**
-   * Execute a command by ID
-   * @param commandId - Command ID to execute
-   * @param context - Command context
-   */
-  async executeCommand(e, t) {
-    var s, n;
-    const r = this.commands.get(e);
-    if (!r) {
-      console.warn(`Command not found: ${e}`);
-      return;
-    }
-    if (r.isAvailable && !r.isAvailable(t)) {
-      console.warn(`Command not available: ${e}`);
-      return;
-    }
-    try {
-      await r.execute(t), (s = t.events) == null || s.emit({
-        type: "command:executed",
-        source: "command-palette",
-        timestamp: Date.now(),
-        payload: {
-          commandId: r.id,
-          commandLabel: r.label
-        }
-      });
-    } catch (a) {
-      console.error(`Error executing command ${e}:`, a), (n = t.events) == null || n.emit({
-        type: "command:error",
-        source: "command-palette",
-        timestamp: Date.now(),
-        payload: {
-          commandId: r.id,
-          error: a instanceof Error ? a.message : String(a)
-        }
-      });
-    }
-  }
-  /**
-   * Search commands by query
-   * @param query - Search query
-   * @param context - Command context for availability checks
-   * @returns Filtered and sorted commands
-   */
-  searchCommands(e, t) {
-    const r = this.getCommands(t);
-    if (!e.trim())
-      return this.sortCommands(r);
-    const s = e.toLowerCase();
-    return r.map((a) => {
-      var f, u;
-      let l = 0;
-      return a.label.toLowerCase() === s ? l += 1e3 : a.label.toLowerCase().startsWith(s) ? l += 500 : a.label.toLowerCase().includes(s) && (l += 250), (f = a.description) != null && f.toLowerCase().includes(s) && (l += 100), a.keywords && a.keywords.some(
-        (d) => d.toLowerCase().includes(s)
-      ) && (l += 150), (u = a.category) != null && u.toLowerCase().includes(s) && (l += 50), l > 0 && a.priority && (l += a.priority), { command: a, score: l };
-    }).filter((a) => a.score > 0).sort((a, l) => l.score - a.score).map((a) => a.command);
-  }
-  /**
-   * Sort commands by priority and label
-   * @param commands - Commands to sort
-   * @returns Sorted commands
-   */
-  sortCommands(e) {
-    return e.sort((t, r) => {
-      const s = (r.priority || 0) - (t.priority || 0);
-      if (s !== 0)
-        return s;
-      const n = t.category || "", a = r.category || "", l = n.localeCompare(a);
-      return l !== 0 ? l : t.label.localeCompare(r.label);
-    });
-  }
-  /**
-   * Subscribe to registry changes
-   * @param listener - Callback function called when registry changes
-   * @returns Unsubscribe function
-   */
-  subscribe(e) {
-    return this.listeners.add(e), () => {
-      this.listeners.delete(e);
-    };
-  }
-  /**
-   * Clear all commands
-   */
-  clear() {
-    this.commands.clear(), this.notifyListeners();
-  }
-  /**
-   * Get count of registered commands
-   */
-  get size() {
-    return this.commands.size;
-  }
-  /**
-   * Notify all listeners of registry changes
-   */
-  notifyListeners() {
-    this.listeners.forEach((e) => e());
-  }
-}
-let Z = null;
-function ct() {
-  return Z || (Z = new ae()), Z;
-}
-function dt() {
-  Z = null;
-}
-function pt({
-  context: o,
-  commands: e = [],
-  keyboard: t = { key: " ", altKey: !0 },
-  config: r = {},
-  registry: s
-}) {
-  const [n, a] = R(!1), [l, f] = R(""), [u, g] = R(0), [d, p] = R([]), m = Y(
-    () => s || new ae(),
-    [s]
-  ), y = Y(
-    () => ({
-      ...o,
-      closeCommandPalette: () => a(!1)
-    }),
-    [o]
-  );
-  A(() => {
-    let h = !0;
-    const I = m.subscribe(() => {
-      if (h) {
-        const E = m.getCommands(y);
-        p(E);
-      }
-    });
-    if (e.length > 0)
-      m.registerCommands(e);
-    else {
-      const E = m.getCommands(y);
-      p(E);
-    }
-    return () => {
-      h = !1, I();
-    };
-  }, [m]);
-  const c = Y(() => (r.fuzzySearch === !1, m.searchCommands(l, y)), [l, m, y, r.fuzzySearch]);
-  A(() => {
-    g(0);
-  }, [c]);
-  const b = k(() => {
-    var h;
-    a(!0), f(""), g(0), (h = o.events) == null || h.emit({
-      type: "command-palette:opened",
-      source: "command-palette",
-      timestamp: Date.now(),
-      payload: {}
-    });
-  }, [o.events]), P = k(() => {
-    var h;
-    a(!1), f(""), g(0), (h = o.events) == null || h.emit({
-      type: "command-palette:closed",
-      source: "command-palette",
-      timestamp: Date.now(),
-      payload: {}
-    });
-  }, [o.events]), D = k(() => {
-    n ? P() : b();
-  }, [n, b, P]), W = k(
-    async (h) => {
-      await m.executeCommand(h, y), P();
-    },
-    [m, y, P]
-  ), L = k(() => {
-    g((h) => {
-      const I = r.maxResults || c.length, E = Math.min(c.length, I) - 1;
-      return h < E ? h + 1 : 0;
-    });
-  }, [c.length, r.maxResults]), j = k(() => {
-    g((h) => {
-      const I = r.maxResults || c.length, E = Math.min(c.length, I) - 1;
-      return h > 0 ? h - 1 : E;
-    });
-  }, [c.length, r.maxResults]), w = k(async () => {
-    const h = c[0];
-    h && await W(h.id);
-  }, [c, W]), v = k(
-    (h) => {
-      m.registerCommands(h);
-    },
-    [m]
-  ), S = k(
-    (h) => {
-      m.unregisterCommands(h);
-    },
-    [m]
-  ), C = k(
-    (h) => {
-      const {
-        key: I = " ",
-        altKey: E = !0,
-        ctrlKey: O = !1,
-        metaKey: V = !1,
-        shiftKey: z = !1
-      } = t, U = h.altKey === E && h.ctrlKey === O && h.metaKey === V && h.shiftKey === z;
-      if ((I === " " ? h.code === "Space" : h.key === I) && U) {
-        const G = h.target;
-        if (G.tagName === "INPUT" || G.tagName === "TEXTAREA" || G.isContentEditable)
-          return;
-        h.preventDefault(), D();
-      }
-    },
-    [t, D]
-  );
-  return A(() => (window.addEventListener("keydown", C), () => window.removeEventListener("keydown", C)), [C]), {
-    isOpen: n,
-    open: b,
-    close: P,
-    toggle: D,
-    query: l,
-    setQuery: f,
-    filteredCommands: c,
-    executeCommand: W,
-    selectedIndex: u,
-    setSelectedIndex: g,
-    selectNext: L,
-    selectPrevious: j,
-    executeSelected: w,
-    commands: d,
-    registerCommands: v,
-    unregisterCommands: S
-  };
-}
-const Le = [
-  {
-    id: "panel.focus.left",
-    label: "Focus Left Panel",
-    description: "Set focus to the left panel",
-    icon: "◀",
-    category: "Panel Navigation",
-    shortcut: "Alt+1",
-    priority: 100,
-    keywords: ["left", "sidebar", "focus", "switch"],
-    execute: (o) => {
-      o.setFocus("left");
-    },
-    isAvailable: (o) => o.focusedPanel !== "left"
-  },
-  {
-    id: "panel.focus.middle",
-    label: "Focus Middle Panel",
-    description: "Set focus to the middle panel",
-    icon: "▣",
-    category: "Panel Navigation",
-    shortcut: "Alt+2",
-    priority: 100,
-    keywords: ["middle", "center", "main", "focus", "switch"],
-    execute: (o) => {
-      o.setFocus("middle");
-    },
-    isAvailable: (o) => o.focusedPanel !== "middle"
-  },
-  {
-    id: "panel.focus.right",
-    label: "Focus Right Panel",
-    description: "Set focus to the right panel",
-    icon: "▶",
-    category: "Panel Navigation",
-    shortcut: "Alt+3",
-    priority: 100,
-    keywords: ["right", "sidebar", "focus", "switch"],
-    execute: (o) => {
-      o.setFocus("right");
-    },
-    isAvailable: (o) => o.focusedPanel !== "right"
-  },
-  {
-    id: "panel.toggle.left",
-    label: "Toggle Left Panel",
-    description: "Expand or collapse the left panel",
-    icon: "◀◀",
-    category: "Panel Control",
-    keywords: ["toggle", "left", "collapse", "expand", "hide", "show"],
-    priority: 80,
-    execute: (o) => {
-      var e;
-      (e = o.events) == null || e.emit({
-        type: "panel:toggle",
-        source: "command-palette",
-        timestamp: Date.now(),
-        payload: { panelId: "left" }
-      });
-    }
-  },
-  {
-    id: "panel.toggle.right",
-    label: "Toggle Right Panel",
-    description: "Expand or collapse the right panel",
-    icon: "▶▶",
-    category: "Panel Control",
-    keywords: ["toggle", "right", "collapse", "expand", "hide", "show"],
-    priority: 80,
-    execute: (o) => {
-      var e;
-      (e = o.events) == null || e.emit({
-        type: "panel:toggle",
-        source: "command-palette",
-        timestamp: Date.now(),
-        payload: { panelId: "right" }
-      });
-    }
-  },
-  {
-    id: "panel.collapse.all",
-    label: "Collapse All Panels",
-    description: "Collapse all side panels to maximize middle panel",
-    icon: "⬌",
-    category: "Panel Control",
-    keywords: ["collapse", "hide", "all", "maximize", "focus mode"],
-    priority: 70,
-    execute: (o) => {
-      var e;
-      (e = o.events) == null || e.emit({
-        type: "panel:collapse-all",
-        source: "command-palette",
-        timestamp: Date.now(),
-        payload: {}
-      });
-    }
-  },
-  {
-    id: "panel.expand.all",
-    label: "Expand All Panels",
-    description: "Expand all side panels to default layout",
-    icon: "⬍",
-    category: "Panel Control",
-    keywords: ["expand", "show", "all", "restore", "default"],
-    priority: 70,
-    execute: (o) => {
-      var e;
-      (e = o.events) == null || e.emit({
-        type: "panel:expand-all",
-        source: "command-palette",
-        timestamp: Date.now(),
-        payload: {}
-      });
-    }
-  },
-  {
-    id: "panel.refresh",
-    label: "Refresh Panel Data",
-    description: "Reload data for the currently focused panel",
-    icon: "↻",
-    category: "Panel Control",
-    keywords: ["refresh", "reload", "update", "sync"],
-    priority: 60,
-    execute: (o) => {
-      var t;
-      const e = o.focusedPanel;
-      e && ((t = o.events) == null || t.emit({
-        type: "panel:refresh",
-        source: "command-palette",
-        timestamp: Date.now(),
-        payload: { panelId: e }
-      }));
-    },
-    isAvailable: (o) => o.focusedPanel !== null
-  },
-  {
-    id: "panel.reset.layout",
-    label: "Reset Panel Layout",
-    description: "Reset panel sizes to default layout",
-    icon: "⟲",
-    category: "Panel Control",
-    keywords: ["reset", "layout", "default", "restore"],
-    priority: 50,
-    execute: (o) => {
-      var e;
-      (e = o.events) == null || e.emit({
-        type: "panel:reset-layout",
-        source: "command-palette",
-        timestamp: Date.now(),
-        payload: {}
-      });
-    }
-  }
-];
-function ut() {
-  return Le;
-}
-const ie = ({
+}, ee = ({
   value: o,
   onChange: e,
   onSubmit: t,
   onClose: r,
-  onHistoryPrevious: s,
+  onHistoryPrevious: a,
   onHistoryNext: n,
-  mode: a,
-  status: l,
-  placeholder: f = "What would you like to do?",
-  disabled: u = !1,
-  autoFocus: g = !0,
-  agentAvailable: d = !0
+  mode: i,
+  status: d,
+  placeholder: y = "What would you like to do?",
+  disabled: c = !1,
+  autoFocus: T = !0,
+  agentAvailable: p = !0
 }) => {
-  const { theme: p } = q(), m = $(null);
+  const { theme: u } = K(), x = M(null);
   A(() => {
-    g && m.current && m.current.focus();
-  }, [g]);
-  const y = (b) => {
-    switch (b.stopPropagation(), b.key) {
+    T && x.current && x.current.focus();
+  }, [T]);
+  const k = (h) => {
+    switch (h.stopPropagation(), h.key) {
       case "Enter":
-        b.preventDefault(), t();
+        h.preventDefault(), t();
         break;
       case "Escape":
-        b.preventDefault(), r();
+        h.preventDefault(), r();
         break;
       case "ArrowUp":
-        b.preventDefault(), s();
+        h.preventDefault(), a();
         break;
       case "ArrowDown":
-        b.preventDefault(), n();
+        h.preventDefault(), n();
         break;
     }
-  }, c = l === "thinking" || l === "executing";
-  return /* @__PURE__ */ x(
+  }, l = d === "thinking" || d === "executing";
+  return /* @__PURE__ */ m(
     "div",
     {
       style: {
@@ -1766,22 +971,22 @@ const ie = ({
         alignItems: "center",
         gap: "8px",
         padding: "12px 16px",
-        backgroundColor: p.colors.background,
-        borderBottom: `1px solid ${p.colors.border}`
+        backgroundColor: u.colors.background,
+        borderBottom: `1px solid ${u.colors.border}`
       },
       children: [
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ s(
           "span",
           {
             style: {
-              color: a === "quick-command" ? p.colors.info : d ? p.colors.primary : p.colors.textMuted,
-              fontFamily: p.fonts.monospace,
+              color: i === "quick-command" ? u.colors.info : p ? u.colors.primary : u.colors.textMuted,
+              fontFamily: u.fonts.monospace,
               fontSize: "14px",
               userSelect: "none",
               display: "flex",
               alignItems: "center"
             },
-            children: a === "quick-command" ? /* @__PURE__ */ x(
+            children: i === "quick-command" ? /* @__PURE__ */ m(
               "svg",
               {
                 width: "16",
@@ -1793,11 +998,11 @@ const ie = ({
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
                 children: [
-                  /* @__PURE__ */ i("polyline", { points: "4 17 10 11 4 5" }),
-                  /* @__PURE__ */ i("line", { x1: "12", y1: "19", x2: "20", y2: "19" })
+                  /* @__PURE__ */ s("polyline", { points: "4 17 10 11 4 5" }),
+                  /* @__PURE__ */ s("line", { x1: "12", y1: "19", x2: "20", y2: "19" })
                 ]
               }
-            ) : d ? /* @__PURE__ */ x(
+            ) : p ? /* @__PURE__ */ m(
               "svg",
               {
                 width: "16",
@@ -1809,51 +1014,51 @@ const ie = ({
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
                 children: [
-                  /* @__PURE__ */ i("rect", { x: "3", y: "11", width: "18", height: "10", rx: "2" }),
-                  /* @__PURE__ */ i("circle", { cx: "12", cy: "5", r: "2" }),
-                  /* @__PURE__ */ i("path", { d: "M12 7v4" }),
-                  /* @__PURE__ */ i("line", { x1: "8", y1: "16", x2: "8", y2: "16" }),
-                  /* @__PURE__ */ i("line", { x1: "16", y1: "16", x2: "16", y2: "16" })
+                  /* @__PURE__ */ 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__ */ i(
+        /* @__PURE__ */ s(
           "input",
           {
-            ref: m,
+            ref: x,
             "data-agent-command-palette-input": !0,
             type: "text",
             value: o,
-            onChange: (b) => e(b.target.value),
-            onKeyDown: y,
-            placeholder: f,
-            disabled: u || c,
+            onChange: (h) => e(h.target.value),
+            onKeyDown: k,
+            placeholder: y,
+            disabled: c || l,
             style: {
               flex: 1,
               backgroundColor: "transparent",
               border: "none",
               outline: "none",
-              color: p.colors.text,
-              fontFamily: p.fonts.monospace,
+              color: u.colors.text,
+              fontFamily: u.fonts.monospace,
               fontSize: "14px",
-              caretColor: p.colors.primary
+              caretColor: u.colors.primary
             }
           }
         ),
-        c && /* @__PURE__ */ x(
+        l && /* @__PURE__ */ m(
           "span",
           {
             style: {
-              color: p.colors.info,
+              color: u.colors.info,
               fontSize: "12px",
               display: "flex",
               alignItems: "center",
               gap: "4px"
             },
             children: [
-              /* @__PURE__ */ i(
+              /* @__PURE__ */ s(
                 "span",
                 {
                   style: {
@@ -1861,25 +1066,25 @@ const ie = ({
                     width: "8px",
                     height: "8px",
                     borderRadius: "50%",
-                    backgroundColor: p.colors.info,
+                    backgroundColor: u.colors.info,
                     animation: "pulse 1s ease-in-out infinite"
                   }
                 }
               ),
-              l === "thinking" ? "Thinking..." : "Executing..."
+              d === "thinking" ? "Thinking..." : "Executing..."
             ]
           }
         ),
-        !c && /* @__PURE__ */ i(
+        !l && /* @__PURE__ */ s(
           "kbd",
           {
             style: {
               padding: "2px 6px",
-              backgroundColor: p.colors.backgroundSecondary,
+              backgroundColor: u.colors.backgroundSecondary,
               borderRadius: "3px",
-              border: `1px solid ${p.colors.border}`,
+              border: `1px solid ${u.colors.border}`,
               fontSize: "11px",
-              color: p.colors.textMuted
+              color: u.colors.textMuted
             },
             children: "Alt+P"
           }
@@ -1888,9 +1093,9 @@ const ie = ({
     }
   );
 };
-ie.displayName = "AgentCommandInput";
-const We = ({ status: o }) => {
-  const { theme: e } = q(), t = {
+ee.displayName = "AgentCommandInput";
+const be = ({ status: o }) => {
+  const { theme: e } = K(), t = {
     display: "inline-flex",
     alignItems: "center",
     justifyContent: "center",
@@ -1900,9 +1105,9 @@ const We = ({ status: o }) => {
   };
   switch (o) {
     case "pending":
-      return /* @__PURE__ */ i("span", { style: { ...t, color: e.colors.textMuted }, children: "○" });
+      return /* @__PURE__ */ s("span", { style: { ...t, color: e.colors.textMuted }, children: "○" });
     case "running":
-      return /* @__PURE__ */ i(
+      return /* @__PURE__ */ s(
         "span",
         {
           style: {
@@ -1914,16 +1119,16 @@ const We = ({ status: o }) => {
         }
       );
     case "success":
-      return /* @__PURE__ */ i("span", { style: { ...t, color: e.colors.success }, children: "✓" });
+      return /* @__PURE__ */ s("span", { style: { ...t, color: e.colors.success }, children: "✓" });
     case "error":
-      return /* @__PURE__ */ i("span", { style: { ...t, color: e.colors.error }, children: "✗" });
+      return /* @__PURE__ */ s("span", { style: { ...t, color: e.colors.error }, children: "✗" });
   }
-}, Ae = (o) => {
+}, ve = (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(", ");
-}, De = ({ tool: o, compact: e }) => {
-  const { theme: t } = q(), r = Ae(o.args);
-  return /* @__PURE__ */ x(
+}, Se = ({ tool: o, compact: e }) => {
+  const { theme: t } = K(), r = ve(o.args);
+  return /* @__PURE__ */ m(
     "div",
     {
       style: {
@@ -1935,16 +1140,16 @@ const We = ({ status: o }) => {
         fontSize: "13px"
       },
       children: [
-        /* @__PURE__ */ i(We, { status: o.status }),
-        /* @__PURE__ */ x("span", { style: { color: t.colors.text }, children: [
+        /* @__PURE__ */ s(be, { status: o.status }),
+        /* @__PURE__ */ m("span", { style: { color: t.colors.text }, children: [
           o.name,
-          r && /* @__PURE__ */ x("span", { style: { color: t.colors.textMuted }, children: [
+          r && /* @__PURE__ */ m("span", { style: { color: t.colors.textMuted }, children: [
             "(",
             r,
             ")"
           ] })
         ] }),
-        o.status === "running" && /* @__PURE__ */ i(
+        o.status === "running" && /* @__PURE__ */ s(
           "span",
           {
             style: {
@@ -1955,7 +1160,7 @@ const We = ({ status: o }) => {
             children: "[running]"
           }
         ),
-        o.status === "success" && /* @__PURE__ */ i(
+        o.status === "success" && /* @__PURE__ */ s(
           "span",
           {
             style: {
@@ -1966,7 +1171,7 @@ const We = ({ status: o }) => {
             children: "[done]"
           }
         ),
-        o.status === "error" && /* @__PURE__ */ i(
+        o.status === "error" && /* @__PURE__ */ s(
           "span",
           {
             style: {
@@ -1981,12 +1186,12 @@ const We = ({ status: o }) => {
       ]
     }
   );
-}, le = ({
+}, te = ({
   tools: o,
   compact: e = !1
 }) => {
-  const { theme: t } = q();
-  return o.length === 0 ? null : /* @__PURE__ */ i(
+  const { theme: t } = K();
+  return o.length === 0 ? null : /* @__PURE__ */ s(
     "div",
     {
       style: {
@@ -1995,36 +1200,36 @@ const We = ({ status: o }) => {
         borderRadius: "4px",
         margin: "8px 16px"
       },
-      children: o.map((r) => /* @__PURE__ */ i(De, { tool: r, compact: e }, r.id))
+      children: o.map((r) => /* @__PURE__ */ s(Se, { tool: r, compact: e }, r.id))
     }
   );
 };
-le.displayName = "ToolExecutionList";
-const ce = ({
+te.displayName = "ToolExecutionList";
+const oe = ({
   response: o,
   streaming: e = !1
 }) => {
-  const { theme: t } = q();
+  const { theme: t } = K();
   if (!o)
     return null;
-  const r = o.toLowerCase().startsWith("error"), s = o.toLowerCase().startsWith("done") || o.toLowerCase().startsWith("executed");
-  return /* @__PURE__ */ x(
+  const r = o.toLowerCase().startsWith("error"), a = o.toLowerCase().startsWith("done") || o.toLowerCase().startsWith("executed");
+  return /* @__PURE__ */ m(
     "div",
     {
       style: {
         padding: "12px 16px",
-        color: r ? t.colors.error : s ? t.colors.success : t.colors.text,
+        color: r ? t.colors.error : a ? t.colors.success : t.colors.text,
         fontSize: "13px",
         display: "flex",
         alignItems: "center",
         gap: "8px"
       },
       children: [
-        s && /* @__PURE__ */ i("span", { children: "✓" }),
-        r && /* @__PURE__ */ i("span", { children: "✗" }),
-        /* @__PURE__ */ x("span", { children: [
+        a && /* @__PURE__ */ s("span", { children: "✓" }),
+        r && /* @__PURE__ */ s("span", { children: "✗" }),
+        /* @__PURE__ */ m("span", { children: [
           o,
-          e && /* @__PURE__ */ i(
+          e && /* @__PURE__ */ s(
             "span",
             {
               style: {
@@ -2042,58 +1247,58 @@ const ce = ({
     }
   );
 };
-ce.displayName = "AgentResponseDisplay";
-const Ee = ({
+oe.displayName = "AgentResponseDisplay";
+const Te = ({
   palette: o,
   config: e
 }) => {
-  const { theme: t } = q(), r = $(null), {
-    isOpen: s,
+  const { theme: t } = K(), r = M(null), {
+    isOpen: a,
     close: n,
-    query: a,
-    setQuery: l,
-    mode: f,
-    status: u,
-    pendingTools: g,
-    completedTools: d,
-    agentResponse: p,
-    submit: m,
-    historyPrevious: y,
-    historyNext: c,
-    suggestions: b,
-    agentAvailable: P
+    query: i,
+    setQuery: d,
+    mode: y,
+    status: c,
+    pendingTools: T,
+    completedTools: p,
+    agentResponse: u,
+    submit: x,
+    historyPrevious: k,
+    historyNext: l,
+    suggestions: h,
+    agentAvailable: C
   } = o;
   A(() => {
-    if (!s) return;
-    const O = (z) => {
-      r.current && !r.current.contains(z.target) && n();
+    if (!a) return;
+    const N = (D) => {
+      r.current && !r.current.contains(D.target) && n();
     }, V = setTimeout(() => {
-      document.addEventListener("mousedown", O);
+      document.addEventListener("mousedown", N);
     }, 100);
     return () => {
-      clearTimeout(V), document.removeEventListener("mousedown", O);
+      clearTimeout(V), document.removeEventListener("mousedown", N);
     };
-  }, [s, n]);
-  const [D, W] = R(!1), [L, j] = R(!1);
+  }, [a, n]);
+  const [E, R] = W(!1), [I, F] = W(!1);
   if (A(() => {
-    if (s)
-      j(!0), requestAnimationFrame(() => {
+    if (a)
+      F(!0), requestAnimationFrame(() => {
         requestAnimationFrame(() => {
-          W(!0);
+          R(!0);
         });
       });
     else {
-      W(!1);
-      const O = setTimeout(() => {
-        j(!1);
+      R(!1);
+      const N = setTimeout(() => {
+        F(!1);
       }, 150);
-      return () => clearTimeout(O);
+      return () => clearTimeout(N);
     }
-  }, [s]), !L)
+  }, [a]), !I)
     return null;
-  const w = P ? (e == null ? void 0 : e.placeholder) || "What would you like to do?" : "Quick command mode (agent unavailable)", v = [...d, ...g], S = v.length > 0, C = p && u !== "idle", h = P && !a && u === "idle" && b.length > 0, I = (f === "quick-command" || !P) && u === "idle", E = !P && f !== "quick-command" && u === "idle";
-  return /* @__PURE__ */ x(se, { children: [
-    /* @__PURE__ */ i(
+  const f = C ? (e == null ? void 0 : e.placeholder) || "What would you like to do?" : "Quick command mode (agent unavailable)", b = [...p, ...T], v = b.length > 0, S = u && c !== "idle", _ = C && !i && c === "idle" && h.length > 0, P = (y === "quick-command" || !C) && c === "idle", H = !C && y !== "quick-command" && c === "idle";
+  return /* @__PURE__ */ m(ke, { children: [
+    /* @__PURE__ */ s(
       "div",
       {
         style: {
@@ -2104,7 +1309,7 @@ const Ee = ({
         onClick: n
       }
     ),
-    /* @__PURE__ */ x(
+    /* @__PURE__ */ m(
       "div",
       {
         ref: r,
@@ -2122,28 +1327,28 @@ const Ee = ({
           display: "flex",
           flexDirection: "column-reverse",
           overflow: "hidden",
-          transform: D ? "translateY(0)" : "translateY(100%)",
+          transform: E ? "translateY(0)" : "translateY(100%)",
           transition: "transform 150ms ease-out",
           ...e == null ? void 0 : e.style
         },
         children: [
-          /* @__PURE__ */ x("div", { children: [
-            /* @__PURE__ */ i(
-              ie,
+          /* @__PURE__ */ m("div", { children: [
+            /* @__PURE__ */ s(
+              ee,
               {
-                value: a,
-                onChange: l,
-                onSubmit: m,
+                value: i,
+                onChange: d,
+                onSubmit: x,
                 onClose: n,
-                onHistoryPrevious: y,
-                onHistoryNext: c,
-                mode: f,
-                status: u,
-                placeholder: w,
-                agentAvailable: P
+                onHistoryPrevious: k,
+                onHistoryNext: l,
+                mode: y,
+                status: c,
+                placeholder: f,
+                agentAvailable: C
               }
             ),
-            /* @__PURE__ */ x(
+            /* @__PURE__ */ m(
               "div",
               {
                 style: {
@@ -2156,8 +1361,8 @@ const Ee = ({
                   backgroundColor: t.colors.background
                 },
                 children: [
-                  /* @__PURE__ */ x("span", { children: [
-                    /* @__PURE__ */ i(
+                  /* @__PURE__ */ m("span", { children: [
+                    /* @__PURE__ */ s(
                       "kbd",
                       {
                         style: {
@@ -2172,8 +1377,8 @@ const Ee = ({
                     " ",
                     "Execute"
                   ] }),
-                  /* @__PURE__ */ x("span", { children: [
-                    /* @__PURE__ */ i(
+                  /* @__PURE__ */ m("span", { children: [
+                    /* @__PURE__ */ s(
                       "kbd",
                       {
                         style: {
@@ -2188,8 +1393,8 @@ const Ee = ({
                     " ",
                     "Close"
                   ] }),
-                  /* @__PURE__ */ x("span", { children: [
-                    /* @__PURE__ */ i(
+                  /* @__PURE__ */ m("span", { children: [
+                    /* @__PURE__ */ s(
                       "kbd",
                       {
                         style: {
@@ -2204,8 +1409,8 @@ const Ee = ({
                     " ",
                     "History"
                   ] }),
-                  /* @__PURE__ */ x("span", { style: { marginLeft: "auto" }, children: [
-                    /* @__PURE__ */ i(
+                  /* @__PURE__ */ m("span", { style: { marginLeft: "auto" }, children: [
+                    /* @__PURE__ */ s(
                       "kbd",
                       {
                         style: {
@@ -2224,16 +1429,16 @@ const Ee = ({
               }
             )
           ] }),
-          /* @__PURE__ */ x("div", { style: { overflow: "auto" }, children: [
-            S && /* @__PURE__ */ i(le, { tools: v, compact: v.length > 3 }),
-            C && /* @__PURE__ */ i(
-              ce,
+          /* @__PURE__ */ m("div", { style: { overflow: "auto" }, children: [
+            v && /* @__PURE__ */ s(te, { tools: b, compact: b.length > 3 }),
+            S && /* @__PURE__ */ s(
+              oe,
               {
-                response: p,
-                streaming: u === "thinking"
+                response: u,
+                streaming: c === "thinking"
               }
             ),
-            h && /* @__PURE__ */ x(
+            _ && /* @__PURE__ */ m(
               "div",
               {
                 style: {
@@ -2243,7 +1448,7 @@ const Ee = ({
                   flexWrap: "wrap"
                 },
                 children: [
-                  /* @__PURE__ */ i(
+                  /* @__PURE__ */ s(
                     "span",
                     {
                       style: {
@@ -2254,11 +1459,11 @@ const Ee = ({
                       children: "Try:"
                     }
                   ),
-                  b.map((O, V) => /* @__PURE__ */ x(
+                  h.map((N, V) => /* @__PURE__ */ m(
                     "button",
                     {
                       onClick: () => {
-                        l(O);
+                        d(N);
                       },
                       style: {
                         padding: "4px 10px",
@@ -2270,15 +1475,15 @@ const Ee = ({
                         cursor: "pointer",
                         transition: "background-color 150ms ease"
                       },
-                      onMouseEnter: (z) => {
-                        z.currentTarget.style.backgroundColor = t.colors.backgroundTertiary;
+                      onMouseEnter: (D) => {
+                        D.currentTarget.style.backgroundColor = t.colors.backgroundTertiary;
                       },
-                      onMouseLeave: (z) => {
-                        z.currentTarget.style.backgroundColor = t.colors.backgroundSecondary;
+                      onMouseLeave: (D) => {
+                        D.currentTarget.style.backgroundColor = t.colors.backgroundSecondary;
                       },
                       children: [
                         '"',
-                        O,
+                        N,
                         '"'
                       ]
                     },
@@ -2287,7 +1492,7 @@ const Ee = ({
                 ]
               }
             ),
-            E && /* @__PURE__ */ x(
+            H && /* @__PURE__ */ m(
               "div",
               {
                 style: {
@@ -2299,10 +1504,10 @@ const Ee = ({
                   gap: "8px"
                 },
                 children: [
-                  /* @__PURE__ */ i("span", { children: "Agent unavailable." }),
-                  /* @__PURE__ */ x("span", { style: { color: t.colors.textMuted }, children: [
+                  /* @__PURE__ */ s("span", { children: "Agent unavailable." }),
+                  /* @__PURE__ */ m("span", { style: { color: t.colors.textMuted }, children: [
                     "Use quick commands (start with ",
-                    /* @__PURE__ */ i("kbd", { style: {
+                    /* @__PURE__ */ s("kbd", { style: {
                       padding: "2px 6px",
                       backgroundColor: t.colors.backgroundSecondary,
                       borderRadius: "3px",
@@ -2313,7 +1518,7 @@ const Ee = ({
                 ]
               }
             ),
-            I && /* @__PURE__ */ x(
+            P && /* @__PURE__ */ m(
               "div",
               {
                 style: {
@@ -2323,29 +1528,29 @@ const Ee = ({
                   fontFamily: t.fonts.monospace
                 },
                 children: [
-                  /* @__PURE__ */ i("div", { style: { marginBottom: "8px", color: t.colors.textSecondary }, children: "Quick commands:" }),
-                  /* @__PURE__ */ x("div", { style: { display: "flex", flexDirection: "column", gap: "4px" }, children: [
-                    /* @__PURE__ */ x("div", { children: [
-                      /* @__PURE__ */ i("span", { style: { color: t.colors.info }, children: "/toggle" }),
+                  /* @__PURE__ */ 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__ */ i("span", { style: { color: t.colors.textMuted }, children: "<left|right>" }),
+                      /* @__PURE__ */ s("span", { style: { color: t.colors.textMuted }, children: "<left|right>" }),
                       " ",
                       "- Toggle sidebar visibility"
                     ] }),
-                    /* @__PURE__ */ x("div", { children: [
-                      /* @__PURE__ */ i("span", { style: { color: t.colors.info }, children: "/switch" }),
+                    /* @__PURE__ */ m("div", { children: [
+                      /* @__PURE__ */ s("span", { style: { color: t.colors.info }, children: "/switch" }),
                       " ",
-                      /* @__PURE__ */ i("span", { style: { color: t.colors.textMuted }, children: "<slot> <panel>" }),
+                      /* @__PURE__ */ s("span", { style: { color: t.colors.textMuted }, children: "<slot> <panel>" }),
                       " ",
                       "- Switch panel content"
                     ] }),
-                    /* @__PURE__ */ x("div", { children: [
-                      /* @__PURE__ */ i("span", { style: { color: t.colors.info }, children: "/collapse" }),
+                    /* @__PURE__ */ m("div", { children: [
+                      /* @__PURE__ */ s("span", { style: { color: t.colors.info }, children: "/collapse" }),
                       " ",
                       "- Collapse all sidebars"
                     ] }),
-                    /* @__PURE__ */ x("div", { children: [
-                      /* @__PURE__ */ i("span", { style: { color: t.colors.info }, children: "/expand" }),
+                    /* @__PURE__ */ m("div", { children: [
+                      /* @__PURE__ */ s("span", { style: { color: t.colors.info }, children: "/expand" }),
                       " ",
                       "- Expand all sidebars"
                     ] })
@@ -2357,7 +1562,7 @@ const Ee = ({
         ]
       }
     ),
-    /* @__PURE__ */ i("style", { children: `
+    /* @__PURE__ */ s("style", { children: `
           @keyframes pulse {
             0%, 100% { opacity: 1; }
             50% { opacity: 0.5; }
@@ -2373,184 +1578,184 @@ const Ee = ({
         ` })
   ] });
 };
-Ee.displayName = "AgentCommandPalette";
-const _e = [
+Te.displayName = "AgentCommandPalette";
+const Ce = [
   "hide sidebars",
   "show terminal",
   "focus editor"
 ];
-function ft({
+function Ge({
   events: o,
   keyboard: e = { key: "p", altKey: !0 },
   config: t = {},
   onExecuteTool: r,
-  initialSuggestions: s = _e,
+  initialSuggestions: a = Ce,
   agentAvailable: n = !0
 } = {}) {
-  const [a, l] = R(!1), [f, u] = R(""), [g, d] = R("natural"), [p, m] = R("idle"), [y, c] = R([]), [b, P] = R([]), [D, W] = R(""), [L, j] = R([]), [w, v] = R(-1), S = Y(() => s, [s]), C = k((T) => {
-    u(T), d(T.startsWith("/") ? "quick-command" : "natural");
-  }, []), h = k(() => {
-    l(!0), n ? (u(""), d("natural")) : (u("/"), d("quick-command")), m("idle"), c([]), P([]), W(""), v(-1), o == null || o.emit({
+  const [i, d] = W(!1), [y, c] = W(""), [T, p] = W("natural"), [u, x] = W("idle"), [k, l] = W([]), [h, C] = W([]), [E, R] = W(""), [I, F] = W([]), [f, b] = W(-1), v = me(() => a, [a]), S = g((w) => {
+    c(w), p(w.startsWith("/") ? "quick-command" : "natural");
+  }, []), _ = g(() => {
+    d(!0), n ? (c(""), p("natural")) : (c("/"), p("quick-command")), x("idle"), l([]), C([]), R(""), b(-1), o == null || o.emit({
       type: "agent-command-palette:opened",
       source: "agent-command-palette",
       timestamp: Date.now(),
       payload: {}
     });
-  }, [o, n]), I = k(() => {
-    l(!1), o == null || o.emit({
+  }, [o, n]), P = g(() => {
+    d(!1), o == null || o.emit({
       type: "agent-command-palette:closed",
       source: "agent-command-palette",
       timestamp: Date.now(),
       payload: {}
     });
-  }, [o]), E = k(() => {
-    a ? I() : h();
-  }, [a, h, I]), O = k(() => {
-    u(""), d("natural"), m("idle"), c([]), P([]), W(""), v(-1);
-  }, []), V = k((T) => {
-    const M = {
-      ...T,
+  }, [o]), H = g(() => {
+    i ? P() : _();
+  }, [i, _, P]), N = g(() => {
+    c(""), p("natural"), x("idle"), l([]), C([]), R(""), b(-1);
+  }, []), V = g((w) => {
+    const z = {
+      ...w,
       status: "pending"
     };
-    return c((N) => [...N, M]), M;
-  }, []), z = k(
-    (T, M, N, Q) => {
-      c((F) => {
-        const B = F.find((H) => H.id === T);
-        if (!B) return F;
-        const K = {
-          ...B,
-          status: M,
-          result: N,
-          error: Q
+    return l((j) => [...j, z]), z;
+  }, []), D = g(
+    (w, z, j, J) => {
+      l((q) => {
+        const O = q.find((B) => B.id === w);
+        if (!O) return q;
+        const $ = {
+          ...O,
+          status: z,
+          result: j,
+          error: J
         };
-        return M === "success" || M === "error" ? (P((H) => [...H, K]), F.filter((H) => H.id !== T)) : F.map((H) => H.id === T ? K : H);
+        return z === "success" || z === "error" ? (C((B) => [...B, $]), q.filter((B) => B.id !== w)) : q.map((B) => B.id === w ? $ : B);
       });
     },
     []
-  ), U = k(
-    async (T) => {
-      const M = T.replace(/^\//, "").trim().split(/\s+/), N = M[0], Q = M.slice(1);
-      if (!N) return;
-      m("executing");
-      const F = `quick-${Date.now()}`;
+  ), G = g(
+    async (w) => {
+      const z = w.replace(/^\//, "").trim().split(/\s+/), j = z[0], J = z.slice(1);
+      if (!j) return;
+      x("executing");
+      const q = `quick-${Date.now()}`;
       V({
-        id: F,
-        name: N,
-        args: { args: Q }
-      }), z(F, "running");
+        id: q,
+        name: j,
+        args: { args: J }
+      }), D(q, "running");
       try {
         if (r) {
-          const K = await r(N, { args: Q });
-          z(F, "success", String(K));
+          const $ = await r(j, { args: J });
+          D(q, "success", String($));
         } else
-          z(F, "success", "Tool executed (no handler)");
-        j((K) => [
+          D(q, "success", "Tool executed (no handler)");
+        F(($) => [
           {
-            query: T,
+            query: w,
             timestamp: Date.now(),
-            toolsExecuted: [N],
+            toolsExecuted: [j],
             success: !0
           },
-          ...K.slice(0, (t.maxHistoryEntries || 50) - 1)
-        ]), m("complete"), W(`Executed: ${N}`);
-        const B = t.autoCloseDelay ?? 1e3;
-        B > 0 && setTimeout(() => I(), B);
-      } catch (B) {
-        const K = B instanceof Error ? B.message : "Unknown error";
-        z(F, "error", void 0, K), m("error"), W(`Error: ${K}`);
+          ...$.slice(0, (t.maxHistoryEntries || 50) - 1)
+        ]), x("complete"), R(`Executed: ${j}`);
+        const O = t.autoCloseDelay ?? 1e3;
+        O > 0 && setTimeout(() => P(), O);
+      } catch (O) {
+        const $ = O instanceof Error ? O.message : "Unknown error";
+        D(q, "error", void 0, $), x("error"), R(`Error: ${$}`);
       }
     },
-    [r, V, z, t.autoCloseDelay, t.maxHistoryEntries, I]
-  ), te = k(() => {
-    if (f.trim()) {
-      if (g === "quick-command") {
-        U(f);
+    [r, V, D, t.autoCloseDelay, t.maxHistoryEntries, P]
+  ), ue = g(() => {
+    if (y.trim()) {
+      if (T === "quick-command") {
+        G(y);
         return;
       }
       if (!n) {
-        W("Agent unavailable. Use quick commands (start with /)."), m("error");
+        R("Agent unavailable. Use quick commands (start with /)."), x("error");
         return;
       }
-      m("thinking"), o == null || o.emit({
+      x("thinking"), o == null || o.emit({
         type: "agent-command-palette:submit",
         source: "agent-command-palette",
         timestamp: Date.now(),
-        payload: { query: f, mode: g }
-      }), j((T) => [
+        payload: { query: y, mode: T }
+      }), F((w) => [
         {
-          query: f,
+          query: y,
           timestamp: Date.now(),
           toolsExecuted: [],
           success: !0
         },
-        ...T.slice(0, (t.maxHistoryEntries || 50) - 1)
+        ...w.slice(0, (t.maxHistoryEntries || 50) - 1)
       ]);
     }
-  }, [f, g, U, o, t.maxHistoryEntries, n]), G = k(() => {
-    if (L.length === 0) return;
-    const T = w < L.length - 1 ? w + 1 : w;
-    v(T), L[T] && (u(L[T].query), d(L[T].query.startsWith("/") ? "quick-command" : "natural"));
-  }, [L, w]), ke = k(() => {
-    if (w <= 0) {
-      v(-1), u(""), d("natural");
+  }, [y, T, G, o, t.maxHistoryEntries, n]), fe = g(() => {
+    if (I.length === 0) return;
+    const w = f < I.length - 1 ? f + 1 : f;
+    b(w), I[w] && (c(I[w].query), p(I[w].query.startsWith("/") ? "quick-command" : "natural"));
+  }, [I, f]), ye = g(() => {
+    if (f <= 0) {
+      b(-1), c(""), p("natural");
       return;
     }
-    const T = w - 1;
-    v(T), L[T] && (u(L[T].query), d(L[T].query.startsWith("/") ? "quick-command" : "natural"));
-  }, [L, w]), ee = k(
-    (T) => {
+    const w = f - 1;
+    b(w), I[w] && (c(I[w].query), p(I[w].query.startsWith("/") ? "quick-command" : "natural"));
+  }, [I, f]), X = g(
+    (w) => {
       const {
-        key: M = "p",
-        altKey: N = !0,
-        ctrlKey: Q = !1,
-        metaKey: F = !1,
-        shiftKey: B = !1
-      } = e, K = T.altKey === N && T.ctrlKey === Q && T.metaKey === F && T.shiftKey === B;
-      if ((N ? T.code === `Key${M.toUpperCase()}` : T.key.toLowerCase() === M.toLowerCase()) && K) {
-        const X = T.target;
-        if (!X.closest("[data-agent-command-palette-input]") && (X.tagName === "INPUT" || X.tagName === "TEXTAREA" || X.isContentEditable))
+        key: z = "p",
+        altKey: j = !0,
+        ctrlKey: J = !1,
+        metaKey: q = !1,
+        shiftKey: O = !1
+      } = e, $ = w.altKey === j && w.ctrlKey === J && w.metaKey === q && w.shiftKey === O;
+      if ((j ? w.code === `Key${z.toUpperCase()}` : w.key.toLowerCase() === z.toLowerCase()) && $) {
+        const Q = w.target;
+        if (!Q.closest("[data-agent-command-palette-input]") && (Q.tagName === "INPUT" || Q.tagName === "TEXTAREA" || Q.isContentEditable))
           return;
-        T.preventDefault(), E();
+        w.preventDefault(), H();
       }
     },
-    [e, E]
+    [e, H]
   );
-  return A(() => (window.addEventListener("keydown", ee), () => window.removeEventListener("keydown", ee)), [ee]), {
+  return A(() => (window.addEventListener("keydown", X), () => window.removeEventListener("keydown", X)), [X]), {
     // Agent availability
     agentAvailable: n,
     // Visibility
-    isOpen: a,
-    open: h,
-    close: I,
-    toggle: E,
+    isOpen: i,
+    open: _,
+    close: P,
+    toggle: H,
     // Input
-    query: f,
-    setQuery: C,
-    mode: g,
+    query: y,
+    setQuery: S,
+    mode: T,
     // Execution
-    status: p,
-    setStatus: m,
-    pendingTools: y,
-    completedTools: b,
-    agentResponse: D,
-    setAgentResponse: W,
-    submit: te,
-    executeQuickCommand: U,
+    status: u,
+    setStatus: x,
+    pendingTools: k,
+    completedTools: h,
+    agentResponse: E,
+    setAgentResponse: R,
+    submit: ue,
+    executeQuickCommand: G,
     // Tool management (for external AI integration)
     addPendingTool: V,
-    updateToolStatus: z,
+    updateToolStatus: D,
     // History
-    history: L,
-    historyPrevious: G,
-    historyNext: ke,
+    history: I,
+    historyPrevious: fe,
+    historyNext: ye,
     // Suggestions
-    suggestions: S,
+    suggestions: v,
     // Actions
-    clear: O
+    clear: N
   };
 }
-const de = {
+const re = {
   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: {
@@ -2619,7 +1824,7 @@ const de = {
     call_template_type: "panel_event",
     event_type: "panel:get-visibility"
   }
-}, pe = {
+}, se = {
   name: "get_panel_state",
   description: "Get the current state of a specific panel. Returns panel-specific state data if the panel supports state queries.",
   inputs: {
@@ -2651,7 +1856,7 @@ const de = {
     call_template_type: "panel_event",
     event_type: "panel:get-state"
   }
-}, ue = {
+}, ae = {
   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: {
@@ -2684,7 +1889,7 @@ const de = {
     call_template_type: "panel_event",
     event_type: "panel:list-state-panels"
   }
-}, fe = {
+}, ne = {
   name: "toggle_panel",
   description: "Collapse or expand a side panel to give more space to the main content area.",
   inputs: {
@@ -2711,7 +1916,7 @@ const de = {
     call_template_type: "panel_event",
     event_type: "panel:toggle"
   }
-}, me = {
+}, ie = {
   name: "collapse_all_panels",
   description: "Collapse both left and right panels to maximize the main content area. Useful for focus mode.",
   inputs: {
@@ -2731,7 +1936,7 @@ const de = {
     call_template_type: "panel_event",
     event_type: "panel:collapse-all"
   }
-}, ye = {
+}, le = {
   name: "expand_all_panels",
   description: "Expand both left and right panels to show all content. Restores the default layout.",
   inputs: {
@@ -2751,7 +1956,7 @@ const de = {
     call_template_type: "panel_event",
     event_type: "panel:expand-all"
   }
-}, he = {
+}, ce = {
   name: "switch_panel",
   description: "Change which content is displayed in a panel slot (left, middle, or right).",
   inputs: {
@@ -2782,7 +1987,7 @@ const de = {
     call_template_type: "panel_event",
     event_type: "panel:switch"
   }
-}, ge = {
+}, de = {
   name: "focus_panel",
   description: "Set focus to a specific panel slot for keyboard navigation.",
   inputs: {
@@ -2808,7 +2013,7 @@ const de = {
     call_template_type: "panel_event",
     event_type: "panel:focus"
   }
-}, xe = {
+}, pe = {
   name: "reset_layout",
   description: "Reset panel sizes to the default layout configuration.",
   inputs: {
@@ -2828,113 +2033,44 @@ const de = {
     call_template_type: "panel_event",
     event_type: "panel:reset-layout"
   }
-}, ze = [
+}, Ie = [
   // State query tools
-  de,
-  pe,
-  ue,
+  re,
+  se,
+  ae,
   // Layout action tools
-  fe,
-  me,
-  ye,
-  he,
-  ge,
-  xe
-], mt = [
+  ne,
+  ie,
+  le,
+  ce,
   de,
-  pe,
-  ue
-], yt = [
-  fe,
-  me,
-  ye,
-  he,
-  ge,
-  xe
-], ht = {
+  pe
+], Xe = [
+  re,
+  se,
+  ae
+], Ye = [
+  ne,
+  ie,
+  le,
+  ce,
+  de,
+  pe
+], Ze = {
   id: "panel-layouts",
   name: "Panel Layouts",
   description: "Generic panel layout and state query operations",
-  tools: ze
+  tools: Ie
 };
-function $e(o, e, t = {}) {
-  const {
-    categoryPrefix: r = "Panel Tools",
-    basePriority: s = 50,
-    includePanelInCategory: n = !0
-  } = t, a = n ? `${r} > ${o.panelId}` : r, l = je(o.inputs);
-  return {
-    id: `tool.${o.qualifiedName}`,
-    label: qe(o.name),
-    description: o.description,
-    category: a,
-    keywords: [...o.tags, o.panelId, "tool"],
-    priority: s,
-    execute: async (f) => {
-      var g;
-      if (l) {
-        console.warn(
-          `Tool "${o.qualifiedName}" requires parameters. Invoke programmatically with: registry.invokeTool('${o.qualifiedName}', { ... })`
-        ), (g = f.events) == null || g.emit({
-          type: "tool:requires-parameters",
-          source: "command-palette",
-          timestamp: Date.now(),
-          payload: {
-            toolName: o.qualifiedName,
-            inputs: o.inputs
-          }
-        });
-        return;
-      }
-      const u = await e.invokeTool(
-        o.qualifiedName,
-        {},
-        "command-palette"
-      );
-      u.success || console.error(`Tool invocation failed: ${u.error}`), f.closeCommandPalette();
-    }
-  };
-}
-function be(o, e = {}) {
-  return o.getAllTools().map((r) => $e(r, o, e));
-}
-function gt(o, e = {}) {
-  return () => be(o, e);
-}
-function qe(o) {
-  return o.split("_").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join(" ");
-}
-function je(o) {
-  return !(o.type !== "object" || !o.required || o.required.length === 0);
-}
-function xt(o, e = {}) {
-  return be(o, e);
-}
-function bt(o) {
-  const { inputs: e } = o;
-  if (e.type !== "object" || !e.properties)
-    return [];
-  const t = new Set(e.required || []), r = [];
-  for (const [s, n] of Object.entries(e.properties))
-    r.push({
-      name: s,
-      type: n.type || "unknown",
-      description: n.description || "",
-      required: t.has(s),
-      default: n.default,
-      enum: n.enum
-    });
-  return r;
-}
-function Me(o) {
+function Pe(o) {
   const e = {};
   if (o.inputs.properties)
     for (const [t, r] of Object.entries(o.inputs.properties)) {
-      const s = r;
+      const a = r;
       e[t] = {
-        type: s.type || "string",
-        description: s.description,
-        ...s.enum && { enum: s.enum }
+        type: a.type || "string",
+        description: a.description,
+        ...a.enum && { enum: a.enum }
       };
     }
   return {
@@ -2947,12 +2083,12 @@ function Me(o) {
     }
   };
 }
-function kt(o) {
+function et(o) {
   return {
-    functionDeclarations: o.map(Me)
+    functionDeclarations: o.map(Pe)
   };
 }
-function Ne(o) {
+function We(o) {
   return {
     type: "function",
     function: {
@@ -2962,54 +2098,54 @@ function Ne(o) {
     }
   };
 }
-function wt(o) {
-  return o.map(Ne);
+function tt(o) {
+  return o.map(We);
 }
-function Fe(o) {
+function _e(o) {
   return {
     name: o.name,
     description: o.description,
     input_schema: o.inputs
   };
 }
-function Ct(o) {
-  return o.map(Fe);
+function ot(o) {
+  return o.map(_e);
 }
-function Oe(o) {
+function Re(o) {
   return {
     name: o.name,
     description: o.description,
     parameters: o.inputs
   };
 }
-function vt(o) {
-  return o.map(Oe);
+function rt(o) {
+  return o.map(Re);
 }
-function St(o, e = {}) {
+function st(o, e = {}) {
   const {
     header: t = "You have access to the following tools:",
     includeParameters: r = !0
-  } = e, s = o.map((n) => {
-    let a = `- ${n.name}: ${n.description}`;
+  } = e, a = o.map((n) => {
+    let i = `- ${n.name}: ${n.description}`;
     if (r && n.inputs.properties) {
-      const l = Object.entries(n.inputs.properties).map(([f, u]) => {
-        var p;
-        const g = u, d = (p = n.inputs.required) != null && p.includes(f) ? " (required)" : "";
-        return `    - ${f}: ${g.description || g.type}${d}`;
+      const d = Object.entries(n.inputs.properties).map(([y, c]) => {
+        var u;
+        const T = c, p = (u = n.inputs.required) != null && u.includes(y) ? " (required)" : "";
+        return `    - ${y}: ${T.description || T.type}${p}`;
       }).join(`
 `);
-      l && (a += `
-${l}`);
+      d && (i += `
+${d}`);
     }
-    return a;
+    return i;
   });
   return `${t}
 
-${s.join(`
+${a.join(`
 
 `)}`;
 }
-const Ke = ({ size: o = 18 }) => /* @__PURE__ */ x(
+const Le = ({ size: o = 18 }) => /* @__PURE__ */ m(
   "svg",
   {
     width: o,
@@ -3021,11 +2157,11 @@ const Ke = ({ size: o = 18 }) => /* @__PURE__ */ x(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ i("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
-      /* @__PURE__ */ i("path", { d: "M9 3v18" })
+      /* @__PURE__ */ s("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+      /* @__PURE__ */ s("path", { d: "M9 3v18" })
     ]
   }
-), Be = ({ size: o = 18 }) => /* @__PURE__ */ x(
+), Ae = ({ size: o = 18 }) => /* @__PURE__ */ m(
   "svg",
   {
     width: o,
@@ -3037,12 +2173,12 @@ const Ke = ({ size: o = 18 }) => /* @__PURE__ */ x(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ i("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
-      /* @__PURE__ */ i("path", { d: "M9 3v18" }),
-      /* @__PURE__ */ i("path", { d: "m16 15-3-3 3-3" })
+      /* @__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" })
     ]
   }
-), Ve = ({ size: o = 18 }) => /* @__PURE__ */ x(
+), Ee = ({ size: o = 18 }) => /* @__PURE__ */ m(
   "svg",
   {
     width: o,
@@ -3054,11 +2190,11 @@ const Ke = ({ size: o = 18 }) => /* @__PURE__ */ x(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ i("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
-      /* @__PURE__ */ i("path", { d: "M15 3v18" })
+      /* @__PURE__ */ s("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+      /* @__PURE__ */ s("path", { d: "M15 3v18" })
     ]
   }
-), He = ({ size: o = 18 }) => /* @__PURE__ */ x(
+), De = ({ size: o = 18 }) => /* @__PURE__ */ m(
   "svg",
   {
     width: o,
@@ -3070,32 +2206,32 @@ const Ke = ({ size: o = 18 }) => /* @__PURE__ */ x(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ i("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
-      /* @__PURE__ */ i("path", { d: "M15 3v18" }),
-      /* @__PURE__ */ i("path", { d: "m8 9 3 3-3 3" })
+      /* @__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" })
     ]
   }
-), oe = ({
+), Y = ({
   isCollapsed: o,
   onToggle: e,
   side: t = "left",
   iconSize: r = 18,
-  style: s,
+  style: a,
   shortcutHint: n = "Cmd/Ctrl+B",
-  title: a,
-  className: l
+  title: i,
+  className: d
 }) => {
-  const { theme: f } = q(), u = () => t === "right" ? o ? /* @__PURE__ */ i(Ve, { size: r }) : /* @__PURE__ */ i(He, { size: r }) : o ? /* @__PURE__ */ i(Ke, { size: r }) : /* @__PURE__ */ i(Be, { size: r });
-  return /* @__PURE__ */ i(
+  const { theme: y } = K(), c = () => t === "right" ? o ? /* @__PURE__ */ s(Ee, { size: r }) : /* @__PURE__ */ s(De, { size: r }) : o ? /* @__PURE__ */ s(Le, { size: r }) : /* @__PURE__ */ s(Ae, { size: r });
+  return /* @__PURE__ */ s(
     "button",
     {
       onClick: e,
-      title: a ?? `${o ? "Show" : "Hide"} ${t === "right" ? "Right Panel" : "Sidebar"}${n ? ` (${n})` : ""}`,
-      className: l,
+      title: i ?? `${o ? "Show" : "Hide"} ${t === "right" ? "Right Panel" : "Sidebar"}${n ? ` (${n})` : ""}`,
+      className: d,
       style: {
         background: "transparent",
         border: "none",
-        color: o ? f.colors.textSecondary : f.colors.primary,
+        color: o ? y.colors.textSecondary : y.colors.primary,
         cursor: "pointer",
         padding: "6px",
         borderRadius: "4px",
@@ -3105,18 +2241,18 @@ const Ke = ({ size: o = 18 }) => /* @__PURE__ */ x(
         transition: "all 0.2s",
         width: "32px",
         height: "32px",
-        ...s
+        ...a
       },
-      onMouseEnter: (d) => {
-        d.currentTarget.style.backgroundColor = f.colors.backgroundTertiary, d.currentTarget.style.color = f.colors.primary;
+      onMouseEnter: (p) => {
+        p.currentTarget.style.backgroundColor = y.colors.backgroundTertiary, p.currentTarget.style.color = y.colors.primary;
       },
-      onMouseLeave: (d) => {
-        d.currentTarget.style.backgroundColor = "transparent", d.currentTarget.style.color = o ? f.colors.textSecondary : f.colors.primary;
+      onMouseLeave: (p) => {
+        p.currentTarget.style.backgroundColor = "transparent", p.currentTarget.style.color = o ? y.colors.textSecondary : y.colors.primary;
       },
-      children: u()
+      children: c()
     }
   );
-}, Je = ({ size: o = 14 }) => /* @__PURE__ */ x(
+}, ze = ({ size: o = 14 }) => /* @__PURE__ */ m(
   "svg",
   {
     width: o,
@@ -3128,13 +2264,13 @@ const Ke = ({ size: o = 18 }) => /* @__PURE__ */ x(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ i("path", { d: "M8 3 4 7l4 4" }),
-      /* @__PURE__ */ i("path", { d: "M4 7h16" }),
-      /* @__PURE__ */ i("path", { d: "m16 21 4-4-4-4" }),
-      /* @__PURE__ */ i("path", { d: "M20 17H4" })
+      /* @__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" })
     ]
   }
-), Qe = ({ size: o = 14 }) => /* @__PURE__ */ x(
+), je = ({ size: o = 14 }) => /* @__PURE__ */ m(
   "svg",
   {
     width: o,
@@ -3146,31 +2282,31 @@ const Ke = ({ size: o = 18 }) => /* @__PURE__ */ x(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ i("path", { d: "m16 3 4 4-4 4" }),
-      /* @__PURE__ */ i("path", { d: "M20 7H4" }),
-      /* @__PURE__ */ i("path", { d: "m8 21-4-4 4-4" }),
-      /* @__PURE__ */ i("path", { d: "M4 17h16" })
+      /* @__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" })
     ]
   }
-), re = ({
+), Z = ({
   onSwitch: o,
   variant: e = "left-middle",
   iconSize: t = 14,
   style: r,
-  title: s,
+  title: a,
   className: n
 }) => {
-  const { theme: a } = q(), l = () => e === "left-middle" ? "Switch left and middle panels" : "Switch right and middle panels", f = e === "left-middle" ? Je : Qe;
-  return /* @__PURE__ */ i(
+  const { theme: i } = K(), d = () => e === "left-middle" ? "Switch left and middle panels" : "Switch right and middle panels", y = e === "left-middle" ? ze : je;
+  return /* @__PURE__ */ s(
     "button",
     {
       onClick: o,
-      title: s ?? l(),
+      title: a ?? d(),
       className: n,
       style: {
         background: "transparent",
         border: "none",
-        color: a.colors.textSecondary,
+        color: i.colors.textSecondary,
         cursor: "pointer",
         padding: "6px",
         borderRadius: "4px",
@@ -3182,16 +2318,16 @@ const Ke = ({ size: o = 18 }) => /* @__PURE__ */ x(
         height: "32px",
         ...r
       },
-      onMouseEnter: (u) => {
-        u.currentTarget.style.backgroundColor = a.colors.backgroundTertiary, u.currentTarget.style.color = a.colors.text;
+      onMouseEnter: (c) => {
+        c.currentTarget.style.backgroundColor = i.colors.backgroundTertiary, c.currentTarget.style.color = i.colors.text;
       },
-      onMouseLeave: (u) => {
-        u.currentTarget.style.backgroundColor = "transparent", u.currentTarget.style.color = a.colors.textSecondary;
+      onMouseLeave: (c) => {
+        c.currentTarget.style.backgroundColor = "transparent", c.currentTarget.style.color = i.colors.textSecondary;
       },
-      children: /* @__PURE__ */ i(f, { size: t })
+      children: /* @__PURE__ */ s(y, { size: t })
     }
   );
-}, Ue = ({ size: o = 14 }) => /* @__PURE__ */ x(
+}, qe = ({ size: o = 14 }) => /* @__PURE__ */ m(
   "svg",
   {
     width: o,
@@ -3203,25 +2339,25 @@ const Ke = ({ size: o = 18 }) => /* @__PURE__ */ x(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ i("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
-      /* @__PURE__ */ i("path", { d: "M3 9h18" }),
-      /* @__PURE__ */ i("path", { d: "M9 21V9" })
+      /* @__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" })
     ]
   }
-), Ge = ({
+), $e = ({
   onConfigure: o,
   iconSize: e = 14,
   style: t,
   title: r = "Configure panel layout",
-  className: s
+  className: a
 }) => {
-  const { theme: n } = q();
-  return /* @__PURE__ */ i(
+  const { theme: n } = K();
+  return /* @__PURE__ */ s(
     "button",
     {
       onClick: o,
       title: r,
-      className: s,
+      className: a,
       style: {
         background: "transparent",
         border: "none",
@@ -3237,156 +2373,141 @@ const Ke = ({ size: o = 18 }) => /* @__PURE__ */ x(
         height: "32px",
         ...t
       },
-      onMouseEnter: (a) => {
-        a.currentTarget.style.backgroundColor = n.colors.backgroundTertiary, a.currentTarget.style.color = n.colors.text;
+      onMouseEnter: (i) => {
+        i.currentTarget.style.backgroundColor = n.colors.backgroundTertiary, i.currentTarget.style.color = n.colors.text;
       },
-      onMouseLeave: (a) => {
-        a.currentTarget.style.backgroundColor = "transparent", a.currentTarget.style.color = n.colors.textSecondary;
+      onMouseLeave: (i) => {
+        i.currentTarget.style.backgroundColor = "transparent", i.currentTarget.style.color = n.colors.textSecondary;
       },
-      children: /* @__PURE__ */ i(Ue, { size: e })
+      children: /* @__PURE__ */ s(qe, { size: e })
     }
   );
-}, Tt = ({
+}, at = ({
   leftSidebarCollapsed: o = !1,
   onToggleLeftSidebar: e,
   showLeftSidebarControl: t = !1,
   rightSidebarCollapsed: r = !1,
-  onToggleRightSidebar: s,
+  onToggleRightSidebar: a,
   showRightSidebarControl: n = !1,
-  onSwitchLeftMiddlePanels: a,
-  showSwitchLeftMiddle: l = !1,
-  onSwitchRightMiddlePanels: f,
-  showSwitchRightMiddle: u = !1,
-  onConfigurePanels: g,
-  showConfigureButton: d = !1,
-  gap: p = 4,
-  style: m,
-  className: y,
-  iconSize: c,
-  leftCollapseButtonProps: b,
-  rightCollapseButtonProps: P,
-  leftMiddleSwitchButtonProps: D,
-  rightMiddleSwitchButtonProps: W,
-  configureButtonProps: L
-}) => t && e || l && a || d && g || u && f || n && s ? /* @__PURE__ */ x(
+  onSwitchLeftMiddlePanels: i,
+  showSwitchLeftMiddle: d = !1,
+  onSwitchRightMiddlePanels: y,
+  showSwitchRightMiddle: c = !1,
+  onConfigurePanels: T,
+  showConfigureButton: p = !1,
+  gap: u = 4,
+  style: x,
+  className: k,
+  iconSize: l,
+  leftCollapseButtonProps: h,
+  rightCollapseButtonProps: C,
+  leftMiddleSwitchButtonProps: E,
+  rightMiddleSwitchButtonProps: R,
+  configureButtonProps: I
+}) => t && e || d && i || p && T || c && y || n && a ? /* @__PURE__ */ m(
   "div",
   {
-    className: y,
+    className: k,
     style: {
       display: "flex",
       alignItems: "center",
-      gap: `${p}px`,
-      ...m
+      gap: `${u}px`,
+      ...x
     },
     children: [
-      t && e && /* @__PURE__ */ i(
-        oe,
+      t && e && /* @__PURE__ */ s(
+        Y,
         {
           isCollapsed: o,
           onToggle: e,
           side: "left",
-          iconSize: c ?? 18,
-          ...b
+          iconSize: l ?? 18,
+          ...h
         }
       ),
-      l && a && /* @__PURE__ */ i(
-        re,
+      d && i && /* @__PURE__ */ s(
+        Z,
         {
-          onSwitch: a,
+          onSwitch: i,
           variant: "left-middle",
-          iconSize: c ?? 14,
-          ...D
+          iconSize: l ?? 14,
+          ...E
         }
       ),
-      d && g && /* @__PURE__ */ i(
-        Ge,
+      p && T && /* @__PURE__ */ s(
+        $e,
         {
-          onConfigure: g,
-          iconSize: c ?? 14,
-          ...L
+          onConfigure: T,
+          iconSize: l ?? 14,
+          ...I
         }
       ),
-      u && f && /* @__PURE__ */ i(
-        re,
+      c && y && /* @__PURE__ */ s(
+        Z,
         {
-          onSwitch: f,
+          onSwitch: y,
           variant: "right-middle",
-          iconSize: c ?? 14,
-          ...W
+          iconSize: l ?? 14,
+          ...R
         }
       ),
-      n && s && /* @__PURE__ */ i(
-        oe,
+      n && a && /* @__PURE__ */ s(
+        Y,
         {
           isCollapsed: r,
-          onToggle: s,
+          onToggle: a,
           side: "right",
-          iconSize: c ?? 18,
-          ...P
+          iconSize: l ?? 18,
+          ...C
         }
       )
     ]
   }
 ) : null;
 export {
-  ie as AgentCommandInput,
-  Ee as AgentCommandPalette,
-  ce as AgentResponseDisplay,
-  Ie as CommandInput,
-  ne as CommandItem,
-  Re as CommandList,
-  lt as CommandPalette,
-  ae as CommandRegistryService,
-  Rt as EditableConfigurablePanelLayout,
-  it as FocusIndicator,
-  Te as LocalStoragePersistenceAdapter,
-  Pe as LocalStorageWorkspaceAdapter,
-  oe as PanelCollapseButton,
-  Ge as PanelConfigureButton,
-  Tt as PanelControls,
-  re as PanelSwitchButton,
-  Lt as ResponsiveConfigurablePanelLayout,
-  le as ToolExecutionList,
-  _ as WorkspaceLayoutService,
-  me as collapseAllPanelsTool,
-  gt as createToolCommandsProvider,
-  ye as expandAllPanelsTool,
-  ge as focusPanelTool,
-  St as generateToolsSystemPrompt,
-  ct as getGlobalCommandRegistry,
-  ut as getPanelCommands,
-  pe as getPanelStateTool,
-  bt as getToolParameterInfo,
-  de as getVisiblePanelsTool,
-  yt as layoutActionTools,
-  ze as layoutTools,
-  ht as layoutToolsMetadata,
-  ue as listPanelsWithStateTool,
-  Wt as mapThemeToPanelVars,
-  At as mapThemeToTabVars,
-  Le as panelCommands,
-  dt as resetGlobalCommandRegistry,
-  xe as resetLayoutTool,
-  mt as stateQueryTools,
-  he as switchPanelTool,
-  fe as togglePanelTool,
-  Oe as toolToAIFunction,
-  Fe as toolToAnthropicFormat,
-  $e as toolToCommand,
-  Me as toolToGeminiFunction,
-  Ne as toolToOpenAIFunction,
-  vt as toolsToAIFunctions,
-  Ct as toolsToAnthropicFormat,
-  be as toolsToCommands,
-  kt as toolsToGeminiFormat,
-  wt as toolsToOpenAIFormat,
-  ft as useAgentCommandPalette,
-  pt as useCommandPalette,
-  st as usePanelFocus,
-  at as usePanelFocusListener,
-  nt as usePanelKeyboardShortcuts,
-  ot as usePanelPersistence,
-  xt as useToolCommands,
-  rt as useWorkspace
+  ee as AgentCommandInput,
+  Te as AgentCommandPalette,
+  oe as AgentResponseDisplay,
+  lt as EditableConfigurablePanelLayout,
+  Qe as FocusIndicator,
+  xe as LocalStoragePersistenceAdapter,
+  we as LocalStorageWorkspaceAdapter,
+  Y as PanelCollapseButton,
+  $e as PanelConfigureButton,
+  at as PanelControls,
+  Z as PanelSwitchButton,
+  ct as ResponsiveConfigurablePanelLayout,
+  te as ToolExecutionList,
+  L as WorkspaceLayoutService,
+  ie as collapseAllPanelsTool,
+  le as expandAllPanelsTool,
+  de as focusPanelTool,
+  st as generateToolsSystemPrompt,
+  se as getPanelStateTool,
+  re as getVisiblePanelsTool,
+  Ye as layoutActionTools,
+  Ie as layoutTools,
+  Ze as layoutToolsMetadata,
+  ae as listPanelsWithStateTool,
+  dt as mapThemeToPanelVars,
+  pt as mapThemeToTabVars,
+  pe as resetLayoutTool,
+  Xe as stateQueryTools,
+  ce as switchPanelTool,
+  ne as togglePanelTool,
+  Re as toolToAIFunction,
+  _e as toolToAnthropicFormat,
+  Pe as toolToGeminiFunction,
+  We as toolToOpenAIFunction,
+  rt as toolsToAIFunctions,
+  ot as toolsToAnthropicFormat,
+  et as toolsToGeminiFormat,
+  tt as toolsToOpenAIFormat,
+  Ge as useAgentCommandPalette,
+  Je as usePanelFocus,
+  Ue as usePanelFocusListener,
+  He as usePanelKeyboardShortcuts,
+  Ke as usePanelPersistence,
+  Ve as useWorkspace
 };
 //# sourceMappingURL=index.esm.js.map