@mt-gloss/ui 0.1.138 → 0.2.0

package/COMMITS-aGwevMtR.js

@@ -1,975 +0,0 @@
-import { jsx as i, jsxs as N } from "react/jsx-runtime";
-import { motion as ie } from "framer-motion";
-import Z, { useSyncExternalStore as le, useState as A, useRef as O, useMemo as z, useEffect as w, useCallback as T, createContext as ae, useContext as W, useReducer as ce, useId as X, useLayoutEffect as G } from "react";
-import { z as L } from "zod";
-const Je = {
-  forwardStaggerMs: 50,
-  reverseStaggerMs: 30,
-  springStiffness: 380,
-  springDamping: 32,
-  reverseVelocityMultiplier: 1.4
-}, en = {
-  enterDurationMs: 220,
-  exitDurationMs: 140,
-  enterEasing: "cubic-bezier(0.34, 1.56, 0.64, 1)",
-  exitEasing: "cubic-bezier(0.4, 0, 1, 1)",
-  translateOffsetPx: 8
-}, nn = {
-  shiverCycles: 3,
-  shiverAmplitudePx: 2,
-  shiverDurationMs: 180,
-  validCellOpacity: 0.6
-}, tn = {
-  materializeMs: 180,
-  dematerializeMs: 140,
-  easing: "cubic-bezier(0.22, 1, 0.36, 1)",
-  dotStrokePx: 2,
-  dividerDashGapPx: 4
-}, rn = {
-  cascadeStaggerMs: 0,
-  cascadeSpringCapMs: 120,
-  swingEnterMs: 100,
-  swingEnterStyle: "opacity",
-  provisionalMs: 80,
-  provisionalStyle: "opacity",
-  shiverMs: 200,
-  shiverStyle: "color-flash"
-}, on = !0, sn = {
-  rejectionFill: "var(--gloss-rejection-fill)",
-  rejectionStroke: "var(--gloss-rejection-stroke)",
-  validFill: "var(--gloss-valid-fill)",
-  validStroke: "var(--gloss-valid-stroke)",
-  validCellStroke: "var(--gloss-valid-cell-stroke)",
-  provisionalWash: "var(--gloss-provisional-wash)"
-};
-function ln() {
-  if (typeof window > "u") return "full";
-  try {
-    return window.matchMedia("(prefers-reduced-motion: reduce)").matches ? "reduced" : "full";
-  } catch {
-    return "full";
-  }
-}
-const de = "(prefers-reduced-motion: reduce)";
-function J() {
-  return typeof window > "u" || typeof window.matchMedia != "function" ? null : window.matchMedia(de);
-}
-function ue(e) {
-  const n = J();
-  return n ? (n.addEventListener("change", e), () => {
-    n.removeEventListener("change", e);
-  }) : () => {
-  };
-}
-function fe() {
-  const e = J();
-  return e ? e.matches : !1;
-}
-function pe() {
-  return !1;
-}
-function ee() {
-  return le(ue, fe, pe);
-}
-const me = {
-  threshold: "Threshold",
-  timeframe: "Timeframe",
-  slots: "Slots",
-  color: "Color"
-};
-function ge({
-  dimensions: e,
-  activeTab: n,
-  onSelect: t,
-  reduced: r,
-  labels: s,
-  ariaLabel: a = "Settings dimensions"
-}) {
-  const c = ee(), o = r ?? c;
-  if (e.length < 2) return null;
-  const p = (d) => s?.[d] ?? me[d], u = (d, m) => {
-    d.key === "ArrowRight" ? (d.preventDefault(), t(e[(m + 1) % e.length])) : d.key === "ArrowLeft" ? (d.preventDefault(), t(e[(m - 1 + e.length) % e.length])) : d.key === "Home" ? (d.preventDefault(), t(e[0])) : d.key === "End" && (d.preventDefault(), t(e[e.length - 1]));
-  };
-  return /* @__PURE__ */ i(
-    "div",
-    {
-      role: "tablist",
-      "aria-label": a,
-      className: "settings-tab-strip",
-      children: e.map((d, m) => {
-        const _ = n === d;
-        return /* @__PURE__ */ N(
-          "button",
-          {
-            role: "tab",
-            type: "button",
-            id: `settings-tab-${d}`,
-            "aria-selected": _,
-            "aria-controls": `settings-tabpanel-${d}`,
-            tabIndex: _ ? 0 : -1,
-            className: `settings-tab-strip__tab${_ ? " settings-tab-strip__tab--active" : ""}`,
-            onClick: () => t(d),
-            onKeyDown: (k) => u(k, m),
-            children: [
-              /* @__PURE__ */ i("span", { className: "settings-tab-strip__label", children: p(d) }),
-              _ && !o && /* @__PURE__ */ i(
-                ie.span,
-                {
-                  layoutId: "settings-active-tab-indicator",
-                  "data-layout-id": "settings-active-tab-indicator",
-                  className: "settings-tab-strip__indicator",
-                  "aria-hidden": "true",
-                  transition: { type: "spring", stiffness: 380, damping: 30 }
-                }
-              )
-            ]
-          },
-          d
-        );
-      })
-    }
-  );
-}
-ge.displayName = "SettingsTabStrip";
-function U(e, n) {
-  for (const t of e)
-    if (t.items.some((r) => r.id === n))
-      return t.zoneKey;
-  return null;
-}
-function Q(e, n) {
-  const t = e.find((r) => r.zoneKey === n);
-  return t ? t.zoneKey : U(e, n);
-}
-function he(e, n, t) {
-  const r = [...e], [s] = r.splice(n, 1);
-  return r.splice(t, 0, s), r;
-}
-function ve(e) {
-  return e.map((n) => `${n.zoneKey}:${n.items.map((t) => t.id).join(",")}`).join("|");
-}
-function ye(e) {
-  const [n, t] = A(
-    () => e.zones.map((l) => l.maxItems !== void 0 && l.items.length > l.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
-      `useSortableZones: zone "${l.zoneKey}" exceeds maxItems (${l.items.length} > ${l.maxItems}); trimming to cap.`
-    ), { ...l, items: l.items.slice(0, l.maxItems) }) : l)
-  ), [r, s] = A(null), [a, c] = A(null), o = O(null), p = O(e.onZoneChange);
-  p.current = e.onZoneChange;
-  const u = z(
-    () => ve(e.zones),
-    [e.zones]
-  ), d = O(u);
-  w(() => {
-    d.current !== u && (d.current = u, !r && t(
-      e.zones.map((l) => l.maxItems !== void 0 && l.items.length > l.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
-        `useSortableZones: zone "${l.zoneKey}" exceeds maxItems (${l.items.length} > ${l.maxItems}); trimming to cap.`
-      ), { ...l, items: l.items.slice(0, l.maxItems) }) : l)
-    ));
-  }, [u, e.zones, r]);
-  const m = T(
-    (l) => {
-      const g = l.active.id;
-      let C = null, y = null;
-      for (const b of n) {
-        const P = b.items.find((f) => f.id === g);
-        if (P) {
-          C = P, y = b.zoneKey;
-          break;
-        }
-      }
-      o.current = y, s(C), c(y);
-    },
-    [n]
-  ), _ = T(
-    (l) => {
-      if (!l.over) {
-        c(o.current);
-        return;
-      }
-      const g = Q(n, l.over.id);
-      c(g);
-    },
-    [n]
-  ), k = T(
-    (l) => {
-      const { active: g, over: C } = l, y = () => {
-        o.current = null, s(null), c(null);
-      };
-      if (!C) {
-        y();
-        return;
-      }
-      const b = U(n, g.id), P = Q(n, C.id);
-      if (!b || !P) {
-        y();
-        return;
-      }
-      let f = n.map((E) => ({ ...E, items: [...E.items] }));
-      if (b === P) {
-        const E = f.findIndex((D) => D.zoneKey === b), I = f[E], h = I.items.findIndex((D) => D.id === g.id), S = I.items.findIndex((D) => D.id === C.id), R = S >= 0 ? S : Math.max(0, I.items.length - 1);
-        f[E] = {
-          ...I,
-          items: he(I.items, h, R)
-        };
-      } else {
-        const E = f.findIndex((v) => v.zoneKey === b), I = f.findIndex((v) => v.zoneKey === P), h = f[E], S = f[I], R = h.items.find((v) => v.id === g.id);
-        if (!R) {
-          y();
-          return;
-        }
-        const D = h.items.filter((v) => v.id !== g.id), $ = S.items.findIndex((v) => v.id === C.id), oe = $ >= 0 ? $ : S.items.length;
-        let j = D, x = [...S.items];
-        if (S.maxItems !== void 0 && x.length >= S.maxItems) {
-          const v = x[x.length - 1];
-          x = x.slice(0, S.maxItems - 1), j = [...D, v];
-        }
-        const q = Math.min(oe, x.length), se = [
-          ...x.slice(0, q),
-          R,
-          ...x.slice(q)
-        ];
-        f[E] = { ...h, items: j }, f[I] = { ...S, items: se };
-      }
-      t(f), p.current?.(f), y();
-    },
-    [n]
-  ), H = T(
-    (l) => ({
-      id: l,
-      "data-zone-key": l
-    }),
-    []
-  ), B = T(
-    (l) => {
-      const g = U(n, l.id) ?? "";
-      return {
-        id: l.id,
-        "data-item-id": l.id,
-        "data-zone-key": g
-      };
-    },
-    [n]
-  );
-  return {
-    zones: n,
-    activeZone: a,
-    activeItem: r,
-    getZoneProps: H,
-    getItemProps: B,
-    handleDragStart: m,
-    handleDragOver: _,
-    handleDragEnd: k
-  };
-}
-let M = null, F = null, K = !1;
-const Ee = [
-  "DndContext",
-  "DragOverlay",
-  "useSensors",
-  "useSensor",
-  "useDroppable",
-  "PointerSensor",
-  "KeyboardSensor",
-  "closestCenter"
-], Ie = [
-  "SortableContext",
-  "useSortable",
-  "verticalListSortingStrategy"
-];
-function Se(e, n) {
-  const t = [], r = e ?? {};
-  for (const a of Ee)
-    r[a] === void 0 && t.push(`@dnd-kit/core:${a}`);
-  const s = n ?? {};
-  for (const a of Ie)
-    s[a] === void 0 && t.push(`@dnd-kit/sortable:${a}`);
-  return t.length === 0 ? { ok: !0 } : { ok: !1, missing: t };
-}
-function Ce() {
-  return M ? Promise.resolve(M) : K ? Promise.resolve(null) : F || (F = (async () => {
-    try {
-      const [e, n, t] = await Promise.all([
-        import("@dnd-kit/core"),
-        import("@dnd-kit/sortable"),
-        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)."
-        ), {}))
-      ]), r = Se(e, n);
-      return r.ok ? (M = {
-        core: e,
-        sortable: n,
-        utilities: t
-      }, M) : (K = !0, process.env.NODE_ENV !== "production" && console.error(
-        `SortableZones: @dnd-kit shape mismatch — missing exports: ${r.missing.join(", ")}. Check installed versions against optionalDependencies in @mt-gloss/ui.`
-      ), null);
-    } catch {
-      return K = !0, null;
-    }
-  })(), F);
-}
-function be(e) {
-  const { zones: n, onZoneChange: t, renderZone: r, renderItem: s, renderDragOverlay: a } = e, c = ye({ zones: n, onZoneChange: t }), [o, p] = Z.useState(M);
-  return Z.useEffect(() => {
-    if (o) return;
-    let u = !0;
-    return Ce().then((d) => {
-      u && p(d);
-    }), () => {
-      u = !1;
-    };
-  }, [o]), o ? /* @__PURE__ */ i(
-    ne,
-    {
-      state: c,
-      modules: o,
-      renderZone: r,
-      renderItem: s,
-      renderDragOverlay: a
-    }
-  ) : /* @__PURE__ */ i("div", { "data-sortable-zones-passive": "true", children: c.zones.map((u) => {
-    const d = u.items.map((m) => /* @__PURE__ */ i(Z.Fragment, { children: s(m) }, m.id));
-    return /* @__PURE__ */ i("div", { ...c.getZoneProps(u.zoneKey), children: r(u.zoneKey, u.items, d) }, u.zoneKey);
-  }) });
-}
-be.displayName = "SortableZones";
-function ne({
-  state: e,
-  modules: n,
-  renderZone: t,
-  renderItem: r,
-  renderDragOverlay: s
-}) {
-  const { core: a, sortable: c, utilities: o } = n, { DndContext: p, DragOverlay: u, useSensors: d, useSensor: m, useDroppable: _, PointerSensor: k, KeyboardSensor: H, closestCenter: B } = a, { SortableContext: l, verticalListSortingStrategy: g } = c, C = d(
-    m(k, { activationConstraint: { distance: 5 } }),
-    m(H)
-  ), y = p, b = u, P = l;
-  return /* @__PURE__ */ N(
-    y,
-    {
-      sensors: C,
-      collisionDetection: B,
-      onDragStart: e.handleDragStart,
-      onDragOver: e.handleDragOver,
-      onDragEnd: e.handleDragEnd,
-      children: [
-        e.zones.map((f) => {
-          const E = f.items.map((h) => h.id), I = f.items.map((h) => /* @__PURE__ */ i(
-            te,
-            {
-              id: h.id,
-              useSortable: c.useSortable,
-              cssHelper: o.CSS,
-              children: r(h)
-            },
-            h.id
-          ));
-          return /* @__PURE__ */ i(
-            re,
-            {
-              zoneKey: f.zoneKey,
-              zoneProps: e.getZoneProps(f.zoneKey),
-              useDroppable: _,
-              children: /* @__PURE__ */ i(P, { items: E, strategy: g, children: t(f.zoneKey, f.items, I) })
-            },
-            f.zoneKey
-          );
-        }),
-        /* @__PURE__ */ i(b, { children: e.activeItem ? s?.(e.activeItem) ?? r(e.activeItem) : null })
-      ]
-    }
-  );
-}
-ne.displayName = "SortableZonesInner";
-function te({ id: e, useSortable: n, cssHelper: t, children: r }) {
-  const { attributes: s, listeners: a, setNodeRef: c, transform: o, transition: p, isDragging: u } = n({ id: e }), d = {
-    transform: t?.Transform?.toString(o) ?? void 0,
-    transition: p,
-    opacity: u ? 0.5 : 1
-  };
-  return /* @__PURE__ */ i("div", { ref: c, style: d, "data-sortable-item-id": e, ...s, ...a, children: r });
-}
-te.displayName = "SortableItem";
-function re({
-  zoneKey: e,
-  zoneProps: n,
-  useDroppable: t,
-  children: r
-}) {
-  const { setNodeRef: s, isOver: a } = t({ id: e });
-  return /* @__PURE__ */ i("div", { ref: s, "data-zone-is-over": a || void 0, ...n, children: r });
-}
-re.displayName = "ZoneDroppable";
-const V = ae(null);
-function _e() {
-  const e = W(V);
-  if (!e)
-    throw new Error(
-      "[panels] usePanelContext must be used inside <PanelProvider>. See @mt-gloss/ui/composites/panels."
-    );
-  return e;
-}
-function Pe() {
-  return W(V);
-}
-const De = L.number().min(0).max(100), xe = L.number().min(7).max(90), Ne = L.enum(["#1d6fd8", "#10b981", "#f59e0b", "#ef4444", "#8b5cf6"]), Oe = L.array(L.string().min(1)).max(3), we = L.boolean();
-function Te(e, n) {
-  if (e === "threshold") {
-    const t = De.safeParse(n);
-    return t.success ? t.data : 80;
-  }
-  if (e === "timeframe") {
-    const t = xe.safeParse(n);
-    return t.success ? t.data : 30;
-  }
-  if (e === "accent") {
-    const t = Ne.safeParse(n);
-    return t.success ? t.data : null;
-  }
-  if (e === "slots") {
-    const t = Oe.safeParse(n);
-    return t.success ? t.data : [];
-  }
-  if (e === "thresholdEnabled" || e === "accentEnabled") {
-    const t = we.safeParse(n);
-    return t.success ? t.data : !1;
-  }
-  return n;
-}
-const Le = {
-  activePanelId: null,
-  activeTrigger: null,
-  bellCutoutOpen: !1,
-  isDirty: !1,
-  dirtySessionCount: 0,
-  lockHint: null,
-  bufferByCard: {},
-  lastClose: null,
-  pendingSideEffects: []
-}, Y = /* @__PURE__ */ new Set(["settings"]);
-function ke(e, n) {
-  if (e == null || e.kind !== n.kind) return !1;
-  switch (e.kind) {
-    case "bell":
-      return !0;
-    case "card-overflow":
-      return e.cardId === n.cardId && e.sectionIndex === n.sectionIndex && e.action === n.action;
-    case "empty-cell":
-      return e.sectionIndex === n.sectionIndex && e.cellPosition.row === n.cellPosition.row && e.cellPosition.col === n.cellPosition.col;
-    case "manage-pages-action":
-      return e.global === n.global && e.align === n.align;
-    case "layout-action-blocked":
-      return e.action === n.action && e.blockedCardId === n.blockedCardId && e.activeCardId === n.activeCardId;
-  }
-}
-function Me(e, n) {
-  switch (n.type) {
-    case "OPEN_PANEL": {
-      if (e.activePanelId && e.isDirty)
-        return {
-          ...e,
-          pendingSideEffects: [
-            ...e.pendingSideEffects,
-            {
-              type: "SET_LOCK_HINT",
-              hint: {
-                blockedTrigger: n.trigger,
-                activeCardId: e.activeTrigger?.cardId ?? null,
-                expiresAt: Date.now() + 4e3
-              }
-            }
-          ]
-        };
-      if (e.activePanelId === n.panelId && ke(e.activeTrigger, n.trigger))
-        return e;
-      const t = e.activePanelId != null ? [
-        {
-          type: "HANDOFF_CLOSE",
-          reason: "mutex-handoff",
-          previousPanelId: e.activePanelId
-        }
-      ] : [], r = n.panelId === "notification-center" && e.bellCutoutOpen;
-      return {
-        ...e,
-        activePanelId: n.panelId,
-        activeTrigger: n.trigger,
-        isDirty: !1,
-        dirtySessionCount: 0,
-        // Phase 16 P2 CC-17 — fresh open starts a clean session
-        bellCutoutOpen: r ? !1 : e.bellCutoutOpen,
-        lastClose: null,
-        // reset on fresh open
-        pendingSideEffects: [...e.pendingSideEffects, ...t]
-      };
-    }
-    case "CLOSE_PANEL": {
-      if (e.activePanelId == null)
-        return e;
-      const t = e.activePanelId, r = e.activeTrigger?.cardId ?? null, s = r != null ? e.bufferByCard[r] : void 0, a = e.isDirty ? n.reason === "apply-button" ? r != null && s != null ? [
-        {
-          type: "COMMIT_BUFFER",
-          payload: { cardId: r, delta: s }
-        }
-      ] : [{ type: "COMMIT_BUFFER" }] : [{ type: "DISCARD_BUFFER" }] : [], c = r != null && s != null ? (() => {
-        const o = { ...e.bufferByCard };
-        return delete o[r], o;
-      })() : e.bufferByCard;
-      return {
-        ...e,
-        activePanelId: null,
-        activeTrigger: null,
-        isDirty: !1,
-        dirtySessionCount: 0,
-        // Phase 16 P2 CC-17 — session ends on panel close (apply or discard)
-        lockHint: null,
-        // closing clears any active lockHint (dirty-buffer condition gone)
-        bufferByCard: c,
-        lastClose: { panelId: t, reason: n.reason },
-        pendingSideEffects: [...e.pendingSideEffects, ...a]
-      };
-    }
-    case "OPEN_BELL_CUTOUT":
-      return e.bellCutoutOpen ? e : e.activePanelId === "notification-center" ? {
-        ...e,
-        activePanelId: null,
-        activeTrigger: null,
-        bellCutoutOpen: !0,
-        pendingSideEffects: [
-          ...e.pendingSideEffects,
-          { type: "AUTO_CLOSE_NOTIF_CENTER" }
-        ]
-      } : { ...e, bellCutoutOpen: !0 };
-    case "CLOSE_BELL_CUTOUT":
-      return e.bellCutoutOpen ? { ...e, bellCutoutOpen: !1 } : e;
-    case "SET_BUFFER_VALUE": {
-      if (e.activePanelId == null || !Y.has(e.activePanelId))
-        return {
-          ...e,
-          pendingSideEffects: [
-            ...e.pendingSideEffects,
-            { type: "INVALID_DISPATCH", reason: "no-buffer-panel" }
-          ]
-        };
-      const t = e.bufferByCard[n.cardId], r = t == null, s = Te(n.key, n.value);
-      if (!r && t.changes[n.key] === s)
-        return e;
-      const c = { kind: "settings", changes: {
-        ...t?.kind === "settings" ? t.changes : {},
-        [n.key]: s
-      } }, o = { ...e.bufferByCard, [n.cardId]: c }, p = r ? [
-        {
-          type: "SCHEDULE_TIMER",
-          ms: 0,
-          action: { type: "BUFFER_BECOMES_DIRTY" }
-        }
-      ] : [];
-      return {
-        ...e,
-        bufferByCard: o,
-        pendingSideEffects: [...e.pendingSideEffects, ...p]
-      };
-    }
-    case "CLEAR_BUFFER": {
-      if (e.bufferByCard[n.cardId] == null)
-        return e;
-      const r = Object.keys(e.bufferByCard).length === 1, s = { ...e.bufferByCard };
-      delete s[n.cardId];
-      const a = r && e.isDirty ? [
-        {
-          type: "SCHEDULE_TIMER",
-          ms: 0,
-          action: { type: "BUFFER_BECOMES_CLEAN" }
-        }
-      ] : [];
-      return {
-        ...e,
-        bufferByCard: s,
-        pendingSideEffects: [...e.pendingSideEffects, ...a]
-      };
-    }
-    case "BUFFER_BECOMES_DIRTY":
-      return e.activePanelId == null || !Y.has(e.activePanelId) ? {
-        ...e,
-        pendingSideEffects: [
-          ...e.pendingSideEffects,
-          { type: "INVALID_DISPATCH", reason: "no-buffer-panel" }
-        ]
-      } : e.isDirty ? e : { ...e, isDirty: !0, dirtySessionCount: e.dirtySessionCount + 1 };
-    case "BUFFER_BECOMES_CLEAN":
-      return e.isDirty ? { ...e, isDirty: !1, dirtySessionCount: 0 } : e;
-    case "SET_LOCK_HINT":
-      return {
-        ...e,
-        lockHint: n.hint,
-        pendingSideEffects: [
-          ...e.pendingSideEffects,
-          {
-            type: "SCHEDULE_TIMER",
-            ms: Math.max(0, n.hint.expiresAt - Date.now()),
-            action: { type: "CLEAR_LOCK_HINT" }
-          }
-        ]
-      };
-    case "CLEAR_LOCK_HINT":
-      return e.lockHint == null ? e : { ...e, lockHint: null };
-    case "DRAIN_SIDE_EFFECTS":
-      return e.pendingSideEffects.length === 0 ? e : typeof n.count == "number" && n.count > 0 ? n.count >= e.pendingSideEffects.length ? { ...e, pendingSideEffects: [] } : {
-        ...e,
-        pendingSideEffects: e.pendingSideEffects.slice(n.count)
-      } : {
-        ...e,
-        pendingSideEffects: []
-      };
-    default:
-      return e;
-  }
-}
-function Re(e) {
-  return e.activePanelId === "notification-center" ? "notif-center" : e.activePanelId != null && e.bellCutoutOpen ? e.isDirty ? "panel-dirty+cutout" : "panel-clean+cutout" : e.activePanelId != null ? e.isDirty ? "panel-dirty" : "panel-clean" : e.bellCutoutOpen ? "bell-cutout-only" : "idle";
-}
-function Fe() {
-  const [e, n] = ce(Me, Le), t = O([]), r = O(null);
-  w(() => () => {
-    r.current != null && (window.clearTimeout(r.current), r.current = null);
-  }, []), w(() => {
-    const c = e.pendingSideEffects.length;
-    if (c !== 0) {
-      for (const o of e.pendingSideEffects)
-        o.type === "SCHEDULE_TIMER" ? (r.current != null && window.clearTimeout(r.current), r.current = window.setTimeout(() => {
-          r.current = null, n(o.action);
-        }, Math.max(0, o.ms))) : o.type === "SET_LOCK_HINT" ? n({ type: "SET_LOCK_HINT", hint: o.hint }) : o.type === "HANDOFF_CLOSE" ? t.current = [
-          ...t.current.slice(-99),
-          {
-            panelId: o.previousPanelId,
-            reason: "mutex-handoff",
-            at: Date.now(),
-            note: "F22: mutex-handoff synthetic close-log entry"
-          }
-        ] : o.type === "INVALID_DISPATCH" && process.env.NODE_ENV !== "production" && console.warn("[panels] INVALID_DISPATCH:", o.reason);
-      n({ type: "DRAIN_SIDE_EFFECTS", count: c });
-    }
-  }, [e.pendingSideEffects, n]), w(() => {
-    if (!e.lastClose) return;
-    const c = {
-      panelId: e.lastClose.panelId,
-      reason: e.lastClose.reason,
-      at: Date.now(),
-      note: e.lastClose.reason === "nav-escape-hatch" ? "F21: backdrop-click OR page-nav escape" : void 0
-    };
-    t.current = [
-      ...t.current.slice(-99),
-      c
-    ];
-  }, [e.lastClose]);
-  const s = z(
-    () => Re(e),
-    [e.activePanelId, e.bellCutoutOpen, e.isDirty]
-  ), a = T(() => t.current.slice(), []);
-  return { state: e, surfaceState: s, dispatch: n, getCloseLog: a };
-}
-function an({ children: e }) {
-  const n = Fe(), t = z(
-    () => n,
-    // Re-publish only when one of the four coordinator fields changes identity.
-    // dispatch + getCloseLog are stable. state + surfaceState change on dispatch.
-    [n.state, n.surfaceState, n.dispatch, n.getCloseLog]
-  );
-  return /* @__PURE__ */ i(V.Provider, { value: t, children: e });
-}
-function Ae({ title: e, onClose: n, titleId: t }) {
-  return /* @__PURE__ */ N("div", { className: "gloss-panel-chrome-v2__header", children: [
-    e != null && /* @__PURE__ */ i("span", { id: t, className: "gloss-panel-chrome-v2__title", children: e }),
-    /* @__PURE__ */ i(
-      "button",
-      {
-        id: "panel-close",
-        type: "button",
-        "aria-label": "Close panel",
-        className: "gloss-panel-chrome-v2__close",
-        onClick: n,
-        children: "×"
-      }
-    )
-  ] });
-}
-function He({ children: e }) {
-  return /* @__PURE__ */ i(
-    "div",
-    {
-      "data-panel-stage": !0,
-      "aria-hidden": "true",
-      className: "gloss-panel-chrome-v2__stage",
-      children: e
-    }
-  );
-}
-function Be({ children: e }) {
-  return /* @__PURE__ */ i("div", { className: "gloss-panel-chrome-v2__navigation", children: e });
-}
-function Ze({ children: e }) {
-  return /* @__PURE__ */ i("div", { className: "gloss-panel-chrome-v2__body", children: e });
-}
-function Ke({ left: e, right: n }) {
-  return /* @__PURE__ */ N("div", { className: "gloss-panel-chrome-v2__footer", children: [
-    /* @__PURE__ */ i("div", { className: "gloss-panel-chrome-v2__footer-left", children: e }),
-    /* @__PURE__ */ i("div", { className: "gloss-panel-chrome-v2__footer-right", children: n })
-  ] });
-}
-function Ue({
-  children: e,
-  onClose: n,
-  title: t,
-  variant: r = "no-stage",
-  stage: s,
-  navigation: a,
-  footer: c
-}) {
-  const o = t == null && r === "with-stage", p = X(), u = t != null;
-  return /* @__PURE__ */ N(
-    "div",
-    {
-      "data-chrome": "panel-v2",
-      "data-chrome-variant": r,
-      "data-headerless": o || void 0,
-      role: "dialog",
-      "aria-modal": "true",
-      "aria-labelledby": u ? p : void 0,
-      "aria-label": u ? void 0 : "Panel",
-      className: `gloss-panel-chrome-v2 gloss-panel-chrome-v2--${r}${o ? " gloss-panel-chrome-v2--headerless" : ""}`,
-      children: [
-        !o && /* @__PURE__ */ i(Ae, { title: t, onClose: n, titleId: p }),
-        r === "with-stage" && /* @__PURE__ */ i(He, { children: s }),
-        a != null && /* @__PURE__ */ i(Be, { children: a }),
-        /* @__PURE__ */ i(Ze, { children: e }),
-        c != null && /* @__PURE__ */ i(Ke, { left: c.left, right: c.right }),
-        o && /* @__PURE__ */ i(
-          "button",
-          {
-            id: "panel-close",
-            type: "button",
-            "aria-label": "Close panel",
-            className: "gloss-panel-chrome-v2__close gloss-panel-chrome-v2__close--floating",
-            onClick: n,
-            children: "×"
-          }
-        )
-      ]
-    }
-  );
-}
-function cn({ isOpen: e }) {
-  const n = Pe();
-  return /* @__PURE__ */ i(
-    Ue,
-    {
-      variant: "no-stage",
-      title: "Notifications",
-      onClose: () => n?.dispatch({ type: "CLOSE_PANEL", reason: "header-x" }),
-      children: /* @__PURE__ */ i(
-        "div",
-        {
-          "data-shell": "notification-center",
-          "data-panel": "notification-center",
-          "aria-hidden": !e,
-          children: /* @__PURE__ */ i("p", { children: "No notifications" })
-        }
-      )
-    }
-  );
-}
-const ze = {
-  position: "relative",
-  pointerEvents: "auto"
-};
-function Ve({ children: e, onClose: n, footer: t, title: r, variant: s = "default" }) {
-  const a = `panel-close-${X().replace(/:/g, "-")}`;
-  return /* @__PURE__ */ N(
-    "div",
-    {
-      "data-chrome": "panel",
-      "data-chrome-variant": s,
-      role: "dialog",
-      "aria-modal": "true",
-      className: s === "merged-stage" ? "gloss-panel-chrome gloss-panel-chrome--merged-stage" : "gloss-panel-chrome",
-      style: ze,
-      children: [
-        /* @__PURE__ */ N("div", { className: "gloss-panel-chrome__header", children: [
-          r != null && /* @__PURE__ */ i("span", { className: "gloss-panel-chrome__title", children: r }),
-          /* @__PURE__ */ i(
-            "button",
-            {
-              id: a,
-              type: "button",
-              "aria-label": "Close panel",
-              className: "gloss-panel-chrome__close",
-              onClick: n,
-              children: "×"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ i("div", { className: "gloss-panel-chrome__body", children: e }),
-        t != null && /* @__PURE__ */ i("div", { className: "gloss-panel-chrome__footer", children: t })
-      ]
-    }
-  );
-}
-function $e(e) {
-  if (process.env.NODE_ENV === "production" || !e || !e.parentElement) return;
-  const n = e.parentElement, t = window.getComputedStyle(n);
-  t.perspective === "none" && console.warn(
-    "[PanelMount] §2.7 violation: parent of .gloss-panel-mount has perspective:none. Rotated mount will render flat. Parent:",
-    n
-  ), (t.overflow === "hidden" || t.overflowY === "hidden") && console.warn(
-    "[PanelMount] §2.9 violation: parent of .gloss-panel-mount has overflow:hidden. Rising panel will be clipped. Parent:",
-    n
-  );
-}
-function je({ isOpen: e, children: n }) {
-  const t = ee(), r = O(null);
-  G(() => {
-    $e(r.current);
-  }, []);
-  const [s, a] = A(!1);
-  w(() => {
-    if (!e) {
-      a(!1);
-      return;
-    }
-    const o = requestAnimationFrame(() => a(!0));
-    return () => cancelAnimationFrame(o);
-  }, [e]);
-  const c = [
-    "gloss-panel-mount",
-    s ? "has-panel" : "",
-    t ? "reduced-motion" : ""
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ i(
-    "div",
-    {
-      ref: r,
-      className: c,
-      "data-mount": "panel",
-      "data-open": e ? "true" : "false",
-      children: n
-    }
-  );
-}
-const qe = {
-  position: "fixed",
-  top: 0,
-  left: 0,
-  right: 0,
-  height: "var(--tb-h, 60px)",
-  perspective: "var(--panel-perspective, 1500px)",
-  perspectiveOrigin: "center bottom",
-  overflow: "visible",
-  pointerEvents: "none",
-  zIndex: 55
-}, Qe = {
-  position: "fixed",
-  top: "var(--tb-h, 60px)",
-  left: 0,
-  right: 0,
-  bottom: 0,
-  zIndex: 1,
-  // CR-03 fix: pass-through tint — scrim is visual-only and must not intercept
-  // grid card clicks. Dismiss is via ESC keydown (see useEffect above) only;
-  // no scrim-click-to-close by design (prevents accidental dismissal while
-  // interacting with cards behind the scrim).
-  pointerEvents: "none",
-  background: "rgba(0, 0, 0, 0.04)"
-};
-function dn({ panelComponents: e }) {
-  const { state: n, dispatch: t, getCloseLog: r } = _e(), s = n.activePanelId ? e[n.activePanelId] : null;
-  n.activePanelId && !s && process.env.NODE_ENV !== "production" && console.error(
-    "[panels] No panel component registered for activePanelId:",
-    n.activePanelId
-  ), w(() => {
-    if (n.activePanelId == null) return;
-    function o(p) {
-      p.key === "Escape" && t({ type: "CLOSE_PANEL", reason: "escape-key" });
-    }
-    return document.addEventListener("keydown", o), () => {
-      document.removeEventListener("keydown", o);
-    };
-  }, [n.activePanelId, t]);
-  const a = O(n);
-  G(() => {
-    a.current = n;
-  }), w(() => {
-    if (process.env.NODE_ENV === "production") return;
-    const o = window;
-    return o.__panelsHostHandle && console.warn("[panels] multiple PanelHost/PanelHostShell instances mounted; dev handle is unreliable"), o.__panelsHostHandle = {
-      dispatch: t,
-      getState: () => a.current,
-      getCloseLog: r
-    }, () => {
-      o.__panelsHostHandle?.dispatch === t && delete o.__panelsHostHandle;
-    };
-  }, [t, r]);
-  const c = n.activePanelId != null && s != null;
-  return /* @__PURE__ */ N("div", { "data-panel-host": "true", style: qe, children: [
-    c && /* @__PURE__ */ i(
-      "div",
-      {
-        "data-panel-scrim": "true",
-        style: Qe
-      }
-    ),
-    /* @__PURE__ */ i(je, { isOpen: c, children: c && /* @__PURE__ */ i(
-      Ve,
-      {
-        isOpen: !0,
-        onClose: () => t({ type: "CLOSE_PANEL", reason: "header-x" }),
-        children: /* @__PURE__ */ i(s, { isOpen: !0 })
-      }
-    ) })
-  ] });
-}
-const un = {
-  "apply-button": !0,
-  // the ONLY commit reason
-  "cancel-button": !1,
-  "header-x": !1,
-  "escape-key": !1,
-  "page-nav": !1,
-  "mutex-handoff": !1,
-  "ghost-anchor": !1,
-  "viewport-collapse": !1,
-  unmount: !1,
-  "nav-escape-hatch": !1,
-  "drag-start": !1,
-  // Phase 11.6 D-19 — R9 drag-start auto-close discards buffer
-  "section-hidden": !1
-  // 260524 panel-x-axis-transitions — viewport shrank past targetSection
-};
-export {
-  un as C,
-  on as H,
-  cn as N,
-  an as P,
-  be as S,
-  rn as a,
-  sn as b,
-  Je as c,
-  ye as d,
-  _e as e,
-  dn as f,
-  ln as g,
-  Fe as h,
-  Me as i,
-  Le as j,
-  Re as k,
-  ge as l,
-  ee as m,
-  Ue as n,
-  je as o,
-  tn as p,
-  Ae as q,
-  nn as r,
-  en as s,
-  He as t,
-  Pe as u,
-  Be as v,
-  Ze as w,
-  Ke as x
-};