@principal-ade/panel-layouts 0.2.2 → 0.2.4

package/dist/index.esm.js

@@ -1,73 +1,73 @@
-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";
-class Z {
+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 { useTheme as $ } from "@principal-ade/industry-theme";
+class te {
   constructor() {
-    D(this, "storageKey", "panel-layouts");
+    _(this, "storageKey", "panel-layouts");
   }
   async load(e) {
     try {
-      const t = localStorage.getItem(`${this.storageKey}:${e}`);
-      return t ? JSON.parse(t) : null;
-    } catch (t) {
-      return console.error(`Failed to load panel layout for ${e}:`, t), null;
+      const o = localStorage.getItem(`${this.storageKey}:${e}`);
+      return o ? JSON.parse(o) : null;
+    } catch (o) {
+      return console.error(`Failed to load panel layout for ${e}:`, o), null;
     }
   }
-  async save(e, t) {
+  async save(e, o) {
     try {
       localStorage.setItem(
         `${this.storageKey}:${e}`,
-        JSON.stringify(t)
+        JSON.stringify(o)
       );
-    } catch (a) {
-      console.error(`Failed to save panel layout for ${e}:`, a);
+    } catch (r) {
+      console.error(`Failed to save panel layout for ${e}:`, r);
     }
   }
 }
-function ie(o) {
+function Ee(t) {
   const {
     viewKey: e,
-    defaultSizes: t,
-    panelType: a,
-    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);
-  P(() => {
+    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);
+  I(() => {
     (async () => {
-      const C = await s.load(e);
-      C != null && C.sizes && (r(C.sizes), p(C.sizes));
+      const C = await a.load(e);
+      C != null && C.sizes && (s(C.sizes), y(C.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 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);
     },
     []
-  ), c = m(
-    (g) => {
-      const C = b.current[g];
+  ), u = w(
+    (b) => {
+      const C = g.current[b];
       if (C && C > 0)
         return C;
-      if (g === "left" && "left" in t && t.left > 0)
-        return t.left;
-      if (g === "right" && "right" in t && t.right > 0)
-        return t.right;
+      if (b === "left" && "left" in o && o.left > 0)
+        return o.left;
+      if (b === "right" && "right" in o && o.right > 0)
+        return o.right;
     },
-    [t]
-  ), i = I(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) => {
+    [o]
+  ), i = A(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);
+  }, [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 });
+  }, [t.collapsed.left, t.collapsed.right]);
+  const k = w(
+    async (b) => {
       try {
-        await s.save(e, { sizes: g });
+        await a.save(e, { sizes: b });
       } catch (C) {
         console.error(
           `Failed to save panel preferences for ${e}:`,
@@ -75,75 +75,75 @@ function ie(o) {
         );
       }
     },
-    [e, s]
-  ), S = m(
-    (g) => {
-      const C = { ...g };
-      let x = !0;
-      if ("left" in g) {
-        const k = !!(l != null && l.left), d = g.left;
-        if (k) {
-          const v = c("left");
-          v !== void 0 && v > 0 ? C.left = v : x = !1;
-        } else d === 0 && (x = !1);
+    [e, a]
+  ), P = w(
+    (b) => {
+      const C = { ...b };
+      let v = !0;
+      if ("left" in b) {
+        const x = !!(l != null && l.left), h = b.left;
+        if (x) {
+          const S = u("left");
+          S !== void 0 && S > 0 ? C.left = S : v = !1;
+        } else h === 0 && (v = !1);
       }
-      if (a === "three-panel" && "right" in g) {
-        const k = !!(l != null && l.right), d = g.right;
-        if (k) {
-          const v = c("right");
-          v !== void 0 && v > 0 ? C.right = v : x = !1;
-        } else d === 0 && (x = !1);
+      if (r === "three-panel" && "right" in b) {
+        const x = !!(l != null && l.right), h = b.right;
+        if (x) {
+          const S = u("right");
+          S !== void 0 && S > 0 ? C.right = S : v = !1;
+        } else h === 0 && (v = !1);
       }
-      if (r(C), p(C), u.current && (clearTimeout(u.current), u.current = null), !x) {
-        f.current = null;
+      if (s(C), y(C), c.current && (clearTimeout(c.current), c.current = null), !v) {
+        m.current = null;
         return;
       }
-      f.current = C, u.current = setTimeout(() => {
-        const k = f.current;
-        k && (w(k), f.current = null), u.current = null;
+      m.current = C, c.current = setTimeout(() => {
+        const x = m.current;
+        x && (k(x), m.current = null), c.current = null;
       }, 500);
     },
     [
       l,
-      c,
-      a,
-      w,
-      p
+      u,
+      r,
+      k,
+      y
     ]
   );
-  P(() => () => {
-    if (u.current) {
-      const g = f.current;
-      g && (w(g), f.current = null), clearTimeout(u.current), u.current = null;
+  I(() => () => {
+    if (c.current) {
+      const b = m.current;
+      b && (k(b), m.current = null), clearTimeout(c.current), c.current = null;
     }
-  }, [w]);
-  const A = m(async () => {
-  }, []), E = m(async () => {
-  }, []), F = m(async () => {
-  }, []), $ = m(async () => {
+  }, [k]);
+  const L = w(async () => {
+  }, []), z = w(async () => {
+  }, []), D = w(async () => {
+  }, []), F = w(async () => {
   }, []);
-  return a === "three-panel" ? {
+  return r === "three-panel" ? {
     type: "three-panel",
     sizes: n,
     collapsed: l,
-    handlePanelResize: S,
-    handleLeftCollapseComplete: A,
-    handleLeftExpandComplete: E,
-    handleRightCollapseComplete: F,
-    handleRightExpandComplete: $
+    handlePanelResize: P,
+    handleLeftCollapseComplete: L,
+    handleLeftExpandComplete: z,
+    handleRightCollapseComplete: D,
+    handleRightExpandComplete: F
   } : {
     type: "two-panel",
     sizes: n,
     collapsed: l,
-    handlePanelResize: S,
-    handleLeftCollapseComplete: A,
-    handleLeftExpandComplete: E
+    handlePanelResize: P,
+    handleLeftCollapseComplete: L,
+    handleLeftExpandComplete: z
   };
 }
-class U {
+class oe {
   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
@@ -162,8 +162,8 @@ class U {
   async saveWorkspacePresets(e) {
     try {
       localStorage.setItem(this.PRESETS_KEY, JSON.stringify(e));
-    } catch (t) {
-      throw console.error("Failed to save workspace presets:", t), t;
+    } catch (o) {
+      throw console.error("Failed to save workspace presets:", o), o;
     }
   }
   /**
@@ -171,27 +171,27 @@ class U {
    */
   async loadRepositoryState(e) {
     try {
-      const t = `${this.REPO_STATE_PREFIX}${e}`, a = localStorage.getItem(t);
-      return a ? JSON.parse(a) : null;
-    } catch (t) {
+      const o = `${this.REPO_STATE_PREFIX}${e}`, r = localStorage.getItem(o);
+      return r ? JSON.parse(r) : null;
+    } catch (o) {
       return console.error(
         `Failed to load repository state for ${e}:`,
-        t
+        o
       ), null;
     }
   }
   /**
    * Save repository-specific workspace state
    */
-  async saveRepositoryState(e, t) {
+  async saveRepositoryState(e, o) {
     try {
-      const a = `${this.REPO_STATE_PREFIX}${e}`;
-      localStorage.setItem(a, JSON.stringify(t));
-    } catch (a) {
+      const r = `${this.REPO_STATE_PREFIX}${e}`;
+      localStorage.setItem(r, JSON.stringify(o));
+    } catch (r) {
       throw console.error(
         `Failed to save repository state for ${e}:`,
-        a
-      ), a;
+        r
+      ), r;
     }
   }
   /**
@@ -200,17 +200,17 @@ class U {
   async loadAllRepositoryStates() {
     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);
+      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);
           if (n)
             try {
-              e[s] = JSON.parse(n);
-            } catch (r) {
+              e[a] = JSON.parse(n);
+            } catch (s) {
               console.error(
-                `Failed to parse repository state for ${s}:`,
-                r
+                `Failed to parse repository state for ${a}:`,
+                s
               );
             }
         }
@@ -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 o = await this.adapter.loadWorkspacePresets(), r = this.generateWorkspaceId(e.name), a = {
+      id: r,
       name: e.name,
       description: e.description,
       layout: e.layout,
@@ -259,45 +259,45 @@ class R {
       updatedAt: Date.now(),
       isBuiltIn: !1
     }, n = {
-      ...t,
-      [a]: s
+      ...o,
+      [r]: a
     };
-    return await this.adapter.saveWorkspacePresets(n), s;
+    return await this.adapter.saveWorkspacePresets(n), a;
   }
   /**
    * Update an existing workspace layout
    */
-  static async updateWorkspaceLayout(e, t) {
-    const a = await this.adapter.loadWorkspacePresets(), s = a[e];
-    if (!s)
+  static async updateWorkspaceLayout(e, o) {
+    const r = await this.adapter.loadWorkspacePresets(), a = r[e];
+    if (!a)
       return console.error(`Workspace layout ${e} not found`), null;
-    if (s.isBuiltIn)
+    if (a.isBuiltIn)
       return console.error(`Cannot update built-in workspace layout ${e}`), null;
     const n = {
-      ...s,
-      ...t,
+      ...a,
+      ...o,
       id: e,
       // Preserve ID
-      createdAt: s.createdAt,
+      createdAt: a.createdAt,
       // Preserve creation time
       updatedAt: Date.now()
-    }, r = {
-      ...a,
+    }, s = {
+      ...r,
       [e]: n
     };
-    return await this.adapter.saveWorkspacePresets(r), n;
+    return await this.adapter.saveWorkspacePresets(s), n;
   }
   /**
    * Delete a workspace layout
    */
   static async deleteWorkspaceLayout(e) {
-    const t = await this.adapter.loadWorkspacePresets(), a = t[e];
-    if (!a)
+    const o = await this.adapter.loadWorkspacePresets(), r = o[e];
+    if (!r)
       return console.error(`Workspace layout ${e} not found`), !1;
-    if (a.isBuiltIn)
+    if (r.isBuiltIn)
       return console.error(`Cannot delete built-in workspace layout ${e}`), !1;
-    const s = { ...t };
-    return delete s[e], await this.adapter.saveWorkspacePresets(s), !0;
+    const a = { ...o };
+    return delete a[e], await this.adapter.saveWorkspacePresets(a), !0;
   }
   /**
    * Get repository state (which workspace + current sizes/collapsed)
@@ -308,89 +308,89 @@ class R {
   /**
    * Set repository state (which workspace + current sizes/collapsed/layout)
    */
-  static async setRepositoryState(e, t) {
-    await this.adapter.saveRepositoryState(e, t);
+  static async setRepositoryState(e, o) {
+    await this.adapter.saveRepositoryState(e, o);
   }
   /**
    * Update only sizes in repository state
    */
-  static async updateRepositorySizes(e, t) {
-    const a = await this.getRepositoryState(e);
-    a && await this.setRepositoryState(e, {
-      ...a,
-      sizes: t
+  static async updateRepositorySizes(e, o) {
+    const r = await this.getRepositoryState(e);
+    r && await this.setRepositoryState(e, {
+      ...r,
+      sizes: o
     });
   }
   /**
    * Update only collapsed state in repository state
    */
-  static async updateRepositoryCollapsed(e, t) {
-    const a = await this.getRepositoryState(e);
-    a && await this.setRepositoryState(e, {
-      ...a,
-      collapsed: t
+  static async updateRepositoryCollapsed(e, o) {
+    const r = await this.getRepositoryState(e);
+    r && await this.setRepositoryState(e, {
+      ...r,
+      collapsed: o
     });
   }
   /**
    * 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 };
+  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 };
   }
   /**
    * 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) {
+  static async updateWorkspaceFromRepositoryState(e, o) {
+    const r = await this.getWorkspaceLayout(e), a = await this.getRepositoryState(o);
+    if (!r || !a || r.isBuiltIn) {
       console.error(
         "Cannot update built-in workspace or workspace/state not found"
       );
       return;
     }
     await this.updateWorkspaceLayout(e, {
-      defaultSizes: s.sizes,
-      defaultCollapsed: s.collapsed
+      defaultSizes: a.sizes,
+      defaultCollapsed: a.collapsed
     });
   }
   /**
    * Reset repository state to workspace defaults
    */
-  static async resetRepositoryToWorkspaceDefaults(e, t) {
-    const a = await this.getWorkspaceLayout(t);
-    if (!a) {
-      console.error(`Workspace ${t} not found`);
+  static async resetRepositoryToWorkspaceDefaults(e, o) {
+    const r = await this.getWorkspaceLayout(o);
+    if (!r) {
+      console.error(`Workspace ${o} 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 }
+    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 }
     });
   }
   /**
    * Check if a layout matches a workspace layout
    */
-  static isLayoutMatchingWorkspace(e, t) {
-    return this.areLayoutsEqual(e, t.layout);
+  static isLayoutMatchingWorkspace(e, o) {
+    return this.areLayoutsEqual(e, o.layout);
   }
   /**
    * Find workspace ID that matches the given layout
    */
   static async findMatchingWorkspace(e) {
-    const t = await this.getWorkspaceLayouts();
-    for (const [a, s] of Object.entries(t))
-      if (this.isLayoutMatchingWorkspace(e, s))
-        return a;
+    const o = await this.getWorkspaceLayouts();
+    for (const [r, a] of Object.entries(o))
+      if (this.isLayoutMatchingWorkspace(e, a))
+        return r;
     return null;
   }
   /**
    * Deep comparison of two panel layouts
    */
-  static areLayoutsEqual(e, t) {
-    return JSON.stringify(e) === JSON.stringify(t);
+  static areLayoutsEqual(e, o) {
+    return JSON.stringify(e) === JSON.stringify(o);
   }
   /**
    * Generate a unique ID from a workspace name
@@ -610,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(
+_(R, "adapter", new oe());
+function De(t = {}) {
+  const { repositoryKey: e, autoInitialize: o = !1, defaultWorkspaceId: r } = t, [a, n] = W(
     {}
-  ), [r, l] = z(null), [y, h] = z(null), [b, u] = z(!0), [f, p] = z(null), c = m(async () => {
+  ), [s, l] = W(null), [d, p] = W(null), [g, c] = W(!0), [m, y] = W(null), u = w(async () => {
     try {
-      u(!0), p(null);
-      const x = await R.getWorkspaceLayouts();
-      if (n(x), e) {
-        let k = await R.getRepositoryState(e);
-        if (!k && t) {
-          const d = a || "project-management", v = await R.getWorkspaceLayout(d);
-          v && (k = {
-            workspaceId: d,
-            sizes: v.defaultSizes || {
+      c(!0), y(null);
+      const v = await R.getWorkspaceLayouts();
+      if (n(v), e) {
+        let x = await R.getRepositoryState(e);
+        if (!x && o) {
+          const h = r || "project-management", S = await R.getWorkspaceLayout(h);
+          S && (x = {
+            workspaceId: h,
+            sizes: S.defaultSizes || {
               left: 20,
               middle: 45,
               right: 35
             },
-            collapsed: v.defaultCollapsed || {
+            collapsed: S.defaultCollapsed || {
               left: !1,
               right: !1
             }
           }, await R.setRepositoryState(
             e,
-            k
+            x
           ));
         }
-        if (l(k), k != null && k.workspaceId) {
-          const d = await R.getWorkspaceLayout(
-            k.workspaceId
+        if (l(x), x != null && x.workspaceId) {
+          const h = await R.getWorkspaceLayout(
+            x.workspaceId
           );
-          h(d);
+          p(h);
         } else
-          h(null);
+          p(null);
       }
-    } catch (x) {
-      p(x), console.error("Failed to load workspace data:", x);
+    } catch (v) {
+      y(v), console.error("Failed to load workspace data:", v);
     } finally {
-      u(!1);
+      c(!1);
     }
-  }, [e, t, a]);
-  P(() => {
-    c();
-  }, [c]);
-  const i = m(
-    async (x) => await R.getWorkspaceLayout(x),
+  }, [e, o, r]);
+  I(() => {
+    u();
+  }, [u]);
+  const i = w(
+    async (v) => await R.getWorkspaceLayout(v),
     []
-  ), w = m(
-    async (x) => {
-      const k = await R.createWorkspaceLayout(x);
-      return await c(), k;
+  ), k = w(
+    async (v) => {
+      const x = await R.createWorkspaceLayout(v);
+      return await u(), x;
     },
-    [c]
-  ), S = m(
-    async (x, k) => {
-      const d = await R.updateWorkspaceLayout(x, k);
-      return await c(), d;
+    [u]
+  ), P = w(
+    async (v, x) => {
+      const h = await R.updateWorkspaceLayout(v, x);
+      return await u(), h;
     },
-    [c]
-  ), A = m(
-    async (x) => {
-      const k = await R.deleteWorkspaceLayout(x);
-      return k && await c(), k;
+    [u]
+  ), L = w(
+    async (v) => {
+      const x = await R.deleteWorkspaceLayout(v);
+      return x && await u(), x;
     },
-    [c]
-  ), E = m(
-    async (x) => {
+    [u]
+  ), z = w(
+    async (v) => {
       if (!e) {
         console.error("Cannot apply workspace without repositoryKey");
         return;
       }
-      const k = await R.getWorkspaceLayout(x);
-      if (!k) {
-        console.error(`Workspace ${x} not found`);
+      const x = await R.getWorkspaceLayout(v);
+      if (!x) {
+        console.error(`Workspace ${v} not found`);
         return;
       }
-      const d = {
-        workspaceId: x,
-        sizes: k.defaultSizes || { left: 20, middle: 45, right: 35 },
-        collapsed: k.defaultCollapsed || {
+      const h = {
+        workspaceId: v,
+        sizes: x.defaultSizes || { left: 20, middle: 45, right: 35 },
+        collapsed: x.defaultCollapsed || {
           left: !1,
           right: !1
         }
       };
-      await R.setRepositoryState(e, d), await c();
+      await R.setRepositoryState(e, h), await u();
     },
-    [e, c]
-  ), F = m(
-    async (x) => {
+    [e, u]
+  ), D = w(
+    async (v) => {
       if (!e) {
         console.error("Cannot update sizes without repositoryKey");
         return;
       }
-      await R.updateRepositorySizes(e, x), await c();
+      await R.updateRepositorySizes(e, v), await u();
     },
-    [e, c]
-  ), $ = m(
-    async (x) => {
+    [e, u]
+  ), F = w(
+    async (v) => {
       if (!e) {
         console.error("Cannot update collapsed without repositoryKey");
         return;
       }
       await R.updateRepositoryCollapsed(
         e,
-        x
-      ), await c();
+        v
+      ), await u();
     },
-    [e, c]
-  ), g = m(async () => {
-    if (!e || !(r != null && r.workspaceId)) {
+    [e, u]
+  ), b = w(async () => {
+    if (!e || !(s != null && s.workspaceId)) {
       console.error("Cannot reset without repositoryKey and active workspace");
       return;
     }
     await R.resetRepositoryToWorkspaceDefaults(
       e,
-      r.workspaceId
-    ), await c();
-  }, [e, r == null ? void 0 : r.workspaceId, c]), C = m(async () => {
-    await c();
-  }, [c]);
+      s.workspaceId
+    ), await u();
+  }, [e, s == null ? void 0 : s.workspaceId, u]), C = w(async () => {
+    await u();
+  }, [u]);
   return {
-    workspaces: s,
-    repositoryState: r,
-    activeWorkspace: y,
-    loading: b,
-    error: f,
+    workspaces: a,
+    repositoryState: s,
+    activeWorkspace: d,
+    loading: g,
+    error: m,
     getWorkspace: i,
-    createWorkspace: w,
-    updateWorkspace: S,
-    deleteWorkspace: A,
-    applyWorkspace: E,
-    updateSizes: F,
-    updateCollapsed: $,
-    resetToDefaults: g,
+    createWorkspace: k,
+    updateWorkspace: P,
+    deleteWorkspace: L,
+    applyWorkspace: z,
+    updateSizes: D,
+    updateCollapsed: F,
+    resetToDefaults: b,
     refresh: C
   };
 }
-function de(o = {}) {
+function _e(t = {}) {
   const {
     initialFocus: e = null,
-    collapsed: t = {},
-    panelType: a = "three-panel",
-    onFocusChange: s,
+    collapsed: o = {},
+    panelType: r = "three-panel",
+    onFocusChange: a,
     events: n,
-    getPanelId: r
-  } = o, [l, y] = z(
+    getPanelId: s
+  } = t, [l, d] = W(
     e
-  ), h = m(
+  ), p = w(
     (i) => {
-      const w = l;
-      if (y(i), s == null || s(i), n && r) {
-        if (w) {
-          const A = r(w);
-          A && n.emit({
+      const k = l;
+      if (d(i), a == null || a(i), n && s) {
+        if (k) {
+          const L = s(k);
+          L && n.emit({
             type: "panel:blur",
             source: "panel-layouts",
             timestamp: Date.now(),
             payload: {
-              panelId: A,
-              panelSlot: w,
-              nextPanelId: r(i)
+              panelId: L,
+              panelSlot: k,
+              nextPanelId: s(i)
             }
           });
         }
-        const S = r(i);
-        S && n.emit({
+        const P = s(i);
+        P && n.emit({
           type: "panel:focus",
           source: "panel-layouts",
           timestamp: Date.now(),
           payload: {
-            panelId: S,
+            panelId: P,
             panelSlot: i,
             source: "keyboard-shortcut"
           }
         });
       }
     },
-    [l, s, n, r]
-  ), b = m(() => {
+    [l, a, n, s]
+  ), g = w(() => {
     const i = l;
-    if (y(null), s == null || s(null), n && r && i) {
-      const w = r(i);
-      w && n.emit({
+    if (d(null), a == null || a(null), n && s && i) {
+      const k = s(i);
+      k && n.emit({
         type: "panel:blur",
         source: "panel-layouts",
         timestamp: Date.now(),
         payload: {
-          panelId: w,
+          panelId: k,
           panelSlot: i
         }
       });
     }
-  }, [l, s, n, r]), u = m(() => {
+  }, [l, a, n, s]), c = w(() => {
     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();
+    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) {
-      h(i[0]);
+      p(i[0]);
       return;
     }
-    const w = i.indexOf(l);
-    if (w === -1) {
-      h(i[0]);
+    const k = i.indexOf(l);
+    if (k === -1) {
+      p(i[0]);
       return;
     }
-    const S = (w + 1) % i.length;
-    h(i[S]);
-  }, [l, u, h]), p = m(() => {
-    const i = u();
+    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) {
-      h(i[i.length - 1]);
+      p(i[i.length - 1]);
       return;
     }
-    const w = i.indexOf(l);
-    if (w === -1) {
-      h(i[i.length - 1]);
+    const k = i.indexOf(l);
+    if (k === -1) {
+      p(i[i.length - 1]);
       return;
     }
-    const S = w === 0 ? i.length - 1 : w - 1;
-    h(i[S]);
-  }, [l, u, h]), c = m(
+    const P = k === 0 ? i.length - 1 : k - 1;
+    p(i[P]);
+  }, [l, c, p]), u = w(
     (i) => l === i,
     [l]
   );
   return {
     focusedPanel: l,
-    setFocus: h,
-    clearFocus: b,
-    focusNext: f,
-    focusPrevious: p,
-    isFocused: c
+    setFocus: p,
+    clearFocus: g,
+    focusNext: m,
+    focusPrevious: y,
+    isFocused: u
   };
 }
-function ue(o) {
+function $e(t) {
   const {
     enabled: e = !0,
-    focusedPanel: t,
-    collapsed: a,
-    panelType: s,
+    focusedPanel: o,
+    collapsed: r,
+    panelType: a,
     setFocus: n,
-    onExpand: r,
+    onExpand: s,
     onCollapse: l
-  } = o, y = I(t), h = I(a), b = I(s);
-  P(() => {
-    y.current = t;
-  }, [t]), P(() => {
-    h.current = a;
-  }, [a]), P(() => {
-    b.current = s;
-  }, [s]);
-  const u = m(
-    (f) => {
-      if (!f.altKey || f.ctrlKey || f.metaKey || f.shiftKey)
+  } = t, d = A(o), p = A(r), g = A(a);
+  I(() => {
+    d.current = o;
+  }, [o]), I(() => {
+    p.current = r;
+  }, [r]), I(() => {
+    g.current = a;
+  }, [a]);
+  const c = w(
+    (m) => {
+      if (!m.altKey || m.ctrlKey || m.metaKey || m.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 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")));
     },
-    [n, r, l]
+    [n, s, l]
   );
-  P(() => {
+  I(() => {
     if (e)
-      return window.addEventListener("keydown", u), () => {
-        window.removeEventListener("keydown", u);
+      return window.addEventListener("keydown", c), () => {
+        window.removeEventListener("keydown", c);
       };
-  }, [e, u]);
+  }, [e, c]);
 }
-function pe(o, e, t, a) {
-  P(() => {
-    const s = e.on(
+function Fe(t, e, o, r) {
+  I(() => {
+    const a = e.on(
       "panel:focus",
-      (r) => {
-        r.payload.panelId === o && t();
+      (s) => {
+        s.payload.panelId === t && o();
       }
     );
     let n;
-    return a && (n = e.on(
+    return r && (n = e.on(
       "panel:blur",
-      (r) => {
-        r.payload.panelId === o && a();
+      (s) => {
+        s.payload.panelId === t && r();
       }
     )), () => {
-      s(), n == null || n();
+      a(), n == null || n();
     };
-  }, [o, e, t, a]);
+  }, [t, e, o, r]);
 }
-const fe = ({
-  isFocused: o,
+const je = ({
+  isFocused: t,
   className: e = "",
-  style: t = {}
+  style: o = {}
 }) => {
-  if (!o)
+  if (!t)
     return null;
-  const a = {
+  const r = {
     position: "absolute",
     top: 0,
     left: 0,
@@ -918,39 +918,39 @@ const fe = ({
     boxShadow: "0 0 0 1px var(--panel-focus-shadow-color, rgba(0, 102, 204, 0.2))",
     zIndex: 1e3,
     transition: "opacity 0.15s ease-in-out",
-    ...t
+    ...o
   };
-  return /* @__PURE__ */ T(
+  return /* @__PURE__ */ f(
     "div",
     {
       className: `panel-focus-indicator ${e}`,
-      style: a,
+      style: r,
       role: "presentation",
       "aria-hidden": "true"
     }
   );
-}, ee = ({
-  value: o,
+}, re = ({
+  value: t,
   onChange: e,
-  placeholder: t = "> Type a command...",
-  onClose: a,
-  onEnter: s
+  placeholder: o = "> Type a command...",
+  onClose: r,
+  onEnter: a
 }) => {
-  const { theme: n } = N(), r = I(null);
-  P(() => {
-    r.current && r.current.focus();
+  const { theme: n } = $(), s = A(null);
+  I(() => {
+    s.current && s.current.focus();
   }, []);
-  const l = (y) => {
-    switch (y.key) {
+  const l = (d) => {
+    switch (d.key) {
       case "Enter":
-        y.preventDefault(), s == null || s();
+        d.preventDefault(), a == null || a();
         break;
       case "Escape":
-        y.preventDefault(), a();
+        d.preventDefault(), r();
         break;
     }
   };
-  return /* @__PURE__ */ T(
+  return /* @__PURE__ */ f(
     "div",
     {
       style: {
@@ -958,15 +958,15 @@ const fe = ({
         borderBottom: `1px solid ${n.colors.border}`,
         backgroundColor: n.colors.background
       },
-      children: /* @__PURE__ */ T(
+      children: /* @__PURE__ */ f(
         "input",
         {
-          ref: r,
+          ref: s,
           type: "text",
-          value: o,
-          onChange: (y) => e(y.target.value),
+          value: t,
+          onChange: (d) => e(d.target.value),
           onKeyDown: l,
-          placeholder: t,
+          placeholder: o,
           style: {
             width: "100%",
             padding: "16px 20px",
@@ -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(
+}, 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(
       "div",
       {
-        ref: s,
-        onClick: t,
+        ref: a,
+        onClick: o,
         onMouseEnter: () => {
-          u(!0), a();
+          c(!0), r();
         },
-        onMouseLeave: () => u(!1),
+        onMouseLeave: () => c(!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 || g ? n.colors.backgroundSecondary : "transparent",
+          borderLeft: e || g ? `3px solid ${n.colors.primary}` : "3px solid transparent",
           transition: "all 0.1s ease",
           display: "flex",
           alignItems: "center",
           gap: "12px"
         },
-        onMouseDown: (f) => {
-          f.preventDefault();
+        onMouseDown: (m) => {
+          m.preventDefault();
         },
         children: [
-          y && /* @__PURE__ */ T(
+          d && /* @__PURE__ */ f(
             "div",
             {
               style: {
@@ -1023,25 +1023,25 @@ const fe = ({
                 alignItems: "center",
                 justifyContent: "center",
                 fontSize: "16px",
-                color: e || b ? n.colors.primary : n.colors.textSecondary
+                color: e || g ? n.colors.primary : n.colors.textSecondary
               },
-              children: y
+              children: d
             }
           ),
-          /* @__PURE__ */ W("div", { style: { flex: 1, minWidth: 0 }, children: [
-            /* @__PURE__ */ T(
+          /* @__PURE__ */ T("div", { style: { flex: 1, minWidth: 0 }, children: [
+            /* @__PURE__ */ f(
               "div",
               {
                 style: {
                   fontSize: "14px",
                   fontWeight: 500,
-                  color: e || b ? n.colors.text : n.colors.textSecondary,
+                  color: e || g ? n.colors.text : n.colors.textSecondary,
                   marginBottom: l ? "2px" : 0
                 },
-                children: r
+                children: s
               }
             ),
-            l && /* @__PURE__ */ T(
+            l && /* @__PURE__ */ f(
               "div",
               {
                 style: {
@@ -1055,7 +1055,7 @@ const fe = ({
               }
             )
           ] }),
-          h && /* @__PURE__ */ T(
+          p && /* @__PURE__ */ f(
             "div",
             {
               style: {
@@ -1068,7 +1068,7 @@ const fe = ({
                 borderRadius: "4px",
                 fontFamily: n.fonts.monospace
               },
-              children: h
+              children: p
             }
           )
         ]
@@ -1076,37 +1076,37 @@ const fe = ({
     );
   }
 );
-V.displayName = "CommandItem";
-const te = ({
-  commands: o,
+B.displayName = "CommandItem";
+const ae = ({
+  commands: t,
   selectedIndex: e,
-  onSelect: t,
-  onHover: a,
-  maxResults: s = 10
+  onSelect: o,
+  onHover: r,
+  maxResults: a = 10
 }) => {
-  const { theme: n } = N(), r = I(null), l = I(null), y = o.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);
+  const { theme: n } = $(), s = A(null), l = A(null), d = t.slice(0, a);
+  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);
     }
   }, [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 p = d.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(
     "div",
     {
-      ref: r,
+      ref: s,
       style: {
         overflowY: "auto",
         maxHeight: "400px",
         padding: "8px 0"
       },
       children: [
-        b.map((u) => /* @__PURE__ */ W("div", { children: [
-          b.length > 1 && /* @__PURE__ */ T(
+        g.map((c) => /* @__PURE__ */ T("div", { children: [
+          g.length > 1 && /* @__PURE__ */ f(
             "div",
             {
               style: {
@@ -1117,22 +1117,22 @@ const te = ({
                 color: n.colors.textMuted,
                 letterSpacing: "0.5px"
               },
-              children: u
+              children: c
             }
           ),
-          h[u].map(({ command: f, index: p }) => /* @__PURE__ */ T(
-            V,
+          p[c].map(({ command: m, index: y }) => /* @__PURE__ */ f(
+            B,
             {
-              command: f,
-              isSelected: p === e,
-              onClick: () => t(f),
-              onMouseEnter: () => a(p),
-              ref: p === e ? l : void 0
+              command: m,
+              isSelected: y === e,
+              onClick: () => o(m),
+              onMouseEnter: () => r(y),
+              ref: y === e ? l : void 0
             },
-            f.id
+            m.id
           ))
-        ] }, u)),
-        o.length > s && /* @__PURE__ */ W(
+        ] }, c)),
+        t.length > a && /* @__PURE__ */ T(
           "div",
           {
             style: {
@@ -1144,9 +1144,9 @@ const te = ({
             },
             children: [
               "Showing ",
-              s,
+              a,
               " of ",
-              o.length,
+              t.length,
               " results"
             ]
           }
@@ -1154,35 +1154,35 @@ const te = ({
       ]
     }
   );
-}, me = ({
-  commandPalette: o,
+}, Oe = ({
+  commandPalette: t,
   config: e
 }) => {
-  const { theme: t } = N(), a = I(null), {
-    isOpen: s,
+  const { theme: o } = $(), r = A(null), {
+    isOpen: a,
     close: n,
-    query: r,
+    query: s,
     setQuery: l,
-    filteredCommands: y,
-    selectedIndex: h,
-    setSelectedIndex: b,
-    executeSelected: u
-  } = o;
-  if (P(() => {
-    if (!s) return;
-    const c = (w) => {
-      a.current && !a.current.contains(w.target) && n();
+    filteredCommands: d,
+    selectedIndex: p,
+    setSelectedIndex: g,
+    executeSelected: c
+  } = t;
+  if (I(() => {
+    if (!a) return;
+    const u = (k) => {
+      r.current && !r.current.contains(k.target) && n();
     }, i = setTimeout(() => {
-      document.addEventListener("mousedown", c);
+      document.addEventListener("mousedown", u);
     }, 100);
     return () => {
-      clearTimeout(i), document.removeEventListener("mousedown", c);
+      clearTimeout(i), document.removeEventListener("mousedown", u);
     };
-  }, [s, n]), !s)
+  }, [a, n]), !a)
     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 m = (e == null ? void 0 : e.maxHeight) || "50vh", y = (e == null ? void 0 : e.placeholder) || "> Type a command...";
+  return /* @__PURE__ */ T(ee, { children: [
+    /* @__PURE__ */ f(
       "div",
       {
         style: {
@@ -1195,86 +1195,86 @@ const te = ({
         onClick: n
       }
     ),
-    /* @__PURE__ */ W(
+    /* @__PURE__ */ T(
       "div",
       {
-        ref: a,
+        ref: r,
         className: e == null ? void 0 : e.className,
         style: {
           position: "fixed",
           bottom: 0,
           left: 0,
           right: 0,
-          maxHeight: f,
-          backgroundColor: t.colors.surface,
-          borderTop: `1px solid ${t.colors.border}`,
-          boxShadow: t.shadows[2],
+          maxHeight: m,
+          backgroundColor: o.colors.surface,
+          borderTop: `1px solid ${o.colors.border}`,
+          boxShadow: o.shadows[2],
           zIndex: 1e3,
           display: "flex",
           flexDirection: "column-reverse",
           ...e == null ? void 0 : e.style
         },
         children: [
-          /* @__PURE__ */ W("div", { children: [
-            /* @__PURE__ */ T(
-              ee,
+          /* @__PURE__ */ T("div", { children: [
+            /* @__PURE__ */ f(
+              re,
               {
-                value: r,
+                value: s,
                 onChange: l,
-                placeholder: p,
+                placeholder: y,
                 onClose: n,
-                onEnter: u
+                onEnter: c
               }
             ),
-            /* @__PURE__ */ W(
+            /* @__PURE__ */ T(
               "div",
               {
                 style: {
                   padding: "8px 16px",
-                  borderTop: `1px solid ${t.colors.border}`,
+                  borderTop: `1px solid ${o.colors.border}`,
                   display: "flex",
                   gap: "16px",
                   fontSize: "12px",
-                  color: t.colors.textMuted,
-                  backgroundColor: t.colors.background
+                  color: o.colors.textMuted,
+                  backgroundColor: o.colors.background
                 },
                 children: [
-                  /* @__PURE__ */ 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__ */ T("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__ */ 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__ */ T("span", { children: [
+                    /* @__PURE__ */ f("kbd", { style: { padding: "2px 6px", backgroundColor: o.colors.backgroundSecondary, borderRadius: "3px", border: `1px solid ${o.colors.border}` }, children: "Esc" }),
                     " Close"
                   ] })
                 ]
               }
             )
           ] }),
-          y.length > 0 && /* @__PURE__ */ T(
-            te,
+          d.length > 0 && /* @__PURE__ */ f(
+            ae,
             {
-              commands: y,
-              selectedIndex: h,
-              onSelect: (c) => {
-                o.executeCommand(c.id);
+              commands: d,
+              selectedIndex: p,
+              onSelect: (u) => {
+                t.executeCommand(u.id);
               },
-              onHover: b,
+              onHover: g,
               maxResults: e == null ? void 0 : e.maxResults
             }
           ),
-          r && y.length === 0 && /* @__PURE__ */ W(
+          s && d.length === 0 && /* @__PURE__ */ T(
             "div",
             {
               style: {
                 padding: "24px 16px",
-                color: t.colors.textMuted,
+                color: o.colors.textMuted,
                 textAlign: "center",
                 fontSize: "14px"
               },
               children: [
                 'No commands found for "',
-                r,
+                s,
                 '"'
               ]
             }
@@ -1284,18 +1284,18 @@ const te = ({
     )
   ] });
 };
-class B {
+class K {
   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
    * @param commands - Array of commands to register
    */
   registerCommands(e) {
-    e.forEach((t) => {
-      this.commands.set(t.id, t);
+    e.forEach((o) => {
+      this.commands.set(o.id, o);
     }), this.notifyListeners();
   }
   /**
@@ -1310,8 +1310,8 @@ class B {
    * @param commandIds - Array of command IDs to unregister
    */
   unregisterCommands(e) {
-    e.forEach((t) => {
-      this.commands.delete(t);
+    e.forEach((o) => {
+      this.commands.delete(o);
     }), this.notifyListeners();
   }
   /**
@@ -1327,8 +1327,8 @@ class B {
    * @returns Array of available commands
    */
   getCommands(e) {
-    const t = Array.from(this.commands.values());
-    return e ? t.filter((a) => a.isAvailable ? a.isAvailable(e) : !0) : t;
+    const o = Array.from(this.commands.values());
+    return e ? o.filter((r) => r.isAvailable ? r.isAvailable(e) : !0) : o;
   }
   /**
    * Get a command by ID
@@ -1343,35 +1343,35 @@ class B {
    * @param commandId - Command ID to execute
    * @param context - Command context
    */
-  async executeCommand(e, t) {
-    var s, n;
-    const a = this.commands.get(e);
-    if (!a) {
+  async executeCommand(e, o) {
+    var a, n;
+    const r = this.commands.get(e);
+    if (!r) {
       console.warn(`Command not found: ${e}`);
       return;
     }
-    if (a.isAvailable && !a.isAvailable(t)) {
+    if (r.isAvailable && !r.isAvailable(o)) {
       console.warn(`Command not available: ${e}`);
       return;
     }
     try {
-      await a.execute(t), (s = t.events) == null || s.emit({
+      await r.execute(o), (a = o.events) == null || a.emit({
         type: "command:executed",
         source: "command-palette",
         timestamp: Date.now(),
         payload: {
-          commandId: a.id,
-          commandLabel: a.label
+          commandId: r.id,
+          commandLabel: r.label
         }
       });
-    } catch (r) {
-      console.error(`Error executing command ${e}:`, r), (n = t.events) == null || n.emit({
+    } catch (s) {
+      console.error(`Error executing command ${e}:`, s), (n = o.events) == null || n.emit({
         type: "command:error",
         source: "command-palette",
         timestamp: Date.now(),
         payload: {
-          commandId: a.id,
-          error: r instanceof Error ? r.message : String(r)
+          commandId: r.id,
+          error: s instanceof Error ? s.message : String(s)
         }
       });
     }
@@ -1382,18 +1382,18 @@ class B {
    * @param context - Command context for availability checks
    * @returns Filtered and sorted commands
    */
-  searchCommands(e, t) {
-    const a = this.getCommands(t);
+  searchCommands(e, o) {
+    const r = this.getCommands(o);
     if (!e.trim())
-      return this.sortCommands(a);
-    const s = e.toLowerCase();
-    return a.map((r) => {
-      var y, h;
+      return this.sortCommands(r);
+    const a = e.toLowerCase();
+    return r.map((s) => {
+      var d, p;
       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 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);
   }
   /**
    * 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);
-      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);
+    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);
     });
   }
   /**
@@ -1438,136 +1438,136 @@ class B {
     this.listeners.forEach((e) => e());
   }
 }
-let O = null;
-function ye() {
-  return O || (O = new B()), O;
+let j = null;
+function Me() {
+  return j || (j = new K()), j;
 }
-function he() {
-  O = null;
+function Ne() {
+  j = null;
 }
-function ge({
-  context: o,
+function qe({
+  context: t,
   commands: e = [],
-  keyboard: t = { key: " ", altKey: !0 },
-  config: a = {},
-  registry: s
+  keyboard: o = { key: " ", altKey: !0 },
+  config: r = {},
+  registry: a
 }) {
-  const [n, r] = z(!1), [l, y] = z(""), [h, b] = z(0), [u, f] = z([]), p = K(
-    () => s || new B(),
-    [s]
-  ), c = K(
+  const [n, s] = W(!1), [l, d] = W(""), [p, g] = W(0), [c, m] = W([]), y = M(
+    () => a || new K(),
+    [a]
+  ), u = M(
     () => ({
-      ...o,
-      closeCommandPalette: () => r(!1)
+      ...t,
+      closeCommandPalette: () => s(!1)
     }),
-    [o]
+    [t]
   );
-  P(() => {
-    let d = !0;
-    const v = p.subscribe(() => {
-      if (d) {
-        const L = p.getCommands(c);
-        f(L);
+  I(() => {
+    let h = !0;
+    const S = y.subscribe(() => {
+      if (h) {
+        const E = y.getCommands(u);
+        m(E);
       }
     });
     if (e.length > 0)
-      p.registerCommands(e);
+      y.registerCommands(e);
     else {
-      const L = p.getCommands(c);
-      f(L);
+      const E = y.getCommands(u);
+      m(E);
     }
     return () => {
-      d = !1, v();
+      h = !1, S();
     };
-  }, [p]);
-  const i = K(() => (a.fuzzySearch === !1, p.searchCommands(l, c)), [l, p, c, a.fuzzySearch]);
-  P(() => {
-    b(0);
+  }, [y]);
+  const i = M(() => (r.fuzzySearch === !1, y.searchCommands(l, u)), [l, y, u, r.fuzzySearch]);
+  I(() => {
+    g(0);
   }, [i]);
-  const w = m(() => {
-    var d;
-    r(!0), y(""), b(0), (d = o.events) == null || d.emit({
+  const k = w(() => {
+    var h;
+    s(!0), d(""), g(0), (h = t.events) == null || h.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({
+  }, [t.events]), P = w(() => {
+    var h;
+    s(!1), d(""), g(0), (h = t.events) == null || h.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();
+  }, [t.events]), L = w(() => {
+    n ? P() : k();
+  }, [n, k, P]), z = w(
+    async (h) => {
+      await y.executeCommand(h, u), P();
     },
-    [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;
+    [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;
     });
-  }, [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;
+  }, [i.length, r.maxResults]), F = w(() => {
+    g((h) => {
+      const S = r.maxResults || i.length, E = Math.min(i.length, S) - 1;
+      return h > 0 ? h - 1 : E;
     });
-  }, [i.length, a.maxResults]), g = m(async () => {
-    const d = i[0];
-    d && await E(d.id);
-  }, [i, E]), C = m(
-    (d) => {
-      p.registerCommands(d);
+  }, [i.length, r.maxResults]), b = w(async () => {
+    const h = i[0];
+    h && await z(h.id);
+  }, [i, z]), C = w(
+    (h) => {
+      y.registerCommands(h);
     },
-    [p]
-  ), x = m(
-    (d) => {
-      p.unregisterCommands(d);
+    [y]
+  ), v = w(
+    (h) => {
+      y.unregisterCommands(h);
     },
-    [p]
-  ), k = m(
-    (d) => {
+    [y]
+  ), x = w(
+    (h) => {
       const {
-        key: v = " ",
-        altKey: L = !0,
+        key: S = " ",
+        altKey: E = !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)
+        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)
           return;
-        d.preventDefault(), A();
+        h.preventDefault(), L();
       }
     },
-    [t, A]
+    [o, L]
   );
-  return P(() => (window.addEventListener("keydown", k), () => window.removeEventListener("keydown", k)), [k]), {
+  return I(() => (window.addEventListener("keydown", x), () => window.removeEventListener("keydown", x)), [x]), {
     isOpen: n,
-    open: w,
-    close: S,
-    toggle: A,
+    open: k,
+    close: P,
+    toggle: L,
     query: l,
-    setQuery: y,
+    setQuery: d,
     filteredCommands: i,
-    executeCommand: E,
-    selectedIndex: h,
-    setSelectedIndex: b,
-    selectNext: F,
-    selectPrevious: $,
-    executeSelected: g,
-    commands: u,
+    executeCommand: z,
+    selectedIndex: p,
+    setSelectedIndex: g,
+    selectNext: D,
+    selectPrevious: F,
+    executeSelected: b,
+    commands: c,
     registerCommands: C,
-    unregisterCommands: x
+    unregisterCommands: v
   };
 }
-const ae = [
+const se = [
   {
     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: (t) => {
+      t.setFocus("left");
     },
-    isAvailable: (o) => o.focusedPanel !== "left"
+    isAvailable: (t) => t.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: (t) => {
+      t.setFocus("middle");
     },
-    isAvailable: (o) => o.focusedPanel !== "middle"
+    isAvailable: (t) => t.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: (t) => {
+      t.setFocus("right");
     },
-    isAvailable: (o) => o.focusedPanel !== "right"
+    isAvailable: (t) => t.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: (t) => {
       var e;
-      (e = o.events) == null || e.emit({
+      (e = t.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: (t) => {
       var e;
-      (e = o.events) == null || e.emit({
+      (e = t.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: (t) => {
       var e;
-      (e = o.events) == null || e.emit({
+      (e = t.events) == null || e.emit({
         type: "panel:collapse-all",
         source: "command-palette",
         timestamp: Date.now(),
@@ -1672,9 +1672,9 @@ const ae = [
     category: "Panel Control",
     keywords: ["expand", "show", "all", "restore", "default"],
     priority: 70,
-    execute: (o) => {
+    execute: (t) => {
       var e;
-      (e = o.events) == null || e.emit({
+      (e = t.events) == null || e.emit({
         type: "panel:expand-all",
         source: "command-palette",
         timestamp: Date.now(),
@@ -1690,17 +1690,17 @@ const ae = [
     category: "Panel Control",
     keywords: ["refresh", "reload", "update", "sync"],
     priority: 60,
-    execute: (o) => {
-      var t;
-      const e = o.focusedPanel;
-      e && ((t = o.events) == null || t.emit({
+    execute: (t) => {
+      var o;
+      const e = t.focusedPanel;
+      e && ((o = t.events) == null || o.emit({
         type: "panel:refresh",
         source: "command-palette",
         timestamp: Date.now(),
         payload: { panelId: e }
       }));
     },
-    isAvailable: (o) => o.focusedPanel !== null
+    isAvailable: (t) => t.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: (t) => {
       var e;
-      (e = o.events) == null || e.emit({
+      (e = t.events) == null || e.emit({
         type: "panel:reset-layout",
         source: "command-palette",
         timestamp: Date.now(),
@@ -1721,32 +1721,686 @@ const ae = [
     }
   }
 ];
-function we() {
-  return ae;
+function Be() {
+  return se;
+}
+const ne = {
+  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"
+  }
+}, le = {
+  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"
+  }
+}, ie = {
+  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"
+  }
+}, ce = {
+  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"
+  }
+}, de = {
+  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"
+  }
+}, pe = {
+  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"
+  }
+}, ue = [
+  ne,
+  le,
+  ie,
+  ce,
+  de,
+  pe
+], Ke = {
+  id: "panel-layouts",
+  name: "Panel Layouts",
+  description: "Generic panel layout operations",
+  tools: ue
+};
+function fe(t, e, o = {}) {
+  const {
+    categoryPrefix: r = "Panel Tools",
+    basePriority: a = 50,
+    includePanelInCategory: n = !0
+  } = o, s = n ? `${r} > ${t.panelId}` : r, l = ye(t.inputs);
+  return {
+    id: `tool.${t.qualifiedName}`,
+    label: me(t.name),
+    description: t.description,
+    category: s,
+    keywords: [...t.tags, t.panelId, "tool"],
+    priority: a,
+    execute: async (d) => {
+      var g;
+      if (l) {
+        console.warn(
+          `Tool "${t.qualifiedName}" requires parameters. Invoke programmatically with: registry.invokeTool('${t.qualifiedName}', { ... })`
+        ), (g = d.events) == null || g.emit({
+          type: "tool:requires-parameters",
+          source: "command-palette",
+          timestamp: Date.now(),
+          payload: {
+            toolName: t.qualifiedName,
+            inputs: t.inputs
+          }
+        });
+        return;
+      }
+      const p = await e.invokeTool(
+        t.qualifiedName,
+        {},
+        "command-palette"
+      );
+      p.success || console.error(`Tool invocation failed: ${p.error}`), d.closeCommandPalette();
+    }
+  };
+}
+function V(t, e = {}) {
+  return t.getAllTools().map((r) => fe(r, t, e));
+}
+function Ve(t, e = {}) {
+  return () => V(t, e);
 }
+function me(t) {
+  return t.split("_").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join(" ");
+}
+function ye(t) {
+  return !(t.type !== "object" || !t.required || t.required.length === 0);
+}
+function Je(t, e = {}) {
+  return V(t, e);
+}
+function He(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,
+      type: n.type || "unknown",
+      description: n.description || "",
+      required: o.has(a),
+      default: n.default,
+      enum: n.enum
+    });
+  return r;
+}
+function he(t) {
+  const e = {};
+  if (t.inputs.properties)
+    for (const [o, r] of Object.entries(t.inputs.properties)) {
+      const a = r;
+      e[o] = {
+        type: a.type || "string",
+        description: a.description,
+        ...a.enum && { enum: a.enum }
+      };
+    }
+  return {
+    name: t.name,
+    description: t.description,
+    parameters: {
+      type: "object",
+      properties: e,
+      required: t.inputs.required || []
+    }
+  };
+}
+function Xe(t) {
+  return {
+    functionDeclarations: t.map(he)
+  };
+}
+function ge(t) {
+  return {
+    type: "function",
+    function: {
+      name: t.name,
+      description: t.description,
+      parameters: t.inputs
+    }
+  };
+}
+function Ge(t) {
+  return t.map(ge);
+}
+function we(t) {
+  return {
+    name: t.name,
+    description: t.description,
+    input_schema: t.inputs
+  };
+}
+function Ye(t) {
+  return t.map(we);
+}
+function ke(t) {
+  return {
+    name: t.name,
+    description: t.description,
+    parameters: t.inputs
+  };
+}
+function Qe(t) {
+  return t.map(ke);
+}
+function Ue(t, e = {}) {
+  const {
+    header: o = "You have access to the following tools:",
+    includeParameters: r = !0
+  } = e, a = t.map((n) => {
+    let s = `- ${n.name}: ${n.description}`;
+    if (r && n.inputs.properties) {
+      const l = Object.entries(n.inputs.properties).map(([d, p]) => {
+        var m;
+        const g = p, c = (m = n.inputs.required) != null && m.includes(d) ? " (required)" : "";
+        return `    - ${d}: ${g.description || g.type}${c}`;
+      }).join(`
+`);
+      l && (s += `
+${l}`);
+    }
+    return s;
+  });
+  return `${o}
+
+${a.join(`
+
+`)}`;
+}
+const be = ({ size: t = 18 }) => /* @__PURE__ */ T(
+  "svg",
+  {
+    width: t,
+    height: t,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [
+      /* @__PURE__ */ f("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+      /* @__PURE__ */ f("path", { d: "M9 3v18" })
+    ]
+  }
+), xe = ({ size: t = 18 }) => /* @__PURE__ */ T(
+  "svg",
+  {
+    width: t,
+    height: t,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [
+      /* @__PURE__ */ f("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+      /* @__PURE__ */ f("path", { d: "M9 3v18" }),
+      /* @__PURE__ */ f("path", { d: "m16 15-3-3 3-3" })
+    ]
+  }
+), ve = ({ size: t = 18 }) => /* @__PURE__ */ T(
+  "svg",
+  {
+    width: t,
+    height: t,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [
+      /* @__PURE__ */ f("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+      /* @__PURE__ */ f("path", { d: "M15 3v18" })
+    ]
+  }
+), Ce = ({ size: t = 18 }) => /* @__PURE__ */ T(
+  "svg",
+  {
+    width: t,
+    height: t,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [
+      /* @__PURE__ */ f("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+      /* @__PURE__ */ f("path", { d: "M15 3v18" }),
+      /* @__PURE__ */ f("path", { d: "m8 9 3 3-3 3" })
+    ]
+  }
+), N = ({
+  isCollapsed: t,
+  onToggle: e,
+  side: o = "left",
+  iconSize: r = 18,
+  style: a,
+  shortcutHint: n = "Cmd/Ctrl+B",
+  title: s,
+  className: l
+}) => {
+  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 });
+  return /* @__PURE__ */ f(
+    "button",
+    {
+      onClick: e,
+      title: s ?? `${t ? "Show" : "Hide"} ${o === "right" ? "Right Panel" : "Sidebar"}${n ? ` (${n})` : ""}`,
+      className: l,
+      style: {
+        background: "transparent",
+        border: "none",
+        color: t ? d.colors.textSecondary : d.colors.primary,
+        cursor: "pointer",
+        padding: "6px",
+        borderRadius: "4px",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        transition: "all 0.2s",
+        width: "32px",
+        height: "32px",
+        ...a
+      },
+      onMouseEnter: (c) => {
+        c.currentTarget.style.backgroundColor = d.colors.backgroundTertiary, c.currentTarget.style.color = d.colors.primary;
+      },
+      onMouseLeave: (c) => {
+        c.currentTarget.style.backgroundColor = "transparent", c.currentTarget.style.color = t ? d.colors.textSecondary : d.colors.primary;
+      },
+      children: p()
+    }
+  );
+}, Se = ({ size: t = 14 }) => /* @__PURE__ */ T(
+  "svg",
+  {
+    width: t,
+    height: t,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [
+      /* @__PURE__ */ f("path", { d: "M8 3 4 7l4 4" }),
+      /* @__PURE__ */ f("path", { d: "M4 7h16" }),
+      /* @__PURE__ */ f("path", { d: "m16 21 4-4-4-4" }),
+      /* @__PURE__ */ f("path", { d: "M20 17H4" })
+    ]
+  }
+), Te = ({ size: t = 14 }) => /* @__PURE__ */ T(
+  "svg",
+  {
+    width: t,
+    height: t,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [
+      /* @__PURE__ */ f("path", { d: "m16 3 4 4-4 4" }),
+      /* @__PURE__ */ f("path", { d: "M20 7H4" }),
+      /* @__PURE__ */ f("path", { d: "m8 21-4-4 4-4" }),
+      /* @__PURE__ */ f("path", { d: "M4 17h16" })
+    ]
+  }
+), q = ({
+  onSwitch: t,
+  variant: e = "left-middle",
+  iconSize: o = 14,
+  style: r,
+  title: a,
+  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;
+  return /* @__PURE__ */ f(
+    "button",
+    {
+      onClick: t,
+      title: a ?? l(),
+      className: n,
+      style: {
+        background: "transparent",
+        border: "none",
+        color: s.colors.textSecondary,
+        cursor: "pointer",
+        padding: "6px",
+        borderRadius: "4px",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        transition: "all 0.2s",
+        width: "32px",
+        height: "32px",
+        ...r
+      },
+      onMouseEnter: (p) => {
+        p.currentTarget.style.backgroundColor = s.colors.backgroundTertiary, p.currentTarget.style.color = s.colors.text;
+      },
+      onMouseLeave: (p) => {
+        p.currentTarget.style.backgroundColor = "transparent", p.currentTarget.style.color = s.colors.textSecondary;
+      },
+      children: /* @__PURE__ */ f(d, { size: o })
+    }
+  );
+}, Pe = ({ size: t = 14 }) => /* @__PURE__ */ T(
+  "svg",
+  {
+    width: t,
+    height: t,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [
+      /* @__PURE__ */ f("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+      /* @__PURE__ */ f("path", { d: "M3 9h18" }),
+      /* @__PURE__ */ f("path", { d: "M9 21V9" })
+    ]
+  }
+), Ie = ({
+  onConfigure: t,
+  iconSize: e = 14,
+  style: o,
+  title: r = "Configure panel layout",
+  className: a
+}) => {
+  const { theme: n } = $();
+  return /* @__PURE__ */ f(
+    "button",
+    {
+      onClick: t,
+      title: r,
+      className: a,
+      style: {
+        background: "transparent",
+        border: "none",
+        color: n.colors.textSecondary,
+        cursor: "pointer",
+        padding: "6px",
+        borderRadius: "4px",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        transition: "all 0.2s",
+        width: "32px",
+        height: "32px",
+        ...o
+      },
+      onMouseEnter: (s) => {
+        s.currentTarget.style.backgroundColor = n.colors.backgroundTertiary, s.currentTarget.style.color = n.colors.text;
+      },
+      onMouseLeave: (s) => {
+        s.currentTarget.style.backgroundColor = "transparent", s.currentTarget.style.color = n.colors.textSecondary;
+      },
+      children: /* @__PURE__ */ f(Pe, { size: e })
+    }
+  );
+}, Ze = ({
+  leftSidebarCollapsed: t = !1,
+  onToggleLeftSidebar: e,
+  showLeftSidebarControl: o = !1,
+  rightSidebarCollapsed: r = !1,
+  onToggleRightSidebar: a,
+  showRightSidebarControl: n = !1,
+  onSwitchLeftMiddlePanels: s,
+  showSwitchLeftMiddle: l = !1,
+  onSwitchRightMiddlePanels: d,
+  showSwitchRightMiddle: p = !1,
+  onConfigurePanels: g,
+  showConfigureButton: c = !1,
+  gap: m = 4,
+  style: y,
+  className: u,
+  iconSize: i,
+  leftCollapseButtonProps: k,
+  rightCollapseButtonProps: P,
+  leftMiddleSwitchButtonProps: L,
+  rightMiddleSwitchButtonProps: z,
+  configureButtonProps: D
+}) => o && e || l && s || c && g || p && d || n && a ? /* @__PURE__ */ T(
+  "div",
+  {
+    className: u,
+    style: {
+      display: "flex",
+      alignItems: "center",
+      gap: `${m}px`,
+      ...y
+    },
+    children: [
+      o && e && /* @__PURE__ */ f(
+        N,
+        {
+          isCollapsed: t,
+          onToggle: e,
+          side: "left",
+          iconSize: i ?? 18,
+          ...k
+        }
+      ),
+      l && s && /* @__PURE__ */ f(
+        q,
+        {
+          onSwitch: s,
+          variant: "left-middle",
+          iconSize: i ?? 14,
+          ...L
+        }
+      ),
+      c && g && /* @__PURE__ */ f(
+        Ie,
+        {
+          onConfigure: g,
+          iconSize: i ?? 14,
+          ...D
+        }
+      ),
+      p && d && /* @__PURE__ */ f(
+        q,
+        {
+          onSwitch: d,
+          variant: "right-middle",
+          iconSize: i ?? 14,
+          ...z
+        }
+      ),
+      n && a && /* @__PURE__ */ f(
+        N,
+        {
+          isCollapsed: r,
+          onToggle: a,
+          side: "right",
+          iconSize: i ?? 18,
+          ...P
+        }
+      )
+    ]
+  }
+) : null;
 export {
-  ee as CommandInput,
-  V as CommandItem,
-  te as CommandList,
-  me as CommandPalette,
-  B as CommandRegistryService,
-  xe as EditableConfigurablePanelLayout,
-  fe as FocusIndicator,
-  Z as LocalStoragePersistenceAdapter,
-  U as LocalStorageWorkspaceAdapter,
-  Ce as ResponsiveConfigurablePanelLayout,
+  re as CommandInput,
+  B as CommandItem,
+  ae as CommandList,
+  Oe 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,
   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
+  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
 };
 //# sourceMappingURL=index.esm.js.map