@principal-ade/panel-layouts 0.2.2 → 0.2.3

package/dist/index.esm.js

@@ -1,13 +1,13 @@
-import './index.css';var q = Object.defineProperty;
-var X = (o, e, t) => e in o ? q(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
-var D = (o, e, t) => X(o, typeof e != "symbol" ? e + "" : e, t);
-import { EditableConfigurablePanelLayout as xe, ResponsiveConfigurablePanelLayout as Ce, mapThemeToPanelVars as ve, mapThemeToTabVars as Se } from "@principal-ade/panels";
-import Q, { useState as z, useRef as I, useEffect as P, useCallback as m, forwardRef as Y, useMemo as K } from "react";
-import { jsx as T, jsxs as W, Fragment as G } from "react/jsx-runtime";
-import { useTheme as N } from "@principal-ade/industry-theme";
+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 {
   constructor() {
-    D(this, "storageKey", "panel-layouts");
+    _(this, "storageKey", "panel-layouts");
   }
   async load(e) {
     try {
@@ -23,127 +23,127 @@ class Z {
         `${this.storageKey}:${e}`,
         JSON.stringify(t)
       );
-    } catch (a) {
-      console.error(`Failed to save panel layout for ${e}:`, a);
+    } catch (o) {
+      console.error(`Failed to save panel layout for ${e}:`, o);
     }
   }
 }
-function ie(o) {
+function Ce(a) {
   const {
     viewKey: e,
     defaultSizes: t,
-    panelType: a,
+    panelType: o,
     adapter: s = new Z()
-  } = o, [n, r] = z(t), [l, y] = z(o.collapsed), h = I(o.collapsed), b = I({}), u = I(null), f = I(null);
+  } = a, [r, n] = A(t), [i, m] = A(a.collapsed), y = W(a.collapsed), h = W({}), d = W(null), u = W(null);
   P(() => {
     (async () => {
-      const C = await s.load(e);
-      C != null && C.sizes && (r(C.sizes), p(C.sizes));
+      const x = await s.load(e);
+      x != null && x.sizes && (n(x.sizes), f(x.sizes));
     })();
   }, [e]);
-  const p = m(
-    (g) => {
-      "left" in g && g.left > 0 && (b.current.left = g.left), "middle" in g && g.middle > 0 && (b.current.middle = g.middle), "right" in g && g.right > 0 && (b.current.right = g.right);
+  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);
     },
     []
-  ), c = m(
-    (g) => {
-      const C = b.current[g];
-      if (C && C > 0)
-        return C;
-      if (g === "left" && "left" in t && t.left > 0)
+  ), 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 (g === "right" && "right" in t && t.right > 0)
+      if (w === "right" && "right" in t && t.right > 0)
         return t.right;
     },
     [t]
-  ), i = I(t);
+  ), l = W(t);
   P(() => {
-    ("left" in t && t.left !== i.current.left || "middle" in t && "middle" in i.current && t.middle !== i.current.middle || "right" in t && t.right !== i.current.right) && (r(t), p(t), i.current = t);
-  }, [t, p]), P(() => {
-    const g = o.collapsed.left !== h.current.left, C = "right" in o.collapsed && "right" in h.current && o.collapsed.right !== h.current.right;
-    (g || C) && (y(o.collapsed), h.current = { ...o.collapsed });
-  }, [o.collapsed.left, o.collapsed.right]);
-  const w = m(
-    async (g) => {
+    ("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) => {
       try {
-        await s.save(e, { sizes: g });
-      } catch (C) {
+        await s.save(e, { sizes: w });
+      } catch (x) {
         console.error(
           `Failed to save panel preferences for ${e}:`,
-          C
+          x
         );
       }
     },
     [e, s]
-  ), S = m(
-    (g) => {
-      const C = { ...g };
-      let x = !0;
-      if ("left" in g) {
-        const k = !!(l != null && l.left), d = g.left;
+  ), S = g(
+    (w) => {
+      const x = { ...w };
+      let v = !0;
+      if ("left" in w) {
+        const k = !!(i != null && i.left), p = w.left;
         if (k) {
-          const v = c("left");
-          v !== void 0 && v > 0 ? C.left = v : x = !1;
-        } else d === 0 && (x = !1);
+          const C = c("left");
+          C !== void 0 && C > 0 ? x.left = C : v = !1;
+        } else p === 0 && (v = !1);
       }
-      if (a === "three-panel" && "right" in g) {
-        const k = !!(l != null && l.right), d = g.right;
+      if (o === "three-panel" && "right" in w) {
+        const k = !!(i != null && i.right), p = w.right;
         if (k) {
-          const v = c("right");
-          v !== void 0 && v > 0 ? C.right = v : x = !1;
-        } else d === 0 && (x = !1);
+          const C = c("right");
+          C !== void 0 && C > 0 ? x.right = C : v = !1;
+        } else p === 0 && (v = !1);
       }
-      if (r(C), p(C), u.current && (clearTimeout(u.current), u.current = null), !x) {
-        f.current = null;
+      if (n(x), f(x), d.current && (clearTimeout(d.current), d.current = null), !v) {
+        u.current = null;
         return;
       }
-      f.current = C, u.current = setTimeout(() => {
-        const k = f.current;
-        k && (w(k), f.current = null), u.current = null;
+      u.current = x, d.current = setTimeout(() => {
+        const k = u.current;
+        k && (b(k), u.current = null), d.current = null;
       }, 500);
     },
     [
-      l,
+      i,
       c,
-      a,
-      w,
-      p
+      o,
+      b,
+      f
     ]
   );
   P(() => () => {
-    if (u.current) {
-      const g = f.current;
-      g && (w(g), f.current = null), clearTimeout(u.current), u.current = null;
+    if (d.current) {
+      const w = u.current;
+      w && (b(w), u.current = null), clearTimeout(d.current), d.current = null;
     }
-  }, [w]);
-  const A = m(async () => {
-  }, []), E = m(async () => {
-  }, []), F = m(async () => {
-  }, []), $ = m(async () => {
+  }, [b]);
+  const z = g(async () => {
+  }, []), E = g(async () => {
+  }, []), D = g(async () => {
+  }, []), $ = g(async () => {
   }, []);
-  return a === "three-panel" ? {
+  return o === "three-panel" ? {
     type: "three-panel",
-    sizes: n,
-    collapsed: l,
+    sizes: r,
+    collapsed: i,
     handlePanelResize: S,
-    handleLeftCollapseComplete: A,
+    handleLeftCollapseComplete: z,
     handleLeftExpandComplete: E,
-    handleRightCollapseComplete: F,
+    handleRightCollapseComplete: D,
     handleRightExpandComplete: $
   } : {
     type: "two-panel",
-    sizes: n,
-    collapsed: l,
+    sizes: r,
+    collapsed: i,
     handlePanelResize: S,
-    handleLeftCollapseComplete: A,
+    handleLeftCollapseComplete: z,
     handleLeftExpandComplete: E
   };
 }
-class U {
+class ee {
   constructor() {
-    D(this, "PRESETS_KEY", "panel-layouts:workspace-presets");
-    D(this, "REPO_STATE_PREFIX", "panel-layouts:repo-state:");
+    _(this, "PRESETS_KEY", "panel-layouts:workspace-presets");
+    _(this, "REPO_STATE_PREFIX", "panel-layouts:repo-state:");
   }
   /**
    * Load all user-created workspace presets
@@ -171,8 +171,8 @@ class U {
    */
   async loadRepositoryState(e) {
     try {
-      const t = `${this.REPO_STATE_PREFIX}${e}`, a = localStorage.getItem(t);
-      return a ? JSON.parse(a) : null;
+      const t = `${this.REPO_STATE_PREFIX}${e}`, o = localStorage.getItem(t);
+      return o ? JSON.parse(o) : null;
     } catch (t) {
       return console.error(
         `Failed to load repository state for ${e}:`,
@@ -185,13 +185,13 @@ class U {
    */
   async saveRepositoryState(e, t) {
     try {
-      const a = `${this.REPO_STATE_PREFIX}${e}`;
-      localStorage.setItem(a, JSON.stringify(t));
-    } catch (a) {
+      const o = `${this.REPO_STATE_PREFIX}${e}`;
+      localStorage.setItem(o, JSON.stringify(t));
+    } catch (o) {
       throw console.error(
         `Failed to save repository state for ${e}:`,
-        a
-      ), a;
+        o
+      ), o;
     }
   }
   /**
@@ -201,16 +201,16 @@ class U {
     try {
       const e = {};
       for (let t = 0; t < localStorage.length; t++) {
-        const a = localStorage.key(t);
-        if (a && a.startsWith(this.REPO_STATE_PREFIX)) {
-          const s = a.substring(this.REPO_STATE_PREFIX.length), n = localStorage.getItem(a);
-          if (n)
+        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)
             try {
-              e[s] = JSON.parse(n);
-            } catch (r) {
+              e[s] = JSON.parse(r);
+            } catch (n) {
               console.error(
                 `Failed to parse repository state for ${s}:`,
-                r
+                n
               );
             }
         }
@@ -221,7 +221,7 @@ class U {
     }
   }
 }
-class R {
+class T {
   /**
    * Configure a custom storage adapter (for Electron IPC or remote storage)
    */
@@ -248,8 +248,8 @@ class R {
    * Create a new workspace layout
    */
   static async createWorkspaceLayout(e) {
-    const t = await this.adapter.loadWorkspacePresets(), a = this.generateWorkspaceId(e.name), s = {
-      id: a,
+    const t = await this.adapter.loadWorkspacePresets(), o = this.generateWorkspaceId(e.name), s = {
+      id: o,
       name: e.name,
       description: e.description,
       layout: e.layout,
@@ -258,22 +258,22 @@ class R {
       createdAt: Date.now(),
       updatedAt: Date.now(),
       isBuiltIn: !1
-    }, n = {
+    }, r = {
       ...t,
-      [a]: s
+      [o]: s
     };
-    return await this.adapter.saveWorkspacePresets(n), s;
+    return await this.adapter.saveWorkspacePresets(r), s;
   }
   /**
    * Update an existing workspace layout
    */
   static async updateWorkspaceLayout(e, t) {
-    const a = await this.adapter.loadWorkspacePresets(), s = a[e];
+    const o = await this.adapter.loadWorkspacePresets(), s = o[e];
     if (!s)
       return console.error(`Workspace layout ${e} not found`), null;
     if (s.isBuiltIn)
       return console.error(`Cannot update built-in workspace layout ${e}`), null;
-    const n = {
+    const r = {
       ...s,
       ...t,
       id: e,
@@ -281,20 +281,20 @@ class R {
       createdAt: s.createdAt,
       // Preserve creation time
       updatedAt: Date.now()
-    }, r = {
-      ...a,
-      [e]: n
+    }, n = {
+      ...o,
+      [e]: r
     };
-    return await this.adapter.saveWorkspacePresets(r), n;
+    return await this.adapter.saveWorkspacePresets(n), r;
   }
   /**
    * Delete a workspace layout
    */
   static async deleteWorkspaceLayout(e) {
-    const t = await this.adapter.loadWorkspacePresets(), a = t[e];
-    if (!a)
+    const t = await this.adapter.loadWorkspacePresets(), o = t[e];
+    if (!o)
       return console.error(`Workspace layout ${e} not found`), !1;
-    if (a.isBuiltIn)
+    if (o.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;
@@ -315,9 +315,9 @@ class R {
    * Update only sizes in repository state
    */
   static async updateRepositorySizes(e, t) {
-    const a = await this.getRepositoryState(e);
-    a && await this.setRepositoryState(e, {
-      ...a,
+    const o = await this.getRepositoryState(e);
+    o && await this.setRepositoryState(e, {
+      ...o,
       sizes: t
     });
   }
@@ -325,9 +325,9 @@ class R {
    * Update only collapsed state in repository state
    */
   static async updateRepositoryCollapsed(e, t) {
-    const a = await this.getRepositoryState(e);
-    a && await this.setRepositoryState(e, {
-      ...a,
+    const o = await this.getRepositoryState(e);
+    o && await this.setRepositoryState(e, {
+      ...o,
       collapsed: t
     });
   }
@@ -335,15 +335,15 @@ class R {
    * Check if repository state differs from workspace defaults
    */
   static hasStateDeviation(e, t) {
-    const a = 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: a, hasCollapsedDeviation: s };
+    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 };
   }
   /**
    * Update workspace defaults from repository state
    */
   static async updateWorkspaceFromRepositoryState(e, t) {
-    const a = await this.getWorkspaceLayout(e), s = await this.getRepositoryState(t);
-    if (!a || !s || a.isBuiltIn) {
+    const o = await this.getWorkspaceLayout(e), s = await this.getRepositoryState(t);
+    if (!o || !s || o.isBuiltIn) {
       console.error(
         "Cannot update built-in workspace or workspace/state not found"
       );
@@ -358,16 +358,16 @@ class R {
    * Reset repository state to workspace defaults
    */
   static async resetRepositoryToWorkspaceDefaults(e, t) {
-    const a = await this.getWorkspaceLayout(t);
-    if (!a) {
+    const o = await this.getWorkspaceLayout(t);
+    if (!o) {
       console.error(`Workspace ${t} not found`);
       return;
     }
     const s = await this.getRepositoryState(e);
     s && await this.setRepositoryState(e, {
       ...s,
-      sizes: a.defaultSizes || { left: 20, middle: 45, right: 35 },
-      collapsed: a.defaultCollapsed || { left: !1, right: !1 }
+      sizes: o.defaultSizes || { left: 20, middle: 45, right: 35 },
+      collapsed: o.defaultCollapsed || { left: !1, right: !1 }
     });
   }
   /**
@@ -381,9 +381,9 @@ class R {
    */
   static async findMatchingWorkspace(e) {
     const t = await this.getWorkspaceLayouts();
-    for (const [a, s] of Object.entries(t))
+    for (const [o, s] of Object.entries(t))
       if (this.isLayoutMatchingWorkspace(e, s))
-        return a;
+        return o;
     return null;
   }
   /**
@@ -610,303 +610,303 @@ class R {
     Object.keys(e).length;
   }
 }
-D(R, "adapter", new U());
-function ce(o = {}) {
-  const { repositoryKey: e, autoInitialize: t = !1, defaultWorkspaceId: a } = o, [s, n] = z(
+_(T, "adapter", new ee());
+function Se(a = {}) {
+  const { repositoryKey: e, autoInitialize: t = !1, defaultWorkspaceId: o } = a, [s, r] = A(
     {}
-  ), [r, l] = z(null), [y, h] = z(null), [b, u] = z(!0), [f, p] = z(null), c = m(async () => {
+  ), [n, i] = A(null), [m, y] = A(null), [h, d] = A(!0), [u, f] = A(null), c = g(async () => {
     try {
-      u(!0), p(null);
-      const x = await R.getWorkspaceLayouts();
-      if (n(x), e) {
-        let k = await R.getRepositoryState(e);
+      d(!0), f(null);
+      const v = await T.getWorkspaceLayouts();
+      if (r(v), e) {
+        let k = await T.getRepositoryState(e);
         if (!k && t) {
-          const d = a || "project-management", v = await R.getWorkspaceLayout(d);
-          v && (k = {
-            workspaceId: d,
-            sizes: v.defaultSizes || {
+          const p = o || "project-management", C = await T.getWorkspaceLayout(p);
+          C && (k = {
+            workspaceId: p,
+            sizes: C.defaultSizes || {
               left: 20,
               middle: 45,
               right: 35
             },
-            collapsed: v.defaultCollapsed || {
+            collapsed: C.defaultCollapsed || {
               left: !1,
               right: !1
             }
-          }, await R.setRepositoryState(
+          }, await T.setRepositoryState(
             e,
             k
           ));
         }
-        if (l(k), k != null && k.workspaceId) {
-          const d = await R.getWorkspaceLayout(
+        if (i(k), k != null && k.workspaceId) {
+          const p = await T.getWorkspaceLayout(
             k.workspaceId
           );
-          h(d);
+          y(p);
         } else
-          h(null);
+          y(null);
       }
-    } catch (x) {
-      p(x), console.error("Failed to load workspace data:", x);
+    } catch (v) {
+      f(v), console.error("Failed to load workspace data:", v);
     } finally {
-      u(!1);
+      d(!1);
     }
-  }, [e, t, a]);
+  }, [e, t, o]);
   P(() => {
     c();
   }, [c]);
-  const i = m(
-    async (x) => await R.getWorkspaceLayout(x),
+  const l = g(
+    async (v) => await T.getWorkspaceLayout(v),
     []
-  ), w = m(
-    async (x) => {
-      const k = await R.createWorkspaceLayout(x);
+  ), b = g(
+    async (v) => {
+      const k = await T.createWorkspaceLayout(v);
       return await c(), k;
     },
     [c]
-  ), S = m(
-    async (x, k) => {
-      const d = await R.updateWorkspaceLayout(x, k);
-      return await c(), d;
+  ), S = g(
+    async (v, k) => {
+      const p = await T.updateWorkspaceLayout(v, k);
+      return await c(), p;
     },
     [c]
-  ), A = m(
-    async (x) => {
-      const k = await R.deleteWorkspaceLayout(x);
+  ), z = g(
+    async (v) => {
+      const k = await T.deleteWorkspaceLayout(v);
       return k && await c(), k;
     },
     [c]
-  ), E = m(
-    async (x) => {
+  ), E = g(
+    async (v) => {
       if (!e) {
         console.error("Cannot apply workspace without repositoryKey");
         return;
       }
-      const k = await R.getWorkspaceLayout(x);
+      const k = await T.getWorkspaceLayout(v);
       if (!k) {
-        console.error(`Workspace ${x} not found`);
+        console.error(`Workspace ${v} not found`);
         return;
       }
-      const d = {
-        workspaceId: x,
+      const p = {
+        workspaceId: v,
         sizes: k.defaultSizes || { left: 20, middle: 45, right: 35 },
         collapsed: k.defaultCollapsed || {
           left: !1,
           right: !1
         }
       };
-      await R.setRepositoryState(e, d), await c();
+      await T.setRepositoryState(e, p), await c();
     },
     [e, c]
-  ), F = m(
-    async (x) => {
+  ), D = g(
+    async (v) => {
       if (!e) {
         console.error("Cannot update sizes without repositoryKey");
         return;
       }
-      await R.updateRepositorySizes(e, x), await c();
+      await T.updateRepositorySizes(e, v), await c();
     },
     [e, c]
-  ), $ = m(
-    async (x) => {
+  ), $ = g(
+    async (v) => {
       if (!e) {
         console.error("Cannot update collapsed without repositoryKey");
         return;
       }
-      await R.updateRepositoryCollapsed(
+      await T.updateRepositoryCollapsed(
         e,
-        x
+        v
       ), await c();
     },
     [e, c]
-  ), g = m(async () => {
-    if (!e || !(r != null && r.workspaceId)) {
+  ), w = g(async () => {
+    if (!e || !(n != null && n.workspaceId)) {
       console.error("Cannot reset without repositoryKey and active workspace");
       return;
     }
-    await R.resetRepositoryToWorkspaceDefaults(
+    await T.resetRepositoryToWorkspaceDefaults(
       e,
-      r.workspaceId
+      n.workspaceId
     ), await c();
-  }, [e, r == null ? void 0 : r.workspaceId, c]), C = m(async () => {
+  }, [e, n == null ? void 0 : n.workspaceId, c]), x = g(async () => {
     await c();
   }, [c]);
   return {
     workspaces: s,
-    repositoryState: r,
-    activeWorkspace: y,
-    loading: b,
-    error: f,
-    getWorkspace: i,
-    createWorkspace: w,
+    repositoryState: n,
+    activeWorkspace: m,
+    loading: h,
+    error: u,
+    getWorkspace: l,
+    createWorkspace: b,
     updateWorkspace: S,
-    deleteWorkspace: A,
+    deleteWorkspace: z,
     applyWorkspace: E,
-    updateSizes: F,
+    updateSizes: D,
     updateCollapsed: $,
-    resetToDefaults: g,
-    refresh: C
+    resetToDefaults: w,
+    refresh: x
   };
 }
-function de(o = {}) {
+function Pe(a = {}) {
   const {
     initialFocus: e = null,
     collapsed: t = {},
-    panelType: a = "three-panel",
+    panelType: o = "three-panel",
     onFocusChange: s,
-    events: n,
-    getPanelId: r
-  } = o, [l, y] = z(
+    events: r,
+    getPanelId: n
+  } = a, [i, m] = A(
     e
-  ), h = m(
-    (i) => {
-      const w = l;
-      if (y(i), s == null || s(i), n && r) {
-        if (w) {
-          const A = r(w);
-          A && n.emit({
+  ), y = g(
+    (l) => {
+      const b = i;
+      if (m(l), s == null || s(l), r && n) {
+        if (b) {
+          const z = n(b);
+          z && r.emit({
             type: "panel:blur",
             source: "panel-layouts",
             timestamp: Date.now(),
             payload: {
-              panelId: A,
-              panelSlot: w,
-              nextPanelId: r(i)
+              panelId: z,
+              panelSlot: b,
+              nextPanelId: n(l)
             }
           });
         }
-        const S = r(i);
-        S && n.emit({
+        const S = n(l);
+        S && r.emit({
           type: "panel:focus",
           source: "panel-layouts",
           timestamp: Date.now(),
           payload: {
             panelId: S,
-            panelSlot: i,
+            panelSlot: l,
             source: "keyboard-shortcut"
           }
         });
       }
     },
-    [l, s, n, r]
-  ), b = m(() => {
-    const i = l;
-    if (y(null), s == null || s(null), n && r && i) {
-      const w = r(i);
-      w && n.emit({
+    [i, s, r, n]
+  ), h = g(() => {
+    const l = i;
+    if (m(null), s == null || s(null), r && n && l) {
+      const b = n(l);
+      b && r.emit({
         type: "panel:blur",
         source: "panel-layouts",
         timestamp: Date.now(),
         payload: {
-          panelId: w,
-          panelSlot: i
+          panelId: b,
+          panelSlot: l
         }
       });
     }
-  }, [l, s, n, r]), u = m(() => {
-    const i = [];
-    return t.left || i.push("left"), i.push("middle"), a === "three-panel" && !t.right && i.push("right"), i;
-  }, [t, a]), f = m(() => {
-    const i = u();
-    if (i.length === 0) return;
-    if (l === null) {
-      h(i[0]);
+  }, [i, s, r, n]), d = g(() => {
+    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();
+    if (l.length === 0) return;
+    if (i === null) {
+      y(l[0]);
       return;
     }
-    const w = i.indexOf(l);
-    if (w === -1) {
-      h(i[0]);
+    const b = l.indexOf(i);
+    if (b === -1) {
+      y(l[0]);
       return;
     }
-    const S = (w + 1) % i.length;
-    h(i[S]);
-  }, [l, u, h]), p = m(() => {
-    const i = u();
-    if (i.length === 0) return;
-    if (l === null) {
-      h(i[i.length - 1]);
+    const S = (b + 1) % l.length;
+    y(l[S]);
+  }, [i, d, y]), f = g(() => {
+    const l = d();
+    if (l.length === 0) return;
+    if (i === null) {
+      y(l[l.length - 1]);
       return;
     }
-    const w = i.indexOf(l);
-    if (w === -1) {
-      h(i[i.length - 1]);
+    const b = l.indexOf(i);
+    if (b === -1) {
+      y(l[l.length - 1]);
       return;
     }
-    const S = w === 0 ? i.length - 1 : w - 1;
-    h(i[S]);
-  }, [l, u, h]), c = m(
-    (i) => l === i,
-    [l]
+    const S = b === 0 ? l.length - 1 : b - 1;
+    y(l[S]);
+  }, [i, d, y]), c = g(
+    (l) => i === l,
+    [i]
   );
   return {
-    focusedPanel: l,
-    setFocus: h,
-    clearFocus: b,
-    focusNext: f,
-    focusPrevious: p,
+    focusedPanel: i,
+    setFocus: y,
+    clearFocus: h,
+    focusNext: u,
+    focusPrevious: f,
     isFocused: c
   };
 }
-function ue(o) {
+function Te(a) {
   const {
     enabled: e = !0,
     focusedPanel: t,
-    collapsed: a,
+    collapsed: o,
     panelType: s,
-    setFocus: n,
-    onExpand: r,
-    onCollapse: l
-  } = o, y = I(t), h = I(a), b = I(s);
+    setFocus: r,
+    onExpand: n,
+    onCollapse: i
+  } = a, m = W(t), y = W(o), h = W(s);
   P(() => {
-    y.current = t;
+    m.current = t;
   }, [t]), P(() => {
-    h.current = a;
-  }, [a]), P(() => {
-    b.current = s;
+    y.current = o;
+  }, [o]), P(() => {
+    h.current = s;
   }, [s]);
-  const u = m(
-    (f) => {
-      if (!f.altKey || f.ctrlKey || f.metaKey || f.shiftKey)
+  const d = g(
+    (u) => {
+      if (!u.altKey || u.ctrlKey || u.metaKey || u.shiftKey)
         return;
-      const p = f.code, c = y.current, i = h.current, w = b.current;
-      p === "Digit1" || p === "Numpad1" ? (f.preventDefault(), i.left ? r("left") : c !== "left" ? n("left") : (l("left"), n("middle"))) : p === "Digit2" || p === "Numpad2" ? (f.preventDefault(), n("middle")) : (p === "Digit3" || p === "Numpad3") && w === "three-panel" && (f.preventDefault(), i.right ? r("right") : c !== "right" ? n("right") : (l("right"), n("middle")));
+      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")));
     },
-    [n, r, l]
+    [r, n, i]
   );
   P(() => {
     if (e)
-      return window.addEventListener("keydown", u), () => {
-        window.removeEventListener("keydown", u);
+      return window.addEventListener("keydown", d), () => {
+        window.removeEventListener("keydown", d);
       };
-  }, [e, u]);
+  }, [e, d]);
 }
-function pe(o, e, t, a) {
+function Re(a, e, t, o) {
   P(() => {
     const s = e.on(
       "panel:focus",
-      (r) => {
-        r.payload.panelId === o && t();
+      (n) => {
+        n.payload.panelId === a && t();
       }
     );
-    let n;
-    return a && (n = e.on(
+    let r;
+    return o && (r = e.on(
       "panel:blur",
-      (r) => {
-        r.payload.panelId === o && a();
+      (n) => {
+        n.payload.panelId === a && o();
       }
     )), () => {
-      s(), n == null || n();
+      s(), r == null || r();
     };
-  }, [o, e, t, a]);
+  }, [a, e, t, o]);
 }
-const fe = ({
-  isFocused: o,
+const Ie = ({
+  isFocused: a,
   className: e = "",
   style: t = {}
 }) => {
-  if (!o)
+  if (!a)
     return null;
-  const a = {
+  const o = {
     position: "absolute",
     top: 0,
     left: 0,
@@ -920,63 +920,63 @@ const fe = ({
     transition: "opacity 0.15s ease-in-out",
     ...t
   };
-  return /* @__PURE__ */ T(
+  return /* @__PURE__ */ R(
     "div",
     {
       className: `panel-focus-indicator ${e}`,
-      style: a,
+      style: o,
       role: "presentation",
       "aria-hidden": "true"
     }
   );
-}, ee = ({
-  value: o,
+}, te = ({
+  value: a,
   onChange: e,
   placeholder: t = "> Type a command...",
-  onClose: a,
+  onClose: o,
   onEnter: s
 }) => {
-  const { theme: n } = N(), r = I(null);
+  const { theme: r } = O(), n = W(null);
   P(() => {
-    r.current && r.current.focus();
+    n.current && n.current.focus();
   }, []);
-  const l = (y) => {
-    switch (y.key) {
+  const i = (m) => {
+    switch (m.key) {
       case "Enter":
-        y.preventDefault(), s == null || s();
+        m.preventDefault(), s == null || s();
         break;
       case "Escape":
-        y.preventDefault(), a();
+        m.preventDefault(), o();
         break;
     }
   };
-  return /* @__PURE__ */ T(
+  return /* @__PURE__ */ R(
     "div",
     {
       style: {
         padding: "0",
-        borderBottom: `1px solid ${n.colors.border}`,
-        backgroundColor: n.colors.background
+        borderBottom: `1px solid ${r.colors.border}`,
+        backgroundColor: r.colors.background
       },
-      children: /* @__PURE__ */ T(
+      children: /* @__PURE__ */ R(
         "input",
         {
-          ref: r,
+          ref: n,
           type: "text",
-          value: o,
-          onChange: (y) => e(y.target.value),
-          onKeyDown: l,
+          value: a,
+          onChange: (m) => e(m.target.value),
+          onKeyDown: i,
           placeholder: t,
           style: {
             width: "100%",
             padding: "16px 20px",
             fontSize: "16px",
-            fontFamily: n.fonts.monospace,
+            fontFamily: r.fonts.monospace,
             backgroundColor: "transparent",
             border: "none",
             outline: "none",
-            color: n.colors.text,
-            caretColor: n.colors.primary
+            color: r.colors.text,
+            caretColor: r.colors.primary
           },
           autoComplete: "off",
           autoCorrect: "off",
@@ -986,33 +986,33 @@ const fe = ({
       )
     }
   );
-}, V = Y(
-  ({ command: o, isSelected: e, onClick: t, onMouseEnter: a }, s) => {
-    const { theme: n } = N(), { label: r, description: l, icon: y, shortcut: h } = o, [b, u] = Q.useState(!1);
-    return /* @__PURE__ */ W(
+}, 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(
       "div",
       {
         ref: s,
         onClick: t,
         onMouseEnter: () => {
-          u(!0), a();
+          d(!0), o();
         },
-        onMouseLeave: () => u(!1),
+        onMouseLeave: () => d(!1),
         style: {
           padding: "10px 16px",
           cursor: "pointer",
-          backgroundColor: e || b ? n.colors.backgroundSecondary : "transparent",
-          borderLeft: e || b ? `3px solid ${n.colors.primary}` : "3px solid transparent",
+          backgroundColor: e || h ? r.colors.backgroundSecondary : "transparent",
+          borderLeft: e || h ? `3px solid ${r.colors.primary}` : "3px solid transparent",
           transition: "all 0.1s ease",
           display: "flex",
           alignItems: "center",
           gap: "12px"
         },
-        onMouseDown: (f) => {
-          f.preventDefault();
+        onMouseDown: (u) => {
+          u.preventDefault();
         },
         children: [
-          y && /* @__PURE__ */ T(
+          m && /* @__PURE__ */ R(
             "div",
             {
               style: {
@@ -1023,52 +1023,52 @@ const fe = ({
                 alignItems: "center",
                 justifyContent: "center",
                 fontSize: "16px",
-                color: e || b ? n.colors.primary : n.colors.textSecondary
+                color: e || h ? r.colors.primary : r.colors.textSecondary
               },
-              children: y
+              children: m
             }
           ),
-          /* @__PURE__ */ W("div", { style: { flex: 1, minWidth: 0 }, children: [
-            /* @__PURE__ */ T(
+          /* @__PURE__ */ I("div", { style: { flex: 1, minWidth: 0 }, children: [
+            /* @__PURE__ */ R(
               "div",
               {
                 style: {
                   fontSize: "14px",
                   fontWeight: 500,
-                  color: e || b ? n.colors.text : n.colors.textSecondary,
-                  marginBottom: l ? "2px" : 0
+                  color: e || h ? r.colors.text : r.colors.textSecondary,
+                  marginBottom: i ? "2px" : 0
                 },
-                children: r
+                children: n
               }
             ),
-            l && /* @__PURE__ */ T(
+            i && /* @__PURE__ */ R(
               "div",
               {
                 style: {
                   fontSize: "12px",
-                  color: n.colors.textMuted,
+                  color: r.colors.textMuted,
                   overflow: "hidden",
                   textOverflow: "ellipsis",
                   whiteSpace: "nowrap"
                 },
-                children: l
+                children: i
               }
             )
           ] }),
-          h && /* @__PURE__ */ T(
+          y && /* @__PURE__ */ R(
             "div",
             {
               style: {
                 flexShrink: 0,
                 fontSize: "11px",
-                color: n.colors.textMuted,
+                color: r.colors.textMuted,
                 padding: "2px 8px",
-                backgroundColor: n.colors.background,
-                border: `1px solid ${n.colors.border}`,
+                backgroundColor: r.colors.background,
+                border: `1px solid ${r.colors.border}`,
                 borderRadius: "4px",
-                fontFamily: n.fonts.monospace
+                fontFamily: r.fonts.monospace
               },
-              children: h
+              children: y
             }
           )
         ]
@@ -1076,37 +1076,37 @@ const fe = ({
     );
   }
 );
-V.displayName = "CommandItem";
-const te = ({
-  commands: o,
+j.displayName = "CommandItem";
+const ae = ({
+  commands: a,
   selectedIndex: e,
   onSelect: t,
-  onHover: a,
+  onHover: o,
   maxResults: s = 10
 }) => {
-  const { theme: n } = N(), r = I(null), l = I(null), y = o.slice(0, s);
+  const { theme: r } = O(), n = W(null), i = W(null), m = a.slice(0, s);
   P(() => {
-    if (l.current && r.current) {
-      const u = l.current, f = r.current, p = u.offsetTop, c = p + u.offsetHeight, i = f.scrollTop, w = f.clientHeight;
-      p < i ? f.scrollTop = p - 8 : c > i + w && (f.scrollTop = c - w + 8);
+    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);
     }
   }, [e]);
-  const h = y.reduce((u, f, p) => {
-    const c = f.category || "Other";
-    return u[c] || (u[c] = []), u[c].push({ command: f, index: p }), u;
-  }, {}), b = Object.keys(h).sort((u, f) => u === "Other" ? 1 : f === "Other" ? -1 : u.localeCompare(f));
-  return /* @__PURE__ */ W(
+  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(
     "div",
     {
-      ref: r,
+      ref: n,
       style: {
         overflowY: "auto",
         maxHeight: "400px",
         padding: "8px 0"
       },
       children: [
-        b.map((u) => /* @__PURE__ */ W("div", { children: [
-          b.length > 1 && /* @__PURE__ */ T(
+        h.map((d) => /* @__PURE__ */ I("div", { children: [
+          h.length > 1 && /* @__PURE__ */ R(
             "div",
             {
               style: {
@@ -1114,39 +1114,39 @@ const te = ({
                 fontSize: "11px",
                 fontWeight: 600,
                 textTransform: "uppercase",
-                color: n.colors.textMuted,
+                color: r.colors.textMuted,
                 letterSpacing: "0.5px"
               },
-              children: u
+              children: d
             }
           ),
-          h[u].map(({ command: f, index: p }) => /* @__PURE__ */ T(
-            V,
+          y[d].map(({ command: u, index: f }) => /* @__PURE__ */ R(
+            j,
             {
-              command: f,
-              isSelected: p === e,
-              onClick: () => t(f),
-              onMouseEnter: () => a(p),
-              ref: p === e ? l : void 0
+              command: u,
+              isSelected: f === e,
+              onClick: () => t(u),
+              onMouseEnter: () => o(f),
+              ref: f === e ? i : void 0
             },
-            f.id
+            u.id
           ))
-        ] }, u)),
-        o.length > s && /* @__PURE__ */ W(
+        ] }, d)),
+        a.length > s && /* @__PURE__ */ I(
           "div",
           {
             style: {
               padding: "8px 16px",
               fontSize: "12px",
-              color: n.colors.textMuted,
+              color: r.colors.textMuted,
               textAlign: "center",
-              borderTop: `1px solid ${n.colors.border}`
+              borderTop: `1px solid ${r.colors.border}`
             },
             children: [
               "Showing ",
               s,
               " of ",
-              o.length,
+              a.length,
               " results"
             ]
           }
@@ -1154,35 +1154,35 @@ const te = ({
       ]
     }
   );
-}, me = ({
-  commandPalette: o,
+}, Ae = ({
+  commandPalette: a,
   config: e
 }) => {
-  const { theme: t } = N(), a = I(null), {
+  const { theme: t } = O(), o = W(null), {
     isOpen: s,
-    close: n,
-    query: r,
-    setQuery: l,
-    filteredCommands: y,
-    selectedIndex: h,
-    setSelectedIndex: b,
-    executeSelected: u
-  } = o;
+    close: r,
+    query: n,
+    setQuery: i,
+    filteredCommands: m,
+    selectedIndex: y,
+    setSelectedIndex: h,
+    executeSelected: d
+  } = a;
   if (P(() => {
     if (!s) return;
-    const c = (w) => {
-      a.current && !a.current.contains(w.target) && n();
-    }, i = setTimeout(() => {
+    const c = (b) => {
+      o.current && !o.current.contains(b.target) && r();
+    }, l = setTimeout(() => {
       document.addEventListener("mousedown", c);
     }, 100);
     return () => {
-      clearTimeout(i), document.removeEventListener("mousedown", c);
+      clearTimeout(l), document.removeEventListener("mousedown", c);
     };
-  }, [s, n]), !s)
+  }, [s, r]), !s)
     return null;
-  const f = (e == null ? void 0 : e.maxHeight) || "50vh", p = (e == null ? void 0 : e.placeholder) || "> Type a command...";
-  return /* @__PURE__ */ W(G, { children: [
-    /* @__PURE__ */ T(
+  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(
       "div",
       {
         style: {
@@ -1192,20 +1192,20 @@ const te = ({
           backdropFilter: "blur(2px)",
           zIndex: 999
         },
-        onClick: n
+        onClick: r
       }
     ),
-    /* @__PURE__ */ W(
+    /* @__PURE__ */ I(
       "div",
       {
-        ref: a,
+        ref: o,
         className: e == null ? void 0 : e.className,
         style: {
           position: "fixed",
           bottom: 0,
           left: 0,
           right: 0,
-          maxHeight: f,
+          maxHeight: u,
           backgroundColor: t.colors.surface,
           borderTop: `1px solid ${t.colors.border}`,
           boxShadow: t.shadows[2],
@@ -1215,18 +1215,18 @@ const te = ({
           ...e == null ? void 0 : e.style
         },
         children: [
-          /* @__PURE__ */ W("div", { children: [
-            /* @__PURE__ */ T(
-              ee,
+          /* @__PURE__ */ I("div", { children: [
+            /* @__PURE__ */ R(
+              te,
               {
-                value: r,
-                onChange: l,
-                placeholder: p,
-                onClose: n,
-                onEnter: u
+                value: n,
+                onChange: i,
+                placeholder: f,
+                onClose: r,
+                onEnter: d
               }
             ),
-            /* @__PURE__ */ W(
+            /* @__PURE__ */ I(
               "div",
               {
                 style: {
@@ -1239,31 +1239,31 @@ const te = ({
                   backgroundColor: t.colors.background
                 },
                 children: [
-                  /* @__PURE__ */ W("span", { children: [
-                    /* @__PURE__ */ T("kbd", { style: { padding: "2px 6px", backgroundColor: t.colors.backgroundSecondary, borderRadius: "3px", border: `1px solid ${t.colors.border}` }, children: "Enter" }),
+                  /* @__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" }),
                     " Execute"
                   ] }),
-                  /* @__PURE__ */ W("span", { children: [
-                    /* @__PURE__ */ T("kbd", { style: { padding: "2px 6px", backgroundColor: t.colors.backgroundSecondary, borderRadius: "3px", border: `1px solid ${t.colors.border}` }, children: "Esc" }),
+                  /* @__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" }),
                     " Close"
                   ] })
                 ]
               }
             )
           ] }),
-          y.length > 0 && /* @__PURE__ */ T(
-            te,
+          m.length > 0 && /* @__PURE__ */ R(
+            ae,
             {
-              commands: y,
-              selectedIndex: h,
+              commands: m,
+              selectedIndex: y,
               onSelect: (c) => {
-                o.executeCommand(c.id);
+                a.executeCommand(c.id);
               },
-              onHover: b,
+              onHover: h,
               maxResults: e == null ? void 0 : e.maxResults
             }
           ),
-          r && y.length === 0 && /* @__PURE__ */ W(
+          n && m.length === 0 && /* @__PURE__ */ I(
             "div",
             {
               style: {
@@ -1274,7 +1274,7 @@ const te = ({
               },
               children: [
                 'No commands found for "',
-                r,
+                n,
                 '"'
               ]
             }
@@ -1284,10 +1284,10 @@ const te = ({
     )
   ] });
 };
-class B {
+class M {
   constructor() {
-    D(this, "commands", /* @__PURE__ */ new Map());
-    D(this, "listeners", /* @__PURE__ */ new Set());
+    _(this, "commands", /* @__PURE__ */ new Map());
+    _(this, "listeners", /* @__PURE__ */ new Set());
   }
   /**
    * Register one or more commands
@@ -1328,7 +1328,7 @@ class B {
    */
   getCommands(e) {
     const t = Array.from(this.commands.values());
-    return e ? t.filter((a) => a.isAvailable ? a.isAvailable(e) : !0) : t;
+    return e ? t.filter((o) => o.isAvailable ? o.isAvailable(e) : !0) : t;
   }
   /**
    * Get a command by ID
@@ -1344,34 +1344,34 @@ class B {
    * @param context - Command context
    */
   async executeCommand(e, t) {
-    var s, n;
-    const a = this.commands.get(e);
-    if (!a) {
+    var s, r;
+    const o = this.commands.get(e);
+    if (!o) {
       console.warn(`Command not found: ${e}`);
       return;
     }
-    if (a.isAvailable && !a.isAvailable(t)) {
+    if (o.isAvailable && !o.isAvailable(t)) {
       console.warn(`Command not available: ${e}`);
       return;
     }
     try {
-      await a.execute(t), (s = t.events) == null || s.emit({
+      await o.execute(t), (s = t.events) == null || s.emit({
         type: "command:executed",
         source: "command-palette",
         timestamp: Date.now(),
         payload: {
-          commandId: a.id,
-          commandLabel: a.label
+          commandId: o.id,
+          commandLabel: o.label
         }
       });
-    } catch (r) {
-      console.error(`Error executing command ${e}:`, r), (n = t.events) == null || n.emit({
+    } catch (n) {
+      console.error(`Error executing command ${e}:`, n), (r = t.events) == null || r.emit({
         type: "command:error",
         source: "command-palette",
         timestamp: Date.now(),
         payload: {
-          commandId: a.id,
-          error: r instanceof Error ? r.message : String(r)
+          commandId: o.id,
+          error: n instanceof Error ? n.message : String(n)
         }
       });
     }
@@ -1383,17 +1383,17 @@ class B {
    * @returns Filtered and sorted commands
    */
   searchCommands(e, t) {
-    const a = this.getCommands(t);
+    const o = this.getCommands(t);
     if (!e.trim())
-      return this.sortCommands(a);
+      return this.sortCommands(o);
     const s = e.toLowerCase();
-    return a.map((r) => {
-      var y, h;
-      let l = 0;
-      return r.label.toLowerCase() === s ? l += 1e3 : r.label.toLowerCase().startsWith(s) ? l += 500 : r.label.toLowerCase().includes(s) && (l += 250), (y = r.description) != null && y.toLowerCase().includes(s) && (l += 100), r.keywords && r.keywords.some(
-        (u) => u.toLowerCase().includes(s)
-      ) && (l += 150), (h = r.category) != null && h.toLowerCase().includes(s) && (l += 50), l > 0 && r.priority && (l += r.priority), { command: r, score: l };
-    }).filter((r) => r.score > 0).sort((r, l) => l.score - r.score).map((r) => r.command);
+    return o.map((n) => {
+      var m, y;
+      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);
   }
   /**
    * Sort commands by priority and label
@@ -1401,12 +1401,12 @@ class B {
    * @returns Sorted commands
    */
   sortCommands(e) {
-    return e.sort((t, a) => {
-      const s = (a.priority || 0) - (t.priority || 0);
+    return e.sort((t, o) => {
+      const s = (o.priority || 0) - (t.priority || 0);
       if (s !== 0)
         return s;
-      const n = t.category || "", r = a.category || "", l = n.localeCompare(r);
-      return l !== 0 ? l : t.label.localeCompare(a.label);
+      const r = t.category || "", n = o.category || "", i = r.localeCompare(n);
+      return i !== 0 ? i : t.label.localeCompare(o.label);
     });
   }
   /**
@@ -1438,136 +1438,136 @@ class B {
     this.listeners.forEach((e) => e());
   }
 }
-let O = null;
-function ye() {
-  return O || (O = new B()), O;
+let F = null;
+function We() {
+  return F || (F = new M()), F;
 }
-function he() {
-  O = null;
+function ze() {
+  F = null;
 }
-function ge({
-  context: o,
+function Le({
+  context: a,
   commands: e = [],
   keyboard: t = { key: " ", altKey: !0 },
-  config: a = {},
+  config: o = {},
   registry: s
 }) {
-  const [n, r] = z(!1), [l, y] = z(""), [h, b] = z(0), [u, f] = z([]), p = K(
-    () => s || new B(),
+  const [r, n] = A(!1), [i, m] = A(""), [y, h] = A(0), [d, u] = A([]), f = q(
+    () => s || new M(),
     [s]
-  ), c = K(
+  ), c = q(
     () => ({
-      ...o,
-      closeCommandPalette: () => r(!1)
+      ...a,
+      closeCommandPalette: () => n(!1)
     }),
-    [o]
+    [a]
   );
   P(() => {
-    let d = !0;
-    const v = p.subscribe(() => {
-      if (d) {
-        const L = p.getCommands(c);
-        f(L);
+    let p = !0;
+    const C = f.subscribe(() => {
+      if (p) {
+        const L = f.getCommands(c);
+        u(L);
       }
     });
     if (e.length > 0)
-      p.registerCommands(e);
+      f.registerCommands(e);
     else {
-      const L = p.getCommands(c);
-      f(L);
+      const L = f.getCommands(c);
+      u(L);
     }
     return () => {
-      d = !1, v();
+      p = !1, C();
     };
-  }, [p]);
-  const i = K(() => (a.fuzzySearch === !1, p.searchCommands(l, c)), [l, p, c, a.fuzzySearch]);
+  }, [f]);
+  const l = q(() => (o.fuzzySearch === !1, f.searchCommands(i, c)), [i, f, c, o.fuzzySearch]);
   P(() => {
-    b(0);
-  }, [i]);
-  const w = m(() => {
-    var d;
-    r(!0), y(""), b(0), (d = o.events) == null || d.emit({
+    h(0);
+  }, [l]);
+  const b = g(() => {
+    var p;
+    n(!0), m(""), h(0), (p = a.events) == null || p.emit({
       type: "command-palette:opened",
       source: "command-palette",
       timestamp: Date.now(),
       payload: {}
     });
-  }, [o.events]), S = m(() => {
-    var d;
-    r(!1), y(""), b(0), (d = o.events) == null || d.emit({
+  }, [a.events]), S = g(() => {
+    var p;
+    n(!1), m(""), h(0), (p = a.events) == null || p.emit({
       type: "command-palette:closed",
       source: "command-palette",
       timestamp: Date.now(),
       payload: {}
     });
-  }, [o.events]), A = m(() => {
-    n ? S() : w();
-  }, [n, w, S]), E = m(
-    async (d) => {
-      await p.executeCommand(d, c), S();
+  }, [a.events]), z = g(() => {
+    r ? S() : b();
+  }, [r, b, S]), E = g(
+    async (p) => {
+      await f.executeCommand(p, c), S();
     },
-    [p, c, S]
-  ), F = m(() => {
-    b((d) => {
-      const v = a.maxResults || i.length, L = Math.min(i.length, v) - 1;
-      return d < L ? d + 1 : 0;
+    [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;
     });
-  }, [i.length, a.maxResults]), $ = m(() => {
-    b((d) => {
-      const v = a.maxResults || i.length, L = Math.min(i.length, v) - 1;
-      return d > 0 ? d - 1 : L;
+  }, [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;
     });
-  }, [i.length, a.maxResults]), g = m(async () => {
-    const d = i[0];
-    d && await E(d.id);
-  }, [i, E]), C = m(
-    (d) => {
-      p.registerCommands(d);
+  }, [l.length, o.maxResults]), w = g(async () => {
+    const p = l[0];
+    p && await E(p.id);
+  }, [l, E]), x = g(
+    (p) => {
+      f.registerCommands(p);
     },
-    [p]
-  ), x = m(
-    (d) => {
-      p.unregisterCommands(d);
+    [f]
+  ), v = g(
+    (p) => {
+      f.unregisterCommands(p);
     },
-    [p]
-  ), k = m(
-    (d) => {
+    [f]
+  ), k = g(
+    (p) => {
       const {
-        key: v = " ",
+        key: C = " ",
         altKey: L = !0,
-        ctrlKey: J = !1,
-        metaKey: _ = !1,
-        shiftKey: j = !1
-      } = t, H = d.altKey === L && d.ctrlKey === J && d.metaKey === _ && d.shiftKey === j;
-      if ((v === " " ? d.code === "Space" : d.key === v) && H) {
-        const M = d.target;
-        if (M.tagName === "INPUT" || M.tagName === "TEXTAREA" || M.isContentEditable)
+        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)
           return;
-        d.preventDefault(), A();
+        p.preventDefault(), z();
       }
     },
-    [t, A]
+    [t, z]
   );
   return P(() => (window.addEventListener("keydown", k), () => window.removeEventListener("keydown", k)), [k]), {
-    isOpen: n,
-    open: w,
+    isOpen: r,
+    open: b,
     close: S,
-    toggle: A,
-    query: l,
-    setQuery: y,
-    filteredCommands: i,
+    toggle: z,
+    query: i,
+    setQuery: m,
+    filteredCommands: l,
     executeCommand: E,
-    selectedIndex: h,
-    setSelectedIndex: b,
-    selectNext: F,
+    selectedIndex: y,
+    setSelectedIndex: h,
+    selectNext: D,
     selectPrevious: $,
-    executeSelected: g,
-    commands: u,
-    registerCommands: C,
-    unregisterCommands: x
+    executeSelected: w,
+    commands: d,
+    registerCommands: x,
+    unregisterCommands: v
   };
 }
-const ae = [
+const oe = [
   {
     id: "panel.focus.left",
     label: "Focus Left Panel",
@@ -1577,10 +1577,10 @@ const ae = [
     shortcut: "Alt+1",
     priority: 100,
     keywords: ["left", "sidebar", "focus", "switch"],
-    execute: (o) => {
-      o.setFocus("left");
+    execute: (a) => {
+      a.setFocus("left");
     },
-    isAvailable: (o) => o.focusedPanel !== "left"
+    isAvailable: (a) => a.focusedPanel !== "left"
   },
   {
     id: "panel.focus.middle",
@@ -1591,10 +1591,10 @@ const ae = [
     shortcut: "Alt+2",
     priority: 100,
     keywords: ["middle", "center", "main", "focus", "switch"],
-    execute: (o) => {
-      o.setFocus("middle");
+    execute: (a) => {
+      a.setFocus("middle");
     },
-    isAvailable: (o) => o.focusedPanel !== "middle"
+    isAvailable: (a) => a.focusedPanel !== "middle"
   },
   {
     id: "panel.focus.right",
@@ -1605,10 +1605,10 @@ const ae = [
     shortcut: "Alt+3",
     priority: 100,
     keywords: ["right", "sidebar", "focus", "switch"],
-    execute: (o) => {
-      o.setFocus("right");
+    execute: (a) => {
+      a.setFocus("right");
     },
-    isAvailable: (o) => o.focusedPanel !== "right"
+    isAvailable: (a) => a.focusedPanel !== "right"
   },
   {
     id: "panel.toggle.left",
@@ -1618,9 +1618,9 @@ const ae = [
     category: "Panel Control",
     keywords: ["toggle", "left", "collapse", "expand", "hide", "show"],
     priority: 80,
-    execute: (o) => {
+    execute: (a) => {
       var e;
-      (e = o.events) == null || e.emit({
+      (e = a.events) == null || e.emit({
         type: "panel:toggle",
         source: "command-palette",
         timestamp: Date.now(),
@@ -1636,9 +1636,9 @@ const ae = [
     category: "Panel Control",
     keywords: ["toggle", "right", "collapse", "expand", "hide", "show"],
     priority: 80,
-    execute: (o) => {
+    execute: (a) => {
       var e;
-      (e = o.events) == null || e.emit({
+      (e = a.events) == null || e.emit({
         type: "panel:toggle",
         source: "command-palette",
         timestamp: Date.now(),
@@ -1654,9 +1654,9 @@ const ae = [
     category: "Panel Control",
     keywords: ["collapse", "hide", "all", "maximize", "focus mode"],
     priority: 70,
-    execute: (o) => {
+    execute: (a) => {
       var e;
-      (e = o.events) == null || e.emit({
+      (e = a.events) == null || e.emit({
         type: "panel:collapse-all",
         source: "command-palette",
         timestamp: Date.now(),
@@ -1672,9 +1672,9 @@ const ae = [
     category: "Panel Control",
     keywords: ["expand", "show", "all", "restore", "default"],
     priority: 70,
-    execute: (o) => {
+    execute: (a) => {
       var e;
-      (e = o.events) == null || e.emit({
+      (e = a.events) == null || e.emit({
         type: "panel:expand-all",
         source: "command-palette",
         timestamp: Date.now(),
@@ -1690,17 +1690,17 @@ const ae = [
     category: "Panel Control",
     keywords: ["refresh", "reload", "update", "sync"],
     priority: 60,
-    execute: (o) => {
+    execute: (a) => {
       var t;
-      const e = o.focusedPanel;
-      e && ((t = o.events) == null || t.emit({
+      const e = a.focusedPanel;
+      e && ((t = a.events) == null || t.emit({
         type: "panel:refresh",
         source: "command-palette",
         timestamp: Date.now(),
         payload: { panelId: e }
       }));
     },
-    isAvailable: (o) => o.focusedPanel !== null
+    isAvailable: (a) => a.focusedPanel !== null
   },
   {
     id: "panel.reset.layout",
@@ -1710,9 +1710,9 @@ const ae = [
     category: "Panel Control",
     keywords: ["reset", "layout", "default", "restore"],
     priority: 50,
-    execute: (o) => {
+    execute: (a) => {
       var e;
-      (e = o.events) == null || e.emit({
+      (e = a.events) == null || e.emit({
         type: "panel:reset-layout",
         source: "command-palette",
         timestamp: Date.now(),
@@ -1721,32 +1721,363 @@ const ae = [
     }
   }
 ];
-function we() {
-  return ae;
+function Ee() {
+  return oe;
+}
+const se = {
+  name: "toggle_panel",
+  description: "Collapse or expand a side panel to give more space to the main content area.",
+  inputs: {
+    type: "object",
+    properties: {
+      panel: {
+        type: "string",
+        enum: ["left", "right"],
+        description: 'Which panel to toggle: "left" or "right"'
+      }
+    },
+    required: ["panel"]
+  },
+  outputs: {
+    type: "object",
+    properties: {
+      success: { type: "boolean" },
+      panel: { type: "string" },
+      action: { type: "string" }
+    }
+  },
+  tags: ["panel", "layout", "toggle", "collapse", "expand", "sidebar"],
+  tool_call_template: {
+    call_template_type: "panel_event",
+    event_type: "panel:toggle"
+  }
+}, re = {
+  name: "collapse_all_panels",
+  description: "Collapse both left and right panels to maximize the main content area. Useful for focus mode.",
+  inputs: {
+    type: "object",
+    properties: {},
+    required: []
+  },
+  outputs: {
+    type: "object",
+    properties: {
+      success: { type: "boolean" },
+      action: { type: "string" }
+    }
+  },
+  tags: ["panel", "layout", "collapse", "focus", "maximize"],
+  tool_call_template: {
+    call_template_type: "panel_event",
+    event_type: "panel:collapse-all"
+  }
+}, ne = {
+  name: "expand_all_panels",
+  description: "Expand both left and right panels to show all content. Restores the default layout.",
+  inputs: {
+    type: "object",
+    properties: {},
+    required: []
+  },
+  outputs: {
+    type: "object",
+    properties: {
+      success: { type: "boolean" },
+      action: { type: "string" }
+    }
+  },
+  tags: ["panel", "layout", "expand", "restore", "show"],
+  tool_call_template: {
+    call_template_type: "panel_event",
+    event_type: "panel:expand-all"
+  }
+}, ie = {
+  name: "switch_panel",
+  description: "Change which content is displayed in a panel slot (left, middle, or right).",
+  inputs: {
+    type: "object",
+    properties: {
+      slot: {
+        type: "string",
+        enum: ["left", "middle", "right"],
+        description: 'Which slot to change: "left", "middle", or "right"'
+      },
+      panel: {
+        type: "string",
+        description: "The panel ID to display in the slot"
+      }
+    },
+    required: ["slot", "panel"]
+  },
+  outputs: {
+    type: "object",
+    properties: {
+      success: { type: "boolean" },
+      slot: { type: "string" },
+      panel: { type: "string" }
+    }
+  },
+  tags: ["panel", "layout", "switch", "navigation", "view"],
+  tool_call_template: {
+    call_template_type: "panel_event",
+    event_type: "panel:switch"
+  }
+}, le = {
+  name: "focus_panel",
+  description: "Set focus to a specific panel slot for keyboard navigation.",
+  inputs: {
+    type: "object",
+    properties: {
+      slot: {
+        type: "string",
+        enum: ["left", "middle", "right"],
+        description: 'Which slot to focus: "left", "middle", or "right"'
+      }
+    },
+    required: ["slot"]
+  },
+  outputs: {
+    type: "object",
+    properties: {
+      success: { type: "boolean" },
+      slot: { type: "string" }
+    }
+  },
+  tags: ["panel", "focus", "navigation", "keyboard"],
+  tool_call_template: {
+    call_template_type: "panel_event",
+    event_type: "panel:focus"
+  }
+}, ce = {
+  name: "reset_layout",
+  description: "Reset panel sizes to the default layout configuration.",
+  inputs: {
+    type: "object",
+    properties: {},
+    required: []
+  },
+  outputs: {
+    type: "object",
+    properties: {
+      success: { type: "boolean" },
+      action: { type: "string" }
+    }
+  },
+  tags: ["panel", "layout", "reset", "default", "restore"],
+  tool_call_template: {
+    call_template_type: "panel_event",
+    event_type: "panel:reset-layout"
+  }
+}, de = [
+  se,
+  re,
+  ne,
+  ie,
+  le,
+  ce
+], _e = {
+  id: "panel-layouts",
+  name: "Panel Layouts",
+  description: "Generic panel layout operations",
+  tools: de
+};
+function pe(a, e, t = {}) {
+  const {
+    categoryPrefix: o = "Panel Tools",
+    basePriority: s = 50,
+    includePanelInCategory: r = !0
+  } = t, n = r ? `${o} > ${a.panelId}` : o, i = fe(a.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;
+      if (i) {
+        console.warn(
+          `Tool "${a.qualifiedName}" requires parameters. Invoke programmatically with: registry.invokeTool('${a.qualifiedName}', { ... })`
+        ), (h = m.events) == null || h.emit({
+          type: "tool:requires-parameters",
+          source: "command-palette",
+          timestamp: Date.now(),
+          payload: {
+            toolName: a.qualifiedName,
+            inputs: a.inputs
+          }
+        });
+        return;
+      }
+      const y = await e.invokeTool(
+        a.qualifiedName,
+        {},
+        "command-palette"
+      );
+      y.success || console.error(`Tool invocation failed: ${y.error}`), m.closeCommandPalette();
+    }
+  };
+}
+function K(a, e = {}) {
+  return a.getAllTools().map((o) => pe(o, a, e));
+}
+function De(a, e = {}) {
+  return () => K(a, e);
+}
+function ue(a) {
+  return a.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 $e(a, e = {}) {
+  return K(a, e);
+}
+function Fe(a) {
+  const { inputs: e } = a;
+  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
+    });
+  return o;
+}
+function me(a) {
+  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 }
+      };
+    }
+  return {
+    name: a.name,
+    description: a.description,
+    parameters: {
+      type: "object",
+      properties: e,
+      required: a.inputs.required || []
+    }
+  };
+}
+function Oe(a) {
+  return {
+    functionDeclarations: a.map(me)
+  };
+}
+function ye(a) {
+  return {
+    type: "function",
+    function: {
+      name: a.name,
+      description: a.description,
+      parameters: a.inputs
+    }
+  };
+}
+function Ne(a) {
+  return a.map(ye);
+}
+function he(a) {
+  return {
+    name: a.name,
+    description: a.description,
+    input_schema: a.inputs
+  };
+}
+function qe(a) {
+  return a.map(he);
+}
+function ge(a) {
+  return {
+    name: a.name,
+    description: a.description,
+    parameters: a.inputs
+  };
+}
+function je(a) {
+  return a.map(ge);
+}
+function Me(a, 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}`;
+      }).join(`
+`);
+      i && (n += `
+${i}`);
+    }
+    return n;
+  });
+  return `${t}
+
+${s.join(`
+
+`)}`;
 }
 export {
-  ee as CommandInput,
-  V as CommandItem,
-  te as CommandList,
-  me as CommandPalette,
-  B as CommandRegistryService,
-  xe as EditableConfigurablePanelLayout,
-  fe as FocusIndicator,
+  te as CommandInput,
+  j as CommandItem,
+  ae as CommandList,
+  Ae as CommandPalette,
+  M as CommandRegistryService,
+  Be as EditableConfigurablePanelLayout,
+  Ie as FocusIndicator,
   Z as LocalStoragePersistenceAdapter,
-  U as LocalStorageWorkspaceAdapter,
-  Ce as ResponsiveConfigurablePanelLayout,
-  R as WorkspaceLayoutService,
-  ye as getGlobalCommandRegistry,
-  we as getPanelCommands,
-  ve as mapThemeToPanelVars,
-  Se as mapThemeToTabVars,
-  ae as panelCommands,
-  he as resetGlobalCommandRegistry,
-  ge as useCommandPalette,
-  de as usePanelFocus,
-  pe as usePanelFocusListener,
-  ue as usePanelKeyboardShortcuts,
-  ie as usePanelPersistence,
-  ce as useWorkspace
+  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
 };
 //# sourceMappingURL=index.esm.js.map