@principal-ade/panel-layouts 0.2.4 → 0.2.5

package/dist/index.esm.js

@@ -1,13 +1,13 @@
-import './index.css';var Y = Object.defineProperty;
-var Q = (t, e, o) => e in t ? Y(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o;
-var _ = (t, e, o) => Q(t, typeof e != "symbol" ? e + "" : e, o);
-import { EditableConfigurablePanelLayout as ot, ResponsiveConfigurablePanelLayout as rt, mapThemeToPanelVars as at, mapThemeToTabVars as st } from "@principal-ade/panels";
-import U, { useState as W, useRef as A, useEffect as I, useCallback as w, forwardRef as Z, useMemo as M } from "react";
-import { jsx as f, jsxs as T, Fragment as ee } from "react/jsx-runtime";
+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 te {
+class pe {
   constructor() {
-    _(this, "storageKey", "panel-layouts");
+    E(this, "storageKey", "panel-layouts");
   }
   async load(e) {
     try {
@@ -23,51 +23,51 @@ class te {
         `${this.storageKey}:${e}`,
         JSON.stringify(o)
       );
-    } catch (r) {
-      console.error(`Failed to save panel layout for ${e}:`, r);
+    } catch (a) {
+      console.error(`Failed to save panel layout for ${e}:`, a);
     }
   }
 }
-function Ee(t) {
+function $e(t) {
   const {
     viewKey: e,
     defaultSizes: o,
-    panelType: r,
-    adapter: a = new te()
-  } = t, [n, s] = W(o), [l, d] = W(t.collapsed), p = A(t.collapsed), g = A({}), c = A(null), m = A(null);
+    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 C = await a.load(e);
+      const C = await r.load(e);
       C != null && C.sizes && (s(C.sizes), y(C.sizes));
     })();
   }, [e]);
   const y = w(
-    (b) => {
-      "left" in b && b.left > 0 && (g.current.left = b.left), "middle" in b && b.middle > 0 && (g.current.middle = b.middle), "right" in b && b.right > 0 && (g.current.right = b.right);
+    (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);
     },
     []
   ), u = w(
-    (b) => {
-      const C = g.current[b];
+    (k) => {
+      const C = g.current[k];
       if (C && C > 0)
         return C;
-      if (b === "left" && "left" in o && o.left > 0)
+      if (k === "left" && "left" in o && o.left > 0)
         return o.left;
-      if (b === "right" && "right" in o && o.right > 0)
+      if (k === "right" && "right" in o && o.right > 0)
         return o.right;
     },
     [o]
-  ), i = A(o);
+  ), l = L(o);
   I(() => {
-    ("left" in o && o.left !== i.current.left || "middle" in o && "middle" in i.current && o.middle !== i.current.middle || "right" in o && o.right !== i.current.right) && (s(o), y(o), i.current = o);
+    ("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 b = t.collapsed.left !== p.current.left, C = "right" in t.collapsed && "right" in p.current && t.collapsed.right !== p.current.right;
-    (b || C) && (d(t.collapsed), p.current = { ...t.collapsed });
+    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 k = w(
-    async (b) => {
+  const b = w(
+    async (k) => {
       try {
-        await a.save(e, { sizes: b });
+        await r.save(e, { sizes: k });
       } catch (C) {
         console.error(
           `Failed to save panel preferences for ${e}:`,
@@ -75,23 +75,23 @@ function Ee(t) {
         );
       }
     },
-    [e, a]
+    [e, r]
   ), P = w(
-    (b) => {
-      const C = { ...b };
+    (k) => {
+      const C = { ...k };
       let v = !0;
-      if ("left" in b) {
-        const x = !!(l != null && l.left), h = b.left;
+      if ("left" in k) {
+        const x = !!(i != null && i.left), h = k.left;
         if (x) {
-          const S = u("left");
-          S !== void 0 && S > 0 ? C.left = S : v = !1;
+          const T = u("left");
+          T !== void 0 && T > 0 ? C.left = T : v = !1;
         } else h === 0 && (v = !1);
       }
-      if (r === "three-panel" && "right" in b) {
-        const x = !!(l != null && l.right), h = b.right;
+      if (a === "three-panel" && "right" in k) {
+        const x = !!(i != null && i.right), h = k.right;
         if (x) {
-          const S = u("right");
-          S !== void 0 && S > 0 ? C.right = S : v = !1;
+          const T = u("right");
+          T !== void 0 && T > 0 ? C.right = T : v = !1;
         } else h === 0 && (v = !1);
       }
       if (s(C), y(C), c.current && (clearTimeout(c.current), c.current = null), !v) {
@@ -100,50 +100,50 @@ function Ee(t) {
       }
       m.current = C, c.current = setTimeout(() => {
         const x = m.current;
-        x && (k(x), m.current = null), c.current = null;
+        x && (b(x), m.current = null), c.current = null;
       }, 500);
     },
     [
-      l,
+      i,
       u,
-      r,
-      k,
+      a,
+      b,
       y
     ]
   );
   I(() => () => {
     if (c.current) {
-      const b = m.current;
-      b && (k(b), m.current = null), clearTimeout(c.current), c.current = null;
+      const k = m.current;
+      k && (b(k), m.current = null), clearTimeout(c.current), c.current = null;
     }
-  }, [k]);
-  const L = w(async () => {
-  }, []), z = w(async () => {
+  }, [b]);
+  const W = w(async () => {
+  }, []), A = w(async () => {
   }, []), D = w(async () => {
-  }, []), F = w(async () => {
+  }, []), j = w(async () => {
   }, []);
-  return r === "three-panel" ? {
+  return a === "three-panel" ? {
     type: "three-panel",
     sizes: n,
-    collapsed: l,
+    collapsed: i,
     handlePanelResize: P,
-    handleLeftCollapseComplete: L,
-    handleLeftExpandComplete: z,
+    handleLeftCollapseComplete: W,
+    handleLeftExpandComplete: A,
     handleRightCollapseComplete: D,
-    handleRightExpandComplete: F
+    handleRightExpandComplete: j
   } : {
     type: "two-panel",
     sizes: n,
-    collapsed: l,
+    collapsed: i,
     handlePanelResize: P,
-    handleLeftCollapseComplete: L,
-    handleLeftExpandComplete: z
+    handleLeftCollapseComplete: W,
+    handleLeftExpandComplete: A
   };
 }
-class oe {
+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
@@ -171,8 +171,8 @@ class oe {
    */
   async loadRepositoryState(e) {
     try {
-      const o = `${this.REPO_STATE_PREFIX}${e}`, r = localStorage.getItem(o);
-      return r ? JSON.parse(r) : null;
+      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}:`,
@@ -185,13 +185,13 @@ class oe {
    */
   async saveRepositoryState(e, o) {
     try {
-      const r = `${this.REPO_STATE_PREFIX}${e}`;
-      localStorage.setItem(r, JSON.stringify(o));
-    } catch (r) {
+      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}:`,
-        r
-      ), r;
+        a
+      ), a;
     }
   }
   /**
@@ -201,15 +201,15 @@ class oe {
     try {
       const e = {};
       for (let o = 0; o < localStorage.length; o++) {
-        const r = localStorage.key(o);
-        if (r && r.startsWith(this.REPO_STATE_PREFIX)) {
-          const a = r.substring(this.REPO_STATE_PREFIX.length), n = localStorage.getItem(r);
+        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[a] = JSON.parse(n);
+              e[r] = JSON.parse(n);
             } catch (s) {
               console.error(
-                `Failed to parse repository state for ${a}:`,
+                `Failed to parse repository state for ${r}:`,
                 s
               );
             }
@@ -248,8 +248,8 @@ class R {
    * Create a new workspace layout
    */
   static async createWorkspaceLayout(e) {
-    const o = await this.adapter.loadWorkspacePresets(), r = this.generateWorkspaceId(e.name), a = {
-      id: r,
+    const o = await this.adapter.loadWorkspacePresets(), a = this.generateWorkspaceId(e.name), r = {
+      id: a,
       name: e.name,
       description: e.description,
       layout: e.layout,
@@ -260,29 +260,29 @@ class R {
       isBuiltIn: !1
     }, n = {
       ...o,
-      [r]: a
+      [a]: r
     };
-    return await this.adapter.saveWorkspacePresets(n), a;
+    return await this.adapter.saveWorkspacePresets(n), r;
   }
   /**
    * Update an existing workspace layout
    */
   static async updateWorkspaceLayout(e, o) {
-    const r = await this.adapter.loadWorkspacePresets(), a = r[e];
-    if (!a)
+    const a = await this.adapter.loadWorkspacePresets(), r = a[e];
+    if (!r)
       return console.error(`Workspace layout ${e} not found`), null;
-    if (a.isBuiltIn)
+    if (r.isBuiltIn)
       return console.error(`Cannot update built-in workspace layout ${e}`), null;
     const n = {
-      ...a,
+      ...r,
       ...o,
       id: e,
       // Preserve ID
-      createdAt: a.createdAt,
+      createdAt: r.createdAt,
       // Preserve creation time
       updatedAt: Date.now()
     }, s = {
-      ...r,
+      ...a,
       [e]: n
     };
     return await this.adapter.saveWorkspacePresets(s), n;
@@ -291,13 +291,13 @@ class R {
    * Delete a workspace layout
    */
   static async deleteWorkspaceLayout(e) {
-    const o = await this.adapter.loadWorkspacePresets(), r = o[e];
-    if (!r)
+    const o = await this.adapter.loadWorkspacePresets(), a = o[e];
+    if (!a)
       return console.error(`Workspace layout ${e} not found`), !1;
-    if (r.isBuiltIn)
+    if (a.isBuiltIn)
       return console.error(`Cannot delete built-in workspace layout ${e}`), !1;
-    const a = { ...o };
-    return delete a[e], await this.adapter.saveWorkspacePresets(a), !0;
+    const r = { ...o };
+    return delete r[e], await this.adapter.saveWorkspacePresets(r), !0;
   }
   /**
    * Get repository state (which workspace + current sizes/collapsed)
@@ -315,9 +315,9 @@ class R {
    * Update only sizes in repository state
    */
   static async updateRepositorySizes(e, o) {
-    const r = await this.getRepositoryState(e);
-    r && await this.setRepositoryState(e, {
-      ...r,
+    const a = await this.getRepositoryState(e);
+    a && await this.setRepositoryState(e, {
+      ...a,
       sizes: o
     });
   }
@@ -325,9 +325,9 @@ class R {
    * Update only collapsed state in repository state
    */
   static async updateRepositoryCollapsed(e, o) {
-    const r = await this.getRepositoryState(e);
-    r && await this.setRepositoryState(e, {
-      ...r,
+    const a = await this.getRepositoryState(e);
+    a && await this.setRepositoryState(e, {
+      ...a,
       collapsed: o
     });
   }
@@ -335,39 +335,39 @@ class R {
    * Check if repository state differs from workspace defaults
    */
   static hasStateDeviation(e, o) {
-    const r = o.defaultSizes ? JSON.stringify(e.sizes) !== JSON.stringify(o.defaultSizes) : !1, a = o.defaultCollapsed ? JSON.stringify(e.collapsed) !== JSON.stringify(o.defaultCollapsed) : !1;
-    return { hasSizeDeviation: r, hasCollapsedDeviation: a };
+    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, o) {
-    const r = await this.getWorkspaceLayout(e), a = await this.getRepositoryState(o);
-    if (!r || !a || r.isBuiltIn) {
+    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: a.sizes,
-      defaultCollapsed: a.collapsed
+      defaultSizes: r.sizes,
+      defaultCollapsed: r.collapsed
     });
   }
   /**
    * Reset repository state to workspace defaults
    */
   static async resetRepositoryToWorkspaceDefaults(e, o) {
-    const r = await this.getWorkspaceLayout(o);
-    if (!r) {
+    const a = await this.getWorkspaceLayout(o);
+    if (!a) {
       console.error(`Workspace ${o} not found`);
       return;
     }
-    const a = await this.getRepositoryState(e);
-    a && await this.setRepositoryState(e, {
-      ...a,
-      sizes: r.defaultSizes || { left: 20, middle: 45, right: 35 },
-      collapsed: r.defaultCollapsed || { left: !1, right: !1 }
+    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 }
     });
   }
   /**
@@ -381,9 +381,9 @@ class R {
    */
   static async findMatchingWorkspace(e) {
     const o = await this.getWorkspaceLayouts();
-    for (const [r, a] of Object.entries(o))
-      if (this.isLayoutMatchingWorkspace(e, a))
-        return r;
+    for (const [a, r] of Object.entries(o))
+      if (this.isLayoutMatchingWorkspace(e, r))
+        return a;
     return null;
   }
   /**
@@ -610,26 +610,26 @@ class R {
     Object.keys(e).length;
   }
 }
-_(R, "adapter", new oe());
-function De(t = {}) {
-  const { repositoryKey: e, autoInitialize: o = !1, defaultWorkspaceId: r } = t, [a, n] = W(
+E(R, "adapter", new de());
+function je(t = {}) {
+  const { repositoryKey: e, autoInitialize: o = !1, defaultWorkspaceId: a } = t, [r, n] = _(
     {}
-  ), [s, l] = W(null), [d, p] = W(null), [g, c] = W(!0), [m, y] = W(null), u = w(async () => {
+  ), [s, i] = _(null), [p, d] = _(null), [g, c] = _(!0), [m, y] = _(null), u = w(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 = r || "project-management", S = await R.getWorkspaceLayout(h);
-          S && (x = {
+          const h = a || "project-management", T = await R.getWorkspaceLayout(h);
+          T && (x = {
             workspaceId: h,
-            sizes: S.defaultSizes || {
+            sizes: T.defaultSizes || {
               left: 20,
               middle: 45,
               right: 35
             },
-            collapsed: S.defaultCollapsed || {
+            collapsed: T.defaultCollapsed || {
               left: !1,
               right: !1
             }
@@ -638,27 +638,27 @@ function De(t = {}) {
             x
           ));
         }
-        if (l(x), x != null && x.workspaceId) {
+        if (i(x), x != null && x.workspaceId) {
           const h = await R.getWorkspaceLayout(
             x.workspaceId
           );
-          p(h);
+          d(h);
         } else
-          p(null);
+          d(null);
       }
     } catch (v) {
       y(v), console.error("Failed to load workspace data:", v);
     } finally {
       c(!1);
     }
-  }, [e, o, r]);
+  }, [e, o, a]);
   I(() => {
     u();
   }, [u]);
-  const i = w(
+  const l = w(
     async (v) => await R.getWorkspaceLayout(v),
     []
-  ), k = w(
+  ), b = w(
     async (v) => {
       const x = await R.createWorkspaceLayout(v);
       return await u(), x;
@@ -670,13 +670,13 @@ function De(t = {}) {
       return await u(), h;
     },
     [u]
-  ), L = w(
+  ), W = w(
     async (v) => {
       const x = await R.deleteWorkspaceLayout(v);
       return x && await u(), x;
     },
     [u]
-  ), z = w(
+  ), A = w(
     async (v) => {
       if (!e) {
         console.error("Cannot apply workspace without repositoryKey");
@@ -707,7 +707,7 @@ function De(t = {}) {
       await R.updateRepositorySizes(e, v), await u();
     },
     [e, u]
-  ), F = w(
+  ), j = w(
     async (v) => {
       if (!e) {
         console.error("Cannot update collapsed without repositoryKey");
@@ -719,7 +719,7 @@ function De(t = {}) {
       ), await u();
     },
     [e, u]
-  ), b = w(async () => {
+  ), k = w(async () => {
     if (!e || !(s != null && s.workspaceId)) {
       console.error("Cannot reset without repositoryKey and active workspace");
       return;
@@ -732,146 +732,146 @@ function De(t = {}) {
     await u();
   }, [u]);
   return {
-    workspaces: a,
+    workspaces: r,
     repositoryState: s,
-    activeWorkspace: d,
+    activeWorkspace: p,
     loading: g,
     error: m,
-    getWorkspace: i,
-    createWorkspace: k,
+    getWorkspace: l,
+    createWorkspace: b,
     updateWorkspace: P,
-    deleteWorkspace: L,
-    applyWorkspace: z,
+    deleteWorkspace: W,
+    applyWorkspace: A,
     updateSizes: D,
-    updateCollapsed: F,
-    resetToDefaults: b,
+    updateCollapsed: j,
+    resetToDefaults: k,
     refresh: C
   };
 }
-function _e(t = {}) {
+function qe(t = {}) {
   const {
     initialFocus: e = null,
     collapsed: o = {},
-    panelType: r = "three-panel",
-    onFocusChange: a,
+    panelType: a = "three-panel",
+    onFocusChange: r,
     events: n,
     getPanelId: s
-  } = t, [l, d] = W(
+  } = t, [i, p] = _(
     e
-  ), p = w(
-    (i) => {
-      const k = l;
-      if (d(i), a == null || a(i), n && s) {
-        if (k) {
-          const L = s(k);
-          L && n.emit({
+  ), d = w(
+    (l) => {
+      const b = i;
+      if (p(l), r == null || r(l), n && s) {
+        if (b) {
+          const W = s(b);
+          W && n.emit({
             type: "panel:blur",
             source: "panel-layouts",
             timestamp: Date.now(),
             payload: {
-              panelId: L,
-              panelSlot: k,
-              nextPanelId: s(i)
+              panelId: W,
+              panelSlot: b,
+              nextPanelId: s(l)
             }
           });
         }
-        const P = s(i);
+        const P = s(l);
         P && n.emit({
           type: "panel:focus",
           source: "panel-layouts",
           timestamp: Date.now(),
           payload: {
             panelId: P,
-            panelSlot: i,
+            panelSlot: l,
             source: "keyboard-shortcut"
           }
         });
       }
     },
-    [l, a, n, s]
+    [i, r, n, s]
   ), g = w(() => {
-    const i = l;
-    if (d(null), a == null || a(null), n && s && i) {
-      const k = s(i);
-      k && n.emit({
+    const l = i;
+    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(),
         payload: {
-          panelId: k,
-          panelSlot: i
+          panelId: b,
+          panelSlot: l
         }
       });
     }
-  }, [l, a, n, s]), c = w(() => {
-    const i = [];
-    return o.left || i.push("left"), i.push("middle"), r === "three-panel" && !o.right && i.push("right"), i;
-  }, [o, r]), m = w(() => {
-    const i = c();
-    if (i.length === 0) return;
-    if (l === null) {
-      p(i[0]);
+  }, [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;
+    if (i === null) {
+      d(l[0]);
       return;
     }
-    const k = i.indexOf(l);
-    if (k === -1) {
-      p(i[0]);
+    const b = l.indexOf(i);
+    if (b === -1) {
+      d(l[0]);
       return;
     }
-    const P = (k + 1) % i.length;
-    p(i[P]);
-  }, [l, c, p]), y = w(() => {
-    const i = c();
-    if (i.length === 0) return;
-    if (l === null) {
-      p(i[i.length - 1]);
+    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) {
+      d(l[l.length - 1]);
       return;
     }
-    const k = i.indexOf(l);
-    if (k === -1) {
-      p(i[i.length - 1]);
+    const b = l.indexOf(i);
+    if (b === -1) {
+      d(l[l.length - 1]);
       return;
     }
-    const P = k === 0 ? i.length - 1 : k - 1;
-    p(i[P]);
-  }, [l, c, p]), u = w(
-    (i) => l === i,
-    [l]
+    const P = b === 0 ? l.length - 1 : b - 1;
+    d(l[P]);
+  }, [i, c, d]), u = w(
+    (l) => i === l,
+    [i]
   );
   return {
-    focusedPanel: l,
-    setFocus: p,
+    focusedPanel: i,
+    setFocus: d,
     clearFocus: g,
     focusNext: m,
     focusPrevious: y,
     isFocused: u
   };
 }
-function $e(t) {
+function Fe(t) {
   const {
     enabled: e = !0,
     focusedPanel: o,
-    collapsed: r,
-    panelType: a,
+    collapsed: a,
+    panelType: r,
     setFocus: n,
     onExpand: s,
-    onCollapse: l
-  } = t, d = A(o), p = A(r), g = A(a);
+    onCollapse: i
+  } = t, p = L(o), d = L(a), g = L(r);
   I(() => {
-    d.current = o;
+    p.current = o;
   }, [o]), I(() => {
-    p.current = r;
-  }, [r]), I(() => {
-    g.current = a;
-  }, [a]);
+    d.current = a;
+  }, [a]), I(() => {
+    g.current = r;
+  }, [r]);
   const c = w(
     (m) => {
       if (!m.altKey || m.ctrlKey || m.metaKey || m.shiftKey)
         return;
-      const y = m.code, u = d.current, i = p.current, k = g.current;
-      y === "Digit1" || y === "Numpad1" ? (m.preventDefault(), i.left ? s("left") : u !== "left" ? n("left") : (l("left"), n("middle"))) : y === "Digit2" || y === "Numpad2" ? (m.preventDefault(), n("middle")) : (y === "Digit3" || y === "Numpad3") && k === "three-panel" && (m.preventDefault(), i.right ? s("right") : u !== "right" ? n("right") : (l("right"), n("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")));
     },
-    [n, s, l]
+    [n, s, i]
   );
   I(() => {
     if (e)
@@ -880,33 +880,33 @@ function $e(t) {
       };
   }, [e, c]);
 }
-function Fe(t, e, o, r) {
+function Oe(t, e, o, a) {
   I(() => {
-    const a = e.on(
+    const r = e.on(
       "panel:focus",
       (s) => {
         s.payload.panelId === t && o();
       }
     );
     let n;
-    return r && (n = e.on(
+    return a && (n = e.on(
       "panel:blur",
       (s) => {
-        s.payload.panelId === t && r();
+        s.payload.panelId === t && a();
       }
     )), () => {
-      a(), n == null || n();
+      r(), n == null || n();
     };
-  }, [t, e, o, r]);
+  }, [t, e, o, a]);
 }
-const je = ({
+const Me = ({
   isFocused: t,
   className: e = "",
   style: o = {}
 }) => {
   if (!t)
     return null;
-  const r = {
+  const a = {
     position: "absolute",
     top: 0,
     left: 0,
@@ -924,29 +924,29 @@ const je = ({
     "div",
     {
       className: `panel-focus-indicator ${e}`,
-      style: r,
+      style: a,
       role: "presentation",
       "aria-hidden": "true"
     }
   );
-}, re = ({
+}, ue = ({
   value: t,
   onChange: e,
   placeholder: o = "> Type a command...",
-  onClose: r,
-  onEnter: a
+  onClose: a,
+  onEnter: r
 }) => {
-  const { theme: n } = $(), s = A(null);
+  const { theme: n } = $(), s = L(null);
   I(() => {
     s.current && s.current.focus();
   }, []);
-  const l = (d) => {
-    switch (d.key) {
+  const i = (p) => {
+    switch (p.key) {
       case "Enter":
-        d.preventDefault(), a == null || a();
+        p.preventDefault(), r == null || r();
         break;
       case "Escape":
-        d.preventDefault(), r();
+        p.preventDefault(), a();
         break;
     }
   };
@@ -964,8 +964,8 @@ const je = ({
           ref: s,
           type: "text",
           value: t,
-          onChange: (d) => e(d.target.value),
-          onKeyDown: l,
+          onChange: (p) => e(p.target.value),
+          onKeyDown: i,
           placeholder: o,
           style: {
             width: "100%",
@@ -986,16 +986,16 @@ const je = ({
       )
     }
   );
-}, B = Z(
-  ({ command: t, isSelected: e, onClick: o, onMouseEnter: r }, a) => {
-    const { theme: n } = $(), { label: s, description: l, icon: d, shortcut: p } = t, [g, c] = U.useState(!1);
-    return /* @__PURE__ */ T(
+}, 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: a,
+        ref: r,
         onClick: o,
         onMouseEnter: () => {
-          c(!0), r();
+          c(!0), a();
         },
         onMouseLeave: () => c(!1),
         style: {
@@ -1012,7 +1012,7 @@ const je = ({
           m.preventDefault();
         },
         children: [
-          d && /* @__PURE__ */ f(
+          p && /* @__PURE__ */ f(
             "div",
             {
               style: {
@@ -1025,10 +1025,10 @@ const je = ({
                 fontSize: "16px",
                 color: e || g ? n.colors.primary : n.colors.textSecondary
               },
-              children: d
+              children: p
             }
           ),
-          /* @__PURE__ */ T("div", { style: { flex: 1, minWidth: 0 }, children: [
+          /* @__PURE__ */ S("div", { style: { flex: 1, minWidth: 0 }, children: [
             /* @__PURE__ */ f(
               "div",
               {
@@ -1036,12 +1036,12 @@ const je = ({
                   fontSize: "14px",
                   fontWeight: 500,
                   color: e || g ? n.colors.text : n.colors.textSecondary,
-                  marginBottom: l ? "2px" : 0
+                  marginBottom: i ? "2px" : 0
                 },
                 children: s
               }
             ),
-            l && /* @__PURE__ */ f(
+            i && /* @__PURE__ */ f(
               "div",
               {
                 style: {
@@ -1051,11 +1051,11 @@ const je = ({
                   textOverflow: "ellipsis",
                   whiteSpace: "nowrap"
                 },
-                children: l
+                children: i
               }
             )
           ] }),
-          p && /* @__PURE__ */ f(
+          d && /* @__PURE__ */ f(
             "div",
             {
               style: {
@@ -1068,7 +1068,7 @@ const je = ({
                 borderRadius: "4px",
                 fontFamily: n.fonts.monospace
               },
-              children: p
+              children: d
             }
           )
         ]
@@ -1077,25 +1077,25 @@ const je = ({
   }
 );
 B.displayName = "CommandItem";
-const ae = ({
+const fe = ({
   commands: t,
   selectedIndex: e,
   onSelect: o,
-  onHover: r,
-  maxResults: a = 10
+  onHover: a,
+  maxResults: r = 10
 }) => {
-  const { theme: n } = $(), s = A(null), l = A(null), d = t.slice(0, a);
+  const { theme: n } = $(), s = L(null), i = L(null), p = t.slice(0, r);
   I(() => {
-    if (l.current && s.current) {
-      const c = l.current, m = s.current, y = c.offsetTop, u = y + c.offsetHeight, i = m.scrollTop, k = m.clientHeight;
-      y < i ? m.scrollTop = y - 8 : u > i + k && (m.scrollTop = u - k + 8);
+    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 p = d.reduce((c, m, y) => {
+  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(p).sort((c, m) => c === "Other" ? 1 : m === "Other" ? -1 : c.localeCompare(m));
-  return /* @__PURE__ */ T(
+  }, {}), g = Object.keys(d).sort((c, m) => c === "Other" ? 1 : m === "Other" ? -1 : c.localeCompare(m));
+  return /* @__PURE__ */ S(
     "div",
     {
       ref: s,
@@ -1105,7 +1105,7 @@ const ae = ({
         padding: "8px 0"
       },
       children: [
-        g.map((c) => /* @__PURE__ */ T("div", { children: [
+        g.map((c) => /* @__PURE__ */ S("div", { children: [
           g.length > 1 && /* @__PURE__ */ f(
             "div",
             {
@@ -1120,19 +1120,19 @@ const ae = ({
               children: c
             }
           ),
-          p[c].map(({ command: m, index: y }) => /* @__PURE__ */ f(
+          d[c].map(({ command: m, index: y }) => /* @__PURE__ */ f(
             B,
             {
               command: m,
               isSelected: y === e,
               onClick: () => o(m),
-              onMouseEnter: () => r(y),
-              ref: y === e ? l : void 0
+              onMouseEnter: () => a(y),
+              ref: y === e ? i : void 0
             },
             m.id
           ))
         ] }, c)),
-        t.length > a && /* @__PURE__ */ T(
+        t.length > r && /* @__PURE__ */ S(
           "div",
           {
             style: {
@@ -1144,7 +1144,7 @@ const ae = ({
             },
             children: [
               "Showing ",
-              a,
+              r,
               " of ",
               t.length,
               " results"
@@ -1154,34 +1154,34 @@ const ae = ({
       ]
     }
   );
-}, Oe = ({
+}, Ne = ({
   commandPalette: t,
   config: e
 }) => {
-  const { theme: o } = $(), r = A(null), {
-    isOpen: a,
+  const { theme: o } = $(), a = L(null), {
+    isOpen: r,
     close: n,
     query: s,
-    setQuery: l,
-    filteredCommands: d,
-    selectedIndex: p,
+    setQuery: i,
+    filteredCommands: p,
+    selectedIndex: d,
     setSelectedIndex: g,
     executeSelected: c
   } = t;
   if (I(() => {
-    if (!a) return;
-    const u = (k) => {
-      r.current && !r.current.contains(k.target) && n();
-    }, i = setTimeout(() => {
+    if (!r) return;
+    const u = (b) => {
+      a.current && !a.current.contains(b.target) && n();
+    }, l = setTimeout(() => {
       document.addEventListener("mousedown", u);
     }, 100);
     return () => {
-      clearTimeout(i), document.removeEventListener("mousedown", u);
+      clearTimeout(l), document.removeEventListener("mousedown", u);
     };
-  }, [a, n]), !a)
+  }, [r, n]), !r)
     return null;
   const m = (e == null ? void 0 : e.maxHeight) || "50vh", y = (e == null ? void 0 : e.placeholder) || "> Type a command...";
-  return /* @__PURE__ */ T(ee, { children: [
+  return /* @__PURE__ */ S(ce, { children: [
     /* @__PURE__ */ f(
       "div",
       {
@@ -1195,10 +1195,10 @@ const ae = ({
         onClick: n
       }
     ),
-    /* @__PURE__ */ T(
+    /* @__PURE__ */ S(
       "div",
       {
-        ref: r,
+        ref: a,
         className: e == null ? void 0 : e.className,
         style: {
           position: "fixed",
@@ -1215,18 +1215,18 @@ const ae = ({
           ...e == null ? void 0 : e.style
         },
         children: [
-          /* @__PURE__ */ T("div", { children: [
+          /* @__PURE__ */ S("div", { children: [
             /* @__PURE__ */ f(
-              re,
+              ue,
               {
                 value: s,
-                onChange: l,
+                onChange: i,
                 placeholder: y,
                 onClose: n,
                 onEnter: c
               }
             ),
-            /* @__PURE__ */ T(
+            /* @__PURE__ */ S(
               "div",
               {
                 style: {
@@ -1239,11 +1239,11 @@ const ae = ({
                   backgroundColor: o.colors.background
                 },
                 children: [
-                  /* @__PURE__ */ T("span", { 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" }),
                     " Execute"
                   ] }),
-                  /* @__PURE__ */ T("span", { 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: "Esc" }),
                     " Close"
                   ] })
@@ -1251,11 +1251,11 @@ const ae = ({
               }
             )
           ] }),
-          d.length > 0 && /* @__PURE__ */ f(
-            ae,
+          p.length > 0 && /* @__PURE__ */ f(
+            fe,
             {
-              commands: d,
-              selectedIndex: p,
+              commands: p,
+              selectedIndex: d,
               onSelect: (u) => {
                 t.executeCommand(u.id);
               },
@@ -1263,7 +1263,7 @@ const ae = ({
               maxResults: e == null ? void 0 : e.maxResults
             }
           ),
-          s && d.length === 0 && /* @__PURE__ */ T(
+          s && p.length === 0 && /* @__PURE__ */ S(
             "div",
             {
               style: {
@@ -1286,8 +1286,8 @@ const ae = ({
 };
 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
@@ -1328,7 +1328,7 @@ class K {
    */
   getCommands(e) {
     const o = Array.from(this.commands.values());
-    return e ? o.filter((r) => r.isAvailable ? r.isAvailable(e) : !0) : o;
+    return e ? o.filter((a) => a.isAvailable ? a.isAvailable(e) : !0) : o;
   }
   /**
    * Get a command by ID
@@ -1344,24 +1344,24 @@ class K {
    * @param context - Command context
    */
   async executeCommand(e, o) {
-    var a, n;
-    const r = this.commands.get(e);
-    if (!r) {
+    var r, n;
+    const a = this.commands.get(e);
+    if (!a) {
       console.warn(`Command not found: ${e}`);
       return;
     }
-    if (r.isAvailable && !r.isAvailable(o)) {
+    if (a.isAvailable && !a.isAvailable(o)) {
       console.warn(`Command not available: ${e}`);
       return;
     }
     try {
-      await r.execute(o), (a = o.events) == null || a.emit({
+      await a.execute(o), (r = o.events) == null || r.emit({
         type: "command:executed",
         source: "command-palette",
         timestamp: Date.now(),
         payload: {
-          commandId: r.id,
-          commandLabel: r.label
+          commandId: a.id,
+          commandLabel: a.label
         }
       });
     } catch (s) {
@@ -1370,7 +1370,7 @@ class K {
         source: "command-palette",
         timestamp: Date.now(),
         payload: {
-          commandId: r.id,
+          commandId: a.id,
           error: s instanceof Error ? s.message : String(s)
         }
       });
@@ -1383,17 +1383,17 @@ class K {
    * @returns Filtered and sorted commands
    */
   searchCommands(e, o) {
-    const r = this.getCommands(o);
+    const a = this.getCommands(o);
     if (!e.trim())
-      return this.sortCommands(r);
-    const a = e.toLowerCase();
-    return r.map((s) => {
-      var d, p;
-      let l = 0;
-      return s.label.toLowerCase() === a ? l += 1e3 : s.label.toLowerCase().startsWith(a) ? l += 500 : s.label.toLowerCase().includes(a) && (l += 250), (d = s.description) != null && d.toLowerCase().includes(a) && (l += 100), s.keywords && s.keywords.some(
-        (c) => c.toLowerCase().includes(a)
-      ) && (l += 150), (p = s.category) != null && p.toLowerCase().includes(a) && (l += 50), l > 0 && s.priority && (l += s.priority), { command: s, score: l };
-    }).filter((s) => s.score > 0).sort((s, l) => l.score - s.score).map((s) => s.command);
+      return this.sortCommands(a);
+    const r = e.toLowerCase();
+    return a.map((s) => {
+      var p, d;
+      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);
   }
   /**
    * Sort commands by priority and label
@@ -1401,12 +1401,12 @@ class K {
    * @returns Sorted commands
    */
   sortCommands(e) {
-    return e.sort((o, r) => {
-      const a = (r.priority || 0) - (o.priority || 0);
-      if (a !== 0)
-        return a;
-      const n = o.category || "", s = r.category || "", l = n.localeCompare(s);
-      return l !== 0 ? l : o.label.localeCompare(r.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,24 +1438,24 @@ class K {
     this.listeners.forEach((e) => e());
   }
 }
-let j = null;
-function Me() {
-  return j || (j = new K()), j;
+let q = null;
+function Be() {
+  return q || (q = new K()), q;
 }
-function Ne() {
-  j = null;
+function Ke() {
+  q = null;
 }
-function qe({
+function Ve({
   context: t,
   commands: e = [],
   keyboard: o = { key: " ", altKey: !0 },
-  config: r = {},
-  registry: a
+  config: a = {},
+  registry: r
 }) {
-  const [n, s] = W(!1), [l, d] = W(""), [p, g] = W(0), [c, m] = W([]), y = M(
-    () => a || new K(),
-    [a]
-  ), u = M(
+  const [n, s] = _(!1), [i, p] = _(""), [d, g] = _(0), [c, m] = _([]), y = O(
+    () => r || new K(),
+    [r]
+  ), u = O(
     () => ({
       ...t,
       closeCommandPalette: () => s(!1)
@@ -1464,29 +1464,29 @@ function qe({
   );
   I(() => {
     let h = !0;
-    const S = y.subscribe(() => {
+    const T = y.subscribe(() => {
       if (h) {
-        const E = y.getCommands(u);
-        m(E);
+        const z = y.getCommands(u);
+        m(z);
       }
     });
     if (e.length > 0)
       y.registerCommands(e);
     else {
-      const E = y.getCommands(u);
-      m(E);
+      const z = y.getCommands(u);
+      m(z);
     }
     return () => {
-      h = !1, S();
+      h = !1, T();
     };
   }, [y]);
-  const i = M(() => (r.fuzzySearch === !1, y.searchCommands(l, u)), [l, y, u, r.fuzzySearch]);
+  const l = O(() => (a.fuzzySearch === !1, y.searchCommands(i, u)), [i, y, u, a.fuzzySearch]);
   I(() => {
     g(0);
-  }, [i]);
-  const k = w(() => {
+  }, [l]);
+  const b = w(() => {
     var h;
-    s(!0), d(""), g(0), (h = t.events) == null || h.emit({
+    s(!0), p(""), g(0), (h = t.events) == null || h.emit({
       type: "command-palette:opened",
       source: "command-palette",
       timestamp: Date.now(),
@@ -1494,33 +1494,33 @@ function qe({
     });
   }, [t.events]), P = w(() => {
     var h;
-    s(!1), d(""), g(0), (h = t.events) == null || h.emit({
+    s(!1), p(""), g(0), (h = t.events) == null || h.emit({
       type: "command-palette:closed",
       source: "command-palette",
       timestamp: Date.now(),
       payload: {}
     });
-  }, [t.events]), L = w(() => {
-    n ? P() : k();
-  }, [n, k, P]), z = w(
+  }, [t.events]), W = w(() => {
+    n ? P() : b();
+  }, [n, b, P]), A = w(
     async (h) => {
       await y.executeCommand(h, u), P();
     },
     [y, u, P]
   ), D = w(() => {
     g((h) => {
-      const S = r.maxResults || i.length, E = Math.min(i.length, S) - 1;
-      return h < E ? h + 1 : 0;
+      const T = a.maxResults || l.length, z = Math.min(l.length, T) - 1;
+      return h < z ? h + 1 : 0;
     });
-  }, [i.length, r.maxResults]), F = w(() => {
+  }, [l.length, a.maxResults]), j = w(() => {
     g((h) => {
-      const S = r.maxResults || i.length, E = Math.min(i.length, S) - 1;
-      return h > 0 ? h - 1 : E;
+      const T = a.maxResults || l.length, z = Math.min(l.length, T) - 1;
+      return h > 0 ? h - 1 : z;
     });
-  }, [i.length, r.maxResults]), b = w(async () => {
-    const h = i[0];
-    h && await z(h.id);
-  }, [i, z]), C = w(
+  }, [l.length, a.maxResults]), k = w(async () => {
+    const h = l[0];
+    h && await A(h.id);
+  }, [l, A]), C = w(
     (h) => {
       y.registerCommands(h);
     },
@@ -1533,41 +1533,41 @@ function qe({
   ), x = w(
     (h) => {
       const {
-        key: S = " ",
-        altKey: E = !0,
-        ctrlKey: J = !1,
-        metaKey: H = !1,
-        shiftKey: X = !1
-      } = o, G = h.altKey === E && h.ctrlKey === J && h.metaKey === H && h.shiftKey === X;
-      if ((S === " " ? h.code === "Space" : h.key === S) && G) {
-        const O = h.target;
-        if (O.tagName === "INPUT" || O.tagName === "TEXTAREA" || O.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;
-        h.preventDefault(), L();
+        h.preventDefault(), W();
       }
     },
-    [o, L]
+    [o, W]
   );
   return I(() => (window.addEventListener("keydown", x), () => window.removeEventListener("keydown", x)), [x]), {
     isOpen: n,
-    open: k,
+    open: b,
     close: P,
-    toggle: L,
-    query: l,
-    setQuery: d,
-    filteredCommands: i,
-    executeCommand: z,
-    selectedIndex: p,
+    toggle: W,
+    query: i,
+    setQuery: p,
+    filteredCommands: l,
+    executeCommand: A,
+    selectedIndex: d,
     setSelectedIndex: g,
     selectNext: D,
-    selectPrevious: F,
-    executeSelected: b,
+    selectPrevious: j,
+    executeSelected: k,
     commands: c,
     registerCommands: C,
     unregisterCommands: v
   };
 }
-const se = [
+const me = [
   {
     id: "panel.focus.left",
     label: "Focus Left Panel",
@@ -1721,10 +1721,144 @@ const se = [
     }
   }
 ];
-function Be() {
-  return se;
+function Je() {
+  return me;
 }
-const ne = {
+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 ne = {
     call_template_type: "panel_event",
     event_type: "panel:toggle"
   }
-}, le = {
+}, 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 ne = {
     call_template_type: "panel_event",
     event_type: "panel:collapse-all"
   }
-}, ie = {
+}, 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 ne = {
     call_template_type: "panel_event",
     event_type: "panel:expand-all"
   }
-}, ce = {
+}, Y = {
   name: "switch_panel",
   description: "Change which content is displayed in a panel slot (left, middle, or right).",
   inputs: {
@@ -1822,7 +1956,7 @@ const ne = {
     call_template_type: "panel_event",
     event_type: "panel:switch"
   }
-}, de = {
+}, U = {
   name: "focus_panel",
   description: "Set focus to a specific panel slot for keyboard navigation.",
   inputs: {
@@ -1848,7 +1982,7 @@ const ne = {
     call_template_type: "panel_event",
     event_type: "panel:focus"
   }
-}, pe = {
+}, Z = {
   name: "reset_layout",
   description: "Reset panel sizes to the default layout configuration.",
   inputs: {
@@ -1868,38 +2002,54 @@ const ne = {
     call_template_type: "panel_event",
     event_type: "panel:reset-layout"
   }
-}, ue = [
-  ne,
-  le,
-  ie,
-  ce,
-  de,
-  pe
-], Ke = {
+}, 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: ue
+  description: "Generic panel layout and state query operations",
+  tools: ye
 };
-function fe(t, e, o = {}) {
+function he(t, e, o = {}) {
   const {
-    categoryPrefix: r = "Panel Tools",
-    basePriority: a = 50,
+    categoryPrefix: a = "Panel Tools",
+    basePriority: r = 50,
     includePanelInCategory: n = !0
-  } = o, s = n ? `${r} > ${t.panelId}` : r, l = ye(t.inputs);
+  } = o, s = n ? `${a} > ${t.panelId}` : a, i = we(t.inputs);
   return {
     id: `tool.${t.qualifiedName}`,
-    label: me(t.name),
+    label: ge(t.name),
     description: t.description,
     category: s,
     keywords: [...t.tags, t.panelId, "tool"],
-    priority: a,
-    execute: async (d) => {
+    priority: r,
+    execute: async (p) => {
       var g;
-      if (l) {
+      if (i) {
         console.warn(
           `Tool "${t.qualifiedName}" requires parameters. Invoke programmatically with: registry.invokeTool('${t.qualifiedName}', { ... })`
-        ), (g = d.events) == null || g.emit({
+        ), (g = p.events) == null || g.emit({
           type: "tool:requires-parameters",
           source: "command-palette",
           timestamp: Date.now(),
@@ -1910,55 +2060,55 @@ function fe(t, e, o = {}) {
         });
         return;
       }
-      const p = await e.invokeTool(
+      const d = await e.invokeTool(
         t.qualifiedName,
         {},
         "command-palette"
       );
-      p.success || console.error(`Tool invocation failed: ${p.error}`), d.closeCommandPalette();
+      d.success || console.error(`Tool invocation failed: ${d.error}`), p.closeCommandPalette();
     }
   };
 }
-function V(t, e = {}) {
-  return t.getAllTools().map((r) => fe(r, t, e));
+function ee(t, e = {}) {
+  return t.getAllTools().map((a) => he(a, t, e));
 }
-function Ve(t, e = {}) {
-  return () => V(t, e);
+function Qe(t, e = {}) {
+  return () => ee(t, e);
 }
-function me(t) {
+function ge(t) {
   return t.split("_").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join(" ");
 }
-function ye(t) {
+function we(t) {
   return !(t.type !== "object" || !t.required || t.required.length === 0);
 }
-function Je(t, e = {}) {
-  return V(t, e);
+function Ye(t, e = {}) {
+  return ee(t, e);
 }
-function He(t) {
+function Ue(t) {
   const { inputs: e } = t;
   if (e.type !== "object" || !e.properties)
     return [];
-  const o = new Set(e.required || []), r = [];
-  for (const [a, n] of Object.entries(e.properties))
-    r.push({
-      name: a,
+  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(a),
+      required: o.has(r),
       default: n.default,
       enum: n.enum
     });
-  return r;
+  return a;
 }
-function he(t) {
+function be(t) {
   const e = {};
   if (t.inputs.properties)
-    for (const [o, r] of Object.entries(t.inputs.properties)) {
-      const a = r;
+    for (const [o, a] of Object.entries(t.inputs.properties)) {
+      const r = a;
       e[o] = {
-        type: a.type || "string",
-        description: a.description,
-        ...a.enum && { enum: a.enum }
+        type: r.type || "string",
+        description: r.description,
+        ...r.enum && { enum: r.enum }
       };
     }
   return {
@@ -1971,12 +2121,12 @@ function he(t) {
     }
   };
 }
-function Xe(t) {
+function Ze(t) {
   return {
-    functionDeclarations: t.map(he)
+    functionDeclarations: t.map(be)
   };
 }
-function ge(t) {
+function ke(t) {
   return {
     type: "function",
     function: {
@@ -1986,54 +2136,54 @@ function ge(t) {
     }
   };
 }
-function Ge(t) {
-  return t.map(ge);
+function et(t) {
+  return t.map(ke);
 }
-function we(t) {
+function xe(t) {
   return {
     name: t.name,
     description: t.description,
     input_schema: t.inputs
   };
 }
-function Ye(t) {
-  return t.map(we);
+function tt(t) {
+  return t.map(xe);
 }
-function ke(t) {
+function ve(t) {
   return {
     name: t.name,
     description: t.description,
     parameters: t.inputs
   };
 }
-function Qe(t) {
-  return t.map(ke);
+function ot(t) {
+  return t.map(ve);
 }
-function Ue(t, e = {}) {
+function at(t, e = {}) {
   const {
     header: o = "You have access to the following tools:",
-    includeParameters: r = !0
-  } = e, a = t.map((n) => {
+    includeParameters: a = !0
+  } = e, r = t.map((n) => {
     let s = `- ${n.name}: ${n.description}`;
-    if (r && n.inputs.properties) {
-      const l = Object.entries(n.inputs.properties).map(([d, p]) => {
+    if (a && n.inputs.properties) {
+      const i = Object.entries(n.inputs.properties).map(([p, d]) => {
         var m;
-        const g = p, c = (m = n.inputs.required) != null && m.includes(d) ? " (required)" : "";
-        return `    - ${d}: ${g.description || g.type}${c}`;
+        const g = d, c = (m = n.inputs.required) != null && m.includes(p) ? " (required)" : "";
+        return `    - ${p}: ${g.description || g.type}${c}`;
       }).join(`
 `);
-      l && (s += `
-${l}`);
+      i && (s += `
+${i}`);
     }
     return s;
   });
   return `${o}
 
-${a.join(`
+${r.join(`
 
 `)}`;
 }
-const be = ({ size: t = 18 }) => /* @__PURE__ */ T(
+const Ce = ({ size: t = 18 }) => /* @__PURE__ */ S(
   "svg",
   {
     width: t,
@@ -2049,7 +2199,7 @@ const be = ({ size: t = 18 }) => /* @__PURE__ */ T(
       /* @__PURE__ */ f("path", { d: "M9 3v18" })
     ]
   }
-), xe = ({ size: t = 18 }) => /* @__PURE__ */ T(
+), Te = ({ size: t = 18 }) => /* @__PURE__ */ S(
   "svg",
   {
     width: t,
@@ -2066,7 +2216,7 @@ const be = ({ size: t = 18 }) => /* @__PURE__ */ T(
       /* @__PURE__ */ f("path", { d: "m16 15-3-3 3-3" })
     ]
   }
-), ve = ({ size: t = 18 }) => /* @__PURE__ */ T(
+), Se = ({ size: t = 18 }) => /* @__PURE__ */ S(
   "svg",
   {
     width: t,
@@ -2082,7 +2232,7 @@ const be = ({ size: t = 18 }) => /* @__PURE__ */ T(
       /* @__PURE__ */ f("path", { d: "M15 3v18" })
     ]
   }
-), Ce = ({ size: t = 18 }) => /* @__PURE__ */ T(
+), Pe = ({ size: t = 18 }) => /* @__PURE__ */ S(
   "svg",
   {
     width: t,
@@ -2099,27 +2249,27 @@ const be = ({ size: t = 18 }) => /* @__PURE__ */ T(
       /* @__PURE__ */ f("path", { d: "m8 9 3 3-3 3" })
     ]
   }
-), N = ({
+), M = ({
   isCollapsed: t,
   onToggle: e,
   side: o = "left",
-  iconSize: r = 18,
-  style: a,
+  iconSize: a = 18,
+  style: r,
   shortcutHint: n = "Cmd/Ctrl+B",
   title: s,
-  className: l
+  className: i
 }) => {
-  const { theme: d } = $(), p = () => o === "right" ? t ? /* @__PURE__ */ f(ve, { size: r }) : /* @__PURE__ */ f(Ce, { size: r }) : t ? /* @__PURE__ */ f(be, { size: r }) : /* @__PURE__ */ f(xe, { size: r });
+  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: l,
+      className: i,
       style: {
         background: "transparent",
         border: "none",
-        color: t ? d.colors.textSecondary : d.colors.primary,
+        color: t ? p.colors.textSecondary : p.colors.primary,
         cursor: "pointer",
         padding: "6px",
         borderRadius: "4px",
@@ -2129,18 +2279,18 @@ const be = ({ size: t = 18 }) => /* @__PURE__ */ T(
         transition: "all 0.2s",
         width: "32px",
         height: "32px",
-        ...a
+        ...r
       },
       onMouseEnter: (c) => {
-        c.currentTarget.style.backgroundColor = d.colors.backgroundTertiary, c.currentTarget.style.color = d.colors.primary;
+        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 ? d.colors.textSecondary : d.colors.primary;
+        c.currentTarget.style.backgroundColor = "transparent", c.currentTarget.style.color = t ? p.colors.textSecondary : p.colors.primary;
       },
-      children: p()
+      children: d()
     }
   );
-}, Se = ({ size: t = 14 }) => /* @__PURE__ */ T(
+}, Ie = ({ size: t = 14 }) => /* @__PURE__ */ S(
   "svg",
   {
     width: t,
@@ -2158,7 +2308,7 @@ const be = ({ size: t = 18 }) => /* @__PURE__ */ T(
       /* @__PURE__ */ f("path", { d: "M20 17H4" })
     ]
   }
-), Te = ({ size: t = 14 }) => /* @__PURE__ */ T(
+), Re = ({ size: t = 14 }) => /* @__PURE__ */ S(
   "svg",
   {
     width: t,
@@ -2176,20 +2326,20 @@ const be = ({ size: t = 18 }) => /* @__PURE__ */ T(
       /* @__PURE__ */ f("path", { d: "M4 17h16" })
     ]
   }
-), q = ({
+), N = ({
   onSwitch: t,
   variant: e = "left-middle",
   iconSize: o = 14,
-  style: r,
-  title: a,
+  style: a,
+  title: r,
   className: n
 }) => {
-  const { theme: s } = $(), l = () => e === "left-middle" ? "Switch left and middle panels" : "Switch right and middle panels", d = e === "left-middle" ? Se : Te;
+  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: a ?? l(),
+      title: r ?? i(),
       className: n,
       style: {
         background: "transparent",
@@ -2204,18 +2354,18 @@ const be = ({ size: t = 18 }) => /* @__PURE__ */ T(
         transition: "all 0.2s",
         width: "32px",
         height: "32px",
-        ...r
+        ...a
       },
-      onMouseEnter: (p) => {
-        p.currentTarget.style.backgroundColor = s.colors.backgroundTertiary, p.currentTarget.style.color = s.colors.text;
+      onMouseEnter: (d) => {
+        d.currentTarget.style.backgroundColor = s.colors.backgroundTertiary, d.currentTarget.style.color = s.colors.text;
       },
-      onMouseLeave: (p) => {
-        p.currentTarget.style.backgroundColor = "transparent", p.currentTarget.style.color = s.colors.textSecondary;
+      onMouseLeave: (d) => {
+        d.currentTarget.style.backgroundColor = "transparent", d.currentTarget.style.color = s.colors.textSecondary;
       },
-      children: /* @__PURE__ */ f(d, { size: o })
+      children: /* @__PURE__ */ f(p, { size: o })
     }
   );
-}, Pe = ({ size: t = 14 }) => /* @__PURE__ */ T(
+}, We = ({ size: t = 14 }) => /* @__PURE__ */ S(
   "svg",
   {
     width: t,
@@ -2232,20 +2382,20 @@ const be = ({ size: t = 18 }) => /* @__PURE__ */ T(
       /* @__PURE__ */ f("path", { d: "M9 21V9" })
     ]
   }
-), Ie = ({
+), _e = ({
   onConfigure: t,
   iconSize: e = 14,
   style: o,
-  title: r = "Configure panel layout",
-  className: a
+  title: a = "Configure panel layout",
+  className: r
 }) => {
   const { theme: n } = $();
   return /* @__PURE__ */ f(
     "button",
     {
       onClick: t,
-      title: r,
-      className: a,
+      title: a,
+      className: r,
       style: {
         background: "transparent",
         border: "none",
@@ -2267,32 +2417,32 @@ const be = ({ size: t = 18 }) => /* @__PURE__ */ T(
       onMouseLeave: (s) => {
         s.currentTarget.style.backgroundColor = "transparent", s.currentTarget.style.color = n.colors.textSecondary;
       },
-      children: /* @__PURE__ */ f(Pe, { size: e })
+      children: /* @__PURE__ */ f(We, { size: e })
     }
   );
-}, Ze = ({
+}, rt = ({
   leftSidebarCollapsed: t = !1,
   onToggleLeftSidebar: e,
   showLeftSidebarControl: o = !1,
-  rightSidebarCollapsed: r = !1,
-  onToggleRightSidebar: a,
+  rightSidebarCollapsed: a = !1,
+  onToggleRightSidebar: r,
   showRightSidebarControl: n = !1,
   onSwitchLeftMiddlePanels: s,
-  showSwitchLeftMiddle: l = !1,
-  onSwitchRightMiddlePanels: d,
-  showSwitchRightMiddle: p = !1,
+  showSwitchLeftMiddle: i = !1,
+  onSwitchRightMiddlePanels: p,
+  showSwitchRightMiddle: d = !1,
   onConfigurePanels: g,
   showConfigureButton: c = !1,
   gap: m = 4,
   style: y,
   className: u,
-  iconSize: i,
-  leftCollapseButtonProps: k,
+  iconSize: l,
+  leftCollapseButtonProps: b,
   rightCollapseButtonProps: P,
-  leftMiddleSwitchButtonProps: L,
-  rightMiddleSwitchButtonProps: z,
+  leftMiddleSwitchButtonProps: W,
+  rightMiddleSwitchButtonProps: A,
   configureButtonProps: D
-}) => o && e || l && s || c && g || p && d || n && a ? /* @__PURE__ */ T(
+}) => o && e || i && s || c && g || d && p || n && r ? /* @__PURE__ */ S(
   "div",
   {
     className: u,
@@ -2304,48 +2454,48 @@ const be = ({ size: t = 18 }) => /* @__PURE__ */ T(
     },
     children: [
       o && e && /* @__PURE__ */ f(
-        N,
+        M,
         {
           isCollapsed: t,
           onToggle: e,
           side: "left",
-          iconSize: i ?? 18,
-          ...k
+          iconSize: l ?? 18,
+          ...b
         }
       ),
-      l && s && /* @__PURE__ */ f(
-        q,
+      i && s && /* @__PURE__ */ f(
+        N,
         {
           onSwitch: s,
           variant: "left-middle",
-          iconSize: i ?? 14,
-          ...L
+          iconSize: l ?? 14,
+          ...W
         }
       ),
       c && g && /* @__PURE__ */ f(
-        Ie,
+        _e,
         {
           onConfigure: g,
-          iconSize: i ?? 14,
+          iconSize: l ?? 14,
           ...D
         }
       ),
-      p && d && /* @__PURE__ */ f(
-        q,
+      d && p && /* @__PURE__ */ f(
+        N,
         {
-          onSwitch: d,
+          onSwitch: p,
           variant: "right-middle",
-          iconSize: i ?? 14,
-          ...z
+          iconSize: l ?? 14,
+          ...A
         }
       ),
-      n && a && /* @__PURE__ */ f(
-        N,
+      n && r && /* @__PURE__ */ f(
+        M,
         {
-          isCollapsed: r,
-          onToggle: a,
+          isCollapsed: a,
+          onToggle: r,
           side: "right",
-          iconSize: i ?? 18,
+          iconSize: l ?? 18,
           ...P
         }
       )
@@ -2353,54 +2503,59 @@ const be = ({ size: t = 18 }) => /* @__PURE__ */ T(
   }
 ) : null;
 export {
-  re as CommandInput,
+  ue as CommandInput,
   B as CommandItem,
-  ae as CommandList,
-  Oe as CommandPalette,
+  fe as CommandList,
+  Ne as CommandPalette,
   K as CommandRegistryService,
-  ot as EditableConfigurablePanelLayout,
-  je as FocusIndicator,
-  te as LocalStoragePersistenceAdapter,
-  oe as LocalStorageWorkspaceAdapter,
-  N as PanelCollapseButton,
-  Ie as PanelConfigureButton,
-  Ze as PanelControls,
-  q as PanelSwitchButton,
-  rt as ResponsiveConfigurablePanelLayout,
+  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,
-  le as collapseAllPanelsTool,
-  Ve as createToolCommandsProvider,
-  ie as expandAllPanelsTool,
-  de as focusPanelTool,
-  Ue as generateToolsSystemPrompt,
-  Me as getGlobalCommandRegistry,
-  Be as getPanelCommands,
-  He as getToolParameterInfo,
-  ue as layoutTools,
-  Ke as layoutToolsMetadata,
-  at as mapThemeToPanelVars,
-  st as mapThemeToTabVars,
-  se as panelCommands,
-  Ne as resetGlobalCommandRegistry,
-  pe as resetLayoutTool,
-  ce as switchPanelTool,
-  ne as togglePanelTool,
-  ke as toolToAIFunction,
-  we as toolToAnthropicFormat,
-  fe as toolToCommand,
-  he as toolToGeminiFunction,
-  ge as toolToOpenAIFunction,
-  Qe as toolsToAIFunctions,
-  Ye as toolsToAnthropicFormat,
-  V as toolsToCommands,
-  Xe as toolsToGeminiFormat,
-  Ge as toolsToOpenAIFormat,
-  qe as useCommandPalette,
-  _e as usePanelFocus,
-  Fe as usePanelFocusListener,
-  $e as usePanelKeyboardShortcuts,
-  Ee as usePanelPersistence,
-  Je as useToolCommands,
-  De as useWorkspace
+  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