@mt-gloss/ui 0.1.138 → 0.2.0

package/composites-panels.js

@@ -1,752 +1,80 @@
-import { u as O, g as ke, m as be, n as K, l as De, S as Le, e as Me, o as Oe } from "./COMMITS-aGwevMtR.js";
-import { C as en, N as tn, w as nn, x as an, q as sn, f as rn, v as on, P as ln, t as cn, k as dn, j as un, i as pn, h as mn } from "./COMMITS-aGwevMtR.js";
-import { jsx as a, jsxs as f, Fragment as q } from "react/jsx-runtime";
-import * as H from "react";
-import R, { useState as A, useRef as Q, createContext as ye, useContext as ve, useMemo as ce, useEffect as z, useCallback as M, useLayoutEffect as Ie } from "react";
-import { SPIN_COMMIT_REDUCED as Re, SPIN_COMMIT_FULL as $e } from "@mt-gloss/motion";
-import { useMotionValue as de, animate as B, motion as Fe } from "framer-motion";
-import { useSensors as Ue, useSensor as ue, PointerSensor as ze, KeyboardSensor as He, DndContext as Be, closestCenter as Ye } from "@dnd-kit/core";
-import { sortableKeyboardCoordinates as Ve, SortableContext as Ke, horizontalListSortingStrategy as qe, arrayMove as Qe, useSortable as We } from "@dnd-kit/sortable";
-import { CSS as Ge } from "@dnd-kit/utilities";
-import { M as pe } from "./MetricCard-DOPtBpek.js";
-function Ht() {
-  const e = O();
-  if (e?.state.activePanelId !== "settings") return null;
-  const t = e.state.activeTrigger;
-  return t?.kind === "card-overflow" ? t.cardId : null;
-}
-function je({ 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 });
-}
-const Ze = 500, Xe = 1, Je = "var(--gloss-color-primary, #6366f1)";
-function et({
-  children: e,
-  spinTrigger: t,
-  onSpinComplete: r,
-  spinDuration: l,
-  spinRotations: n,
-  accentColor: i
-}) {
-  const u = de(0), o = de(1), s = H.useRef(null), c = H.useMemo(() => ke() === "reduced", []), d = H.useRef(t);
-  return H.useEffect(() => {
-    if (t === void 0 || t === d.current) return;
-    d.current = t;
-    const h = (l ?? Ze) / 1e3, y = n ?? Xe, p = s.current;
-    if (c) {
-      const _ = [];
-      if (p) {
-        const x = B(
-          p,
-          { opacity: [0, 0.4, 0] },
-          Re
-        );
-        _.push(x), x.then(() => {
-          r?.();
-        });
-      } else
-        Promise.resolve().then(() => {
-          r?.();
-        });
-      return () => {
-        _.forEach((x) => x.stop());
-      };
-    }
-    const v = { ...$e, duration: h }, T = B(u, [0, 360 * y], v), S = B(o, [1, 1.03, 1], v), b = [T, S];
-    if (p) {
-      const _ = B(
-        p,
-        { opacity: [0, 0.6, 0, 0] },
-        { ...v, times: [0, 0.3, 0.8, 1] }
-      );
-      b.push(_);
-    }
-    return T.then(() => {
-      r?.();
-    }), () => {
-      b.forEach((_) => _.stop());
-    };
-  }, [t, l, n, c, r, u, o]), /* @__PURE__ */ f(
-    Fe.div,
-    {
-      className: "clone-stage",
-      style: { rotateY: u, scale: o },
-      children: [
-        e,
-        /* @__PURE__ */ a(
-          "div",
-          {
-            ref: s,
-            className: "clone-stage__accent",
-            style: {
-              "--spin-accent-color": i ?? Je
-            }
-          }
-        )
-      ]
-    }
-  );
-}
-function Bt({ primary: e, secondary: t }) {
-  return /* @__PURE__ */ f("div", { className: "gloss-panel-chrome-v2__footer-msg", children: [
-    /* @__PURE__ */ a("span", { className: "gloss-panel-chrome-v2__footer-msg-primary", children: e }),
-    t != null && /* @__PURE__ */ a("span", { className: "gloss-panel-chrome-v2__footer-msg-secondary", children: t })
-  ] });
-}
-function tt({
-  value: e,
-  onChange: t,
-  enabled: r = !1,
-  onToggleEnabled: l
+import { u as I, f as q, a as Z, g as N, c as w } from "./COMMITS-Dm8qIHaq.js";
+import { C as Ve, b as qe, P as Be, e as He, i as Ue, r as Ye, d as Ke } from "./COMMITS-Dm8qIHaq.js";
+import { jsx as s, jsxs as h, Fragment as ee } from "react/jsx-runtime";
+import { useState as y, useRef as B, createContext as H, useContext as U, useEffect as F, useLayoutEffect as te, useCallback as Y } from "react";
+function ne({ children: e }) {
+  return /* @__PURE__ */ s("div", { className: "clone-stage", children: e });
+}
+function oe({ span: e, rotating: t = !0, children: o }) {
+  const n = ["clone-card", `span-${e}`, t ? "rotating" : ""].filter(Boolean).join(" ");
+  return /* @__PURE__ */ s("div", { className: n, children: o });
+}
+const se = ["#1d6fd8", "#10b981", "#f59e0b", "#ef4444", "#8b5cf6"];
+function Le({
+  isOpen: e,
+  cardSpan: t,
+  cardLabel: o = "Metric",
+  cardValue: n = "—"
 }) {
-  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(q, { 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(
+  const a = I(), r = a?.state.activeTrigger, d = r?.kind === "card-overflow" ? r.cardId : null, l = q(), i = r?.span, c = t ?? i ?? 1, u = d != null ? a?.state?.bufferByCard?.[d]?.changes ?? {} : {}, m = typeof u.threshold == "number" ? u.threshold : 50, f = typeof u.accent == "string" ? u.accent : null, v = (g) => {
+    d == null || a == null || a.dispatch({ type: "SET_BUFFER_VALUE", cardId: d, key: "threshold", value: Number(g.target.value) });
+  }, b = (g) => {
+    d == null || a == null || a.dispatch({ type: "SET_BUFFER_VALUE", cardId: d, key: "accent", value: g });
+  };
+  return /* @__PURE__ */ h("div", { "data-shell": "settings", "aria-hidden": !e, children: [
+    /* @__PURE__ */ s(ne, { children: /* @__PURE__ */ h(oe, { span: c, rotating: !l, children: [
+      /* @__PURE__ */ s("div", { style: { fontSize: 9, textTransform: "uppercase", letterSpacing: "0.06em", color: "#9ca3af", marginBottom: 6 }, children: o }),
+      /* @__PURE__ */ s("div", { style: { fontSize: 22, fontWeight: 700, color: "#111827", lineHeight: 1 }, children: n })
+    ] }) }),
+    /* @__PURE__ */ h("div", { className: "settings-shell__controls", children: [
+      /* @__PURE__ */ s("h3", { className: "settings-shell__heading", children: "Settings" }),
+      /* @__PURE__ */ h("label", { className: "settings-shell__field", children: [
+        /* @__PURE__ */ s("span", { className: "settings-shell__label", children: "Threshold" }),
+        /* @__PURE__ */ s(
           "input",
           {
-            id: "settings-threshold-input",
             type: "range",
             min: 0,
             max: 100,
-            value: e,
-            onChange: t,
+            step: 1,
+            value: m,
+            onChange: v,
+            className: "settings-shell__slider",
             "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 nt({ value: e, onChange: t }) {
-  return /* @__PURE__ */ f("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__ */ a(
-        "input",
-        {
-          id: "settings-timeframe-input",
-          type: "range",
-          min: 7,
-          max: 90,
-          value: e,
-          onChange: t,
-          "aria-label": "Timeframe",
-          "aria-valuenow": e,
-          "aria-valuemin": 7,
-          "aria-valuemax": 90,
-          className: "settings-shell__slider"
-        }
-      ),
-      /* @__PURE__ */ f("span", { className: "settings-shell__slider-value", "aria-live": "polite", children: [
-        e,
-        " days"
-      ] })
-    ] })
-  ] });
-}
-function at({ id: e, onRemove: t }) {
-  const { attributes: r, listeners: l, setNodeRef: n, transform: i, transition: u, isDragging: o } = We({ id: e }), s = {
-    transform: Ge.Transform.toString(i),
-    transition: u,
-    opacity: o ? 0.6 : 1
-  };
-  return /* @__PURE__ */ f(
-    "li",
-    {
-      ref: n,
-      style: s,
-      className: `settings-shell__slot-pill${o ? " settings-shell__slot-pill--dragging" : ""}`,
-      children: [
-        /* @__PURE__ */ a(
-          "button",
-          {
-            type: "button",
-            className: "settings-shell__slot-pill__handle",
-            "aria-label": `Reorder ${e}`,
-            ...r,
-            ...l,
-            children: /* @__PURE__ */ a("span", { "aria-hidden": "true", className: "settings-shell__slot-pill__grip", children: "⋮⋮" })
+            "data-testid": "settings-threshold-slider"
           }
         ),
-        /* @__PURE__ */ a("span", { className: "settings-shell__slot-pill__label", children: e }),
-        /* @__PURE__ */ a(
-          "button",
-          {
-            type: "button",
-            className: "settings-shell__slot-pill__remove",
-            "aria-label": `Remove ${e}`,
-            onClick: t,
-            children: "×"
-          }
-        )
-      ]
-    }
-  );
-}
-function st({ value: e, onChange: t }) {
-  const r = Ue(
-    ue(ze, { activationConstraint: { distance: 4 } }),
-    ue(He, { coordinateGetter: Ve })
-  ), l = R.useRef(!1), [n, i] = R.useState(!1), u = (s) => {
-    const { active: c, over: d } = s;
-    if (!d || c.id === d.id) return;
-    const m = e.findIndex((y) => y === c.id), h = e.findIndex((y) => y === d.id);
-    m === -1 || h === -1 || t(Qe([...e], m, h));
-  }, 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__ */ a(Be, { sensors: r, collisionDetection: Ye, onDragEnd: u, children: /* @__PURE__ */ a(Ke, { items: [...e], strategy: qe, children: /* @__PURE__ */ a("ul", { className: "settings-shell__slots-list", role: "list", children: e.map((s) => /* @__PURE__ */ a(at, { 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 rt = ["#1d6fd8", "#10b981", "#f59e0b", "#ef4444", "#8b5cf6"];
-function ot({
-  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(q, { children: [
-      /* @__PURE__ */ a("span", { className: "settings-shell__label", children: "Accent color" }),
-      /* @__PURE__ */ a("div", { className: "settings-shell__swatch-row", children: rt.map((i) => {
-        const u = e === i;
-        return /* @__PURE__ */ a(
+        /* @__PURE__ */ s("span", { className: "settings-shell__value", "aria-live": "polite", children: m })
+      ] }),
+      /* @__PURE__ */ h("div", { className: "settings-shell__field", children: [
+        /* @__PURE__ */ s("span", { className: "settings-shell__label", children: "Accent" }),
+        /* @__PURE__ */ s("div", { className: "settings-shell__swatches", role: "radiogroup", "aria-label": "Accent color", children: se.map((g) => /* @__PURE__ */ s(
           "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)
+            role: "radio",
+            "aria-pressed": f === g,
+            "aria-checked": f === g,
+            "aria-label": `Accent ${g}`,
+            className: "settings-shell__swatch",
+            style: { backgroundColor: g },
+            onClick: () => b(g),
+            "data-testid": `settings-swatch-${g}`
           },
-          i
-        );
-      }) })
-    ] }) : /* @__PURE__ */ a("p", { className: "settings-shell__help", "aria-live": "polite", children: "Off — the card uses its default accent. Turn on to override." })
+          g
+        )) })
+      ] })
+    ] })
   ] });
 }
-const lt = ["Orders", "Quota", "Unassigned"], it = ["threshold", "timeframe", "color"];
-function Yt({
-  isOpen: e,
-  cardSpan: t,
-  cardLabel: r = "Metric",
-  cardValue: l = "—",
-  previewSlot: n,
-  dimensions: i = it,
-  initialTab: u,
-  initialValues: o
-}) {
-  const s = O(), c = s?.state.activeTrigger, d = c?.kind === "card-overflow" ? c.cardId : null, m = be(), h = c?.span, y = t ?? h ?? 1, p = i[0] ?? "threshold", [v, T] = R.useState(u ?? p);
-  R.useEffect(() => {
-    i.includes(v) || T(p);
-  }, [i, v, p]);
-  const b = d != null ? s?.state?.bufferByCard?.[d]?.changes ?? {} : {}, _ = typeof b.threshold == "number" ? b.threshold : typeof o?.threshold == "number" ? o.threshold : 80, x = typeof b.timeframe == "number" ? b.timeframe : typeof o?.timeframe == "number" ? o.timeframe : 30, $ = typeof b.accent == "string" ? b.accent : typeof o?.accent == "string" ? o.accent : null, F = Array.isArray(b.slots) ? b.slots : Array.isArray(o?.slots) ? o.slots : lt, E = typeof b.thresholdEnabled == "boolean" ? b.thresholdEnabled : typeof o?.thresholdEnabled == "boolean" ? o.thresholdEnabled : !1, L = typeof b.accentEnabled == "boolean" ? b.accentEnabled : typeof o?.accentEnabled == "boolean" ? o.accentEnabled : !1, W = (w) => {
-    d == null || s == null || s.dispatch({ type: "SET_BUFFER_VALUE", cardId: d, key: "threshold", value: Number(w.target.value) });
-  }, G = (w) => {
-    d == null || s == null || s.dispatch({ type: "SET_BUFFER_VALUE", cardId: d, key: "timeframe", value: Number(w.target.value) });
-  }, ie = (w) => {
-    d == null || s == null || s.dispatch({ type: "SET_BUFFER_VALUE", cardId: d, key: "accent", value: w });
-  }, j = (w) => {
-    d == null || s == null || s.dispatch({ type: "SET_BUFFER_VALUE", cardId: d, key: "slots", value: w });
-  }, Z = (w) => {
-    d == null || s == null || s.dispatch({ type: "SET_BUFFER_VALUE", cardId: d, key: "thresholdEnabled", value: w });
-  }, g = (w) => {
-    d == null || s == null || s.dispatch({ type: "SET_BUFFER_VALUE", cardId: d, key: "accentEnabled", value: w });
-  }, N = s?.state.isDirty ?? !1, P = d, k = () => {
-    P != null && s?.dispatch({ type: "CLEAR_BUFFER", cardId: P });
-  }, [D, U] = R.useState(0), Ae = () => {
-    U((w) => w + 1), s?.dispatch({ type: "CLOSE_PANEL", reason: "apply-button" });
-  }, xe = R.useCallback(() => {
-  }, []);
-  return /* @__PURE__ */ a(
-    K,
-    {
-      variant: "with-stage",
-      onClose: () => s?.dispatch({ type: "CLOSE_PANEL", reason: "header-x" }),
-      stage: (
-        // M003-S004-MOT-02 — CloneStage wraps CloneCard so the spin-commit
-        // gesture has a transform host that does NOT disturb the inner
-        // CloneCard's existing sway / span-N geometry. Counter is owned here
-        // (Option 3); reptime sees no spinTrigger plumbing.
-        /* @__PURE__ */ a(et, { spinTrigger: D, onSpinComplete: xe, children: /* @__PURE__ */ a(je, { span: y, rotating: !m, children: n ?? /* @__PURE__ */ f(q, { 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(
-        De,
-        {
-          dimensions: i,
-          activeTab: v,
-          onSelect: T,
-          reduced: m
-        }
-      ),
-      footer: {
-        left: /* @__PURE__ */ a(
-          "button",
-          {
-            id: "btn-reset",
-            type: "button",
-            className: "gloss-panel-chrome-v2__footer-btn",
-            disabled: !N,
-            onClick: k,
-            children: "Reset"
-          }
-        ),
-        right: /* @__PURE__ */ a(
-          "button",
-          {
-            id: "settings-apply",
-            type: "button",
-            className: "gloss-panel-chrome-v2__footer-btn gloss-panel-chrome-v2__footer-btn--primary",
-            disabled: !N,
-            onClick: Ae,
-            children: "Apply"
-          }
-        )
-      },
-      children: /* @__PURE__ */ a("div", { className: "settings-shell", "data-shell": "settings", "aria-hidden": !e, children: /* @__PURE__ */ f(
-        "div",
-        {
-          role: "tabpanel",
-          id: `settings-tabpanel-${v}`,
-          "aria-label": "Settings dimension controls",
-          tabIndex: 0,
-          className: "settings-shell__tabpanel",
-          children: [
-            v === "threshold" && /* @__PURE__ */ a(
-              tt,
-              {
-                value: _,
-                onChange: W,
-                enabled: E,
-                onToggleEnabled: Z
-              }
-            ),
-            v === "timeframe" && /* @__PURE__ */ a(nt, { value: x, onChange: G }),
-            v === "slots" && /* @__PURE__ */ a(st, { value: F, onChange: j }),
-            v === "color" && /* @__PURE__ */ a(
-              ot,
-              {
-                value: $,
-                onSelect: ie,
-                enabled: L,
-                onToggleEnabled: g
-              }
-            )
-          ]
-        }
-      ) })
-    }
-  );
-}
-const _e = [
-  "Revenue",
-  "Order flow",
-  "Rep performance",
-  "Brand portfolio",
-  "Account coverage",
-  "Commission"
-], Ce = "Revenue", Ne = {
-  Revenue: {
-    headline: "Are we hitting our number?",
-    helper: "Top-line sales, growth, average order value, and pace-to-plan signals."
-  },
-  "Order flow": {
-    headline: "Are orders flowing through?",
-    helper: "Daily activity, pipeline, unassigned work, and cancel-rate health."
-  },
-  "Rep performance": {
-    headline: "How are my reps performing?",
-    helper: "Quota attainment, leaderboards, and activity flags across the rep team."
-  },
-  "Brand portfolio": {
-    headline: "Which brands matter?",
-    helper: "Manufacturer mix, top performers, and emerging line health."
-  },
-  "Account coverage": {
-    headline: "Where are the gaps?",
-    helper: "New, active, inactive, and at-risk customer accounts."
-  },
-  Commission: {
-    headline: "What's our commission rate?",
-    helper: "Outstanding balances, aging buckets, and effective commission yield."
-  }
-}, Se = {
-  Revenue: {
-    primary: [
-      {
-        id: "agency-sales",
-        label: "Sales",
-        value: "$892,450",
-        desc: "Agency total sales with trend sparkline",
-        cardType: "sparkline",
-        sparklineData: [620, 640, 680, 700, 740, 760, 790, 820, 850, 892],
-        prefix: "$",
-        startHere: !0
-      },
-      {
-        id: "agency-sales-stacked",
-        label: "Sales",
-        value: "$892,450",
-        desc: "Agency sales across three timeframes at a glance (MTD shown)",
-        variants: ["1×3"],
-        subStats: [
-          { label: "MTD", value: "$892K" },
-          { label: "QTD", value: "$2.4M" },
-          { label: "YTD", value: "$8.6M" }
-        ],
-        cardType: "stacked-group",
-        stackedTimeframes: ["MTD", "QTD", "YTD"]
-      },
-      {
-        id: "agency-growth",
-        label: "Sales Growth",
-        value: "+18%",
-        desc: "Year-over-year agency sales growth rate",
-        cardType: "standard",
-        suffix: "%",
-        trend: { value: 18, direction: "up" }
-      },
-      {
-        id: "agency-aov",
-        label: "Avg Order",
-        value: "$2,340",
-        desc: "Average order value with trend sparkline",
-        cardType: "sparkline",
-        sparklineData: [2100, 2150, 2200, 2180, 2250, 2280, 2300, 2320, 2335, 2340],
-        prefix: "$"
-      },
-      {
-        id: "agency-aov-stacked",
-        label: "Avg Order",
-        value: "$2,340",
-        desc: "Average order value across three timeframes",
-        variants: ["1×3"],
-        subStats: [
-          { label: "MTD", value: "$2,340" },
-          { label: "QTD", value: "$2,280" },
-          { label: "YTD", value: "$2,210" }
-        ],
-        cardType: "stacked-group",
-        stackedTimeframes: ["MTD", "QTD", "YTD"]
-      },
-      {
-        id: "agency-conversion",
-        label: "Conversion",
-        value: "68%",
-        desc: "Order completion rate vs cancellations",
-        cardType: "donut",
-        donutValue: 0.68,
-        accentColor: "#10b981",
-        suffix: "%"
-      }
-    ],
-    secondary: [
-      {
-        id: "agency-revenue-compact",
-        label: "Total Revenue",
-        value: "$892,450",
-        desc: "Agency revenue with sparkline trend",
-        cardType: "sparkline",
-        sparklineData: [620, 660, 700, 740, 780, 820, 860, 892],
-        prefix: "$"
-      },
-      {
-        id: "agency-yoy-versus",
-        label: "YoY Comparison",
-        value: "$892K",
-        desc: "TY vs LY sales side-by-side",
-        cardType: "versus",
-        comparison: {
-          current: { value: "$892K", label: "This year" },
-          prior: { value: "$724K", label: "Last year" }
-        }
-      },
-      {
-        id: "agency-revenue-by-mfr",
-        label: "Mfr Revenue",
-        value: "$892K",
-        desc: "Revenue mix across top manufacturers",
-        cardType: "segmented",
-        segments: [
-          { label: "A", value: 35, color: "#7c3aed" },
-          { label: "B", value: 28, color: "#1d6fd8" },
-          { label: "C", value: 22, color: "#10b981" },
-          { label: "D", value: 15, color: "#f59e0b" }
-        ]
-      }
-    ]
-  },
-  "Order flow": {
-    primary: [
-      {
-        id: "agency-activity",
-        label: "Orders",
-        value: "47 Orders",
-        desc: "Daily team order count with bar chart",
-        cardType: "bars",
-        barData: [12, 18, 15, 22, 19, 25, 28],
-        startHere: !0
-      },
-      {
-        id: "agency-orders-compact",
-        label: "Order Count",
-        value: "156",
-        desc: "Total order count with bar chart trend",
-        cardType: "bars",
-        barData: [18, 22, 19, 24, 26, 23, 28]
-      },
-      {
-        id: "agency-orders-stacked",
-        label: "Orders",
-        value: "156",
-        desc: "Order count across three timeframes",
-        variants: ["1×3"],
-        subStats: [
-          { label: "MTD", value: "156" },
-          { label: "QTD", value: "482" },
-          { label: "YTD", value: "1,847" }
-        ],
-        cardType: "stacked-group",
-        stackedTimeframes: ["MTD", "QTD", "YTD"]
-      },
-      {
-        id: "agency-order-pipeline-value",
-        label: "Pipeline Value",
-        value: "$284,500",
-        desc: "Open + transmitted order $ pipeline",
-        cardType: "standard",
-        prefix: "$"
-      },
-      {
-        id: "agency-unassigned-orders",
-        label: "Unassigned",
-        value: "0",
-        desc: "Orders awaiting salesperson assignment",
-        cardType: "standard"
-      },
-      {
-        id: "agency-cancel-rate",
-        label: "Cancel Rate",
-        value: "4.2%",
-        desc: "Order cancel-rate percentage (warn-tinted highlight)",
-        cardType: "highlight",
-        highlightColor: "#f59e0b",
-        suffix: "%"
-      }
-    ]
-  },
-  "Rep performance": {
-    primary: [
-      {
-        id: "agency-top-rep",
-        label: "#1 Rep",
-        value: "Sarah Mitchell",
-        desc: "Top-performing rep on the team this period",
-        cardType: "name",
-        startHere: !0
-      },
-      {
-        id: "agency-quota",
-        label: "Below Quota",
-        value: "3 of 12",
-        desc: "Reps currently tracking under their quota",
-        cardType: "ratio",
-        numerator: 3,
-        denominator: 12
-      },
-      {
-        id: "agency-rep-leaderboard-sales",
-        label: "Rep Sales",
-        value: "Top 5",
-        desc: "Sales leaderboard across the rep team",
-        cardType: "leaderboard",
-        catalogValue: "Top 5"
-      }
-    ]
-  },
-  "Brand portfolio": {
-    primary: [
-      {
-        id: "agency-mfr-mix",
-        label: "Mfr Mix",
-        value: "$892K",
-        desc: "Revenue mix by manufacturer (segmented bar)",
-        cardType: "segmented",
-        segments: [
-          { label: "A", value: 35, color: "#7c3aed" },
-          { label: "B", value: 28, color: "#1d6fd8" },
-          { label: "C", value: 22, color: "#10b981" },
-          { label: "D", value: 15, color: "#f59e0b" }
-        ],
-        startHere: !0
-      },
-      {
-        id: "agency-mfr-new-line",
-        label: "New Mfrs",
-        value: "3",
-        desc: "New manufacturer count for the period",
-        cardType: "standard"
-      }
-    ]
-  },
-  "Account coverage": {
-    primary: [
-      {
-        id: "agency-new-accounts",
-        label: "New Accounts",
-        value: "12",
-        desc: "New customer accounts opened this period",
-        cardType: "standard",
-        startHere: !0
-      },
-      {
-        id: "agency-customers-compact",
-        label: "Customers",
-        value: "287",
-        desc: "Active customer count with bar chart trend",
-        cardType: "bars",
-        barData: [240, 250, 260, 270, 275, 280, 287]
-      },
-      {
-        id: "agency-inactive-accounts",
-        label: "Inactive Act",
-        value: "5",
-        desc: "Inactive customer-account count (warn-tinted)",
-        cardType: "highlight",
-        highlightColor: "#f59e0b"
-      },
-      {
-        id: "agency-account-churn",
-        label: "Account Churn",
-        value: "8%",
-        desc: "Customer churn rate (LY-active not TY-active)",
-        cardType: "standard",
-        suffix: "%"
-      }
-    ]
-  },
-  Commission: {
-    primary: [
-      {
-        id: "agency-outstanding",
-        label: "Outstanding",
-        value: "$24,500",
-        desc: "Unpaid order balance across all accounts",
-        cardType: "standard",
-        prefix: "$",
-        startHere: !0
-      },
-      {
-        id: "agency-commission-rate",
-        label: "Commission",
-        value: "8.4%",
-        desc: "Effective commission rate %",
-        cardType: "standard",
-        suffix: "%"
-      },
-      {
-        id: "agency-commission-aging",
-        label: "Commission Aging",
-        value: "$24K",
-        desc: "Unpaid commission aging by buckets",
-        cardType: "bars",
-        barData: [4, 8, 7, 5]
-      }
-    ]
-  }
-};
-function Ee({
-  lenses: e,
-  activeLens: t,
-  onLensChange: r,
-  variant: l = "pills",
-  lensMeta: n = Ne
-}) {
-  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(
-      "button",
-      {
-        type: "button",
-        role: "tab",
-        "aria-selected": u,
-        className: s.join(" "),
-        "data-lens": i,
-        onClick: () => {
-          u || r(i);
-        },
-        children: [
-          i,
-          o?.beta && /* @__PURE__ */ a("span", { className: "cat-pill-beta", "aria-label": "Beta", children: "BETA" })
-        ]
-      },
-      i
-    );
-  }) }) }) : /* @__PURE__ */ a(ct, { lenses: e, activeLens: t, onLensChange: r });
-}
-function ct({
-  lenses: e,
-  activeLens: t,
-  onLensChange: r
-}) {
-  const [l, n] = A(!1), i = Q(null), u = () => {
-    i.current != null && (window.clearTimeout(i.current), i.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: [
-    /* @__PURE__ */ a(
+function K({ lenses: e, activeLens: t, onLensChange: o }) {
+  const [n, a] = y(!1), r = B(null), d = () => {
+    r.current != null && (window.clearTimeout(r.current), r.current = null);
+  }, l = () => {
+    d(), r.current = window.setTimeout(() => a(!1), 100);
+  }, i = e.filter((c) => c !== t);
+  return /* @__PURE__ */ s("div", { className: "cat-segmented-wrap", children: /* @__PURE__ */ h("div", { className: "cat-segmented", children: [
+    /* @__PURE__ */ s(
       "button",
       {
         type: "button",
@@ -756,31 +84,31 @@ function ct({
         children: t
       }
     ),
-    /* @__PURE__ */ f(
+    /* @__PURE__ */ h(
       "div",
       {
         className: "cat-seg-more",
         onMouseEnter: () => {
-          u(), n(!0);
+          d(), a(!0);
         },
-        onMouseLeave: o,
+        onMouseLeave: l,
         children: [
-          /* @__PURE__ */ a("button", { type: "button", className: "cat-seg cat-seg-more-btn", "aria-haspopup": "menu", "aria-expanded": l, children: "More ▾" }),
-          l && /* @__PURE__ */ a(
+          /* @__PURE__ */ s("button", { type: "button", className: "cat-seg cat-seg-more-btn", "aria-haspopup": "menu", "aria-expanded": n, children: "More ▾" }),
+          n && /* @__PURE__ */ s(
             "div",
             {
               className: "cat-seg-overflow",
               role: "menu",
-              onMouseEnter: u,
-              onMouseLeave: o,
-              children: s.map((c) => /* @__PURE__ */ a(
+              onMouseEnter: d,
+              onMouseLeave: l,
+              children: i.map((c) => /* @__PURE__ */ s(
                 "button",
                 {
                   type: "button",
                   "data-lens": c,
                   role: "menuitem",
                   onClick: () => {
-                    r(c), n(!1);
+                    o(c), a(!1);
                   },
                   children: c
                 },
@@ -793,87 +121,50 @@ function ct({
     )
   ] }) });
 }
-function ae({ 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;
-    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;
-    let d = 0.7;
-    if (n.donut) {
-      const m = /([\d.]+)\s*%/.exec(n.value);
-      if (m) {
-        const h = parseFloat(m[1]);
-        Number.isFinite(h) && (d = Math.max(0, Math.min(1, h / 100)));
-      }
-    }
-    return /* @__PURE__ */ f(
+function ae(e) {
+  return e.split("·").map((t, o) => {
+    const n = t.trim(), a = n.match(/^([$+\-]?[\d,]+(?:\.\d+)?[%+]?)\s*(.*)$/), r = a ? a[1] : "", d = a ? a[2] : n;
+    return /* @__PURE__ */ h("span", { children: [
+      /* @__PURE__ */ s("strong", { children: r }),
+      /* @__PURE__ */ s("small", { children: d })
+    ] }, o);
+  });
+}
+function j({ tiles: e, selectedTileId: t, onSelectTile: o }) {
+  return /* @__PURE__ */ s("div", { className: "cat-tiles", children: e.map((n) => {
+    const a = n.id === t, r = n.stack === !0, d = ["cat-tile"];
+    return r && d.push("span-2"), a && d.push("selected"), /* @__PURE__ */ h(
       "button",
       {
         type: "button",
-        className: s.join(" "),
+        className: d.join(" "),
         "data-metric": n.id,
         "data-desc": n.desc,
-        "data-col-span": String(c),
-        "data-donut": n.donut ? "true" : void 0,
-        "data-accent": n.accent,
-        "aria-pressed": i,
-        onClick: () => r(n.id, n.desc),
-        style: n.accent ? { "--cat-tile-accent": n.accent } : void 0,
+        "aria-pressed": a,
+        onClick: () => o(n.id, n.desc),
         children: [
-          n.startHere && /* @__PURE__ */ a("span", { className: "cat-tile-start-here", "aria-hidden": "true", children: "START HERE" }),
-          l ? l(n) : /* @__PURE__ */ a(
-            "div",
-            {
-              className: "cat-tile-primitive-wrapper gloss-metric-card",
-              "data-col-span": "1",
-              style: { pointerEvents: "none", width: "100%", height: "100%" },
-              "aria-hidden": "true",
-              children: n.donut ? /* @__PURE__ */ a(
-                pe,
-                {
-                  variant: "donut",
-                  label: n.label,
-                  value: n.value,
-                  donutValue: d,
-                  donutMax: 1,
-                  accentColor: n.accent,
-                  colSpan: c
-                }
-              ) : /* @__PURE__ */ a(
-                pe,
-                {
-                  variant: "standard",
-                  label: n.label,
-                  value: n.value,
-                  colSpan: c
-                }
-              )
-            }
-          ),
-          n.variants && n.variants.length > 0 && /* @__PURE__ */ a("span", { className: "cat-tile-variants", "aria-hidden": "true", children: n.variants.map((m) => /* @__PURE__ */ a("span", { children: m }, m)) }),
-          n.isNew && /* @__PURE__ */ a("span", { className: "cat-tile-new-dot", "aria-hidden": "true" })
+          /* @__PURE__ */ s("span", { className: "cat-tile-label", children: n.label }),
+          /* @__PURE__ */ s("span", { className: "cat-tile-value", children: r ? ae(n.value) : n.value }),
+          n.variants && n.variants.length > 0 && /* @__PURE__ */ s("span", { className: "cat-tile-variants", "aria-hidden": "true", children: n.variants.map((l) => /* @__PURE__ */ s("span", { children: l }, l)) })
         ]
       },
       n.id
     );
   }) });
 }
-const re = ye(null);
-function oe() {
-  return ve(re);
-}
-function Vt({ mode: e, dispatch: t }) {
-  const r = oe();
-  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: [
-      /* @__PURE__ */ a("div", { className: "spacer", style: { flex: 1 } }),
-      /* @__PURE__ */ a(
+const k = H(null);
+function re() {
+  return U(k);
+}
+function le({ mode: e, dispatch: t }) {
+  const o = re();
+  if (o == null && e == null) return null;
+  const n = o?.mode ?? e ?? "add", a = o?.selectedTileId ?? null, r = o?.description ?? null, d = a == null;
+  return /* @__PURE__ */ h("div", { className: "panel-footer catalog", children: [
+    /* @__PURE__ */ s("div", { className: "cat-description", id: "cat-desc", children: r ?? /* @__PURE__ */ s("em", { children: "Tap a metric to see its description" }) }),
+    /* @__PURE__ */ h("div", { style: { display: "flex", padding: "10px 14px", gap: 8 }, children: [
+      /* @__PURE__ */ s("div", { className: "spacer", style: { flex: 1 } }),
+      /* @__PURE__ */ s(
         "button",
         {
           id: "btn-cat-cancel",
@@ -883,24 +174,24 @@ function Vt({ mode: e, dispatch: t }) {
           children: "Cancel"
         }
       ),
-      l === "add" && /* @__PURE__ */ a(
+      n === "add" && /* @__PURE__ */ s(
         "button",
         {
           id: "btn-cat-add",
           type: "button",
           className: "btn btn-primary",
-          disabled: u,
+          disabled: d,
           onClick: () => t({ type: "CLOSE_PANEL", reason: "apply-button" }),
           children: "Add metric"
         }
       ),
-      l === "replace" && /* @__PURE__ */ a(
+      n === "replace" && /* @__PURE__ */ s(
         "button",
         {
           id: "btn-cat-replace",
           type: "button",
           className: "btn btn-primary",
-          disabled: u,
+          disabled: d,
           onClick: () => t({ type: "CLOSE_PANEL", reason: "apply-button" }),
           children: "Replace metric"
         }
@@ -908,220 +199,192 @@ function Vt({ mode: e, dispatch: t }) {
     ] })
   ] });
 }
-function me(e, t) {
-  if (t.length === 0) return !0;
-  const r = t.toLowerCase();
-  if (e.label.toLowerCase().includes(r) || e.value.toLowerCase().includes(r)) return !0;
-  if (e.subStats) {
-    for (const l of e.subStats)
-      if (l.label.toLowerCase().includes(r) || l.value.toLowerCase().includes(r)) return !0;
-  }
-  return !1;
-}
-function dt() {
-  const t = oe()?.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 Kt({
+const W = [
+  "Revenue",
+  "Order flow",
+  "Rep performance",
+  "Brand portfolio",
+  "Account coverage",
+  "Commission"
+], G = "Order flow", Q = {
+  Revenue: [
+    { id: "rev-mtd", label: "Revenue MTD", value: "$184K", desc: "Month-to-date revenue across all manufacturers and territories." },
+    { id: "rev-ytd", label: "Revenue YTD", value: "$2.1M", desc: "Year-to-date revenue including pending and posted orders.", variants: ["1×1", "1×3"] },
+    { id: "rev-yoy", label: "YoY Δ", value: "+12.4%", desc: "Revenue growth versus the prior comparable period." },
+    { id: "rev-avg", label: "Avg order", value: "$1,820", desc: "Average order value over the last 30 days." }
+  ],
+  "Order flow": [
+    {
+      id: "of-funnel",
+      label: "Order funnel",
+      value: "New 42 · Incomplete 18 · Transmitted 91",
+      stack: !0,
+      desc: "Funnel snapshot — new orders, incomplete (awaiting attention), and transmitted to manufacturer.",
+      variants: ["1×3"]
+    },
+    { id: "of-incomplete", label: "Incomplete", value: "18", desc: "Orders started but not yet transmitted." },
+    { id: "of-transmitted", label: "Transmitted", value: "91", desc: "Orders successfully sent to manufacturer." },
+    { id: "of-today", label: "New today", value: "7", desc: "Orders created in the current calendar day." },
+    { id: "of-velocity", label: "Order velocity", value: "+3.1/d", desc: "Rolling 7-day order-creation rate change." }
+  ],
+  "Rep performance": [
+    { id: "rp-leader", label: "#1 Rep", value: "A. Chen", desc: "Top revenue performer in the current period." },
+    { id: "rp-quota", label: "Below quota", value: "4 reps", desc: "Reps currently tracking below pace-to-quota." },
+    { id: "rp-commission", label: "Commission pace", value: "$48K", desc: "Projected commission pool at current burn rate." },
+    { id: "rp-active", label: "Active reps", value: "14", desc: "Reps with at least one order this period." }
+  ],
+  "Brand portfolio": [
+    { id: "bp-top", label: "Top brand", value: "Acme Co.", desc: "Highest-revenue manufacturer this period." },
+    { id: "bp-mix", label: "Mix Δ", value: "+2pp", desc: "Portfolio mix shift versus the prior period." },
+    { id: "bp-coverage", label: "Brand coverage", value: "73%", desc: "Percent of accounts with at least one active brand." },
+    { id: "bp-new", label: "New brand adds", value: "3", desc: "Brands with first-order activity this period." }
+  ],
+  "Account coverage": [
+    { id: "ac-active", label: "Active accounts", value: "128", desc: "Accounts with at least one order in the period." },
+    { id: "ac-untouched", label: "Untouched", value: "34", desc: "Accounts with zero activity in the period." },
+    { id: "ac-concentration", label: "Concentration", value: "38% top-5", desc: "Revenue concentration in top-5 accounts." },
+    { id: "ac-new", label: "New accounts", value: "6", desc: "Accounts with first-ever order this period." }
+  ],
+  Commission: [
+    { id: "cm-projected", label: "Projected", value: "$48K", desc: "Forecast commission at current pace." },
+    { id: "cm-paid", label: "Paid", value: "$31K", desc: "Commission posted to ledger this period." },
+    { id: "cm-pending", label: "Pending", value: "$17K", desc: "Commission earned but not yet posted." },
+    { id: "cm-rate", label: "Effective rate", value: "6.8%", desc: "Realized commission rate across all orders." }
+  ]
+};
+function Te({
   isOpen: e,
-  lenses: t = _e,
-  defaultLens: r = Ce,
-  tilesByLens: l = Se,
-  lensMeta: n = Ne,
-  renderTile: i,
-  onAdd: u
+  lenses: t = W,
+  defaultLens: o = G,
+  tilesByLens: n = Q,
+  footerSlot: a
 }) {
-  const o = O(), [s, c] = A(r), [d, m] = A(null), [h, y] = A(null), [p, v] = A(""), T = l[s] ?? { primary: [] }, S = n[s], b = ce(
-    () => T.primary.filter((E) => me(E, p)),
-    [T.primary, p]
-  ), _ = ce(
-    () => (T.secondary ?? []).filter((E) => me(E, p)),
-    [T.secondary, p]
-  ), x = () => {
-    d != null && u?.(d), o?.dispatch({ type: "CLOSE_PANEL", reason: "apply-button" });
-  }, $ = () => o?.dispatch({ type: "CLOSE_PANEL", reason: "header-x" }), F = d == null;
-  return /* @__PURE__ */ a(
-    re.Provider,
+  const [r, d] = y(o), [l, i] = y(null), [c, u] = y(null), m = n[r] ?? [];
+  return /* @__PURE__ */ h(
+    k.Provider,
     {
-      value: { mode: "add", selectedTileId: d, description: h },
-      children: /* @__PURE__ */ a(
-        K,
-        {
-          variant: "no-stage",
-          title: "Add a metric",
-          onClose: $,
-          footer: {
-            left: /* @__PURE__ */ a(dt, {}),
-            right: /* @__PURE__ */ a(
-              "button",
-              {
-                id: "btn-cat-add",
-                type: "button",
-                className: "gloss-panel-chrome-v2__footer-btn gloss-panel-chrome-v2__footer-btn--primary",
-                disabled: F,
-                onClick: x,
-                children: "Add metric"
-              }
-            )
-          },
-          children: /* @__PURE__ */ f("div", { "data-shell": "catalog-add", "aria-hidden": !e, children: [
-            /* @__PURE__ */ a("div", { className: "cat-search", children: /* @__PURE__ */ a(
-              "input",
-              {
-                type: "search",
-                className: "cat-search-input",
-                placeholder: "Search metrics",
-                "aria-label": "Search metrics",
-                value: p,
-                onChange: (E) => v(E.target.value)
-              }
-            ) }),
-            /* @__PURE__ */ a(
-              Ee,
-              {
-                lenses: t,
-                activeLens: s,
-                lensMeta: n,
-                variant: "pills",
-                onLensChange: (E) => {
-                  c(E), m(null), y(null), v("");
-                }
+      value: { mode: "add", selectedTileId: l, description: c },
+      children: [
+        /* @__PURE__ */ h("div", { "data-shell": "catalog-add", "aria-hidden": !e, children: [
+          /* @__PURE__ */ s("h3", { children: "Add a metric" }),
+          /* @__PURE__ */ s(
+            K,
+            {
+              lenses: t,
+              activeLens: r,
+              onLensChange: (f) => {
+                d(f), i(null), u(null);
               }
-            ),
-            S && /* @__PURE__ */ f("div", { className: "cat-lens-meta", children: [
-              /* @__PURE__ */ a("h3", { className: "cat-lens-headline", children: S.headline }),
-              /* @__PURE__ */ a("p", { className: "cat-lens-helper", children: S.helper })
-            ] }),
-            /* @__PURE__ */ a(
-              ae,
-              {
-                tiles: b,
-                selectedTileId: d,
-                onSelectTile: (E, L) => {
-                  m(E), y(L);
-                },
-                renderTile: i
+            }
+          ),
+          /* @__PURE__ */ s(
+            j,
+            {
+              tiles: m,
+              selectedTileId: l,
+              onSelectTile: (f, v) => {
+                i(f), u(v);
               }
-            ),
-            _.length > 0 && /* @__PURE__ */ f("div", { className: "cat-more-in-lens", children: [
-              /* @__PURE__ */ a("div", { className: "cat-more-in-lens__heading", children: "MORE IN THIS LENS" }),
-              /* @__PURE__ */ a(
-                ae,
-                {
-                  tiles: _,
-                  selectedTileId: d,
-                  onSelectTile: (E, L) => {
-                    m(E), y(L);
-                  },
-                  renderTile: i
-                }
-              )
-            ] }),
-            b.length === 0 && _.length === 0 && p.length > 0 && /* @__PURE__ */ f("div", { className: "cat-empty", children: [
-              'No metrics match "',
-              p,
-              '".'
-            ] })
-          ] })
-        }
-      )
+            }
+          )
+        ] }),
+        a
+      ]
     }
   );
 }
-function ut() {
-  const t = oe()?.description ?? null;
-  return t == null ? /* @__PURE__ */ a("em", { children: "Tap a metric to see its description" }) : /* @__PURE__ */ a(q, { children: t });
-}
-function qt({
+function Ie({
   isOpen: e,
   replacingLabel: t,
-  lenses: r = _e,
-  defaultLens: l = Ce,
-  tilesByLens: n = Se,
-  renderTile: i
+  lenses: o = W,
+  defaultLens: n = G,
+  tilesByLens: a = Q,
+  footerSlot: r
 }) {
-  const u = O(), [o, s] = A(l), [c, d] = A(null), [m, h] = A(null), y = n[o] ?? { primary: [] }, p = [...y.primary, ...y.secondary ?? []], v = () => u?.dispatch({ type: "CLOSE_PANEL", reason: "apply-button" }), T = () => u?.dispatch({ type: "CLOSE_PANEL", reason: "header-x" }), S = c == null;
-  return /* @__PURE__ */ a(
-    re.Provider,
+  const [d, l] = y(n), [i, c] = y(null), [u, m] = y(null), f = a[d] ?? [];
+  return /* @__PURE__ */ h(
+    k.Provider,
     {
-      value: { mode: "replace", selectedTileId: c, description: m },
-      children: /* @__PURE__ */ a(
-        K,
-        {
-          variant: "no-stage",
-          title: "Replace metric",
-          onClose: T,
-          footer: {
-            left: /* @__PURE__ */ a(ut, {}),
-            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: S,
-                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: [
-              "replacing ",
-              t
-            ] }),
-            /* @__PURE__ */ a(
-              Ee,
-              {
-                lenses: r,
-                activeLens: o,
-                onLensChange: (b) => {
-                  s(b), d(null), h(null);
-                }
+      value: { mode: "replace", selectedTileId: i, description: u },
+      children: [
+        /* @__PURE__ */ h("div", { "data-shell": "catalog-replace", "aria-hidden": !e, children: [
+          /* @__PURE__ */ s("h3", { children: "Replace metric" }),
+          t && /* @__PURE__ */ h("p", { className: "cat-subtitle", children: [
+            "replacing ",
+            t
+          ] }),
+          /* @__PURE__ */ s(
+            K,
+            {
+              lenses: o,
+              activeLens: d,
+              onLensChange: (v) => {
+                l(v), c(null), m(null);
               }
-            ),
-            /* @__PURE__ */ a(
-              ae,
-              {
-                tiles: p,
-                selectedTileId: c,
-                onSelectTile: (b, _) => {
-                  d(b), h(_);
-                },
-                renderTile: i
+            }
+          ),
+          /* @__PURE__ */ s(
+            j,
+            {
+              tiles: f,
+              selectedTileId: i,
+              onSelectTile: (v, b) => {
+                c(v), m(b);
               }
-            )
-          ] })
-        }
-      )
+            }
+          )
+        ] }),
+        r
+      ]
     }
   );
 }
-const Te = ye(null);
-function Pe() {
-  return ve(Te);
+function ie({ page: e, onRename: t, onKebab: o, onDragStart: n }) {
+  const a = ["pm-row"];
+  return e.active && a.push("active"), /* @__PURE__ */ h("div", { className: a.join(" "), "data-page-id": e.id, role: "listitem", children: [
+    /* @__PURE__ */ s(
+      "div",
+      {
+        className: "pm-handle",
+        "aria-hidden": "true",
+        onMouseDown: () => n?.(e.id),
+        children: "⋮⋮"
+      }
+    ),
+    /* @__PURE__ */ s("div", { className: "pm-name", onClick: () => t?.(e.id), children: e.name }),
+    /* @__PURE__ */ s(
+      "button",
+      {
+        type: "button",
+        className: "pm-kebab",
+        "aria-label": "Page options",
+        onClick: () => o?.(e.id),
+        children: "⋯"
+      }
+    )
+  ] });
+}
+const X = H(null);
+function ce() {
+  return U(X);
 }
-function pt(e = {}) {
-  const t = Pe(), r = t?.createPage, l = t?.setPages;
-  return /* @__PURE__ */ f(
+function de(e = {}) {
+  const o = ce()?.setPages;
+  return /* @__PURE__ */ h(
     "div",
     {
       className: "panel-footer pm",
       style: { display: "flex", justifyContent: "flex-end", padding: "10px 14px" },
       children: [
-        /* @__PURE__ */ a("div", { className: "spacer", style: { flex: 1 } }),
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ s("div", { className: "spacer", style: { flex: 1 } }),
+        /* @__PURE__ */ s(
           "button",
           {
             id: "btn-new-page",
             type: "button",
             className: "btn btn-primary",
             onClick: () => {
-              if (r) {
-                r();
-                return;
-              }
-              l && l((n) => [
+              o && o((n) => [
                 ...n,
                 { id: `new-${Date.now()}`, name: "Untitled", active: !1 }
               ]);
@@ -1133,566 +396,448 @@ function pt(e = {}) {
     }
   );
 }
-function he({ page: e, onRename: t, onKebab: r, onDragStart: l, onSwitchPage: n }) {
-  const i = Pe(), [u, o] = A(!1), s = Q(null);
-  z(() => {
-    if (!u) return;
-    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 = () => {
-    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 = () => {
-    o(!1), i?.duplicatePage?.(e.id);
-  }, m = () => {
-    o(!1), i?.deletePage?.(e.id);
-  }, h = (p) => {
-    p.stopPropagation(), n && !e.active && n(e.id);
-  }, y = ["pm-row"];
-  return e.active && y.push("active"), /* @__PURE__ */ f("div", { ref: s, className: y.join(" "), "data-page-id": e.id, role: "listitem", children: [
-    /* @__PURE__ */ a(
-      "div",
-      {
-        className: "pm-handle",
-        "aria-hidden": "true",
-        onMouseDown: () => l?.(e.id),
-        children: "⋮⋮"
-      }
-    ),
-    /* @__PURE__ */ a(
-      "div",
-      {
-        className: "pm-name",
-        role: n && !e.active ? "button" : void 0,
-        tabIndex: n && !e.active ? 0 : void 0,
-        onClick: n ? h : void 0,
-        onKeyDown: (p) => {
-          !n || e.active || (p.key === "Enter" || p.key === " ") && (p.preventDefault(), p.stopPropagation(), n(e.id));
-        },
-        "aria-label": n && !e.active ? `Switch to ${e.name}` : void 0,
-        children: e.name
-      }
-    ),
-    /* @__PURE__ */ a(
-      "button",
-      {
-        type: "button",
-        className: "pm-kebab",
-        "aria-label": "Page options",
-        "aria-haspopup": "menu",
-        "aria-expanded": u,
-        onPointerDown: (p) => p.stopPropagation(),
-        onMouseDown: (p) => p.stopPropagation(),
-        onClick: (p) => {
-          if (p.stopPropagation(), r) return r(e.id);
-          o((v) => !v);
-        },
-        children: "⋯"
-      }
-    ),
-    u && /* @__PURE__ */ f(
-      "div",
-      {
-        className: "pm-kebab-menu",
-        role: "menu",
-        "data-page-id": e.id,
-        onPointerDown: (p) => p.stopPropagation(),
-        onMouseDown: (p) => p.stopPropagation(),
-        children: [
-          /* @__PURE__ */ a("button", { type: "button", role: "menuitem", className: "pm-kebab-menu__item", onClick: c, children: "Rename" }),
-          /* @__PURE__ */ a("button", { type: "button", role: "menuitem", className: "pm-kebab-menu__item", onClick: d, children: "Duplicate" }),
-          /* @__PURE__ */ a(
-            "button",
-            {
-              type: "button",
-              role: "menuitem",
-              className: "pm-kebab-menu__item pm-kebab-menu__item--danger",
-              onClick: m,
-              children: "Delete"
-            }
-          )
-        ]
-      }
-    )
-  ] });
-}
-const mt = [
+const ue = [
   { 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 Qt({
+function ke({
   isOpen: e,
-  pages: t = mt,
-  externalPages: r,
-  activePageId: l,
-  onRename: n,
-  onDuplicate: i,
-  onDelete: u,
-  onReorder: o,
-  onCreatePage: s,
-  onSwitchPage: c
+  pages: t = ue,
+  footerSlot: o
 }) {
-  const d = O(), [m, h] = A(() => [...t]), y = M((g, N) => {
-    h((P) => P.map((k) => k.id === g ? { ...k, name: N } : k));
-  }, []), p = M((g) => {
-    h((N) => {
-      const P = N.find((U) => U.id === g);
-      if (!P) return N;
-      const k = {
-        id: `${P.id}-copy-${Date.now()}`,
-        name: `${P.name} copy`,
-        active: !1
-      }, D = N.findIndex((U) => U.id === g);
-      return [...N.slice(0, D + 1), k, ...N.slice(D + 1)];
-    });
-  }, []), v = M((g) => {
-    h((N) => N.filter((P) => P.id !== g));
-  }, []), T = M((g) => {
-    h((N) => {
-      const P = new Map(N.map((D) => [D.id, D])), k = g.map((D) => P.get(D)).filter(Boolean);
-      return k.length === N.length ? k : N;
-    });
-  }, []), S = r != null, b = S ? r : m, _ = l != null ? b.map((g) => ({ ...g, active: g.id === l })) : [...b], x = n ?? (S ? void 0 : y), $ = i ?? (S ? void 0 : p), F = u ?? (S ? void 0 : v), E = o ?? (S ? void 0 : T), L = M(
-    (g) => {
-      S || h(g);
-    },
-    [S]
-  ), W = M(
-    (g) => {
-      const N = g[0]?.items.map((P) => P.id) ?? [];
-      N.length > 0 && E && E(N);
-    },
-    [E]
-  ), G = _.map((g) => `${g.id}:${g.name}`).join("|"), j = E != null && _.length > 1 ? /* @__PURE__ */ a(
-    Le,
-    {
-      zones: [
-        {
-          zoneKey: "pm-pages",
-          items: _.map((g) => ({ ...g, id: g.id }))
-        }
-      ],
-      onZoneChange: W,
-      renderZone: (g, N, P) => /* @__PURE__ */ a("div", { className: "pm-list", role: "list", children: P }),
-      renderItem: (g) => /* @__PURE__ */ a(
-        he,
-        {
-          page: g,
-          onSwitchPage: c
-        },
-        g.id
-      )
-    },
-    G
-  ) : /* @__PURE__ */ a("div", { className: "pm-list", role: "list", children: _.map((g) => /* @__PURE__ */ a(
-    he,
-    {
-      page: g,
-      onSwitchPage: c
-    },
-    g.id
-  )) }), Z = () => d?.dispatch({ type: "CLOSE_PANEL", reason: "header-x" });
-  return /* @__PURE__ */ a(
-    Te.Provider,
-    {
-      value: {
-        pages: _,
-        setPages: L,
-        renamePage: x,
-        duplicatePage: $,
-        deletePage: F,
-        // Sprint 2026-05-20 — propagate live create binding for footer.
-        createPage: s
-      },
-      children: /* @__PURE__ */ a(
-        K,
-        {
-          variant: "no-stage",
-          title: "Manage pages",
-          onClose: Z,
-          footer: { right: /* @__PURE__ */ a(pt, {}) },
-          children: /* @__PURE__ */ a("div", { "data-shell": "page-management", "aria-hidden": !e, children: j })
-        }
-      )
-    }
-  );
+  const [n, a] = y(() => [...t]);
+  return /* @__PURE__ */ h(X.Provider, { value: { pages: n, setPages: a }, children: [
+    /* @__PURE__ */ h("div", { "data-shell": "page-management", "aria-hidden": !e, children: [
+      /* @__PURE__ */ s("h3", { children: "Manage pages" }),
+      /* @__PURE__ */ s("div", { className: "pm-list", role: "list", children: n.map((r) => /* @__PURE__ */ s(ie, { page: r }, r.id)) })
+    ] }),
+    o
+  ] });
 }
-const Wt = {
+const Me = {
   SETTINGS: "settings",
   CATALOG_ADD: "catalog-add",
   CATALOG_REPLACE: "catalog-replace",
   PAGE_MGMT: "page-management",
   NOTIFICATION_CENTER: "notification-center"
-}, ht = {
+}, pe = {
   position: "fixed",
   inset: 0,
   pointerEvents: "none",
   zIndex: 55
-}, ft = {
+}, me = {
   position: "absolute",
   inset: 0,
   zIndex: 1,
   // CR-03 fix: pass-through tint — scrim is visual-only and must not intercept
-  // grid card clicks. Dismiss is ESC-only (see PanelHost.tsx CR-03 comment).
+  // grid card clicks. See PanelHost.tsx CR-03 comment for full rationale.
   pointerEvents: "none",
   background: "rgba(0, 0, 0, 0.04)"
 };
-function Gt() {
-  const { state: e, dispatch: t, getCloseLog: r } = Me();
-  z(() => {
+function $e() {
+  const { state: e, dispatch: t, getCloseLog: o } = Z();
+  F(() => {
     if (e.activePanelId == null) return;
-    function n(i) {
-      i.key === "Escape" && t({ type: "CLOSE_PANEL", reason: "escape-key" });
+    function r(d) {
+      d.key === "Escape" && t({ type: "CLOSE_PANEL", reason: "escape-key" });
     }
-    return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
+    return document.addEventListener("keydown", r), () => document.removeEventListener("keydown", r);
   }, [e.activePanelId, t]);
-  const l = Q(e);
-  return Ie(() => {
-    l.current = e;
-  }), z(() => {
+  const n = B(e);
+  te(() => {
+    n.current = e;
+  }), F(() => {
     if (process.env.NODE_ENV === "production") return;
-    const n = window;
-    return n.__panelsHostHandle && console.warn("[panels] multiple PanelHost/PanelHostShell instances mounted; dev handle is unreliable"), n.__panelsHostHandle = {
+    const r = window;
+    return r.__panelsHostHandle && console.warn("[panels] multiple PanelHost/PanelHostShell instances mounted; dev handle is unreliable"), r.__panelsHostHandle = {
       dispatch: t,
-      getState: () => l.current,
-      getCloseLog: r
+      getState: () => n.current,
+      getCloseLog: o
     }, () => {
-      n.__panelsHostHandle?.dispatch === t && delete window.__panelsHostHandle;
+      r.__panelsHostHandle?.dispatch === t && delete window.__panelsHostHandle;
     };
-  }, [t, r]), /* @__PURE__ */ a("div", { "data-panel-host": "true", style: ht, children: e.activePanelId != null && /* @__PURE__ */ a(
+  }, [t, o]);
+  const a = Y(() => {
+    t({ type: "CLOSE_PANEL", reason: "nav-escape-hatch" });
+  }, [t]);
+  return /* @__PURE__ */ s("div", { "data-panel-host": "true", style: pe, children: e.activePanelId != null && /* @__PURE__ */ s(
     "div",
     {
       "data-panel-scrim": "true",
-      style: ft
+      style: me,
+      onClick: a
     }
   ) });
 }
-const gt = 700;
-function bt(e, t) {
-  const [r, l] = A(null), n = Q(null);
-  return z(() => {
-    if (e != null) {
-      n.current != null && (clearTimeout(n.current), n.current = null), l(null);
-      return;
+function De({ panelComponents: e }) {
+  const t = I();
+  if (t == null) return null;
+  const { state: o, dispatch: n } = t;
+  if (o.activePanelId == null) return null;
+  const a = e[o.activePanelId];
+  if (a == null)
+    return process.env.NODE_ENV !== "production" && console.error(
+      "[panels] No panel component registered for activePanelId:",
+      o.activePanelId
+    ), null;
+  if (o.activePanelId === "settings")
+    return /* @__PURE__ */ s(N, { isOpen: !0, children: /* @__PURE__ */ s(
+      w,
+      {
+        isOpen: !0,
+        onClose: () => n({ type: "CLOSE_PANEL", reason: "header-x" }),
+        footer: /* @__PURE__ */ h(ee, { children: [
+          /* @__PURE__ */ s(
+            "button",
+            {
+              id: "settings-cancel",
+              type: "button",
+              className: "gloss-panel-chrome__footer-btn",
+              onClick: () => n({ type: "CLOSE_PANEL", reason: "cancel-button" }),
+              children: "Cancel"
+            }
+          ),
+          /* @__PURE__ */ s(
+            "button",
+            {
+              id: "settings-apply",
+              type: "button",
+              className: "gloss-panel-chrome__footer-btn gloss-panel-chrome__footer-btn--primary",
+              onClick: () => n({ type: "CLOSE_PANEL", reason: "apply-button" }),
+              children: "Apply"
+            }
+          )
+        ] }),
+        children: /* @__PURE__ */ s(a, { isOpen: !0 })
+      }
+    ) });
+  if (o.activePanelId === "catalog-add" || o.activePanelId === "catalog-replace") {
+    const r = o.activePanelId === "catalog-replace" ? "replace" : "add";
+    return /* @__PURE__ */ s(N, { isOpen: !0, children: /* @__PURE__ */ s(
+      w,
+      {
+        isOpen: !0,
+        onClose: () => n({ type: "CLOSE_PANEL", reason: "header-x" }),
+        footer: null,
+        children: /* @__PURE__ */ s(
+          a,
+          {
+            isOpen: !0,
+            footerSlot: /* @__PURE__ */ s(le, { mode: r, dispatch: n })
+          }
+        )
+      }
+    ) });
+  }
+  return o.activePanelId === "page-management" ? /* @__PURE__ */ s(N, { isOpen: !0, children: /* @__PURE__ */ s(
+    w,
+    {
+      isOpen: !0,
+      onClose: () => n({ type: "CLOSE_PANEL", reason: "header-x" }),
+      footer: null,
+      children: /* @__PURE__ */ s(a, { isOpen: !0, footerSlot: /* @__PURE__ */ s(de, {}) })
     }
-    if (t) {
-      n.current != null && (clearTimeout(n.current), n.current = null), l(null);
-      return;
+  ) }) : /* @__PURE__ */ s(N, { isOpen: !0, children: /* @__PURE__ */ s(
+    w,
+    {
+      isOpen: !0,
+      onClose: () => n({ type: "CLOSE_PANEL", reason: "header-x" }),
+      footer: null,
+      children: /* @__PURE__ */ s(a, { isOpen: !0 })
     }
-    return n.current = setTimeout(() => {
-      l(null), n.current = null;
-    }, gt), () => {
-      n.current != null && (clearTimeout(n.current), n.current = null);
-    };
-  }, [e, t]), z(() => {
-    e != null && l(e);
-  }, [e]), e != null ? { panelId: e, isOpen: !0 } : r != null ? { panelId: r, isOpen: !1 } : { panelId: null, isOpen: !1 };
-}
-function jt({ panelComponents: e, children: t }) {
-  const r = O(), l = r?.state.lastClose?.reason === "section-hidden", n = bt(r?.state.activePanelId ?? null, l);
-  if (r == null || n.panelId == null) return null;
-  const i = n.panelId, u = n.isOpen, o = e?.[i];
-  return o == null && t == null ? (process.env.NODE_ENV !== "production" && console.error(
-    "[panels] No panel component registered for activePanelId:",
-    i
-  ), null) : /* @__PURE__ */ a(Oe, { isOpen: u, children: o != null ? /* @__PURE__ */ a(o, { isOpen: u }) : t });
+  ) });
 }
-function fe(e) {
+function z(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 yt = 685, ge = 627, vt = "cubic-bezier(0.22, 1, 0.36, 1)", _t = 200;
-function we(e, t) {
+const he = 685, V = 627, fe = "cubic-bezier(0.22, 1, 0.36, 1)", ve = 200;
+function J(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;
+  const o = window.getComputedStyle(document.documentElement).getPropertyValue(e).trim();
+  if (!o) return t;
+  const n = parseFloat(o);
+  return Number.isNaN(n) ? t : o.endsWith("s") && !o.endsWith("ms") ? n * 1e3 : n;
 }
-function Ct(e, t) {
+function ge(e, t) {
   return typeof window > "u" ? t : window.getComputedStyle(document.documentElement).getPropertyValue(e).trim() || t;
 }
-function Y(e) {
+function S(e) {
   e.dispatch({ type: "OPEN_PANEL", panelId: e.panelId, trigger: e.trigger });
 }
-function Nt(e) {
-  const { mountEl: t, chromeEl: r, reducedMotion: l, onAssert: n } = e;
-  if (t == null || r == null) {
-    Y(e), n?.({ branch: "slide-fallback-no-dom", timestamp: Date.now() });
+function ye(e) {
+  const { mountEl: t, chromeEl: o, reducedMotion: n, onAssert: a } = e;
+  if (t == null || o == null) {
+    S(e), a?.({ branch: "slide-fallback-no-dom", timestamp: Date.now() });
     return;
   }
-  if (l) {
-    e.dispatch({ type: "OPEN_PANEL", panelId: e.panelId, trigger: e.trigger }), n?.({ branch: "slide-reduced-motion", timestamp: Date.now() });
+  if (n) {
+    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") {
-    Y(e), n?.({ branch: "slide-no-waapi", timestamp: Date.now() });
+  if (typeof o.animate != "function") {
+    S(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 = we("--panel-open-dur", yt), o = Ct("--panel-easing", vt), s = r.animate(
+  const r = o.cloneNode(!0);
+  r.id = "panel-chrome-frozen", r.style.cssText = "position:absolute;left:8px;right:8px;top:8px;z-index:1;pointer-events:none;", t.appendChild(r), o.style.zIndex = "2", e.dispatch({ type: "OPEN_PANEL", panelId: e.panelId, trigger: e.trigger });
+  const d = J("--panel-open-dur", he), l = ge("--panel-easing", fe), i = o.animate(
     [{ transform: "translateY(100%)" }, { transform: "translateY(0)" }],
-    { duration: u, easing: o, fill: "forwards" }
+    { duration: d, easing: l, fill: "forwards" }
   );
-  s.addEventListener(
+  i.addEventListener(
     "finish",
     () => {
-      i.remove(), r.style.zIndex = "", s.cancel(), n?.({ branch: "slide-complete", frozen: "cleaned", timestamp: Date.now() });
+      r.remove(), o.style.zIndex = "", i.cancel(), a?.({ branch: "slide-complete", frozen: "cleaned", timestamp: Date.now() });
     },
     { once: !0 }
   );
 }
-function St(e) {
-  const { mountEl: t, onAssert: r } = e;
+function be(e) {
+  const { mountEl: t, onAssert: o } = e;
   if (t == null) {
-    e.dispatch({ type: "CLOSE_PANEL", reason: "mutex-handoff" }), setTimeout(() => Y(e), ge), r?.({ branch: "handoff-fallback-no-mount", timestamp: Date.now() });
+    e.dispatch({ type: "CLOSE_PANEL", reason: "mutex-handoff" }), setTimeout(() => S(e), V), o?.({ branch: "handoff-fallback-no-mount", timestamp: Date.now() });
     return;
   }
-  const l = we("--panel-close-dur", ge);
-  let n = !1, i = 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() }));
-  }, 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() }));
+  const n = J("--panel-close-dur", V);
+  let a = !1, r = null;
+  const d = (i) => {
+    i.target !== t || i.propertyName !== "max-height" || a || (a = !0, r != null && clearTimeout(r), t.removeEventListener("transitionend", d), e.dispatch({ type: "OPEN_PANEL", panelId: e.panelId, trigger: e.trigger }), o?.({ branch: "handoff-complete", timestamp: Date.now() }));
+  }, l = () => {
+    a || (a = !0, t.removeEventListener("transitionend", d), e.dispatch({ type: "OPEN_PANEL", panelId: e.panelId, trigger: e.trigger }), o?.({ branch: "handoff-forced", timestamp: Date.now() }));
   };
-  t.addEventListener("transitionend", u), e.dispatch({ type: "CLOSE_PANEL", reason: "mutex-handoff" }), i = setTimeout(o, l + _t);
+  t.addEventListener("transitionend", d), e.dispatch({ type: "CLOSE_PANEL", reason: "mutex-handoff" }), r = setTimeout(l, n + ve);
 }
-function Et(e) {
-  const { state: t, onAssert: r } = e;
+function Pe(e) {
+  const { state: t, onAssert: o } = e;
   if (t.activePanelId && t.isDirty) {
-    e.dispatch({ type: "OPEN_PANEL", panelId: e.panelId, trigger: e.trigger }), r?.({ branch: "blocked-dirty", timestamp: Date.now() });
+    e.dispatch({ type: "OPEN_PANEL", panelId: e.panelId, trigger: e.trigger }), o?.({ branch: "blocked-dirty", timestamp: Date.now() });
     return;
   }
-  const l = fe(t.activeTrigger), n = fe(e.trigger);
-  if (!!t.activePanelId && l != null && l === n) {
-    Nt(e);
+  const n = z(t.activeTrigger), a = z(e.trigger);
+  if (!!t.activePanelId && n != null && n === a) {
+    ye(e);
     return;
   }
   if (t.activePanelId) {
-    St(e);
+    be(e);
     return;
   }
-  Y(e), r?.({ branch: "fresh-open", timestamp: Date.now() });
+  S(e), o?.({ branch: "fresh-open", timestamp: Date.now() });
 }
-function Tt() {
+function Ce() {
   if (!(typeof window > "u"))
     return window.__panelsAsserter;
 }
-function Zt() {
-  const e = O(), t = be();
-  return M(
-    (r, l) => {
+function Re() {
+  const e = I(), t = q();
+  return Y(
+    (o, n) => {
       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 = {
-        panelId: r,
-        trigger: l,
+      const a = typeof document < "u" ? document.querySelector('[data-mount="panel"]') : null, r = typeof document < "u" ? document.querySelector('[data-chrome="panel"]') : null, d = {
+        panelId: o,
+        trigger: n,
         state: e.state,
         dispatch: e.dispatch,
-        mountEl: n,
-        chromeEl: i,
+        mountEl: a,
+        chromeEl: r,
         reducedMotion: t,
-        onAssert: (o) => {
-          Tt()?.recordTransition?.(o);
+        onAssert: (l) => {
+          Ce()?.recordTransition?.(l);
         }
       };
-      Et(u);
+      Pe(d);
     },
     [e, t]
   );
 }
-let V = !1, X = null;
-function se() {
+let E = !1, _ = null;
+function T() {
   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;
-  if (u) {
-    const d = u.style.zIndex;
-    d !== "" && d !== "2" && e.push(`chrome-zindex=${d}`);
+  const n = document.querySelectorAll(".gloss-panel-mount");
+  n.length > 1 && e.push(`mount-count=${n.length}`);
+  const a = n[0] ?? null, r = a ? a.querySelectorAll(".gloss-panel-chrome") : [];
+  r.length > 1 && e.push(`chrome-count=${r.length}`);
+  const d = r[0] ?? null;
+  if (d) {
+    const u = d.style.zIndex;
+    u !== "" && u !== "2" && e.push(`chrome-zindex=${u}`);
   }
-  const o = n ? "present" : "absent", s = u ? "present" : "absent";
+  const l = a ? "present" : "absent", i = d ? "present" : "absent";
   return {
     valid: e.length === 0,
-    mount: o,
-    chrome: s,
+    mount: l,
+    chrome: i,
     frozen: t,
     orphans: e,
     timestamp: Date.now()
   };
 }
-const J = "8px 8px 0px", ee = "64px", te = "inset(0px 0px 60px 0px)", ne = "inset(0px -40px -40px -40px)";
-function C(e, t, r, l, n) {
-  return { id: e, constraint: t, expected: r, actual: l, pass: n };
+const A = "8px 8px 0px", x = "64px", O = "inset(0px 0px 60px 0px)", L = "inset(0px -40px -40px -40px)";
+function p(e, t, o, n, a) {
+  return { id: e, constraint: t, expected: o, actual: n, pass: a };
 }
-function I(e) {
+function P(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, 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 M() {
+  const e = [], t = document.querySelector(".gloss-panel-mount"), o = t?.querySelector(".gloss-panel-chrome") ?? null, n = document.querySelector(".gloss-panel-coordinator") ?? document.querySelector("[data-panel-coordinator]"), a = document.querySelector(".bell-cutout"), r = document.querySelector(".bell-popover"), d = document.querySelector(".gloss-bottom-toolbar");
   if (!t)
-    e.push(C("C1", "mount --reveal-y matches clip-path inset-bottom Npx", "mount present", "absent", !1));
+    e.push(p("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 = I(s), y = Number.isFinite(m) && Number.isFinite(h) && m === h;
+    const l = getComputedStyle(t), i = l.getPropertyValue("--reveal-y").trim() || t.style.getPropertyValue("--reveal-y").trim(), c = l.clipPath || t.style.clipPath || "", u = c.match(/inset\(\s*0(?:px)?\s+0(?:px)?\s+(\d+)px\s+0(?:px)?\s*\)/), m = u ? parseInt(u[1], 10) : NaN, f = P(i), v = Number.isFinite(m) && Number.isFinite(f) && m === f;
     e.push(
-      C(
+      p(
         "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"}`,
-        y
+        `inset(0 0 ${f}px 0) === --reveal-y(${f}px)`,
+        `--reveal-y=${i || "n/a"} clip-path=${c || "n/a"}`,
+        v
       )
     );
   }
   if (!t)
-    e.push(C("C2", "mount padding constant", J, "absent", !1));
+    e.push(p("C2", "mount padding constant", A, "absent", !1));
   else {
-    const o = t.style.padding, s = getComputedStyle(t), c = o || s.padding || "", d = c === J || c === "8px 8px 0px 8px";
-    e.push(C("C2", "mount padding constant", J, c || "n/a", d));
+    const l = t.style.padding, i = getComputedStyle(t), c = l || i.padding || "", u = c === A || c === "8px 8px 0px 8px";
+    e.push(p("C2", "mount padding constant", A, c || "n/a", u));
   }
   if (!t)
-    e.push(C("C3", "mount.bottom resolves to var(--tb-h)=64px", ee, "absent", !1));
+    e.push(p("C3", "mount.bottom resolves to var(--tb-h)=64px", x, "absent", !1));
   else {
-    const s = getComputedStyle(t).bottom || t.style.bottom || "", c = s === ee;
-    e.push(C("C3", "mount.bottom resolves to var(--tb-h)=64px", ee, s || "n/a", c));
+    const i = getComputedStyle(t).bottom || t.style.bottom || "", c = i === x;
+    e.push(p("C3", "mount.bottom resolves to var(--tb-h)=64px", x, i || "n/a", c));
   }
-  if (!r)
-    e.push(C("C4", "panel-chrome height formula = (row-h*3)+(row-gap*3)-8px", "formula match", "absent", !1));
+  if (!o)
+    e.push(p("C4", "panel-chrome height formula = (row-h*3)+(row-gap*3)-8px", "formula match", "absent", !1));
   else {
-    const o = getComputedStyle(r), s = I(
-      o.getPropertyValue("--row-h").trim() || r.style.getPropertyValue("--row-h").trim() || "0"
-    ), c = I(
-      o.getPropertyValue("--row-gap").trim() || r.style.getPropertyValue("--row-gap").trim() || "0"
-    ), d = s * 3 + c * 3 - 8, m = I(o.height || r.style.height || ""), h = Number.isFinite(s) && Number.isFinite(c) && Number.isFinite(m) && Number.isFinite(d) && m === d;
+    const l = getComputedStyle(o), i = P(
+      l.getPropertyValue("--row-h").trim() || o.style.getPropertyValue("--row-h").trim() || "0"
+    ), c = P(
+      l.getPropertyValue("--row-gap").trim() || o.style.getPropertyValue("--row-gap").trim() || "0"
+    ), u = i * 3 + c * 3 - 8, m = P(l.height || o.style.height || ""), f = Number.isFinite(i) && Number.isFinite(c) && Number.isFinite(m) && Number.isFinite(u) && m === u;
     e.push(
-      C(
+      p(
         "C4",
         "panel-chrome height formula = (row-h*3)+(row-gap*3)-8px",
-        `${d}px (rh=${s} rg=${c})`,
+        `${u}px (rh=${i} rg=${c})`,
         `${m}px`,
-        h
+        f
       )
     );
   }
-  if (!l || !r)
+  if (!n || !o)
     e.push(
-      C(
+      p(
         "C5",
         'coordinator perspective + origin "center bottom"; chrome perspective-style flat',
         "present",
-        `coordinator=${l ? "present" : "absent"} chrome=${r ? "present" : "absent"}`,
+        `coordinator=${n ? "present" : "absent"} chrome=${o ? "present" : "absent"}`,
         !1
       )
     );
   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 || "", v = c !== "" && c !== "none" && (d === "center bottom" || d === "50% 100%") && m === "flat";
+    const l = getComputedStyle(n), i = getComputedStyle(o), c = l.perspective || n.style.perspective || "", u = (l.perspectiveOrigin || n.style.perspectiveOrigin || "").trim(), m = i.perspectiveStyle || o.style.perspectiveStyle || "", g = c !== "" && c !== "none" && (u === "center bottom" || u === "50% 100%") && m === "flat";
     e.push(
-      C(
+      p(
         "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
+        `perspective=${c} origin=${u} chrome-style=${m}`,
+        g
       )
     );
   }
   {
-    let o = !1, s = "absent";
+    let l = !1, i = "absent";
     try {
       for (const c of Array.from(document.styleSheets)) {
-        let d = [];
+        let u = [];
         try {
-          d = Array.from(c.cssRules ?? []);
+          u = Array.from(c.cssRules ?? []);
         } catch {
           continue;
         }
-        for (const m of d)
+        for (const m of u)
           if (m.name === "stage-spin") {
-            const y = Array.from(m.cssRules), p = y.find((_) => _.keyText === "0%" || _.keyText === "from"), v = y.find((_) => _.keyText === "100%" || _.keyText === "to"), T = p?.style.transform ?? "", S = v?.style.transform ?? "", b = /rotateY\(\s*0(?:deg)?\s*\)/;
-            o = b.test(T) && b.test(S), s = `0%=${T || "n/a"} 100%=${S || "n/a"}`;
+            const v = Array.from(m.cssRules), b = v.find((C) => C.keyText === "0%" || C.keyText === "from"), g = v.find((C) => C.keyText === "100%" || C.keyText === "to"), $ = b?.style.transform ?? "", D = g?.style.transform ?? "", R = /rotateY\(\s*0(?:deg)?\s*\)/;
+            l = R.test($) && R.test(D), i = `0%=${$ || "n/a"} 100%=${D || "n/a"}`;
             break;
           }
-        if (s !== "absent") break;
+        if (i !== "absent") break;
       }
     } catch {
-      s = "inspection-error";
+      i = "inspection-error";
     }
     e.push(
-      C(
+      p(
         "C6",
         "@keyframes stage-spin 0% AND 100% anchor at rotateY(0)",
         "both frames rotateY(0)",
-        s,
-        o
+        i,
+        l
       )
     );
   }
   {
-    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 = I(c) || parseFloat(c) * (c.endsWith("s") && !c.endsWith("ms") ? 1e3 : 1), h = I(d) || parseFloat(d) * (d.endsWith("s") && !d.endsWith("ms") ? 1e3 : 1), y = Number.isFinite(m) && Number.isFinite(h) && m > h;
+    const l = document.documentElement, i = getComputedStyle(l), c = i.getPropertyValue("--panel-open-dur").trim() || l.style.getPropertyValue("--panel-open-dur").trim(), u = i.getPropertyValue("--panel-close-dur").trim() || l.style.getPropertyValue("--panel-close-dur").trim(), m = P(c) || parseFloat(c) * (c.endsWith("s") && !c.endsWith("ms") ? 1e3 : 1), f = P(u) || parseFloat(u) * (u.endsWith("s") && !u.endsWith("ms") ? 1e3 : 1), v = Number.isFinite(m) && Number.isFinite(f) && m > f;
     e.push(
-      C("C7", "--panel-open-dur > --panel-close-dur", "open > close", `open=${c || "n/a"} close=${d || "n/a"}`, y)
+      p("C7", "--panel-open-dur > --panel-close-dur", "open > close", `open=${c || "n/a"} close=${u || "n/a"}`, v)
     );
   }
-  if (!n)
-    e.push(C("C8", "BellCutout zero computed animation/transition", "no inline timing", "absent", !1));
+  if (!a)
+    e.push(p("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 l = getComputedStyle(a), i = l.animationName || "", c = l.transitionProperty || "", u = (i === "" || i === "none") && (c === "" || c === "none" || c === "all");
     e.push(
-      C(
+      p(
         "C8",
         "BellCutout zero computed animation/transition",
         "animation:none AND transition:none",
-        `animation=${s || "n/a"} transition=${c || "n/a"}`,
-        d
+        `animation=${i || "n/a"} transition=${c || "n/a"}`,
+        u
       )
     );
   }
   if (!t)
-    e.push(C("C9", "mount closed-state clipPath", te, "absent", !1));
+    e.push(p("C9", "mount closed-state clipPath", O, "absent", !1));
   else {
-    const o = t.style.clipPath, s = getComputedStyle(t), c = o || s.clipPath || "", d = c === te;
-    e.push(C("C9", "mount closed-state clipPath", te, c || "n/a", d));
+    const l = t.style.clipPath, i = getComputedStyle(t), c = l || i.clipPath || "", u = c === O;
+    e.push(p("C9", "mount closed-state clipPath", O, c || "n/a", u));
   }
-  if (!i)
-    e.push(C("C10", "bell-popover parentElement === document.body (open)", "body", "absent", !1));
+  if (!r)
+    e.push(p("C10", "bell-popover parentElement === document.body (open)", "body", "absent", !1));
   else {
-    const o = i.parentElement, s = o === document.body;
+    const l = r.parentElement, i = l === document.body;
     e.push(
-      C(
+      p(
         "C10",
         "bell-popover parentElement === document.body (open)",
         "body",
-        o === document.body ? "body" : o?.tagName ?? "n/a",
-        s
+        l === document.body ? "body" : l?.tagName ?? "n/a",
+        i
       )
     );
   }
-  if (!l)
-    e.push(C("C11", "coordinator overflow === visible", "visible", "absent", !1));
+  if (!n)
+    e.push(p("C11", "coordinator overflow === visible", "visible", "absent", !1));
   else {
-    const s = getComputedStyle(l).overflow || l.style.overflow || "", c = s === "visible";
-    e.push(C("C11", "coordinator overflow === visible", "visible", s || "n/a", c));
+    const i = getComputedStyle(n).overflow || n.style.overflow || "", c = i === "visible";
+    e.push(p("C11", "coordinator overflow === visible", "visible", i || "n/a", c));
   }
-  if (!u)
-    e.push(C("C12", "toolbar clipPath = inset(0 -40 -40 -40)", ne, "absent", !1));
+  if (!d)
+    e.push(p("C12", "toolbar clipPath = inset(0 -40 -40 -40)", L, "absent", !1));
   else {
-    const o = u.style.clipPath, s = getComputedStyle(u), c = o || s.clipPath || "", d = c === ne;
-    e.push(C("C12", "toolbar clipPath = inset(0 -40 -40 -40)", ne, c || "n/a", d));
+    const l = d.style.clipPath, i = getComputedStyle(d), c = l || i.clipPath || "", u = c === L;
+    e.push(p("C12", "toolbar clipPath = inset(0 -40 -40 -40)", L, c || "n/a", u));
   }
   return e.push(
-    C(
+    p(
       "C13",
       "same-position slide via WAAPI (mid-transition getAnimations().length > 0)",
       "WAAPI driver wired in orchestrator (source-proof)",
@@ -1700,7 +845,7 @@ function le() {
       "wiring_only"
     )
   ), e.push(
-    C(
+    p(
       "C14",
       'cross-position handoff transitionend filtered by propertyName="max-height"',
       "transitionend filter wired in orchestrator (source-proof)",
@@ -1709,11 +854,11 @@ function le() {
     )
   ), e;
 }
-function Pt(e) {
-  return le().find((t) => t.id === e);
+function Ne(e) {
+  return M().find((t) => t.id === e);
 }
-function wt() {
-  const e = se();
+function we() {
+  const e = T();
   return { q12: [
     {
       id: "Q12-12",
@@ -1722,83 +867,74 @@ function wt() {
       actual: `valid=${e.valid} mount=${e.mount} chrome=${e.chrome} frozen=${e.frozen} orphans=[${e.orphans.join(",")}]`,
       pass: e.valid
     }
-  ], cc: le() };
+  ], cc: M() };
 }
-function At() {
+function Se() {
   return {
-    enable: xt,
-    disable: kt,
-    isEnabled: () => V,
-    getLastReport: () => X,
+    enable: Ee,
+    disable: _e,
+    isEnabled: () => E,
+    getLastReport: () => _,
     recordTransition: (e) => {
-      V && (X = { ...e, ...se() });
+      E && (_ = { ...e, ...T() });
     },
     assertOnce: () => {
-      const e = se();
-      return X = e, e;
+      const e = T();
+      return _ = e, e;
     },
-    assertCcOnly: le,
-    getCcRowById: Pt,
-    assertPanelTruths: wt
+    assertCcOnly: M,
+    getCcRowById: Ne,
+    assertPanelTruths: we
   };
 }
-function xt() {
-  if (V = !0, typeof window > "u") return;
-  window.__panelsAsserter || (window.__panelsAsserter = At(), console.info(
+function Ee() {
+  if (E = !0, typeof window > "u") return;
+  window.__panelsAsserter || (window.__panelsAsserter = Se(), console.info(
     "[panels] asserter enabled (P3b Q12-12 + P6 W5 cc:C1..C14). Inspect via window.__panelsAsserter."
   ));
 }
-function kt() {
-  V = !1;
+function _e() {
+  E = !1;
 }
 export {
-  en as COMMITS,
-  Kt as CatalogAddShell,
-  Vt as CatalogFooter,
-  qt as CatalogReplaceShell,
-  re as CatalogStateContext,
-  je as CloneCard,
-  et as CloneStage,
-  Ce as MOCK_DEFAULT_LENS,
-  _e as MOCK_LENSES,
-  Ne as MOCK_LENS_META,
-  mt as MOCK_PAGES,
-  Se as MOCK_TILES_BY_LENS,
-  tn as NotificationCenterShell,
-  Wt as PANEL_IDS,
-  pt as PageMgmtFooter,
-  Qt as PageMgmtShell,
-  Te as PageMgmtStateContext,
-  nn as PanelBody,
-  K as PanelChromeV2,
-  an as PanelFooter,
-  Bt as PanelFooterMessage,
-  sn as PanelHeader,
-  rn as PanelHost,
-  Gt as PanelHostShell,
-  Oe as PanelMount,
-  on as PanelNavigation,
-  ln as PanelProvider,
-  jt as PanelSlot,
-  cn as PanelStage,
-  Yt as SettingsShell,
-  le as assertCcOnly,
-  se as assertPanelDomShape,
-  wt as assertPanelTruths,
-  dn as deriveSurfaceState,
-  kt as disablePanelAsserter,
-  xt as enablePanelAsserter,
-  Pt as getCcRowById,
-  un as initialState,
-  fe as positionKey,
-  pn as reducer,
-  Et as transitionToPanel,
-  oe as useCatalogState,
-  Ht as useEditingCardId,
-  Pe as usePageMgmtState,
-  Me as usePanelContext,
-  O as usePanelContextOptional,
-  mn as usePanelCoordinator,
-  be as useReducedMotionPanel,
-  Zt as useTransitionToPanel
+  Ve as COMMITS,
+  Te as CatalogAddShell,
+  le as CatalogFooter,
+  Ie as CatalogReplaceShell,
+  k as CatalogStateContext,
+  oe as CloneCard,
+  ne as CloneStage,
+  G as MOCK_DEFAULT_LENS,
+  W as MOCK_LENSES,
+  ue as MOCK_PAGES,
+  Q as MOCK_TILES_BY_LENS,
+  Me as PANEL_IDS,
+  de as PageMgmtFooter,
+  ke as PageMgmtShell,
+  X as PageMgmtStateContext,
+  w as PanelChrome,
+  qe as PanelHost,
+  $e as PanelHostShell,
+  N as PanelMount,
+  Be as PanelProvider,
+  De as PanelSlot,
+  Le as SettingsShell,
+  M as assertCcOnly,
+  T as assertPanelDomShape,
+  we as assertPanelTruths,
+  He as deriveSurfaceState,
+  _e as disablePanelAsserter,
+  Ee as enablePanelAsserter,
+  Ne as getCcRowById,
+  Ue as initialState,
+  z as positionKey,
+  Ye as reducer,
+  Pe as transitionToPanel,
+  re as useCatalogState,
+  ce as usePageMgmtState,
+  Z as usePanelContext,
+  I as usePanelContextOptional,
+  Ke as usePanelCoordinator,
+  q as useReducedMotionPanel,
+  Re as useTransitionToPanel
 };