@principal-ade/panel-layouts 0.3.21 → 0.4.1

package/dist/index.esm.js

@@ -1,7 +1,7 @@
 import './index.css';var Ee = Object.defineProperty;
 var Re = (o, e, t) => e in o ? Ee(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
 var le = (o, e, t) => Re(o, typeof e != "symbol" ? e + "" : e, t);
-import { EditableConfigurablePanelLayout as zt, ResponsiveConfigurablePanelLayout as Pt, mapThemeToPanelVars as Lt, mapThemeToTabVars as Wt } from "@principal-ade/panels";
+import { EditableConfigurablePanelLayout as Pt, PanelBoundsProvider as zt, ResponsiveConfigurablePanelLayout as Lt, mapThemeToPanelVars as Wt, mapThemeToTabVars as _t, usePanelBounds as Et, usePanelOffset as Rt } from "@principal-ade/panels";
 import { useState as _, useRef as U, useEffect as E, useCallback as w, useMemo as ne } from "react";
 import { jsx as l, jsxs as b, Fragment as ce } from "react/jsx-runtime";
 import { useTheme as ee } from "@principal-ade/industry-theme";
@@ -119,7 +119,7 @@ function dt(o) {
   }, [u]);
   const L = w(async () => {
   }, []), q = w(async () => {
-  }, []), z = w(async () => {
+  }, []), P = w(async () => {
   }, []), A = w(async () => {
   }, []);
   return r === "three-panel" ? {
@@ -129,7 +129,7 @@ function dt(o) {
     handlePanelResize: y,
     handleLeftCollapseComplete: L,
     handleLeftExpandComplete: q,
-    handleRightCollapseComplete: z,
+    handleRightCollapseComplete: P,
     handleRightExpandComplete: A
   } : {
     type: "two-panel",
@@ -221,7 +221,7 @@ class Me {
     }
   }
 }
-class O {
+class F {
   /**
    * Configure a custom storage adapter (for Electron IPC or remote storage)
    */
@@ -610,18 +610,18 @@ class O {
     Object.keys(e).length;
   }
 }
-le(O, "adapter", new Me());
+le(F, "adapter", new Me());
 function pt(o = {}) {
   const { repositoryKey: e, autoInitialize: t = !1, defaultWorkspaceId: r } = o, [s, i] = _(
     {}
   ), [a, n] = _(null), [g, c] = _(null), [x, p] = _(!0), [h, C] = _(null), f = w(async () => {
     try {
       p(!0), C(null);
-      const k = await O.getWorkspaceLayouts();
+      const k = await F.getWorkspaceLayouts();
       if (i(k), e) {
-        let I = await O.getRepositoryState(e);
+        let I = await F.getRepositoryState(e);
         if (!I && t) {
-          const W = r || "project-management", $ = await O.getWorkspaceLayout(W);
+          const W = r || "project-management", $ = await F.getWorkspaceLayout(W);
           $ && (I = {
             workspaceId: W,
             sizes: $.defaultSizes || {
@@ -633,13 +633,13 @@ function pt(o = {}) {
               left: !1,
               right: !1
             }
-          }, await O.setRepositoryState(
+          }, await F.setRepositoryState(
             e,
             I
           ));
         }
         if (n(I), I != null && I.workspaceId) {
-          const W = await O.getWorkspaceLayout(
+          const W = await F.getWorkspaceLayout(
             I.workspaceId
           );
           c(W);
@@ -656,23 +656,23 @@ function pt(o = {}) {
     f();
   }, [f]);
   const d = w(
-    async (k) => await O.getWorkspaceLayout(k),
+    async (k) => await F.getWorkspaceLayout(k),
     []
   ), u = w(
     async (k) => {
-      const I = await O.createWorkspaceLayout(k);
+      const I = await F.createWorkspaceLayout(k);
       return await f(), I;
     },
     [f]
   ), y = w(
     async (k, I) => {
-      const W = await O.updateWorkspaceLayout(k, I);
+      const W = await F.updateWorkspaceLayout(k, I);
       return await f(), W;
     },
     [f]
   ), L = w(
     async (k) => {
-      const I = await O.deleteWorkspaceLayout(k);
+      const I = await F.deleteWorkspaceLayout(k);
       return I && await f(), I;
     },
     [f]
@@ -682,7 +682,7 @@ function pt(o = {}) {
         console.error("Cannot apply workspace without repositoryKey");
         return;
       }
-      const I = await O.getWorkspaceLayout(k);
+      const I = await F.getWorkspaceLayout(k);
       if (!I) {
         console.error(`Workspace ${k} not found`);
         return;
@@ -695,16 +695,16 @@ function pt(o = {}) {
           right: !1
         }
       };
-      await O.setRepositoryState(e, W), await f();
+      await F.setRepositoryState(e, W), await f();
     },
     [e, f]
-  ), z = w(
+  ), P = w(
     async (k) => {
       if (!e) {
         console.error("Cannot update sizes without repositoryKey");
         return;
       }
-      await O.updateRepositorySizes(e, k), await f();
+      await F.updateRepositorySizes(e, k), await f();
     },
     [e, f]
   ), A = w(
@@ -713,7 +713,7 @@ function pt(o = {}) {
         console.error("Cannot update collapsed without repositoryKey");
         return;
       }
-      await O.updateRepositoryCollapsed(
+      await F.updateRepositoryCollapsed(
         e,
         k
       ), await f();
@@ -724,7 +724,7 @@ function pt(o = {}) {
       console.error("Cannot reset without repositoryKey and active workspace");
       return;
     }
-    await O.resetRepositoryToWorkspaceDefaults(
+    await F.resetRepositoryToWorkspaceDefaults(
       e,
       a.workspaceId
     ), await f();
@@ -742,7 +742,7 @@ function pt(o = {}) {
     updateWorkspace: y,
     deleteWorkspace: L,
     applyWorkspace: q,
-    updateSizes: z,
+    updateSizes: P,
     updateCollapsed: A,
     resetToDefaults: v,
     refresh: S
@@ -1046,11 +1046,11 @@ const ht = ({
     // Override opacity when hovered
     ...L ? { opacity: 0 } : {},
     ...c
-  }, z = t.includes("vignette-drift"), A = t.includes("radial-breathing"), v = t.includes("snowfall"), S = (te, H) => {
+  }, P = t.includes("vignette-drift"), A = t.includes("radial-breathing"), v = t.includes("snowfall"), S = (te, H) => {
     const M = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(te);
     if (!M) return `rgba(255, 255, 255, ${H})`;
-    const oe = parseInt(M[1], 16), V = parseInt(M[2], 16), Y = parseInt(M[3], 16);
-    return `rgba(${oe}, ${V}, ${Y}, ${H})`;
+    const oe = parseInt(M[1], 16), B = parseInt(M[2], 16), Y = parseInt(M[3], 16);
+    return `rgba(${oe}, ${B}, ${Y}, ${H})`;
   }, k = x.colors.primary, I = {
     position: "absolute",
     top: 0,
@@ -1074,7 +1074,7 @@ const ht = ({
     transition: `opacity ${s}ms ease-out`,
     background: `radial-gradient(circle at center, ${S(k, 0.15)} 0%, ${S(k, 0.06)} 30%, transparent 55%)`,
     animation: p ? "focus-overlay-radial-breathing 4s ease-in-out infinite" : "none"
-  }, $ = S(k, 0.6), T = S(k, 0.4), P = S(k, 0.25), B = {
+  }, $ = S(k, 0.6), T = S(k, 0.4), z = S(k, 0.25), V = {
     position: "absolute",
     top: 0,
     left: 0,
@@ -1084,7 +1084,7 @@ const ht = ({
     opacity: p ? 1 : 0,
     transition: `opacity ${s}ms ease-out`
   }, se = {
-    ...B,
+    ...V,
     background: `
       radial-gradient(circle, ${$} 0%, ${$} 3px, transparent 3px),
       radial-gradient(circle, ${$} 0%, ${$} 3px, transparent 3px),
@@ -1095,7 +1095,7 @@ const ht = ({
     backgroundPosition: "10px 20px, 60px 80px, 110px 40px, 40px 120px",
     animation: p ? "focus-overlay-snowfall-1 4s linear infinite" : "none"
   }, G = {
-    ...B,
+    ...V,
     background: `
       radial-gradient(circle, ${T} 0%, ${T} 2px, transparent 2px),
       radial-gradient(circle, ${T} 0%, ${T} 2px, transparent 2px),
@@ -1107,14 +1107,14 @@ const ht = ({
     backgroundPosition: "30px 10px, 90px 60px, 15px 100px, 120px 30px, 70px 130px",
     animation: p ? "focus-overlay-snowfall-2 7s linear infinite" : "none"
   }, K = {
-    ...B,
+    ...V,
     background: `
-      radial-gradient(circle, ${P} 0%, ${P} 1.5px, transparent 1.5px),
-      radial-gradient(circle, ${P} 0%, ${P} 1.5px, transparent 1.5px),
-      radial-gradient(circle, ${P} 0%, ${P} 1.5px, transparent 1.5px),
-      radial-gradient(circle, ${P} 0%, ${P} 1.5px, transparent 1.5px),
-      radial-gradient(circle, ${P} 0%, ${P} 1.5px, transparent 1.5px),
-      radial-gradient(circle, ${P} 0%, ${P} 1.5px, transparent 1.5px)
+      radial-gradient(circle, ${z} 0%, ${z} 1.5px, transparent 1.5px),
+      radial-gradient(circle, ${z} 0%, ${z} 1.5px, transparent 1.5px),
+      radial-gradient(circle, ${z} 0%, ${z} 1.5px, transparent 1.5px),
+      radial-gradient(circle, ${z} 0%, ${z} 1.5px, transparent 1.5px),
+      radial-gradient(circle, ${z} 0%, ${z} 1.5px, transparent 1.5px),
+      radial-gradient(circle, ${z} 0%, ${z} 1.5px, transparent 1.5px)
     `,
     backgroundSize: "150px 150px",
     backgroundPosition: "20px 5px, 80px 45px, 45px 90px, 130px 20px, 5px 70px, 100px 110px",
@@ -1131,7 +1131,7 @@ const ht = ({
       "data-active": o,
       "data-variant": e,
       children: [
-        z && /* @__PURE__ */ l(
+        P && /* @__PURE__ */ l(
           "div",
           {
             className: "focus-mode-overlay__vignette-drift",
@@ -1212,7 +1212,7 @@ const ht = ({
         A.preventDefault(), h && f ? f() : i();
         break;
     }
-  }, z = n === "thinking" || n === "executing";
+  }, P = n === "thinking" || n === "executing";
   return /* @__PURE__ */ b(
     "div",
     {
@@ -1284,7 +1284,7 @@ const ht = ({
             onChange: (A) => e(A.target.value),
             onKeyDown: q,
             placeholder: g,
-            disabled: c || z,
+            disabled: c || P,
             style: {
               flex: 1,
               backgroundColor: "transparent",
@@ -1297,7 +1297,7 @@ const ht = ({
             }
           }
         ),
-        z && /* @__PURE__ */ b(
+        P && /* @__PURE__ */ b(
           "span",
           {
             style: {
@@ -1325,7 +1325,7 @@ const ht = ({
             ]
           }
         ),
-        !z && /* @__PURE__ */ l(
+        !P && /* @__PURE__ */ l(
           "kbd",
           {
             style: {
@@ -1376,7 +1376,7 @@ const qe = ({ status: o }) => {
 }, Ne = (o) => {
   const e = Object.entries(o);
   return e.length === 0 ? "" : e.map(([t, r]) => t === "args" && Array.isArray(r) ? r.join(", ") : typeof r == "string" ? `"${r}"` : JSON.stringify(r)).join(", ");
-}, Fe = ({ tool: o, compact: e }) => {
+}, Oe = ({ tool: o, compact: e }) => {
   const { theme: t } = ee(), r = Ne(o.args);
   return /* @__PURE__ */ b(
     "div",
@@ -1450,7 +1450,7 @@ const qe = ({ status: o }) => {
         borderRadius: "4px",
         margin: "8px 16px"
       },
-      children: o.map((r) => /* @__PURE__ */ l(Fe, { tool: r, compact: e }, r.id))
+      children: o.map((r) => /* @__PURE__ */ l(Oe, { tool: r, compact: e }, r.id))
     }
   );
 };
@@ -1777,7 +1777,7 @@ const we = ({
   );
 };
 we.displayName = "QuickCommandAutocomplete";
-const Oe = ({
+const Fe = ({
   palette: o,
   config: e
 }) => {
@@ -1799,7 +1799,7 @@ const Oe = ({
     // Autocomplete
     quickCommandMatches: L,
     argumentOptionMatches: q,
-    parsedQuery: z,
+    parsedQuery: P,
     currentArgDef: A,
     selectedAutocompleteIndex: v,
     autocompleteItemCount: S,
@@ -1810,31 +1810,31 @@ const Oe = ({
   } = o;
   E(() => {
     if (!s) return;
-    const V = (N) => {
+    const B = (N) => {
       r.current && !r.current.contains(N.target) && i();
     }, Y = setTimeout(() => {
-      document.addEventListener("mousedown", V);
+      document.addEventListener("mousedown", B);
     }, 100);
     return () => {
-      clearTimeout(Y), document.removeEventListener("mousedown", V);
+      clearTimeout(Y), document.removeEventListener("mousedown", B);
     };
   }, [s, i]);
-  const [T, P] = _(!1), [B, se] = _(!1);
+  const [T, z] = _(!1), [V, se] = _(!1);
   if (E(() => {
     if (s)
       se(!0), requestAnimationFrame(() => {
         requestAnimationFrame(() => {
-          P(!0);
+          z(!0);
         });
       });
     else {
-      P(!1);
-      const V = setTimeout(() => {
+      z(!1);
+      const B = setTimeout(() => {
         se(!1);
       }, 150);
-      return () => clearTimeout(V);
+      return () => clearTimeout(B);
     }
-  }, [s]), !B)
+  }, [s]), !V)
     return null;
   const G = y ? (e == null ? void 0 : e.placeholder) || "What would you like to do?" : "Quick command mode (agent unavailable)", K = [...p, ...x], te = K.length > 0, H = h && c !== "idle", M = y && !a && c === "idle" && u.length > 0, oe = !y && g !== "quick-command" && c === "idle";
   return /* @__PURE__ */ b(ce, { children: [
@@ -2004,11 +2004,11 @@ const Oe = ({
                       children: "Try:"
                     }
                   ),
-                  u.map((V, Y) => /* @__PURE__ */ b(
+                  u.map((B, Y) => /* @__PURE__ */ b(
                     "button",
                     {
                       onClick: () => {
-                        n(V);
+                        n(B);
                       },
                       style: {
                         padding: "4px 10px",
@@ -2028,7 +2028,7 @@ const Oe = ({
                       },
                       children: [
                         '"',
-                        V,
+                        B,
                         '"'
                       ]
                     },
@@ -2069,23 +2069,23 @@ const Oe = ({
                 matches: L,
                 argumentMatches: q,
                 currentArg: A,
-                isEnteringArgs: z.isEnteringArgs,
+                isEnteringArgs: P.isEnteringArgs,
                 selectedIndex: v,
-                onSelect: (V) => {
+                onSelect: (B) => {
                   var N;
-                  if (z.isEnteringArgs) {
-                    const Q = q[V];
+                  if (P.isEnteringArgs) {
+                    const Q = q[B];
                     if (Q) {
-                      let re = `/${z.commandName}`;
-                      for (const ae of z.enteredArgs)
+                      let re = `/${P.commandName}`;
+                      for (const ae of P.enteredArgs)
                         re += ` ${ae}`;
                       re += ` ${Q.option}`;
-                      const de = z.currentArgIndex + 1;
-                      ((N = z.command) == null ? void 0 : N.args) && de < z.command.args.length && (re += " "), n(re);
+                      const de = P.currentArgIndex + 1;
+                      ((N = P.command) == null ? void 0 : N.args) && de < P.command.args.length && (re += " "), n(re);
                     }
                     return;
                   }
-                  const Y = L[V];
+                  const Y = L[B];
                   if (Y) {
                     const Q = Y.command;
                     let re = `/${Q.name}`;
@@ -2114,7 +2114,7 @@ const Oe = ({
         ` })
   ] });
 };
-Oe.displayName = "AgentCommandPalette";
+Fe.displayName = "AgentCommandPalette";
 function pe(o, e) {
   const t = o.toLowerCase(), r = e.toLowerCase();
   if (!t)
@@ -2125,7 +2125,7 @@ function pe(o, e) {
     r[c] === t[i] && (s.push(c), g === c - 1 ? (n++, a += n * 2) : n = 1, c === 0 && (a += 10), c > 0 && /[_\-\s]/.test(e[c - 1]) && (a += 5), a += 1, g = c, i++);
   return i < t.length ? null : (a -= e.length * 0.1, t === r && (a += 20), r.startsWith(t) && (a += 15), { score: a, matchedIndices: s });
 }
-function Ve(o, e, t = 10) {
+function Be(o, e, t = 10) {
   const r = o.replace(/^\//, "").trim();
   if (!r)
     return [];
@@ -2158,7 +2158,7 @@ function Ve(o, e, t = 10) {
   }
   return s.sort((i, a) => a.score - i.score).slice(0, t);
 }
-function Be(o, e) {
+function Ve(o, e) {
   const r = o.replace(/^\//, "").split(/\s+/), s = r[0] || "", i = o.endsWith(" ") && o.trim().length > 0, a = e.find(
     (g) => {
       var c;
@@ -2238,14 +2238,14 @@ function yt({
   agentAvailable: i = !0,
   quickCommands: a = []
 } = {}) {
-  const [n, g] = _(!1), [c, x] = _(""), [p, h] = _("natural"), [C, f] = _("idle"), [d, u] = _([]), [y, L] = _([]), [q, z] = _(""), [A, v] = _([]), [S, k] = _(-1), I = ne(() => s, [s]), [W, $] = _(-1), T = ne(() => p !== "quick-command" || !a.length ? {
+  const [n, g] = _(!1), [c, x] = _(""), [p, h] = _("natural"), [C, f] = _("idle"), [d, u] = _([]), [y, L] = _([]), [q, P] = _(""), [A, v] = _([]), [S, k] = _(-1), I = ne(() => s, [s]), [W, $] = _(-1), T = ne(() => p !== "quick-command" || !a.length ? {
     commandName: "",
     command: null,
     enteredArgs: [],
     currentArgValue: "",
     currentArgIndex: -1,
     isEnteringArgs: !1
-  } : Be(c, a), [c, p, a]), P = ne(() => p !== "quick-command" || !a.length || T.isEnteringArgs ? [] : Ve(c, a), [c, p, a, T.isEnteringArgs]), B = ne(() => {
+  } : Ve(c, a), [c, p, a]), z = ne(() => p !== "quick-command" || !a.length || T.isEnteringArgs ? [] : Be(c, a), [c, p, a, T.isEnteringArgs]), V = ne(() => {
     var R;
     if (!T.isEnteringArgs || !((R = T.command) != null && R.args))
       return [];
@@ -2254,14 +2254,14 @@ function yt({
   }, [T]), se = ne(() => {
     var m;
     return !T.isEnteringArgs || !((m = T.command) != null && m.args) ? null : T.command.args[T.currentArgIndex] || null;
-  }, [T]), G = ne(() => p !== "quick-command" || C !== "idle" || c.length === 0 ? !1 : P.length > 0 || B.length > 0, [p, C, c.length, P.length, B.length]), K = ne(() => T.isEnteringArgs ? B.length : P.length, [T.isEnteringArgs, B.length, P.length]);
+  }, [T]), G = ne(() => p !== "quick-command" || C !== "idle" || c.length === 0 ? !1 : z.length > 0 || V.length > 0, [p, C, c.length, z.length, V.length]), K = ne(() => T.isEnteringArgs ? V.length : z.length, [T.isEnteringArgs, V.length, z.length]);
   E(() => {
     $(K > 0 ? 0 : -1);
   }, [K]);
   const te = w((m) => {
     x(m), h(m.startsWith("/") ? "quick-command" : "natural");
   }, []), H = w(() => {
-    g(!0), i ? (x(""), h("natural")) : (x("/"), h("quick-command")), f("idle"), u([]), L([]), z(""), k(-1), o == null || o.emit({
+    g(!0), i ? (x(""), h("natural")) : (x("/"), h("quick-command")), f("idle"), u([]), L([]), P(""), k(-1), o == null || o.emit({
       type: "agent-command-palette:opened",
       source: "agent-command-palette",
       timestamp: Date.now(),
@@ -2276,8 +2276,8 @@ function yt({
     });
   }, [o]), oe = w(() => {
     n ? M() : H();
-  }, [n, H, M]), V = w(() => {
-    x(""), h("natural"), f("idle"), u([]), L([]), z(""), k(-1);
+  }, [n, H, M]), B = w(() => {
+    x(""), h("natural"), f("idle"), u([]), L([]), P(""), k(-1);
   }, []), Y = w((m) => {
     const R = {
       ...m,
@@ -2286,16 +2286,16 @@ function yt({
     return u((j) => [...j, R]), R;
   }, []), N = w(
     (m, R, j, X) => {
-      u((F) => {
-        const J = F.find((Z) => Z.id === m);
-        if (!J) return F;
+      u((O) => {
+        const J = O.find((Z) => Z.id === m);
+        if (!J) return O;
         const D = {
           ...J,
           status: R,
           result: j,
           error: X
         };
-        return R === "success" || R === "error" ? (L((Z) => [...Z, D]), F.filter((Z) => Z.id !== m)) : F.map((Z) => Z.id === m ? D : Z);
+        return R === "success" || R === "error" ? (L((Z) => [...Z, D]), O.filter((Z) => Z.id !== m)) : O.map((Z) => Z.id === m ? D : Z);
       });
     },
     []
@@ -2304,18 +2304,18 @@ function yt({
       const R = m.replace(/^\//, "").trim().split(/\s+/), j = R[0], X = R.slice(1);
       if (!j) return;
       f("executing");
-      const F = `quick-${Date.now()}`;
+      const O = `quick-${Date.now()}`;
       Y({
-        id: F,
+        id: O,
         name: j,
         args: { args: X }
-      }), N(F, "running");
+      }), N(O, "running");
       try {
         if (r) {
           const D = await r(j, { args: X });
-          N(F, "success", String(D));
+          N(O, "success", String(D));
         } else
-          N(F, "success", "Tool executed (no handler)");
+          N(O, "success", "Tool executed (no handler)");
         v((D) => [
           {
             query: m,
@@ -2324,12 +2324,12 @@ function yt({
             success: !0
           },
           ...D.slice(0, (t.maxHistoryEntries || 50) - 1)
-        ]), f("complete"), z(`Executed: ${j}`);
+        ]), f("complete"), P(`Executed: ${j}`);
         const J = t.autoCloseDelay ?? 1e3;
         J > 0 && setTimeout(() => M(), J);
       } catch (J) {
         const D = J instanceof Error ? J.message : "Unknown error";
-        N(F, "error", void 0, D), f("error"), z(`Error: ${D}`);
+        N(O, "error", void 0, D), f("error"), P(`Error: ${D}`);
       }
     },
     [r, Y, N, t.autoCloseDelay, t.maxHistoryEntries, M]
@@ -2340,7 +2340,7 @@ function yt({
         return;
       }
       if (!i) {
-        z("Agent unavailable. Use quick commands (start with /)."), f("error");
+        P("Agent unavailable. Use quick commands (start with /)."), f("error");
         return;
       }
       f("thinking"), o == null || o.emit({
@@ -2375,9 +2375,9 @@ function yt({
         key: R = "p",
         altKey: j = !0,
         ctrlKey: X = !1,
-        metaKey: F = !1,
+        metaKey: O = !1,
         shiftKey: J = !1
-      } = e, D = m.altKey === j && m.ctrlKey === X && m.metaKey === F && m.shiftKey === J;
+      } = e, D = m.altKey === j && m.ctrlKey === X && m.metaKey === O && m.shiftKey === J;
       if ((j ? m.code === `Key${R.toUpperCase()}` : m.key.toLowerCase() === R.toLowerCase()) && D) {
         const ie = m.target;
         if (!ie.closest("[data-agent-command-palette-input]") && (ie.tagName === "INPUT" || ie.tagName === "TEXTAREA" || ie.isContentEditable))
@@ -2397,25 +2397,25 @@ function yt({
       (m) => m > 0 ? m - 1 : K - 1
     );
   }, [G, K]), _e = w((m = !1) => {
-    var F;
+    var O;
     if (!G || W < 0) return;
     if (T.isEnteringArgs) {
-      const J = B[W];
+      const J = V[W];
       if (!J) return;
       let D = `/${T.commandName}`;
       for (const fe of T.enteredArgs)
         D += ` ${fe}`;
       D += ` ${J.option}`;
       const Z = T.currentArgIndex + 1;
-      ((F = T.command) == null ? void 0 : F.args) && Z < T.command.args.length ? (D += " ", x(D), $(-1)) : (x(D), $(-1), m && setTimeout(() => Q(D), 0));
+      ((O = T.command) == null ? void 0 : O.args) && Z < T.command.args.length ? (D += " ", x(D), $(-1)) : (x(D), $(-1), m && setTimeout(() => Q(D), 0));
       return;
     }
-    const R = P[W];
+    const R = z[W];
     if (!R) return;
     const j = R.command;
     let X = `/${j.name}`;
     j.args && j.args.length > 0 ? (X += " ", x(X), $(-1)) : (x(X), $(-1), m && setTimeout(() => Q(X), 0));
-  }, [G, W, T, B, P, Q]);
+  }, [G, W, T, V, z, Q]);
   return {
     // Agent availability
     agentAvailable: i,
@@ -2434,7 +2434,7 @@ function yt({
     pendingTools: d,
     completedTools: y,
     agentResponse: q,
-    setAgentResponse: z,
+    setAgentResponse: P,
     submit: re,
     executeQuickCommand: Q,
     // Tool management (for external AI integration)
@@ -2447,10 +2447,10 @@ function yt({
     // Suggestions
     suggestions: I,
     // Actions
-    clear: V,
+    clear: B,
     // Quick command autocomplete
-    quickCommandMatches: P,
-    argumentOptionMatches: B,
+    quickCommandMatches: z,
+    argumentOptionMatches: V,
     parsedQuery: T,
     currentArgDef: se,
     selectedAutocompleteIndex: W,
@@ -2693,7 +2693,7 @@ const Se = {
     call_template_type: "panel_event",
     event_type: "panel:switch"
   }
-}, ze = {
+}, Pe = {
   name: "focus_panel",
   description: "Set focus to a specific panel slot for keyboard navigation.",
   inputs: {
@@ -2719,7 +2719,7 @@ const Se = {
     call_template_type: "panel_event",
     event_type: "panel:focus"
   }
-}, Pe = {
+}, ze = {
   name: "reset_layout",
   description: "Reset panel sizes to the default layout configuration.",
   inputs: {
@@ -2749,8 +2749,8 @@ const Se = {
   Ie,
   $e,
   Ae,
-  ze,
-  Pe
+  Pe,
+  ze
 ], xt = [
   Se,
   ve,
@@ -2760,8 +2760,8 @@ const Se = {
   Ie,
   $e,
   Ae,
-  ze,
-  Pe
+  Pe,
+  ze
 ], bt = {
   id: "panel-layouts",
   name: "Panel Layouts",
@@ -3109,7 +3109,7 @@ const Xe = ({ size: o = 18 }) => /* @__PURE__ */ b(
   rightCollapseButtonProps: y,
   leftMiddleSwitchButtonProps: L,
   rightMiddleSwitchButtonProps: q,
-  configureButtonProps: z
+  configureButtonProps: P
 }) => t && e || n && a || p && x || c && g || i && s ? /* @__PURE__ */ b(
   "div",
   {
@@ -3145,7 +3145,7 @@ const Xe = ({ size: o = 18 }) => /* @__PURE__ */ b(
         {
           onConfigure: x,
           iconSize: d ?? 14,
-          ...z
+          ...P
         }
       ),
       c && g && /* @__PURE__ */ l(
@@ -3172,24 +3172,25 @@ const Xe = ({ size: o = 18 }) => /* @__PURE__ */ b(
 ) : null;
 export {
   xe as AgentCommandInput,
-  Oe as AgentCommandPalette,
+  Fe as AgentCommandPalette,
   be as AgentResponseDisplay,
-  zt as EditableConfigurablePanelLayout,
+  Pt as EditableConfigurablePanelLayout,
   ht as FocusIndicator,
   mt as FocusModeOverlay,
   De as LocalStoragePersistenceAdapter,
   Me as LocalStorageWorkspaceAdapter,
+  zt as PanelBoundsProvider,
   me as PanelCollapseButton,
   st as PanelConfigureButton,
   It as PanelControls,
   ye as PanelSwitchButton,
   we as QuickCommandAutocomplete,
-  Pt as ResponsiveConfigurablePanelLayout,
+  Lt as ResponsiveConfigurablePanelLayout,
   ke as ToolExecutionList,
-  O as WorkspaceLayoutService,
+  F as WorkspaceLayoutService,
   Ie as collapseAllPanelsTool,
   $e as expandAllPanelsTool,
-  ze as focusPanelTool,
+  Pe as focusPanelTool,
   pe as fuzzyMatch,
   Ct as generateToolsSystemPrompt,
   ve as getPanelStateTool,
@@ -3198,10 +3199,10 @@ export {
   Qe as layoutTools,
   bt as layoutToolsMetadata,
   Te as listPanelsWithStateTool,
-  Lt as mapThemeToPanelVars,
-  Wt as mapThemeToTabVars,
-  Pe as resetLayoutTool,
-  Ve as searchQuickCommands,
+  Wt as mapThemeToPanelVars,
+  _t as mapThemeToTabVars,
+  ze as resetLayoutTool,
+  Be as searchQuickCommands,
   xt as stateQueryTools,
   Ae as switchPanelTool,
   Ce as togglePanelTool,
@@ -3214,9 +3215,11 @@ export {
   wt as toolsToGeminiFormat,
   St as toolsToOpenAIFormat,
   yt as useAgentCommandPalette,
+  Et as usePanelBounds,
   ut as usePanelFocus,
   gt as usePanelFocusListener,
   ft as usePanelKeyboardShortcuts,
+  Rt as usePanelOffset,
   dt as usePanelPersistence,
   pt as useWorkspace
 };