@mt-gloss/ui 0.1.121 → 0.1.122

package/composites-panels.js

@@ -1,7 +1,7 @@
-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 { u as O, h as fe, j as B, g as we, S as Ee, b as Pe, k as xe } from "./COMMITS-C1VHNgld.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-C1VHNgld.js";
+import { jsx as n, jsxs as f, Fragment as K } from "react/jsx-runtime";
+import z, { useState as x, useRef as Y, createContext as ge, useContext as be, useMemo as ie, useEffect as F, useCallback as D, 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";
@@ -46,7 +46,7 @@ function Ve({
         }
       )
     ] }),
-    r ? /* @__PURE__ */ f(B, { children: [
+    r ? /* @__PURE__ */ f(K, { 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(
@@ -143,7 +143,7 @@ function Ye({ value: e, onChange: t }) {
   const r = ke(
     ce(De, { activationConstraint: { distance: 4 } }),
     ce(Le, { coordinateGetter: Ie })
-  ), l = U.useRef(!1), [a, i] = U.useState(!1), u = (s) => {
+  ), l = z.useRef(!1), [a, i] = z.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);
@@ -182,7 +182,7 @@ function Ge({
         }
       )
     ] }),
-    r ? /* @__PURE__ */ f(B, { children: [
+    r ? /* @__PURE__ */ f(K, { 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;
@@ -213,11 +213,11 @@ function Pt({
   initialTab: u,
   initialValues: o
 }) {
-  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) => {
+  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", [_, E] = z.useState(u ?? p);
+  z.useEffect(() => {
+    i.includes(_) || E(p);
+  }, [i, _, 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, R = Array.isArray(v.slots) ? v.slots : Array.isArray(o?.slots) ? o.slots : Qe, T = typeof v.thresholdEnabled == "boolean" ? v.thresholdEnabled : typeof o?.thresholdEnabled == "boolean" ? o.thresholdEnabled : !1, L = 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) });
@@ -229,13 +229,13 @@ function Pt({
     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, S = d;
+  }, C = s?.state.isDirty ?? !1, w = d;
   return /* @__PURE__ */ n(
-    V,
+    B,
     {
       variant: "with-stage",
       onClose: () => s?.dispatch({ type: "CLOSE_PANEL", reason: "header-x" }),
-      stage: /* @__PURE__ */ n(He, { span: b, rotating: !m, children: a ?? /* @__PURE__ */ f(B, { children: [
+      stage: /* @__PURE__ */ n(He, { span: b, rotating: !m, children: a ?? /* @__PURE__ */ f(K, { 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: l })
       ] }) }),
@@ -243,7 +243,7 @@ function Pt({
         we,
         {
           dimensions: i,
-          activeTab: y,
+          activeTab: _,
           onSelect: E,
           reduced: m
         }
@@ -257,7 +257,7 @@ function Pt({
             className: "gloss-panel-chrome-v2__footer-btn",
             disabled: !C,
             onClick: () => {
-              S != null && s?.dispatch({ type: "CLEAR_BUFFER", cardId: S });
+              w != null && s?.dispatch({ type: "CLEAR_BUFFER", cardId: w });
             },
             children: "Reset"
           }
@@ -278,28 +278,28 @@ function Pt({
         "div",
         {
           role: "tabpanel",
-          id: `settings-tabpanel-${y}`,
+          id: `settings-tabpanel-${_}`,
           "aria-label": "Settings dimension controls",
           tabIndex: 0,
           className: "settings-shell__tabpanel",
           children: [
-            y === "threshold" && /* @__PURE__ */ n(
+            _ === "threshold" && /* @__PURE__ */ n(
               Ve,
               {
                 value: N,
                 onChange: W,
-                enabled: A,
+                enabled: T,
                 onToggleEnabled: q
               }
             ),
-            y === "timeframe" && /* @__PURE__ */ n(Be, { value: I, onChange: G }),
-            y === "slots" && /* @__PURE__ */ n(Ye, { value: w, onChange: Q }),
-            y === "color" && /* @__PURE__ */ n(
+            _ === "timeframe" && /* @__PURE__ */ n(Be, { value: I, onChange: G }),
+            _ === "slots" && /* @__PURE__ */ n(Ye, { value: R, onChange: Q }),
+            _ === "color" && /* @__PURE__ */ n(
               Ge,
               {
                 value: $,
                 onSelect: le,
-                enabled: Y,
+                enabled: L,
                 onToggleEnabled: g
               }
             )
@@ -847,7 +847,7 @@ function je({
   activeLens: t,
   onLensChange: r
 }) {
-  const [l, a] = x(!1), i = K(null), u = () => {
+  const [l, a] = x(!1), i = Y(null), u = () => {
     i.current != null && (window.clearTimeout(i.current), i.current = null);
   }, o = () => {
     u(), i.current = window.setTimeout(() => a(!1), 100);
@@ -1035,25 +1035,28 @@ function At({
   defaultLens: r = ye,
   tilesByLens: l = _e,
   lensMeta: a = ae,
-  renderTile: i
+  renderTile: i,
+  onAdd: u
 }) {
-  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;
+  const o = O(), [s, c] = x(r), [d, m] = x(null), [h, b] = x(null), [p, _] = x(""), E = l[s] ?? { primary: [] }, S = a[s], v = ie(
+    () => E.primary.filter((T) => ue(T, p)),
+    [E.primary, p]
+  ), N = ie(
+    () => (E.secondary ?? []).filter((T) => ue(T, p)),
+    [E.secondary, p]
+  ), I = () => {
+    d != null && u?.(d), o?.dispatch({ type: "CLOSE_PANEL", reason: "apply-button" });
+  }, $ = () => o?.dispatch({ type: "CLOSE_PANEL", reason: "header-x" }), R = d == null;
   return /* @__PURE__ */ n(
     se.Provider,
     {
-      value: { mode: "add", selectedTileId: c, description: m },
+      value: { mode: "add", selectedTileId: d, description: h },
       children: /* @__PURE__ */ n(
-        V,
+        B,
         {
           variant: "no-stage",
           title: "Add a metric",
-          onClose: I,
+          onClose: $,
           footer: {
             left: /* @__PURE__ */ n(Ze, {}),
             right: /* @__PURE__ */ n(
@@ -1062,8 +1065,8 @@ function At({
                 id: "btn-cat-add",
                 type: "button",
                 className: "gloss-panel-chrome-v2__footer-btn gloss-panel-chrome-v2__footer-btn--primary",
-                disabled: $,
-                onClick: N,
+                disabled: R,
+                onClick: I,
                 children: "Add metric"
               }
             )
@@ -1076,54 +1079,54 @@ function At({
                 className: "cat-search-input",
                 placeholder: "Search metrics",
                 "aria-label": "Search metrics",
-                value: b,
-                onChange: (w) => p(w.target.value)
+                value: p,
+                onChange: (T) => _(T.target.value)
               }
             ) }),
             /* @__PURE__ */ n(
               Ce,
               {
                 lenses: t,
-                activeLens: o,
+                activeLens: s,
                 lensMeta: a,
                 variant: "pills",
-                onLensChange: (w) => {
-                  s(w), d(null), h(null), p("");
+                onLensChange: (T) => {
+                  c(T), m(null), b(null), _("");
                 }
               }
             ),
-            E && /* @__PURE__ */ f("div", { className: "cat-lens-meta", children: [
-              /* @__PURE__ */ n("h3", { className: "cat-lens-headline", children: E.headline }),
-              /* @__PURE__ */ n("p", { className: "cat-lens-helper", children: E.helper })
+            S && /* @__PURE__ */ f("div", { className: "cat-lens-meta", children: [
+              /* @__PURE__ */ n("h3", { className: "cat-lens-headline", children: S.headline }),
+              /* @__PURE__ */ n("p", { className: "cat-lens-helper", children: S.helper })
             ] }),
             /* @__PURE__ */ n(
               te,
               {
-                tiles: T,
-                selectedTileId: c,
-                onSelectTile: (w, A) => {
-                  d(w), h(A);
+                tiles: v,
+                selectedTileId: d,
+                onSelectTile: (T, L) => {
+                  m(T), b(L);
                 },
                 renderTile: i
               }
             ),
-            v.length > 0 && /* @__PURE__ */ f("div", { className: "cat-more-in-lens", children: [
+            N.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: v,
-                  selectedTileId: c,
-                  onSelectTile: (w, A) => {
-                    d(w), h(A);
+                  tiles: N,
+                  selectedTileId: d,
+                  onSelectTile: (T, L) => {
+                    m(T), b(L);
                   },
                   renderTile: i
                 }
               )
             ] }),
-            T.length === 0 && v.length === 0 && b.length > 0 && /* @__PURE__ */ f("div", { className: "cat-empty", children: [
+            v.length === 0 && N.length === 0 && p.length > 0 && /* @__PURE__ */ f("div", { className: "cat-empty", children: [
               'No metrics match "',
-              b,
+              p,
               '".'
             ] })
           ] })
@@ -1134,7 +1137,7 @@ function At({
 }
 function Xe() {
   const t = re()?.description ?? null;
-  return t == null ? /* @__PURE__ */ n("em", { children: "Tap a metric to see its description" }) : /* @__PURE__ */ n(B, { children: t });
+  return t == null ? /* @__PURE__ */ n("em", { children: "Tap a metric to see its description" }) : /* @__PURE__ */ n(K, { children: t });
 }
 function kt({
   isOpen: e,
@@ -1144,13 +1147,13 @@ function kt({
   tilesByLens: a = _e,
   renderTile: i
 }) {
-  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;
+  const u = O(), [o, s] = x(l), [c, d] = x(null), [m, h] = x(null), b = a[o] ?? { primary: [] }, p = [...b.primary, ...b.secondary ?? []], _ = () => u?.dispatch({ type: "CLOSE_PANEL", reason: "apply-button" }), E = () => u?.dispatch({ type: "CLOSE_PANEL", reason: "header-x" }), S = c == null;
   return /* @__PURE__ */ n(
     se.Provider,
     {
       value: { mode: "replace", selectedTileId: c, description: m },
       children: /* @__PURE__ */ n(
-        V,
+        B,
         {
           variant: "no-stage",
           title: "Replace metric",
@@ -1163,8 +1166,8 @@ function kt({
                 id: "btn-cat-replace",
                 type: "button",
                 className: "gloss-panel-chrome-v2__footer-btn gloss-panel-chrome-v2__footer-btn--primary",
-                disabled: T,
-                onClick: y,
+                disabled: S,
+                onClick: _,
                 children: "Replace metric"
               }
             )
@@ -1238,11 +1241,11 @@ function Je(e = {}) {
   );
 }
 function pe({ page: e, onRename: t, onKebab: r, onDragStart: l, onSwitchPage: a }) {
-  const i = Te(), [u, o] = x(!1), s = K(null);
-  R(() => {
+  const i = Te(), [u, o] = x(!1), s = Y(null);
+  F(() => {
     if (!u) return;
-    const p = (y) => {
-      s.current && (s.current.contains(y.target) || o(!1));
+    const p = (_) => {
+      s.current && (s.current.contains(_.target) || o(!1));
     };
     return document.addEventListener("mousedown", p, !0), () => document.removeEventListener("mousedown", p, !0);
   }, [u]);
@@ -1294,7 +1297,7 @@ function pe({ page: e, onRename: t, onKebab: r, onDragStart: l, onSwitchPage: a
         onMouseDown: (p) => p.stopPropagation(),
         onClick: (p) => {
           if (p.stopPropagation(), r) return r(e.id);
-          o((y) => !y);
+          o((_) => !_);
         },
         children: "⋯"
       }
@@ -1343,38 +1346,38 @@ function Dt({
   onCreatePage: s,
   onSwitchPage: c
 }) {
-  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) => {
+  const d = O(), [m, h] = x(() => [...t]), b = D((g, C) => {
+    h((w) => w.map((A) => A.id === g ? { ...A, name: C } : A));
+  }, []), p = D((g) => {
     h((C) => {
-      const S = C.find((F) => F.id === g);
-      if (!S) return C;
-      const k = {
-        id: `${S.id}-copy-${Date.now()}`,
-        name: `${S.name} copy`,
+      const w = C.find((U) => U.id === g);
+      if (!w) return C;
+      const A = {
+        id: `${w.id}-copy-${Date.now()}`,
+        name: `${w.name} copy`,
         active: !1
-      }, D = C.findIndex((F) => F.id === g);
-      return [...C.slice(0, D + 1), k, ...C.slice(D + 1)];
+      }, k = C.findIndex((U) => U.id === g);
+      return [...C.slice(0, k + 1), A, ...C.slice(k + 1)];
     });
-  }, []), y = L((g) => {
-    h((C) => C.filter((S) => S.id !== g));
-  }, []), E = L((g) => {
+  }, []), _ = D((g) => {
+    h((C) => C.filter((w) => w.id !== g));
+  }, []), E = D((g) => {
     h((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;
+      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;
     });
-  }, []), 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(
+  }, []), S = r != null, v = S ? r : m, N = l != null ? v.map((g) => ({ ...g, active: g.id === l })) : [...v], I = a ?? (S ? void 0 : b), $ = i ?? (S ? void 0 : p), R = u ?? (S ? void 0 : _), T = o ?? (S ? void 0 : E), L = D(
     (g) => {
-      T || h(g);
+      S || h(g);
     },
-    [T]
-  ), W = L(
+    [S]
+  ), W = D(
     (g) => {
-      const C = g[0]?.items.map((S) => S.id) ?? [];
-      C.length > 0 && A && A(C);
+      const C = g[0]?.items.map((w) => w.id) ?? [];
+      C.length > 0 && T && T(C);
     },
-    [A]
-  ), G = N.map((g) => `${g.id}:${g.name}`).join("|"), Q = A != null && N.length > 1 ? /* @__PURE__ */ n(
+    [T]
+  ), G = N.map((g) => `${g.id}:${g.name}`).join("|"), Q = T != null && N.length > 1 ? /* @__PURE__ */ n(
     Ee,
     {
       zones: [
@@ -1384,7 +1387,7 @@ function Dt({
         }
       ],
       onZoneChange: W,
-      renderZone: (g, C, S) => /* @__PURE__ */ n("div", { className: "pm-list", role: "list", children: S }),
+      renderZone: (g, C, w) => /* @__PURE__ */ n("div", { className: "pm-list", role: "list", children: w }),
       renderItem: (g) => /* @__PURE__ */ n(
         pe,
         {
@@ -1408,15 +1411,15 @@ function Dt({
     {
       value: {
         pages: N,
-        setPages: Y,
+        setPages: L,
         renamePage: I,
         duplicatePage: $,
-        deletePage: w,
+        deletePage: R,
         // Sprint 2026-05-20 — propagate live create binding for footer.
         createPage: s
       },
       children: /* @__PURE__ */ n(
-        V,
+        B,
         {
           variant: "no-stage",
           title: "Manage pages",
@@ -1450,17 +1453,17 @@ const Lt = {
 };
 function Ot() {
   const { state: e, dispatch: t, getCloseLog: r } = Pe();
-  R(() => {
+  F(() => {
     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 l = K(e);
+  const l = Y(e);
   Ae(() => {
     l.current = e;
-  }), R(() => {
+  }), F(() => {
     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 = {
@@ -1471,7 +1474,7 @@ function Ot() {
       i.__panelsHostHandle?.dispatch === t && delete window.__panelsHostHandle;
     };
   }, [t, r]);
-  const a = L(() => {
+  const a = D(() => {
     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(
@@ -1485,8 +1488,8 @@ function Ot() {
 }
 const at = 700;
 function st(e) {
-  const [t, r] = x(null), l = K(null);
-  return R(() => {
+  const [t, r] = x(null), l = Y(null);
+  return F(() => {
     if (e != null) {
       l.current != null && (clearTimeout(l.current), l.current = null), r(null);
       return;
@@ -1496,7 +1499,7 @@ function st(e) {
     }, at), () => {
       l.current != null && (clearTimeout(l.current), l.current = null);
     };
-  }, [e]), R(() => {
+  }, [e]), F(() => {
     e != null && r(e);
   }, [e]), e != null ? { panelId: e, isOpen: !0 } : t != null ? { panelId: t, isOpen: !1 } : { panelId: null, isOpen: !1 };
 }
@@ -1523,13 +1526,13 @@ function Se(e, t) {
 function it(e, t) {
   return typeof window > "u" ? t : window.getComputedStyle(document.documentElement).getPropertyValue(e).trim() || t;
 }
-function z(e) {
+function H(e) {
   e.dispatch({ type: "OPEN_PANEL", panelId: e.panelId, trigger: e.trigger });
 }
 function ct(e) {
   const { mountEl: t, chromeEl: r, reducedMotion: l, onAssert: a } = e;
   if (t == null || r == null) {
-    z(e), a?.({ branch: "slide-fallback-no-dom", timestamp: Date.now() });
+    H(e), a?.({ branch: "slide-fallback-no-dom", timestamp: Date.now() });
     return;
   }
   if (l) {
@@ -1537,7 +1540,7 @@ function ct(e) {
     return;
   }
   if (typeof r.animate != "function") {
-    z(e), a?.({ branch: "slide-no-waapi", timestamp: Date.now() });
+    H(e), a?.({ branch: "slide-no-waapi", timestamp: Date.now() });
     return;
   }
   const i = r.cloneNode(!0);
@@ -1557,7 +1560,7 @@ function ct(e) {
 function dt(e) {
   const { mountEl: t, onAssert: r } = e;
   if (t == null) {
-    e.dispatch({ type: "CLOSE_PANEL", reason: "mutex-handoff" }), setTimeout(() => z(e), he), r?.({ branch: "handoff-fallback-no-mount", timestamp: Date.now() });
+    e.dispatch({ type: "CLOSE_PANEL", reason: "mutex-handoff" }), setTimeout(() => H(e), he), r?.({ branch: "handoff-fallback-no-mount", timestamp: Date.now() });
     return;
   }
   const l = Se("--panel-close-dur", he);
@@ -1584,7 +1587,7 @@ function ut(e) {
     dt(e);
     return;
   }
-  z(e), r?.({ branch: "fresh-open", timestamp: Date.now() });
+  H(e), r?.({ branch: "fresh-open", timestamp: Date.now() });
 }
 function pt() {
   if (!(typeof window > "u"))
@@ -1592,7 +1595,7 @@ function pt() {
 }
 function It() {
   const e = O(), t = fe();
-  return L(
+  return D(
     (r, l) => {
       if (!e)
         return;
@@ -1616,7 +1619,7 @@ function It() {
 function $t({ children: e }) {
   return /* @__PURE__ */ n("div", { className: "clone-stage", children: e });
 }
-let H = !1, j = null;
+let V = !1, j = null;
 function ne() {
   const e = [];
   let t = "cleaned";
@@ -1641,7 +1644,7 @@ 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, l, a) {
+function y(e, t, r, l, a) {
   return { id: e, constraint: t, expected: r, actual: l, pass: a };
 }
 function M(e) {
@@ -1651,11 +1654,11 @@ function M(e) {
 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));
+    e.push(y("C1", "mount --reveal-y matches clip-path inset-bottom Npx", "mount present", "absent", !1));
   else {
     const o = getComputedStyle(t), s = o.getPropertyValue("--reveal-y").trim() || t.style.getPropertyValue("--reveal-y").trim(), c = o.clipPath || t.style.clipPath || "", d = c.match(/inset\(\s*0(?:px)?\s+0(?:px)?\s+(\d+)px\s+0(?:px)?\s*\)/), m = d ? parseInt(d[1], 10) : NaN, h = M(s), b = Number.isFinite(m) && Number.isFinite(h) && m === h;
     e.push(
-      _(
+      y(
         "C1",
         "mount --reveal-y matches clip-path inset-bottom Npx",
         `inset(0 0 ${h}px 0) === --reveal-y(${h}px)`,
@@ -1665,19 +1668,19 @@ function oe() {
     );
   }
   if (!t)
-    e.push(_("C2", "mount padding constant", Z, "absent", !1));
+    e.push(y("C2", "mount padding constant", Z, "absent", !1));
   else {
     const o = t.style.padding, s = getComputedStyle(t), c = o || s.padding || "", d = c === Z || c === "8px 8px 0px 8px";
-    e.push(_("C2", "mount padding constant", Z, c || "n/a", d));
+    e.push(y("C2", "mount padding constant", Z, c || "n/a", d));
   }
   if (!t)
-    e.push(_("C3", "mount.bottom resolves to var(--tb-h)=64px", X, "absent", !1));
+    e.push(y("C3", "mount.bottom resolves to var(--tb-h)=64px", X, "absent", !1));
   else {
     const s = getComputedStyle(t).bottom || t.style.bottom || "", c = s === X;
-    e.push(_("C3", "mount.bottom resolves to var(--tb-h)=64px", X, s || "n/a", c));
+    e.push(y("C3", "mount.bottom resolves to var(--tb-h)=64px", X, s || "n/a", c));
   }
   if (!r)
-    e.push(_("C4", "panel-chrome height formula = (row-h*3)+(row-gap*3)-8px", "formula match", "absent", !1));
+    e.push(y("C4", "panel-chrome height formula = (row-h*3)+(row-gap*3)-8px", "formula match", "absent", !1));
   else {
     const o = getComputedStyle(r), s = M(
       o.getPropertyValue("--row-h").trim() || r.style.getPropertyValue("--row-h").trim() || "0"
@@ -1685,7 +1688,7 @@ function oe() {
       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(
-      _(
+      y(
         "C4",
         "panel-chrome height formula = (row-h*3)+(row-gap*3)-8px",
         `${d}px (rh=${s} rg=${c})`,
@@ -1696,7 +1699,7 @@ function oe() {
   }
   if (!l || !r)
     e.push(
-      _(
+      y(
         "C5",
         'coordinator perspective + origin "center bottom"; chrome perspective-style flat',
         "present",
@@ -1705,14 +1708,14 @@ function oe() {
       )
     );
   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 || "", y = 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 || "", _ = c !== "" && c !== "none" && (d === "center bottom" || d === "50% 100%") && m === "flat";
     e.push(
-      _(
+      y(
         "C5",
         'coordinator perspective + origin "center bottom"; chrome perspective-style flat',
         "perspective:not-none, origin:center bottom, chrome-style:flat",
         `perspective=${c} origin=${d} chrome-style=${m}`,
-        y
+        _
       )
     );
   }
@@ -1728,8 +1731,8 @@ function oe() {
         }
         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"), 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"}`;
+            const b = Array.from(m.cssRules), p = b.find((N) => N.keyText === "0%" || N.keyText === "from"), _ = b.find((N) => N.keyText === "100%" || N.keyText === "to"), E = p?.style.transform ?? "", S = _?.style.transform ?? "", v = /rotateY\(\s*0(?:deg)?\s*\)/;
+            o = v.test(E) && v.test(S), s = `0%=${E || "n/a"} 100%=${S || "n/a"}`;
             break;
           }
         if (s !== "absent") break;
@@ -1738,7 +1741,7 @@ function oe() {
       s = "inspection-error";
     }
     e.push(
-      _(
+      y(
         "C6",
         "@keyframes stage-spin 0% AND 100% anchor at rotateY(0)",
         "both frames rotateY(0)",
@@ -1750,15 +1753,15 @@ function oe() {
   {
     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)
+      y("C7", "--panel-open-dur > --panel-close-dur", "open > close", `open=${c || "n/a"} close=${d || "n/a"}`, b)
     );
   }
   if (!a)
-    e.push(_("C8", "BellCutout zero computed animation/transition", "no inline timing", "absent", !1));
+    e.push(y("C8", "BellCutout zero computed animation/transition", "no inline timing", "absent", !1));
   else {
     const o = getComputedStyle(a), s = o.animationName || "", c = o.transitionProperty || "", d = (s === "" || s === "none") && (c === "" || c === "none" || c === "all");
     e.push(
-      _(
+      y(
         "C8",
         "BellCutout zero computed animation/transition",
         "animation:none AND transition:none",
@@ -1768,17 +1771,17 @@ function oe() {
     );
   }
   if (!t)
-    e.push(_("C9", "mount closed-state clipPath", J, "absent", !1));
+    e.push(y("C9", "mount closed-state clipPath", J, "absent", !1));
   else {
     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));
+    e.push(y("C9", "mount closed-state clipPath", J, c || "n/a", d));
   }
   if (!i)
-    e.push(_("C10", "bell-popover parentElement === document.body (open)", "body", "absent", !1));
+    e.push(y("C10", "bell-popover parentElement === document.body (open)", "body", "absent", !1));
   else {
     const o = i.parentElement, s = o === document.body;
     e.push(
-      _(
+      y(
         "C10",
         "bell-popover parentElement === document.body (open)",
         "body",
@@ -1788,19 +1791,19 @@ function oe() {
     );
   }
   if (!l)
-    e.push(_("C11", "coordinator overflow === visible", "visible", "absent", !1));
+    e.push(y("C11", "coordinator overflow === visible", "visible", "absent", !1));
   else {
     const s = getComputedStyle(l).overflow || l.style.overflow || "", c = s === "visible";
-    e.push(_("C11", "coordinator overflow === visible", "visible", s || "n/a", c));
+    e.push(y("C11", "coordinator overflow === visible", "visible", s || "n/a", c));
   }
   if (!u)
-    e.push(_("C12", "toolbar clipPath = inset(0 -40 -40 -40)", ee, "absent", !1));
+    e.push(y("C12", "toolbar clipPath = inset(0 -40 -40 -40)", ee, "absent", !1));
   else {
     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));
+    e.push(y("C12", "toolbar clipPath = inset(0 -40 -40 -40)", ee, c || "n/a", d));
   }
   return e.push(
-    _(
+    y(
       "C13",
       "same-position slide via WAAPI (mid-transition getAnimations().length > 0)",
       "WAAPI driver wired in orchestrator (source-proof)",
@@ -1808,7 +1811,7 @@ function oe() {
       "wiring_only"
     )
   ), e.push(
-    _(
+    y(
       "C14",
       'cross-position handoff transitionend filtered by propertyName="max-height"',
       "transitionend filter wired in orchestrator (source-proof)",
@@ -1836,10 +1839,10 @@ function ft() {
   return {
     enable: gt,
     disable: bt,
-    isEnabled: () => H,
+    isEnabled: () => V,
     getLastReport: () => j,
     recordTransition: (e) => {
-      H && (j = { ...e, ...ne() });
+      V && (j = { ...e, ...ne() });
     },
     assertOnce: () => {
       const e = ne();
@@ -1851,13 +1854,13 @@ function ft() {
   };
 }
 function gt() {
-  if (H = !0, typeof window > "u") return;
+  if (V = !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() {
-  H = !1;
+  V = !1;
 }
 export {
   Ut as COMMITS,
@@ -1879,7 +1882,7 @@ export {
   Ne as PageMgmtStateContext,
   Ht as PanelBody,
   Vt as PanelChrome,
-  V as PanelChromeV2,
+  B as PanelChromeV2,
   Bt as PanelFooter,
   Et as PanelFooterMessage,
   Kt as PanelHeader,