@mt-gloss/ui 0.1.114 → 0.1.116

package/COMMITS-CeuMPpjt.js

@@ -0,0 +1,812 @@
+import { jsx as d, jsxs as k } from "react/jsx-runtime";
+import { motion as ie } from "framer-motion";
+import M, { useSyncExternalStore as se, useState as H, useRef as N, useMemo as V, useEffect as T, useCallback as O, createContext as le, useContext as W, useReducer as ae, useLayoutEffect as X } from "react";
+import { z as w } from "zod";
+const ce = "(prefers-reduced-motion: reduce)";
+function G() {
+  return typeof window > "u" || typeof window.matchMedia != "function" ? null : window.matchMedia(ce);
+}
+function de(e) {
+  const n = G();
+  return n ? (n.addEventListener("change", e), () => {
+    n.removeEventListener("change", e);
+  }) : () => {
+  };
+}
+function ue() {
+  const e = G();
+  return e ? e.matches : !1;
+}
+function fe() {
+  return !1;
+}
+function J() {
+  return se(de, ue, fe);
+}
+const pe = {
+  threshold: "Threshold",
+  timeframe: "Timeframe",
+  slots: "Slots",
+  color: "Color"
+};
+function me({
+  dimensions: e,
+  activeTab: n,
+  onSelect: t,
+  reduced: r,
+  labels: o,
+  ariaLabel: l = "Settings dimensions"
+}) {
+  const c = J(), s = r ?? c;
+  if (e.length < 2) return null;
+  const p = (a) => o?.[a] ?? pe[a], u = (a, m) => {
+    a.key === "ArrowRight" ? (a.preventDefault(), t(e[(m + 1) % e.length])) : a.key === "ArrowLeft" ? (a.preventDefault(), t(e[(m - 1 + e.length) % e.length])) : a.key === "Home" ? (a.preventDefault(), t(e[0])) : a.key === "End" && (a.preventDefault(), t(e[e.length - 1]));
+  };
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      role: "tablist",
+      "aria-label": l,
+      className: "settings-tab-strip",
+      children: e.map((a, m) => {
+        const _ = n === a;
+        return /* @__PURE__ */ k(
+          "button",
+          {
+            role: "tab",
+            type: "button",
+            id: `settings-tab-${a}`,
+            "aria-selected": _,
+            "aria-controls": `settings-tabpanel-${a}`,
+            tabIndex: _ ? 0 : -1,
+            className: `settings-tab-strip__tab${_ ? " settings-tab-strip__tab--active" : ""}`,
+            onClick: () => t(a),
+            onKeyDown: (L) => u(L, m),
+            children: [
+              /* @__PURE__ */ d("span", { className: "settings-tab-strip__label", children: p(a) }),
+              _ && !s && /* @__PURE__ */ d(
+                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 }
+                }
+              )
+            ]
+          },
+          a
+        );
+      })
+    }
+  );
+}
+me.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 ge(e, n, t) {
+  const r = [...e], [o] = r.splice(n, 1);
+  return r.splice(t, 0, o), r;
+}
+function he(e) {
+  return e.map((n) => `${n.zoneKey}:${n.items.map((t) => t.id).join(",")}`).join("|");
+}
+function ve(e) {
+  const [n, t] = H(
+    () => e.zones.map((i) => i.maxItems !== void 0 && i.items.length > i.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
+      `useSortableZones: zone "${i.zoneKey}" exceeds maxItems (${i.items.length} > ${i.maxItems}); trimming to cap.`
+    ), { ...i, items: i.items.slice(0, i.maxItems) }) : i)
+  ), [r, o] = H(null), [l, c] = H(null), s = N(null), p = N(e.onZoneChange);
+  p.current = e.onZoneChange;
+  const u = V(
+    () => he(e.zones),
+    [e.zones]
+  ), a = N(u);
+  T(() => {
+    a.current !== u && (a.current = u, !r && t(
+      e.zones.map((i) => i.maxItems !== void 0 && i.items.length > i.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
+        `useSortableZones: zone "${i.zoneKey}" exceeds maxItems (${i.items.length} > ${i.maxItems}); trimming to cap.`
+      ), { ...i, items: i.items.slice(0, i.maxItems) }) : i)
+    ));
+  }, [u, e.zones, r]);
+  const m = O(
+    (i) => {
+      const g = i.active.id;
+      let C = null, E = null;
+      for (const b of n) {
+        const P = b.items.find((f) => f.id === g);
+        if (P) {
+          C = P, E = b.zoneKey;
+          break;
+        }
+      }
+      s.current = E, o(C), c(E);
+    },
+    [n]
+  ), _ = O(
+    (i) => {
+      if (!i.over) {
+        c(s.current);
+        return;
+      }
+      const g = Q(n, i.over.id);
+      c(g);
+    },
+    [n]
+  ), L = O(
+    (i) => {
+      const { active: g, over: C } = i, E = () => {
+        s.current = null, o(null), c(null);
+      };
+      if (!C) {
+        E();
+        return;
+      }
+      const b = U(n, g.id), P = Q(n, C.id);
+      if (!b || !P) {
+        E();
+        return;
+      }
+      let f = n.map((I) => ({ ...I, items: [...I.items] }));
+      if (b === P) {
+        const I = f.findIndex((D) => D.zoneKey === b), y = f[I], h = y.items.findIndex((D) => D.id === g.id), S = y.items.findIndex((D) => D.id === C.id), A = S >= 0 ? S : Math.max(0, y.items.length - 1);
+        f[I] = {
+          ...y,
+          items: ge(y.items, h, A)
+        };
+      } else {
+        const I = f.findIndex((v) => v.zoneKey === b), y = f.findIndex((v) => v.zoneKey === P), h = f[I], S = f[y], A = h.items.find((v) => v.id === g.id);
+        if (!A) {
+          E();
+          return;
+        }
+        const D = h.items.filter((v) => v.id !== g.id), z = S.items.findIndex((v) => v.id === C.id), re = z >= 0 ? z : 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(re, x.length), oe = [
+          ...x.slice(0, q),
+          A,
+          ...x.slice(q)
+        ];
+        f[I] = { ...h, items: j }, f[y] = { ...S, items: oe };
+      }
+      t(f), p.current?.(f), E();
+    },
+    [n]
+  ), B = O(
+    (i) => ({
+      id: i,
+      "data-zone-key": i
+    }),
+    []
+  ), Z = O(
+    (i) => {
+      const g = U(n, i.id) ?? "";
+      return {
+        id: i.id,
+        "data-item-id": i.id,
+        "data-zone-key": g
+      };
+    },
+    [n]
+  );
+  return {
+    zones: n,
+    activeZone: l,
+    activeItem: r,
+    getZoneProps: B,
+    getItemProps: Z,
+    handleDragStart: m,
+    handleDragOver: _,
+    handleDragEnd: L
+  };
+}
+let R = null, F = null, K = !1;
+const Ee = [
+  "DndContext",
+  "DragOverlay",
+  "useSensors",
+  "useSensor",
+  "useDroppable",
+  "PointerSensor",
+  "KeyboardSensor",
+  "closestCenter"
+], Ie = [
+  "SortableContext",
+  "useSortable",
+  "verticalListSortingStrategy"
+];
+function ye(e, n) {
+  const t = [], r = e ?? {};
+  for (const l of Ee)
+    r[l] === void 0 && t.push(`@dnd-kit/core:${l}`);
+  const o = n ?? {};
+  for (const l of Ie)
+    o[l] === void 0 && t.push(`@dnd-kit/sortable:${l}`);
+  return t.length === 0 ? { ok: !0 } : { ok: !1, missing: t };
+}
+function Se() {
+  return R ? Promise.resolve(R) : 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 = ye(e, n);
+      return r.ok ? (R = {
+        core: e,
+        sortable: n,
+        utilities: t
+      }, R) : (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 Ce(e) {
+  const { zones: n, onZoneChange: t, renderZone: r, renderItem: o, renderDragOverlay: l } = e, c = ve({ zones: n, onZoneChange: t }), [s, p] = M.useState(R);
+  return M.useEffect(() => {
+    if (s) return;
+    let u = !0;
+    return Se().then((a) => {
+      u && p(a);
+    }), () => {
+      u = !1;
+    };
+  }, [s]), s ? /* @__PURE__ */ d(
+    ee,
+    {
+      state: c,
+      modules: s,
+      renderZone: r,
+      renderItem: o,
+      renderDragOverlay: l
+    }
+  ) : /* @__PURE__ */ d("div", { "data-sortable-zones-passive": "true", children: c.zones.map((u) => {
+    const a = u.items.map((m) => /* @__PURE__ */ d(M.Fragment, { children: o(m) }, m.id));
+    return /* @__PURE__ */ d("div", { ...c.getZoneProps(u.zoneKey), children: r(u.zoneKey, u.items, a) }, u.zoneKey);
+  }) });
+}
+Ce.displayName = "SortableZones";
+function ee({
+  state: e,
+  modules: n,
+  renderZone: t,
+  renderItem: r,
+  renderDragOverlay: o
+}) {
+  const { core: l, sortable: c, utilities: s } = n, { DndContext: p, DragOverlay: u, useSensors: a, useSensor: m, useDroppable: _, PointerSensor: L, KeyboardSensor: B, closestCenter: Z } = l, { SortableContext: i, verticalListSortingStrategy: g } = c, C = a(
+    m(L, { activationConstraint: { distance: 5 } }),
+    m(B)
+  ), E = p, b = u, P = i;
+  return /* @__PURE__ */ k(
+    E,
+    {
+      sensors: C,
+      collisionDetection: Z,
+      onDragStart: e.handleDragStart,
+      onDragOver: e.handleDragOver,
+      onDragEnd: e.handleDragEnd,
+      children: [
+        e.zones.map((f) => {
+          const I = f.items.map((h) => h.id), y = f.items.map((h) => /* @__PURE__ */ d(
+            ne,
+            {
+              id: h.id,
+              useSortable: c.useSortable,
+              cssHelper: s.CSS,
+              children: r(h)
+            },
+            h.id
+          ));
+          return /* @__PURE__ */ d(
+            te,
+            {
+              zoneKey: f.zoneKey,
+              zoneProps: e.getZoneProps(f.zoneKey),
+              useDroppable: _,
+              children: /* @__PURE__ */ d(P, { items: I, strategy: g, children: t(f.zoneKey, f.items, y) })
+            },
+            f.zoneKey
+          );
+        }),
+        /* @__PURE__ */ d(b, { children: e.activeItem ? o?.(e.activeItem) ?? r(e.activeItem) : null })
+      ]
+    }
+  );
+}
+ee.displayName = "SortableZonesInner";
+function ne({ id: e, useSortable: n, cssHelper: t, children: r }) {
+  const { attributes: o, listeners: l, setNodeRef: c, transform: s, transition: p, isDragging: u } = n({ id: e }), a = {
+    transform: t?.Transform?.toString(s) ?? void 0,
+    transition: p,
+    opacity: u ? 0.5 : 1
+  };
+  return /* @__PURE__ */ d("div", { ref: c, style: a, "data-sortable-item-id": e, ...o, ...l, children: r });
+}
+ne.displayName = "SortableItem";
+function te({
+  zoneKey: e,
+  zoneProps: n,
+  useDroppable: t,
+  children: r
+}) {
+  const { setNodeRef: o, isOver: l } = t({ id: e });
+  return /* @__PURE__ */ d("div", { ref: o, "data-zone-is-over": l || void 0, ...n, children: r });
+}
+te.displayName = "ZoneDroppable";
+const $ = le(null);
+function be() {
+  const e = W($);
+  if (!e)
+    throw new Error(
+      "[panels] usePanelContext must be used inside <PanelProvider>. See @mt-gloss/ui/composites/panels."
+    );
+  return e;
+}
+function ze() {
+  return W($);
+}
+const _e = w.number().min(0).max(100), Pe = w.number().min(7).max(90), De = w.enum(["#1d6fd8", "#10b981", "#f59e0b", "#ef4444", "#8b5cf6"]), xe = w.array(w.string().min(1)).max(3), Oe = w.boolean();
+function Ne(e, n) {
+  if (e === "threshold") {
+    const t = _e.safeParse(n);
+    return t.success ? t.data : 80;
+  }
+  if (e === "timeframe") {
+    const t = Pe.safeParse(n);
+    return t.success ? t.data : 30;
+  }
+  if (e === "accent") {
+    const t = De.safeParse(n);
+    return t.success ? t.data : null;
+  }
+  if (e === "slots") {
+    const t = xe.safeParse(n);
+    return t.success ? t.data : [];
+  }
+  if (e === "thresholdEnabled" || e === "accentEnabled") {
+    const t = Oe.safeParse(n);
+    return t.success ? t.data : !1;
+  }
+  return n;
+}
+const Te = {
+  activePanelId: null,
+  activeTrigger: null,
+  bellCutoutOpen: !1,
+  isDirty: !1,
+  dirtySessionCount: 0,
+  lockHint: null,
+  bufferByCard: {},
+  lastClose: null,
+  pendingSideEffects: []
+}, Y = /* @__PURE__ */ new Set(["settings"]);
+function we(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 Le(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 && we(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, o = r != null ? e.bufferByCard[r] : void 0, l = e.isDirty ? n.reason === "apply-button" ? r != null && o != null ? [
+        {
+          type: "COMMIT_BUFFER",
+          payload: { cardId: r, delta: o }
+        }
+      ] : [{ type: "COMMIT_BUFFER" }] : [{ type: "DISCARD_BUFFER" }] : [], c = r != null && o != null ? (() => {
+        const s = { ...e.bufferByCard };
+        return delete s[r], s;
+      })() : 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, ...l]
+      };
+    }
+    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, o = Ne(n.key, n.value);
+      if (!r && t.changes[n.key] === o)
+        return e;
+      const c = { kind: "settings", changes: {
+        ...t?.kind === "settings" ? t.changes : {},
+        [n.key]: o
+      } }, s = { ...e.bufferByCard, [n.cardId]: c }, p = r ? [
+        {
+          type: "SCHEDULE_TIMER",
+          ms: 0,
+          action: { type: "BUFFER_BECOMES_DIRTY" }
+        }
+      ] : [];
+      return {
+        ...e,
+        bufferByCard: s,
+        pendingSideEffects: [...e.pendingSideEffects, ...p]
+      };
+    }
+    case "CLEAR_BUFFER": {
+      if (e.bufferByCard[n.cardId] == null)
+        return e;
+      const r = Object.keys(e.bufferByCard).length === 1, o = { ...e.bufferByCard };
+      delete o[n.cardId];
+      const l = r && e.isDirty ? [
+        {
+          type: "SCHEDULE_TIMER",
+          ms: 0,
+          action: { type: "BUFFER_BECOMES_CLEAN" }
+        }
+      ] : [];
+      return {
+        ...e,
+        bufferByCard: o,
+        pendingSideEffects: [...e.pendingSideEffects, ...l]
+      };
+    }
+    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 ke() {
+  const [e, n] = ae(Le, Te), t = N([]), r = N(null);
+  T(() => () => {
+    r.current != null && (window.clearTimeout(r.current), r.current = null);
+  }, []), T(() => {
+    const c = e.pendingSideEffects.length;
+    if (c !== 0) {
+      for (const s of e.pendingSideEffects)
+        s.type === "SCHEDULE_TIMER" ? (r.current != null && window.clearTimeout(r.current), r.current = window.setTimeout(() => {
+          r.current = null, n(s.action);
+        }, Math.max(0, s.ms))) : s.type === "SET_LOCK_HINT" ? n({ type: "SET_LOCK_HINT", hint: s.hint }) : s.type === "HANDOFF_CLOSE" ? t.current = [
+          ...t.current.slice(-99),
+          {
+            panelId: s.previousPanelId,
+            reason: "mutex-handoff",
+            at: Date.now(),
+            note: "F22: mutex-handoff synthetic close-log entry"
+          }
+        ] : s.type === "INVALID_DISPATCH" && process.env.NODE_ENV !== "production" && console.warn("[panels] INVALID_DISPATCH:", s.reason);
+      n({ type: "DRAIN_SIDE_EFFECTS", count: c });
+    }
+  }, [e.pendingSideEffects, n]), T(() => {
+    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 o = V(
+    () => Re(e),
+    [e.activePanelId, e.bellCutoutOpen, e.isDirty]
+  ), l = O(() => t.current.slice(), []);
+  return { state: e, surfaceState: o, dispatch: n, getCloseLog: l };
+}
+function je({ children: e }) {
+  const n = ke(), t = V(
+    () => 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__ */ d($.Provider, { value: t, children: e });
+}
+const Ae = {
+  position: "relative",
+  pointerEvents: "auto"
+};
+function Fe({ children: e, onClose: n, footer: t, title: r, variant: o = "default" }) {
+  return /* @__PURE__ */ k(
+    "div",
+    {
+      "data-chrome": "panel",
+      "data-chrome-variant": o,
+      role: "dialog",
+      "aria-modal": "true",
+      className: o === "merged-stage" ? "gloss-panel-chrome gloss-panel-chrome--merged-stage" : "gloss-panel-chrome",
+      style: Ae,
+      children: [
+        /* @__PURE__ */ k("div", { className: "gloss-panel-chrome__header", children: [
+          r != null && /* @__PURE__ */ d("span", { className: "gloss-panel-chrome__title", children: r }),
+          /* @__PURE__ */ d(
+            "button",
+            {
+              id: "panel-close",
+              type: "button",
+              "aria-label": "Close panel",
+              className: "gloss-panel-chrome__close",
+              onClick: n,
+              children: "×"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ d("div", { className: "gloss-panel-chrome__body", children: e }),
+        t != null && /* @__PURE__ */ d("div", { className: "gloss-panel-chrome__footer", children: t })
+      ]
+    }
+  );
+}
+function He(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 Be({ isOpen: e, children: n }) {
+  const t = J(), r = N(null);
+  X(() => {
+    He(r.current);
+  }, []);
+  const [o, l] = H(!1);
+  T(() => {
+    if (!e) {
+      l(!1);
+      return;
+    }
+    const s = requestAnimationFrame(() => l(!0));
+    return () => cancelAnimationFrame(s);
+  }, [e]);
+  const c = [
+    "gloss-panel-mount",
+    o ? "has-panel" : "",
+    t ? "reduced-motion" : ""
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      ref: r,
+      className: c,
+      "data-mount": "panel",
+      "data-open": e ? "true" : "false",
+      children: n
+    }
+  );
+}
+const Ze = {
+  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
+}, Me = {
+  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. Click-outside / scrim-dismiss is handled via the onClick
+  // on the div below, which still fires because pointer events on the element
+  // itself are honoured when explicitly set; using 'none' prevents the invisible
+  // overlay from swallowing clicks on underlying controls (same class as the
+  // panel-wrapper-covers-grid-cards bug fixed at V2FeedbackSurface).
+  pointerEvents: "none",
+  background: "rgba(0, 0, 0, 0.04)"
+};
+function qe({ panelComponents: e }) {
+  const { state: n, dispatch: t, getCloseLog: r } = be(), o = n.activePanelId ? e[n.activePanelId] : null;
+  n.activePanelId && !o && process.env.NODE_ENV !== "production" && console.error(
+    "[panels] No panel component registered for activePanelId:",
+    n.activePanelId
+  ), T(() => {
+    if (n.activePanelId == null) return;
+    function p(u) {
+      u.key === "Escape" && t({ type: "CLOSE_PANEL", reason: "escape-key" });
+    }
+    return document.addEventListener("keydown", p), () => {
+      document.removeEventListener("keydown", p);
+    };
+  }, [n.activePanelId, t]);
+  const l = N(n);
+  X(() => {
+    l.current = n;
+  }), T(() => {
+    if (process.env.NODE_ENV === "production") return;
+    const p = window;
+    return p.__panelsHostHandle && console.warn("[panels] multiple PanelHost/PanelHostShell instances mounted; dev handle is unreliable"), p.__panelsHostHandle = {
+      dispatch: t,
+      getState: () => l.current,
+      getCloseLog: r
+    }, () => {
+      p.__panelsHostHandle?.dispatch === t && delete p.__panelsHostHandle;
+    };
+  }, [t, r]);
+  const c = O(() => {
+    t({ type: "CLOSE_PANEL", reason: "nav-escape-hatch" });
+  }, [t]), s = n.activePanelId != null && o != null;
+  return /* @__PURE__ */ k("div", { "data-panel-host": "true", style: Ze, children: [
+    s && /* @__PURE__ */ d(
+      "div",
+      {
+        "data-panel-scrim": "true",
+        style: Me,
+        onClick: c
+      }
+    ),
+    /* @__PURE__ */ d(Be, { isOpen: s, children: s && /* @__PURE__ */ d(
+      Fe,
+      {
+        isOpen: !0,
+        onClose: () => t({ type: "CLOSE_PANEL", reason: "header-x" }),
+        children: /* @__PURE__ */ d(o, { isOpen: !0 })
+      }
+    ) })
+  ] });
+}
+const Qe = {
+  "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
+};
+export {
+  Qe as C,
+  je as P,
+  Ce as S,
+  ve as a,
+  be as b,
+  qe as c,
+  Fe as d,
+  ke as e,
+  Re as f,
+  me as g,
+  J as h,
+  Te as i,
+  Be as j,
+  Le as r,
+  ze as u
+};