@burdenoff/microfe-devportal 2026.1107.3 → 2026.1108.2

package/dist/devportal/pages/SetupPage.js

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