@mt-gloss/ui 0.1.96 → 0.1.98

package/index.js

@@ -1,22 +1,22 @@
-import { u as Ze, C as qe } from "./Expandable-BcmIxWR8.js";
-import { Q as Sr, V as kr, T as Dr, U as xr, a5 as Tr, b8 as Rr, aB as Mr, aj as Pr, $ as Ir, ap as Er, N as Ar, aa as Fr, bo as Or, P as Lr, B as $r, a as zr, A as Br, K as Kr, bj as Gr, J as Hr, L as Wr, E as Vr, D as jr, H as Ur, F as Yr, by as Zr, b as qr, c as Qr, O as Xr, q as Jr, af as es, aP as ts, A as as, K as ns, J as rs, L as ss, E as is, D as os, H as ls, F as cs, b1 as ds, b4 as us, b3 as ms, b2 as gs, b5 as ps, aE as hs, a7 as fs, a6 as bs, as as vs, m as ys, o as ws, aH as _s, ad as Cs, ba as Ns, ab as Ss, bp as ks, _ as Ds, bI as xs, bH as Ts, bJ as Rs, ar as Ms, aS as Ps, bc as Is, bN as Es, bw as As, p as Fs, ao as Os, bC as Ls, bt as $s, a2 as zs, at as Bs, a4 as Ks, bB as Gs, bS as Hs, G as Ws, f as Vs, ac as js, bK as Us, aV as Ys, t as Zs, x as qs, I as Qs, i as Xs, ay as Js, bO as ei, M as ti, y as ai, W as ni, Z as ri, X as si, Y as ii, au as oi, bi as li, bQ as ci, bM as di, aq as ui, w as mi, bq as gi, aU as pi, al as hi, aM as fi, ai as bi, an as vi, aw as yi, aT as wi, ae as _i, av as Ci, e as Ni, R as Si, l as ki, r as Di, aJ as xi, bz as Ti, bA as Ri, ak as Mi, ag as Pi, j as Ii, z as Ei, b9 as Ai, ah as Fi, bP as Oi, be as Li, bh as $i, bf as zi, bg as Bi, k as Ki, bb as Gi, bn as Hi, S as Wi, bl as Vi, bm as ji, ax as Ui, bd as Yi, bR as Zi, am as qi, v as Qi, bL as Xi, n as Ji, h as eo, s as to, a0 as ao, a1 as no, a9 as ro, bk as so, bx as io, bE as oo, aC as lo, aD as co, a8 as uo, aQ as mo, aR as go, aF as po, aG as ho, aI as fo, aX as bo, aY as vo, br as yo, bG as wo, bF as _o, a_ as Co, a$ as No, az as So, aA as ko, b7 as Do, b6 as xo, b0 as To, aN as Ro, aO as Mo, aZ as Po, aK as Io, aL as Eo, d as Ao, bD as Fo, bs as Oo, bu as Lo, bv as $o, aW as zo, a3 as Bo, bT as Ko, g as Go } from "./Expandable-BcmIxWR8.js";
-import { jsxs as w, jsx as r, Fragment as $ } from "react/jsx-runtime";
+import { u as Qe, C as Xe } from "./Expandable-BcmIxWR8.js";
+import { Q as Pr, V as Ir, T as Er, U as Ar, a5 as Fr, b8 as Or, aB as Lr, aj as $r, $ as zr, ap as Br, N as Kr, aa as Gr, bo as Hr, P as Wr, B as Vr, a as jr, A as Ur, K as Yr, bj as Zr, J as qr, L as Qr, E as Xr, D as Jr, H as es, F as ts, by as as, b as ns, c as rs, O as ss, q as is, af as os, aP as ls, A as cs, K as ds, J as us, L as ms, E as ps, D as gs, H as hs, F as fs, b1 as bs, b4 as vs, b3 as ys, b2 as ws, b5 as _s, aE as Cs, a7 as Ns, a6 as Ss, as as ks, m as Ds, o as xs, aH as Rs, ad as Ts, ba as Ms, ab as Ps, bp as Is, _ as Es, bI as As, bH as Fs, bJ as Os, ar as Ls, aS as $s, bc as zs, bN as Bs, bw as Ks, p as Gs, ao as Hs, bC as Ws, bt as Vs, a2 as js, at as Us, a4 as Ys, bB as Zs, bS as qs, G as Qs, f as Xs, ac as Js, bK as ei, aV as ti, t as ai, x as ni, I as ri, i as si, ay as ii, bO as oi, M as li, y as ci, W as di, Z as ui, X as mi, Y as pi, au as gi, bi as hi, bQ as fi, bM as bi, aq as vi, w as yi, bq as wi, aU as _i, al as Ci, aM as Ni, ai as Si, an as ki, aw as Di, aT as xi, ae as Ri, av as Ti, e as Mi, R as Pi, l as Ii, r as Ei, aJ as Ai, bz as Fi, bA as Oi, ak as Li, ag as $i, j as zi, z as Bi, b9 as Ki, ah as Gi, bP as Hi, be as Wi, bh as Vi, bf as ji, bg as Ui, k as Yi, bb as Zi, bn as qi, S as Qi, bl as Xi, bm as Ji, ax as eo, bd as to, bR as ao, am as no, v as ro, bL as so, n as io, h as oo, s as lo, a0 as co, a1 as uo, a9 as mo, bk as po, bx as go, bE as ho, aC as fo, aD as bo, a8 as vo, aQ as yo, aR as wo, aF as _o, aG as Co, aI as No, aX as So, aY as ko, br as Do, bG as xo, bF as Ro, a_ as To, a$ as Mo, az as Po, aA as Io, b7 as Eo, b6 as Ao, b0 as Fo, aN as Oo, aO as Lo, aZ as $o, aK as zo, aL as Bo, d as Ko, bD as Go, bs as Ho, bu as Wo, bv as Vo, aW as jo, a3 as Uo, bT as Yo, g as Zo } from "./Expandable-BcmIxWR8.js";
+import { jsxs as y, jsx as r, Fragment as $ } from "react/jsx-runtime";
 import * as B from "react";
-import F, { useRef as P, useEffect as A, useState as E, useCallback as C, useId as Qe, forwardRef as Xe, useMemo as re, createContext as Je, useContext as et } from "react";
-import { motion as G, useMotionValue as tt, AnimatePresence as at, useDragControls as nt } from "framer-motion";
-import { B as rt, a as X, b as ce, U as fe } from "./UIContext-DP6JGCto.js";
-import { c as Wo, u as Vo } from "./UIContext-DP6JGCto.js";
-import { C as Uo, c as Yo, b as Zo, P as qo, e as Qo, i as Xo, r as Jo, u as el, a as tl, d as al } from "./COMMITS-By42AA8m.js";
-import { createPortal as st } from "react-dom";
-import { DEFAULT_MARKET_PRESETS as rl, DEFAULT_PINNED as sl, PERIOD_OPTIONS as il, ROLLING_OPTIONS as ol, TODAY_PRESET as ll, findPreset as cl, formatDateRange as dl, formatMarketDates as ul, formatTrend as ml, formatValue as gl, generateMarketId as pl, getAllPresets as hl, getDateRangeForPreset as fl, getPresetLabel as bl, isInRange as vl, isMarketActive as yl, isSameDay as wl, normalizePresetId as _l, toUppercasePresetId as Cl } from "@mt-gloss/utils";
-import it from "@mui/icons-material/AccessTime";
-import ot from "@mui/icons-material/Tune";
-import lt from "@mui/icons-material/ViewColumn";
-import ct from "@mui/icons-material/AspectRatio";
-import dt from "@mui/icons-material/Palette";
-import ut from "@mui/icons-material/PushPin";
+import F, { useRef as P, useEffect as A, useState as I, useCallback as C, useId as Je, forwardRef as et, useMemo as re, useLayoutEffect as Ie, createContext as tt, useContext as at } from "react";
+import { motion as G, useMotionValue as nt, AnimatePresence as rt, useDragControls as st } from "framer-motion";
+import { createPortal as Ee } from "react-dom";
+import { B as it, a as X, b as ce, U as fe } from "./UIContext-DP6JGCto.js";
+import { c as Qo, u as Xo } from "./UIContext-DP6JGCto.js";
+import { C as el, c as tl, b as al, P as nl, e as rl, i as sl, r as il, u as ol, a as ll, d as cl } from "./COMMITS-By42AA8m.js";
+import { DEFAULT_MARKET_PRESETS as ul, DEFAULT_PINNED as ml, PERIOD_OPTIONS as pl, ROLLING_OPTIONS as gl, TODAY_PRESET as hl, findPreset as fl, formatDateRange as bl, formatMarketDates as vl, formatTrend as yl, formatValue as wl, generateMarketId as _l, getAllPresets as Cl, getDateRangeForPreset as Nl, getPresetLabel as Sl, isInRange as kl, isMarketActive as Dl, isSameDay as xl, normalizePresetId as Rl, toUppercasePresetId as Tl } from "@mt-gloss/utils";
+import ot from "@mui/icons-material/AccessTime";
+import lt from "@mui/icons-material/Tune";
+import ct from "@mui/icons-material/ViewColumn";
+import dt from "@mui/icons-material/AspectRatio";
+import ut from "@mui/icons-material/Palette";
+import mt from "@mui/icons-material/PushPin";
 import { useMotionProbe as de } from "@mt-gloss/motion";
-function an(e = {}) {
+function ln(e = {}) {
   const { enabled: t = !0, returnTo: n } = e, a = P(null);
   return A(() => {
     t && (a.current = n || document.activeElement);
@@ -26,7 +26,7 @@ function an(e = {}) {
     }, 0);
   }, [t]), a;
 }
-function nn(e) {
+function cn(e) {
   const {
     items: t,
     activeIndex: n,
@@ -35,87 +35,87 @@ function nn(e) {
     orientation: s = "vertical",
     enabled: o = !0,
     isItemDisabled: l,
-    onSelect: u,
-    onEscape: d
-  } = e, [m, h] = E(-1), c = n !== void 0 ? n : m, g = C(
-    (p) => {
-      n === void 0 && h(p), a?.(p);
+    onSelect: m,
+    onEscape: c
+  } = e, [d, h] = I(-1), u = n !== void 0 ? n : d, p = C(
+    (g) => {
+      n === void 0 && h(g), a?.(g);
     },
     [n, a]
-  ), y = C(() => t.map((p, v) => ({ item: p, index: v })).filter(({ item: p, index: v }) => !l?.(p, v)).map(({ index: p }) => p), [t, l]), k = C(
-    (p, v) => {
-      const _ = y();
+  ), w = C(() => t.map((g, v) => ({ item: g, index: v })).filter(({ item: g, index: v }) => !l?.(g, v)).map(({ index: g }) => g), [t, l]), k = C(
+    (g, v) => {
+      const _ = w();
       if (_.length === 0) return -1;
-      const D = _.indexOf(p);
+      const D = _.indexOf(g);
       if (D === -1)
-        return v === 1 ? _.find((x) => x > p) ?? (i ? _[0] : -1) : [..._].reverse().find((I) => I < p) ?? (i ? _[_.length - 1] : -1);
-      let T = D + v;
-      return i ? T = (T + _.length) % _.length : T = Math.max(0, Math.min(_.length - 1, T)), _[T];
+        return v === 1 ? _.find((x) => x > g) ?? (i ? _[0] : -1) : [..._].reverse().find((E) => E < g) ?? (i ? _[_.length - 1] : -1);
+      let R = D + v;
+      return i ? R = (R + _.length) % _.length : R = Math.max(0, Math.min(_.length - 1, R)), _[R];
     },
-    [y, i]
+    [w, i]
   ), f = C(() => {
-    const p = y();
-    p.length > 0 && g(p[0]);
-  }, [y, g]), b = C(() => {
-    const p = y();
-    p.length > 0 && g(p[p.length - 1]);
-  }, [y, g]), M = C(() => {
-    const p = k(c, 1);
-    p !== -1 && g(p);
-  }, [c, k, g]), N = C(() => {
-    const p = k(c, -1);
-    p !== -1 && g(p);
-  }, [c, k, g]), S = C(() => {
-    g(-1);
-  }, [g]), R = C(
-    (p) => {
+    const g = w();
+    g.length > 0 && p(g[0]);
+  }, [w, p]), b = C(() => {
+    const g = w();
+    g.length > 0 && p(g[g.length - 1]);
+  }, [w, p]), M = C(() => {
+    const g = k(u, 1);
+    g !== -1 && p(g);
+  }, [u, k, p]), N = C(() => {
+    const g = k(u, -1);
+    g !== -1 && p(g);
+  }, [u, k, p]), S = C(() => {
+    p(-1);
+  }, [p]), T = C(
+    (g) => {
       if (!o) return;
-      const { key: v } = p, _ = v === "ArrowUp" && (s === "vertical" || s === "both"), D = v === "ArrowDown" && (s === "vertical" || s === "both"), T = v === "ArrowLeft" && (s === "horizontal" || s === "both"), x = v === "ArrowRight" && (s === "horizontal" || s === "both");
-      if (_ || T) {
-        p.preventDefault(), c === -1 ? b() : N();
+      const { key: v } = g, _ = v === "ArrowUp" && (s === "vertical" || s === "both"), D = v === "ArrowDown" && (s === "vertical" || s === "both"), R = v === "ArrowLeft" && (s === "horizontal" || s === "both"), x = v === "ArrowRight" && (s === "horizontal" || s === "both");
+      if (_ || R) {
+        g.preventDefault(), u === -1 ? b() : N();
         return;
       }
       if (D || x) {
-        p.preventDefault(), c === -1 ? f() : M();
+        g.preventDefault(), u === -1 ? f() : M();
         return;
       }
       if (v === "Home") {
-        p.preventDefault(), f();
+        g.preventDefault(), f();
         return;
       }
       if (v === "End") {
-        p.preventDefault(), b();
+        g.preventDefault(), b();
         return;
       }
-      if ((v === "Enter" || v === " ") && c >= 0 && c < t.length) {
-        p.preventDefault();
-        const I = t[c];
-        l?.(I, c) || u?.(I, c);
+      if ((v === "Enter" || v === " ") && u >= 0 && u < t.length) {
+        g.preventDefault();
+        const E = t[u];
+        l?.(E, u) || m?.(E, u);
         return;
       }
       if (v === "Escape") {
-        d?.();
+        c?.();
         return;
       }
     },
     [
       o,
       s,
-      c,
+      u,
       t,
       f,
       b,
       M,
       N,
       l,
-      u,
-      d
+      m,
+      c
     ]
   );
   return {
-    focusedIndex: c,
-    setFocusedIndex: g,
-    handleKeyDown: R,
+    focusedIndex: u,
+    setFocusedIndex: p,
+    handleKeyDown: T,
     focusFirst: f,
     focusLast: b,
     focusNext: M,
@@ -123,7 +123,7 @@ function nn(e) {
     resetFocus: S
   };
 }
-const mt = ({
+const pt = ({
   label: e = "Set a target",
   unit: t,
   currentValue: n,
@@ -131,15 +131,15 @@ const mt = ({
   onSkip: i,
   hint: s
 }) => {
-  const [o, l] = E(n != null ? String(n) : ""), u = () => {
-    const g = parseFloat(o);
-    Number.isNaN(g) || a(g);
-  }, d = (g) => {
-    g.key === "Enter" ? (g.preventDefault(), u()) : g.key === "Escape" && (g.preventDefault(), i?.());
-  }, m = Qe(), h = `gloss-target-input-field-${m}`, c = s ? `gloss-target-input-hint-${m}` : void 0;
-  return /* @__PURE__ */ w("div", { className: "gloss-target-input", children: [
+  const [o, l] = I(n != null ? String(n) : ""), m = () => {
+    const p = parseFloat(o);
+    Number.isNaN(p) || a(p);
+  }, c = (p) => {
+    p.key === "Enter" ? (p.preventDefault(), m()) : p.key === "Escape" && (p.preventDefault(), i?.());
+  }, d = Je(), h = `gloss-target-input-field-${d}`, u = s ? `gloss-target-input-hint-${d}` : void 0;
+  return /* @__PURE__ */ y("div", { className: "gloss-target-input", children: [
     /* @__PURE__ */ r("label", { className: "gloss-target-input__label", htmlFor: h, children: e }),
-    /* @__PURE__ */ w("div", { className: "gloss-target-input__field-row", children: [
+    /* @__PURE__ */ y("div", { className: "gloss-target-input__field-row", children: [
       /* @__PURE__ */ r(
         "input",
         {
@@ -147,22 +147,22 @@ const mt = ({
           type: "number",
           className: "gloss-target-input__field",
           value: o,
-          onChange: (g) => l(g.target.value),
-          onKeyDown: d,
-          "aria-describedby": c,
+          onChange: (p) => l(p.target.value),
+          onKeyDown: c,
+          "aria-describedby": u,
           autoFocus: !0
         }
       ),
       t && /* @__PURE__ */ r("span", { className: "gloss-target-input__unit", children: t })
     ] }),
-    s && /* @__PURE__ */ r("p", { id: c, className: "gloss-target-input__hint", children: s }),
-    /* @__PURE__ */ w("div", { className: "gloss-target-input__actions", children: [
+    s && /* @__PURE__ */ r("p", { id: u, className: "gloss-target-input__hint", children: s }),
+    /* @__PURE__ */ y("div", { className: "gloss-target-input__actions", children: [
       /* @__PURE__ */ r(
         "button",
         {
           type: "button",
           className: "gloss-target-input__confirm",
-          onClick: u,
+          onClick: m,
           children: "Confirm"
         }
       ),
@@ -184,36 +184,36 @@ const mt = ({
   field: "customer",
   value: "acme-corp-123",
   onRemove: se
-}, pt = {
+}, ht = {
   id: "status-filter-1",
   label: "Status: Open",
   field: "status",
   value: "open",
   onRemove: se
-}, ht = {
+}, ft = {
   id: "date-filter-1",
   label: "Date: Mar 1 - Mar 15",
   field: "dateRange",
   value: "2026-03-01..2026-03-15",
   onRemove: se
-}, ft = {
+}, bt = {
   id: "mfg-filter-1",
   label: "Manufacturer: Widget Co",
   field: "manufacturer",
   value: "widget-co-456",
   onRemove: se
-}, rn = [
+}, dn = [
   gt,
-  pt,
   ht,
-  ft
-], sn = {
+  ft,
+  bt
+], un = {
   id: "metric-toggle",
   tabs: [
     { id: "$", label: "$", mono: !0 },
     { id: "#", label: "#", mono: !0 }
   ]
-}, on = {
+}, mn = {
   id: "entity-type",
   tabs: [
     { id: "orders", label: "Orders" },
@@ -221,7 +221,7 @@ const mt = ({
     { id: "customers", label: "Customers" },
     { id: "manufacturers", label: "Manufacturers" }
   ]
-}, ln = {
+}, pn = {
   id: "time-frame",
   tabs: [
     { id: "MTD", label: "MTD" },
@@ -229,26 +229,26 @@ const mt = ({
     { id: "YTD", label: "YTD" },
     { id: "LYTD", label: "LYTD" }
   ]
-}, cn = [
+}, gn = [
   { variant: "block", width: "100%", height: 16 },
   { variant: "block", width: 200, height: 32, borderRadius: 8 },
   { variant: "block", width: "80%", height: 12, borderRadius: "4px" },
   { variant: "block", width: 120, height: 44, borderRadius: 22 }
-], dn = [
+], hn = [
   { variant: "text", lines: 3, lineHeight: 14, gap: 8 },
   { variant: "text", lines: 2, lineHeight: 16, gap: 10 },
   { variant: "text", lines: 5, lineHeight: 12, gap: 6 }
-], un = [
+], fn = [
   { variant: "circle", size: 24 },
   { variant: "circle", size: 40 },
   { variant: "circle", size: 64 }
-], mn = [
+], bn = [
   { bars: 10, maxHeight: 120 },
   { bars: 5, maxHeight: 80 }
-], gn = [
+], vn = [
   { rows: 5, columns: 3, hasCheckbox: !1, rowHeight: 44 },
   { rows: 8, columns: 5, hasCheckbox: !0, rowHeight: 44 }
-], pn = [
+], yn = [
   { variant: "value", colSpan: 1 },
   { variant: "trend", colSpan: 2 },
   { variant: "target", colSpan: 1 }
@@ -278,16 +278,16 @@ const mt = ({
   width: "100%",
   textAlign: "left",
   border: "none"
-}), bt = (e) => ({
+}), vt = (e) => ({
   ...ue(e),
   color: e ? "#4338ca" : "#4f46e5",
   fontWeight: 600
-}), vt = {
+}), yt = {
   height: 1,
   background: "rgba(0,0,0,0.06)",
   margin: "3px 10px"
 };
-function yt({
+function wt({
   open: e,
   anchorEl: t,
   statusId: n,
@@ -296,44 +296,44 @@ function yt({
   overflowActions: s,
   onClose: o
 }) {
-  const [l, u] = E(null), d = P(null), m = C(() => {
+  const [l, m] = I(null), c = P(null), d = C(() => {
     if (!t) return { ...ye, top: 0, left: 0 };
-    const g = t.getBoundingClientRect();
+    const p = t.getBoundingClientRect();
     return {
       ...ye,
-      top: g.bottom + 4,
-      left: g.left
+      top: p.bottom + 4,
+      left: p.left
     };
   }, [t]);
   if (A(() => {
     if (!e) return;
-    const g = (y) => {
-      y.key === "Escape" && o();
+    const p = (w) => {
+      w.key === "Escape" && o();
     };
-    return document.addEventListener("keydown", g), () => document.removeEventListener("keydown", g);
+    return document.addEventListener("keydown", p), () => document.removeEventListener("keydown", p);
   }, [e, o]), A(() => {
     if (!e) return;
-    const g = (y) => {
-      d.current && !d.current.contains(y.target) && o();
+    const p = (w) => {
+      c.current && !c.current.contains(w.target) && o();
     };
-    return document.addEventListener("pointerdown", g, !0), () => document.removeEventListener("pointerdown", g, !0);
+    return document.addEventListener("pointerdown", p, !0), () => document.removeEventListener("pointerdown", p, !0);
   }, [e, o]), !e) return null;
-  const h = s && s.length > 0, c = /* @__PURE__ */ w(
+  const h = s && s.length > 0, u = /* @__PURE__ */ y(
     "div",
     {
-      ref: d,
+      ref: c,
       "data-status-chip-menu": n,
       role: "menu",
       "aria-label": "Status actions",
-      style: m(),
+      style: d(),
       children: [
         /* @__PURE__ */ r(
           "button",
           {
             role: "menuitem",
-            style: bt(l === "__primary"),
-            onMouseEnter: () => u("__primary"),
-            onMouseLeave: () => u(null),
+            style: vt(l === "__primary"),
+            onMouseEnter: () => m("__primary"),
+            onMouseLeave: () => m(null),
             onClick: () => {
               a(n), o();
             },
@@ -345,36 +345,36 @@ function yt({
           {
             role: "menuitem",
             style: ue(l === "__graph"),
-            onMouseEnter: () => u("__graph"),
-            onMouseLeave: () => u(null),
+            onMouseEnter: () => m("__graph"),
+            onMouseLeave: () => m(null),
             onClick: () => {
               i(n), o();
             },
             children: "Show on graph"
           }
         ),
-        h && /* @__PURE__ */ r("div", { style: vt }),
-        h && s?.map((g) => /* @__PURE__ */ r(
+        h && /* @__PURE__ */ r("div", { style: yt }),
+        h && s?.map((p) => /* @__PURE__ */ r(
           "button",
           {
             role: "menuitem",
-            style: ue(l === g.id),
-            onMouseEnter: () => u(g.id),
-            onMouseLeave: () => u(null),
+            style: ue(l === p.id),
+            onMouseEnter: () => m(p.id),
+            onMouseLeave: () => m(null),
             onClick: () => {
-              g.onSelect(n), o();
+              p.onSelect(n), o();
             },
-            children: g.label
+            children: p.label
           },
-          g.id
+          p.id
         ))
       ]
     }
   );
-  return st(c, document.body);
+  return Ee(u, document.body);
 }
-yt.displayName = "StatusSlotChipMenu";
-function wt({
+wt.displayName = "StatusSlotChipMenu";
+function _t({
   visible: e,
   targetColSpan: t,
   ghostWidth: n,
@@ -398,8 +398,8 @@ function wt({
     }
   );
 }
-wt.displayName = "GhostPreview";
-const _t = {
+_t.displayName = "GhostPreview";
+const Ct = {
   // Spring (D-08). Retuned 260419 — damping 35 → 22 so the commit spring
   // has visible overshoot (ζ ≈ 0.49, ~13–17% overshoot, ~350ms settle). The
   // prior ζ ≈ 0.78 was imperceptible to users. Debug slug:
@@ -419,7 +419,7 @@ const _t = {
   // Velocity multiplier (D-03b panel)
   velocityMultiplier: 1
 };
-class hn {
+class wn {
   constructor() {
     this.samples = [], this.capacity = 3;
   }
@@ -457,8 +457,8 @@ class hn {
     const t = this.samples.length;
     if (t < 2) return 0;
     if (t === 2) {
-      const [u, d] = this.samples, m = Math.max(1, d.t - u.t);
-      return (d.x - u.x) / m * 1e3;
+      const [m, c] = this.samples, d = Math.max(1, c.t - m.t);
+      return (c.x - m.x) / d * 1e3;
     }
     const [n, a, i] = this.samples, s = (i.x - a.x) / Math.max(1, i.t - a.t) * 1e3, o = (a.x - n.x) / Math.max(1, a.t - n.t) * 1e3, l = o;
     return (s * 3 + o * 2 + l * 1) / 6;
@@ -488,7 +488,7 @@ const U = {
   sectionDividerFadeInMs: 120,
   sectionDividerFadeOutMs: 80,
   sectionDividerStaggerMs: 40
-}, Ie = {
+}, Ae = {
   // Geometry (D-08)
   pillOverhangPx: 12,
   pillClearancePx: 14,
@@ -507,8 +507,8 @@ const U = {
   chainPulseMs: 1200,
   chainStaggerMs: 120
 };
-function Ee(e) {
-  const { visible: t, currentTarget: n, previewTarget: a, targetWidth: i, orientation: s } = e, o = tt(i);
+function Fe(e) {
+  const { visible: t, currentTarget: n, previewTarget: a, targetWidth: i, orientation: s } = e, o = nt(i);
   return A(() => {
     o.set(i);
   }, [i, o]), !t || a === n ? null : /* @__PURE__ */ r(
@@ -545,8 +545,8 @@ function Ee(e) {
     }
   );
 }
-Ee.displayName = "ResizePillGhost";
-function Ae(e) {
+Fe.displayName = "ResizePillGhost";
+function Oe(e) {
   const {
     visible: t,
     direction: n,
@@ -555,10 +555,10 @@ function Ae(e) {
     startX: s,
     endX: o,
     pulseMs: l,
-    staggerMs: u
+    staggerMs: m
   } = e;
   if (!t) return null;
-  const d = n === "grow", m = d ? s + a : s + i, h = d ? o - i : o - a, c = Math.max(0, h - m);
+  const c = n === "grow", d = c ? s + a : s + i, h = c ? o - i : o - a, u = Math.max(0, h - d);
   return /* @__PURE__ */ r(
     "div",
     {
@@ -575,10 +575,10 @@ function Ae(e) {
         top: 0,
         height: "100%",
         alignItems: "center",
-        left: m,
-        width: c
+        left: d,
+        width: u
       },
-      children: (n === "grow" ? [0, 1, 2, 3, 4] : [4, 3, 2, 1, 0]).map((y, k) => /* @__PURE__ */ r(
+      children: (n === "grow" ? [0, 1, 2, 3, 4] : [4, 3, 2, 1, 0]).map((w, k) => /* @__PURE__ */ r(
         G.span,
         {
           className: [
@@ -593,7 +593,7 @@ function Ae(e) {
             duration: l / 1e3,
             repeat: 1 / 0,
             ease: "easeInOut",
-            delay: y * u / 1e3
+            delay: w * m / 1e3
           },
           children: "›"
         },
@@ -602,7 +602,7 @@ function Ae(e) {
     }
   );
 }
-Ae.displayName = "ResizePillArrowChain";
+Oe.displayName = "ResizePillArrowChain";
 const we = 3;
 function _e({ filled: e, total: t }) {
   const n = [];
@@ -624,9 +624,9 @@ function _e({ filled: e, total: t }) {
 function Ce(e) {
   return e === "compact" ? "Compact" : e === "medium" ? "Medium" : e === "full" ? "Full" : String(e);
 }
-function Fe(e) {
+function Le(e) {
   const { visible: t, currentTarget: n, previewTarget: a, mode: i, showSizeTooltip: s = !0 } = e;
-  return !t || s === !1 ? null : /* @__PURE__ */ w(
+  return !t || s === !1 ? null : /* @__PURE__ */ y(
     G.div,
     {
       "aria-hidden": "true",
@@ -638,7 +638,7 @@ function Fe(e) {
       exit: { opacity: 0 },
       transition: { duration: 0.18 },
       children: [
-        i === "directional" && /* @__PURE__ */ w($, { children: [
+        i === "directional" && /* @__PURE__ */ y($, { children: [
           /* @__PURE__ */ r(
             _e,
             {
@@ -655,7 +655,7 @@ function Fe(e) {
             }
           )
         ] }),
-        i === "sized" && /* @__PURE__ */ w($, { children: [
+        i === "sized" && /* @__PURE__ */ y($, { children: [
           /* @__PURE__ */ r("span", { className: "gloss-resize-pill-tooltip__label", children: Ce(n) }),
           /* @__PURE__ */ r("span", { className: "gloss-resize-pill-tooltip__arrow", children: "→" }),
           /* @__PURE__ */ r("span", { className: "gloss-resize-pill-tooltip__label", children: Ce(a) })
@@ -664,8 +664,8 @@ function Fe(e) {
     }
   );
 }
-Fe.displayName = "ResizePillSizeTooltip";
-function Ct({ direction: e }) {
+Le.displayName = "ResizePillSizeTooltip";
+function Nt({ direction: e }) {
   return /* @__PURE__ */ r(
     "svg",
     {
@@ -682,7 +682,7 @@ function Ct({ direction: e }) {
     }
   );
 }
-function Nt() {
+function St() {
   return /* @__PURE__ */ r(
     "svg",
     {
@@ -699,7 +699,7 @@ function Nt() {
     }
   );
 }
-function St({ target: e }) {
+function kt({ target: e }) {
   const t = e === "compact" ? 5 : e === "medium" ? 9 : 13;
   return /* @__PURE__ */ r(
     "svg",
@@ -713,7 +713,7 @@ function St({ target: e }) {
     }
   );
 }
-function kt(e) {
+function Dt(e) {
   const {
     target: t,
     currentTarget: n,
@@ -722,17 +722,17 @@ function kt(e) {
     isHovered: s,
     onCommit: o,
     onEnter: l,
-    onLeave: u,
-    buttonHeight: d,
-    buttonWidth: m
+    onLeave: m,
+    buttonHeight: c,
+    buttonWidth: d
   } = e;
   let h = null;
   if (a === "directional") {
-    const c = typeof t == "number" && typeof n == "number" && t < n ? "left" : "right";
-    h = /* @__PURE__ */ r(Ct, { direction: c });
+    const u = typeof t == "number" && typeof n == "number" && t < n ? "left" : "right";
+    h = /* @__PURE__ */ r(Nt, { direction: u });
   } else
-    h = /* @__PURE__ */ r(St, { target: t });
-  return /* @__PURE__ */ w(
+    h = /* @__PURE__ */ r(kt, { target: t });
+  return /* @__PURE__ */ y(
     "button",
     {
       type: "button",
@@ -745,25 +745,25 @@ function kt(e) {
       "data-mode": a,
       "data-active": i ? "true" : "false",
       "data-button-hover-state": s ? "check" : "chevron",
-      style: { width: m, height: d },
+      style: { width: d, height: c },
       onClick: () => o(t),
       onPointerEnter: () => l?.(t),
-      onPointerLeave: () => u?.(),
+      onPointerLeave: () => m?.(),
       "aria-label": `Resize to ${String(t)}`,
       children: [
         /* @__PURE__ */ r("span", { className: "gloss-resize-pill__glyph", children: h }),
-        /* @__PURE__ */ r("span", { className: "gloss-resize-pill__check", children: /* @__PURE__ */ r(Nt, {}) })
+        /* @__PURE__ */ r("span", { className: "gloss-resize-pill__check", children: /* @__PURE__ */ r(St, {}) })
       ]
     }
   );
 }
-const Dt = Xe(
+const xt = et(
   function(t, n) {
     const a = {
-      ...Ie,
+      ...Ae,
       ...t.physics
-    }, i = t.pillVisible && !t.forceIdle && t.resizePillEnabled !== !1, s = t.availableTargets, o = t.orientation ?? "vertical", l = t.buttonHover !== null && t.previewTarget !== void 0 && t.previewTarget !== null && t.previewTarget !== t.currentTarget && !t.forceIdle && t.resizePillEnabled !== !1, u = l && t.previewTarget != null ? t.resolveTargetWidth(t.previewTarget) : t.hostWidth, d = t.chainStartX ?? 0, m = t.chainEndX ?? t.hostWidth, h = t.chainDirection ?? "grow";
-    return /* @__PURE__ */ w(at, { children: [
+    }, i = t.pillVisible && !t.forceIdle && t.resizePillEnabled !== !1, s = t.availableTargets, o = t.orientation ?? "vertical", l = t.buttonHover !== null && t.previewTarget !== void 0 && t.previewTarget !== null && t.previewTarget !== t.currentTarget && !t.forceIdle && t.resizePillEnabled !== !1, m = l && t.previewTarget != null ? t.resolveTargetWidth(t.previewTarget) : t.hostWidth, c = t.chainStartX ?? 0, d = t.chainEndX ?? t.hostWidth, h = t.chainDirection ?? "grow";
+    return /* @__PURE__ */ y(rt, { children: [
       i && /* @__PURE__ */ r(
         G.div,
         {
@@ -790,16 +790,16 @@ const Dt = Xe(
           transition: { duration: a.pillRevealMs / 1e3 },
           onPointerEnter: t.onPillEnter,
           onPointerLeave: t.onPillLeave,
-          children: s.map((c) => /* @__PURE__ */ r(
-            kt,
+          children: s.map((u) => /* @__PURE__ */ r(
+            Dt,
             {
-              target: c,
+              target: u,
               currentTarget: t.currentTarget,
               mode: t.mode,
-              isActive: c === t.currentTarget,
+              isActive: u === t.currentTarget,
               isHovered: (
                 // Hover-state mapping for chevron→✓ morph CSS.
-                t.buttonHover !== null && (typeof c == "number" && typeof t.currentTarget == "number" && (t.buttonHover === "grow" && c > t.currentTarget || t.buttonHover === "shrink" && c < t.currentTarget) || t.buttonHover === c)
+                t.buttonHover !== null && (typeof u == "number" && typeof t.currentTarget == "number" && (t.buttonHover === "grow" && u > t.currentTarget || t.buttonHover === "shrink" && u < t.currentTarget) || t.buttonHover === u)
               ),
               onCommit: t.onCommit,
               onEnter: t.onButtonEnter,
@@ -807,40 +807,40 @@ const Dt = Xe(
               buttonHeight: a.pillButtonHeight,
               buttonWidth: a.pillButtonWidth
             },
-            String(c)
+            String(u)
           ))
         },
         "pill"
       ),
       i && l && t.previewTarget != null && /* @__PURE__ */ r(
-        Ee,
+        Fe,
         {
           visible: !0,
           currentTarget: t.currentTarget,
           previewTarget: t.previewTarget,
           hostWidth: t.hostWidth,
-          targetWidth: u,
+          targetWidth: m,
           ghostClearancePx: a.ghostClearancePx,
           orientation: o
         },
         "ghost"
       ),
       i && l && /* @__PURE__ */ r(
-        Ae,
+        Oe,
         {
           visible: !0,
           direction: h,
           pillClearancePx: a.pillClearancePx,
           ghostClearancePx: a.ghostClearancePx,
-          startX: d,
-          endX: m,
+          startX: c,
+          endX: d,
           pulseMs: a.chainPulseMs,
           staggerMs: a.chainStaggerMs
         },
         "chain"
       ),
       i && l && t.showSizeTooltip && t.previewTarget != null && /* @__PURE__ */ r(
-        Fe,
+        Le,
         {
           visible: !0,
           currentTarget: t.currentTarget,
@@ -853,52 +853,52 @@ const Dt = Xe(
     ] });
   }
 );
-Dt.displayName = "ResizePill";
-function fn(e) {
+xt.displayName = "ResizePill";
+function _n(e) {
   const t = {
-    ...Ie,
+    ...Ae,
     ...e.physics
-  }, [n, a] = E("idle"), [i, s] = E(e.currentTarget), [o, l] = E(null), u = P(!1), d = P(null), m = P(null), h = P(e.currentTarget);
+  }, [n, a] = I("idle"), [i, s] = I(e.currentTarget), [o, l] = I(null), m = P(!1), c = P(null), d = P(null), h = P(e.currentTarget);
   h.current = e.currentTarget;
-  const c = P(e.onCommit);
-  c.current = e.onCommit;
-  const g = P(e.forceIdle);
-  g.current = e.forceIdle;
-  const y = P(e.onPhaseChange);
-  y.current = e.onPhaseChange, A(() => {
-    y.current?.(n);
+  const u = P(e.onCommit);
+  u.current = e.onCommit;
+  const p = P(e.forceIdle);
+  p.current = e.forceIdle;
+  const w = P(e.onPhaseChange);
+  w.current = e.onPhaseChange, A(() => {
+    w.current?.(n);
   }, [n]), A(() => {
-    e.forceIdle && (m.current && (clearTimeout(m.current), m.current = null), a("idle"), l(null));
+    e.forceIdle && (d.current && (clearTimeout(d.current), d.current = null), a("idle"), l(null));
   }, [e.forceIdle]), A(() => () => {
-    d.current && clearTimeout(d.current), m.current && clearTimeout(m.current);
+    c.current && clearTimeout(c.current), d.current && clearTimeout(d.current);
   }, []);
   const k = C(() => {
-    u.current || g.current || (s(h.current), a("pill-visible"));
+    m.current || p.current || (s(h.current), a("pill-visible"));
   }, []), f = C(() => {
     a("idle"), l(null);
   }, []), b = C(
     (x) => {
-      u.current = !0, d.current && clearTimeout(d.current), d.current = setTimeout(() => {
-        u.current = !1, d.current = null;
-      }, t.fadeGraceMs), l(null), a("fading"), c.current(x);
+      m.current = !0, c.current && clearTimeout(c.current), c.current = setTimeout(() => {
+        m.current = !1, c.current = null;
+      }, t.fadeGraceMs), l(null), a("fading"), u.current(x);
     },
     [t.fadeGraceMs]
   ), M = C(() => {
-    m.current && (clearTimeout(m.current), m.current = null), k();
+    d.current && (clearTimeout(d.current), d.current = null), k();
   }, [k]), N = C(() => {
-    m.current && clearTimeout(m.current), m.current = setTimeout(() => {
-      f(), m.current = null;
+    d.current && clearTimeout(d.current), d.current = setTimeout(() => {
+      f(), d.current = null;
     }, t.hoverHideGraceMs);
   }, [f, t.hoverHideGraceMs]), S = C(() => {
-    m.current && (clearTimeout(m.current), m.current = null);
-  }, []), R = C(() => {
-    m.current && clearTimeout(m.current), m.current = setTimeout(() => {
-      f(), m.current = null;
+    d.current && (clearTimeout(d.current), d.current = null);
+  }, []), T = C(() => {
+    d.current && clearTimeout(d.current), d.current = setTimeout(() => {
+      f(), d.current = null;
     }, t.hoverHideGraceMs);
-  }, [f, t.hoverHideGraceMs]), p = C((x) => {
-    const I = h.current;
+  }, [f, t.hoverHideGraceMs]), g = C((x) => {
+    const E = h.current;
     let L;
-    x === "compact" || x === "medium" || x === "full" ? L = x : typeof I == "number" && typeof x == "number" ? L = x > I ? "grow" : "shrink" : L = "grow", l(L), a("pre-commit");
+    x === "compact" || x === "medium" || x === "full" ? L = x : typeof E == "number" && typeof x == "number" ? L = x > E ? "grow" : "shrink" : L = "grow", l(L), a("pre-commit");
   }, []), v = C(() => {
     l(null), a((x) => x === "pre-commit" ? "pill-visible" : x);
   }, []), _ = C(
@@ -918,22 +918,22 @@ function fn(e) {
       onTriggerEnter: M,
       onTriggerLeave: N,
       onPillEnter: S,
-      onPillLeave: R,
-      onButtonEnter: p,
+      onPillLeave: T,
+      onButtonEnter: g,
       onButtonLeave: v,
       onButtonClick: _
     },
     commit: b
   };
 }
-function bn(e) {
+function Cn(e) {
   const { cardWidthPx: t, slotCount: n, activeSlotIdx: a, pillWidthPx: i } = e;
   if (a == null || !Number.isFinite(t) || t <= 0 || !Number.isFinite(n) || n <= 0 || !Number.isInteger(a) || a < 0 || a >= n)
     return;
   const s = (a + 0.5) * (t / n);
   return i != null && Number.isFinite(i) && i > 0 ? s - i / 2 : s;
 }
-const vn = [
+const Nn = [
   // 1. Standard: Total Revenue
   {
     variant: "standard",
@@ -1065,7 +1065,7 @@ const vn = [
     subtitle: "Awaiting QA",
     highlightColor: "neutral"
   }
-], xt = {
+], Rt = {
   variant: "standard",
   label: "Total Revenue",
   isLoading: !0
@@ -1075,14 +1075,14 @@ const vn = [
   value: 125430,
   valueFormat: { prefix: "$", abbreviated: !0 },
   isError: !0
-}, Rt = {
+}, Mt = {
   variant: "standard",
   label: "Total Revenue",
   value: null,
   valueFormat: { prefix: "$", abbreviated: !0 },
   isEmpty: !0,
   subtitle: "No data"
-}, Mt = {
+}, Pt = {
   variant: "standard",
   label: "Total Revenue",
   value: 125430,
@@ -1090,7 +1090,7 @@ const vn = [
   trend: { value: 12.5, direction: "up" },
   subtitle: "MTD",
   isStale: !0
-}, Pt = {
+}, It = {
   variant: "sparkline",
   label: "Daily Orders",
   value: 847,
@@ -1099,7 +1099,7 @@ const vn = [
   sparklineData: [42, 38, 51, 47, 55, 60, 58, 63, 57, 62, 68, 71, 65, 59],
   accentColor: "#6366f1",
   isStale: !0
-}, It = {
+}, Et = {
   variant: "donut",
   label: "Order Fill Rate",
   value: 78,
@@ -1110,14 +1110,14 @@ const vn = [
   donutMax: 100,
   accentColor: "#10b981",
   isStale: !0
-}, yn = [
-  xt,
-  Tt,
+}, Sn = [
   Rt,
+  Tt,
   Mt,
   Pt,
-  It
-], wn = {
+  It,
+  Et
+], kn = {
   variant: "sparkline",
   label: "Daily Orders",
   value: 847,
@@ -1140,7 +1140,7 @@ const vn = [
     59
   ],
   accentColor: "#6366f1"
-}, _n = {
+}, Dn = {
   variant: "sparkline",
   label: "New Customers",
   value: 23,
@@ -1179,21 +1179,21 @@ const vn = [
     19
   ],
   accentColor: "#10b981"
-}, Cn = {
+}, xn = {
   variant: "standard",
   label: "Total Revenue",
   value: 125430,
   valueFormat: { prefix: "$", abbreviated: !0 },
   trend: { value: 12.5, direction: "up" },
   subtitle: "MTD"
-}, Nn = {
+}, Rn = {
   variant: "standard",
   label: "Returns",
   value: 3280,
   valueFormat: { prefix: "$", abbreviated: !0 },
   trend: { value: -8.3, direction: "down" },
   subtitle: "MTD"
-}, Sn = {
+}, Tn = {
   variant: "standard",
   label: "Avg Order Value",
   value: 487,
@@ -1201,7 +1201,7 @@ const vn = [
   trend: { value: 0, direction: "flat" },
   subtitle: "QTD"
 };
-function Oe({
+function $e({
   open: e,
   onDismiss: t,
   anchorRef: n,
@@ -1211,23 +1211,23 @@ function Oe({
   onCreatePage: o,
   onManagePages: l
 }) {
-  const u = C(
-    (c) => {
-      s(c), t();
+  const m = C(
+    (u) => {
+      s(u), t();
     },
     [s, t]
-  ), d = C(
-    (c, g) => {
-      (g.key === "Enter" || g.key === " ") && (g.preventDefault(), u(c));
+  ), c = C(
+    (u, p) => {
+      (p.key === "Enter" || p.key === " ") && (p.preventDefault(), m(u));
     },
-    [u]
-  ), m = C(() => {
+    [m]
+  ), d = C(() => {
     o(), t();
   }, [o, t]), h = C(() => {
     l(), t();
   }, [l, t]);
-  return /* @__PURE__ */ w(
-    rt,
+  return /* @__PURE__ */ y(
+    it,
     {
       definition: {
         placement: "bottom-end",
@@ -1240,37 +1240,37 @@ function Oe({
       anchorRef: n,
       className: "gloss-page-dropdown",
       children: [
-        /* @__PURE__ */ r("ul", { role: "menu", className: "gloss-page-dropdown__list", children: a.map((c) => {
-          const g = c.id === i;
-          return /* @__PURE__ */ w(
+        /* @__PURE__ */ r("ul", { role: "menu", className: "gloss-page-dropdown__list", children: a.map((u) => {
+          const p = u.id === i;
+          return /* @__PURE__ */ y(
             "li",
             {
               role: "menuitemradio",
-              "aria-checked": g,
-              "aria-current": g ? "page" : void 0,
+              "aria-checked": p,
+              "aria-current": p ? "page" : void 0,
               tabIndex: 0,
-              className: `gloss-page-dropdown__item${g ? " gloss-page-dropdown__item--active" : ""}`,
-              onClick: () => u(c.id),
-              onKeyDown: (y) => d(c.id, y),
+              className: `gloss-page-dropdown__item${p ? " gloss-page-dropdown__item--active" : ""}`,
+              onClick: () => m(u.id),
+              onKeyDown: (w) => c(u.id, w),
               children: [
                 /* @__PURE__ */ r(
                   "span",
                   {
-                    className: `gloss-page-dropdown__dot${g ? " gloss-page-dropdown__dot--active" : ""}`
+                    className: `gloss-page-dropdown__dot${p ? " gloss-page-dropdown__dot--active" : ""}`
                   }
                 ),
                 /* @__PURE__ */ r(
                   "span",
                   {
-                    className: `gloss-page-dropdown__name${c.named ? "" : " gloss-page-dropdown__name--unnamed"}`,
-                    children: c.name
+                    className: `gloss-page-dropdown__name${u.named ? "" : " gloss-page-dropdown__name--unnamed"}`,
+                    children: u.name
                   }
                 ),
-                c.icon && /* @__PURE__ */ r("span", { className: "gloss-page-dropdown__icon", children: c.icon }),
-                /* @__PURE__ */ r("span", { className: "gloss-page-dropdown__count", children: c.cardCount })
+                u.icon && /* @__PURE__ */ r("span", { className: "gloss-page-dropdown__icon", children: u.icon }),
+                /* @__PURE__ */ r("span", { className: "gloss-page-dropdown__count", children: u.cardCount })
               ]
             },
-            c.id
+            u.id
           );
         }) }),
         /* @__PURE__ */ r("hr", { className: "gloss-page-dropdown__separator" }),
@@ -1279,7 +1279,7 @@ function Oe({
           {
             role: "menuitem",
             className: "gloss-page-dropdown__action",
-            onClick: m,
+            onClick: d,
             children: "+ New page"
           }
         ),
@@ -1297,8 +1297,8 @@ function Oe({
     }
   );
 }
-Oe.displayName = "PageDropdown";
-const Et = function({
+$e.displayName = "PageDropdown";
+const At = function({
   currentIndex: t,
   total: n,
   pages: a,
@@ -1306,23 +1306,23 @@ const Et = function({
   onCreatePage: s,
   onManagePages: o,
   maskRadius: l = "var(--gloss-radius-md)",
-  displayMode: u = "count",
-  activePage: d
+  displayMode: m = "count",
+  activePage: c
 }) {
-  const m = P(null), [h, c] = E(!1), g = C(() => {
-    c((b) => !b);
-  }, []), y = C(() => {
-    c(!1);
+  const d = P(null), [h, u] = I(!1), p = C(() => {
+    u((b) => !b);
+  }, []), w = C(() => {
+    u(!1);
   }, []), k = a[t]?.id ?? "";
-  return /* @__PURE__ */ w(
+  return /* @__PURE__ */ y(
     "div",
     {
       className: "gloss-page-chip",
-      ref: m,
-      style: u === "name" ? { position: "relative", left: 0, right: "auto", top: 0 } : { position: "absolute", top: 0, right: 0 },
+      ref: d,
+      style: m === "name" ? { position: "relative", left: 0, right: "auto", top: 0 } : { position: "absolute", top: 0, right: 0 },
       "data-page-chip": !0,
       children: [
-        u !== "name" && /* @__PURE__ */ r(
+        m !== "name" && /* @__PURE__ */ r(
           "div",
           {
             className: "gloss-page-chip__nuzzle",
@@ -1332,15 +1332,15 @@ const Et = function({
         /* @__PURE__ */ r(
           "button",
           {
-            className: `gloss-page-chip__trigger${u === "name" ? " gloss-page-chip__trigger--name" : ""}`,
+            className: `gloss-page-chip__trigger${m === "name" ? " gloss-page-chip__trigger--name" : ""}`,
             "aria-haspopup": "menu",
             "aria-expanded": h,
-            "aria-label": u === "name" ? `${d ?? "Page"}. Click to switch pages.` : `Page ${t + 1} of ${n}. Click to switch pages.`,
-            onClick: g,
-            children: u === "name" ? /* @__PURE__ */ w($, { children: [
-              /* @__PURE__ */ r("span", { className: "gloss-page-chip__trigger-name", children: d ?? "" }),
+            "aria-label": m === "name" ? `${c ?? "Page"}. Click to switch pages.` : `Page ${t + 1} of ${n}. Click to switch pages.`,
+            onClick: p,
+            children: m === "name" ? /* @__PURE__ */ y($, { children: [
+              /* @__PURE__ */ r("span", { className: "gloss-page-chip__trigger-name", children: c ?? "" }),
               /* @__PURE__ */ r("span", { className: "gloss-page-chip__trigger-chevron", "aria-hidden": "true", children: "▾" })
-            ] }) : /* @__PURE__ */ w($, { children: [
+            ] }) : /* @__PURE__ */ y($, { children: [
               t + 1,
               " / ",
               n
@@ -1348,11 +1348,11 @@ const Et = function({
           }
         ),
         /* @__PURE__ */ r(
-          Oe,
+          $e,
           {
             open: h,
-            onDismiss: y,
-            anchorRef: m,
+            onDismiss: w,
+            anchorRef: d,
             pages: a,
             activePageId: k,
             onPageChange: i,
@@ -1364,8 +1364,8 @@ const Et = function({
     }
   );
 };
-Et.displayName = "PageChip";
-const kn = [
+At.displayName = "PageChip";
+const Mn = [
   {
     id: "ORD-1001",
     orderNumber: "ORD-1001",
@@ -1498,7 +1498,7 @@ const kn = [
     date: "2026-03-01",
     skuCount: 9
   }
-], Dn = [
+], Pn = [
   {
     id: "ITEM-001",
     sku: "PB-4520",
@@ -1635,13 +1635,13 @@ const kn = [
 function me(e) {
   return "$" + e.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
 }
-function Le(e) {
+function ze(e) {
   return e.toLocaleString("en-US");
 }
-function $e(e) {
+function Be(e) {
   return new Date(e).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
 }
-const J = F.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"), xn = [
+const J = F.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"), In = [
   {
     field: "id",
     headerName: "Order",
@@ -1671,7 +1671,7 @@ const J = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.skuCount ? Le(e.skuCount) : J
+    renderCell: ({ row: e }) => e.skuCount ? ze(e.skuCount) : J
   },
   {
     field: "total",
@@ -1691,9 +1691,9 @@ const J = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.date ? $e(e.date) : ""
+    renderCell: ({ row: e }) => e.date ? Be(e.date) : ""
   }
-], Tn = [
+], En = [
   {
     field: "sku",
     headerName: "Item ID",
@@ -1735,7 +1735,7 @@ const J = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums gloss-drillable",
-    renderCell: ({ row: e }) => e.quantity ? Le(e.quantity) : J
+    renderCell: ({ row: e }) => e.quantity ? ze(e.quantity) : J
   },
   {
     field: "total",
@@ -1755,24 +1755,24 @@ const J = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.lastDate ? $e(e.lastDate) : ""
+    renderCell: ({ row: e }) => e.lastDate ? Be(e.lastDate) : ""
   }
-], At = [
+], Ft = [
   { id: "c-001", label: "ABC Home Goods" },
   { id: "c-002", label: "Riverside Retail" },
   { id: "c-003", label: "Mountain View Store" },
   { id: "c-004", label: "Downtown Decor" },
   { id: "c-005", label: "Pacific Coast Imports" }
-], Ft = [
+], Ot = [
   { id: "i-001", label: "Classic Linen Throw Pillow" },
   { id: "i-002", label: "Coastal Wave Candle Set" },
   { id: "i-003", label: "Walnut Console Table" },
   { id: "i-004", label: "Hand-Blown Glass Vase" },
   { id: "i-005", label: "Velvet Accent Cushion" }
 ], ie = (e) => {
-}, Ot = (e) => {
+}, Lt = (e) => {
 }, Ne = (e, t) => {
-}, ze = {
+}, Ke = {
   vizState: {
     type: "orders",
     quant: "$",
@@ -1781,16 +1781,16 @@ const J = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     timeFrame: "MTD"
   },
   onTypeChange: ie,
-  onQuantChange: Ot,
+  onQuantChange: Lt,
   onEntityTypeChange: ie,
   onEntitySelect: Ne,
   onItemSelect: Ne,
   onTimeFrameChange: ie,
   userType: "sales-agency",
-  entityFilterOptions: At,
-  itemFilterOptions: Ft
-}, Rn = {
-  ...ze,
+  entityFilterOptions: Ft,
+  itemFilterOptions: Ot
+}, An = {
+  ...Ke,
   vizState: {
     type: "items",
     quant: "$",
@@ -1798,8 +1798,8 @@ const J = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     byItem: { id: "i-003", name: "Walnut Console Table" },
     timeFrame: "YTD"
   }
-}, Mn = {
-  ...ze,
+}, Fn = {
+  ...Ke,
   vizState: {
     type: "orders",
     quant: "#",
@@ -1811,7 +1811,7 @@ const J = F.createElement("span", { style: { color: "var(--color-text-muted)" }
   entityFilterOptions: [
     { id: "customers", label: "Customers" }
   ]
-}, Lt = [
+}, $t = [
   {
     id: "recent-orders",
     label: "Recent Orders",
@@ -1857,7 +1857,7 @@ const J = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     routeKey: "customer.profile",
     subtitle: "Opens in RepTime"
   }
-], $t = [
+], zt = [
   {
     id: "order-items",
     label: "Items in Order",
@@ -1886,7 +1886,7 @@ const J = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     cellKinds: ["orderId"],
     graphType: "timeline"
   }
-], zt = [
+], Bt = [
   {
     id: "graph-metric",
     label: "Graph This Metric",
@@ -1914,14 +1914,14 @@ const J = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     cellKinds: ["numeric"],
     tabType: "orders"
   }
-], Pn = {
-  entityName: Lt,
-  orderId: $t,
-  numeric: zt
-}, In = [
+], On = {
+  entityName: $t,
+  orderId: zt,
+  numeric: Bt
+}, Ln = [
   new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), (/* @__PURE__ */ new Date()).getDate() - 29),
   /* @__PURE__ */ new Date()
-], En = {
+], $n = {
   rangeA: [
     new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), 1),
     /* @__PURE__ */ new Date()
@@ -1934,7 +1934,7 @@ const J = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth() - 2, 1),
     new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth() - 1, 0)
   ]
-}, An = {
+}, zn = {
   version: 4,
   lastPreset: "mtd",
   pinnedPreset: "mtd",
@@ -1942,7 +1942,7 @@ const J = F.createElement("span", { style: { color: "var(--color-text-muted)" }
   rangeCount: 1,
   lastPresetB: null,
   lastPresetC: null
-}, Fn = [
+}, Bn = [
   {
     id: "atlanta-jan",
     label: "Atlanta Market",
@@ -1964,7 +1964,7 @@ const J = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     endDate: new Date(2026, 3, 22),
     location: "Chicago, IL"
   }
-], On = [
+], Kn = [
   {
     id: "custom-regional-1",
     label: "Southeast Regional Expo",
@@ -1981,7 +1981,7 @@ const J = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     location: "Portland, OR",
     isCustom: !0
   }
-], Ln = [
+], Gn = [
   {
     id: "atlanta-jan",
     label: "Atlanta Market",
@@ -1998,36 +1998,36 @@ const J = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     location: "New York, NY",
     active: !0
   }
-], $n = [
+], Hn = [
   { id: "7d", label: "7D" },
   { id: "30d", label: "30D" },
   { id: "60d", label: "60D" },
   { id: "90d", label: "90D" }
-], zn = [
+], Wn = [
   { id: "mtd", label: "MTD" },
   { id: "qtd", label: "QTD" },
   { id: "ytd", label: "YTD" },
   { id: "lytd", label: "LYTD" }
-], Bt = {
+], Kt = {
   timeframe: "Time Frame",
   threshold: "Thresholds",
   slots: "Slots",
   size: "Size",
   color: "Color",
   pinned: "Pinned"
-}, Kt = {
-  timeframe: it,
-  threshold: ot,
-  slots: lt,
-  size: ct,
-  color: dt,
-  pinned: ut
+}, Gt = {
+  timeframe: ot,
+  threshold: lt,
+  slots: ct,
+  size: dt,
+  color: ut,
+  pinned: mt
 };
 function Se(...e) {
   return e.filter(Boolean).join(" ");
 }
-function Gt() {
-  const [e, t] = E(() => typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches);
+function Ht() {
+  const [e, t] = I(() => typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches);
   return A(() => {
     if (typeof window > "u" || typeof window.matchMedia != "function") return;
     const n = window.matchMedia("(prefers-reduced-motion: reduce)"), a = (i) => t(i.matches);
@@ -2036,42 +2036,42 @@ function Gt() {
     });
   }, []), e;
 }
-const Ht = ({
+const Wt = ({
   dimensions: e,
   onDimensionSelect: t,
   activeDimension: n,
   ariaCardTypeLabel: a,
   className: i
 }) => {
-  const s = P(null), o = P([]), l = Gt(), u = re(() => Array.from(e), [e]);
-  if (u.length === 0) return null;
-  const d = a ? `Configure ${a}: choose a dimension` : void 0, m = l ? "10ms" : "200ms", h = (c, g) => {
-    const y = u.length - 1, k = (f) => {
+  const s = P(null), o = P([]), l = Ht(), m = re(() => Array.from(e), [e]);
+  if (m.length === 0) return null;
+  const c = a ? `Configure ${a}: choose a dimension` : void 0, d = l ? "10ms" : "200ms", h = (u, p) => {
+    const w = m.length - 1, k = (f) => {
       const b = o.current[f];
       b && b.focus();
     };
-    switch (c.key) {
+    switch (u.key) {
       case "ArrowRight":
       case "ArrowDown": {
-        c.preventDefault(), k(g === y ? 0 : g + 1);
+        u.preventDefault(), k(p === w ? 0 : p + 1);
         break;
       }
       case "ArrowLeft":
       case "ArrowUp": {
-        c.preventDefault(), k(g === 0 ? y : g - 1);
+        u.preventDefault(), k(p === 0 ? w : p - 1);
         break;
       }
       case "Home": {
-        c.preventDefault(), k(0);
+        u.preventDefault(), k(0);
         break;
       }
       case "End": {
-        c.preventDefault(), k(y);
+        u.preventDefault(), k(w);
         break;
       }
       case "Enter":
       case " ": {
-        c.preventDefault(), t(u[g]);
+        u.preventDefault(), t(m[p]);
         break;
       }
     }
@@ -2081,49 +2081,49 @@ const Ht = ({
     {
       ref: s,
       role: "group",
-      "aria-label": d,
+      "aria-label": c,
       className: Se("gloss-reconfig-backside-buttons", i),
       style: {
         // Expose the reduced-motion-resolved duration as a CSS custom prop
         // so the SCSS transition rule can consume it without a nested media
         // query in the JS. Also surfaces the value for the unit test.
-        "--gloss-reconfig-backside-buttons-transition-duration": m
+        "--gloss-reconfig-backside-buttons-transition-duration": d
       },
-      children: u.map((c, g) => {
-        const y = Kt[c], k = n === c;
-        return /* @__PURE__ */ w(
+      children: m.map((u, p) => {
+        const w = Gt[u], k = n === u;
+        return /* @__PURE__ */ y(
           "button",
           {
             ref: (f) => {
-              o.current[g] = f;
+              o.current[p] = f;
             },
             type: "button",
-            "data-dimension": c,
+            "data-dimension": u,
             className: Se(
               "gloss-reconfig-backside-buttons__button",
               k && "gloss-reconfig-backside-buttons__button--active"
             ),
             "aria-current": k ? "true" : void 0,
-            onClick: () => t(c),
-            onKeyDown: (f) => h(f, g),
+            onClick: () => t(u),
+            onKeyDown: (f) => h(f, p),
             children: [
               /* @__PURE__ */ r(
-                y,
+                w,
                 {
                   className: "gloss-reconfig-backside-buttons__button-icon",
                   "aria-hidden": "true"
                 }
               ),
-              /* @__PURE__ */ r("span", { className: "gloss-reconfig-backside-buttons__button-label", children: Bt[c] })
+              /* @__PURE__ */ r("span", { className: "gloss-reconfig-backside-buttons__button-label", children: Kt[u] })
             ]
           },
-          c
+          u
         );
       })
     }
   );
 };
-Ht.displayName = "ReconfigBacksideButtons";
+Wt.displayName = "ReconfigBacksideButtons";
 function z(e, t) {
   return {
     id: e,
@@ -2150,7 +2150,7 @@ function ke(e, t) {
     colSpan: 2
   };
 }
-const Bn = [
+const Vn = [
   z("total-revenue", "Total Revenue"),
   z("total-orders", "Total Orders"),
   ke("revenue-trend", "Revenue Trend (2x)"),
@@ -2161,21 +2161,21 @@ const Bn = [
   z("repeat-rate", "Repeat Rate"),
   z("open-orders", "Open Orders"),
   z("shipped-orders", "Shipped Orders")
-], Kn = {
+], jn = {
   columns: 6,
   rowHeight: 120,
   gap: 15,
   maxRows: 3,
   currentPage: 0,
   totalPages: 1
-}, Gn = {
+}, Un = {
   columns: 9,
   rowHeight: 120,
   gap: 15,
   maxRows: 3,
   currentPage: 0,
   totalPages: 2
-}, Hn = {
+}, Yn = {
   columns: 12,
   rowHeight: 120,
   gap: 15,
@@ -2186,7 +2186,7 @@ const Bn = [
 function oe(e) {
   return F.createElement("span", { style: { fontSize: 14 } }, e);
 }
-const Wn = [
+const Zn = [
   {
     id: "all-orders",
     type: "orders",
@@ -2209,7 +2209,7 @@ const Wn = [
     icon: oe("🚚"),
     closable: !0
   }
-], Vn = [
+], qn = [
   {
     id: "orders-main",
     type: "orders",
@@ -2235,7 +2235,7 @@ const Wn = [
     name: "Customers",
     closable: !0
   }
-], jn = [
+], Qn = [
   {
     id: "only-tab",
     type: "orders",
@@ -2243,7 +2243,7 @@ const Wn = [
     closable: !1,
     autoCreated: !0
   }
-], Un = [
+], Xn = [
   { id: "tab-1", type: "orders", name: "All Orders", closable: !1, autoCreated: !0 },
   { id: "tab-2", type: "orders", name: "Open Orders", closable: !0 },
   { id: "tab-3", type: "orders", name: "Shipped Orders", closable: !0 },
@@ -2255,7 +2255,7 @@ const Wn = [
   { id: "tab-9", type: "order-items", name: "Order #12345", closable: !0 },
   { id: "tab-10", type: "orders", name: "Recent 30D", closable: !0 }
 ];
-function ge(e) {
+function pe(e) {
   switch (e) {
     case "wide":
       return { cols: 2, rows: 1 };
@@ -2266,15 +2266,15 @@ function ge(e) {
       return { cols: 1, rows: 1 };
   }
 }
-function Wt(e) {
+function Vt(e) {
   let t = 0;
   for (const a of e) {
-    const i = ge(a.size), s = a.gridPosition.col + i.cols - 1;
+    const i = pe(a.size), s = a.gridPosition.col + i.cols - 1;
     s > t && (t = s);
   }
   return `repeat(${t > 0 ? t : Math.max(e.length, 1)}, minmax(0, 1fr))`;
 }
-const Vt = function(t) {
+const jt = function(t) {
   if (t.renderMode === "discrete")
     return /* @__PURE__ */ r(
       "div",
@@ -2282,7 +2282,7 @@ const Vt = function(t) {
         className: "gloss-metric-group gloss-metric-group--discrete",
         style: { display: "contents" },
         children: t.cards.map((i) => {
-          const s = ge(i.size);
+          const s = pe(i.size);
           return /* @__PURE__ */ r(
             "div",
             {
@@ -2299,7 +2299,7 @@ const Vt = function(t) {
       }
     );
   const { cards: n, composite: a } = t;
-  return /* @__PURE__ */ w(
+  return /* @__PURE__ */ y(
     "div",
     {
       className: "gloss-metric-group gloss-metric-group--composite",
@@ -2325,7 +2325,7 @@ const Vt = function(t) {
             style: { background: a.accentColor }
           }
         ),
-        a?.label && /* @__PURE__ */ w("div", { className: "gloss-metric-group__label", children: [
+        a?.label && /* @__PURE__ */ y("div", { className: "gloss-metric-group__label", children: [
           /* @__PURE__ */ r("span", { children: a.label }),
           a?.trend && /* @__PURE__ */ r(
             "span",
@@ -2343,10 +2343,10 @@ const Vt = function(t) {
             style: {
               display: "grid",
               gap: "var(--gloss-spacing-2, 8px)",
-              gridTemplateColumns: Wt(n)
+              gridTemplateColumns: Vt(n)
             },
             children: n.map((i) => {
-              const s = ge(i.size);
+              const s = pe(i.size);
               return /* @__PURE__ */ r(
                 "div",
                 {
@@ -2366,16 +2366,16 @@ const Vt = function(t) {
     }
   );
 };
-Vt.displayName = "MetricGroupContainer";
-const Be = "resize.tuning.dev", jt = {
-  ..._t,
+jt.displayName = "MetricGroupContainer";
+const Ge = "resize.tuning.dev", Ut = {
+  ...Ct,
   snapInPx: 60,
   snapOutPx: 90
-}, V = jt;
-function Ut() {
+}, V = Ut;
+function Yt() {
   if (typeof window > "u") return { ...V };
   try {
-    const e = window.localStorage.getItem(Be);
+    const e = window.localStorage.getItem(Ge);
     if (!e) return { ...V };
     const t = JSON.parse(e);
     return !t || typeof t != "object" || Array.isArray(t) ? { ...V } : { ...V, ...t };
@@ -2383,12 +2383,12 @@ function Ut() {
     return { ...V };
   }
 }
-function Yt() {
-  const [e, t] = E(() => Ut());
+function Zt() {
+  const [e, t] = I(() => Yt());
   A(() => {
     if (!(typeof window > "u"))
       try {
-        window.localStorage.setItem(Be, JSON.stringify(e));
+        window.localStorage.setItem(Ge, JSON.stringify(e));
       } catch {
       }
   }, [e]);
@@ -2407,7 +2407,7 @@ function Yt() {
   }, []);
   return { values: e, setValue: n, resetRow: a, resetAll: i };
 }
-const Zt = [
+const qt = [
   { key: "stiffness", label: "Spring stiffness", unit: "", min: 100, max: 1e3, step: 10 },
   { key: "damping", label: "Spring damping", unit: "", min: 10, max: 60, step: 1 },
   { key: "mass", label: "Spring mass", unit: "", min: 0.5, max: 2, step: 0.1 },
@@ -2418,11 +2418,11 @@ const Zt = [
   { key: "blueprintFadeOutMs", label: "Blueprint fade out", unit: "ms", min: 60, max: 400, step: 10 },
   { key: "velocityMultiplier", label: "Velocity multiplier", unit: "×", min: 0, max: 2, step: 0.05 }
 ];
-function qt(e, t) {
+function Qt(e, t) {
   return t >= 1 ? String(Math.round(e)) : t >= 0.1 ? e.toFixed(1) : e.toFixed(2);
 }
-function Qt() {
-  return /* @__PURE__ */ w(
+function Xt() {
+  return /* @__PURE__ */ y(
     "svg",
     {
       width: "14",
@@ -2441,14 +2441,14 @@ function Qt() {
     }
   );
 }
-function Xt({ spec: e, value: t, onChange: n, onReset: a, flashing: i }) {
+function Jt({ spec: e, value: t, onChange: n, onReset: a, flashing: i }) {
   const s = C(
     (o) => {
       (o.key === "r" || o.key === "R") && (o.preventDefault(), a());
     },
     [a]
   );
-  return /* @__PURE__ */ w(
+  return /* @__PURE__ */ y(
     "div",
     {
       className: `gloss-dev-tuning-panel__row${i ? " gloss-dev-tuning-panel__row--flash" : ""}`,
@@ -2456,8 +2456,8 @@ function Xt({ spec: e, value: t, onChange: n, onReset: a, flashing: i }) {
       onKeyDown: s,
       children: [
         /* @__PURE__ */ r("label", { className: "gloss-dev-tuning-panel__label", htmlFor: `gloss-dtp-${e.key}`, children: e.label }),
-        /* @__PURE__ */ w("span", { className: "gloss-dev-tuning-panel__value", "aria-live": "off", children: [
-          qt(t, e.step),
+        /* @__PURE__ */ y("span", { className: "gloss-dev-tuning-panel__value", "aria-live": "off", children: [
+          Qt(t, e.step),
           e.unit ? ` ${e.unit}` : ""
         ] }),
         /* @__PURE__ */ r(
@@ -2481,14 +2481,14 @@ function Xt({ spec: e, value: t, onChange: n, onReset: a, flashing: i }) {
             className: "gloss-dev-tuning-panel__reset",
             "aria-label": `Reset ${e.label}`,
             onClick: a,
-            children: /* @__PURE__ */ r(Qt, {})
+            children: /* @__PURE__ */ r(Xt, {})
           }
         )
       ]
     }
   );
 }
-function Jt() {
+function ea() {
   if (typeof process < "u" && process.env && process.env.NODE_ENV === "production" || typeof window > "u") return !1;
   try {
     return new URLSearchParams(window.location.search).has("devtune");
@@ -2496,22 +2496,22 @@ function Jt() {
     return !1;
   }
 }
-function ea(e = {}) {
-  return Jt() ? /* @__PURE__ */ r(ta, {}) : null;
+function ta(e = {}) {
+  return ea() ? /* @__PURE__ */ r(aa, {}) : null;
 }
-ea.displayName = "DevTuningPanel";
-function ta() {
-  const e = Yt(), { values: t, setValue: n, resetRow: a, resetAll: i } = e, [s, o] = E(null), l = P(null), u = C((c) => {
-    l.current && clearTimeout(l.current), o(c), l.current = setTimeout(() => {
+ta.displayName = "DevTuningPanel";
+function aa() {
+  const e = Zt(), { values: t, setValue: n, resetRow: a, resetAll: i } = e, [s, o] = I(null), l = P(null), m = C((u) => {
+    l.current && clearTimeout(l.current), o(u), l.current = setTimeout(() => {
       o(null), l.current = null;
     }, 200);
-  }, []), d = C(
-    (c, g) => {
-      n(c, g), c === "snapInPx" && g > t.snapOutPx && (n("snapOutPx", g), u("snapOutPx"));
+  }, []), c = C(
+    (u, p) => {
+      n(u, p), u === "snapInPx" && p > t.snapOutPx && (n("snapOutPx", p), m("snapOutPx"));
     },
-    [n, t.snapOutPx, u]
-  ), m = re(() => Zt, []), h = nt();
-  return /* @__PURE__ */ w(
+    [n, t.snapOutPx, m]
+  ), d = re(() => qt, []), h = st();
+  return /* @__PURE__ */ y(
     G.div,
     {
       className: "gloss-dev-tuning-panel",
@@ -2523,27 +2523,27 @@ function ta() {
       dragControls: h,
       dragMomentum: !1,
       children: [
-        /* @__PURE__ */ w(
+        /* @__PURE__ */ y(
           "div",
           {
             className: "gloss-dev-tuning-panel__header",
-            onPointerDown: (c) => h.start(c),
+            onPointerDown: (u) => h.start(u),
             children: [
               /* @__PURE__ */ r("span", { className: "gloss-dev-tuning-panel__title", children: "Resize Tuning — dev only" }),
               /* @__PURE__ */ r("span", { className: "gloss-dev-tuning-panel__hint", children: "?devtune=1" })
             ]
           }
         ),
-        /* @__PURE__ */ r("div", { className: "gloss-dev-tuning-panel__body", children: m.map((c) => /* @__PURE__ */ r(
-          Xt,
+        /* @__PURE__ */ r("div", { className: "gloss-dev-tuning-panel__body", children: d.map((u) => /* @__PURE__ */ r(
+          Jt,
           {
-            spec: c,
-            value: t[c.key],
-            onChange: (g) => d(c.key, g),
-            onReset: () => a(c.key),
-            flashing: s === c.key
+            spec: u,
+            value: t[u.key],
+            onChange: (p) => c(u.key, p),
+            onReset: () => a(u.key),
+            flashing: s === u.key
           },
-          c.key
+          u.key
         )) }),
         /* @__PURE__ */ r("div", { className: "gloss-dev-tuning-panel__footer", children: /* @__PURE__ */ r(
           "button",
@@ -2558,7 +2558,7 @@ function ta() {
     }
   );
 }
-function Yn({
+function Jn({
   state: e,
   originX: t,
   originY: n,
@@ -2567,25 +2567,25 @@ function Yn({
   minBoundaryX: s,
   snapBoundariesX: o,
   topY: l,
-  bottomY: u,
-  enterMs: d = U.envelopeEnterMs,
-  exitMs: m = U.envelopeExitMs,
+  bottomY: m,
+  enterMs: c = U.envelopeEnterMs,
+  exitMs: d = U.envelopeExitMs,
   className: h,
-  style: c
+  style: u
 }) {
   if (e === "hidden") return null;
-  const g = Math.max(0, i - a), y = Math.max(0, u - l), k = {
-    "--gloss-resize-envelope-enter-ms": `${d}ms`,
-    "--gloss-resize-envelope-exit-ms": `${m}ms`,
+  const p = Math.max(0, i - a), w = Math.max(0, m - l), k = {
+    "--gloss-resize-envelope-enter-ms": `${c}ms`,
+    "--gloss-resize-envelope-exit-ms": `${d}ms`,
     "--gloss-resize-envelope-origin-x": `${t - a}px`,
     "--gloss-resize-envelope-origin-y": `${n - l}px`,
     left: a,
     top: l,
-    width: g,
-    height: y,
-    ...c
+    width: p,
+    height: w,
+    ...u
   };
-  return /* @__PURE__ */ w(
+  return /* @__PURE__ */ y(
     "div",
     {
       className: ["gloss-resize-envelope", `gloss-resize-envelope--state-${e}`, h].filter(Boolean).join(" "),
@@ -2615,7 +2615,7 @@ function Yn({
           {
             className: "gloss-resize-envelope__edge gloss-resize-envelope__edge--right",
             "data-edge": "right",
-            style: { left: g - 1 }
+            style: { left: p - 1 }
           }
         ),
         o.filter((f) => f > s && f < i).map((f) => /* @__PURE__ */ r(
@@ -2631,7 +2631,7 @@ function Yn({
     }
   );
 }
-function Zn({
+function er({
   density: e,
   canAccept: t,
   blocked: n = !1,
@@ -2640,14 +2640,14 @@ function Zn({
   rejection: s = !1,
   className: o,
   children: l,
-  ...u
+  ...m
 }) {
-  const d = a != null ? { ...u.style, "--_proximity-opacity": String(a) } : u.style;
+  const c = a != null ? { ...m.style, "--_proximity-opacity": String(a) } : m.style;
   return /* @__PURE__ */ r(
     "div",
     {
-      ...u,
-      style: d,
+      ...m,
+      style: c,
       "data-density": e,
       "data-can-accept": t ? "true" : "false",
       "data-blocked": n ? "true" : void 0,
@@ -2664,11 +2664,11 @@ function Zn({
     }
   );
 }
-function aa(e, t, n, a) {
+function na(e, t, n, a) {
   const i = (e + n) / 2, s = Math.min(t, a) - 40;
   return `M${e},${t} Q${i},${s} ${n},${a}`;
 }
-function qn({
+function tr({
   segments: e,
   durationMs: t = U.spilloverArcDurationMs,
   staggerMs: n = U.spilloverStaggerMs,
@@ -2688,7 +2688,7 @@ function qn({
         {
           "data-arc-id": s.id,
           className: "gloss-spillover-arc__path",
-          d: aa(s.fromX, s.fromY, s.toX, s.toY),
+          d: na(s.fromX, s.fromY, s.toX, s.toY),
           style: {
             animationDelay: `${o * n}ms`,
             animationDuration: `${t}ms`
@@ -2699,7 +2699,7 @@ function qn({
     }
   );
 }
-function Qn({
+function ar({
   state: e,
   staggerIndex: t = 0,
   fadeInMs: n = U.sectionDividerFadeInMs,
@@ -2708,9 +2708,9 @@ function Qn({
   variant: s = "dashed",
   className: o,
   style: l,
-  ...u
+  ...m
 }) {
-  const d = {
+  const c = {
     "--gloss-section-divider-fade-in-ms": `${n}ms`,
     "--gloss-section-divider-fade-out-ms": `${a}ms`,
     "--gloss-section-divider-stagger-delay": `${t * i}ms`,
@@ -2719,7 +2719,7 @@ function Qn({
   return /* @__PURE__ */ r(
     "div",
     {
-      ...u,
+      ...m,
       "data-state": e,
       "data-testid": "gloss-section-divider",
       "aria-hidden": "true",
@@ -2729,7 +2729,7 @@ function Qn({
         s === "seam-bleed" ? "gloss-section-divider--variant-seam-bleed" : "",
         o
       ].filter(Boolean).join(" "),
-      style: d
+      style: c
     }
   );
 }
@@ -2745,18 +2745,18 @@ const Y = {
   enterEasing: "cubic-bezier(0.34, 1.56, 0.64, 1)",
   exitEasing: "cubic-bezier(0.4, 0, 1, 1)",
   translateOffsetPx: 8
-}, Xn = {
+}, nr = {
   shiverCycles: 3,
   shiverAmplitudePx: 2,
   shiverDurationMs: 180,
   validCellOpacity: 0.6
-}, Jn = {
+}, rr = {
   materializeMs: 180,
   dematerializeMs: 140,
   easing: "cubic-bezier(0.22, 1, 0.36, 1)",
   dotStrokePx: 2,
   dividerDashGapPx: 4
-}, er = {
+}, sr = {
   cascadeStaggerMs: 0,
   cascadeSpringCapMs: 120,
   swingEnterMs: 100,
@@ -2765,7 +2765,7 @@ const Y = {
   provisionalStyle: "opacity",
   shiverMs: 200,
   shiverStyle: "color-flash"
-}, tr = !0, ar = {
+}, ir = !0, or = {
   rejectionFill: "var(--gloss-rejection-fill)",
   rejectionStroke: "var(--gloss-rejection-stroke)",
   validFill: "var(--gloss-valid-fill)",
@@ -2773,7 +2773,7 @@ const Y = {
   validCellStroke: "var(--gloss-valid-cell-stroke)",
   provisionalWash: "var(--gloss-provisional-wash)"
 };
-function Ke() {
+function He() {
   if (typeof window > "u") return "full";
   try {
     return window.matchMedia("(prefers-reduced-motion: reduce)").matches ? "reduced" : "full";
@@ -2806,7 +2806,7 @@ const De = ({ visible: e, variant: t, trigger: n, children: a, className: i }) =
     }
   );
 };
-function nr({
+function lr({
   enabled: e,
   onCollapse: t,
   onAdd: n,
@@ -2815,45 +2815,45 @@ function nr({
   className: s,
   style: o,
   onPack: l,
-  ariaLabel: u
+  ariaLabel: m
 }) {
-  const d = a ?? "Add card to this cell", m = i ?? u ?? "Pack row — shift cards left", h = t ?? l, { affordancesVisible: c } = Ze();
-  return /* @__PURE__ */ w(B.Fragment, { children: [
-    /* @__PURE__ */ r(De, { visible: c, variant: "pack", trigger: "hover+focus", children: /* @__PURE__ */ r(
+  const c = a ?? "Add card to this cell", d = i ?? m ?? "Pack row — shift cards left", h = t ?? l, { affordancesVisible: u } = Qe();
+  return /* @__PURE__ */ y(B.Fragment, { children: [
+    /* @__PURE__ */ r(De, { visible: u, variant: "pack", trigger: "hover+focus", children: /* @__PURE__ */ r(
       "button",
       {
         type: "button",
         "data-testid": "gloss-empty-cell-add",
-        "aria-label": d,
+        "aria-label": c,
         className: [
           "gloss-empty-cell-pack-affordance",
           "gloss-empty-cell-pack-affordance--add",
           s
         ].filter(Boolean).join(" "),
         style: o,
-        onClick: (g) => {
-          g.stopPropagation(), n?.();
+        onClick: (p) => {
+          p.stopPropagation(), n?.();
         },
         children: /* @__PURE__ */ r("span", { "aria-hidden": "true", className: "gloss-empty-cell-pack-affordance__glyph", children: "+" })
       }
     ) }),
-    /* @__PURE__ */ r(De, { visible: e && c, variant: "pack", trigger: "hover+focus", children: /* @__PURE__ */ r(
+    /* @__PURE__ */ r(De, { visible: e && u, variant: "pack", trigger: "hover+focus", children: /* @__PURE__ */ r(
       "button",
       {
         type: "button",
         "data-testid": "gloss-empty-cell-pack",
-        "aria-label": m,
+        "aria-label": d,
         className: ["gloss-empty-cell-pack-affordance", s].filter(Boolean).join(" "),
         style: o,
-        onClick: (g) => {
-          g.stopPropagation(), h?.();
+        onClick: (p) => {
+          p.stopPropagation(), h?.();
         },
         children: /* @__PURE__ */ r("span", { "aria-hidden": "true", className: "gloss-empty-cell-pack-affordance__glyph", children: "×" })
       }
     ) })
   ] });
 }
-function rr({
+function cr({
   tint: e,
   colSpan: t,
   colWidth: n,
@@ -2862,13 +2862,13 @@ function rr({
   x: s,
   y: o,
   children: l,
-  className: u
+  className: m
 }) {
-  const d = t * n + (t - 1) * i, m = B.useRef(null);
+  const c = t * n + (t - 1) * i, d = B.useRef(null);
   return de("drag-ghost", () => {
     if (process.env.NODE_ENV === "production")
       return { values: {}, spec: null, state: "idle", t: performance.now() };
-    const h = m.current?.getBoundingClientRect() ?? null;
+    const h = d.current?.getBoundingClientRect() ?? null;
     return {
       values: {
         x: s.get(),
@@ -2891,12 +2891,12 @@ function rr({
   }), de("commit-ghost-singleton", () => {
     if (process.env.NODE_ENV === "production")
       return { values: {}, spec: null, state: "idle", t: performance.now() };
-    const h = m.current;
-    let c = 0, g = "", y = "", k = "";
+    const h = d.current;
+    let u = 0, p = "", w = "", k = "";
     if (h)
       try {
-        const M = window.getComputedStyle(h), N = M.outline || "", S = M.border || "", R = M.boxShadow || "", p = !!N && N !== "none" && !/^0px(\s+none)?(\s+rgba?\(0,\s*0,\s*0,\s*0\))?$/i.test(N), v = !!S && S !== "none" && !/^0px(\s+none)?(\s+rgba?\(0,\s*0,\s*0,\s*0\))?$/i.test(S), _ = !!R && R !== "none";
-        c = p || v || _ ? 1 : 0, g = p ? N : "", y = v ? S : "", k = _ ? R : "";
+        const M = window.getComputedStyle(h), N = M.outline || "", S = M.border || "", T = M.boxShadow || "", g = !!N && N !== "none" && !/^0px(\s+none)?(\s+rgba?\(0,\s*0,\s*0,\s*0\))?$/i.test(N), v = !!S && S !== "none" && !/^0px(\s+none)?(\s+rgba?\(0,\s*0,\s*0,\s*0\))?$/i.test(S), _ = !!T && T !== "none";
+        u = g || v || _ ? 1 : 0, p = g ? N : "", w = v ? S : "", k = _ ? T : "";
       } catch {
       }
     const f = h?.getBoundingClientRect() ?? null, b = h ? "drag-clone" : "subsumed-by-tracking-outline";
@@ -2909,13 +2909,13 @@ function rr({
         bounds_w: f?.width ?? 0,
         bounds_h: f?.height ?? 0,
         visible: h ? 1 : 0,
-        outlineOnClone: c
+        outlineOnClone: u
       },
       spec: {
         mode: b,
         tint: e,
-        outlineSrc: g,
-        borderSrc: y,
+        outlineSrc: p,
+        borderSrc: w,
         boxShadowSrc: k
         // D-01 contract: Frame 1 (current/buggy) shows outline-on-clone=true;
         // Frame 2 (decided): outline-on-clone=false (subsumed by tracking
@@ -2928,22 +2928,22 @@ function rr({
   }), /* @__PURE__ */ r(
     G.div,
     {
-      ref: m,
+      ref: d,
       "data-testid": "gloss-drag-ghost",
       "data-tint": e,
       "aria-hidden": "true",
       className: [
         "gloss-drag-ghost",
         `gloss-drag-ghost--tint-${e}`,
-        u
+        m
       ].filter(Boolean).join(" "),
-      style: { x: s, y: o, width: d, height: a },
+      style: { x: s, y: o, width: c, height: a },
       children: l
     }
   );
 }
-const na = 3;
-function Ge({
+const ra = 3;
+function We({
   gesture: e,
   cell: t,
   colSpan: n,
@@ -2952,10 +2952,10 @@ function Ge({
   rowHeight: s,
   pattern: o = "solid",
   transitionMs: l = 120,
-  className: u,
-  motionWidth: d
+  className: m,
+  motionWidth: c
 }) {
-  const m = n * a + (n - 1) * i, c = (t.section * na + t.col) * (a + i), g = t.row * (s + i), y = e === "resize" ? 2.5 : 2, k = o === "dashed-retreated" ? "dashed" : "solid", f = e === "drag" ? "gloss-snap-outline" : "gloss-tracking-outline", b = {
+  const d = n * a + (n - 1) * i, u = (t.section * ra + t.col) * (a + i), p = t.row * (s + i), w = e === "resize" ? 2.5 : 2, k = o === "dashed-retreated" ? "dashed" : "solid", f = e === "drag" ? "gloss-snap-outline" : "gloss-tracking-outline", b = {
     className: [
       "gloss-tracking-outline",
       `gloss-tracking-outline--${e}`,
@@ -2963,7 +2963,7 @@ function Ge({
       // D-15 #4 parity: drag callers must keep the legacy class so reptime
       // metric-card-grid.scss nested selectors continue to match.
       e === "drag" ? "gloss-drag-feedback-snap-outline" : null,
-      u
+      m
     ].filter(Boolean).join(" "),
     "data-testid": f,
     "data-tracking-outline": "",
@@ -2971,15 +2971,15 @@ function Ge({
     "data-pattern": o,
     "aria-hidden": "true"
   };
-  return d ? /* @__PURE__ */ r(
+  return c ? /* @__PURE__ */ r(
     G.div,
     {
       ...b,
       style: {
-        transform: `translate(${c}px, ${g}px)`,
-        width: d,
+        transform: `translate(${u}px, ${p}px)`,
+        width: c,
         height: s,
-        borderWidth: y,
+        borderWidth: w,
         borderStyle: k
       }
     }
@@ -2988,20 +2988,20 @@ function Ge({
     {
       ...b,
       style: {
-        transform: `translate(${c}px, ${g}px)`,
-        width: m,
+        transform: `translate(${u}px, ${p}px)`,
+        width: d,
         height: s,
-        borderWidth: y,
+        borderWidth: w,
         borderStyle: k,
         transition: `transform ${l}ms cubic-bezier(0.4, 0, 0.2, 1)`
       }
     }
   );
 }
-function sr(e) {
-  return /* @__PURE__ */ r(Ge, { gesture: "drag", pattern: "solid", ...e });
+function dr(e) {
+  return /* @__PURE__ */ r(We, { gesture: "drag", pattern: "solid", ...e });
 }
-function ir({
+function ur({
   items: e,
   children: t,
   className: n,
@@ -3012,16 +3012,16 @@ function ir({
     if (process.env.NODE_ENV === "production")
       return { values: {}, spec: null, state: "idle", t: performance.now() };
     const o = s.current;
-    let l = 0, u = 0, d = 0, m = 0;
+    let l = 0, m = 0, c = 0, d = 0;
     for (const h of o) {
-      const c = h.x.get(), g = h.y.get();
-      Math.abs(c) > Math.abs(d) && (d = c, l = c), Math.abs(g) > Math.abs(m) && (m = g, u = g);
+      const u = h.x.get(), p = h.y.get();
+      Math.abs(u) > Math.abs(c) && (c = u, l = u), Math.abs(p) > Math.abs(d) && (d = p, m = p);
     }
     return {
       values: {
         activeCount: o.length,
         maxX: l,
-        maxY: u,
+        maxY: m,
         visible: o.length > 0 ? 1 : 0
       },
       spec: {
@@ -3055,27 +3055,27 @@ function ir({
     o.cardId
   )) });
 }
-const ra = ({
+const sa = ({
   consumed: e,
   elapsed: t,
   severity: n = "neutral"
 }) => {
   const a = P(null), i = P(null);
   A(() => {
-    const l = Math.min(100, Math.max(0, e.value)), u = Math.min(100, Math.max(0, t.value)), d = requestAnimationFrame(() => {
-      a.current && (a.current.style.width = `${l}%`), i.current && (i.current.style.width = `${u}%`);
+    const l = Math.min(100, Math.max(0, e.value)), m = Math.min(100, Math.max(0, t.value)), c = requestAnimationFrame(() => {
+      a.current && (a.current.style.width = `${l}%`), i.current && (i.current.style.width = `${m}%`);
     });
-    return () => cancelAnimationFrame(d);
+    return () => cancelAnimationFrame(c);
   }, [e.value, t.value]);
   const s = e.label ?? "ACTUAL", o = t.label ?? "ELAPSED";
-  return /* @__PURE__ */ w(
+  return /* @__PURE__ */ y(
     "div",
     {
       className: "gloss-dual-pace-bars",
       role: "img",
       "aria-label": `${s}: ${e.value}%, ${o}: ${t.value}%`,
       children: [
-        /* @__PURE__ */ w("div", { className: "gloss-dual-pace-bars__row", children: [
+        /* @__PURE__ */ y("div", { className: "gloss-dual-pace-bars__row", children: [
           /* @__PURE__ */ r("span", { className: "gloss-dual-pace-bars__track-label", children: s }),
           /* @__PURE__ */ r("div", { className: "gloss-dual-pace-bars__track", children: /* @__PURE__ */ r(
             "div",
@@ -3090,12 +3090,12 @@ const ra = ({
               "aria-label": `${s}: ${e.value}%`
             }
           ) }),
-          /* @__PURE__ */ w("span", { className: "gloss-dual-pace-bars__track-value", children: [
+          /* @__PURE__ */ y("span", { className: "gloss-dual-pace-bars__track-value", children: [
             e.value,
             "%"
           ] })
         ] }),
-        /* @__PURE__ */ w("div", { className: "gloss-dual-pace-bars__row", children: [
+        /* @__PURE__ */ y("div", { className: "gloss-dual-pace-bars__row", children: [
           /* @__PURE__ */ r("span", { className: "gloss-dual-pace-bars__track-label", children: o }),
           /* @__PURE__ */ r("div", { className: "gloss-dual-pace-bars__track", children: /* @__PURE__ */ r(
             "div",
@@ -3110,7 +3110,7 @@ const ra = ({
               "aria-label": `${o}: ${t.value}%`
             }
           ) }),
-          /* @__PURE__ */ w("span", { className: "gloss-dual-pace-bars__track-value", children: [
+          /* @__PURE__ */ y("span", { className: "gloss-dual-pace-bars__track-value", children: [
             t.value,
             "%"
           ] })
@@ -3118,22 +3118,22 @@ const ra = ({
       ]
     }
   );
-}, sa = ({ label: e, value: t, severity: n }) => /* @__PURE__ */ w(
+}, ia = ({ label: e, value: t, severity: n }) => /* @__PURE__ */ y(
   "div",
   {
     className: `gloss-gap-readout gloss-gap-readout--${n}`,
     "aria-label": `${e}: ${t}`,
     children: [
       /* @__PURE__ */ r("hr", { className: "gloss-gap-readout__separator" }),
-      /* @__PURE__ */ w("div", { className: "gloss-gap-readout__strip", children: [
+      /* @__PURE__ */ y("div", { className: "gloss-gap-readout__strip", children: [
         /* @__PURE__ */ r("span", { className: "gloss-gap-readout__label", children: e }),
         /* @__PURE__ */ r("span", { className: "gloss-gap-readout__value", children: t })
       ] })
     ]
   }
-), ia = ({ label: e, onSetTarget: t }) => /* @__PURE__ */ w("div", { className: "gloss-pace-placeholder", children: [
+), oa = ({ label: e, onSetTarget: t }) => /* @__PURE__ */ y("div", { className: "gloss-pace-placeholder", children: [
   /* @__PURE__ */ r("p", { className: "gloss-pace-placeholder__heading", children: "Set a target" }),
-  /* @__PURE__ */ w("p", { className: "gloss-pace-placeholder__context", children: [
+  /* @__PURE__ */ y("p", { className: "gloss-pace-placeholder__context", children: [
     "for ",
     e
   ] }),
@@ -3147,9 +3147,9 @@ const ra = ({
       children: "Set target"
     }
   )
-] }), or = (e) => {
-  const [t, n] = E(!1), a = e.target?.value, i = a !== void 0, s = e.paceGapUnit === "usd" ? "$" : "%", o = /* @__PURE__ */ r(
-    mt,
+] }), mr = (e) => {
+  const [t, n] = I(!1), a = e.target?.value, i = a !== void 0, s = e.paceGapUnit === "usd" ? "$" : "%", o = /* @__PURE__ */ r(
+    pt,
     {
       label: `Set a target for ${e.label}`,
       unit: s,
@@ -3163,7 +3163,7 @@ const ra = ({
     }
   );
   return /* @__PURE__ */ r(
-    qe,
+    Xe,
     {
       colSpan: 2,
       enableQuickSettings: !0,
@@ -3171,21 +3171,21 @@ const ra = ({
       onFlipChange: n,
       quickConfigSlot: o,
       onRemove: e.onRemove,
-      children: /* @__PURE__ */ w("div", { className: `gloss-pace-card ${e.isStale ? "gloss-metric-data-stale" : ""}`, children: [
+      children: /* @__PURE__ */ y("div", { className: `gloss-pace-card ${e.isStale ? "gloss-metric-data-stale" : ""}`, children: [
         /* @__PURE__ */ r("div", { className: "gloss-pace-card__label", children: e.label }),
         e.subtitle && /* @__PURE__ */ r("div", { className: "gloss-pace-card__subtitle", children: e.subtitle }),
-        /* @__PURE__ */ r("div", { className: "gloss-pace-card__body", children: i ? /* @__PURE__ */ w($, { children: [
+        /* @__PURE__ */ r("div", { className: "gloss-pace-card__body", children: i ? /* @__PURE__ */ y($, { children: [
           /* @__PURE__ */ r(
-            ra,
+            sa,
             {
               consumed: e.consumed,
               elapsed: e.elapsed,
               severity: e.severity
             }
           ),
-          /* @__PURE__ */ r(sa, { label: "Gap", value: e.gapLabel, severity: e.severity })
+          /* @__PURE__ */ r(ia, { label: "Gap", value: e.gapLabel, severity: e.severity })
         ] }) : /* @__PURE__ */ r(
-          ia,
+          oa,
           {
             label: e.label,
             onSetTarget: () => n(!0)
@@ -3194,7 +3194,7 @@ const ra = ({
       ] })
     }
   );
-}, lr = () => /* @__PURE__ */ w("div", { className: "gloss-pace-tile-preview", "aria-hidden": "true", children: [
+}, pr = () => /* @__PURE__ */ y("div", { className: "gloss-pace-tile-preview", "aria-hidden": "true", children: [
   /* @__PURE__ */ r(
     "div",
     {
@@ -3211,7 +3211,7 @@ const ra = ({
   ),
   /* @__PURE__ */ r("div", { className: "gloss-pace-tile-preview__gap-strip" })
 ] });
-function oa({ id: e, label: t, selected: n, focused: a, disabled: i, badge: s, onClick: o }) {
+function la({ id: e, label: t, selected: n, focused: a, disabled: i, badge: s, onClick: o }) {
   return /* @__PURE__ */ r(
     "span",
     {
@@ -3225,24 +3225,24 @@ function oa({ id: e, label: t, selected: n, focused: a, disabled: i, badge: s, o
       onClick: () => {
         i || o(e);
       },
-      children: /* @__PURE__ */ w("span", { className: "gloss-lens-chip__inner", children: [
+      children: /* @__PURE__ */ y("span", { className: "gloss-lens-chip__inner", children: [
         /* @__PURE__ */ r("span", { className: "gloss-lens-chip__label", children: t }),
         s && /* @__PURE__ */ r("span", { className: "gloss-lens-chip__badge", children: s })
       ] })
     }
   );
 }
-function la({
+function ca({
   lenses: e,
   value: t,
   onChange: n,
   "aria-label": a = "Lens"
 }) {
-  const [i, s] = E(
+  const [i, s] = I(
     () => Math.max(0, e.findIndex((l) => l.id === t))
   );
   return A(() => {
-    const l = e.findIndex((u) => u.id === t);
+    const l = e.findIndex((m) => m.id === t);
     s(l >= 0 ? l : 0);
   }, [t, e]), e.length === 0 ? null : /* @__PURE__ */ r(
     "div",
@@ -3253,11 +3253,11 @@ function la({
         switch (l.key) {
           case "ArrowRight":
           case "ArrowDown":
-            l.preventDefault(), s((u) => (u + 1) % e.length);
+            l.preventDefault(), s((m) => (m + 1) % e.length);
             break;
           case "ArrowLeft":
           case "ArrowUp":
-            l.preventDefault(), s((u) => (u - 1 + e.length) % e.length);
+            l.preventDefault(), s((m) => (m - 1 + e.length) % e.length);
             break;
           case "Home":
             l.preventDefault(), s(0);
@@ -3268,20 +3268,20 @@ function la({
           case "Enter":
           case " ": {
             l.preventDefault();
-            const u = e[i];
-            u && !u.disabled && n(u.id);
+            const m = e[i];
+            m && !m.disabled && n(m.id);
             break;
           }
         }
       },
       className: "gloss-lens-chip-group",
-      children: e.map((l, u) => /* @__PURE__ */ r(
-        oa,
+      children: e.map((l, m) => /* @__PURE__ */ r(
+        la,
         {
           id: l.id,
           label: l.label,
           selected: l.id === t,
-          focused: u === i,
+          focused: m === i,
           disabled: l.disabled,
           badge: l.badge,
           onClick: n
@@ -3291,25 +3291,25 @@ function la({
     }
   );
 }
-la.displayName = "LensChipGroup";
-function ca({ heading: e, children: t }) {
-  return !t || Array.isArray(t) && t.length === 0 ? null : /* @__PURE__ */ w("section", { className: "gloss-starter-rail", "aria-label": e, children: [
+ca.displayName = "LensChipGroup";
+function da({ heading: e, children: t }) {
+  return !t || Array.isArray(t) && t.length === 0 ? null : /* @__PURE__ */ y("section", { className: "gloss-starter-rail", "aria-label": e, children: [
     /* @__PURE__ */ r("header", { className: "gloss-starter-rail__heading", children: e }),
     /* @__PURE__ */ r("div", { className: "gloss-starter-rail__tiles", children: t })
   ] });
 }
-ca.displayName = "StarterRail";
-function da({ heading: e, children: t, emptyStateLabel: n }) {
+da.displayName = "StarterRail";
+function ua({ heading: e, children: t, emptyStateLabel: n }) {
   const a = !t || Array.isArray(t) && t.length === 0;
-  return /* @__PURE__ */ w("section", { className: "gloss-more-in-lens-rail", "aria-label": e, children: [
+  return /* @__PURE__ */ y("section", { className: "gloss-more-in-lens-rail", "aria-label": e, children: [
     /* @__PURE__ */ r("header", { className: "gloss-more-in-lens-rail__heading", children: e }),
-    /* @__PURE__ */ w("div", { className: "gloss-more-in-lens-rail__tiles", children: [
+    /* @__PURE__ */ y("div", { className: "gloss-more-in-lens-rail__tiles", children: [
       t,
       a && n && /* @__PURE__ */ r("p", { className: "gloss-more-in-lens-rail__empty", children: n })
     ] })
   ] });
 }
-da.displayName = "MoreInLensRail";
+ua.displayName = "MoreInLensRail";
 function K({
   lead: e,
   name: t,
@@ -3319,21 +3319,21 @@ function K({
   variant: s = "default",
   onClick: o,
   className: l,
-  style: u
+  style: m
 }) {
-  const d = [
+  const c = [
     "gloss-entity-row",
     `gloss-entity-row--${s}`,
     o ? "gloss-entity-row--clickable" : "",
     l ?? ""
-  ].filter(Boolean).join(" "), m = /* @__PURE__ */ w($, { children: [
+  ].filter(Boolean).join(" "), d = /* @__PURE__ */ y($, { children: [
     e !== void 0 && /* @__PURE__ */ r("span", { className: "gloss-entity-row__lead", children: e }),
     /* @__PURE__ */ r("span", { className: "gloss-entity-row__name", title: t, children: t }),
     n !== void 0 && /* @__PURE__ */ r("span", { className: "gloss-entity-row__secondary", children: n }),
     /* @__PURE__ */ r("span", { className: "gloss-entity-row__value", children: a }),
     i !== void 0 && /* @__PURE__ */ r("span", { className: "gloss-entity-row__trail", children: i })
   ] });
-  return o ? /* @__PURE__ */ r("div", { role: "listitem", className: d, style: u, children: /* @__PURE__ */ r(
+  return o ? /* @__PURE__ */ r("div", { role: "listitem", className: c, style: m, children: /* @__PURE__ */ r(
     "button",
     {
       type: "button",
@@ -3348,9 +3348,9 @@ function K({
       onClick: (h) => {
         h.stopPropagation(), o();
       },
-      children: m
+      children: d
     }
-  ) }) : /* @__PURE__ */ r("div", { role: "listitem", className: d, style: u, children: m });
+  ) }) : /* @__PURE__ */ r("div", { role: "listitem", className: c, style: m, children: d });
 }
 K.displayName = "EntityRow";
 const ee = ({ rank: e }) => {
@@ -3377,7 +3377,7 @@ function te({ severity: e, "aria-label": t }) {
   );
 }
 te.displayName = "SeverityDot";
-function He({
+function Ve({
   delta: e,
   direction: t = "flat",
   "aria-label": n
@@ -3393,7 +3393,7 @@ function He({
       }
     );
   const a = t === "up" ? "▲" : t === "down" ? "▼" : "—";
-  return /* @__PURE__ */ w(
+  return /* @__PURE__ */ y(
     "span",
     {
       role: "img",
@@ -3406,7 +3406,7 @@ function He({
     }
   );
 }
-He.displayName = "RankDelta";
+Ve.displayName = "RankDelta";
 function ae({ fill: e, variant: t = "default", className: n }) {
   const a = Math.max(0, Math.min(100, e));
   return /* @__PURE__ */ r(
@@ -3424,8 +3424,8 @@ function ae({ fill: e, variant: t = "default", className: n }) {
   );
 }
 ae.displayName = "MagnitudeBar";
-const ua = (e) => e.rankDelta === "new" ? "New entry" : e.direction === "up" ? `Rank up ${e.rankDelta}` : e.direction === "down" ? `Rank down ${e.rankDelta}` : "Rank unchanged";
-function ma({
+const ma = (e) => e.rankDelta === "new" ? "New entry" : e.direction === "up" ? `Rank up ${e.rankDelta}` : e.direction === "down" ? `Rank down ${e.rankDelta}` : "Rank unchanged";
+function pa({
   label: e,
   rows: t,
   rowCount: n,
@@ -3433,7 +3433,7 @@ function ma({
   isStale: i
 }) {
   const s = n ?? 3;
-  return /* @__PURE__ */ w($, { children: [
+  return /* @__PURE__ */ y($, { children: [
     /* @__PURE__ */ r(
       X,
       {
@@ -3461,11 +3461,11 @@ function ma({
             ),
             value: o.value,
             trail: /* @__PURE__ */ r(
-              He,
+              Ve,
               {
                 delta: o.rankDelta,
                 direction: o.direction,
-                "aria-label": ua(o)
+                "aria-label": ma(o)
               }
             ),
             variant: "leaderboard",
@@ -3475,14 +3475,14 @@ function ma({
         )) })
       }
     ),
-    /* @__PURE__ */ w("div", { className: "gloss-leaderboard__zone-c", children: [
+    /* @__PURE__ */ y("div", { className: "gloss-leaderboard__zone-c", children: [
       a ?? "WoW",
       " rank change"
     ] })
   ] });
 }
-ma.displayName = "LeaderboardCard";
-const ga = () => /* @__PURE__ */ w(
+pa.displayName = "LeaderboardCard";
+const ga = () => /* @__PURE__ */ y(
   "div",
   {
     className: "leaderboard-tile-preview",
@@ -3496,7 +3496,7 @@ const ga = () => /* @__PURE__ */ w(
   }
 );
 ga.displayName = "LeaderboardTilePreview";
-const pa = (e) => e === "critical" ? "Critical severity" : e === "warn" ? "Warning severity" : "Info severity", ha = (e, t) => {
+const ha = (e) => e === "critical" ? "Critical severity" : e === "warn" ? "Warning severity" : "Info severity", fa = (e, t) => {
   const n = e.sourceValue;
   if (typeof n != "number") return !1;
   switch (t.condition) {
@@ -3514,7 +3514,7 @@ const pa = (e) => e === "critical" ? "Critical severity" : e === "warn" ? "Warni
       return !1;
   }
 };
-function fa({
+function ba({
   label: e,
   rows: t,
   rule: n,
@@ -3523,8 +3523,8 @@ function fa({
   ruleSubtitle: s,
   isStale: o
 }) {
-  const l = t.filter((d) => ha(d, n)), u = l.slice(0, a ?? 3);
-  return l.length === 0 ? /* @__PURE__ */ w($, { children: [
+  const l = t.filter((c) => fa(c, n)), m = l.slice(0, a ?? 3);
+  return l.length === 0 ? /* @__PURE__ */ y($, { children: [
     /* @__PURE__ */ r(
       X,
       {
@@ -3535,7 +3535,7 @@ function fa({
     ),
     /* @__PURE__ */ r("div", { className: "gloss-exception-list__empty", role: "status", children: i ?? "No exceptions" }),
     s && /* @__PURE__ */ r("div", { className: "gloss-exception-list__zone-c", children: s })
-  ] }) : /* @__PURE__ */ w($, { children: [
+  ] }) : /* @__PURE__ */ y($, { children: [
     /* @__PURE__ */ r(
       X,
       {
@@ -3549,24 +3549,24 @@ function fa({
       {
         className: `gloss-metric-card__zone-b gloss-exception-list ${o ? "gloss-metric-data-stale" : ""}`,
         style: { flex: 1, zIndex: 2, position: "relative", minHeight: 0 },
-        children: /* @__PURE__ */ r("div", { className: "gloss-exception-list__rows", role: "list", children: u.map((d, m) => /* @__PURE__ */ r(
+        children: /* @__PURE__ */ r("div", { className: "gloss-exception-list__rows", role: "list", children: m.map((c, d) => /* @__PURE__ */ r(
           K,
           {
-            lead: /* @__PURE__ */ r(te, { severity: d.severity, "aria-label": pa(d.severity) }),
-            name: d.name,
-            value: d.value,
+            lead: /* @__PURE__ */ r(te, { severity: c.severity, "aria-label": ha(c.severity) }),
+            name: c.name,
+            value: c.value,
             variant: "exception",
-            style: { "--i": m }
+            style: { "--i": d }
           },
-          d.id
+          c.id
         )) })
       }
     ),
     s && /* @__PURE__ */ r("div", { className: "gloss-exception-list__zone-c", children: s })
   ] });
 }
-fa.displayName = "ExceptionListCard";
-const ba = () => /* @__PURE__ */ w(
+ba.displayName = "ExceptionListCard";
+const va = () => /* @__PURE__ */ y(
   "div",
   {
     className: "exception-list-tile-preview",
@@ -3600,29 +3600,29 @@ const ba = () => /* @__PURE__ */ w(
     ]
   }
 );
-ba.displayName = "ExceptionListTilePreview";
-const xe = ["MTD", "QTD", "YTD", "LYTD", "7D"], Te = ["$248K", "$612K", "$1.24M", "$980K", "$54K"], Re = [
+va.displayName = "ExceptionListTilePreview";
+const xe = ["MTD", "QTD", "YTD", "LYTD", "7D"], Re = ["$248K", "$612K", "$1.24M", "$980K", "$54K"], Te = [
   "M0,7 L10,5 L20,6 L30,3 L40,2",
   "M0,6 L10,4 L20,5 L30,2 L40,1",
   "M0,8 L10,7 L20,5 L30,4 L40,2",
   "M0,5 L10,6 L20,3 L30,4 L40,1",
   "M0,7 L10,4 L20,5 L30,3 L40,2"
-], va = ({
+], ya = ({
   slotCount: e = 3,
   labels: t = xe,
-  sampleValues: n = Te
+  sampleValues: n = Re
 }) => {
   const a = Array.from({ length: e }, (i, s) => ({
     label: t[s] ?? xe[s] ?? "",
-    value: n[s] ?? Te[s] ?? "",
-    sparkPath: Re[s % Re.length]
+    value: n[s] ?? Re[s] ?? "",
+    sparkPath: Te[s % Te.length]
   }));
   return e === 1 ? /* @__PURE__ */ r("div", { className: "gloss-stacked-group-tile-preview gloss-stacked-group-tile-preview--single", "aria-hidden": "true", children: /* @__PURE__ */ r("div", { className: "gloss-stacked-group-tile-preview__single-value", children: a[0].value }) }) : /* @__PURE__ */ r(
     "div",
     {
       className: `gloss-stacked-group-tile-preview gloss-stacked-group-tile-preview--slots-${e}`,
       "aria-hidden": "true",
-      children: a.map((i, s) => /* @__PURE__ */ w("div", { className: "gloss-stacked-group-tile-preview__row", children: [
+      children: a.map((i, s) => /* @__PURE__ */ y("div", { className: "gloss-stacked-group-tile-preview__row", children: [
         /* @__PURE__ */ r("span", { className: "gloss-stacked-group-tile-preview__row-label", children: i.label }),
         /* @__PURE__ */ r("span", { className: "gloss-stacked-group-tile-preview__row-value", children: i.value }),
         /* @__PURE__ */ r(
@@ -3641,8 +3641,8 @@ const xe = ["MTD", "QTD", "YTD", "LYTD", "7D"], Te = ["$248K", "$612K", "$1.24M"
     }
   );
 };
-va.displayName = "StackedGroupTilePreview";
-const cr = {
+ya.displayName = "StackedGroupTilePreview";
+const gr = {
   /** GEV-01 — Eligibility tint. Contiguous-from-source paint; blocked by first occupied cell (Principle 4). */
   eligibilityTint: { applicableStates: ["arming", "active"] },
   /** GEV-01 — Commit tint. Fill+stroke emphasis on the commit-target cell footprint (G-02). */
@@ -3684,8 +3684,8 @@ const cr = {
   rejectionFill: "var(--gloss-g02-rejection-fill)",
   rejectionStroke: "var(--gloss-g02-rejection-stroke)",
   trackingOutline: "var(--gloss-g02-tracking-outline)"
-}, dr = "dashed", ur = "solid", mr = "sparse-dash", gr = "2px no-fill", pr = "6 4", hr = "10 6", ya = 3;
-function fr({
+}, hr = "dashed", fr = "solid", br = "sparse-dash", vr = "2px no-fill", yr = "6 4", wr = "10 6", wa = 3;
+function _r({
   cell: e,
   variant: t,
   rampColor: n,
@@ -3694,10 +3694,10 @@ function fr({
   gap: s,
   className: o
 }) {
-  const u = (e.section * ya + e.col) * (a + s), d = e.row * (i + s), m = t === "eligibility" ? j.eligibilityFill : t === "commit" ? j.commitFill : t === "rejection" ? j.rejectionFill : (
+  const m = (e.section * wa + e.col) * (a + s), c = e.row * (i + s), d = t === "eligibility" ? j.eligibilityFill : t === "commit" ? j.commitFill : t === "rejection" ? j.rejectionFill : (
     /* ramp */
     n ?? j.eligibilityFill
-  ), h = t === "rejection", c = h ? j.rejectionStroke : "transparent", g = h ? "dashed" : "solid";
+  ), h = t === "rejection", u = h ? j.rejectionStroke : "transparent", p = h ? "dashed" : "solid";
   return /* @__PURE__ */ r(
     "div",
     {
@@ -3710,25 +3710,25 @@ function fr({
       "data-variant": t,
       "aria-hidden": "true",
       style: {
-        transform: `translate(${u}px, ${d}px)`,
+        transform: `translate(${m}px, ${c}px)`,
         width: a,
         height: i,
         // Use background-color longhand (NOT background shorthand) so jsdom + DOM
         // both preserve `var(...)` in inline cssText. The shorthand getter strips
         // unknown values and breaks both unit-test introspection and styling.
-        backgroundColor: m,
-        borderColor: c,
-        borderStyle: g
+        backgroundColor: d,
+        borderColor: u,
+        borderStyle: p
       }
     }
   );
 }
-const wa = 3, _a = [
+const _a = 3, Ca = [
   { idx: 0, peakR: 22, peakOpacity: 0.45, strokeW: 1.5 },
   { idx: 1, peakR: 34, peakOpacity: 0.22, strokeW: 1 },
   { idx: 2, peakR: 46, peakOpacity: 0.1, strokeW: 0.8 }
 ];
-function br({
+function Cr({
   cell: e,
   fireKey: t,
   colWidth: n,
@@ -3736,8 +3736,8 @@ function br({
   gap: i,
   className: s
 }) {
-  const l = (e.section * wa + e.col) * (n + i) + n / 2, u = e.row * (a + i) + a / 2;
-  return Ke() === "reduced" ? /* @__PURE__ */ r(
+  const l = (e.section * _a + e.col) * (n + i) + n / 2, m = e.row * (a + i) + a / 2;
+  return He() === "reduced" ? /* @__PURE__ */ r(
     "div",
     {
       className: ["gloss-refuse-pulse-flash", s].filter(Boolean).join(" "),
@@ -3747,7 +3747,7 @@ function br({
       style: {
         position: "absolute",
         left: l - 24,
-        top: u - 24,
+        top: m - 24,
         width: 48,
         height: 48,
         borderRadius: "50%",
@@ -3765,7 +3765,7 @@ function br({
       "data-testid": "gloss-refuse-pulse",
       "data-fire-key": t,
       "data-cx": l,
-      "data-cy": u,
+      "data-cy": m,
       "aria-hidden": "true",
       style: {
         position: "absolute",
@@ -3773,107 +3773,107 @@ function br({
         top: 0,
         pointerEvents: "none"
       },
-      children: _a.map((m) => {
-        const h = m.peakR * 2;
+      children: Ca.map((d) => {
+        const h = d.peakR * 2;
         return /* @__PURE__ */ r(
           "div",
           {
-            className: `gloss-refuse-pulse__ring gloss-refuse-pulse__ring--${m.idx}`,
-            "data-ring-index": m.idx,
-            "data-peak-radius": m.peakR,
-            "data-peak-opacity": m.peakOpacity,
+            className: `gloss-refuse-pulse__ring gloss-refuse-pulse__ring--${d.idx}`,
+            "data-ring-index": d.idx,
+            "data-peak-radius": d.peakR,
+            "data-peak-opacity": d.peakOpacity,
             style: {
               position: "absolute",
-              left: l - m.peakR,
-              top: u - m.peakR,
+              left: l - d.peakR,
+              top: m - d.peakR,
               width: h,
               height: h,
               borderRadius: "50%",
               borderStyle: "solid",
-              borderWidth: m.strokeW,
+              borderWidth: d.strokeW,
               borderColor: j.rejectionStroke,
               background: "transparent",
               opacity: 0,
               transform: "scale(0)",
               // CSS custom property feeds the keyframe peak opacity.
-              "--peak-opacity": m.peakOpacity,
-              animation: `gloss-refuse-pulse-ring-${m.idx} 360ms cubic-bezier(0.22, 1, 0.36, 1) forwards`
+              "--peak-opacity": d.peakOpacity,
+              animation: `gloss-refuse-pulse-ring-${d.idx} 360ms cubic-bezier(0.22, 1, 0.36, 1) forwards`
             }
           },
-          m.idx
+          d.idx
         );
       })
     },
     t
   );
 }
-function vr(e) {
-  return /* @__PURE__ */ r(Ge, { gesture: "resize", ...e });
+function Nr(e) {
+  return /* @__PURE__ */ r(We, { gesture: "resize", ...e });
 }
-function Ca(e, t, n) {
+function Na(e, t, n) {
   const a = Math.max(0, Math.min(1, n)), i = (h) => [
     parseInt(h.slice(1, 3), 16),
     parseInt(h.slice(3, 5), 16),
     parseInt(h.slice(5, 7), 16)
-  ], [s, o, l] = i(e), [u, d, m] = i(t);
-  return `rgb(${Math.round(s + (u - s) * a)}, ${Math.round(o + (d - o) * a)}, ${Math.round(
-    l + (m - l) * a
+  ], [s, o, l] = i(e), [m, c, d] = i(t);
+  return `rgb(${Math.round(s + (m - s) * a)}, ${Math.round(o + (c - o) * a)}, ${Math.round(
+    l + (d - l) * a
   )})`;
 }
-function Na(e) {
+function Sa(e) {
   return e <= 1 ? 1 : e >= 3 ? 3 : 2;
 }
-function Sa(e) {
+function ka(e) {
   return e === "dragging";
 }
-function yr(e) {
-  const { edgeHover: t, sourceCell: n, cascadeResult: a } = e, s = Ke() === "reduced", o = B.useRef(t.currentColSpan), l = B.useRef({ armed: !0, fireKey: 0, lastResult: null }), u = B.useRef(t.currentColSpan), d = B.useRef("idle"), m = B.useRef(t.currentColSpan), h = Sa(t.state);
-  if (s ? (d.current = "settled", m.current = t.currentColSpan, u.current = t.currentColSpan) : h ? d.current = t.currentColSpan !== u.current ? "incoming" : "outgoing" : (t.currentColSpan !== u.current && (m.current = t.currentColSpan, u.current = t.currentColSpan), d.current !== "idle" && (d.current = "settled")), !h)
+function Sr(e) {
+  const { edgeHover: t, sourceCell: n, cascadeResult: a } = e, s = He() === "reduced", o = B.useRef(t.currentColSpan), l = B.useRef({ armed: !0, fireKey: 0, lastResult: null }), m = B.useRef(t.currentColSpan), c = B.useRef("idle"), d = B.useRef(t.currentColSpan), h = ka(t.state);
+  if (s ? (c.current = "settled", d.current = t.currentColSpan, m.current = t.currentColSpan) : h ? c.current = t.currentColSpan !== m.current ? "incoming" : "outgoing" : (t.currentColSpan !== m.current && (d.current = t.currentColSpan, m.current = t.currentColSpan), c.current !== "idle" && (c.current = "settled")), !h)
     return l.current.armed = !0, l.current.lastResult = null, {
       trackingOutline: null,
       cellTints: [],
       refusePulse: null,
       shrinkFreedCells: [],
-      phase: d.current,
-      displayColSpan: m.current
+      phase: c.current,
+      displayColSpan: d.current
     };
-  const c = t.hysteresisTargetColSpan, g = t.previewColSpan, y = a?.result === "rejected";
-  y || (o.current = c), y && l.current.armed && l.current.lastResult !== "rejected" && (l.current.fireKey += 1, l.current.armed = !1), l.current.lastResult = y ? "rejected" : "ok";
-  const k = y ? o.current : c, f = {
+  const u = t.hysteresisTargetColSpan, p = t.previewColSpan, w = a?.result === "rejected";
+  w || (o.current = u), w && l.current.armed && l.current.lastResult !== "rejected" && (l.current.fireKey += 1, l.current.armed = !1), l.current.lastResult = w ? "rejected" : "ok";
+  const k = w ? o.current : u, f = {
     cell: { section: 0, col: 0, row: 0 },
     colSpan: k,
-    pattern: y ? "dashed-retreated" : "solid"
+    pattern: w ? "dashed-retreated" : "solid"
   }, b = [];
-  if (y) {
-    const S = n.col + o.current, R = n.col + c - 1;
-    for (let p = S; p <= R && p <= 2; p++)
+  if (w) {
+    const S = n.col + o.current, T = n.col + u - 1;
+    for (let g = S; g <= T && g <= 2; g++)
       b.push({
         cell: {
           section: 0,
-          col: p - n.col,
+          col: g - n.col,
           row: 0
         },
         variant: "rejection"
       });
   } else {
-    const S = Math.abs(g - c), R = Math.max(0, Math.min(1, 1 - S));
-    for (let p = n.col; p < n.col + c && p <= 2; p++) {
-      if (p === n.col) continue;
-      const v = p === n.col + c - 1, _ = {
+    const S = Math.abs(p - u), T = Math.max(0, Math.min(1, 1 - S));
+    for (let g = n.col; g < n.col + u && g <= 2; g++) {
+      if (g === n.col) continue;
+      const v = g === n.col + u - 1, _ = {
         section: 0,
-        col: p - n.col,
+        col: g - n.col,
         row: 0
       };
-      v && t.direction.startsWith("grow") && c > 1 && !s && S > 0 && S < 1 ? b.push({
+      v && t.direction.startsWith("grow") && u > 1 && !s && S > 0 && S < 1 ? b.push({
         cell: _,
         variant: "ramp",
-        rampColor: Ca(Me.eligibilityFill, Me.commitFill, R)
+        rampColor: Na(Me.eligibilityFill, Me.commitFill, T)
       }) : v ? b.push({ cell: _, variant: "commit" }) : b.push({ cell: _, variant: "eligibility" });
     }
   }
   const M = [];
-  if (t.currentColSpan > c)
-    for (let S = n.col + c; S < n.col + t.currentColSpan && S <= 2; S++)
+  if (t.currentColSpan > u)
+    for (let S = n.col + u; S < n.col + t.currentColSpan && S <= 2; S++)
       M.push({
         section: 0,
         col: S - n.col,
@@ -3882,7 +3882,7 @@ function yr(e) {
   const N = l.current.fireKey > 0 ? {
     cell: {
       section: 0,
-      col: Na(
+      col: Sa(
         Math.min(o.current, 2)
       ),
       row: 0
@@ -3894,8 +3894,8 @@ function yr(e) {
     cellTints: b,
     refusePulse: N,
     shrinkFreedCells: M,
-    phase: d.current,
-    displayColSpan: m.current
+    phase: c.current,
+    displayColSpan: d.current
   };
 }
 const W = {
@@ -3906,7 +3906,7 @@ const W = {
   "gloss-inline-nudge__btn--action": "_gloss-inline-nudge__btn--action_kdk88_88",
   "gloss-inline-nudge__btn--dismiss": "_gloss-inline-nudge__btn--dismiss_kdk88_96"
 };
-function ka({
+function Da({
   message: e,
   primaryAction: t,
   onDismiss: n,
@@ -3922,27 +3922,27 @@ function ka({
       "[InlineNudge] requires anchorEl or anchorSelector. AP-07: Do not mount InlineNudge in Layout/** or _app.tsx."
     );
   }, [a, i]), F.useLayoutEffect(() => {
-    let d = null;
-    if (a ? d = a : i && (d = document.querySelector(i)), d) {
-      const m = d.getBoundingClientRect();
+    let c = null;
+    if (a ? c = a : i && (c = document.querySelector(i)), c) {
+      const d = c.getBoundingClientRect();
       o({
-        top: m.bottom + window.scrollY + 6,
-        left: m.left + window.scrollX
+        top: d.bottom + window.scrollY + 6,
+        left: d.left + window.scrollX
       });
     }
   }, [a, i]);
-  const u = s ? { top: s.top, left: s.left } : {};
-  return /* @__PURE__ */ w(
+  const m = s ? { top: s.top, left: s.left } : {};
+  return /* @__PURE__ */ y(
     "div",
     {
       className: W["gloss-inline-nudge"],
-      style: u,
+      style: m,
       role: "status",
       "aria-live": "polite",
       "data-reduced-motion": l ? "true" : void 0,
       children: [
         /* @__PURE__ */ r("span", { className: W["gloss-inline-nudge__message"], children: e }),
-        /* @__PURE__ */ w("div", { className: W["gloss-inline-nudge__actions"], children: [
+        /* @__PURE__ */ y("div", { className: W["gloss-inline-nudge__actions"], children: [
           /* @__PURE__ */ r(
             "button",
             {
@@ -3967,22 +3967,22 @@ function ka({
     }
   );
 }
-ka.displayName = "InlineNudge";
-function pe(e) {
+Da.displayName = "InlineNudge";
+function ge(e) {
   return e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888";
 }
-function Da(e, t, n) {
+function xa(e, t, n) {
   if (n <= t) {
-    const o = e[0], l = o ? pe(o) : "#888";
+    const o = e[0], l = o ? ge(o) : "#888";
     return `linear-gradient(to right, ${l}, ${l})`;
   }
   const a = n - t, s = [...e].sort((o, l) => o.value - l.value).map((o) => {
     const l = (o.value - t) / a * 100;
-    return `${pe(o)} ${l.toFixed(2)}%`;
+    return `${ge(o)} ${l.toFixed(2)}%`;
   });
   return s.length === 0 ? "linear-gradient(to right, #888 0%, #888 100%)" : s.length === 1 ? `linear-gradient(to right, ${s[0]}, ${s[0]})` : `linear-gradient(to right, ${s.join(", ")})`;
 }
-function xa(e) {
+function Ra(e) {
   return e.map((t) => `${t.id}:${t.value}`).join("|");
 }
 function Ta({
@@ -3996,17 +3996,17 @@ function Ta({
   const o = i === void 0 ? 0.01 : !Number.isFinite(i) || i <= 0 ? (process.env.NODE_ENV !== "production" && console.warn(
     `ThresholdRamp: step (${i}) must be a positive finite number; falling back to 0.01.`
   ), 0.01) : i, l = C(
-    (p) => Math.round(p / o) * o,
+    (g) => Math.round(g / o) * o,
     [o]
-  ), u = P(null), [d, m] = E(null), [h, c] = E(e), g = xa(e), y = P(g);
+  ), m = P(null), [c, d] = I(null), [h, u] = I(e), p = Ra(e), w = P(p);
   A(() => {
-    y.current !== g && (y.current = g, !d && c(e));
-  }, [g, e, d]);
-  const k = re(() => Da(h, n, a), [h, n, a]), f = C(
-    (p) => {
-      if (!u.current) return n;
-      const v = u.current.getBoundingClientRect(), _ = v.width || 1, D = Math.max(0, Math.min(1, (p - v.left) / _)), T = n + D * (a - n);
-      return l(T);
+    w.current !== p && (w.current = p, !c && u(e));
+  }, [p, e, c]);
+  const k = re(() => xa(h, n, a), [h, n, a]), f = C(
+    (g) => {
+      if (!m.current) return n;
+      const v = m.current.getBoundingClientRect(), _ = v.width || 1, D = Math.max(0, Math.min(1, (g - v.left) / _)), R = n + D * (a - n);
+      return l(R);
     },
     [n, a, l]
   );
@@ -4016,118 +4016,181 @@ function Ta({
     );
   }, [n, a]);
   const b = C(
-    (p, v) => {
+    (g, v) => {
       const _ = h.find((D) => D.id === v);
-      s || _?.disabled || (p.preventDefault(), m(v));
+      s || _?.disabled || (g.preventDefault(), d(v));
     },
     [s, h]
   ), M = P(h);
   M.current = h;
   const N = P(t);
   N.current = t, A(() => {
-    if (!d) return;
-    const p = (_) => {
+    if (!c) return;
+    const g = (_) => {
       const D = f(_.clientX);
-      c(
-        (T) => T.map((x) => x.id === d ? { ...x, value: D } : x)
+      u(
+        (R) => R.map((x) => x.id === c ? { ...x, value: D } : x)
       );
     }, v = (_) => {
-      const D = f(_.clientX), T = M.current.map(
-        (x) => x.id === d ? { ...x, value: D } : x
+      const D = f(_.clientX), R = M.current.map(
+        (x) => x.id === c ? { ...x, value: D } : x
       );
-      c(T), m(null), N.current(T);
+      u(R), d(null), N.current(R);
     };
-    return window.addEventListener("pointermove", p), window.addEventListener("pointerup", v), window.addEventListener("pointercancel", v), () => {
-      window.removeEventListener("pointermove", p), window.removeEventListener("pointerup", v), window.removeEventListener("pointercancel", v);
+    return window.addEventListener("pointermove", g), window.addEventListener("pointerup", v), window.addEventListener("pointercancel", v), () => {
+      window.removeEventListener("pointermove", g), window.removeEventListener("pointerup", v), window.removeEventListener("pointercancel", v);
     };
-  }, [d, f]);
-  const S = a - n > 0 ? a - n : 1, R = C(
-    (p, v) => {
+  }, [c, f]);
+  const S = a - n > 0 ? a - n : 1, T = C(
+    (g, v) => {
       if (s || v.disabled) return;
       const _ = a - n;
       if (_ <= 0) return;
-      const D = p.shiftKey ? _ / 20 : _ / 100;
-      let T = v.value;
-      switch (p.key) {
+      const D = g.shiftKey ? _ / 20 : _ / 100;
+      let R = v.value;
+      switch (g.key) {
         case "ArrowRight":
         case "ArrowUp":
-          T = v.value + D;
+          R = v.value + D;
           break;
         case "ArrowLeft":
         case "ArrowDown":
-          T = v.value - D;
+          R = v.value - D;
           break;
         case "Home":
-          T = n;
+          R = n;
           break;
         case "End":
-          T = a;
+          R = a;
           break;
         default:
           return;
       }
-      p.preventDefault();
-      const x = Math.max(n, Math.min(a, T)), I = l(x);
-      if (I === v.value) return;
+      g.preventDefault();
+      const x = Math.max(n, Math.min(a, R)), E = l(x);
+      if (E === v.value) return;
       const L = h.map(
-        (Z) => Z.id === v.id ? { ...Z, value: I } : Z
+        (Z) => Z.id === v.id ? { ...Z, value: E } : Z
       );
-      c(L), t(L);
+      u(L), t(L);
     },
     [s, n, a, h, t, l]
   );
   return /* @__PURE__ */ r("div", { className: "gloss-threshold-ramp", "data-disabled": s || void 0, children: /* @__PURE__ */ r(
     "div",
     {
-      ref: u,
+      ref: m,
       className: "gloss-threshold-ramp__track",
       style: { background: k },
-      children: h.map((p) => {
-        const v = (p.value - n) / S * 100;
+      children: h.map((g) => {
+        const v = (g.value - n) / S * 100;
         return /* @__PURE__ */ r(
           "span",
           {
             className: "gloss-threshold-ramp__stop",
             style: {
               left: `${v}%`,
-              color: pe(p)
+              color: ge(g)
             },
-            "data-disabled": p.disabled || void 0,
-            "data-dragging": d === p.id || void 0,
-            onPointerDown: (_) => b(_, p.id),
-            onKeyDown: (_) => R(_, p),
-            "aria-label": p.label ?? `Stop at ${p.value}`,
+            "data-disabled": g.disabled || void 0,
+            "data-dragging": c === g.id || void 0,
+            onPointerDown: (_) => b(_, g.id),
+            onKeyDown: (_) => T(_, g),
+            "aria-label": g.label ?? `Stop at ${g.value}`,
             role: "slider",
-            "aria-valuenow": p.value,
+            "aria-valuenow": g.value,
             "aria-valuemin": n,
             "aria-valuemax": a,
-            "aria-disabled": p.disabled || s || void 0,
-            tabIndex: p.disabled || s ? -1 : 0
+            "aria-disabled": g.disabled || s || void 0,
+            tabIndex: g.disabled || s ? -1 : 0
           },
-          p.id
+          g.id
         );
       })
     }
   ) });
 }
 Ta.displayName = "ThresholdRamp";
-const We = Je(null);
-function Ra() {
-  return et(We);
+function Ma(e, t, n, a) {
+  switch (t) {
+    case "above-right":
+      return {
+        top: e.top - n + a.y,
+        left: e.right + a.x,
+        transform: "translate(-100%, -100%)",
+        transformOrigin: "bottom right"
+      };
+    case "above-left":
+      return {
+        top: e.top - n + a.y,
+        left: e.left + a.x,
+        transform: "translate(0, -100%)",
+        transformOrigin: "bottom left"
+      };
+    case "below-right":
+      return {
+        top: e.bottom + n + a.y,
+        left: e.right + a.x,
+        transform: "translate(-100%, 0)",
+        transformOrigin: "top right"
+      };
+    case "below-left":
+    default:
+      return {
+        top: e.bottom + n + a.y,
+        left: e.left + a.x,
+        transform: "translate(0, 0)",
+        transformOrigin: "top left"
+      };
+  }
 }
-function Ma({ option: e }) {
-  const t = Ra(), n = t?.isSelected(e.value) ?? !1, a = e.disabled || t?.groupDisabled, i = C(() => {
+function Pa(e) {
+  const { anchorRef: t, placement: n, gap: a = 8, offset: i, isOpen: s = !0 } = e, o = P({ x: i?.x ?? 0, y: i?.y ?? 0 });
+  o.current = { x: i?.x ?? 0, y: i?.y ?? 0 };
+  const [l, m] = I({});
+  return Ie(() => {
+    if (typeof window > "u" || !s) return;
+    const c = t.current;
+    if (!c) return;
+    const d = () => {
+      const u = c.getBoundingClientRect();
+      m(Ma(u, n, a, o.current));
+    };
+    d();
+    let h = null;
+    return typeof ResizeObserver < "u" && (h = new ResizeObserver(d), h.observe(c)), window.addEventListener("scroll", d, { capture: !0, passive: !0 }), window.addEventListener("resize", d, { passive: !0 }), () => {
+      h?.disconnect(), window.removeEventListener("scroll", d, !0), window.removeEventListener("resize", d);
+    };
+  }, [t, n, a, s]), { style: l };
+}
+const Ia = {
+  position: "fixed",
+  zIndex: 9999
+};
+function Ea(e) {
+  const { anchorRef: t, placement: n, gap: a, offset: i, dataHost: s, isOpen: o = !0, className: l, children: m } = e, { style: c } = Pa({ anchorRef: t, placement: n, gap: a, offset: i, isOpen: o });
+  return typeof window > "u" || typeof document > "u" || !o ? null : Ee(
+    /* @__PURE__ */ r("div", { "data-portal-host": s, className: l, style: { ...Ia, ...c }, children: m }),
+    document.body
+  );
+}
+const je = tt(null);
+function Aa() {
+  return at(je);
+}
+function Fa({ option: e }) {
+  const t = Aa(), n = t?.isSelected(e.value) ?? !1, a = e.disabled || t?.groupDisabled, i = C(() => {
     a || t?.select(e.value);
   }, [a, t, e.value]), s = C(
-    (d) => {
-      a || t?.onKeyNav(d, e.value);
+    (c) => {
+      a || t?.onKeyNav(c, e.value);
     },
     [a, t, e.value]
-  ), o = e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888", l = t?.firstFocusableValue === e.value, u = a ? -1 : l ? 0 : -1;
+  ), o = e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888", l = t?.firstFocusableValue === e.value, m = a ? -1 : l ? 0 : -1;
   return /* @__PURE__ */ r(
     "button",
     {
-      ref: (d) => t?.registerRef(e.value, d),
+      ref: (c) => t?.registerRef(e.value, c),
       type: "button",
       role: "radio",
       "aria-checked": n,
@@ -4139,13 +4202,13 @@ function Ma({ option: e }) {
       "aria-label": e.label ?? e.value,
       "aria-disabled": a,
       disabled: a,
-      tabIndex: u,
+      tabIndex: m,
       onClick: i,
       onKeyDown: s
     }
   );
 }
-function Pa({
+function Oa({
   swatches: e,
   value: t,
   defaultValue: n,
@@ -4153,65 +4216,65 @@ function Pa({
   disabled: i = !1,
   name: s
 }) {
-  const o = t !== void 0, [l, u] = E(n), d = o ? t : l, m = C(
+  const o = t !== void 0, [l, m] = I(n), c = o ? t : l, d = C(
     (N) => {
-      o || u(N), a?.(N);
+      o || m(N), a?.(N);
     },
     [o, a]
   ), h = C(
-    (N) => d === N,
-    [d]
-  ), c = P(/* @__PURE__ */ new Map()), g = C((N, S) => {
-    S ? c.current.set(N, S) : c.current.delete(N);
-  }, []), y = e.filter((N) => !N.disabled && !i), k = y.find((N) => N.value === d)?.value ?? y[0]?.value, f = C((N) => {
-    const S = c.current.get(N);
+    (N) => c === N,
+    [c]
+  ), u = P(/* @__PURE__ */ new Map()), p = C((N, S) => {
+    S ? u.current.set(N, S) : u.current.delete(N);
+  }, []), w = e.filter((N) => !N.disabled && !i), k = w.find((N) => N.value === c)?.value ?? w[0]?.value, f = C((N) => {
+    const S = u.current.get(N);
     S && S.focus();
   }, []), b = C(
     (N, S) => {
       if (i) return;
-      const R = e.filter((D) => !D.disabled);
-      if (R.length === 0) return;
-      const p = R.findIndex((D) => D.value === S);
-      if (p === -1) return;
-      let v = p;
+      const T = e.filter((D) => !D.disabled);
+      if (T.length === 0) return;
+      const g = T.findIndex((D) => D.value === S);
+      if (g === -1) return;
+      let v = g;
       switch (N.key) {
         case "ArrowRight":
         case "ArrowDown":
-          v = (p + 1) % R.length;
+          v = (g + 1) % T.length;
           break;
         case "ArrowLeft":
         case "ArrowUp":
-          v = (p - 1 + R.length) % R.length;
+          v = (g - 1 + T.length) % T.length;
           break;
         case "Home":
           v = 0;
           break;
         case "End":
-          v = R.length - 1;
+          v = T.length - 1;
           break;
         case " ":
         case "Enter":
-          N.preventDefault(), m(S);
+          N.preventDefault(), d(S);
           return;
         default:
           return;
       }
       N.preventDefault();
-      const _ = R[v].value;
-      f(_), m(_);
+      const _ = T[v].value;
+      f(_), d(_);
     },
-    [i, e, m, f]
+    [i, e, d, f]
   ), M = {
-    selectedValue: d,
-    select: m,
+    selectedValue: c,
+    select: d,
     isSelected: h,
     groupDisabled: i,
     name: s,
-    registerRef: g,
+    registerRef: p,
     firstFocusableValue: k,
     onKeyNav: b
   };
-  return /* @__PURE__ */ r(We.Provider, { value: M, children: /* @__PURE__ */ r(
+  return /* @__PURE__ */ r(je.Provider, { value: M, children: /* @__PURE__ */ r(
     "div",
     {
       className: "gloss-preset-swatch-row",
@@ -4219,11 +4282,11 @@ function Pa({
       "aria-label": s,
       "aria-disabled": i,
       "data-disabled": i || void 0,
-      children: e.map((N) => /* @__PURE__ */ r(Ma, { option: N }, N.value))
+      children: e.map((N) => /* @__PURE__ */ r(Fa, { option: N }, N.value))
     }
   ) });
 }
-Pa.displayName = "PresetSwatchRow";
+Oa.displayName = "PresetSwatchRow";
 function he(e, t) {
   for (const n of e)
     if (n.items.some((a) => a.id === t))
@@ -4234,46 +4297,46 @@ function Pe(e, t) {
   const n = e.find((a) => a.zoneKey === t);
   return n ? n.zoneKey : he(e, t);
 }
-function Ia(e, t, n) {
+function La(e, t, n) {
   const a = [...e], [i] = a.splice(t, 1);
   return a.splice(n, 0, i), a;
 }
-function Ea(e) {
+function $a(e) {
   return e.map((t) => `${t.zoneKey}:${t.items.map((n) => n.id).join(",")}`).join("|");
 }
-function Aa(e) {
-  const [t, n] = E(
+function za(e) {
+  const [t, n] = I(
     () => e.zones.map((f) => f.maxItems !== void 0 && f.items.length > f.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
       `useSortableZones: zone "${f.zoneKey}" exceeds maxItems (${f.items.length} > ${f.maxItems}); trimming to cap.`
     ), { ...f, items: f.items.slice(0, f.maxItems) }) : f)
-  ), [a, i] = E(null), [s, o] = E(null), l = P(null), u = P(e.onZoneChange);
-  u.current = e.onZoneChange;
-  const d = re(
-    () => Ea(e.zones),
+  ), [a, i] = I(null), [s, o] = I(null), l = P(null), m = P(e.onZoneChange);
+  m.current = e.onZoneChange;
+  const c = re(
+    () => $a(e.zones),
     [e.zones]
-  ), m = P(d);
+  ), d = P(c);
   A(() => {
-    m.current !== d && (m.current = d, !a && n(
+    d.current !== c && (d.current = c, !a && n(
       e.zones.map((f) => f.maxItems !== void 0 && f.items.length > f.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
         `useSortableZones: zone "${f.zoneKey}" exceeds maxItems (${f.items.length} > ${f.maxItems}); trimming to cap.`
       ), { ...f, items: f.items.slice(0, f.maxItems) }) : f)
     ));
-  }, [d, e.zones, a]);
+  }, [c, e.zones, a]);
   const h = C(
     (f) => {
       const b = f.active.id;
       let M = null, N = null;
       for (const S of t) {
-        const R = S.items.find((p) => p.id === b);
-        if (R) {
-          M = R, N = S.zoneKey;
+        const T = S.items.find((g) => g.id === b);
+        if (T) {
+          M = T, N = S.zoneKey;
           break;
         }
       }
       l.current = N, i(M), o(N);
     },
     [t]
-  ), c = C(
+  ), u = C(
     (f) => {
       if (!f.over) {
         o(l.current);
@@ -4283,7 +4346,7 @@ function Aa(e) {
       o(b);
     },
     [t]
-  ), g = C(
+  ), p = C(
     (f) => {
       const { active: b, over: M } = f, N = () => {
         l.current = null, i(null), o(null);
@@ -4292,41 +4355,41 @@ function Aa(e) {
         N();
         return;
       }
-      const S = he(t, b.id), R = Pe(t, M.id);
-      if (!S || !R) {
+      const S = he(t, b.id), T = Pe(t, M.id);
+      if (!S || !T) {
         N();
         return;
       }
-      let p = t.map((v) => ({ ...v, items: [...v.items] }));
-      if (S === R) {
-        const v = p.findIndex((I) => I.zoneKey === S), _ = p[v], D = _.items.findIndex((I) => I.id === b.id), T = _.items.findIndex((I) => I.id === M.id), x = T >= 0 ? T : Math.max(0, _.items.length - 1);
-        p[v] = {
+      let g = t.map((v) => ({ ...v, items: [...v.items] }));
+      if (S === T) {
+        const v = g.findIndex((E) => E.zoneKey === S), _ = g[v], D = _.items.findIndex((E) => E.id === b.id), R = _.items.findIndex((E) => E.id === M.id), x = R >= 0 ? R : Math.max(0, _.items.length - 1);
+        g[v] = {
           ..._,
-          items: Ia(_.items, D, x)
+          items: La(_.items, D, x)
         };
       } else {
-        const v = p.findIndex((O) => O.zoneKey === S), _ = p.findIndex((O) => O.zoneKey === R), D = p[v], T = p[_], x = D.items.find((O) => O.id === b.id);
+        const v = g.findIndex((O) => O.zoneKey === S), _ = g.findIndex((O) => O.zoneKey === T), D = g[v], R = g[_], x = D.items.find((O) => O.id === b.id);
         if (!x) {
           N();
           return;
         }
-        const I = D.items.filter((O) => O.id !== b.id), L = T.items.findIndex((O) => O.id === M.id), Z = L >= 0 ? L : T.items.length;
-        let be = I, H = [...T.items];
-        if (T.maxItems !== void 0 && H.length >= T.maxItems) {
+        const E = D.items.filter((O) => O.id !== b.id), L = R.items.findIndex((O) => O.id === M.id), Z = L >= 0 ? L : R.items.length;
+        let be = E, H = [...R.items];
+        if (R.maxItems !== void 0 && H.length >= R.maxItems) {
           const O = H[H.length - 1];
-          H = H.slice(0, T.maxItems - 1), be = [...I, O];
+          H = H.slice(0, R.maxItems - 1), be = [...E, O];
         }
-        const ve = Math.min(Z, H.length), Ye = [
+        const ve = Math.min(Z, H.length), qe = [
           ...H.slice(0, ve),
           x,
           ...H.slice(ve)
         ];
-        p[v] = { ...D, items: be }, p[_] = { ...T, items: Ye };
+        g[v] = { ...D, items: be }, g[_] = { ...R, items: qe };
       }
-      n(p), u.current?.(p), N();
+      n(g), m.current?.(g), N();
     },
     [t]
-  ), y = C(
+  ), w = C(
     (f) => ({
       id: f,
       "data-zone-key": f
@@ -4347,15 +4410,15 @@ function Aa(e) {
     zones: t,
     activeZone: s,
     activeItem: a,
-    getZoneProps: y,
+    getZoneProps: w,
     getItemProps: k,
     handleDragStart: h,
-    handleDragOver: c,
-    handleDragEnd: g
+    handleDragOver: u,
+    handleDragEnd: p
   };
 }
 let Q = null, ne = null, le = !1;
-const Fa = [
+const Ba = [
   "DndContext",
   "DragOverlay",
   "useSensors",
@@ -4364,21 +4427,21 @@ const Fa = [
   "PointerSensor",
   "KeyboardSensor",
   "closestCenter"
-], Oa = [
+], Ka = [
   "SortableContext",
   "useSortable",
   "verticalListSortingStrategy"
 ];
-function La(e, t) {
+function Ga(e, t) {
   const n = [], a = e ?? {};
-  for (const s of Fa)
+  for (const s of Ba)
     a[s] === void 0 && n.push(`@dnd-kit/core:${s}`);
   const i = t ?? {};
-  for (const s of Oa)
+  for (const s of Ka)
     i[s] === void 0 && n.push(`@dnd-kit/sortable:${s}`);
   return n.length === 0 ? { ok: !0 } : { ok: !1, missing: n };
 }
-function $a() {
+function Ha() {
   return Q ? Promise.resolve(Q) : le ? Promise.resolve(null) : ne || (ne = (async () => {
     try {
       const [e, t, n] = await Promise.all([
@@ -4387,7 +4450,7 @@ function $a() {
         import("@dnd-kit/utilities").catch(() => (process.env.NODE_ENV !== "production" && console.warn(
           "SortableZones: @dnd-kit/utilities failed to load; drag-overlay positioning will fall back (items may teleport instead of slide)."
         ), {}))
-      ]), a = La(e, t);
+      ]), a = Ga(e, t);
       return a.ok ? (Q = {
         core: e,
         sortable: t,
@@ -4400,18 +4463,18 @@ function $a() {
     }
   })(), ne);
 }
-function za(e) {
-  const { zones: t, onZoneChange: n, renderZone: a, renderItem: i, renderDragOverlay: s } = e, o = Aa({ zones: t, onZoneChange: n }), [l, u] = F.useState(Q);
+function Wa(e) {
+  const { zones: t, onZoneChange: n, renderZone: a, renderItem: i, renderDragOverlay: s } = e, o = za({ zones: t, onZoneChange: n }), [l, m] = F.useState(Q);
   return F.useEffect(() => {
     if (l) return;
-    let d = !0;
-    return $a().then((m) => {
-      d && u(m);
+    let c = !0;
+    return Ha().then((d) => {
+      c && m(d);
     }), () => {
-      d = !1;
+      c = !1;
     };
   }, [l]), l ? /* @__PURE__ */ r(
-    Ve,
+    Ue,
     {
       state: o,
       modules: l,
@@ -4419,24 +4482,24 @@ function za(e) {
       renderItem: i,
       renderDragOverlay: s
     }
-  ) : /* @__PURE__ */ r("div", { "data-sortable-zones-passive": "true", children: o.zones.map((d) => {
-    const m = d.items.map((h) => /* @__PURE__ */ r(F.Fragment, { children: i(h) }, h.id));
-    return /* @__PURE__ */ r("div", { ...o.getZoneProps(d.zoneKey), children: a(d.zoneKey, d.items, m) }, d.zoneKey);
+  ) : /* @__PURE__ */ r("div", { "data-sortable-zones-passive": "true", children: o.zones.map((c) => {
+    const d = c.items.map((h) => /* @__PURE__ */ r(F.Fragment, { children: i(h) }, h.id));
+    return /* @__PURE__ */ r("div", { ...o.getZoneProps(c.zoneKey), children: a(c.zoneKey, c.items, d) }, c.zoneKey);
   }) });
 }
-za.displayName = "SortableZones";
-function Ve({
+Wa.displayName = "SortableZones";
+function Ue({
   state: e,
   modules: t,
   renderZone: n,
   renderItem: a,
   renderDragOverlay: i
 }) {
-  const { core: s, sortable: o, utilities: l } = t, { DndContext: u, DragOverlay: d, useSensors: m, useSensor: h, useDroppable: c, PointerSensor: g, KeyboardSensor: y, closestCenter: k } = s, { SortableContext: f, verticalListSortingStrategy: b } = o, M = m(
-    h(g, { activationConstraint: { distance: 5 } }),
-    h(y)
-  ), N = u, S = d, R = f;
-  return /* @__PURE__ */ w(
+  const { core: s, sortable: o, utilities: l } = t, { DndContext: m, DragOverlay: c, useSensors: d, useSensor: h, useDroppable: u, PointerSensor: p, KeyboardSensor: w, closestCenter: k } = s, { SortableContext: f, verticalListSortingStrategy: b } = o, M = d(
+    h(p, { activationConstraint: { distance: 5 } }),
+    h(w)
+  ), N = m, S = c, T = f;
+  return /* @__PURE__ */ y(
     N,
     {
       sensors: M,
@@ -4445,9 +4508,9 @@ function Ve({
       onDragOver: e.handleDragOver,
       onDragEnd: e.handleDragEnd,
       children: [
-        e.zones.map((p) => {
-          const v = p.items.map((D) => D.id), _ = p.items.map((D) => /* @__PURE__ */ r(
-            je,
+        e.zones.map((g) => {
+          const v = g.items.map((D) => D.id), _ = g.items.map((D) => /* @__PURE__ */ r(
+            Ye,
             {
               id: D.id,
               useSortable: o.useSortable,
@@ -4457,14 +4520,14 @@ function Ve({
             D.id
           ));
           return /* @__PURE__ */ r(
-            Ue,
+            Ze,
             {
-              zoneKey: p.zoneKey,
-              zoneProps: e.getZoneProps(p.zoneKey),
-              useDroppable: c,
-              children: /* @__PURE__ */ r(R, { items: v, strategy: b, children: n(p.zoneKey, p.items, _) })
+              zoneKey: g.zoneKey,
+              zoneProps: e.getZoneProps(g.zoneKey),
+              useDroppable: u,
+              children: /* @__PURE__ */ r(T, { items: v, strategy: b, children: n(g.zoneKey, g.items, _) })
             },
-            p.zoneKey
+            g.zoneKey
           );
         }),
         /* @__PURE__ */ r(S, { children: e.activeItem ? i?.(e.activeItem) ?? a(e.activeItem) : null })
@@ -4472,17 +4535,17 @@ function Ve({
     }
   );
 }
-Ve.displayName = "SortableZonesInner";
-function je({ id: e, useSortable: t, cssHelper: n, children: a }) {
-  const { attributes: i, listeners: s, setNodeRef: o, transform: l, transition: u, isDragging: d } = t({ id: e }), m = {
+Ue.displayName = "SortableZonesInner";
+function Ye({ id: e, useSortable: t, cssHelper: n, children: a }) {
+  const { attributes: i, listeners: s, setNodeRef: o, transform: l, transition: m, isDragging: c } = t({ id: e }), d = {
     transform: n?.Transform?.toString(l) ?? void 0,
-    transition: u,
-    opacity: d ? 0.5 : 1
+    transition: m,
+    opacity: c ? 0.5 : 1
   };
-  return /* @__PURE__ */ r("div", { ref: o, style: m, "data-sortable-item-id": e, ...i, ...s, children: a });
+  return /* @__PURE__ */ r("div", { ref: o, style: d, "data-sortable-item-id": e, ...i, ...s, children: a });
 }
-je.displayName = "SortableItem";
-function Ue({
+Ye.displayName = "SortableItem";
+function Ze({
   zoneKey: e,
   zoneProps: t,
   useDroppable: n,
@@ -4491,8 +4554,8 @@ function Ue({
   const { setNodeRef: i, isOver: s } = n({ id: e });
   return /* @__PURE__ */ r("div", { ref: i, "data-zone-is-over": s || void 0, ...t, children: a });
 }
-Ue.displayName = "ZoneDroppable";
-function wr({
+Ze.displayName = "ZoneDroppable";
+function kr({
   slotLeft: e,
   slotCenter: t,
   slotRight: n,
@@ -4505,7 +4568,7 @@ function wr({
     "--gloss-bottom-toolbar-height": `${a}px`,
     ...s
   };
-  return /* @__PURE__ */ w(
+  return /* @__PURE__ */ y(
     "div",
     {
       role: "toolbar",
@@ -4542,7 +4605,7 @@ function wr({
     }
   );
 }
-function _r({
+function Dr({
   count: e,
   currentIndex: t,
   onSelect: n,
@@ -4551,29 +4614,29 @@ function _r({
   pulseIndex: s,
   pulseNonce: o,
   currentSection: l,
-  sectionsPerView: u = 1,
+  sectionsPerView: m = 1,
   // D-09 default
-  isHiding: d
+  isHiding: c
 }) {
-  const m = l ?? t ?? 0, h = Math.max(0, Math.min(e - 1, m)), c = Math.min(e - 1, h + Math.max(0, u - 1)), g = [h, c], y = B.useRef([]);
-  return y.current.length = e, !d && e <= 1 || !d && g[0] === 0 && g[1] === e - 1 ? null : /* @__PURE__ */ w(
+  const d = l ?? t ?? 0, h = Math.max(0, Math.min(e - 1, d)), u = Math.min(e - 1, h + Math.max(0, m - 1)), p = [h, u], w = B.useRef([]);
+  return w.current.length = e, !c && e <= 1 || !c && p[0] === 0 && p[1] === e - 1 ? null : /* @__PURE__ */ y(
     "div",
     {
       role: "tablist",
       "aria-label": a,
       "data-testid": "gloss-section-dots",
       className: "gloss-section-dots",
-      "data-hiding": d ? "true" : void 0,
+      "data-hiding": c ? "true" : void 0,
       onKeyDown: (f) => {
         if (e !== 0) {
           if (f.key === "ArrowRight") {
             f.preventDefault();
-            const b = (m + 1) % e;
-            n(b), requestAnimationFrame(() => y.current[b]?.focus());
+            const b = (d + 1) % e;
+            n(b), requestAnimationFrame(() => w.current[b]?.focus());
           } else if (f.key === "ArrowLeft") {
             f.preventDefault();
-            const b = (m - 1 + e) % e;
-            n(b), requestAnimationFrame(() => y.current[b]?.focus());
+            const b = (d - 1 + e) % e;
+            n(b), requestAnimationFrame(() => w.current[b]?.focus());
           }
         }
       },
@@ -4584,8 +4647,8 @@ function _r({
             className: "gloss-section-dots__blob",
             "aria-hidden": "true",
             style: {
-              "--blob-start": g[0],
-              "--blob-end": g[1]
+              "--blob-start": p[0],
+              "--blob-end": p[1]
             }
           }
         ),
@@ -4593,17 +4656,17 @@ function _r({
           "button",
           {
             ref: (M) => {
-              y.current[b] = M;
+              w.current[b] = M;
             },
             type: "button",
             role: "tab",
-            "aria-selected": b === m,
+            "aria-selected": b === d,
             "aria-label": b === i ? "Unconfirmed section" : `Section ${b + 1}`,
-            "data-state": b === i ? "provisional-hollow" : b === s ? "pulse" : b === m ? "current" : "hollow",
+            "data-state": b === i ? "provisional-hollow" : b === s ? "pulse" : b === d ? "current" : "hollow",
             "data-section-index": b,
             className: [
               "gloss-section-dots__dot",
-              b === m && "gloss-section-dots__dot--current"
+              b === d && "gloss-section-dots__dot--current"
             ].filter(Boolean).join(" "),
             onClick: () => n(b)
           },
@@ -4613,371 +4676,450 @@ function _r({
     }
   );
 }
-const Ba = F.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
+function xr(e) {
+  const { anchorRef: t, isOpen: n, onRequestClose: a, onPopoverEnter: i, onPopoverLeave: s, children: o } = e, l = P(!0);
+  return A(() => (l.current = !0, () => {
+    l.current = !1;
+  }), []), n ? /* @__PURE__ */ r(
+    Ea,
+    {
+      anchorRef: t,
+      placement: "above-right",
+      gap: 8,
+      dataHost: "bell-popover",
+      isOpen: n,
+      className: "bell-popover",
+      children: /* @__PURE__ */ y(
+        "div",
+        {
+          className: "bell-popover__panel",
+          role: "dialog",
+          "aria-label": "Notifications preview",
+          onMouseEnter: i,
+          onMouseLeave: s,
+          children: [
+            /* @__PURE__ */ r("div", { className: "bell-popover__header", children: /* @__PURE__ */ r("h4", { className: "bell-popover__title", children: "Notifications" }) }),
+            /* @__PURE__ */ r("div", { className: "bell-popover__body", children: o ?? /* @__PURE__ */ r("em", { className: "bell-popover__placeholder", children: "No recent notifications" }) }),
+            /* @__PURE__ */ r("div", { className: "bell-popover__footer", children: /* @__PURE__ */ r(
+              "button",
+              {
+                type: "button",
+                "data-action": "open-notification-center",
+                className: "bell-popover__open",
+                onClick: () => {
+                  l.current && a();
+                },
+                children: "Open notification center"
+              }
+            ) })
+          ]
+        }
+      )
+    }
+  ) : null;
+}
+function Rr(e) {
+  const { mode: t, count: n, anchorRef: a } = e, i = P(null), [s, o] = I({ cx: 0, cy: 0, r: 14 });
+  return Ie(() => {
+    if (t == null) return;
+    const l = i.current, m = a.current;
+    if (!l || !m) return;
+    const c = () => {
+      const d = m.getBoundingClientRect(), h = l.getBoundingClientRect(), u = d.left + d.width / 2 - h.left, p = d.top + d.height / 2 - h.top, w = Math.max(d.width, d.height) / 2 + 4;
+      o({ cx: u, cy: p, r: w });
+    };
+    if (c(), !(typeof window > "u"))
+      return window.addEventListener("resize", c, { passive: !0 }), () => window.removeEventListener("resize", c);
+  }, [t, a]), t == null ? null : /* @__PURE__ */ y(
+    "div",
+    {
+      ref: i,
+      className: "bell-cutout",
+      "data-mode": t,
+      "data-count": t === "unread-count" && n != null ? String(n) : void 0,
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ y("svg", { className: "bell-cutout__svg", width: "100%", height: "100%", preserveAspectRatio: "none", children: [
+          /* @__PURE__ */ r("defs", { children: /* @__PURE__ */ y("mask", { id: "bell-cutout-mask", children: [
+            /* @__PURE__ */ r("rect", { x: "0", y: "0", width: "100%", height: "100%", fill: "white" }),
+            /* @__PURE__ */ r("circle", { cx: s.cx, cy: s.cy, r: s.r, fill: "black" })
+          ] }) }),
+          /* @__PURE__ */ r("rect", { x: "0", y: "0", width: "100%", height: "100%", mask: "url(#bell-cutout-mask)", className: "bell-cutout__fill" })
+        ] }),
+        /* @__PURE__ */ r("span", { className: "bell-cutout__dot", "aria-hidden": "true" })
+      ]
+    }
+  );
+}
+const Va = F.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
   const i = { ...n };
   return delete i.className, delete i.style, /* @__PURE__ */ r("div", { ref: a, className: "gloss-container-toolbar", role: "toolbar", ...i, children: /* @__PURE__ */ r(fe, { region: "toolbar", density: e, children: t }) });
 });
-Ba.displayName = "ContainerToolbar";
-const Ka = F.forwardRef(({ legend: e, description: t, density: n = "default", children: a, ...i }, s) => {
+Va.displayName = "ContainerToolbar";
+const ja = F.forwardRef(({ legend: e, description: t, density: n = "default", children: a, ...i }, s) => {
   const o = { ...i };
-  return delete o.className, delete o.style, /* @__PURE__ */ w("fieldset", { ref: s, className: "gloss-container-form-section", ...o, children: [
+  return delete o.className, delete o.style, /* @__PURE__ */ y("fieldset", { ref: s, className: "gloss-container-form-section", ...o, children: [
     e && /* @__PURE__ */ r("legend", { className: "gloss-container-form-section__legend", children: e }),
     t && /* @__PURE__ */ r("p", { className: "gloss-container-form-section__description", children: t }),
     /* @__PURE__ */ r(fe, { region: "form-section", density: n, children: a })
   ] });
 });
-Ka.displayName = "ContainerFormSection";
-const Ga = F.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
+ja.displayName = "ContainerFormSection";
+const Ua = F.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
   const i = { ...n };
   return delete i.className, delete i.style, /* @__PURE__ */ r("div", { ref: a, className: "gloss-container-table", ...i, children: /* @__PURE__ */ r(fe, { region: "table", density: e, children: t }) });
 });
-Ga.displayName = "ContainerTable";
+Ua.displayName = "ContainerTable";
 export {
-  Sr as Accordion,
-  kr as AccordionContent,
-  Dr as AccordionItem,
-  xr as AccordionTrigger,
-  Tr as ActionStrip,
-  Rr as Actionable,
-  Mr as AddressGroup,
-  Pr as AddressSelect,
-  Ir as AsyncLoader,
-  Er as Autocomplete,
-  Ar as Badge,
-  Fr as BarChartCard,
-  Or as BarsBg,
-  wr as BottomToolbar,
-  Lr as Button,
-  $r as ButtonGroup,
-  zr as ButtonGroupContext,
-  Br as Card,
-  Kr as CardActions,
-  Gr as CardBack,
-  Hr as CardBody,
-  Wr as CardFooter,
-  Vr as CardHeader,
-  jr as CardMedia,
-  qe as CardShell,
-  Ur as CardSubtitle,
-  Yr as CardTitle,
-  ir as CascadePreview,
-  fr as CellTintOverlay,
-  Zr as ChartControlBar,
-  qr as Checkbox,
-  Qr as CheckboxGroup,
-  Xr as Chip,
-  Jr as ColorPicker,
-  es as ComparisonCard,
-  ts as ContactForm,
-  as as ContainerCard,
-  ns as ContainerCardActions,
-  rs as ContainerCardBody,
-  ss as ContainerCardFooter,
-  is as ContainerCardHeader,
-  os as ContainerCardMedia,
-  ls as ContainerCardSubtitle,
-  cs as ContainerCardTitle,
-  ds as ContainerDialog,
-  us as ContainerDialogActions,
-  ms as ContainerDialogBody,
-  gs as ContainerDialogHeader,
-  Ka as ContainerFormSection,
-  ps as ContainerPanel,
-  Ga as ContainerTable,
-  Ba as ContainerToolbar,
-  hs as CreditCardForm,
-  fs as DEFAULT_FOOTER_IDS,
+  Pr as Accordion,
+  Ir as AccordionContent,
+  Er as AccordionItem,
+  Ar as AccordionTrigger,
+  Fr as ActionStrip,
+  Or as Actionable,
+  Lr as AddressGroup,
+  $r as AddressSelect,
+  zr as AsyncLoader,
+  Br as Autocomplete,
+  Kr as Badge,
+  Gr as BarChartCard,
+  Hr as BarsBg,
+  Rr as BellCutout,
+  xr as BellPopover,
+  Ea as BodyPortal,
+  kr as BottomToolbar,
+  Wr as Button,
+  Vr as ButtonGroup,
+  jr as ButtonGroupContext,
+  Ur as Card,
+  Yr as CardActions,
+  Zr as CardBack,
+  qr as CardBody,
+  Qr as CardFooter,
+  Xr as CardHeader,
+  Jr as CardMedia,
+  Xe as CardShell,
+  es as CardSubtitle,
+  ts as CardTitle,
+  ur as CascadePreview,
+  _r as CellTintOverlay,
+  as as ChartControlBar,
+  ns as Checkbox,
+  rs as CheckboxGroup,
+  ss as Chip,
+  is as ColorPicker,
+  os as ComparisonCard,
+  ls as ContactForm,
+  cs as ContainerCard,
+  ds as ContainerCardActions,
+  us as ContainerCardBody,
+  ms as ContainerCardFooter,
+  ps as ContainerCardHeader,
+  gs as ContainerCardMedia,
+  hs as ContainerCardSubtitle,
+  fs as ContainerCardTitle,
+  bs as ContainerDialog,
+  vs as ContainerDialogActions,
+  ys as ContainerDialogBody,
+  ws as ContainerDialogHeader,
+  ja as ContainerFormSection,
+  _s as ContainerPanel,
+  Ua as ContainerTable,
+  Va as ContainerToolbar,
+  Cs as CreditCardForm,
+  Ns as DEFAULT_FOOTER_IDS,
   U as DEFAULT_GRID_INTERACTION_PHYSICS,
-  rl as DEFAULT_MARKET_PRESETS,
-  bs as DEFAULT_OVERFLOW_IDS,
-  sl as DEFAULT_PINNED,
-  _t as DEFAULT_RESIZE_PHYSICS,
-  Ie as DEFAULT_RESIZE_PILL_PHYSICS,
-  vs as DataTable,
-  ys as DatePicker,
-  ws as DateRangePicker,
-  _s as DestructiveModal,
-  ea as DevTuningPanel,
-  Cs as DirectionCard,
-  Ns as Dismissible,
-  Ss as DistributionCard,
-  ks as DonutChart,
-  rr as DragGhost,
-  Zn as DropAnchorCell,
-  Ds as Dropdown,
-  ra as DualPaceBars,
-  xs as ENTITY_FILTER_KEYS,
-  Ts as ENTITY_PROFILE_ROUTES,
-  Rs as ENTITY_TYPE_PLURAL,
-  nr as EmptyCellPackAffordance,
-  Ms as EntityPicker,
+  ul as DEFAULT_MARKET_PRESETS,
+  Ss as DEFAULT_OVERFLOW_IDS,
+  ml as DEFAULT_PINNED,
+  Ct as DEFAULT_RESIZE_PHYSICS,
+  Ae as DEFAULT_RESIZE_PILL_PHYSICS,
+  ks as DataTable,
+  Ds as DatePicker,
+  xs as DateRangePicker,
+  Rs as DestructiveModal,
+  ta as DevTuningPanel,
+  Ts as DirectionCard,
+  Ms as Dismissible,
+  Ps as DistributionCard,
+  Is as DonutChart,
+  cr as DragGhost,
+  er as DropAnchorCell,
+  Es as Dropdown,
+  sa as DualPaceBars,
+  As as ENTITY_FILTER_KEYS,
+  Fs as ENTITY_PROFILE_ROUTES,
+  Os as ENTITY_TYPE_PLURAL,
+  lr as EmptyCellPackAffordance,
+  Ls as EntityPicker,
   K as EntityRow,
-  Ps as EntitySearchPanel,
-  fa as ExceptionListCard,
-  ba as ExceptionListTilePreview,
-  Is as Expandable,
-  Es as ExpandableChip,
-  As as FLIP_AND_STAGE_TIMINGS,
-  Fs as FileUpload,
-  Os as FilterChip,
-  Ls as FilterInput,
-  $s as FlipAndStageProvider,
-  zs as Form,
-  Bs as FormDialog,
-  Ks as FormField,
-  Gs as FusedShape,
-  sa as GapReadout,
-  Hs as GestureStateProvider,
-  wt as GhostPreview,
-  Ws as GroupCheckbox,
-  Vs as GroupRadio,
-  tr as HARD_CLIP,
-  js as HighlightCard,
-  Us as HybridDatePicker,
-  Ys as ImportWizard,
-  ka as InlineNudge,
-  Zs as Input,
-  qs as InputAddon,
-  Qs as InputGroup,
-  ma as LeaderboardCard,
+  $s as EntitySearchPanel,
+  ba as ExceptionListCard,
+  va as ExceptionListTilePreview,
+  zs as Expandable,
+  Bs as ExpandableChip,
+  Ks as FLIP_AND_STAGE_TIMINGS,
+  Gs as FileUpload,
+  Hs as FilterChip,
+  Ws as FilterInput,
+  Vs as FlipAndStageProvider,
+  js as Form,
+  Us as FormDialog,
+  Ys as FormField,
+  Zs as FusedShape,
+  ia as GapReadout,
+  qs as GestureStateProvider,
+  _t as GhostPreview,
+  Qs as GroupCheckbox,
+  Xs as GroupRadio,
+  ir as HARD_CLIP,
+  Js as HighlightCard,
+  ei as HybridDatePicker,
+  ti as ImportWizard,
+  Da as InlineNudge,
+  ai as Input,
+  ni as InputAddon,
+  ri as InputGroup,
+  pa as LeaderboardCard,
   ga as LeaderboardTilePreview,
-  la as LensChipGroup,
-  Xs as Link,
-  Js as LoginForm,
+  ca as LensChipGroup,
+  si as Link,
+  ii as LoginForm,
   ae as MagnitudeBar,
-  ei as MarketPresetRow,
-  ti as MaskPresets,
-  ai as MaskedInput,
-  ni as Menu,
-  ri as MenuDivider,
-  si as MenuGroup,
-  ii as MenuItem,
-  oi as MergePrompt,
-  li as MetricCard,
-  ci as MetricCardGrid,
-  Vt as MetricGroupContainer,
-  di as MiniCalendar,
-  da as MoreInLensRail,
-  ui as MultiSelect,
-  mi as NumberInput,
-  gi as ObjectArrow,
-  pi as OrderFilterBar,
-  Uo as PANEL_COMMITS,
-  il as PERIOD_OPTIONS,
-  or as PaceCard,
-  lr as PaceTilePreview,
-  Et as PageChip,
-  Oe as PageDropdown,
-  Yo as PanelChrome,
-  Zo as PanelHost,
-  qo as PanelProvider,
-  hi as PasswordInput,
-  fi as PaymentForm,
-  bi as PaymentMethodSelect,
-  vi as PhoneInput,
-  yi as PinToMetric,
-  Pa as PresetSwatchRow,
-  wi as ProfileCard,
-  _i as ProgressCard,
-  Ci as QuickConfigPanel,
-  Bt as RECONFIG_BACKSIDE_LABELS,
-  ol as ROLLING_OPTIONS,
-  Ni as Radio,
-  Si as RadioGroup,
-  ki as RangeSlider,
+  oi as MarketPresetRow,
+  li as MaskPresets,
+  ci as MaskedInput,
+  di as Menu,
+  ui as MenuDivider,
+  mi as MenuGroup,
+  pi as MenuItem,
+  gi as MergePrompt,
+  hi as MetricCard,
+  fi as MetricCardGrid,
+  jt as MetricGroupContainer,
+  bi as MiniCalendar,
+  ua as MoreInLensRail,
+  vi as MultiSelect,
+  yi as NumberInput,
+  wi as ObjectArrow,
+  _i as OrderFilterBar,
+  el as PANEL_COMMITS,
+  pl as PERIOD_OPTIONS,
+  mr as PaceCard,
+  pr as PaceTilePreview,
+  At as PageChip,
+  $e as PageDropdown,
+  tl as PanelChrome,
+  al as PanelHost,
+  nl as PanelProvider,
+  Ci as PasswordInput,
+  Ni as PaymentForm,
+  Si as PaymentMethodSelect,
+  ki as PhoneInput,
+  Di as PinToMetric,
+  Oa as PresetSwatchRow,
+  xi as ProfileCard,
+  Ri as ProgressCard,
+  Ti as QuickConfigPanel,
+  Kt as RECONFIG_BACKSIDE_LABELS,
+  gl as ROLLING_OPTIONS,
+  Mi as Radio,
+  Pi as RadioGroup,
+  Ii as RangeSlider,
   ee as RankBadge,
-  He as RankDelta,
-  Di as Rating,
-  Ht as ReconfigBacksideButtons,
-  br as RefusePulse,
-  xi as RegistrationForm,
-  Yn as ResizeEnvelope,
-  Dt as ResizePill,
-  vr as ResizeTrackingOutline,
-  Ti as Row1Controls,
-  Ri as Row2FilterTray,
-  dr as STROKE_DASHED,
-  pr as STROKE_DASHED_DASHARRAY,
-  gr as STROKE_OUTLINE,
-  ur as STROKE_SOLID,
-  mr as STROKE_SPARSE_DASH,
-  hr as STROKE_SPARSE_DASH_DASHARRAY,
-  Mi as SearchInput,
-  Qn as SectionDivider,
-  _r as SectionDots,
-  Pi as SegmentCard,
-  Ii as SegmentedControl,
-  Ei as Select,
-  Ai as Selectable,
+  Ve as RankDelta,
+  Ei as Rating,
+  Wt as ReconfigBacksideButtons,
+  Cr as RefusePulse,
+  Ai as RegistrationForm,
+  Jn as ResizeEnvelope,
+  xt as ResizePill,
+  Nr as ResizeTrackingOutline,
+  Fi as Row1Controls,
+  Oi as Row2FilterTray,
+  hr as STROKE_DASHED,
+  yr as STROKE_DASHED_DASHARRAY,
+  vr as STROKE_OUTLINE,
+  fr as STROKE_SOLID,
+  br as STROKE_SPARSE_DASH,
+  wr as STROKE_SPARSE_DASH_DASHARRAY,
+  Li as SearchInput,
+  ar as SectionDivider,
+  Dr as SectionDots,
+  $i as SegmentCard,
+  zi as SegmentedControl,
+  Bi as Select,
+  Ki as Selectable,
   te as SeverityDot,
-  Fi as SimpleMetricCard,
-  Oi as SimpleSelector,
-  Li as Skeleton,
-  $i as SkeletonCard,
-  zi as SkeletonChart,
-  Bi as SkeletonTable,
-  Ki as Slider,
-  sr as SnapOutline,
-  Gi as Sortable,
-  za as SortableZones,
-  Hi as SparklineBg,
-  qn as SpilloverArc,
-  Wi as SplitButton,
-  Vi as StackedGroupCard,
-  va as StackedGroupTilePreview,
-  ca as StarterRail,
-  ji as StatusModeCard,
-  yt as StatusSlotChipMenu,
-  Ui as Stepper,
+  Gi as SimpleMetricCard,
+  Hi as SimpleSelector,
+  Wi as Skeleton,
+  Vi as SkeletonCard,
+  ji as SkeletonChart,
+  Ui as SkeletonTable,
+  Yi as Slider,
+  dr as SnapOutline,
+  Zi as Sortable,
+  Wa as SortableZones,
+  qi as SparklineBg,
+  tr as SpilloverArc,
+  Qi as SplitButton,
+  Xi as StackedGroupCard,
+  ya as StackedGroupTilePreview,
+  da as StarterRail,
+  Ji as StatusModeCard,
+  wt as StatusSlotChipMenu,
+  eo as Stepper,
   De as SwingReveal,
-  ll as TODAY_PRESET,
+  hl as TODAY_PRESET,
   V as TUNING_DEFAULTS,
-  Be as TUNING_STORAGE_KEY,
-  Yi as TabGroup,
-  Zi as TabbedDataView,
-  qi as TagInput,
-  mt as TargetInput,
-  Qi as Textarea,
+  Ge as TUNING_STORAGE_KEY,
+  to as TabGroup,
+  ao as TabbedDataView,
+  no as TagInput,
+  pt as TargetInput,
+  ro as Textarea,
   Ta as ThresholdRamp,
-  Xi as TimeFrame,
-  Ji as TimePicker,
-  eo as Toggle,
-  to as Tooltip,
-  Ge as TrackingOutline,
-  ao as Transition,
-  no as TransitionGroup,
-  ro as TrendCard,
-  so as TrendIndicator,
-  Wo as UIContext,
+  so as TimeFrame,
+  io as TimePicker,
+  oo as Toggle,
+  lo as Tooltip,
+  We as TrackingOutline,
+  co as Transition,
+  uo as TransitionGroup,
+  mo as TrendCard,
+  po as TrendIndicator,
+  Qo as UIContext,
   fe as UIContextProvider,
-  io as UnifiedBreakdownTable,
-  oo as UnifiedContextMenu,
-  hn as VelocityBuffer,
-  lo as addressGroupMetadata,
-  co as addressSchema,
-  rn as allChips,
-  yn as allStateFixtures,
-  vn as allVariantFixtures,
-  cn as blockSamples,
-  uo as buildDefaultOverflow,
-  pn as cardSamples,
+  go as UnifiedBreakdownTable,
+  ho as UnifiedContextMenu,
+  wn as VelocityBuffer,
+  fo as addressGroupMetadata,
+  bo as addressSchema,
+  dn as allChips,
+  Sn as allStateFixtures,
+  Nn as allVariantFixtures,
+  gn as blockSamples,
+  vo as buildDefaultOverflow,
+  yn as cardSamples,
   Y as cascadePhysics,
-  mn as chartSamples,
-  un as circleSamples,
-  ar as colorTokens,
-  Kn as compactLayout,
-  Mn as compactState,
-  bn as computeGutterAnchorX,
-  mo as contactFormMetadata,
-  go as contactSchema,
-  Pn as contextMenuFixtures,
-  po as creditCardFormMetadata,
-  ho as creditCardSchema,
-  ht as dateChip,
-  ze as defaultControlBarState,
-  fo as destructiveModalMetadata,
-  bo as durations,
-  vo as easings,
-  Rt as emptyFixture,
+  bn as chartSamples,
+  fn as circleSamples,
+  or as colorTokens,
+  jn as compactLayout,
+  Fn as compactState,
+  Cn as computeGutterAnchorX,
+  yo as contactFormMetadata,
+  wo as contactSchema,
+  On as contextMenuFixtures,
+  _o as creditCardFormMetadata,
+  Co as creditCardSchema,
+  ft as dateChip,
+  Ke as defaultControlBarState,
+  No as destructiveModalMetadata,
+  So as durations,
+  ko as easings,
+  Mt as emptyFixture,
   gt as entityChip,
-  Lt as entityNameActions,
-  on as entityTabGroup,
+  $t as entityNameActions,
+  mn as entityTabGroup,
   Tt as errorFixture,
-  yo as evaluateTintCondition,
-  Rn as filteredState,
-  cl as findPreset,
-  dl as formatDateRange,
-  ul as formatMarketDates,
-  ml as formatTrend,
-  gl as formatValue,
-  Hn as fullLayout,
-  pl as generateMarketId,
-  wo as generateTabId,
-  hl as getAllPresets,
-  fl as getDateRangeForPreset,
-  _o as getMenuActions,
-  Ke as getMotionMode,
-  bl as getPresetLabel,
-  Co as getTransitionStyle,
-  Bn as gridCards,
-  cr as gridChannels,
-  No as interpolate,
-  vl as isInRange,
-  yl as isMarketActive,
-  wl as isSameDay,
-  Tn as itemColumns,
-  Dn as itemRows,
-  xt as loadingFixture,
-  So as loginFormMetadata,
-  ko as loginSchema,
-  ft as manufacturerChip,
-  Un as manyTabs,
-  Do as mergeHandlers,
-  xo as mergeRefs,
-  sn as metricTabGroup,
-  Vn as mixedTabs,
-  _l as normalizePresetId,
-  zt as numericActions,
-  xn as orderColumns,
-  $t as orderIdActions,
-  kn as orderRows,
-  Wn as ordersTabs,
+  Do as evaluateTintCondition,
+  An as filteredState,
+  fl as findPreset,
+  bl as formatDateRange,
+  vl as formatMarketDates,
+  yl as formatTrend,
+  wl as formatValue,
+  Yn as fullLayout,
+  _l as generateMarketId,
+  xo as generateTabId,
+  Cl as getAllPresets,
+  Nl as getDateRangeForPreset,
+  Ro as getMenuActions,
+  He as getMotionMode,
+  Sl as getPresetLabel,
+  To as getTransitionStyle,
+  Vn as gridCards,
+  gr as gridChannels,
+  Mo as interpolate,
+  kl as isInRange,
+  Dl as isMarketActive,
+  xl as isSameDay,
+  En as itemColumns,
+  Pn as itemRows,
+  Rt as loadingFixture,
+  Po as loginFormMetadata,
+  Io as loginSchema,
+  bt as manufacturerChip,
+  Xn as manyTabs,
+  Eo as mergeHandlers,
+  Ao as mergeRefs,
+  un as metricTabGroup,
+  qn as mixedTabs,
+  Rl as normalizePresetId,
+  Bt as numericActions,
+  In as orderColumns,
+  zt as orderIdActions,
+  Mn as orderRows,
+  Zn as ordersTabs,
   Me as paletteHex,
   j as paletteVars,
-  Qo as panelsDeriveSurfaceState,
-  Xo as panelsInitialState,
-  Jo as panelsReducer,
-  To as parseNumericValue,
-  Ro as paymentFormMetadata,
-  Mo as paymentSchema,
-  Po as presets,
-  Jn as provisional,
-  er as reducedMotion,
-  Io as registrationFormMetadata,
-  Eo as registrationSchema,
-  Xn as rejectionFeedback,
-  En as sampleCompareRanges,
-  On as sampleCustomMarkets,
-  In as sampleDateRange,
-  Ln as sampleMarketPresetData,
-  Fn as sampleMarkets,
-  zn as samplePeriodPresets,
-  An as samplePreferences,
-  $n as samplePresets,
-  jn as singleTab,
-  wn as sparklineFixture,
-  _n as sparklineUpFixture,
-  It as staleDonutFixture,
-  Mt as staleFixture,
-  Pt as staleSparklineFixture,
-  Cn as standardFixture,
-  Sn as standardFlatFixture,
-  Gn as standardLayout,
-  Nn as standardNegativeFixture,
-  pt as statusChip,
+  rl as panelsDeriveSurfaceState,
+  sl as panelsInitialState,
+  il as panelsReducer,
+  Fo as parseNumericValue,
+  Oo as paymentFormMetadata,
+  Lo as paymentSchema,
+  $o as presets,
+  rr as provisional,
+  sr as reducedMotion,
+  zo as registrationFormMetadata,
+  Bo as registrationSchema,
+  nr as rejectionFeedback,
+  $n as sampleCompareRanges,
+  Kn as sampleCustomMarkets,
+  Ln as sampleDateRange,
+  Gn as sampleMarketPresetData,
+  Bn as sampleMarkets,
+  Wn as samplePeriodPresets,
+  zn as samplePreferences,
+  Hn as samplePresets,
+  Qn as singleTab,
+  kn as sparklineFixture,
+  Dn as sparklineUpFixture,
+  Et as staleDonutFixture,
+  Pt as staleFixture,
+  It as staleSparklineFixture,
+  xn as standardFixture,
+  Tn as standardFlatFixture,
+  Un as standardLayout,
+  Rn as standardNegativeFixture,
+  ht as statusChip,
   q as swingReveal,
-  gn as tableSamples,
-  dn as textSamples,
-  ln as timeFrameTabGroup,
-  Cl as toUppercasePresetId,
-  Ze as useAffordanceVisibility,
-  nn as useArrowNavigation,
-  Ao as useCheckboxGroupContext,
-  Fo as useFilterLayout,
-  Oo as useFlipAndStage,
-  Lo as useFlipAndStageContext,
-  $o as useFlipAndStageContextOptional,
-  an as useFocusReturn,
-  zo as useFocusTrap,
-  Bo as useFormContext,
-  Ko as useGestureState,
-  el as usePanelContext,
-  tl as usePanelContextOptional,
-  al as usePanelCoordinator,
-  Go as useRadioGroupContext,
-  yr as useResizeChoreography,
-  fn as useResizePill,
-  Yt as useResizeTuning,
-  Aa as useSortableZones,
-  Vo as useUIContext
+  vn as tableSamples,
+  hn as textSamples,
+  pn as timeFrameTabGroup,
+  Tl as toUppercasePresetId,
+  Qe as useAffordanceVisibility,
+  cn as useArrowNavigation,
+  Ko as useCheckboxGroupContext,
+  Go as useFilterLayout,
+  Ho as useFlipAndStage,
+  Wo as useFlipAndStageContext,
+  Vo as useFlipAndStageContextOptional,
+  ln as useFocusReturn,
+  jo as useFocusTrap,
+  Uo as useFormContext,
+  Yo as useGestureState,
+  ol as usePanelContext,
+  ll as usePanelContextOptional,
+  cl as usePanelCoordinator,
+  Pa as usePortalAnchor,
+  Zo as useRadioGroupContext,
+  Sr as useResizeChoreography,
+  _n as useResizePill,
+  Zt as useResizeTuning,
+  za as useSortableZones,
+  Xo as useUIContext
 };