@burdenoff/microfe-devportal 2026.609.4 → 2026.611.1

package/dist/devportal/pages/CreateWebhookPage.js

@@ -3,224 +3,235 @@ import { useDevportalEventBus as t } from "../events/index.js";
 import { PageLayout as n, PageSection as r } from "../components/PageLayout.js";
 import { CheckboxField as i, InputField as a, TextareaField as o } from "../components/FormField.js";
 import { Alert as s } from "../components/ConfirmDialog.js";
-import { useCreateWebhookMutation as c, useGetApplicationsQuery as l } from "../../generated/global-operations.js";
-import { PermissionGuard as u } from "../components/PermissionGuard.js";
+import { useCreateWebhookMutation as c, useGetApplicationQuery as l, useGetApplicationsQuery as u } from "../../generated/global-operations.js";
+import { PermissionGuard as d } from "../components/PermissionGuard.js";
 import "../components/index.js";
-import { DEVPORTAL_PERMISSIONS as d } from "../constants/permissions.js";
-import { getErrorMessage as f } from "../hooks/useGraphQL.js";
-import { useDevportalPermission as p } from "../hooks/usePermission.js";
+import { DEVPORTAL_PERMISSIONS as f } from "../constants/permissions.js";
+import { getErrorMessage as p } from "../hooks/useGraphQL.js";
+import { useDevportalPermission as m } from "../hooks/usePermission.js";
 import "../hooks/index.js";
-import { WEBHOOK_EVENTS as m } from "../types/index.js";
-import { useTr as h } from "../utils/i18n.js";
-import { useMemo as g, useState as _ } from "react";
-import { Loader2 as v, Webhook as y } from "lucide-react";
-import { useParams as b } from "react-router-dom";
-import { jsx as x, jsxs as S } from "react/jsx-runtime";
+import { WEBHOOK_EVENTS as h } from "../types/index.js";
+import { useTr as g } from "../utils/i18n.js";
+import { useEffect as _, useMemo as v, useState as y } from "react";
+import { Loader2 as b, Webhook as x } from "lucide-react";
+import { useParams as S } from "react-router-dom";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
 //#region src/devportal/pages/CreateWebhookPage.tsx
-var C = {
-	Application: m.filter((e) => e.startsWith("application.")),
-	Installation: m.filter((e) => e.startsWith("installation.")),
-	User: m.filter((e) => e.startsWith("user.")),
-	Workspace: m.filter((e) => e.startsWith("workspace.")),
-	Project: m.filter((e) => e.startsWith("project.")),
-	Task: m.filter((e) => e.startsWith("task.")),
-	Comment: m.filter((e) => e.startsWith("comment.")),
-	File: m.filter((e) => e.startsWith("file.")),
-	Member: m.filter((e) => e.startsWith("member."))
-}, w = () => {
-	let { appId: m } = b(), { navigate: w, basePath: T } = e(), [E, D] = _({
-		applicationId: m || "",
+var T = {
+	Application: h.filter((e) => e.startsWith("application.")),
+	Installation: h.filter((e) => e.startsWith("installation.")),
+	User: h.filter((e) => e.startsWith("user.")),
+	Workspace: h.filter((e) => e.startsWith("workspace.")),
+	Project: h.filter((e) => e.startsWith("project.")),
+	Task: h.filter((e) => e.startsWith("task.")),
+	Comment: h.filter((e) => e.startsWith("comment.")),
+	File: h.filter((e) => e.startsWith("file.")),
+	Member: h.filter((e) => e.startsWith("member."))
+}, E = () => {
+	let { appId: h } = S(), { navigate: E, basePath: D } = e(), [O, k] = y({
+		applicationId: h || "",
 		name: "",
 		description: "",
 		url: "",
 		events: [],
 		retryEnabled: !0,
 		maxRetries: 3
-	}), [O, k] = _({}), [A, j] = _(null), { data: M, loading: N, error: P } = l({
+	}), [A, j] = y({}), [M, N] = y(null), { data: P } = l({
+		variables: { id: h ?? "" },
+		skip: !h,
+		fetchPolicy: "cache-first"
+	});
+	_(() => {
+		let e = P?.application?.name;
+		if (!h || !e) return;
+		let t = window.__breadcrumbRegistry;
+		return t?.register(h, e), () => t?.unregister(h);
+	}, [h, P?.application?.name]);
+	let { data: F, loading: I, error: L } = u({
 		variables: { limit: 100 },
-		skip: !!m,
+		skip: !!h,
 		fetchPolicy: "cache-and-network"
-	}), [F, { loading: I }] = c(), L = t(), R = h(), z = p(d.WEBHOOK_CREATE), B = g(() => M?.applications?.edges?.map((e) => e.node).map((e) => ({
+	}), [R, { loading: z }] = c(), B = t(), V = g(), H = m(f.WEBHOOK_CREATE), U = v(() => F?.applications?.edges?.map((e) => e.node).map((e) => ({
 		id: e.id,
 		name: e.name,
 		slug: e.slug
-	})) ?? [], [M?.applications?.edges]), V = B.find((e) => e.id === E.applicationId), H = (e, t) => {
-		D((n) => ({
+	})) ?? [], [F?.applications?.edges]), W = U.find((e) => e.id === O.applicationId), G = (e, t) => {
+		k((n) => ({
 			...n,
 			[e]: t
-		})), k((t) => {
+		})), j((t) => {
 			if (!t[e]) return t;
 			let n = { ...t };
 			return delete n[e], n;
 		});
-	}, U = (e) => {
-		D((t) => ({
+	}, K = (e) => {
+		k((t) => ({
 			...t,
 			events: t.events.includes(e) ? t.events.filter((t) => t !== e) : [...t.events, e]
 		}));
-	}, W = (e) => {
-		let t = e.every((e) => E.events.includes(e));
-		D((n) => ({
+	}, q = (e) => {
+		let t = e.every((e) => O.events.includes(e));
+		k((n) => ({
 			...n,
 			events: t ? n.events.filter((t) => !e.includes(t)) : [...new Set([...n.events, ...e])]
 		}));
-	}, G = () => {
+	}, J = () => {
 		let e = {};
-		return E.applicationId || (e.applicationId = R("devportal.createWebhook.errors.appRequired", "Select an application")), E.name.trim() || (e.name = R("devportal.createWebhook.errors.nameRequired", "Name is required")), E.url.trim() ? /^https:\/\//i.test(E.url) || (e.url = R("devportal.createWebhook.errors.urlHttps", "Endpoint URL must use HTTPS")) : e.url = R("devportal.createWebhook.errors.urlRequired", "Endpoint URL is required"), E.events.length === 0 && (e.events = R("devportal.createWebhook.errors.eventsRequired", "Select at least one event")), E.retryEnabled && (E.maxRetries < 1 || E.maxRetries > 10) && (e.maxRetries = R("devportal.createWebhook.errors.retriesRange", "Retry count must be between 1 and 10")), k(e), Object.keys(e).length === 0;
+		return O.applicationId || (e.applicationId = V("devportal.createWebhook.errors.appRequired", "Select an application")), O.name.trim() || (e.name = V("devportal.createWebhook.errors.nameRequired", "Name is required")), O.url.trim() ? /^https:\/\//i.test(O.url) || (e.url = V("devportal.createWebhook.errors.urlHttps", "Endpoint URL must use HTTPS")) : e.url = V("devportal.createWebhook.errors.urlRequired", "Endpoint URL is required"), O.events.length === 0 && (e.events = V("devportal.createWebhook.errors.eventsRequired", "Select at least one event")), O.retryEnabled && (O.maxRetries < 1 || O.maxRetries > 10) && (e.maxRetries = V("devportal.createWebhook.errors.retriesRange", "Retry count must be between 1 and 10")), j(e), Object.keys(e).length === 0;
 	};
-	return /* @__PURE__ */ x(u, {
-		permission: d.WEBHOOK_CREATE,
-		children: /* @__PURE__ */ x(n, {
-			title: R("devportal.createWebhook.title", "Create Webhook"),
-			description: R("devportal.createWebhook.description", "Set up a real webhook endpoint to receive platform events through the public gateway"),
-			backLink: E.applicationId ? `/apps/${E.applicationId}/webhooks` : "/webhooks",
-			backLabel: R("devportal.createWebhook.back", "Back to Webhooks"),
-			children: /* @__PURE__ */ S("form", {
+	return /* @__PURE__ */ C(d, {
+		permission: f.WEBHOOK_CREATE,
+		children: /* @__PURE__ */ C(n, {
+			title: V("devportal.createWebhook.title", "Create Webhook"),
+			description: V("devportal.createWebhook.description", "Set up a real webhook endpoint to receive platform events through the public gateway"),
+			backLink: O.applicationId ? `/apps/${O.applicationId}/webhooks` : "/webhooks",
+			backLabel: V("devportal.createWebhook.back", "Back to Webhooks"),
+			children: /* @__PURE__ */ w("form", {
 				onSubmit: async (e) => {
-					if (e.preventDefault(), j(null), G()) try {
-						let e = (await F({ variables: {
-							applicationId: E.applicationId,
+					if (e.preventDefault(), N(null), J()) try {
+						let e = (await R({ variables: {
+							applicationId: O.applicationId,
 							input: {
-								name: E.name.trim(),
-								description: E.description.trim() || void 0,
-								url: E.url.trim(),
-								events: E.events,
-								retryEnabled: E.retryEnabled,
-								maxRetries: E.retryEnabled ? E.maxRetries : 0
+								name: O.name.trim(),
+								description: O.description.trim() || void 0,
+								url: O.url.trim(),
+								events: O.events,
+								retryEnabled: O.retryEnabled,
+								maxRetries: O.retryEnabled ? O.maxRetries : 0
 							}
 						} })).data?.createWebhook;
-						if (!e?.id) throw Error(R("devportal.createWebhook.errors.noId", "Webhook creation did not return an identifier"));
-						L.emit("devportal.webhook.created", {
+						if (!e?.id) throw Error(V("devportal.createWebhook.errors.noId", "Webhook creation did not return an identifier"));
+						B.emit("devportal.webhook.created", {
 							webhookId: e.id,
-							applicationId: E.applicationId
-						}), w?.(`${T}/apps/${E.applicationId}/webhooks/${e.id}`);
+							applicationId: O.applicationId
+						}), E?.(`${D}/apps/${O.applicationId}/webhooks/${e.id}`);
 					} catch (e) {
-						j(e instanceof Error ? e.message : R("devportal.createWebhook.errors.createFailed", "Failed to create webhook"));
+						N(e instanceof Error ? e.message : V("devportal.createWebhook.errors.createFailed", "Failed to create webhook"));
 					}
 				},
 				className: "space-y-6",
 				children: [
-					/* @__PURE__ */ x(s, {
+					/* @__PURE__ */ C(s, {
 						variant: "info",
-						children: R("devportal.createWebhook.info", "Webhook deliveries are signed and sent through the public global gateway. Use an HTTPS endpoint that accepts POST requests and returns a 2xx response for successful deliveries.")
+						children: V("devportal.createWebhook.info", "Webhook deliveries are signed and sent through the public global gateway. Use an HTTPS endpoint that accepts POST requests and returns a 2xx response for successful deliveries.")
 					}),
-					A && /* @__PURE__ */ x(s, {
+					M && /* @__PURE__ */ C(s, {
 						variant: "error",
-						children: A
+						children: M
 					}),
-					P && !m && /* @__PURE__ */ x(s, {
+					L && !h && /* @__PURE__ */ C(s, {
 						variant: "error",
-						children: f(P)
+						children: p(L)
 					}),
-					/* @__PURE__ */ x(r, {
-						title: R("devportal.createWebhook.basicInfo", "Basic Information"),
-						children: /* @__PURE__ */ S("div", {
+					/* @__PURE__ */ C(r, {
+						title: V("devportal.createWebhook.basicInfo", "Basic Information"),
+						children: /* @__PURE__ */ w("div", {
 							className: "space-y-4 rounded-lg border bg-card p-4",
 							children: [
-								!m && /* @__PURE__ */ S("label", {
+								!h && /* @__PURE__ */ w("label", {
 									className: "grid gap-2 text-sm font-medium",
 									children: [
-										/* @__PURE__ */ x("span", { children: R("devportal.createWebhook.application", "Application") }),
-										/* @__PURE__ */ S("select", {
-											value: E.applicationId,
-											onChange: (e) => H("applicationId", e.target.value),
-											disabled: N,
-											"aria-label": R("devportal.createWebhook.application", "Application"),
+										/* @__PURE__ */ C("span", { children: V("devportal.createWebhook.application", "Application") }),
+										/* @__PURE__ */ w("select", {
+											value: O.applicationId,
+											onChange: (e) => G("applicationId", e.target.value),
+											disabled: I,
+											"aria-label": V("devportal.createWebhook.application", "Application"),
 											className: "rounded-md border bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary",
-											children: [/* @__PURE__ */ x("option", {
+											children: [/* @__PURE__ */ C("option", {
 												value: "",
-												children: R("devportal.createWebhook.errors.appRequired", "Select an application")
-											}), B.map((e) => /* @__PURE__ */ x("option", {
+												children: V("devportal.createWebhook.errors.appRequired", "Select an application")
+											}), U.map((e) => /* @__PURE__ */ C("option", {
 												value: e.id,
 												children: e.name
 											}, e.id))]
 										}),
-										O.applicationId && /* @__PURE__ */ x("span", {
+										A.applicationId && /* @__PURE__ */ C("span", {
 											className: "text-sm text-status-error-text",
-											children: O.applicationId
+											children: A.applicationId
 										})
 									]
 								}),
-								N && !m && /* @__PURE__ */ S("div", {
+								I && !h && /* @__PURE__ */ w("div", {
 									className: "flex items-center gap-2 text-sm text-muted-foreground",
 									role: "status",
 									"aria-live": "polite",
-									children: [/* @__PURE__ */ x(v, {
+									children: [/* @__PURE__ */ C(b, {
 										className: "h-4 w-4 animate-spin",
 										"aria-hidden": "true"
-									}), R("devportal.createWebhook.loadingApps", "Loading applications...")]
+									}), V("devportal.createWebhook.loadingApps", "Loading applications...")]
 								}),
-								V && /* @__PURE__ */ S("div", {
+								W && /* @__PURE__ */ w("div", {
 									className: "rounded-md border bg-muted/40 px-3 py-2 text-sm text-muted-foreground",
 									children: [
-										R("devportal.createWebhook.creatingFor", "Creating webhook for"),
+										V("devportal.createWebhook.creatingFor", "Creating webhook for"),
 										" ",
-										/* @__PURE__ */ x("span", {
+										/* @__PURE__ */ C("span", {
 											className: "font-medium text-foreground",
-											children: V.name
+											children: W.name
 										})
 									]
 								}),
-								/* @__PURE__ */ x(a, {
-									label: R("devportal.createWebhook.webhookName", "Webhook Name"),
-									value: E.name,
-									onChange: (e) => H("name", e.target.value),
-									placeholder: R("devportal.createWebhook.webhookNamePlaceholder", "Production webhook"),
-									error: O.name,
+								/* @__PURE__ */ C(a, {
+									label: V("devportal.createWebhook.webhookName", "Webhook Name"),
+									value: O.name,
+									onChange: (e) => G("name", e.target.value),
+									placeholder: V("devportal.createWebhook.webhookNamePlaceholder", "Production webhook"),
+									error: A.name,
 									required: !0
 								}),
-								/* @__PURE__ */ x(o, {
-									label: R("devportal.createWebhook.descriptionLabel", "Description"),
-									value: E.description,
-									onChange: (e) => H("description", e.target.value),
-									placeholder: R("devportal.createWebhook.descriptionPlaceholder", "What this webhook is used for"),
+								/* @__PURE__ */ C(o, {
+									label: V("devportal.createWebhook.descriptionLabel", "Description"),
+									value: O.description,
+									onChange: (e) => G("description", e.target.value),
+									placeholder: V("devportal.createWebhook.descriptionPlaceholder", "What this webhook is used for"),
 									rows: 2
 								}),
-								/* @__PURE__ */ x(a, {
-									label: R("devportal.createWebhook.endpointUrl", "Endpoint URL"),
+								/* @__PURE__ */ C(a, {
+									label: V("devportal.createWebhook.endpointUrl", "Endpoint URL"),
 									type: "url",
-									value: E.url,
-									onChange: (e) => H("url", e.target.value),
+									value: O.url,
+									onChange: (e) => G("url", e.target.value),
 									placeholder: "https://your-app.example.com/webhooks/burdenoff",
-									hint: R("devportal.createWebhook.httpsOnly", "HTTPS only"),
-									error: O.url,
+									hint: V("devportal.createWebhook.httpsOnly", "HTTPS only"),
+									error: A.url,
 									required: !0
 								})
 							]
 						})
 					}),
-					/* @__PURE__ */ x(r, {
-						title: R("devportal.createWebhook.subscribedEvents", "Subscribed Events"),
-						children: /* @__PURE__ */ S("div", {
+					/* @__PURE__ */ C(r, {
+						title: V("devportal.createWebhook.subscribedEvents", "Subscribed Events"),
+						children: /* @__PURE__ */ w("div", {
 							className: "space-y-4 rounded-lg border bg-card p-4",
-							children: [O.events && /* @__PURE__ */ x("p", {
+							children: [A.events && /* @__PURE__ */ C("p", {
 								className: "text-sm text-status-error-text",
 								role: "alert",
-								children: O.events
-							}), Object.entries(C).map(([e, t]) => /* @__PURE__ */ S("section", {
+								children: A.events
+							}), Object.entries(T).map(([e, t]) => /* @__PURE__ */ w("section", {
 								className: "space-y-3 border-b pb-4 last:border-b-0 last:pb-0",
-								children: [/* @__PURE__ */ S("div", {
+								children: [/* @__PURE__ */ w("div", {
 									className: "flex items-center justify-between gap-3",
-									children: [/* @__PURE__ */ x("h3", {
+									children: [/* @__PURE__ */ C("h3", {
 										className: "font-medium",
-										children: R(`devportal.createWebhook.category.${e.toLowerCase()}`, e)
-									}), /* @__PURE__ */ x("button", {
+										children: V(`devportal.createWebhook.category.${e.toLowerCase()}`, e)
+									}), /* @__PURE__ */ C("button", {
 										type: "button",
-										onClick: () => W(t),
+										onClick: () => q(t),
 										className: "text-xs font-medium text-primary hover:underline focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary",
-										children: t.every((e) => E.events.includes(e)) ? R("devportal.createWebhook.deselectAll", "Deselect all") : R("devportal.createWebhook.selectAll", "Select all")
+										children: t.every((e) => O.events.includes(e)) ? V("devportal.createWebhook.deselectAll", "Deselect all") : V("devportal.createWebhook.selectAll", "Select all")
 									})]
-								}), /* @__PURE__ */ x("div", {
+								}), /* @__PURE__ */ C("div", {
 									className: "grid gap-2 sm:grid-cols-2",
-									children: t.map((e) => /* @__PURE__ */ S("label", {
+									children: t.map((e) => /* @__PURE__ */ w("label", {
 										className: "flex items-center gap-2 rounded-md border bg-background px-3 py-2 text-sm",
-										children: [/* @__PURE__ */ x("input", {
+										children: [/* @__PURE__ */ C("input", {
 											type: "checkbox",
-											checked: E.events.includes(e),
-											onChange: () => U(e),
+											checked: O.events.includes(e),
+											onChange: () => K(e),
 											className: "rounded border-border-default text-primary focus:ring-primary",
 											"aria-label": e
-										}), /* @__PURE__ */ x("code", {
+										}), /* @__PURE__ */ C("code", {
 											className: "text-xs text-foreground",
 											children: e
 										})]
@@ -229,47 +240,47 @@ var C = {
 							}, e))]
 						})
 					}),
-					/* @__PURE__ */ x(r, {
-						title: R("devportal.createWebhook.retrySettings", "Retry Settings"),
-						children: /* @__PURE__ */ S("div", {
+					/* @__PURE__ */ C(r, {
+						title: V("devportal.createWebhook.retrySettings", "Retry Settings"),
+						children: /* @__PURE__ */ w("div", {
 							className: "space-y-4 rounded-lg border bg-card p-4",
-							children: [/* @__PURE__ */ x(i, {
-								label: R("devportal.createWebhook.enableRetries", "Enable retries"),
-								description: R("devportal.createWebhook.enableRetriesDesc", "Retry failed deliveries automatically"),
-								checked: E.retryEnabled,
-								onChange: (e) => H("retryEnabled", e.target.checked)
-							}), E.retryEnabled && /* @__PURE__ */ x(a, {
-								label: R("devportal.createWebhook.maxRetries", "Maximum retries"),
+							children: [/* @__PURE__ */ C(i, {
+								label: V("devportal.createWebhook.enableRetries", "Enable retries"),
+								description: V("devportal.createWebhook.enableRetriesDesc", "Retry failed deliveries automatically"),
+								checked: O.retryEnabled,
+								onChange: (e) => G("retryEnabled", e.target.checked)
+							}), O.retryEnabled && /* @__PURE__ */ C(a, {
+								label: V("devportal.createWebhook.maxRetries", "Maximum retries"),
 								type: "number",
-								value: E.maxRetries,
-								onChange: (e) => H("maxRetries", Number(e.target.value)),
+								value: O.maxRetries,
+								onChange: (e) => G("maxRetries", Number(e.target.value)),
 								min: 1,
 								max: 10,
-								hint: R("devportal.createWebhook.attemptsHint", "1 to 10 attempts"),
-								error: O.maxRetries
+								hint: V("devportal.createWebhook.attemptsHint", "1 to 10 attempts"),
+								error: A.maxRetries
 							})]
 						})
 					}),
-					/* @__PURE__ */ S("div", {
+					/* @__PURE__ */ w("div", {
 						className: "flex flex-col gap-3 sm:flex-row",
-						children: [/* @__PURE__ */ x("button", {
+						children: [/* @__PURE__ */ C("button", {
 							type: "button",
-							onClick: () => w?.(`${T}${E.applicationId ? `/apps/${E.applicationId}/webhooks` : "/webhooks"}`),
+							onClick: () => E?.(`${D}${O.applicationId ? `/apps/${O.applicationId}/webhooks` : "/webhooks"}`),
 							className: "rounded-md border px-4 py-2 text-sm font-medium hover:bg-accent focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary",
-							children: R("devportal.common.cancel", "Cancel")
-						}), /* @__PURE__ */ S("button", {
+							children: V("devportal.common.cancel", "Cancel")
+						}), /* @__PURE__ */ w("button", {
 							type: "submit",
-							disabled: I || N || !z.allowed,
-							"aria-disabled": I || N || !z.allowed,
-							title: z.allowed ? void 0 : R("devportal.common.noPermission", "You do not have permission to perform this action"),
+							disabled: z || I || !H.allowed,
+							"aria-disabled": z || I || !H.allowed,
+							title: H.allowed ? void 0 : V("devportal.common.noPermission", "You do not have permission to perform this action"),
 							className: "inline-flex items-center justify-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary",
-							children: [I ? /* @__PURE__ */ x(v, {
+							children: [z ? /* @__PURE__ */ C(b, {
 								className: "h-4 w-4 animate-spin",
 								"aria-hidden": "true"
-							}) : /* @__PURE__ */ x(y, {
+							}) : /* @__PURE__ */ C(x, {
 								size: 16,
 								"aria-hidden": "true"
-							}), I ? R("devportal.createWebhook.creating", "Creating...") : R("devportal.createWebhook.title", "Create Webhook")]
+							}), z ? V("devportal.createWebhook.creating", "Creating...") : V("devportal.createWebhook.title", "Create Webhook")]
 						})]
 					})
 				]
@@ -278,6 +289,6 @@ var C = {
 	});
 };
 //#endregion
-export { w as CreateWebhookPage };
+export { E as CreateWebhookPage };
 
 //# sourceMappingURL=CreateWebhookPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CreateWebhookPage.js","names":[],"sources":["../../../src/devportal/pages/CreateWebhookPage.tsx"],"sourcesContent":["import type { FC, FormEvent } from \"react\";\nimport { useMemo, useState } from \"react\";\nimport { useParams } from \"react-router-dom\";\nimport { Loader2, Webhook } from \"lucide-react\";\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport {\n  InputField,\n  TextareaField,\n  CheckboxField,\n} from \"../components/FormField\";\nimport { Alert } from \"../components/ConfirmDialog\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport { PermissionGuard } from \"../components\";\nimport { DEVPORTAL_PERMISSIONS } from \"../constants/permissions\";\nimport { useDevportalEventBus } from \"../events\";\nimport { WEBHOOK_EVENTS } from \"../types\";\nimport {\n  type GetApplicationsQuery,\n  getErrorMessage,\n  useCreateWebhookMutation,\n  useGetApplicationsQuery,\n  useDevportalPermission,\n} from \"../hooks\";\nimport { useTr } from \"../utils/i18n\";\n\nconst eventCategories = {\n  Application: WEBHOOK_EVENTS.filter((event) =>\n    event.startsWith(\"application.\"),\n  ),\n  Installation: WEBHOOK_EVENTS.filter((event) =>\n    event.startsWith(\"installation.\"),\n  ),\n  User: WEBHOOK_EVENTS.filter((event) => event.startsWith(\"user.\")),\n  Workspace: WEBHOOK_EVENTS.filter((event) => event.startsWith(\"workspace.\")),\n  Project: WEBHOOK_EVENTS.filter((event) => event.startsWith(\"project.\")),\n  Task: WEBHOOK_EVENTS.filter((event) => event.startsWith(\"task.\")),\n  Comment: WEBHOOK_EVENTS.filter((event) => event.startsWith(\"comment.\")),\n  File: WEBHOOK_EVENTS.filter((event) => event.startsWith(\"file.\")),\n  Member: WEBHOOK_EVENTS.filter((event) => event.startsWith(\"member.\")),\n};\n\ninterface CreateWebhookFormState {\n  applicationId: string;\n  name: string;\n  description: string;\n  url: string;\n  events: string[];\n  retryEnabled: boolean;\n  maxRetries: number;\n}\n\ntype ApplicationOption =\n  GetApplicationsQuery[\"applications\"][\"edges\"][number][\"node\"];\n\nexport const CreateWebhookPage: FC = () => {\n  const { appId } = useParams<{ appId: string }>();\n  const { navigate, basePath } = useDevportal();\n  const [formData, setFormData] = useState<CreateWebhookFormState>({\n    applicationId: appId || \"\",\n    name: \"\",\n    description: \"\",\n    url: \"\",\n    events: [],\n    retryEnabled: true,\n    maxRetries: 3,\n  });\n  const [errors, setErrors] = useState<Record<string, string>>({});\n  const [submitError, setSubmitError] = useState<string | null>(null);\n\n  const {\n    data: appsData,\n    loading: appsLoading,\n    error: appsError,\n  } = useGetApplicationsQuery({\n    variables: { limit: 100 },\n    skip: !!appId,\n    fetchPolicy: \"cache-and-network\",\n  });\n  const [createWebhook, { loading: isSubmitting }] = useCreateWebhookMutation();\n  const bus = useDevportalEventBus();\n  const tr = useTr();\n  const createPerm = useDevportalPermission(\n    DEVPORTAL_PERMISSIONS.WEBHOOK_CREATE,\n  );\n\n  const applications = useMemo(\n    () =>\n      appsData?.applications?.edges\n        ?.map(\n          (edge: GetApplicationsQuery[\"applications\"][\"edges\"][number]) =>\n            edge.node,\n        )\n        .map((application: ApplicationOption) => ({\n          id: application.id,\n          name: application.name,\n          slug: application.slug,\n        })) ?? [],\n    [appsData?.applications?.edges],\n  );\n\n  const selectedApplication = applications.find(\n    (application: { id: string; name: string; slug: string }) =>\n      application.id === formData.applicationId,\n  );\n\n  const handleChange = <K extends keyof CreateWebhookFormState>(\n    key: K,\n    value: CreateWebhookFormState[K],\n  ) => {\n    setFormData((previous) => ({\n      ...previous,\n      [key]: value,\n    }));\n    setErrors((previous) => {\n      if (!previous[key as string]) return previous;\n      const nextErrors = { ...previous };\n      delete nextErrors[key as string];\n      return nextErrors;\n    });\n  };\n\n  const toggleEvent = (event: string) => {\n    setFormData((previous) => ({\n      ...previous,\n      events: previous.events.includes(event)\n        ? previous.events.filter((value) => value !== event)\n        : [...previous.events, event],\n    }));\n  };\n\n  const toggleCategory = (events: readonly string[]) => {\n    const allSelected = events.every((event) =>\n      formData.events.includes(event),\n    );\n\n    setFormData((previous) => ({\n      ...previous,\n      events: allSelected\n        ? previous.events.filter((event) => !events.includes(event))\n        : [...new Set([...previous.events, ...events])],\n    }));\n  };\n\n  const validate = (): boolean => {\n    const nextErrors: Record<string, string> = {};\n\n    if (!formData.applicationId) {\n      nextErrors.applicationId = tr(\n        \"devportal.createWebhook.errors.appRequired\",\n        \"Select an application\",\n      );\n    }\n    if (!formData.name.trim()) {\n      nextErrors.name = tr(\n        \"devportal.createWebhook.errors.nameRequired\",\n        \"Name is required\",\n      );\n    }\n    if (!formData.url.trim()) {\n      nextErrors.url = tr(\n        \"devportal.createWebhook.errors.urlRequired\",\n        \"Endpoint URL is required\",\n      );\n    } else if (!/^https:\\/\\//i.test(formData.url)) {\n      nextErrors.url = tr(\n        \"devportal.createWebhook.errors.urlHttps\",\n        \"Endpoint URL must use HTTPS\",\n      );\n    }\n    if (formData.events.length === 0) {\n      nextErrors.events = tr(\n        \"devportal.createWebhook.errors.eventsRequired\",\n        \"Select at least one event\",\n      );\n    }\n    if (\n      formData.retryEnabled &&\n      (formData.maxRetries < 1 || formData.maxRetries > 10)\n    ) {\n      nextErrors.maxRetries = tr(\n        \"devportal.createWebhook.errors.retriesRange\",\n        \"Retry count must be between 1 and 10\",\n      );\n    }\n\n    setErrors(nextErrors);\n    return Object.keys(nextErrors).length === 0;\n  };\n\n  const handleSubmit = async (event: FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    setSubmitError(null);\n\n    if (!validate()) return;\n\n    try {\n      const result = await createWebhook({\n        variables: {\n          applicationId: formData.applicationId,\n          input: {\n            name: formData.name.trim(),\n            description: formData.description.trim() || undefined,\n            url: formData.url.trim(),\n            events: formData.events,\n            retryEnabled: formData.retryEnabled,\n            maxRetries: formData.retryEnabled ? formData.maxRetries : 0,\n          },\n        },\n      });\n\n      const createdWebhook = result.data?.createWebhook;\n      if (!createdWebhook?.id) {\n        throw new Error(\n          tr(\n            \"devportal.createWebhook.errors.noId\",\n            \"Webhook creation did not return an identifier\",\n          ),\n        );\n      }\n\n      bus.emit(\"devportal.webhook.created\", {\n        webhookId: createdWebhook.id,\n        applicationId: formData.applicationId,\n      });\n\n      navigate?.(\n        `${basePath}/apps/${formData.applicationId}/webhooks/${createdWebhook.id}`,\n      );\n    } catch (error) {\n      setSubmitError(\n        error instanceof Error\n          ? error.message\n          : tr(\n              \"devportal.createWebhook.errors.createFailed\",\n              \"Failed to create webhook\",\n            ),\n      );\n    }\n  };\n\n  return (\n    <PermissionGuard permission={DEVPORTAL_PERMISSIONS.WEBHOOK_CREATE}>\n      <PageLayout\n        title={tr(\"devportal.createWebhook.title\", \"Create Webhook\")}\n        description={tr(\n          \"devportal.createWebhook.description\",\n          \"Set up a real webhook endpoint to receive platform events through the public gateway\",\n        )}\n        backLink={\n          formData.applicationId\n            ? `/apps/${formData.applicationId}/webhooks`\n            : \"/webhooks\"\n        }\n        backLabel={tr(\"devportal.createWebhook.back\", \"Back to Webhooks\")}\n      >\n        <form onSubmit={handleSubmit} className=\"space-y-6\">\n          <Alert variant=\"info\">\n            {tr(\n              \"devportal.createWebhook.info\",\n              \"Webhook deliveries are signed and sent through the public global gateway. Use an HTTPS endpoint that accepts POST requests and returns a 2xx response for successful deliveries.\",\n            )}\n          </Alert>\n\n          {submitError && <Alert variant=\"error\">{submitError}</Alert>}\n          {appsError && !appId && (\n            <Alert variant=\"error\">{getErrorMessage(appsError)}</Alert>\n          )}\n\n          <PageSection\n            title={tr(\"devportal.createWebhook.basicInfo\", \"Basic Information\")}\n          >\n            <div className=\"space-y-4 rounded-lg border bg-card p-4\">\n              {!appId && (\n                <label className=\"grid gap-2 text-sm font-medium\">\n                  <span>\n                    {tr(\"devportal.createWebhook.application\", \"Application\")}\n                  </span>\n                  <select\n                    value={formData.applicationId}\n                    onChange={(changeEvent) =>\n                      handleChange(\"applicationId\", changeEvent.target.value)\n                    }\n                    disabled={appsLoading}\n                    aria-label={tr(\n                      \"devportal.createWebhook.application\",\n                      \"Application\",\n                    )}\n                    className=\"rounded-md border bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary\"\n                  >\n                    <option value=\"\">\n                      {tr(\n                        \"devportal.createWebhook.errors.appRequired\",\n                        \"Select an application\",\n                      )}\n                    </option>\n                    {applications.map(\n                      (application: { id: string; name: string }) => (\n                        <option key={application.id} value={application.id}>\n                          {application.name}\n                        </option>\n                      ),\n                    )}\n                  </select>\n                  {errors.applicationId && (\n                    <span className=\"text-sm text-status-error-text\">\n                      {errors.applicationId}\n                    </span>\n                  )}\n                </label>\n              )}\n\n              {appsLoading && !appId && (\n                <div\n                  className=\"flex items-center gap-2 text-sm text-muted-foreground\"\n                  role=\"status\"\n                  aria-live=\"polite\"\n                >\n                  <Loader2\n                    className=\"h-4 w-4 animate-spin\"\n                    aria-hidden=\"true\"\n                  />\n                  {tr(\n                    \"devportal.createWebhook.loadingApps\",\n                    \"Loading applications...\",\n                  )}\n                </div>\n              )}\n\n              {selectedApplication && (\n                <div className=\"rounded-md border bg-muted/40 px-3 py-2 text-sm text-muted-foreground\">\n                  {tr(\n                    \"devportal.createWebhook.creatingFor\",\n                    \"Creating webhook for\",\n                  )}{\" \"}\n                  <span className=\"font-medium text-foreground\">\n                    {selectedApplication.name}\n                  </span>\n                </div>\n              )}\n\n              <InputField\n                label={tr(\n                  \"devportal.createWebhook.webhookName\",\n                  \"Webhook Name\",\n                )}\n                value={formData.name}\n                onChange={(changeEvent) =>\n                  handleChange(\"name\", changeEvent.target.value)\n                }\n                placeholder={tr(\n                  \"devportal.createWebhook.webhookNamePlaceholder\",\n                  \"Production webhook\",\n                )}\n                error={errors.name}\n                required\n              />\n\n              <TextareaField\n                label={tr(\n                  \"devportal.createWebhook.descriptionLabel\",\n                  \"Description\",\n                )}\n                value={formData.description}\n                onChange={(changeEvent) =>\n                  handleChange(\"description\", changeEvent.target.value)\n                }\n                placeholder={tr(\n                  \"devportal.createWebhook.descriptionPlaceholder\",\n                  \"What this webhook is used for\",\n                )}\n                rows={2}\n              />\n\n              <InputField\n                label={tr(\n                  \"devportal.createWebhook.endpointUrl\",\n                  \"Endpoint URL\",\n                )}\n                type=\"url\"\n                value={formData.url}\n                onChange={(changeEvent) =>\n                  handleChange(\"url\", changeEvent.target.value)\n                }\n                placeholder=\"https://your-app.example.com/webhooks/burdenoff\"\n                hint={tr(\"devportal.createWebhook.httpsOnly\", \"HTTPS only\")}\n                error={errors.url}\n                required\n              />\n            </div>\n          </PageSection>\n\n          <PageSection\n            title={tr(\n              \"devportal.createWebhook.subscribedEvents\",\n              \"Subscribed Events\",\n            )}\n          >\n            <div className=\"space-y-4 rounded-lg border bg-card p-4\">\n              {errors.events && (\n                <p className=\"text-sm text-status-error-text\" role=\"alert\">\n                  {errors.events}\n                </p>\n              )}\n              {Object.entries(eventCategories).map(([category, events]) => (\n                <section\n                  key={category}\n                  className=\"space-y-3 border-b pb-4 last:border-b-0 last:pb-0\"\n                >\n                  <div className=\"flex items-center justify-between gap-3\">\n                    <h3 className=\"font-medium\">\n                      {tr(\n                        `devportal.createWebhook.category.${category.toLowerCase()}`,\n                        category,\n                      )}\n                    </h3>\n                    <button\n                      type=\"button\"\n                      onClick={() => toggleCategory(events)}\n                      className=\"text-xs font-medium text-primary hover:underline focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary\"\n                    >\n                      {events.every((item) => formData.events.includes(item))\n                        ? tr(\n                            \"devportal.createWebhook.deselectAll\",\n                            \"Deselect all\",\n                          )\n                        : tr(\"devportal.createWebhook.selectAll\", \"Select all\")}\n                    </button>\n                  </div>\n                  <div className=\"grid gap-2 sm:grid-cols-2\">\n                    {events.map((eventName) => (\n                      <label\n                        key={eventName}\n                        className=\"flex items-center gap-2 rounded-md border bg-background px-3 py-2 text-sm\"\n                      >\n                        <input\n                          type=\"checkbox\"\n                          checked={formData.events.includes(eventName)}\n                          onChange={() => toggleEvent(eventName)}\n                          className=\"rounded border-border-default text-primary focus:ring-primary\"\n                          aria-label={eventName}\n                        />\n                        <code className=\"text-xs text-foreground\">\n                          {eventName}\n                        </code>\n                      </label>\n                    ))}\n                  </div>\n                </section>\n              ))}\n            </div>\n          </PageSection>\n\n          <PageSection\n            title={tr(\n              \"devportal.createWebhook.retrySettings\",\n              \"Retry Settings\",\n            )}\n          >\n            <div className=\"space-y-4 rounded-lg border bg-card p-4\">\n              <CheckboxField\n                label={tr(\n                  \"devportal.createWebhook.enableRetries\",\n                  \"Enable retries\",\n                )}\n                description={tr(\n                  \"devportal.createWebhook.enableRetriesDesc\",\n                  \"Retry failed deliveries automatically\",\n                )}\n                checked={formData.retryEnabled}\n                onChange={(changeEvent) =>\n                  handleChange(\"retryEnabled\", changeEvent.target.checked)\n                }\n              />\n\n              {formData.retryEnabled && (\n                <InputField\n                  label={tr(\n                    \"devportal.createWebhook.maxRetries\",\n                    \"Maximum retries\",\n                  )}\n                  type=\"number\"\n                  value={formData.maxRetries}\n                  onChange={(changeEvent) =>\n                    handleChange(\"maxRetries\", Number(changeEvent.target.value))\n                  }\n                  min={1}\n                  max={10}\n                  hint={tr(\n                    \"devportal.createWebhook.attemptsHint\",\n                    \"1 to 10 attempts\",\n                  )}\n                  error={errors.maxRetries}\n                />\n              )}\n            </div>\n          </PageSection>\n\n          <div className=\"flex flex-col gap-3 sm:flex-row\">\n            <button\n              type=\"button\"\n              onClick={() =>\n                navigate?.(\n                  `${basePath}${formData.applicationId ? `/apps/${formData.applicationId}/webhooks` : \"/webhooks\"}`,\n                )\n              }\n              className=\"rounded-md border px-4 py-2 text-sm font-medium hover:bg-accent focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary\"\n            >\n              {tr(\"devportal.common.cancel\", \"Cancel\")}\n            </button>\n            <button\n              type=\"submit\"\n              disabled={isSubmitting || appsLoading || !createPerm.allowed}\n              aria-disabled={isSubmitting || appsLoading || !createPerm.allowed}\n              title={\n                !createPerm.allowed\n                  ? tr(\n                      \"devportal.common.noPermission\",\n                      \"You do not have permission to perform this action\",\n                    )\n                  : undefined\n              }\n              className=\"inline-flex items-center justify-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary\"\n            >\n              {isSubmitting ? (\n                <Loader2 className=\"h-4 w-4 animate-spin\" aria-hidden=\"true\" />\n              ) : (\n                <Webhook size={16} aria-hidden=\"true\" />\n              )}\n              {isSubmitting\n                ? tr(\"devportal.createWebhook.creating\", \"Creating...\")\n                : tr(\"devportal.createWebhook.title\", \"Create Webhook\")}\n            </button>\n          </div>\n        </form>\n      </PageLayout>\n    </PermissionGuard>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"CreateWebhookPage.js","names":[],"sources":["../../../src/devportal/pages/CreateWebhookPage.tsx"],"sourcesContent":["import type { FC, FormEvent } from \"react\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport { useParams } from \"react-router-dom\";\nimport { Loader2, Webhook } from \"lucide-react\";\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport {\n  InputField,\n  TextareaField,\n  CheckboxField,\n} from \"../components/FormField\";\nimport { Alert } from \"../components/ConfirmDialog\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport { PermissionGuard } from \"../components\";\nimport { DEVPORTAL_PERMISSIONS } from \"../constants/permissions\";\nimport { useDevportalEventBus } from \"../events\";\nimport { WEBHOOK_EVENTS } from \"../types\";\nimport {\n  type GetApplicationsQuery,\n  getErrorMessage,\n  useCreateWebhookMutation,\n  useGetApplicationQuery,\n  useGetApplicationsQuery,\n  useDevportalPermission,\n} from \"../hooks\";\nimport { useTr } from \"../utils/i18n\";\n\nconst eventCategories = {\n  Application: WEBHOOK_EVENTS.filter((event) =>\n    event.startsWith(\"application.\"),\n  ),\n  Installation: WEBHOOK_EVENTS.filter((event) =>\n    event.startsWith(\"installation.\"),\n  ),\n  User: WEBHOOK_EVENTS.filter((event) => event.startsWith(\"user.\")),\n  Workspace: WEBHOOK_EVENTS.filter((event) => event.startsWith(\"workspace.\")),\n  Project: WEBHOOK_EVENTS.filter((event) => event.startsWith(\"project.\")),\n  Task: WEBHOOK_EVENTS.filter((event) => event.startsWith(\"task.\")),\n  Comment: WEBHOOK_EVENTS.filter((event) => event.startsWith(\"comment.\")),\n  File: WEBHOOK_EVENTS.filter((event) => event.startsWith(\"file.\")),\n  Member: WEBHOOK_EVENTS.filter((event) => event.startsWith(\"member.\")),\n};\n\ninterface CreateWebhookFormState {\n  applicationId: string;\n  name: string;\n  description: string;\n  url: string;\n  events: string[];\n  retryEnabled: boolean;\n  maxRetries: number;\n}\n\ntype ApplicationOption =\n  GetApplicationsQuery[\"applications\"][\"edges\"][number][\"node\"];\n\nexport const CreateWebhookPage: FC = () => {\n  const { appId } = useParams<{ appId: string }>();\n  const { navigate, basePath } = useDevportal();\n  const [formData, setFormData] = useState<CreateWebhookFormState>({\n    applicationId: appId || \"\",\n    name: \"\",\n    description: \"\",\n    url: \"\",\n    events: [],\n    retryEnabled: true,\n    maxRetries: 3,\n  });\n  const [errors, setErrors] = useState<Record<string, string>>({});\n  const [submitError, setSubmitError] = useState<string | null>(null);\n\n  const { data: singleAppData } = useGetApplicationQuery({\n    variables: { id: appId ?? \"\" },\n    skip: !appId,\n    fetchPolicy: \"cache-first\",\n  });\n\n  useEffect(() => {\n    const name = singleAppData?.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, singleAppData?.application?.name]);\n\n  const {\n    data: appsData,\n    loading: appsLoading,\n    error: appsError,\n  } = useGetApplicationsQuery({\n    variables: { limit: 100 },\n    skip: !!appId,\n    fetchPolicy: \"cache-and-network\",\n  });\n  const [createWebhook, { loading: isSubmitting }] = useCreateWebhookMutation();\n  const bus = useDevportalEventBus();\n  const tr = useTr();\n  const createPerm = useDevportalPermission(\n    DEVPORTAL_PERMISSIONS.WEBHOOK_CREATE,\n  );\n\n  const applications = useMemo(\n    () =>\n      appsData?.applications?.edges\n        ?.map(\n          (edge: GetApplicationsQuery[\"applications\"][\"edges\"][number]) =>\n            edge.node,\n        )\n        .map((application: ApplicationOption) => ({\n          id: application.id,\n          name: application.name,\n          slug: application.slug,\n        })) ?? [],\n    [appsData?.applications?.edges],\n  );\n\n  const selectedApplication = applications.find(\n    (application: { id: string; name: string; slug: string }) =>\n      application.id === formData.applicationId,\n  );\n\n  const handleChange = <K extends keyof CreateWebhookFormState>(\n    key: K,\n    value: CreateWebhookFormState[K],\n  ) => {\n    setFormData((previous) => ({\n      ...previous,\n      [key]: value,\n    }));\n    setErrors((previous) => {\n      if (!previous[key as string]) return previous;\n      const nextErrors = { ...previous };\n      delete nextErrors[key as string];\n      return nextErrors;\n    });\n  };\n\n  const toggleEvent = (event: string) => {\n    setFormData((previous) => ({\n      ...previous,\n      events: previous.events.includes(event)\n        ? previous.events.filter((value) => value !== event)\n        : [...previous.events, event],\n    }));\n  };\n\n  const toggleCategory = (events: readonly string[]) => {\n    const allSelected = events.every((event) =>\n      formData.events.includes(event),\n    );\n\n    setFormData((previous) => ({\n      ...previous,\n      events: allSelected\n        ? previous.events.filter((event) => !events.includes(event))\n        : [...new Set([...previous.events, ...events])],\n    }));\n  };\n\n  const validate = (): boolean => {\n    const nextErrors: Record<string, string> = {};\n\n    if (!formData.applicationId) {\n      nextErrors.applicationId = tr(\n        \"devportal.createWebhook.errors.appRequired\",\n        \"Select an application\",\n      );\n    }\n    if (!formData.name.trim()) {\n      nextErrors.name = tr(\n        \"devportal.createWebhook.errors.nameRequired\",\n        \"Name is required\",\n      );\n    }\n    if (!formData.url.trim()) {\n      nextErrors.url = tr(\n        \"devportal.createWebhook.errors.urlRequired\",\n        \"Endpoint URL is required\",\n      );\n    } else if (!/^https:\\/\\//i.test(formData.url)) {\n      nextErrors.url = tr(\n        \"devportal.createWebhook.errors.urlHttps\",\n        \"Endpoint URL must use HTTPS\",\n      );\n    }\n    if (formData.events.length === 0) {\n      nextErrors.events = tr(\n        \"devportal.createWebhook.errors.eventsRequired\",\n        \"Select at least one event\",\n      );\n    }\n    if (\n      formData.retryEnabled &&\n      (formData.maxRetries < 1 || formData.maxRetries > 10)\n    ) {\n      nextErrors.maxRetries = tr(\n        \"devportal.createWebhook.errors.retriesRange\",\n        \"Retry count must be between 1 and 10\",\n      );\n    }\n\n    setErrors(nextErrors);\n    return Object.keys(nextErrors).length === 0;\n  };\n\n  const handleSubmit = async (event: FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    setSubmitError(null);\n\n    if (!validate()) return;\n\n    try {\n      const result = await createWebhook({\n        variables: {\n          applicationId: formData.applicationId,\n          input: {\n            name: formData.name.trim(),\n            description: formData.description.trim() || undefined,\n            url: formData.url.trim(),\n            events: formData.events,\n            retryEnabled: formData.retryEnabled,\n            maxRetries: formData.retryEnabled ? formData.maxRetries : 0,\n          },\n        },\n      });\n\n      const createdWebhook = result.data?.createWebhook;\n      if (!createdWebhook?.id) {\n        throw new Error(\n          tr(\n            \"devportal.createWebhook.errors.noId\",\n            \"Webhook creation did not return an identifier\",\n          ),\n        );\n      }\n\n      bus.emit(\"devportal.webhook.created\", {\n        webhookId: createdWebhook.id,\n        applicationId: formData.applicationId,\n      });\n\n      navigate?.(\n        `${basePath}/apps/${formData.applicationId}/webhooks/${createdWebhook.id}`,\n      );\n    } catch (error) {\n      setSubmitError(\n        error instanceof Error\n          ? error.message\n          : tr(\n              \"devportal.createWebhook.errors.createFailed\",\n              \"Failed to create webhook\",\n            ),\n      );\n    }\n  };\n\n  return (\n    <PermissionGuard permission={DEVPORTAL_PERMISSIONS.WEBHOOK_CREATE}>\n      <PageLayout\n        title={tr(\"devportal.createWebhook.title\", \"Create Webhook\")}\n        description={tr(\n          \"devportal.createWebhook.description\",\n          \"Set up a real webhook endpoint to receive platform events through the public gateway\",\n        )}\n        backLink={\n          formData.applicationId\n            ? `/apps/${formData.applicationId}/webhooks`\n            : \"/webhooks\"\n        }\n        backLabel={tr(\"devportal.createWebhook.back\", \"Back to Webhooks\")}\n      >\n        <form onSubmit={handleSubmit} className=\"space-y-6\">\n          <Alert variant=\"info\">\n            {tr(\n              \"devportal.createWebhook.info\",\n              \"Webhook deliveries are signed and sent through the public global gateway. Use an HTTPS endpoint that accepts POST requests and returns a 2xx response for successful deliveries.\",\n            )}\n          </Alert>\n\n          {submitError && <Alert variant=\"error\">{submitError}</Alert>}\n          {appsError && !appId && (\n            <Alert variant=\"error\">{getErrorMessage(appsError)}</Alert>\n          )}\n\n          <PageSection\n            title={tr(\"devportal.createWebhook.basicInfo\", \"Basic Information\")}\n          >\n            <div className=\"space-y-4 rounded-lg border bg-card p-4\">\n              {!appId && (\n                <label className=\"grid gap-2 text-sm font-medium\">\n                  <span>\n                    {tr(\"devportal.createWebhook.application\", \"Application\")}\n                  </span>\n                  <select\n                    value={formData.applicationId}\n                    onChange={(changeEvent) =>\n                      handleChange(\"applicationId\", changeEvent.target.value)\n                    }\n                    disabled={appsLoading}\n                    aria-label={tr(\n                      \"devportal.createWebhook.application\",\n                      \"Application\",\n                    )}\n                    className=\"rounded-md border bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary\"\n                  >\n                    <option value=\"\">\n                      {tr(\n                        \"devportal.createWebhook.errors.appRequired\",\n                        \"Select an application\",\n                      )}\n                    </option>\n                    {applications.map(\n                      (application: { id: string; name: string }) => (\n                        <option key={application.id} value={application.id}>\n                          {application.name}\n                        </option>\n                      ),\n                    )}\n                  </select>\n                  {errors.applicationId && (\n                    <span className=\"text-sm text-status-error-text\">\n                      {errors.applicationId}\n                    </span>\n                  )}\n                </label>\n              )}\n\n              {appsLoading && !appId && (\n                <div\n                  className=\"flex items-center gap-2 text-sm text-muted-foreground\"\n                  role=\"status\"\n                  aria-live=\"polite\"\n                >\n                  <Loader2\n                    className=\"h-4 w-4 animate-spin\"\n                    aria-hidden=\"true\"\n                  />\n                  {tr(\n                    \"devportal.createWebhook.loadingApps\",\n                    \"Loading applications...\",\n                  )}\n                </div>\n              )}\n\n              {selectedApplication && (\n                <div className=\"rounded-md border bg-muted/40 px-3 py-2 text-sm text-muted-foreground\">\n                  {tr(\n                    \"devportal.createWebhook.creatingFor\",\n                    \"Creating webhook for\",\n                  )}{\" \"}\n                  <span className=\"font-medium text-foreground\">\n                    {selectedApplication.name}\n                  </span>\n                </div>\n              )}\n\n              <InputField\n                label={tr(\n                  \"devportal.createWebhook.webhookName\",\n                  \"Webhook Name\",\n                )}\n                value={formData.name}\n                onChange={(changeEvent) =>\n                  handleChange(\"name\", changeEvent.target.value)\n                }\n                placeholder={tr(\n                  \"devportal.createWebhook.webhookNamePlaceholder\",\n                  \"Production webhook\",\n                )}\n                error={errors.name}\n                required\n              />\n\n              <TextareaField\n                label={tr(\n                  \"devportal.createWebhook.descriptionLabel\",\n                  \"Description\",\n                )}\n                value={formData.description}\n                onChange={(changeEvent) =>\n                  handleChange(\"description\", changeEvent.target.value)\n                }\n                placeholder={tr(\n                  \"devportal.createWebhook.descriptionPlaceholder\",\n                  \"What this webhook is used for\",\n                )}\n                rows={2}\n              />\n\n              <InputField\n                label={tr(\n                  \"devportal.createWebhook.endpointUrl\",\n                  \"Endpoint URL\",\n                )}\n                type=\"url\"\n                value={formData.url}\n                onChange={(changeEvent) =>\n                  handleChange(\"url\", changeEvent.target.value)\n                }\n                placeholder=\"https://your-app.example.com/webhooks/burdenoff\"\n                hint={tr(\"devportal.createWebhook.httpsOnly\", \"HTTPS only\")}\n                error={errors.url}\n                required\n              />\n            </div>\n          </PageSection>\n\n          <PageSection\n            title={tr(\n              \"devportal.createWebhook.subscribedEvents\",\n              \"Subscribed Events\",\n            )}\n          >\n            <div className=\"space-y-4 rounded-lg border bg-card p-4\">\n              {errors.events && (\n                <p className=\"text-sm text-status-error-text\" role=\"alert\">\n                  {errors.events}\n                </p>\n              )}\n              {Object.entries(eventCategories).map(([category, events]) => (\n                <section\n                  key={category}\n                  className=\"space-y-3 border-b pb-4 last:border-b-0 last:pb-0\"\n                >\n                  <div className=\"flex items-center justify-between gap-3\">\n                    <h3 className=\"font-medium\">\n                      {tr(\n                        `devportal.createWebhook.category.${category.toLowerCase()}`,\n                        category,\n                      )}\n                    </h3>\n                    <button\n                      type=\"button\"\n                      onClick={() => toggleCategory(events)}\n                      className=\"text-xs font-medium text-primary hover:underline focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary\"\n                    >\n                      {events.every((item) => formData.events.includes(item))\n                        ? tr(\n                            \"devportal.createWebhook.deselectAll\",\n                            \"Deselect all\",\n                          )\n                        : tr(\"devportal.createWebhook.selectAll\", \"Select all\")}\n                    </button>\n                  </div>\n                  <div className=\"grid gap-2 sm:grid-cols-2\">\n                    {events.map((eventName) => (\n                      <label\n                        key={eventName}\n                        className=\"flex items-center gap-2 rounded-md border bg-background px-3 py-2 text-sm\"\n                      >\n                        <input\n                          type=\"checkbox\"\n                          checked={formData.events.includes(eventName)}\n                          onChange={() => toggleEvent(eventName)}\n                          className=\"rounded border-border-default text-primary focus:ring-primary\"\n                          aria-label={eventName}\n                        />\n                        <code className=\"text-xs text-foreground\">\n                          {eventName}\n                        </code>\n                      </label>\n                    ))}\n                  </div>\n                </section>\n              ))}\n            </div>\n          </PageSection>\n\n          <PageSection\n            title={tr(\n              \"devportal.createWebhook.retrySettings\",\n              \"Retry Settings\",\n            )}\n          >\n            <div className=\"space-y-4 rounded-lg border bg-card p-4\">\n              <CheckboxField\n                label={tr(\n                  \"devportal.createWebhook.enableRetries\",\n                  \"Enable retries\",\n                )}\n                description={tr(\n                  \"devportal.createWebhook.enableRetriesDesc\",\n                  \"Retry failed deliveries automatically\",\n                )}\n                checked={formData.retryEnabled}\n                onChange={(changeEvent) =>\n                  handleChange(\"retryEnabled\", changeEvent.target.checked)\n                }\n              />\n\n              {formData.retryEnabled && (\n                <InputField\n                  label={tr(\n                    \"devportal.createWebhook.maxRetries\",\n                    \"Maximum retries\",\n                  )}\n                  type=\"number\"\n                  value={formData.maxRetries}\n                  onChange={(changeEvent) =>\n                    handleChange(\"maxRetries\", Number(changeEvent.target.value))\n                  }\n                  min={1}\n                  max={10}\n                  hint={tr(\n                    \"devportal.createWebhook.attemptsHint\",\n                    \"1 to 10 attempts\",\n                  )}\n                  error={errors.maxRetries}\n                />\n              )}\n            </div>\n          </PageSection>\n\n          <div className=\"flex flex-col gap-3 sm:flex-row\">\n            <button\n              type=\"button\"\n              onClick={() =>\n                navigate?.(\n                  `${basePath}${formData.applicationId ? `/apps/${formData.applicationId}/webhooks` : \"/webhooks\"}`,\n                )\n              }\n              className=\"rounded-md border px-4 py-2 text-sm font-medium hover:bg-accent focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary\"\n            >\n              {tr(\"devportal.common.cancel\", \"Cancel\")}\n            </button>\n            <button\n              type=\"submit\"\n              disabled={isSubmitting || appsLoading || !createPerm.allowed}\n              aria-disabled={isSubmitting || appsLoading || !createPerm.allowed}\n              title={\n                !createPerm.allowed\n                  ? tr(\n                      \"devportal.common.noPermission\",\n                      \"You do not have permission to perform this action\",\n                    )\n                  : undefined\n              }\n              className=\"inline-flex items-center justify-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary\"\n            >\n              {isSubmitting ? (\n                <Loader2 className=\"h-4 w-4 animate-spin\" aria-hidden=\"true\" />\n              ) : (\n                <Webhook size={16} aria-hidden=\"true\" />\n              )}\n              {isSubmitting\n                ? tr(\"devportal.createWebhook.creating\", \"Creating...\")\n                : tr(\"devportal.createWebhook.title\", \"Create Webhook\")}\n            </button>\n          </div>\n        </form>\n      </PageLayout>\n    </PermissionGuard>\n  );\n};\n"],"mappings":"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"}

package/dist/devportal/pages/DelegationsPage.js

@@ -331,7 +331,7 @@ var A = ({ type: t, className: n }) => {
 	let { t: f } = m(), _ = (e, t) => {
 		let n = f(e);
 		return n === e ? t : n;
-	}, { allowed: y } = ee(u.DELEGATION_REVOKE), [b, C] = p("acting-as-me"), [w, O] = p([]), [k, A] = p(null), [j, M] = p(/* @__PURE__ */ new Set()), { data: N, loading: ce, error: le, refetch: P } = o({ fetchPolicy: "cache-and-network" }), { data: F, loading: ue, error: de, refetch: I } = s({ fetchPolicy: "cache-and-network" }), [L, { loading: R }] = c(), z = (N?.currentUserDelegations ?? []).map(D), B = (F?.currentUserGrantedDelegations ?? []).map(D), V = z.filter((e) => e.status === "ACTIVE"), H = z.filter((e) => e.status !== "ACTIVE"), U = B.filter((e) => e.status === "ACTIVE"), W = b === "acting-as-me" ? V : U, G = te(() => W.filter((e) => j.has(e.id)), [j, W]), K = W.length > 0 && W.every((e) => j.has(e.id)), fe = W.some((e) => j.has(e.id)) && !K, q = b === "acting-as-me" ? ce : ue, J = b === "acting-as-me" ? le : de, Y = d((e) => {
+	}, { allowed: y } = ee(u.DELEGATION_REVOKE), [b, C] = p("acting-as-me"), [w, O] = p([]), [k, A] = p(null), [j, M] = p(/* @__PURE__ */ new Set()), { data: N, loading: ce, error: le, refetch: P } = o({ fetchPolicy: "cache-and-network" }), { data: F, loading: ue, error: de, refetch: I } = s({ fetchPolicy: "cache-and-network" }), [L, { loading: R }] = c(), z = (N?.currentUserDelegations?.delegations ?? []).map(D), B = (F?.currentUserGrantedDelegations?.delegations ?? []).map(D), V = z.filter((e) => e.status === "ACTIVE"), H = z.filter((e) => e.status !== "ACTIVE"), U = B.filter((e) => e.status === "ACTIVE"), W = b === "acting-as-me" ? V : U, G = te(() => W.filter((e) => j.has(e.id)), [j, W]), K = W.length > 0 && W.every((e) => j.has(e.id)), fe = W.some((e) => j.has(e.id)) && !K, q = b === "acting-as-me" ? ce : ue, J = b === "acting-as-me" ? le : de, Y = d((e) => {
 		O([e]);
 	}, []), X = d((e, t) => {
 		M((n) => {