@rpcbase/ui 0.287.0 → 0.289.0

package/dist/index420.js

@@ -1,474 +1,15 @@
-import { cn as e } from "./index12.js";
-import { DialogBackdrop as t } from "./index199.js";
-import { DialogClose as n } from "./index212.js";
-import { DialogPopup as r } from "./index279.js";
-import { DialogPortal as i } from "./index282.js";
-import { DialogRoot as a } from "./index287.js";
-import { DialogTitle as o } from "./index288.js";
-import { c as s } from "react/compiler-runtime";
-import { createContext as c, useCallback as l, useContext as u, useEffect as d, useMemo as f, useRef as p, useState as m } from "react";
-import { Loader2 as h, MoreVertical as g, X as _ } from "lucide-react";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
-//#region src/components/Notifications/NotificationsDrawer.tsx
-var b = (e) => {
-	let t = Date.parse(e);
-	return Number.isFinite(t) ? t : 0;
-}, x = (e) => {
-	let t = new Date(b(e));
-	return Number.isFinite(t.getTime()) ? `${t.getFullYear()}-${String(t.getMonth() + 1).padStart(2, "0")}-${String(t.getDate()).padStart(2, "0")}` : "unknown";
-}, S = (e) => {
-	if (e === "unknown") return "Unknown date";
-	let [t, n, r] = e.split("-"), i = Number(t), a = Number(n), o = Number(r);
-	if (!Number.isFinite(i) || !Number.isFinite(a) || !Number.isFinite(o)) return "Unknown date";
-	let s = new Date(i, a - 1, o);
-	if (!Number.isFinite(s.getTime())) return "Unknown date";
-	let c = (/* @__PURE__ */ new Date()).getFullYear() !== i;
-	return s.toLocaleDateString(void 0, c ? {
-		weekday: "short",
-		month: "short",
-		day: "numeric",
-		year: "numeric"
-	} : {
-		weekday: "short",
-		month: "short",
-		day: "numeric"
-	});
-}, C = (e) => {
-	let t = e.data?.link?.trim();
-	if (t) return t;
-	let n = e.platform?.webpush;
-	if (!n || typeof n != "object" || Array.isArray(n)) return "";
-	let r = n.fcmOptions;
-	if (!r || typeof r != "object" || Array.isArray(r)) return "";
-	let i = r.link;
-	return typeof i == "string" ? i.trim() : "";
-}, w = (e) => e.data?.linkMode === "merge_current_search" ? "merge_current_search" : "navigate", T = (e) => {
-	let t = C(e);
-	return t ? {
-		link: t,
-		mode: w(e)
-	} : null;
-}, E = (e) => e ? e.mode === "merge_current_search" ? "Open" : e.link : "", D = (e) => {
-	window.history.pushState(window.history.state, "", e), window.dispatchEvent(new PopStateEvent("popstate", { state: window.history.state }));
-}, O = (e) => {
-	if (e.mode === "merge_current_search") {
-		let t = new URL(window.location.href), n = new URL(e.link, t);
-		n.searchParams.forEach((e, n) => {
-			t.searchParams.set(n, e);
-		}), n.hash && (t.hash = n.hash), D(`${t.pathname}${t.search}${t.hash}`);
-		return;
-	}
-	window.location.href = e.link;
-}, k = (e) => {
-	let t = [], n = null;
-	for (let r of e) {
-		let e = x(r.createdAt);
-		e !== n && (n = e, t.push({
-			key: e,
-			label: S(e),
-			items: []
-		})), t[t.length - 1].items.push(r);
-	}
-	return t;
-}, A = () => typeof window > "u" || !("Notification" in window) ? "unsupported" : window.Notification.permission, j = c(null);
-function M({ open: s, onOpenChange: c, className: p, limit: g = 50, defaultUnreadOnly: b = !1, realtimeContext: x }) {
-	let S = u(x ?? j), [C, w] = m([]), [T, E] = m(0), [D, O] = m(0), [M, F] = m(!1), [I, L] = m(null), [R, z] = m(b), [B, V] = m(() => A()), [H, U] = m(!1), W = S?.notifications ?? C, G = S?.unreadCount ?? T, K = S?.unseenCount ?? D, ee = S?.loading ?? M, q = S?.error ? S.error instanceof Error ? S.error.message : String(S.error) : I, J = f(() => W.slice(0, g), [g, W]), Y = f(() => J.filter((e) => !e.readAt), [J]), X = f(() => J.filter((e) => !!e.readAt), [J]), Z = f(() => k(Y), [Y]), te = f(() => k(X), [X]), Q = l(async ({ unreadOnly: e, markSeen: t }) => {
-		F(!0), L(null);
-		try {
-			let n = await fetch("/api/rb/notifications", {
-				method: "POST",
-				headers: { "Content-Type": "application/json" },
-				credentials: "include",
-				body: JSON.stringify({
-					limit: g,
-					unreadOnly: e,
-					markSeen: t
-				})
-			}), r = await n.json().catch(() => null);
-			if (!n.ok || !r?.ok) {
-				L(r?.error || "Unable to load notifications.");
-				return;
-			}
-			let i = Array.isArray(r.notifications) ? r.notifications : [];
-			w(i), E(Number.isFinite(r.unreadCount) ? Math.max(0, Math.floor(r.unreadCount ?? 0)) : 0), O(Number.isFinite(r.unseenCount) ? Math.max(0, Math.floor(r.unseenCount ?? 0)) : 0);
-		} catch {
-			L("Unable to load notifications.");
-		} finally {
-			F(!1);
-		}
-	}, [g]);
-	d(() => {
-		if (s) {
-			if (S) {
-				(async () => {
-					try {
-						await fetch("/api/rb/notifications", {
-							method: "POST",
-							headers: { "Content-Type": "application/json" },
-							credentials: "include",
-							keepalive: !0,
-							body: JSON.stringify({
-								limit: 1,
-								markSeen: !0
-							})
-						});
-					} catch {
-						return;
-					}
-				})();
-				return;
-			}
-			Q({
-				unreadOnly: R,
-				markSeen: !0
-			});
-		}
-	}, [
-		s,
-		S,
-		Q,
-		R
-	]), d(() => {
-		s && (S || Q({
-			unreadOnly: R,
-			markSeen: !1
-		}));
-	}, [
-		s,
-		S,
-		Q,
-		R
-	]), d(() => {
-		if (!s || (V(A()), typeof navigator > "u" || !navigator.permissions?.query)) return;
-		let e = null, t = !1, n = () => {
-			V(A());
-		};
-		try {
-			navigator.permissions.query({ name: "notifications" }).then((r) => {
-				t || (e = r, n(), r.addEventListener("change", n));
-			}).catch(() => {});
-		} catch {
-			return;
-		}
-		return () => {
-			t = !0, e?.removeEventListener("change", n);
-		};
-	}, [s]);
-	let ne = async () => {
-		if (typeof window > "u" || !("Notification" in window)) {
-			V("unsupported");
-			return;
-		}
-		U(!0);
-		try {
-			let e = await window.Notification.requestPermission();
-			V(e);
-		} catch {
-			V(A());
-		} finally {
-			U(!1);
-		}
-	}, re = async (e) => {
-		try {
-			let t = await fetch(`/api/rb/notifications/${encodeURIComponent(e)}/read`, {
-				method: "POST",
-				headers: { "Content-Type": "application/json" },
-				credentials: "include",
-				keepalive: !0,
-				body: "{}"
-			}), n = await t.json().catch(() => null);
-			if (!t.ok || !n?.ok) return;
-			let r = (/* @__PURE__ */ new Date()).toISOString();
-			if (S) return;
-			w((t) => {
-				let n = t.find((t) => t.id === e);
-				return n && !n.readAt && E((e) => Math.max(0, e - 1)), n && !n.seenAt && O((e) => Math.max(0, e - 1)), t.map((t) => t.id === e && !t.readAt ? {
-					...t,
-					readAt: r,
-					...t.seenAt ? {} : { seenAt: r }
-				} : t);
-			});
-		} catch {
-			return;
-		}
-	}, ie = async (e) => {
-		try {
-			let t = await fetch(`/api/rb/notifications/${encodeURIComponent(e)}/archive`, {
-				method: "POST",
-				headers: { "Content-Type": "application/json" },
-				credentials: "include",
-				body: "{}"
-			}), n = await t.json().catch(() => null);
-			if (!t.ok || !n?.ok || S) return;
-			w((t) => {
-				let n = t.find((t) => t.id === e);
-				return n && !n.readAt && E((e) => Math.max(0, e - 1)), n && !n.seenAt && O((e) => Math.max(0, e - 1)), t.filter((t) => t.id !== e);
-			});
-		} catch {
-			return;
-		}
-	}, $ = () => {
-		c(!1);
-	};
-	return /* @__PURE__ */ v(a, {
-		open: s,
-		onOpenChange: (e) => {
-			if (e) {
-				c(!0);
-				return;
-			}
-			$();
-		},
-		children: /* @__PURE__ */ y(i, { children: [/* @__PURE__ */ v(t, {
-			className: "fixed inset-0 z-50 bg-black/50",
-			onClick: $
-		}), /* @__PURE__ */ y(r, {
-			className: e("fixed right-0 top-0 z-50 flex h-full w-full max-w-md flex-col border-l bg-background shadow-xl outline-none", p),
-			children: [/* @__PURE__ */ y("header", {
-				className: "flex items-center justify-between gap-2 border-b px-4 py-3",
-				children: [/* @__PURE__ */ y("div", {
-					className: "flex min-w-0 flex-col",
-					children: [/* @__PURE__ */ v(o, {
-						className: "text-sm font-semibold",
-						children: "Notifications"
-					}), /* @__PURE__ */ v("span", {
-						className: "text-xs text-muted-foreground",
-						children: G > 0 ? `${G} unread` : K > 0 ? `${K} new` : "All caught up"
-					})]
-				}), /* @__PURE__ */ y("div", {
-					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ v("button", {
-						type: "button",
-						onClick: () => z((e) => !e),
-						className: e("rounded-md border px-2 py-1 text-xs", R ? "bg-accent text-foreground" : "bg-background text-muted-foreground hover:bg-accent"),
-						children: R ? "Unread" : "All"
-					}), /* @__PURE__ */ v(n, {
-						type: "button",
-						"aria-label": "Close notifications",
-						className: "inline-flex h-8 w-8 items-center justify-center rounded-md hover:bg-accent",
-						onClick: $,
-						children: /* @__PURE__ */ v(_, { className: "h-4 w-4" })
-					})]
-				})]
-			}), /* @__PURE__ */ y("div", {
-				className: "flex-1 overflow-y-auto px-4 pb-3",
-				children: [/* @__PURE__ */ v(N, {
-					permission: B,
-					requesting: H,
-					onEnable: ne
-				}), ee ? /* @__PURE__ */ v("div", {
-					className: "flex items-center justify-center py-10 text-muted-foreground",
-					children: /* @__PURE__ */ v(h, { className: "h-4 w-4 animate-spin" })
-				}) : q ? /* @__PURE__ */ v("div", {
-					className: "py-10 text-center text-sm text-muted-foreground",
-					children: q
-				}) : J.length === 0 ? /* @__PURE__ */ v("div", {
-					className: "py-10 text-center text-sm text-muted-foreground",
-					children: "No notifications."
-				}) : /* @__PURE__ */ y("div", {
-					className: "flex flex-col gap-4",
-					children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("div", {
-						className: "sticky top-0 z-20 -mx-4 flex h-8 items-center border-b bg-background px-4 text-xs font-semibold text-muted-foreground",
-						children: "Unread notifications"
-					}), Z.length === 0 ? /* @__PURE__ */ v("div", {
-						className: "py-6 text-center text-sm text-muted-foreground",
-						children: "No unread notifications."
-					}) : Z.map((e) => /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("div", {
-						className: "sticky top-8 z-10 -mx-4 flex h-7 items-center bg-background px-4 text-[11px] font-semibold text-muted-foreground",
-						children: e.label
-					}), /* @__PURE__ */ v("div", {
-						className: "-mx-4 flex flex-col divide-y divide-border",
-						children: e.items.map((e) => /* @__PURE__ */ v(P, {
-							notification: e,
-							onMarkRead: re,
-							onArchive: ie,
-							onAction: $
-						}, e.id))
-					})] }, `unread:${e.key}`))] }), R ? null : /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("div", {
-						className: "sticky top-0 z-20 -mx-4 flex h-8 items-center border-b bg-background px-4 text-xs font-semibold text-muted-foreground",
-						children: "Previous notifications"
-					}), te.length === 0 ? /* @__PURE__ */ v("div", {
-						className: "py-6 text-center text-sm text-muted-foreground",
-						children: "No previous notifications."
-					}) : te.map((e) => /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("div", {
-						className: "sticky top-8 z-10 -mx-4 flex h-7 items-center bg-background px-4 text-[11px] font-semibold text-muted-foreground",
-						children: e.label
-					}), /* @__PURE__ */ v("div", {
-						className: "-mx-4 flex flex-col divide-y divide-border",
-						children: e.items.map((e) => /* @__PURE__ */ v(P, {
-							notification: e,
-							onMarkRead: re,
-							onArchive: ie,
-							onAction: $
-						}, e.id))
-					})] }, `previous:${e.key}`))] })]
-				})]
-			})]
-		})] })
-	});
-}
-function N(e) {
-	let t = s(13), { permission: n, requesting: r, onEnable: i } = e;
-	if (n === "granted") return null;
-	if (n === "unsupported") {
-		let e;
-		return t[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ v("div", {
-			className: "mt-3 rounded-md border bg-muted/40 p-3 text-sm text-muted-foreground",
-			children: "Browser notifications are not supported by this browser."
-		}), t[0] = e) : e = t[0], e;
-	}
-	let a = n === "denied", o = a ? "Browser notifications are blocked." : "Browser notifications are not enabled.", c;
-	t[1] === o ? c = t[2] : (c = /* @__PURE__ */ v("div", {
-		className: "text-sm font-medium",
-		children: o
-	}), t[1] = o, t[2] = c);
-	let l = a ? "Enable notifications for this site in your browser settings, then click again." : "Enable browser notifications to receive important alerts.", u;
-	t[3] === l ? u = t[4] : (u = /* @__PURE__ */ v("div", {
-		className: "mt-1 text-xs text-muted-foreground",
-		children: l
-	}), t[3] = l, t[4] = u);
-	let d = r ? "Enabling..." : "Enable browser notifications", f;
-	t[5] !== i || t[6] !== r || t[7] !== d ? (f = /* @__PURE__ */ v("button", {
-		type: "button",
-		className: "mt-3 inline-flex h-8 items-center rounded-md border bg-background px-2.5 text-xs font-medium hover:bg-accent disabled:pointer-events-none disabled:opacity-50",
-		disabled: r,
-		onClick: i,
-		children: d
-	}), t[5] = i, t[6] = r, t[7] = d, t[8] = f) : f = t[8];
-	let p;
-	return t[9] !== c || t[10] !== u || t[11] !== f ? (p = /* @__PURE__ */ y("div", {
-		className: "mt-3 rounded-md border bg-muted/40 p-3",
-		children: [
-			c,
-			u,
-			f
-		]
-	}), t[9] = c, t[10] = u, t[11] = f, t[12] = p) : p = t[12], p;
-}
-function P(t) {
-	let n = s(49), { notification: r, onMarkRead: i, onArchive: a, onAction: o } = t, [c, l] = m(!1), u = p(null), f = p(null), h = !r.readAt, _, x;
-	n[0] === r ? (_ = n[1], x = n[2]) : (_ = T(r), x = E(_), n[0] = r, n[1] = _, n[2] = x);
-	let S = x, C;
-	if (n[3] !== r.createdAt) {
-		bb0: {
-			let e = new Date(b(r.createdAt));
-			if (!Number.isFinite(e.getTime())) {
-				C = "";
-				break bb0;
-			}
-			C = e.toLocaleString();
-		}
-		n[3] = r.createdAt, n[4] = C;
-	} else C = n[4];
-	let w = C, D, k;
-	n[5] === c ? (D = n[6], k = n[7]) : (D = () => {
-		if (!c) return;
-		let e = (e) => {
-			let t = e.target;
-			t instanceof Node && (u.current?.contains(t) || f.current?.contains(t) || l(!1));
-		}, t = (e) => {
-			e.key === "Escape" && (l(!1), f.current?.focus());
-		};
-		return document.addEventListener("pointerdown", e), document.addEventListener("keydown", t), () => {
-			document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", t);
-		};
-	}, k = [c], n[5] = c, n[6] = D, n[7] = k), d(D, k);
-	let A = h ? "bg-primary/5" : "bg-background", j;
-	n[8] === A ? j = n[9] : (j = e("group flex w-full gap-3 px-4 py-3 hover:bg-accent/40", A), n[8] = A, n[9] = j);
-	let M;
-	n[10] !== _ || n[11] !== h || n[12] !== r.id || n[13] !== o || n[14] !== i ? (M = () => {
-		h && i(r.id), _ && (o(), O(_));
-	}, n[10] = _, n[11] = h, n[12] = r.id, n[13] = o, n[14] = i, n[15] = M) : M = n[15];
-	let N;
-	n[16] === r.title ? N = n[17] : (N = /* @__PURE__ */ v("div", {
-		className: "truncate text-sm font-semibold",
-		children: r.title
-	}), n[16] = r.title, n[17] = N);
-	let P;
-	n[18] === r.body ? P = n[19] : (P = r.body ? /* @__PURE__ */ v("div", {
-		className: "mt-0.5 line-clamp-2 text-xs text-muted-foreground",
-		children: r.body
-	}) : null, n[18] = r.body, n[19] = P);
-	let I;
-	n[20] !== N || n[21] !== P ? (I = /* @__PURE__ */ y("div", {
-		className: "min-w-0",
-		children: [N, P]
-	}), n[20] = N, n[21] = P, n[22] = I) : I = n[22];
-	let L;
-	n[23] === S ? L = n[24] : (L = S ? /* @__PURE__ */ v("div", {
-		className: "mt-2 truncate text-xs text-primary",
-		children: S
-	}) : null, n[23] = S, n[24] = L);
-	let R;
-	n[25] === w ? R = n[26] : (R = w ? /* @__PURE__ */ v("div", {
-		className: "mt-2 text-[11px] text-muted-foreground",
-		children: w
-	}) : null, n[25] = w, n[26] = R);
-	let z;
-	n[27] !== I || n[28] !== L || n[29] !== R || n[30] !== M ? (z = /* @__PURE__ */ y("button", {
-		type: "button",
-		className: "min-w-0 flex-1 text-left",
-		onClick: M,
-		children: [
-			I,
-			L,
-			R
-		]
-	}), n[27] = I, n[28] = L, n[29] = R, n[30] = M, n[31] = z) : z = n[31];
-	let B, V;
-	n[32] === Symbol.for("react.memo_cache_sentinel") ? (B = () => {
-		l(F);
-	}, V = /* @__PURE__ */ v(g, { className: "h-4 w-4" }), n[32] = B, n[33] = V) : (B = n[32], V = n[33]);
-	let H;
-	n[34] === c ? H = n[35] : (H = /* @__PURE__ */ v("button", {
-		ref: f,
-		type: "button",
-		className: "inline-flex h-8 w-8 items-center justify-center rounded-md hover:bg-accent",
-		"aria-label": "Notification options",
-		"aria-haspopup": "menu",
-		"aria-expanded": c,
-		onClick: B,
-		children: V
-	}), n[34] = c, n[35] = H);
-	let U;
-	n[36] !== h || n[37] !== c || n[38] !== r.id || n[39] !== a || n[40] !== i ? (U = c ? /* @__PURE__ */ y("div", {
-		ref: u,
-		role: "menu",
-		className: e("absolute right-0 top-full z-50 mt-1 min-w-[10rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md", "animate-in fade-in-0 zoom-in-95"),
-		children: [/* @__PURE__ */ v("button", {
-			type: "button",
-			role: "menuitem",
-			className: "relative flex w-full cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-left text-sm outline-none transition-colors hover:bg-accent focus:bg-accent focus:text-accent-foreground",
-			onClick: () => {
-				l(!1), a(r.id);
-			},
-			children: "Archive"
-		}), /* @__PURE__ */ v("button", {
-			type: "button",
-			role: "menuitem",
-			className: "relative flex w-full cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-left text-sm outline-none transition-colors hover:bg-accent focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50",
-			disabled: !h,
-			onClick: () => {
-				l(!1), i(r.id);
-			},
-			children: "Mark as read"
-		})]
-	}) : null, n[36] = h, n[37] = c, n[38] = r.id, n[39] = a, n[40] = i, n[41] = U) : U = n[41];
-	let W;
-	n[42] !== H || n[43] !== U ? (W = /* @__PURE__ */ y("div", {
-		className: "relative flex items-start",
-		children: [H, U]
-	}), n[42] = H, n[43] = U, n[44] = W) : W = n[44];
-	let G;
-	return n[45] !== z || n[46] !== W || n[47] !== j ? (G = /* @__PURE__ */ y("div", {
-		className: j,
-		children: [z, W]
-	}), n[45] = z, n[46] = W, n[47] = j, n[48] = G) : G = n[48], G;
-}
-function F(e) {
-	return !e;
+"use client";
+import e from "./index183.js";
+import * as t from "react";
+//#region ../../node_modules/@base-ui/react/select/group/SelectGroupContext.mjs
+var n = /*#__PURE__*/ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (n.displayName = "SelectGroupContext");
+function r() {
+	let r = t.useContext(n);
+	if (r === void 0) throw Error(process.env.NODE_ENV === "production" ? e(56) : "Base UI: SelectGroupContext is missing. SelectGroup parts must be placed within <Select.Group>.");
+	return r;
 }
 //#endregion
-export { M as NotificationsDrawer };
+export { n as SelectGroupContext, r as useSelectGroupContext };
 
 //# sourceMappingURL=index420.js.map

package/dist/index420.js.map

@@ -1 +1 @@
-{"version":3,"file":"index420.js","names":["{\n  permission,\n  requesting,\n  onEnable,\n}: {\n  permission: BrowserNotificationPermission\n  requesting: boolean\n  onEnable: () => void\n}","<div className=\"mt-3 rounded-md border bg-muted/40 p-3 text-sm text-muted-foreground\">\n        Browser notifications are not supported by this browser.\n      </div>","<div className=\"text-sm font-medium\">\n        {isDenied ? \"Browser notifications are blocked.\" : \"Browser notifications are not enabled.\"}\n      </div>","isDenied ? \"Browser notifications are blocked.\" : \"Browser notifications are not enabled.\"","<div className=\"mt-1 text-xs text-muted-foreground\">\n        {isDenied\n          ? \"Enable notifications for this site in your browser settings, then click again.\"\n          : \"Enable browser notifications to receive important alerts.\"}\n      </div>","isDenied\n          ? \"Enable notifications for this site in your browser settings, then click again.\"\n          : \"Enable browser notifications to receive important alerts.\"","<button\n        type=\"button\"\n        className=\"mt-3 inline-flex h-8 items-center rounded-md border bg-background px-2.5 text-xs font-medium hover:bg-accent disabled:pointer-events-none disabled:opacity-50\"\n        disabled={requesting}\n        onClick={onEnable}\n      >\n        {requesting ? \"Enabling...\" : \"Enable browser notifications\"}\n      </button>","requesting ? \"Enabling...\" : \"Enable browser notifications\"","<div className=\"mt-3 rounded-md border bg-muted/40 p-3\">\n      <div className=\"text-sm font-medium\">\n        {isDenied ? \"Browser notifications are blocked.\" : \"Browser notifications are not enabled.\"}\n      </div>\n      <div className=\"mt-1 text-xs text-muted-foreground\">\n        {isDenied\n          ? \"Enable notifications for this site in your browser settings, then click again.\"\n          : \"Enable browser notifications to receive important alerts.\"}\n      </div>\n      <button\n        type=\"button\"\n        className=\"mt-3 inline-flex h-8 items-center rounded-md border bg-background px-2.5 text-xs font-medium hover:bg-accent disabled:pointer-events-none disabled:opacity-50\"\n        disabled={requesting}\n        onClick={onEnable}\n      >\n        {requesting ? \"Enabling...\" : \"Enable browser notifications\"}\n      </button>\n    </div>","{\n  notification,\n  onMarkRead,\n  onArchive,\n  onAction,\n}: {\n  notification: NotificationItem\n  onMarkRead: (id: string) => void\n  onArchive: (id: string) => void\n  onAction: () => void\n}","getNotificationActionLabel(action)","(() => {\n    const date = new Date(toMs(notification.createdAt))\n    if (!Number.isFinite(date.getTime())) return \"\"\n    return date.toLocaleString()\n  })()","createdAt","() => {\n    if (!menuOpen) return\n\n    const handlePointerDown = (event: PointerEvent) => {\n      const target = event.target\n      if (!(target instanceof Node)) return\n      if (menuRef.current?.contains(target) || menuButtonRef.current?.contains(target)) return\n      setMenuOpen(false)\n    }\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key !== \"Escape\") return\n      setMenuOpen(false)\n      menuButtonRef.current?.focus()\n    }\n\n    document.addEventListener(\"pointerdown\", handlePointerDown)\n    document.addEventListener(\"keydown\", handleKeyDown)\n\n    return () => {\n      document.removeEventListener(\"pointerdown\", handlePointerDown)\n      document.removeEventListener(\"keydown\", handleKeyDown)\n    }\n  }","[menuOpen]","event","cn(\n        \"group flex w-full gap-3 px-4 py-3 hover:bg-accent/40\",\n        isUnread ? \"bg-primary/5\" : \"bg-background\",\n      )","isUnread ? \"bg-primary/5\" : \"bg-background\"","() => {\n          if (isUnread) {\n            void onMarkRead(notification.id)\n          }\n          if (action) {\n            onAction()\n            applyNotificationAction(action)\n          }\n        }","id","<div className=\"truncate text-sm font-semibold\">{notification.title}</div>","title","notification.body ? (\n            <div className=\"mt-0.5 line-clamp-2 text-xs text-muted-foreground\">{notification.body}</div>\n          ) : null","body","<div className=\"min-w-0\">\n          <div className=\"truncate text-sm font-semibold\">{notification.title}</div>\n          {notification.body ? (\n            <div className=\"mt-0.5 line-clamp-2 text-xs text-muted-foreground\">{notification.body}</div>\n          ) : null}\n        </div>","actionLabel ? <div className=\"mt-2 truncate text-xs text-primary\">{actionLabel}</div> : null","createdAtLabel ? (\n          <div className=\"mt-2 text-[11px] text-muted-foreground\">{createdAtLabel}</div>\n        ) : null","<button\n        type=\"button\"\n        className=\"min-w-0 flex-1 text-left\"\n        onClick={() => {\n          if (isUnread) {\n            void onMarkRead(notification.id)\n          }\n          if (action) {\n            onAction()\n            applyNotificationAction(action)\n          }\n        }}\n      >\n        <div className=\"min-w-0\">\n          <div className=\"truncate text-sm font-semibold\">{notification.title}</div>\n          {notification.body ? (\n            <div className=\"mt-0.5 line-clamp-2 text-xs text-muted-foreground\">{notification.body}</div>\n          ) : null}\n        </div>\n        {actionLabel ? <div className=\"mt-2 truncate text-xs text-primary\">{actionLabel}</div> : null}\n        {createdAtLabel ? (\n          <div className=\"mt-2 text-[11px] text-muted-foreground\">{createdAtLabel}</div>\n        ) : null}\n      </button>","() => {\n            setMenuOpen((open) => !open)\n          }","<MoreVertical className=\"h-4 w-4\" />","(open) => !open","<button\n          ref={menuButtonRef}\n          type=\"button\"\n          className=\"inline-flex h-8 w-8 items-center justify-center rounded-md hover:bg-accent\"\n          aria-label=\"Notification options\"\n          aria-haspopup=\"menu\"\n          aria-expanded={menuOpen}\n          onClick={() => {\n            setMenuOpen((open) => !open)\n          }}\n        >\n          <MoreVertical className=\"h-4 w-4\" />\n        </button>","menuOpen ? (\n          <div\n            ref={menuRef}\n            role=\"menu\"\n            className={cn(\n              \"absolute right-0 top-full z-50 mt-1 min-w-[10rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md\",\n              \"animate-in fade-in-0 zoom-in-95\",\n            )}\n          >\n            <button\n              type=\"button\"\n              role=\"menuitem\"\n              className=\"relative flex w-full cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-left text-sm outline-none transition-colors hover:bg-accent focus:bg-accent focus:text-accent-foreground\"\n              onClick={() => {\n                setMenuOpen(false)\n                onArchive(notification.id)\n              }}\n            >\n              Archive\n            </button>\n            <button\n              type=\"button\"\n              role=\"menuitem\"\n              className=\"relative flex w-full cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-left text-sm outline-none transition-colors hover:bg-accent focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50\"\n              disabled={!isUnread}\n              onClick={() => {\n                setMenuOpen(false)\n                onMarkRead(notification.id)\n              }}\n            >\n              Mark as read\n            </button>\n          </div>\n        ) : null","<div className=\"relative flex items-start\">\n        <button\n          ref={menuButtonRef}\n          type=\"button\"\n          className=\"inline-flex h-8 w-8 items-center justify-center rounded-md hover:bg-accent\"\n          aria-label=\"Notification options\"\n          aria-haspopup=\"menu\"\n          aria-expanded={menuOpen}\n          onClick={() => {\n            setMenuOpen((open) => !open)\n          }}\n        >\n          <MoreVertical className=\"h-4 w-4\" />\n        </button>\n        {menuOpen ? (\n          <div\n            ref={menuRef}\n            role=\"menu\"\n            className={cn(\n              \"absolute right-0 top-full z-50 mt-1 min-w-[10rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md\",\n              \"animate-in fade-in-0 zoom-in-95\",\n            )}\n          >\n            <button\n              type=\"button\"\n              role=\"menuitem\"\n              className=\"relative flex w-full cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-left text-sm outline-none transition-colors hover:bg-accent focus:bg-accent focus:text-accent-foreground\"\n              onClick={() => {\n                setMenuOpen(false)\n                onArchive(notification.id)\n              }}\n            >\n              Archive\n            </button>\n            <button\n              type=\"button\"\n              role=\"menuitem\"\n              className=\"relative flex w-full cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-left text-sm outline-none transition-colors hover:bg-accent focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50\"\n              disabled={!isUnread}\n              onClick={() => {\n                setMenuOpen(false)\n                onMarkRead(notification.id)\n              }}\n            >\n              Mark as read\n            </button>\n          </div>\n        ) : null}\n      </div>","<div\n      className={cn(\n        \"group flex w-full gap-3 px-4 py-3 hover:bg-accent/40\",\n        isUnread ? \"bg-primary/5\" : \"bg-background\",\n      )}\n    >\n      <button\n        type=\"button\"\n        className=\"min-w-0 flex-1 text-left\"\n        onClick={() => {\n          if (isUnread) {\n            void onMarkRead(notification.id)\n          }\n          if (action) {\n            onAction()\n            applyNotificationAction(action)\n          }\n        }}\n      >\n        <div className=\"min-w-0\">\n          <div className=\"truncate text-sm font-semibold\">{notification.title}</div>\n          {notification.body ? (\n            <div className=\"mt-0.5 line-clamp-2 text-xs text-muted-foreground\">{notification.body}</div>\n          ) : null}\n        </div>\n        {actionLabel ? <div className=\"mt-2 truncate text-xs text-primary\">{actionLabel}</div> : null}\n        {createdAtLabel ? (\n          <div className=\"mt-2 text-[11px] text-muted-foreground\">{createdAtLabel}</div>\n        ) : null}\n      </button>\n      <div className=\"relative flex items-start\">\n        <button\n          ref={menuButtonRef}\n          type=\"button\"\n          className=\"inline-flex h-8 w-8 items-center justify-center rounded-md hover:bg-accent\"\n          aria-label=\"Notification options\"\n          aria-haspopup=\"menu\"\n          aria-expanded={menuOpen}\n          onClick={() => {\n            setMenuOpen((open) => !open)\n          }}\n        >\n          <MoreVertical className=\"h-4 w-4\" />\n        </button>\n        {menuOpen ? (\n          <div\n            ref={menuRef}\n            role=\"menu\"\n            className={cn(\n              \"absolute right-0 top-full z-50 mt-1 min-w-[10rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md\",\n              \"animate-in fade-in-0 zoom-in-95\",\n            )}\n          >\n            <button\n              type=\"button\"\n              role=\"menuitem\"\n              className=\"relative flex w-full cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-left text-sm outline-none transition-colors hover:bg-accent focus:bg-accent focus:text-accent-foreground\"\n              onClick={() => {\n                setMenuOpen(false)\n                onArchive(notification.id)\n              }}\n            >\n              Archive\n            </button>\n            <button\n              type=\"button\"\n              role=\"menuitem\"\n              className=\"relative flex w-full cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-left text-sm outline-none transition-colors hover:bg-accent focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50\"\n              disabled={!isUnread}\n              onClick={() => {\n                setMenuOpen(false)\n                onMarkRead(notification.id)\n              }}\n            >\n              Mark as read\n            </button>\n          </div>\n        ) : null}\n      </div>\n    </div>"],"sources":["../src/components/Notifications/NotificationsDrawer.tsx"],"sourcesContent":["import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState, type Context } from \"react\"\nimport { Dialog as DialogPrimitive } from \"@base-ui/react/dialog\"\nimport { Loader2, MoreVertical, X } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\n\nimport type { NotificationItem, NotificationsRealtimeState } from \"./types\"\n\n\ntype ListResponse = {\n  ok?: boolean\n  error?: string\n  notifications?: NotificationItem[]\n  unreadCount?: number\n  unseenCount?: number\n}\n\ntype DayGroup = {\n  key: string\n  label: string\n  items: NotificationItem[]\n}\n\ntype BrowserNotificationPermission = NotificationPermission | \"unsupported\"\ntype NotificationActionMode = \"navigate\" | \"merge_current_search\"\n\ntype NotificationAction = {\n  link: string\n  mode: NotificationActionMode\n}\n\nconst toMs = (iso: string): number => {\n  const ms = Date.parse(iso)\n  return Number.isFinite(ms) ? ms : 0\n}\n\nconst getDayKey = (iso: string): string => {\n  const date = new Date(toMs(iso))\n  if (!Number.isFinite(date.getTime())) return \"unknown\"\n\n  const year = date.getFullYear()\n  const month = String(date.getMonth() + 1).padStart(2, \"0\")\n  const day = String(date.getDate()).padStart(2, \"0\")\n\n  return `${year}-${month}-${day}`\n}\n\nconst formatDayLabel = (key: string): string => {\n  if (key === \"unknown\") return \"Unknown date\"\n  const [yearRaw, monthRaw, dayRaw] = key.split(\"-\")\n  const year = Number(yearRaw)\n  const month = Number(monthRaw)\n  const day = Number(dayRaw)\n\n  if (!Number.isFinite(year) || !Number.isFinite(month) || !Number.isFinite(day)) return \"Unknown date\"\n\n  const date = new Date(year, month - 1, day)\n  if (!Number.isFinite(date.getTime())) return \"Unknown date\"\n\n  const now = new Date()\n  const includeYear = now.getFullYear() !== year\n  return date.toLocaleDateString(undefined, includeYear\n    ? { weekday: \"short\", month: \"short\", day: \"numeric\", year: \"numeric\" }\n    : { weekday: \"short\", month: \"short\", day: \"numeric\" })\n}\n\nconst getNotificationLink = (item: NotificationItem): string => {\n  const dataLink = item.data?.link?.trim()\n  if (dataLink) return dataLink\n\n  const platformWebpush = item.platform?.webpush\n  if (!platformWebpush || typeof platformWebpush !== \"object\" || Array.isArray(platformWebpush)) return \"\"\n  const fcmOptions = (platformWebpush as { fcmOptions?: unknown }).fcmOptions\n  if (!fcmOptions || typeof fcmOptions !== \"object\" || Array.isArray(fcmOptions)) return \"\"\n  const link = (fcmOptions as { link?: unknown }).link\n  return typeof link === \"string\" ? link.trim() : \"\"\n}\n\nconst getNotificationActionMode = (item: NotificationItem): NotificationActionMode => {\n  return item.data?.linkMode === \"merge_current_search\" ? \"merge_current_search\" : \"navigate\"\n}\n\nconst getNotificationAction = (item: NotificationItem): NotificationAction | null => {\n  const link = getNotificationLink(item)\n  if (!link) return null\n  return {\n    link,\n    mode: getNotificationActionMode(item),\n  }\n}\n\nconst getNotificationActionLabel = (action: NotificationAction | null): string => {\n  if (!action) return \"\"\n  return action.mode === \"merge_current_search\" ? \"Open\" : action.link\n}\n\nconst pushUrlWithoutReload = (url: string): void => {\n  window.history.pushState(window.history.state, \"\", url)\n  window.dispatchEvent(new PopStateEvent(\"popstate\", { state: window.history.state }))\n}\n\nconst applyNotificationAction = (action: NotificationAction): void => {\n  if (action.mode === \"merge_current_search\") {\n    const currentUrl = new URL(window.location.href)\n    const actionUrl = new URL(action.link, currentUrl)\n\n    actionUrl.searchParams.forEach((value, key) => {\n      currentUrl.searchParams.set(key, value)\n    })\n    if (actionUrl.hash) {\n      currentUrl.hash = actionUrl.hash\n    }\n\n    pushUrlWithoutReload(`${currentUrl.pathname}${currentUrl.search}${currentUrl.hash}`)\n    return\n  }\n\n  window.location.href = action.link\n}\n\nconst groupByDay = (items: NotificationItem[]): DayGroup[] => {\n  const groups: DayGroup[] = []\n  let currentKey: string | null = null\n\n  for (const item of items) {\n    const key = getDayKey(item.createdAt)\n    if (key !== currentKey) {\n      currentKey = key\n      groups.push({ key, label: formatDayLabel(key), items: [] })\n    }\n    groups[groups.length - 1]!.items.push(item)\n  }\n\n  return groups\n}\n\nconst getBrowserNotificationPermission = (): BrowserNotificationPermission => {\n  if (typeof window === \"undefined\") return \"unsupported\"\n  if (!(\"Notification\" in window)) return \"unsupported\"\n  return window.Notification.permission\n}\n\nconst EmptyRealtimeContext = createContext<NotificationsRealtimeState | null>(null)\n\nexport function NotificationsDrawer({\n  open,\n  onOpenChange,\n  className,\n  limit = 50,\n  defaultUnreadOnly = false,\n  realtimeContext,\n}: {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  className?: string\n  limit?: number\n  defaultUnreadOnly?: boolean\n  realtimeContext?: Context<NotificationsRealtimeState | null>\n}) {\n  const realtime = useContext(realtimeContext ?? EmptyRealtimeContext)\n\n  const [items, setItems] = useState<NotificationItem[]>([])\n  const [unreadCount, setUnreadCount] = useState<number>(0)\n  const [unseenCount, setUnseenCount] = useState<number>(0)\n  const [loading, setLoading] = useState(false)\n  const [error, setError] = useState<string | null>(null)\n  const [unreadOnly, setUnreadOnly] = useState<boolean>(defaultUnreadOnly)\n  const [browserNotificationPermission, setBrowserNotificationPermission] = useState<BrowserNotificationPermission>(() =>\n    getBrowserNotificationPermission(),\n  )\n  const [browserNotificationPermissionRequesting, setBrowserNotificationPermissionRequesting] = useState(false)\n\n  const mergedItems = realtime?.notifications ?? items\n  const mergedUnreadCount = realtime?.unreadCount ?? unreadCount\n  const mergedUnseenCount = realtime?.unseenCount ?? unseenCount\n  const mergedLoading = realtime?.loading ?? loading\n  const mergedError = realtime?.error\n    ? (realtime.error instanceof Error ? realtime.error.message : String(realtime.error))\n    : error\n\n  const visibleItems = useMemo(() => mergedItems.slice(0, limit), [limit, mergedItems])\n\n  const unread = useMemo(() => visibleItems.filter((n) => !n.readAt), [visibleItems])\n  const read = useMemo(() => visibleItems.filter((n) => Boolean(n.readAt)), [visibleItems])\n  const unreadGroups = useMemo(() => groupByDay(unread), [unread])\n  const readGroups = useMemo(() => groupByDay(read), [read])\n\n  const refresh = useCallback(async ({ unreadOnly, markSeen }: { unreadOnly: boolean; markSeen: boolean }) => {\n    setLoading(true)\n    setError(null)\n\n    try {\n      const res = await fetch(\"/api/rb/notifications\", {\n        method: \"POST\",\n        headers: { \"Content-Type\": \"application/json\" },\n        credentials: \"include\",\n        body: JSON.stringify({ limit, unreadOnly, markSeen }),\n      })\n\n      const json = (await res.json().catch(() => null)) as ListResponse | null\n      if (!res.ok || !json?.ok) {\n        setError(json?.error || \"Unable to load notifications.\")\n        return\n      }\n\n      const nextItems = Array.isArray(json.notifications) ? json.notifications : []\n      setItems(nextItems)\n      setUnreadCount(Number.isFinite(json.unreadCount) ? Math.max(0, Math.floor(json.unreadCount ?? 0)) : 0)\n      setUnseenCount(Number.isFinite(json.unseenCount) ? Math.max(0, Math.floor(json.unseenCount ?? 0)) : 0)\n    } catch {\n      setError(\"Unable to load notifications.\")\n    } finally {\n      setLoading(false)\n    }\n  }, [limit])\n\n  useEffect(() => {\n    if (!open) return\n    if (realtime) {\n      void (async () => {\n        try {\n          await fetch(\"/api/rb/notifications\", {\n            method: \"POST\",\n            headers: { \"Content-Type\": \"application/json\" },\n            credentials: \"include\",\n            keepalive: true,\n            body: JSON.stringify({ limit: 1, markSeen: true }),\n          })\n        } catch {\n          return\n        }\n      })()\n      return\n    }\n    void refresh({ unreadOnly, markSeen: true })\n  }, [open, realtime, refresh, unreadOnly])\n\n  useEffect(() => {\n    if (!open) return\n    if (realtime) return\n    void refresh({ unreadOnly, markSeen: false })\n  }, [open, realtime, refresh, unreadOnly])\n\n  useEffect(() => {\n    if (!open) return\n\n    setBrowserNotificationPermission(getBrowserNotificationPermission())\n\n    if (typeof navigator === \"undefined\" || !navigator.permissions?.query) return\n\n    let permissionStatus: PermissionStatus | null = null\n    let disposed = false\n    const syncPermission = () => {\n      setBrowserNotificationPermission(getBrowserNotificationPermission())\n    }\n\n    try {\n      void navigator.permissions.query({ name: \"notifications\" as PermissionName }).then((status) => {\n        if (disposed) return\n        permissionStatus = status\n        syncPermission()\n        status.addEventListener(\"change\", syncPermission)\n      }).catch(() => {\n        // Notifications are not exposed through the Permissions API in every browser.\n      })\n    } catch {\n      return\n    }\n\n    return () => {\n      disposed = true\n      permissionStatus?.removeEventListener(\"change\", syncPermission)\n    }\n  }, [open])\n\n  const requestBrowserNotificationPermission = async () => {\n    if (typeof window === \"undefined\" || !(\"Notification\" in window)) {\n      setBrowserNotificationPermission(\"unsupported\")\n      return\n    }\n\n    setBrowserNotificationPermissionRequesting(true)\n    try {\n      const nextPermission = await window.Notification.requestPermission()\n      setBrowserNotificationPermission(nextPermission)\n    } catch {\n      setBrowserNotificationPermission(getBrowserNotificationPermission())\n    } finally {\n      setBrowserNotificationPermissionRequesting(false)\n    }\n  }\n\n  const markAsRead = async (id: string) => {\n    try {\n      const res = await fetch(`/api/rb/notifications/${encodeURIComponent(id)}/read`, {\n        method: \"POST\",\n        headers: { \"Content-Type\": \"application/json\" },\n        credentials: \"include\",\n        keepalive: true,\n        body: \"{}\",\n      })\n\n      const json = (await res.json().catch(() => null)) as { ok?: boolean } | null\n      if (!res.ok || !json?.ok) return\n\n      const nowIso = new Date().toISOString()\n      if (realtime) return\n      setItems((current) => {\n        const target = current.find((n) => n.id === id)\n        if (target && !target.readAt) {\n          setUnreadCount((count) => Math.max(0, count - 1))\n        }\n        if (target && !target.seenAt) {\n          setUnseenCount((count) => Math.max(0, count - 1))\n        }\n        return current.map((n) => (n.id === id && !n.readAt ? { ...n, readAt: nowIso, ...(n.seenAt ? {} : { seenAt: nowIso }) } : n))\n      })\n    } catch {\n      return\n    }\n  }\n\n  const archive = async (id: string) => {\n    try {\n      const res = await fetch(`/api/rb/notifications/${encodeURIComponent(id)}/archive`, {\n        method: \"POST\",\n        headers: { \"Content-Type\": \"application/json\" },\n        credentials: \"include\",\n        body: \"{}\",\n      })\n\n      const json = (await res.json().catch(() => null)) as { ok?: boolean } | null\n      if (!res.ok || !json?.ok) return\n\n      if (realtime) return\n      setItems((current) => {\n        const target = current.find((n) => n.id === id)\n        if (target && !target.readAt) {\n          setUnreadCount((count) => Math.max(0, count - 1))\n        }\n        if (target && !target.seenAt) {\n          setUnseenCount((count) => Math.max(0, count - 1))\n        }\n        return current.filter((n) => n.id !== id)\n      })\n    } catch {\n      return\n    }\n  }\n\n  const requestClose = () => {\n    onOpenChange(false)\n  }\n\n  const handleOpenChange = (nextOpen: boolean) => {\n    if (nextOpen) {\n      onOpenChange(true)\n      return\n    }\n\n    requestClose()\n  }\n\n  return (\n    <DialogPrimitive.Root open={open} onOpenChange={handleOpenChange}>\n      <DialogPrimitive.Portal>\n        <DialogPrimitive.Backdrop className=\"fixed inset-0 z-50 bg-black/50\" onClick={requestClose} />\n        <DialogPrimitive.Popup\n          className={cn(\n            \"fixed right-0 top-0 z-50 flex h-full w-full max-w-md flex-col border-l bg-background shadow-xl outline-none\",\n            className,\n          )}\n        >\n          <header className=\"flex items-center justify-between gap-2 border-b px-4 py-3\">\n            <div className=\"flex min-w-0 flex-col\">\n              <DialogPrimitive.Title className=\"text-sm font-semibold\">Notifications</DialogPrimitive.Title>\n              <span className=\"text-xs text-muted-foreground\">\n                {mergedUnreadCount > 0 ? `${mergedUnreadCount} unread` : mergedUnseenCount > 0 ? `${mergedUnseenCount} new` : \"All caught up\"}\n              </span>\n            </div>\n            <div className=\"flex items-center gap-2\">\n              <button\n                type=\"button\"\n                onClick={() => setUnreadOnly((v) => !v)}\n                className={cn(\n                  \"rounded-md border px-2 py-1 text-xs\",\n                  unreadOnly ? \"bg-accent text-foreground\" : \"bg-background text-muted-foreground hover:bg-accent\",\n                )}\n              >\n                {unreadOnly ? \"Unread\" : \"All\"}\n              </button>\n              <DialogPrimitive.Close\n                type=\"button\"\n                aria-label=\"Close notifications\"\n                className=\"inline-flex h-8 w-8 items-center justify-center rounded-md hover:bg-accent\"\n                onClick={requestClose}\n              >\n                <X className=\"h-4 w-4\" />\n              </DialogPrimitive.Close>\n            </div>\n          </header>\n\n          <div className=\"flex-1 overflow-y-auto px-4 pb-3\">\n            <BrowserNotificationPermissionNotice\n              permission={browserNotificationPermission}\n              requesting={browserNotificationPermissionRequesting}\n              onEnable={requestBrowserNotificationPermission}\n            />\n            {mergedLoading ? (\n              <div className=\"flex items-center justify-center py-10 text-muted-foreground\">\n                <Loader2 className=\"h-4 w-4 animate-spin\" />\n              </div>\n            ) : mergedError ? (\n              <div className=\"py-10 text-center text-sm text-muted-foreground\">{mergedError}</div>\n            ) : visibleItems.length === 0 ? (\n              <div className=\"py-10 text-center text-sm text-muted-foreground\">No notifications.</div>\n            ) : (\n              <div className=\"flex flex-col gap-4\">\n                <div>\n                  <div className=\"sticky top-0 z-20 -mx-4 flex h-8 items-center border-b bg-background px-4 text-xs font-semibold text-muted-foreground\">\n                    Unread notifications\n                  </div>\n                  {unreadGroups.length === 0 ? (\n                    <div className=\"py-6 text-center text-sm text-muted-foreground\">No unread notifications.</div>\n                  ) : (\n                    unreadGroups.map((group) => (\n                      <div key={`unread:${group.key}`}>\n                        <div className=\"sticky top-8 z-10 -mx-4 flex h-7 items-center bg-background px-4 text-[11px] font-semibold text-muted-foreground\">\n                          {group.label}\n                        </div>\n                        <div className=\"-mx-4 flex flex-col divide-y divide-border\">\n                          {group.items.map((n) => (\n                            <NotificationRow\n                              key={n.id}\n                              notification={n}\n                              onMarkRead={markAsRead}\n                              onArchive={archive}\n                              onAction={requestClose}\n                            />\n                          ))}\n                        </div>\n                      </div>\n                    ))\n                  )}\n                </div>\n\n                {unreadOnly ? null : (\n                  <div>\n                    <div className=\"sticky top-0 z-20 -mx-4 flex h-8 items-center border-b bg-background px-4 text-xs font-semibold text-muted-foreground\">\n                      Previous notifications\n                    </div>\n                    {readGroups.length === 0 ? (\n                      <div className=\"py-6 text-center text-sm text-muted-foreground\">No previous notifications.</div>\n                    ) : (\n                      readGroups.map((group) => (\n                        <div key={`previous:${group.key}`}>\n                          <div className=\"sticky top-8 z-10 -mx-4 flex h-7 items-center bg-background px-4 text-[11px] font-semibold text-muted-foreground\">\n                            {group.label}\n                          </div>\n                          <div className=\"-mx-4 flex flex-col divide-y divide-border\">\n                            {group.items.map((n) => (\n                              <NotificationRow\n                                key={n.id}\n                                notification={n}\n                                onMarkRead={markAsRead}\n                                onArchive={archive}\n                                onAction={requestClose}\n                              />\n                            ))}\n                          </div>\n                        </div>\n                      ))\n                    )}\n                  </div>\n                )}\n              </div>\n            )}\n          </div>\n        </DialogPrimitive.Popup>\n      </DialogPrimitive.Portal>\n    </DialogPrimitive.Root>\n  )\n}\n\nfunction BrowserNotificationPermissionNotice({\n  permission,\n  requesting,\n  onEnable,\n}: {\n  permission: BrowserNotificationPermission\n  requesting: boolean\n  onEnable: () => void\n}) {\n  if (permission === \"granted\") return null\n\n  if (permission === \"unsupported\") {\n    return (\n      <div className=\"mt-3 rounded-md border bg-muted/40 p-3 text-sm text-muted-foreground\">\n        Browser notifications are not supported by this browser.\n      </div>\n    )\n  }\n\n  const isDenied = permission === \"denied\"\n\n  return (\n    <div className=\"mt-3 rounded-md border bg-muted/40 p-3\">\n      <div className=\"text-sm font-medium\">\n        {isDenied ? \"Browser notifications are blocked.\" : \"Browser notifications are not enabled.\"}\n      </div>\n      <div className=\"mt-1 text-xs text-muted-foreground\">\n        {isDenied\n          ? \"Enable notifications for this site in your browser settings, then click again.\"\n          : \"Enable browser notifications to receive important alerts.\"}\n      </div>\n      <button\n        type=\"button\"\n        className=\"mt-3 inline-flex h-8 items-center rounded-md border bg-background px-2.5 text-xs font-medium hover:bg-accent disabled:pointer-events-none disabled:opacity-50\"\n        disabled={requesting}\n        onClick={onEnable}\n      >\n        {requesting ? \"Enabling...\" : \"Enable browser notifications\"}\n      </button>\n    </div>\n  )\n}\n\nfunction NotificationRow({\n  notification,\n  onMarkRead,\n  onArchive,\n  onAction,\n}: {\n  notification: NotificationItem\n  onMarkRead: (id: string) => void\n  onArchive: (id: string) => void\n  onAction: () => void\n}) {\n  const [menuOpen, setMenuOpen] = useState(false)\n  const menuRef = useRef<HTMLDivElement | null>(null)\n  const menuButtonRef = useRef<HTMLButtonElement | null>(null)\n  const isUnread = !notification.readAt\n  const action = getNotificationAction(notification)\n  const actionLabel = getNotificationActionLabel(action)\n  const createdAtLabel = (() => {\n    const date = new Date(toMs(notification.createdAt))\n    if (!Number.isFinite(date.getTime())) return \"\"\n    return date.toLocaleString()\n  })()\n\n  useEffect(() => {\n    if (!menuOpen) return\n\n    const handlePointerDown = (event: PointerEvent) => {\n      const target = event.target\n      if (!(target instanceof Node)) return\n      if (menuRef.current?.contains(target) || menuButtonRef.current?.contains(target)) return\n      setMenuOpen(false)\n    }\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key !== \"Escape\") return\n      setMenuOpen(false)\n      menuButtonRef.current?.focus()\n    }\n\n    document.addEventListener(\"pointerdown\", handlePointerDown)\n    document.addEventListener(\"keydown\", handleKeyDown)\n\n    return () => {\n      document.removeEventListener(\"pointerdown\", handlePointerDown)\n      document.removeEventListener(\"keydown\", handleKeyDown)\n    }\n  }, [menuOpen])\n\n  return (\n    <div\n      className={cn(\n        \"group flex w-full gap-3 px-4 py-3 hover:bg-accent/40\",\n        isUnread ? \"bg-primary/5\" : \"bg-background\",\n      )}\n    >\n      <button\n        type=\"button\"\n        className=\"min-w-0 flex-1 text-left\"\n        onClick={() => {\n          if (isUnread) {\n            void onMarkRead(notification.id)\n          }\n          if (action) {\n            onAction()\n            applyNotificationAction(action)\n          }\n        }}\n      >\n        <div className=\"min-w-0\">\n          <div className=\"truncate text-sm font-semibold\">{notification.title}</div>\n          {notification.body ? (\n            <div className=\"mt-0.5 line-clamp-2 text-xs text-muted-foreground\">{notification.body}</div>\n          ) : null}\n        </div>\n        {actionLabel ? <div className=\"mt-2 truncate text-xs text-primary\">{actionLabel}</div> : null}\n        {createdAtLabel ? (\n          <div className=\"mt-2 text-[11px] text-muted-foreground\">{createdAtLabel}</div>\n        ) : null}\n      </button>\n      <div className=\"relative flex items-start\">\n        <button\n          ref={menuButtonRef}\n          type=\"button\"\n          className=\"inline-flex h-8 w-8 items-center justify-center rounded-md hover:bg-accent\"\n          aria-label=\"Notification options\"\n          aria-haspopup=\"menu\"\n          aria-expanded={menuOpen}\n          onClick={() => {\n            setMenuOpen((open) => !open)\n          }}\n        >\n          <MoreVertical className=\"h-4 w-4\" />\n        </button>\n        {menuOpen ? (\n          <div\n            ref={menuRef}\n            role=\"menu\"\n            className={cn(\n              \"absolute right-0 top-full z-50 mt-1 min-w-[10rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md\",\n              \"animate-in fade-in-0 zoom-in-95\",\n            )}\n          >\n            <button\n              type=\"button\"\n              role=\"menuitem\"\n              className=\"relative flex w-full cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-left text-sm outline-none transition-colors hover:bg-accent focus:bg-accent focus:text-accent-foreground\"\n              onClick={() => {\n                setMenuOpen(false)\n                onArchive(notification.id)\n              }}\n            >\n              Archive\n            </button>\n            <button\n              type=\"button\"\n              role=\"menuitem\"\n              className=\"relative flex w-full cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-left text-sm outline-none transition-colors hover:bg-accent focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50\"\n              disabled={!isUnread}\n              onClick={() => {\n                setMenuOpen(false)\n                onMarkRead(notification.id)\n              }}\n            >\n              Mark as read\n            </button>\n          </div>\n        ) : null}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"index420.js","names":["React","_formatErrorMessage","formatErrorMessage","React$1","SelectGroupContext","useSelectGroupContext","context"],"sources":["../../../node_modules/@base-ui/react/select/group/SelectGroupContext.mjs"],"sourcesContent":["'use client';\n\nimport _formatErrorMessage from \"@base-ui/utils/formatErrorMessage\";\nimport * as React from 'react';\nexport const SelectGroupContext = /*#__PURE__*/React.createContext(undefined);\nif (process.env.NODE_ENV !== \"production\") SelectGroupContext.displayName = \"SelectGroupContext\";\nexport function useSelectGroupContext() {\n  const context = React.useContext(SelectGroupContext);\n  if (context === undefined) {\n    throw new Error(process.env.NODE_ENV !== \"production\" ? 'Base UI: SelectGroupContext is missing. SelectGroup parts must be placed within <Select.Group>.' : _formatErrorMessage(56));\n  }\n  return context;\n}"],"ignoreList":[0],"mappings":";;;;AAIA,IAAaI,IAAkC,gBAAM,cAAc,KAAA,CAAS;AAC5E,QAAA,IAAA,aAA6B,iBAAc,EAAmB,cAAc;AAC5E,SAAgBC,IAAwB;CACtC,IAAMC,IAAUN,EAAM,WAAWI,CAAkB;CACnD,IAAIE,MAAY,KAAA,GACd,MAAU,MAAA,QAAA,IAAA,aAA+B,eAAmHL,EAAoB,EAAE,IAA1H,iGAA2H;CAErL,OAAOK;AACT"}