@burdenoff/microfe-channel 2026.1013.1 → 2026.1107.1

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

@@ -1,51 +1,51 @@
-import { useChannel as e } from "../../../providers/ChannelProvider.js";
-import { emitShellEvent as t } from "../../../utils/shellBridge.js";
-import { WEBHOOK_RECEIVED_SUBSCRIPTION as n, useChannelSubscription as r } from "../../../hooks/useChannelSubscription.js";
-import { useChannel as i } from "../../../hooks/useChannels.js";
-import { PermissionGuard as a } from "../../../components/PermissionGuard.js";
-import { CHANNEL_PERMISSIONS as o } from "../../../constants/permissions.js";
-import { useExportWebhookEvents as ee } from "../hooks/useExport.js";
-import { useCallback as s, useEffect as c, useRef as l, useState as u } from "react";
-import { useI18n as te } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { AlertCircle as d, ArrowLeft as f, CheckCircle2 as p, ChevronLeft as m, ChevronRight as h, Clock as g, Download as ne, Eye as re, EyeOff as _, Loader2 as v, RefreshCw as y, XCircle as b } from "lucide-react";
-import { useNavigate as ie, useParams as x } from "react-router";
-import { usePermissions as S } from "@burdenoff/fe-libs/shared/providers/shell";
-import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
-import { CTAOverflowMenu as ae, EmphasisPanel as E, GlassCard as oe, IllustratedEmptyState as se, PagePurpose as ce } from "@burdenoff/fe-libs/ui";
-//#region src/channel/modules/channels/pages/WebhookEventsPage.tsx
-var D = {
+import { useChannel as e } from "../../../hooks/useChannels.js";
+import { useChannel as t } from "../../../providers/ChannelProvider.js";
+import { PermissionGuard as n } from "../../../components/PermissionGuard.js";
+import { CHANNEL_PERMISSIONS as r } from "../../../constants/permissions.js";
+import { emitShellEvent as i } from "../../../utils/shellBridge.js";
+import { WEBHOOK_RECEIVED_SUBSCRIPTION as a, useChannelSubscription as ee } from "../../../hooks/useChannelSubscription.js";
+import { useExportWebhookEvents as te } from "../hooks/useExport.js";
+import { useCallback as o, useEffect as s, useRef as c, useState as l } from "react";
+import { useI18n as ne } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { AlertCircle as u, ArrowLeft as d, CheckCircle2 as f, ChevronLeft as p, ChevronRight as m, Clock as h, Download as re, Eye as ie, EyeOff as g, Loader2 as _, RefreshCw as v, XCircle as y } from "lucide-react";
+import { useNavigate as ae, useParams as b } from "react-router";
+import { usePermissions as oe } from "@burdenoff/fe-libs/shared/providers/shell";
+import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
+import { CTAOverflowMenu as se, EmphasisPanel as w, GlassCard as T, IllustratedEmptyState as ce, PagePurpose as le } from "@burdenoff/fe-libs/ui";
+// src/channel/modules/channels/pages/WebhookEventsPage.tsx
+var E = {
 	PENDING: {
 		label: "Pending",
 		color: "text-text-secondary bg-bg-sunken",
-		icon: g
+		icon: h
 	},
 	PROCESSING: {
 		label: "Processing",
 		color: "text-accent-primary bg-accent-primary/10",
-		icon: y
+		icon: v
 	},
 	COMPLETED: {
 		label: "Completed",
 		color: "text-status-success-text bg-status-success-bg-subtle",
-		icon: p
+		icon: f
 	},
 	FAILED: {
 		label: "Failed",
 		color: "text-status-error-text bg-status-error-bg-subtle",
-		icon: b
+		icon: y
 	},
 	IGNORED: {
 		label: "Ignored",
 		color: "text-status-warning-text bg-status-warning-bg-subtle",
-		icon: _
+		icon: g
 	}
 };
-function O() {
-	let { channelId: p } = x(), b = ie(), { hasPermission: O } = S(), le = O(o.CHANNEL_WEBHOOK_EXPORT), { t: ue } = te(), k = (e, t) => {
-		let n = ue(e);
+function D() {
+	let { channelId: f } = b(), y = ae(), { hasPermission: D } = oe(), ue = D(r.CHANNEL_WEBHOOK_EXPORT), { t: de } = ne(), O = (e, t) => {
+		let n = de(e);
 		return n === e ? t : n;
-	}, { organizationId: de } = e(), { triggerExport: A, isExporting: j, exportError: M } = ee(de ?? void 0, p), [N, P] = u(!0), [F, I] = u([]), [L, R] = u(null), [z, B] = u(25), [V, fe] = u(0), [H, U] = u([void 0]), [W, G] = u(0), { channel: K, isLoading: pe, error: q, fetchWebhookEvents: J } = i(p), Y = s(async (e) => {
-		if (p) {
+	}, { organizationId: k } = t(), { triggerExport: A, isExporting: j, exportError: M } = te(k ?? void 0, f), [N, P] = l(!0), [F, I] = l([]), [L, R] = l(null), [z, B] = l(25), [V, fe] = l(0), [H, U] = l([void 0]), [W, G] = l(0), { channel: K, isLoading: pe, error: q, fetchWebhookEvents: J } = e(f), Y = o(async (e) => {
+		if (f) {
 			P(!0);
 			try {
 				let t = await J(z, e);
@@ -55,26 +55,22 @@ function O() {
 			}
 		}
 	}, [
-		p,
+		f,
 		J,
 		z
-	]), X = l(Y), Z = l(H), Q = l(W);
-	c(() => {
+	]), X = c(Y), Z = c(H), Q = c(W);
+	s(() => {
 		X.current = Y, Z.current = H, Q.current = W;
 	});
-	let $ = l(!0);
-	c(() => {
+	let $ = c(!0);
+	s(() => {
 		Promise.resolve().then(() => {
 			U([void 0]), G(0), X.current(void 0);
 		});
-	}, [z]), c(() => {
-		if ($.current) {
-			$.current = !1;
-			return;
-		}
-		Promise.resolve().then(() => X.current(Z.current[W]));
+	}, [z]), s(() => {
+		$.current ? $.current = !1 : Promise.resolve().then(() => X.current(Z.current[W]));
 	}, [W]);
-	let me = s(async () => {
+	let me = o(async () => {
 		let e = await Y(H[W]);
 		e && U((t) => {
 			let n = [...t];
@@ -84,7 +80,7 @@ function O() {
 		H,
 		W,
 		Y
-	]), he = s(() => {
+	]), he = o(() => {
 		let e = W - 1;
 		G(e), Y(H[e]);
 	}, [
@@ -92,112 +88,112 @@ function O() {
 		W,
 		Y
 	]), ge = F.length === z, _e = W > 0;
-	r({
-		query: n,
-		variables: { channelId: p },
+	ee({
+		query: a,
+		variables: { channelId: f },
 		operationName: "WebhookReceived",
-		enabled: !!p,
-		onData: s(() => {
-			t("webhook.received", { channelId: p }), X.current(Z.current[Q.current]);
-		}, [p]),
-		pollFn: s(() => {
+		enabled: !!f,
+		onData: o(() => {
+			i("webhook.received", { channelId: f }), X.current(Z.current[Q.current]);
+		}, [f]),
+		pollFn: o(() => {
 			X.current(Z.current[Q.current]);
 		}, []),
 		pollIntervalMs: 6e4
 	});
-	let ve = (e) => D[e] || D.PENDING;
-	return pe ? /* @__PURE__ */ w("div", {
+	let ve = (e) => E[e] || E.PENDING;
+	return pe ? /* @__PURE__ */ S("div", {
 		className: "flex items-center justify-center min-h-screen",
-		children: /* @__PURE__ */ w(v, {
+		children: /* @__PURE__ */ S(_, {
 			size: 32,
 			className: "animate-spin text-accent-primary"
 		})
-	}) : q || !K ? /* @__PURE__ */ w("div", {
+	}) : q || !K ? /* @__PURE__ */ S("div", {
 		className: "p-6",
-		children: /* @__PURE__ */ T("div", {
+		children: /* @__PURE__ */ C("div", {
 			className: "flex items-center gap-3 p-4 bg-status-error-bg-subtle border border-status-error-border rounded-lg",
 			children: [
-				/* @__PURE__ */ w(d, {
+				/* @__PURE__ */ S(u, {
 					size: 20,
 					className: "text-status-error-text"
 				}),
-				/* @__PURE__ */ w("div", { children: /* @__PURE__ */ w("p", {
+				/* @__PURE__ */ S("div", { children: /* @__PURE__ */ S("p", {
 					className: "text-sm font-medium text-status-error-text",
 					children: q || "Channel not found"
 				}) }),
-				/* @__PURE__ */ w("button", {
+				/* @__PURE__ */ S("button", {
 					type: "button",
-					onClick: () => b(`/channels/${p}`),
+					onClick: () => y(`/channels/${f}`),
 					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__ */ w(a, {
-		permission: o.CHANNEL_WEBHOOK_READ,
-		children: /* @__PURE__ */ T("div", {
+	}) : /* @__PURE__ */ S(n, {
+		permission: r.CHANNEL_WEBHOOK_READ,
+		children: /* @__PURE__ */ C("div", {
 			className: "space-y-6 p-3 sm:p-6",
 			children: [
-				/* @__PURE__ */ T("div", {
+				/* @__PURE__ */ C("div", {
 					className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-					children: [/* @__PURE__ */ T("div", {
+					children: [/* @__PURE__ */ C("div", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ w("button", {
+						children: [/* @__PURE__ */ S("button", {
 							type: "button",
-							onClick: () => b(`/channels/${p}`),
-							"aria-label": k("channel.backToChannel", "Back to channel"),
+							onClick: () => y(`/channels/${f}`),
+							"aria-label": O("channel.backToChannel", "Back to channel"),
 							className: "p-2 text-text-secondary hover:text-text-primary hover:bg-bg-sunken rounded-lg transition-colors",
-							children: /* @__PURE__ */ w(f, {
+							children: /* @__PURE__ */ S(d, {
 								size: 20,
 								"aria-hidden": "true"
 							})
-						}), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("h1", {
+						}), /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("h1", {
 							className: "text-xl sm:text-2xl font-bold text-text-primary",
-							children: k("channel.webhookEvents", "Webhook Events")
-						}), /* @__PURE__ */ T("p", {
+							children: O("channel.webhookEvents", "Webhook Events")
+						}), /* @__PURE__ */ C("p", {
 							className: "text-sm text-text-secondary mt-1",
 							children: [K.name, " - Event history"]
 						})] })]
-					}), /* @__PURE__ */ T("div", {
+					}), /* @__PURE__ */ C("div", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ T("select", {
+						children: [/* @__PURE__ */ C("select", {
 							value: z,
 							onChange: (e) => B(Number(e.target.value)),
-							className: "px-3 py-2 text-sm bg-surface border border-border-subtle rounded-lg focus:outline-none focus:ring-2 focus:ring-action-primary-bg/50 text-text-primary",
+							className: "px-3 py-2 text-sm bg-surface border border-border-subtle rounded-lg focus:outline-none focus:ring-2 focus:ring-action-primary-bg/50 text-text-primary scheme-normal dark:scheme-dark [&_option]:bg-bg-surface [&_option]:text-text-primary",
 							children: [
-								/* @__PURE__ */ w("option", {
+								/* @__PURE__ */ S("option", {
 									value: 10,
 									children: "10 results"
 								}),
-								/* @__PURE__ */ w("option", {
+								/* @__PURE__ */ S("option", {
 									value: 25,
 									children: "25 results"
 								}),
-								/* @__PURE__ */ w("option", {
+								/* @__PURE__ */ S("option", {
 									value: 50,
 									children: "50 results"
 								}),
-								/* @__PURE__ */ w("option", {
+								/* @__PURE__ */ S("option", {
 									value: 100,
 									children: "100 results"
 								})
 							]
-						}), /* @__PURE__ */ w(ae, { actions: [{
-							label: k("channel.refresh", "Refresh"),
-							icon: /* @__PURE__ */ w(y, {
+						}), /* @__PURE__ */ S(se, { actions: [{
+							label: O("channel.refresh", "Refresh"),
+							icon: /* @__PURE__ */ S(v, {
 								size: 16,
 								className: N ? "animate-spin" : "",
 								"aria-hidden": "true"
 							}),
 							disabled: N,
 							onSelect: () => void Y(H[W])
-						}, ...le ? [{
-							label: k("channel.export", "Export"),
-							icon: j ? /* @__PURE__ */ w(v, {
+						}, ...ue ? [{
+							label: O("channel.export", "Export"),
+							icon: j ? /* @__PURE__ */ S(_, {
 								size: 16,
 								className: "animate-spin",
 								"aria-hidden": "true"
-							}) : /* @__PURE__ */ w(ne, {
+							}) : /* @__PURE__ */ S(re, {
 								size: 16,
 								"aria-hidden": "true"
 							}),
@@ -206,152 +202,152 @@ function O() {
 						}] : []] })]
 					})]
 				}),
-				M && /* @__PURE__ */ T("div", {
+				M && /* @__PURE__ */ C("div", {
 					className: "p-4 bg-status-error-bg-subtle border border-status-error-border rounded-lg flex items-center gap-3",
-					children: [/* @__PURE__ */ w(d, {
+					children: [/* @__PURE__ */ S(u, {
 						size: 20,
 						className: "text-status-error-text"
-					}), /* @__PURE__ */ w("p", {
+					}), /* @__PURE__ */ S("p", {
 						className: "text-sm text-status-error-text flex-1",
 						children: M
 					})]
 				}),
-				/* @__PURE__ */ w(ce, {
-					icon: /* @__PURE__ */ w(g, {
+				/* @__PURE__ */ S(le, {
+					icon: /* @__PURE__ */ S(h, {
 						size: 15,
 						"aria-hidden": "true"
 					}),
-					children: k("channel.webhookEventsPurpose", "Inbound events the provider pushed to this channel — delivery receipts, replies, status callbacks and the like. Each row shows how the event was processed, whether it was a duplicate, and the raw payload so you can inspect exactly what arrived. Use it to verify your webhook endpoint is receiving traffic and to debug why an event wasn't handled. Records are kept for 7 days.")
+					children: O("channel.webhookEventsPurpose", "Inbound events the provider pushed to this channel — delivery receipts, replies, status callbacks and the like. Each row shows how the event was processed, whether it was a duplicate, and the raw payload so you can inspect exactly what arrived. Use it to verify your webhook endpoint is receiving traffic and to debug why an event wasn't handled. Records are kept for 7 days.")
 				}),
-				/* @__PURE__ */ T(E, {
+				/* @__PURE__ */ C(w, {
 					className: "flex items-center gap-3 p-4",
-					children: [/* @__PURE__ */ w("span", {
+					children: [/* @__PURE__ */ S("span", {
 						className: "rounded-lg bg-accent-purple-subtle p-2",
-						children: /* @__PURE__ */ w(g, {
+						children: /* @__PURE__ */ S(h, {
 							size: 18,
 							className: "text-accent-purple",
 							"aria-hidden": "true"
 						})
-					}), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T("p", {
+					}), /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ C("p", {
 						className: "text-sm font-semibold text-text-primary",
 						children: [
 							V,
 							" ",
-							V === 1 ? k("channel.webhookEventSingular", "webhook event") : k("channel.webhookEventsPlural", "webhook events")
+							V === 1 ? O("channel.webhookEventSingular", "webhook event") : O("channel.webhookEventsPlural", "webhook events")
 						]
-					}), /* @__PURE__ */ w("p", {
+					}), /* @__PURE__ */ S("p", {
 						className: "text-sm text-text-secondary",
-						children: k("channel.webhookEventsBannerHint", "All incoming webhooks received by this channel, retained for 7 days. Expand a row to inspect its raw payload.")
+						children: O("channel.webhookEventsBannerHint", "All incoming webhooks received by this channel, retained for 7 days. Expand a row to inspect its raw payload.")
 					})] })]
 				}),
-				/* @__PURE__ */ w(oe, {
+				/* @__PURE__ */ S(T, {
 					treatment: "plain",
 					className: "border-border-seam rounded-lg overflow-hidden p-0",
-					children: /* @__PURE__ */ w("div", {
+					children: /* @__PURE__ */ S("div", {
 						className: "overflow-x-auto min-w-full",
-						children: /* @__PURE__ */ T("table", {
+						children: /* @__PURE__ */ C("table", {
 							className: "w-full min-w-[600px]",
-							children: [/* @__PURE__ */ w("thead", {
+							children: [/* @__PURE__ */ S("thead", {
 								className: "bg-bg-sunken/50 border-b border-border-subtle",
-								children: /* @__PURE__ */ T("tr", { children: [
-									/* @__PURE__ */ w("th", {
+								children: /* @__PURE__ */ C("tr", { children: [
+									/* @__PURE__ */ S("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
-										children: k("channel.status", "Status")
+										children: O("channel.status", "Status")
 									}),
-									/* @__PURE__ */ w("th", {
+									/* @__PURE__ */ S("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
-										children: k("channel.eventType", "Event Type")
+										children: O("channel.eventType", "Event Type")
 									}),
-									/* @__PURE__ */ w("th", {
+									/* @__PURE__ */ S("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
-										children: k("channel.duplicate", "Duplicate")
+										children: O("channel.duplicate", "Duplicate")
 									}),
-									/* @__PURE__ */ w("th", {
+									/* @__PURE__ */ S("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
-										children: k("channel.processedAt", "Processed At")
+										children: O("channel.processedAt", "Processed At")
 									}),
-									/* @__PURE__ */ w("th", {
+									/* @__PURE__ */ S("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
-										children: k("channel.error", "Error")
+										children: O("channel.error", "Error")
 									}),
-									/* @__PURE__ */ w("th", {
+									/* @__PURE__ */ S("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
-										children: k("channel.actions", "Actions")
+										children: O("channel.actions", "Actions")
 									})
 								] })
-							}), /* @__PURE__ */ w("tbody", {
+							}), /* @__PURE__ */ S("tbody", {
 								className: "divide-y divide-border",
-								children: F.length === 0 ? /* @__PURE__ */ w("tr", { children: /* @__PURE__ */ w("td", {
+								children: F.length === 0 ? /* @__PURE__ */ S("tr", { children: /* @__PURE__ */ S("td", {
 									colSpan: 6,
 									className: "px-4 py-8",
-									children: /* @__PURE__ */ w(se, {
+									children: /* @__PURE__ */ S(ce, {
 										illustration: "empty-notifications",
-										title: k("channel.noWebhookEventsFound", "No webhook events found")
+										title: O("channel.noWebhookEventsFound", "No webhook events found")
 									})
 								}) }) : F.map((e) => {
 									let t = ve(e.status), n = t.icon, r = L === e.id;
-									return /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ T("tr", {
+									return /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ C("tr", {
 										className: "hover:bg-bg-sunken/30 transition-colors",
 										children: [
-											/* @__PURE__ */ w("td", {
+											/* @__PURE__ */ S("td", {
 												className: "px-4 py-3",
-												children: /* @__PURE__ */ T("div", {
+												children: /* @__PURE__ */ C("div", {
 													className: "flex items-center gap-2",
-													children: [/* @__PURE__ */ w(n, {
+													children: [/* @__PURE__ */ S(n, {
 														size: 14,
 														className: t.color.split(" ")[0]
-													}), /* @__PURE__ */ w("span", {
+													}), /* @__PURE__ */ S("span", {
 														className: `text-sm font-medium ${t.color}`,
 														children: t.label
 													})]
 												})
 											}),
-											/* @__PURE__ */ w("td", {
+											/* @__PURE__ */ S("td", {
 												className: "px-4 py-3 text-sm font-mono text-text-primary",
 												children: e.eventType
 											}),
-											/* @__PURE__ */ w("td", {
+											/* @__PURE__ */ S("td", {
 												className: "px-4 py-3",
-												children: e.isDuplicate ? /* @__PURE__ */ w("span", {
+												children: e.isDuplicate ? /* @__PURE__ */ S("span", {
 													className: "text-xs text-status-warning-text bg-status-warning-bg-subtle px-2 py-1 rounded",
 													children: "Duplicate"
-												}) : /* @__PURE__ */ w("span", {
+												}) : /* @__PURE__ */ S("span", {
 													className: "text-xs text-text-secondary",
 													children: "No"
 												})
 											}),
-											/* @__PURE__ */ w("td", {
+											/* @__PURE__ */ S("td", {
 												className: "px-4 py-3 text-sm text-text-secondary",
 												children: e.processedAt ? new Date(e.processedAt).toLocaleString() : "-"
 											}),
-											/* @__PURE__ */ w("td", {
+											/* @__PURE__ */ S("td", {
 												className: "px-4 py-3 text-sm text-status-error-text max-w-xs truncate",
 												children: e.errorMessage || "-"
 											}),
-											/* @__PURE__ */ w("td", {
+											/* @__PURE__ */ S("td", {
 												className: "px-4 py-3",
-												children: /* @__PURE__ */ w("button", {
+												children: /* @__PURE__ */ S("button", {
 													type: "button",
 													onClick: () => R(r ? null : e.id),
-													"aria-label": r ? k("channel.hidePayload", "Hide payload") : k("channel.viewPayload", "View payload"),
+													"aria-label": r ? O("channel.hidePayload", "Hide payload") : O("channel.viewPayload", "View payload"),
 													"aria-expanded": r,
 													className: "p-1 text-text-secondary hover:text-text-primary hover:bg-bg-sunken rounded transition-colors",
-													children: w(r ? _ : re, {
+													children: S(r ? g : ie, {
 														size: 16,
 														"aria-hidden": "true"
 													})
 												})
 											})
 										]
-									}, e.id), r && /* @__PURE__ */ w("tr", { children: /* @__PURE__ */ w("td", {
+									}, e.id), r && /* @__PURE__ */ S("tr", { children: /* @__PURE__ */ S("td", {
 										colSpan: 6,
 										className: "px-4 py-3 bg-bg-sunken/30",
-										children: /* @__PURE__ */ T("div", {
+										children: /* @__PURE__ */ C("div", {
 											className: "text-xs",
-											children: [/* @__PURE__ */ T("p", {
+											children: [/* @__PURE__ */ C("p", {
 												className: "text-text-secondary mb-1",
-												children: [k("channel.payload", "Payload"), ":"]
-											}), /* @__PURE__ */ w("pre", {
+												children: [O("channel.payload", "Payload"), ":"]
+											}), /* @__PURE__ */ S("pre", {
 												className: "bg-surface p-2 rounded border border-border-subtle overflow-auto",
 												children: JSON.stringify(e.payload, null, 2)
 											})]
@@ -362,39 +358,39 @@ function O() {
 						})
 					})
 				}),
-				/* @__PURE__ */ T("div", {
+				/* @__PURE__ */ C("div", {
 					className: "flex items-center justify-between",
-					children: [/* @__PURE__ */ w("p", {
+					children: [/* @__PURE__ */ S("p", {
 						className: "text-sm text-text-secondary",
-						children: V > 0 && /* @__PURE__ */ T(C, { children: [
-							k("channel.page", "Page"),
+						children: V > 0 && /* @__PURE__ */ C(x, { children: [
+							O("channel.page", "Page"),
 							" ",
-							/* @__PURE__ */ w("span", {
+							/* @__PURE__ */ S("span", {
 								className: "font-medium",
 								children: W + 1
 							}),
 							" · ",
-							k("channel.totalRecords", "Total"),
+							O("channel.totalRecords", "Total"),
 							": ",
-							/* @__PURE__ */ w("span", {
+							/* @__PURE__ */ S("span", {
 								className: "font-medium",
 								children: V
 							})
 						] })
-					}), /* @__PURE__ */ T("div", {
+					}), /* @__PURE__ */ C("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ T("button", {
+						children: [/* @__PURE__ */ C("button", {
 							type: "button",
 							onClick: he,
 							disabled: !_e || N,
 							className: "flex items-center gap-1 px-3 py-1.5 text-sm border border-border-subtle rounded-lg hover:bg-bg-sunken transition-colors disabled:opacity-40 disabled:cursor-not-allowed",
-							children: [/* @__PURE__ */ w(m, { size: 16 }), k("channel.previous", "Previous")]
-						}), /* @__PURE__ */ T("button", {
+							children: [/* @__PURE__ */ S(p, { size: 16 }), O("channel.previous", "Previous")]
+						}), /* @__PURE__ */ C("button", {
 							type: "button",
 							onClick: () => void me(),
 							disabled: !ge || N,
 							className: "flex items-center gap-1 px-3 py-1.5 text-sm border border-border-subtle rounded-lg hover:bg-bg-sunken transition-colors disabled:opacity-40 disabled:cursor-not-allowed",
-							children: [k("channel.next", "Next"), /* @__PURE__ */ w(h, { size: 16 })]
+							children: [O("channel.next", "Next"), /* @__PURE__ */ S(m, { size: 16 })]
 						})]
 					})]
 				})
@@ -402,7 +398,6 @@ function O() {
 		})
 	});
 }
-//#endregion
-export { O as WebhookEventsPage };
+export { D as WebhookEventsPage };
 
 //# sourceMappingURL=WebhookEventsPage.js.map