@burdenoff/microfe-devportal 2026.1101.1 → 2026.1102.1

package/dist/devportal/pages/SetupPage.js

@@ -1,16 +1,18 @@
 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, useCreateOrganizationMutation as a } from "../../generated/global-operations.js";
-import { InputField as o, SelectField as s, TextareaField as c } from "../components/FormField.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 "../hooks/index.js";
-import { useState as l } from "react";
-import { AppWindow as u, ArrowRight as ee, BookOpen as te, Box as d, Building2 as f, Check as p, ChevronRight as m, GitFork as ne, Key as re, Puzzle as ie, Rocket as h } from "lucide-react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { useI18n as ae } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Illustration as oe, PagePurpose as se } from "@burdenoff/fe-libs/ui";
+import { useState as u } from "react";
+import { AppWindow as d, ArrowRight as ie, BookOpen as ae, Box as oe, Building2 as f, Check as p, ChevronRight as m, GitFork as se, Key as ce, ListChecks as le, 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 ue } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Illustration as de, PagePurpose as fe } from "@burdenoff/fe-libs/ui";
 //#region src/devportal/pages/SetupPage.tsx
-var v = [
+var pe = [
 	{
 		value: "productivity",
 		label: "Productivity"
@@ -60,15 +62,18 @@ var v = [
 		label: "Other"
 	}
 ];
-function y(e) {
+function b(e) {
 	return e.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
 }
-function b() {
+function x(e, t) {
+	return e instanceof Error && e.message ? e.message : t;
+}
+function S() {
 	try {
 		localStorage.setItem("devportal_setup_dismissed", "1");
 	} catch {}
 }
-var x = [
+var C = [
 	{
 		key: "org",
 		label: "Organization"
@@ -77,285 +82,353 @@ var x = [
 		key: "app",
 		label: "First app"
 	},
+	{
+		key: "submit",
+		label: "Submit"
+	},
 	{
 		key: "done",
 		label: "Done"
 	}
-], ce = ({ current: e }) => {
-	let t = x.findIndex((t) => t.key === e);
-	return /* @__PURE__ */ g("div", {
+], me = ({ current: e }) => {
+	let t = C.findIndex((t) => t.key === e);
+	return /* @__PURE__ */ v("div", {
 		className: "flex items-center gap-0",
-		children: x.map((e, n) => {
+		children: C.map((e, n) => {
 			let r = n < t, i = n === t;
-			return /* @__PURE__ */ _("div", {
+			return /* @__PURE__ */ y("div", {
 				className: "flex items-center",
-				children: [/* @__PURE__ */ _("div", {
+				children: [/* @__PURE__ */ y("div", {
 					className: "flex flex-col items-center gap-1.5",
-					children: [/* @__PURE__ */ g("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__ */ g(p, { size: 14 }) : n + 1
-					}), /* @__PURE__ */ g("span", {
+						children: r ? /* @__PURE__ */ v(p, { 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 < x.length - 1 && /* @__PURE__ */ g("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 < 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(" ") })]
 			}, e.key);
 		})
 	});
-}, S = () => {
-	let { navigate: t, basePath: p, currentUser: x } = e(), { t: S } = ae(), T = n(), E = (e, t) => {
-		let n = S(e);
+}, w = () => {
+	let { navigate: t, basePath: c, currentUser: _ } = e(), { t: C } = ue(), w = n(), D = (e, t) => {
+		let n = C(e);
 		return n === e ? t : n;
-	}, D = (e) => t?.(`${p}${e}`), [O, k] = l("org"), [A, le] = l(null), [j, M] = l(null), [N, ue] = l(""), [P, F] = l(""), [I, L] = l(""), [R, z] = l({}), [B, { loading: V }] = a(), [H] = i(), U = () => {
+	}, 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 = () => {
 		let e = {};
-		return N.trim() ? N.length < 2 && (e.name = E("devportal.orgNameTooShort", "Name must be at least 2 characters")) : e.name = E("devportal.orgNameRequired", "Organization name is required"), P.trim() ? /^[a-z0-9-]+$/.test(P) || (e.slug = E("devportal.slugInvalid", "Lowercase letters, numbers, and hyphens only")) : e.slug = E("devportal.slugRequired", "Slug is required"), z(e), Object.keys(e).length === 0;
-	}, de = async () => {
-		if (U()) try {
-			let e = (await B({ variables: { input: {
-				name: N,
-				slug: P || void 0,
-				description: I || void 0
-			} } })).data?.createDeveloperOrganization?.id;
-			if (e) {
-				T.emit("devportal.org.created", {
-					organizationId: e,
-					name: N
-				}), le(e);
-				try {
-					H({ variables: { input: {
-						name: N,
-						email: x?.email ?? ""
-					} } }).catch(() => {});
-				} catch {}
-				k("app");
+		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);
+			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,
+					metadata: {
+						developerAgreement: {
+							version: re,
+							url: l.developerAgreement,
+							acceptedAt: (/* @__PURE__ */ new Date()).toISOString(),
+							acceptedBy: _?.id ?? null
+						},
+						registrationSource: "devportal-setup"
+					}
+				} } })).data?.createDeveloperOrganization?.id;
+				if (e) {
+					w.emit("devportal.org.created", {
+						organizationId: e,
+						name: N
+					}), ge(e);
+					try {
+						De({ variables: { input: {
+							name: N,
+							email: _?.email ?? ""
+						} } }).catch(() => {});
+					} catch {}
+					A("app");
+				}
+			} catch (e) {
+				V(x(e, D("devportal.onboarding.orgCreateFailed", "We could not create your organization. Please try again.")));
 			}
-		} catch {}
-	}, [W, fe] = l(""), [G, pe] = l(""), [K, q] = l(null), [J, me] = l(""), [Y, he] = l(""), [X, Z] = l({}), [ge, { loading: Q }] = r(), _e = () => K === "node" ? "NODE" : K === "workflow" ? "WORKFLOW" : "API_INTEGRATION", ve = () => {
+		}
+	}, [U, Ae] = u(""), [W, je] = u(""), [G, K] = u(null), [q, Me] = u(""), [J, Ne] = u(""), [Y, X] = u({}), [Z, Pe] = u(null), [Fe, { loading: Q }] = r(), Ie = () => G === "node" ? "NODE" : G === "workflow" ? "WORKFLOW" : "API_INTEGRATION", Le = () => {
 		let e = {};
-		return W.trim() ? W.length < 3 && (e.name = E("devportal.nameTooShort", "Name must be at least 3 characters")) : e.name = E("devportal.appNameRequired", "Application name is required"), K || (e.builderType = E("devportal.appTypeRequired", "Application type is required")), J || (e.category = E("devportal.categoryRequired", "Category is required")), Y.trim() || (e.shortDescription = E("devportal.shortDescriptionRequired", "Short description is required")), Z(e), Object.keys(e).length === 0;
-	}, ye = async () => {
-		if (!ve()) return;
-		let e = _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;
+	}, Re = async () => {
+		if (!Le()) return;
+		let e = Ie();
+		Pe(null);
 		try {
-			let t = (await ge({ variables: { input: {
-				name: W,
-				slug: G || void 0,
+			let t = (await Fe({ variables: { input: {
+				name: U,
+				slug: W || void 0,
 				appType: e,
-				category: J || void 0,
-				shortDescription: Y || void 0,
+				category: q || void 0,
+				shortDescription: J || void 0,
 				visibility: "PRIVATE",
-				developerOrganizationId: A || void 0
+				developerOrganizationId: j || void 0
 			} } })).data?.createApplication?.id;
-			t && (T.emit("devportal.app.created", {
+			t && (w.emit("devportal.app.created", {
 				appId: t,
-				name: W,
+				name: U,
 				appType: e,
-				organizationId: A
-			}), M(t), b(), k("done"));
-		} catch {}
-	}, $ = () => {
-		b(), D("/");
+				organizationId: j
+			}), _e(t), ye(e), S(), A("submit"));
+		} catch (e) {
+			Pe(x(e, D("devportal.onboarding.appCreateFailed", "We could not create your app. Please try again.")));
+		}
+	}, ze = ne(ve), $ = () => {
+		S(), O("/");
 	};
-	return /* @__PURE__ */ _("main", {
+	return /* @__PURE__ */ y("main", {
 		className: "min-h-screen bg-surface-default",
-		children: [/* @__PURE__ */ g("div", {
+		children: [/* @__PURE__ */ v("div", {
 			className: "border-b border-border-default bg-surface-raised",
-			children: /* @__PURE__ */ g("div", {
+			children: /* @__PURE__ */ v("div", {
 				className: "mx-auto max-w-2xl px-6 py-5",
-				children: /* @__PURE__ */ _("div", {
+				children: /* @__PURE__ */ y("div", {
 					className: "flex items-center justify-between",
-					children: [/* @__PURE__ */ _("div", {
+					children: [/* @__PURE__ */ y("div", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ g("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__ */ g(h, { size: 20 })
-						}), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("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__ */ g("h1", {
+							children: D("devportal.developerPortal", "Developer Portal")
+						}), /* @__PURE__ */ v("h1", {
 							className: "text-base font-semibold text-text-primary",
-							children: E("devportal.setup.title", "Get set up")
+							children: D("devportal.setup.title", "Get set up")
 						})] })]
-					}), O !== "done" && /* @__PURE__ */ g("button", {
+					}), k !== "done" && /* @__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")
+						children: D("devportal.setup.skipForNow", "Skip for now")
 					})]
 				})
 			})
-		}), /* @__PURE__ */ _("div", {
+		}), /* @__PURE__ */ y("div", {
 			className: "mx-auto max-w-2xl px-6 py-10",
 			children: [
-				/* @__PURE__ */ g("div", {
+				/* @__PURE__ */ v("div", {
 					className: "mb-10 flex justify-center",
-					children: /* @__PURE__ */ g(ce, { current: O })
+					children: /* @__PURE__ */ v(me, { current: k })
 				}),
-				O === "org" && /* @__PURE__ */ _("div", {
+				k === "org" && /* @__PURE__ */ y("div", {
 					className: "mb-8 flex flex-col items-center gap-3 text-center",
-					children: [/* @__PURE__ */ g(oe, {
+					children: [/* @__PURE__ */ v(de, {
 						name: "onboarding",
-						alt: E("devportal.setup.illustrationAlt", "Getting started with the developer portal"),
+						alt: D("devportal.setup.illustrationAlt", "Getting started with the developer portal"),
 						size: "md"
-					}), /* @__PURE__ */ g(se, {
+					}), /* @__PURE__ */ v(fe, {
 						className: "justify-center",
-						children: E("devportal.setup.purpose", "Two quick steps to start building: create the organization that owns your apps, then register your first app. You can change everything later — this just gets you to a working starting point.")
+						children: D("devportal.setup.purpose", "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__ */ _("div", {
+				k === "org" && /* @__PURE__ */ y("div", {
 					className: "rounded-xl border border-border-default bg-surface-raised p-8 shadow-sm",
 					children: [
-						/* @__PURE__ */ _("div", {
+						/* @__PURE__ */ y("div", {
 							className: "mb-6 flex items-center gap-3",
-							children: [/* @__PURE__ */ g("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__ */ g(f, { size: 20 })
-							}), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("h2", {
+								children: /* @__PURE__ */ v(f, { 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__ */ g("p", {
+								children: D("devportal.setup.orgTitle", "Set up your organization")
+							}), /* @__PURE__ */ v("p", {
 								className: "text-sm text-text-secondary",
-								children: E("devportal.setup.orgSubtitle", "This groups your apps and teams under one publisher identity.")
+								children: D("devportal.setup.orgSubtitle", "This groups your apps and teams under one publisher identity.")
 							})] })]
 						}),
-						/* @__PURE__ */ _("div", {
+						/* @__PURE__ */ y("div", {
 							className: "space-y-5",
 							children: [
-								/* @__PURE__ */ g(o, {
-									label: E("devportal.organizationName", "Organization Name"),
+								/* @__PURE__ */ v(o, {
+									label: D("devportal.organizationName", "Organization Name"),
 									value: N,
 									onChange: (e) => {
-										ue(e.target.value), (!P || P === y(N)) && F(y(e.target.value)), z((e) => ({
+										be(e.target.value), (!P || P === b(N)) && F(b(e.target.value)), R((e) => ({
 											...e,
 											name: void 0
 										}));
 									},
-									placeholder: E("devportal.organizationNamePlaceholder", "Acme Development"),
+									placeholder: D("devportal.organizationNamePlaceholder", "Acme Development"),
 									required: !0,
-									error: R.name
+									error: L.name
 								}),
-								/* @__PURE__ */ g(o, {
-									label: E("devportal.slug", "Slug"),
+								/* @__PURE__ */ v(o, {
+									label: D("devportal.slug", "Slug"),
 									value: P,
 									onChange: (e) => {
-										F(e.target.value.toLowerCase()), z((e) => ({
+										F(e.target.value.toLowerCase()), R((e) => ({
 											...e,
 											slug: void 0
 										}));
 									},
 									placeholder: "acme-dev",
 									required: !0,
-									error: R.slug,
-									hint: E("devportal.slugHint", "URL-friendly identifier — auto-generated from name")
+									error: L.slug,
+									hint: D("devportal.slugHint", "URL-friendly identifier — auto-generated from name")
 								}),
-								/* @__PURE__ */ g(c, {
-									label: E("devportal.description", "Description"),
+								/* @__PURE__ */ v(s, {
+									label: D("devportal.description", "Description"),
 									value: I,
-									onChange: (e) => L(e.target.value),
-									placeholder: E("devportal.orgDescriptionPlaceholder", "Tell us about your organization…"),
+									onChange: (e) => xe(e.target.value),
+									placeholder: D("devportal.orgDescriptionPlaceholder", "Tell us about your organization…"),
 									rows: 2
+								}),
+								/* @__PURE__ */ v(he, { tr: D }),
+								/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ y("label", {
+									className: "flex items-start gap-3 text-sm text-text-primary",
+									children: [/* @__PURE__ */ v("input", {
+										type: "checkbox",
+										"data-testid": "devportal-setup-accept-agreement",
+										checked: z,
+										onChange: (e) => {
+											Se(e.target.checked), R((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("a", {
+											href: l.developerAgreement,
+											target: "_blank",
+											rel: "noopener noreferrer",
+											className: "font-medium text-primary hover:underline",
+											children: D("devportal.onboarding.developerAgreement", "Marketplace & Developer Agreement")
+										}),
+										" ",
+										D("devportal.onboarding.and", "and the"),
+										" ",
+										/* @__PURE__ */ v("a", {
+											href: l.acceptableUsePolicy,
+											target: "_blank",
+											rel: "noopener noreferrer",
+											className: "font-medium text-primary hover:underline",
+											children: D("devportal.onboarding.acceptableUsePolicy", "Acceptable Use Policy")
+										}),
+										"."
+									] })]
+								}), L.agreement && /* @__PURE__ */ v("p", {
+									className: "mt-1.5 text-xs text-status-error-text",
+									children: L.agreement
+								})] }),
+								B && /* @__PURE__ */ v("p", {
+									role: "alert",
+									className: "rounded-md bg-status-error-bg px-3 py-2 text-sm text-status-error-text",
+									children: B
 								})
 							]
 						}),
-						/* @__PURE__ */ _("div", {
+						/* @__PURE__ */ y("div", {
 							className: "mt-8 flex items-center justify-between border-t border-border-default pt-6",
-							children: [/* @__PURE__ */ g("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__ */ _("button", {
+								children: D("devportal.setup.skipForNow", "Skip for now")
+							}), /* @__PURE__ */ y("button", {
 								type: "button",
-								onClick: () => void de(),
-								disabled: V,
+								onClick: () => void ke(),
+								disabled: H,
 								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__ */ g("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__ */ g(m, { size: 16 })
+									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 })
 								]
 							})]
 						})
 					]
 				}),
-				O === "app" && /* @__PURE__ */ _("div", {
+				k === "app" && /* @__PURE__ */ y("div", {
 					className: "rounded-xl border border-border-default bg-surface-raised p-8 shadow-sm",
 					children: [
-						/* @__PURE__ */ _("div", {
+						/* @__PURE__ */ y("div", {
 							className: "mb-6 flex items-center gap-3",
-							children: [/* @__PURE__ */ g("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__ */ g(u, { size: 20 })
-							}), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("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.appTitle", "Create your first app")
-							}), /* @__PURE__ */ g("p", {
+								children: D("devportal.setup.appTitle", "Create your first app")
+							}), /* @__PURE__ */ v("p", {
 								className: "text-sm text-text-secondary",
-								children: E("devportal.setup.appSubtitle", "Register the app you want to publish or integrate.")
+								children: D("devportal.setup.appSubtitle", "Register the app you want to publish or integrate.")
 							})] })]
 						}),
-						/* @__PURE__ */ _("div", {
+						/* @__PURE__ */ y("div", {
 							className: "space-y-5",
 							children: [
-								/* @__PURE__ */ g(o, {
-									label: E("devportal.applicationName", "Application Name"),
-									value: W,
+								/* @__PURE__ */ v(o, {
+									label: D("devportal.applicationName", "Application Name"),
+									value: U,
 									onChange: (e) => {
-										fe(e.target.value), (!G || G === y(W)) && pe(y(e.target.value)), Z((e) => ({
+										Ae(e.target.value), (!W || W === b(U)) && je(b(e.target.value)), X((e) => ({
 											...e,
 											name: void 0
 										}));
 									},
-									placeholder: E("devportal.applicationNamePlaceholder", "My Awesome App"),
+									placeholder: D("devportal.applicationNamePlaceholder", "My Awesome App"),
 									required: !0,
-									error: X.name
+									error: Y.name
 								}),
-								/* @__PURE__ */ _("div", { children: [
-									/* @__PURE__ */ _("p", {
+								/* @__PURE__ */ y("div", { children: [
+									/* @__PURE__ */ y("p", {
 										className: "mb-2 text-sm font-medium text-text-primary",
 										children: [
-											E("devportal.applicationType", "Application Type"),
+											D("devportal.applicationType", "Application Type"),
 											" ",
-											/* @__PURE__ */ g("span", {
+											/* @__PURE__ */ v("span", {
 												className: "text-status-error-text",
 												children: "*"
 											})
 										]
 									}),
-									/* @__PURE__ */ _("div", {
+									/* @__PURE__ */ y("div", {
 										className: "grid grid-cols-3 gap-3",
 										children: [
-											/* @__PURE__ */ g(C, {
-												icon: d,
+											/* @__PURE__ */ v(T, {
+												icon: oe,
 												title: "App",
 												description: "OAuth integration for the platform",
-												selected: K === "app",
+												selected: G === "app",
 												onClick: () => {
-													q("app"), Z((e) => ({
+													K("app"), X((e) => ({
 														...e,
 														builderType: void 0
 													}));
 												}
 											}),
-											/* @__PURE__ */ g(C, {
-												icon: ie,
+											/* @__PURE__ */ v(T, {
+												icon: h,
 												title: "Node",
 												description: "Custom FluidGrids workflow node",
-												selected: K === "node",
+												selected: G === "node",
 												onClick: () => {
-													q("node"), Z((e) => ({
+													K("node"), X((e) => ({
 														...e,
 														builderType: void 0
 													}));
 												}
 											}),
-											/* @__PURE__ */ g(C, {
-												icon: ne,
+											/* @__PURE__ */ v(T, {
+												icon: se,
 												title: "Workflow",
 												description: "Reusable automation template",
-												selected: K === "workflow",
+												selected: G === "workflow",
 												onClick: () => {
-													q("workflow"), Z((e) => ({
+													K("workflow"), X((e) => ({
 														...e,
 														builderType: void 0
 													}));
@@ -363,169 +436,241 @@ var x = [
 											})
 										]
 									}),
-									X.builderType && /* @__PURE__ */ g("p", {
+									Y.builderType && /* @__PURE__ */ v("p", {
 										className: "mt-1.5 text-xs text-status-error-text",
-										children: X.builderType
+										children: Y.builderType
 									})
 								] }),
-								/* @__PURE__ */ g(s, {
-									label: E("devportal.category", "Category"),
-									value: J,
+								/* @__PURE__ */ v(te, {
+									label: D("devportal.category", "Category"),
+									value: q,
 									onChange: (e) => {
-										me(e.target.value), Z((e) => ({
+										Me(e.target.value), X((e) => ({
 											...e,
 											category: void 0
 										}));
 									},
-									options: v,
-									placeholder: E("devportal.selectCategory", "Select category…"),
+									options: pe,
+									placeholder: D("devportal.selectCategory", "Select category…"),
 									required: !0,
-									error: X.category
+									error: Y.category
 								}),
-								/* @__PURE__ */ g(c, {
-									label: E("devportal.shortDescription", "Short Description"),
-									value: Y,
+								/* @__PURE__ */ v(s, {
+									label: D("devportal.shortDescription", "Short Description"),
+									value: J,
 									onChange: (e) => {
-										he(e.target.value), Z((e) => ({
+										Ne(e.target.value), X((e) => ({
 											...e,
 											shortDescription: void 0
 										}));
 									},
-									placeholder: E("devportal.shortDescriptionPlaceholder", "A brief description of what your app does"),
+									placeholder: D("devportal.shortDescriptionPlaceholder", "A brief description of what your app does"),
 									required: !0,
-									error: X.shortDescription,
+									error: Y.shortDescription,
 									rows: 2,
-									hint: `${Y.length}/200`
+									hint: `${J.length}/200`
+								}),
+								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__ */ _("div", {
+						/* @__PURE__ */ y("div", {
 							className: "mt-8 flex items-center justify-between border-t border-border-default pt-6",
-							children: [/* @__PURE__ */ g("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__ */ _("button", {
+								children: D("devportal.setup.skipForNow", "Skip for now")
+							}), /* @__PURE__ */ y("button", {
 								type: "button",
-								onClick: () => void ye(),
+								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__ */ g("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__ */ g(m, { size: 16 })
+									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 })
 								]
 							})]
 						})
 					]
 				}),
-				O === "done" && /* @__PURE__ */ _("div", {
+				k === "submit" && /* @__PURE__ */ y("div", {
+					className: "rounded-xl border border-border-default bg-surface-raised p-8 shadow-sm",
+					children: [
+						/* @__PURE__ */ y("div", {
+							className: "mb-6 flex items-center gap-3",
+							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__ */ v(le, { size: 20 })
+							}), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("h2", {
+								className: "text-lg font-semibold text-text-primary",
+								children: D("devportal.onboarding.readyTitle", "Get it ready for review")
+							}), /* @__PURE__ */ v("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.")
+							})] })]
+						}),
+						/* @__PURE__ */ v("ul", {
+							"data-testid": "devportal-setup-review-requirements",
+							className: "space-y-2",
+							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__ */ v(p, {
+									size: 16,
+									className: "mt-0.5 shrink-0 text-text-secondary",
+									"aria-hidden": "true"
+								}), D(e.key, e.text)]
+							}, e.id))
+						}),
+						/* @__PURE__ */ y("div", {
+							className: "mt-8 flex items-center justify-between border-t border-border-default pt-6",
+							children: [/* @__PURE__ */ v("button", {
+								type: "button",
+								onClick: () => A("done"),
+								className: "text-sm text-text-secondary hover:text-text-primary transition-colors",
+								children: D("devportal.onboarding.submitLater", "Do this later")
+							}), /* @__PURE__ */ y("button", {
+								type: "button",
+								"data-testid": "devportal-setup-finish-app",
+								onClick: () => M && O(`/apps/${M}`),
+								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 })]
+							})]
+						})
+					]
+				}),
+				k === "done" && /* @__PURE__ */ y("div", {
 					className: "text-center",
 					children: [
-						/* @__PURE__ */ g("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__ */ g(h, { size: 32 })
+							children: /* @__PURE__ */ v(g, { size: 32 })
 						}),
-						/* @__PURE__ */ g("h2", {
+						/* @__PURE__ */ v("h2", {
 							className: "text-2xl font-bold text-text-primary",
-							children: E("devportal.setup.doneTitle", "You're all set!")
+							children: D("devportal.setup.doneTitle", "You're all set!")
 						}),
-						/* @__PURE__ */ g("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.")
+							children: D("devportal.setup.doneSubtitle", "Your organization and first app are ready. Here's what to do next.")
 						}),
-						/* @__PURE__ */ _("div", {
+						/* @__PURE__ */ y("div", {
 							className: "mt-8 grid gap-3 sm:grid-cols-2",
 							children: [
-								j && /* @__PURE__ */ g(w, {
-									icon: /* @__PURE__ */ g(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}`),
+								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}`),
 									primary: !0
 								}),
-								/* @__PURE__ */ g(w, {
-									icon: /* @__PURE__ */ g(re, { 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(ce, { 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__ */ v(E, {
+									icon: /* @__PURE__ */ v(ae, { size: 20 }),
+									title: D("devportal.setup.browseDocs", "Browse docs"),
+									description: D("devportal.setup.browseDocsDesc", "Learn about publishing, SDKs, and webhooks"),
+									onClick: () => O("/docs")
 								}),
-								/* @__PURE__ */ g(w, {
-									icon: /* @__PURE__ */ g(te, { 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")
 								}),
-								A && /* @__PURE__ */ g(w, {
-									icon: /* @__PURE__ */ g(f, { 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`)
+								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`)
 								})
 							]
 						}),
-						/* @__PURE__ */ _("button", {
+						/* @__PURE__ */ y("button", {
 							type: "button",
-							onClick: () => D("/"),
+							onClick: () => O("/"),
 							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__ */ g(ee, { size: 14 })]
+							children: [D("devportal.setup.goToDashboard", "Go to dashboard"), /* @__PURE__ */ v(ie, { size: 14 })]
 						})
 					]
 				})
 			]
 		})]
 	});
-}, C = ({ icon: e, title: n, description: r, selected: i, onClick: a }) => /* @__PURE__ */ _("button", {
+}, he = ({ 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__ */ y("h3", {
+		id: "devportal-setup-eligibility-title",
+		className: "flex items-center gap-2 text-sm font-semibold text-text-primary",
+		children: [/* @__PURE__ */ v(_, {
+			size: 16,
+			className: "text-primary",
+			"aria-hidden": "true"
+		}), e("devportal.onboarding.eligibilityTitle", "Who can register")]
+	}), /* @__PURE__ */ v("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))
+	})]
+}), T = ({ icon: e, title: n, description: r, selected: i, onClick: a }) => /* @__PURE__ */ y("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"),
 	children: [
-		i && /* @__PURE__ */ g("span", {
+		i && /* @__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__ */ g(p, { size: 10 })
+			children: /* @__PURE__ */ v(p, { size: 10 })
 		}),
-		/* @__PURE__ */ g("div", {
+		/* @__PURE__ */ v("div", {
 			className: "flex h-8 w-8 items-center justify-center rounded-lg bg-bg-sunken",
-			children: /* @__PURE__ */ g(e, {
+			children: /* @__PURE__ */ v(e, {
 				size: 18,
 				className: "text-text-primary"
 			})
 		}),
-		/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
+		/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 			className: "text-sm font-semibold text-text-primary",
 			children: n
-		}), /* @__PURE__ */ g("p", {
+		}), /* @__PURE__ */ v("p", {
 			className: "mt-0.5 text-xs text-text-secondary",
 			children: r
 		})] })
 	]
-}), w = ({ icon: e, title: t, description: n, onClick: r, primary: i }) => /* @__PURE__ */ _("button", {
+}), E = ({ 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__ */ g("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__ */ _("div", {
+		/* @__PURE__ */ y("div", {
 			className: "min-w-0 flex-1",
-			children: [/* @__PURE__ */ g("p", {
+			children: [/* @__PURE__ */ v("p", {
 				className: "font-semibold text-text-primary",
 				children: t
-			}), /* @__PURE__ */ g("p", {
+			}), /* @__PURE__ */ v("p", {
 				className: "mt-0.5 text-sm text-text-secondary",
 				children: n
 			})]
 		}),
-		/* @__PURE__ */ g(m, {
+		/* @__PURE__ */ v(m, {
 			size: 16,
 			className: "mt-0.5 flex-shrink-0 text-text-secondary"
 		})
 	]
 });
 //#endregion
-export { S as SetupPage };
+export { w as SetupPage };
 
 //# sourceMappingURL=SetupPage.js.map