@mt-gloss/ui 0.1.85 → 0.1.86

package/{COMMITS-BUj_vdP8.js → COMMITS-6U31xb_s.js}

@@ -1,8 +1,8 @@
-import { jsx as i, jsxs as d, Fragment as v } from "react/jsx-runtime";
-import { createContext as I, useContext as f, useReducer as S, useRef as c, useEffect as a, useMemo as p, useCallback as E, useLayoutEffect as P } from "react";
-const s = I(null);
-function _() {
-  const e = f(s);
+import { jsx as i, jsxs as f, Fragment as v } from "react/jsx-runtime";
+import { createContext as I, useContext as p, useReducer as S, useRef as s, useEffect as c, useMemo as E, useCallback as C, useLayoutEffect as _ } from "react";
+const u = I(null);
+function h() {
+  const e = p(u);
   if (!e)
     throw new Error(
       "[panels] usePanelContext must be used inside <PanelProvider>. See @mt-gloss/ui/composites/panels."
@@ -10,7 +10,7 @@ function _() {
   return e;
 }
 function w() {
-  return f(s);
+  return p(u);
 }
 const y = {
   activePanelId: null,
@@ -20,7 +20,7 @@ const y = {
   lockHint: null,
   lastClose: null,
   pendingSideEffects: []
-}, h = /* @__PURE__ */ new Set(["settings"]);
+}, P = /* @__PURE__ */ new Set(["settings"]);
 function O(e, n) {
   return e == null ? !1 : JSON.stringify(e) === JSON.stringify(n);
 }
@@ -50,13 +50,13 @@ function m(e, n) {
           reason: "mutex-handoff",
           previousPanelId: e.activePanelId
         }
-      ] : [], r = n.panelId === "notification-center" && e.bellCutoutOpen;
+      ] : [], l = n.panelId === "notification-center" && e.bellCutoutOpen;
       return {
         ...e,
         activePanelId: n.panelId,
         activeTrigger: n.trigger,
         isDirty: !1,
-        bellCutoutOpen: r ? !1 : e.bellCutoutOpen,
+        bellCutoutOpen: l ? !1 : e.bellCutoutOpen,
         lastClose: null,
         // reset on fresh open
         pendingSideEffects: [...e.pendingSideEffects, ...t]
@@ -65,7 +65,7 @@ function m(e, n) {
     case "CLOSE_PANEL": {
       if (e.activePanelId == null)
         return e;
-      const t = e.activePanelId, r = e.isDirty ? n.reason === "apply-button" ? [{ type: "COMMIT_BUFFER" }] : [{ type: "DISCARD_BUFFER" }] : [];
+      const t = e.activePanelId, l = e.isDirty ? n.reason === "apply-button" ? [{ type: "COMMIT_BUFFER" }] : [{ type: "DISCARD_BUFFER" }] : [];
       return {
         ...e,
         activePanelId: null,
@@ -74,7 +74,7 @@ function m(e, n) {
         lockHint: null,
         // closing clears any active lockHint (dirty-buffer condition gone)
         lastClose: { panelId: t, reason: n.reason },
-        pendingSideEffects: [...e.pendingSideEffects, ...r]
+        pendingSideEffects: [...e.pendingSideEffects, ...l]
       };
     }
     case "OPEN_BELL_CUTOUT":
@@ -91,7 +91,7 @@ function m(e, n) {
     case "CLOSE_BELL_CUTOUT":
       return e.bellCutoutOpen ? { ...e, bellCutoutOpen: !1 } : e;
     case "BUFFER_BECOMES_DIRTY":
-      return e.activePanelId == null || !h.has(e.activePanelId) ? {
+      return e.activePanelId == null || !P.has(e.activePanelId) ? {
         ...e,
         pendingSideEffects: [
           ...e.pendingSideEffects,
@@ -127,17 +127,27 @@ function m(e, n) {
 function L(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 D() {
-  const [e, n] = S(m, y), t = c([]);
-  c(null), a(() => {
+function N() {
+  const [e, n] = S(m, y), t = s([]), l = s(null);
+  c(() => {
     if (e.pendingSideEffects.length !== 0) {
-      for (const l of e.pendingSideEffects)
-        l.type === "SCHEDULE_TIMER" ? window.setTimeout(() => n(l.action), Math.max(0, l.ms)) : l.type === "INVALID_DISPATCH" && process.env.NODE_ENV !== "production" && console.warn("[panels] INVALID_DISPATCH:", l.reason);
+      for (const r of e.pendingSideEffects)
+        r.type === "SCHEDULE_TIMER" ? (l.current != null && window.clearTimeout(l.current), l.current = window.setTimeout(() => {
+          l.current = null, n(r.action);
+        }, Math.max(0, r.ms))) : r.type === "SET_LOCK_HINT" ? n({ type: "SET_LOCK_HINT", hint: r.hint }) : r.type === "HANDOFF_CLOSE" ? t.current = [
+          ...t.current.slice(-99),
+          {
+            panelId: r.previousPanelId,
+            reason: "mutex-handoff",
+            at: Date.now(),
+            note: "F22: mutex-handoff synthetic close-log entry"
+          }
+        ] : r.type === "INVALID_DISPATCH" && process.env.NODE_ENV !== "production" && console.warn("[panels] INVALID_DISPATCH:", r.reason);
       n({ type: "DRAIN_SIDE_EFFECTS" });
     }
-  }, [e.pendingSideEffects]), a(() => {
+  }, [e.pendingSideEffects]), c(() => {
     if (!e.lastClose) return;
-    const l = {
+    const r = {
       panelId: e.lastClose.panelId,
       reason: e.lastClose.reason,
       at: Date.now(),
@@ -145,31 +155,31 @@ function D() {
     };
     t.current = [
       ...t.current.slice(-99),
-      l
+      r
     ];
   }, [e.lastClose]);
-  const r = p(
+  const o = E(
     () => L(e),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [e.activePanelId]
-  ), o = E(() => t.current.slice(), []);
-  return { state: e, surfaceState: r, dispatch: n, getCloseLog: o };
+    [e.activePanelId, e.bellCutoutOpen, e.isDirty]
+  ), a = C(() => t.current.slice(), []);
+  return { state: e, surfaceState: o, dispatch: n, getCloseLog: a };
 }
 function F({ children: e }) {
-  const n = D(), t = p(
+  const n = N(), t = E(
     () => 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(s.Provider, { value: t, children: e });
+  return /* @__PURE__ */ i(u.Provider, { value: t, children: e });
 }
-const N = {
+const T = {
   position: "relative",
   pointerEvents: "auto"
 };
-function b({ children: e, onClose: n, isOpen: t = !0 }) {
-  return /* @__PURE__ */ d(
+function D({ children: e, onClose: n, isOpen: t = !0, footer: l }) {
+  return /* @__PURE__ */ f(
     "div",
     {
       "data-chrome": "panel",
@@ -177,7 +187,7 @@ function b({ children: e, onClose: n, isOpen: t = !0 }) {
       role: "dialog",
       "aria-modal": "true",
       className: "gloss-panel-chrome",
-      style: N,
+      style: T,
       children: [
         /* @__PURE__ */ i("div", { className: "gloss-panel-chrome__header", children: /* @__PURE__ */ i(
           "button",
@@ -190,12 +200,13 @@ function b({ children: e, onClose: n, isOpen: t = !0 }) {
             children: "×"
           }
         ) }),
-        /* @__PURE__ */ i("div", { className: "gloss-panel-chrome__body", children: e })
+        /* @__PURE__ */ i("div", { className: "gloss-panel-chrome__body", children: e }),
+        l != null && /* @__PURE__ */ i("div", { className: "gloss-panel-chrome__footer", children: l })
       ]
     }
   );
 }
-const T = {
+const b = {
   position: "fixed",
   top: 0,
   left: 0,
@@ -217,46 +228,46 @@ const T = {
   background: "rgba(0, 0, 0, 0.04)"
 };
 function R({ panelComponents: e }) {
-  const { state: n, dispatch: t, getCloseLog: r } = _(), o = n.activePanelId ? e[n.activePanelId] : null;
+  const { state: n, dispatch: t, getCloseLog: l } = h(), 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
-  ), a(() => {
+  ), c(() => {
     if (n.activePanelId == null) return;
-    function u(C) {
-      C.key === "Escape" && t({ type: "CLOSE_PANEL", reason: "escape-key" });
+    function d(g) {
+      g.key === "Escape" && t({ type: "CLOSE_PANEL", reason: "escape-key" });
     }
-    return document.addEventListener("keydown", u), () => {
-      document.removeEventListener("keydown", u);
+    return document.addEventListener("keydown", d), () => {
+      document.removeEventListener("keydown", d);
     };
   }, [n.activePanelId, t]);
-  const l = c(n);
-  P(() => {
-    l.current = n;
-  }), a(() => {
+  const a = s(n);
+  _(() => {
+    a.current = n;
+  }), c(() => {
     if (process.env.NODE_ENV !== "production")
       return window.__panelsHostHandle = {
         dispatch: t,
-        getState: () => l.current,
-        getCloseLog: r
+        getState: () => a.current,
+        getCloseLog: l
       }, () => {
         delete window.__panelsHostHandle;
       };
-  }, [t, r]);
-  const g = E(() => {
+  }, [t, l]);
+  const r = C(() => {
     t({ type: "CLOSE_PANEL", reason: "nav-escape-hatch" });
   }, [t]);
-  return /* @__PURE__ */ i("div", { "data-panel-host": "true", style: T, children: n.activePanelId != null && o != null && /* @__PURE__ */ d(v, { children: [
+  return /* @__PURE__ */ i("div", { "data-panel-host": "true", style: b, children: n.activePanelId != null && o != null && /* @__PURE__ */ f(v, { children: [
     /* @__PURE__ */ i(
       "div",
       {
         "data-panel-scrim": "true",
         style: x,
-        onClick: g
+        onClick: r
       }
     ),
     /* @__PURE__ */ i(
-      b,
+      D,
       {
         isOpen: !0,
         onClose: () => t({ type: "CLOSE_PANEL", reason: "header-x" }),
@@ -283,10 +294,10 @@ export {
   F as P,
   w as a,
   R as b,
-  b as c,
-  D as d,
+  D as c,
+  N as d,
   L as e,
   y as i,
   m as r,
-  _ as u
+  h as u
 };