@mt-gloss/ui 0.1.119 → 0.1.121

package/composites-panels.js

@@ -1,22 +1,22 @@
-import { u as I, h as fe, j as K, g as we, S as Ee, b as Pe, k as xe } from "./COMMITS-BkM1Urzh.js";
-import { C as zt, N as Ht, o as Vt, d as Bt, p as Kt, l as Yt, c as Wt, n as Gt, P as Qt, m as qt, f as jt, i as Zt, r as Xt, e as Jt } from "./COMMITS-BkM1Urzh.js";
-import { jsx as n, jsxs as f, Fragment as L } from "react/jsx-runtime";
-import H, { useState as x, useRef as Y, createContext as ge, useContext as be, useMemo as ie, useEffect as U, useCallback as D, useLayoutEffect as Ae } from "react";
+import { u as O, h as fe, j as V, g as we, S as Ee, b as Pe, k as xe } from "./COMMITS-8eHelQHO.js";
+import { C as Ut, N as zt, o as Ht, d as Vt, p as Bt, l as Kt, c as Yt, n as Wt, P as Gt, m as Qt, f as qt, i as jt, r as Zt, e as Xt } from "./COMMITS-8eHelQHO.js";
+import { jsx as n, jsxs as f, Fragment as B } from "react/jsx-runtime";
+import U, { useState as x, useRef as K, createContext as ge, useContext as be, useMemo as ie, useEffect as R, useCallback as L, useLayoutEffect as Ae } from "react";
 import { useSensors as ke, useSensor as ce, PointerSensor as De, KeyboardSensor as Le, DndContext as Oe, closestCenter as Me } from "@dnd-kit/core";
 import { sortableKeyboardCoordinates as Ie, SortableContext as $e, horizontalListSortingStrategy as Re, arrayMove as Fe, useSortable as Ue } from "@dnd-kit/sortable";
 import { CSS as ze } from "@dnd-kit/utilities";
 import { M as de } from "./MetricCard-Cyoxhb_S.js";
-function Et() {
-  const e = I();
+function wt() {
+  const e = O();
   if (e?.state.activePanelId !== "settings") return null;
   const t = e.state.activeTrigger;
   return t?.kind === "card-overflow" ? t.cardId : null;
 }
 function He({ span: e, rotating: t = !0, children: r }) {
-  const o = ["clone-card", `span-${e}`, t ? "rotating" : ""].filter(Boolean).join(" "), a = r != null ? "full" : "fallback";
-  return /* @__PURE__ */ n("div", { className: o, "data-clone-fidelity": a, children: r });
+  const l = ["clone-card", `span-${e}`, t ? "rotating" : ""].filter(Boolean).join(" "), a = r != null ? "full" : "fallback";
+  return /* @__PURE__ */ n("div", { className: l, "data-clone-fidelity": a, children: r });
 }
-function Pt({ primary: e, secondary: t }) {
+function Et({ primary: e, secondary: t }) {
   return /* @__PURE__ */ f("div", { className: "gloss-panel-chrome-v2__footer-msg", children: [
     /* @__PURE__ */ n("span", { className: "gloss-panel-chrome-v2__footer-msg-primary", children: e }),
     t != null && /* @__PURE__ */ n("span", { className: "gloss-panel-chrome-v2__footer-msg-secondary", children: t })
@@ -26,7 +26,7 @@ function Ve({
   value: e,
   onChange: t,
   enabled: r = !1,
-  onToggleEnabled: o
+  onToggleEnabled: l
 }) {
   const a = "settings-threshold-enabled";
   return /* @__PURE__ */ f("div", { className: "settings-shell__field settings-shell__field--threshold", children: [
@@ -41,12 +41,12 @@ function Ve({
           "aria-label": "Enable threshold indicator",
           "aria-checked": r,
           checked: r,
-          onChange: (i) => o?.(i.target.checked),
+          onChange: (i) => l?.(i.target.checked),
           className: "settings-shell__toggle"
         }
       )
     ] }),
-    r ? /* @__PURE__ */ f(L, { children: [
+    r ? /* @__PURE__ */ f(B, { children: [
       /* @__PURE__ */ n("span", { className: "settings-shell__label", "aria-hidden": "true", children: "Alert level (%)" }),
       /* @__PURE__ */ f("div", { className: "settings-shell__slider-row", children: [
         /* @__PURE__ */ n(
@@ -101,17 +101,17 @@ function Be({ value: e, onChange: t }) {
   ] });
 }
 function Ke({ id: e, onRemove: t }) {
-  const { attributes: r, listeners: o, setNodeRef: a, transform: i, transition: u, isDragging: l } = Ue({ id: e }), s = {
+  const { attributes: r, listeners: l, setNodeRef: a, transform: i, transition: u, isDragging: o } = Ue({ id: e }), s = {
     transform: ze.Transform.toString(i),
     transition: u,
-    opacity: l ? 0.6 : 1
+    opacity: o ? 0.6 : 1
   };
   return /* @__PURE__ */ f(
     "li",
     {
       ref: a,
       style: s,
-      className: `settings-shell__slot-pill${l ? " settings-shell__slot-pill--dragging" : ""}`,
+      className: `settings-shell__slot-pill${o ? " settings-shell__slot-pill--dragging" : ""}`,
       children: [
         /* @__PURE__ */ n(
           "button",
@@ -120,7 +120,7 @@ function Ke({ id: e, onRemove: t }) {
             className: "settings-shell__slot-pill__handle",
             "aria-label": `Reorder ${e}`,
             ...r,
-            ...o,
+            ...l,
             children: /* @__PURE__ */ n("span", { "aria-hidden": "true", className: "settings-shell__slot-pill__grip", children: "⋮⋮" })
           }
         ),
@@ -143,17 +143,16 @@ function Ye({ value: e, onChange: t }) {
   const r = ke(
     ce(De, { activationConstraint: { distance: 4 } }),
     ce(Le, { coordinateGetter: Ie })
-  ), o = H.useRef(!1), [a, i] = H.useState(!1), u = (s) => {
+  ), l = U.useRef(!1), [a, i] = U.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);
     m === -1 || h === -1 || t(Fe([...e], m, h));
-  }, l = (s) => {
-    o.current || (o.current = !0, i(!0)), t(e.filter((c) => c !== s));
+  }, o = (s) => {
+    l.current || (l.current = !0, i(!0)), t(e.filter((c) => c !== s));
   };
   return /* @__PURE__ */ f("div", { className: "settings-shell__field settings-shell__field--slots", "aria-label": "Stack slots", children: [
-    /* @__PURE__ */ n("span", { className: "settings-shell__label", children: "Stack slots" }),
-    /* @__PURE__ */ n(Oe, { sensors: r, collisionDetection: Me, onDragEnd: u, children: /* @__PURE__ */ n($e, { items: [...e], strategy: Re, children: /* @__PURE__ */ n("ul", { className: "settings-shell__slots-list", role: "list", children: e.map((s) => /* @__PURE__ */ n(Ke, { id: s, onRemove: () => l(s) }, s)) }) }) }),
+    /* @__PURE__ */ n(Oe, { sensors: r, collisionDetection: Me, onDragEnd: u, children: /* @__PURE__ */ n($e, { items: [...e], strategy: Re, children: /* @__PURE__ */ n("ul", { className: "settings-shell__slots-list", role: "list", children: e.map((s) => /* @__PURE__ */ n(Ke, { id: s, onRemove: () => o(s) }, s)) }) }) }),
     e.length === 0 && a && /* @__PURE__ */ n("p", { className: "settings-shell__help", children: "All slots removed. Apply to commit, or Reset to restore." }),
     /* @__PURE__ */ n("p", { className: "settings-shell__help settings-shell__help--small", children: "Drag to reorder · click × to remove" })
   ] });
@@ -163,7 +162,7 @@ function Ge({
   value: e,
   onSelect: t,
   enabled: r = !1,
-  onToggleEnabled: o
+  onToggleEnabled: l
 }) {
   const a = "settings-accent-enabled";
   return /* @__PURE__ */ f("div", { className: "settings-shell__field settings-shell__field--color", role: "group", "aria-label": "Accent color", children: [
@@ -178,12 +177,12 @@ function Ge({
           "aria-label": "Enable accent override",
           "aria-checked": r,
           checked: r,
-          onChange: (i) => o?.(i.target.checked),
+          onChange: (i) => l?.(i.target.checked),
           className: "settings-shell__toggle"
         }
       )
     ] }),
-    r ? /* @__PURE__ */ f(L, { children: [
+    r ? /* @__PURE__ */ f(B, { children: [
       /* @__PURE__ */ n("span", { className: "settings-shell__label", children: "Accent color" }),
       /* @__PURE__ */ n("div", { className: "settings-shell__swatch-row", children: We.map((i) => {
         const u = e === i;
@@ -204,25 +203,25 @@ function Ge({
   ] });
 }
 const Qe = ["Orders", "Quota", "Unassigned"], qe = ["threshold", "timeframe", "color"];
-function xt({
+function Pt({
   isOpen: e,
   cardSpan: t,
   cardLabel: r = "Metric",
-  cardValue: o = "—",
+  cardValue: l = "—",
   previewSlot: a,
   dimensions: i = qe,
   initialTab: u,
-  initialValues: l
+  initialValues: o
 }) {
-  const s = I(), c = s?.state.activeTrigger, d = c?.kind === "card-overflow" ? c.cardId : null, m = fe(), h = c?.span, b = t ?? h ?? 1, p = i[0] ?? "threshold", [v, E] = H.useState(u ?? p);
-  H.useEffect(() => {
-    i.includes(v) || E(p);
-  }, [i, v, p]);
-  const y = d != null ? s?.state?.bufferByCard?.[d]?.changes ?? {} : {}, N = typeof y.threshold == "number" ? y.threshold : typeof l?.threshold == "number" ? l.threshold : 80, O = typeof y.timeframe == "number" ? y.timeframe : typeof l?.timeframe == "number" ? l.timeframe : 30, R = typeof y.accent == "string" ? y.accent : typeof l?.accent == "string" ? l.accent : null, F = Array.isArray(y.slots) ? y.slots : Array.isArray(l?.slots) ? l.slots : Qe, T = typeof y.thresholdEnabled == "boolean" ? y.thresholdEnabled : typeof l?.thresholdEnabled == "boolean" ? l.thresholdEnabled : !1, M = typeof y.accentEnabled == "boolean" ? y.accentEnabled : typeof l?.accentEnabled == "boolean" ? l.accentEnabled : !1, W = (P) => {
+  const s = O(), c = s?.state.activeTrigger, d = c?.kind === "card-overflow" ? c.cardId : null, m = fe(), h = c?.span, b = t ?? h ?? 1, p = i[0] ?? "threshold", [y, E] = U.useState(u ?? p);
+  U.useEffect(() => {
+    i.includes(y) || E(p);
+  }, [i, y, p]);
+  const v = d != null ? s?.state?.bufferByCard?.[d]?.changes ?? {} : {}, N = typeof v.threshold == "number" ? v.threshold : typeof o?.threshold == "number" ? o.threshold : 80, I = typeof v.timeframe == "number" ? v.timeframe : typeof o?.timeframe == "number" ? o.timeframe : 30, $ = typeof v.accent == "string" ? v.accent : typeof o?.accent == "string" ? o.accent : null, w = Array.isArray(v.slots) ? v.slots : Array.isArray(o?.slots) ? o.slots : Qe, A = typeof v.thresholdEnabled == "boolean" ? v.thresholdEnabled : typeof o?.thresholdEnabled == "boolean" ? o.thresholdEnabled : !1, Y = typeof v.accentEnabled == "boolean" ? v.accentEnabled : typeof o?.accentEnabled == "boolean" ? o.accentEnabled : !1, W = (P) => {
     d == null || s == null || s.dispatch({ type: "SET_BUFFER_VALUE", cardId: d, key: "threshold", value: Number(P.target.value) });
   }, G = (P) => {
     d == null || s == null || s.dispatch({ type: "SET_BUFFER_VALUE", cardId: d, key: "timeframe", value: Number(P.target.value) });
-  }, oe = (P) => {
+  }, le = (P) => {
     d == null || s == null || s.dispatch({ type: "SET_BUFFER_VALUE", cardId: d, key: "accent", value: P });
   }, Q = (P) => {
     d == null || s == null || s.dispatch({ type: "SET_BUFFER_VALUE", cardId: d, key: "slots", value: P });
@@ -230,22 +229,21 @@ function xt({
     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 = s?.state.isDirty ?? !1, S = d;
   return /* @__PURE__ */ n(
-    K,
+    V,
     {
       variant: "with-stage",
-      title: "Configure metric",
       onClose: () => s?.dispatch({ type: "CLOSE_PANEL", reason: "header-x" }),
-      stage: /* @__PURE__ */ n(He, { span: b, rotating: !m, children: a ?? /* @__PURE__ */ f(L, { children: [
+      stage: /* @__PURE__ */ n(He, { span: b, rotating: !m, children: a ?? /* @__PURE__ */ f(B, { children: [
         /* @__PURE__ */ n("div", { style: { fontSize: 9, textTransform: "uppercase", letterSpacing: "0.06em", color: "#9ca3af", marginBottom: 6 }, children: r }),
-        /* @__PURE__ */ n("div", { style: { fontSize: 22, fontWeight: 700, color: "#111827", lineHeight: 1 }, children: o })
+        /* @__PURE__ */ n("div", { style: { fontSize: 22, fontWeight: 700, color: "#111827", lineHeight: 1 }, children: l })
       ] }) }),
       navigation: /* @__PURE__ */ n(
         we,
         {
           dimensions: i,
-          activeTab: v,
+          activeTab: y,
           onSelect: E,
           reduced: m
         }
@@ -259,61 +257,49 @@ function xt({
             className: "gloss-panel-chrome-v2__footer-btn",
             disabled: !C,
             onClick: () => {
-              w != null && s?.dispatch({ type: "CLEAR_BUFFER", cardId: w });
+              S != null && s?.dispatch({ type: "CLEAR_BUFFER", cardId: S });
             },
             children: "Reset"
           }
         ),
-        right: /* @__PURE__ */ f(L, { children: [
-          /* @__PURE__ */ n(
-            "button",
-            {
-              id: "settings-cancel",
-              type: "button",
-              className: "gloss-panel-chrome-v2__footer-btn",
-              onClick: () => s?.dispatch({ type: "CLOSE_PANEL", reason: "cancel-button" }),
-              children: "Cancel"
-            }
-          ),
-          /* @__PURE__ */ n(
-            "button",
-            {
-              id: "settings-apply",
-              type: "button",
-              className: "gloss-panel-chrome-v2__footer-btn gloss-panel-chrome-v2__footer-btn--primary",
-              disabled: !C,
-              onClick: () => s?.dispatch({ type: "CLOSE_PANEL", reason: "apply-button" }),
-              children: "Apply"
-            }
-          )
-        ] })
+        right: /* @__PURE__ */ n(
+          "button",
+          {
+            id: "settings-apply",
+            type: "button",
+            className: "gloss-panel-chrome-v2__footer-btn gloss-panel-chrome-v2__footer-btn--primary",
+            disabled: !C,
+            onClick: () => s?.dispatch({ type: "CLOSE_PANEL", reason: "apply-button" }),
+            children: "Apply"
+          }
+        )
       },
       children: /* @__PURE__ */ n("div", { className: "settings-shell", "data-shell": "settings", "aria-hidden": !e, children: /* @__PURE__ */ f(
         "div",
         {
           role: "tabpanel",
-          id: `settings-tabpanel-${v}`,
+          id: `settings-tabpanel-${y}`,
           "aria-label": "Settings dimension controls",
           tabIndex: 0,
           className: "settings-shell__tabpanel",
           children: [
-            v === "threshold" && /* @__PURE__ */ n(
+            y === "threshold" && /* @__PURE__ */ n(
               Ve,
               {
                 value: N,
                 onChange: W,
-                enabled: T,
+                enabled: A,
                 onToggleEnabled: q
               }
             ),
-            v === "timeframe" && /* @__PURE__ */ n(Be, { value: O, onChange: G }),
-            v === "slots" && /* @__PURE__ */ n(Ye, { value: F, onChange: Q }),
-            v === "color" && /* @__PURE__ */ n(
+            y === "timeframe" && /* @__PURE__ */ n(Be, { value: I, onChange: G }),
+            y === "slots" && /* @__PURE__ */ n(Ye, { value: w, onChange: Q }),
+            y === "color" && /* @__PURE__ */ n(
               Ge,
               {
-                value: R,
-                onSelect: oe,
-                enabled: M,
+                value: $,
+                onSelect: le,
+                enabled: Y,
                 onToggleEnabled: g
               }
             )
@@ -831,11 +817,11 @@ function Ce({
   lenses: e,
   activeLens: t,
   onLensChange: r,
-  variant: o = "pills",
+  variant: l = "pills",
   lensMeta: a = ae
 }) {
-  return o === "pills" ? /* @__PURE__ */ n("div", { className: "cat-pills-wrap", children: /* @__PURE__ */ n("div", { className: "cat-pills", role: "tablist", "aria-label": "Metric lenses", children: e.map((i) => {
-    const u = i === t, l = a[i], s = ["cat-pill"];
+  return l === "pills" ? /* @__PURE__ */ n("div", { className: "cat-pills-wrap", children: /* @__PURE__ */ n("div", { className: "cat-pills", role: "tablist", "aria-label": "Metric lenses", children: e.map((i) => {
+    const u = i === t, o = a[i], s = ["cat-pill"];
     return u && s.push("active"), /* @__PURE__ */ f(
       "button",
       {
@@ -849,7 +835,7 @@ function Ce({
         },
         children: [
           i,
-          l?.beta && /* @__PURE__ */ n("span", { className: "cat-pill-beta", "aria-label": "Beta", children: "BETA" })
+          o?.beta && /* @__PURE__ */ n("span", { className: "cat-pill-beta", "aria-label": "Beta", children: "BETA" })
         ]
       },
       i
@@ -861,9 +847,9 @@ function je({
   activeLens: t,
   onLensChange: r
 }) {
-  const [o, a] = x(!1), i = Y(null), u = () => {
+  const [l, a] = x(!1), i = K(null), u = () => {
     i.current != null && (window.clearTimeout(i.current), i.current = null);
-  }, l = () => {
+  }, o = () => {
     u(), i.current = window.setTimeout(() => a(!1), 100);
   }, s = e.filter((c) => c !== t);
   return /* @__PURE__ */ n("div", { className: "cat-segmented-wrap", children: /* @__PURE__ */ f("div", { className: "cat-segmented", children: [
@@ -884,16 +870,16 @@ function je({
         onMouseEnter: () => {
           u(), a(!0);
         },
-        onMouseLeave: l,
+        onMouseLeave: o,
         children: [
-          /* @__PURE__ */ n("button", { type: "button", className: "cat-seg cat-seg-more-btn", "aria-haspopup": "menu", "aria-expanded": o, children: "More ▾" }),
-          o && /* @__PURE__ */ n(
+          /* @__PURE__ */ n("button", { type: "button", className: "cat-seg cat-seg-more-btn", "aria-haspopup": "menu", "aria-expanded": l, children: "More ▾" }),
+          l && /* @__PURE__ */ n(
             "div",
             {
               className: "cat-seg-overflow",
               role: "menu",
               onMouseEnter: u,
-              onMouseLeave: l,
+              onMouseLeave: o,
               children: s.map((c) => /* @__PURE__ */ n(
                 "button",
                 {
@@ -914,13 +900,13 @@ function je({
     )
   ] }) });
 }
-function te({ tiles: e, selectedTileId: t, onSelectTile: r, renderTile: o }) {
+function te({ tiles: e, selectedTileId: t, onSelectTile: r, renderTile: l }) {
   return /* @__PURE__ */ n("div", { className: "cat-tiles", children: e.map((a) => {
     const i = a.id === t, u = a.subStats != null && a.subStats.length > 0;
-    let l = null;
-    u ? a.subStats.length === 5 ? l = "span-5" : a.subStats.length === 3 ? l = "span-3" : l = "span-2" : a.stack === !0 && (l = "span-2");
+    let o = null;
+    u ? a.subStats.length === 5 ? o = "span-5" : a.subStats.length === 3 ? o = "span-3" : o = "span-2" : a.stack === !0 && (o = "span-2");
     const s = ["cat-tile"];
-    l && s.push(l), i && s.push("selected"), a.isNew && s.push("is-new"), a.startHere && s.push("start-here"), a.donut && s.push("has-donut");
+    o && s.push(o), i && s.push("selected"), a.isNew && s.push("is-new"), a.startHere && s.push("start-here"), a.donut && s.push("has-donut");
     const c = 1;
     let d = 0.7;
     if (a.donut) {
@@ -945,7 +931,7 @@ function te({ tiles: e, selectedTileId: t, onSelectTile: r, renderTile: o }) {
         style: a.accent ? { "--cat-tile-accent": a.accent } : void 0,
         children: [
           a.startHere && /* @__PURE__ */ n("span", { className: "cat-tile-start-here", "aria-hidden": "true", children: "START HERE" }),
-          o ? o(a) : /* @__PURE__ */ n(
+          l ? l(a) : /* @__PURE__ */ n(
             "div",
             {
               className: "cat-tile-primitive-wrapper gloss-metric-card",
@@ -986,10 +972,10 @@ const se = ge(null);
 function re() {
   return be(se);
 }
-function At({ mode: e, dispatch: t }) {
+function xt({ mode: e, dispatch: t }) {
   const r = re();
   if (r == null && e == null) return null;
-  const o = r?.mode ?? e ?? "add", a = r?.selectedTileId ?? null, i = r?.description ?? null, u = a == null;
+  const l = r?.mode ?? e ?? "add", a = r?.selectedTileId ?? null, i = r?.description ?? null, u = a == null;
   return /* @__PURE__ */ f("div", { className: "panel-footer catalog", children: [
     /* @__PURE__ */ n("div", { className: "cat-description", id: "cat-desc", children: i ?? /* @__PURE__ */ n("em", { children: "Tap a metric to see its description" }) }),
     /* @__PURE__ */ f("div", { style: { display: "flex", padding: "10px 14px", gap: 8 }, children: [
@@ -1004,7 +990,7 @@ function At({ mode: e, dispatch: t }) {
           children: "Cancel"
         }
       ),
-      o === "add" && /* @__PURE__ */ n(
+      l === "add" && /* @__PURE__ */ n(
         "button",
         {
           id: "btn-cat-add",
@@ -1015,7 +1001,7 @@ function At({ mode: e, dispatch: t }) {
           children: "Add metric"
         }
       ),
-      o === "replace" && /* @__PURE__ */ n(
+      l === "replace" && /* @__PURE__ */ n(
         "button",
         {
           id: "btn-cat-replace",
@@ -1034,65 +1020,53 @@ function ue(e, t) {
   const r = t.toLowerCase();
   if (e.label.toLowerCase().includes(r) || e.value.toLowerCase().includes(r)) return !0;
   if (e.subStats) {
-    for (const o of e.subStats)
-      if (o.label.toLowerCase().includes(r) || o.value.toLowerCase().includes(r)) return !0;
+    for (const l of e.subStats)
+      if (l.label.toLowerCase().includes(r) || l.value.toLowerCase().includes(r)) return !0;
   }
   return !1;
 }
 function Ze() {
   const t = re()?.description ?? null;
-  return t == null ? /* @__PURE__ */ n("em", { children: "Tap a metric to see its description" }) : /* @__PURE__ */ n(L, { children: t });
+  return t == null ? /* @__PURE__ */ n("span", { style: { fontStyle: "italic" }, children: "Tap a metric to see its description" }) : /* @__PURE__ */ n("span", { children: t });
 }
-function kt({
+function At({
   isOpen: e,
   lenses: t = ve,
   defaultLens: r = ye,
-  tilesByLens: o = _e,
+  tilesByLens: l = _e,
   lensMeta: a = ae,
   renderTile: i
 }) {
-  const u = I(), [l, s] = x(r), [c, d] = x(null), [m, h] = x(null), [b, p] = x(""), v = o[l] ?? { primary: [] }, E = a[l], S = ie(
-    () => v.primary.filter((T) => ue(T, b)),
-    [v.primary, b]
-  ), y = ie(
-    () => (v.secondary ?? []).filter((T) => ue(T, b)),
-    [v.secondary, b]
-  ), N = () => u?.dispatch({ type: "CLOSE_PANEL", reason: "cancel-button" }), O = () => u?.dispatch({ type: "CLOSE_PANEL", reason: "apply-button" }), R = () => u?.dispatch({ type: "CLOSE_PANEL", reason: "header-x" }), F = c == null;
+  const u = O(), [o, s] = x(r), [c, d] = x(null), [m, h] = x(null), [b, p] = x(""), y = l[o] ?? { primary: [] }, E = a[o], T = ie(
+    () => y.primary.filter((w) => ue(w, b)),
+    [y.primary, b]
+  ), v = ie(
+    () => (y.secondary ?? []).filter((w) => ue(w, b)),
+    [y.secondary, b]
+  ), N = () => u?.dispatch({ type: "CLOSE_PANEL", reason: "apply-button" }), I = () => u?.dispatch({ type: "CLOSE_PANEL", reason: "header-x" }), $ = c == null;
   return /* @__PURE__ */ n(
     se.Provider,
     {
       value: { mode: "add", selectedTileId: c, description: m },
       children: /* @__PURE__ */ n(
-        K,
+        V,
         {
           variant: "no-stage",
           title: "Add a metric",
-          onClose: R,
+          onClose: I,
           footer: {
             left: /* @__PURE__ */ n(Ze, {}),
-            right: /* @__PURE__ */ f(L, { children: [
-              /* @__PURE__ */ n(
-                "button",
-                {
-                  id: "btn-cat-cancel",
-                  type: "button",
-                  className: "gloss-panel-chrome-v2__footer-btn",
-                  onClick: N,
-                  children: "Cancel"
-                }
-              ),
-              /* @__PURE__ */ n(
-                "button",
-                {
-                  id: "btn-cat-add",
-                  type: "button",
-                  className: "gloss-panel-chrome-v2__footer-btn gloss-panel-chrome-v2__footer-btn--primary",
-                  disabled: F,
-                  onClick: O,
-                  children: "Add metric"
-                }
-              )
-            ] })
+            right: /* @__PURE__ */ n(
+              "button",
+              {
+                id: "btn-cat-add",
+                type: "button",
+                className: "gloss-panel-chrome-v2__footer-btn gloss-panel-chrome-v2__footer-btn--primary",
+                disabled: $,
+                onClick: N,
+                children: "Add metric"
+              }
+            )
           },
           children: /* @__PURE__ */ f("div", { "data-shell": "catalog-add", "aria-hidden": !e, children: [
             /* @__PURE__ */ n("div", { className: "cat-search", children: /* @__PURE__ */ n(
@@ -1103,18 +1077,18 @@ function kt({
                 placeholder: "Search metrics",
                 "aria-label": "Search metrics",
                 value: b,
-                onChange: (T) => p(T.target.value)
+                onChange: (w) => p(w.target.value)
               }
             ) }),
             /* @__PURE__ */ n(
               Ce,
               {
                 lenses: t,
-                activeLens: l,
+                activeLens: o,
                 lensMeta: a,
                 variant: "pills",
-                onLensChange: (T) => {
-                  s(T), d(null), h(null), p("");
+                onLensChange: (w) => {
+                  s(w), d(null), h(null), p("");
                 }
               }
             ),
@@ -1125,29 +1099,29 @@ function kt({
             /* @__PURE__ */ n(
               te,
               {
-                tiles: S,
+                tiles: T,
                 selectedTileId: c,
-                onSelectTile: (T, M) => {
-                  d(T), h(M);
+                onSelectTile: (w, A) => {
+                  d(w), h(A);
                 },
                 renderTile: i
               }
             ),
-            y.length > 0 && /* @__PURE__ */ f("div", { className: "cat-more-in-lens", children: [
+            v.length > 0 && /* @__PURE__ */ f("div", { className: "cat-more-in-lens", children: [
               /* @__PURE__ */ n("div", { className: "cat-more-in-lens__heading", children: "MORE IN THIS LENS" }),
               /* @__PURE__ */ n(
                 te,
                 {
-                  tiles: y,
+                  tiles: v,
                   selectedTileId: c,
-                  onSelectTile: (T, M) => {
-                    d(T), h(M);
+                  onSelectTile: (w, A) => {
+                    d(w), h(A);
                   },
                   renderTile: i
                 }
               )
             ] }),
-            S.length === 0 && y.length === 0 && b.length > 0 && /* @__PURE__ */ f("div", { className: "cat-empty", children: [
+            T.length === 0 && v.length === 0 && b.length > 0 && /* @__PURE__ */ f("div", { className: "cat-empty", children: [
               'No metrics match "',
               b,
               '".'
@@ -1160,52 +1134,40 @@ function kt({
 }
 function Xe() {
   const t = re()?.description ?? null;
-  return t == null ? /* @__PURE__ */ n("em", { children: "Tap a metric to see its description" }) : /* @__PURE__ */ n(L, { children: t });
+  return t == null ? /* @__PURE__ */ n("em", { children: "Tap a metric to see its description" }) : /* @__PURE__ */ n(B, { children: t });
 }
-function Dt({
+function kt({
   isOpen: e,
   replacingLabel: t,
   lenses: r = ve,
-  defaultLens: o = ye,
+  defaultLens: l = ye,
   tilesByLens: a = _e,
   renderTile: i
 }) {
-  const u = I(), [l, s] = x(o), [c, d] = x(null), [m, h] = x(null), b = a[l] ?? { primary: [] }, p = [...b.primary, ...b.secondary ?? []], v = () => u?.dispatch({ type: "CLOSE_PANEL", reason: "cancel-button" }), E = () => u?.dispatch({ type: "CLOSE_PANEL", reason: "apply-button" }), S = () => u?.dispatch({ type: "CLOSE_PANEL", reason: "header-x" }), y = c == null;
+  const u = O(), [o, s] = x(l), [c, d] = x(null), [m, h] = x(null), b = a[o] ?? { primary: [] }, p = [...b.primary, ...b.secondary ?? []], y = () => u?.dispatch({ type: "CLOSE_PANEL", reason: "apply-button" }), E = () => u?.dispatch({ type: "CLOSE_PANEL", reason: "header-x" }), T = c == null;
   return /* @__PURE__ */ n(
     se.Provider,
     {
       value: { mode: "replace", selectedTileId: c, description: m },
       children: /* @__PURE__ */ n(
-        K,
+        V,
         {
           variant: "no-stage",
           title: "Replace metric",
-          onClose: S,
+          onClose: E,
           footer: {
             left: /* @__PURE__ */ n(Xe, {}),
-            right: /* @__PURE__ */ f(L, { children: [
-              /* @__PURE__ */ n(
-                "button",
-                {
-                  id: "btn-cat-cancel",
-                  type: "button",
-                  className: "gloss-panel-chrome-v2__footer-btn",
-                  onClick: v,
-                  children: "Cancel"
-                }
-              ),
-              /* @__PURE__ */ n(
-                "button",
-                {
-                  id: "btn-cat-replace",
-                  type: "button",
-                  className: "gloss-panel-chrome-v2__footer-btn gloss-panel-chrome-v2__footer-btn--primary",
-                  disabled: y,
-                  onClick: E,
-                  children: "Replace metric"
-                }
-              )
-            ] })
+            right: /* @__PURE__ */ n(
+              "button",
+              {
+                id: "btn-cat-replace",
+                type: "button",
+                className: "gloss-panel-chrome-v2__footer-btn gloss-panel-chrome-v2__footer-btn--primary",
+                disabled: T,
+                onClick: y,
+                children: "Replace metric"
+              }
+            )
           },
           children: /* @__PURE__ */ f("div", { "data-shell": "catalog-replace", "aria-hidden": !e, children: [
             t && /* @__PURE__ */ f("p", { className: "cat-subtitle", children: [
@@ -1216,9 +1178,9 @@ function Dt({
               Ce,
               {
                 lenses: r,
-                activeLens: l,
-                onLensChange: (N) => {
-                  s(N), d(null), h(null);
+                activeLens: o,
+                onLensChange: (v) => {
+                  s(v), d(null), h(null);
                 }
               }
             ),
@@ -1227,8 +1189,8 @@ function Dt({
               {
                 tiles: p,
                 selectedTileId: c,
-                onSelectTile: (N, O) => {
-                  d(N), h(O);
+                onSelectTile: (v, N) => {
+                  d(v), h(N);
                 },
                 renderTile: i
               }
@@ -1244,7 +1206,7 @@ function Te() {
   return be(Ne);
 }
 function Je(e = {}) {
-  const t = Te(), r = t?.createPage, o = t?.setPages;
+  const t = Te(), r = t?.createPage, l = t?.setPages;
   return /* @__PURE__ */ f(
     "div",
     {
@@ -1263,7 +1225,7 @@ function Je(e = {}) {
                 r();
                 return;
               }
-              o && o((a) => [
+              l && l((a) => [
                 ...a,
                 { id: `new-${Date.now()}`, name: "Untitled", active: !1 }
               ]);
@@ -1275,24 +1237,24 @@ function Je(e = {}) {
     }
   );
 }
-function pe({ page: e, onRename: t, onKebab: r, onDragStart: o, onSwitchPage: a }) {
-  const i = Te(), [u, l] = x(!1), s = Y(null);
-  U(() => {
+function pe({ page: e, onRename: t, onKebab: r, onDragStart: l, onSwitchPage: a }) {
+  const i = Te(), [u, o] = x(!1), s = K(null);
+  R(() => {
     if (!u) return;
-    const p = (v) => {
-      s.current && (s.current.contains(v.target) || l(!1));
+    const p = (y) => {
+      s.current && (s.current.contains(y.target) || o(!1));
     };
     return document.addEventListener("mousedown", p, !0), () => document.removeEventListener("mousedown", p, !0);
   }, [u]);
   const c = () => {
-    if (l(!1), t) return t(e.id);
+    if (o(!1), t) return t(e.id);
     if (!i?.renamePage) return;
     const p = window.prompt("Rename page", e.name);
     p != null && p.trim().length > 0 && i.renamePage(e.id, p.trim());
   }, d = () => {
-    l(!1), i?.duplicatePage?.(e.id);
+    o(!1), i?.duplicatePage?.(e.id);
   }, m = () => {
-    l(!1), i?.deletePage?.(e.id);
+    o(!1), i?.deletePage?.(e.id);
   }, h = (p) => {
     p.stopPropagation(), a && !e.active && a(e.id);
   }, b = ["pm-row"];
@@ -1302,7 +1264,7 @@ function pe({ page: e, onRename: t, onKebab: r, onDragStart: o, onSwitchPage: a
       {
         className: "pm-handle",
         "aria-hidden": "true",
-        onMouseDown: () => o?.(e.id),
+        onMouseDown: () => l?.(e.id),
         children: "⋮⋮"
       }
     ),
@@ -1332,7 +1294,7 @@ function pe({ page: e, onRename: t, onKebab: r, onDragStart: o, onSwitchPage: a
         onMouseDown: (p) => p.stopPropagation(),
         onClick: (p) => {
           if (p.stopPropagation(), r) return r(e.id);
-          l((v) => !v);
+          o((y) => !y);
         },
         children: "⋯"
       }
@@ -1369,50 +1331,50 @@ const et = [
   { id: "p-morning", name: "My Morning", active: !1 },
   { id: "p-accounts", name: "My Accounts", active: !1 }
 ];
-function Lt({
+function Dt({
   isOpen: e,
   pages: t = et,
   externalPages: r,
-  activePageId: o,
+  activePageId: l,
   onRename: a,
   onDuplicate: i,
   onDelete: u,
-  onReorder: l,
+  onReorder: o,
   onCreatePage: s,
   onSwitchPage: c
 }) {
-  const d = I(), [m, h] = x(() => [...t]), b = D((g, C) => {
-    h((w) => w.map((A) => A.id === g ? { ...A, name: C } : A));
-  }, []), p = D((g) => {
+  const d = O(), [m, h] = x(() => [...t]), b = L((g, C) => {
+    h((S) => S.map((k) => k.id === g ? { ...k, name: C } : k));
+  }, []), p = L((g) => {
     h((C) => {
-      const w = C.find((z) => z.id === g);
-      if (!w) return C;
-      const A = {
-        id: `${w.id}-copy-${Date.now()}`,
-        name: `${w.name} copy`,
+      const S = C.find((F) => F.id === g);
+      if (!S) return C;
+      const k = {
+        id: `${S.id}-copy-${Date.now()}`,
+        name: `${S.name} copy`,
         active: !1
-      }, k = C.findIndex((z) => z.id === g);
-      return [...C.slice(0, k + 1), A, ...C.slice(k + 1)];
+      }, D = C.findIndex((F) => F.id === g);
+      return [...C.slice(0, D + 1), k, ...C.slice(D + 1)];
     });
-  }, []), v = D((g) => {
-    h((C) => C.filter((w) => w.id !== g));
-  }, []), E = D((g) => {
+  }, []), y = L((g) => {
+    h((C) => C.filter((S) => S.id !== g));
+  }, []), E = L((g) => {
     h((C) => {
-      const w = new Map(C.map((k) => [k.id, k])), A = g.map((k) => w.get(k)).filter(Boolean);
-      return A.length === C.length ? A : C;
+      const S = new Map(C.map((D) => [D.id, D])), k = g.map((D) => S.get(D)).filter(Boolean);
+      return k.length === C.length ? k : C;
     });
-  }, []), S = r != null, y = S ? r : m, N = o != null ? y.map((g) => ({ ...g, active: g.id === o })) : [...y], O = a ?? (S ? void 0 : b), R = i ?? (S ? void 0 : p), F = u ?? (S ? void 0 : v), T = l ?? (S ? void 0 : E), M = D(
+  }, []), T = r != null, v = T ? r : m, N = l != null ? v.map((g) => ({ ...g, active: g.id === l })) : [...v], I = a ?? (T ? void 0 : b), $ = i ?? (T ? void 0 : p), w = u ?? (T ? void 0 : y), A = o ?? (T ? void 0 : E), Y = L(
     (g) => {
-      S || h(g);
+      T || h(g);
     },
-    [S]
-  ), W = D(
+    [T]
+  ), W = L(
     (g) => {
-      const C = g[0]?.items.map((w) => w.id) ?? [];
-      C.length > 0 && T && T(C);
+      const C = g[0]?.items.map((S) => S.id) ?? [];
+      C.length > 0 && A && A(C);
     },
-    [T]
-  ), G = N.map((g) => `${g.id}:${g.name}`).join("|"), Q = T != null && N.length > 1 ? /* @__PURE__ */ n(
+    [A]
+  ), G = N.map((g) => `${g.id}:${g.name}`).join("|"), Q = A != null && N.length > 1 ? /* @__PURE__ */ n(
     Ee,
     {
       zones: [
@@ -1422,7 +1384,7 @@ function Lt({
         }
       ],
       onZoneChange: W,
-      renderZone: (g, C, w) => /* @__PURE__ */ n("div", { className: "pm-list", role: "list", children: w }),
+      renderZone: (g, C, S) => /* @__PURE__ */ n("div", { className: "pm-list", role: "list", children: S }),
       renderItem: (g) => /* @__PURE__ */ n(
         pe,
         {
@@ -1446,15 +1408,15 @@ function Lt({
     {
       value: {
         pages: N,
-        setPages: M,
-        renamePage: O,
-        duplicatePage: R,
-        deletePage: F,
+        setPages: Y,
+        renamePage: I,
+        duplicatePage: $,
+        deletePage: w,
         // Sprint 2026-05-20 — propagate live create binding for footer.
         createPage: s
       },
       children: /* @__PURE__ */ n(
-        K,
+        V,
         {
           variant: "no-stage",
           title: "Manage pages",
@@ -1466,7 +1428,7 @@ function Lt({
     }
   );
 }
-const Ot = {
+const Lt = {
   SETTINGS: "settings",
   CATALOG_ADD: "catalog-add",
   CATALOG_REPLACE: "catalog-replace",
@@ -1486,30 +1448,30 @@ const Ot = {
   pointerEvents: "none",
   background: "rgba(0, 0, 0, 0.04)"
 };
-function Mt() {
+function Ot() {
   const { state: e, dispatch: t, getCloseLog: r } = Pe();
-  U(() => {
+  R(() => {
     if (e.activePanelId == null) return;
     function i(u) {
       u.key === "Escape" && t({ type: "CLOSE_PANEL", reason: "escape-key" });
     }
     return document.addEventListener("keydown", i), () => document.removeEventListener("keydown", i);
   }, [e.activePanelId, t]);
-  const o = Y(e);
+  const l = K(e);
   Ae(() => {
-    o.current = e;
-  }), U(() => {
+    l.current = e;
+  }), R(() => {
     if (process.env.NODE_ENV === "production") return;
     const i = window;
     return i.__panelsHostHandle && console.warn("[panels] multiple PanelHost/PanelHostShell instances mounted; dev handle is unreliable"), i.__panelsHostHandle = {
       dispatch: t,
-      getState: () => o.current,
+      getState: () => l.current,
       getCloseLog: r
     }, () => {
       i.__panelsHostHandle?.dispatch === t && delete window.__panelsHostHandle;
     };
   }, [t, r]);
-  const a = D(() => {
+  const a = L(() => {
     t({ type: "CLOSE_PANEL", reason: "nav-escape-hatch" });
   }, [t]);
   return /* @__PURE__ */ n("div", { "data-panel-host": "true", style: tt, children: e.activePanelId != null && /* @__PURE__ */ n(
@@ -1523,25 +1485,25 @@ function Mt() {
 }
 const at = 700;
 function st(e) {
-  const [t, r] = x(null), o = Y(null);
-  return U(() => {
+  const [t, r] = x(null), l = K(null);
+  return R(() => {
     if (e != null) {
-      o.current != null && (clearTimeout(o.current), o.current = null), r(null);
+      l.current != null && (clearTimeout(l.current), l.current = null), r(null);
       return;
     }
-    return r((a) => a), o.current = setTimeout(() => {
-      r(null), o.current = null;
+    return r((a) => a), l.current = setTimeout(() => {
+      r(null), l.current = null;
     }, at), () => {
-      o.current != null && (clearTimeout(o.current), o.current = null);
+      l.current != null && (clearTimeout(l.current), l.current = null);
     };
-  }, [e]), U(() => {
+  }, [e]), R(() => {
     e != null && r(e);
   }, [e]), e != null ? { panelId: e, isOpen: !0 } : t != null ? { panelId: t, isOpen: !1 } : { panelId: null, isOpen: !1 };
 }
-function It({ panelComponents: e, children: t }) {
-  const r = I(), o = st(r?.state.activePanelId ?? null);
-  if (r == null || o.panelId == null) return null;
-  const a = o.panelId, i = o.isOpen, u = e?.[a];
+function Mt({ panelComponents: e, children: t }) {
+  const r = O(), l = st(r?.state.activePanelId ?? null);
+  if (r == null || l.panelId == null) return null;
+  const a = l.panelId, i = l.isOpen, u = e?.[a];
   return u == null && t == null ? (process.env.NODE_ENV !== "production" && console.error(
     "[panels] No panel component registered for activePanelId:",
     a
@@ -1550,39 +1512,39 @@ function It({ panelComponents: e, children: t }) {
 function me(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, he = 627, lt = "cubic-bezier(0.22, 1, 0.36, 1)", ot = 200;
+const rt = 685, he = 627, ot = "cubic-bezier(0.22, 1, 0.36, 1)", lt = 200;
 function Se(e, t) {
   if (typeof window > "u") return t;
   const r = window.getComputedStyle(document.documentElement).getPropertyValue(e).trim();
   if (!r) return t;
-  const o = parseFloat(r);
-  return Number.isNaN(o) ? t : r.endsWith("s") && !r.endsWith("ms") ? o * 1e3 : o;
+  const l = parseFloat(r);
+  return Number.isNaN(l) ? t : r.endsWith("s") && !r.endsWith("ms") ? l * 1e3 : l;
 }
 function it(e, t) {
   return typeof window > "u" ? t : window.getComputedStyle(document.documentElement).getPropertyValue(e).trim() || t;
 }
-function V(e) {
+function z(e) {
   e.dispatch({ type: "OPEN_PANEL", panelId: e.panelId, trigger: e.trigger });
 }
 function ct(e) {
-  const { mountEl: t, chromeEl: r, reducedMotion: o, onAssert: a } = e;
+  const { mountEl: t, chromeEl: r, reducedMotion: l, onAssert: a } = e;
   if (t == null || r == null) {
-    V(e), a?.({ branch: "slide-fallback-no-dom", timestamp: Date.now() });
+    z(e), a?.({ branch: "slide-fallback-no-dom", timestamp: Date.now() });
     return;
   }
-  if (o) {
+  if (l) {
     e.dispatch({ type: "OPEN_PANEL", panelId: e.panelId, trigger: e.trigger }), a?.({ branch: "slide-reduced-motion", timestamp: Date.now() });
     return;
   }
   if (typeof r.animate != "function") {
-    V(e), a?.({ branch: "slide-no-waapi", timestamp: Date.now() });
+    z(e), a?.({ 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 = Se("--panel-open-dur", rt), l = it("--panel-easing", lt), s = r.animate(
+  const u = Se("--panel-open-dur", rt), o = it("--panel-easing", ot), s = r.animate(
     [{ transform: "translateY(100%)" }, { transform: "translateY(0)" }],
-    { duration: u, easing: l, fill: "forwards" }
+    { duration: u, easing: o, fill: "forwards" }
   );
   s.addEventListener(
     "finish",
@@ -1595,17 +1557,17 @@ function ct(e) {
 function dt(e) {
   const { mountEl: t, onAssert: r } = e;
   if (t == null) {
-    e.dispatch({ type: "CLOSE_PANEL", reason: "mutex-handoff" }), setTimeout(() => V(e), he), r?.({ branch: "handoff-fallback-no-mount", timestamp: Date.now() });
+    e.dispatch({ type: "CLOSE_PANEL", reason: "mutex-handoff" }), setTimeout(() => z(e), he), r?.({ branch: "handoff-fallback-no-mount", timestamp: Date.now() });
     return;
   }
-  const o = Se("--panel-close-dur", he);
+  const l = Se("--panel-close-dur", he);
   let a = !1, i = null;
   const u = (s) => {
     s.target !== t || s.propertyName !== "max-height" || a || (a = !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() }));
-  }, l = () => {
+  }, o = () => {
     a || (a = !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(l, o + ot);
+  t.addEventListener("transitionend", u), e.dispatch({ type: "CLOSE_PANEL", reason: "mutex-handoff" }), i = setTimeout(o, l + lt);
 }
 function ut(e) {
   const { state: t, onAssert: r } = e;
@@ -1613,8 +1575,8 @@ function ut(e) {
     e.dispatch({ type: "OPEN_PANEL", panelId: e.panelId, trigger: e.trigger }), r?.({ branch: "blocked-dirty", timestamp: Date.now() });
     return;
   }
-  const o = me(t.activeTrigger), a = me(e.trigger);
-  if (!!t.activePanelId && o != null && o === a) {
+  const l = me(t.activeTrigger), a = me(e.trigger);
+  if (!!t.activePanelId && l != null && l === a) {
     ct(e);
     return;
   }
@@ -1622,28 +1584,28 @@ function ut(e) {
     dt(e);
     return;
   }
-  V(e), r?.({ branch: "fresh-open", timestamp: Date.now() });
+  z(e), r?.({ branch: "fresh-open", timestamp: Date.now() });
 }
 function pt() {
   if (!(typeof window > "u"))
     return window.__panelsAsserter;
 }
-function $t() {
-  const e = I(), t = fe();
-  return D(
-    (r, o) => {
+function It() {
+  const e = O(), t = fe();
+  return L(
+    (r, l) => {
       if (!e)
         return;
       const a = typeof document < "u" ? document.querySelector('[data-mount="panel"]') : null, i = typeof document < "u" ? document.querySelector('[data-chrome="panel"]') : null, u = {
         panelId: r,
-        trigger: o,
+        trigger: l,
         state: e.state,
         dispatch: e.dispatch,
         mountEl: a,
         chromeEl: i,
         reducedMotion: t,
-        onAssert: (l) => {
-          pt()?.recordTransition?.(l);
+        onAssert: (o) => {
+          pt()?.recordTransition?.(o);
         }
       };
       ut(u);
@@ -1651,27 +1613,27 @@ function $t() {
     [e, t]
   );
 }
-function Rt({ children: e }) {
+function $t({ children: e }) {
   return /* @__PURE__ */ n("div", { className: "clone-stage", children: e });
 }
-let B = !1, j = null;
+let H = !1, j = null;
 function ne() {
   const e = [];
   let t = "cleaned";
   document.querySelectorAll("#panel-chrome-frozen").length > 0 && (e.push("#panel-chrome-frozen"), t = "lingering");
-  const o = document.querySelectorAll(".gloss-panel-mount");
-  o.length > 1 && e.push(`mount-count=${o.length}`);
-  const a = o[0] ?? null, i = a ? a.querySelectorAll(".gloss-panel-chrome") : [];
+  const l = document.querySelectorAll(".gloss-panel-mount");
+  l.length > 1 && e.push(`mount-count=${l.length}`);
+  const a = l[0] ?? null, i = a ? a.querySelectorAll(".gloss-panel-chrome") : [];
   i.length > 1 && e.push(`chrome-count=${i.length}`);
   const u = i[0] ?? null;
   if (u) {
     const d = u.style.zIndex;
     d !== "" && d !== "2" && e.push(`chrome-zindex=${d}`);
   }
-  const l = a ? "present" : "absent", s = u ? "present" : "absent";
+  const o = a ? "present" : "absent", s = u ? "present" : "absent";
   return {
     valid: e.length === 0,
-    mount: l,
+    mount: o,
     chrome: s,
     frozen: t,
     orphans: e,
@@ -1679,19 +1641,19 @@ function ne() {
   };
 }
 const Z = "8px 8px 0px", X = "64px", J = "inset(0px 0px 60px 0px)", ee = "inset(0px -40px -40px -40px)";
-function _(e, t, r, o, a) {
-  return { id: e, constraint: t, expected: r, actual: o, pass: a };
+function _(e, t, r, l, a) {
+  return { id: e, constraint: t, expected: r, actual: l, pass: a };
 }
-function $(e) {
+function M(e) {
   const t = parseInt(e, 10);
   return Number.isFinite(t) ? t : NaN;
 }
-function le() {
-  const e = [], t = document.querySelector(".gloss-panel-mount"), r = t?.querySelector(".gloss-panel-chrome") ?? null, o = document.querySelector(".gloss-panel-coordinator") ?? document.querySelector("[data-panel-coordinator]"), a = document.querySelector(".bell-cutout"), i = document.querySelector(".bell-popover"), u = document.querySelector(".gloss-bottom-toolbar");
+function oe() {
+  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]"), a = document.querySelector(".bell-cutout"), i = document.querySelector(".bell-popover"), u = document.querySelector(".gloss-bottom-toolbar");
   if (!t)
     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(), c = l.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 = $(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(), 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 = M(s), b = Number.isFinite(m) && Number.isFinite(h) && m === h;
     e.push(
       _(
         "C1",
@@ -1705,7 +1667,7 @@ function le() {
   if (!t)
     e.push(_("C2", "mount padding constant", Z, "absent", !1));
   else {
-    const l = t.style.padding, s = getComputedStyle(t), c = l || s.padding || "", d = c === Z || c === "8px 8px 0px 8px";
+    const o = t.style.padding, s = getComputedStyle(t), c = o || s.padding || "", d = c === Z || c === "8px 8px 0px 8px";
     e.push(_("C2", "mount padding constant", Z, c || "n/a", d));
   }
   if (!t)
@@ -1717,11 +1679,11 @@ function le() {
   if (!r)
     e.push(_("C4", "panel-chrome height formula = (row-h*3)+(row-gap*3)-8px", "formula match", "absent", !1));
   else {
-    const l = getComputedStyle(r), s = $(
-      l.getPropertyValue("--row-h").trim() || r.style.getPropertyValue("--row-h").trim() || "0"
-    ), c = $(
-      l.getPropertyValue("--row-gap").trim() || r.style.getPropertyValue("--row-gap").trim() || "0"
-    ), d = s * 3 + c * 3 - 8, m = $(l.height || r.style.height || ""), h = Number.isFinite(s) && Number.isFinite(c) && Number.isFinite(m) && Number.isFinite(d) && m === d;
+    const o = getComputedStyle(r), s = M(
+      o.getPropertyValue("--row-h").trim() || r.style.getPropertyValue("--row-h").trim() || "0"
+    ), c = M(
+      o.getPropertyValue("--row-gap").trim() || r.style.getPropertyValue("--row-gap").trim() || "0"
+    ), d = s * 3 + c * 3 - 8, m = M(o.height || r.style.height || ""), h = Number.isFinite(s) && Number.isFinite(c) && Number.isFinite(m) && Number.isFinite(d) && m === d;
     e.push(
       _(
         "C4",
@@ -1732,30 +1694,30 @@ function le() {
       )
     );
   }
-  if (!o || !r)
+  if (!l || !r)
     e.push(
       _(
         "C5",
         'coordinator perspective + origin "center bottom"; chrome perspective-style flat',
         "present",
-        `coordinator=${o ? "present" : "absent"} chrome=${r ? "present" : "absent"}`,
+        `coordinator=${l ? "present" : "absent"} chrome=${r ? "present" : "absent"}`,
         !1
       )
     );
   else {
-    const l = getComputedStyle(o), s = getComputedStyle(r), c = l.perspective || o.style.perspective || "", d = (l.perspectiveOrigin || o.style.perspectiveOrigin || "").trim(), m = s.perspectiveStyle || r.style.perspectiveStyle || "", v = c !== "" && c !== "none" && (d === "center bottom" || d === "50% 100%") && m === "flat";
+    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 || "", y = c !== "" && c !== "none" && (d === "center bottom" || d === "50% 100%") && m === "flat";
     e.push(
       _(
         "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}`,
-        v
+        y
       )
     );
   }
   {
-    let l = !1, s = "absent";
+    let o = !1, s = "absent";
     try {
       for (const c of Array.from(document.styleSheets)) {
         let d = [];
@@ -1766,8 +1728,8 @@ function le() {
         }
         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"), v = b.find((N) => N.keyText === "100%" || N.keyText === "to"), E = p?.style.transform ?? "", S = v?.style.transform ?? "", y = /rotateY\(\s*0(?:deg)?\s*\)/;
-            l = y.test(E) && y.test(S), s = `0%=${E || "n/a"} 100%=${S || "n/a"}`;
+            const b = Array.from(m.cssRules), p = b.find((N) => N.keyText === "0%" || N.keyText === "from"), y = b.find((N) => N.keyText === "100%" || N.keyText === "to"), E = p?.style.transform ?? "", T = y?.style.transform ?? "", v = /rotateY\(\s*0(?:deg)?\s*\)/;
+            o = v.test(E) && v.test(T), s = `0%=${E || "n/a"} 100%=${T || "n/a"}`;
             break;
           }
         if (s !== "absent") break;
@@ -1781,12 +1743,12 @@ function le() {
         "@keyframes stage-spin 0% AND 100% anchor at rotateY(0)",
         "both frames rotateY(0)",
         s,
-        l
+        o
       )
     );
   }
   {
-    const l = document.documentElement, s = getComputedStyle(l), c = 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(), m = $(c) || parseFloat(c) * (c.endsWith("s") && !c.endsWith("ms") ? 1e3 : 1), h = $(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), 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 = M(c) || parseFloat(c) * (c.endsWith("s") && !c.endsWith("ms") ? 1e3 : 1), h = M(d) || parseFloat(d) * (d.endsWith("s") && !d.endsWith("ms") ? 1e3 : 1), b = Number.isFinite(m) && Number.isFinite(h) && m > h;
     e.push(
       _("C7", "--panel-open-dur > --panel-close-dur", "open > close", `open=${c || "n/a"} close=${d || "n/a"}`, b)
     );
@@ -1794,7 +1756,7 @@ function le() {
   if (!a)
     e.push(_("C8", "BellCutout zero computed animation/transition", "no inline timing", "absent", !1));
   else {
-    const l = getComputedStyle(a), s = l.animationName || "", c = l.transitionProperty || "", d = (s === "" || s === "none") && (c === "" || c === "none" || c === "all");
+    const o = getComputedStyle(a), s = o.animationName || "", c = o.transitionProperty || "", d = (s === "" || s === "none") && (c === "" || c === "none" || c === "all");
     e.push(
       _(
         "C8",
@@ -1808,33 +1770,33 @@ function le() {
   if (!t)
     e.push(_("C9", "mount closed-state clipPath", J, "absent", !1));
   else {
-    const l = t.style.clipPath, s = getComputedStyle(t), c = l || s.clipPath || "", d = c === J;
+    const o = t.style.clipPath, s = getComputedStyle(t), c = o || s.clipPath || "", d = c === J;
     e.push(_("C9", "mount closed-state clipPath", J, c || "n/a", d));
   }
   if (!i)
     e.push(_("C10", "bell-popover parentElement === document.body (open)", "body", "absent", !1));
   else {
-    const l = i.parentElement, s = l === document.body;
+    const o = i.parentElement, s = o === document.body;
     e.push(
       _(
         "C10",
         "bell-popover parentElement === document.body (open)",
         "body",
-        l === document.body ? "body" : l?.tagName ?? "n/a",
+        o === document.body ? "body" : o?.tagName ?? "n/a",
         s
       )
     );
   }
-  if (!o)
+  if (!l)
     e.push(_("C11", "coordinator overflow === visible", "visible", "absent", !1));
   else {
-    const s = getComputedStyle(o).overflow || o.style.overflow || "", c = s === "visible";
+    const s = getComputedStyle(l).overflow || l.style.overflow || "", c = s === "visible";
     e.push(_("C11", "coordinator overflow === visible", "visible", s || "n/a", c));
   }
   if (!u)
     e.push(_("C12", "toolbar clipPath = inset(0 -40 -40 -40)", ee, "absent", !1));
   else {
-    const l = u.style.clipPath, s = getComputedStyle(u), c = l || s.clipPath || "", d = c === ee;
+    const o = u.style.clipPath, s = getComputedStyle(u), c = o || s.clipPath || "", d = c === ee;
     e.push(_("C12", "toolbar clipPath = inset(0 -40 -40 -40)", ee, c || "n/a", d));
   }
   return e.push(
@@ -1856,7 +1818,7 @@ function le() {
   ), e;
 }
 function mt(e) {
-  return le().find((t) => t.id === e);
+  return oe().find((t) => t.id === e);
 }
 function ht() {
   const e = ne();
@@ -1868,84 +1830,84 @@ function ht() {
       actual: `valid=${e.valid} mount=${e.mount} chrome=${e.chrome} frozen=${e.frozen} orphans=[${e.orphans.join(",")}]`,
       pass: e.valid
     }
-  ], cc: le() };
+  ], cc: oe() };
 }
 function ft() {
   return {
     enable: gt,
     disable: bt,
-    isEnabled: () => B,
+    isEnabled: () => H,
     getLastReport: () => j,
     recordTransition: (e) => {
-      B && (j = { ...e, ...ne() });
+      H && (j = { ...e, ...ne() });
     },
     assertOnce: () => {
       const e = ne();
       return j = e, e;
     },
-    assertCcOnly: le,
+    assertCcOnly: oe,
     getCcRowById: mt,
     assertPanelTruths: ht
   };
 }
 function gt() {
-  if (B = !0, typeof window > "u") return;
+  if (H = !0, typeof window > "u") return;
   window.__panelsAsserter || (window.__panelsAsserter = ft(), console.info(
     "[panels] asserter enabled (P3b Q12-12 + P6 W5 cc:C1..C14). Inspect via window.__panelsAsserter."
   ));
 }
 function bt() {
-  B = !1;
+  H = !1;
 }
 export {
-  zt as COMMITS,
-  kt as CatalogAddShell,
-  At as CatalogFooter,
-  Dt as CatalogReplaceShell,
+  Ut as COMMITS,
+  At as CatalogAddShell,
+  xt as CatalogFooter,
+  kt as CatalogReplaceShell,
   se as CatalogStateContext,
   He as CloneCard,
-  Rt as CloneStage,
+  $t as CloneStage,
   ye as MOCK_DEFAULT_LENS,
   ve as MOCK_LENSES,
   ae as MOCK_LENS_META,
   et as MOCK_PAGES,
   _e as MOCK_TILES_BY_LENS,
-  Ht as NotificationCenterShell,
-  Ot as PANEL_IDS,
+  zt as NotificationCenterShell,
+  Lt as PANEL_IDS,
   Je as PageMgmtFooter,
-  Lt as PageMgmtShell,
+  Dt as PageMgmtShell,
   Ne as PageMgmtStateContext,
-  Vt as PanelBody,
-  Bt as PanelChrome,
-  K as PanelChromeV2,
-  Kt as PanelFooter,
-  Pt as PanelFooterMessage,
-  Yt as PanelHeader,
-  Wt as PanelHost,
-  Mt as PanelHostShell,
+  Ht as PanelBody,
+  Vt as PanelChrome,
+  V as PanelChromeV2,
+  Bt as PanelFooter,
+  Et as PanelFooterMessage,
+  Kt as PanelHeader,
+  Yt as PanelHost,
+  Ot as PanelHostShell,
   xe as PanelMount,
-  Gt as PanelNavigation,
-  Qt as PanelProvider,
-  It as PanelSlot,
-  qt as PanelStage,
-  xt as SettingsShell,
-  le as assertCcOnly,
+  Wt as PanelNavigation,
+  Gt as PanelProvider,
+  Mt as PanelSlot,
+  Qt as PanelStage,
+  Pt as SettingsShell,
+  oe as assertCcOnly,
   ne as assertPanelDomShape,
   ht as assertPanelTruths,
-  jt as deriveSurfaceState,
+  qt as deriveSurfaceState,
   bt as disablePanelAsserter,
   gt as enablePanelAsserter,
   mt as getCcRowById,
-  Zt as initialState,
+  jt as initialState,
   me as positionKey,
-  Xt as reducer,
+  Zt as reducer,
   ut as transitionToPanel,
   re as useCatalogState,
-  Et as useEditingCardId,
+  wt as useEditingCardId,
   Te as usePageMgmtState,
   Pe as usePanelContext,
-  I as usePanelContextOptional,
-  Jt as usePanelCoordinator,
+  O as usePanelContextOptional,
+  Xt as usePanelCoordinator,
   fe as useReducedMotionPanel,
-  $t as useTransitionToPanel
+  It as useTransitionToPanel
 };