@mt-gloss/ui 0.1.133 → 0.1.135

package/composites-panels.js

@@ -1,82 +1,31 @@
-import { u as M, g as he, h as Y, f as we, S as Te, b as Pe, j as Ae } from "./COMMITS-WBmqrmdI.js";
-import { C as zt, N as Ht, n as Ut, o as Bt, k as Yt, c as Vt, m as Kt, P as qt, l as Qt, e as Wt, i as Gt, r as jt, d as Zt } from "./COMMITS-WBmqrmdI.js";
-import { jsx as a, jsxs as f, Fragment as V } from "react/jsx-runtime";
-import H, { useState as A, useRef as K, createContext as fe, useContext as ge, useMemo as le, useEffect as F, useCallback as L, useLayoutEffect as xe } from "react";
-import { useSensors as ke, useSensor as ie, PointerSensor as De, KeyboardSensor as Le, DndContext as Me, closestCenter as Oe } from "@dnd-kit/core";
+import { u as D, g as X, h as z, f as we, S as Te, b as xe, j as Ee } from "./COMMITS-B_qGBoy7.js";
+import { C as Rt, N as $t, n as Ft, o as zt, k as Ht, c as Bt, m as Ut, P as Yt, l as Vt, e as Kt, i as qt, r as Qt, d as Wt } from "./COMMITS-B_qGBoy7.js";
+import { jsx as a, jsxs as b, Fragment as ue } from "react/jsx-runtime";
+import H, { useState as x, useRef as Y, createContext as pe, useContext as me, useMemo as se, useEffect as F, useCallback as L, useLayoutEffect as Ae } from "react";
+import { useSensors as De, useSensor as re, PointerSensor as ke, KeyboardSensor as Le, DndContext as Me, closestCenter as Oe } from "@dnd-kit/core";
 import { sortableKeyboardCoordinates as Ie, SortableContext as Re, horizontalListSortingStrategy as $e, arrayMove as Fe, useSortable as ze } from "@dnd-kit/sortable";
 import { CSS as He } from "@dnd-kit/utilities";
-import { M as ce } from "./MetricCard-DOPtBpek.js";
-function wt() {
-  const e = M();
+import { M as oe } from "./MetricCard-DOPtBpek.js";
+function _t() {
+  const e = D();
   if (e?.state.activePanelId !== "settings") return null;
   const t = e.state.activeTrigger;
   return t?.kind === "card-overflow" ? t.cardId : null;
 }
-function Ue({ span: e, rotating: t = !0, children: r }) {
+function he({ span: e, rotating: t = !0, children: r }) {
   const l = ["clone-card", `span-${e}`, t ? "rotating" : ""].filter(Boolean).join(" "), n = r != null ? "full" : "fallback";
   return /* @__PURE__ */ a("div", { className: l, "data-clone-fidelity": n, children: r });
 }
-function Tt({ primary: e, secondary: t }) {
-  return /* @__PURE__ */ f("div", { className: "gloss-panel-chrome-v2__footer-msg", children: [
+function St({ 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 Be({
-  value: e,
-  onChange: t,
-  enabled: r = !1,
-  onToggleEnabled: l
-}) {
-  const n = "settings-threshold-enabled";
-  return /* @__PURE__ */ f("div", { className: "settings-shell__field settings-shell__field--threshold", children: [
-    /* @__PURE__ */ f("div", { className: "settings-shell__toggle-row", children: [
-      /* @__PURE__ */ a("label", { htmlFor: n, className: "settings-shell__toggle-label", children: "Show threshold indicator" }),
-      /* @__PURE__ */ a(
-        "input",
-        {
-          id: n,
-          type: "checkbox",
-          role: "switch",
-          "aria-label": "Enable threshold indicator",
-          "aria-checked": r,
-          checked: r,
-          onChange: (i) => l?.(i.target.checked),
-          className: "settings-shell__toggle"
-        }
-      )
-    ] }),
-    r ? /* @__PURE__ */ f(V, { children: [
-      /* @__PURE__ */ a("span", { className: "settings-shell__label", "aria-hidden": "true", children: "Alert level (%)" }),
-      /* @__PURE__ */ f("div", { className: "settings-shell__slider-row", children: [
-        /* @__PURE__ */ a(
-          "input",
-          {
-            id: "settings-threshold-input",
-            type: "range",
-            min: 0,
-            max: 100,
-            value: e,
-            onChange: t,
-            "aria-label": "Threshold",
-            "aria-valuenow": e,
-            "aria-valuemin": 0,
-            "aria-valuemax": 100,
-            className: "settings-shell__slider"
-          }
-        ),
-        /* @__PURE__ */ f("span", { className: "settings-shell__slider-value", "aria-live": "polite", children: [
-          e,
-          "%"
-        ] })
-      ] })
-    ] }) : /* @__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 Ye({ value: e, onChange: t }) {
-  return /* @__PURE__ */ f("div", { className: "settings-shell__field settings-shell__field--timeframe", children: [
+function Be({ value: e, onChange: t }) {
+  return /* @__PURE__ */ b("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__ */ f("div", { className: "settings-shell__slider-row", children: [
+    /* @__PURE__ */ b("div", { className: "settings-shell__slider-row", children: [
       /* @__PURE__ */ a(
         "input",
         {
@@ -93,20 +42,20 @@ function Ye({ value: e, onChange: t }) {
           className: "settings-shell__slider"
         }
       ),
-      /* @__PURE__ */ f("span", { className: "settings-shell__slider-value", "aria-live": "polite", children: [
+      /* @__PURE__ */ b("span", { className: "settings-shell__slider-value", "aria-live": "polite", children: [
         e,
         " days"
       ] })
     ] })
   ] });
 }
-function Ve({ id: e, onRemove: t }) {
-  const { attributes: r, listeners: l, setNodeRef: n, transform: i, transition: u, isDragging: o } = ze({ id: e }), s = {
-    transform: He.Transform.toString(i),
+function Ue({ id: e, onRemove: t }) {
+  const { attributes: r, listeners: l, setNodeRef: n, transform: c, transition: u, isDragging: o } = ze({ id: e }), s = {
+    transform: He.Transform.toString(c),
     transition: u,
     opacity: o ? 0.6 : 1
   };
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ b(
     "li",
     {
       ref: n,
@@ -139,112 +88,59 @@ function Ve({ id: e, onRemove: t }) {
     }
   );
 }
-function Ke({ value: e, onChange: t }) {
-  const r = ke(
-    ie(De, { activationConstraint: { distance: 4 } }),
-    ie(Le, { coordinateGetter: Ie })
-  ), l = H.useRef(!1), [n, i] = H.useState(!1), u = (s) => {
-    const { active: c, over: d } = s;
-    if (!d || c.id === d.id) return;
-    const m = e.findIndex((b) => b === c.id), h = e.findIndex((b) => b === d.id);
+function Ye({ value: e, onChange: t }) {
+  const r = De(
+    re(ke, { activationConstraint: { distance: 4 } }),
+    re(Le, { coordinateGetter: Ie })
+  ), l = H.useRef(!1), [n, c] = H.useState(!1), u = (s) => {
+    const { active: i, over: d } = s;
+    if (!d || i.id === d.id) return;
+    const m = e.findIndex((g) => g === i.id), h = e.findIndex((g) => g === d.id);
     m === -1 || h === -1 || t(Fe([...e], m, h));
   }, o = (s) => {
-    l.current || (l.current = !0, i(!0)), t(e.filter((c) => c !== s));
+    l.current || (l.current = !0, c(!0)), t(e.filter((i) => i !== s));
   };
-  return /* @__PURE__ */ f("div", { className: "settings-shell__field settings-shell__field--slots", "aria-label": "Stack slots", children: [
-    /* @__PURE__ */ a(Me, { sensors: r, collisionDetection: Oe, onDragEnd: u, children: /* @__PURE__ */ a(Re, { items: [...e], strategy: $e, children: /* @__PURE__ */ a("ul", { className: "settings-shell__slots-list", role: "list", children: e.map((s) => /* @__PURE__ */ a(Ve, { id: s, onRemove: () => o(s) }, s)) }) }) }),
+  return /* @__PURE__ */ b("div", { className: "settings-shell__field settings-shell__field--slots", "aria-label": "Stack slots", children: [
+    /* @__PURE__ */ a(Me, { sensors: r, collisionDetection: Oe, onDragEnd: u, children: /* @__PURE__ */ a(Re, { items: [...e], strategy: $e, children: /* @__PURE__ */ a("ul", { className: "settings-shell__slots-list", role: "list", children: e.map((s) => /* @__PURE__ */ a(Ue, { id: s, onRemove: () => o(s) }, s)) }) }) }),
     e.length === 0 && n && /* @__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 qe = ["#1d6fd8", "#10b981", "#f59e0b", "#ef4444", "#8b5cf6"];
-function Qe({
-  value: e,
-  onSelect: t,
-  enabled: r = !1,
-  onToggleEnabled: l
-}) {
-  const n = "settings-accent-enabled";
-  return /* @__PURE__ */ f("div", { className: "settings-shell__field settings-shell__field--color", role: "group", "aria-label": "Accent color", children: [
-    /* @__PURE__ */ f("div", { className: "settings-shell__toggle-row", children: [
-      /* @__PURE__ */ a("label", { htmlFor: n, className: "settings-shell__toggle-label", children: "Override default accent" }),
-      /* @__PURE__ */ a(
-        "input",
-        {
-          id: n,
-          type: "checkbox",
-          role: "switch",
-          "aria-label": "Enable accent override",
-          "aria-checked": r,
-          checked: r,
-          onChange: (i) => l?.(i.target.checked),
-          className: "settings-shell__toggle"
-        }
-      )
-    ] }),
-    r ? /* @__PURE__ */ f(V, { children: [
-      /* @__PURE__ */ a("span", { className: "settings-shell__label", children: "Accent color" }),
-      /* @__PURE__ */ a("div", { className: "settings-shell__swatch-row", children: qe.map((i) => {
-        const u = e === i;
-        return /* @__PURE__ */ a(
-          "button",
-          {
-            type: "button",
-            "aria-pressed": u,
-            "aria-label": `Accent ${i}`,
-            className: `settings-shell__swatch${u ? " settings-shell__swatch--active" : ""}`,
-            style: { backgroundColor: i },
-            onClick: () => t(i)
-          },
-          i
-        );
-      }) })
-    ] }) : /* @__PURE__ */ a("p", { className: "settings-shell__help", "aria-live": "polite", children: "Off — the card uses its default accent. Turn on to override." })
-  ] });
-}
-const We = ["Orders", "Quota", "Unassigned"], Ge = ["threshold", "timeframe", "color"];
+const Ve = ["Orders", "Quota", "Unassigned"], Ke = ["timeframe"];
 function Pt({
   isOpen: e,
   cardSpan: t,
   cardLabel: r = "Metric",
   cardValue: l = "—",
   previewSlot: n,
-  dimensions: i = Ge,
+  dimensions: c = Ke,
   initialTab: u,
   initialValues: o
 }) {
-  const s = M(), c = s?.state.activeTrigger, d = c?.kind === "card-overflow" ? c.cardId : null, m = he(), h = c?.span, b = t ?? h ?? 1, p = i[0] ?? "threshold", [_, T] = H.useState(u ?? p);
+  const s = D(), i = s?.state.activeTrigger, d = i?.kind === "card-overflow" ? i.cardId : null, m = X(), h = i?.span, g = t ?? h ?? 1, p = c[0] ?? "timeframe", [v, w] = H.useState(u ?? p);
   H.useEffect(() => {
-    i.includes(_) || T(p);
-  }, [i, _, p]);
-  const y = d != null ? s?.state?.bufferByCard?.[d]?.changes ?? {} : {}, N = typeof y.threshold == "number" ? y.threshold : typeof o?.threshold == "number" ? o.threshold : 80, I = typeof y.timeframe == "number" ? y.timeframe : typeof o?.timeframe == "number" ? o.timeframe : 30, R = typeof y.accent == "string" ? y.accent : typeof o?.accent == "string" ? o.accent : null, $ = Array.isArray(y.slots) ? y.slots : Array.isArray(o?.slots) ? o.slots : We, S = typeof y.thresholdEnabled == "boolean" ? y.thresholdEnabled : typeof o?.thresholdEnabled == "boolean" ? o.thresholdEnabled : !1, D = typeof y.accentEnabled == "boolean" ? y.accentEnabled : typeof o?.accentEnabled == "boolean" ? o.accentEnabled : !1, q = (P) => {
-    d == null || s == null || s.dispatch({ type: "SET_BUFFER_VALUE", cardId: d, key: "threshold", value: Number(P.target.value) });
-  }, Q = (P) => {
-    d == null || s == null || s.dispatch({ type: "SET_BUFFER_VALUE", cardId: d, key: "timeframe", value: Number(P.target.value) });
-  }, oe = (P) => {
-    d == null || s == null || s.dispatch({ type: "SET_BUFFER_VALUE", cardId: d, key: "accent", value: P });
-  }, W = (P) => {
-    d == null || s == null || s.dispatch({ type: "SET_BUFFER_VALUE", cardId: d, key: "slots", value: P });
-  }, G = (P) => {
-    d == null || s == null || s.dispatch({ type: "SET_BUFFER_VALUE", cardId: d, key: "thresholdEnabled", value: P });
-  }, g = (P) => {
-    d == null || s == null || s.dispatch({ type: "SET_BUFFER_VALUE", cardId: d, key: "accentEnabled", value: P });
-  }, C = s?.state.isDirty ?? !1, w = d;
+    c.includes(v) || w(p);
+  }, [c, v, p]);
+  const S = d != null ? s?.state?.bufferByCard?.[d]?.changes ?? {} : {}, C = typeof S.timeframe == "number" ? S.timeframe : typeof o?.timeframe == "number" ? o.timeframe : 30, O = Array.isArray(S.slots) ? S.slots : Array.isArray(o?.slots) ? o.slots : Ve, I = ($) => {
+    d == null || s == null || s.dispatch({ type: "SET_BUFFER_VALUE", cardId: d, key: "timeframe", value: Number($.target.value) });
+  }, R = ($) => {
+    d == null || s == null || s.dispatch({ type: "SET_BUFFER_VALUE", cardId: d, key: "slots", value: $ });
+  }, N = s?.state.isDirty ?? !1, E = d;
   return /* @__PURE__ */ a(
-    Y,
+    z,
     {
       variant: "with-stage",
       onClose: () => s?.dispatch({ type: "CLOSE_PANEL", reason: "header-x" }),
-      stage: /* @__PURE__ */ a(Ue, { span: b, rotating: !m, children: n ?? /* @__PURE__ */ f(V, { children: [
+      stage: /* @__PURE__ */ a(he, { span: g, rotating: !m, children: n ?? /* @__PURE__ */ b(ue, { 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: l })
       ] }) }),
       navigation: /* @__PURE__ */ a(
         we,
         {
-          dimensions: i,
-          activeTab: _,
-          onSelect: T,
+          dimensions: c,
+          activeTab: v,
+          onSelect: w,
           reduced: m
         }
       ),
@@ -255,9 +151,9 @@ function Pt({
             id: "btn-reset",
             type: "button",
             className: "gloss-panel-chrome-v2__footer-btn",
-            disabled: !C,
+            disabled: !N,
             onClick: () => {
-              w != null && s?.dispatch({ type: "CLEAR_BUFFER", cardId: w });
+              E != null && s?.dispatch({ type: "CLEAR_BUFFER", cardId: E });
             },
             children: "Reset"
           }
@@ -268,55 +164,66 @@ function Pt({
             id: "settings-apply",
             type: "button",
             className: "gloss-panel-chrome-v2__footer-btn gloss-panel-chrome-v2__footer-btn--primary",
-            disabled: !C,
+            disabled: !N,
             onClick: () => s?.dispatch({ type: "CLOSE_PANEL", reason: "apply-button" }),
             children: "Apply"
           }
         )
       },
-      children: /* @__PURE__ */ a("div", { className: "settings-shell", "data-shell": "settings", "aria-hidden": !e, children: /* @__PURE__ */ f(
+      children: /* @__PURE__ */ a("div", { className: "settings-shell", "data-shell": "settings", "aria-hidden": !e, children: /* @__PURE__ */ b(
         "div",
         {
           role: "tabpanel",
-          id: `settings-tabpanel-${_}`,
+          id: `settings-tabpanel-${v}`,
           "aria-label": "Settings dimension controls",
           tabIndex: 0,
           className: "settings-shell__tabpanel",
           children: [
-            _ === "threshold" && /* @__PURE__ */ a(
-              Be,
-              {
-                value: N,
-                onChange: q,
-                enabled: S,
-                onToggleEnabled: G
-              }
-            ),
-            _ === "timeframe" && /* @__PURE__ */ a(Ye, { value: I, onChange: Q }),
-            _ === "slots" && /* @__PURE__ */ a(Ke, { value: $, onChange: W }),
-            _ === "color" && /* @__PURE__ */ a(
-              Qe,
-              {
-                value: R,
-                onSelect: oe,
-                enabled: D,
-                onToggleEnabled: g
-              }
-            )
+            v === "timeframe" && /* @__PURE__ */ a(Be, { value: C, onChange: I }),
+            v === "slots" && /* @__PURE__ */ a(Ye, { value: O, onChange: R })
           ]
         }
       ) })
     }
   );
 }
-const be = [
+function qe({
+  isOpen: e,
+  cardSpan: t,
+  previewSlot: r,
+  metricInfo: l
+}) {
+  const n = D(), c = n?.state.activeTrigger, u = X(), o = c?.span;
+  return /* @__PURE__ */ a(
+    z,
+    {
+      variant: "with-stage",
+      onClose: () => n?.dispatch({ type: "CLOSE_PANEL", reason: "header-x" }),
+      stage: /* @__PURE__ */ a(he, { span: t ?? o ?? 1, rotating: !u, children: r }),
+      children: /* @__PURE__ */ b(
+        "div",
+        {
+          className: "metric-info-shell",
+          "data-shell": "metric-info",
+          "aria-hidden": !e,
+          children: [
+            /* @__PURE__ */ a("h2", { className: "metric-info-shell__title", children: l.title }),
+            /* @__PURE__ */ a("p", { className: "metric-info-shell__description", children: l.description })
+          ]
+        }
+      )
+    }
+  );
+}
+qe.displayName = "MetricInfoShell";
+const fe = [
   "Revenue",
   "Order flow",
   "Rep performance",
   "Brand portfolio",
   "Account coverage",
   "Commission"
-], ye = "Revenue", ve = {
+], ge = "Revenue", ye = {
   Revenue: {
     headline: "Are we hitting our number?",
     helper: "Top-line sales, growth, average order value, and pace-to-plan signals."
@@ -341,7 +248,7 @@ const be = [
     headline: "What's our commission rate?",
     helper: "Outstanding balances, aging buckets, and effective commission yield."
   }
-}, _e = {
+}, be = {
   Revenue: {
     primary: [
       {
@@ -626,46 +533,46 @@ const be = [
     ]
   }
 };
-function Ce({
+function ve({
   lenses: e,
   activeLens: t,
   onLensChange: r,
   variant: l = "pills",
-  lensMeta: n = ve
+  lensMeta: n = ye
 }) {
-  return l === "pills" ? /* @__PURE__ */ a("div", { className: "cat-pills-wrap", children: /* @__PURE__ */ a("div", { className: "cat-pills", role: "tablist", "aria-label": "Metric lenses", children: e.map((i) => {
-    const u = i === t, o = n[i], s = ["cat-pill"];
-    return u && s.push("active"), /* @__PURE__ */ f(
+  return l === "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], s = ["cat-pill"];
+    return u && s.push("active"), /* @__PURE__ */ b(
       "button",
       {
         type: "button",
         role: "tab",
         "aria-selected": u,
         className: s.join(" "),
-        "data-lens": i,
+        "data-lens": c,
         onClick: () => {
-          u || r(i);
+          u || r(c);
         },
         children: [
-          i,
+          c,
           o?.beta && /* @__PURE__ */ a("span", { className: "cat-pill-beta", "aria-label": "Beta", children: "BETA" })
         ]
       },
-      i
+      c
     );
-  }) }) }) : /* @__PURE__ */ a(je, { lenses: e, activeLens: t, onLensChange: r });
+  }) }) }) : /* @__PURE__ */ a(Qe, { lenses: e, activeLens: t, onLensChange: r });
 }
-function je({
+function Qe({
   lenses: e,
   activeLens: t,
   onLensChange: r
 }) {
-  const [l, n] = A(!1), i = K(null), u = () => {
-    i.current != null && (window.clearTimeout(i.current), i.current = null);
+  const [l, n] = x(!1), c = Y(null), u = () => {
+    c.current != null && (window.clearTimeout(c.current), c.current = null);
   }, o = () => {
-    u(), i.current = window.setTimeout(() => n(!1), 100);
-  }, s = e.filter((c) => c !== t);
-  return /* @__PURE__ */ a("div", { className: "cat-segmented-wrap", children: /* @__PURE__ */ f("div", { className: "cat-segmented", children: [
+    u(), c.current = window.setTimeout(() => n(!1), 100);
+  }, s = e.filter((i) => i !== t);
+  return /* @__PURE__ */ a("div", { className: "cat-segmented-wrap", children: /* @__PURE__ */ b("div", { className: "cat-segmented", children: [
     /* @__PURE__ */ a(
       "button",
       {
@@ -676,7 +583,7 @@ function je({
         children: t
       }
     ),
-    /* @__PURE__ */ f(
+    /* @__PURE__ */ b(
       "div",
       {
         className: "cat-seg-more",
@@ -693,18 +600,18 @@ function je({
               role: "menu",
               onMouseEnter: u,
               onMouseLeave: o,
-              children: s.map((c) => /* @__PURE__ */ a(
+              children: s.map((i) => /* @__PURE__ */ a(
                 "button",
                 {
                   type: "button",
-                  "data-lens": c,
+                  "data-lens": i,
                   role: "menuitem",
                   onClick: () => {
-                    r(c), n(!1);
+                    r(i), n(!1);
                   },
-                  children: c
+                  children: i
                 },
-                c
+                i
               ))
             }
           )
@@ -713,14 +620,14 @@ function je({
     )
   ] }) });
 }
-function te({ tiles: e, selectedTileId: t, onSelectTile: r, renderTile: l }) {
+function j({ tiles: e, selectedTileId: t, onSelectTile: r, renderTile: l }) {
   return /* @__PURE__ */ a("div", { className: "cat-tiles", children: e.map((n) => {
-    const i = n.id === t, u = n.subStats != null && n.subStats.length > 0;
+    const c = n.id === t, u = 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");
     const s = ["cat-tile"];
-    o && s.push(o), i && s.push("selected"), n.isNew && s.push("is-new"), n.startHere && s.push("start-here"), n.donut && s.push("has-donut");
-    const c = 1;
+    o && s.push(o), c && 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 d = 0.7;
     if (n.donut) {
       const m = /([\d.]+)\s*%/.exec(n.value);
@@ -729,17 +636,17 @@ function te({ tiles: e, selectedTileId: t, onSelectTile: r, renderTile: l }) {
         Number.isFinite(h) && (d = Math.max(0, Math.min(1, h / 100)));
       }
     }
-    return /* @__PURE__ */ f(
+    return /* @__PURE__ */ b(
       "button",
       {
         type: "button",
         className: s.join(" "),
         "data-metric": n.id,
         "data-desc": n.desc,
-        "data-col-span": String(c),
+        "data-col-span": String(i),
         "data-donut": n.donut ? "true" : void 0,
         "data-accent": n.accent,
-        "aria-pressed": i,
+        "aria-pressed": c,
         onClick: () => r(n.id, n.desc),
         style: n.accent ? { "--cat-tile-accent": n.accent } : void 0,
         children: [
@@ -752,7 +659,7 @@ function te({ tiles: e, selectedTileId: t, onSelectTile: r, renderTile: l }) {
               style: { pointerEvents: "none", width: "100%", height: "100%" },
               "aria-hidden": "true",
               children: n.donut ? /* @__PURE__ */ a(
-                ce,
+                oe,
                 {
                   variant: "donut",
                   label: n.label,
@@ -760,15 +667,15 @@ function te({ tiles: e, selectedTileId: t, onSelectTile: r, renderTile: l }) {
                   donutValue: d,
                   donutMax: 1,
                   accentColor: n.accent,
-                  colSpan: c
+                  colSpan: i
                 }
               ) : /* @__PURE__ */ a(
-                ce,
+                oe,
                 {
                   variant: "standard",
                   label: n.label,
                   value: n.value,
-                  colSpan: c
+                  colSpan: i
                 }
               )
             }
@@ -781,17 +688,17 @@ function te({ tiles: e, selectedTileId: t, onSelectTile: r, renderTile: l }) {
     );
   }) });
 }
-const ae = fe(null);
-function se() {
-  return ge(ae);
+const J = pe(null);
+function ee() {
+  return me(J);
 }
-function At({ mode: e, dispatch: t }) {
-  const r = se();
+function wt({ mode: e, dispatch: t }) {
+  const r = ee();
   if (r == null && e == null) return null;
-  const l = r?.mode ?? e ?? "add", n = r?.selectedTileId ?? null, i = r?.description ?? null, u = n == null;
-  return /* @__PURE__ */ f("div", { className: "panel-footer catalog", children: [
-    /* @__PURE__ */ a("div", { className: "cat-description", id: "cat-desc", children: i ?? /* @__PURE__ */ a("em", { children: "Tap a metric to see its description" }) }),
-    /* @__PURE__ */ f("div", { style: { display: "flex", padding: "10px 14px", gap: 8 }, children: [
+  const l = r?.mode ?? e ?? "add", n = r?.selectedTileId ?? null, c = r?.description ?? null, u = n == null;
+  return /* @__PURE__ */ b("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__ */ b("div", { style: { display: "flex", padding: "10px 14px", gap: 8 }, children: [
       /* @__PURE__ */ a("div", { className: "spacer", style: { flex: 1 } }),
       /* @__PURE__ */ a(
         "button",
@@ -828,7 +735,7 @@ function At({ mode: e, dispatch: t }) {
     ] })
   ] });
 }
-function de(e, t) {
+function le(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;
@@ -838,53 +745,53 @@ function de(e, t) {
   }
   return !1;
 }
-function Ze() {
-  const t = se()?.description ?? null;
+function We() {
+  const t = ee()?.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 xt({
+function Tt({
   isOpen: e,
-  lenses: t = be,
-  defaultLens: r = ye,
-  tilesByLens: l = _e,
-  lensMeta: n = ve,
-  renderTile: i,
+  lenses: t = fe,
+  defaultLens: r = ge,
+  tilesByLens: l = be,
+  lensMeta: n = ye,
+  renderTile: c,
   onAdd: u
 }) {
-  const o = M(), [s, c] = A(r), [d, m] = A(null), [h, b] = A(null), [p, _] = A(""), T = l[s] ?? { primary: [] }, E = n[s], y = le(
-    () => T.primary.filter((S) => de(S, p)),
-    [T.primary, p]
-  ), N = le(
-    () => (T.secondary ?? []).filter((S) => de(S, p)),
-    [T.secondary, p]
-  ), I = () => {
+  const o = D(), [s, i] = x(r), [d, m] = x(null), [h, g] = x(null), [p, v] = x(""), w = l[s] ?? { primary: [] }, _ = n[s], S = se(
+    () => w.primary.filter((N) => le(N, p)),
+    [w.primary, p]
+  ), C = se(
+    () => (w.secondary ?? []).filter((N) => le(N, p)),
+    [w.secondary, p]
+  ), O = () => {
     d != null && u?.(d), o?.dispatch({ type: "CLOSE_PANEL", reason: "apply-button" });
-  }, R = () => o?.dispatch({ type: "CLOSE_PANEL", reason: "header-x" }), $ = d == null;
+  }, I = () => o?.dispatch({ type: "CLOSE_PANEL", reason: "header-x" }), R = d == null;
   return /* @__PURE__ */ a(
-    ae.Provider,
+    J.Provider,
     {
       value: { mode: "add", selectedTileId: d, description: h },
       children: /* @__PURE__ */ a(
-        Y,
+        z,
         {
           variant: "no-stage",
           title: "Add a metric",
-          onClose: R,
+          onClose: I,
           footer: {
-            left: /* @__PURE__ */ a(Ze, {}),
+            left: /* @__PURE__ */ a(We, {}),
             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: $,
-                onClick: I,
+                disabled: R,
+                onClick: O,
                 children: "Add metric"
               }
             )
           },
-          children: /* @__PURE__ */ f("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",
               {
@@ -893,51 +800,51 @@ function xt({
                 placeholder: "Search metrics",
                 "aria-label": "Search metrics",
                 value: p,
-                onChange: (S) => _(S.target.value)
+                onChange: (N) => v(N.target.value)
               }
             ) }),
             /* @__PURE__ */ a(
-              Ce,
+              ve,
               {
                 lenses: t,
                 activeLens: s,
                 lensMeta: n,
                 variant: "pills",
-                onLensChange: (S) => {
-                  c(S), m(null), b(null), _("");
+                onLensChange: (N) => {
+                  i(N), m(null), g(null), v("");
                 }
               }
             ),
-            E && /* @__PURE__ */ f("div", { className: "cat-lens-meta", children: [
-              /* @__PURE__ */ a("h3", { className: "cat-lens-headline", children: E.headline }),
-              /* @__PURE__ */ a("p", { className: "cat-lens-helper", children: E.helper })
+            _ && /* @__PURE__ */ b("div", { className: "cat-lens-meta", children: [
+              /* @__PURE__ */ a("h3", { className: "cat-lens-headline", children: _.headline }),
+              /* @__PURE__ */ a("p", { className: "cat-lens-helper", children: _.helper })
             ] }),
             /* @__PURE__ */ a(
-              te,
+              j,
               {
-                tiles: y,
+                tiles: S,
                 selectedTileId: d,
-                onSelectTile: (S, D) => {
-                  m(S), b(D);
+                onSelectTile: (N, E) => {
+                  m(N), g(E);
                 },
-                renderTile: i
+                renderTile: c
               }
             ),
-            N.length > 0 && /* @__PURE__ */ f("div", { className: "cat-more-in-lens", children: [
+            C.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(
-                te,
+                j,
                 {
-                  tiles: N,
+                  tiles: C,
                   selectedTileId: d,
-                  onSelectTile: (S, D) => {
-                    m(S), b(D);
+                  onSelectTile: (N, E) => {
+                    m(N), g(E);
                   },
-                  renderTile: i
+                  renderTile: c
                 }
               )
             ] }),
-            y.length === 0 && N.length === 0 && p.length > 0 && /* @__PURE__ */ f("div", { className: "cat-empty", children: [
+            S.length === 0 && C.length === 0 && p.length > 0 && /* @__PURE__ */ b("div", { className: "cat-empty", children: [
               'No metrics match "',
               p,
               '".'
@@ -948,67 +855,67 @@ function xt({
     }
   );
 }
-function Xe() {
-  const t = se()?.description ?? null;
-  return t == null ? /* @__PURE__ */ a("em", { children: "Tap a metric to see its description" }) : /* @__PURE__ */ a(V, { children: t });
+function Ge() {
+  const t = ee()?.description ?? null;
+  return t == null ? /* @__PURE__ */ a("em", { children: "Tap a metric to see its description" }) : /* @__PURE__ */ a(ue, { children: t });
 }
-function kt({
+function xt({
   isOpen: e,
   replacingLabel: t,
-  lenses: r = be,
-  defaultLens: l = ye,
-  tilesByLens: n = _e,
-  renderTile: i
+  lenses: r = fe,
+  defaultLens: l = ge,
+  tilesByLens: n = be,
+  renderTile: c
 }) {
-  const u = M(), [o, s] = A(l), [c, d] = A(null), [m, h] = A(null), b = n[o] ?? { primary: [] }, p = [...b.primary, ...b.secondary ?? []], _ = () => u?.dispatch({ type: "CLOSE_PANEL", reason: "apply-button" }), T = () => u?.dispatch({ type: "CLOSE_PANEL", reason: "header-x" }), E = c == null;
+  const u = D(), [o, s] = x(l), [i, d] = x(null), [m, h] = x(null), g = n[o] ?? { primary: [] }, p = [...g.primary, ...g.secondary ?? []], v = () => u?.dispatch({ type: "CLOSE_PANEL", reason: "apply-button" }), w = () => u?.dispatch({ type: "CLOSE_PANEL", reason: "header-x" }), _ = i == null;
   return /* @__PURE__ */ a(
-    ae.Provider,
+    J.Provider,
     {
-      value: { mode: "replace", selectedTileId: c, description: m },
+      value: { mode: "replace", selectedTileId: i, description: m },
       children: /* @__PURE__ */ a(
-        Y,
+        z,
         {
           variant: "no-stage",
           title: "Replace metric",
-          onClose: T,
+          onClose: w,
           footer: {
-            left: /* @__PURE__ */ a(Xe, {}),
+            left: /* @__PURE__ */ a(Ge, {}),
             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: E,
-                onClick: _,
+                disabled: _,
+                onClick: v,
                 children: "Replace metric"
               }
             )
           },
-          children: /* @__PURE__ */ f("div", { "data-shell": "catalog-replace", "aria-hidden": !e, children: [
-            t && /* @__PURE__ */ f("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
             ] }),
             /* @__PURE__ */ a(
-              Ce,
+              ve,
               {
                 lenses: r,
                 activeLens: o,
-                onLensChange: (y) => {
-                  s(y), d(null), h(null);
+                onLensChange: (S) => {
+                  s(S), d(null), h(null);
                 }
               }
             ),
             /* @__PURE__ */ a(
-              te,
+              j,
               {
                 tiles: p,
-                selectedTileId: c,
-                onSelectTile: (y, N) => {
-                  d(y), h(N);
+                selectedTileId: i,
+                onSelectTile: (S, C) => {
+                  d(S), h(C);
                 },
-                renderTile: i
+                renderTile: c
               }
             )
           ] })
@@ -1017,13 +924,13 @@ function kt({
     }
   );
 }
-const Ne = fe(null);
-function Se() {
-  return ge(Ne);
+const Ce = pe(null);
+function Ne() {
+  return me(Ce);
 }
-function Je(e = {}) {
-  const t = Se(), r = t?.createPage, l = t?.setPages;
-  return /* @__PURE__ */ f(
+function je(e = {}) {
+  const t = Ne(), r = t?.createPage, l = t?.setPages;
+  return /* @__PURE__ */ b(
     "div",
     {
       className: "panel-footer pm",
@@ -1053,28 +960,28 @@ function Je(e = {}) {
     }
   );
 }
-function ue({ page: e, onRename: t, onKebab: r, onDragStart: l, onSwitchPage: n }) {
-  const i = Se(), [u, o] = A(!1), s = K(null);
+function ie({ page: e, onRename: t, onKebab: r, onDragStart: l, onSwitchPage: n }) {
+  const c = Ne(), [u, o] = x(!1), s = Y(null);
   F(() => {
     if (!u) return;
-    const p = (_) => {
-      s.current && (s.current.contains(_.target) || o(!1));
+    const p = (v) => {
+      s.current && (s.current.contains(v.target) || o(!1));
     };
     return document.addEventListener("mousedown", p, !0), () => document.removeEventListener("mousedown", p, !0);
   }, [u]);
-  const c = () => {
+  const i = () => {
     if (o(!1), t) return t(e.id);
-    if (!i?.renamePage) return;
+    if (!c?.renamePage) return;
     const p = window.prompt("Rename page", e.name);
-    p != null && p.trim().length > 0 && i.renamePage(e.id, p.trim());
+    p != null && p.trim().length > 0 && c.renamePage(e.id, p.trim());
   }, d = () => {
-    o(!1), i?.duplicatePage?.(e.id);
+    o(!1), c?.duplicatePage?.(e.id);
   }, m = () => {
-    o(!1), i?.deletePage?.(e.id);
+    o(!1), c?.deletePage?.(e.id);
   }, h = (p) => {
     p.stopPropagation(), n && !e.active && n(e.id);
-  }, b = ["pm-row"];
-  return e.active && b.push("active"), /* @__PURE__ */ f("div", { ref: s, className: b.join(" "), "data-page-id": e.id, role: "listitem", children: [
+  }, g = ["pm-row"];
+  return e.active && g.push("active"), /* @__PURE__ */ b("div", { ref: s, className: g.join(" "), "data-page-id": e.id, role: "listitem", children: [
     /* @__PURE__ */ a(
       "div",
       {
@@ -1110,12 +1017,12 @@ function ue({ page: e, onRename: t, onKebab: r, onDragStart: l, onSwitchPage: n
         onMouseDown: (p) => p.stopPropagation(),
         onClick: (p) => {
           if (p.stopPropagation(), r) return r(e.id);
-          o((_) => !_);
+          o((v) => !v);
         },
         children: "⋯"
       }
     ),
-    u && /* @__PURE__ */ f(
+    u && /* @__PURE__ */ b(
       "div",
       {
         className: "pm-kebab-menu",
@@ -1124,7 +1031,7 @@ function ue({ page: e, onRename: t, onKebab: r, onDragStart: l, onSwitchPage: n
         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: i, children: "Rename" }),
           /* @__PURE__ */ a("button", { type: "button", role: "menuitem", className: "pm-kebab-menu__item", onClick: d, children: "Duplicate" }),
           /* @__PURE__ */ a(
             "button",
@@ -1141,121 +1048,121 @@ function ue({ page: e, onRename: t, onKebab: r, onDragStart: l, onSwitchPage: n
     )
   ] });
 }
-const et = [
+const Ze = [
   { 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 Dt({
+function Et({
   isOpen: e,
-  pages: t = et,
+  pages: t = Ze,
   externalPages: r,
   activePageId: l,
   onRename: n,
-  onDuplicate: i,
+  onDuplicate: c,
   onDelete: u,
   onReorder: o,
   onCreatePage: s,
-  onSwitchPage: c
+  onSwitchPage: i
 }) {
-  const d = M(), [m, h] = A(() => [...t]), b = L((g, C) => {
-    h((w) => w.map((x) => x.id === g ? { ...x, name: C } : x));
-  }, []), p = L((g) => {
-    h((C) => {
-      const w = C.find((z) => z.id === g);
-      if (!w) return C;
-      const x = {
-        id: `${w.id}-copy-${Date.now()}`,
-        name: `${w.name} copy`,
+  const d = D(), [m, h] = x(() => [...t]), g = L((f, P) => {
+    h((T) => T.map((A) => A.id === f ? { ...A, name: P } : A));
+  }, []), p = L((f) => {
+    h((P) => {
+      const T = P.find((V) => V.id === f);
+      if (!T) return P;
+      const A = {
+        id: `${T.id}-copy-${Date.now()}`,
+        name: `${T.name} copy`,
         active: !1
-      }, k = C.findIndex((z) => z.id === g);
-      return [...C.slice(0, k + 1), x, ...C.slice(k + 1)];
+      }, k = P.findIndex((V) => V.id === f);
+      return [...P.slice(0, k + 1), A, ...P.slice(k + 1)];
     });
-  }, []), _ = L((g) => {
-    h((C) => C.filter((w) => w.id !== g));
-  }, []), T = L((g) => {
-    h((C) => {
-      const w = new Map(C.map((k) => [k.id, k])), x = g.map((k) => w.get(k)).filter(Boolean);
-      return x.length === C.length ? x : C;
+  }, []), v = L((f) => {
+    h((P) => P.filter((T) => T.id !== f));
+  }, []), w = L((f) => {
+    h((P) => {
+      const T = new Map(P.map((k) => [k.id, k])), A = f.map((k) => T.get(k)).filter(Boolean);
+      return A.length === P.length ? A : P;
     });
-  }, []), E = r != null, y = E ? r : m, N = l != null ? y.map((g) => ({ ...g, active: g.id === l })) : [...y], I = n ?? (E ? void 0 : b), R = i ?? (E ? void 0 : p), $ = u ?? (E ? void 0 : _), S = o ?? (E ? void 0 : T), D = L(
-    (g) => {
-      E || h(g);
+  }, []), _ = r != null, S = _ ? r : m, C = l != null ? S.map((f) => ({ ...f, active: f.id === l })) : [...S], O = n ?? (_ ? void 0 : g), I = c ?? (_ ? void 0 : p), R = u ?? (_ ? void 0 : v), N = o ?? (_ ? void 0 : w), E = L(
+    (f) => {
+      _ || h(f);
     },
-    [E]
-  ), q = L(
-    (g) => {
-      const C = g[0]?.items.map((w) => w.id) ?? [];
-      C.length > 0 && S && S(C);
+    [_]
+  ), ne = L(
+    (f) => {
+      const P = f[0]?.items.map((T) => T.id) ?? [];
+      P.length > 0 && N && N(P);
     },
-    [S]
-  ), Q = N.map((g) => `${g.id}:${g.name}`).join("|"), W = S != null && N.length > 1 ? /* @__PURE__ */ a(
+    [N]
+  ), ae = C.map((f) => `${f.id}:${f.name}`).join("|"), $ = N != null && C.length > 1 ? /* @__PURE__ */ a(
     Te,
     {
       zones: [
         {
           zoneKey: "pm-pages",
-          items: N.map((g) => ({ ...g, id: g.id }))
+          items: C.map((f) => ({ ...f, id: f.id }))
         }
       ],
-      onZoneChange: q,
-      renderZone: (g, C, w) => /* @__PURE__ */ a("div", { className: "pm-list", role: "list", children: w }),
-      renderItem: (g) => /* @__PURE__ */ a(
-        ue,
+      onZoneChange: ne,
+      renderZone: (f, P, T) => /* @__PURE__ */ a("div", { className: "pm-list", role: "list", children: T }),
+      renderItem: (f) => /* @__PURE__ */ a(
+        ie,
         {
-          page: g,
-          onSwitchPage: c
+          page: f,
+          onSwitchPage: i
         },
-        g.id
+        f.id
       )
     },
-    Q
-  ) : /* @__PURE__ */ a("div", { className: "pm-list", role: "list", children: N.map((g) => /* @__PURE__ */ a(
-    ue,
+    ae
+  ) : /* @__PURE__ */ a("div", { className: "pm-list", role: "list", children: C.map((f) => /* @__PURE__ */ a(
+    ie,
     {
-      page: g,
-      onSwitchPage: c
+      page: f,
+      onSwitchPage: i
     },
-    g.id
-  )) }), G = () => d?.dispatch({ type: "CLOSE_PANEL", reason: "header-x" });
+    f.id
+  )) }), Pe = () => d?.dispatch({ type: "CLOSE_PANEL", reason: "header-x" });
   return /* @__PURE__ */ a(
-    Ne.Provider,
+    Ce.Provider,
     {
       value: {
-        pages: N,
-        setPages: D,
-        renamePage: I,
-        duplicatePage: R,
-        deletePage: $,
+        pages: C,
+        setPages: E,
+        renamePage: O,
+        duplicatePage: I,
+        deletePage: R,
         // Sprint 2026-05-20 — propagate live create binding for footer.
         createPage: s
       },
       children: /* @__PURE__ */ a(
-        Y,
+        z,
         {
           variant: "no-stage",
           title: "Manage pages",
-          onClose: G,
-          footer: { right: /* @__PURE__ */ a(Je, {}) },
-          children: /* @__PURE__ */ a("div", { "data-shell": "page-management", "aria-hidden": !e, children: W })
+          onClose: Pe,
+          footer: { right: /* @__PURE__ */ a(je, {}) },
+          children: /* @__PURE__ */ a("div", { "data-shell": "page-management", "aria-hidden": !e, children: $ })
         }
       )
     }
   );
 }
-const Lt = {
+const At = {
   SETTINGS: "settings",
   CATALOG_ADD: "catalog-add",
   CATALOG_REPLACE: "catalog-replace",
   PAGE_MGMT: "page-management",
   NOTIFICATION_CENTER: "notification-center"
-}, tt = {
+}, Xe = {
   position: "fixed",
   inset: 0,
   pointerEvents: "none",
   zIndex: 55
-}, nt = {
+}, Je = {
   position: "absolute",
   inset: 0,
   zIndex: 1,
@@ -1264,17 +1171,17 @@ const Lt = {
   pointerEvents: "none",
   background: "rgba(0, 0, 0, 0.04)"
 };
-function Mt() {
-  const { state: e, dispatch: t, getCloseLog: r } = Pe();
+function Dt() {
+  const { state: e, dispatch: t, getCloseLog: r } = xe();
   F(() => {
     if (e.activePanelId == null) return;
-    function n(i) {
-      i.key === "Escape" && t({ type: "CLOSE_PANEL", reason: "escape-key" });
+    function n(c) {
+      c.key === "Escape" && t({ type: "CLOSE_PANEL", reason: "escape-key" });
     }
     return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
   }, [e.activePanelId, t]);
-  const l = K(e);
-  return xe(() => {
+  const l = Y(e);
+  return Ae(() => {
     l.current = e;
   }), F(() => {
     if (process.env.NODE_ENV === "production") return;
@@ -1286,17 +1193,17 @@ function Mt() {
     }, () => {
       n.__panelsHostHandle?.dispatch === t && delete window.__panelsHostHandle;
     };
-  }, [t, r]), /* @__PURE__ */ a("div", { "data-panel-host": "true", style: tt, children: e.activePanelId != null && /* @__PURE__ */ a(
+  }, [t, r]), /* @__PURE__ */ a("div", { "data-panel-host": "true", style: Xe, children: e.activePanelId != null && /* @__PURE__ */ a(
     "div",
     {
       "data-panel-scrim": "true",
-      style: nt
+      style: Je
     }
   ) });
 }
-const at = 700;
-function st(e, t) {
-  const [r, l] = A(null), n = K(null);
+const et = 700;
+function tt(e, t) {
+  const [r, l] = x(null), n = Y(null);
   return F(() => {
     if (e != null) {
       n.current != null && (clearTimeout(n.current), n.current = null), l(null);
@@ -1308,43 +1215,43 @@ function st(e, t) {
     }
     return n.current = setTimeout(() => {
       l(null), n.current = null;
-    }, at), () => {
+    }, et), () => {
       n.current != null && (clearTimeout(n.current), n.current = null);
     };
   }, [e, t]), F(() => {
     e != null && l(e);
   }, [e]), e != null ? { panelId: e, isOpen: !0 } : r != null ? { panelId: r, isOpen: !1 } : { panelId: null, isOpen: !1 };
 }
-function Ot({ panelComponents: e, children: t }) {
-  const r = M(), l = r?.state.lastClose?.reason === "section-hidden", n = st(r?.state.activePanelId ?? null, l);
+function kt({ panelComponents: e, children: t }) {
+  const r = D(), l = r?.state.lastClose?.reason === "section-hidden", n = tt(r?.state.activePanelId ?? null, l);
   if (r == null || n.panelId == null) return null;
-  const i = n.panelId, u = n.isOpen, o = e?.[i];
+  const c = n.panelId, u = n.isOpen, o = e?.[c];
   return o == null && t == null ? (process.env.NODE_ENV !== "production" && console.error(
     "[panels] No panel component registered for activePanelId:",
-    i
-  ), null) : /* @__PURE__ */ a(Ae, { isOpen: u, children: o != null ? /* @__PURE__ */ a(o, { isOpen: u }) : t });
+    c
+  ), null) : /* @__PURE__ */ a(Ee, { isOpen: u, children: o != null ? /* @__PURE__ */ a(o, { isOpen: u }) : t });
 }
-function pe(e) {
+function ce(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 rt = 685, me = 627, ot = "cubic-bezier(0.22, 1, 0.36, 1)", lt = 200;
-function Ee(e, t) {
+const nt = 685, de = 627, at = "cubic-bezier(0.22, 1, 0.36, 1)", st = 200;
+function _e(e, t) {
   if (typeof window > "u") return t;
   const r = window.getComputedStyle(document.documentElement).getPropertyValue(e).trim();
   if (!r) return t;
   const l = parseFloat(r);
   return Number.isNaN(l) ? t : r.endsWith("s") && !r.endsWith("ms") ? l * 1e3 : l;
 }
-function it(e, t) {
+function rt(e, t) {
   return typeof window > "u" ? t : window.getComputedStyle(document.documentElement).getPropertyValue(e).trim() || t;
 }
-function U(e) {
+function B(e) {
   e.dispatch({ type: "OPEN_PANEL", panelId: e.panelId, trigger: e.trigger });
 }
-function ct(e) {
+function ot(e) {
   const { mountEl: t, chromeEl: r, reducedMotion: l, onAssert: n } = e;
   if (t == null || r == null) {
-    U(e), n?.({ branch: "slide-fallback-no-dom", timestamp: Date.now() });
+    B(e), n?.({ branch: "slide-fallback-no-dom", timestamp: Date.now() });
     return;
   }
   if (l) {
@@ -1352,95 +1259,95 @@ function ct(e) {
     return;
   }
   if (typeof r.animate != "function") {
-    U(e), n?.({ branch: "slide-no-waapi", timestamp: Date.now() });
+    B(e), n?.({ branch: "slide-no-waapi", timestamp: Date.now() });
     return;
   }
-  const i = r.cloneNode(!0);
-  i.id = "panel-chrome-frozen", i.style.cssText = "position:absolute;left:8px;right:8px;top:8px;z-index:1;pointer-events:none;", t.appendChild(i), r.style.zIndex = "2", e.dispatch({ type: "OPEN_PANEL", panelId: e.panelId, trigger: e.trigger });
-  const u = Ee("--panel-open-dur", rt), o = it("--panel-easing", ot), s = r.animate(
+  const c = r.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), r.style.zIndex = "2", e.dispatch({ type: "OPEN_PANEL", panelId: e.panelId, trigger: e.trigger });
+  const u = _e("--panel-open-dur", nt), o = rt("--panel-easing", at), s = r.animate(
     [{ transform: "translateY(100%)" }, { transform: "translateY(0)" }],
     { duration: u, easing: o, fill: "forwards" }
   );
   s.addEventListener(
     "finish",
     () => {
-      i.remove(), r.style.zIndex = "", s.cancel(), n?.({ branch: "slide-complete", frozen: "cleaned", timestamp: Date.now() });
+      c.remove(), r.style.zIndex = "", s.cancel(), n?.({ branch: "slide-complete", frozen: "cleaned", timestamp: Date.now() });
     },
     { once: !0 }
   );
 }
-function dt(e) {
+function lt(e) {
   const { mountEl: t, onAssert: r } = e;
   if (t == null) {
-    e.dispatch({ type: "CLOSE_PANEL", reason: "mutex-handoff" }), setTimeout(() => U(e), me), r?.({ branch: "handoff-fallback-no-mount", timestamp: Date.now() });
+    e.dispatch({ type: "CLOSE_PANEL", reason: "mutex-handoff" }), setTimeout(() => B(e), de), r?.({ branch: "handoff-fallback-no-mount", timestamp: Date.now() });
     return;
   }
-  const l = Ee("--panel-close-dur", me);
-  let n = !1, i = null;
+  const l = _e("--panel-close-dur", de);
+  let n = !1, c = null;
   const u = (s) => {
-    s.target !== t || s.propertyName !== "max-height" || n || (n = !0, i != null && clearTimeout(i), t.removeEventListener("transitionend", u), e.dispatch({ type: "OPEN_PANEL", panelId: e.panelId, trigger: e.trigger }), r?.({ branch: "handoff-complete", timestamp: Date.now() }));
+    s.target !== t || s.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 }), r?.({ 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 }), r?.({ branch: "handoff-forced", timestamp: Date.now() }));
   };
-  t.addEventListener("transitionend", u), e.dispatch({ type: "CLOSE_PANEL", reason: "mutex-handoff" }), i = setTimeout(o, l + lt);
+  t.addEventListener("transitionend", u), e.dispatch({ type: "CLOSE_PANEL", reason: "mutex-handoff" }), c = setTimeout(o, l + st);
 }
-function ut(e) {
+function it(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 l = pe(t.activeTrigger), n = pe(e.trigger);
+  const l = ce(t.activeTrigger), n = ce(e.trigger);
   if (!!t.activePanelId && l != null && l === n) {
-    ct(e);
+    ot(e);
     return;
   }
   if (t.activePanelId) {
-    dt(e);
+    lt(e);
     return;
   }
-  U(e), r?.({ branch: "fresh-open", timestamp: Date.now() });
+  B(e), r?.({ branch: "fresh-open", timestamp: Date.now() });
 }
-function pt() {
+function ct() {
   if (!(typeof window > "u"))
     return window.__panelsAsserter;
 }
-function It() {
-  const e = M(), t = he();
+function Lt() {
+  const e = D(), t = X();
   return L(
     (r, l) => {
       if (!e)
         return;
-      const n = typeof document < "u" ? document.querySelector('[data-mount="panel"]') : null, i = typeof document < "u" ? document.querySelector('[data-chrome="panel"]') : null, u = {
+      const n = typeof document < "u" ? document.querySelector('[data-mount="panel"]') : null, c = typeof document < "u" ? document.querySelector('[data-chrome="panel"]') : null, u = {
         panelId: r,
         trigger: l,
         state: e.state,
         dispatch: e.dispatch,
         mountEl: n,
-        chromeEl: i,
+        chromeEl: c,
         reducedMotion: t,
         onAssert: (o) => {
-          pt()?.recordTransition?.(o);
+          ct()?.recordTransition?.(o);
         }
       };
-      ut(u);
+      it(u);
     },
     [e, t]
   );
 }
-function Rt({ children: e }) {
+function Mt({ children: e }) {
   return /* @__PURE__ */ a("div", { className: "clone-stage", children: e });
 }
-let B = !1, j = null;
-function ne() {
+let U = !1, K = null;
+function Z() {
   const e = [];
   let t = "cleaned";
   document.querySelectorAll("#panel-chrome-frozen").length > 0 && (e.push("#panel-chrome-frozen"), t = "lingering");
   const l = document.querySelectorAll(".gloss-panel-mount");
   l.length > 1 && e.push(`mount-count=${l.length}`);
-  const n = l[0] ?? null, i = n ? n.querySelectorAll(".gloss-panel-chrome") : [];
-  i.length > 1 && e.push(`chrome-count=${i.length}`);
-  const u = i[0] ?? null;
+  const n = l[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}`);
@@ -1455,55 +1362,55 @@ function ne() {
     timestamp: Date.now()
   };
 }
-const Z = "8px 8px 0px", X = "64px", J = "inset(0px 0px 60px 0px)", ee = "inset(0px -40px -40px -40px)";
-function v(e, t, r, l, n) {
+const q = "8px 8px 0px", Q = "64px", W = "inset(0px 0px 60px 0px)", G = "inset(0px -40px -40px -40px)";
+function y(e, t, r, l, n) {
   return { id: e, constraint: t, expected: r, actual: l, pass: n };
 }
-function O(e) {
+function M(e) {
   const t = parseInt(e, 10);
   return Number.isFinite(t) ? t : NaN;
 }
-function re() {
-  const e = [], t = document.querySelector(".gloss-panel-mount"), r = t?.querySelector(".gloss-panel-chrome") ?? null, l = document.querySelector(".gloss-panel-coordinator") ?? document.querySelector("[data-panel-coordinator]"), n = document.querySelector(".bell-cutout"), i = document.querySelector(".bell-popover"), u = document.querySelector(".gloss-bottom-toolbar");
+function te() {
+  const e = [], t = document.querySelector(".gloss-panel-mount"), r = t?.querySelector(".gloss-panel-chrome") ?? null, l = 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");
   if (!t)
-    e.push(v("C1", "mount --reveal-y matches clip-path inset-bottom Npx", "mount present", "absent", !1));
+    e.push(y("C1", "mount --reveal-y matches clip-path inset-bottom Npx", "mount present", "absent", !1));
   else {
-    const o = getComputedStyle(t), s = o.getPropertyValue("--reveal-y").trim() || t.style.getPropertyValue("--reveal-y").trim(), c = o.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, h = O(s), b = Number.isFinite(m) && Number.isFinite(h) && m === h;
+    const o = getComputedStyle(t), s = 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*\)/), m = d ? parseInt(d[1], 10) : NaN, h = M(s), g = Number.isFinite(m) && Number.isFinite(h) && m === h;
     e.push(
-      v(
+      y(
         "C1",
         "mount --reveal-y matches clip-path inset-bottom Npx",
         `inset(0 0 ${h}px 0) === --reveal-y(${h}px)`,
-        `--reveal-y=${s || "n/a"} clip-path=${c || "n/a"}`,
-        b
+        `--reveal-y=${s || "n/a"} clip-path=${i || "n/a"}`,
+        g
       )
     );
   }
   if (!t)
-    e.push(v("C2", "mount padding constant", Z, "absent", !1));
+    e.push(y("C2", "mount padding constant", q, "absent", !1));
   else {
-    const o = t.style.padding, s = getComputedStyle(t), c = o || s.padding || "", d = c === Z || c === "8px 8px 0px 8px";
-    e.push(v("C2", "mount padding constant", Z, c || "n/a", d));
+    const o = t.style.padding, s = getComputedStyle(t), i = o || s.padding || "", d = i === q || i === "8px 8px 0px 8px";
+    e.push(y("C2", "mount padding constant", q, i || "n/a", d));
   }
   if (!t)
-    e.push(v("C3", "mount.bottom resolves to var(--tb-h)=64px", X, "absent", !1));
+    e.push(y("C3", "mount.bottom resolves to var(--tb-h)=64px", Q, "absent", !1));
   else {
-    const s = getComputedStyle(t).bottom || t.style.bottom || "", c = s === X;
-    e.push(v("C3", "mount.bottom resolves to var(--tb-h)=64px", X, s || "n/a", c));
+    const s = getComputedStyle(t).bottom || t.style.bottom || "", i = s === Q;
+    e.push(y("C3", "mount.bottom resolves to var(--tb-h)=64px", Q, s || "n/a", i));
   }
   if (!r)
-    e.push(v("C4", "panel-chrome height formula = (row-h*3)+(row-gap*3)-8px", "formula match", "absent", !1));
+    e.push(y("C4", "panel-chrome height formula = (row-h*3)+(row-gap*3)-8px", "formula match", "absent", !1));
   else {
-    const o = getComputedStyle(r), s = O(
+    const o = getComputedStyle(r), s = M(
       o.getPropertyValue("--row-h").trim() || r.style.getPropertyValue("--row-h").trim() || "0"
-    ), c = O(
+    ), i = M(
       o.getPropertyValue("--row-gap").trim() || r.style.getPropertyValue("--row-gap").trim() || "0"
-    ), d = s * 3 + c * 3 - 8, m = O(o.height || r.style.height || ""), h = Number.isFinite(s) && Number.isFinite(c) && Number.isFinite(m) && Number.isFinite(d) && m === d;
+    ), d = s * 3 + i * 3 - 8, m = M(o.height || r.style.height || ""), h = Number.isFinite(s) && Number.isFinite(i) && Number.isFinite(m) && Number.isFinite(d) && m === d;
     e.push(
-      v(
+      y(
         "C4",
         "panel-chrome height formula = (row-h*3)+(row-gap*3)-8px",
-        `${d}px (rh=${s} rg=${c})`,
+        `${d}px (rh=${s} rg=${i})`,
         `${m}px`,
         h
       )
@@ -1511,7 +1418,7 @@ function re() {
   }
   if (!l || !r)
     e.push(
-      v(
+      y(
         "C5",
         'coordinator perspective + origin "center bottom"; chrome perspective-style flat',
         "present",
@@ -1520,31 +1427,31 @@ function re() {
       )
     );
   else {
-    const o = getComputedStyle(l), s = getComputedStyle(r), c = o.perspective || l.style.perspective || "", d = (o.perspectiveOrigin || l.style.perspectiveOrigin || "").trim(), m = s.perspectiveStyle || r.style.perspectiveStyle || "", _ = c !== "" && c !== "none" && (d === "center bottom" || d === "50% 100%") && m === "flat";
+    const o = getComputedStyle(l), s = getComputedStyle(r), i = o.perspective || l.style.perspective || "", d = (o.perspectiveOrigin || l.style.perspectiveOrigin || "").trim(), m = s.perspectiveStyle || r.style.perspectiveStyle || "", v = i !== "" && i !== "none" && (d === "center bottom" || d === "50% 100%") && m === "flat";
     e.push(
-      v(
+      y(
         "C5",
         'coordinator perspective + origin "center bottom"; chrome perspective-style flat',
         "perspective:not-none, origin:center bottom, chrome-style:flat",
-        `perspective=${c} origin=${d} chrome-style=${m}`,
-        _
+        `perspective=${i} origin=${d} chrome-style=${m}`,
+        v
       )
     );
   }
   {
     let o = !1, s = "absent";
     try {
-      for (const c of Array.from(document.styleSheets)) {
+      for (const i of Array.from(document.styleSheets)) {
         let d = [];
         try {
-          d = Array.from(c.cssRules ?? []);
+          d = Array.from(i.cssRules ?? []);
         } catch {
           continue;
         }
         for (const m of d)
           if (m.name === "stage-spin") {
-            const b = Array.from(m.cssRules), p = b.find((N) => N.keyText === "0%" || N.keyText === "from"), _ = b.find((N) => N.keyText === "100%" || N.keyText === "to"), T = p?.style.transform ?? "", E = _?.style.transform ?? "", y = /rotateY\(\s*0(?:deg)?\s*\)/;
-            o = y.test(T) && y.test(E), s = `0%=${T || "n/a"} 100%=${E || "n/a"}`;
+            const g = Array.from(m.cssRules), p = g.find((C) => C.keyText === "0%" || C.keyText === "from"), v = g.find((C) => C.keyText === "100%" || C.keyText === "to"), w = p?.style.transform ?? "", _ = v?.style.transform ?? "", S = /rotateY\(\s*0(?:deg)?\s*\)/;
+            o = S.test(w) && S.test(_), s = `0%=${w || "n/a"} 100%=${_ || "n/a"}`;
             break;
           }
         if (s !== "absent") break;
@@ -1553,7 +1460,7 @@ function re() {
       s = "inspection-error";
     }
     e.push(
-      v(
+      y(
         "C6",
         "@keyframes stage-spin 0% AND 100% anchor at rotateY(0)",
         "both frames rotateY(0)",
@@ -1563,37 +1470,37 @@ function re() {
     );
   }
   {
-    const o = document.documentElement, s = getComputedStyle(o), c = s.getPropertyValue("--panel-open-dur").trim() || o.style.getPropertyValue("--panel-open-dur").trim(), d = s.getPropertyValue("--panel-close-dur").trim() || o.style.getPropertyValue("--panel-close-dur").trim(), m = O(c) || parseFloat(c) * (c.endsWith("s") && !c.endsWith("ms") ? 1e3 : 1), h = O(d) || parseFloat(d) * (d.endsWith("s") && !d.endsWith("ms") ? 1e3 : 1), b = Number.isFinite(m) && Number.isFinite(h) && m > h;
+    const o = document.documentElement, s = getComputedStyle(o), i = s.getPropertyValue("--panel-open-dur").trim() || o.style.getPropertyValue("--panel-open-dur").trim(), d = s.getPropertyValue("--panel-close-dur").trim() || o.style.getPropertyValue("--panel-close-dur").trim(), m = M(i) || parseFloat(i) * (i.endsWith("s") && !i.endsWith("ms") ? 1e3 : 1), h = M(d) || parseFloat(d) * (d.endsWith("s") && !d.endsWith("ms") ? 1e3 : 1), g = Number.isFinite(m) && Number.isFinite(h) && m > h;
     e.push(
-      v("C7", "--panel-open-dur > --panel-close-dur", "open > close", `open=${c || "n/a"} close=${d || "n/a"}`, b)
+      y("C7", "--panel-open-dur > --panel-close-dur", "open > close", `open=${i || "n/a"} close=${d || "n/a"}`, g)
     );
   }
   if (!n)
-    e.push(v("C8", "BellCutout zero computed animation/transition", "no inline timing", "absent", !1));
+    e.push(y("C8", "BellCutout zero computed animation/transition", "no inline timing", "absent", !1));
   else {
-    const o = getComputedStyle(n), s = o.animationName || "", c = o.transitionProperty || "", d = (s === "" || s === "none") && (c === "" || c === "none" || c === "all");
+    const o = getComputedStyle(n), s = o.animationName || "", i = o.transitionProperty || "", d = (s === "" || s === "none") && (i === "" || i === "none" || i === "all");
     e.push(
-      v(
+      y(
         "C8",
         "BellCutout zero computed animation/transition",
         "animation:none AND transition:none",
-        `animation=${s || "n/a"} transition=${c || "n/a"}`,
+        `animation=${s || "n/a"} transition=${i || "n/a"}`,
         d
       )
     );
   }
   if (!t)
-    e.push(v("C9", "mount closed-state clipPath", J, "absent", !1));
+    e.push(y("C9", "mount closed-state clipPath", W, "absent", !1));
   else {
-    const o = t.style.clipPath, s = getComputedStyle(t), c = o || s.clipPath || "", d = c === J;
-    e.push(v("C9", "mount closed-state clipPath", J, c || "n/a", d));
+    const o = t.style.clipPath, s = getComputedStyle(t), i = o || s.clipPath || "", d = i === W;
+    e.push(y("C9", "mount closed-state clipPath", W, i || "n/a", d));
   }
-  if (!i)
-    e.push(v("C10", "bell-popover parentElement === document.body (open)", "body", "absent", !1));
+  if (!c)
+    e.push(y("C10", "bell-popover parentElement === document.body (open)", "body", "absent", !1));
   else {
-    const o = i.parentElement, s = o === document.body;
+    const o = c.parentElement, s = o === document.body;
     e.push(
-      v(
+      y(
         "C10",
         "bell-popover parentElement === document.body (open)",
         "body",
@@ -1603,19 +1510,19 @@ function re() {
     );
   }
   if (!l)
-    e.push(v("C11", "coordinator overflow === visible", "visible", "absent", !1));
+    e.push(y("C11", "coordinator overflow === visible", "visible", "absent", !1));
   else {
-    const s = getComputedStyle(l).overflow || l.style.overflow || "", c = s === "visible";
-    e.push(v("C11", "coordinator overflow === visible", "visible", s || "n/a", c));
+    const s = getComputedStyle(l).overflow || l.style.overflow || "", i = s === "visible";
+    e.push(y("C11", "coordinator overflow === visible", "visible", s || "n/a", i));
   }
   if (!u)
-    e.push(v("C12", "toolbar clipPath = inset(0 -40 -40 -40)", ee, "absent", !1));
+    e.push(y("C12", "toolbar clipPath = inset(0 -40 -40 -40)", G, "absent", !1));
   else {
-    const o = u.style.clipPath, s = getComputedStyle(u), c = o || s.clipPath || "", d = c === ee;
-    e.push(v("C12", "toolbar clipPath = inset(0 -40 -40 -40)", ee, c || "n/a", d));
+    const o = u.style.clipPath, s = getComputedStyle(u), i = o || s.clipPath || "", d = i === G;
+    e.push(y("C12", "toolbar clipPath = inset(0 -40 -40 -40)", G, i || "n/a", d));
   }
   return e.push(
-    v(
+    y(
       "C13",
       "same-position slide via WAAPI (mid-transition getAnimations().length > 0)",
       "WAAPI driver wired in orchestrator (source-proof)",
@@ -1623,7 +1530,7 @@ function re() {
       "wiring_only"
     )
   ), e.push(
-    v(
+    y(
       "C14",
       'cross-position handoff transitionend filtered by propertyName="max-height"',
       "transitionend filter wired in orchestrator (source-proof)",
@@ -1632,11 +1539,11 @@ function re() {
     )
   ), e;
 }
-function mt(e) {
-  return re().find((t) => t.id === e);
+function dt(e) {
+  return te().find((t) => t.id === e);
 }
-function ht() {
-  const e = ne();
+function ut() {
+  const e = Z();
   return { q12: [
     {
       id: "Q12-12",
@@ -1645,83 +1552,84 @@ function ht() {
       actual: `valid=${e.valid} mount=${e.mount} chrome=${e.chrome} frozen=${e.frozen} orphans=[${e.orphans.join(",")}]`,
       pass: e.valid
     }
-  ], cc: re() };
+  ], cc: te() };
 }
-function ft() {
+function pt() {
   return {
-    enable: gt,
-    disable: bt,
-    isEnabled: () => B,
-    getLastReport: () => j,
+    enable: mt,
+    disable: ht,
+    isEnabled: () => U,
+    getLastReport: () => K,
     recordTransition: (e) => {
-      B && (j = { ...e, ...ne() });
+      U && (K = { ...e, ...Z() });
     },
     assertOnce: () => {
-      const e = ne();
-      return j = e, e;
+      const e = Z();
+      return K = e, e;
     },
-    assertCcOnly: re,
-    getCcRowById: mt,
-    assertPanelTruths: ht
+    assertCcOnly: te,
+    getCcRowById: dt,
+    assertPanelTruths: ut
   };
 }
-function gt() {
-  if (B = !0, typeof window > "u") return;
-  window.__panelsAsserter || (window.__panelsAsserter = ft(), console.info(
+function mt() {
+  if (U = !0, typeof window > "u") return;
+  window.__panelsAsserter || (window.__panelsAsserter = pt(), console.info(
     "[panels] asserter enabled (P3b Q12-12 + P6 W5 cc:C1..C14). Inspect via window.__panelsAsserter."
   ));
 }
-function bt() {
-  B = !1;
+function ht() {
+  U = !1;
 }
 export {
-  zt as COMMITS,
-  xt as CatalogAddShell,
-  At as CatalogFooter,
-  kt as CatalogReplaceShell,
-  ae as CatalogStateContext,
-  Ue as CloneCard,
-  Rt as CloneStage,
-  ye as MOCK_DEFAULT_LENS,
-  be as MOCK_LENSES,
-  ve as MOCK_LENS_META,
-  et as MOCK_PAGES,
-  _e as MOCK_TILES_BY_LENS,
-  Ht as NotificationCenterShell,
-  Lt as PANEL_IDS,
-  Je as PageMgmtFooter,
-  Dt as PageMgmtShell,
-  Ne as PageMgmtStateContext,
-  Ut as PanelBody,
-  Y as PanelChromeV2,
-  Bt as PanelFooter,
-  Tt as PanelFooterMessage,
-  Yt as PanelHeader,
-  Vt as PanelHost,
-  Mt as PanelHostShell,
-  Ae as PanelMount,
-  Kt as PanelNavigation,
-  qt as PanelProvider,
-  Ot as PanelSlot,
-  Qt as PanelStage,
+  Rt as COMMITS,
+  Tt as CatalogAddShell,
+  wt as CatalogFooter,
+  xt as CatalogReplaceShell,
+  J as CatalogStateContext,
+  he as CloneCard,
+  Mt as CloneStage,
+  ge as MOCK_DEFAULT_LENS,
+  fe as MOCK_LENSES,
+  ye as MOCK_LENS_META,
+  Ze as MOCK_PAGES,
+  be as MOCK_TILES_BY_LENS,
+  qe as MetricInfoShell,
+  $t as NotificationCenterShell,
+  At as PANEL_IDS,
+  je as PageMgmtFooter,
+  Et as PageMgmtShell,
+  Ce as PageMgmtStateContext,
+  Ft as PanelBody,
+  z as PanelChromeV2,
+  zt as PanelFooter,
+  St as PanelFooterMessage,
+  Ht as PanelHeader,
+  Bt as PanelHost,
+  Dt as PanelHostShell,
+  Ee as PanelMount,
+  Ut as PanelNavigation,
+  Yt as PanelProvider,
+  kt as PanelSlot,
+  Vt as PanelStage,
   Pt as SettingsShell,
-  re as assertCcOnly,
-  ne as assertPanelDomShape,
-  ht as assertPanelTruths,
-  Wt as deriveSurfaceState,
-  bt as disablePanelAsserter,
-  gt as enablePanelAsserter,
-  mt as getCcRowById,
-  Gt as initialState,
-  pe as positionKey,
-  jt as reducer,
-  ut as transitionToPanel,
-  se as useCatalogState,
-  wt as useEditingCardId,
-  Se as usePageMgmtState,
-  Pe as usePanelContext,
-  M as usePanelContextOptional,
-  Zt as usePanelCoordinator,
-  he as useReducedMotionPanel,
-  It as useTransitionToPanel
+  te as assertCcOnly,
+  Z as assertPanelDomShape,
+  ut as assertPanelTruths,
+  Kt as deriveSurfaceState,
+  ht as disablePanelAsserter,
+  mt as enablePanelAsserter,
+  dt as getCcRowById,
+  qt as initialState,
+  ce as positionKey,
+  Qt as reducer,
+  it as transitionToPanel,
+  ee as useCatalogState,
+  _t as useEditingCardId,
+  Ne as usePageMgmtState,
+  xe as usePanelContext,
+  D as usePanelContextOptional,
+  Wt as usePanelCoordinator,
+  X as useReducedMotionPanel,
+  Lt as useTransitionToPanel
 };