@burdenoff/microfe-devportal 2026.828.1 → 2026.830.2

package/dist/devportal/pages/CreateOAuthClientPage.js

@@ -9,13 +9,13 @@ import { PermissionGuard as f } from "../components/PermissionGuard.js";
 import "../components/index.js";
 import "../hooks/index.js";
 import { useState as p } from "react";
-import { useI18n as m } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Plus as h, Save as g, Trash2 as _, X as v } from "lucide-react";
-import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { Plus as m, Save as h, Trash2 as g, X as _ } from "lucide-react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { useI18n as b } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 import { OptionalFields as x } from "@burdenoff/fe-libs/ui";
 //#region src/devportal/pages/CreateOAuthClientPage.tsx
 var S = () => {
-	let { navigate: S, basePath: C } = e(), { t: w } = m(), T = (e, t) => {
+	let { navigate: S, basePath: C } = e(), { t: w } = b(), T = (e, t) => {
 		let n = w(e);
 		return n === e ? t : n;
 	}, [E, D] = p(""), [O, k] = p(""), [A, j] = p("CONFIDENTIAL"), [M, N] = p([]), [P, F] = p(""), [I, L] = p([]), [R, z] = p(""), [B, V] = p(null), [H, U] = p(null), [W, { loading: G, error: K }] = n(), q = (e) => {
@@ -31,47 +31,47 @@ var S = () => {
 	}, Z = (e) => {
 		L(I.filter((t) => t !== e));
 	};
-	return B ? /* @__PURE__ */ y(i, {
+	return B ? /* @__PURE__ */ v(i, {
 		title: T("devportal.appCreated", "App Created!"),
 		description: T("devportal.appCreatedDescription", "Save the client secret below. It will not be shown again."),
 		backLink: "/oauth",
 		backLabel: T("devportal.backToOAuthApps", "Back to OAuth Apps"),
-		children: /* @__PURE__ */ b("div", {
+		children: /* @__PURE__ */ y("div", {
 			className: "rounded-lg border border-border-subtle bg-status-success-bg-subtle p-6",
 			children: [
-				/* @__PURE__ */ y("h3", {
+				/* @__PURE__ */ v("h3", {
 					className: "font-medium text-status-success-text",
 					children: T("devportal.oauthAppCreated", "Your OAuth App has been created")
 				}),
-				/* @__PURE__ */ b("div", {
+				/* @__PURE__ */ y("div", {
 					className: "mt-4 space-y-3",
-					children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
+					children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
 						className: "text-xs font-medium text-status-success-text",
 						children: T("devportal.clientSecret", "Client Secret")
-					}), /* @__PURE__ */ b("div", {
+					}), /* @__PURE__ */ y("div", {
 						className: "mt-1 flex items-center gap-2",
-						children: [/* @__PURE__ */ y("code", {
+						children: [/* @__PURE__ */ v("code", {
 							className: "flex-1 rounded border bg-bg-surface px-3 py-2 text-sm font-mono break-all",
 							children: B
-						}), /* @__PURE__ */ y("button", {
+						}), /* @__PURE__ */ v("button", {
 							onClick: async () => {
 								s("light"), c(await o(B) ? "success" : "error");
 							},
 							className: "rounded bg-status-success-bg-subtle px-3 py-2 text-sm font-medium text-status-success-text hover:bg-status-success-bg-subtle transition-colors",
 							children: T("devportal.copy", "Copy")
 						})]
-					})] }), /* @__PURE__ */ y("p", {
+					})] }), /* @__PURE__ */ v("p", {
 						className: "text-sm text-status-success-text",
 						children: T("devportal.storeSecretSecurely", "Store this secret securely. You will not be able to see it again.")
 					})]
 				}),
-				/* @__PURE__ */ b("div", {
+				/* @__PURE__ */ y("div", {
 					className: "mt-6 flex gap-3",
-					children: [H && /* @__PURE__ */ y("button", {
+					children: [H && /* @__PURE__ */ v("button", {
 						onClick: () => q(`/oauth/${H}`),
 						className: "rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors",
 						children: T("devportal.viewAppDetails", "View App Details")
-					}), /* @__PURE__ */ y("button", {
+					}), /* @__PURE__ */ v("button", {
 						onClick: () => q("/oauth"),
 						className: "rounded-md border px-4 py-2 text-sm font-medium hover:bg-bg-sunken transition-colors",
 						children: T("devportal.backToOAuthApps", "Back to OAuth Apps")
@@ -79,15 +79,15 @@ var S = () => {
 				})
 			]
 		})
-	}) : /* @__PURE__ */ y(f, {
+	}) : /* @__PURE__ */ v(f, {
 		authOnly: !0,
-		children: /* @__PURE__ */ y(i, {
+		children: /* @__PURE__ */ v(i, {
 			title: T("devportal.createOAuthApp", "Create OAuth App"),
 			description: T("devportal.createOAuthAppDescription", "Register a new OAuth application for authentication"),
 			purpose: T("devportal.createOAuthAppPurpose", "Register an OAuth app so an external service can let users sign in with their account and call the API on their behalf. Set its redirect URIs and request only the scopes it needs — you will receive a client ID and secret to finish the integration."),
 			backLink: "/oauth",
 			backLabel: T("devportal.backToOAuthApps", "Back to OAuth Apps"),
-			children: /* @__PURE__ */ b("form", {
+			children: /* @__PURE__ */ y("form", {
 				onSubmit: async (e) => {
 					if (e.preventDefault(), E.trim()) try {
 						let e = await W({ variables: { input: {
@@ -102,30 +102,30 @@ var S = () => {
 				},
 				className: "space-y-6 max-w-2xl",
 				children: [
-					K && /* @__PURE__ */ y("div", {
+					K && /* @__PURE__ */ v("div", {
 						className: "rounded-lg border border-status-error-border/50 bg-status-error-bg/10 p-4",
-						children: /* @__PURE__ */ y("p", {
+						children: /* @__PURE__ */ v("p", {
 							className: "text-sm text-status-error-text",
 							children: r(K)
 						})
 					}),
-					/* @__PURE__ */ b(a, {
+					/* @__PURE__ */ y(a, {
 						title: T("devportal.basicInformation", "Basic Information"),
 						children: [
-							/* @__PURE__ */ y(l, {
+							/* @__PURE__ */ v(l, {
 								label: T("devportal.appName", "App Name"),
 								value: E,
 								onChange: (e) => D(e.target.value),
 								placeholder: T("devportal.myOAuthAppPlaceholder", "My OAuth App"),
 								required: !0
 							}),
-							/* @__PURE__ */ y(d, {
+							/* @__PURE__ */ v(d, {
 								label: T("devportal.description", "Description"),
 								value: O,
 								onChange: (e) => k(e.target.value),
 								placeholder: T("devportal.appDescriptionPlaceholder", "Brief description of what this app does...")
 							}),
-							/* @__PURE__ */ y(u, {
+							/* @__PURE__ */ v(u, {
 								label: T("devportal.appType", "App Type"),
 								value: A,
 								onChange: (e) => j(e.target.value),
@@ -154,16 +154,16 @@ var S = () => {
 							})
 						]
 					}),
-					/* @__PURE__ */ b(x, {
+					/* @__PURE__ */ y(x, {
 						title: T("devportal.advancedOAuthSettings", "Advanced settings"),
 						description: T("devportal.advancedOAuthSettingsDescription", "Advanced grant types, PKCE-required toggles, scope tuning, and redirect URIs."),
-						children: [/* @__PURE__ */ y(a, {
+						children: [/* @__PURE__ */ v(a, {
 							title: T("devportal.scopes", "Scopes"),
-							children: /* @__PURE__ */ b("div", {
+							children: /* @__PURE__ */ y("div", {
 								className: "space-y-3",
-								children: [/* @__PURE__ */ b("div", {
+								children: [/* @__PURE__ */ y("div", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ y("input", {
+									children: [/* @__PURE__ */ v("input", {
 										type: "text",
 										value: P,
 										onChange: (e) => F(e.target.value),
@@ -172,32 +172,32 @@ var S = () => {
 										},
 										placeholder: "e.g. workspace:read",
 										className: "flex-1 rounded-md border bg-bg-surface px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary"
-									}), /* @__PURE__ */ y("button", {
+									}), /* @__PURE__ */ v("button", {
 										type: "button",
 										onClick: J,
 										className: "rounded-md bg-action-primary-bg/10 p-2 text-primary hover:bg-action-primary-bg/20 transition-colors",
-										children: /* @__PURE__ */ y(h, { size: 16 })
+										children: /* @__PURE__ */ v(m, { size: 16 })
 									})]
-								}), M.length > 0 && /* @__PURE__ */ y("div", {
+								}), M.length > 0 && /* @__PURE__ */ v("div", {
 									className: "flex flex-wrap gap-2",
-									children: M.map((e) => /* @__PURE__ */ b("span", {
+									children: M.map((e) => /* @__PURE__ */ y("span", {
 										className: "inline-flex items-center gap-1 rounded-full bg-action-primary-bg/10 px-3 py-1 text-xs font-medium text-primary",
-										children: [e, /* @__PURE__ */ y("button", {
+										children: [e, /* @__PURE__ */ v("button", {
 											type: "button",
 											onClick: () => Y(e),
 											className: "hover:text-status-error-text",
-											children: /* @__PURE__ */ y(v, { size: 12 })
+											children: /* @__PURE__ */ v(_, { size: 12 })
 										})]
 									}, e))
 								})]
 							})
-						}), /* @__PURE__ */ y(a, {
+						}), /* @__PURE__ */ v(a, {
 							title: T("devportal.redirectUris", "Redirect URIs"),
-							children: /* @__PURE__ */ b("div", {
+							children: /* @__PURE__ */ y("div", {
 								className: "space-y-3",
-								children: [/* @__PURE__ */ b("div", {
+								children: [/* @__PURE__ */ y("div", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ y("input", {
+									children: [/* @__PURE__ */ v("input", {
 										type: "url",
 										value: R,
 										onChange: (e) => z(e.target.value),
@@ -206,42 +206,42 @@ var S = () => {
 										},
 										placeholder: "https://example.com/callback",
 										className: "flex-1 rounded-md border bg-bg-surface px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary"
-									}), /* @__PURE__ */ y("button", {
+									}), /* @__PURE__ */ v("button", {
 										type: "button",
 										onClick: X,
 										className: "rounded-md bg-action-primary-bg/10 p-2 text-primary hover:bg-action-primary-bg/20 transition-colors",
-										children: /* @__PURE__ */ y(h, { size: 16 })
+										children: /* @__PURE__ */ v(m, { size: 16 })
 									})]
-								}), I.length > 0 && /* @__PURE__ */ y("div", {
+								}), I.length > 0 && /* @__PURE__ */ v("div", {
 									className: "space-y-2",
-									children: I.map((e) => /* @__PURE__ */ b("div", {
+									children: I.map((e) => /* @__PURE__ */ y("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ y("code", {
+										children: [/* @__PURE__ */ v("code", {
 											className: "flex-1 rounded bg-bg-sunken px-3 py-1.5 text-sm font-mono",
 											children: e
-										}), /* @__PURE__ */ y("button", {
+										}), /* @__PURE__ */ v("button", {
 											type: "button",
 											onClick: () => Z(e),
 											className: "rounded p-1 text-text-secondary hover:text-status-error-text transition-colors",
-											children: /* @__PURE__ */ y(_, { size: 14 })
+											children: /* @__PURE__ */ v(g, { size: 14 })
 										})]
 									}, e))
 								})]
 							})
 						})]
 					}),
-					/* @__PURE__ */ b("div", {
+					/* @__PURE__ */ y("div", {
 						className: "flex items-center gap-3 pt-4 border-t",
-						children: [/* @__PURE__ */ b("button", {
+						children: [/* @__PURE__ */ y("button", {
 							type: "submit",
 							disabled: G || !E.trim(),
 							className: t("inline-flex items-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors", "bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90", "disabled:opacity-50 disabled:cursor-not-allowed"),
-							children: [/* @__PURE__ */ y(g, { size: 16 }), G ? T("devportal.creating", "Creating...") : T("devportal.createOAuthApp", "Create OAuth App")]
-						}), /* @__PURE__ */ b("button", {
+							children: [/* @__PURE__ */ v(h, { size: 16 }), G ? T("devportal.creating", "Creating...") : T("devportal.createOAuthApp", "Create OAuth App")]
+						}), /* @__PURE__ */ y("button", {
 							type: "button",
 							onClick: () => q("/oauth"),
 							className: "inline-flex items-center gap-2 rounded-md border px-4 py-2 text-sm font-medium hover:bg-bg-sunken transition-colors",
-							children: [/* @__PURE__ */ y(v, { size: 16 }), T("devportal.cancel", "Cancel")]
+							children: [/* @__PURE__ */ v(_, { size: 16 }), T("devportal.cancel", "Cancel")]
 						})]
 					})
 				]

package/dist/devportal/pages/CreateOrganizationPage.js

@@ -7,12 +7,12 @@ import { PermissionGuard as l } from "../components/PermissionGuard.js";
 import "../components/index.js";
 import "../hooks/index.js";
 import { useState as u } from "react";
-import { useI18n as d } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Building2 as f, Info as p, X as m } from "lucide-react";
-import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { Building2 as d, Info as f, X as p } from "lucide-react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { useI18n as _ } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/devportal/pages/CreateOrganizationPage.tsx
 var v = () => {
-	let { navigate: v, basePath: y, currentUser: b } = e(), { t: x } = d(), S = (e, t) => {
+	let { navigate: v, basePath: y, currentUser: b } = e(), { t: x } = _(), S = (e, t) => {
 		let n = x(e);
 		return n === e ? t : n;
 	}, [C, w] = u({}), [T, { loading: E }] = r(), [D] = n(), [O] = i(), k = t(), [A, j] = u({
@@ -46,15 +46,15 @@ var v = () => {
 		let e = {};
 		return A.name.trim() ? A.name.length < 2 ? e.name = S("devportal.orgNameTooShort", "Name must be at least 2 characters") : A.name.length > 100 && (e.name = S("devportal.nameTooLong", "Name must be less than 100 characters")) : e.name = S("devportal.orgNameRequired", "Organization name is required"), A.slug.trim() ? /^[a-z0-9-]+$/.test(A.slug) || (e.slug = S("devportal.slugInvalid", "Slug can only contain lowercase letters, numbers, and hyphens")) : e.slug = S("devportal.slugRequired", "Slug is required"), A.contactEmail && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(A.contactEmail) && (e.contactEmail = S("devportal.invalidEmailAddress", "Invalid email address")), A.supportEmail && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(A.supportEmail) && (e.supportEmail = S("devportal.invalidEmailAddress", "Invalid email address")), w(e), Object.keys(e).length === 0;
 	};
-	return /* @__PURE__ */ g(l, {
+	return /* @__PURE__ */ h(l, {
 		authOnly: !0,
-		children: /* @__PURE__ */ g(a, {
+		children: /* @__PURE__ */ h(a, {
 			title: S("devportal.createOrganization", "Create Organization"),
 			description: S("devportal.createOrganizationDescription", "Set up a developer organization to collaborate with your team"),
 			purpose: S("devportal.createOrganizationPurpose", "An organization is the shared owner of your apps, members, and revenue. Create one here so your team works under a single identity — pick a name and tier now; you can invite members and verify it afterwards."),
 			backLink: `${y}/organizations`,
 			backLabel: S("devportal.backToOrganizations", "Back to Organizations"),
-			children: /* @__PURE__ */ _("form", {
+			children: /* @__PURE__ */ g("form", {
 				onSubmit: async (e) => {
 					if (e.preventDefault(), I()) try {
 						let e = (await T({ variables: { input: {
@@ -88,13 +88,13 @@ var v = () => {
 				},
 				className: "space-y-8 max-w-3xl",
 				children: [
-					/* @__PURE__ */ g(o, {
+					/* @__PURE__ */ h(o, {
 						title: S("devportal.organizationDetails", "Organization Details"),
 						description: S("devportal.organizationDetailsDescription", "Basic information about your organization"),
-						children: /* @__PURE__ */ _("div", {
+						children: /* @__PURE__ */ g("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ g(s, {
+								/* @__PURE__ */ h(s, {
 									label: S("devportal.organizationName", "Organization Name"),
 									value: A.name,
 									onChange: P,
@@ -103,7 +103,7 @@ var v = () => {
 									error: C.name,
 									hint: S("devportal.organizationNameHint", "Your organization's display name")
 								}),
-								/* @__PURE__ */ g(s, {
+								/* @__PURE__ */ h(s, {
 									label: S("devportal.slug", "Slug"),
 									value: A.slug,
 									onChange: (e) => F("slug", e.target.value.toLowerCase()),
@@ -112,30 +112,30 @@ var v = () => {
 									error: C.slug,
 									hint: S("devportal.slugHint", "URL-friendly identifier (auto-generated from name)")
 								}),
-								/* @__PURE__ */ g(c, {
+								/* @__PURE__ */ h(c, {
 									label: S("devportal.description", "Description"),
 									value: A.description,
 									onChange: (e) => F("description", e.target.value),
 									placeholder: S("devportal.orgDescriptionPlaceholder", "Tell us about your organization..."),
 									rows: 3
 								}),
-								/* @__PURE__ */ g(s, {
+								/* @__PURE__ */ h(s, {
 									label: S("devportal.websiteUrl", "Website URL"),
 									type: "url",
 									value: A.websiteUrl,
 									onChange: (e) => F("websiteUrl", e.target.value),
 									placeholder: "https://example.com"
 								}),
-								/* @__PURE__ */ _("div", {
+								/* @__PURE__ */ g("div", {
 									className: "grid gap-4 sm:grid-cols-2",
-									children: [/* @__PURE__ */ g(s, {
+									children: [/* @__PURE__ */ h(s, {
 										label: S("devportal.contactEmail", "Contact Email"),
 										type: "email",
 										value: A.contactEmail,
 										onChange: (e) => F("contactEmail", e.target.value),
 										placeholder: "contact@example.com",
 										error: C.contactEmail
-									}), /* @__PURE__ */ g(s, {
+									}), /* @__PURE__ */ h(s, {
 										label: S("devportal.supportEmail", "Support Email"),
 										type: "email",
 										value: A.supportEmail,
@@ -147,37 +147,37 @@ var v = () => {
 							]
 						})
 					}),
-					/* @__PURE__ */ _("div", {
+					/* @__PURE__ */ g("div", {
 						className: "rounded-lg border border-border-subtle bg-status-info-bg-subtle p-4 flex gap-3",
-						children: [/* @__PURE__ */ g(p, {
+						children: [/* @__PURE__ */ h(f, {
 							size: 20,
 							className: "text-accent-blue flex-shrink-0 mt-0.5"
-						}), /* @__PURE__ */ _("div", {
+						}), /* @__PURE__ */ g("div", {
 							className: "text-sm text-status-info-text",
-							children: [/* @__PURE__ */ g("p", {
+							children: [/* @__PURE__ */ h("p", {
 								className: "font-medium",
 								children: S("devportal.billingAutoSetup", "A billing account will be automatically set up")
-							}), /* @__PURE__ */ g("p", {
+							}), /* @__PURE__ */ h("p", {
 								className: "mt-1",
 								children: S("devportal.billingAutoSetupNote", "Revenue from app sales will be credited to it. You can complete legal and tax details for payouts later in Organization Settings.")
 							})]
 						})]
 					}),
-					/* @__PURE__ */ _("div", {
+					/* @__PURE__ */ g("div", {
 						className: "flex items-center justify-end gap-3 border-t pt-6",
-						children: [/* @__PURE__ */ _("button", {
+						children: [/* @__PURE__ */ g("button", {
 							type: "button",
 							onClick: () => {
 								M("/organizations");
 							},
 							disabled: E,
 							className: "inline-flex items-center gap-2 rounded-md border px-4 py-2 text-sm font-medium hover:bg-bg-sunken transition-colors disabled:opacity-50",
-							children: [/* @__PURE__ */ g(m, { size: 16 }), S("devportal.cancel", "Cancel")]
-						}), /* @__PURE__ */ g("button", {
+							children: [/* @__PURE__ */ h(p, { size: 16 }), S("devportal.cancel", "Cancel")]
+						}), /* @__PURE__ */ h("button", {
 							type: "submit",
 							disabled: E,
 							className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50",
-							children: E ? /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("span", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }), S("devportal.creating", "Creating...")] }) : /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(f, { size: 16 }), S("devportal.createOrganization", "Create Organization")] })
+							children: E ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("span", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }), S("devportal.creating", "Creating...")] }) : /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(d, { size: 16 }), S("devportal.createOrganization", "Create Organization")] })
 						})]
 					})
 				]

package/dist/devportal/pages/CreateWebhookPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CreateWebhookPage.d.ts","sourceRoot":"","sources":["../../../src/devportal/pages/CreateWebhookPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAa,MAAM,OAAO,CAAC;AAwD3C,eAAO,MAAM,iBAAiB,EAAE,EA6gB/B,CAAC"}
+{"version":3,"file":"CreateWebhookPage.d.ts","sourceRoot":"","sources":["../../../src/devportal/pages/CreateWebhookPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAa,MAAM,OAAO,CAAC;AAwD3C,eAAO,MAAM,iBAAiB,EAAE,EAghB/B,CAAC"}

package/dist/devportal/pages/CreateWebhookPage.js

@@ -1,17 +1,17 @@
 import { useDevportal as e } from "../providers/DevportalProvider.js";
-import { useDevportalEventBus as t } from "../events/index.js";
-import { useCreateWebhookMutation as n, useGetApplicationQuery as r, useGetApplicationsQuery as i } from "../../generated/global-operations.js";
-import { getErrorMessage as a } from "../hooks/useGraphQL.js";
-import { PageLayout as o, PageSection as s } from "../components/PageLayout.js";
-import { CheckboxField as c, InputField as l, TextareaField as u } from "../components/FormField.js";
-import { Alert as d } from "../components/ConfirmDialog.js";
-import { PermissionGuard as f } from "../components/PermissionGuard.js";
+import { useTr as t } from "../utils/i18n.js";
+import { useDevportalEventBus as n } from "../events/index.js";
+import { useCreateWebhookMutation as r, useGetApplicationQuery as i, useGetApplicationsQuery as a } from "../../generated/global-operations.js";
+import { getErrorMessage as o } from "../hooks/useGraphQL.js";
+import { PageLayout as s, PageSection as c } from "../components/PageLayout.js";
+import { CheckboxField as l, InputField as u, TextareaField as d } from "../components/FormField.js";
+import { Alert as f } from "../components/ConfirmDialog.js";
+import { PermissionGuard as p } from "../components/PermissionGuard.js";
 import "../components/index.js";
-import { useDevportalPermission as p } from "../hooks/usePermission.js";
+import { useDevportalPermission as m } from "../hooks/usePermission.js";
 import "../hooks/index.js";
-import { WEBHOOK_EVENTS as m } from "../types/index.js";
-import { DEVPORTAL_PERMISSIONS as h } from "../constants/permissions.js";
-import { useTr as g } from "../utils/i18n.js";
+import { WEBHOOK_EVENTS as h } from "../types/index.js";
+import { DEVPORTAL_PERMISSIONS as g } from "../constants/permissions.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";
@@ -19,40 +19,40 @@ import { jsx as C, jsxs as w } from "react/jsx-runtime";
 import { ShowMore as T } from "@burdenoff/fe-libs/ui";
 //#region src/devportal/pages/CreateWebhookPage.tsx
 var E = {
-	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."))
+	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."))
 }, D = () => {
-	let { appId: m } = S(), { navigate: D, basePath: O } = e(), [k, A] = y({
-		applicationId: m || "",
+	let { appId: h } = S(), { navigate: D, basePath: O } = e(), [k, A] = y({
+		applicationId: h || "",
 		name: "",
 		description: "",
 		url: "",
 		events: [],
 		retryEnabled: !0,
 		maxRetries: 3
-	}), [j, M] = y({}), [N, P] = y(null), { data: F } = r({
-		variables: { id: m ?? "" },
-		skip: !m,
+	}), [j, M] = y({}), [N, P] = y(null), { data: F } = i({
+		variables: { id: h ?? "" },
+		skip: !h,
 		fetchPolicy: "cache-first"
 	});
 	_(() => {
 		let e = F?.application?.name;
-		if (!m || !e) return;
+		if (!h || !e) return;
 		let t = window.__breadcrumbRegistry;
-		return t?.register(m, e), () => t?.unregister(m);
-	}, [m, F?.application?.name]);
-	let { data: I, loading: L, error: R } = i({
+		return t?.register(h, e), () => t?.unregister(h);
+	}, [h, F?.application?.name]);
+	let { data: I, loading: L, error: R } = a({
 		variables: { limit: 100 },
-		skip: !!m,
+		skip: !!h,
 		fetchPolicy: "cache-and-network"
-	}), [z, { loading: B }] = n(), V = t(), H = g(), U = p(h.WEBHOOK_CREATE), W = v(() => I?.applications?.edges?.map((e) => e.node).map((e) => ({
+	}), [z, { loading: B }] = r(), V = n(), H = t(), U = m(g.WEBHOOK_CREATE), W = v(() => I?.applications?.edges?.map((e) => e.node).map((e) => ({
 		id: e.id,
 		name: e.name,
 		slug: e.slug
@@ -80,9 +80,9 @@ var E = {
 		let e = {};
 		return k.applicationId || (e.applicationId = H("devportal.createWebhook.errors.appRequired", "Select an application")), k.name.trim() || (e.name = H("devportal.createWebhook.errors.nameRequired", "Name is required")), k.url.trim() ? /^https:\/\//i.test(k.url) || (e.url = H("devportal.createWebhook.errors.urlHttps", "Endpoint URL must use HTTPS")) : e.url = H("devportal.createWebhook.errors.urlRequired", "Endpoint URL is required"), k.events.length === 0 && (e.events = H("devportal.createWebhook.errors.eventsRequired", "Select at least one event")), k.retryEnabled && (k.maxRetries < 1 || k.maxRetries > 10) && (e.maxRetries = H("devportal.createWebhook.errors.retriesRange", "Retry count must be between 1 and 10")), M(e), Object.keys(e).length === 0;
 	};
-	return /* @__PURE__ */ C(f, {
+	return /* @__PURE__ */ C(p, {
 		authOnly: !0,
-		children: /* @__PURE__ */ C(o, {
+		children: /* @__PURE__ */ C(s, {
 			title: H("devportal.createWebhook.title", "Create Webhook"),
 			description: H("devportal.createWebhook.description", "Set up a real webhook endpoint to receive platform events through the public gateway"),
 			purpose: H("devportal.createWebhook.purpose", "Point a webhook at a URL you host so the platform pushes events (installs, payments, app updates) to your backend in real time. Choose which events to subscribe to; you will get a signing secret to verify that deliveries genuinely came from us."),
@@ -114,24 +114,24 @@ var E = {
 				},
 				className: "space-y-6",
 				children: [
-					/* @__PURE__ */ C(d, {
+					/* @__PURE__ */ C(f, {
 						variant: "info",
 						children: H("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.")
 					}),
-					N && /* @__PURE__ */ C(d, {
+					N && /* @__PURE__ */ C(f, {
 						variant: "error",
 						children: N
 					}),
-					R && !m && /* @__PURE__ */ C(d, {
+					R && !h && /* @__PURE__ */ C(f, {
 						variant: "error",
-						children: a(R)
+						children: o(R)
 					}),
-					/* @__PURE__ */ C(s, {
+					/* @__PURE__ */ C(c, {
 						title: H("devportal.createWebhook.basicInfo", "Basic Information"),
 						children: /* @__PURE__ */ w("div", {
 							className: "space-y-4 rounded-card border border-border-seam bg-bg-surface p-4",
 							children: [
-								!m && /* @__PURE__ */ w("label", {
+								!h && /* @__PURE__ */ w("label", {
 									className: "grid gap-2 text-sm font-medium",
 									children: [
 										/* @__PURE__ */ C("span", { children: H("devportal.createWebhook.application", "Application") }),
@@ -155,7 +155,7 @@ var E = {
 										})
 									]
 								}),
-								L && !m && /* @__PURE__ */ w("div", {
+								L && !h && /* @__PURE__ */ w("div", {
 									className: "flex items-center gap-2 text-sm text-text-secondary",
 									role: "status",
 									"aria-live": "polite",
@@ -175,7 +175,7 @@ var E = {
 										})
 									]
 								}),
-								/* @__PURE__ */ C(l, {
+								/* @__PURE__ */ C(u, {
 									label: H("devportal.createWebhook.webhookName", "Webhook Name"),
 									value: k.name,
 									onChange: (e) => K("name", e.target.value),
@@ -183,19 +183,19 @@ var E = {
 									error: j.name,
 									required: !0
 								}),
-								/* @__PURE__ */ C(u, {
+								/* @__PURE__ */ C(d, {
 									label: H("devportal.createWebhook.descriptionLabel", "Description"),
 									value: k.description,
 									onChange: (e) => K("description", e.target.value),
 									placeholder: H("devportal.createWebhook.descriptionPlaceholder", "What this webhook is used for"),
 									rows: 2
 								}),
-								/* @__PURE__ */ C(l, {
+								/* @__PURE__ */ C(u, {
 									label: H("devportal.createWebhook.endpointUrl", "Endpoint URL"),
 									type: "url",
 									value: k.url,
 									onChange: (e) => K("url", e.target.value),
-									placeholder: "https://your-app.example.com/webhooks/burdenoff",
+									placeholder: H("devportal.createWebhook.endpointPlaceholder", "https://your-app.example.com/webhooks/burdenoff"),
 									hint: H("devportal.createWebhook.httpsOnly", "HTTPS only"),
 									error: j.url,
 									required: !0
@@ -203,7 +203,7 @@ var E = {
 							]
 						})
 					}),
-					/* @__PURE__ */ C(s, {
+					/* @__PURE__ */ C(c, {
 						title: H("devportal.createWebhook.subscribedEvents", "Subscribed Events"),
 						children: /* @__PURE__ */ w("div", {
 							className: "rounded-card border border-border-seam bg-bg-surface p-4",
@@ -250,16 +250,16 @@ var E = {
 							})]
 						})
 					}),
-					/* @__PURE__ */ C(s, {
+					/* @__PURE__ */ C(c, {
 						title: H("devportal.createWebhook.retrySettings", "Retry Settings"),
 						children: /* @__PURE__ */ w("div", {
 							className: "space-y-4 rounded-card border border-border-seam bg-bg-surface p-4",
-							children: [/* @__PURE__ */ C(c, {
+							children: [/* @__PURE__ */ C(l, {
 								label: H("devportal.createWebhook.enableRetries", "Enable retries"),
 								description: H("devportal.createWebhook.enableRetriesDesc", "Retry failed deliveries automatically"),
 								checked: k.retryEnabled,
 								onChange: (e) => K("retryEnabled", e.target.checked)
-							}), k.retryEnabled && /* @__PURE__ */ C(l, {
+							}), k.retryEnabled && /* @__PURE__ */ C(u, {
 								label: H("devportal.createWebhook.maxRetries", "Maximum retries"),
 								type: "number",
 								value: k.maxRetries,