@burdenoff/microfe-subscriberbot 2026.827.1 → 2026.1014.1

package/dist/subscriberbot/pages/InboxPage.js

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