@mt-gloss/ui 0.1.146 → 0.1.148

package/composites-panels.js

@@ -1,47 +1,47 @@
-import { u as L, g as De, m as se, n as H, l as Me, S as Le, e as ke, o as Oe } from "./COMMITS-PC2MRjv_.js";
-import { C as Zt, N as Xt, w as Jt, x as en, q as tn, f as nn, v as an, P as sn, t as on, k as rn, j as ln, i as cn, h as dn } from "./COMMITS-PC2MRjv_.js";
-import { jsx as a, jsxs as _, Fragment as ye } from "react/jsx-runtime";
-import * as Y from "react";
-import I, { useState as x, useRef as Q, createContext as be, useContext as ve, useMemo as ce, useEffect as z, useCallback as O, useLayoutEffect as Ie } from "react";
-import { SPIN_COMMIT_REDUCED as Re, SPIN_COMMIT_FULL as $e } from "@mt-gloss/motion";
-import { useMotionValue as de, animate as K, motion as Fe } from "framer-motion";
-import { b as ze, M as ue } from "./TimeframeQuickBar-BexFJUgk.js";
-import { useSensors as He, useSensor as pe, PointerSensor as Ue, KeyboardSensor as Be, DndContext as Ve, closestCenter as Ye } from "@dnd-kit/core";
-import { sortableKeyboardCoordinates as Ke, SortableContext as qe, horizontalListSortingStrategy as Ge, arrayMove as Qe, useSortable as We } from "@dnd-kit/sortable";
-import { CSS as je } from "@dnd-kit/utilities";
-function Ft() {
-  const e = L();
+import { u as O, g as Me, m as se, n as H, l as Le, S as ke, e as Oe, o as Ie } from "./COMMITS-eopq0SRK.js";
+import { C as Jt, N as en, w as tn, x as nn, q as an, f as sn, v as on, P as rn, t as ln, k as cn, j as dn, i as un, h as pn } from "./COMMITS-eopq0SRK.js";
+import { jsx as a, jsxs as b, Fragment as ye } from "react/jsx-runtime";
+import * as B from "react";
+import k, { useState as x, useRef as q, createContext as be, useContext as ve, useMemo as ce, useEffect as z, useCallback as R, useLayoutEffect as Re } from "react";
+import { SPIN_COMMIT_REDUCED as $e, SPIN_COMMIT_FULL as Fe } from "@mt-gloss/motion";
+import { useMotionValue as de, animate as V, motion as ze } from "framer-motion";
+import { b as He, M as ue } from "./TimeframeQuickBar-BexFJUgk.js";
+import { useSensors as Ue, useSensor as pe, PointerSensor as Be, KeyboardSensor as Ve, DndContext as Ye, closestCenter as Ke } from "@dnd-kit/core";
+import { sortableKeyboardCoordinates as qe, SortableContext as Ge, horizontalListSortingStrategy as Qe, arrayMove as We, useSortable as je } from "@dnd-kit/sortable";
+import { CSS as Ze } from "@dnd-kit/utilities";
+function Ht() {
+  const e = O();
   if (e?.state.activePanelId !== "settings") return null;
   const t = e.state.activeTrigger;
   return t?.kind === "card-overflow" ? t.cardId : null;
 }
-function Ce({ span: e, rotating: t = !0, children: s }) {
+function _e({ span: e, rotating: t = !0, children: s }) {
   const r = ["clone-card", `span-${e}`, t ? "rotating" : ""].filter(Boolean).join(" "), n = s != null ? "full" : "fallback";
   return /* @__PURE__ */ a("div", { className: r, "data-clone-fidelity": n, children: s });
 }
-const Ze = 500, Xe = 1, Je = "var(--gloss-color-primary, #6366f1)";
-function et({
+const Xe = 500, Je = 1, et = "var(--gloss-color-primary, #6366f1)";
+function tt({
   children: e,
   spinTrigger: t,
   onSpinComplete: s,
   spinDuration: r,
   spinRotations: n,
-  accentColor: c
+  accentColor: d
 }) {
-  const u = de(0), o = de(1), l = Y.useRef(null), i = Y.useMemo(() => De() === "reduced", []), d = Y.useRef(t);
-  return Y.useEffect(() => {
-    if (t === void 0 || t === d.current) return;
-    d.current = t;
-    const h = (r ?? Ze) / 1e3, g = n ?? Xe, m = l.current;
+  const p = de(0), o = de(1), l = B.useRef(null), i = B.useMemo(() => Me() === "reduced", []), c = B.useRef(t);
+  return B.useEffect(() => {
+    if (t === void 0 || t === c.current) return;
+    c.current = t;
+    const h = (r ?? Xe) / 1e3, f = n ?? Je, m = l.current;
     if (i) {
-      const b = [];
+      const g = [];
       if (m) {
-        const w = K(
+        const E = V(
           m,
           { opacity: [0, 0.4, 0] },
-          Re
+          $e
         );
-        b.push(w), w.then(() => {
+        g.push(E), E.then(() => {
           s?.();
         });
       } else
@@ -49,28 +49,28 @@ function et({
           s?.();
         });
       return () => {
-        b.forEach((w) => w.stop());
+        g.forEach((E) => E.stop());
       };
     }
-    const C = { ...$e, duration: h }, S = K(u, [0, 360 * g], C), y = K(o, [1, 1.03, 1], C), P = [S, y];
+    const _ = { ...Fe, duration: h }, N = V(p, [0, 360 * f], _), C = V(o, [1, 1.03, 1], _), T = [N, C];
     if (m) {
-      const b = K(
+      const g = V(
         m,
         { opacity: [0, 0.6, 0, 0] },
-        { ...C, times: [0, 0.3, 0.8, 1] }
+        { ..._, times: [0, 0.3, 0.8, 1] }
       );
-      P.push(b);
+      T.push(g);
     }
-    return S.then(() => {
+    return N.then(() => {
       s?.();
     }), () => {
-      P.forEach((b) => b.stop());
+      T.forEach((g) => g.stop());
     };
-  }, [t, r, n, i, s, u, o]), /* @__PURE__ */ _(
-    Fe.div,
+  }, [t, r, n, i, s, p, o]), /* @__PURE__ */ b(
+    ze.div,
     {
       className: "clone-stage",
-      style: { rotateY: u, scale: o },
+      style: { rotateY: p, scale: o },
       children: [
         e,
         /* @__PURE__ */ a(
@@ -79,7 +79,7 @@ function et({
             ref: l,
             className: "clone-stage__accent",
             style: {
-              "--spin-accent-color": c ?? Je
+              "--spin-accent-color": d ?? et
             }
           }
         )
@@ -87,13 +87,13 @@ function et({
     }
   );
 }
-function zt({ primary: e, secondary: t }) {
-  return /* @__PURE__ */ _("div", { className: "gloss-panel-chrome-v2__footer-msg", children: [
+function Ut({ primary: e, secondary: t }) {
+  return /* @__PURE__ */ b("div", { className: "gloss-panel-chrome-v2__footer-msg", children: [
     /* @__PURE__ */ a("span", { className: "gloss-panel-chrome-v2__footer-msg-primary", children: e }),
     t != null && /* @__PURE__ */ a("span", { className: "gloss-panel-chrome-v2__footer-msg-secondary", children: t })
   ] });
 }
-function tt({
+function nt({
   id: e,
   onActivate: t,
   disabled: s
@@ -111,20 +111,20 @@ function tt({
     }
   ) });
 }
-function nt({
+function at({
   id: e,
   onRemove: t,
   removeDisabled: s
 }) {
-  const { attributes: r, listeners: n, setNodeRef: c, transform: u, transition: o, isDragging: l } = We({ id: e }), i = {
-    transform: je.Transform.toString(u),
+  const { attributes: r, listeners: n, setNodeRef: d, transform: p, transition: o, isDragging: l } = je({ id: e }), i = {
+    transform: Ze.Transform.toString(p),
     transition: o,
     opacity: l ? 0.6 : 1
   };
-  return /* @__PURE__ */ _(
+  return /* @__PURE__ */ b(
     "li",
     {
-      ref: c,
+      ref: d,
       style: i,
       className: `settings-shell__slot-pill${l ? " settings-shell__slot-pill--dragging" : ""}`,
       children: [
@@ -155,102 +155,106 @@ function nt({
     }
   );
 }
-function at({
+function st({
   value: e,
   onChange: t,
   naturalSlots: s
 }) {
-  const r = He(
-    pe(Ue, { activationConstraint: { distance: 4 } }),
-    pe(Be, { coordinateGetter: Ke })
-  ), n = (p) => {
-    const { active: h, over: g } = p;
-    if (!g || h.id === g.id) return;
-    const m = e.findIndex((S) => S === h.id), C = e.findIndex((S) => S === g.id);
-    m === -1 || C === -1 || t(Qe([...e], m, C));
-  }, c = e.length === 1, u = (p) => {
-    c || t(e.filter((h) => h !== p));
-  }, o = I.useMemo(() => new Set(e), [e]), l = I.useMemo(
-    () => (s ?? []).filter((p) => !o.has(p)),
+  const r = Ue(
+    pe(Be, { activationConstraint: { distance: 4 } }),
+    pe(Ve, { coordinateGetter: qe })
+  ), n = (u) => {
+    const { active: h, over: f } = u;
+    if (!f || h.id === f.id) return;
+    const m = e.findIndex((N) => N === h.id), _ = e.findIndex((N) => N === f.id);
+    m === -1 || _ === -1 || t(We([...e], m, _));
+  }, d = e.length === 1, p = (u) => {
+    d || t(e.filter((h) => h !== u));
+  }, o = k.useMemo(() => new Set(e), [e]), l = k.useMemo(
+    () => (s ?? []).filter((u) => !o.has(u)),
     [s, o]
-  ), i = !1, d = (p) => {
-    t([...e, p]);
+  ), i = !1, c = (u) => {
+    t([...e, u]);
   };
-  return /* @__PURE__ */ _("div", { className: "settings-shell__field settings-shell__field--slots", "aria-label": "Stack slots", children: [
-    /* @__PURE__ */ a(Ve, { sensors: r, collisionDetection: Ye, onDragEnd: n, children: /* @__PURE__ */ a(qe, { items: [...e], strategy: Ge, children: /* @__PURE__ */ _("ul", { className: "settings-shell__slots-list", role: "list", children: [
-      e.map((p) => /* @__PURE__ */ a(
-        nt,
+  return /* @__PURE__ */ b("div", { className: "settings-shell__field settings-shell__field--slots", "aria-label": "Stack slots", children: [
+    /* @__PURE__ */ a(Ye, { sensors: r, collisionDetection: Ke, onDragEnd: n, children: /* @__PURE__ */ a(Ge, { items: [...e], strategy: Qe, children: /* @__PURE__ */ b("ul", { className: "settings-shell__slots-list", role: "list", children: [
+      e.map((u) => /* @__PURE__ */ a(
+        at,
         {
-          id: p,
-          onRemove: () => u(p),
-          removeDisabled: c
+          id: u,
+          onRemove: () => p(u),
+          removeDisabled: d
         },
-        p
+        u
       )),
-      l.map((p) => /* @__PURE__ */ a(
-        tt,
+      l.map((u) => /* @__PURE__ */ a(
+        nt,
         {
-          id: p,
-          onActivate: () => d(p),
+          id: u,
+          onActivate: () => c(u),
           disabled: i
         },
-        `ghost:${p}`
+        `ghost:${u}`
       ))
     ] }) }) }),
     /* @__PURE__ */ a("p", { className: "settings-shell__help settings-shell__help--small", children: "Drag to reorder · click × to remove" })
   ] });
 }
-const st = ["Orders", "Quota", "Unassigned"], ot = ["timeframe"];
-function Ht({
+const ot = ["Orders", "Quota", "Unassigned"], rt = ["timeframe"];
+function Bt({
   isOpen: e,
   cardSpan: t,
   cardLabel: s = "Metric",
   cardValue: r = "—",
   previewSlot: n,
-  dimensions: c = ot,
-  initialTab: u,
+  dimensions: d = rt,
+  initialTab: p,
   initialValues: o,
   pinnedTimeframe: l,
-  naturalSlots: i
+  naturalSlots: i,
+  info: c
 }) {
-  const d = L(), p = d?.state.activeTrigger, h = p?.kind === "card-overflow" ? p.cardId : null, g = se(), m = p?.span, C = t ?? m ?? 1, S = c[0] ?? "timeframe", [y, P] = I.useState(u ?? S);
-  I.useEffect(() => {
-    c.includes(y) || P(S);
-  }, [c, y, S]);
-  const w = h != null ? d?.state?.bufferByCard?.[h]?.changes ?? {} : {}, $ = typeof w.timeframe == "string" ? w.timeframe : typeof o?.timeframe == "string" ? o.timeframe : "30d", F = Array.isArray(w.slots) ? w.slots : Array.isArray(o?.slots) ? o.slots : st, [T, k] = I.useState(null), W = (D) => {
-    h == null || d == null || d.dispatch({ type: "SET_BUFFER_VALUE", cardId: h, key: "timeframe", value: D });
+  const u = O(), h = u?.state.activeTrigger, f = h?.kind === "card-overflow" ? h.cardId : null, m = se(), _ = h?.span, N = t ?? _ ?? 1, C = k.useMemo(
+    () => c && !d.includes("info") ? [...d, "info"] : d,
+    [c, d]
+  ), T = C[0] ?? "timeframe", [g, E] = k.useState(p ?? T);
+  k.useEffect(() => {
+    C.includes(g) || E(T);
+  }, [C, g, T]);
+  const L = f != null ? u?.state?.bufferByCard?.[f]?.changes ?? {} : {}, P = typeof L.timeframe == "string" ? L.timeframe : typeof o?.timeframe == "string" ? o.timeframe : "30d", I = Array.isArray(L.slots) ? L.slots : Array.isArray(o?.slots) ? o.slots : ot, [G, Q] = k.useState(null), ie = (D) => {
+    f == null || u == null || u.dispatch({ type: "SET_BUFFER_VALUE", cardId: f, key: "timeframe", value: D });
+  }, W = (D) => {
+    f == null || u == null || (u.dispatch({ type: "SET_BUFFER_VALUE", cardId: f, key: "timeframe", value: D }), u.dispatch({ type: "SET_BUFFER_VALUE", cardId: f, key: "pinnedTimeframe", value: D }));
   }, j = (D) => {
-    h == null || d == null || (d.dispatch({ type: "SET_BUFFER_VALUE", cardId: h, key: "timeframe", value: D }), d.dispatch({ type: "SET_BUFFER_VALUE", cardId: h, key: "pinnedTimeframe", value: D }));
-  }, ie = (D) => {
-    h == null || d == null || d.dispatch({ type: "SET_BUFFER_VALUE", cardId: h, key: "slots", value: D });
-  }, U = d?.state.isDirty ?? !1, B = h, f = () => {
-    B != null && d?.dispatch({ type: "CLEAR_BUFFER", cardId: B });
-  }, [N, E] = I.useState(0), A = () => {
-    E((D) => D + 1), d?.dispatch({ type: "CLOSE_PANEL", reason: "apply-button" });
-  }, M = I.useCallback(() => {
+    f == null || u == null || u.dispatch({ type: "SET_BUFFER_VALUE", cardId: f, key: "slots", value: D });
+  }, y = u?.state.isDirty ?? !1, S = f, w = () => {
+    S != null && u?.dispatch({ type: "CLEAR_BUFFER", cardId: S });
+  }, [A, M] = k.useState(0), F = () => {
+    M((D) => D + 1), u?.dispatch({ type: "CLOSE_PANEL", reason: "apply-button" });
+  }, Ae = k.useCallback(() => {
   }, []);
   return /* @__PURE__ */ a(
     H,
     {
       variant: "with-stage",
-      onClose: () => d?.dispatch({ type: "CLOSE_PANEL", reason: "header-x" }),
+      onClose: () => u?.dispatch({ type: "CLOSE_PANEL", reason: "header-x" }),
       stage: (
         // M003-S004-MOT-02 — CloneStage wraps CloneCard so the spin-commit
         // gesture has a transform host that does NOT disturb the inner
         // CloneCard's existing sway / span-N geometry. Counter is owned here
         // (Option 3); reptime sees no spinTrigger plumbing.
-        /* @__PURE__ */ a(et, { spinTrigger: N, onSpinComplete: M, children: /* @__PURE__ */ a(Ce, { span: C, rotating: !g, children: n ?? /* @__PURE__ */ _(ye, { children: [
+        /* @__PURE__ */ a(tt, { spinTrigger: A, onSpinComplete: Ae, children: /* @__PURE__ */ a(_e, { span: N, rotating: !m, children: n ?? /* @__PURE__ */ b(ye, { children: [
           /* @__PURE__ */ a("div", { style: { fontSize: 9, textTransform: "uppercase", letterSpacing: "0.06em", color: "#9ca3af", marginBottom: 6 }, children: s }),
           /* @__PURE__ */ a("div", { style: { fontSize: 22, fontWeight: 700, color: "#111827", lineHeight: 1 }, children: r })
         ] }) }) })
       ),
       navigation: /* @__PURE__ */ a(
-        Me,
+        Le,
         {
-          dimensions: c,
-          activeTab: y,
-          onSelect: P,
-          reduced: g
+          dimensions: C,
+          activeTab: g,
+          onSelect: E,
+          reduced: m
         }
       ),
       footer: {
@@ -260,8 +264,8 @@ function Ht({
             id: "btn-reset",
             type: "button",
             className: "gloss-panel-chrome-v2__footer-btn",
-            disabled: !U,
-            onClick: f,
+            disabled: !y,
+            onClick: w,
             children: "Reset"
           }
         ),
@@ -271,55 +275,68 @@ function Ht({
             id: "settings-apply",
             type: "button",
             className: "gloss-panel-chrome-v2__footer-btn gloss-panel-chrome-v2__footer-btn--primary",
-            disabled: !U,
-            onClick: A,
+            disabled: !y,
+            onClick: F,
             children: "Apply"
           }
         )
       },
-      children: /* @__PURE__ */ a("div", { className: "settings-shell", "data-shell": "settings", "aria-hidden": !e, children: /* @__PURE__ */ _(
+      children: /* @__PURE__ */ a("div", { className: "settings-shell", "data-shell": "settings", "aria-hidden": !e, children: /* @__PURE__ */ b(
         "div",
         {
           role: "tabpanel",
-          id: `settings-tabpanel-${y}`,
+          id: `settings-tabpanel-${g}`,
           "aria-label": "Settings dimension controls",
           tabIndex: 0,
           className: "settings-shell__tabpanel",
           children: [
-            y === "timeframe" && /* @__PURE__ */ a("div", { className: "settings-shell__field settings-shell__field--timeframe", children: /* @__PURE__ */ a(
-              ze,
+            g === "timeframe" && /* @__PURE__ */ a("div", { className: "settings-shell__field settings-shell__field--timeframe", children: /* @__PURE__ */ a(
+              He,
               {
-                selectedPreset: $,
-                onSelect: W,
+                selectedPreset: P,
+                onSelect: ie,
                 pinnedPreset: l ?? "30d",
-                onPin: j,
-                openGroup: T,
-                onOpenChange: (D, Ae) => k(Ae ? D : null),
+                onPin: W,
+                openGroup: G,
+                onOpenChange: (D, De) => Q(De ? D : null),
                 disableHover: !0,
                 showCalendarEntry: !1
               }
             ) }),
-            y === "slots" && /* @__PURE__ */ a(at, { value: F, onChange: ie, naturalSlots: i })
+            g === "slots" && /* @__PURE__ */ a(st, { value: I, onChange: j, naturalSlots: i }),
+            g === "info" && c && /* @__PURE__ */ b("div", { className: "settings-shell__info", children: [
+              c.description && /* @__PURE__ */ a("p", { className: "settings-shell__info-desc", children: c.description }),
+              (c.category || c.example) && /* @__PURE__ */ b("dl", { className: "settings-shell__info-meta", children: [
+                c.category && /* @__PURE__ */ b("div", { className: "settings-shell__info-row", children: [
+                  /* @__PURE__ */ a("dt", { children: "Category" }),
+                  /* @__PURE__ */ a("dd", { className: "settings-shell__info-row-cap", children: c.category })
+                ] }),
+                c.example && /* @__PURE__ */ b("div", { className: "settings-shell__info-row", children: [
+                  /* @__PURE__ */ a("dt", { children: "Example" }),
+                  /* @__PURE__ */ a("dd", { children: c.example })
+                ] })
+              ] })
+            ] })
           ]
         }
       ) })
     }
   );
 }
-function rt({
+function lt({
   isOpen: e,
   cardSpan: t,
   previewSlot: s,
   metricInfo: r
 }) {
-  const n = L(), c = n?.state.activeTrigger, u = se(), o = c?.span;
+  const n = O(), d = n?.state.activeTrigger, p = se(), o = d?.span;
   return /* @__PURE__ */ a(
     H,
     {
       variant: "with-stage",
       onClose: () => n?.dispatch({ type: "CLOSE_PANEL", reason: "header-x" }),
-      stage: /* @__PURE__ */ a(Ce, { span: t ?? o ?? 1, rotating: !u, children: s }),
-      children: /* @__PURE__ */ _(
+      stage: /* @__PURE__ */ a(_e, { span: t ?? o ?? 1, rotating: !p, children: s }),
+      children: /* @__PURE__ */ b(
         "div",
         {
           className: "metric-info-shell",
@@ -334,15 +351,15 @@ function rt({
     }
   );
 }
-rt.displayName = "MetricInfoShell";
-const _e = [
+lt.displayName = "MetricInfoShell";
+const Ce = [
   "Revenue",
   "Order flow",
   "Rep performance",
   "Brand portfolio",
   "Account coverage",
   "Commission"
-], Se = "Revenue", Ne = {
+], Ne = "Revenue", Se = {
   Revenue: {
     headline: "Are we hitting our number?",
     helper: "Top-line sales, growth, average order value, and pace-to-plan signals."
@@ -657,41 +674,41 @@ function Te({
   activeLens: t,
   onLensChange: s,
   variant: r = "pills",
-  lensMeta: n = Ne
+  lensMeta: n = Se
 }) {
-  return r === "pills" ? /* @__PURE__ */ a("div", { className: "cat-pills-wrap", children: /* @__PURE__ */ a("div", { className: "cat-pills", role: "tablist", "aria-label": "Metric lenses", children: e.map((c) => {
-    const u = c === t, o = n[c], l = ["cat-pill"];
-    return u && l.push("active"), /* @__PURE__ */ _(
+  return r === "pills" ? /* @__PURE__ */ a("div", { className: "cat-pills-wrap", children: /* @__PURE__ */ a("div", { className: "cat-pills", role: "tablist", "aria-label": "Metric lenses", children: e.map((d) => {
+    const p = d === t, o = n[d], l = ["cat-pill"];
+    return p && l.push("active"), /* @__PURE__ */ b(
       "button",
       {
         type: "button",
         role: "tab",
-        "aria-selected": u,
+        "aria-selected": p,
         className: l.join(" "),
-        "data-lens": c,
+        "data-lens": d,
         onClick: () => {
-          u || s(c);
+          p || s(d);
         },
         children: [
-          c,
+          d,
           o?.beta && /* @__PURE__ */ a("span", { className: "cat-pill-beta", "aria-label": "Beta", children: "BETA" })
         ]
       },
-      c
+      d
     );
-  }) }) }) : /* @__PURE__ */ a(lt, { lenses: e, activeLens: t, onLensChange: s });
+  }) }) }) : /* @__PURE__ */ a(it, { lenses: e, activeLens: t, onLensChange: s });
 }
-function lt({
+function it({
   lenses: e,
   activeLens: t,
   onLensChange: s
 }) {
-  const [r, n] = x(!1), c = Q(null), u = () => {
-    c.current != null && (window.clearTimeout(c.current), c.current = null);
+  const [r, n] = x(!1), d = q(null), p = () => {
+    d.current != null && (window.clearTimeout(d.current), d.current = null);
   }, o = () => {
-    u(), c.current = window.setTimeout(() => n(!1), 100);
+    p(), d.current = window.setTimeout(() => n(!1), 100);
   }, l = e.filter((i) => i !== t);
-  return /* @__PURE__ */ a("div", { className: "cat-segmented-wrap", children: /* @__PURE__ */ _("div", { className: "cat-segmented", children: [
+  return /* @__PURE__ */ a("div", { className: "cat-segmented-wrap", children: /* @__PURE__ */ b("div", { className: "cat-segmented", children: [
     /* @__PURE__ */ a(
       "button",
       {
@@ -702,12 +719,12 @@ function lt({
         children: t
       }
     ),
-    /* @__PURE__ */ _(
+    /* @__PURE__ */ b(
       "div",
       {
         className: "cat-seg-more",
         onMouseEnter: () => {
-          u(), n(!0);
+          p(), n(!0);
         },
         onMouseLeave: o,
         children: [
@@ -717,7 +734,7 @@ function lt({
             {
               className: "cat-seg-overflow",
               role: "menu",
-              onMouseEnter: u,
+              onMouseEnter: p,
               onMouseLeave: o,
               children: l.map((i) => /* @__PURE__ */ a(
                 "button",
@@ -741,21 +758,21 @@ function lt({
 }
 function ne({ tiles: e, selectedTileId: t, onSelectTile: s, renderTile: r }) {
   return /* @__PURE__ */ a("div", { className: "cat-tiles", children: e.map((n) => {
-    const c = n.id === t, u = n.subStats != null && n.subStats.length > 0;
+    const d = n.id === t, p = n.subStats != null && n.subStats.length > 0;
     let o = null;
-    u ? n.subStats.length === 5 ? o = "span-5" : n.subStats.length === 3 ? o = "span-3" : o = "span-2" : n.stack === !0 && (o = "span-2");
+    p ? n.subStats.length === 5 ? o = "span-5" : n.subStats.length === 3 ? o = "span-3" : o = "span-2" : n.stack === !0 && (o = "span-2");
     const l = ["cat-tile"];
-    o && l.push(o), c && l.push("selected"), n.isNew && l.push("is-new"), n.startHere && l.push("start-here"), n.donut && l.push("has-donut");
+    o && l.push(o), d && l.push("selected"), n.isNew && l.push("is-new"), n.startHere && l.push("start-here"), n.donut && l.push("has-donut");
     const i = 1;
-    let d = 0.7;
+    let c = 0.7;
     if (n.donut) {
-      const p = /([\d.]+)\s*%/.exec(n.value);
-      if (p) {
-        const h = parseFloat(p[1]);
-        Number.isFinite(h) && (d = Math.max(0, Math.min(1, h / 100)));
+      const u = /([\d.]+)\s*%/.exec(n.value);
+      if (u) {
+        const h = parseFloat(u[1]);
+        Number.isFinite(h) && (c = Math.max(0, Math.min(1, h / 100)));
       }
     }
-    return /* @__PURE__ */ _(
+    return /* @__PURE__ */ b(
       "button",
       {
         type: "button",
@@ -765,7 +782,7 @@ function ne({ tiles: e, selectedTileId: t, onSelectTile: s, renderTile: r }) {
         "data-col-span": String(i),
         "data-donut": n.donut ? "true" : void 0,
         "data-accent": n.accent,
-        "aria-pressed": c,
+        "aria-pressed": d,
         onClick: () => s(n.id, n.desc),
         style: n.accent ? { "--cat-tile-accent": n.accent } : void 0,
         children: [
@@ -783,7 +800,7 @@ function ne({ tiles: e, selectedTileId: t, onSelectTile: s, renderTile: r }) {
                   variant: "donut",
                   label: n.label,
                   value: n.value,
-                  donutValue: d,
+                  donutValue: c,
                   donutMax: 1,
                   accentColor: n.accent,
                   colSpan: i
@@ -799,7 +816,7 @@ function ne({ tiles: e, selectedTileId: t, onSelectTile: s, renderTile: r }) {
               )
             }
           ),
-          n.variants && n.variants.length > 0 && /* @__PURE__ */ a("span", { className: "cat-tile-variants", "aria-hidden": "true", children: n.variants.map((p) => /* @__PURE__ */ a("span", { children: p }, p)) }),
+          n.variants && n.variants.length > 0 && /* @__PURE__ */ a("span", { className: "cat-tile-variants", "aria-hidden": "true", children: n.variants.map((u) => /* @__PURE__ */ a("span", { children: u }, u)) }),
           n.isNew && /* @__PURE__ */ a("span", { className: "cat-tile-new-dot", "aria-hidden": "true" })
         ]
       },
@@ -811,13 +828,13 @@ const oe = be(null);
 function re() {
   return ve(oe);
 }
-function Ut({ mode: e, dispatch: t }) {
+function Vt({ mode: e, dispatch: t }) {
   const s = re();
   if (s == null && e == null) return null;
-  const r = s?.mode ?? e ?? "add", n = s?.selectedTileId ?? null, c = s?.description ?? null, u = n == null;
-  return /* @__PURE__ */ _("div", { className: "panel-footer catalog", children: [
-    /* @__PURE__ */ a("div", { className: "cat-description", id: "cat-desc", children: c ?? /* @__PURE__ */ a("em", { children: "Tap a metric to see its description" }) }),
-    /* @__PURE__ */ _("div", { style: { display: "flex", padding: "10px 14px", gap: 8 }, children: [
+  const r = s?.mode ?? e ?? "add", n = s?.selectedTileId ?? null, d = s?.description ?? null, p = n == null;
+  return /* @__PURE__ */ b("div", { className: "panel-footer catalog", children: [
+    /* @__PURE__ */ a("div", { className: "cat-description", id: "cat-desc", children: d ?? /* @__PURE__ */ a("em", { children: "Tap a metric to see its description" }) }),
+    /* @__PURE__ */ b("div", { style: { display: "flex", padding: "10px 14px", gap: 8 }, children: [
       /* @__PURE__ */ a("div", { className: "spacer", style: { flex: 1 } }),
       /* @__PURE__ */ a(
         "button",
@@ -835,7 +852,7 @@ function Ut({ mode: e, dispatch: t }) {
           id: "btn-cat-add",
           type: "button",
           className: "btn btn-primary",
-          disabled: u,
+          disabled: p,
           onClick: () => t({ type: "CLOSE_PANEL", reason: "apply-button" }),
           children: "Add metric"
         }
@@ -846,7 +863,7 @@ function Ut({ mode: e, dispatch: t }) {
           id: "btn-cat-replace",
           type: "button",
           className: "btn btn-primary",
-          disabled: u,
+          disabled: p,
           onClick: () => t({ type: "CLOSE_PANEL", reason: "apply-button" }),
           children: "Replace metric"
         }
@@ -864,53 +881,53 @@ function me(e, t) {
   }
   return !1;
 }
-function it() {
+function ct() {
   const t = re()?.description ?? null;
   return t == null ? /* @__PURE__ */ a("span", { style: { fontStyle: "italic" }, children: "Tap a metric to see its description" }) : /* @__PURE__ */ a("span", { children: t });
 }
-function Bt({
+function Yt({
   isOpen: e,
-  lenses: t = _e,
-  defaultLens: s = Se,
+  lenses: t = Ce,
+  defaultLens: s = Ne,
   tilesByLens: r = Pe,
-  lensMeta: n = Ne,
-  renderTile: c,
-  onAdd: u
+  lensMeta: n = Se,
+  renderTile: d,
+  onAdd: p
 }) {
-  const o = L(), [l, i] = x(s), [d, p] = x(null), [h, g] = x(null), [m, C] = x(""), S = r[l] ?? { primary: [] }, y = n[l], P = ce(
-    () => S.primary.filter((T) => me(T, m)),
-    [S.primary, m]
-  ), b = ce(
-    () => (S.secondary ?? []).filter((T) => me(T, m)),
-    [S.secondary, m]
-  ), w = () => {
-    d != null && u?.(d), o?.dispatch({ type: "CLOSE_PANEL", reason: "apply-button" });
-  }, $ = () => o?.dispatch({ type: "CLOSE_PANEL", reason: "header-x" }), F = d == null;
+  const o = O(), [l, i] = x(s), [c, u] = x(null), [h, f] = x(null), [m, _] = x(""), N = r[l] ?? { primary: [] }, C = n[l], T = ce(
+    () => N.primary.filter((P) => me(P, m)),
+    [N.primary, m]
+  ), g = ce(
+    () => (N.secondary ?? []).filter((P) => me(P, m)),
+    [N.secondary, m]
+  ), E = () => {
+    c != null && p?.(c), o?.dispatch({ type: "CLOSE_PANEL", reason: "apply-button" });
+  }, U = () => o?.dispatch({ type: "CLOSE_PANEL", reason: "header-x" }), L = c == null;
   return /* @__PURE__ */ a(
     oe.Provider,
     {
-      value: { mode: "add", selectedTileId: d, description: h },
+      value: { mode: "add", selectedTileId: c, description: h },
       children: /* @__PURE__ */ a(
         H,
         {
           variant: "no-stage",
           title: "Add a metric",
-          onClose: $,
+          onClose: U,
           footer: {
-            left: /* @__PURE__ */ a(it, {}),
+            left: /* @__PURE__ */ a(ct, {}),
             right: /* @__PURE__ */ a(
               "button",
               {
                 id: "btn-cat-add",
                 type: "button",
                 className: "gloss-panel-chrome-v2__footer-btn gloss-panel-chrome-v2__footer-btn--primary",
-                disabled: F,
-                onClick: w,
+                disabled: L,
+                onClick: E,
                 children: "Add metric"
               }
             )
           },
-          children: /* @__PURE__ */ _("div", { "data-shell": "catalog-add", "aria-hidden": !e, children: [
+          children: /* @__PURE__ */ b("div", { "data-shell": "catalog-add", "aria-hidden": !e, children: [
             /* @__PURE__ */ a("div", { className: "cat-search", children: /* @__PURE__ */ a(
               "input",
               {
@@ -919,7 +936,7 @@ function Bt({
                 placeholder: "Search metrics",
                 "aria-label": "Search metrics",
                 value: m,
-                onChange: (T) => C(T.target.value)
+                onChange: (P) => _(P.target.value)
               }
             ) }),
             /* @__PURE__ */ a(
@@ -929,41 +946,41 @@ function Bt({
                 activeLens: l,
                 lensMeta: n,
                 variant: "pills",
-                onLensChange: (T) => {
-                  i(T), p(null), g(null), C("");
+                onLensChange: (P) => {
+                  i(P), u(null), f(null), _("");
                 }
               }
             ),
-            y && /* @__PURE__ */ _("div", { className: "cat-lens-meta", children: [
-              /* @__PURE__ */ a("h3", { className: "cat-lens-headline", children: y.headline }),
-              /* @__PURE__ */ a("p", { className: "cat-lens-helper", children: y.helper })
+            C && /* @__PURE__ */ b("div", { className: "cat-lens-meta", children: [
+              /* @__PURE__ */ a("h3", { className: "cat-lens-headline", children: C.headline }),
+              /* @__PURE__ */ a("p", { className: "cat-lens-helper", children: C.helper })
             ] }),
             /* @__PURE__ */ a(
               ne,
               {
-                tiles: P,
-                selectedTileId: d,
-                onSelectTile: (T, k) => {
-                  p(T), g(k);
+                tiles: T,
+                selectedTileId: c,
+                onSelectTile: (P, I) => {
+                  u(P), f(I);
                 },
-                renderTile: c
+                renderTile: d
               }
             ),
-            b.length > 0 && /* @__PURE__ */ _("div", { className: "cat-more-in-lens", children: [
+            g.length > 0 && /* @__PURE__ */ b("div", { className: "cat-more-in-lens", children: [
               /* @__PURE__ */ a("div", { className: "cat-more-in-lens__heading", children: "MORE IN THIS LENS" }),
               /* @__PURE__ */ a(
                 ne,
                 {
-                  tiles: b,
-                  selectedTileId: d,
-                  onSelectTile: (T, k) => {
-                    p(T), g(k);
+                  tiles: g,
+                  selectedTileId: c,
+                  onSelectTile: (P, I) => {
+                    u(P), f(I);
                   },
-                  renderTile: c
+                  renderTile: d
                 }
               )
             ] }),
-            P.length === 0 && b.length === 0 && m.length > 0 && /* @__PURE__ */ _("div", { className: "cat-empty", children: [
+            T.length === 0 && g.length === 0 && m.length > 0 && /* @__PURE__ */ b("div", { className: "cat-empty", children: [
               'No metrics match "',
               m,
               '".'
@@ -974,45 +991,48 @@ function Bt({
     }
   );
 }
-function ct() {
+function dt() {
   const t = re()?.description ?? null;
   return t == null ? /* @__PURE__ */ a("em", { children: "Tap a metric to see its description" }) : /* @__PURE__ */ a(ye, { children: t });
 }
-function Vt({
+function Kt({
   isOpen: e,
   replacingLabel: t,
-  lenses: s = _e,
-  defaultLens: r = Se,
+  lenses: s = Ce,
+  defaultLens: r = Ne,
   tilesByLens: n = Pe,
-  renderTile: c
+  renderTile: d,
+  onReplace: p
 }) {
-  const u = L(), [o, l] = x(r), [i, d] = x(null), [p, h] = x(null), g = n[o] ?? { primary: [] }, m = [...g.primary, ...g.secondary ?? []], C = () => u?.dispatch({ type: "CLOSE_PANEL", reason: "apply-button" }), S = () => u?.dispatch({ type: "CLOSE_PANEL", reason: "header-x" }), y = i == null;
+  const o = O(), [l, i] = x(r), [c, u] = x(null), [h, f] = x(null), m = n[l] ?? { primary: [] }, _ = [...m.primary, ...m.secondary ?? []], N = () => {
+    c != null && p?.(c), o?.dispatch({ type: "CLOSE_PANEL", reason: "apply-button" });
+  }, C = () => o?.dispatch({ type: "CLOSE_PANEL", reason: "header-x" }), T = c == null;
   return /* @__PURE__ */ a(
     oe.Provider,
     {
-      value: { mode: "replace", selectedTileId: i, description: p },
+      value: { mode: "replace", selectedTileId: c, description: h },
       children: /* @__PURE__ */ a(
         H,
         {
           variant: "no-stage",
           title: "Replace metric",
-          onClose: S,
+          onClose: C,
           footer: {
-            left: /* @__PURE__ */ a(ct, {}),
+            left: /* @__PURE__ */ a(dt, {}),
             right: /* @__PURE__ */ a(
               "button",
               {
                 id: "btn-cat-replace",
                 type: "button",
                 className: "gloss-panel-chrome-v2__footer-btn gloss-panel-chrome-v2__footer-btn--primary",
-                disabled: y,
-                onClick: C,
+                disabled: T,
+                onClick: N,
                 children: "Replace metric"
               }
             )
           },
-          children: /* @__PURE__ */ _("div", { "data-shell": "catalog-replace", "aria-hidden": !e, children: [
-            t && /* @__PURE__ */ _("p", { className: "cat-subtitle", children: [
+          children: /* @__PURE__ */ b("div", { "data-shell": "catalog-replace", "aria-hidden": !e, children: [
+            t && /* @__PURE__ */ b("p", { className: "cat-subtitle", children: [
               "replacing ",
               t
             ] }),
@@ -1020,21 +1040,21 @@ function Vt({
               Te,
               {
                 lenses: s,
-                activeLens: o,
-                onLensChange: (P) => {
-                  l(P), d(null), h(null);
+                activeLens: l,
+                onLensChange: (g) => {
+                  i(g), u(null), f(null);
                 }
               }
             ),
             /* @__PURE__ */ a(
               ne,
               {
-                tiles: m,
-                selectedTileId: i,
-                onSelectTile: (P, b) => {
-                  d(P), h(b);
+                tiles: _,
+                selectedTileId: c,
+                onSelectTile: (g, E) => {
+                  u(g), f(E);
                 },
-                renderTile: c
+                renderTile: d
               }
             )
           ] })
@@ -1043,13 +1063,13 @@ function Vt({
     }
   );
 }
-const Ee = be(null);
-function we() {
-  return ve(Ee);
+const we = be(null);
+function Ee() {
+  return ve(we);
 }
-function dt(e = {}) {
-  const t = we(), s = t?.createPage, r = t?.setPages;
-  return /* @__PURE__ */ _(
+function ut(e = {}) {
+  const t = Ee(), s = t?.createPage, r = t?.setPages;
+  return /* @__PURE__ */ b(
     "div",
     {
       className: "panel-footer pm",
@@ -1080,27 +1100,27 @@ function dt(e = {}) {
   );
 }
 function he({ page: e, onRename: t, onKebab: s, onDragStart: r, onSwitchPage: n }) {
-  const c = we(), [u, o] = x(!1), l = Q(null);
+  const d = Ee(), [p, o] = x(!1), l = q(null);
   z(() => {
-    if (!u) return;
-    const m = (C) => {
-      l.current && (l.current.contains(C.target) || o(!1));
+    if (!p) return;
+    const m = (_) => {
+      l.current && (l.current.contains(_.target) || o(!1));
     };
     return document.addEventListener("mousedown", m, !0), () => document.removeEventListener("mousedown", m, !0);
-  }, [u]);
+  }, [p]);
   const i = () => {
     if (o(!1), t) return t(e.id);
-    if (!c?.renamePage) return;
+    if (!d?.renamePage) return;
     const m = window.prompt("Rename page", e.name);
-    m != null && m.trim().length > 0 && c.renamePage(e.id, m.trim());
-  }, d = () => {
-    o(!1), c?.duplicatePage?.(e.id);
-  }, p = () => {
-    o(!1), c?.deletePage?.(e.id);
+    m != null && m.trim().length > 0 && d.renamePage(e.id, m.trim());
+  }, c = () => {
+    o(!1), d?.duplicatePage?.(e.id);
+  }, u = () => {
+    o(!1), d?.deletePage?.(e.id);
   }, h = (m) => {
     m.stopPropagation(), n && !e.active && n(e.id);
-  }, g = ["pm-row"];
-  return e.active && g.push("active"), /* @__PURE__ */ _("div", { ref: l, className: g.join(" "), "data-page-id": e.id, role: "listitem", children: [
+  }, f = ["pm-row"];
+  return e.active && f.push("active"), /* @__PURE__ */ b("div", { ref: l, className: f.join(" "), "data-page-id": e.id, role: "listitem", children: [
     /* @__PURE__ */ a(
       "div",
       {
@@ -1131,17 +1151,17 @@ function he({ page: e, onRename: t, onKebab: s, onDragStart: r, onSwitchPage: n
         className: "pm-kebab",
         "aria-label": "Page options",
         "aria-haspopup": "menu",
-        "aria-expanded": u,
+        "aria-expanded": p,
         onPointerDown: (m) => m.stopPropagation(),
         onMouseDown: (m) => m.stopPropagation(),
         onClick: (m) => {
           if (m.stopPropagation(), s) return s(e.id);
-          o((C) => !C);
+          o((_) => !_);
         },
         children: "⋯"
       }
     ),
-    u && /* @__PURE__ */ _(
+    p && /* @__PURE__ */ b(
       "div",
       {
         className: "pm-kebab-menu",
@@ -1151,14 +1171,14 @@ function he({ page: e, onRename: t, onKebab: s, onDragStart: r, onSwitchPage: n
         onMouseDown: (m) => m.stopPropagation(),
         children: [
           /* @__PURE__ */ a("button", { type: "button", role: "menuitem", className: "pm-kebab-menu__item", onClick: i, children: "Rename" }),
-          /* @__PURE__ */ a("button", { type: "button", role: "menuitem", className: "pm-kebab-menu__item", onClick: d, children: "Duplicate" }),
+          /* @__PURE__ */ a("button", { type: "button", role: "menuitem", className: "pm-kebab-menu__item", onClick: c, children: "Duplicate" }),
           /* @__PURE__ */ a(
             "button",
             {
               type: "button",
               role: "menuitem",
               className: "pm-kebab-menu__item pm-kebab-menu__item--danger",
-              onClick: p,
+              onClick: u,
               children: "Delete"
             }
           )
@@ -1167,93 +1187,93 @@ function he({ page: e, onRename: t, onKebab: s, onDragStart: r, onSwitchPage: n
     )
   ] });
 }
-const ut = [
+const pt = [
   { id: "p-pipeline", name: "My Pipeline", active: !0 },
   { id: "p-numbers", name: "My Numbers", active: !1 },
   { id: "p-morning", name: "My Morning", active: !1 },
   { id: "p-accounts", name: "My Accounts", active: !1 }
 ];
-function Yt({
+function qt({
   isOpen: e,
-  pages: t = ut,
+  pages: t = pt,
   externalPages: s,
   activePageId: r,
   onRename: n,
-  onDuplicate: c,
-  onDelete: u,
+  onDuplicate: d,
+  onDelete: p,
   onReorder: o,
   onCreatePage: l,
   onSwitchPage: i
 }) {
-  const d = L(), [p, h] = x(() => [...t]), g = O((f, N) => {
-    h((E) => E.map((A) => A.id === f ? { ...A, name: N } : A));
-  }, []), m = O((f) => {
-    h((N) => {
-      const E = N.find((V) => V.id === f);
-      if (!E) return N;
+  const c = O(), [u, h] = x(() => [...t]), f = R((y, S) => {
+    h((w) => w.map((A) => A.id === y ? { ...A, name: S } : A));
+  }, []), m = R((y) => {
+    h((S) => {
+      const w = S.find((F) => F.id === y);
+      if (!w) return S;
       const A = {
-        id: `${E.id}-copy-${Date.now()}`,
-        name: `${E.name} copy`,
+        id: `${w.id}-copy-${Date.now()}`,
+        name: `${w.name} copy`,
         active: !1
-      }, M = N.findIndex((V) => V.id === f);
-      return [...N.slice(0, M + 1), A, ...N.slice(M + 1)];
+      }, M = S.findIndex((F) => F.id === y);
+      return [...S.slice(0, M + 1), A, ...S.slice(M + 1)];
     });
-  }, []), C = O((f) => {
-    h((N) => N.filter((E) => E.id !== f));
-  }, []), S = O((f) => {
-    h((N) => {
-      const E = new Map(N.map((M) => [M.id, M])), A = f.map((M) => E.get(M)).filter(Boolean);
-      return A.length === N.length ? A : N;
+  }, []), _ = R((y) => {
+    h((S) => S.filter((w) => w.id !== y));
+  }, []), N = R((y) => {
+    h((S) => {
+      const w = new Map(S.map((M) => [M.id, M])), A = y.map((M) => w.get(M)).filter(Boolean);
+      return A.length === S.length ? A : S;
     });
-  }, []), y = s != null, P = y ? s : p, b = r != null ? P.map((f) => ({ ...f, active: f.id === r })) : [...P], w = n ?? (y ? void 0 : g), $ = c ?? (y ? void 0 : m), F = u ?? (y ? void 0 : C), T = o ?? (y ? void 0 : S), k = O(
-    (f) => {
-      y || h(f);
+  }, []), C = s != null, T = C ? s : u, g = r != null ? T.map((y) => ({ ...y, active: y.id === r })) : [...T], E = n ?? (C ? void 0 : f), U = d ?? (C ? void 0 : m), L = p ?? (C ? void 0 : _), P = o ?? (C ? void 0 : N), I = R(
+    (y) => {
+      C || h(y);
     },
-    [y]
-  ), W = O(
-    (f) => {
-      const N = f[0]?.items.map((E) => E.id) ?? [];
-      N.length > 0 && T && T(N);
+    [C]
+  ), G = R(
+    (y) => {
+      const S = y[0]?.items.map((w) => w.id) ?? [];
+      S.length > 0 && P && P(S);
     },
-    [T]
-  ), j = b.map((f) => `${f.id}:${f.name}`).join("|"), U = T != null && b.length > 1 ? /* @__PURE__ */ a(
-    Le,
+    [P]
+  ), Q = g.map((y) => `${y.id}:${y.name}`).join("|"), W = P != null && g.length > 1 ? /* @__PURE__ */ a(
+    ke,
     {
       zones: [
         {
           zoneKey: "pm-pages",
-          items: b.map((f) => ({ ...f, id: f.id }))
+          items: g.map((y) => ({ ...y, id: y.id }))
         }
       ],
-      onZoneChange: W,
-      renderZone: (f, N, E) => /* @__PURE__ */ a("div", { className: "pm-list", role: "list", children: E }),
-      renderItem: (f) => /* @__PURE__ */ a(
+      onZoneChange: G,
+      renderZone: (y, S, w) => /* @__PURE__ */ a("div", { className: "pm-list", role: "list", children: w }),
+      renderItem: (y) => /* @__PURE__ */ a(
         he,
         {
-          page: f,
+          page: y,
           onSwitchPage: i
         },
-        f.id
+        y.id
       )
     },
-    j
-  ) : /* @__PURE__ */ a("div", { className: "pm-list", role: "list", children: b.map((f) => /* @__PURE__ */ a(
+    Q
+  ) : /* @__PURE__ */ a("div", { className: "pm-list", role: "list", children: g.map((y) => /* @__PURE__ */ a(
     he,
     {
-      page: f,
+      page: y,
       onSwitchPage: i
     },
-    f.id
-  )) }), B = () => d?.dispatch({ type: "CLOSE_PANEL", reason: "header-x" });
+    y.id
+  )) }), j = () => c?.dispatch({ type: "CLOSE_PANEL", reason: "header-x" });
   return /* @__PURE__ */ a(
-    Ee.Provider,
+    we.Provider,
     {
       value: {
-        pages: b,
-        setPages: k,
-        renamePage: w,
-        duplicatePage: $,
-        deletePage: F,
+        pages: g,
+        setPages: I,
+        renamePage: E,
+        duplicatePage: U,
+        deletePage: L,
         // Sprint 2026-05-20 — propagate live create binding for footer.
         createPage: l
       },
@@ -1262,26 +1282,26 @@ function Yt({
         {
           variant: "no-stage",
           title: "Manage pages",
-          onClose: B,
-          footer: { right: /* @__PURE__ */ a(dt, {}) },
-          children: /* @__PURE__ */ a("div", { "data-shell": "page-management", "aria-hidden": !e, children: U })
+          onClose: j,
+          footer: { right: /* @__PURE__ */ a(ut, {}) },
+          children: /* @__PURE__ */ a("div", { "data-shell": "page-management", "aria-hidden": !e, children: W })
         }
       )
     }
   );
 }
-const Kt = {
+const Gt = {
   SETTINGS: "settings",
   CATALOG_ADD: "catalog-add",
   CATALOG_REPLACE: "catalog-replace",
   PAGE_MGMT: "page-management",
   NOTIFICATION_CENTER: "notification-center"
-}, pt = {
+}, mt = {
   position: "fixed",
   inset: 0,
   pointerEvents: "none",
   zIndex: 55
-}, mt = {
+}, ht = {
   position: "absolute",
   inset: 0,
   zIndex: 1,
@@ -1290,17 +1310,17 @@ const Kt = {
   pointerEvents: "none",
   background: "rgba(0, 0, 0, 0.04)"
 };
-function qt() {
-  const { state: e, dispatch: t, getCloseLog: s } = ke();
+function Qt() {
+  const { state: e, dispatch: t, getCloseLog: s } = Oe();
   z(() => {
     if (e.activePanelId == null) return;
-    function n(c) {
-      c.key === "Escape" && t({ type: "CLOSE_PANEL", reason: "escape-key" });
+    function n(d) {
+      d.key === "Escape" && t({ type: "CLOSE_PANEL", reason: "escape-key" });
     }
     return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
   }, [e.activePanelId, t]);
-  const r = Q(e);
-  return Ie(() => {
+  const r = q(e);
+  return Re(() => {
     r.current = e;
   }), z(() => {
     if (process.env.NODE_ENV === "production") return;
@@ -1312,17 +1332,17 @@ function qt() {
     }, () => {
       n.__panelsHostHandle?.dispatch === t && delete window.__panelsHostHandle;
     };
-  }, [t, s]), /* @__PURE__ */ a("div", { "data-panel-host": "true", style: pt, children: e.activePanelId != null && /* @__PURE__ */ a(
+  }, [t, s]), /* @__PURE__ */ a("div", { "data-panel-host": "true", style: mt, children: e.activePanelId != null && /* @__PURE__ */ a(
     "div",
     {
       "data-panel-scrim": "true",
-      style: mt
+      style: ht
     }
   ) });
 }
-const ht = 700;
-function ft(e, t) {
-  const [s, r] = x(null), n = Q(null);
+const ft = 700;
+function gt(e, t) {
+  const [s, r] = x(null), n = q(null);
   return z(() => {
     if (e != null) {
       n.current != null && (clearTimeout(n.current), n.current = null), r(null);
@@ -1334,26 +1354,26 @@ function ft(e, t) {
     }
     return n.current = setTimeout(() => {
       r(null), n.current = null;
-    }, ht), () => {
+    }, ft), () => {
       n.current != null && (clearTimeout(n.current), n.current = null);
     };
   }, [e, t]), z(() => {
     e != null && r(e);
   }, [e]), e != null ? { panelId: e, isOpen: !0 } : s != null ? { panelId: s, isOpen: !1 } : { panelId: null, isOpen: !1 };
 }
-function Gt({ panelComponents: e, children: t }) {
-  const s = L(), r = s?.state.lastClose?.reason === "section-hidden", n = ft(s?.state.activePanelId ?? null, r);
+function Wt({ panelComponents: e, children: t }) {
+  const s = O(), r = s?.state.lastClose?.reason === "section-hidden", n = gt(s?.state.activePanelId ?? null, r);
   if (s == null || n.panelId == null) return null;
-  const c = n.panelId, u = n.isOpen, o = e?.[c];
+  const d = n.panelId, p = n.isOpen, o = e?.[d];
   return o == null && t == null ? (process.env.NODE_ENV !== "production" && console.error(
     "[panels] No panel component registered for activePanelId:",
-    c
-  ), null) : /* @__PURE__ */ a(Oe, { isOpen: u, children: o != null ? /* @__PURE__ */ a(o, { isOpen: u }) : t });
+    d
+  ), null) : /* @__PURE__ */ a(Ie, { isOpen: p, children: o != null ? /* @__PURE__ */ a(o, { isOpen: p }) : t });
 }
 function fe(e) {
   return e === null ? null : e.kind === "manage-pages-action" ? `global-${e.align ?? "left"}` : e.kind === "card-overflow" || e.kind === "empty-cell" ? `section-${e.sectionIndex}` : null;
 }
-const gt = 685, ge = 627, yt = "cubic-bezier(0.22, 1, 0.36, 1)", bt = 200;
+const yt = 685, ge = 627, bt = "cubic-bezier(0.22, 1, 0.36, 1)", vt = 200;
 function xe(e, t) {
   if (typeof window > "u") return t;
   const s = window.getComputedStyle(document.documentElement).getPropertyValue(e).trim();
@@ -1361,16 +1381,16 @@ function xe(e, t) {
   const r = parseFloat(s);
   return Number.isNaN(r) ? t : s.endsWith("s") && !s.endsWith("ms") ? r * 1e3 : r;
 }
-function vt(e, t) {
+function _t(e, t) {
   return typeof window > "u" ? t : window.getComputedStyle(document.documentElement).getPropertyValue(e).trim() || t;
 }
-function q(e) {
+function Y(e) {
   e.dispatch({ type: "OPEN_PANEL", panelId: e.panelId, trigger: e.trigger });
 }
 function Ct(e) {
   const { mountEl: t, chromeEl: s, reducedMotion: r, onAssert: n } = e;
   if (t == null || s == null) {
-    q(e), n?.({ branch: "slide-fallback-no-dom", timestamp: Date.now() });
+    Y(e), n?.({ branch: "slide-fallback-no-dom", timestamp: Date.now() });
     return;
   }
   if (r) {
@@ -1378,37 +1398,37 @@ function Ct(e) {
     return;
   }
   if (typeof s.animate != "function") {
-    q(e), n?.({ branch: "slide-no-waapi", timestamp: Date.now() });
+    Y(e), n?.({ branch: "slide-no-waapi", timestamp: Date.now() });
     return;
   }
-  const c = s.cloneNode(!0);
-  c.id = "panel-chrome-frozen", c.style.cssText = "position:absolute;left:8px;right:8px;top:8px;z-index:1;pointer-events:none;", t.appendChild(c), s.style.zIndex = "2", e.dispatch({ type: "OPEN_PANEL", panelId: e.panelId, trigger: e.trigger });
-  const u = xe("--panel-open-dur", gt), o = vt("--panel-easing", yt), l = s.animate(
+  const d = s.cloneNode(!0);
+  d.id = "panel-chrome-frozen", d.style.cssText = "position:absolute;left:8px;right:8px;top:8px;z-index:1;pointer-events:none;", t.appendChild(d), s.style.zIndex = "2", e.dispatch({ type: "OPEN_PANEL", panelId: e.panelId, trigger: e.trigger });
+  const p = xe("--panel-open-dur", yt), o = _t("--panel-easing", bt), l = s.animate(
     [{ transform: "translateY(100%)" }, { transform: "translateY(0)" }],
-    { duration: u, easing: o, fill: "forwards" }
+    { duration: p, easing: o, fill: "forwards" }
   );
   l.addEventListener(
     "finish",
     () => {
-      c.remove(), s.style.zIndex = "", l.cancel(), n?.({ branch: "slide-complete", frozen: "cleaned", timestamp: Date.now() });
+      d.remove(), s.style.zIndex = "", l.cancel(), n?.({ branch: "slide-complete", frozen: "cleaned", timestamp: Date.now() });
     },
     { once: !0 }
   );
 }
-function _t(e) {
+function Nt(e) {
   const { mountEl: t, onAssert: s } = e;
   if (t == null) {
-    e.dispatch({ type: "CLOSE_PANEL", reason: "mutex-handoff" }), setTimeout(() => q(e), ge), s?.({ branch: "handoff-fallback-no-mount", timestamp: Date.now() });
+    e.dispatch({ type: "CLOSE_PANEL", reason: "mutex-handoff" }), setTimeout(() => Y(e), ge), s?.({ branch: "handoff-fallback-no-mount", timestamp: Date.now() });
     return;
   }
   const r = xe("--panel-close-dur", ge);
-  let n = !1, c = null;
-  const u = (l) => {
-    l.target !== t || l.propertyName !== "max-height" || n || (n = !0, c != null && clearTimeout(c), t.removeEventListener("transitionend", u), e.dispatch({ type: "OPEN_PANEL", panelId: e.panelId, trigger: e.trigger }), s?.({ branch: "handoff-complete", timestamp: Date.now() }));
+  let n = !1, d = null;
+  const p = (l) => {
+    l.target !== t || l.propertyName !== "max-height" || n || (n = !0, d != null && clearTimeout(d), t.removeEventListener("transitionend", p), e.dispatch({ type: "OPEN_PANEL", panelId: e.panelId, trigger: e.trigger }), s?.({ branch: "handoff-complete", timestamp: Date.now() }));
   }, o = () => {
-    n || (n = !0, t.removeEventListener("transitionend", u), e.dispatch({ type: "OPEN_PANEL", panelId: e.panelId, trigger: e.trigger }), s?.({ branch: "handoff-forced", timestamp: Date.now() }));
+    n || (n = !0, t.removeEventListener("transitionend", p), e.dispatch({ type: "OPEN_PANEL", panelId: e.panelId, trigger: e.trigger }), s?.({ branch: "handoff-forced", timestamp: Date.now() }));
   };
-  t.addEventListener("transitionend", u), e.dispatch({ type: "CLOSE_PANEL", reason: "mutex-handoff" }), c = setTimeout(o, r + bt);
+  t.addEventListener("transitionend", p), e.dispatch({ type: "CLOSE_PANEL", reason: "mutex-handoff" }), d = setTimeout(o, r + vt);
 }
 function St(e) {
   const { state: t, onAssert: s } = e;
@@ -1422,53 +1442,53 @@ function St(e) {
     return;
   }
   if (t.activePanelId) {
-    _t(e);
+    Nt(e);
     return;
   }
-  q(e), s?.({ branch: "fresh-open", timestamp: Date.now() });
+  Y(e), s?.({ branch: "fresh-open", timestamp: Date.now() });
 }
-function Nt() {
+function Pt() {
   if (!(typeof window > "u"))
     return window.__panelsAsserter;
 }
-function Qt() {
-  const e = L(), t = se();
-  return O(
+function jt() {
+  const e = O(), t = se();
+  return R(
     (s, r) => {
       if (!e)
         return;
-      const n = typeof document < "u" ? document.querySelector('[data-mount="panel"]') : null, c = typeof document < "u" ? document.querySelector('[data-chrome="panel"]') : null, u = {
+      const n = typeof document < "u" ? document.querySelector('[data-mount="panel"]') : null, d = typeof document < "u" ? document.querySelector('[data-chrome="panel"]') : null, p = {
         panelId: s,
         trigger: r,
         state: e.state,
         dispatch: e.dispatch,
         mountEl: n,
-        chromeEl: c,
+        chromeEl: d,
         reducedMotion: t,
         onAssert: (o) => {
-          Nt()?.recordTransition?.(o);
+          Pt()?.recordTransition?.(o);
         }
       };
-      St(u);
+      St(p);
     },
     [e, t]
   );
 }
-let G = !1, Z = null;
+let K = !1, Z = null;
 function ae() {
   const e = [];
   let t = "cleaned";
   document.querySelectorAll("#panel-chrome-frozen").length > 0 && (e.push("#panel-chrome-frozen"), t = "lingering");
   const r = document.querySelectorAll(".gloss-panel-mount");
   r.length > 1 && e.push(`mount-count=${r.length}`);
-  const n = r[0] ?? null, c = n ? n.querySelectorAll(".gloss-panel-chrome") : [];
-  c.length > 1 && e.push(`chrome-count=${c.length}`);
-  const u = c[0] ?? null;
-  if (u) {
-    const d = u.style.zIndex;
-    d !== "" && d !== "2" && e.push(`chrome-zindex=${d}`);
+  const n = r[0] ?? null, d = n ? n.querySelectorAll(".gloss-panel-chrome") : [];
+  d.length > 1 && e.push(`chrome-count=${d.length}`);
+  const p = d[0] ?? null;
+  if (p) {
+    const c = p.style.zIndex;
+    c !== "" && c !== "2" && e.push(`chrome-zindex=${c}`);
   }
-  const o = n ? "present" : "absent", l = u ? "present" : "absent";
+  const o = n ? "present" : "absent", l = p ? "present" : "absent";
   return {
     valid: e.length === 0,
     mount: o,
@@ -1482,31 +1502,31 @@ const X = "8px 8px 0px", J = "64px", ee = "inset(0px 0px 60px 0px)", te = "inset
 function v(e, t, s, r, n) {
   return { id: e, constraint: t, expected: s, actual: r, pass: n };
 }
-function R(e) {
+function $(e) {
   const t = parseInt(e, 10);
   return Number.isFinite(t) ? t : NaN;
 }
 function le() {
-  const e = [], t = document.querySelector(".gloss-panel-mount"), s = t?.querySelector(".gloss-panel-chrome") ?? null, r = document.querySelector(".gloss-panel-coordinator") ?? document.querySelector("[data-panel-coordinator]"), n = document.querySelector(".bell-cutout"), c = document.querySelector(".bell-popover"), u = document.querySelector(".gloss-bottom-toolbar");
+  const e = [], t = document.querySelector(".gloss-panel-mount"), s = t?.querySelector(".gloss-panel-chrome") ?? null, r = document.querySelector(".gloss-panel-coordinator") ?? document.querySelector("[data-panel-coordinator]"), n = document.querySelector(".bell-cutout"), d = document.querySelector(".bell-popover"), p = document.querySelector(".gloss-bottom-toolbar");
   if (!t)
     e.push(v("C1", "mount --reveal-y matches clip-path inset-bottom Npx", "mount present", "absent", !1));
   else {
-    const o = getComputedStyle(t), l = o.getPropertyValue("--reveal-y").trim() || t.style.getPropertyValue("--reveal-y").trim(), i = o.clipPath || t.style.clipPath || "", d = i.match(/inset\(\s*0(?:px)?\s+0(?:px)?\s+(\d+)px\s+0(?:px)?\s*\)/), p = d ? parseInt(d[1], 10) : NaN, h = R(l), g = Number.isFinite(p) && Number.isFinite(h) && p === h;
+    const o = getComputedStyle(t), l = o.getPropertyValue("--reveal-y").trim() || t.style.getPropertyValue("--reveal-y").trim(), i = o.clipPath || t.style.clipPath || "", c = i.match(/inset\(\s*0(?:px)?\s+0(?:px)?\s+(\d+)px\s+0(?:px)?\s*\)/), u = c ? parseInt(c[1], 10) : NaN, h = $(l), f = Number.isFinite(u) && Number.isFinite(h) && u === h;
     e.push(
       v(
         "C1",
         "mount --reveal-y matches clip-path inset-bottom Npx",
         `inset(0 0 ${h}px 0) === --reveal-y(${h}px)`,
         `--reveal-y=${l || "n/a"} clip-path=${i || "n/a"}`,
-        g
+        f
       )
     );
   }
   if (!t)
     e.push(v("C2", "mount padding constant", X, "absent", !1));
   else {
-    const o = t.style.padding, l = getComputedStyle(t), i = o || l.padding || "", d = i === X || i === "8px 8px 0px 8px";
-    e.push(v("C2", "mount padding constant", X, i || "n/a", d));
+    const o = t.style.padding, l = getComputedStyle(t), i = o || l.padding || "", c = i === X || i === "8px 8px 0px 8px";
+    e.push(v("C2", "mount padding constant", X, i || "n/a", c));
   }
   if (!t)
     e.push(v("C3", "mount.bottom resolves to var(--tb-h)=64px", J, "absent", !1));
@@ -1517,17 +1537,17 @@ function le() {
   if (!s)
     e.push(v("C4", "panel-chrome height formula = (row-h*3)+(row-gap*3)-8px", "formula match", "absent", !1));
   else {
-    const o = getComputedStyle(s), l = R(
+    const o = getComputedStyle(s), l = $(
       o.getPropertyValue("--row-h").trim() || s.style.getPropertyValue("--row-h").trim() || "0"
-    ), i = R(
+    ), i = $(
       o.getPropertyValue("--row-gap").trim() || s.style.getPropertyValue("--row-gap").trim() || "0"
-    ), d = l * 3 + i * 3 - 8, p = R(o.height || s.style.height || ""), h = Number.isFinite(l) && Number.isFinite(i) && Number.isFinite(p) && Number.isFinite(d) && p === d;
+    ), c = l * 3 + i * 3 - 8, u = $(o.height || s.style.height || ""), h = Number.isFinite(l) && Number.isFinite(i) && Number.isFinite(u) && Number.isFinite(c) && u === c;
     e.push(
       v(
         "C4",
         "panel-chrome height formula = (row-h*3)+(row-gap*3)-8px",
-        `${d}px (rh=${l} rg=${i})`,
-        `${p}px`,
+        `${c}px (rh=${l} rg=${i})`,
+        `${u}px`,
         h
       )
     );
@@ -1543,14 +1563,14 @@ function le() {
       )
     );
   else {
-    const o = getComputedStyle(r), l = getComputedStyle(s), i = o.perspective || r.style.perspective || "", d = (o.perspectiveOrigin || r.style.perspectiveOrigin || "").trim(), p = l.transformStyle || s.style.transformStyle || "", C = i !== "" && i !== "none" && (d === "center bottom" || d === "50% 100%") && p === "flat";
+    const o = getComputedStyle(r), l = getComputedStyle(s), i = o.perspective || r.style.perspective || "", c = (o.perspectiveOrigin || r.style.perspectiveOrigin || "").trim(), u = l.transformStyle || s.style.transformStyle || "", _ = i !== "" && i !== "none" && (c === "center bottom" || c === "50% 100%") && u === "flat";
     e.push(
       v(
         "C5",
         'coordinator perspective + origin "center bottom"; chrome perspective-style flat',
         "perspective:not-none, origin:center bottom, chrome-style:flat",
-        `perspective=${i} origin=${d} chrome-style=${p}`,
-        C
+        `perspective=${i} origin=${c} chrome-style=${u}`,
+        _
       )
     );
   }
@@ -1558,16 +1578,16 @@ function le() {
     let o = !1, l = "absent";
     try {
       for (const i of Array.from(document.styleSheets)) {
-        let d = [];
+        let c = [];
         try {
-          d = Array.from(i.cssRules ?? []);
+          c = Array.from(i.cssRules ?? []);
         } catch {
           continue;
         }
-        for (const p of d)
-          if (p.name === "stage-spin") {
-            const g = Array.from(p.cssRules), m = g.find((b) => b.keyText === "0%" || b.keyText === "from"), C = g.find((b) => b.keyText === "100%" || b.keyText === "to"), S = m?.style.transform ?? "", y = C?.style.transform ?? "", P = /rotateY\(\s*0(?:deg)?\s*\)/;
-            o = P.test(S) && P.test(y), l = `0%=${S || "n/a"} 100%=${y || "n/a"}`;
+        for (const u of c)
+          if (u.name === "stage-spin") {
+            const f = Array.from(u.cssRules), m = f.find((g) => g.keyText === "0%" || g.keyText === "from"), _ = f.find((g) => g.keyText === "100%" || g.keyText === "to"), N = m?.style.transform ?? "", C = _?.style.transform ?? "", T = /rotateY\(\s*0(?:deg)?\s*\)/;
+            o = T.test(N) && T.test(C), l = `0%=${N || "n/a"} 100%=${C || "n/a"}`;
             break;
           }
         if (l !== "absent") break;
@@ -1586,35 +1606,35 @@ function le() {
     );
   }
   {
-    const o = document.documentElement, l = getComputedStyle(o), i = l.getPropertyValue("--panel-open-dur").trim() || o.style.getPropertyValue("--panel-open-dur").trim(), d = l.getPropertyValue("--panel-close-dur").trim() || o.style.getPropertyValue("--panel-close-dur").trim(), p = R(i) || parseFloat(i) * (i.endsWith("s") && !i.endsWith("ms") ? 1e3 : 1), h = R(d) || parseFloat(d) * (d.endsWith("s") && !d.endsWith("ms") ? 1e3 : 1), g = Number.isFinite(p) && Number.isFinite(h) && p > h;
+    const o = document.documentElement, l = getComputedStyle(o), i = l.getPropertyValue("--panel-open-dur").trim() || o.style.getPropertyValue("--panel-open-dur").trim(), c = l.getPropertyValue("--panel-close-dur").trim() || o.style.getPropertyValue("--panel-close-dur").trim(), u = $(i) || parseFloat(i) * (i.endsWith("s") && !i.endsWith("ms") ? 1e3 : 1), h = $(c) || parseFloat(c) * (c.endsWith("s") && !c.endsWith("ms") ? 1e3 : 1), f = Number.isFinite(u) && Number.isFinite(h) && u > h;
     e.push(
-      v("C7", "--panel-open-dur > --panel-close-dur", "open > close", `open=${i || "n/a"} close=${d || "n/a"}`, g)
+      v("C7", "--panel-open-dur > --panel-close-dur", "open > close", `open=${i || "n/a"} close=${c || "n/a"}`, f)
     );
   }
   if (!n)
     e.push(v("C8", "BellCutout zero computed animation/transition", "no inline timing", "absent", !1));
   else {
-    const o = getComputedStyle(n), l = o.animationName || "", i = o.transitionProperty || "", d = (l === "" || l === "none") && (i === "" || i === "none" || i === "all");
+    const o = getComputedStyle(n), l = o.animationName || "", i = o.transitionProperty || "", c = (l === "" || l === "none") && (i === "" || i === "none" || i === "all");
     e.push(
       v(
         "C8",
         "BellCutout zero computed animation/transition",
         "animation:none AND transition:none",
         `animation=${l || "n/a"} transition=${i || "n/a"}`,
-        d
+        c
       )
     );
   }
   if (!t)
     e.push(v("C9", "mount closed-state clipPath", ee, "absent", !1));
   else {
-    const o = t.style.clipPath, l = getComputedStyle(t), i = o || l.clipPath || "", d = i === ee;
-    e.push(v("C9", "mount closed-state clipPath", ee, i || "n/a", d));
+    const o = t.style.clipPath, l = getComputedStyle(t), i = o || l.clipPath || "", c = i === ee;
+    e.push(v("C9", "mount closed-state clipPath", ee, i || "n/a", c));
   }
-  if (!c)
+  if (!d)
     e.push(v("C10", "bell-popover parentElement === document.body (open)", "body", "absent", !1));
   else {
-    const o = c.parentElement, l = o === document.body;
+    const o = d.parentElement, l = o === document.body;
     e.push(
       v(
         "C10",
@@ -1631,11 +1651,11 @@ function le() {
     const l = getComputedStyle(r).overflow || r.style.overflow || "", i = l === "visible";
     e.push(v("C11", "coordinator overflow === visible", "visible", l || "n/a", i));
   }
-  if (!u)
+  if (!p)
     e.push(v("C12", "toolbar clipPath = inset(0 -40 -40 -40)", te, "absent", !1));
   else {
-    const o = u.style.clipPath, l = getComputedStyle(u), i = o || l.clipPath || "", d = i === te;
-    e.push(v("C12", "toolbar clipPath = inset(0 -40 -40 -40)", te, i || "n/a", d));
+    const o = p.style.clipPath, l = getComputedStyle(p), i = o || l.clipPath || "", c = i === te;
+    e.push(v("C12", "toolbar clipPath = inset(0 -40 -40 -40)", te, i || "n/a", c));
   }
   return e.push(
     v(
@@ -1655,10 +1675,10 @@ function le() {
     )
   ), e;
 }
-function Pt(e) {
+function Tt(e) {
   return le().find((t) => t.id === e);
 }
-function Tt() {
+function wt() {
   const e = ae();
   return { q12: [
     {
@@ -1672,80 +1692,80 @@ function Tt() {
 }
 function Et() {
   return {
-    enable: wt,
-    disable: xt,
-    isEnabled: () => G,
+    enable: xt,
+    disable: At,
+    isEnabled: () => K,
     getLastReport: () => Z,
     recordTransition: (e) => {
-      G && (Z = { ...e, ...ae() });
+      K && (Z = { ...e, ...ae() });
     },
     assertOnce: () => {
       const e = ae();
       return Z = e, e;
     },
     assertCcOnly: le,
-    getCcRowById: Pt,
-    assertPanelTruths: Tt
+    getCcRowById: Tt,
+    assertPanelTruths: wt
   };
 }
-function wt() {
-  if (G = !0, typeof window > "u") return;
+function xt() {
+  if (K = !0, typeof window > "u") return;
   window.__panelsAsserter || (window.__panelsAsserter = Et(), console.info(
     "[panels] asserter enabled (P3b Q12-12 + P6 W5 cc:C1..C14). Inspect via window.__panelsAsserter."
   ));
 }
-function xt() {
-  G = !1;
+function At() {
+  K = !1;
 }
 export {
-  Zt as COMMITS,
-  Bt as CatalogAddShell,
-  Ut as CatalogFooter,
-  Vt as CatalogReplaceShell,
+  Jt as COMMITS,
+  Yt as CatalogAddShell,
+  Vt as CatalogFooter,
+  Kt as CatalogReplaceShell,
   oe as CatalogStateContext,
-  Ce as CloneCard,
-  et as CloneStage,
-  Se as MOCK_DEFAULT_LENS,
-  _e as MOCK_LENSES,
-  Ne as MOCK_LENS_META,
-  ut as MOCK_PAGES,
+  _e as CloneCard,
+  tt as CloneStage,
+  Ne as MOCK_DEFAULT_LENS,
+  Ce as MOCK_LENSES,
+  Se as MOCK_LENS_META,
+  pt as MOCK_PAGES,
   Pe as MOCK_TILES_BY_LENS,
-  rt as MetricInfoShell,
-  Xt as NotificationCenterShell,
-  Kt as PANEL_IDS,
-  dt as PageMgmtFooter,
-  Yt as PageMgmtShell,
-  Ee as PageMgmtStateContext,
-  Jt as PanelBody,
+  lt as MetricInfoShell,
+  en as NotificationCenterShell,
+  Gt as PANEL_IDS,
+  ut as PageMgmtFooter,
+  qt as PageMgmtShell,
+  we as PageMgmtStateContext,
+  tn as PanelBody,
   H as PanelChromeV2,
-  en as PanelFooter,
-  zt as PanelFooterMessage,
-  tn as PanelHeader,
-  nn as PanelHost,
-  qt as PanelHostShell,
-  Oe as PanelMount,
-  an as PanelNavigation,
-  sn as PanelProvider,
-  Gt as PanelSlot,
-  on as PanelStage,
-  Ht as SettingsShell,
+  nn as PanelFooter,
+  Ut as PanelFooterMessage,
+  an as PanelHeader,
+  sn as PanelHost,
+  Qt as PanelHostShell,
+  Ie as PanelMount,
+  on as PanelNavigation,
+  rn as PanelProvider,
+  Wt as PanelSlot,
+  ln as PanelStage,
+  Bt as SettingsShell,
   le as assertCcOnly,
   ae as assertPanelDomShape,
-  Tt as assertPanelTruths,
-  rn as deriveSurfaceState,
-  xt as disablePanelAsserter,
-  wt as enablePanelAsserter,
-  Pt as getCcRowById,
-  ln as initialState,
+  wt as assertPanelTruths,
+  cn as deriveSurfaceState,
+  At as disablePanelAsserter,
+  xt as enablePanelAsserter,
+  Tt as getCcRowById,
+  dn as initialState,
   fe as positionKey,
-  cn as reducer,
+  un as reducer,
   St as transitionToPanel,
   re as useCatalogState,
-  Ft as useEditingCardId,
-  we as usePageMgmtState,
-  ke as usePanelContext,
-  L as usePanelContextOptional,
-  dn as usePanelCoordinator,
+  Ht as useEditingCardId,
+  Ee as usePageMgmtState,
+  Oe as usePanelContext,
+  O as usePanelContextOptional,
+  pn as usePanelCoordinator,
   se as useReducedMotionPanel,
-  Qt as useTransitionToPanel
+  jt as useTransitionToPanel
 };