@mt-gloss/ui 0.1.114 → 0.1.115

package/composites-panels.js

@@ -1,29 +1,29 @@
-import { u as L, f as J, S as ve, a as _e, g as A, c as k } from "./COMMITS-Bzrd0rgy.js";
-import { C as kt, b as Dt, P as Ot, e as Lt, i as It, r as Mt, d as $t } from "./COMMITS-Bzrd0rgy.js";
-import { jsx as a, jsxs as h, Fragment as Z } from "react/jsx-runtime";
-import B, { useState as S, useRef as I, createContext as ee, useContext as te, useMemo as W, useEffect as x, useCallback as P, useLayoutEffect as Ce } from "react";
-import { useSensors as Te, useSensor as G, PointerSensor as Se, KeyboardSensor as Ne, DndContext as we, closestCenter as Ee } from "@dnd-kit/core";
-import { sortableKeyboardCoordinates as Pe, SortableContext as xe, horizontalListSortingStrategy as Ae, arrayMove as ke, useSortable as De } from "@dnd-kit/sortable";
-import { CSS as Oe } from "@dnd-kit/utilities";
-import { M as Q } from "./MetricCard-Cyoxhb_S.js";
-function vt() {
-  const e = L();
+import { u as F, h as pe, g as Ne, S as Se, b as we, j as I, d as M } from "./COMMITS-CeuMPpjt.js";
+import { C as It, c as Mt, P as $t, f as Rt, i as Ft, r as Ut, e as zt } from "./COMMITS-CeuMPpjt.js";
+import { jsx as a, jsxs as h, Fragment as me } from "react/jsx-runtime";
+import se, { useState as E, useRef as U, createContext as he, useContext as fe, useMemo as re, useEffect as L, useCallback as x, useLayoutEffect as Ee } from "react";
+import { useSensors as Pe, useSensor as le, PointerSensor as xe, KeyboardSensor as Ae, DndContext as ke, closestCenter as De } from "@dnd-kit/core";
+import { sortableKeyboardCoordinates as Oe, SortableContext as Le, horizontalListSortingStrategy as Ie, arrayMove as Me, useSortable as $e } from "@dnd-kit/sortable";
+import { CSS as Re } from "@dnd-kit/utilities";
+import { M as oe } from "./MetricCard-Cyoxhb_S.js";
+function Nt() {
+  const e = F();
   if (e?.state.activePanelId !== "settings") return null;
   const t = e.state.activeTrigger;
   return t?.kind === "card-overflow" ? t.cardId : null;
 }
-function Le({ children: e }) {
+function Fe({ children: e }) {
   return /* @__PURE__ */ a("div", { className: "clone-stage", children: e });
 }
-function Ie({ span: e, rotating: t = !0, children: r }) {
-  const c = ["clone-card", `span-${e}`, t ? "rotating" : ""].filter(Boolean).join(" "), n = r != null ? "full" : "fallback";
-  return /* @__PURE__ */ a("div", { className: c, "data-clone-fidelity": n, children: r });
+function Ue({ span: e, rotating: t = !0, children: r }) {
+  const i = ["clone-card", `span-${e}`, t ? "rotating" : ""].filter(Boolean).join(" "), n = r != null ? "full" : "fallback";
+  return /* @__PURE__ */ a("div", { className: i, "data-clone-fidelity": n, children: r });
 }
-function Me({
+function ze({
   value: e,
   onChange: t,
   enabled: r = !1,
-  onToggleEnabled: c
+  onToggleEnabled: i
 }) {
   const n = "settings-threshold-enabled";
   return /* @__PURE__ */ h("div", { className: "settings-shell__field settings-shell__field--threshold", children: [
@@ -38,7 +38,7 @@ function Me({
           "aria-label": "Enable threshold indicator",
           "aria-checked": r,
           checked: r,
-          onChange: (o) => c?.(o.target.checked),
+          onChange: (o) => i?.(o.target.checked),
           className: "settings-shell__toggle"
         }
       )
@@ -70,7 +70,7 @@ function Me({
     !r && /* @__PURE__ */ a("p", { className: "settings-shell__help", "aria-live": "polite", children: "Off — the card uses its default styling. Turn on to tint values below the threshold." })
   ] });
 }
-function $e({ value: e, onChange: t }) {
+function Ve({ value: e, onChange: t }) {
   return /* @__PURE__ */ h("div", { className: "settings-shell__field settings-shell__field--timeframe", children: [
     /* @__PURE__ */ a("span", { className: "settings-shell__label", "aria-hidden": "true", children: "Rolling period (days)" }),
     /* @__PURE__ */ h("div", { className: "settings-shell__slider-row", children: [
@@ -97,18 +97,18 @@ function $e({ value: e, onChange: t }) {
     ] })
   ] });
 }
-function Re({ id: e, onRemove: t }) {
-  const { attributes: r, listeners: c, setNodeRef: n, transform: o, transition: u, isDragging: l } = De({ id: e }), s = {
-    transform: Oe.Transform.toString(o),
+function He({ id: e, onRemove: t }) {
+  const { attributes: r, listeners: i, setNodeRef: n, transform: o, transition: u, isDragging: s } = $e({ id: e }), l = {
+    transform: Re.Transform.toString(o),
     transition: u,
-    opacity: l ? 0.6 : 1
+    opacity: s ? 0.6 : 1
   };
   return /* @__PURE__ */ h(
     "li",
     {
       ref: n,
-      style: s,
-      className: `settings-shell__slot-pill${l ? " settings-shell__slot-pill--dragging" : ""}`,
+      style: l,
+      className: `settings-shell__slot-pill${s ? " settings-shell__slot-pill--dragging" : ""}`,
       children: [
         /* @__PURE__ */ a(
           "button",
@@ -117,7 +117,7 @@ function Re({ id: e, onRemove: t }) {
             className: "settings-shell__slot-pill__handle",
             "aria-label": `Reorder ${e}`,
             ...r,
-            ...c,
+            ...i,
             children: /* @__PURE__ */ a("span", { "aria-hidden": "true", className: "settings-shell__slot-pill__grip", children: "⋮⋮" })
           }
         ),
@@ -136,31 +136,31 @@ function Re({ id: e, onRemove: t }) {
     }
   );
 }
-function Fe({ value: e, onChange: t }) {
-  const r = Te(
-    G(Se, { activationConstraint: { distance: 4 } }),
-    G(Ne, { coordinateGetter: Pe })
-  ), c = (o) => {
-    const { active: u, over: l } = o;
-    if (!l || u.id === l.id) return;
-    const s = e.findIndex((d) => d === u.id), i = e.findIndex((d) => d === l.id);
-    s === -1 || i === -1 || t(ke([...e], s, i));
+function Ke({ value: e, onChange: t }) {
+  const r = Pe(
+    le(xe, { activationConstraint: { distance: 4 } }),
+    le(Ae, { coordinateGetter: Oe })
+  ), i = (o) => {
+    const { active: u, over: s } = o;
+    if (!s || u.id === s.id) return;
+    const l = e.findIndex((d) => d === u.id), c = e.findIndex((d) => d === s.id);
+    l === -1 || c === -1 || t(Me([...e], l, c));
   }, n = (o) => {
     t(e.filter((u) => u !== o));
   };
   return /* @__PURE__ */ h("div", { className: "settings-shell__field settings-shell__field--slots", "aria-label": "Stack slots", children: [
     /* @__PURE__ */ a("span", { className: "settings-shell__label", children: "Stack slots" }),
-    /* @__PURE__ */ a(we, { sensors: r, collisionDetection: Ee, onDragEnd: c, children: /* @__PURE__ */ a(xe, { items: [...e], strategy: Ae, children: /* @__PURE__ */ a("ul", { className: "settings-shell__slots-list", role: "list", children: e.map((o) => /* @__PURE__ */ a(Re, { id: o, onRemove: () => n(o) }, o)) }) }) }),
+    /* @__PURE__ */ a(ke, { sensors: r, collisionDetection: De, onDragEnd: i, children: /* @__PURE__ */ a(Le, { items: [...e], strategy: Ie, children: /* @__PURE__ */ a("ul", { className: "settings-shell__slots-list", role: "list", children: e.map((o) => /* @__PURE__ */ a(He, { id: o, onRemove: () => n(o) }, o)) }) }) }),
     e.length === 0 && /* @__PURE__ */ a("p", { className: "settings-shell__help", children: "All slots removed. Apply to commit, or Reset to restore." }),
     /* @__PURE__ */ a("p", { className: "settings-shell__help settings-shell__help--small", children: "Drag to reorder · click × to remove" })
   ] });
 }
-const Ue = ["#1d6fd8", "#10b981", "#f59e0b", "#ef4444", "#8b5cf6"];
-function Ve({
+const Ye = ["#1d6fd8", "#10b981", "#f59e0b", "#ef4444", "#8b5cf6"];
+function Be({
   value: e,
   onSelect: t,
   enabled: r = !1,
-  onToggleEnabled: c
+  onToggleEnabled: i
 }) {
   const n = "settings-accent-enabled";
   return /* @__PURE__ */ h("div", { className: "settings-shell__field settings-shell__field--color", role: "group", "aria-label": "Accent color", children: [
@@ -175,13 +175,13 @@ function Ve({
           "aria-label": "Enable accent override",
           "aria-checked": r,
           checked: r,
-          onChange: (o) => c?.(o.target.checked),
+          onChange: (o) => i?.(o.target.checked),
           className: "settings-shell__toggle"
         }
       )
     ] }),
     /* @__PURE__ */ a("span", { className: "settings-shell__label", children: "Accent color" }),
-    /* @__PURE__ */ a("div", { className: "settings-shell__swatch-row", "aria-disabled": !r, children: Ue.map((o) => {
+    /* @__PURE__ */ a("div", { className: "settings-shell__swatch-row", "aria-disabled": !r, children: Ye.map((o) => {
       const u = e === o;
       return /* @__PURE__ */ a(
         "button",
@@ -200,46 +200,46 @@ function Ve({
     !r && /* @__PURE__ */ a("p", { className: "settings-shell__help", "aria-live": "polite", children: "Off — the card uses its default accent. Turn on to override." })
   ] });
 }
-const He = ["Orders", "Quota", "Unassigned"], ze = ["threshold", "timeframe", "color"];
-function _t({
+const We = ["Orders", "Quota", "Unassigned"], Ge = ["threshold", "timeframe", "color"];
+function St({
   isOpen: e,
   cardSpan: t,
   cardLabel: r = "Metric",
-  cardValue: c = "—",
+  cardValue: i = "—",
   previewSlot: n,
-  dimensions: o = ze,
+  dimensions: o = Ge,
   initialTab: u,
-  initialValues: l
+  initialValues: s
 }) {
-  const s = L(), i = s?.state.activeTrigger, d = i?.kind === "card-overflow" ? i.cardId : null, p = J(), m = i?.span, f = t ?? m ?? 1, _ = o[0] ?? "threshold", [b, C] = B.useState(u ?? _);
-  B.useEffect(() => {
-    o.includes(b) || C(_);
-  }, [o, b, _]);
-  const y = d != null ? s?.state?.bufferByCard?.[d]?.changes ?? {} : {}, v = typeof y.threshold == "number" ? y.threshold : typeof l?.threshold == "number" ? l.threshold : 80, E = typeof y.timeframe == "number" ? y.timeframe : typeof l?.timeframe == "number" ? l.timeframe : 30, ce = typeof y.accent == "string" ? y.accent : typeof l?.accent == "string" ? l.accent : null, de = Array.isArray(y.slots) ? y.slots : Array.isArray(l?.slots) ? l.slots : He, ue = typeof y.thresholdEnabled == "boolean" ? y.thresholdEnabled : typeof l?.thresholdEnabled == "boolean" ? l.thresholdEnabled : !1, pe = typeof y.accentEnabled == "boolean" ? y.accentEnabled : typeof l?.accentEnabled == "boolean" ? l.accentEnabled : !1, me = (T) => {
-    d == null || s == null || s.dispatch({ type: "SET_BUFFER_VALUE", cardId: d, key: "threshold", value: Number(T.target.value) });
-  }, he = (T) => {
-    d == null || s == null || s.dispatch({ type: "SET_BUFFER_VALUE", cardId: d, key: "timeframe", value: Number(T.target.value) });
-  }, fe = (T) => {
-    d == null || s == null || s.dispatch({ type: "SET_BUFFER_VALUE", cardId: d, key: "accent", value: T });
-  }, ge = (T) => {
-    d == null || s == null || s.dispatch({ type: "SET_BUFFER_VALUE", cardId: d, key: "slots", value: T });
-  }, be = (T) => {
-    d == null || s == null || s.dispatch({ type: "SET_BUFFER_VALUE", cardId: d, key: "thresholdEnabled", value: T });
-  }, ye = (T) => {
-    d == null || s == null || s.dispatch({ type: "SET_BUFFER_VALUE", cardId: d, key: "accentEnabled", value: T });
+  const l = F(), c = l?.state.activeTrigger, d = c?.kind === "card-overflow" ? c.cardId : null, m = pe(), f = c?.span, v = t ?? f ?? 1, p = o[0] ?? "threshold", [b, w] = se.useState(u ?? p);
+  se.useEffect(() => {
+    o.includes(b) || w(p);
+  }, [o, b, p]);
+  const T = d != null ? l?.state?.bufferByCard?.[d]?.changes ?? {} : {}, y = typeof T.threshold == "number" ? T.threshold : typeof s?.threshold == "number" ? s.threshold : 80, A = typeof T.timeframe == "number" ? T.timeframe : typeof s?.timeframe == "number" ? s.timeframe : 30, z = typeof T.accent == "string" ? T.accent : typeof s?.accent == "string" ? s.accent : null, V = Array.isArray(T.slots) ? T.slots : Array.isArray(s?.slots) ? s.slots : We, D = typeof T.thresholdEnabled == "boolean" ? T.thresholdEnabled : typeof s?.thresholdEnabled == "boolean" ? s.thresholdEnabled : !1, H = typeof T.accentEnabled == "boolean" ? T.accentEnabled : typeof s?.accentEnabled == "boolean" ? s.accentEnabled : !1, K = (C) => {
+    d == null || l == null || l.dispatch({ type: "SET_BUFFER_VALUE", cardId: d, key: "threshold", value: Number(C.target.value) });
+  }, Y = (C) => {
+    d == null || l == null || l.dispatch({ type: "SET_BUFFER_VALUE", cardId: d, key: "timeframe", value: Number(C.target.value) });
+  }, ae = (C) => {
+    d == null || l == null || l.dispatch({ type: "SET_BUFFER_VALUE", cardId: d, key: "accent", value: C });
+  }, B = (C) => {
+    d == null || l == null || l.dispatch({ type: "SET_BUFFER_VALUE", cardId: d, key: "slots", value: C });
+  }, g = (C) => {
+    d == null || l == null || l.dispatch({ type: "SET_BUFFER_VALUE", cardId: d, key: "thresholdEnabled", value: C });
+  }, N = (C) => {
+    d == null || l == null || l.dispatch({ type: "SET_BUFFER_VALUE", cardId: d, key: "accentEnabled", value: C });
   };
   return /* @__PURE__ */ h("div", { className: "settings-shell", "data-shell": "settings", "aria-hidden": !e, children: [
-    /* @__PURE__ */ a("div", { "aria-hidden": "true", children: /* @__PURE__ */ a(Le, { children: /* @__PURE__ */ a(Ie, { span: f, rotating: !p, children: n ?? /* @__PURE__ */ h(Z, { children: [
+    /* @__PURE__ */ a("div", { "aria-hidden": "true", children: /* @__PURE__ */ a(Fe, { children: /* @__PURE__ */ a(Ue, { span: v, rotating: !m, children: n ?? /* @__PURE__ */ h(me, { children: [
       /* @__PURE__ */ a("div", { style: { fontSize: 9, textTransform: "uppercase", letterSpacing: "0.06em", color: "#9ca3af", marginBottom: 6 }, children: r }),
-      /* @__PURE__ */ a("div", { style: { fontSize: 22, fontWeight: 700, color: "#111827", lineHeight: 1 }, children: c })
+      /* @__PURE__ */ a("div", { style: { fontSize: 22, fontWeight: 700, color: "#111827", lineHeight: 1 }, children: i })
     ] }) }) }) }),
     /* @__PURE__ */ a(
-      ve,
+      Ne,
       {
         dimensions: o,
         activeTab: b,
-        onSelect: C,
-        reduced: p
+        onSelect: w,
+        reduced: m
       }
     ),
     /* @__PURE__ */ h(
@@ -252,23 +252,23 @@ function _t({
         className: "settings-shell__tabpanel",
         children: [
           b === "threshold" && /* @__PURE__ */ a(
-            Me,
+            ze,
             {
-              value: v,
-              onChange: me,
-              enabled: ue,
-              onToggleEnabled: be
+              value: y,
+              onChange: K,
+              enabled: D,
+              onToggleEnabled: g
             }
           ),
-          b === "timeframe" && /* @__PURE__ */ a($e, { value: E, onChange: he }),
-          b === "slots" && /* @__PURE__ */ a(Fe, { value: de, onChange: ge }),
+          b === "timeframe" && /* @__PURE__ */ a(Ve, { value: A, onChange: Y }),
+          b === "slots" && /* @__PURE__ */ a(Ke, { value: V, onChange: B }),
           b === "color" && /* @__PURE__ */ a(
-            Ve,
+            Be,
             {
-              value: ce,
-              onSelect: fe,
-              enabled: pe,
-              onToggleEnabled: ye
+              value: z,
+              onSelect: ae,
+              enabled: H,
+              onToggleEnabled: N
             }
           )
         ]
@@ -276,7 +276,7 @@ function _t({
     )
   ] });
 }
-const ne = [
+const ge = [
   "Overbought",
   "What's selling",
   "On track vs plan",
@@ -284,7 +284,7 @@ const ne = [
   "Vendor performance",
   "Assortment mix",
   "Customer retention"
-], ae = "Overbought", z = {
+], be = "Overbought", ee = {
   Overbought: {
     headline: "Am I overbought?",
     helper: "Find slow-moving inventory before discount cycles eat margin."
@@ -314,8 +314,8 @@ const ne = [
     helper: "Repeat-rate and lapsed-account signals from the buyer file."
   }
 };
-z["Customer retention"].beta = !0;
-const se = {
+ee["Customer retention"].beta = !0;
+const ve = {
   Overbought: {
     primary: [
       {
@@ -780,45 +780,45 @@ const se = {
     ]
   }
 };
-function re({
+function ye({
   lenses: e,
   activeLens: t,
   onLensChange: r,
-  variant: c = "pills",
-  lensMeta: n = z
+  variant: i = "pills",
+  lensMeta: n = ee
 }) {
-  return c === "pills" ? /* @__PURE__ */ a("div", { className: "cat-pills-wrap", children: /* @__PURE__ */ a("div", { className: "cat-pills", role: "tablist", "aria-label": "Metric lenses", children: e.map((o) => {
-    const u = o === t, l = n[o], s = ["cat-pill"];
-    return u && s.push("active"), /* @__PURE__ */ h(
+  return i === "pills" ? /* @__PURE__ */ a("div", { className: "cat-pills-wrap", children: /* @__PURE__ */ a("div", { className: "cat-pills", role: "tablist", "aria-label": "Metric lenses", children: e.map((o) => {
+    const u = o === t, s = n[o], l = ["cat-pill"];
+    return u && l.push("active"), /* @__PURE__ */ h(
       "button",
       {
         type: "button",
         role: "tab",
         "aria-selected": u,
-        className: s.join(" "),
+        className: l.join(" "),
         "data-lens": o,
         onClick: () => {
           u || r(o);
         },
         children: [
           o,
-          l?.beta && /* @__PURE__ */ a("span", { className: "cat-pill-beta", "aria-label": "Beta", children: "BETA" })
+          s?.beta && /* @__PURE__ */ a("span", { className: "cat-pill-beta", "aria-label": "Beta", children: "BETA" })
         ]
       },
       o
     );
-  }) }) }) : /* @__PURE__ */ a(Ye, { lenses: e, activeLens: t, onLensChange: r });
+  }) }) }) : /* @__PURE__ */ a(Qe, { lenses: e, activeLens: t, onLensChange: r });
 }
-function Ye({
+function Qe({
   lenses: e,
   activeLens: t,
   onLensChange: r
 }) {
-  const [c, n] = S(!1), o = I(null), u = () => {
+  const [i, n] = E(!1), o = U(null), u = () => {
     o.current != null && (window.clearTimeout(o.current), o.current = null);
-  }, l = () => {
+  }, s = () => {
     u(), o.current = window.setTimeout(() => n(!1), 100);
-  }, s = e.filter((i) => i !== t);
+  }, l = e.filter((c) => c !== t);
   return /* @__PURE__ */ a("div", { className: "cat-segmented-wrap", children: /* @__PURE__ */ h("div", { className: "cat-segmented", children: [
     /* @__PURE__ */ a(
       "button",
@@ -837,28 +837,28 @@ function Ye({
         onMouseEnter: () => {
           u(), n(!0);
         },
-        onMouseLeave: l,
+        onMouseLeave: s,
         children: [
-          /* @__PURE__ */ a("button", { type: "button", className: "cat-seg cat-seg-more-btn", "aria-haspopup": "menu", "aria-expanded": c, children: "More ▾" }),
-          c && /* @__PURE__ */ a(
+          /* @__PURE__ */ a("button", { type: "button", className: "cat-seg cat-seg-more-btn", "aria-haspopup": "menu", "aria-expanded": i, children: "More ▾" }),
+          i && /* @__PURE__ */ a(
             "div",
             {
               className: "cat-seg-overflow",
               role: "menu",
               onMouseEnter: u,
-              onMouseLeave: l,
-              children: s.map((i) => /* @__PURE__ */ a(
+              onMouseLeave: s,
+              children: l.map((c) => /* @__PURE__ */ a(
                 "button",
                 {
                   type: "button",
-                  "data-lens": i,
+                  "data-lens": c,
                   role: "menuitem",
                   onClick: () => {
-                    r(i), n(!1);
+                    r(c), n(!1);
                   },
-                  children: i
+                  children: c
                 },
-                i
+                c
               ))
             }
           )
@@ -867,30 +867,30 @@ function Ye({
     )
   ] }) });
 }
-function V({ tiles: e, selectedTileId: t, onSelectTile: r, renderTile: c }) {
+function X({ tiles: e, selectedTileId: t, onSelectTile: r, renderTile: i }) {
   return /* @__PURE__ */ a("div", { className: "cat-tiles", children: e.map((n) => {
     const o = n.id === t, u = n.subStats != null && n.subStats.length > 0;
-    let l = null;
-    u ? n.subStats.length === 5 ? l = "span-5" : n.subStats.length === 3 ? l = "span-3" : l = "span-2" : n.stack === !0 && (l = "span-2");
-    const s = ["cat-tile"];
-    l && s.push(l), o && s.push("selected"), n.isNew && s.push("is-new"), n.startHere && s.push("start-here"), n.donut && s.push("has-donut");
-    const i = 1;
+    let s = null;
+    u ? n.subStats.length === 5 ? s = "span-5" : n.subStats.length === 3 ? s = "span-3" : s = "span-2" : n.stack === !0 && (s = "span-2");
+    const l = ["cat-tile"];
+    s && l.push(s), o && l.push("selected"), n.isNew && l.push("is-new"), n.startHere && l.push("start-here"), n.donut && l.push("has-donut");
+    const c = 1;
     let d = 0.7;
     if (n.donut) {
-      const p = /([\d.]+)\s*%/.exec(n.value);
-      if (p) {
-        const m = parseFloat(p[1]);
-        Number.isFinite(m) && (d = Math.max(0, Math.min(1, m / 100)));
+      const m = /([\d.]+)\s*%/.exec(n.value);
+      if (m) {
+        const f = parseFloat(m[1]);
+        Number.isFinite(f) && (d = Math.max(0, Math.min(1, f / 100)));
       }
     }
     return /* @__PURE__ */ h(
       "button",
       {
         type: "button",
-        className: s.join(" "),
+        className: l.join(" "),
         "data-metric": n.id,
         "data-desc": n.desc,
-        "data-col-span": String(i),
+        "data-col-span": String(c),
         "data-donut": n.donut ? "true" : void 0,
         "data-accent": n.accent,
         "aria-pressed": o,
@@ -898,7 +898,7 @@ function V({ tiles: e, selectedTileId: t, onSelectTile: r, renderTile: c }) {
         style: n.accent ? { "--cat-tile-accent": n.accent } : void 0,
         children: [
           n.startHere && /* @__PURE__ */ a("span", { className: "cat-tile-start-here", "aria-hidden": "true", children: "START HERE" }),
-          c ? c(n) : /* @__PURE__ */ a(
+          i ? i(n) : /* @__PURE__ */ a(
             "div",
             {
               className: "cat-tile-primitive-wrapper gloss-metric-card",
@@ -906,7 +906,7 @@ function V({ tiles: e, selectedTileId: t, onSelectTile: r, renderTile: c }) {
               style: { pointerEvents: "none", width: "100%", height: "100%" },
               "aria-hidden": "true",
               children: n.donut ? /* @__PURE__ */ a(
-                Q,
+                oe,
                 {
                   variant: "donut",
                   label: n.label,
@@ -914,20 +914,20 @@ function V({ tiles: e, selectedTileId: t, onSelectTile: r, renderTile: c }) {
                   donutValue: d,
                   donutMax: 1,
                   accentColor: n.accent,
-                  colSpan: i
+                  colSpan: c
                 }
               ) : /* @__PURE__ */ a(
-                Q,
+                oe,
                 {
                   variant: "standard",
                   label: n.label,
                   value: n.value,
-                  colSpan: i
+                  colSpan: c
                 }
               )
             }
           ),
-          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((m) => /* @__PURE__ */ a("span", { children: m }, m)) }),
           n.isNew && /* @__PURE__ */ a("span", { className: "cat-tile-new-dot", "aria-hidden": "true" })
         ]
       },
@@ -935,14 +935,14 @@ function V({ tiles: e, selectedTileId: t, onSelectTile: r, renderTile: c }) {
     );
   }) });
 }
-const Y = ee(null);
-function Ke() {
-  return te(Y);
+const te = he(null);
+function qe() {
+  return fe(te);
 }
-function Be({ mode: e, dispatch: t }) {
-  const r = Ke();
+function je({ mode: e, dispatch: t }) {
+  const r = qe();
   if (r == null && e == null) return null;
-  const c = r?.mode ?? e ?? "add", n = r?.selectedTileId ?? null, o = r?.description ?? null, u = n == null;
+  const i = r?.mode ?? e ?? "add", n = r?.selectedTileId ?? null, o = r?.description ?? null, u = n == null;
   return /* @__PURE__ */ h("div", { className: "panel-footer catalog", children: [
     /* @__PURE__ */ a("div", { className: "cat-description", id: "cat-desc", children: o ?? /* @__PURE__ */ a("em", { children: "Tap a metric to see its description" }) }),
     /* @__PURE__ */ h("div", { style: { display: "flex", padding: "10px 14px", gap: 8 }, children: [
@@ -957,7 +957,7 @@ function Be({ mode: e, dispatch: t }) {
           children: "Cancel"
         }
       ),
-      c === "add" && /* @__PURE__ */ a(
+      i === "add" && /* @__PURE__ */ a(
         "button",
         {
           id: "btn-cat-add",
@@ -968,7 +968,7 @@ function Be({ mode: e, dispatch: t }) {
           children: "Add metric"
         }
       ),
-      c === "replace" && /* @__PURE__ */ a(
+      i === "replace" && /* @__PURE__ */ a(
         "button",
         {
           id: "btn-cat-replace",
@@ -982,36 +982,36 @@ function Be({ mode: e, dispatch: t }) {
     ] })
   ] });
 }
-function q(e, t) {
+function ie(e, t) {
   if (t.length === 0) return !0;
   const r = t.toLowerCase();
   if (e.label.toLowerCase().includes(r) || e.value.toLowerCase().includes(r)) return !0;
   if (e.subStats) {
-    for (const c of e.subStats)
-      if (c.label.toLowerCase().includes(r) || c.value.toLowerCase().includes(r)) return !0;
+    for (const i of e.subStats)
+      if (i.label.toLowerCase().includes(r) || i.value.toLowerCase().includes(r)) return !0;
   }
   return !1;
 }
-function Ct({
+function wt({
   isOpen: e,
-  lenses: t = ne,
-  defaultLens: r = ae,
-  tilesByLens: c = se,
-  lensMeta: n = z,
+  lenses: t = ge,
+  defaultLens: r = be,
+  tilesByLens: i = ve,
+  lensMeta: n = ee,
   footerSlot: o,
   renderTile: u
 }) {
-  const [l, s] = S(r), [i, d] = S(null), [p, m] = S(null), [f, _] = S(""), b = c[l] ?? { primary: [] }, C = n[l], N = W(
-    () => b.primary.filter((v) => q(v, f)),
-    [b.primary, f]
-  ), y = W(
-    () => (b.secondary ?? []).filter((v) => q(v, f)),
-    [b.secondary, f]
+  const [s, l] = E(r), [c, d] = E(null), [m, f] = E(null), [v, p] = E(""), b = i[s] ?? { primary: [] }, w = n[s], S = re(
+    () => b.primary.filter((y) => ie(y, v)),
+    [b.primary, v]
+  ), T = re(
+    () => (b.secondary ?? []).filter((y) => ie(y, v)),
+    [b.secondary, v]
   );
   return /* @__PURE__ */ h(
-    Y.Provider,
+    te.Provider,
     {
-      value: { mode: "add", selectedTileId: i, description: p },
+      value: { mode: "add", selectedTileId: c, description: m },
       children: [
         /* @__PURE__ */ h("div", { "data-shell": "catalog-add", "aria-hidden": !e, children: [
           /* @__PURE__ */ a("div", { className: "cat-search", children: /* @__PURE__ */ a(
@@ -1021,54 +1021,54 @@ function Ct({
               className: "cat-search-input",
               placeholder: "Search metrics",
               "aria-label": "Search metrics",
-              value: f,
-              onChange: (v) => _(v.target.value)
+              value: v,
+              onChange: (y) => p(y.target.value)
             }
           ) }),
           /* @__PURE__ */ a(
-            re,
+            ye,
             {
               lenses: t,
-              activeLens: l,
+              activeLens: s,
               lensMeta: n,
               variant: "pills",
-              onLensChange: (v) => {
-                s(v), d(null), m(null), _("");
+              onLensChange: (y) => {
+                l(y), d(null), f(null), p("");
               }
             }
           ),
-          C && /* @__PURE__ */ h("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 })
+          w && /* @__PURE__ */ h("div", { className: "cat-lens-meta", children: [
+            /* @__PURE__ */ a("h3", { className: "cat-lens-headline", children: w.headline }),
+            /* @__PURE__ */ a("p", { className: "cat-lens-helper", children: w.helper })
           ] }),
           /* @__PURE__ */ a(
-            V,
+            X,
             {
-              tiles: N,
-              selectedTileId: i,
-              onSelectTile: (v, E) => {
-                d(v), m(E);
+              tiles: S,
+              selectedTileId: c,
+              onSelectTile: (y, A) => {
+                d(y), f(A);
               },
               renderTile: u
             }
           ),
-          y.length > 0 && /* @__PURE__ */ h("div", { className: "cat-more-in-lens", children: [
+          T.length > 0 && /* @__PURE__ */ h("div", { className: "cat-more-in-lens", children: [
             /* @__PURE__ */ a("div", { className: "cat-more-in-lens__heading", children: "MORE IN THIS LENS" }),
             /* @__PURE__ */ a(
-              V,
+              X,
               {
-                tiles: y,
-                selectedTileId: i,
-                onSelectTile: (v, E) => {
-                  d(v), m(E);
+                tiles: T,
+                selectedTileId: c,
+                onSelectTile: (y, A) => {
+                  d(y), f(A);
                 },
                 renderTile: u
               }
             )
           ] }),
-          N.length === 0 && y.length === 0 && f.length > 0 && /* @__PURE__ */ h("div", { className: "cat-empty", children: [
+          S.length === 0 && T.length === 0 && v.length > 0 && /* @__PURE__ */ h("div", { className: "cat-empty", children: [
             'No metrics match "',
-            f,
+            v,
             '".'
           ] })
         ] }),
@@ -1077,20 +1077,20 @@ function Ct({
     }
   );
 }
-function Tt({
+function Et({
   isOpen: e,
   replacingLabel: t,
-  lenses: r = ne,
-  defaultLens: c = ae,
-  tilesByLens: n = se,
+  lenses: r = ge,
+  defaultLens: i = be,
+  tilesByLens: n = ve,
   footerSlot: o,
   renderTile: u
 }) {
-  const [l, s] = S(c), [i, d] = S(null), [p, m] = S(null), f = n[l] ?? { primary: [] }, _ = [...f.primary, ...f.secondary ?? []];
+  const [s, l] = E(i), [c, d] = E(null), [m, f] = E(null), v = n[s] ?? { primary: [] }, p = [...v.primary, ...v.secondary ?? []];
   return /* @__PURE__ */ h(
-    Y.Provider,
+    te.Provider,
     {
-      value: { mode: "replace", selectedTileId: i, description: p },
+      value: { mode: "replace", selectedTileId: c, description: m },
       children: [
         /* @__PURE__ */ h("div", { "data-shell": "catalog-replace", "aria-hidden": !e, children: [
           t && /* @__PURE__ */ h("p", { className: "cat-subtitle", children: [
@@ -1098,22 +1098,22 @@ function Tt({
             t
           ] }),
           /* @__PURE__ */ a(
-            re,
+            ye,
             {
               lenses: r,
-              activeLens: l,
+              activeLens: s,
               onLensChange: (b) => {
-                s(b), d(null), m(null);
+                l(b), d(null), f(null);
               }
             }
           ),
           /* @__PURE__ */ a(
-            V,
+            X,
             {
-              tiles: _,
-              selectedTileId: i,
-              onSelectTile: (b, C) => {
-                d(b), m(C);
+              tiles: p,
+              selectedTileId: c,
+              onSelectTile: (b, w) => {
+                d(b), f(w);
               },
               renderTile: u
             }
@@ -1124,12 +1124,12 @@ function Tt({
     }
   );
 }
-const le = ee(null);
-function oe() {
-  return te(le);
+const Ce = he(null);
+function _e() {
+  return fe(Ce);
 }
-function We(e = {}) {
-  const r = oe()?.setPages;
+function Ze(e = {}) {
+  const t = _e(), r = t?.createPage, i = t?.setPages;
   return /* @__PURE__ */ h(
     "div",
     {
@@ -1144,8 +1144,12 @@ function We(e = {}) {
             type: "button",
             className: "btn btn-primary",
             onClick: () => {
-              r && r((c) => [
-                ...c,
+              if (r) {
+                r();
+                return;
+              }
+              i && i((n) => [
+                ...n,
                 { id: `new-${Date.now()}`, name: "Untitled", active: !1 }
               ]);
             },
@@ -1156,36 +1160,51 @@ function We(e = {}) {
     }
   );
 }
-function Ge({ page: e, onRename: t, onKebab: r, onDragStart: c }) {
-  const n = oe(), [o, u] = S(!1), l = I(null);
-  x(() => {
-    if (!o) return;
-    const m = (f) => {
-      l.current && (l.current.contains(f.target) || u(!1));
+function ce({ page: e, onRename: t, onKebab: r, onDragStart: i, onSwitchPage: n }) {
+  const o = _e(), [u, s] = E(!1), l = U(null);
+  L(() => {
+    if (!u) return;
+    const p = (b) => {
+      l.current && (l.current.contains(b.target) || s(!1));
     };
-    return document.addEventListener("mousedown", m, !0), () => document.removeEventListener("mousedown", m, !0);
-  }, [o]);
-  const s = () => {
-    if (u(!1), t) return t(e.id);
-    if (!n?.renamePage) return;
-    const m = window.prompt("Rename page", e.name);
-    m != null && m.trim().length > 0 && n.renamePage(e.id, m.trim());
-  }, i = () => {
-    u(!1), n?.duplicatePage?.(e.id);
+    return document.addEventListener("mousedown", p, !0), () => document.removeEventListener("mousedown", p, !0);
+  }, [u]);
+  const c = () => {
+    if (s(!1), t) return t(e.id);
+    if (!o?.renamePage) return;
+    const p = window.prompt("Rename page", e.name);
+    p != null && p.trim().length > 0 && o.renamePage(e.id, p.trim());
   }, d = () => {
-    u(!1), !e.active && n?.deletePage?.(e.id);
-  }, p = ["pm-row"];
-  return e.active && p.push("active"), /* @__PURE__ */ h("div", { ref: l, className: p.join(" "), "data-page-id": e.id, role: "listitem", children: [
+    s(!1), o?.duplicatePage?.(e.id);
+  }, m = () => {
+    s(!1), o?.deletePage?.(e.id);
+  }, f = (p) => {
+    p.stopPropagation(), n && !e.active && n(e.id);
+  }, v = ["pm-row"];
+  return e.active && v.push("active"), /* @__PURE__ */ h("div", { ref: l, className: v.join(" "), "data-page-id": e.id, role: "listitem", children: [
     /* @__PURE__ */ a(
       "div",
       {
         className: "pm-handle",
         "aria-hidden": "true",
-        onMouseDown: () => c?.(e.id),
+        onMouseDown: () => i?.(e.id),
         children: "⋮⋮"
       }
     ),
-    /* @__PURE__ */ a("div", { className: "pm-name", children: e.name }),
+    /* @__PURE__ */ a(
+      "div",
+      {
+        className: "pm-name",
+        role: n && !e.active ? "button" : void 0,
+        tabIndex: n && !e.active ? 0 : void 0,
+        onClick: n ? f : void 0,
+        onKeyDown: (p) => {
+          !n || e.active || (p.key === "Enter" || p.key === " ") && (p.preventDefault(), p.stopPropagation(), n(e.id));
+        },
+        "aria-label": n && !e.active ? `Switch to ${e.name}` : void 0,
+        children: e.name
+      }
+    ),
     /* @__PURE__ */ a(
       "button",
       {
@@ -1193,75 +1212,152 @@ function Ge({ page: e, onRename: t, onKebab: r, onDragStart: c }) {
         className: "pm-kebab",
         "aria-label": "Page options",
         "aria-haspopup": "menu",
-        "aria-expanded": o,
-        onClick: (m) => {
-          if (m.stopPropagation(), r) return r(e.id);
-          u((f) => !f);
+        "aria-expanded": u,
+        onPointerDown: (p) => p.stopPropagation(),
+        onMouseDown: (p) => p.stopPropagation(),
+        onClick: (p) => {
+          if (p.stopPropagation(), r) return r(e.id);
+          s((b) => !b);
         },
         children: "⋯"
       }
     ),
-    o && /* @__PURE__ */ h("div", { className: "pm-kebab-menu", role: "menu", "data-page-id": e.id, children: [
-      /* @__PURE__ */ a("button", { type: "button", role: "menuitem", className: "pm-kebab-menu__item", onClick: s, children: "Rename" }),
-      /* @__PURE__ */ a("button", { type: "button", role: "menuitem", className: "pm-kebab-menu__item", onClick: i, children: "Duplicate" }),
-      /* @__PURE__ */ a(
-        "button",
-        {
-          type: "button",
-          role: "menuitem",
-          className: "pm-kebab-menu__item pm-kebab-menu__item--danger",
-          onClick: d,
-          "aria-disabled": e.active,
-          children: "Delete"
-        }
-      )
-    ] })
+    u && /* @__PURE__ */ h(
+      "div",
+      {
+        className: "pm-kebab-menu",
+        role: "menu",
+        "data-page-id": e.id,
+        onPointerDown: (p) => p.stopPropagation(),
+        onMouseDown: (p) => p.stopPropagation(),
+        children: [
+          /* @__PURE__ */ a("button", { type: "button", role: "menuitem", className: "pm-kebab-menu__item", onClick: c, 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 pm-kebab-menu__item--danger",
+              onClick: m,
+              children: "Delete"
+            }
+          )
+        ]
+      }
+    )
   ] });
 }
-const Qe = [
+const Xe = [
   { 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 St({
+function Pt({
   isOpen: e,
-  pages: t = Qe,
-  footerSlot: r
+  pages: t = Xe,
+  footerSlot: r,
+  externalPages: i,
+  activePageId: n,
+  onRename: o,
+  onDuplicate: u,
+  onDelete: s,
+  onReorder: l,
+  onCreatePage: c,
+  onSwitchPage: d
 }) {
-  const [c, n] = S(() => [...t]), o = P((s, i) => {
-    n((d) => d.map((p) => p.id === s ? { ...p, name: i } : p));
-  }, []), u = P((s) => {
-    n((i) => {
-      const d = i.find((f) => f.id === s);
-      if (!d) return i;
-      const p = {
-        id: `${d.id}-copy-${Date.now()}`,
-        name: `${d.name} copy`,
+  const [m, f] = E(() => [...t]), v = x((g, N) => {
+    f((C) => C.map((P) => P.id === g ? { ...P, name: N } : P));
+  }, []), p = x((g) => {
+    f((N) => {
+      const C = N.find((W) => W.id === g);
+      if (!C) return N;
+      const P = {
+        id: `${C.id}-copy-${Date.now()}`,
+        name: `${C.name} copy`,
         active: !1
-      }, m = i.findIndex((f) => f.id === s);
-      return [...i.slice(0, m + 1), p, ...i.slice(m + 1)];
+      }, k = N.findIndex((W) => W.id === g);
+      return [...N.slice(0, k + 1), P, ...N.slice(k + 1)];
     });
-  }, []), l = P((s) => {
-    n((i) => i.filter((d) => d.id !== s));
-  }, []);
-  return /* @__PURE__ */ a(le.Provider, { value: { pages: c, setPages: n, renamePage: o, duplicatePage: u, deletePage: l }, children: /* @__PURE__ */ h("div", { "data-shell": "page-management", "aria-hidden": !e, children: [
-    /* @__PURE__ */ a("div", { className: "pm-list", role: "list", children: c.map((s) => /* @__PURE__ */ a(Ge, { page: s }, s.id)) }),
-    r != null && /* @__PURE__ */ a("div", { className: "pm-footer-pin", children: r })
-  ] }) });
+  }, []), b = x((g) => {
+    f((N) => N.filter((C) => C.id !== g));
+  }, []), w = x((g) => {
+    f((N) => {
+      const C = new Map(N.map((k) => [k.id, k])), P = g.map((k) => C.get(k)).filter(Boolean);
+      return P.length === N.length ? P : N;
+    });
+  }, []), S = i != null, T = S ? i : m, y = n != null ? T.map((g) => ({ ...g, active: g.id === n })) : [...T], A = o ?? (S ? void 0 : v), z = u ?? (S ? void 0 : p), V = s ?? (S ? void 0 : b), D = l ?? (S ? void 0 : w), H = x(
+    (g) => {
+      S || f(g);
+    },
+    [S]
+  ), K = x(
+    (g) => {
+      const N = g[0]?.items.map((C) => C.id) ?? [];
+      N.length > 0 && D && D(N);
+    },
+    [D]
+  ), Y = y.map((g) => `${g.id}:${g.name}`).join("|"), B = D != null && y.length > 1 ? /* @__PURE__ */ a(
+    Se,
+    {
+      zones: [
+        {
+          zoneKey: "pm-pages",
+          items: y.map((g) => ({ ...g, id: g.id }))
+        }
+      ],
+      onZoneChange: K,
+      renderZone: (g, N, C) => /* @__PURE__ */ a("div", { className: "pm-list", role: "list", children: C }),
+      renderItem: (g) => /* @__PURE__ */ a(
+        ce,
+        {
+          page: g,
+          onSwitchPage: d
+        },
+        g.id
+      )
+    },
+    Y
+  ) : /* @__PURE__ */ a("div", { className: "pm-list", role: "list", children: y.map((g) => /* @__PURE__ */ a(
+    ce,
+    {
+      page: g,
+      onSwitchPage: d
+    },
+    g.id
+  )) });
+  return /* @__PURE__ */ a(
+    Ce.Provider,
+    {
+      value: {
+        pages: y,
+        setPages: H,
+        renamePage: A,
+        duplicatePage: z,
+        deletePage: V,
+        // Sprint 2026-05-20 — propagate live create binding for footer.
+        createPage: c
+      },
+      children: /* @__PURE__ */ h("div", { "data-shell": "page-management", "aria-hidden": !e, children: [
+        B,
+        r != null && /* @__PURE__ */ a("div", { className: "pm-footer-pin", children: r })
+      ] })
+    }
+  );
 }
-const Nt = {
+const xt = {
   SETTINGS: "settings",
   CATALOG_ADD: "catalog-add",
   CATALOG_REPLACE: "catalog-replace",
   PAGE_MGMT: "page-management",
   NOTIFICATION_CENTER: "notification-center"
-}, qe = {
+}, Je = {
   position: "fixed",
   inset: 0,
   pointerEvents: "none",
   zIndex: 55
-}, je = {
+}, et = {
   position: "absolute",
   inset: 0,
   zIndex: 1,
@@ -1270,88 +1366,88 @@ const Nt = {
   pointerEvents: "none",
   background: "rgba(0, 0, 0, 0.04)"
 };
-function wt() {
-  const { state: e, dispatch: t, getCloseLog: r } = _e();
-  x(() => {
+function At() {
+  const { state: e, dispatch: t, getCloseLog: r } = we();
+  L(() => {
     if (e.activePanelId == null) return;
     function o(u) {
       u.key === "Escape" && t({ type: "CLOSE_PANEL", reason: "escape-key" });
     }
     return document.addEventListener("keydown", o), () => document.removeEventListener("keydown", o);
   }, [e.activePanelId, t]);
-  const c = I(e);
-  Ce(() => {
-    c.current = e;
-  }), x(() => {
+  const i = U(e);
+  Ee(() => {
+    i.current = e;
+  }), L(() => {
     if (process.env.NODE_ENV === "production") return;
     const o = window;
     return o.__panelsHostHandle && console.warn("[panels] multiple PanelHost/PanelHostShell instances mounted; dev handle is unreliable"), o.__panelsHostHandle = {
       dispatch: t,
-      getState: () => c.current,
+      getState: () => i.current,
       getCloseLog: r
     }, () => {
       o.__panelsHostHandle?.dispatch === t && delete window.__panelsHostHandle;
     };
   }, [t, r]);
-  const n = P(() => {
+  const n = x(() => {
     t({ type: "CLOSE_PANEL", reason: "nav-escape-hatch" });
   }, [t]);
-  return /* @__PURE__ */ a("div", { "data-panel-host": "true", style: qe, children: e.activePanelId != null && /* @__PURE__ */ a(
+  return /* @__PURE__ */ a("div", { "data-panel-host": "true", style: Je, children: e.activePanelId != null && /* @__PURE__ */ a(
     "div",
     {
       "data-panel-scrim": "true",
-      style: je,
+      style: et,
       onClick: n
     }
   ) });
 }
-const Xe = 700;
-function Je(e) {
-  const [t, r] = S(null), c = I(null);
-  return x(() => {
+const tt = 700;
+function nt(e) {
+  const [t, r] = E(null), i = U(null);
+  return L(() => {
     if (e != null) {
-      c.current != null && (clearTimeout(c.current), c.current = null), r(null);
+      i.current != null && (clearTimeout(i.current), i.current = null), r(null);
       return;
     }
-    return r((n) => n), c.current = setTimeout(() => {
-      r(null), c.current = null;
-    }, Xe), () => {
-      c.current != null && (clearTimeout(c.current), c.current = null);
+    return r((n) => n), i.current = setTimeout(() => {
+      r(null), i.current = null;
+    }, tt), () => {
+      i.current != null && (clearTimeout(i.current), i.current = null);
     };
-  }, [e]), x(() => {
+  }, [e]), L(() => {
     e != null && r(e);
   }, [e]), e != null ? { panelId: e, isOpen: !0 } : t != null ? { panelId: t, isOpen: !1 } : { panelId: null, isOpen: !1 };
 }
-function Et({ panelComponents: e, children: t }) {
-  const r = L();
+function kt({ panelComponents: e, children: t }) {
+  const r = F();
   if (r == null) return null;
-  const { state: c, dispatch: n } = r, o = Je(c.activePanelId);
+  const { state: i, dispatch: n } = r, o = nt(i.activePanelId);
   if (o.panelId == null) return null;
-  const u = o.panelId, l = o.isOpen, s = e?.[u];
-  if (s == null && t == null)
+  const u = o.panelId, s = o.isOpen, l = e?.[u];
+  if (l == null && t == null)
     return process.env.NODE_ENV !== "production" && console.error(
       "[panels] No panel component registered for activePanelId:",
       u
     ), null;
   if (u === "settings") {
-    const i = c.isDirty, d = c.activeTrigger, p = d?.kind === "card-overflow" ? d.cardId : null;
-    return /* @__PURE__ */ a(A, { isOpen: l, children: /* @__PURE__ */ a(
-      k,
+    const c = i.isDirty, d = i.activeTrigger, m = d?.kind === "card-overflow" ? d.cardId : null;
+    return /* @__PURE__ */ a(I, { isOpen: s, children: /* @__PURE__ */ a(
+      M,
       {
-        isOpen: l,
+        isOpen: s,
         title: "Configure metric",
         variant: "merged-stage",
         onClose: () => n({ type: "CLOSE_PANEL", reason: "header-x" }),
-        footer: /* @__PURE__ */ h(Z, { children: [
+        footer: /* @__PURE__ */ h(me, { children: [
           /* @__PURE__ */ a(
             "button",
             {
               id: "btn-reset",
               type: "button",
               className: "gloss-panel-chrome__footer-btn",
-              disabled: !i,
+              disabled: !c,
               onClick: () => {
-                p != null && n({ type: "CLEAR_BUFFER", cardId: p });
+                m != null && n({ type: "CLEAR_BUFFER", cardId: m });
               },
               children: "Reset"
             }
@@ -1373,344 +1469,344 @@ function Et({ panelComponents: e, children: t }) {
               id: "settings-apply",
               type: "button",
               className: "gloss-panel-chrome__footer-btn gloss-panel-chrome__footer-btn--primary",
-              disabled: !i,
+              disabled: !c,
               onClick: () => n({ type: "CLOSE_PANEL", reason: "apply-button" }),
               children: "Apply"
             }
           )
         ] }),
-        children: s != null ? /* @__PURE__ */ a(s, { isOpen: l }) : t
+        children: l != null ? /* @__PURE__ */ a(l, { isOpen: s }) : t
       }
     ) });
   }
   if (u === "catalog-add" || u === "catalog-replace") {
-    if (s == null) return null;
-    const i = u === "catalog-replace" ? "replace" : "add";
-    return /* @__PURE__ */ a(A, { isOpen: l, children: /* @__PURE__ */ a(
-      k,
+    if (l == null) return null;
+    const c = u === "catalog-replace" ? "replace" : "add";
+    return /* @__PURE__ */ a(I, { isOpen: s, children: /* @__PURE__ */ a(
+      M,
       {
-        isOpen: l,
+        isOpen: s,
         onClose: () => n({ type: "CLOSE_PANEL", reason: "header-x" }),
         footer: null,
-        title: i === "replace" ? "Replace metric" : "Add a metric",
+        title: c === "replace" ? "Replace metric" : "Add a metric",
         children: /* @__PURE__ */ a(
-          s,
+          l,
           {
-            isOpen: l,
-            footerSlot: /* @__PURE__ */ a(Be, { mode: i, dispatch: n })
+            isOpen: s,
+            footerSlot: /* @__PURE__ */ a(je, { mode: c, dispatch: n })
           }
         )
       }
     ) });
   }
-  return u === "page-management" ? s == null ? null : /* @__PURE__ */ a(A, { isOpen: l, children: /* @__PURE__ */ a(
-    k,
+  return u === "page-management" ? l == null ? null : /* @__PURE__ */ a(I, { isOpen: s, children: /* @__PURE__ */ a(
+    M,
     {
-      isOpen: l,
+      isOpen: s,
       onClose: () => n({ type: "CLOSE_PANEL", reason: "header-x" }),
       footer: null,
       title: "Manage pages",
-      children: /* @__PURE__ */ a(s, { isOpen: l, footerSlot: /* @__PURE__ */ a(We, {}) })
+      children: /* @__PURE__ */ a(l, { isOpen: s, footerSlot: /* @__PURE__ */ a(Ze, {}) })
     }
-  ) }) : /* @__PURE__ */ a(A, { isOpen: l, children: /* @__PURE__ */ a(
-    k,
+  ) }) : /* @__PURE__ */ a(I, { isOpen: s, children: /* @__PURE__ */ a(
+    M,
     {
       isOpen: !0,
       onClose: () => n({ type: "CLOSE_PANEL", reason: "header-x" }),
       footer: null,
-      children: s != null ? /* @__PURE__ */ a(s, { isOpen: l }) : t
+      children: l != null ? /* @__PURE__ */ a(l, { isOpen: s }) : t
     }
   ) });
 }
-function j(e) {
+function de(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 Ze = 685, X = 627, et = "cubic-bezier(0.22, 1, 0.36, 1)", tt = 200;
-function ie(e, t) {
+const at = 685, ue = 627, st = "cubic-bezier(0.22, 1, 0.36, 1)", rt = 200;
+function Te(e, t) {
   if (typeof window > "u") return t;
   const r = window.getComputedStyle(document.documentElement).getPropertyValue(e).trim();
   if (!r) return t;
-  const c = parseFloat(r);
-  return Number.isNaN(c) ? t : r.endsWith("s") && !r.endsWith("ms") ? c * 1e3 : c;
+  const i = parseFloat(r);
+  return Number.isNaN(i) ? t : r.endsWith("s") && !r.endsWith("ms") ? i * 1e3 : i;
 }
-function nt(e, t) {
+function lt(e, t) {
   return typeof window > "u" ? t : window.getComputedStyle(document.documentElement).getPropertyValue(e).trim() || t;
 }
-function D(e) {
+function $(e) {
   e.dispatch({ type: "OPEN_PANEL", panelId: e.panelId, trigger: e.trigger });
 }
-function at(e) {
-  const { mountEl: t, chromeEl: r, reducedMotion: c, onAssert: n } = e;
+function ot(e) {
+  const { mountEl: t, chromeEl: r, reducedMotion: i, onAssert: n } = e;
   if (t == null || r == null) {
-    D(e), n?.({ branch: "slide-fallback-no-dom", timestamp: Date.now() });
+    $(e), n?.({ branch: "slide-fallback-no-dom", timestamp: Date.now() });
     return;
   }
-  if (c) {
+  if (i) {
     e.dispatch({ type: "OPEN_PANEL", panelId: e.panelId, trigger: e.trigger }), n?.({ branch: "slide-reduced-motion", timestamp: Date.now() });
     return;
   }
   if (typeof r.animate != "function") {
-    D(e), n?.({ branch: "slide-no-waapi", timestamp: Date.now() });
+    $(e), n?.({ branch: "slide-no-waapi", timestamp: Date.now() });
     return;
   }
   const o = r.cloneNode(!0);
   o.id = "panel-chrome-frozen", o.style.cssText = "position:absolute;left:8px;right:8px;top:8px;z-index:1;pointer-events:none;", t.appendChild(o), r.style.zIndex = "2", e.dispatch({ type: "OPEN_PANEL", panelId: e.panelId, trigger: e.trigger });
-  const u = ie("--panel-open-dur", Ze), l = nt("--panel-easing", et), s = r.animate(
+  const u = Te("--panel-open-dur", at), s = lt("--panel-easing", st), l = r.animate(
     [{ transform: "translateY(100%)" }, { transform: "translateY(0)" }],
-    { duration: u, easing: l, fill: "forwards" }
+    { duration: u, easing: s, fill: "forwards" }
   );
-  s.addEventListener(
+  l.addEventListener(
     "finish",
     () => {
-      o.remove(), r.style.zIndex = "", s.cancel(), n?.({ branch: "slide-complete", frozen: "cleaned", timestamp: Date.now() });
+      o.remove(), r.style.zIndex = "", l.cancel(), n?.({ branch: "slide-complete", frozen: "cleaned", timestamp: Date.now() });
     },
     { once: !0 }
   );
 }
-function st(e) {
+function it(e) {
   const { mountEl: t, onAssert: r } = e;
   if (t == null) {
-    e.dispatch({ type: "CLOSE_PANEL", reason: "mutex-handoff" }), setTimeout(() => D(e), X), r?.({ branch: "handoff-fallback-no-mount", timestamp: Date.now() });
+    e.dispatch({ type: "CLOSE_PANEL", reason: "mutex-handoff" }), setTimeout(() => $(e), ue), r?.({ branch: "handoff-fallback-no-mount", timestamp: Date.now() });
     return;
   }
-  const c = ie("--panel-close-dur", X);
+  const i = Te("--panel-close-dur", ue);
   let n = !1, o = null;
-  const u = (s) => {
-    s.target !== t || s.propertyName !== "max-height" || n || (n = !0, o != null && clearTimeout(o), t.removeEventListener("transitionend", u), e.dispatch({ type: "OPEN_PANEL", panelId: e.panelId, trigger: e.trigger }), r?.({ branch: "handoff-complete", timestamp: Date.now() }));
-  }, l = () => {
+  const u = (l) => {
+    l.target !== t || l.propertyName !== "max-height" || n || (n = !0, o != null && clearTimeout(o), t.removeEventListener("transitionend", u), e.dispatch({ type: "OPEN_PANEL", panelId: e.panelId, trigger: e.trigger }), r?.({ branch: "handoff-complete", timestamp: Date.now() }));
+  }, s = () => {
     n || (n = !0, t.removeEventListener("transitionend", u), e.dispatch({ type: "OPEN_PANEL", panelId: e.panelId, trigger: e.trigger }), r?.({ branch: "handoff-forced", timestamp: Date.now() }));
   };
-  t.addEventListener("transitionend", u), e.dispatch({ type: "CLOSE_PANEL", reason: "mutex-handoff" }), o = setTimeout(l, c + tt);
+  t.addEventListener("transitionend", u), e.dispatch({ type: "CLOSE_PANEL", reason: "mutex-handoff" }), o = setTimeout(s, i + rt);
 }
-function rt(e) {
+function ct(e) {
   const { state: t, onAssert: r } = e;
   if (t.activePanelId && t.isDirty) {
     e.dispatch({ type: "OPEN_PANEL", panelId: e.panelId, trigger: e.trigger }), r?.({ branch: "blocked-dirty", timestamp: Date.now() });
     return;
   }
-  const c = j(t.activeTrigger), n = j(e.trigger);
-  if (!!t.activePanelId && c != null && c === n) {
-    at(e);
+  const i = de(t.activeTrigger), n = de(e.trigger);
+  if (!!t.activePanelId && i != null && i === n) {
+    ot(e);
     return;
   }
   if (t.activePanelId) {
-    st(e);
+    it(e);
     return;
   }
-  D(e), r?.({ branch: "fresh-open", timestamp: Date.now() });
+  $(e), r?.({ branch: "fresh-open", timestamp: Date.now() });
 }
-function lt() {
+function dt() {
   if (!(typeof window > "u"))
     return window.__panelsAsserter;
 }
-function Pt() {
-  const e = L(), t = J();
-  return P(
-    (r, c) => {
+function Dt() {
+  const e = F(), t = pe();
+  return x(
+    (r, i) => {
       if (!e)
         return;
       const n = typeof document < "u" ? document.querySelector('[data-mount="panel"]') : null, o = typeof document < "u" ? document.querySelector('[data-chrome="panel"]') : null, u = {
         panelId: r,
-        trigger: c,
+        trigger: i,
         state: e.state,
         dispatch: e.dispatch,
         mountEl: n,
         chromeEl: o,
         reducedMotion: t,
-        onAssert: (l) => {
-          lt()?.recordTransition?.(l);
+        onAssert: (s) => {
+          dt()?.recordTransition?.(s);
         }
       };
-      rt(u);
+      ct(u);
     },
     [e, t]
   );
 }
-let O = !1, M = null;
-function H() {
+let R = !1, G = null;
+function J() {
   const e = [];
   let t = "cleaned";
   document.querySelectorAll("#panel-chrome-frozen").length > 0 && (e.push("#panel-chrome-frozen"), t = "lingering");
-  const c = document.querySelectorAll(".gloss-panel-mount");
-  c.length > 1 && e.push(`mount-count=${c.length}`);
-  const n = c[0] ?? null, o = n ? n.querySelectorAll(".gloss-panel-chrome") : [];
+  const i = document.querySelectorAll(".gloss-panel-mount");
+  i.length > 1 && e.push(`mount-count=${i.length}`);
+  const n = i[0] ?? null, o = n ? n.querySelectorAll(".gloss-panel-chrome") : [];
   o.length > 1 && e.push(`chrome-count=${o.length}`);
   const u = o[0] ?? null;
   if (u) {
     const d = u.style.zIndex;
     d !== "" && d !== "2" && e.push(`chrome-zindex=${d}`);
   }
-  const l = n ? "present" : "absent", s = u ? "present" : "absent";
+  const s = n ? "present" : "absent", l = u ? "present" : "absent";
   return {
     valid: e.length === 0,
-    mount: l,
-    chrome: s,
+    mount: s,
+    chrome: l,
     frozen: t,
     orphans: e,
     timestamp: Date.now()
   };
 }
-const $ = "8px 8px 0px", R = "64px", F = "inset(0px 0px 60px 0px)", U = "inset(0px -40px -40px -40px)";
-function g(e, t, r, c, n) {
-  return { id: e, constraint: t, expected: r, actual: c, pass: n };
+const Q = "8px 8px 0px", q = "64px", j = "inset(0px 0px 60px 0px)", Z = "inset(0px -40px -40px -40px)";
+function _(e, t, r, i, n) {
+  return { id: e, constraint: t, expected: r, actual: i, pass: n };
 }
-function w(e) {
+function O(e) {
   const t = parseInt(e, 10);
   return Number.isFinite(t) ? t : NaN;
 }
-function K() {
-  const e = [], t = document.querySelector(".gloss-panel-mount"), r = t?.querySelector(".gloss-panel-chrome") ?? null, c = document.querySelector(".gloss-panel-coordinator") ?? document.querySelector("[data-panel-coordinator]"), n = document.querySelector(".bell-cutout"), o = document.querySelector(".bell-popover"), u = document.querySelector(".gloss-bottom-toolbar");
+function ne() {
+  const e = [], t = document.querySelector(".gloss-panel-mount"), r = t?.querySelector(".gloss-panel-chrome") ?? null, i = document.querySelector(".gloss-panel-coordinator") ?? document.querySelector("[data-panel-coordinator]"), n = document.querySelector(".bell-cutout"), o = document.querySelector(".bell-popover"), u = document.querySelector(".gloss-bottom-toolbar");
   if (!t)
-    e.push(g("C1", "mount --reveal-y matches clip-path inset-bottom Npx", "mount present", "absent", !1));
+    e.push(_("C1", "mount --reveal-y matches clip-path inset-bottom Npx", "mount present", "absent", !1));
   else {
-    const l = getComputedStyle(t), s = l.getPropertyValue("--reveal-y").trim() || t.style.getPropertyValue("--reveal-y").trim(), i = l.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, m = w(s), f = Number.isFinite(p) && Number.isFinite(m) && p === m;
+    const s = getComputedStyle(t), l = s.getPropertyValue("--reveal-y").trim() || t.style.getPropertyValue("--reveal-y").trim(), c = s.clipPath || t.style.clipPath || "", d = c.match(/inset\(\s*0(?:px)?\s+0(?:px)?\s+(\d+)px\s+0(?:px)?\s*\)/), m = d ? parseInt(d[1], 10) : NaN, f = O(l), v = Number.isFinite(m) && Number.isFinite(f) && m === f;
     e.push(
-      g(
+      _(
         "C1",
         "mount --reveal-y matches clip-path inset-bottom Npx",
-        `inset(0 0 ${m}px 0) === --reveal-y(${m}px)`,
-        `--reveal-y=${s || "n/a"} clip-path=${i || "n/a"}`,
-        f
+        `inset(0 0 ${f}px 0) === --reveal-y(${f}px)`,
+        `--reveal-y=${l || "n/a"} clip-path=${c || "n/a"}`,
+        v
       )
     );
   }
   if (!t)
-    e.push(g("C2", "mount padding constant", $, "absent", !1));
+    e.push(_("C2", "mount padding constant", Q, "absent", !1));
   else {
-    const l = t.style.padding, s = getComputedStyle(t), i = l || s.padding || "", d = i === $ || i === "8px 8px 0px 8px";
-    e.push(g("C2", "mount padding constant", $, i || "n/a", d));
+    const s = t.style.padding, l = getComputedStyle(t), c = s || l.padding || "", d = c === Q || c === "8px 8px 0px 8px";
+    e.push(_("C2", "mount padding constant", Q, c || "n/a", d));
   }
   if (!t)
-    e.push(g("C3", "mount.bottom resolves to var(--tb-h)=64px", R, "absent", !1));
+    e.push(_("C3", "mount.bottom resolves to var(--tb-h)=64px", q, "absent", !1));
   else {
-    const s = getComputedStyle(t).bottom || t.style.bottom || "", i = s === R;
-    e.push(g("C3", "mount.bottom resolves to var(--tb-h)=64px", R, s || "n/a", i));
+    const l = getComputedStyle(t).bottom || t.style.bottom || "", c = l === q;
+    e.push(_("C3", "mount.bottom resolves to var(--tb-h)=64px", q, l || "n/a", c));
   }
   if (!r)
-    e.push(g("C4", "panel-chrome height formula = (row-h*3)+(row-gap*3)-8px", "formula match", "absent", !1));
+    e.push(_("C4", "panel-chrome height formula = (row-h*3)+(row-gap*3)-8px", "formula match", "absent", !1));
   else {
-    const l = getComputedStyle(r), s = w(
-      l.getPropertyValue("--row-h").trim() || r.style.getPropertyValue("--row-h").trim() || "0"
-    ), i = w(
-      l.getPropertyValue("--row-gap").trim() || r.style.getPropertyValue("--row-gap").trim() || "0"
-    ), d = s * 3 + i * 3 - 8, p = w(l.height || r.style.height || ""), m = Number.isFinite(s) && Number.isFinite(i) && Number.isFinite(p) && Number.isFinite(d) && p === d;
+    const s = getComputedStyle(r), l = O(
+      s.getPropertyValue("--row-h").trim() || r.style.getPropertyValue("--row-h").trim() || "0"
+    ), c = O(
+      s.getPropertyValue("--row-gap").trim() || r.style.getPropertyValue("--row-gap").trim() || "0"
+    ), d = l * 3 + c * 3 - 8, m = O(s.height || r.style.height || ""), f = Number.isFinite(l) && Number.isFinite(c) && Number.isFinite(m) && Number.isFinite(d) && m === d;
     e.push(
-      g(
+      _(
         "C4",
         "panel-chrome height formula = (row-h*3)+(row-gap*3)-8px",
-        `${d}px (rh=${s} rg=${i})`,
-        `${p}px`,
-        m
+        `${d}px (rh=${l} rg=${c})`,
+        `${m}px`,
+        f
       )
     );
   }
-  if (!c || !r)
+  if (!i || !r)
     e.push(
-      g(
+      _(
         "C5",
         'coordinator perspective + origin "center bottom"; chrome perspective-style flat',
         "present",
-        `coordinator=${c ? "present" : "absent"} chrome=${r ? "present" : "absent"}`,
+        `coordinator=${i ? "present" : "absent"} chrome=${r ? "present" : "absent"}`,
         !1
       )
     );
   else {
-    const l = getComputedStyle(c), s = getComputedStyle(r), i = l.perspective || c.style.perspective || "", d = (l.perspectiveOrigin || c.style.perspectiveOrigin || "").trim(), p = s.perspectiveStyle || r.style.perspectiveStyle || "", b = i !== "" && i !== "none" && (d === "center bottom" || d === "50% 100%") && p === "flat";
+    const s = getComputedStyle(i), l = getComputedStyle(r), c = s.perspective || i.style.perspective || "", d = (s.perspectiveOrigin || i.style.perspectiveOrigin || "").trim(), m = l.perspectiveStyle || r.style.perspectiveStyle || "", b = c !== "" && c !== "none" && (d === "center bottom" || d === "50% 100%") && m === "flat";
     e.push(
-      g(
+      _(
         "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}`,
+        `perspective=${c} origin=${d} chrome-style=${m}`,
         b
       )
     );
   }
   {
-    let l = !1, s = "absent";
+    let s = !1, l = "absent";
     try {
-      for (const i of Array.from(document.styleSheets)) {
+      for (const c of Array.from(document.styleSheets)) {
         let d = [];
         try {
-          d = Array.from(i.cssRules ?? []);
+          d = Array.from(c.cssRules ?? []);
         } catch {
           continue;
         }
-        for (const p of d)
-          if (p.name === "stage-spin") {
-            const f = Array.from(p.cssRules), _ = f.find((v) => v.keyText === "0%" || v.keyText === "from"), b = f.find((v) => v.keyText === "100%" || v.keyText === "to"), C = _?.style.transform ?? "", N = b?.style.transform ?? "", y = /rotateY\(\s*0(?:deg)?\s*\)/;
-            l = y.test(C) && y.test(N), s = `0%=${C || "n/a"} 100%=${N || "n/a"}`;
+        for (const m of d)
+          if (m.name === "stage-spin") {
+            const v = Array.from(m.cssRules), p = v.find((y) => y.keyText === "0%" || y.keyText === "from"), b = v.find((y) => y.keyText === "100%" || y.keyText === "to"), w = p?.style.transform ?? "", S = b?.style.transform ?? "", T = /rotateY\(\s*0(?:deg)?\s*\)/;
+            s = T.test(w) && T.test(S), l = `0%=${w || "n/a"} 100%=${S || "n/a"}`;
             break;
           }
-        if (s !== "absent") break;
+        if (l !== "absent") break;
       }
     } catch {
-      s = "inspection-error";
+      l = "inspection-error";
     }
     e.push(
-      g(
+      _(
         "C6",
         "@keyframes stage-spin 0% AND 100% anchor at rotateY(0)",
         "both frames rotateY(0)",
-        s,
-        l
+        l,
+        s
       )
     );
   }
   {
-    const l = document.documentElement, s = getComputedStyle(l), i = s.getPropertyValue("--panel-open-dur").trim() || l.style.getPropertyValue("--panel-open-dur").trim(), d = s.getPropertyValue("--panel-close-dur").trim() || l.style.getPropertyValue("--panel-close-dur").trim(), p = w(i) || parseFloat(i) * (i.endsWith("s") && !i.endsWith("ms") ? 1e3 : 1), m = w(d) || parseFloat(d) * (d.endsWith("s") && !d.endsWith("ms") ? 1e3 : 1), f = Number.isFinite(p) && Number.isFinite(m) && p > m;
+    const s = document.documentElement, l = getComputedStyle(s), c = l.getPropertyValue("--panel-open-dur").trim() || s.style.getPropertyValue("--panel-open-dur").trim(), d = l.getPropertyValue("--panel-close-dur").trim() || s.style.getPropertyValue("--panel-close-dur").trim(), m = O(c) || parseFloat(c) * (c.endsWith("s") && !c.endsWith("ms") ? 1e3 : 1), f = O(d) || parseFloat(d) * (d.endsWith("s") && !d.endsWith("ms") ? 1e3 : 1), v = Number.isFinite(m) && Number.isFinite(f) && m > f;
     e.push(
-      g("C7", "--panel-open-dur > --panel-close-dur", "open > close", `open=${i || "n/a"} close=${d || "n/a"}`, f)
+      _("C7", "--panel-open-dur > --panel-close-dur", "open > close", `open=${c || "n/a"} close=${d || "n/a"}`, v)
     );
   }
   if (!n)
-    e.push(g("C8", "BellCutout zero computed animation/transition", "no inline timing", "absent", !1));
+    e.push(_("C8", "BellCutout zero computed animation/transition", "no inline timing", "absent", !1));
   else {
-    const l = getComputedStyle(n), s = l.animationName || "", i = l.transitionProperty || "", d = (s === "" || s === "none") && (i === "" || i === "none" || i === "all");
+    const s = getComputedStyle(n), l = s.animationName || "", c = s.transitionProperty || "", d = (l === "" || l === "none") && (c === "" || c === "none" || c === "all");
     e.push(
-      g(
+      _(
         "C8",
         "BellCutout zero computed animation/transition",
         "animation:none AND transition:none",
-        `animation=${s || "n/a"} transition=${i || "n/a"}`,
+        `animation=${l || "n/a"} transition=${c || "n/a"}`,
         d
       )
     );
   }
   if (!t)
-    e.push(g("C9", "mount closed-state clipPath", F, "absent", !1));
+    e.push(_("C9", "mount closed-state clipPath", j, "absent", !1));
   else {
-    const l = t.style.clipPath, s = getComputedStyle(t), i = l || s.clipPath || "", d = i === F;
-    e.push(g("C9", "mount closed-state clipPath", F, i || "n/a", d));
+    const s = t.style.clipPath, l = getComputedStyle(t), c = s || l.clipPath || "", d = c === j;
+    e.push(_("C9", "mount closed-state clipPath", j, c || "n/a", d));
   }
   if (!o)
-    e.push(g("C10", "bell-popover parentElement === document.body (open)", "body", "absent", !1));
+    e.push(_("C10", "bell-popover parentElement === document.body (open)", "body", "absent", !1));
   else {
-    const l = o.parentElement, s = l === document.body;
+    const s = o.parentElement, l = s === document.body;
     e.push(
-      g(
+      _(
         "C10",
         "bell-popover parentElement === document.body (open)",
         "body",
-        l === document.body ? "body" : l?.tagName ?? "n/a",
-        s
+        s === document.body ? "body" : s?.tagName ?? "n/a",
+        l
       )
     );
   }
-  if (!c)
-    e.push(g("C11", "coordinator overflow === visible", "visible", "absent", !1));
+  if (!i)
+    e.push(_("C11", "coordinator overflow === visible", "visible", "absent", !1));
   else {
-    const s = getComputedStyle(c).overflow || c.style.overflow || "", i = s === "visible";
-    e.push(g("C11", "coordinator overflow === visible", "visible", s || "n/a", i));
+    const l = getComputedStyle(i).overflow || i.style.overflow || "", c = l === "visible";
+    e.push(_("C11", "coordinator overflow === visible", "visible", l || "n/a", c));
   }
   if (!u)
-    e.push(g("C12", "toolbar clipPath = inset(0 -40 -40 -40)", U, "absent", !1));
+    e.push(_("C12", "toolbar clipPath = inset(0 -40 -40 -40)", Z, "absent", !1));
   else {
-    const l = u.style.clipPath, s = getComputedStyle(u), i = l || s.clipPath || "", d = i === U;
-    e.push(g("C12", "toolbar clipPath = inset(0 -40 -40 -40)", U, i || "n/a", d));
+    const s = u.style.clipPath, l = getComputedStyle(u), c = s || l.clipPath || "", d = c === Z;
+    e.push(_("C12", "toolbar clipPath = inset(0 -40 -40 -40)", Z, c || "n/a", d));
   }
   return e.push(
-    g(
+    _(
       "C13",
       "same-position slide via WAAPI (mid-transition getAnimations().length > 0)",
       "WAAPI driver wired in orchestrator (source-proof)",
@@ -1718,7 +1814,7 @@ function K() {
       "wiring_only"
     )
   ), e.push(
-    g(
+    _(
       "C14",
       'cross-position handoff transitionend filtered by propertyName="max-height"',
       "transitionend filter wired in orchestrator (source-proof)",
@@ -1727,11 +1823,11 @@ function K() {
     )
   ), e;
 }
-function ot(e) {
-  return K().find((t) => t.id === e);
+function ut(e) {
+  return ne().find((t) => t.id === e);
 }
-function it() {
-  const e = H();
+function pt() {
+  const e = J();
   return { q12: [
     {
       id: "Q12-12",
@@ -1740,76 +1836,76 @@ function it() {
       actual: `valid=${e.valid} mount=${e.mount} chrome=${e.chrome} frozen=${e.frozen} orphans=[${e.orphans.join(",")}]`,
       pass: e.valid
     }
-  ], cc: K() };
+  ], cc: ne() };
 }
-function ct() {
+function mt() {
   return {
-    enable: dt,
-    disable: ut,
-    isEnabled: () => O,
-    getLastReport: () => M,
+    enable: ht,
+    disable: ft,
+    isEnabled: () => R,
+    getLastReport: () => G,
     recordTransition: (e) => {
-      O && (M = { ...e, ...H() });
+      R && (G = { ...e, ...J() });
     },
     assertOnce: () => {
-      const e = H();
-      return M = e, e;
+      const e = J();
+      return G = e, e;
     },
-    assertCcOnly: K,
-    getCcRowById: ot,
-    assertPanelTruths: it
+    assertCcOnly: ne,
+    getCcRowById: ut,
+    assertPanelTruths: pt
   };
 }
-function dt() {
-  if (O = !0, typeof window > "u") return;
-  window.__panelsAsserter || (window.__panelsAsserter = ct(), console.info(
+function ht() {
+  if (R = !0, typeof window > "u") return;
+  window.__panelsAsserter || (window.__panelsAsserter = mt(), console.info(
     "[panels] asserter enabled (P3b Q12-12 + P6 W5 cc:C1..C14). Inspect via window.__panelsAsserter."
   ));
 }
-function ut() {
-  O = !1;
+function ft() {
+  R = !1;
 }
 export {
-  kt as COMMITS,
-  Ct as CatalogAddShell,
-  Be as CatalogFooter,
-  Tt as CatalogReplaceShell,
-  Y as CatalogStateContext,
-  Ie as CloneCard,
-  Le as CloneStage,
-  ae as MOCK_DEFAULT_LENS,
-  ne as MOCK_LENSES,
-  z as MOCK_LENS_META,
-  Qe as MOCK_PAGES,
-  se as MOCK_TILES_BY_LENS,
-  Nt as PANEL_IDS,
-  We as PageMgmtFooter,
-  St as PageMgmtShell,
-  le as PageMgmtStateContext,
-  k as PanelChrome,
-  Dt as PanelHost,
-  wt as PanelHostShell,
-  A as PanelMount,
-  Ot as PanelProvider,
-  Et as PanelSlot,
-  _t as SettingsShell,
-  K as assertCcOnly,
-  H as assertPanelDomShape,
-  it as assertPanelTruths,
-  Lt as deriveSurfaceState,
-  ut as disablePanelAsserter,
-  dt as enablePanelAsserter,
-  ot as getCcRowById,
-  It as initialState,
-  j as positionKey,
-  Mt as reducer,
-  rt as transitionToPanel,
-  Ke as useCatalogState,
-  vt as useEditingCardId,
-  oe as usePageMgmtState,
-  _e as usePanelContext,
-  L as usePanelContextOptional,
-  $t as usePanelCoordinator,
-  J as useReducedMotionPanel,
-  Pt as useTransitionToPanel
+  It as COMMITS,
+  wt as CatalogAddShell,
+  je as CatalogFooter,
+  Et as CatalogReplaceShell,
+  te as CatalogStateContext,
+  Ue as CloneCard,
+  Fe as CloneStage,
+  be as MOCK_DEFAULT_LENS,
+  ge as MOCK_LENSES,
+  ee as MOCK_LENS_META,
+  Xe as MOCK_PAGES,
+  ve as MOCK_TILES_BY_LENS,
+  xt as PANEL_IDS,
+  Ze as PageMgmtFooter,
+  Pt as PageMgmtShell,
+  Ce as PageMgmtStateContext,
+  M as PanelChrome,
+  Mt as PanelHost,
+  At as PanelHostShell,
+  I as PanelMount,
+  $t as PanelProvider,
+  kt as PanelSlot,
+  St as SettingsShell,
+  ne as assertCcOnly,
+  J as assertPanelDomShape,
+  pt as assertPanelTruths,
+  Rt as deriveSurfaceState,
+  ft as disablePanelAsserter,
+  ht as enablePanelAsserter,
+  ut as getCcRowById,
+  Ft as initialState,
+  de as positionKey,
+  Ut as reducer,
+  ct as transitionToPanel,
+  qe as useCatalogState,
+  Nt as useEditingCardId,
+  _e as usePageMgmtState,
+  we as usePanelContext,
+  F as usePanelContextOptional,
+  zt as usePanelCoordinator,
+  pe as useReducedMotionPanel,
+  Dt as useTransitionToPanel
 };