@burdenoff/microfe-devportal 2026.611.2 → 2026.614.1

package/dist/devportal/pages/WebhookDetailPage.js

@@ -1,237 +1,237 @@
 import { useDevportal as e } from "../providers/DevportalProvider.js";
 import { EmptyState as t } from "../components/EmptyState.js";
-import { PageLayout as n, PageSection as r } from "../components/PageLayout.js";
-import { StatCard as i, StatCardGrid as a } from "../components/StatCard.js";
-import { StatusBadge as o } from "../components/StatusBadge.js";
-import { nativeImpact as s, nativeNotify as c } from "../../utils/nativeBridge.js";
-import { SecretDisplay as ee } from "../components/SecretDisplay.js";
-import { DataTable as te, DetailList as l } from "../components/DataTable.js";
-import { Alert as ne, ConfirmDialog as u } from "../components/ConfirmDialog.js";
-import { useDeleteWebhookMutation as d, useGetApplicationQuery as f, useGetWebhookDetailQuery as p, useTestWebhookMutation as m, useUpdateWebhookMutation as h } from "../../generated/global-operations.js";
-import { DEVPORTAL_PERMISSIONS as g } from "../constants/permissions.js";
-import { getErrorMessage as _ } from "../hooks/useGraphQL.js";
-import { useDevportalPermission as v } from "../hooks/usePermission.js";
+import { useDeleteWebhookMutation as n, useGetApplicationQuery as r, useGetWebhookDetailQuery as i, useTestWebhookMutation as a, useUpdateWebhookMutation as o } from "../../generated/global-operations.js";
+import { getErrorMessage as ee } from "../hooks/useGraphQL.js";
+import { PageLayout as s, PageSection as c } from "../components/PageLayout.js";
+import { StatCard as l, StatCardGrid as u } from "../components/StatCard.js";
+import { StatusBadge as d } from "../components/StatusBadge.js";
+import { nativeImpact as f, nativeNotify as p } from "../../utils/nativeBridge.js";
+import { SecretDisplay as m } from "../components/SecretDisplay.js";
+import { DataTable as h, DetailList as g } from "../components/DataTable.js";
+import { Alert as _, ConfirmDialog as v } from "../components/ConfirmDialog.js";
+import { DEVPORTAL_PERMISSIONS as y } from "../constants/permissions.js";
+import { useDevportalPermission as b } from "../hooks/usePermission.js";
 import "../hooks/index.js";
-import y from "../../node_modules/date-fns/format.js";
-import { useEffect as b, useMemo as x, useState as S } from "react";
-import { useI18n as C } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { AlertCircle as w, CheckCircle as T, Clock as re, ExternalLink as ie, Loader2 as ae, Pause as oe, Play as se, Send as ce, Trash2 as le, Webhook as E, XCircle as D } from "lucide-react";
-import { useParams as O } from "react-router-dom";
-import { jsx as k, jsxs as A } from "react/jsx-runtime";
+import x from "../../node_modules/date-fns/format.js";
+import { useEffect as S, useMemo as C, useState as w } from "react";
+import { useI18n as te } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { AlertCircle as ne, CheckCircle as T, Clock as re, ExternalLink as ie, Loader2 as ae, Pause as oe, Play as se, Send as ce, Trash2 as le, Webhook as ue, XCircle as E } from "lucide-react";
+import { useParams as D } from "react-router-dom";
+import { jsx as O, jsxs as k } from "react/jsx-runtime";
 //#region src/devportal/pages/WebhookDetailPage.tsx
-var j = (e) => e ? y(new Date(e), "MMM d, yyyy HH:mm:ss") : "Never", M = () => {
-	let { appId: M, webhookId: N } = O(), { navigate: P, basePath: F } = e(), { t: I } = C(), L = (e, t) => {
-		let n = I(e);
+var A = (e) => e ? x(new Date(e), "MMM d, yyyy HH:mm:ss") : "Never", j = () => {
+	let { appId: j, webhookId: M } = D(), { navigate: N, basePath: P } = e(), { t: F } = te(), I = (e, t) => {
+		let n = F(e);
 		return n === e ? t : n;
-	}, { allowed: R } = v(g.WEBHOOK_UPDATE), { allowed: z } = v(g.WEBHOOK_DELETE), [B, V] = S(!1), [H, U] = S(!1), [W, G] = S(null), [ue, K] = S(!1), { data: q } = f({
-		variables: { id: M ?? "" },
-		skip: !M,
+	}, { allowed: L } = b(y.WEBHOOK_UPDATE), { allowed: R } = b(y.WEBHOOK_DELETE), [z, B] = w(!1), [V, H] = w(!1), [U, W] = w(null), [de, G] = w(!1), { data: K } = r({
+		variables: { id: j ?? "" },
+		skip: !j,
 		fetchPolicy: "cache-first"
 	});
-	b(() => {
-		let e = q?.application?.name;
-		if (!M || !e) return;
+	S(() => {
+		let e = K?.application?.name;
+		if (!j || !e) return;
 		let t = window.__breadcrumbRegistry;
-		return t?.register(M, e), () => t?.unregister(M);
-	}, [M, q?.application?.name]);
-	let { data: J, loading: de, error: Y, refetch: X } = p({
+		return t?.register(j, e), () => t?.unregister(j);
+	}, [j, K?.application?.name]);
+	let { data: q, loading: fe, error: J, refetch: Y } = i({
 		variables: {
-			id: N || "",
+			id: M || "",
 			limit: 20,
 			offset: 0
 		},
-		skip: !N,
+		skip: !M,
 		fetchPolicy: "cache-and-network"
-	}), [fe, { loading: pe }] = h(), [me, { loading: he }] = d(), [ge, { loading: _e }] = m(), Z = J?.webhook;
-	b(() => {
+	}), [pe, { loading: me }] = o(), [he, { loading: ge }] = n(), [X, { loading: _e }] = a(), Z = q?.webhook;
+	S(() => {
 		let e = Z?.name;
-		if (!N || !e) return;
+		if (!M || !e) return;
 		let t = window.__breadcrumbRegistry;
-		return t?.register(N, e), () => t?.unregister(N);
-	}, [N, Z?.name]);
-	let Q = J?.webhookDeliveries?.edges?.map((e) => e.node) ?? [], $ = M || Z?.applicationId, ve = x(() => {
+		return t?.register(M, e), () => t?.unregister(M);
+	}, [M, Z?.name]);
+	let Q = q?.webhookDeliveries?.edges?.map((e) => e.node) ?? [], $ = j || Z?.applicationId, ve = C(() => {
 		if (!Z) return 0;
 		let e = (Z.successCount ?? 0) + (Z.failureCount ?? 0);
 		return e === 0 ? 100 : Math.round((Z.successCount ?? 0) / e * 100);
 	}, [Z]), ye = (e) => {
-		P?.(`${F}${e}`);
+		N?.(`${P}${e}`);
 	}, be = async () => {
-		Z && (await fe({ variables: {
+		Z && (await pe({ variables: {
 			id: Z.id,
 			input: { isActive: !Z.isActive }
-		} }), await X());
+		} }), await Y());
 	}, xe = async () => {
 		if (Z) {
-			s("medium");
+			f("medium");
 			try {
-				await me({ variables: { id: Z.id } }), c("success"), ye(`/apps/${Z.applicationId}/webhooks`);
+				await he({ variables: { id: Z.id } }), p("success"), ye(`/apps/${Z.applicationId}/webhooks`);
 			} catch {
-				c("error");
+				p("error");
 			}
 		}
 	}, Se = async () => {
 		if (!Z) return;
-		let e = (await ge({ variables: {
+		let e = (await X({ variables: {
 			id: Z.id,
 			eventType: Z.events[0] || "application.updated"
 		} })).data?.testWebhook;
 		if (!e) {
-			K(!1), G("Test request did not return a response.");
+			G(!1), W("Test request did not return a response.");
 			return;
 		}
-		K(e.success), G(e.success ? `Test delivery succeeded with HTTP ${e.statusCode ?? 200}.` : e.error || "Webhook test failed."), await X();
+		G(e.success), W(e.success ? `Test delivery succeeded with HTTP ${e.statusCode ?? 200}.` : e.error || "Webhook test failed."), await Y();
 	};
-	return de && !Z ? /* @__PURE__ */ k(n, {
-		title: L("devportal.webhook", "Webhook"),
-		description: L("devportal.loadingWebhookDetails", "Loading webhook details"),
+	return fe && !Z ? /* @__PURE__ */ O(s, {
+		title: I("devportal.webhook", "Webhook"),
+		description: I("devportal.loadingWebhookDetails", "Loading webhook details"),
 		backLink: $ ? `/apps/${$}/webhooks` : "/webhooks",
-		backLabel: L("devportal.backToWebhooks", "Back to Webhooks"),
-		children: /* @__PURE__ */ k("div", {
+		backLabel: I("devportal.backToWebhooks", "Back to Webhooks"),
+		children: /* @__PURE__ */ O("div", {
 			className: "flex items-center justify-center py-16 text-muted-foreground",
-			children: /* @__PURE__ */ k(ae, { className: "h-8 w-8 animate-spin" })
+			children: /* @__PURE__ */ O(ae, { className: "h-8 w-8 animate-spin" })
 		})
-	}) : Y || !Z ? /* @__PURE__ */ k(n, {
-		title: L("devportal.webhook", "Webhook"),
-		description: L("devportal.webhookDetails", "Webhook details"),
+	}) : J || !Z ? /* @__PURE__ */ O(s, {
+		title: I("devportal.webhook", "Webhook"),
+		description: I("devportal.webhookDetails", "Webhook details"),
 		backLink: $ ? `/apps/${$}/webhooks` : "/webhooks",
-		backLabel: L("devportal.backToWebhooks", "Back to Webhooks"),
-		children: /* @__PURE__ */ k(t, {
-			icon: /* @__PURE__ */ k(w, {
+		backLabel: I("devportal.backToWebhooks", "Back to Webhooks"),
+		children: /* @__PURE__ */ O(t, {
+			icon: /* @__PURE__ */ O(ne, {
 				size: 32,
 				className: "text-status-error-text"
 			}),
-			title: L("devportal.unableToLoadWebhook", "Unable to load webhook"),
-			description: Y ? _(Y) : L("devportal.webhookNotFound", "Webhook not found")
+			title: I("devportal.unableToLoadWebhook", "Unable to load webhook"),
+			description: J ? ee(J) : I("devportal.webhookNotFound", "Webhook not found")
 		})
-	}) : /* @__PURE__ */ A(n, {
+	}) : /* @__PURE__ */ k(s, {
 		title: Z.name,
 		description: Z.description || "Webhook configuration and delivery history",
 		backLink: `/apps/${$}/webhooks`,
-		backLabel: L("devportal.backToWebhooks", "Back to Webhooks"),
-		actions: /* @__PURE__ */ A("div", {
+		backLabel: I("devportal.backToWebhooks", "Back to Webhooks"),
+		actions: /* @__PURE__ */ k("div", {
 			className: "flex flex-wrap gap-2",
 			children: [
-				/* @__PURE__ */ A("button", {
+				/* @__PURE__ */ k("button", {
 					type: "button",
 					onClick: () => {
-						G(null), U(!0);
+						W(null), H(!0);
 					},
 					className: "inline-flex items-center gap-2 rounded-md border px-3 py-2 text-sm font-medium hover:bg-accent",
-					children: [/* @__PURE__ */ k(ce, { size: 16 }), L("devportal.test", "Test")]
+					children: [/* @__PURE__ */ O(ce, { size: 16 }), I("devportal.test", "Test")]
 				}),
-				/* @__PURE__ */ A("button", {
+				/* @__PURE__ */ k("button", {
 					type: "button",
-					disabled: pe || !R,
-					"aria-disabled": !R,
+					disabled: me || !L,
+					"aria-disabled": !L,
 					onClick: () => void be(),
 					className: "inline-flex items-center gap-2 rounded-md border px-3 py-2 text-sm font-medium hover:bg-accent disabled:cursor-not-allowed disabled:opacity-50",
-					children: [Z.isActive ? /* @__PURE__ */ k(oe, { size: 16 }) : /* @__PURE__ */ k(se, { size: 16 }), Z.isActive ? L("devportal.pauseWebhook", "Pause") : L("devportal.resumeWebhook", "Resume")]
+					children: [Z.isActive ? /* @__PURE__ */ O(oe, { size: 16 }) : /* @__PURE__ */ O(se, { size: 16 }), Z.isActive ? I("devportal.pauseWebhook", "Pause") : I("devportal.resumeWebhook", "Resume")]
 				}),
-				/* @__PURE__ */ A("button", {
+				/* @__PURE__ */ k("button", {
 					type: "button",
-					onClick: () => V(!0),
-					disabled: !z,
-					"aria-disabled": !z,
+					onClick: () => B(!0),
+					disabled: !R,
+					"aria-disabled": !R,
 					className: "inline-flex items-center gap-2 rounded-md border border-status-error-border px-3 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg-subtle disabled:opacity-50",
-					children: [/* @__PURE__ */ k(le, { size: 16 }), L("devportal.deleteWebhook", "Delete")]
+					children: [/* @__PURE__ */ O(le, { size: 16 }), I("devportal.deleteWebhook", "Delete")]
 				})
 			]
 		}),
 		children: [
-			/* @__PURE__ */ A(a, {
+			/* @__PURE__ */ k(u, {
 				columns: 4,
 				children: [
-					/* @__PURE__ */ k(i, {
-						title: L("devportal.successRate", "Success Rate"),
+					/* @__PURE__ */ O(l, {
+						title: I("devportal.successRate", "Success Rate"),
 						value: `${ve}%`,
-						icon: /* @__PURE__ */ k(T, { size: 20 })
+						icon: /* @__PURE__ */ O(T, { size: 20 })
 					}),
-					/* @__PURE__ */ k(i, {
-						title: L("devportal.successfulDeliveries", "Successful Deliveries"),
+					/* @__PURE__ */ O(l, {
+						title: I("devportal.successfulDeliveries", "Successful Deliveries"),
 						value: (Z.successCount ?? 0).toLocaleString(),
-						icon: /* @__PURE__ */ k(T, { size: 20 })
+						icon: /* @__PURE__ */ O(T, { size: 20 })
 					}),
-					/* @__PURE__ */ k(i, {
-						title: L("devportal.failedDeliveries", "Failed Deliveries"),
+					/* @__PURE__ */ O(l, {
+						title: I("devportal.failedDeliveries", "Failed Deliveries"),
 						value: (Z.failureCount ?? 0).toLocaleString(),
-						icon: /* @__PURE__ */ k(D, { size: 20 })
+						icon: /* @__PURE__ */ O(E, { size: 20 })
 					}),
-					/* @__PURE__ */ k(i, {
-						title: L("devportal.lastTriggered", "Last Triggered"),
-						value: Z.lastTriggeredAt ? y(new Date(Z.lastTriggeredAt), "MMM d, HH:mm") : L("devportal.never", "Never"),
-						icon: /* @__PURE__ */ k(re, { size: 20 })
+					/* @__PURE__ */ O(l, {
+						title: I("devportal.lastTriggered", "Last Triggered"),
+						value: Z.lastTriggeredAt ? x(new Date(Z.lastTriggeredAt), "MMM d, HH:mm") : I("devportal.never", "Never"),
+						icon: /* @__PURE__ */ O(re, { size: 20 })
 					})
 				]
 			}),
-			/* @__PURE__ */ k(r, {
-				title: L("devportal.configuration", "Configuration"),
-				children: /* @__PURE__ */ k(l, { items: [
+			/* @__PURE__ */ O(c, {
+				title: I("devportal.configuration", "Configuration"),
+				children: /* @__PURE__ */ O(g, { items: [
 					{
-						label: L("devportal.status", "Status"),
-						value: /* @__PURE__ */ k(o, {
+						label: I("devportal.status", "Status"),
+						value: /* @__PURE__ */ O(d, {
 							status: Z.status,
 							type: "webhook"
 						})
 					},
 					{
-						label: L("devportal.endpointUrl", "Endpoint URL"),
-						value: /* @__PURE__ */ A("span", {
+						label: I("devportal.endpointUrl", "Endpoint URL"),
+						value: /* @__PURE__ */ k("span", {
 							className: "flex flex-wrap items-center gap-2 font-mono text-sm",
-							children: [/* @__PURE__ */ k("span", {
+							children: [/* @__PURE__ */ O("span", {
 								className: "break-all",
 								children: Z.url
-							}), /* @__PURE__ */ k("a", {
+							}), /* @__PURE__ */ O("a", {
 								href: Z.url,
 								target: "_blank",
 								rel: "noopener noreferrer",
 								className: "text-primary",
-								children: /* @__PURE__ */ k(ie, { size: 14 })
+								children: /* @__PURE__ */ O(ie, { size: 14 })
 							})]
 						})
 					},
 					{
-						label: L("devportal.signingSecret", "Signing Secret"),
-						value: /* @__PURE__ */ k(ee, {
+						label: I("devportal.signingSecret", "Signing Secret"),
+						value: /* @__PURE__ */ O(m, {
 							value: Z.secret || "******",
 							label: ""
 						})
 					},
 					{
-						label: L("devportal.subscribedEvents", "Subscribed Events"),
-						value: /* @__PURE__ */ k("div", {
+						label: I("devportal.subscribedEvents", "Subscribed Events"),
+						value: /* @__PURE__ */ O("div", {
 							className: "flex flex-wrap gap-1",
-							children: Z.events.map((e) => /* @__PURE__ */ k("code", {
+							children: Z.events.map((e) => /* @__PURE__ */ O("code", {
 								className: "rounded bg-muted px-1.5 py-0.5 text-xs",
 								children: e
 							}, e))
 						})
 					},
 					{
-						label: L("devportal.retryPolicy", "Retry Policy"),
-						value: Z.retryEnabled ? L("devportal.retryPolicyEnabled", `Up to ${Z.maxRetries ?? 0} retries`) : L("devportal.retriesDisabled", "Retries disabled")
+						label: I("devportal.retryPolicy", "Retry Policy"),
+						value: Z.retryEnabled ? I("devportal.retryPolicyEnabled", `Up to ${Z.maxRetries ?? 0} retries`) : I("devportal.retriesDisabled", "Retries disabled")
 					},
 					{
-						label: L("devportal.created", "Created"),
-						value: j(Z.createdAt)
+						label: I("devportal.created", "Created"),
+						value: A(Z.createdAt)
 					},
 					{
-						label: L("devportal.updated", "Updated"),
-						value: j(Z.updatedAt)
+						label: I("devportal.updated", "Updated"),
+						value: A(Z.updatedAt)
 					}
 				] })
 			}),
-			/* @__PURE__ */ k(r, {
-				title: L("devportal.recentDeliveries", "Recent Deliveries"),
-				children: Q.length > 0 ? /* @__PURE__ */ k(te, {
+			/* @__PURE__ */ O(c, {
+				title: I("devportal.recentDeliveries", "Recent Deliveries"),
+				children: Q.length > 0 ? /* @__PURE__ */ O(h, {
 					data: Q,
 					keyField: "id",
 					columns: [
 						{
 							key: "status",
-							header: L("devportal.status", "Status"),
-							render: (e) => /* @__PURE__ */ k("div", {
+							header: I("devportal.status", "Status"),
+							render: (e) => /* @__PURE__ */ O("div", {
 								className: "flex items-center gap-2",
-								children: /* @__PURE__ */ k(o, {
+								children: /* @__PURE__ */ O(d, {
 									status: e.status,
 									type: "delivery"
 								})
@@ -239,63 +239,63 @@ var j = (e) => e ? y(new Date(e), "MMM d, yyyy HH:mm:ss") : "Never", M = () => {
 						},
 						{
 							key: "eventType",
-							header: L("devportal.event", "Event"),
-							render: (e) => /* @__PURE__ */ k("code", {
+							header: I("devportal.event", "Event"),
+							render: (e) => /* @__PURE__ */ O("code", {
 								className: "text-xs",
 								children: e.eventType
 							})
 						},
 						{
 							key: "responseStatus",
-							header: L("devportal.response", "Response"),
+							header: I("devportal.response", "Response"),
 							render: (e) => e.responseStatus ?? "-"
 						},
 						{
 							key: "attemptNumber",
-							header: L("devportal.attempts", "Attempts"),
+							header: I("devportal.attempts", "Attempts"),
 							render: (e) => e.attemptNumber
 						},
 						{
 							key: "createdAt",
-							header: L("devportal.created", "Created"),
-							render: (e) => j(e.createdAt)
+							header: I("devportal.created", "Created"),
+							render: (e) => A(e.createdAt)
 						}
 					]
-				}) : /* @__PURE__ */ k(t, {
-					icon: /* @__PURE__ */ k(E, { size: 24 }),
-					title: L("devportal.noDeliveriesYet", "No deliveries yet"),
-					description: L("devportal.noDeliveriesYetDescription", "Deliveries will appear here after the first matching event is sent to this endpoint.")
+				}) : /* @__PURE__ */ O(t, {
+					icon: /* @__PURE__ */ O(ue, { size: 24 }),
+					title: I("devportal.noDeliveriesYet", "No deliveries yet"),
+					description: I("devportal.noDeliveriesYetDescription", "Deliveries will appear here after the first matching event is sent to this endpoint.")
 				})
 			}),
-			/* @__PURE__ */ k(u, {
-				open: B,
-				onOpenChange: V,
+			/* @__PURE__ */ O(v, {
+				open: z,
+				onOpenChange: B,
 				onConfirm: () => void xe(),
-				loading: he,
-				title: L("devportal.deleteWebhookTitle", "Delete webhook"),
-				description: L("devportal.deleteWebhookDescription", "Deleting this webhook stops all future deliveries for this endpoint."),
-				confirmLabel: L("devportal.deleteWebhookConfirm", "Delete webhook"),
+				loading: ge,
+				title: I("devportal.deleteWebhookTitle", "Delete webhook"),
+				description: I("devportal.deleteWebhookDescription", "Deleting this webhook stops all future deliveries for this endpoint."),
+				confirmLabel: I("devportal.deleteWebhookConfirm", "Delete webhook"),
 				variant: "danger"
 			}),
-			/* @__PURE__ */ k(u, {
-				open: H,
+			/* @__PURE__ */ O(v, {
+				open: V,
 				onOpenChange: (e) => {
-					U(e), e || G(null);
+					H(e), e || W(null);
 				},
 				onConfirm: () => void Se(),
 				loading: _e,
-				title: L("devportal.sendTestDelivery", "Send test delivery"),
-				description: L("devportal.sendTestDeliveryDescription", "A signed test event will be sent to the configured endpoint through the public gateway."),
-				confirmLabel: L("devportal.sendTestEvent", "Send test event"),
-				children: W && /* @__PURE__ */ k(ne, {
-					variant: ue ? "success" : "error",
-					children: W
+				title: I("devportal.sendTestDelivery", "Send test delivery"),
+				description: I("devportal.sendTestDeliveryDescription", "A signed test event will be sent to the configured endpoint through the public gateway."),
+				confirmLabel: I("devportal.sendTestEvent", "Send test event"),
+				children: U && /* @__PURE__ */ O(_, {
+					variant: de ? "success" : "error",
+					children: U
 				})
 			})
 		]
 	});
 };
 //#endregion
-export { M as WebhookDetailPage };
+export { j as WebhookDetailPage };
 
 //# sourceMappingURL=WebhookDetailPage.js.map

package/dist/devportal/pages/WebhookDetailPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"WebhookDetailPage.js","names":[],"sources":["../../../src/devportal/pages/WebhookDetailPage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport { useParams } from \"react-router-dom\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport {\n  CheckCircle,\n  Clock,\n  ExternalLink,\n  Loader2,\n  Pause,\n  Play,\n  Send,\n  Trash2,\n  Webhook,\n  XCircle,\n  AlertCircle,\n} from \"lucide-react\";\nimport { format } from \"date-fns\";\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport { StatCard, StatCardGrid } from \"../components/StatCard\";\nimport { ConfirmDialog, Alert } from \"../components/ConfirmDialog\";\nimport { DataTable, DetailList } from \"../components/DataTable\";\nimport { EmptyState } from \"../components/EmptyState\";\nimport { SecretDisplay } from \"../components/SecretDisplay\";\nimport { StatusBadge } from \"../components/StatusBadge\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport { nativeImpact, nativeNotify } from \"../../utils/nativeBridge\";\nimport {\n  type GetWebhookDetailQuery,\n  getErrorMessage,\n  useDeleteWebhookMutation,\n  useGetApplicationQuery,\n  useGetWebhookDetailQuery,\n  useTestWebhookMutation,\n  useUpdateWebhookMutation,\n} from \"../hooks\";\nimport { DEVPORTAL_PERMISSIONS } from \"../constants/permissions\";\nimport { useDevportalPermission } from \"../hooks/usePermission\";\n\nconst formatTimestamp = (value?: string | null) => {\n  if (!value) return \"Never\";\n  return format(new Date(value), \"MMM d, yyyy HH:mm:ss\");\n};\n\ntype WebhookDeliveryEntry =\n  GetWebhookDetailQuery[\"webhookDeliveries\"][\"edges\"][number][\"node\"];\n\nexport const WebhookDetailPage: FC = () => {\n  const { appId, webhookId } = useParams<{\n    appId: string;\n    webhookId: string;\n  }>();\n  const { navigate, basePath } = useDevportal();\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 { allowed: canUpdate } = useDevportalPermission(\n    DEVPORTAL_PERMISSIONS.WEBHOOK_UPDATE,\n  );\n  const { allowed: canDelete } = useDevportalPermission(\n    DEVPORTAL_PERMISSIONS.WEBHOOK_DELETE,\n  );\n  const [showDeleteDialog, setShowDeleteDialog] = useState(false);\n  const [showTestDialog, setShowTestDialog] = useState(false);\n  const [testMessage, setTestMessage] = useState<string | null>(null);\n  const [testSuccess, setTestSuccess] = useState(false);\n\n  const { data: appData } = useGetApplicationQuery({\n    variables: { id: appId ?? \"\" },\n    skip: !appId,\n    fetchPolicy: \"cache-first\",\n  });\n\n  useEffect(() => {\n    const name = appData?.application?.name;\n    if (!appId || !name) return;\n    const reg = (\n      window as unknown as {\n        __breadcrumbRegistry?: {\n          register: (id: string, name: string) => void;\n          unregister: (id: string) => void;\n        };\n      }\n    ).__breadcrumbRegistry;\n    reg?.register(appId, name);\n    return () => reg?.unregister(appId);\n  }, [appId, appData?.application?.name]);\n\n  const { data, loading, error, refetch } = useGetWebhookDetailQuery({\n    variables: {\n      id: webhookId || \"\",\n      limit: 20,\n      offset: 0,\n    },\n    skip: !webhookId,\n    fetchPolicy: \"cache-and-network\",\n  });\n  const [updateWebhook, { loading: updateLoading }] =\n    useUpdateWebhookMutation();\n  const [deleteWebhook, { loading: deleteLoading }] =\n    useDeleteWebhookMutation();\n  const [testWebhook, { loading: testLoading }] = useTestWebhookMutation();\n\n  const webhook = data?.webhook;\n\n  useEffect(() => {\n    const name = webhook?.name;\n    if (!webhookId || !name) return;\n    const reg = (\n      window as unknown as {\n        __breadcrumbRegistry?: {\n          register: (id: string, name: string) => void;\n          unregister: (id: string) => void;\n        };\n      }\n    ).__breadcrumbRegistry;\n    reg?.register(webhookId, name);\n    return () => reg?.unregister(webhookId);\n  }, [webhookId, webhook?.name]);\n\n  const deliveries: WebhookDeliveryEntry[] =\n    data?.webhookDeliveries?.edges?.map(\n      (edge: GetWebhookDetailQuery[\"webhookDeliveries\"][\"edges\"][number]) =>\n        edge.node,\n    ) ?? [];\n  const backAppId = appId || webhook?.applicationId;\n  const successRate = useMemo(() => {\n    if (!webhook) return 0;\n    const total = (webhook.successCount ?? 0) + (webhook.failureCount ?? 0);\n    if (total === 0) return 100;\n    return Math.round(((webhook.successCount ?? 0) / total) * 100);\n  }, [webhook]);\n\n  const handleNavigate = (path: string) => {\n    navigate?.(`${basePath}${path}`);\n  };\n\n  const handleToggleActive = async () => {\n    if (!webhook) return;\n\n    await updateWebhook({\n      variables: {\n        id: webhook.id,\n        input: {\n          isActive: !webhook.isActive,\n        },\n      },\n    });\n\n    await refetch();\n  };\n\n  const handleDelete = async () => {\n    if (!webhook) return;\n    void nativeImpact(\"medium\");\n\n    try {\n      await deleteWebhook({\n        variables: {\n          id: webhook.id,\n        },\n      });\n      void nativeNotify(\"success\");\n      handleNavigate(`/apps/${webhook.applicationId}/webhooks`);\n    } catch {\n      void nativeNotify(\"error\");\n    }\n  };\n\n  const handleTest = async () => {\n    if (!webhook) return;\n\n    const result = await testWebhook({\n      variables: {\n        id: webhook.id,\n        eventType: webhook.events[0] || \"application.updated\",\n      },\n    });\n\n    const response = result.data?.testWebhook;\n    if (!response) {\n      setTestSuccess(false);\n      setTestMessage(\"Test request did not return a response.\");\n      return;\n    }\n\n    setTestSuccess(response.success);\n    setTestMessage(\n      response.success\n        ? `Test delivery succeeded with HTTP ${response.statusCode ?? 200}.`\n        : response.error || \"Webhook test failed.\",\n    );\n\n    await refetch();\n  };\n\n  if (loading && !webhook) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.webhook\", \"Webhook\")}\n        description={tr(\n          \"devportal.loadingWebhookDetails\",\n          \"Loading webhook details\",\n        )}\n        backLink={backAppId ? `/apps/${backAppId}/webhooks` : \"/webhooks\"}\n        backLabel={tr(\"devportal.backToWebhooks\", \"Back to Webhooks\")}\n      >\n        <div className=\"flex items-center justify-center py-16 text-muted-foreground\">\n          <Loader2 className=\"h-8 w-8 animate-spin\" />\n        </div>\n      </PageLayout>\n    );\n  }\n\n  if (error || !webhook) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.webhook\", \"Webhook\")}\n        description={tr(\"devportal.webhookDetails\", \"Webhook details\")}\n        backLink={backAppId ? `/apps/${backAppId}/webhooks` : \"/webhooks\"}\n        backLabel={tr(\"devportal.backToWebhooks\", \"Back to Webhooks\")}\n      >\n        <EmptyState\n          icon={<AlertCircle size={32} className=\"text-status-error-text\" />}\n          title={tr(\"devportal.unableToLoadWebhook\", \"Unable to load webhook\")}\n          description={\n            error\n              ? getErrorMessage(error)\n              : tr(\"devportal.webhookNotFound\", \"Webhook not found\")\n          }\n        />\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title={webhook.name}\n      description={\n        webhook.description || \"Webhook configuration and delivery history\"\n      }\n      backLink={`/apps/${backAppId}/webhooks`}\n      backLabel={tr(\"devportal.backToWebhooks\", \"Back to Webhooks\")}\n      actions={\n        <div className=\"flex flex-wrap gap-2\">\n          <button\n            type=\"button\"\n            onClick={() => {\n              setTestMessage(null);\n              setShowTestDialog(true);\n            }}\n            className=\"inline-flex items-center gap-2 rounded-md border px-3 py-2 text-sm font-medium hover:bg-accent\"\n          >\n            <Send size={16} />\n            {tr(\"devportal.test\", \"Test\")}\n          </button>\n          <button\n            type=\"button\"\n            disabled={updateLoading || !canUpdate}\n            aria-disabled={!canUpdate}\n            onClick={() => void handleToggleActive()}\n            className=\"inline-flex items-center gap-2 rounded-md border px-3 py-2 text-sm font-medium hover:bg-accent disabled:cursor-not-allowed disabled:opacity-50\"\n          >\n            {webhook.isActive ? <Pause size={16} /> : <Play size={16} />}\n            {webhook.isActive\n              ? tr(\"devportal.pauseWebhook\", \"Pause\")\n              : tr(\"devportal.resumeWebhook\", \"Resume\")}\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => setShowDeleteDialog(true)}\n            disabled={!canDelete}\n            aria-disabled={!canDelete}\n            className=\"inline-flex items-center gap-2 rounded-md border border-status-error-border px-3 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg-subtle disabled:opacity-50\"\n          >\n            <Trash2 size={16} />\n            {tr(\"devportal.deleteWebhook\", \"Delete\")}\n          </button>\n        </div>\n      }\n    >\n      <StatCardGrid columns={4}>\n        <StatCard\n          title={tr(\"devportal.successRate\", \"Success Rate\")}\n          value={`${successRate}%`}\n          icon={<CheckCircle size={20} />}\n        />\n        <StatCard\n          title={tr(\"devportal.successfulDeliveries\", \"Successful Deliveries\")}\n          value={(webhook.successCount ?? 0).toLocaleString()}\n          icon={<CheckCircle size={20} />}\n        />\n        <StatCard\n          title={tr(\"devportal.failedDeliveries\", \"Failed Deliveries\")}\n          value={(webhook.failureCount ?? 0).toLocaleString()}\n          icon={<XCircle size={20} />}\n        />\n        <StatCard\n          title={tr(\"devportal.lastTriggered\", \"Last Triggered\")}\n          value={\n            webhook.lastTriggeredAt\n              ? format(new Date(webhook.lastTriggeredAt), \"MMM d, HH:mm\")\n              : tr(\"devportal.never\", \"Never\")\n          }\n          icon={<Clock size={20} />}\n        />\n      </StatCardGrid>\n\n      <PageSection title={tr(\"devportal.configuration\", \"Configuration\")}>\n        <DetailList\n          items={[\n            {\n              label: tr(\"devportal.status\", \"Status\"),\n              value: <StatusBadge status={webhook.status} type=\"webhook\" />,\n            },\n            {\n              label: tr(\"devportal.endpointUrl\", \"Endpoint URL\"),\n              value: (\n                <span className=\"flex flex-wrap items-center gap-2 font-mono text-sm\">\n                  <span className=\"break-all\">{webhook.url}</span>\n                  <a\n                    href={webhook.url}\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    className=\"text-primary\"\n                  >\n                    <ExternalLink size={14} />\n                  </a>\n                </span>\n              ),\n            },\n            {\n              label: tr(\"devportal.signingSecret\", \"Signing Secret\"),\n              value: (\n                <SecretDisplay value={webhook.secret || \"******\"} label=\"\" />\n              ),\n            },\n            {\n              label: tr(\"devportal.subscribedEvents\", \"Subscribed Events\"),\n              value: (\n                <div className=\"flex flex-wrap gap-1\">\n                  {webhook.events.map((eventName: string) => (\n                    <code\n                      key={eventName}\n                      className=\"rounded bg-muted px-1.5 py-0.5 text-xs\"\n                    >\n                      {eventName}\n                    </code>\n                  ))}\n                </div>\n              ),\n            },\n            {\n              label: tr(\"devportal.retryPolicy\", \"Retry Policy\"),\n              value: webhook.retryEnabled\n                ? tr(\n                    \"devportal.retryPolicyEnabled\",\n                    `Up to ${webhook.maxRetries ?? 0} retries`,\n                  )\n                : tr(\"devportal.retriesDisabled\", \"Retries disabled\"),\n            },\n            {\n              label: tr(\"devportal.created\", \"Created\"),\n              value: formatTimestamp(webhook.createdAt),\n            },\n            {\n              label: tr(\"devportal.updated\", \"Updated\"),\n              value: formatTimestamp(webhook.updatedAt),\n            },\n          ]}\n        />\n      </PageSection>\n\n      <PageSection\n        title={tr(\"devportal.recentDeliveries\", \"Recent Deliveries\")}\n      >\n        {deliveries.length > 0 ? (\n          <DataTable\n            data={deliveries}\n            keyField=\"id\"\n            columns={[\n              {\n                key: \"status\",\n                header: tr(\"devportal.status\", \"Status\"),\n                render: (delivery) => (\n                  <div className=\"flex items-center gap-2\">\n                    <StatusBadge status={delivery.status} type=\"delivery\" />\n                  </div>\n                ),\n              },\n              {\n                key: \"eventType\",\n                header: tr(\"devportal.event\", \"Event\"),\n                render: (delivery) => (\n                  <code className=\"text-xs\">{delivery.eventType}</code>\n                ),\n              },\n              {\n                key: \"responseStatus\",\n                header: tr(\"devportal.response\", \"Response\"),\n                render: (delivery) => delivery.responseStatus ?? \"-\",\n              },\n              {\n                key: \"attemptNumber\",\n                header: tr(\"devportal.attempts\", \"Attempts\"),\n                render: (delivery) => delivery.attemptNumber,\n              },\n              {\n                key: \"createdAt\",\n                header: tr(\"devportal.created\", \"Created\"),\n                render: (delivery) => formatTimestamp(delivery.createdAt),\n              },\n            ]}\n          />\n        ) : (\n          <EmptyState\n            icon={<Webhook size={24} />}\n            title={tr(\"devportal.noDeliveriesYet\", \"No deliveries yet\")}\n            description={tr(\n              \"devportal.noDeliveriesYetDescription\",\n              \"Deliveries will appear here after the first matching event is sent to this endpoint.\",\n            )}\n          />\n        )}\n      </PageSection>\n\n      <ConfirmDialog\n        open={showDeleteDialog}\n        onOpenChange={setShowDeleteDialog}\n        onConfirm={() => void handleDelete()}\n        loading={deleteLoading}\n        title={tr(\"devportal.deleteWebhookTitle\", \"Delete webhook\")}\n        description={tr(\n          \"devportal.deleteWebhookDescription\",\n          \"Deleting this webhook stops all future deliveries for this endpoint.\",\n        )}\n        confirmLabel={tr(\"devportal.deleteWebhookConfirm\", \"Delete webhook\")}\n        variant=\"danger\"\n      />\n\n      <ConfirmDialog\n        open={showTestDialog}\n        onOpenChange={(open) => {\n          setShowTestDialog(open);\n          if (!open) {\n            setTestMessage(null);\n          }\n        }}\n        onConfirm={() => void handleTest()}\n        loading={testLoading}\n        title={tr(\"devportal.sendTestDelivery\", \"Send test delivery\")}\n        description={tr(\n          \"devportal.sendTestDeliveryDescription\",\n          \"A signed test event will be sent to the configured endpoint through the public gateway.\",\n        )}\n        confirmLabel={tr(\"devportal.sendTestEvent\", \"Send test event\")}\n      >\n        {testMessage && (\n          <Alert variant={testSuccess ? \"success\" : \"error\"}>\n            {testMessage}\n          </Alert>\n        )}\n      </ConfirmDialog>\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"WebhookDetailPage.js","names":[],"sources":["../../../src/devportal/pages/WebhookDetailPage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport { useParams } from \"react-router-dom\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport {\n  CheckCircle,\n  Clock,\n  ExternalLink,\n  Loader2,\n  Pause,\n  Play,\n  Send,\n  Trash2,\n  Webhook,\n  XCircle,\n  AlertCircle,\n} from \"lucide-react\";\nimport { format } from \"date-fns\";\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport { StatCard, StatCardGrid } from \"../components/StatCard\";\nimport { ConfirmDialog, Alert } from \"../components/ConfirmDialog\";\nimport { DataTable, DetailList } from \"../components/DataTable\";\nimport { EmptyState } from \"../components/EmptyState\";\nimport { SecretDisplay } from \"../components/SecretDisplay\";\nimport { StatusBadge } from \"../components/StatusBadge\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport { nativeImpact, nativeNotify } from \"../../utils/nativeBridge\";\nimport {\n  type GetWebhookDetailQuery,\n  getErrorMessage,\n  useDeleteWebhookMutation,\n  useGetApplicationQuery,\n  useGetWebhookDetailQuery,\n  useTestWebhookMutation,\n  useUpdateWebhookMutation,\n} from \"../hooks\";\nimport { DEVPORTAL_PERMISSIONS } from \"../constants/permissions\";\nimport { useDevportalPermission } from \"../hooks/usePermission\";\n\nconst formatTimestamp = (value?: string | null) => {\n  if (!value) return \"Never\";\n  return format(new Date(value), \"MMM d, yyyy HH:mm:ss\");\n};\n\ntype WebhookDeliveryEntry =\n  GetWebhookDetailQuery[\"webhookDeliveries\"][\"edges\"][number][\"node\"];\n\nexport const WebhookDetailPage: FC = () => {\n  const { appId, webhookId } = useParams<{\n    appId: string;\n    webhookId: string;\n  }>();\n  const { navigate, basePath } = useDevportal();\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 { allowed: canUpdate } = useDevportalPermission(\n    DEVPORTAL_PERMISSIONS.WEBHOOK_UPDATE,\n  );\n  const { allowed: canDelete } = useDevportalPermission(\n    DEVPORTAL_PERMISSIONS.WEBHOOK_DELETE,\n  );\n  const [showDeleteDialog, setShowDeleteDialog] = useState(false);\n  const [showTestDialog, setShowTestDialog] = useState(false);\n  const [testMessage, setTestMessage] = useState<string | null>(null);\n  const [testSuccess, setTestSuccess] = useState(false);\n\n  const { data: appData } = useGetApplicationQuery({\n    variables: { id: appId ?? \"\" },\n    skip: !appId,\n    fetchPolicy: \"cache-first\",\n  });\n\n  useEffect(() => {\n    const name = appData?.application?.name;\n    if (!appId || !name) return;\n    const reg = (\n      window as unknown as {\n        __breadcrumbRegistry?: {\n          register: (id: string, name: string) => void;\n          unregister: (id: string) => void;\n        };\n      }\n    ).__breadcrumbRegistry;\n    reg?.register(appId, name);\n    return () => reg?.unregister(appId);\n  }, [appId, appData?.application?.name]);\n\n  const { data, loading, error, refetch } = useGetWebhookDetailQuery({\n    variables: {\n      id: webhookId || \"\",\n      limit: 20,\n      offset: 0,\n    },\n    skip: !webhookId,\n    fetchPolicy: \"cache-and-network\",\n  });\n  const [updateWebhook, { loading: updateLoading }] =\n    useUpdateWebhookMutation();\n  const [deleteWebhook, { loading: deleteLoading }] =\n    useDeleteWebhookMutation();\n  const [testWebhook, { loading: testLoading }] = useTestWebhookMutation();\n\n  const webhook = data?.webhook;\n\n  useEffect(() => {\n    const name = webhook?.name;\n    if (!webhookId || !name) return;\n    const reg = (\n      window as unknown as {\n        __breadcrumbRegistry?: {\n          register: (id: string, name: string) => void;\n          unregister: (id: string) => void;\n        };\n      }\n    ).__breadcrumbRegistry;\n    reg?.register(webhookId, name);\n    return () => reg?.unregister(webhookId);\n  }, [webhookId, webhook?.name]);\n\n  const deliveries: WebhookDeliveryEntry[] =\n    data?.webhookDeliveries?.edges?.map(\n      (edge: GetWebhookDetailQuery[\"webhookDeliveries\"][\"edges\"][number]) =>\n        edge.node,\n    ) ?? [];\n  const backAppId = appId || webhook?.applicationId;\n  const successRate = useMemo(() => {\n    if (!webhook) return 0;\n    const total = (webhook.successCount ?? 0) + (webhook.failureCount ?? 0);\n    if (total === 0) return 100;\n    return Math.round(((webhook.successCount ?? 0) / total) * 100);\n  }, [webhook]);\n\n  const handleNavigate = (path: string) => {\n    navigate?.(`${basePath}${path}`);\n  };\n\n  const handleToggleActive = async () => {\n    if (!webhook) return;\n\n    await updateWebhook({\n      variables: {\n        id: webhook.id,\n        input: {\n          isActive: !webhook.isActive,\n        },\n      },\n    });\n\n    await refetch();\n  };\n\n  const handleDelete = async () => {\n    if (!webhook) return;\n    void nativeImpact(\"medium\");\n\n    try {\n      await deleteWebhook({\n        variables: {\n          id: webhook.id,\n        },\n      });\n      void nativeNotify(\"success\");\n      handleNavigate(`/apps/${webhook.applicationId}/webhooks`);\n    } catch {\n      void nativeNotify(\"error\");\n    }\n  };\n\n  const handleTest = async () => {\n    if (!webhook) return;\n\n    const result = await testWebhook({\n      variables: {\n        id: webhook.id,\n        eventType: webhook.events[0] || \"application.updated\",\n      },\n    });\n\n    const response = result.data?.testWebhook;\n    if (!response) {\n      setTestSuccess(false);\n      setTestMessage(\"Test request did not return a response.\");\n      return;\n    }\n\n    setTestSuccess(response.success);\n    setTestMessage(\n      response.success\n        ? `Test delivery succeeded with HTTP ${response.statusCode ?? 200}.`\n        : response.error || \"Webhook test failed.\",\n    );\n\n    await refetch();\n  };\n\n  if (loading && !webhook) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.webhook\", \"Webhook\")}\n        description={tr(\n          \"devportal.loadingWebhookDetails\",\n          \"Loading webhook details\",\n        )}\n        backLink={backAppId ? `/apps/${backAppId}/webhooks` : \"/webhooks\"}\n        backLabel={tr(\"devportal.backToWebhooks\", \"Back to Webhooks\")}\n      >\n        <div className=\"flex items-center justify-center py-16 text-muted-foreground\">\n          <Loader2 className=\"h-8 w-8 animate-spin\" />\n        </div>\n      </PageLayout>\n    );\n  }\n\n  if (error || !webhook) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.webhook\", \"Webhook\")}\n        description={tr(\"devportal.webhookDetails\", \"Webhook details\")}\n        backLink={backAppId ? `/apps/${backAppId}/webhooks` : \"/webhooks\"}\n        backLabel={tr(\"devportal.backToWebhooks\", \"Back to Webhooks\")}\n      >\n        <EmptyState\n          icon={<AlertCircle size={32} className=\"text-status-error-text\" />}\n          title={tr(\"devportal.unableToLoadWebhook\", \"Unable to load webhook\")}\n          description={\n            error\n              ? getErrorMessage(error)\n              : tr(\"devportal.webhookNotFound\", \"Webhook not found\")\n          }\n        />\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title={webhook.name}\n      description={\n        webhook.description || \"Webhook configuration and delivery history\"\n      }\n      backLink={`/apps/${backAppId}/webhooks`}\n      backLabel={tr(\"devportal.backToWebhooks\", \"Back to Webhooks\")}\n      actions={\n        <div className=\"flex flex-wrap gap-2\">\n          <button\n            type=\"button\"\n            onClick={() => {\n              setTestMessage(null);\n              setShowTestDialog(true);\n            }}\n            className=\"inline-flex items-center gap-2 rounded-md border px-3 py-2 text-sm font-medium hover:bg-accent\"\n          >\n            <Send size={16} />\n            {tr(\"devportal.test\", \"Test\")}\n          </button>\n          <button\n            type=\"button\"\n            disabled={updateLoading || !canUpdate}\n            aria-disabled={!canUpdate}\n            onClick={() => void handleToggleActive()}\n            className=\"inline-flex items-center gap-2 rounded-md border px-3 py-2 text-sm font-medium hover:bg-accent disabled:cursor-not-allowed disabled:opacity-50\"\n          >\n            {webhook.isActive ? <Pause size={16} /> : <Play size={16} />}\n            {webhook.isActive\n              ? tr(\"devportal.pauseWebhook\", \"Pause\")\n              : tr(\"devportal.resumeWebhook\", \"Resume\")}\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => setShowDeleteDialog(true)}\n            disabled={!canDelete}\n            aria-disabled={!canDelete}\n            className=\"inline-flex items-center gap-2 rounded-md border border-status-error-border px-3 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg-subtle disabled:opacity-50\"\n          >\n            <Trash2 size={16} />\n            {tr(\"devportal.deleteWebhook\", \"Delete\")}\n          </button>\n        </div>\n      }\n    >\n      <StatCardGrid columns={4}>\n        <StatCard\n          title={tr(\"devportal.successRate\", \"Success Rate\")}\n          value={`${successRate}%`}\n          icon={<CheckCircle size={20} />}\n        />\n        <StatCard\n          title={tr(\"devportal.successfulDeliveries\", \"Successful Deliveries\")}\n          value={(webhook.successCount ?? 0).toLocaleString()}\n          icon={<CheckCircle size={20} />}\n        />\n        <StatCard\n          title={tr(\"devportal.failedDeliveries\", \"Failed Deliveries\")}\n          value={(webhook.failureCount ?? 0).toLocaleString()}\n          icon={<XCircle size={20} />}\n        />\n        <StatCard\n          title={tr(\"devportal.lastTriggered\", \"Last Triggered\")}\n          value={\n            webhook.lastTriggeredAt\n              ? format(new Date(webhook.lastTriggeredAt), \"MMM d, HH:mm\")\n              : tr(\"devportal.never\", \"Never\")\n          }\n          icon={<Clock size={20} />}\n        />\n      </StatCardGrid>\n\n      <PageSection title={tr(\"devportal.configuration\", \"Configuration\")}>\n        <DetailList\n          items={[\n            {\n              label: tr(\"devportal.status\", \"Status\"),\n              value: <StatusBadge status={webhook.status} type=\"webhook\" />,\n            },\n            {\n              label: tr(\"devportal.endpointUrl\", \"Endpoint URL\"),\n              value: (\n                <span className=\"flex flex-wrap items-center gap-2 font-mono text-sm\">\n                  <span className=\"break-all\">{webhook.url}</span>\n                  <a\n                    href={webhook.url}\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    className=\"text-primary\"\n                  >\n                    <ExternalLink size={14} />\n                  </a>\n                </span>\n              ),\n            },\n            {\n              label: tr(\"devportal.signingSecret\", \"Signing Secret\"),\n              value: (\n                <SecretDisplay value={webhook.secret || \"******\"} label=\"\" />\n              ),\n            },\n            {\n              label: tr(\"devportal.subscribedEvents\", \"Subscribed Events\"),\n              value: (\n                <div className=\"flex flex-wrap gap-1\">\n                  {webhook.events.map((eventName: string) => (\n                    <code\n                      key={eventName}\n                      className=\"rounded bg-muted px-1.5 py-0.5 text-xs\"\n                    >\n                      {eventName}\n                    </code>\n                  ))}\n                </div>\n              ),\n            },\n            {\n              label: tr(\"devportal.retryPolicy\", \"Retry Policy\"),\n              value: webhook.retryEnabled\n                ? tr(\n                    \"devportal.retryPolicyEnabled\",\n                    `Up to ${webhook.maxRetries ?? 0} retries`,\n                  )\n                : tr(\"devportal.retriesDisabled\", \"Retries disabled\"),\n            },\n            {\n              label: tr(\"devportal.created\", \"Created\"),\n              value: formatTimestamp(webhook.createdAt),\n            },\n            {\n              label: tr(\"devportal.updated\", \"Updated\"),\n              value: formatTimestamp(webhook.updatedAt),\n            },\n          ]}\n        />\n      </PageSection>\n\n      <PageSection\n        title={tr(\"devportal.recentDeliveries\", \"Recent Deliveries\")}\n      >\n        {deliveries.length > 0 ? (\n          <DataTable\n            data={deliveries}\n            keyField=\"id\"\n            columns={[\n              {\n                key: \"status\",\n                header: tr(\"devportal.status\", \"Status\"),\n                render: (delivery) => (\n                  <div className=\"flex items-center gap-2\">\n                    <StatusBadge status={delivery.status} type=\"delivery\" />\n                  </div>\n                ),\n              },\n              {\n                key: \"eventType\",\n                header: tr(\"devportal.event\", \"Event\"),\n                render: (delivery) => (\n                  <code className=\"text-xs\">{delivery.eventType}</code>\n                ),\n              },\n              {\n                key: \"responseStatus\",\n                header: tr(\"devportal.response\", \"Response\"),\n                render: (delivery) => delivery.responseStatus ?? \"-\",\n              },\n              {\n                key: \"attemptNumber\",\n                header: tr(\"devportal.attempts\", \"Attempts\"),\n                render: (delivery) => delivery.attemptNumber,\n              },\n              {\n                key: \"createdAt\",\n                header: tr(\"devportal.created\", \"Created\"),\n                render: (delivery) => formatTimestamp(delivery.createdAt),\n              },\n            ]}\n          />\n        ) : (\n          <EmptyState\n            icon={<Webhook size={24} />}\n            title={tr(\"devportal.noDeliveriesYet\", \"No deliveries yet\")}\n            description={tr(\n              \"devportal.noDeliveriesYetDescription\",\n              \"Deliveries will appear here after the first matching event is sent to this endpoint.\",\n            )}\n          />\n        )}\n      </PageSection>\n\n      <ConfirmDialog\n        open={showDeleteDialog}\n        onOpenChange={setShowDeleteDialog}\n        onConfirm={() => void handleDelete()}\n        loading={deleteLoading}\n        title={tr(\"devportal.deleteWebhookTitle\", \"Delete webhook\")}\n        description={tr(\n          \"devportal.deleteWebhookDescription\",\n          \"Deleting this webhook stops all future deliveries for this endpoint.\",\n        )}\n        confirmLabel={tr(\"devportal.deleteWebhookConfirm\", \"Delete webhook\")}\n        variant=\"danger\"\n      />\n\n      <ConfirmDialog\n        open={showTestDialog}\n        onOpenChange={(open) => {\n          setShowTestDialog(open);\n          if (!open) {\n            setTestMessage(null);\n          }\n        }}\n        onConfirm={() => void handleTest()}\n        loading={testLoading}\n        title={tr(\"devportal.sendTestDelivery\", \"Send test delivery\")}\n        description={tr(\n          \"devportal.sendTestDeliveryDescription\",\n          \"A signed test event will be sent to the configured endpoint through the public gateway.\",\n        )}\n        confirmLabel={tr(\"devportal.sendTestEvent\", \"Send test event\")}\n      >\n        {testMessage && (\n          <Alert variant={testSuccess ? \"success\" : \"error\"}>\n            {testMessage}\n          </Alert>\n        )}\n      </ConfirmDialog>\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}