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

@principal-ade/panel-layouts 0.2.3 → 0.2.5

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 X = Object.defineProperty;
-var G = (a, e, t) => e in a ? X(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
-var _ = (a, e, t) => G(a, typeof e != "symbol" ? e + "" : e, t);
-import { EditableConfigurablePanelLayout as Be, ResponsiveConfigurablePanelLayout as Je, mapThemeToPanelVars as He, mapThemeToTabVars as Xe } from "@principal-ade/panels";
-import Y, { useState as A, useRef as W, useEffect as P, useCallback as g, forwardRef as Q, useMemo as q } from "react";
-import { jsx as R, jsxs as I, Fragment as U } from "react/jsx-runtime";
-import { useTheme as O } from "@principal-ade/industry-theme";
-class Z {
+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 {
   constructor() {
-    _(this, "storageKey", "panel-layouts");
+    E(this, "storageKey", "panel-layouts");
   }
   async load(e) {
     try {
-      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;
+      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;
     }
   }
-  async save(e, t) {
+  async save(e, o) {
     try {
       localStorage.setItem(
         `${this.storageKey}:${e}`,
-        JSON.stringify(t)
+        JSON.stringify(o)
       );
-    } catch (o) {
-      console.error(`Failed to save panel layout for ${e}:`, o);
+    } catch (a) {
+      console.error(`Failed to save panel layout for ${e}:`, a);
     }
   }
 }
-function Ce(a) {
+function $e(t) {
   const {
     viewKey: e,
-    defaultSizes: t,
-    panelType: o,
-    adapter: s = new Z()
-  } = a, [r, n] = A(t), [i, m] = A(a.collapsed), y = W(a.collapsed), h = W({}), d = W(null), u = W(null);
-  P(() => {
+    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(() => {
     (async () => {
-      const x = await s.load(e);
-      x != null && x.sizes && (n(x.sizes), f(x.sizes));
+      const C = await r.load(e);
+      C != null && C.sizes && (s(C.sizes), y(C.sizes));
     })();
   }, [e]);
-  const f = g(
-    (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);
+  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);
     },
     []
-  ), c = g(
-    (w) => {
-      const x = h.current[w];
-      if (x && x > 0)
-        return x;
-      if (w === "left" && "left" in t && t.left > 0)
-        return t.left;
-      if (w === "right" && "right" in t && t.right > 0)
-        return t.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;
     },
-    [t]
-  ), l = W(t);
-  P(() => {
-    ("left" in t && t.left !== l.current.left || "middle" in t && "middle" in l.current && t.middle !== l.current.middle || "right" in t && t.right !== l.current.right) && (n(t), f(t), l.current = t);
-  }, [t, f]), P(() => {
-    const w = a.collapsed.left !== y.current.left, x = "right" in a.collapsed && "right" in y.current && a.collapsed.right !== y.current.right;
-    (w || x) && (m(a.collapsed), y.current = { ...a.collapsed });
-  }, [a.collapsed.left, a.collapsed.right]);
-  const b = g(
-    async (w) => {
+    [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) => {
       try {
-        await s.save(e, { sizes: w });
-      } catch (x) {
+        await r.save(e, { sizes: k });
+      } catch (C) {
         console.error(
           `Failed to save panel preferences for ${e}:`,
-          x
+          C
         );
       }
     },
-    [e, s]
-  ), S = g(
-    (w) => {
-      const x = { ...w };
+    [e, r]
+  ), P = w(
+    (k) => {
+      const C = { ...k };
       let v = !0;
-      if ("left" in w) {
-        const k = !!(i != null && i.left), p = w.left;
-        if (k) {
-          const C = c("left");
-          C !== void 0 && C > 0 ? x.left = C : v = !1;
-        } else p === 0 && (v = !1);
+      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 (o === "three-panel" && "right" in w) {
-        const k = !!(i != null && i.right), p = w.right;
-        if (k) {
-          const C = c("right");
-          C !== void 0 && C > 0 ? x.right = C : v = !1;
-        } else p === 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 (n(x), f(x), d.current && (clearTimeout(d.current), d.current = null), !v) {
-        u.current = null;
+      if (s(C), y(C), c.current && (clearTimeout(c.current), c.current = null), !v) {
+        m.current = null;
         return;
       }
-      u.current = x, d.current = setTimeout(() => {
-        const k = u.current;
-        k && (b(k), u.current = null), d.current = null;
+      m.current = C, c.current = setTimeout(() => {
+        const x = m.current;
+        x && (b(x), m.current = null), c.current = null;
       }, 500);
     },
     [
       i,
-      c,
-      o,
+      u,
+      a,
       b,
-      f
+      y
     ]
   );
-  P(() => () => {
-    if (d.current) {
-      const w = u.current;
-      w && (b(w), u.current = null), clearTimeout(d.current), d.current = null;
+  I(() => () => {
+    if (c.current) {
+      const k = m.current;
+      k && (b(k), m.current = null), clearTimeout(c.current), c.current = null;
     }
   }, [b]);
-  const z = g(async () => {
-  }, []), E = g(async () => {
-  }, []), D = g(async () => {
-  }, []), $ = g(async () => {
+  const W = w(async () => {
+  }, []), A = w(async () => {
+  }, []), D = w(async () => {
+  }, []), j = w(async () => {
   }, []);
-  return o === "three-panel" ? {
+  return a === "three-panel" ? {
     type: "three-panel",
-    sizes: r,
+    sizes: n,
     collapsed: i,
-    handlePanelResize: S,
-    handleLeftCollapseComplete: z,
-    handleLeftExpandComplete: E,
+    handlePanelResize: P,
+    handleLeftCollapseComplete: W,
+    handleLeftExpandComplete: A,
     handleRightCollapseComplete: D,
-    handleRightExpandComplete: $
+    handleRightExpandComplete: j
   } : {
     type: "two-panel",
-    sizes: r,
+    sizes: n,
     collapsed: i,
-    handlePanelResize: S,
-    handleLeftCollapseComplete: z,
-    handleLeftExpandComplete: E
+    handlePanelResize: P,
+    handleLeftCollapseComplete: W,
+    handleLeftExpandComplete: A
   };
 }
-class ee {
+class de {
   constructor() {
-    _(this, "PRESETS_KEY", "panel-layouts:workspace-presets");
-    _(this, "REPO_STATE_PREFIX", "panel-layouts:repo-state:");
+    E(this, "PRESETS_KEY", "panel-layouts:workspace-presets");
+    E(this, "REPO_STATE_PREFIX", "panel-layouts:repo-state:");
   }
   /**
    * Load all user-created workspace presets
@@ -162,8 +162,8 @@ class ee {
   async saveWorkspacePresets(e) {
     try {
       localStorage.setItem(this.PRESETS_KEY, JSON.stringify(e));
-    } catch (t) {
-      throw console.error("Failed to save workspace presets:", t), t;
+    } catch (o) {
+      throw console.error("Failed to save workspace presets:", o), o;
     }
   }
   /**
@@ -171,27 +171,27 @@ class ee {
    */
   async loadRepositoryState(e) {
     try {
-      const t = `${this.REPO_STATE_PREFIX}${e}`, o = localStorage.getItem(t);
-      return o ? JSON.parse(o) : null;
-    } catch (t) {
+      const o = `${this.REPO_STATE_PREFIX}${e}`, a = localStorage.getItem(o);
+      return a ? JSON.parse(a) : null;
+    } catch (o) {
       return console.error(
         `Failed to load repository state for ${e}:`,
-        t
+        o
       ), null;
     }
   }
   /**
    * Save repository-specific workspace state
    */
-  async saveRepositoryState(e, t) {
+  async saveRepositoryState(e, o) {
     try {
-      const o = `${this.REPO_STATE_PREFIX}${e}`;
-      localStorage.setItem(o, JSON.stringify(t));
-    } catch (o) {
+      const a = `${this.REPO_STATE_PREFIX}${e}`;
+      localStorage.setItem(a, JSON.stringify(o));
+    } catch (a) {
       throw console.error(
         `Failed to save repository state for ${e}:`,
-        o
-      ), o;
+        a
+      ), a;
     }
   }
   /**
@@ -200,17 +200,17 @@ class ee {
   async loadAllRepositoryStates() {
     try {
       const e = {};
-      for (let t = 0; t < localStorage.length; t++) {
-        const o = localStorage.key(t);
-        if (o && o.startsWith(this.REPO_STATE_PREFIX)) {
-          const s = o.substring(this.REPO_STATE_PREFIX.length), r = localStorage.getItem(o);
-          if (r)
+      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)
             try {
-              e[s] = JSON.parse(r);
-            } catch (n) {
+              e[r] = JSON.parse(n);
+            } catch (s) {
               console.error(
-                `Failed to parse repository state for ${s}:`,
-                n
+                `Failed to parse repository state for ${r}:`,
+                s
               );
             }
         }
@@ -221,7 +221,7 @@ class ee {
     }
   }
 }
-class T {
+class R {
   /**
    * Configure a custom storage adapter (for Electron IPC or remote storage)
    */
@@ -248,8 +248,8 @@ class T {
    * Create a new workspace layout
    */
   static async createWorkspaceLayout(e) {
-    const t = await this.adapter.loadWorkspacePresets(), o = this.generateWorkspaceId(e.name), s = {
-      id: o,
+    const o = await this.adapter.loadWorkspacePresets(), a = this.generateWorkspaceId(e.name), r = {
+      id: a,
       name: e.name,
       description: e.description,
       layout: e.layout,
@@ -258,46 +258,46 @@ class T {
       createdAt: Date.now(),
       updatedAt: Date.now(),
       isBuiltIn: !1
-    }, r = {
-      ...t,
-      [o]: s
+    }, n = {
+      ...o,
+      [a]: r
     };
-    return await this.adapter.saveWorkspacePresets(r), s;
+    return await this.adapter.saveWorkspacePresets(n), r;
   }
   /**
    * Update an existing workspace layout
    */
-  static async updateWorkspaceLayout(e, t) {
-    const o = await this.adapter.loadWorkspacePresets(), s = o[e];
-    if (!s)
+  static async updateWorkspaceLayout(e, o) {
+    const a = await this.adapter.loadWorkspacePresets(), r = a[e];
+    if (!r)
       return console.error(`Workspace layout ${e} not found`), null;
-    if (s.isBuiltIn)
+    if (r.isBuiltIn)
       return console.error(`Cannot update built-in workspace layout ${e}`), null;
-    const r = {
-      ...s,
-      ...t,
+    const n = {
+      ...r,
+      ...o,
       id: e,
       // Preserve ID
-      createdAt: s.createdAt,
+      createdAt: r.createdAt,
       // Preserve creation time
       updatedAt: Date.now()
-    }, n = {
-      ...o,
-      [e]: r
+    }, s = {
+      ...a,
+      [e]: n
     };
-    return await this.adapter.saveWorkspacePresets(n), r;
+    return await this.adapter.saveWorkspacePresets(s), n;
   }
   /**
    * Delete a workspace layout
    */
   static async deleteWorkspaceLayout(e) {
-    const t = await this.adapter.loadWorkspacePresets(), o = t[e];
-    if (!o)
+    const o = await this.adapter.loadWorkspacePresets(), a = o[e];
+    if (!a)
       return console.error(`Workspace layout ${e} not found`), !1;
-    if (o.isBuiltIn)
+    if (a.isBuiltIn)
       return console.error(`Cannot delete built-in workspace layout ${e}`), !1;
-    const s = { ...t };
-    return delete s[e], await this.adapter.saveWorkspacePresets(s), !0;
+    const r = { ...o };
+    return delete r[e], await this.adapter.saveWorkspacePresets(r), !0;
   }
   /**
    * Get repository state (which workspace + current sizes/collapsed)
@@ -308,89 +308,89 @@ class T {
   /**
    * Set repository state (which workspace + current sizes/collapsed/layout)
    */
-  static async setRepositoryState(e, t) {
-    await this.adapter.saveRepositoryState(e, t);
+  static async setRepositoryState(e, o) {
+    await this.adapter.saveRepositoryState(e, o);
   }
   /**
    * Update only sizes in repository state
    */
-  static async updateRepositorySizes(e, t) {
-    const o = await this.getRepositoryState(e);
-    o && await this.setRepositoryState(e, {
-      ...o,
-      sizes: t
+  static async updateRepositorySizes(e, o) {
+    const a = await this.getRepositoryState(e);
+    a && await this.setRepositoryState(e, {
+      ...a,
+      sizes: o
     });
   }
   /**
    * Update only collapsed state in repository state
    */
-  static async updateRepositoryCollapsed(e, t) {
-    const o = await this.getRepositoryState(e);
-    o && await this.setRepositoryState(e, {
-      ...o,
-      collapsed: t
+  static async updateRepositoryCollapsed(e, o) {
+    const a = await this.getRepositoryState(e);
+    a && await this.setRepositoryState(e, {
+      ...a,
+      collapsed: o
     });
   }
   /**
    * Check if repository state differs from workspace defaults
    */
-  static hasStateDeviation(e, t) {
-    const o = 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: o, hasCollapsedDeviation: s };
+  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 };
   }
   /**
    * Update workspace defaults from repository state
    */
-  static async updateWorkspaceFromRepositoryState(e, t) {
-    const o = await this.getWorkspaceLayout(e), s = await this.getRepositoryState(t);
-    if (!o || !s || o.isBuiltIn) {
+  static async updateWorkspaceFromRepositoryState(e, o) {
+    const a = await this.getWorkspaceLayout(e), r = await this.getRepositoryState(o);
+    if (!a || !r || a.isBuiltIn) {
       console.error(
         "Cannot update built-in workspace or workspace/state not found"
       );
       return;
     }
     await this.updateWorkspaceLayout(e, {
-      defaultSizes: s.sizes,
-      defaultCollapsed: s.collapsed
+      defaultSizes: r.sizes,
+      defaultCollapsed: r.collapsed
     });
   }
   /**
    * Reset repository state to workspace defaults
    */
-  static async resetRepositoryToWorkspaceDefaults(e, t) {
-    const o = await this.getWorkspaceLayout(t);
-    if (!o) {
-      console.error(`Workspace ${t} not found`);
+  static async resetRepositoryToWorkspaceDefaults(e, o) {
+    const a = await this.getWorkspaceLayout(o);
+    if (!a) {
+      console.error(`Workspace ${o} not found`);
       return;
     }
-    const s = await this.getRepositoryState(e);
-    s && await this.setRepositoryState(e, {
-      ...s,
-      sizes: o.defaultSizes || { left: 20, middle: 45, right: 35 },
-      collapsed: o.defaultCollapsed || { left: !1, right: !1 }
+    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 }
     });
   }
   /**
    * Check if a layout matches a workspace layout
    */
-  static isLayoutMatchingWorkspace(e, t) {
-    return this.areLayoutsEqual(e, t.layout);
+  static isLayoutMatchingWorkspace(e, o) {
+    return this.areLayoutsEqual(e, o.layout);
   }
   /**
    * Find workspace ID that matches the given layout
    */
   static async findMatchingWorkspace(e) {
-    const t = await this.getWorkspaceLayouts();
-    for (const [o, s] of Object.entries(t))
-      if (this.isLayoutMatchingWorkspace(e, s))
-        return o;
+    const o = await this.getWorkspaceLayouts();
+    for (const [a, r] of Object.entries(o))
+      if (this.isLayoutMatchingWorkspace(e, r))
+        return a;
     return null;
   }
   /**
    * Deep comparison of two panel layouts
    */
-  static areLayoutsEqual(e, t) {
-    return JSON.stringify(e) === JSON.stringify(t);
+  static areLayoutsEqual(e, o) {
+    return JSON.stringify(e) === JSON.stringify(o);
   }
   /**
    * Generate a unique ID from a workspace name
@@ -610,190 +610,190 @@ class T {
     Object.keys(e).length;
   }
 }
-_(T, "adapter", new ee());
-function Se(a = {}) {
-  const { repositoryKey: e, autoInitialize: t = !1, defaultWorkspaceId: o } = a, [s, r] = A(
+E(R, "adapter", new de());
+function je(t = {}) {
+  const { repositoryKey: e, autoInitialize: o = !1, defaultWorkspaceId: a } = t, [r, n] = _(
     {}
-  ), [n, i] = A(null), [m, y] = A(null), [h, d] = A(!0), [u, f] = A(null), c = g(async () => {
+  ), [s, i] = _(null), [p, d] = _(null), [g, c] = _(!0), [m, y] = _(null), u = w(async () => {
     try {
-      d(!0), f(null);
-      const v = await T.getWorkspaceLayouts();
-      if (r(v), e) {
-        let k = await T.getRepositoryState(e);
-        if (!k && t) {
-          const p = o || "project-management", C = await T.getWorkspaceLayout(p);
-          C && (k = {
-            workspaceId: p,
-            sizes: C.defaultSizes || {
+      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 || {
               left: 20,
               middle: 45,
               right: 35
             },
-            collapsed: C.defaultCollapsed || {
+            collapsed: T.defaultCollapsed || {
               left: !1,
               right: !1
             }
-          }, await T.setRepositoryState(
+          }, await R.setRepositoryState(
             e,
-            k
+            x
           ));
         }
-        if (i(k), k != null && k.workspaceId) {
-          const p = await T.getWorkspaceLayout(
-            k.workspaceId
+        if (i(x), x != null && x.workspaceId) {
+          const h = await R.getWorkspaceLayout(
+            x.workspaceId
           );
-          y(p);
+          d(h);
         } else
-          y(null);
+          d(null);
       }
     } catch (v) {
-      f(v), console.error("Failed to load workspace data:", v);
+      y(v), console.error("Failed to load workspace data:", v);
     } finally {
-      d(!1);
+      c(!1);
     }
-  }, [e, t, o]);
-  P(() => {
-    c();
-  }, [c]);
-  const l = g(
-    async (v) => await T.getWorkspaceLayout(v),
+  }, [e, o, a]);
+  I(() => {
+    u();
+  }, [u]);
+  const l = w(
+    async (v) => await R.getWorkspaceLayout(v),
     []
-  ), b = g(
+  ), b = w(
     async (v) => {
-      const k = await T.createWorkspaceLayout(v);
-      return await c(), k;
+      const x = await R.createWorkspaceLayout(v);
+      return await u(), x;
     },
-    [c]
-  ), S = g(
-    async (v, k) => {
-      const p = await T.updateWorkspaceLayout(v, k);
-      return await c(), p;
+    [u]
+  ), P = w(
+    async (v, x) => {
+      const h = await R.updateWorkspaceLayout(v, x);
+      return await u(), h;
     },
-    [c]
-  ), z = g(
+    [u]
+  ), W = w(
     async (v) => {
-      const k = await T.deleteWorkspaceLayout(v);
-      return k && await c(), k;
+      const x = await R.deleteWorkspaceLayout(v);
+      return x && await u(), x;
     },
-    [c]
-  ), E = g(
+    [u]
+  ), A = w(
     async (v) => {
       if (!e) {
         console.error("Cannot apply workspace without repositoryKey");
         return;
       }
-      const k = await T.getWorkspaceLayout(v);
-      if (!k) {
+      const x = await R.getWorkspaceLayout(v);
+      if (!x) {
         console.error(`Workspace ${v} not found`);
         return;
       }
-      const p = {
+      const h = {
         workspaceId: v,
-        sizes: k.defaultSizes || { left: 20, middle: 45, right: 35 },
-        collapsed: k.defaultCollapsed || {
+        sizes: x.defaultSizes || { left: 20, middle: 45, right: 35 },
+        collapsed: x.defaultCollapsed || {
           left: !1,
           right: !1
         }
       };
-      await T.setRepositoryState(e, p), await c();
+      await R.setRepositoryState(e, h), await u();
     },
-    [e, c]
-  ), D = g(
+    [e, u]
+  ), D = w(
     async (v) => {
       if (!e) {
         console.error("Cannot update sizes without repositoryKey");
         return;
       }
-      await T.updateRepositorySizes(e, v), await c();
+      await R.updateRepositorySizes(e, v), await u();
     },
-    [e, c]
-  ), $ = g(
+    [e, u]
+  ), j = w(
     async (v) => {
       if (!e) {
         console.error("Cannot update collapsed without repositoryKey");
         return;
       }
-      await T.updateRepositoryCollapsed(
+      await R.updateRepositoryCollapsed(
         e,
         v
-      ), await c();
+      ), await u();
     },
-    [e, c]
-  ), w = g(async () => {
-    if (!e || !(n != null && n.workspaceId)) {
+    [e, u]
+  ), k = w(async () => {
+    if (!e || !(s != null && s.workspaceId)) {
       console.error("Cannot reset without repositoryKey and active workspace");
       return;
     }
-    await T.resetRepositoryToWorkspaceDefaults(
+    await R.resetRepositoryToWorkspaceDefaults(
       e,
-      n.workspaceId
-    ), await c();
-  }, [e, n == null ? void 0 : n.workspaceId, c]), x = g(async () => {
-    await c();
-  }, [c]);
+      s.workspaceId
+    ), await u();
+  }, [e, s == null ? void 0 : s.workspaceId, u]), C = w(async () => {
+    await u();
+  }, [u]);
   return {
-    workspaces: s,
-    repositoryState: n,
-    activeWorkspace: m,
-    loading: h,
-    error: u,
+    workspaces: r,
+    repositoryState: s,
+    activeWorkspace: p,
+    loading: g,
+    error: m,
     getWorkspace: l,
     createWorkspace: b,
-    updateWorkspace: S,
-    deleteWorkspace: z,
-    applyWorkspace: E,
+    updateWorkspace: P,
+    deleteWorkspace: W,
+    applyWorkspace: A,
     updateSizes: D,
-    updateCollapsed: $,
-    resetToDefaults: w,
-    refresh: x
+    updateCollapsed: j,
+    resetToDefaults: k,
+    refresh: C
   };
 }
-function Pe(a = {}) {
+function qe(t = {}) {
   const {
     initialFocus: e = null,
-    collapsed: t = {},
-    panelType: o = "three-panel",
-    onFocusChange: s,
-    events: r,
-    getPanelId: n
-  } = a, [i, m] = A(
+    collapsed: o = {},
+    panelType: a = "three-panel",
+    onFocusChange: r,
+    events: n,
+    getPanelId: s
+  } = t, [i, p] = _(
     e
-  ), y = g(
+  ), d = w(
     (l) => {
       const b = i;
-      if (m(l), s == null || s(l), r && n) {
+      if (p(l), r == null || r(l), n && s) {
         if (b) {
-          const z = n(b);
-          z && r.emit({
+          const W = s(b);
+          W && n.emit({
             type: "panel:blur",
             source: "panel-layouts",
             timestamp: Date.now(),
             payload: {
-              panelId: z,
+              panelId: W,
               panelSlot: b,
-              nextPanelId: n(l)
+              nextPanelId: s(l)
             }
           });
         }
-        const S = n(l);
-        S && r.emit({
+        const P = s(l);
+        P && n.emit({
           type: "panel:focus",
           source: "panel-layouts",
           timestamp: Date.now(),
           payload: {
-            panelId: S,
+            panelId: P,
             panelSlot: l,
             source: "keyboard-shortcut"
           }
         });
       }
     },
-    [i, s, r, n]
-  ), h = g(() => {
+    [i, r, n, s]
+  ), g = w(() => {
     const l = i;
-    if (m(null), s == null || s(null), r && n && l) {
-      const b = n(l);
-      b && r.emit({
+    if (p(null), r == null || r(null), n && s && l) {
+      const b = s(l);
+      b && n.emit({
         type: "panel:blur",
         source: "panel-layouts",
         timestamp: Date.now(),
@@ -803,110 +803,110 @@ function Pe(a = {}) {
         }
       });
     }
-  }, [i, s, r, n]), d = g(() => {
+  }, [i, r, n, s]), c = w(() => {
     const l = [];
-    return t.left || l.push("left"), l.push("middle"), o === "three-panel" && !t.right && l.push("right"), l;
-  }, [t, o]), u = g(() => {
-    const l = d();
+    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;
     if (i === null) {
-      y(l[0]);
+      d(l[0]);
       return;
     }
     const b = l.indexOf(i);
     if (b === -1) {
-      y(l[0]);
+      d(l[0]);
       return;
     }
-    const S = (b + 1) % l.length;
-    y(l[S]);
-  }, [i, d, y]), f = g(() => {
-    const l = d();
+    const P = (b + 1) % l.length;
+    d(l[P]);
+  }, [i, c, d]), y = w(() => {
+    const l = c();
     if (l.length === 0) return;
     if (i === null) {
-      y(l[l.length - 1]);
+      d(l[l.length - 1]);
       return;
     }
     const b = l.indexOf(i);
     if (b === -1) {
-      y(l[l.length - 1]);
+      d(l[l.length - 1]);
       return;
     }
-    const S = b === 0 ? l.length - 1 : b - 1;
-    y(l[S]);
-  }, [i, d, y]), c = g(
+    const P = b === 0 ? l.length - 1 : b - 1;
+    d(l[P]);
+  }, [i, c, d]), u = w(
     (l) => i === l,
     [i]
   );
   return {
     focusedPanel: i,
-    setFocus: y,
-    clearFocus: h,
-    focusNext: u,
-    focusPrevious: f,
-    isFocused: c
+    setFocus: d,
+    clearFocus: g,
+    focusNext: m,
+    focusPrevious: y,
+    isFocused: u
   };
 }
-function Te(a) {
+function Fe(t) {
   const {
     enabled: e = !0,
-    focusedPanel: t,
-    collapsed: o,
-    panelType: s,
-    setFocus: r,
-    onExpand: n,
+    focusedPanel: o,
+    collapsed: a,
+    panelType: r,
+    setFocus: n,
+    onExpand: s,
     onCollapse: i
-  } = a, m = W(t), y = W(o), h = W(s);
-  P(() => {
-    m.current = t;
-  }, [t]), P(() => {
-    y.current = o;
-  }, [o]), P(() => {
-    h.current = s;
-  }, [s]);
-  const d = g(
-    (u) => {
-      if (!u.altKey || u.ctrlKey || u.metaKey || u.shiftKey)
+  } = 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)
         return;
-      const f = u.code, c = m.current, l = y.current, b = h.current;
-      f === "Digit1" || f === "Numpad1" ? (u.preventDefault(), l.left ? n("left") : c !== "left" ? r("left") : (i("left"), r("middle"))) : f === "Digit2" || f === "Numpad2" ? (u.preventDefault(), r("middle")) : (f === "Digit3" || f === "Numpad3") && b === "three-panel" && (u.preventDefault(), l.right ? n("right") : c !== "right" ? r("right") : (i("right"), r("middle")));
+      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")));
     },
-    [r, n, i]
+    [n, s, i]
   );
-  P(() => {
+  I(() => {
     if (e)
-      return window.addEventListener("keydown", d), () => {
-        window.removeEventListener("keydown", d);
+      return window.addEventListener("keydown", c), () => {
+        window.removeEventListener("keydown", c);
       };
-  }, [e, d]);
+  }, [e, c]);
 }
-function Re(a, e, t, o) {
-  P(() => {
-    const s = e.on(
+function Oe(t, e, o, a) {
+  I(() => {
+    const r = e.on(
       "panel:focus",
-      (n) => {
-        n.payload.panelId === a && t();
+      (s) => {
+        s.payload.panelId === t && o();
       }
     );
-    let r;
-    return o && (r = e.on(
+    let n;
+    return a && (n = e.on(
       "panel:blur",
-      (n) => {
-        n.payload.panelId === a && o();
+      (s) => {
+        s.payload.panelId === t && a();
       }
     )), () => {
-      s(), r == null || r();
+      r(), n == null || n();
     };
-  }, [a, e, t, o]);
+  }, [t, e, o, a]);
 }
-const Ie = ({
-  isFocused: a,
+const Me = ({
+  isFocused: t,
   className: e = "",
-  style: t = {}
+  style: o = {}
 }) => {
-  if (!a)
+  if (!t)
     return null;
-  const o = {
+  const a = {
     position: "absolute",
     top: 0,
     left: 0,
@@ -918,65 +918,65 @@ const Ie = ({
     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",
-    ...t
+    ...o
   };
-  return /* @__PURE__ */ R(
+  return /* @__PURE__ */ f(
     "div",
     {
       className: `panel-focus-indicator ${e}`,
-      style: o,
+      style: a,
       role: "presentation",
       "aria-hidden": "true"
     }
   );
-}, te = ({
-  value: a,
+}, ue = ({
+  value: t,
   onChange: e,
-  placeholder: t = "> Type a command...",
-  onClose: o,
-  onEnter: s
+  placeholder: o = "> Type a command...",
+  onClose: a,
+  onEnter: r
 }) => {
-  const { theme: r } = O(), n = W(null);
-  P(() => {
-    n.current && n.current.focus();
+  const { theme: n } = $(), s = L(null);
+  I(() => {
+    s.current && s.current.focus();
   }, []);
-  const i = (m) => {
-    switch (m.key) {
+  const i = (p) => {
+    switch (p.key) {
       case "Enter":
-        m.preventDefault(), s == null || s();
+        p.preventDefault(), r == null || r();
         break;
       case "Escape":
-        m.preventDefault(), o();
+        p.preventDefault(), a();
         break;
     }
   };
-  return /* @__PURE__ */ R(
+  return /* @__PURE__ */ f(
     "div",
     {
       style: {
         padding: "0",
-        borderBottom: `1px solid ${r.colors.border}`,
-        backgroundColor: r.colors.background
+        borderBottom: `1px solid ${n.colors.border}`,
+        backgroundColor: n.colors.background
       },
-      children: /* @__PURE__ */ R(
+      children: /* @__PURE__ */ f(
         "input",
         {
-          ref: n,
+          ref: s,
           type: "text",
-          value: a,
-          onChange: (m) => e(m.target.value),
+          value: t,
+          onChange: (p) => e(p.target.value),
           onKeyDown: i,
-          placeholder: t,
+          placeholder: o,
           style: {
             width: "100%",
             padding: "16px 20px",
             fontSize: "16px",
-            fontFamily: r.fonts.monospace,
+            fontFamily: n.fonts.monospace,
             backgroundColor: "transparent",
             border: "none",
             outline: "none",
-            color: r.colors.text,
-            caretColor: r.colors.primary
+            color: n.colors.text,
+            caretColor: n.colors.primary
           },
           autoComplete: "off",
           autoCorrect: "off",
@@ -986,33 +986,33 @@ const Ie = ({
       )
     }
   );
-}, j = Q(
-  ({ command: a, isSelected: e, onClick: t, onMouseEnter: o }, s) => {
-    const { theme: r } = O(), { label: n, description: i, icon: m, shortcut: y } = a, [h, d] = Y.useState(!1);
-    return /* @__PURE__ */ I(
+}, 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(
       "div",
       {
-        ref: s,
-        onClick: t,
+        ref: r,
+        onClick: o,
         onMouseEnter: () => {
-          d(!0), o();
+          c(!0), a();
         },
-        onMouseLeave: () => d(!1),
+        onMouseLeave: () => c(!1),
         style: {
           padding: "10px 16px",
           cursor: "pointer",
-          backgroundColor: e || h ? r.colors.backgroundSecondary : "transparent",
-          borderLeft: e || h ? `3px solid ${r.colors.primary}` : "3px solid transparent",
+          backgroundColor: e || g ? n.colors.backgroundSecondary : "transparent",
+          borderLeft: e || g ? `3px solid ${n.colors.primary}` : "3px solid transparent",
           transition: "all 0.1s ease",
           display: "flex",
           alignItems: "center",
           gap: "12px"
         },
-        onMouseDown: (u) => {
-          u.preventDefault();
+        onMouseDown: (m) => {
+          m.preventDefault();
         },
         children: [
-          m && /* @__PURE__ */ R(
+          p && /* @__PURE__ */ f(
             "div",
             {
               style: {
@@ -1023,30 +1023,30 @@ const Ie = ({
                 alignItems: "center",
                 justifyContent: "center",
                 fontSize: "16px",
-                color: e || h ? r.colors.primary : r.colors.textSecondary
+                color: e || g ? n.colors.primary : n.colors.textSecondary
               },
-              children: m
+              children: p
             }
           ),
-          /* @__PURE__ */ I("div", { style: { flex: 1, minWidth: 0 }, children: [
-            /* @__PURE__ */ R(
+          /* @__PURE__ */ S("div", { style: { flex: 1, minWidth: 0 }, children: [
+            /* @__PURE__ */ f(
               "div",
               {
                 style: {
                   fontSize: "14px",
                   fontWeight: 500,
-                  color: e || h ? r.colors.text : r.colors.textSecondary,
+                  color: e || g ? n.colors.text : n.colors.textSecondary,
                   marginBottom: i ? "2px" : 0
                 },
-                children: n
+                children: s
               }
             ),
-            i && /* @__PURE__ */ R(
+            i && /* @__PURE__ */ f(
               "div",
               {
                 style: {
                   fontSize: "12px",
-                  color: r.colors.textMuted,
+                  color: n.colors.textMuted,
                   overflow: "hidden",
                   textOverflow: "ellipsis",
                   whiteSpace: "nowrap"
@@ -1055,20 +1055,20 @@ const Ie = ({
               }
             )
           ] }),
-          y && /* @__PURE__ */ R(
+          d && /* @__PURE__ */ f(
             "div",
             {
               style: {
                 flexShrink: 0,
                 fontSize: "11px",
-                color: r.colors.textMuted,
+                color: n.colors.textMuted,
                 padding: "2px 8px",
-                backgroundColor: r.colors.background,
-                border: `1px solid ${r.colors.border}`,
+                backgroundColor: n.colors.background,
+                border: `1px solid ${n.colors.border}`,
                 borderRadius: "4px",
-                fontFamily: r.fonts.monospace
+                fontFamily: n.fonts.monospace
               },
-              children: y
+              children: d
             }
           )
         ]
@@ -1076,37 +1076,37 @@ const Ie = ({
     );
   }
 );
-j.displayName = "CommandItem";
-const ae = ({
-  commands: a,
+B.displayName = "CommandItem";
+const fe = ({
+  commands: t,
   selectedIndex: e,
-  onSelect: t,
-  onHover: o,
-  maxResults: s = 10
+  onSelect: o,
+  onHover: a,
+  maxResults: r = 10
 }) => {
-  const { theme: r } = O(), n = W(null), i = W(null), m = a.slice(0, s);
-  P(() => {
-    if (i.current && n.current) {
-      const d = i.current, u = n.current, f = d.offsetTop, c = f + d.offsetHeight, l = u.scrollTop, b = u.clientHeight;
-      f < l ? u.scrollTop = f - 8 : c > l + b && (u.scrollTop = c - b + 8);
+  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);
     }
   }, [e]);
-  const y = m.reduce((d, u, f) => {
-    const c = u.category || "Other";
-    return d[c] || (d[c] = []), d[c].push({ command: u, index: f }), d;
-  }, {}), h = Object.keys(y).sort((d, u) => d === "Other" ? 1 : u === "Other" ? -1 : d.localeCompare(u));
-  return /* @__PURE__ */ I(
+  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(
     "div",
     {
-      ref: n,
+      ref: s,
       style: {
         overflowY: "auto",
         maxHeight: "400px",
         padding: "8px 0"
       },
       children: [
-        h.map((d) => /* @__PURE__ */ I("div", { children: [
-          h.length > 1 && /* @__PURE__ */ R(
+        g.map((c) => /* @__PURE__ */ S("div", { children: [
+          g.length > 1 && /* @__PURE__ */ f(
             "div",
             {
               style: {
@@ -1114,39 +1114,39 @@ const ae = ({
                 fontSize: "11px",
                 fontWeight: 600,
                 textTransform: "uppercase",
-                color: r.colors.textMuted,
+                color: n.colors.textMuted,
                 letterSpacing: "0.5px"
               },
-              children: d
+              children: c
             }
           ),
-          y[d].map(({ command: u, index: f }) => /* @__PURE__ */ R(
-            j,
+          d[c].map(({ command: m, index: y }) => /* @__PURE__ */ f(
+            B,
             {
-              command: u,
-              isSelected: f === e,
-              onClick: () => t(u),
-              onMouseEnter: () => o(f),
-              ref: f === e ? i : void 0
+              command: m,
+              isSelected: y === e,
+              onClick: () => o(m),
+              onMouseEnter: () => a(y),
+              ref: y === e ? i : void 0
             },
-            u.id
+            m.id
           ))
-        ] }, d)),
-        a.length > s && /* @__PURE__ */ I(
+        ] }, c)),
+        t.length > r && /* @__PURE__ */ S(
           "div",
           {
             style: {
               padding: "8px 16px",
               fontSize: "12px",
-              color: r.colors.textMuted,
+              color: n.colors.textMuted,
               textAlign: "center",
-              borderTop: `1px solid ${r.colors.border}`
+              borderTop: `1px solid ${n.colors.border}`
             },
             children: [
               "Showing ",
-              s,
+              r,
               " of ",
-              a.length,
+              t.length,
               " results"
             ]
           }
@@ -1154,35 +1154,35 @@ const ae = ({
       ]
     }
   );
-}, Ae = ({
-  commandPalette: a,
+}, Ne = ({
+  commandPalette: t,
   config: e
 }) => {
-  const { theme: t } = O(), o = W(null), {
-    isOpen: s,
-    close: r,
-    query: n,
+  const { theme: o } = $(), a = L(null), {
+    isOpen: r,
+    close: n,
+    query: s,
     setQuery: i,
-    filteredCommands: m,
-    selectedIndex: y,
-    setSelectedIndex: h,
-    executeSelected: d
-  } = a;
-  if (P(() => {
-    if (!s) return;
-    const c = (b) => {
-      o.current && !o.current.contains(b.target) && r();
+    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", c);
+      document.addEventListener("mousedown", u);
     }, 100);
     return () => {
-      clearTimeout(l), document.removeEventListener("mousedown", c);
+      clearTimeout(l), document.removeEventListener("mousedown", u);
     };
-  }, [s, r]), !s)
+  }, [r, n]), !r)
     return null;
-  const u = (e == null ? void 0 : e.maxHeight) || "50vh", f = (e == null ? void 0 : e.placeholder) || "> Type a command...";
-  return /* @__PURE__ */ I(U, { children: [
-    /* @__PURE__ */ R(
+  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(
       "div",
       {
         style: {
@@ -1192,89 +1192,89 @@ const ae = ({
           backdropFilter: "blur(2px)",
           zIndex: 999
         },
-        onClick: r
+        onClick: n
       }
     ),
-    /* @__PURE__ */ I(
+    /* @__PURE__ */ S(
       "div",
       {
-        ref: o,
+        ref: a,
         className: e == null ? void 0 : e.className,
         style: {
           position: "fixed",
           bottom: 0,
           left: 0,
           right: 0,
-          maxHeight: u,
-          backgroundColor: t.colors.surface,
-          borderTop: `1px solid ${t.colors.border}`,
-          boxShadow: t.shadows[2],
+          maxHeight: m,
+          backgroundColor: o.colors.surface,
+          borderTop: `1px solid ${o.colors.border}`,
+          boxShadow: o.shadows[2],
           zIndex: 1e3,
           display: "flex",
           flexDirection: "column-reverse",
           ...e == null ? void 0 : e.style
         },
         children: [
-          /* @__PURE__ */ I("div", { children: [
-            /* @__PURE__ */ R(
-              te,
+          /* @__PURE__ */ S("div", { children: [
+            /* @__PURE__ */ f(
+              ue,
               {
-                value: n,
+                value: s,
                 onChange: i,
-                placeholder: f,
-                onClose: r,
-                onEnter: d
+                placeholder: y,
+                onClose: n,
+                onEnter: c
               }
             ),
-            /* @__PURE__ */ I(
+            /* @__PURE__ */ S(
               "div",
               {
                 style: {
                   padding: "8px 16px",
-                  borderTop: `1px solid ${t.colors.border}`,
+                  borderTop: `1px solid ${o.colors.border}`,
                   display: "flex",
                   gap: "16px",
                   fontSize: "12px",
-                  color: t.colors.textMuted,
-                  backgroundColor: t.colors.background
+                  color: o.colors.textMuted,
+                  backgroundColor: o.colors.background
                 },
                 children: [
-                  /* @__PURE__ */ I("span", { children: [
-                    /* @__PURE__ */ R("kbd", { style: { padding: "2px 6px", backgroundColor: t.colors.backgroundSecondary, borderRadius: "3px", border: `1px solid ${t.colors.border}` }, children: "Enter" }),
+                  /* @__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" }),
                     " Execute"
                   ] }),
-                  /* @__PURE__ */ I("span", { children: [
-                    /* @__PURE__ */ R("kbd", { style: { padding: "2px 6px", backgroundColor: t.colors.backgroundSecondary, borderRadius: "3px", border: `1px solid ${t.colors.border}` }, children: "Esc" }),
+                  /* @__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" }),
                     " Close"
                   ] })
                 ]
               }
             )
           ] }),
-          m.length > 0 && /* @__PURE__ */ R(
-            ae,
+          p.length > 0 && /* @__PURE__ */ f(
+            fe,
             {
-              commands: m,
-              selectedIndex: y,
-              onSelect: (c) => {
-                a.executeCommand(c.id);
+              commands: p,
+              selectedIndex: d,
+              onSelect: (u) => {
+                t.executeCommand(u.id);
               },
-              onHover: h,
+              onHover: g,
               maxResults: e == null ? void 0 : e.maxResults
             }
           ),
-          n && m.length === 0 && /* @__PURE__ */ I(
+          s && p.length === 0 && /* @__PURE__ */ S(
             "div",
             {
               style: {
                 padding: "24px 16px",
-                color: t.colors.textMuted,
+                color: o.colors.textMuted,
                 textAlign: "center",
                 fontSize: "14px"
               },
               children: [
                 'No commands found for "',
-                n,
+                s,
                 '"'
               ]
             }
@@ -1284,18 +1284,18 @@ const ae = ({
     )
   ] });
 };
-class M {
+class K {
   constructor() {
-    _(this, "commands", /* @__PURE__ */ new Map());
-    _(this, "listeners", /* @__PURE__ */ new Set());
+    E(this, "commands", /* @__PURE__ */ new Map());
+    E(this, "listeners", /* @__PURE__ */ new Set());
   }
   /**
    * Register one or more commands
    * @param commands - Array of commands to register
    */
   registerCommands(e) {
-    e.forEach((t) => {
-      this.commands.set(t.id, t);
+    e.forEach((o) => {
+      this.commands.set(o.id, o);
     }), this.notifyListeners();
   }
   /**
@@ -1310,8 +1310,8 @@ class M {
    * @param commandIds - Array of command IDs to unregister
    */
   unregisterCommands(e) {
-    e.forEach((t) => {
-      this.commands.delete(t);
+    e.forEach((o) => {
+      this.commands.delete(o);
     }), this.notifyListeners();
   }
   /**
@@ -1327,8 +1327,8 @@ class M {
    * @returns Array of available commands
    */
   getCommands(e) {
-    const t = Array.from(this.commands.values());
-    return e ? t.filter((o) => o.isAvailable ? o.isAvailable(e) : !0) : t;
+    const o = Array.from(this.commands.values());
+    return e ? o.filter((a) => a.isAvailable ? a.isAvailable(e) : !0) : o;
   }
   /**
    * Get a command by ID
@@ -1343,35 +1343,35 @@ class M {
    * @param commandId - Command ID to execute
    * @param context - Command context
    */
-  async executeCommand(e, t) {
-    var s, r;
-    const o = this.commands.get(e);
-    if (!o) {
+  async executeCommand(e, o) {
+    var r, n;
+    const a = this.commands.get(e);
+    if (!a) {
       console.warn(`Command not found: ${e}`);
       return;
     }
-    if (o.isAvailable && !o.isAvailable(t)) {
+    if (a.isAvailable && !a.isAvailable(o)) {
       console.warn(`Command not available: ${e}`);
       return;
     }
     try {
-      await o.execute(t), (s = t.events) == null || s.emit({
+      await a.execute(o), (r = o.events) == null || r.emit({
         type: "command:executed",
         source: "command-palette",
         timestamp: Date.now(),
         payload: {
-          commandId: o.id,
-          commandLabel: o.label
+          commandId: a.id,
+          commandLabel: a.label
         }
       });
-    } catch (n) {
-      console.error(`Error executing command ${e}:`, n), (r = t.events) == null || r.emit({
+    } catch (s) {
+      console.error(`Error executing command ${e}:`, s), (n = o.events) == null || n.emit({
         type: "command:error",
         source: "command-palette",
         timestamp: Date.now(),
         payload: {
-          commandId: o.id,
-          error: n instanceof Error ? n.message : String(n)
+          commandId: a.id,
+          error: s instanceof Error ? s.message : String(s)
         }
       });
     }
@@ -1382,18 +1382,18 @@ class M {
    * @param context - Command context for availability checks
    * @returns Filtered and sorted commands
    */
-  searchCommands(e, t) {
-    const o = this.getCommands(t);
+  searchCommands(e, o) {
+    const a = this.getCommands(o);
     if (!e.trim())
-      return this.sortCommands(o);
-    const s = e.toLowerCase();
-    return o.map((n) => {
-      var m, y;
+      return this.sortCommands(a);
+    const r = e.toLowerCase();
+    return a.map((s) => {
+      var p, d;
       let i = 0;
-      return n.label.toLowerCase() === s ? i += 1e3 : n.label.toLowerCase().startsWith(s) ? i += 500 : n.label.toLowerCase().includes(s) && (i += 250), (m = n.description) != null && m.toLowerCase().includes(s) && (i += 100), n.keywords && n.keywords.some(
-        (d) => d.toLowerCase().includes(s)
-      ) && (i += 150), (y = n.category) != null && y.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);
+      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);
   }
   /**
    * Sort commands by priority and label
@@ -1401,12 +1401,12 @@ class M {
    * @returns Sorted commands
    */
   sortCommands(e) {
-    return e.sort((t, o) => {
-      const s = (o.priority || 0) - (t.priority || 0);
-      if (s !== 0)
-        return s;
-      const r = t.category || "", n = o.category || "", i = r.localeCompare(n);
-      return i !== 0 ? i : t.label.localeCompare(o.label);
+    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);
     });
   }
   /**
@@ -1438,136 +1438,136 @@ class M {
     this.listeners.forEach((e) => e());
   }
 }
-let F = null;
-function We() {
-  return F || (F = new M()), F;
+let q = null;
+function Be() {
+  return q || (q = new K()), q;
 }
-function ze() {
-  F = null;
+function Ke() {
+  q = null;
 }
-function Le({
-  context: a,
+function Ve({
+  context: t,
   commands: e = [],
-  keyboard: t = { key: " ", altKey: !0 },
-  config: o = {},
-  registry: s
+  keyboard: o = { key: " ", altKey: !0 },
+  config: a = {},
+  registry: r
 }) {
-  const [r, n] = A(!1), [i, m] = A(""), [y, h] = A(0), [d, u] = A([]), f = q(
-    () => s || new M(),
-    [s]
-  ), c = q(
+  const [n, s] = _(!1), [i, p] = _(""), [d, g] = _(0), [c, m] = _([]), y = O(
+    () => r || new K(),
+    [r]
+  ), u = O(
     () => ({
-      ...a,
-      closeCommandPalette: () => n(!1)
+      ...t,
+      closeCommandPalette: () => s(!1)
     }),
-    [a]
+    [t]
   );
-  P(() => {
-    let p = !0;
-    const C = f.subscribe(() => {
-      if (p) {
-        const L = f.getCommands(c);
-        u(L);
+  I(() => {
+    let h = !0;
+    const T = y.subscribe(() => {
+      if (h) {
+        const z = y.getCommands(u);
+        m(z);
       }
     });
     if (e.length > 0)
-      f.registerCommands(e);
+      y.registerCommands(e);
     else {
-      const L = f.getCommands(c);
-      u(L);
+      const z = y.getCommands(u);
+      m(z);
     }
     return () => {
-      p = !1, C();
+      h = !1, T();
     };
-  }, [f]);
-  const l = q(() => (o.fuzzySearch === !1, f.searchCommands(i, c)), [i, f, c, o.fuzzySearch]);
-  P(() => {
-    h(0);
+  }, [y]);
+  const l = O(() => (a.fuzzySearch === !1, y.searchCommands(i, u)), [i, y, u, a.fuzzySearch]);
+  I(() => {
+    g(0);
   }, [l]);
-  const b = g(() => {
-    var p;
-    n(!0), m(""), h(0), (p = a.events) == null || p.emit({
+  const b = w(() => {
+    var h;
+    s(!0), p(""), g(0), (h = t.events) == null || h.emit({
       type: "command-palette:opened",
       source: "command-palette",
       timestamp: Date.now(),
       payload: {}
     });
-  }, [a.events]), S = g(() => {
-    var p;
-    n(!1), m(""), h(0), (p = a.events) == null || p.emit({
+  }, [t.events]), P = w(() => {
+    var h;
+    s(!1), p(""), g(0), (h = t.events) == null || h.emit({
       type: "command-palette:closed",
       source: "command-palette",
       timestamp: Date.now(),
       payload: {}
     });
-  }, [a.events]), z = g(() => {
-    r ? S() : b();
-  }, [r, b, S]), E = g(
-    async (p) => {
-      await f.executeCommand(p, c), S();
+  }, [t.events]), W = w(() => {
+    n ? P() : b();
+  }, [n, b, P]), A = w(
+    async (h) => {
+      await y.executeCommand(h, u), P();
     },
-    [f, c, S]
-  ), D = g(() => {
-    h((p) => {
-      const C = o.maxResults || l.length, L = Math.min(l.length, C) - 1;
-      return p < L ? p + 1 : 0;
+    [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;
     });
-  }, [l.length, o.maxResults]), $ = g(() => {
-    h((p) => {
-      const C = o.maxResults || l.length, L = Math.min(l.length, C) - 1;
-      return p > 0 ? p - 1 : L;
+  }, [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;
     });
-  }, [l.length, o.maxResults]), w = g(async () => {
-    const p = l[0];
-    p && await E(p.id);
-  }, [l, E]), x = g(
-    (p) => {
-      f.registerCommands(p);
+  }, [l.length, a.maxResults]), k = w(async () => {
+    const h = l[0];
+    h && await A(h.id);
+  }, [l, A]), C = w(
+    (h) => {
+      y.registerCommands(h);
     },
-    [f]
-  ), v = g(
-    (p) => {
-      f.unregisterCommands(p);
+    [y]
+  ), v = w(
+    (h) => {
+      y.unregisterCommands(h);
     },
-    [f]
-  ), k = g(
-    (p) => {
+    [y]
+  ), x = w(
+    (h) => {
       const {
-        key: C = " ",
-        altKey: L = !0,
-        ctrlKey: V = !1,
-        metaKey: B = !1,
-        shiftKey: J = !1
-      } = t, H = p.altKey === L && p.ctrlKey === V && p.metaKey === B && p.shiftKey === J;
-      if ((C === " " ? p.code === "Space" : p.key === C) && H) {
-        const N = p.target;
-        if (N.tagName === "INPUT" || N.tagName === "TEXTAREA" || N.isContentEditable)
+        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)
           return;
-        p.preventDefault(), z();
+        h.preventDefault(), W();
       }
     },
-    [t, z]
+    [o, W]
   );
-  return P(() => (window.addEventListener("keydown", k), () => window.removeEventListener("keydown", k)), [k]), {
-    isOpen: r,
+  return I(() => (window.addEventListener("keydown", x), () => window.removeEventListener("keydown", x)), [x]), {
+    isOpen: n,
     open: b,
-    close: S,
-    toggle: z,
+    close: P,
+    toggle: W,
     query: i,
-    setQuery: m,
+    setQuery: p,
     filteredCommands: l,
-    executeCommand: E,
-    selectedIndex: y,
-    setSelectedIndex: h,
+    executeCommand: A,
+    selectedIndex: d,
+    setSelectedIndex: g,
     selectNext: D,
-    selectPrevious: $,
-    executeSelected: w,
-    commands: d,
-    registerCommands: x,
+    selectPrevious: j,
+    executeSelected: k,
+    commands: c,
+    registerCommands: C,
     unregisterCommands: v
   };
 }
-const oe = [
+const me = [
   {
     id: "panel.focus.left",
     label: "Focus Left Panel",
@@ -1577,10 +1577,10 @@ const oe = [
     shortcut: "Alt+1",
     priority: 100,
     keywords: ["left", "sidebar", "focus", "switch"],
-    execute: (a) => {
-      a.setFocus("left");
+    execute: (t) => {
+      t.setFocus("left");
     },
-    isAvailable: (a) => a.focusedPanel !== "left"
+    isAvailable: (t) => t.focusedPanel !== "left"
   },
   {
     id: "panel.focus.middle",
@@ -1591,10 +1591,10 @@ const oe = [
     shortcut: "Alt+2",
     priority: 100,
     keywords: ["middle", "center", "main", "focus", "switch"],
-    execute: (a) => {
-      a.setFocus("middle");
+    execute: (t) => {
+      t.setFocus("middle");
     },
-    isAvailable: (a) => a.focusedPanel !== "middle"
+    isAvailable: (t) => t.focusedPanel !== "middle"
   },
   {
     id: "panel.focus.right",
@@ -1605,10 +1605,10 @@ const oe = [
     shortcut: "Alt+3",
     priority: 100,
     keywords: ["right", "sidebar", "focus", "switch"],
-    execute: (a) => {
-      a.setFocus("right");
+    execute: (t) => {
+      t.setFocus("right");
     },
-    isAvailable: (a) => a.focusedPanel !== "right"
+    isAvailable: (t) => t.focusedPanel !== "right"
   },
   {
     id: "panel.toggle.left",
@@ -1618,9 +1618,9 @@ const oe = [
     category: "Panel Control",
     keywords: ["toggle", "left", "collapse", "expand", "hide", "show"],
     priority: 80,
-    execute: (a) => {
+    execute: (t) => {
       var e;
-      (e = a.events) == null || e.emit({
+      (e = t.events) == null || e.emit({
         type: "panel:toggle",
         source: "command-palette",
         timestamp: Date.now(),
@@ -1636,9 +1636,9 @@ const oe = [
     category: "Panel Control",
     keywords: ["toggle", "right", "collapse", "expand", "hide", "show"],
     priority: 80,
-    execute: (a) => {
+    execute: (t) => {
       var e;
-      (e = a.events) == null || e.emit({
+      (e = t.events) == null || e.emit({
         type: "panel:toggle",
         source: "command-palette",
         timestamp: Date.now(),
@@ -1654,9 +1654,9 @@ const oe = [
     category: "Panel Control",
     keywords: ["collapse", "hide", "all", "maximize", "focus mode"],
     priority: 70,
-    execute: (a) => {
+    execute: (t) => {
       var e;
-      (e = a.events) == null || e.emit({
+      (e = t.events) == null || e.emit({
         type: "panel:collapse-all",
         source: "command-palette",
         timestamp: Date.now(),
@@ -1672,9 +1672,9 @@ const oe = [
     category: "Panel Control",
     keywords: ["expand", "show", "all", "restore", "default"],
     priority: 70,
-    execute: (a) => {
+    execute: (t) => {
       var e;
-      (e = a.events) == null || e.emit({
+      (e = t.events) == null || e.emit({
         type: "panel:expand-all",
         source: "command-palette",
         timestamp: Date.now(),
@@ -1690,17 +1690,17 @@ const oe = [
     category: "Panel Control",
     keywords: ["refresh", "reload", "update", "sync"],
     priority: 60,
-    execute: (a) => {
-      var t;
-      const e = a.focusedPanel;
-      e && ((t = a.events) == null || t.emit({
+    execute: (t) => {
+      var o;
+      const e = t.focusedPanel;
+      e && ((o = t.events) == null || o.emit({
         type: "panel:refresh",
         source: "command-palette",
         timestamp: Date.now(),
         payload: { panelId: e }
       }));
     },
-    isAvailable: (a) => a.focusedPanel !== null
+    isAvailable: (t) => t.focusedPanel !== null
   },
   {
     id: "panel.reset.layout",
@@ -1710,9 +1710,9 @@ const oe = [
     category: "Panel Control",
     keywords: ["reset", "layout", "default", "restore"],
     priority: 50,
-    execute: (a) => {
+    execute: (t) => {
       var e;
-      (e = a.events) == null || e.emit({
+      (e = t.events) == null || e.emit({
         type: "panel:reset-layout",
         source: "command-palette",
         timestamp: Date.now(),
@@ -1721,10 +1721,144 @@ const oe = [
     }
   }
 ];
-function Ee() {
-  return oe;
+function Je() {
+  return me;
 }
-const se = {
+const V = {
+  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: {
+    type: "object",
+    properties: {},
+    required: []
+  },
+  outputs: {
+    type: "object",
+    properties: {
+      left: {
+        type: "object",
+        properties: {
+          panelId: {
+            type: "string",
+            description: "The ID of the panel in the left slot"
+          },
+          collapsed: {
+            type: "boolean",
+            description: "Whether the left panel is collapsed"
+          },
+          size: {
+            type: "number",
+            description: "Width percentage of the left panel"
+          }
+        }
+      },
+      middle: {
+        type: "object",
+        properties: {
+          panelId: {
+            type: "string",
+            description: "The ID of the panel in the middle slot"
+          },
+          size: {
+            type: "number",
+            description: "Width percentage of the middle panel"
+          }
+        }
+      },
+      right: {
+        type: "object",
+        properties: {
+          panelId: {
+            type: "string",
+            description: "The ID of the panel in the right slot"
+          },
+          collapsed: {
+            type: "boolean",
+            description: "Whether the right panel is collapsed"
+          },
+          size: {
+            type: "number",
+            description: "Width percentage of the right panel"
+          }
+        }
+      },
+      workspaceId: {
+        type: "string",
+        description: "The ID of the currently active workspace layout"
+      }
+    }
+  },
+  tags: ["panel", "layout", "visibility", "state", "query"],
+  tool_call_template: {
+    call_template_type: "panel_event",
+    event_type: "panel:get-visibility"
+  }
+}, J = {
+  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: {
+    type: "object",
+    properties: {
+      panelId: {
+        type: "string",
+        description: 'The ID of the panel to query state from (e.g., "file-tree", "terminal")'
+      }
+    },
+    required: ["panelId"]
+  },
+  outputs: {
+    type: "object",
+    properties: {
+      panelId: { type: "string", description: "The queried panel ID" },
+      hasState: {
+        type: "boolean",
+        description: "Whether the panel supports state queries"
+      },
+      state: {
+        type: "object",
+        description: "The panel state (shape depends on the panel)"
+      }
+    }
+  },
+  tags: ["panel", "state", "query"],
+  tool_call_template: {
+    call_template_type: "panel_event",
+    event_type: "panel:get-state"
+  }
+}, H = {
+  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: {
+    type: "object",
+    properties: {},
+    required: []
+  },
+  outputs: {
+    type: "object",
+    properties: {
+      panels: {
+        type: "array",
+        items: {
+          type: "object",
+          properties: {
+            panelId: { type: "string", description: "The panel ID" },
+            name: { type: "string", description: "The panel display name" },
+            description: {
+              type: "string",
+              description: "Description of the state this panel provides"
+            }
+          }
+        },
+        description: "List of panels that support state queries"
+      }
+    }
+  },
+  tags: ["panel", "state", "query", "discovery"],
+  tool_call_template: {
+    call_template_type: "panel_event",
+    event_type: "panel:list-state-panels"
+  }
+}, G = {
   name: "toggle_panel",
   description: "Collapse or expand a side panel to give more space to the main content area.",
   inputs: {
@@ -1751,7 +1885,7 @@ const se = {
     call_template_type: "panel_event",
     event_type: "panel:toggle"
   }
-}, re = {
+}, X = {
   name: "collapse_all_panels",
   description: "Collapse both left and right panels to maximize the main content area. Useful for focus mode.",
   inputs: {
@@ -1771,7 +1905,7 @@ const se = {
     call_template_type: "panel_event",
     event_type: "panel:collapse-all"
   }
-}, ne = {
+}, Q = {
   name: "expand_all_panels",
   description: "Expand both left and right panels to show all content. Restores the default layout.",
   inputs: {
@@ -1791,7 +1925,7 @@ const se = {
     call_template_type: "panel_event",
     event_type: "panel:expand-all"
   }
-}, ie = {
+}, Y = {
   name: "switch_panel",
   description: "Change which content is displayed in a panel slot (left, middle, or right).",
   inputs: {
@@ -1822,7 +1956,7 @@ const se = {
     call_template_type: "panel_event",
     event_type: "panel:switch"
   }
-}, le = {
+}, U = {
   name: "focus_panel",
   description: "Set focus to a specific panel slot for keyboard navigation.",
   inputs: {
@@ -1848,7 +1982,7 @@ const se = {
     call_template_type: "panel_event",
     event_type: "panel:focus"
   }
-}, ce = {
+}, Z = {
   name: "reset_layout",
   description: "Reset panel sizes to the default layout configuration.",
   inputs: {
@@ -1868,216 +2002,560 @@ const se = {
     call_template_type: "panel_event",
     event_type: "panel:reset-layout"
   }
-}, de = [
-  se,
-  re,
-  ne,
-  ie,
-  le,
-  ce
-], _e = {
+}, ye = [
+  // State query tools
+  V,
+  J,
+  H,
+  // Layout action tools
+  G,
+  X,
+  Q,
+  Y,
+  U,
+  Z
+], He = [
+  V,
+  J,
+  H
+], Ge = [
+  G,
+  X,
+  Q,
+  Y,
+  U,
+  Z
+], Xe = {
   id: "panel-layouts",
   name: "Panel Layouts",
-  description: "Generic panel layout operations",
-  tools: de
+  description: "Generic panel layout and state query operations",
+  tools: ye
 };
-function pe(a, e, t = {}) {
+function he(t, e, o = {}) {
   const {
-    categoryPrefix: o = "Panel Tools",
-    basePriority: s = 50,
-    includePanelInCategory: r = !0
-  } = t, n = r ? `${o} > ${a.panelId}` : o, i = fe(a.inputs);
+    categoryPrefix: a = "Panel Tools",
+    basePriority: r = 50,
+    includePanelInCategory: n = !0
+  } = o, s = n ? `${a} > ${t.panelId}` : a, i = we(t.inputs);
   return {
-    id: `tool.${a.qualifiedName}`,
-    label: ue(a.name),
-    description: a.description,
-    category: n,
-    keywords: [...a.tags, a.panelId, "tool"],
-    priority: s,
-    execute: async (m) => {
-      var h;
+    id: `tool.${t.qualifiedName}`,
+    label: ge(t.name),
+    description: t.description,
+    category: s,
+    keywords: [...t.tags, t.panelId, "tool"],
+    priority: r,
+    execute: async (p) => {
+      var g;
       if (i) {
         console.warn(
-          `Tool "${a.qualifiedName}" requires parameters. Invoke programmatically with: registry.invokeTool('${a.qualifiedName}', { ... })`
-        ), (h = m.events) == null || h.emit({
+          `Tool "${t.qualifiedName}" requires parameters. Invoke programmatically with: registry.invokeTool('${t.qualifiedName}', { ... })`
+        ), (g = p.events) == null || g.emit({
           type: "tool:requires-parameters",
           source: "command-palette",
           timestamp: Date.now(),
           payload: {
-            toolName: a.qualifiedName,
-            inputs: a.inputs
+            toolName: t.qualifiedName,
+            inputs: t.inputs
           }
         });
         return;
       }
-      const y = await e.invokeTool(
-        a.qualifiedName,
+      const d = await e.invokeTool(
+        t.qualifiedName,
         {},
         "command-palette"
       );
-      y.success || console.error(`Tool invocation failed: ${y.error}`), m.closeCommandPalette();
+      d.success || console.error(`Tool invocation failed: ${d.error}`), p.closeCommandPalette();
     }
   };
 }
-function K(a, e = {}) {
-  return a.getAllTools().map((o) => pe(o, a, e));
+function ee(t, e = {}) {
+  return t.getAllTools().map((a) => he(a, t, e));
 }
-function De(a, e = {}) {
-  return () => K(a, e);
+function Qe(t, e = {}) {
+  return () => ee(t, e);
 }
-function ue(a) {
-  return a.split("_").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join(" ");
+function ge(t) {
+  return t.split("_").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join(" ");
 }
-function fe(a) {
-  return !(a.type !== "object" || !a.required || a.required.length === 0);
+function we(t) {
+  return !(t.type !== "object" || !t.required || t.required.length === 0);
 }
-function $e(a, e = {}) {
-  return K(a, e);
+function Ye(t, e = {}) {
+  return ee(t, e);
 }
-function Fe(a) {
-  const { inputs: e } = a;
+function Ue(t) {
+  const { inputs: e } = t;
   if (e.type !== "object" || !e.properties)
     return [];
-  const t = new Set(e.required || []), o = [];
-  for (const [s, r] of Object.entries(e.properties))
-    o.push({
-      name: s,
-      type: r.type || "unknown",
-      description: r.description || "",
-      required: t.has(s),
-      default: r.default,
-      enum: r.enum
+  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
     });
-  return o;
+  return a;
 }
-function me(a) {
+function be(t) {
   const e = {};
-  if (a.inputs.properties)
-    for (const [t, o] of Object.entries(a.inputs.properties)) {
-      const s = o;
-      e[t] = {
-        type: s.type || "string",
-        description: s.description,
-        ...s.enum && { enum: s.enum }
+  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 }
       };
     }
   return {
-    name: a.name,
-    description: a.description,
+    name: t.name,
+    description: t.description,
     parameters: {
       type: "object",
       properties: e,
-      required: a.inputs.required || []
+      required: t.inputs.required || []
     }
   };
 }
-function Oe(a) {
+function Ze(t) {
   return {
-    functionDeclarations: a.map(me)
+    functionDeclarations: t.map(be)
   };
 }
-function ye(a) {
+function ke(t) {
   return {
     type: "function",
     function: {
-      name: a.name,
-      description: a.description,
-      parameters: a.inputs
+      name: t.name,
+      description: t.description,
+      parameters: t.inputs
     }
   };
 }
-function Ne(a) {
-  return a.map(ye);
+function et(t) {
+  return t.map(ke);
 }
-function he(a) {
+function xe(t) {
   return {
-    name: a.name,
-    description: a.description,
-    input_schema: a.inputs
+    name: t.name,
+    description: t.description,
+    input_schema: t.inputs
   };
 }
-function qe(a) {
-  return a.map(he);
+function tt(t) {
+  return t.map(xe);
 }
-function ge(a) {
+function ve(t) {
   return {
-    name: a.name,
-    description: a.description,
-    parameters: a.inputs
+    name: t.name,
+    description: t.description,
+    parameters: t.inputs
   };
 }
-function je(a) {
-  return a.map(ge);
+function ot(t) {
+  return t.map(ve);
 }
-function Me(a, e = {}) {
+function at(t, e = {}) {
   const {
-    header: t = "You have access to the following tools:",
-    includeParameters: o = !0
-  } = e, s = a.map((r) => {
-    let n = `- ${r.name}: ${r.description}`;
-    if (o && r.inputs.properties) {
-      const i = Object.entries(r.inputs.properties).map(([m, y]) => {
-        var u;
-        const h = y, d = (u = r.inputs.required) != null && u.includes(m) ? " (required)" : "";
-        return `    - ${m}: ${h.description || h.type}${d}`;
+    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}`;
       }).join(`
 `);
-      i && (n += `
+      i && (s += `
 ${i}`);
     }
-    return n;
+    return s;
   });
-  return `${t}
+  return `${o}
-${s.join(`
+${r.join(`
 `)}`;
 }
+const Ce = ({ size: t = 18 }) => /* @__PURE__ */ S(
+  "svg",
+  {
+    width: t,
+    height: t,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [
+      /* @__PURE__ */ f("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+      /* @__PURE__ */ f("path", { d: "M9 3v18" })
+    ]
+  }
+), Te = ({ size: t = 18 }) => /* @__PURE__ */ S(
+  "svg",
+  {
+    width: t,
+    height: t,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    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" })
+    ]
+  }
+), Se = ({ size: t = 18 }) => /* @__PURE__ */ S(
+  "svg",
+  {
+    width: t,
+    height: t,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [
+      /* @__PURE__ */ f("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+      /* @__PURE__ */ f("path", { d: "M15 3v18" })
+    ]
+  }
+), Pe = ({ size: t = 18 }) => /* @__PURE__ */ S(
+  "svg",
+  {
+    width: t,
+    height: t,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    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" })
+    ]
+  }
+), M = ({
+  isCollapsed: t,
+  onToggle: e,
+  side: o = "left",
+  iconSize: a = 18,
+  style: r,
+  shortcutHint: n = "Cmd/Ctrl+B",
+  title: s,
+  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(
+    "button",
+    {
+      onClick: e,
+      title: s ?? `${t ? "Show" : "Hide"} ${o === "right" ? "Right Panel" : "Sidebar"}${n ? ` (${n})` : ""}`,
+      className: i,
+      style: {
+        background: "transparent",
+        border: "none",
+        color: t ? p.colors.textSecondary : p.colors.primary,
+        cursor: "pointer",
+        padding: "6px",
+        borderRadius: "4px",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        transition: "all 0.2s",
+        width: "32px",
+        height: "32px",
+        ...r
+      },
+      onMouseEnter: (c) => {
+        c.currentTarget.style.backgroundColor = p.colors.backgroundTertiary, c.currentTarget.style.color = p.colors.primary;
+      },
+      onMouseLeave: (c) => {
+        c.currentTarget.style.backgroundColor = "transparent", c.currentTarget.style.color = t ? p.colors.textSecondary : p.colors.primary;
+      },
+      children: d()
+    }
+  );
+}, Ie = ({ size: t = 14 }) => /* @__PURE__ */ S(
+  "svg",
+  {
+    width: t,
+    height: t,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    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" })
+    ]
+  }
+), Re = ({ size: t = 14 }) => /* @__PURE__ */ S(
+  "svg",
+  {
+    width: t,
+    height: t,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    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" })
+    ]
+  }
+), N = ({
+  onSwitch: t,
+  variant: e = "left-middle",
+  iconSize: o = 14,
+  style: a,
+  title: r,
+  className: n
+}) => {
+  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(
+    "button",
+    {
+      onClick: t,
+      title: r ?? i(),
+      className: n,
+      style: {
+        background: "transparent",
+        border: "none",
+        color: s.colors.textSecondary,
+        cursor: "pointer",
+        padding: "6px",
+        borderRadius: "4px",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        transition: "all 0.2s",
+        width: "32px",
+        height: "32px",
+        ...a
+      },
+      onMouseEnter: (d) => {
+        d.currentTarget.style.backgroundColor = s.colors.backgroundTertiary, d.currentTarget.style.color = s.colors.text;
+      },
+      onMouseLeave: (d) => {
+        d.currentTarget.style.backgroundColor = "transparent", d.currentTarget.style.color = s.colors.textSecondary;
+      },
+      children: /* @__PURE__ */ f(p, { size: o })
+    }
+  );
+}, We = ({ size: t = 14 }) => /* @__PURE__ */ S(
+  "svg",
+  {
+    width: t,
+    height: t,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    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" })
+    ]
+  }
+), _e = ({
+  onConfigure: t,
+  iconSize: e = 14,
+  style: o,
+  title: a = "Configure panel layout",
+  className: r
+}) => {
+  const { theme: n } = $();
+  return /* @__PURE__ */ f(
+    "button",
+    {
+      onClick: t,
+      title: a,
+      className: r,
+      style: {
+        background: "transparent",
+        border: "none",
+        color: n.colors.textSecondary,
+        cursor: "pointer",
+        padding: "6px",
+        borderRadius: "4px",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        transition: "all 0.2s",
+        width: "32px",
+        height: "32px",
+        ...o
+      },
+      onMouseEnter: (s) => {
+        s.currentTarget.style.backgroundColor = n.colors.backgroundTertiary, s.currentTarget.style.color = n.colors.text;
+      },
+      onMouseLeave: (s) => {
+        s.currentTarget.style.backgroundColor = "transparent", s.currentTarget.style.color = n.colors.textSecondary;
+      },
+      children: /* @__PURE__ */ f(We, { size: e })
+    }
+  );
+}, rt = ({
+  leftSidebarCollapsed: t = !1,
+  onToggleLeftSidebar: e,
+  showLeftSidebarControl: o = !1,
+  rightSidebarCollapsed: a = !1,
+  onToggleRightSidebar: r,
+  showRightSidebarControl: n = !1,
+  onSwitchLeftMiddlePanels: s,
+  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(
+  "div",
+  {
+    className: u,
+    style: {
+      display: "flex",
+      alignItems: "center",
+      gap: `${m}px`,
+      ...y
+    },
+    children: [
+      o && e && /* @__PURE__ */ f(
+        M,
+        {
+          isCollapsed: t,
+          onToggle: e,
+          side: "left",
+          iconSize: l ?? 18,
+          ...b
+        }
+      ),
+      i && s && /* @__PURE__ */ f(
+        N,
+        {
+          onSwitch: s,
+          variant: "left-middle",
+          iconSize: l ?? 14,
+          ...W
+        }
+      ),
+      c && g && /* @__PURE__ */ f(
+        _e,
+        {
+          onConfigure: g,
+          iconSize: l ?? 14,
+          ...D
+        }
+      ),
+      d && p && /* @__PURE__ */ f(
+        N,
+        {
+          onSwitch: p,
+          variant: "right-middle",
+          iconSize: l ?? 14,
+          ...A
+        }
+      ),
+      n && r && /* @__PURE__ */ f(
+        M,
+        {
+          isCollapsed: a,
+          onToggle: r,
+          side: "right",
+          iconSize: l ?? 18,
+          ...P
+        }
+      )
+    ]
+  }
+) : null;
 export {
-  te as CommandInput,
-  j as CommandItem,
-  ae as CommandList,
-  Ae as CommandPalette,
-  M as CommandRegistryService,
-  Be as EditableConfigurablePanelLayout,
-  Ie as FocusIndicator,
-  Z as LocalStoragePersistenceAdapter,
-  ee as LocalStorageWorkspaceAdapter,
-  Je as ResponsiveConfigurablePanelLayout,
-  T as WorkspaceLayoutService,
-  re as collapseAllPanelsTool,
-  De as createToolCommandsProvider,
-  ne as expandAllPanelsTool,
-  le as focusPanelTool,
-  Me as generateToolsSystemPrompt,
-  We as getGlobalCommandRegistry,
-  Ee as getPanelCommands,
-  Fe as getToolParameterInfo,
-  de as layoutTools,
-  _e as layoutToolsMetadata,
-  He as mapThemeToPanelVars,
-  Xe as mapThemeToTabVars,
-  oe as panelCommands,
-  ze as resetGlobalCommandRegistry,
-  ce as resetLayoutTool,
-  ie as switchPanelTool,
-  se as togglePanelTool,
-  ge as toolToAIFunction,
-  he as toolToAnthropicFormat,
-  pe as toolToCommand,
-  me as toolToGeminiFunction,
-  ye as toolToOpenAIFunction,
-  je as toolsToAIFunctions,
-  qe as toolsToAnthropicFormat,
-  K as toolsToCommands,
-  Oe as toolsToGeminiFormat,
-  Ne as toolsToOpenAIFormat,
-  Le as useCommandPalette,
-  Pe as usePanelFocus,
-  Re as usePanelFocusListener,
-  Te as usePanelKeyboardShortcuts,
-  Ce as usePanelPersistence,
-  $e as useToolCommands,
-  Se as useWorkspace
+  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
 };
 //# sourceMappingURL=index.esm.js.map