@burdenoff/fe-libs 2026.1006.2 → 2026.1007.2

package/dist/chrome/NotificationCenter.js

@@ -8,76 +8,76 @@ import { NotificationHeader as o } from "./notificationCenter/NotificationHeader
 import { NotificationList as s } from "./notificationCenter/NotificationList.js";
 import { NotificationPanel as c } from "./notificationCenter/NotificationPanel.js";
 import { useNotificationCenter as l } from "./notificationCenter/useNotificationCenter.js";
-import { useEscapeClose as u, useOutsideClickClose as d, usePanelChrome as f } from "./notificationCenter/usePanelChrome.js";
-import { useCallback as p, useEffect as m, useMemo as h, useRef as g, useState as _ } from "react";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { useOutsideClickClose as u, usePanelChrome as d } from "./notificationCenter/usePanelChrome.js";
+import { useCallback as f, useEffect as p, useMemo as m, useRef as h, useState as g } from "react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
 //#region src/chrome/NotificationCenter.tsx
-var b = ({ client: b, onViewAll: x, compact: S = !1, pollInterval: C = 3e4, lazy: w = !1 }) => {
-	let T = g(null), [E, D] = _(!1), [O, k] = _("all"), [A, j] = _("ALL"), [M, N] = _("ALL"), [P, F] = _("newest"), I = p(() => D(!1), []), L = p(() => D((e) => !e), []);
-	t("header.notifications", h(() => ({ run: () => E ? { status: "already" } : (D(!0), { status: "done" }) }), [E]));
-	let { isMobile: R } = f();
-	d(E, R, T, I), u(E, I);
-	let { notifications: z, unreadCount: B, countsByApp: V, totalCount: H, loading: U, error: W, fetchNotifications: G, handleMarkAsRead: K, handleMarkAllAsRead: q, handleDelete: J } = l({
-		client: b,
-		isOpen: E,
-		lazy: w,
-		filterTab: O,
-		typeFilter: A,
-		appFilter: M
+var y = ({ client: y, onViewAll: b, compact: x = !1, pollInterval: S = 3e4, lazy: C = !1 }) => {
+	let w = h(null), [T, E] = g(!1), [D, O] = g("all"), [k, A] = g("ALL"), [j, M] = g("ALL"), [N, P] = g("newest"), F = f(() => E(!1), []), I = f(() => E((e) => !e), []);
+	t("header.notifications", m(() => ({ run: () => T ? { status: "already" } : (E(!0), { status: "done" }) }), [T]));
+	let { isMobile: L } = d();
+	u(T, L, w, F);
+	let { notifications: R, unreadCount: z, countsByApp: B, totalCount: V, loading: H, error: U, fetchNotifications: W, handleMarkAsRead: G, handleMarkAllAsRead: K, handleDelete: q } = l({
+		client: y,
+		isOpen: T,
+		lazy: C,
+		filterTab: D,
+		typeFilter: k,
+		appFilter: j
 	});
-	m(() => {
-		e(B);
-	}, [B]);
-	let Y = p((e) => {
+	p(() => {
+		e(z);
+	}, [z]);
+	let J = f((e) => {
 		window.open(e, "_blank", "noopener,noreferrer");
-	}, []), X = p(() => {
-		D(!1), x?.();
-	}, [x]), Z = r(z, P), Q = Object.entries(V).filter(([e]) => e && e !== "null").sort((e, t) => t[1] - e[1]);
-	return /* @__PURE__ */ y("div", {
-		ref: T,
+	}, []), Y = f(() => {
+		E(!1), b?.();
+	}, [b]), X = r(R, N), Z = Object.entries(B).filter(([e]) => e && e !== "null").sort((e, t) => t[1] - e[1]);
+	return /* @__PURE__ */ v("div", {
+		ref: w,
 		className: "relative",
-		children: [/* @__PURE__ */ v(n, {
-			unreadCount: B,
-			isOpen: E,
-			onToggle: L
-		}), E && /* @__PURE__ */ v(c, {
-			isMobile: R,
-			onClose: I,
-			children: /* @__PURE__ */ y("div", {
+		children: [/* @__PURE__ */ _(n, {
+			unreadCount: z,
+			isOpen: T,
+			onToggle: I
+		}), T && /* @__PURE__ */ _(c, {
+			isMobile: L,
+			onClose: F,
+			children: /* @__PURE__ */ v("div", {
 				className: "flex flex-col h-full",
 				children: [
-					/* @__PURE__ */ v(o, {
-						isMobile: R,
-						unreadCount: B,
-						onClose: I,
-						onMarkAllAsRead: q
+					/* @__PURE__ */ _(o, {
+						isMobile: L,
+						unreadCount: z,
+						onClose: F,
+						onMarkAllAsRead: K
 					}),
-					/* @__PURE__ */ v(i, {
-						filterTab: O,
-						typeFilter: A,
-						appFilter: M,
-						sortBy: P,
-						appNames: Q,
-						onFilterTabChange: k,
-						onTypeFilterChange: j,
-						onAppFilterChange: N,
-						onSortByChange: F
+					/* @__PURE__ */ _(i, {
+						filterTab: D,
+						typeFilter: k,
+						appFilter: j,
+						sortBy: N,
+						appNames: Z,
+						onFilterTabChange: O,
+						onTypeFilterChange: A,
+						onAppFilterChange: M,
+						onSortByChange: P
 					}),
-					/* @__PURE__ */ v(s, {
-						loading: U,
-						error: W,
-						notifications: Z,
-						filterTab: O,
-						typeFilter: A,
-						appFilter: M,
-						onRetry: G,
-						onMarkAsRead: K,
-						onDelete: J,
-						onRedirect: Y
+					/* @__PURE__ */ _(s, {
+						loading: H,
+						error: U,
+						notifications: X,
+						filterTab: D,
+						typeFilter: k,
+						appFilter: j,
+						onRetry: W,
+						onMarkAsRead: G,
+						onDelete: q,
+						onRedirect: J
 					}),
-					Z.length > 0 && /* @__PURE__ */ v(a, {
-						totalCount: H,
-						onViewAll: x ? X : void 0
+					X.length > 0 && /* @__PURE__ */ _(a, {
+						totalCount: V,
+						onViewAll: b ? Y : void 0
 					})
 				]
 			})
@@ -85,4 +85,4 @@ var b = ({ client: b, onViewAll: x, compact: S = !1, pollInterval: C = 3e4, lazy
 	});
 };
 //#endregion
-export { b as NotificationCenter };
+export { y as NotificationCenter };

package/dist/chrome/PageHeader.d.ts

@@ -13,5 +13,5 @@ export interface PageHeaderProps {
     className?: string;
 }
 /** Canonical page header. One primary action max. Mobile-aware. */
-export declare function PageHeader({ title, description, actions, breadcrumb, icon, toolbar, className, }: PageHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function PageHeader({ title, description, actions, breadcrumb, icon, toolbar, className, }: PageHeaderProps): import('react/jsx-runtime').JSX.Element;
 //# sourceMappingURL=PageHeader.d.ts.map

package/dist/chrome/PersonaSurfaceControls.d.ts

@@ -21,11 +21,11 @@ export interface PersonaSurfaceControlsProps {
     /** Customize button label (a11y). @default "Customize menu" */
     customizeLabel?: string;
 }
-export declare function PersonaSurfaceControls({ everythingLabel, customizeLabel, }: PersonaSurfaceControlsProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function PersonaSurfaceControls({ everythingLabel, customizeLabel, }: PersonaSurfaceControlsProps): import('react/jsx-runtime').JSX.Element | null;
 /**
  * Viewport-fixed simulation indicator. Must be rendered OUTSIDE the sidebar
  * `aside` (its backdrop-filter creates a containing block that would trap
  * `position: fixed`). ProductSideNav renders it next to the nav.
  */
-export declare function PersonaSimulationPill(): import("react/jsx-runtime").JSX.Element | null;
+export declare function PersonaSimulationPill(): import('react/jsx-runtime').JSX.Element | null;
 //# sourceMappingURL=PersonaSurfaceControls.d.ts.map

package/dist/chrome/ProductSideNav.d.ts

@@ -18,5 +18,5 @@ export interface ProductSideNavProps {
     /** Collapse button label (default: "Collapse") */
     collapseLabel?: string;
 }
-export declare function ProductSideNav({ logo, appName, groupOrder, groupLabels, mobileActions, customHeader, homeAriaLabel, collapseLabel, }: ProductSideNavProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProductSideNav({ logo, appName, groupOrder, groupLabels, mobileActions, customHeader, homeAriaLabel, collapseLabel, }: ProductSideNavProps): import('react/jsx-runtime').JSX.Element;
 //# sourceMappingURL=ProductSideNav.d.ts.map

package/dist/chrome/ShortcutHelpDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ShortcutHelpDialog.d.ts","sourceRoot":"","sources":["../../src/chrome/ShortcutHelpDialog.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAqB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAGnD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAEjE,MAAM,WAAW,uBAAuB;IACtC,iCAAiC;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,wCAAwC;IACxC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,4CAA4C;IAC5C,SAAS,EAAE,gBAAgB,EAAE,CAAC;CAC/B;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CA4J1D,CAAC"}
+{"version":3,"file":"ShortcutHelpDialog.d.ts","sourceRoot":"","sources":["../../src/chrome/ShortcutHelpDialog.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAqB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAGnD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAIjE,MAAM,WAAW,uBAAuB;IACtC,iCAAiC;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,wCAAwC;IACxC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,4CAA4C;IAC5C,SAAS,EAAE,gBAAgB,EAAE,CAAC;CAC/B;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CA8J1D,CAAC"}

package/dist/chrome/ShortcutHelpDialog.js

@@ -1,123 +1,129 @@
 import { detectPlatform as e, getDisplayKeysForPlatform as t } from "../shared/keyboard/utils.js";
-import { useEffect as n, useRef as r } from "react";
-import { X as i } from "lucide-react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { EscapeLayer as n } from "../shared/components/EscapeLayer.js";
+import { SHELL_OVERLAY_LAYER_CLASS as r } from "./shellOverlayLayer.js";
+import { useEffect as i, useRef as a } from "react";
+import { X as o } from "lucide-react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/chrome/ShortcutHelpDialog.tsx
-var s = ({ isOpen: s, onClose: c, shortcuts: l }) => {
-	let u = r(null), d = r(c);
-	if (n(() => {
-		d.current = c;
-	}), n(() => {
-		if (!s) return;
+var l = ({ isOpen: l, onClose: u, shortcuts: d }) => {
+	let f = a(null), p = a(u);
+	if (i(() => {
+		p.current = u;
+	}), i(() => {
+		if (!l) return;
 		let e = setTimeout(() => {
 			let e = (e) => {
-				(e.key === "Escape" || e.key === "?") && (e.preventDefault(), e.stopPropagation(), d.current());
+				e.key === "?" && (e.preventDefault(), e.stopPropagation(), p.current());
 			};
-			u.current = e, document.addEventListener("keydown", e);
+			f.current = e, document.addEventListener("keydown", e);
 		}, 100);
 		return () => {
-			clearTimeout(e), u.current &&= (document.removeEventListener("keydown", u.current), null);
+			clearTimeout(e), f.current &&= (document.removeEventListener("keydown", f.current), null);
 		};
-	}, [s]), n(() => {
-		if (s) return document.body.style.overflow = "hidden", () => {
+	}, [l]), i(() => {
+		if (l) return document.body.style.overflow = "hidden", () => {
 			document.body.style.overflow = "";
 		};
-	}, [s]), !s) return null;
-	let f = l.reduce((e, t) => {
+	}, [l]), !l) return null;
+	let m = d.reduce((e, t) => {
 		let n = t.category || "Other";
 		return e[n] || (e[n] = []), e[n].push(t), e;
-	}, {}), p = Object.keys(f).sort((e, t) => {
+	}, {}), h = Object.keys(m).sort((e, t) => {
 		let n = {
 			Navigation: 0,
 			Actions: 1,
 			UI: 2
 		}, r = n[e] ?? 99, i = n[t] ?? 99;
 		return r === i ? e.localeCompare(t) : r - i;
-	}), m = e(), h = m === "mac" ? "macOS" : m === "windows" ? "Windows" : "Linux";
-	return /* @__PURE__ */ o("div", {
-		className: "fixed inset-0 z-[9999] flex items-center justify-center animate-in fade-in duration-200",
-		children: [/* @__PURE__ */ a("div", {
-			className: "absolute inset-0 bg-bg-overlay backdrop-blur-sm",
-			onClick: c,
-			"aria-hidden": "true"
-		}), /* @__PURE__ */ o("div", {
-			className: "relative bg-bg-elevated border border-border-subtle rounded-card shadow-[var(--shadow-elevation-4)] max-w-2xl w-full mx-4 max-h-[85dvh] flex flex-col animate-in fade-in-0 zoom-in-95 slide-in-from-bottom-4 duration-300",
+	}), g = e(), _ = g === "mac" ? "macOS" : g === "windows" ? "Windows" : "Linux";
+	return /* @__PURE__ */ s(n, {
+		modal: !0,
+		onDismiss: u,
+		children: /* @__PURE__ */ c("div", {
+			className: `fixed inset-0 ${r} flex items-center justify-center animate-in fade-in duration-200`,
 			role: "dialog",
 			"aria-modal": "true",
 			"aria-labelledby": "shortcut-dialog-title",
-			children: [
-				/* @__PURE__ */ o("div", {
-					className: "flex items-center justify-between p-6 border-b border-border-subtle",
-					children: [/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("h2", {
-						id: "shortcut-dialog-title",
-						className: "text-lg font-semibold text-text-primary",
-						children: "Keyboard Shortcuts"
-					}), /* @__PURE__ */ a("p", {
-						className: "text-text-secondary text-sm mt-1",
-						children: "Quickly navigate and perform actions using your keyboard"
-					})] }), /* @__PURE__ */ a("button", {
-						type: "button",
-						onClick: c,
-						className: "p-2 hover:bg-bg-sunken rounded-button text-text-secondary transition-colors",
-						"aria-label": "Close",
-						children: /* @__PURE__ */ a(i, { className: "size-5" })
-					})]
-				}),
-				/* @__PURE__ */ a("div", {
-					className: "flex-1 overflow-y-auto p-6",
-					children: /* @__PURE__ */ a("div", {
-						className: "grid grid-cols-1 md:grid-cols-2 gap-8",
-						children: p.map((e) => /* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("h3", {
-							className: "text-sm font-semibold text-text-primary mb-3",
-							children: e
-						}), /* @__PURE__ */ a("div", {
-							className: "space-y-1",
-							children: f[e].map((e, n) => /* @__PURE__ */ o("div", {
-								className: "flex items-center justify-between py-2 px-3 rounded-button hover:bg-bg-sunken transition-all duration-200 hover:translate-x-0.5",
-								style: { animationDelay: `${n * 30}ms` },
-								children: [/* @__PURE__ */ a("span", {
-									className: "text-text-primary text-sm",
-									children: e.description
-								}), /* @__PURE__ */ a("kbd", {
-									className: "ml-4 px-2.5 py-1 bg-bg-sunken border border-border-subtle rounded text-text-secondary text-xs font-mono whitespace-nowrap transition-all duration-200 hover:scale-105",
-									children: t(e.keys)
-								})]
-							}, e.id))
-						})] }, e))
-					})
-				}),
-				/* @__PURE__ */ a("div", {
-					className: "p-4 border-t border-border-subtle bg-bg-sunken/50 rounded-b-card",
-					children: /* @__PURE__ */ o("div", {
-						className: "flex items-center justify-between text-xs",
-						children: [/* @__PURE__ */ o("p", {
-							className: "text-text-muted",
-							children: [h, " shortcuts"]
-						}), /* @__PURE__ */ o("p", {
-							className: "text-text-secondary",
-							children: [
-								"Press",
-								" ",
-								/* @__PURE__ */ a("kbd", {
-									className: "px-1.5 py-0.5 bg-bg-surface border border-border-subtle rounded font-mono",
-									children: "?"
-								}),
-								" ",
-								"or",
-								" ",
-								/* @__PURE__ */ a("kbd", {
-									className: "px-1.5 py-0.5 bg-bg-surface border border-border-subtle rounded font-mono",
-									children: "Esc"
-								}),
-								" ",
-								"to close"
-							]
+			children: [/* @__PURE__ */ s("div", {
+				className: "absolute inset-0 bg-bg-overlay backdrop-blur-sm",
+				onClick: u,
+				"aria-hidden": "true"
+			}), /* @__PURE__ */ c("div", {
+				className: "relative bg-bg-elevated border border-border-subtle rounded-card shadow-[var(--shadow-elevation-4)] max-w-2xl w-full mx-4 max-h-[85dvh] flex flex-col animate-in fade-in-0 zoom-in-95 slide-in-from-bottom-4 duration-300",
+				children: [
+					/* @__PURE__ */ c("div", {
+						className: "flex items-center justify-between p-6 border-b border-border-subtle",
+						children: [/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("h2", {
+							id: "shortcut-dialog-title",
+							className: "text-lg font-semibold text-text-primary",
+							children: "Keyboard Shortcuts"
+						}), /* @__PURE__ */ s("p", {
+							className: "text-text-secondary text-sm mt-1",
+							children: "Quickly navigate and perform actions using your keyboard"
+						})] }), /* @__PURE__ */ s("button", {
+							type: "button",
+							onClick: u,
+							className: "p-2 hover:bg-bg-sunken rounded-button text-text-secondary transition-colors",
+							"aria-label": "Close",
+							children: /* @__PURE__ */ s(o, { className: "size-5" })
 						})]
+					}),
+					/* @__PURE__ */ s("div", {
+						className: "flex-1 overflow-y-auto p-6",
+						children: /* @__PURE__ */ s("div", {
+							className: "grid grid-cols-1 md:grid-cols-2 gap-8",
+							children: h.map((e) => /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("h3", {
+								className: "text-sm font-semibold text-text-primary mb-3",
+								children: e
+							}), /* @__PURE__ */ s("div", {
+								className: "space-y-1",
+								children: m[e].map((e, n) => /* @__PURE__ */ c("div", {
+									className: "flex items-center justify-between py-2 px-3 rounded-button hover:bg-bg-sunken transition-all duration-200 hover:translate-x-0.5",
+									style: { animationDelay: `${n * 30}ms` },
+									children: [/* @__PURE__ */ s("span", {
+										className: "text-text-primary text-sm",
+										children: e.description
+									}), /* @__PURE__ */ s("kbd", {
+										className: "ml-4 px-2.5 py-1 bg-bg-sunken border border-border-subtle rounded text-text-secondary text-xs font-mono whitespace-nowrap transition-all duration-200 hover:scale-105",
+										children: t(e.keys)
+									})]
+								}, e.id))
+							})] }, e))
+						})
+					}),
+					/* @__PURE__ */ s("div", {
+						className: "p-4 border-t border-border-subtle bg-bg-sunken/50 rounded-b-card",
+						children: /* @__PURE__ */ c("div", {
+							className: "flex items-center justify-between text-xs",
+							children: [/* @__PURE__ */ c("p", {
+								className: "text-text-muted",
+								children: [_, " shortcuts"]
+							}), /* @__PURE__ */ c("p", {
+								className: "text-text-secondary",
+								children: [
+									"Press",
+									" ",
+									/* @__PURE__ */ s("kbd", {
+										className: "px-1.5 py-0.5 bg-bg-surface border border-border-subtle rounded font-mono",
+										children: "?"
+									}),
+									" ",
+									"or",
+									" ",
+									/* @__PURE__ */ s("kbd", {
+										className: "px-1.5 py-0.5 bg-bg-surface border border-border-subtle rounded font-mono",
+										children: "Esc"
+									}),
+									" ",
+									"to close"
+								]
+							})]
+						})
 					})
-				})
-			]
-		})]
+				]
+			})]
+		})
 	});
 };
 //#endregion
-export { s as ShortcutHelpDialog };
+export { l as ShortcutHelpDialog };

package/dist/chrome/ThemePreferences.d.ts

@@ -11,5 +11,5 @@ export interface ThemePreferencesProps {
  * exception is the `value` of the `<input type="color">` inside the custom editor,
  * which is data entry (a hex string), never a className.
  */
-export declare function ThemePreferences({ className, showCustomThemes }: ThemePreferencesProps): import("react/jsx-runtime").JSX.Element;
+export declare function ThemePreferences({ className, showCustomThemes }: ThemePreferencesProps): import('react/jsx-runtime').JSX.Element;
 //# sourceMappingURL=ThemePreferences.d.ts.map

package/dist/chrome/notificationCenter/NotificationPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationPanel.d.ts","sourceRoot":"","sources":["../../../src/chrome/notificationCenter/NotificationPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGhD,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CA8BxD,CAAC"}
+{"version":3,"file":"NotificationPanel.d.ts","sourceRoot":"","sources":["../../../src/chrome/notificationCenter/NotificationPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKhD,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAmCxD,CAAC"}

package/dist/chrome/notificationCenter/NotificationPanel.js

@@ -1,20 +1,31 @@
-import { Fragment as e, jsx as t, jsxs as n } from "react/jsx-runtime";
-import { createPortal as r } from "react-dom";
+import { EscapeLayer as e } from "../../shared/components/EscapeLayer.js";
+import { SHELL_OVERLAY_LAYER_CLASS as t } from "../shellOverlayLayer.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { createPortal as i } from "react-dom";
 //#region src/chrome/notificationCenter/NotificationPanel.tsx
-var i = ({ isMobile: i, onClose: a, children: o }) => i ? typeof document > "u" ? null : r(/* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("div", {
-	className: "fixed inset-0 bg-bg-overlay backdrop-blur-sm z-[110]",
-	onClick: a,
-	"aria-hidden": "true"
-}), /* @__PURE__ */ t("div", {
-	className: "fixed inset-0 bg-bg-elevated z-[120] flex flex-col",
-	role: "dialog",
-	"aria-label": "Notifications panel",
-	children: o
-})] }), document.body) : /* @__PURE__ */ t("div", {
-	className: "absolute right-0 top-full mt-2 w-[calc(100vw-1.5rem)] sm:w-[420px] max-h-[600px] bg-bg-elevated border border-border-subtle rounded-card shadow-[var(--shadow-elevation-4)] z-50 overflow-hidden flex flex-col",
-	role: "dialog",
-	"aria-label": "Notifications panel",
-	children: o
+var a = ({ isMobile: a, onClose: o, children: s }) => a ? typeof document > "u" ? null : i(/* @__PURE__ */ n(e, {
+	onDismiss: o,
+	children: /* @__PURE__ */ r("div", {
+		className: `fixed inset-0 ${t}`,
+		role: "dialog",
+		"aria-label": "Notifications panel",
+		children: [/* @__PURE__ */ n("div", {
+			className: "absolute inset-0 bg-bg-overlay backdrop-blur-sm",
+			onClick: o,
+			"aria-hidden": "true"
+		}), /* @__PURE__ */ n("div", {
+			className: "absolute inset-0 bg-bg-elevated flex flex-col",
+			children: s
+		})]
+	})
+}), document.body) : /* @__PURE__ */ n(e, {
+	onDismiss: o,
+	children: /* @__PURE__ */ n("div", {
+		className: "absolute right-0 top-full mt-2 w-[calc(100vw-1.5rem)] sm:w-[420px] max-h-[600px] bg-bg-elevated border border-border-subtle rounded-card shadow-[var(--shadow-elevation-4)] z-50 overflow-hidden flex flex-col",
+		role: "dialog",
+		"aria-label": "Notifications panel",
+		children: s
+	})
 });
 //#endregion
-export { i as NotificationPanel };
+export { a as NotificationPanel };

package/dist/chrome/notificationCenter/usePanelChrome.d.ts

@@ -3,5 +3,4 @@ export declare function usePanelChrome(): {
     isMobile: boolean;
 };
 export declare function useOutsideClickClose(isOpen: boolean, isMobile: boolean, containerRef: RefObject<HTMLDivElement | null>, close: () => void): void;
-export declare function useEscapeClose(isOpen: boolean, close: () => void): void;
 //# sourceMappingURL=usePanelChrome.d.ts.map

package/dist/chrome/notificationCenter/usePanelChrome.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePanelChrome.d.ts","sourceRoot":"","sources":["../../../src/chrome/notificationCenter/usePanelChrome.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAuB,MAAM,OAAO,CAAC;AAE5D,wBAAgB,cAAc;;EAY7B;AAED,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,OAAO,EACf,QAAQ,EAAE,OAAO,EACjB,YAAY,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,EAC9C,KAAK,EAAE,MAAM,IAAI,QAYlB;AAED,wBAAgB,cAAc,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,IAAI,QAShE"}
+{"version":3,"file":"usePanelChrome.d.ts","sourceRoot":"","sources":["../../../src/chrome/notificationCenter/usePanelChrome.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAuB,MAAM,OAAO,CAAC;AAE5D,wBAAgB,cAAc;;EAY7B;AAED,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,OAAO,EACf,QAAQ,EAAE,OAAO,EACjB,YAAY,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,EAC9C,KAAK,EAAE,MAAM,IAAI,QAYlB"}

package/dist/chrome/notificationCenter/usePanelChrome.js

@@ -23,14 +23,5 @@ function r(t, n, r, i) {
 		i
 	]);
 }
-function i(t, n) {
-	e(() => {
-		if (!t) return;
-		let e = (e) => {
-			e.key === "Escape" && n();
-		};
-		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-	}, [t, n]);
-}
 //#endregion
-export { i as useEscapeClose, r as useOutsideClickClose, n as usePanelChrome };
+export { r as useOutsideClickClose, n as usePanelChrome };

package/dist/chrome/shellOverlayLayer.d.ts

@@ -0,0 +1,42 @@
+/**
+ * The ONE paint layer for the shell's own full-surface overlays (BOFF-8677):
+ * `GlobalSearch`, `ShortcutHelpDialog` and the mobile `NotificationPanel`.
+ *
+ * The shell chrome lives in the ROOT stacking context (`AppShellLayout` adds no
+ * z-index, transform or isolation), so its raw values compete directly with
+ * every body portal:
+ *
+ *   SideNavigation mobile drawer   z-[109] scrim, z-[110] aside, z-[112] close strip
+ *   HeaderBar                      z-[100]
+ *   MobileTabBar                   z-[60]   (assistant full-screen voice: z-[60])
+ *   assistant panel / launcher     z-50 / z-30
+ *   Radix Dialog, menus, selects   z-50
+ *
+ * The overlays sat at z-50 for one release and painted UNDER the header and
+ * tab bar: the bell's Close button was hidden in the header's 56px strip and the
+ * header showed through the Search / Help backdrop. Hence two rules, one class:
+ *
+ *  1. `z-[200]` — above every piece of chrome and the assistant. The SAME value
+ *     for all three: each is a body portal appended in mount order, which is
+ *     also Radix's DismissableLayer order, so one DOM order decides both which
+ *     overlay paints on top and which one Escape closes.
+ *  2. `[&~*]:z-[200]!` — every body child appended AFTER an open shell overlay
+ *     joins its layer. Radix portals with `asChild`, so a popper wrapper or a
+ *     Dialog's overlay + content IS a body child, at z-50 (the popper wrapper
+ *     copies it as an inline style, hence `!important`). Without this, a menu,
+ *     select or tooltip opened from inside Search — or a Dialog opened on top
+ *     of Help — would own Escape while painting under the overlay. At an equal
+ *     layer, DOM order puts the later one on top, as Radix's stack expects.
+ *     Earlier body children and the app root are untouched, and the rule
+ *     vanishes with the overlay.
+ *
+ * Deliberately above this layer: the legacy `CommandPalette` (z-[9999]) and the
+ * plugin context menu (z-[220], transient). Pinned by
+ * `src/chrome/__tests__/shellOverlayLayer.test.ts`; proven in a real browser
+ * by `scripts/escape-layer-browser.checks.mjs`.
+ *
+ * ★ One literal: apps' Tailwind scans fe-libs' dist for class names, so the
+ * string must never be assembled at runtime.
+ */
+export declare const SHELL_OVERLAY_LAYER_CLASS = "z-[200] [&~*]:z-[200]!";
+//# sourceMappingURL=shellOverlayLayer.d.ts.map

package/dist/chrome/shellOverlayLayer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shellOverlayLayer.d.ts","sourceRoot":"","sources":["../../src/chrome/shellOverlayLayer.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,eAAO,MAAM,yBAAyB,2BAA2B,CAAC"}

package/dist/chrome/shellOverlayLayer.js

@@ -0,0 +1,4 @@
+//#region src/chrome/shellOverlayLayer.ts
+var e = "z-[200] [&~*]:z-[200]!";
+//#endregion
+export { e as SHELL_OVERLAY_LAYER_CLASS };

package/dist/chrome.d.ts

@@ -1,2 +1,2 @@
-export * from './chrome/index'
+export * from './chrome/index.js'
 export {}

package/dist/config/eslint.config.d.ts

@@ -7,6 +7,6 @@ export interface EslintConfigOptions {
  * @param options - Configuration options
  * @returns ESLint flat config array
  */
-export declare function createEslintConfig(options?: EslintConfigOptions): import("typescript-eslint").FlatConfig.ConfigArray;
+export declare function createEslintConfig(options?: EslintConfigOptions): import('typescript-eslint').FlatConfig.ConfigArray;
 export default createEslintConfig;
 //# sourceMappingURL=eslint.config.d.ts.map

package/dist/connections.d.ts

@@ -1,2 +1,2 @@
-export * from './connections/index'
+export * from './connections/index.js'
 export {}

package/dist/credentials.d.ts

@@ -1,2 +1,2 @@
-export * from './credentials/index'
+export * from './credentials/index.js'
 export {}

package/dist/form/Checkbox.d.ts

@@ -58,7 +58,7 @@ export type CheckboxProps = React.ComponentPropsWithoutRef<typeof CheckboxPrimit
  */
 export declare function Checkbox({ ref, className, ...props }: CheckboxProps & {
     ref?: React.Ref<React.ElementRef<typeof CheckboxPrimitive.Root>>;
-}): import("react/jsx-runtime").JSX.Element;
+}): import('react/jsx-runtime').JSX.Element;
 export declare namespace Checkbox {
     var displayName: string | undefined;
 }

package/dist/form/Form.d.ts

@@ -72,7 +72,7 @@ export interface FormProps<TFieldValues extends FieldValues> extends Omit<React.
  * </Form>
  * ```
  */
-export declare function Form<TFieldValues extends FieldValues>({ schema, onSubmit, formOptions, children, className, ...props }: FormProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
+export declare function Form<TFieldValues extends FieldValues>({ schema, onSubmit, formOptions, children, className, ...props }: FormProps<TFieldValues>): import('react/jsx-runtime').JSX.Element;
 /**
  * Hook to access form context
  *

package/dist/form/FormDescription.d.ts

@@ -31,5 +31,5 @@ export type FormDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;
  */
 export declare function FormDescription({ ref, className, ...props }: FormDescriptionProps & {
     ref?: React.Ref<HTMLParagraphElement>;
-}): import("react/jsx-runtime").JSX.Element;
+}): import('react/jsx-runtime').JSX.Element;
 //# sourceMappingURL=FormDescription.d.ts.map