@burdenoff/microfe-channel 2026.519.1 → 2026.520.1

package/dist/channel/modules/channels/pages/WebhookEventsPage.js

@@ -7,290 +7,318 @@ import { CHANNEL_PERMISSIONS as o } from "../../../constants/permissions.js";
 import { useExportWebhookEvents as s } from "../hooks/useExport.js";
 import { useCallback as c, useEffect as l, useState as u } from "react";
 import { useI18n as d } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { AlertCircle as f, ArrowLeft as p, CheckCircle2 as m, Clock as h, Download as g, Eye as _, EyeOff as v, Loader2 as y, RefreshCw as b, XCircle as x } from "lucide-react";
-import { useNavigate as S, useParams as C } from "react-router-dom";
-import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
+import { AlertCircle as f, ArrowLeft as p, CheckCircle2 as m, ChevronLeft as h, ChevronRight as g, Clock as _, Download as v, Eye as y, EyeOff as b, Loader2 as x, RefreshCw as S, XCircle as C } from "lucide-react";
+import { useNavigate as w, useParams as T } from "react-router-dom";
+import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
 //#region src/channel/modules/channels/pages/WebhookEventsPage.tsx
-var D = {
+var k = {
 	PENDING: {
 		label: "Pending",
 		color: "text-muted-foreground bg-muted",
-		icon: h
+		icon: _
 	},
 	PROCESSING: {
 		label: "Processing",
 		color: "text-accent-primary bg-accent-primary/10",
-		icon: b
+		icon: S
 	},
 	COMPLETED: {
 		label: "Completed",
-		color: "text-success-500 bg-success-100",
+		color: "text-status-success-text bg-status-success-bg-subtle",
 		icon: m
 	},
 	FAILED: {
 		label: "Failed",
-		color: "text-error-500 bg-error-100",
-		icon: x
+		color: "text-status-error-text bg-status-error-bg-subtle",
+		icon: C
 	},
 	IGNORED: {
 		label: "Ignored",
-		color: "text-warning-500 bg-warning-100",
-		icon: v
+		color: "text-status-warning-text bg-status-warning-bg-subtle",
+		icon: b
 	}
 };
-function O() {
-	let { channelId: m } = C(), h = S(), { t: x } = d(), O = (e, t) => {
-		let n = x(e);
+function A() {
+	let { channelId: m } = T(), _ = w(), { t: C } = d(), A = (e, t) => {
+		let n = C(e);
 		return n === e ? t : n;
-	}, { organizationId: k } = e(), { triggerExport: A, isExporting: j, exportError: M } = s(k ?? void 0, m), [N, P] = u(!0), [F, I] = u([]), [L, R] = u(null), [z, B] = u(25), { channel: V, isLoading: H, error: U, fetchWebhookEvents: W } = i(m), G = c(async () => {
+	}, { organizationId: j } = e(), { triggerExport: M, isExporting: N, exportError: P } = s(j ?? void 0, m), [F, I] = u(!0), [L, R] = u([]), [z, B] = u(null), [V, H] = u(25), [U, W] = u(0), [G, K] = u([void 0]), [q, J] = u(0), { channel: Y, isLoading: X, error: Z, fetchWebhookEvents: Q } = i(m), $ = c(async (e) => {
 		if (m) {
-			P(!0);
+			I(!0);
 			try {
-				I(await W(z));
+				let t = await Q(V, e);
+				return R(t.items), W(t.total), t.nextCursor;
 			} finally {
-				P(!1);
+				I(!1);
 			}
 		}
 	}, [
 		m,
-		W,
-		z
+		Q,
+		V
 	]);
 	l(() => {
-		Promise.resolve().then(() => G());
-	}, [G]), r({
+		Promise.resolve().then(() => {
+			K([void 0]), J(0), $(void 0);
+		});
+	}, [V]), l(() => {
+		Promise.resolve().then(() => $(G[q]));
+	}, [q]), l(() => {
+		Promise.resolve().then(() => $(void 0));
+	}, []);
+	let ee = c(async () => {
+		let e = await $(G[q]);
+		e && K((t) => {
+			let n = [...t];
+			return n[q + 1] || (n[q + 1] = e), n;
+		}), J((e) => e + 1);
+	}, [
+		G,
+		q,
+		$
+	]), te = c(() => {
+		let e = q - 1;
+		J(e), $(G[e]);
+	}, [
+		G,
+		q,
+		$
+	]), ne = L.length === V, re = q > 0;
+	r({
 		query: n,
 		variables: { channelId: m },
 		operationName: "WebhookReceived",
 		enabled: !!m,
 		onData: () => {
-			t("webhook.received", { channelId: m }), G();
+			t("webhook.received", { channelId: m }), $(G[q]);
+		},
+		pollFn: () => {
+			$(G[q]);
 		},
-		pollFn: G,
 		pollIntervalMs: 6e4
 	});
-	let K = (e) => D[e] || D.PENDING;
-	return H || N ? /* @__PURE__ */ T("div", {
+	let ie = (e) => k[e] || k.PENDING;
+	return X ? /* @__PURE__ */ D("div", {
 		className: "flex items-center justify-center min-h-screen",
-		children: /* @__PURE__ */ T(y, {
+		children: /* @__PURE__ */ D(x, {
 			size: 32,
 			className: "animate-spin text-accent-primary"
 		})
-	}) : U || !V ? /* @__PURE__ */ T("div", {
+	}) : Z || !Y ? /* @__PURE__ */ D("div", {
 		className: "p-6",
-		children: /* @__PURE__ */ E("div", {
-			className: "flex items-center gap-3 p-4 bg-error-100 border border-error-500 rounded-lg",
+		children: /* @__PURE__ */ O("div", {
+			className: "flex items-center gap-3 p-4 bg-status-error-bg-subtle border border-status-error-border rounded-lg",
 			children: [
-				/* @__PURE__ */ T(f, {
+				/* @__PURE__ */ D(f, {
 					size: 20,
-					className: "text-error-500"
+					className: "text-status-error-text"
 				}),
-				/* @__PURE__ */ T("div", { children: /* @__PURE__ */ T("p", {
-					className: "text-sm font-medium text-error-700",
-					children: U || "Channel not found"
+				/* @__PURE__ */ D("div", { children: /* @__PURE__ */ D("p", {
+					className: "text-sm font-medium text-status-error-text",
+					children: Z || "Channel not found"
 				}) }),
-				/* @__PURE__ */ T("button", {
-					onClick: () => h(`/channels/${m}`),
-					className: "ml-auto px-3 py-1 text-sm text-error-700 hover:bg-error-200 rounded transition-colors",
+				/* @__PURE__ */ D("button", {
+					onClick: () => _(`/channels/${m}`),
+					className: "ml-auto px-3 py-1 text-sm text-status-error-text hover:bg-status-error-bg-subtle rounded transition-colors",
 					children: "Go Back"
 				})
 			]
 		})
-	}) : /* @__PURE__ */ T(a, {
+	}) : /* @__PURE__ */ D(a, {
 		permission: o.CHANNEL_WEBHOOK_READ,
-		children: /* @__PURE__ */ E("div", {
+		children: /* @__PURE__ */ O("div", {
 			className: "space-y-6 p-3 sm:p-6",
 			children: [
-				/* @__PURE__ */ E("div", {
+				/* @__PURE__ */ O("div", {
 					className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-					children: [/* @__PURE__ */ E("div", {
+					children: [/* @__PURE__ */ O("div", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ T("button", {
-							onClick: () => h(`/channels/${m}`),
-							"aria-label": O("channel.backToChannel", "Back to channel"),
+						children: [/* @__PURE__ */ D("button", {
+							onClick: () => _(`/channels/${m}`),
+							"aria-label": A("channel.backToChannel", "Back to channel"),
 							className: "p-2 text-muted-foreground hover:text-foreground hover:bg-muted rounded-lg transition-colors",
-							children: /* @__PURE__ */ T(p, {
+							children: /* @__PURE__ */ D(p, {
 								size: 20,
 								"aria-hidden": "true"
 							})
-						}), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h1", {
+						}), /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("h1", {
 							className: "text-xl sm:text-2xl font-bold text-foreground",
-							children: O("channel.webhookEvents", "Webhook Events")
-						}), /* @__PURE__ */ E("p", {
+							children: A("channel.webhookEvents", "Webhook Events")
+						}), /* @__PURE__ */ O("p", {
 							className: "text-sm text-muted-foreground mt-1",
-							children: [V.name, " - Event history"]
+							children: [Y.name, " - Event history"]
 						})] })]
-					}), /* @__PURE__ */ E("div", {
+					}), /* @__PURE__ */ O("div", {
 						className: "flex items-center gap-3",
 						children: [
-							/* @__PURE__ */ E("select", {
-								value: z,
-								onChange: (e) => B(Number(e.target.value)),
+							/* @__PURE__ */ O("select", {
+								value: V,
+								onChange: (e) => H(Number(e.target.value)),
 								className: "px-3 py-2 text-sm bg-surface border border-border rounded-lg focus:outline-none focus:ring-2 focus:ring-action-primary-bg/50 text-foreground",
 								children: [
-									/* @__PURE__ */ T("option", {
+									/* @__PURE__ */ D("option", {
 										value: 10,
 										children: "10 results"
 									}),
-									/* @__PURE__ */ T("option", {
+									/* @__PURE__ */ D("option", {
 										value: 25,
 										children: "25 results"
 									}),
-									/* @__PURE__ */ T("option", {
+									/* @__PURE__ */ D("option", {
 										value: 50,
 										children: "50 results"
 									}),
-									/* @__PURE__ */ T("option", {
+									/* @__PURE__ */ D("option", {
 										value: 100,
 										children: "100 results"
 									})
 								]
 							}),
-							/* @__PURE__ */ E("button", {
-								onClick: G,
-								disabled: N,
+							/* @__PURE__ */ O("button", {
+								onClick: () => void $(G[q]),
+								disabled: F,
 								className: "flex items-center gap-2 px-4 py-2 text-sm font-medium text-muted-foreground hover:text-foreground hover:bg-muted rounded-lg transition-colors disabled:opacity-50",
-								children: [/* @__PURE__ */ T(b, {
+								children: [/* @__PURE__ */ D(S, {
 									size: 16,
-									className: N ? "animate-spin" : ""
-								}), O("channel.refresh", "Refresh")]
+									className: F ? "animate-spin" : ""
+								}), A("channel.refresh", "Refresh")]
 							}),
-							/* @__PURE__ */ T(a, {
+							/* @__PURE__ */ D(a, {
 								permission: o.CHANNEL_ADMIN,
-								children: /* @__PURE__ */ E("button", {
-									onClick: () => void A(),
-									disabled: j,
+								children: /* @__PURE__ */ O("button", {
+									onClick: () => void M(),
+									disabled: N,
 									className: "flex items-center gap-2 px-4 py-2 text-sm font-medium text-fg border border-border hover:bg-bg-elevated rounded-lg transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
-									title: O("channel.exportCSV", "Export to CSV"),
-									children: [j ? /* @__PURE__ */ T(y, {
+									title: A("channel.exportCSV", "Export to CSV"),
+									children: [N ? /* @__PURE__ */ D(x, {
 										size: 16,
 										className: "animate-spin"
-									}) : /* @__PURE__ */ T(g, { size: 16 }), O("channel.export", "Export")]
+									}) : /* @__PURE__ */ D(v, { size: 16 }), A("channel.export", "Export")]
 								})
 							})
 						]
 					})]
 				}),
-				M && /* @__PURE__ */ E("div", {
-					className: "p-4 bg-error-100 border border-error-500 rounded-lg flex items-center gap-3",
-					children: [/* @__PURE__ */ T(f, {
+				P && /* @__PURE__ */ O("div", {
+					className: "p-4 bg-status-error-bg-subtle border border-status-error-border rounded-lg flex items-center gap-3",
+					children: [/* @__PURE__ */ D(f, {
 						size: 20,
-						className: "text-error-500"
-					}), /* @__PURE__ */ T("p", {
-						className: "text-sm text-error-700 flex-1",
-						children: M
+						className: "text-status-error-text"
+					}), /* @__PURE__ */ D("p", {
+						className: "text-sm text-status-error-text flex-1",
+						children: P
 					})]
 				}),
-				/* @__PURE__ */ T("div", {
+				/* @__PURE__ */ D("div", {
 					className: "p-4 bg-surface border border-border rounded-lg",
-					children: /* @__PURE__ */ T("p", {
+					children: /* @__PURE__ */ D("p", {
 						className: "text-sm text-muted-foreground",
 						children: "Webhook events show all incoming webhooks received by this channel. Data is retained for 7 days."
 					})
 				}),
-				/* @__PURE__ */ T("div", {
+				/* @__PURE__ */ D("div", {
 					className: "bg-surface border border-border rounded-lg overflow-hidden",
-					children: /* @__PURE__ */ T("div", {
+					children: /* @__PURE__ */ D("div", {
 						className: "overflow-x-auto min-w-full",
-						children: /* @__PURE__ */ E("table", {
+						children: /* @__PURE__ */ O("table", {
 							className: "w-full min-w-[600px]",
-							children: [/* @__PURE__ */ T("thead", {
+							children: [/* @__PURE__ */ D("thead", {
 								className: "bg-muted/50 border-b border-border",
-								children: /* @__PURE__ */ E("tr", { children: [
-									/* @__PURE__ */ T("th", {
+								children: /* @__PURE__ */ O("tr", { children: [
+									/* @__PURE__ */ D("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
-										children: O("channel.status", "Status")
+										children: A("channel.status", "Status")
 									}),
-									/* @__PURE__ */ T("th", {
+									/* @__PURE__ */ D("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
-										children: O("channel.eventType", "Event Type")
+										children: A("channel.eventType", "Event Type")
 									}),
-									/* @__PURE__ */ T("th", {
+									/* @__PURE__ */ D("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
-										children: O("channel.duplicate", "Duplicate")
+										children: A("channel.duplicate", "Duplicate")
 									}),
-									/* @__PURE__ */ T("th", {
+									/* @__PURE__ */ D("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
-										children: O("channel.processedAt", "Processed At")
+										children: A("channel.processedAt", "Processed At")
 									}),
-									/* @__PURE__ */ T("th", {
+									/* @__PURE__ */ D("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
-										children: O("channel.error", "Error")
+										children: A("channel.error", "Error")
 									}),
-									/* @__PURE__ */ T("th", {
+									/* @__PURE__ */ D("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
-										children: O("channel.actions", "Actions")
+										children: A("channel.actions", "Actions")
 									})
 								] })
-							}), /* @__PURE__ */ T("tbody", {
+							}), /* @__PURE__ */ D("tbody", {
 								className: "divide-y divide-border",
-								children: F.length === 0 ? /* @__PURE__ */ T("tr", { children: /* @__PURE__ */ T("td", {
+								children: L.length === 0 ? /* @__PURE__ */ D("tr", { children: /* @__PURE__ */ D("td", {
 									colSpan: 6,
 									className: "px-4 py-8 text-center text-muted-foreground",
-									children: O("channel.noWebhookEventsFound", "No webhook events found")
-								}) }) : F.map((e) => {
-									let t = K(e.status), n = t.icon, r = L === e.id;
-									return /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ E("tr", {
+									children: A("channel.noWebhookEventsFound", "No webhook events found")
+								}) }) : L.map((e) => {
+									let t = ie(e.status), n = t.icon, r = z === e.id;
+									return /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ O("tr", {
 										className: "hover:bg-muted/30 transition-colors",
 										children: [
-											/* @__PURE__ */ T("td", {
+											/* @__PURE__ */ D("td", {
 												className: "px-4 py-3",
-												children: /* @__PURE__ */ E("div", {
+												children: /* @__PURE__ */ O("div", {
 													className: "flex items-center gap-2",
-													children: [/* @__PURE__ */ T(n, {
+													children: [/* @__PURE__ */ D(n, {
 														size: 14,
 														className: t.color.split(" ")[0]
-													}), /* @__PURE__ */ T("span", {
+													}), /* @__PURE__ */ D("span", {
 														className: `text-sm font-medium ${t.color}`,
 														children: t.label
 													})]
 												})
 											}),
-											/* @__PURE__ */ T("td", {
+											/* @__PURE__ */ D("td", {
 												className: "px-4 py-3 text-sm font-mono text-foreground",
 												children: e.eventType
 											}),
-											/* @__PURE__ */ T("td", {
+											/* @__PURE__ */ D("td", {
 												className: "px-4 py-3",
-												children: e.isDuplicate ? /* @__PURE__ */ T("span", {
-													className: "text-xs text-warning-500 bg-warning-100 px-2 py-1 rounded",
+												children: e.isDuplicate ? /* @__PURE__ */ D("span", {
+													className: "text-xs text-status-warning-text bg-status-warning-bg-subtle px-2 py-1 rounded",
 													children: "Duplicate"
-												}) : /* @__PURE__ */ T("span", {
+												}) : /* @__PURE__ */ D("span", {
 													className: "text-xs text-muted-foreground",
 													children: "No"
 												})
 											}),
-											/* @__PURE__ */ T("td", {
+											/* @__PURE__ */ D("td", {
 												className: "px-4 py-3 text-sm text-muted-foreground",
 												children: e.processedAt ? new Date(e.processedAt).toLocaleString() : "-"
 											}),
-											/* @__PURE__ */ T("td", {
-												className: "px-4 py-3 text-sm text-error-500 max-w-xs truncate",
+											/* @__PURE__ */ D("td", {
+												className: "px-4 py-3 text-sm text-status-error-text max-w-xs truncate",
 												children: e.errorMessage || "-"
 											}),
-											/* @__PURE__ */ T("td", {
+											/* @__PURE__ */ D("td", {
 												className: "px-4 py-3",
-												children: /* @__PURE__ */ T("button", {
-													onClick: () => R(r ? null : e.id),
-													"aria-label": r ? O("channel.hidePayload", "Hide payload") : O("channel.viewPayload", "View payload"),
+												children: /* @__PURE__ */ D("button", {
+													onClick: () => B(r ? null : e.id),
+													"aria-label": r ? A("channel.hidePayload", "Hide payload") : A("channel.viewPayload", "View payload"),
 													"aria-expanded": r,
 													className: "p-1 text-muted-foreground hover:text-foreground hover:bg-muted rounded transition-colors",
-													children: T(r ? v : _, {
+													children: D(r ? b : y, {
 														size: 16,
 														"aria-hidden": "true"
 													})
 												})
 											})
 										]
-									}, e.id), r && /* @__PURE__ */ T("tr", { children: /* @__PURE__ */ T("td", {
+									}, e.id), r && /* @__PURE__ */ D("tr", { children: /* @__PURE__ */ D("td", {
 										colSpan: 6,
 										className: "px-4 py-3 bg-muted/30",
-										children: /* @__PURE__ */ E("div", {
+										children: /* @__PURE__ */ O("div", {
 											className: "text-xs",
-											children: [/* @__PURE__ */ E("p", {
+											children: [/* @__PURE__ */ O("p", {
 												className: "text-muted-foreground mb-1",
-												children: [O("channel.payload", "Payload"), ":"]
-											}), /* @__PURE__ */ T("pre", {
+												children: [A("channel.payload", "Payload"), ":"]
+											}), /* @__PURE__ */ D("pre", {
 												className: "bg-surface p-2 rounded border border-border overflow-auto",
 												children: JSON.stringify(e.payload, null, 2)
 											})]
@@ -300,12 +328,46 @@ function O() {
 							})]
 						})
 					})
+				}),
+				/* @__PURE__ */ O("div", {
+					className: "flex items-center justify-between",
+					children: [/* @__PURE__ */ D("p", {
+						className: "text-sm text-muted-foreground",
+						children: U > 0 && /* @__PURE__ */ O(E, { children: [
+							A("channel.page", "Page"),
+							" ",
+							/* @__PURE__ */ D("span", {
+								className: "font-medium",
+								children: q + 1
+							}),
+							" · ",
+							A("channel.totalRecords", "Total"),
+							": ",
+							/* @__PURE__ */ D("span", {
+								className: "font-medium",
+								children: U
+							})
+						] })
+					}), /* @__PURE__ */ O("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ O("button", {
+							onClick: te,
+							disabled: !re || F,
+							className: "flex items-center gap-1 px-3 py-1.5 text-sm border border-border rounded-lg hover:bg-muted transition-colors disabled:opacity-40 disabled:cursor-not-allowed",
+							children: [/* @__PURE__ */ D(h, { size: 16 }), A("channel.previous", "Previous")]
+						}), /* @__PURE__ */ O("button", {
+							onClick: () => void ee(),
+							disabled: !ne || F,
+							className: "flex items-center gap-1 px-3 py-1.5 text-sm border border-border rounded-lg hover:bg-muted transition-colors disabled:opacity-40 disabled:cursor-not-allowed",
+							children: [A("channel.next", "Next"), /* @__PURE__ */ D(g, { size: 16 })]
+						})]
+					})]
 				})
 			]
 		})
 	});
 }
 //#endregion
-export { O as WebhookEventsPage };
+export { A as WebhookEventsPage };
 
 //# sourceMappingURL=WebhookEventsPage.js.map

package/dist/channel/modules/channels/pages/WebhookEventsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"WebhookEventsPage.js","names":[],"sources":["../../../../../src/channel/modules/channels/pages/WebhookEventsPage.tsx"],"sourcesContent":["/**\n * Webhook Events Page\n *\n * Displays webhook event history for a specific channel\n */\n\nimport { useState, useEffect, useCallback } from 'react';\nimport { useParams, useNavigate } from 'react-router-dom';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n  ArrowLeft,\n  Loader2,\n  AlertCircle,\n  CheckCircle2,\n  XCircle,\n  Clock,\n  RefreshCw,\n  Eye,\n  EyeOff,\n  Download,\n} from 'lucide-react';\nimport { useChannel, type WebhookEvent as WebhookEventType } from '../../../hooks/useChannels';\nimport type { WebhookProcessingStatus } from '../../../hooks/useChannels';\nimport { useChannel as useChannelContext } from '../../../providers/ChannelProvider';\nimport { PermissionGuard } from '../../../components/PermissionGuard';\nimport { CHANNEL_PERMISSIONS } from '../../../constants/permissions';\nimport { emitShellEvent } from '../../../utils/shellBridge';\nimport {\n  WEBHOOK_RECEIVED_SUBSCRIPTION,\n  useChannelSubscription,\n} from '../../../hooks/useChannelSubscription';\nimport { useExportWebhookEvents } from '../hooks/useExport';\n\nconst STATUS_CONFIG: Record<\n  WebhookProcessingStatus,\n  { label: string; color: string; icon: typeof CheckCircle2 }\n> = {\n  PENDING: { label: 'Pending', color: 'text-muted-foreground bg-muted', icon: Clock },\n  PROCESSING: {\n    label: 'Processing',\n    color: 'text-accent-primary bg-accent-primary/10',\n    icon: RefreshCw,\n  },\n  COMPLETED: { label: 'Completed', color: 'text-success-500 bg-success-100', icon: CheckCircle2 },\n  FAILED: { label: 'Failed', color: 'text-error-500 bg-error-100', icon: XCircle },\n  IGNORED: { label: 'Ignored', color: 'text-warning-500 bg-warning-100', icon: EyeOff },\n};\n\nexport function WebhookEventsPage() {\n  const { channelId } = useParams<{ channelId: string }>();\n  const navigate = useNavigate();\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const value = t(key);\n    return value === key ? fallback : value;\n  };\n  const { organizationId } = useChannelContext();\n  const {\n    triggerExport: exportWebhooks,\n    isExporting: isExportingWebhooks,\n    exportError: exportWebhooksError,\n  } = useExportWebhookEvents(organizationId ?? undefined, channelId);\n  const [isLoadingEvents, setIsLoadingEvents] = useState(true);\n  const [events, setEvents] = useState<WebhookEventType[]>([]);\n  const [expandedEvent, setExpandedEvent] = useState<string | null>(null);\n  const [limit, setLimit] = useState(25);\n\n  const { channel, isLoading, error, fetchWebhookEvents } = useChannel(channelId);\n\n  const loadEvents = useCallback(async () => {\n    if (!channelId) return;\n    setIsLoadingEvents(true);\n    try {\n      const data = await fetchWebhookEvents(limit);\n      setEvents(data);\n    } finally {\n      setIsLoadingEvents(false);\n    }\n  }, [channelId, fetchWebhookEvents, limit]);\n\n  useEffect(() => {\n    void Promise.resolve().then(() => loadEvents());\n  }, [loadEvents]);\n\n  // Real-time webhook stream. Subscribes when the gateway exposes\n  // `webhookReceived`; otherwise polls every 60s as a graceful fallback.\n  // Conservative fallback keeps gateway/svc cost low when subs are\n  // unavailable; live updates flow through the subscription path.\n  useChannelSubscription({\n    query: WEBHOOK_RECEIVED_SUBSCRIPTION,\n    variables: { channelId },\n    operationName: 'WebhookReceived',\n    enabled: Boolean(channelId),\n    onData: () => {\n      emitShellEvent('webhook.received', { channelId });\n      void loadEvents();\n    },\n    pollFn: loadEvents,\n    pollIntervalMs: 60_000,\n  });\n\n  const getStatusConfig = (status: WebhookProcessingStatus) => {\n    return STATUS_CONFIG[status] || STATUS_CONFIG.PENDING;\n  };\n\n  // Loading state\n  if (isLoading || isLoadingEvents) {\n    return (\n      <div className=\"flex items-center justify-center min-h-screen\">\n        <Loader2 size={32} className=\"animate-spin text-accent-primary\" />\n      </div>\n    );\n  }\n\n  // Error state\n  if (error || !channel) {\n    return (\n      <div className=\"p-6\">\n        <div className=\"flex items-center gap-3 p-4 bg-error-100 border border-error-500 rounded-lg\">\n          <AlertCircle size={20} className=\"text-error-500\" />\n          <div>\n            <p className=\"text-sm font-medium text-error-700\">{error || 'Channel not found'}</p>\n          </div>\n          <button\n            onClick={() => navigate(`/channels/${channelId}`)}\n            className=\"ml-auto px-3 py-1 text-sm text-error-700 hover:bg-error-200 rounded transition-colors\"\n          >\n            Go Back\n          </button>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <PermissionGuard permission={CHANNEL_PERMISSIONS.CHANNEL_WEBHOOK_READ}>\n      <div className=\"space-y-6 p-3 sm:p-6\">\n        {/* Header */}\n        <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n          <div className=\"flex items-center gap-3\">\n            <button\n              onClick={() => navigate(`/channels/${channelId}`)}\n              aria-label={tr('channel.backToChannel', 'Back to channel')}\n              className=\"p-2 text-muted-foreground hover:text-foreground hover:bg-muted rounded-lg transition-colors\"\n            >\n              <ArrowLeft size={20} aria-hidden=\"true\" />\n            </button>\n            <div>\n              <h1 className=\"text-xl sm:text-2xl font-bold text-foreground\">\n                {tr('channel.webhookEvents', 'Webhook Events')}\n              </h1>\n              <p className=\"text-sm text-muted-foreground mt-1\">{channel.name} - Event history</p>\n            </div>\n          </div>\n          <div className=\"flex items-center gap-3\">\n            <select\n              value={limit}\n              onChange={(e) => setLimit(Number(e.target.value))}\n              className=\"px-3 py-2 text-sm bg-surface border border-border rounded-lg focus:outline-none focus:ring-2 focus:ring-action-primary-bg/50 text-foreground\"\n            >\n              <option value={10}>10 results</option>\n              <option value={25}>25 results</option>\n              <option value={50}>50 results</option>\n              <option value={100}>100 results</option>\n            </select>\n            <button\n              onClick={loadEvents}\n              disabled={isLoadingEvents}\n              className=\"flex items-center gap-2 px-4 py-2 text-sm font-medium text-muted-foreground hover:text-foreground hover:bg-muted rounded-lg transition-colors disabled:opacity-50\"\n            >\n              <RefreshCw size={16} className={isLoadingEvents ? 'animate-spin' : ''} />\n              {tr('channel.refresh', 'Refresh')}\n            </button>\n            <PermissionGuard permission={CHANNEL_PERMISSIONS.CHANNEL_ADMIN}>\n              <button\n                onClick={() => void exportWebhooks()}\n                disabled={isExportingWebhooks}\n                className=\"flex items-center gap-2 px-4 py-2 text-sm font-medium text-fg border border-border hover:bg-bg-elevated rounded-lg transition-colors disabled:opacity-50 disabled:cursor-not-allowed\"\n                title={tr('channel.exportCSV', 'Export to CSV')}\n              >\n                {isExportingWebhooks ? (\n                  <Loader2 size={16} className=\"animate-spin\" />\n                ) : (\n                  <Download size={16} />\n                )}\n                {tr('channel.export', 'Export')}\n              </button>\n            </PermissionGuard>\n          </div>\n        </div>\n\n        {/* Export Error Banner */}\n        {exportWebhooksError && (\n          <div className=\"p-4 bg-error-100 border border-error-500 rounded-lg flex items-center gap-3\">\n            <AlertCircle size={20} className=\"text-error-500\" />\n            <p className=\"text-sm text-error-700 flex-1\">{exportWebhooksError}</p>\n          </div>\n        )}\n\n        {/* Info Banner */}\n        <div className=\"p-4 bg-surface border border-border rounded-lg\">\n          <p className=\"text-sm text-muted-foreground\">\n            Webhook events show all incoming webhooks received by this channel. Data is retained for\n            7 days.\n          </p>\n        </div>\n\n        {/* Events List */}\n        <div className=\"bg-surface border border-border rounded-lg overflow-hidden\">\n          <div className=\"overflow-x-auto min-w-full\">\n            <table className=\"w-full min-w-[600px]\">\n              <thead className=\"bg-muted/50 border-b border-border\">\n                <tr>\n                  <th className=\"px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider\">\n                    {tr('channel.status', 'Status')}\n                  </th>\n                  <th className=\"px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider\">\n                    {tr('channel.eventType', 'Event Type')}\n                  </th>\n                  <th className=\"px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider\">\n                    {tr('channel.duplicate', 'Duplicate')}\n                  </th>\n                  <th className=\"px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider\">\n                    {tr('channel.processedAt', 'Processed At')}\n                  </th>\n                  <th className=\"px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider\">\n                    {tr('channel.error', 'Error')}\n                  </th>\n                  <th className=\"px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider\">\n                    {tr('channel.actions', 'Actions')}\n                  </th>\n                </tr>\n              </thead>\n              <tbody className=\"divide-y divide-border\">\n                {events.length === 0 ? (\n                  <tr>\n                    <td colSpan={6} className=\"px-4 py-8 text-center text-muted-foreground\">\n                      {tr('channel.noWebhookEventsFound', 'No webhook events found')}\n                    </td>\n                  </tr>\n                ) : (\n                  events.map((event) => {\n                    const statusConfig = getStatusConfig(event.status as WebhookProcessingStatus);\n                    const StatusIcon = statusConfig.icon;\n                    const isExpanded = expandedEvent === event.id;\n                    return (\n                      <>\n                        <tr key={event.id} className=\"hover:bg-muted/30 transition-colors\">\n                          <td className=\"px-4 py-3\">\n                            <div className=\"flex items-center gap-2\">\n                              <StatusIcon size={14} className={statusConfig.color.split(' ')[0]} />\n                              <span className={`text-sm font-medium ${statusConfig.color}`}>\n                                {statusConfig.label}\n                              </span>\n                            </div>\n                          </td>\n                          <td className=\"px-4 py-3 text-sm font-mono text-foreground\">\n                            {event.eventType}\n                          </td>\n                          <td className=\"px-4 py-3\">\n                            {event.isDuplicate ? (\n                              <span className=\"text-xs text-warning-500 bg-warning-100 px-2 py-1 rounded\">\n                                Duplicate\n                              </span>\n                            ) : (\n                              <span className=\"text-xs text-muted-foreground\">No</span>\n                            )}\n                          </td>\n                          <td className=\"px-4 py-3 text-sm text-muted-foreground\">\n                            {event.processedAt ? new Date(event.processedAt).toLocaleString() : '-'}\n                          </td>\n                          <td className=\"px-4 py-3 text-sm text-error-500 max-w-xs truncate\">\n                            {event.errorMessage || '-'}\n                          </td>\n                          <td className=\"px-4 py-3\">\n                            <button\n                              onClick={() => setExpandedEvent(isExpanded ? null : event.id)}\n                              aria-label={\n                                isExpanded\n                                  ? tr('channel.hidePayload', 'Hide payload')\n                                  : tr('channel.viewPayload', 'View payload')\n                              }\n                              aria-expanded={isExpanded}\n                              className=\"p-1 text-muted-foreground hover:text-foreground hover:bg-muted rounded transition-colors\"\n                            >\n                              {isExpanded ? (\n                                <EyeOff size={16} aria-hidden=\"true\" />\n                              ) : (\n                                <Eye size={16} aria-hidden=\"true\" />\n                              )}\n                            </button>\n                          </td>\n                        </tr>\n                        {isExpanded && (\n                          <tr key={`${event.id}-payload`}>\n                            <td colSpan={6} className=\"px-4 py-3 bg-muted/30\">\n                              <div className=\"text-xs\">\n                                <p className=\"text-muted-foreground mb-1\">\n                                  {tr('channel.payload', 'Payload')}:\n                                </p>\n                                <pre className=\"bg-surface p-2 rounded border border-border overflow-auto\">\n                                  {JSON.stringify(event.payload, null, 2)}\n                                </pre>\n                              </div>\n                            </td>\n                          </tr>\n                        )}\n                      </>\n                    );\n                  })\n                )}\n              </tbody>\n            </table>\n          </div>\n        </div>\n      </div>\n    </PermissionGuard>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"WebhookEventsPage.js","names":[],"sources":["../../../../../src/channel/modules/channels/pages/WebhookEventsPage.tsx"],"sourcesContent":["/**\n * Webhook Events Page\n *\n * Displays webhook event history for a specific channel\n */\n\nimport { useState, useEffect, useCallback } from 'react';\nimport { useParams, useNavigate } from 'react-router-dom';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n  ArrowLeft,\n  Loader2,\n  AlertCircle,\n  CheckCircle2,\n  XCircle,\n  Clock,\n  RefreshCw,\n  Eye,\n  EyeOff,\n  Download,\n  ChevronLeft,\n  ChevronRight,\n} from 'lucide-react';\nimport { useChannel, type WebhookEvent as WebhookEventType } from '../../../hooks/useChannels';\nimport type { WebhookProcessingStatus } from '../../../hooks/useChannels';\nimport { useChannel as useChannelContext } from '../../../providers/ChannelProvider';\nimport { PermissionGuard } from '../../../components/PermissionGuard';\nimport { CHANNEL_PERMISSIONS } from '../../../constants/permissions';\nimport { emitShellEvent } from '../../../utils/shellBridge';\nimport {\n  WEBHOOK_RECEIVED_SUBSCRIPTION,\n  useChannelSubscription,\n} from '../../../hooks/useChannelSubscription';\nimport { useExportWebhookEvents } from '../hooks/useExport';\n\nconst STATUS_CONFIG: Record<\n  WebhookProcessingStatus,\n  { label: string; color: string; icon: typeof CheckCircle2 }\n> = {\n  PENDING: { label: 'Pending', color: 'text-muted-foreground bg-muted', icon: Clock },\n  PROCESSING: {\n    label: 'Processing',\n    color: 'text-accent-primary bg-accent-primary/10',\n    icon: RefreshCw,\n  },\n  COMPLETED: {\n    label: 'Completed',\n    color: 'text-status-success-text bg-status-success-bg-subtle',\n    icon: CheckCircle2,\n  },\n  FAILED: {\n    label: 'Failed',\n    color: 'text-status-error-text bg-status-error-bg-subtle',\n    icon: XCircle,\n  },\n  IGNORED: {\n    label: 'Ignored',\n    color: 'text-status-warning-text bg-status-warning-bg-subtle',\n    icon: EyeOff,\n  },\n};\n\nexport function WebhookEventsPage() {\n  const { channelId } = useParams<{ channelId: string }>();\n  const navigate = useNavigate();\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const value = t(key);\n    return value === key ? fallback : value;\n  };\n  const { organizationId } = useChannelContext();\n  const {\n    triggerExport: exportWebhooks,\n    isExporting: isExportingWebhooks,\n    exportError: exportWebhooksError,\n  } = useExportWebhookEvents(organizationId ?? undefined, channelId);\n  const [isLoadingEvents, setIsLoadingEvents] = useState(true);\n  const [events, setEvents] = useState<WebhookEventType[]>([]);\n  const [expandedEvent, setExpandedEvent] = useState<string | null>(null);\n  const [limit, setLimit] = useState(25);\n  const [total, setTotal] = useState(0);\n  const [cursorStack, setCursorStack] = useState<(string | undefined)[]>([undefined]);\n  const [currentPageIdx, setCurrentPageIdx] = useState(0);\n\n  const { channel, isLoading, error, fetchWebhookEvents } = useChannel(channelId);\n\n  const loadEvents = useCallback(\n    async (cursor?: string) => {\n      if (!channelId) return;\n      setIsLoadingEvents(true);\n      try {\n        const result = await fetchWebhookEvents(limit, cursor);\n        setEvents(result.items);\n        setTotal(result.total);\n        return result.nextCursor;\n      } finally {\n        setIsLoadingEvents(false);\n      }\n    },\n    [channelId, fetchWebhookEvents, limit]\n  );\n\n  useEffect(() => {\n    void Promise.resolve().then(() => {\n      setCursorStack([undefined]);\n      setCurrentPageIdx(0);\n      void loadEvents(undefined);\n    });\n  }, [limit]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => {\n    void Promise.resolve().then(() => loadEvents(cursorStack[currentPageIdx]));\n  }, [currentPageIdx]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  // Initial load\n  useEffect(() => {\n    void Promise.resolve().then(() => loadEvents(undefined));\n  }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const handleNextPage = useCallback(async () => {\n    const nextCursor = await loadEvents(cursorStack[currentPageIdx]);\n    if (nextCursor) {\n      setCursorStack((prev) => {\n        const next = [...prev];\n        if (!next[currentPageIdx + 1]) {\n          next[currentPageIdx + 1] = nextCursor;\n        }\n        return next;\n      });\n    }\n    setCurrentPageIdx((p) => p + 1);\n  }, [cursorStack, currentPageIdx, loadEvents]);\n\n  const handlePrevPage = useCallback(() => {\n    const prevIdx = currentPageIdx - 1;\n    setCurrentPageIdx(prevIdx);\n    void loadEvents(cursorStack[prevIdx]);\n  }, [cursorStack, currentPageIdx, loadEvents]);\n\n  const hasNextPage = events.length === limit;\n  const hasPrevPage = currentPageIdx > 0;\n\n  // Real-time webhook stream. Subscribes when the gateway exposes\n  // `webhookReceived`; otherwise polls every 60s as a graceful fallback.\n  useChannelSubscription({\n    query: WEBHOOK_RECEIVED_SUBSCRIPTION,\n    variables: { channelId },\n    operationName: 'WebhookReceived',\n    enabled: Boolean(channelId),\n    onData: () => {\n      emitShellEvent('webhook.received', { channelId });\n      void loadEvents(cursorStack[currentPageIdx]);\n    },\n    pollFn: () => {\n      void loadEvents(cursorStack[currentPageIdx]);\n    },\n    pollIntervalMs: 60_000,\n  });\n\n  const getStatusConfig = (status: WebhookProcessingStatus) => {\n    return STATUS_CONFIG[status] || STATUS_CONFIG.PENDING;\n  };\n\n  // Loading state (only show full-screen for initial channel load)\n  if (isLoading) {\n    return (\n      <div className=\"flex items-center justify-center min-h-screen\">\n        <Loader2 size={32} className=\"animate-spin text-accent-primary\" />\n      </div>\n    );\n  }\n\n  // Error state\n  if (error || !channel) {\n    return (\n      <div className=\"p-6\">\n        <div className=\"flex items-center gap-3 p-4 bg-status-error-bg-subtle border border-status-error-border rounded-lg\">\n          <AlertCircle size={20} className=\"text-status-error-text\" />\n          <div>\n            <p className=\"text-sm font-medium text-status-error-text\">\n              {error || 'Channel not found'}\n            </p>\n          </div>\n          <button\n            onClick={() => navigate(`/channels/${channelId}`)}\n            className=\"ml-auto px-3 py-1 text-sm text-status-error-text hover:bg-status-error-bg-subtle rounded transition-colors\"\n          >\n            Go Back\n          </button>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <PermissionGuard permission={CHANNEL_PERMISSIONS.CHANNEL_WEBHOOK_READ}>\n      <div className=\"space-y-6 p-3 sm:p-6\">\n        {/* Header */}\n        <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n          <div className=\"flex items-center gap-3\">\n            <button\n              onClick={() => navigate(`/channels/${channelId}`)}\n              aria-label={tr('channel.backToChannel', 'Back to channel')}\n              className=\"p-2 text-muted-foreground hover:text-foreground hover:bg-muted rounded-lg transition-colors\"\n            >\n              <ArrowLeft size={20} aria-hidden=\"true\" />\n            </button>\n            <div>\n              <h1 className=\"text-xl sm:text-2xl font-bold text-foreground\">\n                {tr('channel.webhookEvents', 'Webhook Events')}\n              </h1>\n              <p className=\"text-sm text-muted-foreground mt-1\">{channel.name} - Event history</p>\n            </div>\n          </div>\n          <div className=\"flex items-center gap-3\">\n            <select\n              value={limit}\n              onChange={(e) => setLimit(Number(e.target.value))}\n              className=\"px-3 py-2 text-sm bg-surface border border-border rounded-lg focus:outline-none focus:ring-2 focus:ring-action-primary-bg/50 text-foreground\"\n            >\n              <option value={10}>10 results</option>\n              <option value={25}>25 results</option>\n              <option value={50}>50 results</option>\n              <option value={100}>100 results</option>\n            </select>\n            <button\n              onClick={() => void loadEvents(cursorStack[currentPageIdx])}\n              disabled={isLoadingEvents}\n              className=\"flex items-center gap-2 px-4 py-2 text-sm font-medium text-muted-foreground hover:text-foreground hover:bg-muted rounded-lg transition-colors disabled:opacity-50\"\n            >\n              <RefreshCw size={16} className={isLoadingEvents ? 'animate-spin' : ''} />\n              {tr('channel.refresh', 'Refresh')}\n            </button>\n            <PermissionGuard permission={CHANNEL_PERMISSIONS.CHANNEL_ADMIN}>\n              <button\n                onClick={() => void exportWebhooks()}\n                disabled={isExportingWebhooks}\n                className=\"flex items-center gap-2 px-4 py-2 text-sm font-medium text-fg border border-border hover:bg-bg-elevated rounded-lg transition-colors disabled:opacity-50 disabled:cursor-not-allowed\"\n                title={tr('channel.exportCSV', 'Export to CSV')}\n              >\n                {isExportingWebhooks ? (\n                  <Loader2 size={16} className=\"animate-spin\" />\n                ) : (\n                  <Download size={16} />\n                )}\n                {tr('channel.export', 'Export')}\n              </button>\n            </PermissionGuard>\n          </div>\n        </div>\n\n        {/* Export Error Banner */}\n        {exportWebhooksError && (\n          <div className=\"p-4 bg-status-error-bg-subtle border border-status-error-border rounded-lg flex items-center gap-3\">\n            <AlertCircle size={20} className=\"text-status-error-text\" />\n            <p className=\"text-sm text-status-error-text flex-1\">{exportWebhooksError}</p>\n          </div>\n        )}\n\n        {/* Info Banner */}\n        <div className=\"p-4 bg-surface border border-border rounded-lg\">\n          <p className=\"text-sm text-muted-foreground\">\n            Webhook events show all incoming webhooks received by this channel. Data is retained for\n            7 days.\n          </p>\n        </div>\n\n        {/* Events List */}\n        <div className=\"bg-surface border border-border rounded-lg overflow-hidden\">\n          <div className=\"overflow-x-auto min-w-full\">\n            <table className=\"w-full min-w-[600px]\">\n              <thead className=\"bg-muted/50 border-b border-border\">\n                <tr>\n                  <th className=\"px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider\">\n                    {tr('channel.status', 'Status')}\n                  </th>\n                  <th className=\"px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider\">\n                    {tr('channel.eventType', 'Event Type')}\n                  </th>\n                  <th className=\"px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider\">\n                    {tr('channel.duplicate', 'Duplicate')}\n                  </th>\n                  <th className=\"px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider\">\n                    {tr('channel.processedAt', 'Processed At')}\n                  </th>\n                  <th className=\"px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider\">\n                    {tr('channel.error', 'Error')}\n                  </th>\n                  <th className=\"px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider\">\n                    {tr('channel.actions', 'Actions')}\n                  </th>\n                </tr>\n              </thead>\n              <tbody className=\"divide-y divide-border\">\n                {events.length === 0 ? (\n                  <tr>\n                    <td colSpan={6} className=\"px-4 py-8 text-center text-muted-foreground\">\n                      {tr('channel.noWebhookEventsFound', 'No webhook events found')}\n                    </td>\n                  </tr>\n                ) : (\n                  events.map((event) => {\n                    const statusConfig = getStatusConfig(event.status as WebhookProcessingStatus);\n                    const StatusIcon = statusConfig.icon;\n                    const isExpanded = expandedEvent === event.id;\n                    return (\n                      <>\n                        <tr key={event.id} className=\"hover:bg-muted/30 transition-colors\">\n                          <td className=\"px-4 py-3\">\n                            <div className=\"flex items-center gap-2\">\n                              <StatusIcon size={14} className={statusConfig.color.split(' ')[0]} />\n                              <span className={`text-sm font-medium ${statusConfig.color}`}>\n                                {statusConfig.label}\n                              </span>\n                            </div>\n                          </td>\n                          <td className=\"px-4 py-3 text-sm font-mono text-foreground\">\n                            {event.eventType}\n                          </td>\n                          <td className=\"px-4 py-3\">\n                            {event.isDuplicate ? (\n                              <span className=\"text-xs text-status-warning-text bg-status-warning-bg-subtle px-2 py-1 rounded\">\n                                Duplicate\n                              </span>\n                            ) : (\n                              <span className=\"text-xs text-muted-foreground\">No</span>\n                            )}\n                          </td>\n                          <td className=\"px-4 py-3 text-sm text-muted-foreground\">\n                            {event.processedAt ? new Date(event.processedAt).toLocaleString() : '-'}\n                          </td>\n                          <td className=\"px-4 py-3 text-sm text-status-error-text max-w-xs truncate\">\n                            {event.errorMessage || '-'}\n                          </td>\n                          <td className=\"px-4 py-3\">\n                            <button\n                              onClick={() => setExpandedEvent(isExpanded ? null : event.id)}\n                              aria-label={\n                                isExpanded\n                                  ? tr('channel.hidePayload', 'Hide payload')\n                                  : tr('channel.viewPayload', 'View payload')\n                              }\n                              aria-expanded={isExpanded}\n                              className=\"p-1 text-muted-foreground hover:text-foreground hover:bg-muted rounded transition-colors\"\n                            >\n                              {isExpanded ? (\n                                <EyeOff size={16} aria-hidden=\"true\" />\n                              ) : (\n                                <Eye size={16} aria-hidden=\"true\" />\n                              )}\n                            </button>\n                          </td>\n                        </tr>\n                        {isExpanded && (\n                          <tr key={`${event.id}-payload`}>\n                            <td colSpan={6} className=\"px-4 py-3 bg-muted/30\">\n                              <div className=\"text-xs\">\n                                <p className=\"text-muted-foreground mb-1\">\n                                  {tr('channel.payload', 'Payload')}:\n                                </p>\n                                <pre className=\"bg-surface p-2 rounded border border-border overflow-auto\">\n                                  {JSON.stringify(event.payload, null, 2)}\n                                </pre>\n                              </div>\n                            </td>\n                          </tr>\n                        )}\n                      </>\n                    );\n                  })\n                )}\n              </tbody>\n            </table>\n          </div>\n        </div>\n\n        {/* Pagination footer */}\n        <div className=\"flex items-center justify-between\">\n          <p className=\"text-sm text-muted-foreground\">\n            {total > 0 && (\n              <>\n                {tr('channel.page', 'Page')}{' '}\n                <span className=\"font-medium\">{currentPageIdx + 1}</span>\n                {' · '}\n                {tr('channel.totalRecords', 'Total')}: <span className=\"font-medium\">{total}</span>\n              </>\n            )}\n          </p>\n          <div className=\"flex items-center gap-2\">\n            <button\n              onClick={handlePrevPage}\n              disabled={!hasPrevPage || isLoadingEvents}\n              className=\"flex items-center gap-1 px-3 py-1.5 text-sm border border-border rounded-lg hover:bg-muted transition-colors disabled:opacity-40 disabled:cursor-not-allowed\"\n            >\n              <ChevronLeft size={16} />\n              {tr('channel.previous', 'Previous')}\n            </button>\n            <button\n              onClick={() => void handleNextPage()}\n              disabled={!hasNextPage || isLoadingEvents}\n              className=\"flex items-center gap-1 px-3 py-1.5 text-sm border border-border rounded-lg hover:bg-muted transition-colors disabled:opacity-40 disabled:cursor-not-allowed\"\n            >\n              {tr('channel.next', 'Next')}\n              <ChevronRight size={16} />\n            </button>\n          </div>\n        </div>\n      </div>\n    </PermissionGuard>\n  );\n}\n"],"mappings":"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"}

package/dist/generated/global-operations.d.ts

@@ -817,6 +817,8 @@ export type SendNotificationMutation = {
         sentAt?: string | null;
         title: string;
         message: string;
+        errorMessage?: string | null;
+        errorCode?: string | null;
     };
 };
 export declare const ChannelFieldsFragmentDoc: Apollo.DocumentNode;