@burdenoff/microfe-devportal 2026.1110.2 → 2026.1112.2

package/dist/devportal/pages/SetupPage.js

@@ -3,22 +3,20 @@ import { InputField as t, SelectField as n, TextareaField as r } from "../compon
 import { useDevportal as i } from "../providers/DevportalProvider.js";
 import { useDevportalEventBus as ee } from "../events/index.js";
 import { cn as a } from "../utils/cn.js";
-import { useCreateApplicationMutation as o, useCreateBillingAccountMutation as te, useCreateDeveloperProfileMutation as ne, useCreateOrganizationMutation as re } from "../../generated/global-operations.js";
+import { errorMessage as o } from "../utils/errorMessage.js";
+import { useCreateApplicationMutation as te, useCreateBillingAccountMutation as ne, useCreateDeveloperProfileMutation as re, useCreateOrganizationMutation as ie } from "../../generated/global-operations.js";
 import "../hooks/index.js";
-import { DEVELOPER_AGREEMENT_VERSION as ie, DEVELOPER_LINKS as s } from "../constants/developerLinks.js";
-import { ELIGIBILITY_RULES as c, reviewRequirementsFor as ae } from "../utils/developerOnboarding.js";
+import { DEVELOPER_AGREEMENT_VERSION as ae, DEVELOPER_LINKS as s } from "../constants/developerLinks.js";
+import { ELIGIBILITY_RULES as c, reviewRequirementsFor as oe } from "../utils/developerOnboarding.js";
 import { useState as l } from "react";
-import { AppWindow as u, ArrowRight as oe, BookOpen as se, Box as ce, Building2 as d, Check as f, ChevronRight as p, GitFork as le, Key as ue, ListChecks as de, Puzzle as m, Rocket as h, ShieldCheck as g } from "lucide-react";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { AppWindow as u, ArrowRight as se, BookOpen as ce, Box as le, Building2 as d, Check as f, ChevronRight as p, GitFork as ue, Key as de, ListChecks as m, Puzzle as h, Rocket as g, ShieldCheck as _ } from "lucide-react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
 import { useI18n as fe } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 import { Illustration as pe, PagePurpose as me } from "@burdenoff/fe-libs/ui";
 // src/devportal/pages/SetupPage.tsx
-function y(e) {
+function b(e) {
 	return e.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
 }
-function b(e, t) {
-	return e instanceof Error && e.message ? e.message : t;
-}
 function x() {
 	try {
 		localStorage.setItem("devportal_setup_dismissed", "1");
@@ -43,30 +41,30 @@ var S = [
 	}
 ], he = ({ current: e }) => {
 	let t = S.findIndex((t) => t.key === e);
-	return /* @__PURE__ */ _("div", {
+	return /* @__PURE__ */ v("div", {
 		className: "flex items-center gap-0",
 		children: S.map((e, n) => {
 			let r = n < t, i = n === t;
-			return /* @__PURE__ */ v("div", {
+			return /* @__PURE__ */ y("div", {
 				className: "flex items-center",
-				children: [/* @__PURE__ */ v("div", {
+				children: [/* @__PURE__ */ y("div", {
 					className: "flex flex-col items-center gap-1.5",
-					children: [/* @__PURE__ */ _("div", {
+					children: [/* @__PURE__ */ v("div", {
 						className: ["flex h-8 w-8 items-center justify-center rounded-full text-sm font-semibold transition-colors", r ? "bg-action-primary-bg text-action-primary-text" : i ? "bg-action-primary-bg text-action-primary-text ring-4 ring-primary/20" : "bg-bg-sunken text-text-secondary"].join(" "),
-						children: r ? /* @__PURE__ */ _(f, { size: 14 }) : n + 1
-					}), /* @__PURE__ */ _("span", {
+						children: r ? /* @__PURE__ */ v(f, { size: 14 }) : n + 1
+					}), /* @__PURE__ */ v("span", {
 						className: ["text-xs font-medium whitespace-nowrap", i ? "text-text-primary" : "text-text-secondary"].join(" "),
 						children: e.label
 					})]
-				}), n < S.length - 1 && /* @__PURE__ */ _("div", { className: ["mx-3 mb-5 h-px w-16 flex-shrink-0 transition-colors", n < t ? "bg-action-primary-bg" : "bg-border"].join(" ") })]
+				}), n < S.length - 1 && /* @__PURE__ */ v("div", { className: ["mx-3 mb-5 h-px w-16 flex-shrink-0 transition-colors", n < t ? "bg-action-primary-bg" : "bg-border"].join(" ") })]
 			}, e.key);
 		})
 	});
 }, C = () => {
-	let { navigate: a, basePath: c, currentUser: g } = i(), { t: S } = fe(), C = ee(), E = (e, t) => {
+	let { navigate: a, basePath: c, currentUser: _ } = i(), { t: S } = fe(), C = ee(), E = (e, t) => {
 		let n = S(e);
 		return n === e ? t : n;
-	}, D = (e) => a?.(`${c}${e}`), [O, k] = l("org"), [A, _e] = l(null), [j, ve] = l(null), [ye, be] = l(null), [M, xe] = l(""), [N, P] = l(""), [F, Se] = l(""), [I, L] = l({}), [R, Ce] = l(!1), [z, B] = l(null), [we, { loading: Te }] = re(), [Ee, { loading: De }] = ne(), V = Te || De, [Oe] = te(), ke = () => {
+	}, D = (e) => a?.(`${c}${e}`), [O, k] = l("org"), [A, _e] = l(null), [j, ve] = l(null), [ye, be] = l(null), [M, xe] = l(""), [N, P] = l(""), [F, Se] = l(""), [I, L] = l({}), [R, Ce] = l(!1), [z, B] = l(null), [we, { loading: Te }] = ie(), [Ee, { loading: De }] = re(), V = Te || De, [Oe] = ne(), ke = () => {
 		let e = {};
 		return M.trim() ? M.length < 2 && (e.name = E("devportal.orgNameTooShort", "Name must be at least 2 characters")) : e.name = E("devportal.orgNameRequired", "Organization name is required"), N.trim() ? /^[a-z0-9-]+$/.test(N) || (e.slug = E("devportal.slugInvalid", "Lowercase letters, numbers, and hyphens only")) : e.slug = E("devportal.slugRequired", "Slug is required"), R || (e.agreement = E("devportal.onboarding.agreementRequired", "Accept the Developer Agreement to continue")), L(e), Object.keys(e).length === 0;
 	}, Ae = async () => {
@@ -78,13 +76,13 @@ var S = [
 					name: M,
 					slug: N || void 0,
 					description: F || void 0,
-					contactEmail: g?.email || void 0,
+					contactEmail: _?.email || void 0,
 					metadata: {
 						developerAgreement: {
-							version: ie,
+							version: ae,
 							url: s.developerAgreement,
 							acceptedAt: (/* @__PURE__ */ new Date()).toISOString(),
-							acceptedBy: g?.id ?? null
+							acceptedBy: _?.id ?? null
 						},
 						registrationSource: "devportal-setup"
 					}
@@ -97,16 +95,16 @@ var S = [
 					try {
 						Oe({ variables: { input: {
 							name: M,
-							email: g?.email ?? ""
+							email: _?.email ?? ""
 						} } }).catch(() => {});
 					} catch {}
 					k("app");
 				}
 			} catch (e) {
-				B(b(e, E("devportal.onboarding.orgCreateFailed", "We could not create your organization. Please try again.")));
+				B(o(e, E("devportal.onboarding.orgCreateFailed", "We could not create your organization. Please try again.")));
 			}
 		}
-	}, [H, je] = l(""), [U, Me] = l(""), [W, G] = l(null), [K, Ne] = l(""), [q, Pe] = l(""), [J, Y] = l({}), [X, Z] = l(null), [Fe, { loading: Q }] = o(), Ie = () => W === "node" ? "NODE" : W === "workflow" ? "WORKFLOW" : "API_INTEGRATION", Le = () => {
+	}, [H, je] = l(""), [U, Me] = l(""), [W, G] = l(null), [K, Ne] = l(""), [q, Pe] = l(""), [J, Y] = l({}), [X, Z] = l(null), [Fe, { loading: Q }] = te(), Ie = () => W === "node" ? "NODE" : W === "workflow" ? "WORKFLOW" : "API_INTEGRATION", Le = () => {
 		let e = {};
 		return H.trim() ? H.length < 3 && (e.name = E("devportal.nameTooShort", "Name must be at least 3 characters")) : e.name = E("devportal.appNameRequired", "Application name is required"), W || (e.builderType = E("devportal.appTypeRequired", "Application type is required")), K || (e.category = E("devportal.categoryRequired", "Category is required")), q.trim() || (e.shortDescription = E("devportal.shortDescriptionRequired", "Short description is required")), Y(e), Object.keys(e).length === 0;
 	}, Re = async () => {
@@ -130,32 +128,32 @@ var S = [
 				organizationId: A
 			}), ve(t), be(e), x(), k("submit"));
 		} catch (e) {
-			Z(b(e, E("devportal.onboarding.appCreateFailed", "We could not create your app. Please try again.")));
+			Z(o(e, E("devportal.onboarding.appCreateFailed", "We could not create your app. Please try again.")));
 		}
-	}, ze = ae(ye), $ = () => {
+	}, ze = oe(ye), $ = () => {
 		x(), D("/");
 	};
-	return /* @__PURE__ */ v("main", {
+	return /* @__PURE__ */ y("main", {
 		className: "min-h-screen bg-surface-default",
-		children: [/* @__PURE__ */ _("div", {
+		children: [/* @__PURE__ */ v("div", {
 			className: "border-b border-border-default bg-surface-raised",
-			children: /* @__PURE__ */ _("div", {
+			children: /* @__PURE__ */ v("div", {
 				className: "mx-auto max-w-2xl px-6 py-5",
-				children: /* @__PURE__ */ v("div", {
+				children: /* @__PURE__ */ y("div", {
 					className: "flex items-center justify-between",
-					children: [/* @__PURE__ */ v("div", {
+					children: [/* @__PURE__ */ y("div", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ _("div", {
+						children: [/* @__PURE__ */ v("div", {
 							className: "flex h-9 w-9 items-center justify-center rounded-lg bg-action-primary-bg/10 text-primary",
-							children: /* @__PURE__ */ _(h, { size: 20 })
-						}), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+							children: /* @__PURE__ */ v(g, { size: 20 })
+						}), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 							className: "text-xs font-medium text-text-secondary",
 							children: E("devportal.developerPortal", "Developer Portal")
-						}), /* @__PURE__ */ _("h1", {
+						}), /* @__PURE__ */ v("h1", {
 							className: "text-base font-semibold text-text-primary",
 							children: E("devportal.setup.title", "Get set up")
 						})] })]
-					}), O !== "done" && /* @__PURE__ */ _("button", {
+					}), O !== "done" && /* @__PURE__ */ v("button", {
 						type: "button",
 						onClick: $,
 						className: "text-sm text-text-secondary hover:text-text-primary transition-colors",
@@ -163,48 +161,48 @@ var S = [
 					})]
 				})
 			})
-		}), /* @__PURE__ */ v("div", {
+		}), /* @__PURE__ */ y("div", {
 			className: "mx-auto max-w-2xl px-6 py-10",
 			children: [
-				/* @__PURE__ */ _("div", {
+				/* @__PURE__ */ v("div", {
 					className: "mb-10 flex justify-center",
-					children: /* @__PURE__ */ _(he, { current: O })
+					children: /* @__PURE__ */ v(he, { current: O })
 				}),
-				O === "org" && /* @__PURE__ */ v("div", {
+				O === "org" && /* @__PURE__ */ y("div", {
 					className: "mb-8 flex flex-col items-center gap-3 text-center",
-					children: [/* @__PURE__ */ _(pe, {
+					children: [/* @__PURE__ */ v(pe, {
 						name: "onboarding",
 						alt: E("devportal.setup.illustrationAlt", "Getting started with the developer portal"),
 						size: "md"
-					}), /* @__PURE__ */ _(me, {
+					}), /* @__PURE__ */ v(me, {
 						className: "justify-center",
 						children: E("devportal.setup.purposeWithReview", "Three quick steps to start building: create the organization that owns your apps, register your first app, then submit it for review. Your developer profile is created with your organization. You can change everything later.")
 					})]
 				}),
-				O === "org" && /* @__PURE__ */ v("div", {
+				O === "org" && /* @__PURE__ */ y("div", {
 					className: "rounded-xl border border-border-default bg-surface-raised p-8 shadow-sm",
 					children: [
-						/* @__PURE__ */ v("div", {
+						/* @__PURE__ */ y("div", {
 							className: "mb-6 flex items-center gap-3",
-							children: [/* @__PURE__ */ _("div", {
+							children: [/* @__PURE__ */ v("div", {
 								className: "flex h-10 w-10 items-center justify-center rounded-lg bg-action-primary-bg/10 text-primary",
-								children: /* @__PURE__ */ _(d, { size: 20 })
-							}), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("h2", {
+								children: /* @__PURE__ */ v(d, { size: 20 })
+							}), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("h2", {
 								className: "text-lg font-semibold text-text-primary",
 								children: E("devportal.setup.orgTitle", "Set up your organization")
-							}), /* @__PURE__ */ _("p", {
+							}), /* @__PURE__ */ v("p", {
 								className: "text-sm text-text-secondary",
 								children: E("devportal.setup.orgSubtitle", "This groups your apps and teams under one publisher identity.")
 							})] })]
 						}),
-						/* @__PURE__ */ v("div", {
+						/* @__PURE__ */ y("div", {
 							className: "space-y-5",
 							children: [
-								/* @__PURE__ */ _(t, {
+								/* @__PURE__ */ v(t, {
 									label: E("devportal.organizationName", "Organization Name"),
 									value: M,
 									onChange: (e) => {
-										xe(e.target.value), N && N !== y(M) || P(y(e.target.value)), L((e) => ({
+										xe(e.target.value), N && N !== b(M) || P(b(e.target.value)), L((e) => ({
 											...e,
 											name: void 0
 										}));
@@ -213,7 +211,7 @@ var S = [
 									required: !0,
 									error: I.name
 								}),
-								/* @__PURE__ */ _(t, {
+								/* @__PURE__ */ v(t, {
 									label: E("devportal.slug", "Slug"),
 									value: N,
 									onChange: (e) => {
@@ -227,17 +225,17 @@ var S = [
 									error: I.slug,
 									hint: E("devportal.slugHint", "URL-friendly identifier — auto-generated from name")
 								}),
-								/* @__PURE__ */ _(r, {
+								/* @__PURE__ */ v(r, {
 									label: E("devportal.description", "Description"),
 									value: F,
 									onChange: (e) => Se(e.target.value),
 									placeholder: E("devportal.orgDescriptionPlaceholder", "Tell us about your organization…"),
 									rows: 2
 								}),
-								/* @__PURE__ */ _(ge, { tr: E }),
-								/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ v("label", {
+								/* @__PURE__ */ v(ge, { tr: E }),
+								/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ y("label", {
 									className: "flex items-start gap-3 text-sm text-text-primary",
-									children: [/* @__PURE__ */ _("input", {
+									children: [/* @__PURE__ */ v("input", {
 										type: "checkbox",
 										"data-testid": "devportal-setup-accept-agreement",
 										checked: R,
@@ -248,10 +246,10 @@ var S = [
 											}));
 										},
 										className: "mt-0.5 h-4 w-4 shrink-0 rounded border-border-default accent-primary"
-									}), /* @__PURE__ */ v("span", { children: [
+									}), /* @__PURE__ */ y("span", { children: [
 										E("devportal.onboarding.agreementLabelPrefix", "I meet these requirements and accept the"),
 										" ",
-										/* @__PURE__ */ _("a", {
+										/* @__PURE__ */ v("a", {
 											href: s.developerAgreement,
 											target: "_blank",
 											rel: "noopener noreferrer",
@@ -261,7 +259,7 @@ var S = [
 										" ",
 										E("devportal.onboarding.and", "and the"),
 										" ",
-										/* @__PURE__ */ _("a", {
+										/* @__PURE__ */ v("a", {
 											href: s.acceptableUsePolicy,
 											target: "_blank",
 											rel: "noopener noreferrer",
@@ -270,62 +268,62 @@ var S = [
 										}),
 										"."
 									] })]
-								}), I.agreement && /* @__PURE__ */ _("p", {
+								}), I.agreement && /* @__PURE__ */ v("p", {
 									className: "mt-1.5 text-xs text-status-error-text",
 									children: I.agreement
 								})] }),
-								z && /* @__PURE__ */ _("p", {
+								z && /* @__PURE__ */ v("p", {
 									role: "alert",
 									className: "rounded-md bg-status-error-bg px-3 py-2 text-sm text-status-error-text",
 									children: z
 								})
 							]
 						}),
-						/* @__PURE__ */ v("div", {
+						/* @__PURE__ */ y("div", {
 							className: "mt-8 flex items-center justify-between border-t border-border-default pt-6",
-							children: [/* @__PURE__ */ _("button", {
+							children: [/* @__PURE__ */ v("button", {
 								type: "button",
 								onClick: $,
 								className: "text-sm text-text-secondary hover:text-text-primary transition-colors",
 								children: E("devportal.setup.skipForNow", "Skip for now")
-							}), /* @__PURE__ */ v("button", {
+							}), /* @__PURE__ */ y("button", {
 								type: "button",
 								onClick: () => void Ae(),
 								disabled: V,
 								className: "inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-5 py-2.5 text-sm font-semibold text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-60 transition-colors",
 								children: [
-									V ? /* @__PURE__ */ _("span", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }) : null,
+									V ? /* @__PURE__ */ v("span", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }) : null,
 									E("devportal.setup.createAndContinue", "Create & Continue"),
-									!V && /* @__PURE__ */ _(p, { size: 16 })
+									!V && /* @__PURE__ */ v(p, { size: 16 })
 								]
 							})]
 						})
 					]
 				}),
-				O === "app" && /* @__PURE__ */ v("div", {
+				O === "app" && /* @__PURE__ */ y("div", {
 					className: "rounded-xl border border-border-default bg-surface-raised p-8 shadow-sm",
 					children: [
-						/* @__PURE__ */ v("div", {
+						/* @__PURE__ */ y("div", {
 							className: "mb-6 flex items-center gap-3",
-							children: [/* @__PURE__ */ _("div", {
+							children: [/* @__PURE__ */ v("div", {
 								className: "flex h-10 w-10 items-center justify-center rounded-lg bg-action-primary-bg/10 text-primary",
-								children: /* @__PURE__ */ _(u, { size: 20 })
-							}), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("h2", {
+								children: /* @__PURE__ */ v(u, { size: 20 })
+							}), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("h2", {
 								className: "text-lg font-semibold text-text-primary",
 								children: E("devportal.setup.appTitle", "Create your first app")
-							}), /* @__PURE__ */ _("p", {
+							}), /* @__PURE__ */ v("p", {
 								className: "text-sm text-text-secondary",
 								children: E("devportal.setup.appSubtitle", "Register the app you want to publish or integrate.")
 							})] })]
 						}),
-						/* @__PURE__ */ v("div", {
+						/* @__PURE__ */ y("div", {
 							className: "space-y-5",
 							children: [
-								/* @__PURE__ */ _(t, {
+								/* @__PURE__ */ v(t, {
 									label: E("devportal.applicationName", "Application Name"),
 									value: H,
 									onChange: (e) => {
-										je(e.target.value), U && U !== y(H) || Me(y(e.target.value)), Y((e) => ({
+										je(e.target.value), U && U !== b(H) || Me(b(e.target.value)), Y((e) => ({
 											...e,
 											name: void 0
 										}));
@@ -334,23 +332,23 @@ var S = [
 									required: !0,
 									error: J.name
 								}),
-								/* @__PURE__ */ v("div", { children: [
-									/* @__PURE__ */ v("p", {
+								/* @__PURE__ */ y("div", { children: [
+									/* @__PURE__ */ y("p", {
 										className: "mb-2 text-sm font-medium text-text-primary",
 										children: [
 											E("devportal.applicationType", "Application Type"),
 											" ",
-											/* @__PURE__ */ _("span", {
+											/* @__PURE__ */ v("span", {
 												className: "text-status-error-text",
 												children: "*"
 											})
 										]
 									}),
-									/* @__PURE__ */ v("div", {
+									/* @__PURE__ */ y("div", {
 										className: "grid grid-cols-3 gap-3",
 										children: [
-											/* @__PURE__ */ _(w, {
-												icon: ce,
+											/* @__PURE__ */ v(w, {
+												icon: le,
 												title: "App",
 												description: "OAuth integration for the platform",
 												selected: W === "app",
@@ -361,8 +359,8 @@ var S = [
 													}));
 												}
 											}),
-											/* @__PURE__ */ _(w, {
-												icon: m,
+											/* @__PURE__ */ v(w, {
+												icon: h,
 												title: "Node",
 												description: "Custom FluidGrids workflow node",
 												selected: W === "node",
@@ -373,8 +371,8 @@ var S = [
 													}));
 												}
 											}),
-											/* @__PURE__ */ _(w, {
-												icon: le,
+											/* @__PURE__ */ v(w, {
+												icon: ue,
 												title: "Workflow",
 												description: "Reusable automation template",
 												selected: W === "workflow",
@@ -387,12 +385,12 @@ var S = [
 											})
 										]
 									}),
-									J.builderType && /* @__PURE__ */ _("p", {
+									J.builderType && /* @__PURE__ */ v("p", {
 										className: "mt-1.5 text-xs text-status-error-text",
 										children: J.builderType
 									})
 								] }),
-								/* @__PURE__ */ _(n, {
+								/* @__PURE__ */ v(n, {
 									label: E("devportal.category", "Category"),
 									value: K,
 									onChange: (e) => {
@@ -406,7 +404,7 @@ var S = [
 									required: !0,
 									error: J.category
 								}),
-								/* @__PURE__ */ _(r, {
+								/* @__PURE__ */ v(r, {
 									label: E("devportal.shortDescription", "Short Description"),
 									value: q,
 									onChange: (e) => {
@@ -421,201 +419,201 @@ var S = [
 									rows: 2,
 									hint: `${q.length}/200`
 								}),
-								X && /* @__PURE__ */ _("p", {
+								X && /* @__PURE__ */ v("p", {
 									role: "alert",
 									className: "rounded-md bg-status-error-bg px-3 py-2 text-sm text-status-error-text",
 									children: X
 								})
 							]
 						}),
-						/* @__PURE__ */ v("div", {
+						/* @__PURE__ */ y("div", {
 							className: "mt-8 flex items-center justify-between border-t border-border-default pt-6",
-							children: [/* @__PURE__ */ _("button", {
+							children: [/* @__PURE__ */ v("button", {
 								type: "button",
 								onClick: $,
 								className: "text-sm text-text-secondary hover:text-text-primary transition-colors",
 								children: E("devportal.setup.skipForNow", "Skip for now")
-							}), /* @__PURE__ */ v("button", {
+							}), /* @__PURE__ */ y("button", {
 								type: "button",
 								onClick: () => void Re(),
 								disabled: Q,
 								className: "inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-5 py-2.5 text-sm font-semibold text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-60 transition-colors",
 								children: [
-									Q ? /* @__PURE__ */ _("span", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }) : null,
+									Q ? /* @__PURE__ */ v("span", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }) : null,
 									E("devportal.setup.createApp", "Create App"),
-									!Q && /* @__PURE__ */ _(p, { size: 16 })
+									!Q && /* @__PURE__ */ v(p, { size: 16 })
 								]
 							})]
 						})
 					]
 				}),
-				O === "submit" && /* @__PURE__ */ v("div", {
+				O === "submit" && /* @__PURE__ */ y("div", {
 					className: "rounded-xl border border-border-default bg-surface-raised p-8 shadow-sm",
 					children: [
-						/* @__PURE__ */ v("div", {
+						/* @__PURE__ */ y("div", {
 							className: "mb-6 flex items-center gap-3",
-							children: [/* @__PURE__ */ _("div", {
+							children: [/* @__PURE__ */ v("div", {
 								className: "flex h-10 w-10 items-center justify-center rounded-lg bg-action-primary-bg/10 text-primary",
-								children: /* @__PURE__ */ _(de, { size: 20 })
-							}), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("h2", {
+								children: /* @__PURE__ */ v(m, { size: 20 })
+							}), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("h2", {
 								className: "text-lg font-semibold text-text-primary",
 								children: E("devportal.onboarding.readyTitle", "Get it ready for review")
-							}), /* @__PURE__ */ _("p", {
+							}), /* @__PURE__ */ v("p", {
 								className: "text-sm text-text-secondary",
 								children: E("devportal.onboarding.readySubtitle", "Reviewers check every app before it is listed. Your app page walks you through what they need, then you submit it from there. It stays private until it is approved and you publish it.")
 							})] })]
 						}),
-						/* @__PURE__ */ _("ul", {
+						/* @__PURE__ */ v("ul", {
 							"data-testid": "devportal-setup-review-requirements",
 							className: "space-y-2",
-							children: ze.map((e) => /* @__PURE__ */ v("li", {
+							children: ze.map((e) => /* @__PURE__ */ y("li", {
 								className: "flex items-start gap-3 rounded-md bg-bg-sunken px-4 py-3 text-sm text-text-primary",
-								children: [/* @__PURE__ */ _(f, {
+								children: [/* @__PURE__ */ v(f, {
 									size: 16,
 									className: "mt-0.5 shrink-0 text-text-secondary",
 									"aria-hidden": "true"
 								}), E(e.key, e.text)]
 							}, e.id))
 						}),
-						/* @__PURE__ */ v("div", {
+						/* @__PURE__ */ y("div", {
 							className: "mt-8 flex items-center justify-between border-t border-border-default pt-6",
-							children: [/* @__PURE__ */ _("button", {
+							children: [/* @__PURE__ */ v("button", {
 								type: "button",
 								onClick: () => k("done"),
 								className: "text-sm text-text-secondary hover:text-text-primary transition-colors",
 								children: E("devportal.onboarding.submitLater", "Do this later")
-							}), /* @__PURE__ */ v("button", {
+							}), /* @__PURE__ */ y("button", {
 								type: "button",
 								"data-testid": "devportal-setup-finish-app",
 								onClick: () => j && D(`/apps/${j}`),
 								className: "inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-5 py-2.5 text-sm font-semibold text-action-primary-text hover:bg-action-primary-bg/90 transition-colors",
-								children: [E("devportal.onboarding.finishApp", "Finish and submit"), /* @__PURE__ */ _(p, { size: 16 })]
+								children: [E("devportal.onboarding.finishApp", "Finish and submit"), /* @__PURE__ */ v(p, { size: 16 })]
 							})]
 						})
 					]
 				}),
-				O === "done" && /* @__PURE__ */ v("div", {
+				O === "done" && /* @__PURE__ */ y("div", {
 					className: "text-center",
 					children: [
-						/* @__PURE__ */ _("div", {
+						/* @__PURE__ */ v("div", {
 							className: "mx-auto mb-6 flex h-16 w-16 items-center justify-center rounded-full bg-action-primary-bg/10 text-primary",
-							children: /* @__PURE__ */ _(h, { size: 32 })
+							children: /* @__PURE__ */ v(g, { size: 32 })
 						}),
-						/* @__PURE__ */ _("h2", {
+						/* @__PURE__ */ v("h2", {
 							className: "text-2xl font-bold text-text-primary",
 							children: E("devportal.setup.doneTitle", "You're all set!")
 						}),
-						/* @__PURE__ */ _("p", {
+						/* @__PURE__ */ v("p", {
 							className: "mt-2 text-text-secondary",
 							children: E("devportal.setup.doneSubtitle", "Your organization and first app are ready. Here's what to do next.")
 						}),
-						/* @__PURE__ */ v("div", {
+						/* @__PURE__ */ y("div", {
 							className: "mt-8 grid gap-3 sm:grid-cols-2",
 							children: [
-								j && /* @__PURE__ */ _(T, {
-									icon: /* @__PURE__ */ _(u, { size: 20 }),
+								j && /* @__PURE__ */ v(T, {
+									icon: /* @__PURE__ */ v(u, { size: 20 }),
 									title: E("devportal.setup.viewApp", "View your app"),
 									description: E("devportal.setup.viewAppDesc", "Configure OAuth, webhooks, and versioning"),
 									onClick: () => D(`/apps/${j}`),
 									primary: !0
 								}),
-								/* @__PURE__ */ _(T, {
-									icon: /* @__PURE__ */ _(ue, { size: 20 }),
+								/* @__PURE__ */ v(T, {
+									icon: /* @__PURE__ */ v(de, { size: 20 }),
 									title: E("devportal.setup.generateApiKey", "Generate API key"),
 									description: E("devportal.setup.generateApiKeyDesc", "Create credentials to start calling APIs"),
 									onClick: () => D("/api-keys/new")
 								}),
-								/* @__PURE__ */ _(T, {
-									icon: /* @__PURE__ */ _(se, { size: 20 }),
+								/* @__PURE__ */ v(T, {
+									icon: /* @__PURE__ */ v(ce, { size: 20 }),
 									title: E("devportal.setup.browseDocs", "Browse docs"),
 									description: E("devportal.setup.browseDocsDesc", "Learn about publishing, SDKs, and webhooks"),
 									onClick: () => D("/docs")
 								}),
-								/* @__PURE__ */ _(T, {
-									icon: /* @__PURE__ */ _(m, { size: 20 }),
+								/* @__PURE__ */ v(T, {
+									icon: /* @__PURE__ */ v(h, { size: 20 }),
 									title: E("devportal.onboarding.publishConnector", "Publish a connector"),
 									description: E("devportal.onboarding.publishConnectorDesc", "List an API-key integration in the Workspaces integrations catalog"),
 									onClick: () => window.open(s.publishConnector, "_blank", "noopener,noreferrer")
 								}),
-								A && /* @__PURE__ */ _(T, {
-									icon: /* @__PURE__ */ _(d, { size: 20 }),
+								A && /* @__PURE__ */ v(T, {
+									icon: /* @__PURE__ */ v(d, { size: 20 }),
 									title: E("devportal.setup.inviteTeam", "Invite your team"),
 									description: E("devportal.setup.inviteTeamDesc", "Add members to collaborate on your apps"),
 									onClick: () => D(`/organizations/${A}/members`)
 								})
 							]
 						}),
-						/* @__PURE__ */ v("button", {
+						/* @__PURE__ */ y("button", {
 							type: "button",
 							onClick: () => D("/"),
 							className: "mt-8 inline-flex items-center gap-2 text-sm text-text-secondary hover:text-text-primary transition-colors",
-							children: [E("devportal.setup.goToDashboard", "Go to dashboard"), /* @__PURE__ */ _(oe, { size: 14 })]
+							children: [E("devportal.setup.goToDashboard", "Go to dashboard"), /* @__PURE__ */ v(se, { size: 14 })]
 						})
 					]
 				})
 			]
 		})]
 	});
-}, ge = ({ tr: e }) => /* @__PURE__ */ v("section", {
+}, ge = ({ tr: e }) => /* @__PURE__ */ y("section", {
 	"aria-labelledby": "devportal-setup-eligibility-title",
 	"data-testid": "devportal-setup-eligibility",
 	className: "rounded-lg border border-border-subtle bg-bg-sunken p-4",
-	children: [/* @__PURE__ */ v("h3", {
+	children: [/* @__PURE__ */ y("h3", {
 		id: "devportal-setup-eligibility-title",
 		className: "flex items-center gap-2 text-sm font-semibold text-text-primary",
-		children: [/* @__PURE__ */ _(g, {
+		children: [/* @__PURE__ */ v(_, {
 			size: 16,
 			className: "text-primary",
 			"aria-hidden": "true"
 		}), e("devportal.onboarding.eligibilityTitle", "Who can register")]
-	}), /* @__PURE__ */ _("ul", {
+	}), /* @__PURE__ */ v("ul", {
 		className: "mt-2 list-disc space-y-1 pl-5 text-sm text-text-secondary",
-		children: c.map((t) => /* @__PURE__ */ _("li", { children: e(t.key, t.text) }, t.id))
+		children: c.map((t) => /* @__PURE__ */ v("li", { children: e(t.key, t.text) }, t.id))
 	})]
-}), w = ({ icon: e, title: t, description: n, selected: r, onClick: i }) => /* @__PURE__ */ v("button", {
+}), w = ({ icon: e, title: t, description: n, selected: r, onClick: i }) => /* @__PURE__ */ y("button", {
 	type: "button",
 	onClick: i,
 	className: a("relative flex flex-col gap-2 rounded-xl border-2 p-4 text-left transition-all hover:border-primary/50 hover:shadow-sm", r ? "border-primary bg-action-primary-bg/5 shadow-sm" : "border-border-subtle bg-bg-surface"),
 	children: [
-		r && /* @__PURE__ */ _("span", {
+		r && /* @__PURE__ */ v("span", {
 			className: "absolute top-3 right-3 flex h-4 w-4 items-center justify-center rounded-full bg-action-primary-bg text-action-primary-text",
-			children: /* @__PURE__ */ _(f, { size: 10 })
+			children: /* @__PURE__ */ v(f, { size: 10 })
 		}),
-		/* @__PURE__ */ _("div", {
+		/* @__PURE__ */ v("div", {
 			className: "flex h-8 w-8 items-center justify-center rounded-lg bg-bg-sunken",
-			children: /* @__PURE__ */ _(e, {
+			children: /* @__PURE__ */ v(e, {
 				size: 18,
 				className: "text-text-primary"
 			})
 		}),
-		/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+		/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 			className: "text-sm font-semibold text-text-primary",
 			children: t
-		}), /* @__PURE__ */ _("p", {
+		}), /* @__PURE__ */ v("p", {
 			className: "mt-0.5 text-xs text-text-secondary",
 			children: n
 		})] })
 	]
-}), T = ({ icon: e, title: t, description: n, onClick: r, primary: i }) => /* @__PURE__ */ v("button", {
+}), T = ({ icon: e, title: t, description: n, onClick: r, primary: i }) => /* @__PURE__ */ y("button", {
 	type: "button",
 	onClick: r,
 	className: ["flex items-start gap-4 rounded-xl border p-5 text-left transition-colors", i ? "border-primary bg-action-primary-bg/5 hover:bg-action-primary-bg/10" : "border-border-default bg-surface-raised hover:bg-surface-hover"].join(" "),
 	children: [
-		/* @__PURE__ */ _("div", {
+		/* @__PURE__ */ v("div", {
 			className: ["flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-lg", i ? "bg-action-primary-bg/20 text-primary" : "bg-bg-sunken text-text-secondary"].join(" "),
 			children: e
 		}),
-		/* @__PURE__ */ v("div", {
+		/* @__PURE__ */ y("div", {
 			className: "min-w-0 flex-1",
-			children: [/* @__PURE__ */ _("p", {
+			children: [/* @__PURE__ */ v("p", {
 				className: "font-semibold text-text-primary",
 				children: t
-			}), /* @__PURE__ */ _("p", {
+			}), /* @__PURE__ */ v("p", {
 				className: "mt-0.5 text-sm text-text-secondary",
 				children: n
 			})]
 		}),
-		/* @__PURE__ */ _(p, {
+		/* @__PURE__ */ v(p, {
 			size: 16,
 			className: "mt-0.5 flex-shrink-0 text-text-secondary"
 		})