@burdenoff/microfe-subscriberbot 2026.706.1 → 2026.706.2

package/dist/subscriberbot/pages/InboxPage.js

@@ -1,17 +1,18 @@
 import { useSubscriberBot as e } from "../context/SubscriberBotContext.js";
 import { cn as t } from "../utils/cn.js";
 import { PageLayout as n } from "../components/PageLayout.js";
-import { formatRelativeTime as r } from "../utils/formatters.js";
-import { StatusBadge as i } from "../components/StatusBadge.js";
-import { EmptyState as a } from "../components/EmptyState.js";
-import { ErrorView as o, LoadingView as s } from "../components/StateViews.js";
-import { useInboxMessages as c, useMarkMessageRead as l } from "../hooks/useSubscriberBotApi.js";
-import { useState as u } from "react";
-import { AlertTriangle as d, Inbox as f, Mail as p, MailOpen as m } from "lucide-react";
-import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { PagePurpose as v } from "@burdenoff/fe-libs/ui";
+import { formatEnumLabel as r, formatRelativeTime as i } from "../utils/formatters.js";
+import { StatusBadge as a } from "../components/StatusBadge.js";
+import { EmptyState as o } from "../components/EmptyState.js";
+import { ErrorView as s, LoadingView as c, Section as l } from "../components/StateViews.js";
+import { useChannels as u, useCreateChannel as d, useInboxMessages as f, useIngestMessage as p, useMarkMessageRead as m, useVerifyChannel as h } from "../hooks/useSubscriberBotApi.js";
+import { Modal as g } from "../components/Modal.js";
+import { useState as _ } from "react";
+import { AlertTriangle as v, BadgeCheck as y, Inbox as b, Mail as x, MailOpen as S, Plus as C, Radio as w, Send as T } from "lucide-react";
+import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
+import { PagePurpose as k } from "@burdenoff/fe-libs/ui";
 //#region src/subscriberbot/pages/InboxPage.tsx
-var y = 25, b = [
+var A = 25, j = "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)]", M = "mb-1 block text-xs font-medium text-text-secondary", N = [
 	{
 		value: "",
 		label: "All categories"
@@ -44,97 +45,368 @@ var y = 25, b = [
 		value: "OTHER",
 		label: "Other"
 	}
+], P = [
+	"BILLING",
+	"RENEWAL",
+	"REQUIRED_ACTION",
+	"SECURITY_ALERT",
+	"PRODUCT_UPDATE",
+	"MARKETING",
+	"OTHER"
+], F = [
+	"EMAIL",
+	"SMS",
+	"SLACK",
+	"DISCORD",
+	"WHATSAPP",
+	"PUSH",
+	"WEBHOOK"
 ];
-function x() {
-	let { navigateTo: x } = e(), [S, C] = u(0), [w, T] = u(""), [E, D] = u(!1), { data: O, isLoading: k, isError: A, refetch: j, isFetching: M } = c({
-		category: w || void 0,
-		unreadOnly: E || void 0,
+function I({ onClose: e }) {
+	let t = d(), [n, r] = _("EMAIL"), [i, a] = _(""), [o, s] = _(""), [c, l] = _(!0), [u, f] = _(null);
+	return /* @__PURE__ */ D(g, {
+		title: "Add channel",
+		onClose: e,
+		maxWidthClassName: "max-w-xl",
+		children: /* @__PURE__ */ O("form", {
+			onSubmit: (r) => {
+				if (r.preventDefault(), f(null), !i.trim()) {
+					f("An address is required.");
+					return;
+				}
+				t.mutate({
+					type: n,
+					address: i.trim(),
+					ingestEnabled: c,
+					...o.trim() ? { label: o.trim() } : {}
+				}, {
+					onSuccess: () => e(),
+					onError: (e) => f(e instanceof Error ? e.message : "Could not add channel.")
+				});
+			},
+			className: "space-y-4",
+			children: [
+				u && /* @__PURE__ */ D("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: u
+				}),
+				/* @__PURE__ */ O("div", {
+					className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+					children: [/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("label", {
+						htmlFor: "ch-type",
+						className: M,
+						children: "Type"
+					}), /* @__PURE__ */ D("select", {
+						id: "ch-type",
+						value: n,
+						onChange: (e) => r(e.target.value),
+						className: j,
+						children: F.map((e) => /* @__PURE__ */ D("option", {
+							value: e,
+							children: e.replace(/_/g, " ")
+						}, e))
+					})] }), /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("label", {
+						htmlFor: "ch-label",
+						className: M,
+						children: "Label"
+					}), /* @__PURE__ */ D("input", {
+						id: "ch-label",
+						type: "text",
+						value: o,
+						onChange: (e) => s(e.target.value),
+						placeholder: "e.g. Billing inbox",
+						className: j
+					})] })]
+				}),
+				/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ O("label", {
+					htmlFor: "ch-address",
+					className: M,
+					children: ["Address ", /* @__PURE__ */ D("span", {
+						className: "text-status-error-text",
+						children: "*"
+					})]
+				}), /* @__PURE__ */ D("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: j,
+					required: !0
+				})] }),
+				/* @__PURE__ */ O("label", {
+					className: "flex items-center gap-2 text-sm text-text-primary",
+					children: [/* @__PURE__ */ D("input", {
+						type: "checkbox",
+						checked: c,
+						onChange: (e) => l(e.target.checked),
+						className: "size-4 rounded border-border-subtle"
+					}), "Ingest messages from this channel"]
+				}),
+				/* @__PURE__ */ O("div", {
+					className: "flex justify-end gap-3",
+					children: [/* @__PURE__ */ D("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__ */ D("button", {
+						type: "submit",
+						disabled: t.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"
+					})]
+				})
+			]
+		})
+	});
+}
+function L({ channel: e, onClose: t }) {
+	let n = p(), [r, i] = _(""), [a, o] = _(""), [s, c] = _("OTHER"), [l, u] = _(!1), [d, f] = _(null);
+	return /* @__PURE__ */ D(g, {
+		title: "Log test message",
+		description: `Simulate an ingested message from ${e.label || e.address}.`,
+		onClose: t,
+		children: /* @__PURE__ */ O("form", {
+			onSubmit: (i) => {
+				i.preventDefault(), f(null), n.mutate({
+					channelId: e.id,
+					receivedAt: (/* @__PURE__ */ new Date()).toISOString(),
+					category: s,
+					actionRequired: l,
+					...r.trim() ? { subject: r.trim() } : {},
+					...a.trim() ? { preview: a.trim() } : {}
+				}, {
+					onSuccess: () => t(),
+					onError: (e) => f(e instanceof Error ? e.message : "Could not log the message.")
+				});
+			},
+			className: "space-y-4",
+			children: [
+				d && /* @__PURE__ */ D("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
+				}),
+				/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("label", {
+					htmlFor: "msg-subject",
+					className: M,
+					children: "Subject"
+				}), /* @__PURE__ */ D("input", {
+					id: "msg-subject",
+					type: "text",
+					value: r,
+					onChange: (e) => i(e.target.value),
+					placeholder: "e.g. Your plan renews in 3 days",
+					className: j
+				})] }),
+				/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("label", {
+					htmlFor: "msg-preview",
+					className: M,
+					children: "Preview"
+				}), /* @__PURE__ */ D("textarea", {
+					id: "msg-preview",
+					value: a,
+					onChange: (e) => o(e.target.value),
+					rows: 2,
+					className: j
+				})] }),
+				/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("label", {
+					htmlFor: "msg-category",
+					className: M,
+					children: "Category"
+				}), /* @__PURE__ */ D("select", {
+					id: "msg-category",
+					value: s,
+					onChange: (e) => c(e.target.value),
+					className: j,
+					children: P.map((e) => /* @__PURE__ */ D("option", {
+						value: e,
+						children: e.replace(/_/g, " ")
+					}, e))
+				})] }),
+				/* @__PURE__ */ O("label", {
+					className: "flex items-center gap-2 text-sm text-text-primary",
+					children: [/* @__PURE__ */ D("input", {
+						type: "checkbox",
+						checked: l,
+						onChange: (e) => u(e.target.checked),
+						className: "size-4 rounded border-border-subtle"
+					}), "Requires action"]
+				}),
+				/* @__PURE__ */ O("div", {
+					className: "flex justify-end gap-3",
+					children: [/* @__PURE__ */ D("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__ */ D("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",
+						children: n.isPending ? "Logging…" : "Log message"
+					})]
+				})
+			]
+		})
+	});
+}
+function R() {
+	let { data: e, isLoading: t, isError: n, refetch: i } = u(), d = h(), [f, p] = _(!1), [m, g] = _(null), v = e ?? [];
+	return /* @__PURE__ */ O(l, {
+		title: "Ingest channels",
+		description: "The sources the Universal Inbox pulls subscription communication from",
+		action: /* @__PURE__ */ O("button", {
+			type: "button",
+			onClick: () => p(!0),
+			className: "inline-flex items-center gap-1.5 rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-bg-sunken",
+			children: [/* @__PURE__ */ D(C, { className: "h-3.5 w-3.5" }), " Add channel"]
+		}),
+		children: [
+			t ? /* @__PURE__ */ D(c, { label: "Loading channels…" }) : n ? /* @__PURE__ */ D(s, {
+				message: "Could not load channels.",
+				onRetry: () => void i()
+			}) : v.length === 0 ? /* @__PURE__ */ D(o, {
+				illustration: "empty-data",
+				icon: /* @__PURE__ */ D(w, { className: "h-12 w-12" }),
+				title: "No channels yet",
+				description: "Add an email, SMS, Slack or webhook channel to start ingesting subscription communication."
+			}) : /* @__PURE__ */ D("div", {
+				className: "divide-y divide-border-subtle rounded-lg border border-border-subtle bg-bg-surface",
+				children: v.map((e) => /* @__PURE__ */ O("div", {
+					className: "flex items-center justify-between gap-3 p-3",
+					children: [/* @__PURE__ */ O("div", {
+						className: "flex min-w-0 items-center gap-2",
+						children: [/* @__PURE__ */ D(w, { className: "h-4 w-4 shrink-0 text-text-secondary" }), /* @__PURE__ */ O("div", {
+							className: "min-w-0",
+							children: [/* @__PURE__ */ D("p", {
+								className: "truncate text-sm font-medium text-text-primary",
+								children: e.label || e.address
+							}), /* @__PURE__ */ O("p", {
+								className: "text-xs text-text-secondary",
+								children: [r(e.type), e.label ? ` · ${e.address}` : ""]
+							})]
+						})]
+					}), /* @__PURE__ */ O("div", {
+						className: "flex shrink-0 items-center gap-2",
+						children: [
+							/* @__PURE__ */ D(a, { status: e.status }),
+							e.status === "PENDING" && /* @__PURE__ */ O("button", {
+								type: "button",
+								disabled: d.isPending,
+								onClick: () => d.mutate(e.id),
+								className: "inline-flex items-center gap-1 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: [/* @__PURE__ */ D(y, { className: "h-3.5 w-3.5" }), " Verify"]
+							}),
+							e.status === "VERIFIED" && e.ingestEnabled && /* @__PURE__ */ O("button", {
+								type: "button",
+								onClick: () => g(e),
+								className: "inline-flex items-center gap-1 rounded-lg border border-border-subtle px-2.5 py-1 text-xs font-medium text-text-primary hover:bg-bg-sunken",
+								children: [/* @__PURE__ */ D(T, { className: "h-3.5 w-3.5" }), " Log test message"]
+							})
+						]
+					})]
+				}, e.id))
+			}),
+			f && /* @__PURE__ */ D(I, { onClose: () => p(!1) }),
+			m && /* @__PURE__ */ D(L, {
+				channel: m,
+				onClose: () => g(null)
+			})
+		]
+	});
+}
+function z() {
+	let { navigateTo: r } = e(), [l, u] = _(0), [d, p] = _(""), [h, g] = _(!1), { data: y, isLoading: C, isError: w, refetch: T, isFetching: j } = f({
+		category: d || void 0,
+		unreadOnly: h || void 0,
 		pagination: {
-			limit: y,
-			offset: S * y
+			limit: A,
+			offset: l * A
 		}
-	}), N = l(), P = O?.items ?? [], F = O?.pageInfo.hasMore ?? !1;
-	return /* @__PURE__ */ _(n, {
+	}), M = m(), P = y?.items ?? [], F = y?.pageInfo.hasMore ?? !1;
+	return /* @__PURE__ */ O(n, {
 		title: "Universal Inbox",
 		description: "Every subscription communication, merged and categorized",
 		children: [
-			/* @__PURE__ */ g(v, {
+			/* @__PURE__ */ D(k, {
 				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."
 			}),
-			/* @__PURE__ */ _("div", {
+			/* @__PURE__ */ O("div", {
 				className: "flex flex-wrap items-center gap-3",
-				children: [/* @__PURE__ */ g("select", {
-					value: w,
+				children: [/* @__PURE__ */ D("select", {
+					"aria-label": "Filter by category",
+					value: d,
 					onChange: (e) => {
-						T(e.target.value), C(0);
+						p(e.target.value), u(0);
 					},
 					className: "rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-xs text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
-					children: b.map((e) => /* @__PURE__ */ g("option", {
+					children: N.map((e) => /* @__PURE__ */ D("option", {
 						value: e.value,
 						children: e.label
 					}, e.value))
-				}), /* @__PURE__ */ _("label", {
+				}), /* @__PURE__ */ O("label", {
 					className: "flex items-center gap-2 text-sm text-text-primary",
-					children: [/* @__PURE__ */ g("input", {
+					children: [/* @__PURE__ */ D("input", {
 						type: "checkbox",
-						checked: E,
+						checked: h,
 						onChange: (e) => {
-							D(e.target.checked), C(0);
+							g(e.target.checked), u(0);
 						},
 						className: "size-4 rounded border-border-subtle"
 					}), "Unread only"]
 				})]
 			}),
-			k ? /* @__PURE__ */ g(s, { label: "Loading inbox…" }) : A ? /* @__PURE__ */ g(o, {
+			C ? /* @__PURE__ */ D(c, { label: "Loading inbox…" }) : w ? /* @__PURE__ */ D(s, {
 				message: "Could not load the inbox.",
-				onRetry: () => void j()
-			}) : P.length === 0 ? /* @__PURE__ */ g("div", {
+				onRetry: () => void T()
+			}) : P.length === 0 ? /* @__PURE__ */ D("div", {
 				className: "mt-6",
-				children: /* @__PURE__ */ g(a, {
+				children: /* @__PURE__ */ D(o, {
 					illustration: "empty-inbox",
-					icon: /* @__PURE__ */ g(f, { className: "h-12 w-12" }),
+					icon: /* @__PURE__ */ D(b, { className: "h-12 w-12" }),
 					title: "Inbox is empty",
-					description: E || w ? "No messages match these filters." : "Merged subscription communications will appear here once channels start ingesting."
+					description: h || d ? "No messages match these filters." : "Merged subscription communications will appear here once channels start ingesting."
 				})
-			}) : /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("div", {
+			}) : /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D("div", {
 				className: "mt-6 divide-y divide-border-subtle rounded-lg border border-border-subtle bg-bg-surface",
-				children: P.map((e) => /* @__PURE__ */ _("div", {
+				children: P.map((e) => /* @__PURE__ */ O("div", {
 					className: t("flex items-start gap-3 p-4", !e.isRead && "bg-accent-wash"),
 					children: [
-						/* @__PURE__ */ g("span", {
+						/* @__PURE__ */ D("span", {
 							className: "mt-0.5 shrink-0 text-text-secondary",
-							children: e.isRead ? /* @__PURE__ */ g(m, { className: "h-4 w-4" }) : /* @__PURE__ */ g(p, { className: "h-4 w-4 text-text-link" })
+							children: e.isRead ? /* @__PURE__ */ D(S, { className: "h-4 w-4" }) : /* @__PURE__ */ D(x, { className: "h-4 w-4 text-text-link" })
 						}),
-						/* @__PURE__ */ _("div", {
+						/* @__PURE__ */ O("div", {
 							className: "min-w-0 flex-1",
 							children: [
-								/* @__PURE__ */ _("div", {
+								/* @__PURE__ */ O("div", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ g("p", {
+									children: [/* @__PURE__ */ D("p", {
 										className: t("truncate text-sm", e.isRead ? "font-normal text-text-primary" : "font-semibold text-text-primary"),
 										children: e.subject || "(no subject)"
-									}), e.actionRequired && /* @__PURE__ */ _("span", {
+									}), e.actionRequired && /* @__PURE__ */ O("span", {
 										title: "Action required",
 										className: "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",
-										children: [/* @__PURE__ */ g(d, { className: "h-3 w-3" }), " Action"]
+										children: [/* @__PURE__ */ D(v, { className: "h-3 w-3" }), " Action"]
 									})]
 								}),
-								e.preview && /* @__PURE__ */ g("p", {
+								e.preview && /* @__PURE__ */ D("p", {
 									className: "mt-0.5 line-clamp-2 text-xs text-text-secondary",
 									children: e.preview
 								}),
-								/* @__PURE__ */ _("div", {
+								/* @__PURE__ */ O("div", {
 									className: "mt-1.5 flex flex-wrap items-center gap-2",
 									children: [
-										/* @__PURE__ */ g(i, { status: e.category }),
-										/* @__PURE__ */ g("span", {
+										/* @__PURE__ */ D(a, { status: e.category }),
+										/* @__PURE__ */ D("span", {
 											className: "text-xs text-text-secondary",
-											children: r(e.receivedAt)
+											children: i(e.receivedAt)
 										}),
-										e.relationshipId && /* @__PURE__ */ g("button", {
+										e.relationshipId && /* @__PURE__ */ D("button", {
 											type: "button",
-											onClick: () => x(`/relationships/${e.relationshipId}`),
+											onClick: () => r(`/relationships/${e.relationshipId}`),
 											className: "text-xs font-medium text-text-link hover:underline",
 											children: "View relationship"
 										})
@@ -142,45 +414,46 @@ function x() {
 								})
 							]
 						}),
-						!e.isRead && /* @__PURE__ */ g("button", {
+						!e.isRead && /* @__PURE__ */ D("button", {
 							type: "button",
-							disabled: N.isPending,
-							onClick: () => N.mutate(e.id),
+							disabled: M.isPending,
+							onClick: () => M.mutate(e.id),
 							className: "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"
 						})
 					]
 				}, e.id))
-			}), /* @__PURE__ */ _("div", {
+			}), /* @__PURE__ */ O("div", {
 				className: "mt-4 flex items-center justify-between",
-				children: [/* @__PURE__ */ _("p", {
+				children: [/* @__PURE__ */ O("p", {
 					className: "text-xs text-text-secondary",
 					children: [
 						"Page ",
-						S + 1,
-						M ? " · refreshing…" : ""
+						l + 1,
+						j ? " · refreshing…" : ""
 					]
-				}), /* @__PURE__ */ _("div", {
+				}), /* @__PURE__ */ O("div", {
 					className: "flex gap-2",
-					children: [/* @__PURE__ */ g("button", {
+					children: [/* @__PURE__ */ D("button", {
 						type: "button",
-						disabled: S === 0,
-						onClick: () => C((e) => Math.max(0, e - 1)),
-						className: t("rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium", S === 0 ? "cursor-not-allowed text-text-secondary opacity-50" : "text-text-primary hover:bg-bg-sunken"),
+						disabled: l === 0,
+						onClick: () => u((e) => Math.max(0, e - 1)),
+						className: t("rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium", l === 0 ? "cursor-not-allowed text-text-secondary opacity-50" : "text-text-primary hover:bg-bg-sunken"),
 						children: "Previous"
-					}), /* @__PURE__ */ g("button", {
+					}), /* @__PURE__ */ D("button", {
 						type: "button",
 						disabled: !F,
-						onClick: () => C((e) => e + 1),
+						onClick: () => u((e) => e + 1),
 						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: "Next"
 					})]
 				})]
-			})] })
+			})] }),
+			/* @__PURE__ */ D(R, {})
 		]
 	});
 }
 //#endregion
-export { x as InboxPage };
+export { z as InboxPage };
 
 //# sourceMappingURL=InboxPage.js.map

package/dist/subscriberbot/pages/InboxPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"InboxPage.js","names":[],"sources":["../../../src/subscriberbot/pages/InboxPage.tsx"],"sourcesContent":["/**\n * Universal Inbox\n * @module subscriberbot/pages\n *\n * Every merged subscription communication in one timeline, AI-categorized.\n * Filter by category / unread, mark messages read. Reads\n * `subListInboxMessages` (a SubInboxMessageConnection); writes\n * `subMarkMessageRead`.\n */\n\nimport { useState } from 'react';\nimport { Mail, MailOpen, AlertTriangle, Inbox as InboxIcon } from 'lucide-react';\nimport { PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../components/PageLayout';\nimport { StatusBadge } from '../components/StatusBadge';\nimport { EmptyState } from '../components/EmptyState';\nimport { LoadingView, ErrorView } from '../components/StateViews';\nimport { useSubscriberBot } from '../context/SubscriberBotContext';\nimport { useInboxMessages, useMarkMessageRead } from '../hooks/useSubscriberBotApi';\nimport { cn } from '../utils/cn';\nimport { formatRelativeTime } from '../utils/formatters';\nimport type { SubMessageCategory } from '../types';\n\nconst PAGE_SIZE = 25;\n\nconst CATEGORY_OPTIONS: Array<{ value: '' | SubMessageCategory; label: string }> = [\n  { value: '', label: 'All categories' },\n  { value: 'BILLING', label: 'Billing' },\n  { value: 'RENEWAL', label: 'Renewals' },\n  { value: 'REQUIRED_ACTION', label: 'Required actions' },\n  { value: 'SECURITY_ALERT', label: 'Security alerts' },\n  { value: 'PRODUCT_UPDATE', label: 'Product updates' },\n  { value: 'MARKETING', label: 'Marketing' },\n  { value: 'OTHER', label: 'Other' },\n];\n\nexport function InboxPage() {\n  const { navigateTo } = useSubscriberBot();\n  const [page, setPage] = useState(0);\n  const [category, setCategory] = useState<'' | SubMessageCategory>('');\n  const [unreadOnly, setUnreadOnly] = useState(false);\n\n  const { data, isLoading, isError, refetch, isFetching } = useInboxMessages({\n    category: category || undefined,\n    unreadOnly: unreadOnly || undefined,\n    pagination: { limit: PAGE_SIZE, offset: page * PAGE_SIZE },\n  });\n  const markRead = useMarkMessageRead();\n\n  const items = data?.items ?? [];\n  const hasMore = data?.pageInfo.hasMore ?? false;\n\n  return (\n    <PageLayout\n      title=\"Universal Inbox\"\n      description=\"Every subscription communication, merged and categorized\"\n    >\n      <PagePurpose className=\"mb-4\">\n        Subscription communication is noisy and scattered. The Universal Inbox merges every channel\n        a provider uses and uses AI to categorize each message so you never miss a renewal, required\n        action or security notice.\n      </PagePurpose>\n\n      <div className=\"flex flex-wrap items-center gap-3\">\n        <select\n          value={category}\n          onChange={(e) => {\n            setCategory(e.target.value as '' | SubMessageCategory);\n            setPage(0);\n          }}\n          className=\"rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-xs text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n        >\n          {CATEGORY_OPTIONS.map((o) => (\n            <option key={o.value} value={o.value}>\n              {o.label}\n            </option>\n          ))}\n        </select>\n        <label className=\"flex items-center gap-2 text-sm text-text-primary\">\n          <input\n            type=\"checkbox\"\n            checked={unreadOnly}\n            onChange={(e) => {\n              setUnreadOnly(e.target.checked);\n              setPage(0);\n            }}\n            className=\"size-4 rounded border-border-subtle\"\n          />\n          Unread only\n        </label>\n      </div>\n\n      {isLoading ? (\n        <LoadingView label=\"Loading inbox…\" />\n      ) : isError ? (\n        <ErrorView message=\"Could not load the inbox.\" onRetry={() => void refetch()} />\n      ) : items.length === 0 ? (\n        <div className=\"mt-6\">\n          <EmptyState\n            illustration=\"empty-inbox\"\n            icon={<InboxIcon className=\"h-12 w-12\" />}\n            title=\"Inbox is empty\"\n            description={\n              unreadOnly || category\n                ? 'No messages match these filters.'\n                : 'Merged subscription communications will appear here once channels start ingesting.'\n            }\n          />\n        </div>\n      ) : (\n        <>\n          <div className=\"mt-6 divide-y divide-border-subtle rounded-lg border border-border-subtle bg-bg-surface\">\n            {items.map((m) => (\n              <div\n                key={m.id}\n                className={cn('flex items-start gap-3 p-4', !m.isRead && 'bg-accent-wash')}\n              >\n                <span className=\"mt-0.5 shrink-0 text-text-secondary\">\n                  {m.isRead ? (\n                    <MailOpen className=\"h-4 w-4\" />\n                  ) : (\n                    <Mail className=\"h-4 w-4 text-text-link\" />\n                  )}\n                </span>\n                <div className=\"min-w-0 flex-1\">\n                  <div className=\"flex items-center gap-2\">\n                    <p\n                      className={cn(\n                        'truncate text-sm',\n                        m.isRead\n                          ? 'font-normal text-text-primary'\n                          : 'font-semibold text-text-primary'\n                      )}\n                    >\n                      {m.subject || '(no subject)'}\n                    </p>\n                    {m.actionRequired && (\n                      <span\n                        title=\"Action required\"\n                        className=\"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\"\n                      >\n                        <AlertTriangle className=\"h-3 w-3\" /> Action\n                      </span>\n                    )}\n                  </div>\n                  {m.preview && (\n                    <p className=\"mt-0.5 line-clamp-2 text-xs text-text-secondary\">{m.preview}</p>\n                  )}\n                  <div className=\"mt-1.5 flex flex-wrap items-center gap-2\">\n                    <StatusBadge status={m.category} />\n                    <span className=\"text-xs text-text-secondary\">\n                      {formatRelativeTime(m.receivedAt)}\n                    </span>\n                    {m.relationshipId && (\n                      <button\n                        type=\"button\"\n                        onClick={() => navigateTo(`/relationships/${m.relationshipId}`)}\n                        className=\"text-xs font-medium text-text-link hover:underline\"\n                      >\n                        View relationship\n                      </button>\n                    )}\n                  </div>\n                </div>\n                {!m.isRead && (\n                  <button\n                    type=\"button\"\n                    disabled={markRead.isPending}\n                    onClick={() => markRead.mutate(m.id)}\n                    className=\"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\"\n                  >\n                    Mark read\n                  </button>\n                )}\n              </div>\n            ))}\n          </div>\n\n          <div className=\"mt-4 flex items-center justify-between\">\n            <p className=\"text-xs text-text-secondary\">\n              Page {page + 1}\n              {isFetching ? ' · refreshing…' : ''}\n            </p>\n            <div className=\"flex gap-2\">\n              <button\n                type=\"button\"\n                disabled={page === 0}\n                onClick={() => setPage((p) => Math.max(0, p - 1))}\n                className={cn(\n                  'rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium',\n                  page === 0\n                    ? 'cursor-not-allowed text-text-secondary opacity-50'\n                    : 'text-text-primary hover:bg-bg-sunken'\n                )}\n              >\n                Previous\n              </button>\n              <button\n                type=\"button\"\n                disabled={!hasMore}\n                onClick={() => setPage((p) => p + 1)}\n                className={cn(\n                  'rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium',\n                  !hasMore\n                    ? 'cursor-not-allowed text-text-secondary opacity-50'\n                    : 'text-text-primary hover:bg-bg-sunken'\n                )}\n              >\n                Next\n              </button>\n            </div>\n          </div>\n        </>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"InboxPage.js","names":[],"sources":["../../../src/subscriberbot/pages/InboxPage.tsx"],"sourcesContent":["/**\n * Universal Inbox\n * @module subscriberbot/pages\n *\n * Every merged subscription communication in one timeline, AI-categorized,\n * plus management of the ingest channels that feed it. Filter by category /\n * unread, mark messages read, add & verify channels, and log a test message.\n * Reads `subListInboxMessages` / `subListChannels`; writes `subMarkMessageRead`,\n * `subCreateChannel`, `subVerifyChannel`, `subIngestMessage`.\n */\n\nimport { useState } from 'react';\nimport {\n  Mail,\n  MailOpen,\n  AlertTriangle,\n  Inbox as InboxIcon,\n  Plus,\n  Radio,\n  BadgeCheck,\n  Send,\n} from 'lucide-react';\nimport { PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../components/PageLayout';\nimport { StatusBadge } from '../components/StatusBadge';\nimport { EmptyState } from '../components/EmptyState';\nimport { Modal } from '../components/Modal';\nimport { LoadingView, ErrorView, Section } from '../components/StateViews';\nimport { useSubscriberBot } from '../context/SubscriberBotContext';\nimport {\n  useInboxMessages,\n  useMarkMessageRead,\n  useChannels,\n  useCreateChannel,\n  useVerifyChannel,\n  useIngestMessage,\n} from '../hooks/useSubscriberBotApi';\nimport { cn } from '../utils/cn';\nimport { formatEnumLabel, formatRelativeTime } from '../utils/formatters';\nimport type { SubChannelType, SubCommunicationChannel, SubMessageCategory } from '../types';\n\nconst PAGE_SIZE = 25;\n\nconst inputCls =\n  '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)]';\nconst labelCls = 'mb-1 block text-xs font-medium text-text-secondary';\n\nconst CATEGORY_OPTIONS: Array<{ value: '' | SubMessageCategory; label: string }> = [\n  { value: '', label: 'All categories' },\n  { value: 'BILLING', label: 'Billing' },\n  { value: 'RENEWAL', label: 'Renewals' },\n  { value: 'REQUIRED_ACTION', label: 'Required actions' },\n  { value: 'SECURITY_ALERT', label: 'Security alerts' },\n  { value: 'PRODUCT_UPDATE', label: 'Product updates' },\n  { value: 'MARKETING', label: 'Marketing' },\n  { value: 'OTHER', label: 'Other' },\n];\n\nconst MESSAGE_CATEGORIES: SubMessageCategory[] = [\n  'BILLING',\n  'RENEWAL',\n  'REQUIRED_ACTION',\n  'SECURITY_ALERT',\n  'PRODUCT_UPDATE',\n  'MARKETING',\n  'OTHER',\n];\n\nconst CHANNEL_TYPES: SubChannelType[] = [\n  'EMAIL',\n  'SMS',\n  'SLACK',\n  'DISCORD',\n  'WHATSAPP',\n  'PUSH',\n  'WEBHOOK',\n];\n\n// ---------------------------------------------------------------------------\n// Add channel modal → subCreateChannel\n// ---------------------------------------------------------------------------\n\nfunction AddChannelModal({ onClose }: { onClose: () => void }) {\n  const create = useCreateChannel();\n  const [type, setType] = useState<SubChannelType>('EMAIL');\n  const [address, setAddress] = useState('');\n  const [label, setLabel] = useState('');\n  const [ingestEnabled, setIngestEnabled] = useState(true);\n  const [formError, setFormError] = useState<string | null>(null);\n\n  const handleSubmit = (e: React.FormEvent) => {\n    e.preventDefault();\n    setFormError(null);\n    if (!address.trim()) {\n      setFormError('An address is required.');\n      return;\n    }\n    create.mutate(\n      {\n        type,\n        address: address.trim(),\n        ingestEnabled,\n        ...(label.trim() ? { label: label.trim() } : {}),\n      },\n      {\n        onSuccess: () => onClose(),\n        onError: (err) =>\n          setFormError(err instanceof Error ? err.message : 'Could not add channel.'),\n      }\n    );\n  };\n\n  return (\n    <Modal title=\"Add channel\" onClose={onClose} maxWidthClassName=\"max-w-xl\">\n      <form onSubmit={handleSubmit} className=\"space-y-4\">\n        {formError && (\n          <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\">\n            {formError}\n          </div>\n        )}\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n          <div>\n            <label htmlFor=\"ch-type\" className={labelCls}>\n              Type\n            </label>\n            <select\n              id=\"ch-type\"\n              value={type}\n              onChange={(e) => setType(e.target.value as SubChannelType)}\n              className={inputCls}\n            >\n              {CHANNEL_TYPES.map((t) => (\n                <option key={t} value={t}>\n                  {t.replace(/_/g, ' ')}\n                </option>\n              ))}\n            </select>\n          </div>\n          <div>\n            <label htmlFor=\"ch-label\" className={labelCls}>\n              Label\n            </label>\n            <input\n              id=\"ch-label\"\n              type=\"text\"\n              value={label}\n              onChange={(e) => setLabel(e.target.value)}\n              placeholder=\"e.g. Billing inbox\"\n              className={inputCls}\n            />\n          </div>\n        </div>\n        <div>\n          <label htmlFor=\"ch-address\" className={labelCls}>\n            Address <span className=\"text-status-error-text\">*</span>\n          </label>\n          <input\n            id=\"ch-address\"\n            type=\"text\"\n            value={address}\n            onChange={(e) => setAddress(e.target.value)}\n            placeholder=\"e.g. billing@acme.com, +1…, a webhook URL\"\n            className={inputCls}\n            required\n          />\n        </div>\n        <label className=\"flex items-center gap-2 text-sm text-text-primary\">\n          <input\n            type=\"checkbox\"\n            checked={ingestEnabled}\n            onChange={(e) => setIngestEnabled(e.target.checked)}\n            className=\"size-4 rounded border-border-subtle\"\n          />\n          Ingest messages from this channel\n        </label>\n        <div className=\"flex justify-end gap-3\">\n          <button\n            type=\"button\"\n            onClick={onClose}\n            className=\"rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken\"\n          >\n            Cancel\n          </button>\n          <button\n            type=\"submit\"\n            disabled={create.isPending}\n            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\"\n          >\n            {create.isPending ? 'Adding…' : 'Add channel'}\n          </button>\n        </div>\n      </form>\n    </Modal>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Log test message modal → subIngestMessage\n// ---------------------------------------------------------------------------\n\nfunction LogMessageModal({\n  channel,\n  onClose,\n}: {\n  channel: SubCommunicationChannel;\n  onClose: () => void;\n}) {\n  const ingest = useIngestMessage();\n  const [subject, setSubject] = useState('');\n  const [preview, setPreview] = useState('');\n  const [category, setCategory] = useState<SubMessageCategory>('OTHER');\n  const [actionRequired, setActionRequired] = useState(false);\n  const [formError, setFormError] = useState<string | null>(null);\n\n  const handleSubmit = (e: React.FormEvent) => {\n    e.preventDefault();\n    setFormError(null);\n    ingest.mutate(\n      {\n        channelId: channel.id,\n        receivedAt: new Date().toISOString(),\n        category,\n        actionRequired,\n        ...(subject.trim() ? { subject: subject.trim() } : {}),\n        ...(preview.trim() ? { preview: preview.trim() } : {}),\n      },\n      {\n        onSuccess: () => onClose(),\n        onError: (err) =>\n          setFormError(err instanceof Error ? err.message : 'Could not log the message.'),\n      }\n    );\n  };\n\n  return (\n    <Modal\n      title=\"Log test message\"\n      description={`Simulate an ingested message from ${channel.label || channel.address}.`}\n      onClose={onClose}\n    >\n      <form onSubmit={handleSubmit} className=\"space-y-4\">\n        {formError && (\n          <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\">\n            {formError}\n          </div>\n        )}\n        <div>\n          <label htmlFor=\"msg-subject\" className={labelCls}>\n            Subject\n          </label>\n          <input\n            id=\"msg-subject\"\n            type=\"text\"\n            value={subject}\n            onChange={(e) => setSubject(e.target.value)}\n            placeholder=\"e.g. Your plan renews in 3 days\"\n            className={inputCls}\n          />\n        </div>\n        <div>\n          <label htmlFor=\"msg-preview\" className={labelCls}>\n            Preview\n          </label>\n          <textarea\n            id=\"msg-preview\"\n            value={preview}\n            onChange={(e) => setPreview(e.target.value)}\n            rows={2}\n            className={inputCls}\n          />\n        </div>\n        <div>\n          <label htmlFor=\"msg-category\" className={labelCls}>\n            Category\n          </label>\n          <select\n            id=\"msg-category\"\n            value={category}\n            onChange={(e) => setCategory(e.target.value as SubMessageCategory)}\n            className={inputCls}\n          >\n            {MESSAGE_CATEGORIES.map((c) => (\n              <option key={c} value={c}>\n                {c.replace(/_/g, ' ')}\n              </option>\n            ))}\n          </select>\n        </div>\n        <label className=\"flex items-center gap-2 text-sm text-text-primary\">\n          <input\n            type=\"checkbox\"\n            checked={actionRequired}\n            onChange={(e) => setActionRequired(e.target.checked)}\n            className=\"size-4 rounded border-border-subtle\"\n          />\n          Requires action\n        </label>\n        <div className=\"flex justify-end gap-3\">\n          <button\n            type=\"button\"\n            onClick={onClose}\n            className=\"rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken\"\n          >\n            Cancel\n          </button>\n          <button\n            type=\"submit\"\n            disabled={ingest.isPending}\n            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\"\n          >\n            {ingest.isPending ? 'Logging…' : 'Log message'}\n          </button>\n        </div>\n      </form>\n    </Modal>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Channels management panel\n// ---------------------------------------------------------------------------\n\nfunction ChannelsSection() {\n  const { data, isLoading, isError, refetch } = useChannels();\n  const verify = useVerifyChannel();\n  const [showAdd, setShowAdd] = useState(false);\n  const [logChannel, setLogChannel] = useState<SubCommunicationChannel | null>(null);\n\n  const channels = data ?? [];\n\n  return (\n    <Section\n      title=\"Ingest channels\"\n      description=\"The sources the Universal Inbox pulls subscription communication from\"\n      action={\n        <button\n          type=\"button\"\n          onClick={() => setShowAdd(true)}\n          className=\"inline-flex items-center gap-1.5 rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-bg-sunken\"\n        >\n          <Plus className=\"h-3.5 w-3.5\" /> Add channel\n        </button>\n      }\n    >\n      {isLoading ? (\n        <LoadingView label=\"Loading channels…\" />\n      ) : isError ? (\n        <ErrorView message=\"Could not load channels.\" onRetry={() => void refetch()} />\n      ) : channels.length === 0 ? (\n        <EmptyState\n          illustration=\"empty-data\"\n          icon={<Radio className=\"h-12 w-12\" />}\n          title=\"No channels yet\"\n          description=\"Add an email, SMS, Slack or webhook channel to start ingesting subscription communication.\"\n        />\n      ) : (\n        <div className=\"divide-y divide-border-subtle rounded-lg border border-border-subtle bg-bg-surface\">\n          {channels.map((ch) => (\n            <div key={ch.id} className=\"flex items-center justify-between gap-3 p-3\">\n              <div className=\"flex min-w-0 items-center gap-2\">\n                <Radio className=\"h-4 w-4 shrink-0 text-text-secondary\" />\n                <div className=\"min-w-0\">\n                  <p className=\"truncate text-sm font-medium text-text-primary\">\n                    {ch.label || ch.address}\n                  </p>\n                  <p className=\"text-xs text-text-secondary\">\n                    {formatEnumLabel(ch.type)}\n                    {ch.label ? ` · ${ch.address}` : ''}\n                  </p>\n                </div>\n              </div>\n              <div className=\"flex shrink-0 items-center gap-2\">\n                <StatusBadge status={ch.status} />\n                {ch.status === 'PENDING' && (\n                  <button\n                    type=\"button\"\n                    disabled={verify.isPending}\n                    onClick={() => verify.mutate(ch.id)}\n                    className=\"inline-flex items-center gap-1 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\"\n                  >\n                    <BadgeCheck className=\"h-3.5 w-3.5\" /> Verify\n                  </button>\n                )}\n                {ch.status === 'VERIFIED' && ch.ingestEnabled && (\n                  <button\n                    type=\"button\"\n                    onClick={() => setLogChannel(ch)}\n                    className=\"inline-flex items-center gap-1 rounded-lg border border-border-subtle px-2.5 py-1 text-xs font-medium text-text-primary hover:bg-bg-sunken\"\n                  >\n                    <Send className=\"h-3.5 w-3.5\" /> Log test message\n                  </button>\n                )}\n              </div>\n            </div>\n          ))}\n        </div>\n      )}\n\n      {showAdd && <AddChannelModal onClose={() => setShowAdd(false)} />}\n      {logChannel && <LogMessageModal channel={logChannel} onClose={() => setLogChannel(null)} />}\n    </Section>\n  );\n}\n\nexport function InboxPage() {\n  const { navigateTo } = useSubscriberBot();\n  const [page, setPage] = useState(0);\n  const [category, setCategory] = useState<'' | SubMessageCategory>('');\n  const [unreadOnly, setUnreadOnly] = useState(false);\n\n  const { data, isLoading, isError, refetch, isFetching } = useInboxMessages({\n    category: category || undefined,\n    unreadOnly: unreadOnly || undefined,\n    pagination: { limit: PAGE_SIZE, offset: page * PAGE_SIZE },\n  });\n  const markRead = useMarkMessageRead();\n\n  const items = data?.items ?? [];\n  const hasMore = data?.pageInfo.hasMore ?? false;\n\n  return (\n    <PageLayout\n      title=\"Universal Inbox\"\n      description=\"Every subscription communication, merged and categorized\"\n    >\n      <PagePurpose className=\"mb-4\">\n        Subscription communication is noisy and scattered. The Universal Inbox merges every channel\n        a provider uses and uses AI to categorize each message so you never miss a renewal, required\n        action or security notice.\n      </PagePurpose>\n\n      <div className=\"flex flex-wrap items-center gap-3\">\n        <select\n          aria-label=\"Filter by category\"\n          value={category}\n          onChange={(e) => {\n            setCategory(e.target.value as '' | SubMessageCategory);\n            setPage(0);\n          }}\n          className=\"rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-xs text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n        >\n          {CATEGORY_OPTIONS.map((o) => (\n            <option key={o.value} value={o.value}>\n              {o.label}\n            </option>\n          ))}\n        </select>\n        <label className=\"flex items-center gap-2 text-sm text-text-primary\">\n          <input\n            type=\"checkbox\"\n            checked={unreadOnly}\n            onChange={(e) => {\n              setUnreadOnly(e.target.checked);\n              setPage(0);\n            }}\n            className=\"size-4 rounded border-border-subtle\"\n          />\n          Unread only\n        </label>\n      </div>\n\n      {isLoading ? (\n        <LoadingView label=\"Loading inbox…\" />\n      ) : isError ? (\n        <ErrorView message=\"Could not load the inbox.\" onRetry={() => void refetch()} />\n      ) : items.length === 0 ? (\n        <div className=\"mt-6\">\n          <EmptyState\n            illustration=\"empty-inbox\"\n            icon={<InboxIcon className=\"h-12 w-12\" />}\n            title=\"Inbox is empty\"\n            description={\n              unreadOnly || category\n                ? 'No messages match these filters.'\n                : 'Merged subscription communications will appear here once channels start ingesting.'\n            }\n          />\n        </div>\n      ) : (\n        <>\n          <div className=\"mt-6 divide-y divide-border-subtle rounded-lg border border-border-subtle bg-bg-surface\">\n            {items.map((m) => (\n              <div\n                key={m.id}\n                className={cn('flex items-start gap-3 p-4', !m.isRead && 'bg-accent-wash')}\n              >\n                <span className=\"mt-0.5 shrink-0 text-text-secondary\">\n                  {m.isRead ? (\n                    <MailOpen className=\"h-4 w-4\" />\n                  ) : (\n                    <Mail className=\"h-4 w-4 text-text-link\" />\n                  )}\n                </span>\n                <div className=\"min-w-0 flex-1\">\n                  <div className=\"flex items-center gap-2\">\n                    <p\n                      className={cn(\n                        'truncate text-sm',\n                        m.isRead\n                          ? 'font-normal text-text-primary'\n                          : 'font-semibold text-text-primary'\n                      )}\n                    >\n                      {m.subject || '(no subject)'}\n                    </p>\n                    {m.actionRequired && (\n                      <span\n                        title=\"Action required\"\n                        className=\"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\"\n                      >\n                        <AlertTriangle className=\"h-3 w-3\" /> Action\n                      </span>\n                    )}\n                  </div>\n                  {m.preview && (\n                    <p className=\"mt-0.5 line-clamp-2 text-xs text-text-secondary\">{m.preview}</p>\n                  )}\n                  <div className=\"mt-1.5 flex flex-wrap items-center gap-2\">\n                    <StatusBadge status={m.category} />\n                    <span className=\"text-xs text-text-secondary\">\n                      {formatRelativeTime(m.receivedAt)}\n                    </span>\n                    {m.relationshipId && (\n                      <button\n                        type=\"button\"\n                        onClick={() => navigateTo(`/relationships/${m.relationshipId}`)}\n                        className=\"text-xs font-medium text-text-link hover:underline\"\n                      >\n                        View relationship\n                      </button>\n                    )}\n                  </div>\n                </div>\n                {!m.isRead && (\n                  <button\n                    type=\"button\"\n                    disabled={markRead.isPending}\n                    onClick={() => markRead.mutate(m.id)}\n                    className=\"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\"\n                  >\n                    Mark read\n                  </button>\n                )}\n              </div>\n            ))}\n          </div>\n\n          <div className=\"mt-4 flex items-center justify-between\">\n            <p className=\"text-xs text-text-secondary\">\n              Page {page + 1}\n              {isFetching ? ' · refreshing…' : ''}\n            </p>\n            <div className=\"flex gap-2\">\n              <button\n                type=\"button\"\n                disabled={page === 0}\n                onClick={() => setPage((p) => Math.max(0, p - 1))}\n                className={cn(\n                  'rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium',\n                  page === 0\n                    ? 'cursor-not-allowed text-text-secondary opacity-50'\n                    : 'text-text-primary hover:bg-bg-sunken'\n                )}\n              >\n                Previous\n              </button>\n              <button\n                type=\"button\"\n                disabled={!hasMore}\n                onClick={() => setPage((p) => p + 1)}\n                className={cn(\n                  'rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium',\n                  !hasMore\n                    ? 'cursor-not-allowed text-text-secondary opacity-50'\n                    : 'text-text-primary hover:bg-bg-sunken'\n                )}\n              >\n                Next\n              </button>\n            </div>\n          </div>\n        </>\n      )}\n\n      <ChannelsSection />\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}