@burdenoff/microfe-subscriberbot 2026.1023.2 → 2026.1030.1

package/dist/subscriberbot/pages/InboxPage.js

@@ -5,16 +5,17 @@ import { formatDateTime as r, formatEnumLabel as i, formatRelativeTime as a } fr
 import { StatusBadge as o } from "../components/StatusBadge.js";
 import { EmptyState as s } from "../components/EmptyState.js";
 import { Modal as c } from "../components/Modal.js";
-import { ErrorView as l, LoadingView as u, Section as d } from "../components/StateViews.js";
-import { MiniProgress as f } from "../components/viz.js";
-import { useChannels as p, useCreateChannel as m, useInboxMessages as h, useIngestMessage as g, useMarkMessageRead as _, useVerifyChannel as v } from "../hooks/useSubscriberBotApi.js";
-import { useTr as y } from "../hooks/useTr.js";
-import { useState as b } from "react";
-import { AlertTriangle as x, BadgeCheck as S, Bell as C, ChevronRight as w, Hash as T, Inbox as E, Mail as D, MailOpen as O, MessageSquare as k, MessagesSquare as A, MousePointerClick as j, Phone as M, Plus as N, Radio as P, Send as F, ShieldAlert as I, Sparkles as L, Webhook as R } from "lucide-react";
-import { Fragment as z, jsx as B, jsxs as V } from "react/jsx-runtime";
-import { GlassCard as H, PagePurpose as U } from "@burdenoff/fe-libs/ui";
+import { useTr as l } from "../hooks/useTr.js";
+import { ErrorView as u, LoadingView as d, Section as f } from "../components/StateViews.js";
+import { MiniProgress as p } from "../components/viz.js";
+import { useChannels as m, useCreateChannel as h, useInboxMessages as g, useIngestMessage as _, useMarkMessageRead as v, useVerifyChannel as y } from "../hooks/useSubscriberBotApi.js";
+import { useRouteSelection as b } from "../hooks/useRouteSelection.js";
+import { useState as x } from "react";
+import { AlertTriangle as S, BadgeCheck as C, Bell as w, ChevronRight as T, Hash as E, Inbox as D, Mail as O, MailOpen as k, MessageSquare as A, MessagesSquare as j, MousePointerClick as M, Phone as N, Plus as P, Radio as F, Send as I, ShieldAlert as L, Sparkles as R, Webhook as z } from "lucide-react";
+import { Fragment as B, jsx as V, jsxs as H } from "react/jsx-runtime";
+import { GlassCard as U, PagePurpose as W } from "@burdenoff/fe-libs/ui";
 //#region src/subscriberbot/pages/InboxPage.tsx
-var W = 25, G = "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]", K = "mb-1 block text-xs font-medium text-text-secondary", q = [
+var G = 25, K = "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]", q = "mb-1 block text-xs font-medium text-text-secondary", J = [
 	"BILLING",
 	"RENEWAL",
 	"REQUIRED_ACTION",
@@ -22,7 +23,7 @@ var W = 25, G = "w-full rounded-lg border border-border-subtle bg-bg-surface px-
 	"PRODUCT_UPDATE",
 	"MARKETING",
 	"OTHER"
-], J = [
+], ee = [
 	"EMAIL",
 	"SMS",
 	"SLACK",
@@ -38,7 +39,7 @@ var W = 25, G = "w-full rounded-lg border border-border-subtle bg-bg-surface px-
 	PRODUCT_UPDATE: "inbox.categories.productUpdate",
 	MARKETING: "inbox.categories.marketing",
 	OTHER: "inbox.categories.other"
-}, ee = [
+}, te = [
 	{
 		value: "",
 		key: "inbox.categories.all",
@@ -79,7 +80,7 @@ var W = 25, G = "w-full rounded-lg border border-border-subtle bg-bg-surface px-
 		key: Y.OTHER,
 		fallback: "Other"
 	}
-], te = {
+], ne = {
 	BILLING: "bg-[var(--color-accent-soft)] text-text-primary",
 	RENEWAL: "bg-status-success-bg-subtle text-status-success-text",
 	REQUIRED_ACTION: "bg-status-warning-bg-subtle text-status-warning-text",
@@ -88,125 +89,125 @@ var W = 25, G = "w-full rounded-lg border border-border-subtle bg-bg-surface px-
 	MARKETING: "bg-bg-sunken text-text-secondary",
 	OTHER: "bg-bg-sunken text-text-secondary"
 }, X = {
-	EMAIL: D,
-	SMS: k,
-	SLACK: T,
-	DISCORD: A,
-	WHATSAPP: M,
-	PUSH: C,
-	WEBHOOK: R
+	EMAIL: O,
+	SMS: A,
+	SLACK: E,
+	DISCORD: j,
+	WHATSAPP: N,
+	PUSH: w,
+	WEBHOOK: z
 };
 function Z({ category: e }) {
-	return /* @__PURE__ */ B("span", {
-		className: t("inline-flex items-center rounded-full px-2 py-0.5 text-[11px] font-medium", te[e]),
+	return /* @__PURE__ */ V("span", {
+		className: t("inline-flex items-center rounded-full px-2 py-0.5 text-[11px] font-medium", ne[e]),
 		children: i(e)
 	});
 }
 function Q({ className: e }) {
-	let n = y();
-	return /* @__PURE__ */ V("span", {
+	let n = l();
+	return /* @__PURE__ */ H("span", {
 		title: n("inbox.message.actionRequiredTitle", "Action required"),
 		className: t("inline-flex items-center gap-1 rounded-full bg-status-warning-bg-subtle px-2 py-0.5 text-[10px] font-medium text-status-warning-text", e),
 		children: [
-			/* @__PURE__ */ B(x, { className: "h-3 w-3" }),
+			/* @__PURE__ */ V(S, { className: "h-3 w-3" }),
 			" ",
 			n("inbox.message.actionFlag", "Action")
 		]
 	});
 }
-function ne({ onClose: e }) {
-	let t = y(), n = m(), [r, a] = b("EMAIL"), [o, s] = b(""), [l, u] = b(""), [d, f] = b(!0), [p, h] = b(null);
-	return /* @__PURE__ */ B(c, {
+function re({ onClose: e }) {
+	let t = l(), n = h(), [r, a] = x("EMAIL"), [o, s] = x(""), [u, d] = x(""), [f, p] = x(!0), [m, g] = x(null);
+	return /* @__PURE__ */ V(c, {
 		title: t("inbox.addChannelModal.title", "Add channel"),
 		onClose: e,
 		maxWidthClassName: "max-w-xl",
-		children: /* @__PURE__ */ V("form", {
+		children: /* @__PURE__ */ H("form", {
 			onSubmit: (i) => {
-				if (i.preventDefault(), h(null), !o.trim()) {
-					h(t("inbox.addChannelModal.addressRequired", "An address is required."));
+				if (i.preventDefault(), g(null), !o.trim()) {
+					g(t("inbox.addChannelModal.addressRequired", "An address is required."));
 					return;
 				}
 				n.mutate({
 					type: r,
 					address: o.trim(),
-					ingestEnabled: d,
-					...l.trim() ? { label: l.trim() } : {}
+					ingestEnabled: f,
+					...u.trim() ? { label: u.trim() } : {}
 				}, {
 					onSuccess: () => e(),
-					onError: (e) => h(e instanceof Error ? e.message : t("inbox.addChannelModal.error", "Could not add channel."))
+					onError: (e) => g(e instanceof Error ? e.message : t("inbox.addChannelModal.error", "Could not add channel."))
 				});
 			},
 			className: "space-y-4",
 			children: [
-				p && /* @__PURE__ */ B("div", {
+				m && /* @__PURE__ */ V("div", {
 					className: "rounded-lg border border-status-error-text/30 bg-status-error-bg-subtle px-4 py-2 text-sm text-status-error-text",
-					children: p
+					children: m
 				}),
-				/* @__PURE__ */ V("div", {
+				/* @__PURE__ */ H("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-					children: [/* @__PURE__ */ V("div", { children: [/* @__PURE__ */ B("label", {
+					children: [/* @__PURE__ */ H("div", { children: [/* @__PURE__ */ V("label", {
 						htmlFor: "ch-type",
-						className: K,
+						className: q,
 						children: t("inbox.addChannelModal.typeLabel", "Type")
-					}), /* @__PURE__ */ B("select", {
+					}), /* @__PURE__ */ V("select", {
 						id: "ch-type",
 						value: r,
 						onChange: (e) => a(e.target.value),
-						className: G,
-						children: J.map((e) => /* @__PURE__ */ B("option", {
+						className: K,
+						children: ee.map((e) => /* @__PURE__ */ V("option", {
 							value: e,
 							children: i(e)
 						}, e))
-					})] }), /* @__PURE__ */ V("div", { children: [/* @__PURE__ */ B("label", {
+					})] }), /* @__PURE__ */ H("div", { children: [/* @__PURE__ */ V("label", {
 						htmlFor: "ch-label",
-						className: K,
+						className: q,
 						children: t("inbox.addChannelModal.labelLabel", "Label")
-					}), /* @__PURE__ */ B("input", {
+					}), /* @__PURE__ */ V("input", {
 						id: "ch-label",
 						type: "text",
-						value: l,
-						onChange: (e) => u(e.target.value),
+						value: u,
+						onChange: (e) => d(e.target.value),
 						placeholder: t("inbox.addChannelModal.labelPlaceholder", "e.g. Billing inbox"),
-						className: G
+						className: K
 					})] })]
 				}),
-				/* @__PURE__ */ V("div", { children: [/* @__PURE__ */ V("label", {
+				/* @__PURE__ */ H("div", { children: [/* @__PURE__ */ H("label", {
 					htmlFor: "ch-address",
-					className: K,
+					className: q,
 					children: [
 						t("inbox.addChannelModal.addressLabel", "Address"),
 						" ",
-						/* @__PURE__ */ B("span", {
+						/* @__PURE__ */ V("span", {
 							className: "text-status-error-text",
 							children: "*"
 						})
 					]
-				}), /* @__PURE__ */ B("input", {
+				}), /* @__PURE__ */ V("input", {
 					id: "ch-address",
 					type: "text",
 					value: o,
 					onChange: (e) => s(e.target.value),
 					placeholder: t("inbox.addChannelModal.addressPlaceholder", "e.g. billing@acme.com, +1…, a webhook URL"),
-					className: G,
+					className: K,
 					required: !0
 				})] }),
-				/* @__PURE__ */ V("label", {
+				/* @__PURE__ */ H("label", {
 					className: "flex items-center gap-2 text-sm text-text-primary",
-					children: [/* @__PURE__ */ B("input", {
+					children: [/* @__PURE__ */ V("input", {
 						type: "checkbox",
-						checked: d,
-						onChange: (e) => f(e.target.checked),
+						checked: f,
+						onChange: (e) => p(e.target.checked),
 						className: "size-4 rounded border-border-subtle"
 					}), t("inbox.addChannelModal.ingestLabel", "Ingest messages from this channel")]
 				}),
-				/* @__PURE__ */ V("div", {
+				/* @__PURE__ */ H("div", {
 					className: "flex justify-end gap-3",
-					children: [/* @__PURE__ */ B("button", {
+					children: [/* @__PURE__ */ V("button", {
 						type: "button",
 						onClick: e,
 						className: "rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken",
 						children: t("inbox.addChannelModal.cancel", "Cancel")
-					}), /* @__PURE__ */ B("button", {
+					}), /* @__PURE__ */ V("button", {
 						type: "submit",
 						disabled: n.isPending,
 						className: "rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90 disabled:opacity-50",
@@ -217,86 +218,86 @@ function ne({ onClose: e }) {
 		})
 	});
 }
-function re({ channel: e, onClose: t }) {
-	let n = y(), r = g(), [a, o] = b(""), [s, l] = b(""), [u, d] = b("OTHER"), [f, p] = b(!1), [m, h] = b(null);
-	return /* @__PURE__ */ B(c, {
+function ie({ channel: e, onClose: t }) {
+	let n = l(), r = _(), [a, o] = x(""), [s, u] = x(""), [d, f] = x("OTHER"), [p, m] = x(!1), [h, g] = x(null);
+	return /* @__PURE__ */ V(c, {
 		title: n("inbox.logMessageModal.title", "Log test message"),
 		description: n("inbox.logMessageModal.description", "Simulate an ingested message from {channel}.", { channel: e.label || e.address }),
 		onClose: t,
-		children: /* @__PURE__ */ V("form", {
+		children: /* @__PURE__ */ H("form", {
 			onSubmit: (i) => {
-				i.preventDefault(), h(null), r.mutate({
+				i.preventDefault(), g(null), r.mutate({
 					channelId: e.id,
 					receivedAt: (/* @__PURE__ */ new Date()).toISOString(),
-					category: u,
-					actionRequired: f,
+					category: d,
+					actionRequired: p,
 					...a.trim() ? { subject: a.trim() } : {},
 					...s.trim() ? { preview: s.trim() } : {}
 				}, {
 					onSuccess: () => t(),
-					onError: (e) => h(e instanceof Error ? e.message : n("inbox.logMessageModal.error", "Could not log the message."))
+					onError: (e) => g(e instanceof Error ? e.message : n("inbox.logMessageModal.error", "Could not log the message."))
 				});
 			},
 			className: "space-y-4",
 			children: [
-				m && /* @__PURE__ */ B("div", {
+				h && /* @__PURE__ */ V("div", {
 					className: "rounded-lg border border-status-error-text/30 bg-status-error-bg-subtle px-4 py-2 text-sm text-status-error-text",
-					children: m
+					children: h
 				}),
-				/* @__PURE__ */ V("div", { children: [/* @__PURE__ */ B("label", {
+				/* @__PURE__ */ H("div", { children: [/* @__PURE__ */ V("label", {
 					htmlFor: "msg-subject",
-					className: K,
+					className: q,
 					children: n("inbox.logMessageModal.subjectLabel", "Subject")
-				}), /* @__PURE__ */ B("input", {
+				}), /* @__PURE__ */ V("input", {
 					id: "msg-subject",
 					type: "text",
 					value: a,
 					onChange: (e) => o(e.target.value),
 					placeholder: n("inbox.logMessageModal.subjectPlaceholder", "e.g. Your plan renews in 3 days"),
-					className: G
+					className: K
 				})] }),
-				/* @__PURE__ */ V("div", { children: [/* @__PURE__ */ B("label", {
+				/* @__PURE__ */ H("div", { children: [/* @__PURE__ */ V("label", {
 					htmlFor: "msg-preview",
-					className: K,
+					className: q,
 					children: n("inbox.logMessageModal.previewLabel", "Preview")
-				}), /* @__PURE__ */ B("textarea", {
+				}), /* @__PURE__ */ V("textarea", {
 					id: "msg-preview",
 					value: s,
-					onChange: (e) => l(e.target.value),
+					onChange: (e) => u(e.target.value),
 					rows: 2,
-					className: G
+					className: K
 				})] }),
-				/* @__PURE__ */ V("div", { children: [/* @__PURE__ */ B("label", {
+				/* @__PURE__ */ H("div", { children: [/* @__PURE__ */ V("label", {
 					htmlFor: "msg-category",
-					className: K,
+					className: q,
 					children: n("inbox.logMessageModal.categoryLabel", "Category")
-				}), /* @__PURE__ */ B("select", {
+				}), /* @__PURE__ */ V("select", {
 					id: "msg-category",
-					value: u,
-					onChange: (e) => d(e.target.value),
-					className: G,
-					children: q.map((e) => /* @__PURE__ */ B("option", {
+					value: d,
+					onChange: (e) => f(e.target.value),
+					className: K,
+					children: J.map((e) => /* @__PURE__ */ V("option", {
 						value: e,
 						children: n(Y[e], i(e))
 					}, e))
 				})] }),
-				/* @__PURE__ */ V("label", {
+				/* @__PURE__ */ H("label", {
 					className: "flex items-center gap-2 text-sm text-text-primary",
-					children: [/* @__PURE__ */ B("input", {
+					children: [/* @__PURE__ */ V("input", {
 						type: "checkbox",
-						checked: f,
-						onChange: (e) => p(e.target.checked),
+						checked: p,
+						onChange: (e) => m(e.target.checked),
 						className: "size-4 rounded border-border-subtle"
 					}), n("inbox.logMessageModal.actionRequired", "Requires action")]
 				}),
-				/* @__PURE__ */ V("div", {
+				/* @__PURE__ */ H("div", {
 					className: "flex justify-end gap-3",
-					children: [/* @__PURE__ */ B("button", {
+					children: [/* @__PURE__ */ V("button", {
 						type: "button",
 						onClick: t,
 						className: "rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken",
 						children: n("inbox.logMessageModal.cancel", "Cancel")
-					}), /* @__PURE__ */ B("button", {
+					}), /* @__PURE__ */ V("button", {
 						type: "submit",
 						disabled: r.isPending,
 						className: "rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90 disabled:opacity-50",
@@ -307,67 +308,67 @@ function re({ channel: e, onClose: t }) {
 		})
 	});
 }
-function ie({ channel: e, onVerify: t, verifying: n, onLog: r }) {
-	let a = y(), s = X[e.type] ?? P, c = e.status === "VERIFIED";
-	return /* @__PURE__ */ V(H, {
+function ae({ channel: e, onVerify: t, verifying: n, onLog: r }) {
+	let a = l(), s = X[e.type] ?? F, c = e.status === "VERIFIED";
+	return /* @__PURE__ */ H(U, {
 		treatment: "metric",
 		className: "flex flex-col p-4",
 		children: [
-			/* @__PURE__ */ V("div", {
+			/* @__PURE__ */ H("div", {
 				className: "flex items-start justify-between gap-2",
-				children: [/* @__PURE__ */ V("div", {
+				children: [/* @__PURE__ */ H("div", {
 					className: "flex min-w-0 items-center gap-2.5",
-					children: [/* @__PURE__ */ B("span", {
+					children: [/* @__PURE__ */ V("span", {
 						className: "flex size-9 shrink-0 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-text-primary",
-						children: /* @__PURE__ */ B(s, { className: "h-4 w-4" })
-					}), /* @__PURE__ */ V("div", {
+						children: /* @__PURE__ */ V(s, { className: "h-4 w-4" })
+					}), /* @__PURE__ */ H("div", {
 						className: "min-w-0",
-						children: [/* @__PURE__ */ B("p", {
+						children: [/* @__PURE__ */ V("p", {
 							className: "truncate text-sm font-semibold text-text-primary",
 							children: i(e.type)
-						}), e.label && /* @__PURE__ */ B("p", {
+						}), e.label && /* @__PURE__ */ V("p", {
 							className: "truncate text-xs text-text-secondary",
 							children: e.label
 						})]
 					})]
-				}), /* @__PURE__ */ B(o, { status: e.status })]
+				}), /* @__PURE__ */ V(o, { status: e.status })]
 			}),
-			/* @__PURE__ */ V("div", {
+			/* @__PURE__ */ H("div", {
 				className: "mt-3 border-t border-border-subtle pt-3",
-				children: [/* @__PURE__ */ B("p", {
+				children: [/* @__PURE__ */ V("p", {
 					className: "text-[11px] uppercase tracking-wide text-text-secondary",
 					children: e.ingestEnabled ? a("inbox.channels.ingestingFrom", "Ingesting from") : a("inbox.channels.ingestPaused", "Ingest paused")
-				}), /* @__PURE__ */ B("p", {
+				}), /* @__PURE__ */ V("p", {
 					className: "mt-0.5 truncate text-sm text-text-primary",
 					title: e.address,
 					children: e.address
 				})]
 			}),
-			/* @__PURE__ */ V("div", {
+			/* @__PURE__ */ H("div", {
 				className: "mt-auto flex flex-wrap items-center gap-2 pt-3",
 				children: [
-					e.status === "PENDING" && /* @__PURE__ */ V("button", {
+					e.status === "PENDING" && /* @__PURE__ */ H("button", {
 						type: "button",
 						disabled: n,
 						onClick: () => t(e.id),
 						className: "inline-flex items-center gap-1 rounded-lg bg-action-primary-bg px-3 py-1.5 text-xs font-medium text-action-primary-text hover:opacity-90 disabled:opacity-50",
 						children: [
-							/* @__PURE__ */ B(S, { className: "h-3.5 w-3.5" }),
+							/* @__PURE__ */ V(C, { className: "h-3.5 w-3.5" }),
 							" ",
 							a("inbox.channels.verify", "Verify")
 						]
 					}),
-					c && e.ingestEnabled && /* @__PURE__ */ V("button", {
+					c && e.ingestEnabled && /* @__PURE__ */ H("button", {
 						type: "button",
 						onClick: () => r(e),
 						className: "inline-flex items-center gap-1 rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-bg-sunken",
 						children: [
-							/* @__PURE__ */ B(F, { className: "h-3.5 w-3.5" }),
+							/* @__PURE__ */ V(I, { className: "h-3.5 w-3.5" }),
 							" ",
 							a("inbox.channels.logTestMessage", "Log test message")
 						]
 					}),
-					e.status === "DISABLED" && /* @__PURE__ */ B("span", {
+					e.status === "DISABLED" && /* @__PURE__ */ V("span", {
 						className: "text-xs text-text-secondary",
 						children: a("inbox.channels.disabled", "Channel disabled")
 					})
@@ -376,65 +377,65 @@ function ie({ channel: e, onVerify: t, verifying: n, onLog: r }) {
 		]
 	});
 }
-function ae() {
-	let e = y(), { data: t, isLoading: n, isError: r, refetch: i } = p(), a = v(), [o, c] = b(!1), [f, m] = b(null), h = t ?? [], g = h.filter((e) => e.status === "VERIFIED").length, _ = h.filter((e) => e.status === "PENDING").length;
-	return /* @__PURE__ */ V(d, {
+function oe() {
+	let e = l(), { data: t, isLoading: n, isError: r, refetch: i } = m(), a = y(), [o, c] = x(!1), [p, h] = x(null), g = t ?? [], _ = g.filter((e) => e.status === "VERIFIED").length, v = g.filter((e) => e.status === "PENDING").length;
+	return /* @__PURE__ */ H(f, {
 		title: e("inbox.channels.title", "Ingest channels"),
 		description: e("inbox.channels.description", "The sources the Universal Inbox pulls subscription communication from"),
-		action: /* @__PURE__ */ V("button", {
+		action: /* @__PURE__ */ H("button", {
 			type: "button",
 			onClick: () => c(!0),
 			className: "inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-3 py-1.5 text-xs font-medium text-action-primary-text hover:opacity-90",
 			children: [
-				/* @__PURE__ */ B(N, { className: "h-3.5 w-3.5" }),
+				/* @__PURE__ */ V(P, { className: "h-3.5 w-3.5" }),
 				" ",
 				e("inbox.channels.add", "Add channel")
 			]
 		}),
 		children: [
-			n ? /* @__PURE__ */ B(u, { label: e("inbox.channels.loading", "Loading channels…") }) : r ? /* @__PURE__ */ B(l, {
+			n ? /* @__PURE__ */ V(d, { label: e("inbox.channels.loading", "Loading channels…") }) : r ? /* @__PURE__ */ V(u, {
 				message: e("inbox.channels.error", "Could not load channels."),
 				onRetry: () => void i()
-			}) : h.length === 0 ? /* @__PURE__ */ B(s, {
+			}) : g.length === 0 ? /* @__PURE__ */ V(s, {
 				illustration: "empty-data",
-				icon: /* @__PURE__ */ B(P, { className: "h-12 w-12" }),
+				icon: /* @__PURE__ */ V(F, { className: "h-12 w-12" }),
 				title: e("inbox.channels.emptyTitle", "No channels yet"),
 				description: e("inbox.channels.emptyDescription", "Add an email, SMS, Slack or webhook channel to start ingesting subscription communication.")
-			}) : /* @__PURE__ */ V(z, { children: [(g > 0 || _ > 0) && /* @__PURE__ */ V("div", {
+			}) : /* @__PURE__ */ H(B, { children: [(_ > 0 || v > 0) && /* @__PURE__ */ H("div", {
 				className: "mb-3 flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-text-secondary",
-				children: [/* @__PURE__ */ V("span", {
+				children: [/* @__PURE__ */ H("span", {
 					className: "inline-flex items-center gap-1.5",
-					children: [/* @__PURE__ */ B("span", {
+					children: [/* @__PURE__ */ V("span", {
 						className: "size-1.5 rounded-full bg-status-success-text",
 						"aria-hidden": !0
-					}), e("inbox.channels.verified", "{{count}} verified", { count: g })]
-				}), _ > 0 && /* @__PURE__ */ V("span", {
+					}), e("inbox.channels.verified", "{{count}} verified", { count: _ })]
+				}), v > 0 && /* @__PURE__ */ H("span", {
 					className: "inline-flex items-center gap-1.5",
-					children: [/* @__PURE__ */ B("span", {
+					children: [/* @__PURE__ */ V("span", {
 						className: "size-1.5 rounded-full bg-status-warning-text",
 						"aria-hidden": !0
-					}), e("inbox.channels.pending", "{{count}} pending verification", { count: _ })]
+					}), e("inbox.channels.pending", "{{count}} pending verification", { count: v })]
 				})]
-			}), /* @__PURE__ */ B("div", {
+			}), /* @__PURE__ */ V("div", {
 				className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3",
-				children: h.map((e) => /* @__PURE__ */ B(ie, {
+				children: g.map((e) => /* @__PURE__ */ V(ae, {
 					channel: e,
 					verifying: a.isPending,
 					onVerify: (e) => a.mutate(e),
-					onLog: (e) => m(e)
+					onLog: (e) => h(e)
 				}, e.id))
 			})] }),
-			o && /* @__PURE__ */ B(ne, { onClose: () => c(!1) }),
-			f && /* @__PURE__ */ B(re, {
-				channel: f,
-				onClose: () => m(null)
+			o && /* @__PURE__ */ V(re, { onClose: () => c(!1) }),
+			p && /* @__PURE__ */ V(ie, {
+				channel: p,
+				onClose: () => h(null)
 			})
 		]
 	});
 }
-function oe({ message: e, active: n, onSelect: r, onMarkRead: i, markPending: o, onViewRelationship: s }) {
-	let c = y(), l = !e.isRead;
-	return /* @__PURE__ */ V("div", {
+function se({ message: e, active: n, onSelect: r, onMarkRead: i, markPending: o, onViewRelationship: s }) {
+	let c = l(), u = !e.isRead;
+	return /* @__PURE__ */ H("div", {
 		role: "button",
 		tabIndex: 0,
 		"aria-pressed": n,
@@ -442,46 +443,46 @@ function oe({ message: e, active: n, onSelect: r, onMarkRead: i, markPending: o,
 		onKeyDown: (e) => {
 			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), r());
 		},
-		className: t("relative flex cursor-pointer items-start gap-3 p-4 transition-colors", "focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)] focus-visible:ring-inset", n ? "bg-bg-sunken" : l ? "bg-accent-wash" : "hover:bg-bg-sunken/60"),
+		className: t("relative flex cursor-pointer items-start gap-3 p-4 transition-colors", "focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)] focus-visible:ring-inset", n ? "bg-bg-sunken" : u ? "bg-accent-wash" : "hover:bg-bg-sunken/60"),
 		children: [
-			l && /* @__PURE__ */ B("span", {
+			u && /* @__PURE__ */ V("span", {
 				"aria-hidden": !0,
 				className: "absolute inset-y-0 left-0 w-0.5 bg-text-link"
 			}),
-			/* @__PURE__ */ B("span", {
+			/* @__PURE__ */ V("span", {
 				className: "mt-0.5 shrink-0 text-text-secondary",
-				children: l ? /* @__PURE__ */ B(D, { className: "h-4 w-4 text-text-link" }) : /* @__PURE__ */ B(O, { className: "h-4 w-4" })
+				children: u ? /* @__PURE__ */ V(O, { className: "h-4 w-4 text-text-link" }) : /* @__PURE__ */ V(k, { className: "h-4 w-4" })
 			}),
-			/* @__PURE__ */ V("div", {
+			/* @__PURE__ */ H("div", {
 				className: "min-w-0 flex-1",
 				children: [
-					/* @__PURE__ */ V("div", {
+					/* @__PURE__ */ H("div", {
 						className: "flex items-center gap-2",
 						children: [
-							l && /* @__PURE__ */ B("span", {
+							u && /* @__PURE__ */ V("span", {
 								"aria-label": c("inbox.message.unreadAria", "Unread"),
 								className: "size-1.5 shrink-0 rounded-full bg-text-link"
 							}),
-							/* @__PURE__ */ B("p", {
-								className: t("min-w-0 flex-1 truncate text-sm", l ? "font-semibold text-text-primary" : "font-normal text-text-primary"),
+							/* @__PURE__ */ V("p", {
+								className: t("min-w-0 flex-1 truncate text-sm", u ? "font-semibold text-text-primary" : "font-normal text-text-primary"),
 								children: e.subject || c("inbox.message.noSubject", "(no subject)")
 							}),
-							/* @__PURE__ */ B("span", {
+							/* @__PURE__ */ V("span", {
 								className: "shrink-0 text-xs tabular-nums text-text-secondary",
 								children: a(e.receivedAt)
 							})
 						]
 					}),
-					e.preview && /* @__PURE__ */ B("p", {
+					e.preview && /* @__PURE__ */ V("p", {
 						className: "mt-0.5 line-clamp-2 text-xs text-text-secondary",
 						children: e.preview
 					}),
-					/* @__PURE__ */ V("div", {
+					/* @__PURE__ */ H("div", {
 						className: "mt-1.5 flex flex-wrap items-center gap-2",
 						children: [
-							/* @__PURE__ */ B(Z, { category: e.category }),
-							e.actionRequired && /* @__PURE__ */ B(Q, {}),
-							s && /* @__PURE__ */ B("button", {
+							/* @__PURE__ */ V(Z, { category: e.category }),
+							e.actionRequired && /* @__PURE__ */ V(Q, {}),
+							s && /* @__PURE__ */ V("button", {
 								type: "button",
 								onClick: (e) => {
 									e.stopPropagation(), s();
@@ -489,7 +490,7 @@ function oe({ message: e, active: n, onSelect: r, onMarkRead: i, markPending: o,
 								className: "text-xs font-medium text-text-link hover:underline",
 								children: c("inbox.message.viewRelationship", "View relationship")
 							}),
-							l && /* @__PURE__ */ B("button", {
+							u && /* @__PURE__ */ V("button", {
 								type: "button",
 								disabled: o,
 								onClick: (e) => {
@@ -505,34 +506,34 @@ function oe({ message: e, active: n, onSelect: r, onMarkRead: i, markPending: o,
 		]
 	});
 }
-function se({ message: e, channel: t, onMarkRead: n, markPending: i, onViewRelationship: a }) {
-	let o = y();
-	if (!e) return /* @__PURE__ */ V(H, {
+function ce({ message: e, channel: t, onMarkRead: n, markPending: i, onViewRelationship: a }) {
+	let o = l();
+	if (!e) return /* @__PURE__ */ H(U, {
 		treatment: "metric",
 		className: "flex min-h-[20rem] flex-col items-center justify-center p-8 text-center",
 		children: [
-			/* @__PURE__ */ B(j, { className: "h-10 w-10 text-text-secondary" }),
-			/* @__PURE__ */ B("p", {
+			/* @__PURE__ */ V(M, { className: "h-10 w-10 text-text-secondary" }),
+			/* @__PURE__ */ V("p", {
 				className: "mt-3 text-sm font-medium text-text-primary",
 				children: o("inbox.readingPane.selectTitle", "Select a message")
 			}),
-			/* @__PURE__ */ B("p", {
+			/* @__PURE__ */ V("p", {
 				className: "mt-1 max-w-[16rem] text-xs text-text-secondary",
 				children: o("inbox.readingPane.selectDescription", "Pick any message from the list to read the full details here.")
 			})
 		]
 	});
-	let s = t ? X[t.type] ?? P : P, c = e.categoryConfidence == null ? null : Math.round(Math.max(0, Math.min(1, e.categoryConfidence)) * 100);
-	return /* @__PURE__ */ V(H, {
+	let s = t ? X[t.type] ?? F : F, c = e.categoryConfidence == null ? null : Math.round(Math.max(0, Math.min(1, e.categoryConfidence)) * 100);
+	return /* @__PURE__ */ H(U, {
 		treatment: "metric",
 		className: "flex flex-col p-5",
 		children: [
-			/* @__PURE__ */ V("div", {
+			/* @__PURE__ */ H("div", {
 				className: "flex items-start justify-between gap-3",
-				children: [/* @__PURE__ */ B("h3", {
+				children: [/* @__PURE__ */ V("h3", {
 					className: "text-base font-semibold text-text-primary",
 					children: e.subject || o("inbox.message.noSubject", "(no subject)")
-				}), !e.isRead && /* @__PURE__ */ B("button", {
+				}), !e.isRead && /* @__PURE__ */ V("button", {
 					type: "button",
 					disabled: i,
 					onClick: n,
@@ -540,79 +541,79 @@ function se({ message: e, channel: t, onMarkRead: n, markPending: i, onViewRelat
 					children: o("inbox.message.markRead", "Mark read")
 				})]
 			}),
-			t && /* @__PURE__ */ V("div", {
+			t && /* @__PURE__ */ H("div", {
 				className: "mt-2 flex items-center gap-2 text-sm",
-				children: [/* @__PURE__ */ B(s, { className: "h-4 w-4 shrink-0 text-text-secondary" }), /* @__PURE__ */ B("span", {
+				children: [/* @__PURE__ */ V(s, { className: "h-4 w-4 shrink-0 text-text-secondary" }), /* @__PURE__ */ V("span", {
 					className: "truncate text-text-secondary",
 					title: t.address,
 					children: t.address
 				})]
 			}),
-			/* @__PURE__ */ V("div", {
+			/* @__PURE__ */ H("div", {
 				className: "mt-3 flex flex-wrap items-center gap-2",
 				children: [
-					/* @__PURE__ */ B(Z, { category: e.category }),
-					e.actionRequired && /* @__PURE__ */ B(Q, {}),
-					/* @__PURE__ */ B("span", {
+					/* @__PURE__ */ V(Z, { category: e.category }),
+					e.actionRequired && /* @__PURE__ */ V(Q, {}),
+					/* @__PURE__ */ V("span", {
 						className: "text-xs text-text-secondary",
 						children: r(e.receivedAt)
 					})
 				]
 			}),
-			c != null && /* @__PURE__ */ V("div", {
+			c != null && /* @__PURE__ */ H("div", {
 				className: "mt-4 rounded-lg border border-border-subtle bg-bg-surface p-3",
-				children: [/* @__PURE__ */ V("div", {
+				children: [/* @__PURE__ */ H("div", {
 					className: "flex items-center justify-between text-xs",
-					children: [/* @__PURE__ */ V("span", {
+					children: [/* @__PURE__ */ H("span", {
 						className: "inline-flex items-center gap-1.5 font-medium text-text-primary",
 						children: [
-							/* @__PURE__ */ B(L, { className: "h-3.5 w-3.5 text-text-link" }),
+							/* @__PURE__ */ V(R, { className: "h-3.5 w-3.5 text-text-link" }),
 							" ",
 							o("inbox.readingPane.aiCategorization", "AI categorization")
 						]
-					}), /* @__PURE__ */ B("span", {
+					}), /* @__PURE__ */ V("span", {
 						className: "tabular-nums text-text-secondary",
 						children: o("inbox.readingPane.confidence", "{{pct}}% confidence", { pct: c })
 					})]
-				}), /* @__PURE__ */ B(f, {
+				}), /* @__PURE__ */ V(p, {
 					value: c,
 					max: 100,
 					tone: c >= 66 ? "positive" : c >= 33 ? "accent" : "warning",
 					className: "mt-2"
 				})]
 			}),
-			/* @__PURE__ */ B("div", {
+			/* @__PURE__ */ V("div", {
 				className: "mt-4 border-t border-border-subtle pt-4",
-				children: e.preview ? /* @__PURE__ */ B("p", {
+				children: e.preview ? /* @__PURE__ */ V("p", {
 					className: "whitespace-pre-wrap text-sm leading-relaxed text-text-primary",
 					children: e.preview
-				}) : /* @__PURE__ */ B("p", {
+				}) : /* @__PURE__ */ V("p", {
 					className: "text-sm italic text-text-secondary",
 					children: o("inbox.readingPane.noPreview", "No preview available for this message.")
 				})
 			}),
-			e.actionRequired && /* @__PURE__ */ V("div", {
+			e.actionRequired && /* @__PURE__ */ H("div", {
 				className: "mt-4 flex items-start gap-2 rounded-lg border border-status-warning-text/30 bg-status-warning-bg-subtle p-3",
-				children: [/* @__PURE__ */ B(I, { className: "mt-0.5 h-4 w-4 shrink-0 text-status-warning-text" }), /* @__PURE__ */ B("p", {
+				children: [/* @__PURE__ */ V(L, { className: "mt-0.5 h-4 w-4 shrink-0 text-status-warning-text" }), /* @__PURE__ */ V("p", {
 					className: "text-xs text-status-warning-text",
 					children: o("inbox.readingPane.attention", "This message needs your attention — review it before its provider deadline.")
 				})]
 			}),
-			a && /* @__PURE__ */ V("button", {
+			a && /* @__PURE__ */ H("button", {
 				type: "button",
 				onClick: a,
 				className: "mt-4 inline-flex items-center gap-1 self-start text-sm font-medium text-text-link hover:underline",
 				children: [
 					o("inbox.message.viewRelationship", "View relationship"),
 					" ",
-					/* @__PURE__ */ B(w, { className: "h-4 w-4" })
+					/* @__PURE__ */ V(T, { className: "h-4 w-4" })
 				]
 			})
 		]
 	});
 }
 function $({ active: e, onClick: n, children: r, tone: i = "default" }) {
-	return /* @__PURE__ */ B("button", {
+	return /* @__PURE__ */ V("button", {
 		type: "button",
 		onClick: n,
 		"aria-pressed": e,
@@ -620,158 +621,158 @@ function $({ active: e, onClick: n, children: r, tone: i = "default" }) {
 		children: r
 	});
 }
-function ce() {
-	let r = y(), { navigateTo: i } = e(), [a, o] = b(0), [c, d] = b(""), [f, m] = b(!1), [g, v] = b(!1), [S, C] = b(null), { data: w, isLoading: T, isError: O, refetch: k, isFetching: A } = h({
+function le() {
+	let r = l(), { navigateTo: i } = e(), [a, o] = x(0), [c, f] = x(""), [p, h] = x(!1), [_, y] = x(!1), [C, w] = b("inbox"), { data: T, isLoading: E, isError: k, refetch: A, isFetching: j } = g({
 		category: c || void 0,
-		unreadOnly: f || void 0,
+		unreadOnly: p || void 0,
 		pagination: {
-			limit: W,
-			offset: a * W
+			limit: G,
+			offset: a * G
 		}
-	}), { data: j } = p(), M = _(), N = w?.items ?? [], P = w?.pageInfo.hasMore ?? !1, F = g ? N.filter((e) => e.actionRequired) : N, I = N.filter((e) => !e.isRead).length, L = N.filter((e) => e.actionRequired).length, R = new Map((j ?? []).map((e) => [e.id, e])), z = F.find((e) => e.id === S) ?? null, H = z ? R.get(z.channelId) : void 0, G = () => {
-		o(0), C(null);
+	}), { data: M } = m(), N = v(), P = T?.items ?? [], F = T?.pageInfo.hasMore ?? !1, I = _ ? P.filter((e) => e.actionRequired) : P, L = P.filter((e) => !e.isRead).length, R = P.filter((e) => e.actionRequired).length, z = new Map((M ?? []).map((e) => [e.id, e])), B = I.find((e) => e.id === C) ?? null, U = B ? z.get(B.channelId) : void 0, K = () => {
+		o(0), w(null);
 	};
-	return /* @__PURE__ */ V(n, {
+	return /* @__PURE__ */ H(n, {
 		title: r("inbox.title", "Universal Inbox"),
 		description: r("inbox.description", "Every subscription communication, merged and categorized"),
 		children: [
-			/* @__PURE__ */ B(U, {
+			/* @__PURE__ */ V(W, {
 				className: "mb-4",
 				children: r("inbox.purpose", "Subscription communication is noisy and scattered. The Universal Inbox merges every channel a provider uses and uses AI to categorize each message so you never miss a renewal, required action or security notice.")
 			}),
-			/* @__PURE__ */ B("div", {
+			/* @__PURE__ */ V("div", {
 				className: "-mx-1 flex gap-2 overflow-x-auto px-1 pb-1",
-				children: ee.map((e) => /* @__PURE__ */ B("span", {
+				children: te.map((e) => /* @__PURE__ */ V("span", {
 					className: "shrink-0",
-					children: /* @__PURE__ */ B($, {
+					children: /* @__PURE__ */ V($, {
 						active: c === e.value,
 						onClick: () => {
-							d(e.value), G();
+							f(e.value), K();
 						},
 						children: r(e.key, e.fallback)
 					})
 				}, e.value))
 			}),
-			/* @__PURE__ */ V("div", {
+			/* @__PURE__ */ H("div", {
 				className: "mt-3 flex flex-wrap items-center gap-2",
 				children: [
-					/* @__PURE__ */ V($, {
-						active: g,
+					/* @__PURE__ */ H($, {
+						active: _,
 						tone: "warning",
 						onClick: () => {
-							v((e) => !e), C(null);
+							y((e) => !e), w(null);
 						},
 						children: [
-							/* @__PURE__ */ B(x, { className: "h-3.5 w-3.5" }),
+							/* @__PURE__ */ V(S, { className: "h-3.5 w-3.5" }),
 							" ",
 							r("inbox.filters.actionRequired", "Action required")
 						]
 					}),
-					/* @__PURE__ */ V($, {
-						active: f,
+					/* @__PURE__ */ H($, {
+						active: p,
 						onClick: () => {
-							m((e) => !e), G();
+							h((e) => !e), K();
 						},
 						children: [
-							/* @__PURE__ */ B(D, { className: "h-3.5 w-3.5" }),
+							/* @__PURE__ */ V(O, { className: "h-3.5 w-3.5" }),
 							" ",
 							r("inbox.filters.unreadOnly", "Unread only")
 						]
 					}),
-					!T && !O && N.length > 0 && /* @__PURE__ */ V("p", {
+					!E && !k && P.length > 0 && /* @__PURE__ */ H("p", {
 						className: "ml-auto text-xs text-text-secondary",
 						children: [
-							r("inbox.filters.unreadCount", "{{count}} unread", { count: I }),
+							r("inbox.filters.unreadCount", "{{count}} unread", { count: L }),
 							" · ",
-							r("inbox.filters.actionCount", "{{count}} need action", { count: L }),
-							A ? ` · ${r("inbox.filters.refreshing", "refreshing…")}` : ""
+							r("inbox.filters.actionCount", "{{count}} need action", { count: R }),
+							j ? ` · ${r("inbox.filters.refreshing", "refreshing…")}` : ""
 						]
 					})
 				]
 			}),
-			T ? /* @__PURE__ */ B(u, { label: r("inbox.loading", "Loading inbox…") }) : O ? /* @__PURE__ */ B(l, {
+			E ? /* @__PURE__ */ V(d, { label: r("inbox.loading", "Loading inbox…") }) : k ? /* @__PURE__ */ V(u, {
 				message: r("inbox.error", "Could not load the inbox."),
-				onRetry: () => void k()
-			}) : N.length === 0 ? /* @__PURE__ */ B("div", {
+				onRetry: () => void A()
+			}) : P.length === 0 ? /* @__PURE__ */ V("div", {
 				className: "mt-6",
-				children: /* @__PURE__ */ B(s, {
+				children: /* @__PURE__ */ V(s, {
 					illustration: "empty-inbox",
-					icon: /* @__PURE__ */ B(E, { className: "h-12 w-12" }),
+					icon: /* @__PURE__ */ V(D, { className: "h-12 w-12" }),
 					title: r("inbox.emptyTitle", "Inbox is empty"),
-					description: f || c ? r("inbox.emptyDescriptionFiltered", "No messages match these filters.") : r("inbox.emptyDescription", "Merged subscription communications will appear here once channels start ingesting.")
+					description: p || c ? r("inbox.emptyDescriptionFiltered", "No messages match these filters.") : r("inbox.emptyDescription", "Merged subscription communications will appear here once channels start ingesting.")
 				})
-			}) : /* @__PURE__ */ V("div", {
+			}) : /* @__PURE__ */ H("div", {
 				className: "mt-5 grid grid-cols-1 gap-5 lg:grid-cols-[minmax(0,1fr)_380px]",
-				children: [/* @__PURE__ */ V("div", {
+				children: [/* @__PURE__ */ H("div", {
 					className: "min-w-0",
-					children: [F.length === 0 ? /* @__PURE__ */ V("div", {
+					children: [I.length === 0 ? /* @__PURE__ */ H("div", {
 						className: "rounded-xl border border-border-subtle bg-bg-surface p-8 text-center",
 						children: [
-							/* @__PURE__ */ B(x, { className: "mx-auto h-8 w-8 text-text-secondary" }),
-							/* @__PURE__ */ B("p", {
+							/* @__PURE__ */ V(S, { className: "mx-auto h-8 w-8 text-text-secondary" }),
+							/* @__PURE__ */ V("p", {
 								className: "mt-2 text-sm font-medium text-text-primary",
 								children: r("inbox.noActionTitle", "No action-required messages on this page")
 							}),
-							/* @__PURE__ */ B("p", {
+							/* @__PURE__ */ V("p", {
 								className: "mt-1 text-xs text-text-secondary",
 								children: r("inbox.noActionDescription", "Turn off the “Action required” lens or move to another page.")
 							})
 						]
-					}) : /* @__PURE__ */ B("div", {
+					}) : /* @__PURE__ */ V("div", {
 						className: "divide-y divide-border-subtle overflow-hidden rounded-xl border border-border-subtle bg-bg-surface",
-						children: F.map((e) => /* @__PURE__ */ B(oe, {
+						children: I.map((e) => /* @__PURE__ */ V(se, {
 							message: e,
-							active: e.id === S,
-							onSelect: () => C(e.id),
-							onMarkRead: () => M.mutate(e.id),
-							markPending: M.isPending,
+							active: e.id === C,
+							onSelect: () => w(e.id),
+							onMarkRead: () => N.mutate(e.id),
+							markPending: N.isPending,
 							onViewRelationship: e.relationshipId ? () => i(`/relationships/${e.relationshipId}`) : null
 						}, e.id))
-					}), /* @__PURE__ */ V("div", {
+					}), /* @__PURE__ */ H("div", {
 						className: "mt-4 flex items-center justify-between",
-						children: [/* @__PURE__ */ V("p", {
+						children: [/* @__PURE__ */ H("p", {
 							className: "text-xs text-text-secondary",
-							children: [r("inbox.pagination.page", "Page {{page}}", { page: a + 1 }), A ? ` · ${r("inbox.filters.refreshing", "refreshing…")}` : ""]
-						}), /* @__PURE__ */ V("div", {
+							children: [r("inbox.pagination.page", "Page {{page}}", { page: a + 1 }), j ? ` · ${r("inbox.filters.refreshing", "refreshing…")}` : ""]
+						}), /* @__PURE__ */ H("div", {
 							className: "flex gap-2",
-							children: [/* @__PURE__ */ B("button", {
+							children: [/* @__PURE__ */ V("button", {
 								type: "button",
 								disabled: a === 0,
 								onClick: () => {
-									o((e) => Math.max(0, e - 1)), C(null);
+									o((e) => Math.max(0, e - 1)), w(null);
 								},
 								className: t("rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium", a === 0 ? "cursor-not-allowed text-text-secondary opacity-50" : "text-text-primary hover:bg-bg-sunken"),
 								children: r("inbox.pagination.previous", "Previous")
-							}), /* @__PURE__ */ B("button", {
+							}), /* @__PURE__ */ V("button", {
 								type: "button",
-								disabled: !P,
+								disabled: !F,
 								onClick: () => {
-									o((e) => e + 1), C(null);
+									o((e) => e + 1), w(null);
 								},
-								className: t("rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium", P ? "text-text-primary hover:bg-bg-sunken" : "cursor-not-allowed text-text-secondary opacity-50"),
+								className: t("rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium", F ? "text-text-primary hover:bg-bg-sunken" : "cursor-not-allowed text-text-secondary opacity-50"),
 								children: r("inbox.pagination.next", "Next")
 							})]
 						})]
 					})]
-				}), /* @__PURE__ */ B("aside", {
+				}), /* @__PURE__ */ V("aside", {
 					className: "hidden lg:block",
-					children: /* @__PURE__ */ B("div", {
+					children: /* @__PURE__ */ V("div", {
 						className: "lg:sticky lg:top-4",
-						children: /* @__PURE__ */ B(se, {
-							message: z,
-							channel: H,
-							onMarkRead: () => z && M.mutate(z.id),
-							markPending: M.isPending,
-							onViewRelationship: z?.relationshipId ? () => i(`/relationships/${z.relationshipId}`) : null
+						children: /* @__PURE__ */ V(ce, {
+							message: B,
+							channel: U,
+							onMarkRead: () => B && N.mutate(B.id),
+							markPending: N.isPending,
+							onViewRelationship: B?.relationshipId ? () => i(`/relationships/${B.relationshipId}`) : null
 						})
 					})
 				})]
 			}),
-			/* @__PURE__ */ B(ae, {})
+			/* @__PURE__ */ V(oe, {})
 		]
 	});
 }
 //#endregion
-export { ce as InboxPage };
+export { le as InboxPage };
 
 //# sourceMappingURL=InboxPage.js.map