npm - @principal-ade/panel-layouts - Versions diffs - 0.2.5 → 0.2.6 - Mend

@principal-ade/panel-layouts 0.2.5 → 0.2.6

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

Files changed (6) hide show

package/dist/index.esm.js CHANGED Viewed

@@ -1,149 +1,149 @@
-import './index.css';var se = Object.defineProperty;
-var ne = (t, e, o) => e in t ? se(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o;
-var E = (t, e, o) => ne(t, typeof e != "symbol" ? e + "" : e, o);
-import { EditableConfigurablePanelLayout as it, ResponsiveConfigurablePanelLayout as lt, mapThemeToPanelVars as ct, mapThemeToTabVars as pt } from "@principal-ade/panels";
-import ie, { useState as _, useRef as L, useEffect as I, useCallback as w, forwardRef as le, useMemo as O } from "react";
-import { jsx as f, jsxs as S, Fragment as ce } from "react/jsx-runtime";
-import { useTheme as $ } from "@principal-ade/industry-theme";
-class pe {
+import './index.css';var we = Object.defineProperty;
+var ke = (o, e, t) => e in o ? we(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
+var H = (o, e, t) => ke(o, typeof e != "symbol" ? e + "" : e, t);
+import { EditableConfigurablePanelLayout as It, ResponsiveConfigurablePanelLayout as Rt, mapThemeToPanelVars as Lt, mapThemeToTabVars as At } from "@principal-ade/panels";
+import Ce, { useState as L, useRef as z, useEffect as W, useCallback as x, forwardRef as ve, useMemo as X } from "react";
+import { jsx as l, jsxs as b, Fragment as se } from "react/jsx-runtime";
+import { useTheme as q } from "@principal-ade/industry-theme";
+class Se {
   constructor() {
-    E(this, "storageKey", "panel-layouts");
+    H(this, "storageKey", "panel-layouts");
   }
   async load(e) {
     try {
-      const o = localStorage.getItem(`${this.storageKey}:${e}`);
-      return o ? JSON.parse(o) : null;
-    } catch (o) {
-      return console.error(`Failed to load panel layout for ${e}:`, o), null;
+      const t = localStorage.getItem(`${this.storageKey}:${e}`);
+      return t ? JSON.parse(t) : null;
+    } catch (t) {
+      return console.error(`Failed to load panel layout for ${e}:`, t), null;
     }
   }
-  async save(e, o) {
+  async save(e, t) {
     try {
       localStorage.setItem(
         `${this.storageKey}:${e}`,
-        JSON.stringify(o)
+        JSON.stringify(t)
       );
-    } catch (a) {
-      console.error(`Failed to save panel layout for ${e}:`, a);
+    } catch (r) {
+      console.error(`Failed to save panel layout for ${e}:`, r);
     }
   }
 }
-function $e(t) {
+function tt(o) {
   const {
     viewKey: e,
-    defaultSizes: o,
-    panelType: a,
-    adapter: r = new pe()
-  } = t, [n, s] = _(o), [i, p] = _(t.collapsed), d = L(t.collapsed), g = L({}), c = L(null), m = L(null);
-  I(() => {
+    defaultSizes: t,
+    panelType: r,
+    adapter: s = new Se()
+  } = o, [a, n] = L(t), [i, p] = L(o.collapsed), u = z(o.collapsed), h = z({}), d = z(null), f = z(null);
+  W(() => {
     (async () => {
-      const C = await r.load(e);
-      C != null && C.sizes && (s(C.sizes), y(C.sizes));
+      const P = await s.load(e);
+      P != null && P.sizes && (n(P.sizes), g(P.sizes));
     })();
   }, [e]);
-  const y = w(
-    (k) => {
-      "left" in k && k.left > 0 && (g.current.left = k.left), "middle" in k && k.middle > 0 && (g.current.middle = k.middle), "right" in k && k.right > 0 && (g.current.right = k.right);
+  const g = x(
+    (w) => {
+      "left" in w && w.left > 0 && (h.current.left = w.left), "middle" in w && w.middle > 0 && (h.current.middle = w.middle), "right" in w && w.right > 0 && (h.current.right = w.right);
     },
     []
-  ), u = w(
-    (k) => {
-      const C = g.current[k];
-      if (C && C > 0)
-        return C;
-      if (k === "left" && "left" in o && o.left > 0)
-        return o.left;
-      if (k === "right" && "right" in o && o.right > 0)
-        return o.right;
+  ), m = x(
+    (w) => {
+      const P = h.current[w];
+      if (P && P > 0)
+        return P;
+      if (w === "left" && "left" in t && t.left > 0)
+        return t.left;
+      if (w === "right" && "right" in t && t.right > 0)
+        return t.right;
     },
-    [o]
-  ), l = L(o);
-  I(() => {
-    ("left" in o && o.left !== l.current.left || "middle" in o && "middle" in l.current && o.middle !== l.current.middle || "right" in o && o.right !== l.current.right) && (s(o), y(o), l.current = o);
-  }, [o, y]), I(() => {
-    const k = t.collapsed.left !== d.current.left, C = "right" in t.collapsed && "right" in d.current && t.collapsed.right !== d.current.right;
-    (k || C) && (p(t.collapsed), d.current = { ...t.collapsed });
-  }, [t.collapsed.left, t.collapsed.right]);
-  const b = w(
-    async (k) => {
+    [t]
+  ), c = z(t);
+  W(() => {
+    ("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) && (n(t), g(t), c.current = t);
+  }, [t, g]), W(() => {
+    const w = o.collapsed.left !== u.current.left, P = "right" in o.collapsed && "right" in u.current && o.collapsed.right !== u.current.right;
+    (w || P) && (p(o.collapsed), u.current = { ...o.collapsed });
+  }, [o.collapsed.left, o.collapsed.right]);
+  const k = x(
+    async (w) => {
       try {
-        await r.save(e, { sizes: k });
-      } catch (C) {
+        await s.save(e, { sizes: w });
+      } catch (P) {
         console.error(
           `Failed to save panel preferences for ${e}:`,
-          C
+          P
         );
       }
     },
-    [e, r]
-  ), P = w(
-    (k) => {
-      const C = { ...k };
+    [e, s]
+  ), R = x(
+    (w) => {
+      const P = { ...w };
       let v = !0;
-      if ("left" in k) {
-        const x = !!(i != null && i.left), h = k.left;
-        if (x) {
-          const T = u("left");
-          T !== void 0 && T > 0 ? C.left = T : v = !1;
-        } else h === 0 && (v = !1);
+      if ("left" in w) {
+        const C = !!(i != null && i.left), y = w.left;
+        if (C) {
+          const S = m("left");
+          S !== void 0 && S > 0 ? P.left = S : v = !1;
+        } else y === 0 && (v = !1);
       }
-      if (a === "three-panel" && "right" in k) {
-        const x = !!(i != null && i.right), h = k.right;
-        if (x) {
-          const T = u("right");
-          T !== void 0 && T > 0 ? C.right = T : v = !1;
-        } else h === 0 && (v = !1);
+      if (r === "three-panel" && "right" in w) {
+        const C = !!(i != null && i.right), y = w.right;
+        if (C) {
+          const S = m("right");
+          S !== void 0 && S > 0 ? P.right = S : v = !1;
+        } else y === 0 && (v = !1);
       }
-      if (s(C), y(C), c.current && (clearTimeout(c.current), c.current = null), !v) {
-        m.current = null;
+      if (n(P), g(P), d.current && (clearTimeout(d.current), d.current = null), !v) {
+        f.current = null;
         return;
       }
-      m.current = C, c.current = setTimeout(() => {
-        const x = m.current;
-        x && (b(x), m.current = null), c.current = null;
+      f.current = P, d.current = setTimeout(() => {
+        const C = f.current;
+        C && (k(C), f.current = null), d.current = null;
       }, 500);
     },
     [
       i,
-      u,
-      a,
-      b,
-      y
+      m,
+      r,
+      k,
+      g
     ]
   );
-  I(() => () => {
-    if (c.current) {
-      const k = m.current;
-      k && (b(k), m.current = null), clearTimeout(c.current), c.current = null;
+  W(() => () => {
+    if (d.current) {
+      const w = f.current;
+      w && (k(w), f.current = null), clearTimeout(d.current), d.current = null;
     }
-  }, [b]);
-  const W = w(async () => {
-  }, []), A = w(async () => {
-  }, []), D = w(async () => {
-  }, []), j = w(async () => {
+  }, [k]);
+  const A = x(async () => {
+  }, []), I = x(async () => {
+  }, []), $ = x(async () => {
+  }, []), D = x(async () => {
   }, []);
-  return a === "three-panel" ? {
+  return r === "three-panel" ? {
     type: "three-panel",
-    sizes: n,
+    sizes: a,
     collapsed: i,
-    handlePanelResize: P,
-    handleLeftCollapseComplete: W,
-    handleLeftExpandComplete: A,
-    handleRightCollapseComplete: D,
-    handleRightExpandComplete: j
+    handlePanelResize: R,
+    handleLeftCollapseComplete: A,
+    handleLeftExpandComplete: I,
+    handleRightCollapseComplete: $,
+    handleRightExpandComplete: D
   } : {
     type: "two-panel",
-    sizes: n,
+    sizes: a,
     collapsed: i,
-    handlePanelResize: P,
-    handleLeftCollapseComplete: W,
-    handleLeftExpandComplete: A
+    handlePanelResize: R,
+    handleLeftCollapseComplete: A,
+    handleLeftExpandComplete: I
   };
 }
-class de {
+class Te {
   constructor() {
-    E(this, "PRESETS_KEY", "panel-layouts:workspace-presets");
-    E(this, "REPO_STATE_PREFIX", "panel-layouts:repo-state:");
+    H(this, "PRESETS_KEY", "panel-layouts:workspace-presets");
+    H(this, "REPO_STATE_PREFIX", "panel-layouts:repo-state:");
   }
   /**
    * Load all user-created workspace presets
@@ -162,8 +162,8 @@ class de {
   async saveWorkspacePresets(e) {
     try {
       localStorage.setItem(this.PRESETS_KEY, JSON.stringify(e));
-    } catch (o) {
-      throw console.error("Failed to save workspace presets:", o), o;
+    } catch (t) {
+      throw console.error("Failed to save workspace presets:", t), t;
     }
   }
   /**
@@ -171,27 +171,27 @@ class de {
    */
   async loadRepositoryState(e) {
     try {
-      const o = `${this.REPO_STATE_PREFIX}${e}`, a = localStorage.getItem(o);
-      return a ? JSON.parse(a) : null;
-    } catch (o) {
+      const t = `${this.REPO_STATE_PREFIX}${e}`, r = localStorage.getItem(t);
+      return r ? JSON.parse(r) : null;
+    } catch (t) {
       return console.error(
         `Failed to load repository state for ${e}:`,
-        o
+        t
       ), null;
     }
   }
   /**
    * Save repository-specific workspace state
    */
-  async saveRepositoryState(e, o) {
+  async saveRepositoryState(e, t) {
     try {
-      const a = `${this.REPO_STATE_PREFIX}${e}`;
-      localStorage.setItem(a, JSON.stringify(o));
-    } catch (a) {
+      const r = `${this.REPO_STATE_PREFIX}${e}`;
+      localStorage.setItem(r, JSON.stringify(t));
+    } catch (r) {
       throw console.error(
         `Failed to save repository state for ${e}:`,
-        a
-      ), a;
+        r
+      ), r;
     }
   }
   /**
@@ -200,17 +200,17 @@ class de {
   async loadAllRepositoryStates() {
     try {
       const e = {};
-      for (let o = 0; o < localStorage.length; o++) {
-        const a = localStorage.key(o);
-        if (a && a.startsWith(this.REPO_STATE_PREFIX)) {
-          const r = a.substring(this.REPO_STATE_PREFIX.length), n = localStorage.getItem(a);
-          if (n)
+      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), a = localStorage.getItem(r);
+          if (a)
             try {
-              e[r] = JSON.parse(n);
-            } catch (s) {
+              e[s] = JSON.parse(a);
+            } catch (n) {
               console.error(
-                `Failed to parse repository state for ${r}:`,
-                s
+                `Failed to parse repository state for ${s}:`,
+                n
               );
             }
         }
@@ -221,7 +221,7 @@ class de {
     }
   }
 }
-class R {
+class _ {
   /**
    * Configure a custom storage adapter (for Electron IPC or remote storage)
    */
@@ -248,8 +248,8 @@ class R {
    * Create a new workspace layout
    */
   static async createWorkspaceLayout(e) {
-    const o = await this.adapter.loadWorkspacePresets(), a = this.generateWorkspaceId(e.name), r = {
-      id: a,
+    const t = await this.adapter.loadWorkspacePresets(), r = this.generateWorkspaceId(e.name), s = {
+      id: r,
       name: e.name,
       description: e.description,
       layout: e.layout,
@@ -258,46 +258,46 @@ class R {
       createdAt: Date.now(),
       updatedAt: Date.now(),
       isBuiltIn: !1
-    }, n = {
-      ...o,
-      [a]: r
+    }, a = {
+      ...t,
+      [r]: s
     };
-    return await this.adapter.saveWorkspacePresets(n), r;
+    return await this.adapter.saveWorkspacePresets(a), s;
   }
   /**
    * Update an existing workspace layout
    */
-  static async updateWorkspaceLayout(e, o) {
-    const a = await this.adapter.loadWorkspacePresets(), r = a[e];
-    if (!r)
+  static async updateWorkspaceLayout(e, t) {
+    const r = await this.adapter.loadWorkspacePresets(), s = r[e];
+    if (!s)
       return console.error(`Workspace layout ${e} not found`), null;
-    if (r.isBuiltIn)
+    if (s.isBuiltIn)
       return console.error(`Cannot update built-in workspace layout ${e}`), null;
-    const n = {
-      ...r,
-      ...o,
+    const a = {
+      ...s,
+      ...t,
       id: e,
       // Preserve ID
-      createdAt: r.createdAt,
+      createdAt: s.createdAt,
       // Preserve creation time
       updatedAt: Date.now()
-    }, s = {
-      ...a,
-      [e]: n
+    }, n = {
+      ...r,
+      [e]: a
     };
-    return await this.adapter.saveWorkspacePresets(s), n;
+    return await this.adapter.saveWorkspacePresets(n), a;
   }
   /**
    * Delete a workspace layout
    */
   static async deleteWorkspaceLayout(e) {
-    const o = await this.adapter.loadWorkspacePresets(), a = o[e];
-    if (!a)
+    const t = await this.adapter.loadWorkspacePresets(), r = t[e];
+    if (!r)
       return console.error(`Workspace layout ${e} not found`), !1;
-    if (a.isBuiltIn)
+    if (r.isBuiltIn)
       return console.error(`Cannot delete built-in workspace layout ${e}`), !1;
-    const r = { ...o };
-    return delete r[e], await this.adapter.saveWorkspacePresets(r), !0;
+    const s = { ...t };
+    return delete s[e], await this.adapter.saveWorkspacePresets(s), !0;
   }
   /**
    * Get repository state (which workspace + current sizes/collapsed)
@@ -308,89 +308,89 @@ class R {
   /**
    * Set repository state (which workspace + current sizes/collapsed/layout)
    */
-  static async setRepositoryState(e, o) {
-    await this.adapter.saveRepositoryState(e, o);
+  static async setRepositoryState(e, t) {
+    await this.adapter.saveRepositoryState(e, t);
   }
   /**
    * Update only sizes in repository state
    */
-  static async updateRepositorySizes(e, o) {
-    const a = await this.getRepositoryState(e);
-    a && await this.setRepositoryState(e, {
-      ...a,
-      sizes: o
+  static async updateRepositorySizes(e, t) {
+    const r = await this.getRepositoryState(e);
+    r && await this.setRepositoryState(e, {
+      ...r,
+      sizes: t
     });
   }
   /**
    * Update only collapsed state in repository state
    */
-  static async updateRepositoryCollapsed(e, o) {
-    const a = await this.getRepositoryState(e);
-    a && await this.setRepositoryState(e, {
-      ...a,
-      collapsed: o
+  static async updateRepositoryCollapsed(e, t) {
+    const r = await this.getRepositoryState(e);
+    r && await this.setRepositoryState(e, {
+      ...r,
+      collapsed: t
     });
   }
   /**
    * Check if repository state differs from workspace defaults
    */
-  static hasStateDeviation(e, o) {
-    const a = o.defaultSizes ? JSON.stringify(e.sizes) !== JSON.stringify(o.defaultSizes) : !1, r = o.defaultCollapsed ? JSON.stringify(e.collapsed) !== JSON.stringify(o.defaultCollapsed) : !1;
-    return { hasSizeDeviation: a, hasCollapsedDeviation: r };
+  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 };
   }
   /**
    * Update workspace defaults from repository state
    */
-  static async updateWorkspaceFromRepositoryState(e, o) {
-    const a = await this.getWorkspaceLayout(e), r = await this.getRepositoryState(o);
-    if (!a || !r || a.isBuiltIn) {
+  static async updateWorkspaceFromRepositoryState(e, t) {
+    const r = await this.getWorkspaceLayout(e), s = await this.getRepositoryState(t);
+    if (!r || !s || r.isBuiltIn) {
       console.error(
         "Cannot update built-in workspace or workspace/state not found"
       );
       return;
     }
     await this.updateWorkspaceLayout(e, {
-      defaultSizes: r.sizes,
-      defaultCollapsed: r.collapsed
+      defaultSizes: s.sizes,
+      defaultCollapsed: s.collapsed
     });
   }
   /**
    * Reset repository state to workspace defaults
    */
-  static async resetRepositoryToWorkspaceDefaults(e, o) {
-    const a = await this.getWorkspaceLayout(o);
-    if (!a) {
-      console.error(`Workspace ${o} not found`);
+  static async resetRepositoryToWorkspaceDefaults(e, t) {
+    const r = await this.getWorkspaceLayout(t);
+    if (!r) {
+      console.error(`Workspace ${t} not found`);
       return;
     }
-    const r = await this.getRepositoryState(e);
-    r && await this.setRepositoryState(e, {
-      ...r,
-      sizes: a.defaultSizes || { left: 20, middle: 45, right: 35 },
-      collapsed: a.defaultCollapsed || { left: !1, right: !1 }
+    const s = await this.getRepositoryState(e);
+    s && await this.setRepositoryState(e, {
+      ...s,
+      sizes: r.defaultSizes || { left: 20, middle: 45, right: 35 },
+      collapsed: r.defaultCollapsed || { left: !1, right: !1 }
     });
   }
   /**
    * Check if a layout matches a workspace layout
    */
-  static isLayoutMatchingWorkspace(e, o) {
-    return this.areLayoutsEqual(e, o.layout);
+  static isLayoutMatchingWorkspace(e, t) {
+    return this.areLayoutsEqual(e, t.layout);
   }
   /**
    * Find workspace ID that matches the given layout
    */
   static async findMatchingWorkspace(e) {
-    const o = await this.getWorkspaceLayouts();
-    for (const [a, r] of Object.entries(o))
-      if (this.isLayoutMatchingWorkspace(e, r))
-        return a;
+    const t = await this.getWorkspaceLayouts();
+    for (const [r, s] of Object.entries(t))
+      if (this.isLayoutMatchingWorkspace(e, s))
+        return r;
     return null;
   }
   /**
    * Deep comparison of two panel layouts
    */
-  static areLayoutsEqual(e, o) {
-    return JSON.stringify(e) === JSON.stringify(o);
+  static areLayoutsEqual(e, t) {
+    return JSON.stringify(e) === JSON.stringify(t);
   }
   /**
    * Generate a unique ID from a workspace name
@@ -610,303 +610,303 @@ class R {
     Object.keys(e).length;
   }
 }
-E(R, "adapter", new de());
-function je(t = {}) {
-  const { repositoryKey: e, autoInitialize: o = !1, defaultWorkspaceId: a } = t, [r, n] = _(
+H(_, "adapter", new Te());
+function ot(o = {}) {
+  const { repositoryKey: e, autoInitialize: t = !1, defaultWorkspaceId: r } = o, [s, a] = L(
     {}
-  ), [s, i] = _(null), [p, d] = _(null), [g, c] = _(!0), [m, y] = _(null), u = w(async () => {
+  ), [n, i] = L(null), [p, u] = L(null), [h, d] = L(!0), [f, g] = L(null), m = x(async () => {
     try {
-      c(!0), y(null);
-      const v = await R.getWorkspaceLayouts();
-      if (n(v), e) {
-        let x = await R.getRepositoryState(e);
-        if (!x && o) {
-          const h = a || "project-management", T = await R.getWorkspaceLayout(h);
-          T && (x = {
-            workspaceId: h,
-            sizes: T.defaultSizes || {
+      d(!0), g(null);
+      const v = await _.getWorkspaceLayouts();
+      if (a(v), e) {
+        let C = await _.getRepositoryState(e);
+        if (!C && t) {
+          const y = r || "project-management", S = await _.getWorkspaceLayout(y);
+          S && (C = {
+            workspaceId: y,
+            sizes: S.defaultSizes || {
               left: 20,
               middle: 45,
               right: 35
             },
-            collapsed: T.defaultCollapsed || {
+            collapsed: S.defaultCollapsed || {
               left: !1,
               right: !1
             }
-          }, await R.setRepositoryState(
+          }, await _.setRepositoryState(
             e,
-            x
+            C
           ));
         }
-        if (i(x), x != null && x.workspaceId) {
-          const h = await R.getWorkspaceLayout(
-            x.workspaceId
+        if (i(C), C != null && C.workspaceId) {
+          const y = await _.getWorkspaceLayout(
+            C.workspaceId
           );
-          d(h);
+          u(y);
         } else
-          d(null);
+          u(null);
       }
     } catch (v) {
-      y(v), console.error("Failed to load workspace data:", v);
+      g(v), console.error("Failed to load workspace data:", v);
     } finally {
-      c(!1);
+      d(!1);
     }
-  }, [e, o, a]);
-  I(() => {
-    u();
-  }, [u]);
-  const l = w(
-    async (v) => await R.getWorkspaceLayout(v),
+  }, [e, t, r]);
+  W(() => {
+    m();
+  }, [m]);
+  const c = x(
+    async (v) => await _.getWorkspaceLayout(v),
     []
-  ), b = w(
+  ), k = x(
     async (v) => {
-      const x = await R.createWorkspaceLayout(v);
-      return await u(), x;
+      const C = await _.createWorkspaceLayout(v);
+      return await m(), C;
     },
-    [u]
-  ), P = w(
-    async (v, x) => {
-      const h = await R.updateWorkspaceLayout(v, x);
-      return await u(), h;
+    [m]
+  ), R = x(
+    async (v, C) => {
+      const y = await _.updateWorkspaceLayout(v, C);
+      return await m(), y;
     },
-    [u]
-  ), W = w(
+    [m]
+  ), A = x(
     async (v) => {
-      const x = await R.deleteWorkspaceLayout(v);
-      return x && await u(), x;
+      const C = await _.deleteWorkspaceLayout(v);
+      return C && await m(), C;
     },
-    [u]
-  ), A = w(
+    [m]
+  ), I = x(
     async (v) => {
       if (!e) {
         console.error("Cannot apply workspace without repositoryKey");
         return;
       }
-      const x = await R.getWorkspaceLayout(v);
-      if (!x) {
+      const C = await _.getWorkspaceLayout(v);
+      if (!C) {
         console.error(`Workspace ${v} not found`);
         return;
       }
-      const h = {
+      const y = {
         workspaceId: v,
-        sizes: x.defaultSizes || { left: 20, middle: 45, right: 35 },
-        collapsed: x.defaultCollapsed || {
+        sizes: C.defaultSizes || { left: 20, middle: 45, right: 35 },
+        collapsed: C.defaultCollapsed || {
           left: !1,
           right: !1
         }
       };
-      await R.setRepositoryState(e, h), await u();
+      await _.setRepositoryState(e, y), await m();
     },
-    [e, u]
-  ), D = w(
+    [e, m]
+  ), $ = x(
     async (v) => {
       if (!e) {
         console.error("Cannot update sizes without repositoryKey");
         return;
       }
-      await R.updateRepositorySizes(e, v), await u();
+      await _.updateRepositorySizes(e, v), await m();
     },
-    [e, u]
-  ), j = w(
+    [e, m]
+  ), D = x(
     async (v) => {
       if (!e) {
         console.error("Cannot update collapsed without repositoryKey");
         return;
       }
-      await R.updateRepositoryCollapsed(
+      await _.updateRepositoryCollapsed(
         e,
         v
-      ), await u();
+      ), await m();
     },
-    [e, u]
-  ), k = w(async () => {
-    if (!e || !(s != null && s.workspaceId)) {
+    [e, m]
+  ), w = x(async () => {
+    if (!e || !(n != null && n.workspaceId)) {
       console.error("Cannot reset without repositoryKey and active workspace");
       return;
     }
-    await R.resetRepositoryToWorkspaceDefaults(
+    await _.resetRepositoryToWorkspaceDefaults(
       e,
-      s.workspaceId
-    ), await u();
-  }, [e, s == null ? void 0 : s.workspaceId, u]), C = w(async () => {
-    await u();
-  }, [u]);
+      n.workspaceId
+    ), await m();
+  }, [e, n == null ? void 0 : n.workspaceId, m]), P = x(async () => {
+    await m();
+  }, [m]);
   return {
-    workspaces: r,
-    repositoryState: s,
+    workspaces: s,
+    repositoryState: n,
     activeWorkspace: p,
-    loading: g,
-    error: m,
-    getWorkspace: l,
-    createWorkspace: b,
-    updateWorkspace: P,
-    deleteWorkspace: W,
-    applyWorkspace: A,
-    updateSizes: D,
-    updateCollapsed: j,
-    resetToDefaults: k,
-    refresh: C
+    loading: h,
+    error: f,
+    getWorkspace: c,
+    createWorkspace: k,
+    updateWorkspace: R,
+    deleteWorkspace: A,
+    applyWorkspace: I,
+    updateSizes: $,
+    updateCollapsed: D,
+    resetToDefaults: w,
+    refresh: P
   };
 }
-function qe(t = {}) {
+function rt(o = {}) {
   const {
     initialFocus: e = null,
-    collapsed: o = {},
-    panelType: a = "three-panel",
-    onFocusChange: r,
-    events: n,
-    getPanelId: s
-  } = t, [i, p] = _(
+    collapsed: t = {},
+    panelType: r = "three-panel",
+    onFocusChange: s,
+    events: a,
+    getPanelId: n
+  } = o, [i, p] = L(
     e
-  ), d = w(
-    (l) => {
-      const b = i;
-      if (p(l), r == null || r(l), n && s) {
-        if (b) {
-          const W = s(b);
-          W && n.emit({
+  ), u = x(
+    (c) => {
+      const k = i;
+      if (p(c), s == null || s(c), a && n) {
+        if (k) {
+          const A = n(k);
+          A && a.emit({
             type: "panel:blur",
             source: "panel-layouts",
             timestamp: Date.now(),
             payload: {
-              panelId: W,
-              panelSlot: b,
-              nextPanelId: s(l)
+              panelId: A,
+              panelSlot: k,
+              nextPanelId: n(c)
             }
           });
         }
-        const P = s(l);
-        P && n.emit({
+        const R = n(c);
+        R && a.emit({
           type: "panel:focus",
           source: "panel-layouts",
           timestamp: Date.now(),
           payload: {
-            panelId: P,
-            panelSlot: l,
+            panelId: R,
+            panelSlot: c,
             source: "keyboard-shortcut"
           }
         });
       }
     },
-    [i, r, n, s]
-  ), g = w(() => {
-    const l = i;
-    if (p(null), r == null || r(null), n && s && l) {
-      const b = s(l);
-      b && n.emit({
+    [i, s, a, n]
+  ), h = x(() => {
+    const c = i;
+    if (p(null), s == null || s(null), a && n && c) {
+      const k = n(c);
+      k && a.emit({
         type: "panel:blur",
         source: "panel-layouts",
         timestamp: Date.now(),
         payload: {
-          panelId: b,
-          panelSlot: l
+          panelId: k,
+          panelSlot: c
         }
       });
     }
-  }, [i, r, n, s]), c = w(() => {
-    const l = [];
-    return o.left || l.push("left"), l.push("middle"), a === "three-panel" && !o.right && l.push("right"), l;
-  }, [o, a]), m = w(() => {
-    const l = c();
-    if (l.length === 0) return;
+  }, [i, s, a, n]), d = x(() => {
+    const c = [];
+    return t.left || c.push("left"), c.push("middle"), r === "three-panel" && !t.right && c.push("right"), c;
+  }, [t, r]), f = x(() => {
+    const c = d();
+    if (c.length === 0) return;
     if (i === null) {
-      d(l[0]);
+      u(c[0]);
       return;
     }
-    const b = l.indexOf(i);
-    if (b === -1) {
-      d(l[0]);
+    const k = c.indexOf(i);
+    if (k === -1) {
+      u(c[0]);
       return;
     }
-    const P = (b + 1) % l.length;
-    d(l[P]);
-  }, [i, c, d]), y = w(() => {
-    const l = c();
-    if (l.length === 0) return;
+    const R = (k + 1) % c.length;
+    u(c[R]);
+  }, [i, d, u]), g = x(() => {
+    const c = d();
+    if (c.length === 0) return;
     if (i === null) {
-      d(l[l.length - 1]);
+      u(c[c.length - 1]);
       return;
     }
-    const b = l.indexOf(i);
-    if (b === -1) {
-      d(l[l.length - 1]);
+    const k = c.indexOf(i);
+    if (k === -1) {
+      u(c[c.length - 1]);
       return;
     }
-    const P = b === 0 ? l.length - 1 : b - 1;
-    d(l[P]);
-  }, [i, c, d]), u = w(
-    (l) => i === l,
+    const R = k === 0 ? c.length - 1 : k - 1;
+    u(c[R]);
+  }, [i, d, u]), m = x(
+    (c) => i === c,
     [i]
   );
   return {
     focusedPanel: i,
-    setFocus: d,
-    clearFocus: g,
-    focusNext: m,
-    focusPrevious: y,
-    isFocused: u
+    setFocus: u,
+    clearFocus: h,
+    focusNext: f,
+    focusPrevious: g,
+    isFocused: m
   };
 }
-function Fe(t) {
+function st(o) {
   const {
     enabled: e = !0,
-    focusedPanel: o,
-    collapsed: a,
-    panelType: r,
-    setFocus: n,
-    onExpand: s,
+    focusedPanel: t,
+    collapsed: r,
+    panelType: s,
+    setFocus: a,
+    onExpand: n,
     onCollapse: i
-  } = t, p = L(o), d = L(a), g = L(r);
-  I(() => {
-    p.current = o;
-  }, [o]), I(() => {
-    d.current = a;
-  }, [a]), I(() => {
-    g.current = r;
-  }, [r]);
-  const c = w(
-    (m) => {
-      if (!m.altKey || m.ctrlKey || m.metaKey || m.shiftKey)
+  } = o, p = z(t), u = z(r), h = z(s);
+  W(() => {
+    p.current = t;
+  }, [t]), W(() => {
+    u.current = r;
+  }, [r]), W(() => {
+    h.current = s;
+  }, [s]);
+  const d = x(
+    (f) => {
+      if (!f.altKey || f.ctrlKey || f.metaKey || f.shiftKey)
         return;
-      const y = m.code, u = p.current, l = d.current, b = g.current;
-      y === "Digit1" || y === "Numpad1" ? (m.preventDefault(), l.left ? s("left") : u !== "left" ? n("left") : (i("left"), n("middle"))) : y === "Digit2" || y === "Numpad2" ? (m.preventDefault(), n("middle")) : (y === "Digit3" || y === "Numpad3") && b === "three-panel" && (m.preventDefault(), l.right ? s("right") : u !== "right" ? n("right") : (i("right"), n("middle")));
+      const g = f.code, m = p.current, c = u.current, k = h.current;
+      g === "Digit1" || g === "Numpad1" ? (f.preventDefault(), c.left ? n("left") : m !== "left" ? a("left") : (i("left"), a("middle"))) : g === "Digit2" || g === "Numpad2" ? (f.preventDefault(), a("middle")) : (g === "Digit3" || g === "Numpad3") && k === "three-panel" && (f.preventDefault(), c.right ? n("right") : m !== "right" ? a("right") : (i("right"), a("middle")));
     },
-    [n, s, i]
+    [a, n, i]
   );
-  I(() => {
+  W(() => {
     if (e)
-      return window.addEventListener("keydown", c), () => {
-        window.removeEventListener("keydown", c);
+      return window.addEventListener("keydown", d), () => {
+        window.removeEventListener("keydown", d);
       };
-  }, [e, c]);
+  }, [e, d]);
 }
-function Oe(t, e, o, a) {
-  I(() => {
-    const r = e.on(
+function at(o, e, t, r) {
+  W(() => {
+    const s = e.on(
       "panel:focus",
-      (s) => {
-        s.payload.panelId === t && o();
+      (n) => {
+        n.payload.panelId === o && t();
       }
     );
-    let n;
-    return a && (n = e.on(
+    let a;
+    return r && (a = e.on(
       "panel:blur",
-      (s) => {
-        s.payload.panelId === t && a();
+      (n) => {
+        n.payload.panelId === o && r();
       }
     )), () => {
-      r(), n == null || n();
+      s(), a == null || a();
     };
-  }, [t, e, o, a]);
+  }, [o, e, t, r]);
 }
-const Me = ({
-  isFocused: t,
+const nt = ({
+  isFocused: o,
   className: e = "",
-  style: o = {}
+  style: t = {}
 }) => {
-  if (!t)
+  if (!o)
     return null;
-  const a = {
+  const r = {
     position: "absolute",
     top: 0,
     left: 0,
@@ -918,65 +918,65 @@ const Me = ({
     boxShadow: "0 0 0 1px var(--panel-focus-shadow-color, rgba(0, 102, 204, 0.2))",
     zIndex: 1e3,
     transition: "opacity 0.15s ease-in-out",
-    ...o
+    ...t
   };
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ l(
     "div",
     {
       className: `panel-focus-indicator ${e}`,
-      style: a,
+      style: r,
       role: "presentation",
       "aria-hidden": "true"
     }
   );
-}, ue = ({
-  value: t,
+}, Pe = ({
+  value: o,
   onChange: e,
-  placeholder: o = "> Type a command...",
-  onClose: a,
-  onEnter: r
+  placeholder: t = "> Type a command...",
+  onClose: r,
+  onEnter: s
 }) => {
-  const { theme: n } = $(), s = L(null);
-  I(() => {
-    s.current && s.current.focus();
+  const { theme: a } = q(), n = z(null);
+  W(() => {
+    n.current && n.current.focus();
   }, []);
   const i = (p) => {
     switch (p.key) {
       case "Enter":
-        p.preventDefault(), r == null || r();
+        p.preventDefault(), s == null || s();
         break;
       case "Escape":
-        p.preventDefault(), a();
+        p.preventDefault(), r();
         break;
     }
   };
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ l(
     "div",
     {
       style: {
         padding: "0",
-        borderBottom: `1px solid ${n.colors.border}`,
-        backgroundColor: n.colors.background
+        borderBottom: `1px solid ${a.colors.border}`,
+        backgroundColor: a.colors.background
       },
-      children: /* @__PURE__ */ f(
+      children: /* @__PURE__ */ l(
         "input",
         {
-          ref: s,
+          ref: n,
           type: "text",
-          value: t,
+          value: o,
           onChange: (p) => e(p.target.value),
           onKeyDown: i,
-          placeholder: o,
+          placeholder: t,
           style: {
             width: "100%",
             padding: "16px 20px",
             fontSize: "16px",
-            fontFamily: n.fonts.monospace,
+            fontFamily: a.fonts.monospace,
             backgroundColor: "transparent",
             border: "none",
             outline: "none",
-            color: n.colors.text,
-            caretColor: n.colors.primary
+            color: a.colors.text,
+            caretColor: a.colors.primary
           },
           autoComplete: "off",
           autoCorrect: "off",
@@ -986,33 +986,33 @@ const Me = ({
       )
     }
   );
-}, B = le(
-  ({ command: t, isSelected: e, onClick: o, onMouseEnter: a }, r) => {
-    const { theme: n } = $(), { label: s, description: i, icon: p, shortcut: d } = t, [g, c] = ie.useState(!1);
-    return /* @__PURE__ */ S(
+}, ae = ve(
+  ({ command: o, isSelected: e, onClick: t, onMouseEnter: r }, s) => {
+    const { theme: a } = q(), { label: n, description: i, icon: p, shortcut: u } = o, [h, d] = Ce.useState(!1);
+    return /* @__PURE__ */ b(
       "div",
       {
-        ref: r,
-        onClick: o,
+        ref: s,
+        onClick: t,
         onMouseEnter: () => {
-          c(!0), a();
+          d(!0), r();
         },
-        onMouseLeave: () => c(!1),
+        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",
+          backgroundColor: e || h ? a.colors.backgroundSecondary : "transparent",
+          borderLeft: e || h ? `3px solid ${a.colors.primary}` : "3px solid transparent",
           transition: "all 0.1s ease",
           display: "flex",
           alignItems: "center",
           gap: "12px"
         },
-        onMouseDown: (m) => {
-          m.preventDefault();
+        onMouseDown: (f) => {
+          f.preventDefault();
         },
         children: [
-          p && /* @__PURE__ */ f(
+          p && /* @__PURE__ */ l(
             "div",
             {
               style: {
@@ -1023,30 +1023,30 @@ const Me = ({
                 alignItems: "center",
                 justifyContent: "center",
                 fontSize: "16px",
-                color: e || g ? n.colors.primary : n.colors.textSecondary
+                color: e || h ? a.colors.primary : a.colors.textSecondary
               },
               children: p
             }
           ),
-          /* @__PURE__ */ S("div", { style: { flex: 1, minWidth: 0 }, children: [
-            /* @__PURE__ */ f(
+          /* @__PURE__ */ b("div", { style: { flex: 1, minWidth: 0 }, children: [
+            /* @__PURE__ */ l(
               "div",
               {
                 style: {
                   fontSize: "14px",
                   fontWeight: 500,
-                  color: e || g ? n.colors.text : n.colors.textSecondary,
+                  color: e || h ? a.colors.text : a.colors.textSecondary,
                   marginBottom: i ? "2px" : 0
                 },
-                children: s
+                children: n
               }
             ),
-            i && /* @__PURE__ */ f(
+            i && /* @__PURE__ */ l(
               "div",
               {
                 style: {
                   fontSize: "12px",
-                  color: n.colors.textMuted,
+                  color: a.colors.textMuted,
                   overflow: "hidden",
                   textOverflow: "ellipsis",
                   whiteSpace: "nowrap"
@@ -1055,20 +1055,20 @@ const Me = ({
               }
             )
           ] }),
-          d && /* @__PURE__ */ f(
+          u && /* @__PURE__ */ l(
             "div",
             {
               style: {
                 flexShrink: 0,
                 fontSize: "11px",
-                color: n.colors.textMuted,
+                color: a.colors.textMuted,
                 padding: "2px 8px",
-                backgroundColor: n.colors.background,
-                border: `1px solid ${n.colors.border}`,
+                backgroundColor: a.colors.background,
+                border: `1px solid ${a.colors.border}`,
                 borderRadius: "4px",
-                fontFamily: n.fonts.monospace
+                fontFamily: a.fonts.monospace
               },
-              children: d
+              children: u
             }
           )
         ]
@@ -1076,37 +1076,37 @@ const Me = ({
     );
   }
 );
-B.displayName = "CommandItem";
-const fe = ({
-  commands: t,
+ae.displayName = "CommandItem";
+const Ie = ({
+  commands: o,
   selectedIndex: e,
-  onSelect: o,
-  onHover: a,
-  maxResults: r = 10
+  onSelect: t,
+  onHover: r,
+  maxResults: s = 10
 }) => {
-  const { theme: n } = $(), s = L(null), i = L(null), p = t.slice(0, r);
-  I(() => {
-    if (i.current && s.current) {
-      const c = i.current, m = s.current, y = c.offsetTop, u = y + c.offsetHeight, l = m.scrollTop, b = m.clientHeight;
-      y < l ? m.scrollTop = y - 8 : u > l + b && (m.scrollTop = u - b + 8);
+  const { theme: a } = q(), n = z(null), i = z(null), p = o.slice(0, s);
+  W(() => {
+    if (i.current && n.current) {
+      const d = i.current, f = n.current, g = d.offsetTop, m = g + d.offsetHeight, c = f.scrollTop, k = f.clientHeight;
+      g < c ? f.scrollTop = g - 8 : m > c + k && (f.scrollTop = m - k + 8);
     }
   }, [e]);
-  const d = p.reduce((c, m, y) => {
-    const u = m.category || "Other";
-    return c[u] || (c[u] = []), c[u].push({ command: m, index: y }), c;
-  }, {}), g = Object.keys(d).sort((c, m) => c === "Other" ? 1 : m === "Other" ? -1 : c.localeCompare(m));
-  return /* @__PURE__ */ S(
+  const u = p.reduce((d, f, g) => {
+    const m = f.category || "Other";
+    return d[m] || (d[m] = []), d[m].push({ command: f, index: g }), d;
+  }, {}), h = Object.keys(u).sort((d, f) => d === "Other" ? 1 : f === "Other" ? -1 : d.localeCompare(f));
+  return /* @__PURE__ */ b(
     "div",
     {
-      ref: s,
+      ref: n,
       style: {
         overflowY: "auto",
         maxHeight: "400px",
         padding: "8px 0"
       },
       children: [
-        g.map((c) => /* @__PURE__ */ S("div", { children: [
-          g.length > 1 && /* @__PURE__ */ f(
+        h.map((d) => /* @__PURE__ */ b("div", { children: [
+          h.length > 1 && /* @__PURE__ */ l(
             "div",
             {
               style: {
@@ -1114,39 +1114,39 @@ const fe = ({
                 fontSize: "11px",
                 fontWeight: 600,
                 textTransform: "uppercase",
-                color: n.colors.textMuted,
+                color: a.colors.textMuted,
                 letterSpacing: "0.5px"
               },
-              children: c
+              children: d
             }
           ),
-          d[c].map(({ command: m, index: y }) => /* @__PURE__ */ f(
-            B,
+          u[d].map(({ command: f, index: g }) => /* @__PURE__ */ l(
+            ae,
             {
-              command: m,
-              isSelected: y === e,
-              onClick: () => o(m),
-              onMouseEnter: () => a(y),
-              ref: y === e ? i : void 0
+              command: f,
+              isSelected: g === e,
+              onClick: () => t(f),
+              onMouseEnter: () => r(g),
+              ref: g === e ? i : void 0
             },
-            m.id
+            f.id
           ))
-        ] }, c)),
-        t.length > r && /* @__PURE__ */ S(
+        ] }, d)),
+        o.length > s && /* @__PURE__ */ b(
           "div",
           {
             style: {
               padding: "8px 16px",
               fontSize: "12px",
-              color: n.colors.textMuted,
+              color: a.colors.textMuted,
               textAlign: "center",
-              borderTop: `1px solid ${n.colors.border}`
+              borderTop: `1px solid ${a.colors.border}`
             },
             children: [
               "Showing ",
-              r,
+              s,
               " of ",
-              t.length,
+              o.length,
               " results"
             ]
           }
@@ -1154,35 +1154,35 @@ const fe = ({
       ]
     }
   );
-}, Ne = ({
-  commandPalette: t,
+}, it = ({
+  commandPalette: o,
   config: e
 }) => {
-  const { theme: o } = $(), a = L(null), {
-    isOpen: r,
-    close: n,
-    query: s,
+  const { theme: t } = q(), r = z(null), {
+    isOpen: s,
+    close: a,
+    query: n,
     setQuery: i,
     filteredCommands: p,
-    selectedIndex: d,
-    setSelectedIndex: g,
-    executeSelected: c
-  } = t;
-  if (I(() => {
-    if (!r) return;
-    const u = (b) => {
-      a.current && !a.current.contains(b.target) && n();
-    }, l = setTimeout(() => {
-      document.addEventListener("mousedown", u);
+    selectedIndex: u,
+    setSelectedIndex: h,
+    executeSelected: d
+  } = o;
+  if (W(() => {
+    if (!s) return;
+    const m = (k) => {
+      r.current && !r.current.contains(k.target) && a();
+    }, c = setTimeout(() => {
+      document.addEventListener("mousedown", m);
     }, 100);
     return () => {
-      clearTimeout(l), document.removeEventListener("mousedown", u);
+      clearTimeout(c), document.removeEventListener("mousedown", m);
     };
-  }, [r, n]), !r)
+  }, [s, a]), !s)
     return null;
-  const m = (e == null ? void 0 : e.maxHeight) || "50vh", y = (e == null ? void 0 : e.placeholder) || "> Type a command...";
-  return /* @__PURE__ */ S(ce, { children: [
-    /* @__PURE__ */ f(
+  const f = (e == null ? void 0 : e.maxHeight) || "50vh", g = (e == null ? void 0 : e.placeholder) || "> Type a command...";
+  return /* @__PURE__ */ b(se, { children: [
+    /* @__PURE__ */ l(
       "div",
       {
         style: {
@@ -1192,89 +1192,89 @@ const fe = ({
           backdropFilter: "blur(2px)",
           zIndex: 999
         },
-        onClick: n
+        onClick: a
       }
     ),
-    /* @__PURE__ */ S(
+    /* @__PURE__ */ b(
       "div",
       {
-        ref: a,
+        ref: r,
         className: e == null ? void 0 : e.className,
         style: {
           position: "fixed",
           bottom: 0,
           left: 0,
           right: 0,
-          maxHeight: m,
-          backgroundColor: o.colors.surface,
-          borderTop: `1px solid ${o.colors.border}`,
-          boxShadow: o.shadows[2],
+          maxHeight: f,
+          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__ */ S("div", { children: [
-            /* @__PURE__ */ f(
-              ue,
+          /* @__PURE__ */ b("div", { children: [
+            /* @__PURE__ */ l(
+              Pe,
               {
-                value: s,
+                value: n,
                 onChange: i,
-                placeholder: y,
-                onClose: n,
-                onEnter: c
+                placeholder: g,
+                onClose: a,
+                onEnter: d
               }
             ),
-            /* @__PURE__ */ S(
+            /* @__PURE__ */ b(
               "div",
               {
                 style: {
                   padding: "8px 16px",
-                  borderTop: `1px solid ${o.colors.border}`,
+                  borderTop: `1px solid ${t.colors.border}`,
                   display: "flex",
                   gap: "16px",
                   fontSize: "12px",
-                  color: o.colors.textMuted,
-                  backgroundColor: o.colors.background
+                  color: t.colors.textMuted,
+                  backgroundColor: t.colors.background
                 },
                 children: [
-                  /* @__PURE__ */ S("span", { children: [
-                    /* @__PURE__ */ f("kbd", { style: { padding: "2px 6px", backgroundColor: o.colors.backgroundSecondary, borderRadius: "3px", border: `1px solid ${o.colors.border}` }, children: "Enter" }),
+                  /* @__PURE__ */ b("span", { children: [
+                    /* @__PURE__ */ l("kbd", { style: { padding: "2px 6px", backgroundColor: t.colors.backgroundSecondary, borderRadius: "3px", border: `1px solid ${t.colors.border}` }, children: "Enter" }),
                     " Execute"
                   ] }),
-                  /* @__PURE__ */ S("span", { children: [
-                    /* @__PURE__ */ f("kbd", { style: { padding: "2px 6px", backgroundColor: o.colors.backgroundSecondary, borderRadius: "3px", border: `1px solid ${o.colors.border}` }, children: "Esc" }),
+                  /* @__PURE__ */ b("span", { children: [
+                    /* @__PURE__ */ l("kbd", { style: { padding: "2px 6px", backgroundColor: t.colors.backgroundSecondary, borderRadius: "3px", border: `1px solid ${t.colors.border}` }, children: "Esc" }),
                     " Close"
                   ] })
                 ]
               }
             )
           ] }),
-          p.length > 0 && /* @__PURE__ */ f(
-            fe,
+          p.length > 0 && /* @__PURE__ */ l(
+            Ie,
             {
               commands: p,
-              selectedIndex: d,
-              onSelect: (u) => {
-                t.executeCommand(u.id);
+              selectedIndex: u,
+              onSelect: (m) => {
+                o.executeCommand(m.id);
               },
-              onHover: g,
+              onHover: h,
               maxResults: e == null ? void 0 : e.maxResults
             }
           ),
-          s && p.length === 0 && /* @__PURE__ */ S(
+          n && p.length === 0 && /* @__PURE__ */ b(
             "div",
             {
               style: {
                 padding: "24px 16px",
-                color: o.colors.textMuted,
+                color: t.colors.textMuted,
                 textAlign: "center",
                 fontSize: "14px"
               },
               children: [
                 'No commands found for "',
-                s,
+                n,
                 '"'
               ]
             }
@@ -1284,18 +1284,18 @@ const fe = ({
     )
   ] });
 };
-class K {
+class ne {
   constructor() {
-    E(this, "commands", /* @__PURE__ */ new Map());
-    E(this, "listeners", /* @__PURE__ */ new Set());
+    H(this, "commands", /* @__PURE__ */ new Map());
+    H(this, "listeners", /* @__PURE__ */ new Set());
   }
   /**
    * Register one or more commands
    * @param commands - Array of commands to register
    */
   registerCommands(e) {
-    e.forEach((o) => {
-      this.commands.set(o.id, o);
+    e.forEach((t) => {
+      this.commands.set(t.id, t);
     }), this.notifyListeners();
   }
   /**
@@ -1310,8 +1310,8 @@ class K {
    * @param commandIds - Array of command IDs to unregister
    */
   unregisterCommands(e) {
-    e.forEach((o) => {
-      this.commands.delete(o);
+    e.forEach((t) => {
+      this.commands.delete(t);
     }), this.notifyListeners();
   }
   /**
@@ -1327,8 +1327,8 @@ class K {
    * @returns Array of available commands
    */
   getCommands(e) {
-    const o = Array.from(this.commands.values());
-    return e ? o.filter((a) => a.isAvailable ? a.isAvailable(e) : !0) : o;
+    const t = Array.from(this.commands.values());
+    return e ? t.filter((r) => r.isAvailable ? r.isAvailable(e) : !0) : t;
   }
   /**
    * Get a command by ID
@@ -1343,35 +1343,35 @@ class K {
    * @param commandId - Command ID to execute
    * @param context - Command context
    */
-  async executeCommand(e, o) {
-    var r, n;
-    const a = this.commands.get(e);
-    if (!a) {
+  async executeCommand(e, t) {
+    var s, a;
+    const r = this.commands.get(e);
+    if (!r) {
       console.warn(`Command not found: ${e}`);
       return;
     }
-    if (a.isAvailable && !a.isAvailable(o)) {
+    if (r.isAvailable && !r.isAvailable(t)) {
       console.warn(`Command not available: ${e}`);
       return;
     }
     try {
-      await a.execute(o), (r = o.events) == null || r.emit({
+      await r.execute(t), (s = t.events) == null || s.emit({
         type: "command:executed",
         source: "command-palette",
         timestamp: Date.now(),
         payload: {
-          commandId: a.id,
-          commandLabel: a.label
+          commandId: r.id,
+          commandLabel: r.label
         }
       });
-    } catch (s) {
-      console.error(`Error executing command ${e}:`, s), (n = o.events) == null || n.emit({
+    } catch (n) {
+      console.error(`Error executing command ${e}:`, n), (a = t.events) == null || a.emit({
         type: "command:error",
         source: "command-palette",
         timestamp: Date.now(),
         payload: {
-          commandId: a.id,
-          error: s instanceof Error ? s.message : String(s)
+          commandId: r.id,
+          error: n instanceof Error ? n.message : String(n)
         }
       });
     }
@@ -1382,18 +1382,18 @@ class K {
    * @param context - Command context for availability checks
    * @returns Filtered and sorted commands
    */
-  searchCommands(e, o) {
-    const a = this.getCommands(o);
+  searchCommands(e, t) {
+    const r = this.getCommands(t);
     if (!e.trim())
-      return this.sortCommands(a);
-    const r = e.toLowerCase();
-    return a.map((s) => {
-      var p, d;
+      return this.sortCommands(r);
+    const s = e.toLowerCase();
+    return r.map((n) => {
+      var p, u;
       let i = 0;
-      return s.label.toLowerCase() === r ? i += 1e3 : s.label.toLowerCase().startsWith(r) ? i += 500 : s.label.toLowerCase().includes(r) && (i += 250), (p = s.description) != null && p.toLowerCase().includes(r) && (i += 100), s.keywords && s.keywords.some(
-        (c) => c.toLowerCase().includes(r)
-      ) && (i += 150), (d = s.category) != null && d.toLowerCase().includes(r) && (i += 50), i > 0 && s.priority && (i += s.priority), { command: s, score: i };
-    }).filter((s) => s.score > 0).sort((s, i) => i.score - s.score).map((s) => s.command);
+      return n.label.toLowerCase() === s ? i += 1e3 : n.label.toLowerCase().startsWith(s) ? i += 500 : n.label.toLowerCase().includes(s) && (i += 250), (p = n.description) != null && p.toLowerCase().includes(s) && (i += 100), n.keywords && n.keywords.some(
+        (d) => d.toLowerCase().includes(s)
+      ) && (i += 150), (u = n.category) != null && u.toLowerCase().includes(s) && (i += 50), i > 0 && n.priority && (i += n.priority), { command: n, score: i };
+    }).filter((n) => n.score > 0).sort((n, i) => i.score - n.score).map((n) => n.command);
   }
   /**
    * Sort commands by priority and label
@@ -1401,12 +1401,12 @@ class K {
    * @returns Sorted commands
    */
   sortCommands(e) {
-    return e.sort((o, a) => {
-      const r = (a.priority || 0) - (o.priority || 0);
-      if (r !== 0)
-        return r;
-      const n = o.category || "", s = a.category || "", i = n.localeCompare(s);
-      return i !== 0 ? i : o.label.localeCompare(a.label);
+    return e.sort((t, r) => {
+      const s = (r.priority || 0) - (t.priority || 0);
+      if (s !== 0)
+        return s;
+      const a = t.category || "", n = r.category || "", i = a.localeCompare(n);
+      return i !== 0 ? i : t.label.localeCompare(r.label);
     });
   }
   /**
@@ -1438,136 +1438,136 @@ class K {
     this.listeners.forEach((e) => e());
   }
 }
-let q = null;
-function Be() {
-  return q || (q = new K()), q;
+let Y = null;
+function lt() {
+  return Y || (Y = new ne()), Y;
 }
-function Ke() {
-  q = null;
+function ct() {
+  Y = null;
 }
-function Ve({
-  context: t,
+function dt({
+  context: o,
   commands: e = [],
-  keyboard: o = { key: " ", altKey: !0 },
-  config: a = {},
-  registry: r
+  keyboard: t = { key: " ", altKey: !0 },
+  config: r = {},
+  registry: s
 }) {
-  const [n, s] = _(!1), [i, p] = _(""), [d, g] = _(0), [c, m] = _([]), y = O(
-    () => r || new K(),
-    [r]
-  ), u = O(
+  const [a, n] = L(!1), [i, p] = L(""), [u, h] = L(0), [d, f] = L([]), g = X(
+    () => s || new ne(),
+    [s]
+  ), m = X(
     () => ({
-      ...t,
-      closeCommandPalette: () => s(!1)
+      ...o,
+      closeCommandPalette: () => n(!1)
     }),
-    [t]
+    [o]
   );
-  I(() => {
-    let h = !0;
-    const T = y.subscribe(() => {
-      if (h) {
-        const z = y.getCommands(u);
-        m(z);
+  W(() => {
+    let y = !0;
+    const S = g.subscribe(() => {
+      if (y) {
+        const E = g.getCommands(m);
+        f(E);
       }
     });
     if (e.length > 0)
-      y.registerCommands(e);
+      g.registerCommands(e);
     else {
-      const z = y.getCommands(u);
-      m(z);
+      const E = g.getCommands(m);
+      f(E);
     }
     return () => {
-      h = !1, T();
+      y = !1, S();
     };
-  }, [y]);
-  const l = O(() => (a.fuzzySearch === !1, y.searchCommands(i, u)), [i, y, u, a.fuzzySearch]);
-  I(() => {
-    g(0);
-  }, [l]);
-  const b = w(() => {
-    var h;
-    s(!0), p(""), g(0), (h = t.events) == null || h.emit({
+  }, [g]);
+  const c = X(() => (r.fuzzySearch === !1, g.searchCommands(i, m)), [i, g, m, r.fuzzySearch]);
+  W(() => {
+    h(0);
+  }, [c]);
+  const k = x(() => {
+    var y;
+    n(!0), p(""), h(0), (y = o.events) == null || y.emit({
       type: "command-palette:opened",
       source: "command-palette",
       timestamp: Date.now(),
       payload: {}
     });
-  }, [t.events]), P = w(() => {
-    var h;
-    s(!1), p(""), g(0), (h = t.events) == null || h.emit({
+  }, [o.events]), R = x(() => {
+    var y;
+    n(!1), p(""), h(0), (y = o.events) == null || y.emit({
       type: "command-palette:closed",
       source: "command-palette",
       timestamp: Date.now(),
       payload: {}
     });
-  }, [t.events]), W = w(() => {
-    n ? P() : b();
-  }, [n, b, P]), A = w(
-    async (h) => {
-      await y.executeCommand(h, u), P();
+  }, [o.events]), A = x(() => {
+    a ? R() : k();
+  }, [a, k, R]), I = x(
+    async (y) => {
+      await g.executeCommand(y, m), R();
     },
-    [y, u, P]
-  ), D = w(() => {
-    g((h) => {
-      const T = a.maxResults || l.length, z = Math.min(l.length, T) - 1;
-      return h < z ? h + 1 : 0;
+    [g, m, R]
+  ), $ = x(() => {
+    h((y) => {
+      const S = r.maxResults || c.length, E = Math.min(c.length, S) - 1;
+      return y < E ? y + 1 : 0;
     });
-  }, [l.length, a.maxResults]), j = w(() => {
-    g((h) => {
-      const T = a.maxResults || l.length, z = Math.min(l.length, T) - 1;
-      return h > 0 ? h - 1 : z;
+  }, [c.length, r.maxResults]), D = x(() => {
+    h((y) => {
+      const S = r.maxResults || c.length, E = Math.min(c.length, S) - 1;
+      return y > 0 ? y - 1 : E;
     });
-  }, [l.length, a.maxResults]), k = w(async () => {
-    const h = l[0];
-    h && await A(h.id);
-  }, [l, A]), C = w(
-    (h) => {
-      y.registerCommands(h);
+  }, [c.length, r.maxResults]), w = x(async () => {
+    const y = c[0];
+    y && await I(y.id);
+  }, [c, I]), P = x(
+    (y) => {
+      g.registerCommands(y);
     },
-    [y]
-  ), v = w(
-    (h) => {
-      y.unregisterCommands(h);
+    [g]
+  ), v = x(
+    (y) => {
+      g.unregisterCommands(y);
     },
-    [y]
-  ), x = w(
-    (h) => {
+    [g]
+  ), C = x(
+    (y) => {
       const {
-        key: T = " ",
-        altKey: z = !0,
-        ctrlKey: te = !1,
-        metaKey: oe = !1,
-        shiftKey: ae = !1
-      } = o, re = h.altKey === z && h.ctrlKey === te && h.metaKey === oe && h.shiftKey === ae;
-      if ((T === " " ? h.code === "Space" : h.key === T) && re) {
-        const F = h.target;
-        if (F.tagName === "INPUT" || F.tagName === "TEXTAREA" || F.isContentEditable)
+        key: S = " ",
+        altKey: E = !0,
+        ctrlKey: O = !1,
+        metaKey: V = !1,
+        shiftKey: Q = !1
+      } = t, Z = y.altKey === E && y.ctrlKey === O && y.metaKey === V && y.shiftKey === Q;
+      if ((S === " " ? y.code === "Space" : y.key === S) && Z) {
+        const G = y.target;
+        if (G.tagName === "INPUT" || G.tagName === "TEXTAREA" || G.isContentEditable)
           return;
-        h.preventDefault(), W();
+        y.preventDefault(), A();
       }
     },
-    [o, W]
+    [t, A]
   );
-  return I(() => (window.addEventListener("keydown", x), () => window.removeEventListener("keydown", x)), [x]), {
-    isOpen: n,
-    open: b,
-    close: P,
-    toggle: W,
+  return W(() => (window.addEventListener("keydown", C), () => window.removeEventListener("keydown", C)), [C]), {
+    isOpen: a,
+    open: k,
+    close: R,
+    toggle: A,
     query: i,
     setQuery: p,
-    filteredCommands: l,
-    executeCommand: A,
-    selectedIndex: d,
-    setSelectedIndex: g,
-    selectNext: D,
-    selectPrevious: j,
-    executeSelected: k,
-    commands: c,
-    registerCommands: C,
+    filteredCommands: c,
+    executeCommand: I,
+    selectedIndex: u,
+    setSelectedIndex: h,
+    selectNext: $,
+    selectPrevious: D,
+    executeSelected: w,
+    commands: d,
+    registerCommands: P,
     unregisterCommands: v
   };
 }
-const me = [
+const Re = [
   {
     id: "panel.focus.left",
     label: "Focus Left Panel",
@@ -1577,10 +1577,10 @@ const me = [
     shortcut: "Alt+1",
     priority: 100,
     keywords: ["left", "sidebar", "focus", "switch"],
-    execute: (t) => {
-      t.setFocus("left");
+    execute: (o) => {
+      o.setFocus("left");
     },
-    isAvailable: (t) => t.focusedPanel !== "left"
+    isAvailable: (o) => o.focusedPanel !== "left"
   },
   {
     id: "panel.focus.middle",
@@ -1591,10 +1591,10 @@ const me = [
     shortcut: "Alt+2",
     priority: 100,
     keywords: ["middle", "center", "main", "focus", "switch"],
-    execute: (t) => {
-      t.setFocus("middle");
+    execute: (o) => {
+      o.setFocus("middle");
     },
-    isAvailable: (t) => t.focusedPanel !== "middle"
+    isAvailable: (o) => o.focusedPanel !== "middle"
   },
   {
     id: "panel.focus.right",
@@ -1605,10 +1605,10 @@ const me = [
     shortcut: "Alt+3",
     priority: 100,
     keywords: ["right", "sidebar", "focus", "switch"],
-    execute: (t) => {
-      t.setFocus("right");
+    execute: (o) => {
+      o.setFocus("right");
     },
-    isAvailable: (t) => t.focusedPanel !== "right"
+    isAvailable: (o) => o.focusedPanel !== "right"
   },
   {
     id: "panel.toggle.left",
@@ -1618,9 +1618,9 @@ const me = [
     category: "Panel Control",
     keywords: ["toggle", "left", "collapse", "expand", "hide", "show"],
     priority: 80,
-    execute: (t) => {
+    execute: (o) => {
       var e;
-      (e = t.events) == null || e.emit({
+      (e = o.events) == null || e.emit({
         type: "panel:toggle",
         source: "command-palette",
         timestamp: Date.now(),
@@ -1636,9 +1636,9 @@ const me = [
     category: "Panel Control",
     keywords: ["toggle", "right", "collapse", "expand", "hide", "show"],
     priority: 80,
-    execute: (t) => {
+    execute: (o) => {
       var e;
-      (e = t.events) == null || e.emit({
+      (e = o.events) == null || e.emit({
         type: "panel:toggle",
         source: "command-palette",
         timestamp: Date.now(),
@@ -1654,9 +1654,9 @@ const me = [
     category: "Panel Control",
     keywords: ["collapse", "hide", "all", "maximize", "focus mode"],
     priority: 70,
-    execute: (t) => {
+    execute: (o) => {
       var e;
-      (e = t.events) == null || e.emit({
+      (e = o.events) == null || e.emit({
         type: "panel:collapse-all",
         source: "command-palette",
         timestamp: Date.now(),
@@ -1672,9 +1672,9 @@ const me = [
     category: "Panel Control",
     keywords: ["expand", "show", "all", "restore", "default"],
     priority: 70,
-    execute: (t) => {
+    execute: (o) => {
       var e;
-      (e = t.events) == null || e.emit({
+      (e = o.events) == null || e.emit({
         type: "panel:expand-all",
         source: "command-palette",
         timestamp: Date.now(),
@@ -1690,17 +1690,17 @@ const me = [
     category: "Panel Control",
     keywords: ["refresh", "reload", "update", "sync"],
     priority: 60,
-    execute: (t) => {
-      var o;
-      const e = t.focusedPanel;
-      e && ((o = t.events) == null || o.emit({
+    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: (t) => t.focusedPanel !== null
+    isAvailable: (o) => o.focusedPanel !== null
   },
   {
     id: "panel.reset.layout",
@@ -1710,9 +1710,9 @@ const me = [
     category: "Panel Control",
     keywords: ["reset", "layout", "default", "restore"],
     priority: 50,
-    execute: (t) => {
+    execute: (o) => {
       var e;
-      (e = t.events) == null || e.emit({
+      (e = o.events) == null || e.emit({
         type: "panel:reset-layout",
         source: "command-palette",
         timestamp: Date.now(),
@@ -1721,10 +1721,758 @@ const me = [
     }
   }
 ];
-function Je() {
-  return me;
+function pt() {
+  return Re;
 }
-const V = {
+const ie = ({
+  value: o,
+  onChange: e,
+  onSubmit: t,
+  onClose: r,
+  onHistoryPrevious: s,
+  onHistoryNext: a,
+  mode: n,
+  status: i,
+  placeholder: p = "What would you like to do?",
+  disabled: u = !1,
+  autoFocus: h = !0
+}) => {
+  const { theme: d } = q(), f = z(null);
+  W(() => {
+    h && f.current && f.current.focus();
+  }, [h]);
+  const g = (c) => {
+    switch (c.key) {
+      case "Enter":
+        c.preventDefault(), t();
+        break;
+      case "Escape":
+        c.preventDefault(), r();
+        break;
+      case "ArrowUp":
+        c.preventDefault(), s();
+        break;
+      case "ArrowDown":
+        c.preventDefault(), a();
+        break;
+    }
+  }, m = i === "thinking" || i === "executing";
+  return /* @__PURE__ */ b(
+    "div",
+    {
+      style: {
+        display: "flex",
+        alignItems: "center",
+        gap: "8px",
+        padding: "12px 16px",
+        backgroundColor: d.colors.background,
+        borderBottom: `1px solid ${d.colors.border}`
+      },
+      children: [
+        /* @__PURE__ */ l(
+          "span",
+          {
+            style: {
+              color: n === "quick-command" ? d.colors.info : d.colors.textMuted,
+              fontFamily: d.fonts.monospace,
+              fontSize: "14px",
+              userSelect: "none"
+            },
+            children: n === "quick-command" ? "/" : ">"
+          }
+        ),
+        /* @__PURE__ */ l(
+          "input",
+          {
+            ref: f,
+            "data-agent-command-palette-input": !0,
+            type: "text",
+            value: o,
+            onChange: (c) => e(c.target.value),
+            onKeyDown: g,
+            placeholder: p,
+            disabled: u || m,
+            style: {
+              flex: 1,
+              backgroundColor: "transparent",
+              border: "none",
+              outline: "none",
+              color: d.colors.text,
+              fontFamily: d.fonts.monospace,
+              fontSize: "14px",
+              caretColor: d.colors.primary
+            }
+          }
+        ),
+        m && /* @__PURE__ */ b(
+          "span",
+          {
+            style: {
+              color: d.colors.info,
+              fontSize: "12px",
+              display: "flex",
+              alignItems: "center",
+              gap: "4px"
+            },
+            children: [
+              /* @__PURE__ */ l(
+                "span",
+                {
+                  style: {
+                    display: "inline-block",
+                    width: "8px",
+                    height: "8px",
+                    borderRadius: "50%",
+                    backgroundColor: d.colors.info,
+                    animation: "pulse 1s ease-in-out infinite"
+                  }
+                }
+              ),
+              i === "thinking" ? "Thinking..." : "Executing..."
+            ]
+          }
+        ),
+        !m && /* @__PURE__ */ l(
+          "kbd",
+          {
+            style: {
+              padding: "2px 6px",
+              backgroundColor: d.colors.backgroundSecondary,
+              borderRadius: "3px",
+              border: `1px solid ${d.colors.border}`,
+              fontSize: "11px",
+              color: d.colors.textMuted
+            },
+            children: "Alt+P"
+          }
+        )
+      ]
+    }
+  );
+};
+ie.displayName = "AgentCommandInput";
+const Le = ({ status: o }) => {
+  const { theme: e } = q(), t = {
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    width: "16px",
+    height: "16px",
+    fontSize: "12px"
+  };
+  switch (o) {
+    case "pending":
+      return /* @__PURE__ */ l("span", { style: { ...t, color: e.colors.textMuted }, children: "○" });
+    case "running":
+      return /* @__PURE__ */ l(
+        "span",
+        {
+          style: {
+            ...t,
+            color: e.colors.info,
+            animation: "spin 1s linear infinite"
+          },
+          children: "◐"
+        }
+      );
+    case "success":
+      return /* @__PURE__ */ l("span", { style: { ...t, color: e.colors.success }, children: "✓" });
+    case "error":
+      return /* @__PURE__ */ l("span", { style: { ...t, color: e.colors.error }, children: "✗" });
+  }
+}, Ae = (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(", ");
+}, We = ({ tool: o, compact: e }) => {
+  const { theme: t } = q(), r = Ae(o.args);
+  return /* @__PURE__ */ b(
+    "div",
+    {
+      style: {
+        display: "flex",
+        alignItems: "center",
+        gap: "8px",
+        padding: e ? "4px 0" : "8px 0",
+        fontFamily: t.fonts.monospace,
+        fontSize: "13px"
+      },
+      children: [
+        /* @__PURE__ */ l(Le, { status: o.status }),
+        /* @__PURE__ */ b("span", { style: { color: t.colors.text }, children: [
+          o.name,
+          r && /* @__PURE__ */ b("span", { style: { color: t.colors.textMuted }, children: [
+            "(",
+            r,
+            ")"
+          ] })
+        ] }),
+        o.status === "running" && /* @__PURE__ */ l(
+          "span",
+          {
+            style: {
+              marginLeft: "auto",
+              color: t.colors.info,
+              fontSize: "11px"
+            },
+            children: "[running]"
+          }
+        ),
+        o.status === "success" && /* @__PURE__ */ l(
+          "span",
+          {
+            style: {
+              marginLeft: "auto",
+              color: t.colors.success,
+              fontSize: "11px"
+            },
+            children: "[done]"
+          }
+        ),
+        o.status === "error" && /* @__PURE__ */ l(
+          "span",
+          {
+            style: {
+              marginLeft: "auto",
+              color: t.colors.error,
+              fontSize: "11px"
+            },
+            title: o.error,
+            children: "[error]"
+          }
+        )
+      ]
+    }
+  );
+}, le = ({
+  tools: o,
+  compact: e = !1
+}) => {
+  const { theme: t } = q();
+  return o.length === 0 ? null : /* @__PURE__ */ l(
+    "div",
+    {
+      style: {
+        padding: e ? "8px 16px" : "12px 16px",
+        backgroundColor: t.colors.backgroundSecondary,
+        borderRadius: "4px",
+        margin: "8px 16px"
+      },
+      children: o.map((r) => /* @__PURE__ */ l(We, { tool: r, compact: e }, r.id))
+    }
+  );
+};
+le.displayName = "ToolExecutionList";
+const ce = ({
+  response: o,
+  streaming: e = !1
+}) => {
+  const { theme: t } = q();
+  if (!o)
+    return null;
+  const r = o.toLowerCase().startsWith("error"), s = o.toLowerCase().startsWith("done") || o.toLowerCase().startsWith("executed");
+  return /* @__PURE__ */ b(
+    "div",
+    {
+      style: {
+        padding: "12px 16px",
+        color: r ? t.colors.error : s ? t.colors.success : t.colors.text,
+        fontSize: "13px",
+        display: "flex",
+        alignItems: "center",
+        gap: "8px"
+      },
+      children: [
+        s && /* @__PURE__ */ l("span", { children: "✓" }),
+        r && /* @__PURE__ */ l("span", { children: "✗" }),
+        /* @__PURE__ */ b("span", { children: [
+          o,
+          e && /* @__PURE__ */ l(
+            "span",
+            {
+              style: {
+                display: "inline-block",
+                width: "2px",
+                height: "14px",
+                backgroundColor: t.colors.primary,
+                marginLeft: "2px",
+                animation: "blink 1s step-end infinite"
+              }
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+ce.displayName = "AgentResponseDisplay";
+const De = ({
+  palette: o,
+  config: e
+}) => {
+  const { theme: t } = q(), r = z(null), {
+    isOpen: s,
+    close: a,
+    query: n,
+    setQuery: i,
+    mode: p,
+    status: u,
+    pendingTools: h,
+    completedTools: d,
+    agentResponse: f,
+    submit: g,
+    historyPrevious: m,
+    historyNext: c,
+    suggestions: k
+  } = o;
+  W(() => {
+    if (!s) return;
+    const S = (O) => {
+      r.current && !r.current.contains(O.target) && a();
+    }, E = setTimeout(() => {
+      document.addEventListener("mousedown", S);
+    }, 100);
+    return () => {
+      clearTimeout(E), document.removeEventListener("mousedown", S);
+    };
+  }, [s, a]);
+  const [R, A] = L(!1), [I, $] = L(!1);
+  if (W(() => {
+    if (s)
+      $(!0), requestAnimationFrame(() => {
+        requestAnimationFrame(() => {
+          A(!0);
+        });
+      });
+    else {
+      A(!1);
+      const S = setTimeout(() => {
+        $(!1);
+      }, 150);
+      return () => clearTimeout(S);
+    }
+  }, [s]), !I)
+    return null;
+  const D = (e == null ? void 0 : e.placeholder) || "What would you like to do?", w = [...d, ...h], P = w.length > 0, v = f && u !== "idle", C = !n && u === "idle" && k.length > 0, y = p === "quick-command" && u === "idle";
+  return /* @__PURE__ */ b(se, { children: [
+    /* @__PURE__ */ l(
+      "div",
+      {
+        style: {
+          position: "fixed",
+          inset: 0,
+          zIndex: 999
+        },
+        onClick: a
+      }
+    ),
+    /* @__PURE__ */ b(
+      "div",
+      {
+        ref: r,
+        className: e == null ? void 0 : e.className,
+        style: {
+          position: "fixed",
+          bottom: 0,
+          left: 0,
+          right: 0,
+          maxHeight: "50vh",
+          backgroundColor: t.colors.surface,
+          borderTop: `1px solid ${t.colors.border}`,
+          boxShadow: t.shadows[2],
+          zIndex: 1e3,
+          display: "flex",
+          flexDirection: "column-reverse",
+          overflow: "hidden",
+          transform: R ? "translateY(0)" : "translateY(100%)",
+          transition: "transform 150ms ease-out",
+          ...e == null ? void 0 : e.style
+        },
+        children: [
+          /* @__PURE__ */ b("div", { children: [
+            /* @__PURE__ */ l(
+              ie,
+              {
+                value: n,
+                onChange: i,
+                onSubmit: g,
+                onClose: a,
+                onHistoryPrevious: m,
+                onHistoryNext: c,
+                mode: p,
+                status: u,
+                placeholder: D
+              }
+            ),
+            /* @__PURE__ */ b(
+              "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__ */ b("span", { children: [
+                    /* @__PURE__ */ l(
+                      "kbd",
+                      {
+                        style: {
+                          padding: "2px 6px",
+                          backgroundColor: t.colors.backgroundSecondary,
+                          borderRadius: "3px",
+                          border: `1px solid ${t.colors.border}`
+                        },
+                        children: "Enter"
+                      }
+                    ),
+                    " ",
+                    "Execute"
+                  ] }),
+                  /* @__PURE__ */ b("span", { children: [
+                    /* @__PURE__ */ l(
+                      "kbd",
+                      {
+                        style: {
+                          padding: "2px 6px",
+                          backgroundColor: t.colors.backgroundSecondary,
+                          borderRadius: "3px",
+                          border: `1px solid ${t.colors.border}`
+                        },
+                        children: "Esc"
+                      }
+                    ),
+                    " ",
+                    "Close"
+                  ] }),
+                  /* @__PURE__ */ b("span", { children: [
+                    /* @__PURE__ */ l(
+                      "kbd",
+                      {
+                        style: {
+                          padding: "2px 6px",
+                          backgroundColor: t.colors.backgroundSecondary,
+                          borderRadius: "3px",
+                          border: `1px solid ${t.colors.border}`
+                        },
+                        children: "↑↓"
+                      }
+                    ),
+                    " ",
+                    "History"
+                  ] }),
+                  /* @__PURE__ */ b("span", { style: { marginLeft: "auto" }, children: [
+                    /* @__PURE__ */ l(
+                      "kbd",
+                      {
+                        style: {
+                          padding: "2px 6px",
+                          backgroundColor: t.colors.backgroundSecondary,
+                          borderRadius: "3px",
+                          border: `1px solid ${t.colors.border}`
+                        },
+                        children: "/"
+                      }
+                    ),
+                    " ",
+                    "Quick command"
+                  ] })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ b("div", { style: { overflow: "auto" }, children: [
+            P && /* @__PURE__ */ l(le, { tools: w, compact: w.length > 3 }),
+            v && /* @__PURE__ */ l(
+              ce,
+              {
+                response: f,
+                streaming: u === "thinking"
+              }
+            ),
+            C && /* @__PURE__ */ b(
+              "div",
+              {
+                style: {
+                  padding: "12px 16px",
+                  display: "flex",
+                  gap: "8px",
+                  flexWrap: "wrap"
+                },
+                children: [
+                  /* @__PURE__ */ l(
+                    "span",
+                    {
+                      style: {
+                        color: t.colors.textMuted,
+                        fontSize: "12px",
+                        marginRight: "4px"
+                      },
+                      children: "Try:"
+                    }
+                  ),
+                  k.map((S, E) => /* @__PURE__ */ b(
+                    "button",
+                    {
+                      onClick: () => {
+                        i(S);
+                      },
+                      style: {
+                        padding: "4px 10px",
+                        backgroundColor: t.colors.backgroundSecondary,
+                        border: `1px solid ${t.colors.border}`,
+                        borderRadius: "12px",
+                        color: t.colors.textSecondary,
+                        fontSize: "12px",
+                        cursor: "pointer",
+                        transition: "background-color 150ms ease"
+                      },
+                      onMouseEnter: (O) => {
+                        O.currentTarget.style.backgroundColor = t.colors.backgroundTertiary;
+                      },
+                      onMouseLeave: (O) => {
+                        O.currentTarget.style.backgroundColor = t.colors.backgroundSecondary;
+                      },
+                      children: [
+                        '"',
+                        S,
+                        '"'
+                      ]
+                    },
+                    E
+                  ))
+                ]
+              }
+            ),
+            y && /* @__PURE__ */ b(
+              "div",
+              {
+                style: {
+                  padding: "12px 16px",
+                  fontSize: "12px",
+                  color: t.colors.textMuted,
+                  fontFamily: t.fonts.monospace
+                },
+                children: [
+                  /* @__PURE__ */ l("div", { style: { marginBottom: "8px", color: t.colors.textSecondary }, children: "Quick commands:" }),
+                  /* @__PURE__ */ b("div", { style: { display: "flex", flexDirection: "column", gap: "4px" }, children: [
+                    /* @__PURE__ */ b("div", { children: [
+                      /* @__PURE__ */ l("span", { style: { color: t.colors.info }, children: "/toggle" }),
+                      " ",
+                      /* @__PURE__ */ l("span", { style: { color: t.colors.textMuted }, children: "<left|right>" }),
+                      " ",
+                      "- Toggle sidebar visibility"
+                    ] }),
+                    /* @__PURE__ */ b("div", { children: [
+                      /* @__PURE__ */ l("span", { style: { color: t.colors.info }, children: "/switch" }),
+                      " ",
+                      /* @__PURE__ */ l("span", { style: { color: t.colors.textMuted }, children: "<slot> <panel>" }),
+                      " ",
+                      "- Switch panel content"
+                    ] }),
+                    /* @__PURE__ */ b("div", { children: [
+                      /* @__PURE__ */ l("span", { style: { color: t.colors.info }, children: "/collapse" }),
+                      " ",
+                      "- Collapse all sidebars"
+                    ] }),
+                    /* @__PURE__ */ b("div", { children: [
+                      /* @__PURE__ */ l("span", { style: { color: t.colors.info }, children: "/expand" }),
+                      " ",
+                      "- Expand all sidebars"
+                    ] })
+                  ] })
+                ]
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ l("style", { children: `
+          @keyframes pulse {
+            0%, 100% { opacity: 1; }
+            50% { opacity: 0.5; }
+          }
+          @keyframes spin {
+            from { transform: rotate(0deg); }
+            to { transform: rotate(360deg); }
+          }
+          @keyframes blink {
+            0%, 100% { opacity: 1; }
+            50% { opacity: 0; }
+          }
+        ` })
+  ] });
+};
+De.displayName = "AgentCommandPalette";
+const Ee = [
+  "hide sidebars",
+  "show terminal",
+  "focus editor"
+];
+function ut({
+  events: o,
+  keyboard: e = { key: "p", altKey: !0 },
+  config: t = {},
+  onExecuteTool: r,
+  initialSuggestions: s = Ee
+} = {}) {
+  const [a, n] = L(!1), [i, p] = L(""), [u, h] = L("natural"), [d, f] = L("idle"), [g, m] = L([]), [c, k] = L([]), [R, A] = L(""), [I, $] = L([]), [D, w] = L(-1), P = X(() => s, [s]), v = x((T) => {
+    p(T), h(T.startsWith("/") ? "quick-command" : "natural");
+  }, []), C = x(() => {
+    n(!0), p(""), h("natural"), f("idle"), m([]), k([]), A(""), w(-1), o == null || o.emit({
+      type: "agent-command-palette:opened",
+      source: "agent-command-palette",
+      timestamp: Date.now(),
+      payload: {}
+    });
+  }, [o]), y = x(() => {
+    n(!1), o == null || o.emit({
+      type: "agent-command-palette:closed",
+      source: "agent-command-palette",
+      timestamp: Date.now(),
+      payload: {}
+    });
+  }, [o]), S = x(() => {
+    a ? y() : C();
+  }, [a, C, y]), E = x(() => {
+    p(""), h("natural"), f("idle"), m([]), k([]), A(""), w(-1);
+  }, []), O = x((T) => {
+    const j = {
+      ...T,
+      status: "pending"
+    };
+    return m((M) => [...M, j]), j;
+  }, []), V = x(
+    (T, j, M, J) => {
+      m((N) => {
+        const K = N.find((B) => B.id === T);
+        if (!K) return N;
+        const F = {
+          ...K,
+          status: j,
+          result: M,
+          error: J
+        };
+        return j === "success" || j === "error" ? (k((B) => [...B, F]), N.filter((B) => B.id !== T)) : N.map((B) => B.id === T ? F : B);
+      });
+    },
+    []
+  ), Q = x(
+    async (T) => {
+      const j = T.replace(/^\//, "").trim().split(/\s+/), M = j[0], J = j.slice(1);
+      if (!M) return;
+      f("executing");
+      const N = `quick-${Date.now()}`;
+      O({
+        id: N,
+        name: M,
+        args: { args: J }
+      }), V(N, "running");
+      try {
+        if (r) {
+          const F = await r(M, { args: J });
+          V(N, "success", String(F));
+        } else
+          V(N, "success", "Tool executed (no handler)");
+        $((F) => [
+          {
+            query: T,
+            timestamp: Date.now(),
+            toolsExecuted: [M],
+            success: !0
+          },
+          ...F.slice(0, (t.maxHistoryEntries || 50) - 1)
+        ]), f("complete"), A(`Executed: ${M}`);
+        const K = t.autoCloseDelay ?? 1e3;
+        K > 0 && setTimeout(() => y(), K);
+      } catch (K) {
+        const F = K instanceof Error ? K.message : "Unknown error";
+        V(N, "error", void 0, F), f("error"), A(`Error: ${F}`);
+      }
+    },
+    [r, O, V, t.autoCloseDelay, t.maxHistoryEntries, y]
+  ), Z = x(() => {
+    if (i.trim()) {
+      if (u === "quick-command") {
+        Q(i);
+        return;
+      }
+      f("thinking"), o == null || o.emit({
+        type: "agent-command-palette:submit",
+        source: "agent-command-palette",
+        timestamp: Date.now(),
+        payload: { query: i, mode: u }
+      }), $((T) => [
+        {
+          query: i,
+          timestamp: Date.now(),
+          toolsExecuted: [],
+          success: !0
+        },
+        ...T.slice(0, (t.maxHistoryEntries || 50) - 1)
+      ]);
+    }
+  }, [i, u, Q, o, t.maxHistoryEntries]), te = x(() => {
+    if (I.length === 0) return;
+    const T = D < I.length - 1 ? D + 1 : D;
+    w(T), I[T] && (p(I[T].query), h(I[T].query.startsWith("/") ? "quick-command" : "natural"));
+  }, [I, D]), G = x(() => {
+    if (D <= 0) {
+      w(-1), p(""), h("natural");
+      return;
+    }
+    const T = D - 1;
+    w(T), I[T] && (p(I[T].query), h(I[T].query.startsWith("/") ? "quick-command" : "natural"));
+  }, [I, D]), ee = x(
+    (T) => {
+      const {
+        key: j = "p",
+        altKey: M = !0,
+        ctrlKey: J = !1,
+        metaKey: N = !1,
+        shiftKey: K = !1
+      } = e, F = T.altKey === M && T.ctrlKey === J && T.metaKey === N && T.shiftKey === K;
+      if ((M ? T.code === `Key${j.toUpperCase()}` : T.key.toLowerCase() === j.toLowerCase()) && F) {
+        const U = T.target;
+        if (!U.closest("[data-agent-command-palette-input]") && (U.tagName === "INPUT" || U.tagName === "TEXTAREA" || U.isContentEditable))
+          return;
+        T.preventDefault(), S();
+      }
+    },
+    [e, S]
+  );
+  return W(() => (window.addEventListener("keydown", ee), () => window.removeEventListener("keydown", ee)), [ee]), {
+    // Visibility
+    isOpen: a,
+    open: C,
+    close: y,
+    toggle: S,
+    // Input
+    query: i,
+    setQuery: v,
+    mode: u,
+    // Execution
+    status: d,
+    pendingTools: g,
+    completedTools: c,
+    agentResponse: R,
+    submit: Z,
+    executeQuickCommand: Q,
+    // History
+    history: I,
+    historyPrevious: te,
+    historyNext: G,
+    // Suggestions
+    suggestions: P,
+    // Actions
+    clear: E
+  };
+}
+const de = {
   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: {
@@ -1793,7 +2541,7 @@ const V = {
     call_template_type: "panel_event",
     event_type: "panel:get-visibility"
   }
-}, J = {
+}, pe = {
   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: {
@@ -1825,7 +2573,7 @@ const V = {
     call_template_type: "panel_event",
     event_type: "panel:get-state"
   }
-}, H = {
+}, ue = {
   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: {
@@ -1858,7 +2606,7 @@ const V = {
     call_template_type: "panel_event",
     event_type: "panel:list-state-panels"
   }
-}, G = {
+}, fe = {
   name: "toggle_panel",
   description: "Collapse or expand a side panel to give more space to the main content area.",
   inputs: {
@@ -1885,7 +2633,7 @@ const V = {
     call_template_type: "panel_event",
     event_type: "panel:toggle"
   }
-}, X = {
+}, me = {
   name: "collapse_all_panels",
   description: "Collapse both left and right panels to maximize the main content area. Useful for focus mode.",
   inputs: {
@@ -1905,7 +2653,7 @@ const V = {
     call_template_type: "panel_event",
     event_type: "panel:collapse-all"
   }
-}, Q = {
+}, ye = {
   name: "expand_all_panels",
   description: "Expand both left and right panels to show all content. Restores the default layout.",
   inputs: {
@@ -1925,7 +2673,7 @@ const V = {
     call_template_type: "panel_event",
     event_type: "panel:expand-all"
   }
-}, Y = {
+}, he = {
   name: "switch_panel",
   description: "Change which content is displayed in a panel slot (left, middle, or right).",
   inputs: {
@@ -1956,7 +2704,7 @@ const V = {
     call_template_type: "panel_event",
     event_type: "panel:switch"
   }
-}, U = {
+}, ge = {
   name: "focus_panel",
   description: "Set focus to a specific panel slot for keyboard navigation.",
   inputs: {
@@ -1982,7 +2730,7 @@ const V = {
     call_template_type: "panel_event",
     event_type: "panel:focus"
   }
-}, Z = {
+}, xe = {
   name: "reset_layout",
   description: "Reset panel sizes to the default layout configuration.",
   inputs: {
@@ -2002,192 +2750,192 @@ const V = {
     call_template_type: "panel_event",
     event_type: "panel:reset-layout"
   }
-}, ye = [
+}, _e = [
   // State query tools
-  V,
-  J,
-  H,
+  de,
+  pe,
+  ue,
   // Layout action tools
-  G,
-  X,
-  Q,
-  Y,
-  U,
-  Z
-], He = [
-  V,
-  J,
-  H
-], Ge = [
-  G,
-  X,
-  Q,
-  Y,
-  U,
-  Z
-], Xe = {
+  fe,
+  me,
+  ye,
+  he,
+  ge,
+  xe
+], ft = [
+  de,
+  pe,
+  ue
+], mt = [
+  fe,
+  me,
+  ye,
+  he,
+  ge,
+  xe
+], yt = {
   id: "panel-layouts",
   name: "Panel Layouts",
   description: "Generic panel layout and state query operations",
-  tools: ye
+  tools: _e
 };
-function he(t, e, o = {}) {
+function ze(o, e, t = {}) {
   const {
-    categoryPrefix: a = "Panel Tools",
-    basePriority: r = 50,
-    includePanelInCategory: n = !0
-  } = o, s = n ? `${a} > ${t.panelId}` : a, i = we(t.inputs);
+    categoryPrefix: r = "Panel Tools",
+    basePriority: s = 50,
+    includePanelInCategory: a = !0
+  } = t, n = a ? `${r} > ${o.panelId}` : r, i = qe(o.inputs);
   return {
-    id: `tool.${t.qualifiedName}`,
-    label: ge(t.name),
-    description: t.description,
-    category: s,
-    keywords: [...t.tags, t.panelId, "tool"],
-    priority: r,
+    id: `tool.${o.qualifiedName}`,
+    label: $e(o.name),
+    description: o.description,
+    category: n,
+    keywords: [...o.tags, o.panelId, "tool"],
+    priority: s,
     execute: async (p) => {
-      var g;
+      var h;
       if (i) {
         console.warn(
-          `Tool "${t.qualifiedName}" requires parameters. Invoke programmatically with: registry.invokeTool('${t.qualifiedName}', { ... })`
-        ), (g = p.events) == null || g.emit({
+          `Tool "${o.qualifiedName}" requires parameters. Invoke programmatically with: registry.invokeTool('${o.qualifiedName}', { ... })`
+        ), (h = p.events) == null || h.emit({
           type: "tool:requires-parameters",
           source: "command-palette",
           timestamp: Date.now(),
           payload: {
-            toolName: t.qualifiedName,
-            inputs: t.inputs
+            toolName: o.qualifiedName,
+            inputs: o.inputs
           }
         });
         return;
       }
-      const d = await e.invokeTool(
-        t.qualifiedName,
+      const u = await e.invokeTool(
+        o.qualifiedName,
         {},
         "command-palette"
       );
-      d.success || console.error(`Tool invocation failed: ${d.error}`), p.closeCommandPalette();
+      u.success || console.error(`Tool invocation failed: ${u.error}`), p.closeCommandPalette();
     }
   };
 }
-function ee(t, e = {}) {
-  return t.getAllTools().map((a) => he(a, t, e));
+function be(o, e = {}) {
+  return o.getAllTools().map((r) => ze(r, o, e));
 }
-function Qe(t, e = {}) {
-  return () => ee(t, e);
+function ht(o, e = {}) {
+  return () => be(o, e);
 }
-function ge(t) {
-  return t.split("_").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join(" ");
+function $e(o) {
+  return o.split("_").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join(" ");
 }
-function we(t) {
-  return !(t.type !== "object" || !t.required || t.required.length === 0);
+function qe(o) {
+  return !(o.type !== "object" || !o.required || o.required.length === 0);
 }
-function Ye(t, e = {}) {
-  return ee(t, e);
+function gt(o, e = {}) {
+  return be(o, e);
 }
-function Ue(t) {
-  const { inputs: e } = t;
+function xt(o) {
+  const { inputs: e } = o;
   if (e.type !== "object" || !e.properties)
     return [];
-  const o = new Set(e.required || []), a = [];
-  for (const [r, n] of Object.entries(e.properties))
-    a.push({
-      name: r,
-      type: n.type || "unknown",
-      description: n.description || "",
-      required: o.has(r),
-      default: n.default,
-      enum: n.enum
+  const t = new Set(e.required || []), r = [];
+  for (const [s, a] of Object.entries(e.properties))
+    r.push({
+      name: s,
+      type: a.type || "unknown",
+      description: a.description || "",
+      required: t.has(s),
+      default: a.default,
+      enum: a.enum
     });
-  return a;
+  return r;
 }
-function be(t) {
+function je(o) {
   const e = {};
-  if (t.inputs.properties)
-    for (const [o, a] of Object.entries(t.inputs.properties)) {
-      const r = a;
-      e[o] = {
-        type: r.type || "string",
-        description: r.description,
-        ...r.enum && { enum: r.enum }
+  if (o.inputs.properties)
+    for (const [t, r] of Object.entries(o.inputs.properties)) {
+      const s = r;
+      e[t] = {
+        type: s.type || "string",
+        description: s.description,
+        ...s.enum && { enum: s.enum }
       };
     }
   return {
-    name: t.name,
-    description: t.description,
+    name: o.name,
+    description: o.description,
     parameters: {
       type: "object",
       properties: e,
-      required: t.inputs.required || []
+      required: o.inputs.required || []
     }
   };
 }
-function Ze(t) {
+function bt(o) {
   return {
-    functionDeclarations: t.map(be)
+    functionDeclarations: o.map(je)
   };
 }
-function ke(t) {
+function Me(o) {
   return {
     type: "function",
     function: {
-      name: t.name,
-      description: t.description,
-      parameters: t.inputs
+      name: o.name,
+      description: o.description,
+      parameters: o.inputs
     }
   };
 }
-function et(t) {
-  return t.map(ke);
+function wt(o) {
+  return o.map(Me);
 }
-function xe(t) {
+function Ne(o) {
   return {
-    name: t.name,
-    description: t.description,
-    input_schema: t.inputs
+    name: o.name,
+    description: o.description,
+    input_schema: o.inputs
   };
 }
-function tt(t) {
-  return t.map(xe);
+function kt(o) {
+  return o.map(Ne);
 }
-function ve(t) {
+function Fe(o) {
   return {
-    name: t.name,
-    description: t.description,
-    parameters: t.inputs
+    name: o.name,
+    description: o.description,
+    parameters: o.inputs
   };
 }
-function ot(t) {
-  return t.map(ve);
+function Ct(o) {
+  return o.map(Fe);
 }
-function at(t, e = {}) {
+function vt(o, e = {}) {
   const {
-    header: o = "You have access to the following tools:",
-    includeParameters: a = !0
-  } = e, r = t.map((n) => {
-    let s = `- ${n.name}: ${n.description}`;
-    if (a && n.inputs.properties) {
-      const i = Object.entries(n.inputs.properties).map(([p, d]) => {
-        var m;
-        const g = d, c = (m = n.inputs.required) != null && m.includes(p) ? " (required)" : "";
-        return `    - ${p}: ${g.description || g.type}${c}`;
+    header: t = "You have access to the following tools:",
+    includeParameters: r = !0
+  } = e, s = o.map((a) => {
+    let n = `- ${a.name}: ${a.description}`;
+    if (r && a.inputs.properties) {
+      const i = Object.entries(a.inputs.properties).map(([p, u]) => {
+        var f;
+        const h = u, d = (f = a.inputs.required) != null && f.includes(p) ? " (required)" : "";
+        return `    - ${p}: ${h.description || h.type}${d}`;
       }).join(`
 `);
-      i && (s += `
+      i && (n += `
 ${i}`);
     }
-    return s;
+    return n;
   });
-  return `${o}
+  return `${t}
-${r.join(`
+${s.join(`
 `)}`;
 }
-const Ce = ({ size: t = 18 }) => /* @__PURE__ */ S(
+const Oe = ({ size: o = 18 }) => /* @__PURE__ */ b(
   "svg",
   {
-    width: t,
-    height: t,
+    width: o,
+    height: o,
     viewBox: "0 0 24 24",
     fill: "none",
     stroke: "currentColor",
@@ -2195,15 +2943,15 @@ const Ce = ({ size: t = 18 }) => /* @__PURE__ */ S(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ f("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
-      /* @__PURE__ */ f("path", { d: "M9 3v18" })
+      /* @__PURE__ */ l("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+      /* @__PURE__ */ l("path", { d: "M9 3v18" })
     ]
   }
-), Te = ({ size: t = 18 }) => /* @__PURE__ */ S(
+), Ke = ({ size: o = 18 }) => /* @__PURE__ */ b(
   "svg",
   {
-    width: t,
-    height: t,
+    width: o,
+    height: o,
     viewBox: "0 0 24 24",
     fill: "none",
     stroke: "currentColor",
@@ -2211,16 +2959,16 @@ const Ce = ({ size: t = 18 }) => /* @__PURE__ */ S(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ f("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
-      /* @__PURE__ */ f("path", { d: "M9 3v18" }),
-      /* @__PURE__ */ f("path", { d: "m16 15-3-3 3-3" })
+      /* @__PURE__ */ l("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+      /* @__PURE__ */ l("path", { d: "M9 3v18" }),
+      /* @__PURE__ */ l("path", { d: "m16 15-3-3 3-3" })
     ]
   }
-), Se = ({ size: t = 18 }) => /* @__PURE__ */ S(
+), Be = ({ size: o = 18 }) => /* @__PURE__ */ b(
   "svg",
   {
-    width: t,
-    height: t,
+    width: o,
+    height: o,
     viewBox: "0 0 24 24",
     fill: "none",
     stroke: "currentColor",
@@ -2228,15 +2976,15 @@ const Ce = ({ size: t = 18 }) => /* @__PURE__ */ S(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ f("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
-      /* @__PURE__ */ f("path", { d: "M15 3v18" })
+      /* @__PURE__ */ l("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+      /* @__PURE__ */ l("path", { d: "M15 3v18" })
     ]
   }
-), Pe = ({ size: t = 18 }) => /* @__PURE__ */ S(
+), Ve = ({ size: o = 18 }) => /* @__PURE__ */ b(
   "svg",
   {
-    width: t,
-    height: t,
+    width: o,
+    height: o,
     viewBox: "0 0 24 24",
     fill: "none",
     stroke: "currentColor",
@@ -2244,32 +2992,32 @@ const Ce = ({ size: t = 18 }) => /* @__PURE__ */ S(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ f("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
-      /* @__PURE__ */ f("path", { d: "M15 3v18" }),
-      /* @__PURE__ */ f("path", { d: "m8 9 3 3-3 3" })
+      /* @__PURE__ */ l("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+      /* @__PURE__ */ l("path", { d: "M15 3v18" }),
+      /* @__PURE__ */ l("path", { d: "m8 9 3 3-3 3" })
     ]
   }
-), M = ({
-  isCollapsed: t,
+), oe = ({
+  isCollapsed: o,
   onToggle: e,
-  side: o = "left",
-  iconSize: a = 18,
-  style: r,
-  shortcutHint: n = "Cmd/Ctrl+B",
-  title: s,
+  side: t = "left",
+  iconSize: r = 18,
+  style: s,
+  shortcutHint: a = "Cmd/Ctrl+B",
+  title: n,
   className: i
 }) => {
-  const { theme: p } = $(), d = () => o === "right" ? t ? /* @__PURE__ */ f(Se, { size: a }) : /* @__PURE__ */ f(Pe, { size: a }) : t ? /* @__PURE__ */ f(Ce, { size: a }) : /* @__PURE__ */ f(Te, { size: a });
-  return /* @__PURE__ */ f(
+  const { theme: p } = q(), u = () => t === "right" ? o ? /* @__PURE__ */ l(Be, { size: r }) : /* @__PURE__ */ l(Ve, { size: r }) : o ? /* @__PURE__ */ l(Oe, { size: r }) : /* @__PURE__ */ l(Ke, { size: r });
+  return /* @__PURE__ */ l(
     "button",
     {
       onClick: e,
-      title: s ?? `${t ? "Show" : "Hide"} ${o === "right" ? "Right Panel" : "Sidebar"}${n ? ` (${n})` : ""}`,
+      title: n ?? `${o ? "Show" : "Hide"} ${t === "right" ? "Right Panel" : "Sidebar"}${a ? ` (${a})` : ""}`,
       className: i,
       style: {
         background: "transparent",
         border: "none",
-        color: t ? p.colors.textSecondary : p.colors.primary,
+        color: o ? p.colors.textSecondary : p.colors.primary,
         cursor: "pointer",
         padding: "6px",
         borderRadius: "4px",
@@ -2279,22 +3027,22 @@ const Ce = ({ size: t = 18 }) => /* @__PURE__ */ S(
         transition: "all 0.2s",
         width: "32px",
         height: "32px",
-        ...r
+        ...s
       },
-      onMouseEnter: (c) => {
-        c.currentTarget.style.backgroundColor = p.colors.backgroundTertiary, c.currentTarget.style.color = p.colors.primary;
+      onMouseEnter: (d) => {
+        d.currentTarget.style.backgroundColor = p.colors.backgroundTertiary, d.currentTarget.style.color = p.colors.primary;
       },
-      onMouseLeave: (c) => {
-        c.currentTarget.style.backgroundColor = "transparent", c.currentTarget.style.color = t ? p.colors.textSecondary : p.colors.primary;
+      onMouseLeave: (d) => {
+        d.currentTarget.style.backgroundColor = "transparent", d.currentTarget.style.color = o ? p.colors.textSecondary : p.colors.primary;
       },
-      children: d()
+      children: u()
     }
   );
-}, Ie = ({ size: t = 14 }) => /* @__PURE__ */ S(
+}, He = ({ size: o = 14 }) => /* @__PURE__ */ b(
   "svg",
   {
-    width: t,
-    height: t,
+    width: o,
+    height: o,
     viewBox: "0 0 24 24",
     fill: "none",
     stroke: "currentColor",
@@ -2302,17 +3050,17 @@ const Ce = ({ size: t = 18 }) => /* @__PURE__ */ S(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ f("path", { d: "M8 3 4 7l4 4" }),
-      /* @__PURE__ */ f("path", { d: "M4 7h16" }),
-      /* @__PURE__ */ f("path", { d: "m16 21 4-4-4-4" }),
-      /* @__PURE__ */ f("path", { d: "M20 17H4" })
+      /* @__PURE__ */ l("path", { d: "M8 3 4 7l4 4" }),
+      /* @__PURE__ */ l("path", { d: "M4 7h16" }),
+      /* @__PURE__ */ l("path", { d: "m16 21 4-4-4-4" }),
+      /* @__PURE__ */ l("path", { d: "M20 17H4" })
     ]
   }
-), Re = ({ size: t = 14 }) => /* @__PURE__ */ S(
+), Je = ({ size: o = 14 }) => /* @__PURE__ */ b(
   "svg",
   {
-    width: t,
-    height: t,
+    width: o,
+    height: o,
     viewBox: "0 0 24 24",
     fill: "none",
     stroke: "currentColor",
@@ -2320,31 +3068,31 @@ const Ce = ({ size: t = 18 }) => /* @__PURE__ */ S(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ f("path", { d: "m16 3 4 4-4 4" }),
-      /* @__PURE__ */ f("path", { d: "M20 7H4" }),
-      /* @__PURE__ */ f("path", { d: "m8 21-4-4 4-4" }),
-      /* @__PURE__ */ f("path", { d: "M4 17h16" })
+      /* @__PURE__ */ l("path", { d: "m16 3 4 4-4 4" }),
+      /* @__PURE__ */ l("path", { d: "M20 7H4" }),
+      /* @__PURE__ */ l("path", { d: "m8 21-4-4 4-4" }),
+      /* @__PURE__ */ l("path", { d: "M4 17h16" })
     ]
   }
-), N = ({
-  onSwitch: t,
+), re = ({
+  onSwitch: o,
   variant: e = "left-middle",
-  iconSize: o = 14,
-  style: a,
-  title: r,
-  className: n
+  iconSize: t = 14,
+  style: r,
+  title: s,
+  className: a
 }) => {
-  const { theme: s } = $(), i = () => e === "left-middle" ? "Switch left and middle panels" : "Switch right and middle panels", p = e === "left-middle" ? Ie : Re;
-  return /* @__PURE__ */ f(
+  const { theme: n } = q(), i = () => e === "left-middle" ? "Switch left and middle panels" : "Switch right and middle panels", p = e === "left-middle" ? He : Je;
+  return /* @__PURE__ */ l(
     "button",
     {
-      onClick: t,
-      title: r ?? i(),
-      className: n,
+      onClick: o,
+      title: s ?? i(),
+      className: a,
       style: {
         background: "transparent",
         border: "none",
-        color: s.colors.textSecondary,
+        color: n.colors.textSecondary,
         cursor: "pointer",
         padding: "6px",
         borderRadius: "4px",
@@ -2354,22 +3102,22 @@ const Ce = ({ size: t = 18 }) => /* @__PURE__ */ S(
         transition: "all 0.2s",
         width: "32px",
         height: "32px",
-        ...a
+        ...r
       },
-      onMouseEnter: (d) => {
-        d.currentTarget.style.backgroundColor = s.colors.backgroundTertiary, d.currentTarget.style.color = s.colors.text;
+      onMouseEnter: (u) => {
+        u.currentTarget.style.backgroundColor = n.colors.backgroundTertiary, u.currentTarget.style.color = n.colors.text;
       },
-      onMouseLeave: (d) => {
-        d.currentTarget.style.backgroundColor = "transparent", d.currentTarget.style.color = s.colors.textSecondary;
+      onMouseLeave: (u) => {
+        u.currentTarget.style.backgroundColor = "transparent", u.currentTarget.style.color = n.colors.textSecondary;
       },
-      children: /* @__PURE__ */ f(p, { size: o })
+      children: /* @__PURE__ */ l(p, { size: t })
     }
   );
-}, We = ({ size: t = 14 }) => /* @__PURE__ */ S(
+}, Qe = ({ size: o = 14 }) => /* @__PURE__ */ b(
   "svg",
   {
-    width: t,
-    height: t,
+    width: o,
+    height: o,
     viewBox: "0 0 24 24",
     fill: "none",
     stroke: "currentColor",
@@ -2377,29 +3125,29 @@ const Ce = ({ size: t = 18 }) => /* @__PURE__ */ S(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ f("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
-      /* @__PURE__ */ f("path", { d: "M3 9h18" }),
-      /* @__PURE__ */ f("path", { d: "M9 21V9" })
+      /* @__PURE__ */ l("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+      /* @__PURE__ */ l("path", { d: "M3 9h18" }),
+      /* @__PURE__ */ l("path", { d: "M9 21V9" })
     ]
   }
-), _e = ({
-  onConfigure: t,
+), Ge = ({
+  onConfigure: o,
   iconSize: e = 14,
-  style: o,
-  title: a = "Configure panel layout",
-  className: r
+  style: t,
+  title: r = "Configure panel layout",
+  className: s
 }) => {
-  const { theme: n } = $();
-  return /* @__PURE__ */ f(
+  const { theme: a } = q();
+  return /* @__PURE__ */ l(
     "button",
     {
-      onClick: t,
-      title: a,
-      className: r,
+      onClick: o,
+      title: r,
+      className: s,
       style: {
         background: "transparent",
         border: "none",
-        color: n.colors.textSecondary,
+        color: a.colors.textSecondary,
         cursor: "pointer",
         padding: "6px",
         borderRadius: "4px",
@@ -2409,153 +3157,158 @@ const Ce = ({ size: t = 18 }) => /* @__PURE__ */ S(
         transition: "all 0.2s",
         width: "32px",
         height: "32px",
-        ...o
+        ...t
       },
-      onMouseEnter: (s) => {
-        s.currentTarget.style.backgroundColor = n.colors.backgroundTertiary, s.currentTarget.style.color = n.colors.text;
+      onMouseEnter: (n) => {
+        n.currentTarget.style.backgroundColor = a.colors.backgroundTertiary, n.currentTarget.style.color = a.colors.text;
       },
-      onMouseLeave: (s) => {
-        s.currentTarget.style.backgroundColor = "transparent", s.currentTarget.style.color = n.colors.textSecondary;
+      onMouseLeave: (n) => {
+        n.currentTarget.style.backgroundColor = "transparent", n.currentTarget.style.color = a.colors.textSecondary;
       },
-      children: /* @__PURE__ */ f(We, { size: e })
+      children: /* @__PURE__ */ l(Qe, { size: e })
     }
   );
-}, rt = ({
-  leftSidebarCollapsed: t = !1,
+}, St = ({
+  leftSidebarCollapsed: o = !1,
   onToggleLeftSidebar: e,
-  showLeftSidebarControl: o = !1,
-  rightSidebarCollapsed: a = !1,
-  onToggleRightSidebar: r,
-  showRightSidebarControl: n = !1,
-  onSwitchLeftMiddlePanels: s,
+  showLeftSidebarControl: t = !1,
+  rightSidebarCollapsed: r = !1,
+  onToggleRightSidebar: s,
+  showRightSidebarControl: a = !1,
+  onSwitchLeftMiddlePanels: n,
   showSwitchLeftMiddle: i = !1,
   onSwitchRightMiddlePanels: p,
-  showSwitchRightMiddle: d = !1,
-  onConfigurePanels: g,
-  showConfigureButton: c = !1,
-  gap: m = 4,
-  style: y,
-  className: u,
-  iconSize: l,
-  leftCollapseButtonProps: b,
-  rightCollapseButtonProps: P,
-  leftMiddleSwitchButtonProps: W,
-  rightMiddleSwitchButtonProps: A,
-  configureButtonProps: D
-}) => o && e || i && s || c && g || d && p || n && r ? /* @__PURE__ */ S(
+  showSwitchRightMiddle: u = !1,
+  onConfigurePanels: h,
+  showConfigureButton: d = !1,
+  gap: f = 4,
+  style: g,
+  className: m,
+  iconSize: c,
+  leftCollapseButtonProps: k,
+  rightCollapseButtonProps: R,
+  leftMiddleSwitchButtonProps: A,
+  rightMiddleSwitchButtonProps: I,
+  configureButtonProps: $
+}) => t && e || i && n || d && h || u && p || a && s ? /* @__PURE__ */ b(
   "div",
   {
-    className: u,
+    className: m,
     style: {
       display: "flex",
       alignItems: "center",
-      gap: `${m}px`,
-      ...y
+      gap: `${f}px`,
+      ...g
     },
     children: [
-      o && e && /* @__PURE__ */ f(
-        M,
+      t && e && /* @__PURE__ */ l(
+        oe,
         {
-          isCollapsed: t,
+          isCollapsed: o,
           onToggle: e,
           side: "left",
-          iconSize: l ?? 18,
-          ...b
+          iconSize: c ?? 18,
+          ...k
         }
       ),
-      i && s && /* @__PURE__ */ f(
-        N,
+      i && n && /* @__PURE__ */ l(
+        re,
         {
-          onSwitch: s,
+          onSwitch: n,
           variant: "left-middle",
-          iconSize: l ?? 14,
-          ...W
+          iconSize: c ?? 14,
+          ...A
         }
       ),
-      c && g && /* @__PURE__ */ f(
-        _e,
+      d && h && /* @__PURE__ */ l(
+        Ge,
         {
-          onConfigure: g,
-          iconSize: l ?? 14,
-          ...D
+          onConfigure: h,
+          iconSize: c ?? 14,
+          ...$
         }
       ),
-      d && p && /* @__PURE__ */ f(
-        N,
+      u && p && /* @__PURE__ */ l(
+        re,
         {
           onSwitch: p,
           variant: "right-middle",
-          iconSize: l ?? 14,
-          ...A
+          iconSize: c ?? 14,
+          ...I
         }
       ),
-      n && r && /* @__PURE__ */ f(
-        M,
+      a && s && /* @__PURE__ */ l(
+        oe,
         {
-          isCollapsed: a,
-          onToggle: r,
+          isCollapsed: r,
+          onToggle: s,
           side: "right",
-          iconSize: l ?? 18,
-          ...P
+          iconSize: c ?? 18,
+          ...R
         }
       )
     ]
   }
 ) : null;
 export {
-  ue as CommandInput,
-  B as CommandItem,
-  fe as CommandList,
-  Ne as CommandPalette,
-  K as CommandRegistryService,
-  it as EditableConfigurablePanelLayout,
-  Me as FocusIndicator,
-  pe as LocalStoragePersistenceAdapter,
-  de as LocalStorageWorkspaceAdapter,
-  M as PanelCollapseButton,
-  _e as PanelConfigureButton,
-  rt as PanelControls,
-  N as PanelSwitchButton,
-  lt as ResponsiveConfigurablePanelLayout,
-  R as WorkspaceLayoutService,
-  X as collapseAllPanelsTool,
-  Qe as createToolCommandsProvider,
-  Q as expandAllPanelsTool,
-  U as focusPanelTool,
-  at as generateToolsSystemPrompt,
-  Be as getGlobalCommandRegistry,
-  Je as getPanelCommands,
-  J as getPanelStateTool,
-  Ue as getToolParameterInfo,
-  V as getVisiblePanelsTool,
-  Ge as layoutActionTools,
-  ye as layoutTools,
-  Xe as layoutToolsMetadata,
-  H as listPanelsWithStateTool,
-  ct as mapThemeToPanelVars,
-  pt as mapThemeToTabVars,
-  me as panelCommands,
-  Ke as resetGlobalCommandRegistry,
-  Z as resetLayoutTool,
-  He as stateQueryTools,
-  Y as switchPanelTool,
-  G as togglePanelTool,
-  ve as toolToAIFunction,
-  xe as toolToAnthropicFormat,
-  he as toolToCommand,
-  be as toolToGeminiFunction,
-  ke as toolToOpenAIFunction,
-  ot as toolsToAIFunctions,
-  tt as toolsToAnthropicFormat,
-  ee as toolsToCommands,
-  Ze as toolsToGeminiFormat,
-  et as toolsToOpenAIFormat,
-  Ve as useCommandPalette,
-  qe as usePanelFocus,
-  Oe as usePanelFocusListener,
-  Fe as usePanelKeyboardShortcuts,
-  $e as usePanelPersistence,
-  Ye as useToolCommands,
-  je as useWorkspace
+  ie as AgentCommandInput,
+  De as AgentCommandPalette,
+  ce as AgentResponseDisplay,
+  Pe as CommandInput,
+  ae as CommandItem,
+  Ie as CommandList,
+  it as CommandPalette,
+  ne as CommandRegistryService,
+  It as EditableConfigurablePanelLayout,
+  nt as FocusIndicator,
+  Se as LocalStoragePersistenceAdapter,
+  Te as LocalStorageWorkspaceAdapter,
+  oe as PanelCollapseButton,
+  Ge as PanelConfigureButton,
+  St as PanelControls,
+  re as PanelSwitchButton,
+  Rt as ResponsiveConfigurablePanelLayout,
+  le as ToolExecutionList,
+  _ as WorkspaceLayoutService,
+  me as collapseAllPanelsTool,
+  ht as createToolCommandsProvider,
+  ye as expandAllPanelsTool,
+  ge as focusPanelTool,
+  vt as generateToolsSystemPrompt,
+  lt as getGlobalCommandRegistry,
+  pt as getPanelCommands,
+  pe as getPanelStateTool,
+  xt as getToolParameterInfo,
+  de as getVisiblePanelsTool,
+  mt as layoutActionTools,
+  _e as layoutTools,
+  yt as layoutToolsMetadata,
+  ue as listPanelsWithStateTool,
+  Lt as mapThemeToPanelVars,
+  At as mapThemeToTabVars,
+  Re as panelCommands,
+  ct as resetGlobalCommandRegistry,
+  xe as resetLayoutTool,
+  ft as stateQueryTools,
+  he as switchPanelTool,
+  fe as togglePanelTool,
+  Fe as toolToAIFunction,
+  Ne as toolToAnthropicFormat,
+  ze as toolToCommand,
+  je as toolToGeminiFunction,
+  Me as toolToOpenAIFunction,
+  Ct as toolsToAIFunctions,
+  kt as toolsToAnthropicFormat,
+  be as toolsToCommands,
+  bt as toolsToGeminiFormat,
+  wt as toolsToOpenAIFormat,
+  ut as useAgentCommandPalette,
+  dt as useCommandPalette,
+  rt as usePanelFocus,
+  at as usePanelFocusListener,
+  st as usePanelKeyboardShortcuts,
+  tt as usePanelPersistence,
+  gt as useToolCommands,
+  ot as useWorkspace
 };
 //# sourceMappingURL=index.esm.js.map