@burdenoff/microfe-devportal 2026.1108.1 → 2026.1109.1

package/dist/devportal/pages/CreateApplicationPage.js

@@ -1,25 +1,25 @@
-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, useGetMyOrganizationsQuery as i } from "../../generated/global-operations.js";
-import { PageLayout as a, PageSection as o } from "../components/PageLayout.js";
-import { InputField as s, SelectField as c } from "../components/FormField.js";
-import { PermissionGuard as l } from "../components/PermissionGuard.js";
-import { MarkdownEditor as u } from "../components/MarkdownEditor.js";
+import { APP_CATEGORY_OPTIONS as e } from "../constants/appCategories.js";
+import { PageLayout as t, PageSection as n } from "../components/PageLayout.js";
+import { InputField as r, SelectField as i } from "../components/FormField.js";
+import { MarkdownEditor as a } from "../components/MarkdownEditor.js";
+import { MultiSelectCombobox as o } from "../components/MultiSelectCombobox.js";
+import { useDevportal as s } from "../providers/DevportalProvider.js";
+import { PermissionGuard as c } from "../components/PermissionGuard.js";
 import "../components/index.js";
-import { useProducts as ee } from "../hooks/useProducts.js";
+import { useDevportalEventBus as ee } from "../events/index.js";
+import { useProducts as l } from "../hooks/useProducts.js";
 import "../hooks/index.js";
-import { APP_CATEGORY_OPTIONS as te } from "../constants/appCategories.js";
-import { MultiSelectCombobox as ne } from "../components/MultiSelectCombobox.js";
-import { useRef as d, useState as f } from "react";
-import { ArrowLeft as p, Box as m, Check as h, ChevronRight as g, FileCode2 as _, GitFork as v, Info as y, LayoutDashboard as b, LayoutGrid as x, Loader2 as re, Puzzle as S, Save as C, X as w } from "lucide-react";
-import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
-import { useI18n as O } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-//#region src/devportal/pages/CreateApplicationPage.tsx
-var k = {
+import { cn as u } from "../utils/cn.js";
+import { useCreateApplicationMutation as d, useGetMyOrganizationsQuery as f } from "../../generated/global-operations.js";
+import { useRef as p, useState as m } from "react";
+import { ArrowLeft as h, Box as g, Check as _, ChevronRight as v, FileCode2 as y, GitFork as b, Info as x, LayoutDashboard as S, LayoutGrid as C, Loader2 as w, Puzzle as T, Save as te, X as E } from "lucide-react";
+import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
+import { useI18n as A } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+// src/devportal/pages/CreateApplicationPage.tsx
+var j = {
 	app: {
 		appType: "API_INTEGRATION",
-		icon: m,
+		icon: g,
 		label: "App",
 		pageDescription: "Register a new app integration with OAuth permissions",
 		purpose: "Give your integration a name, description, and the permissions it will request. Once created you will get credentials and can configure webhooks, then publish it to the marketplace when it is ready for users.",
@@ -34,7 +34,7 @@ var k = {
 	},
 	node: {
 		appType: "NODE",
-		icon: S,
+		icon: T,
 		label: "Node",
 		pageDescription: "Register a new FluidGrids node package",
 		purpose: "Give your node a name and description. Once created you can upload your ZIP bundle and manifest in the Versions tab, then publish it to the node store when it is ready for users.",
@@ -49,7 +49,7 @@ var k = {
 	},
 	workflow: {
 		appType: "WORKFLOW",
-		icon: v,
+		icon: b,
 		label: "Workflow",
 		pageDescription: "Register a new reusable automation workflow",
 		purpose: "Give your workflow a name and description. Once created you can upload your workflow definition in the Versions tab, then publish it to the store or generate a shareable public link.",
@@ -64,7 +64,7 @@ var k = {
 	},
 	parser: {
 		appType: "PARSER",
-		icon: _,
+		icon: y,
 		label: "Parser",
 		pageDescription: "Register a new data parser",
 		purpose: "Give your parser a name and description. Once created you can upload its manifest in the Versions tab, then publish it to the store when it is ready for users.",
@@ -79,7 +79,7 @@ var k = {
 	},
 	widget: {
 		appType: "WIDGET",
-		icon: x,
+		icon: C,
 		label: "Widget",
 		pageDescription: "Register a new embeddable widget",
 		purpose: "Give your widget a name and description. Once created you can upload its manifest in the Versions tab, then publish it to the store when it is ready for users.",
@@ -94,7 +94,7 @@ var k = {
 	},
 	dashboard: {
 		appType: "DASHBOARD",
-		icon: b,
+		icon: S,
 		label: "Dashboard Template",
 		pageDescription: "Register a new dashboard template",
 		purpose: "Give your dashboard template a name and description. Once created you can upload its manifest in the Versions tab, then publish it to the store when it is ready for users.",
@@ -107,7 +107,7 @@ var k = {
 			"Publish to store"
 		]
 	}
-}, A = [
+}, M = [
 	{
 		id: "auth",
 		label: "Authentication",
@@ -179,16 +179,16 @@ var k = {
 		description: "Access control configuration"
 	}
 ];
-function j() {
-	return Object.fromEntries(A.map((e) => [e.id, "none"]));
+function N() {
+	return Object.fromEntries(M.map((e) => [e.id, "none"]));
 }
-function M(e) {
+function P(e) {
 	return Object.entries(e).filter(([, e]) => e !== "none").map(([e, t]) => ({
 		resource: e,
 		level: t
 	}));
 }
-var N = [
+var F = [
 	{
 		value: "PUBLIC",
 		label: "Public — listed in the marketplace after review"
@@ -201,37 +201,37 @@ var N = [
 		value: "INTERNAL",
 		label: "Internal — visible to your entire dev org"
 	}
-], P = [...N, {
+], ne = [...F, {
 	value: "UNLISTED",
 	label: "Unlisted — shareable via link, not listed in store"
-}], F = ({ icon: e, title: n, description: r, bullets: i, selected: a, onClick: o }) => /* @__PURE__ */ D("button", {
+}], re = ({ icon: e, title: t, description: n, bullets: r, selected: i, onClick: a }) => /* @__PURE__ */ k("button", {
 	type: "button",
-	onClick: o,
-	className: t("relative flex flex-col gap-3 rounded-xl border-2 p-6 text-left transition-all hover:border-primary/50 hover:shadow-sm", a ? "border-primary bg-action-primary-bg/5 shadow-sm" : "border-border-subtle bg-bg-surface"),
+	onClick: a,
+	className: u("relative flex flex-col gap-3 rounded-xl border-2 p-6 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: [
-		a && /* @__PURE__ */ E("span", {
+		i && /* @__PURE__ */ O("span", {
 			className: "absolute top-4 right-4 flex h-5 w-5 items-center justify-center rounded-full bg-action-primary-bg text-action-primary-text",
-			children: /* @__PURE__ */ E(h, { size: 12 })
+			children: /* @__PURE__ */ O(_, { size: 12 })
 		}),
-		/* @__PURE__ */ E("div", {
+		/* @__PURE__ */ O("div", {
 			className: "flex h-10 w-10 items-center justify-center rounded-lg bg-bg-sunken",
-			children: /* @__PURE__ */ E(e, {
+			children: /* @__PURE__ */ O(e, {
 				size: 22,
 				className: "text-text-primary"
 			})
 		}),
-		/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
+		/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
 			className: "font-semibold text-text-primary",
-			children: n
-		}), /* @__PURE__ */ E("p", {
+			children: t
+		}), /* @__PURE__ */ O("p", {
 			className: "mt-1 text-sm text-text-secondary",
-			children: r
+			children: n
 		})] }),
-		/* @__PURE__ */ E("ul", {
+		/* @__PURE__ */ O("ul", {
 			className: "mt-1 space-y-1",
-			children: i.map((e) => /* @__PURE__ */ D("li", {
+			children: r.map((e) => /* @__PURE__ */ k("li", {
 				className: "flex items-center gap-2 text-xs text-text-secondary",
-				children: [/* @__PURE__ */ E(g, {
+				children: [/* @__PURE__ */ O(v, {
 					size: 12,
 					className: "flex-shrink-0 text-primary"
 				}), e]
@@ -248,35 +248,35 @@ var N = [
 		read: "Read",
 		write: "Read & Write"
 	};
-	return /* @__PURE__ */ E("div", {
+	return /* @__PURE__ */ O("div", {
 		className: "overflow-x-auto rounded-lg border border-border-subtle",
-		children: /* @__PURE__ */ D("table", {
+		children: /* @__PURE__ */ k("table", {
 			className: "w-full text-sm",
-			children: [/* @__PURE__ */ E("thead", { children: /* @__PURE__ */ D("tr", {
+			children: [/* @__PURE__ */ O("thead", { children: /* @__PURE__ */ k("tr", {
 				className: "border-b border-border-subtle bg-bg-sunken/50",
-				children: [/* @__PURE__ */ E("th", {
+				children: [/* @__PURE__ */ O("th", {
 					className: "px-4 py-3 text-left font-medium text-text-secondary w-1/2",
 					children: "Resource"
-				}), n.map((e) => /* @__PURE__ */ E("th", {
+				}), n.map((e) => /* @__PURE__ */ O("th", {
 					className: "px-4 py-3 text-center font-medium text-text-secondary",
 					children: r[e]
 				}, e))]
-			}) }), /* @__PURE__ */ E("tbody", {
+			}) }), /* @__PURE__ */ O("tbody", {
 				className: "divide-y divide-border",
-				children: A.map((r) => /* @__PURE__ */ D("tr", {
+				children: M.map((r) => /* @__PURE__ */ k("tr", {
 					className: "hover:bg-bg-sunken/30 transition-colors",
-					children: [/* @__PURE__ */ D("td", {
+					children: [/* @__PURE__ */ k("td", {
 						className: "px-4 py-3",
-						children: [/* @__PURE__ */ E("p", {
+						children: [/* @__PURE__ */ O("p", {
 							className: "font-medium text-text-primary",
 							children: r.label
-						}), /* @__PURE__ */ E("p", {
+						}), /* @__PURE__ */ O("p", {
 							className: "text-xs text-text-secondary",
 							children: r.description
 						})]
-					}), n.map((n) => /* @__PURE__ */ E("td", {
+					}), n.map((n) => /* @__PURE__ */ O("td", {
 						className: "px-4 py-3 text-center",
-						children: /* @__PURE__ */ E("input", {
+						children: /* @__PURE__ */ O("input", {
 							type: "radio",
 							name: `permission-${r.id}`,
 							value: n,
@@ -290,17 +290,17 @@ var N = [
 		})
 	});
 }, L = () => {
-	let { navigate: t, basePath: m, activeOrgId: h } = e(), { t: g } = O(), _ = (e, t) => {
-		let n = g(e);
+	let { navigate: u, basePath: g, activeOrgId: _ } = s(), { t: v } = A(), y = (e, t) => {
+		let n = v(e);
 		return n === e ? t : n;
-	}, v = n(), { products: b } = ee(), [x, S] = f(null), [A, L] = f([]), [R, z] = f(j()), B = d(!1), [V, H] = f({
+	}, b = ee(), { products: S } = l(), [C, T] = m(null), [M, L] = m([]), [R, z] = m(N()), B = p(!1), [V, H] = m({
 		name: "",
 		slug: "",
 		shortDescription: "",
 		description: "",
 		category: "",
 		visibility: "PUBLIC",
-		developerOrganizationId: h ?? "",
+		developerOrganizationId: _ ?? "",
 		websiteUrl: "",
 		githubUrl: "",
 		documentationUrl: "",
@@ -308,13 +308,13 @@ var N = [
 		oauthAuthUrl: "",
 		oauthTokenUrl: "",
 		oauthRevokeUrl: ""
-	}), [U, W] = f({}), [G, { loading: K }] = r(), { data: q } = i({ fetchPolicy: "cache-and-network" }), J = [{
+	}), [U, W] = m({}), [G, { loading: K }] = d(), { data: q } = f({ fetchPolicy: "cache-and-network" }), J = [{
 		value: "",
 		label: "No organization (personal)"
 	}, ...(q?.myDeveloperOrganizations ?? []).filter((e) => e.kind !== "PHYSICAL").map((e) => ({
 		value: e.id,
 		label: e.name
-	}))], Y = (e) => t?.(`${m}${e}`), ie = (e) => e.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, ""), ae = (e) => {
+	}))], Y = (e) => u?.(`${g}${e}`), ie = (e) => e.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, ""), ae = (e) => {
 		let t = e.target.value;
 		H((e) => ({
 			...e,
@@ -350,10 +350,10 @@ var N = [
 		}));
 	}, ce = () => {
 		let e = {};
-		return V.name.trim() ? V.name.length < 3 ? e.name = "Name must be at least 3 characters" : V.name.length > 100 && (e.name = "Name must be less than 100 characters") : e.name = "Name is required", V.slug.trim() ? /^[a-z0-9-]+$/.test(V.slug) || (e.slug = "Slug can only contain lowercase letters, numbers, and hyphens") : e.slug = "Slug is required", V.shortDescription.trim() ? V.shortDescription.length > 200 && (e.shortDescription = "Short description must be less than 200 characters") : e.shortDescription = "Short description is required", V.category || (e.category = "Category is required"), x !== "app" && A.length === 0 && (e.compatibleProducts = "Select at least one compatible product so users can find this in the right store"), W(e), Object.keys(e).length === 0;
-	}, Z = () => k[x ?? "app"].appType, le = async (e) => {
-		if (e.preventDefault(), !ce() || !x) return;
-		let t = x === "app" ? { permissions: M(R) } : null;
+		return V.name.trim() ? V.name.length < 3 ? e.name = "Name must be at least 3 characters" : V.name.length > 100 && (e.name = "Name must be less than 100 characters") : e.name = "Name is required", V.slug.trim() ? /^[a-z0-9-]+$/.test(V.slug) || (e.slug = "Slug can only contain lowercase letters, numbers, and hyphens") : e.slug = "Slug is required", V.shortDescription.trim() ? V.shortDescription.length > 200 && (e.shortDescription = "Short description must be less than 200 characters") : e.shortDescription = "Short description is required", V.category || (e.category = "Category is required"), C !== "app" && M.length === 0 && (e.compatibleProducts = "Select at least one compatible product so users can find this in the right store"), W(e), Object.keys(e).length === 0;
+	}, Z = () => j[C ?? "app"].appType, le = async (e) => {
+		if (e.preventDefault(), !ce() || !C) return;
+		let t = C === "app" ? { permissions: P(R) } : null;
 		try {
 			let e = await G({ variables: { input: {
 				name: V.name,
@@ -369,14 +369,14 @@ var N = [
 				documentationUrl: V.documentationUrl || void 0,
 				supportUrl: V.supportUrl || void 0,
 				manifest: t ?? void 0,
-				compatibleProducts: A.length > 0 ? A : void 0,
-				...x === "app" && {
+				compatibleProducts: M.length > 0 ? M : void 0,
+				...C === "app" && {
 					oauthAuthUrl: V.oauthAuthUrl || void 0,
 					oauthTokenUrl: V.oauthTokenUrl || void 0,
 					oauthRevokeUrl: V.oauthRevokeUrl || void 0
 				}
 			} } });
-			e.data?.createApplication?.id && (v.emit("devportal.app.created", {
+			e.data?.createApplication?.id && (b.emit("devportal.app.created", {
 				appId: e.data.createApplication.id,
 				name: V.name,
 				appType: Z(),
@@ -395,17 +395,17 @@ var N = [
 			}));
 		}
 	};
-	if (!x) return /* @__PURE__ */ E(l, {
+	if (!C) return /* @__PURE__ */ O(c, {
 		authOnly: !0,
-		children: /* @__PURE__ */ E(a, {
+		children: /* @__PURE__ */ O(t, {
 			title: "What do you want to build?",
 			description: "Choose a builder type to get started",
 			purpose: "Pick the kind of integration you are creating — a standard app, a Node package, or a workflow. Your choice sets up the right defaults (credentials, permissions, and where it can be installed) so you only fill in what that type actually needs.",
-			backLink: `${m}/apps`,
+			backLink: `${g}/apps`,
 			backLabel: "Back to Applications",
-			children: /* @__PURE__ */ D("div", {
+			children: /* @__PURE__ */ k("div", {
 				className: "max-w-3xl space-y-6",
-				children: [/* @__PURE__ */ E("div", {
+				children: [/* @__PURE__ */ O("div", {
 					className: "grid gap-4 sm:grid-cols-3",
 					children: [
 						"app",
@@ -415,58 +415,58 @@ var N = [
 						"widget",
 						"dashboard"
 					].map((e) => {
-						let t = k[e];
-						return /* @__PURE__ */ E(F, {
+						let t = j[e];
+						return /* @__PURE__ */ O(re, {
 							icon: t.icon,
 							title: t.label,
 							description: t.cardDescription,
 							bullets: t.cardBullets,
-							selected: x === e,
-							onClick: () => S(e)
+							selected: C === e,
+							onClick: () => T(e)
 						}, e);
 					})
-				}), /* @__PURE__ */ D("div", {
+				}), /* @__PURE__ */ k("div", {
 					className: "rounded-lg border border-border-subtle bg-bg-sunken/30 p-4 flex gap-3 text-sm text-text-secondary",
-					children: [/* @__PURE__ */ E(y, {
+					children: [/* @__PURE__ */ O(x, {
 						size: 16,
 						className: "flex-shrink-0 mt-0.5"
-					}), /* @__PURE__ */ E("p", { children: "Apps use OAuth to interact with platform data. Nodes and Workflows are packaged files you upload after creation." })]
+					}), /* @__PURE__ */ O("p", { children: "Apps use OAuth to interact with platform data. Nodes and Workflows are packaged files you upload after creation." })]
 				})]
 			})
 		})
 	});
-	let Q = k[x ?? "app"], $ = Q.label, ue = Q.icon, de = /* @__PURE__ */ E(ue, { size: 16 });
-	return /* @__PURE__ */ E(l, {
+	let Q = j[C ?? "app"], $ = Q.label, ue = Q.icon, de = /* @__PURE__ */ O(ue, { size: 16 });
+	return /* @__PURE__ */ O(c, {
 		authOnly: !0,
-		children: /* @__PURE__ */ E(a, {
+		children: /* @__PURE__ */ O(t, {
 			title: `Create ${$}`,
 			description: Q.pageDescription,
 			purpose: Q.purpose,
-			backLink: `${m}/apps`,
+			backLink: `${g}/apps`,
 			backLabel: "Back to Applications",
-			children: /* @__PURE__ */ D("form", {
+			children: /* @__PURE__ */ k("form", {
 				onSubmit: le,
 				className: "space-y-8 max-w-3xl",
 				children: [
-					/* @__PURE__ */ D("div", {
+					/* @__PURE__ */ k("div", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ D("button", {
+						children: [/* @__PURE__ */ k("button", {
 							type: "button",
-							onClick: () => S(null),
+							onClick: () => T(null),
 							className: "flex items-center gap-1.5 text-sm text-text-secondary hover:text-text-primary transition-colors",
-							children: [/* @__PURE__ */ E(p, { size: 14 }), "Change type"]
-						}), /* @__PURE__ */ D("span", {
+							children: [/* @__PURE__ */ O(h, { size: 14 }), "Change type"]
+						}), /* @__PURE__ */ k("span", {
 							className: "flex items-center gap-1.5 rounded-full border border-border-subtle bg-bg-sunken px-3 py-1 text-xs font-medium",
 							children: [de, $]
 						})]
 					}),
-					/* @__PURE__ */ E(o, {
+					/* @__PURE__ */ O(n, {
 						title: "Basic Information",
 						description: "Core details about your application",
-						children: /* @__PURE__ */ D("div", {
+						children: /* @__PURE__ */ k("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ E(s, {
+								/* @__PURE__ */ O(r, {
 									label: "Name",
 									value: V.name,
 									onChange: ae,
@@ -474,7 +474,7 @@ var N = [
 									required: !0,
 									error: U.name
 								}),
-								/* @__PURE__ */ E(s, {
+								/* @__PURE__ */ O(r, {
 									label: "Slug",
 									value: V.slug,
 									onChange: oe,
@@ -483,7 +483,7 @@ var N = [
 									error: U.slug,
 									hint: B.current ? "Only lowercase letters, numbers, and hyphens" : "Auto-generated from name — edit to customise"
 								}),
-								/* @__PURE__ */ E(u, {
+								/* @__PURE__ */ O(a, {
 									label: "Short Description",
 									value: V.shortDescription,
 									onChange: (e) => X("shortDescription", e),
@@ -494,49 +494,49 @@ var N = [
 									rows: 2,
 									maxLength: 200
 								}),
-								/* @__PURE__ */ D("div", {
+								/* @__PURE__ */ k("div", {
 									className: "grid gap-4 sm:grid-cols-2",
-									children: [/* @__PURE__ */ E(c, {
+									children: [/* @__PURE__ */ O(i, {
 										label: "Category",
 										value: V.category,
 										onChange: (e) => X("category", e.target.value),
-										options: [...te],
+										options: [...e],
 										placeholder: "Select a category…",
 										required: !0,
 										error: U.category,
 										hint: "Helps users discover your item in the store"
-									}), /* @__PURE__ */ E(c, {
+									}), /* @__PURE__ */ O(i, {
 										label: "Visibility",
 										value: V.visibility,
 										onChange: (e) => X("visibility", e.target.value),
-										options: x === "workflow" ? P : N,
+										options: C === "workflow" ? ne : F,
 										required: !0,
 										hint: V.visibility === "PUBLIC" ? "Listed in the marketplace after review approval — anyone can discover and install it" : V.visibility === "UNLISTED" ? "Not in the store, but share with anyone via a direct link. You can still submit for marketplace review later" : V.visibility === "INTERNAL" ? "Visible to all members of your developer organization — no one outside can access it" : "Only you (the creator) can see this — other org members cannot access it"
 									})]
 								}),
-								x !== "app" && /* @__PURE__ */ D("div", {
+								C !== "app" && /* @__PURE__ */ k("div", {
 									className: "space-y-2",
 									children: [
-										/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ D("label", {
+										/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ k("label", {
 											className: "block text-sm font-medium text-text-primary",
-											children: ["Compatible Products", /* @__PURE__ */ E("span", {
+											children: ["Compatible Products", /* @__PURE__ */ O("span", {
 												className: "text-status-error-text ml-1",
 												children: "*"
 											})]
-										}), /* @__PURE__ */ D("p", {
+										}), /* @__PURE__ */ k("p", {
 											className: "text-xs text-text-secondary mt-0.5",
 											children: [
 												"Select which products this ",
-												x,
+												C,
 												" works with. Users will see it in those products' node stores."
 											]
 										})] }),
-										/* @__PURE__ */ E(ne, {
-											options: b.map((e) => ({
+										/* @__PURE__ */ O(o, {
+											options: S.map((e) => ({
 												value: e.slug,
 												label: e.name
 											})),
-											selected: A,
+											selected: M,
 											onChange: (e) => {
 												L(e), e.length > 0 && W((e) => ({
 													...e,
@@ -547,13 +547,13 @@ var N = [
 											searchPlaceholder: "Search products…",
 											error: !!U.compatibleProducts
 										}),
-										U.compatibleProducts && /* @__PURE__ */ E("p", {
+										U.compatibleProducts && /* @__PURE__ */ O("p", {
 											className: "text-xs text-status-error-text",
 											children: U.compatibleProducts
 										})
 									]
 								}),
-								/* @__PURE__ */ E(u, {
+								/* @__PURE__ */ O(a, {
 									label: "Full Description",
 									value: V.description,
 									onChange: (e) => X("description", e),
@@ -564,43 +564,43 @@ var N = [
 							]
 						})
 					}),
-					J.length > 2 && /* @__PURE__ */ E(o, {
+					J.length > 2 && /* @__PURE__ */ O(n, {
 						title: "Organization",
 						description: "Which developer organization owns this?",
-						children: /* @__PURE__ */ E(c, {
+						children: /* @__PURE__ */ O(i, {
 							label: "Developer Organization",
 							value: V.developerOrganizationId,
 							onChange: (e) => X("developerOrganizationId", e.target.value),
 							options: J
 						})
 					}),
-					x === "app" && /* @__PURE__ */ D(o, {
+					C === "app" && /* @__PURE__ */ k(n, {
 						title: "Permissions",
 						description: "Choose what data your app can access. Users will see these permissions when authorizing your app — like GitHub Apps.",
-						children: [/* @__PURE__ */ E(I, {
+						children: [/* @__PURE__ */ O(I, {
 							permissions: R,
 							onChange: se
-						}), /* @__PURE__ */ D("div", {
+						}), /* @__PURE__ */ k("div", {
 							className: "mt-3 flex gap-2 rounded-lg border border-border-subtle bg-bg-sunken/30 p-3 text-xs text-text-secondary",
-							children: [/* @__PURE__ */ E(y, {
+							children: [/* @__PURE__ */ O(x, {
 								size: 14,
 								className: "flex-shrink-0 mt-0.5"
-							}), /* @__PURE__ */ D("span", { children: [/* @__PURE__ */ E("strong", { children: "Read & Write" }), " implies Read. Select only what your app genuinely needs — fewer permissions build more user trust."] })]
+							}), /* @__PURE__ */ k("span", { children: [/* @__PURE__ */ O("strong", { children: "Read & Write" }), " implies Read. Select only what your app genuinely needs — fewer permissions build more user trust."] })]
 						})]
 					}),
-					x === "app" && /* @__PURE__ */ E(o, {
+					C === "app" && /* @__PURE__ */ O(n, {
 						title: "Integration Setup",
 						description: "Configure the endpoints for your integration. After a user installs, we redirect them to your callback URL so your server can complete the connection.",
-						children: /* @__PURE__ */ D("div", {
+						children: /* @__PURE__ */ k("div", {
 							className: "space-y-4",
-							children: [/* @__PURE__ */ E(s, {
+							children: [/* @__PURE__ */ O(r, {
 								label: "Post-install Callback URL",
 								type: "url",
 								value: V.oauthAuthUrl,
 								onChange: (e) => X("oauthAuthUrl", e.target.value),
 								placeholder: "https://yourapp.com/callback",
 								hint: "Users land here after install with ?installation_id=xxx appended"
-							}), /* @__PURE__ */ E(s, {
+							}), /* @__PURE__ */ O(r, {
 								label: "Revoke URL",
 								type: "url",
 								value: V.oauthRevokeUrl,
@@ -610,43 +610,43 @@ var N = [
 							})]
 						})
 					}),
-					x !== "app" && /* @__PURE__ */ D("div", {
+					C !== "app" && /* @__PURE__ */ k("div", {
 						className: "rounded-lg border border-border-subtle bg-bg-sunken/30 p-4 flex gap-3 text-sm text-text-secondary",
-						children: [/* @__PURE__ */ E(y, {
+						children: [/* @__PURE__ */ O(x, {
 							size: 16,
 							className: "flex-shrink-0 mt-0.5"
-						}), /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
+						}), /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
 							className: "font-medium text-text-primary",
 							children: "File uploads"
-						}), /* @__PURE__ */ E("p", {
+						}), /* @__PURE__ */ O("p", {
 							className: "mt-1",
-							children: x === "node" ? "After creating your Node, go to the Versions tab to upload your ZIP bundle and manifest.json." : `After creating your ${$}, go to the Versions tab to upload its manifest JSON.`
+							children: C === "node" ? "After creating your Node, go to the Versions tab to upload your ZIP bundle and manifest.json." : `After creating your ${$}, go to the Versions tab to upload its manifest JSON.`
 						})] })]
 					}),
-					U._submit && /* @__PURE__ */ D("div", {
+					U._submit && /* @__PURE__ */ k("div", {
 						className: "flex items-start gap-3 rounded-lg border border-status-error-bg bg-status-error-bg/10 px-4 py-3 text-sm text-status-error-text",
-						children: [/* @__PURE__ */ E(y, {
+						children: [/* @__PURE__ */ O(x, {
 							size: 16,
 							className: "flex-shrink-0 mt-0.5"
-						}), /* @__PURE__ */ E("span", { children: U._submit })]
+						}), /* @__PURE__ */ O("span", { children: U._submit })]
 					}),
-					/* @__PURE__ */ D("div", {
+					/* @__PURE__ */ k("div", {
 						className: "flex items-center justify-end gap-3 border-t pt-6",
-						children: [/* @__PURE__ */ D("button", {
+						children: [/* @__PURE__ */ k("button", {
 							type: "button",
 							onClick: () => Y("/apps"),
 							disabled: K,
 							className: "inline-flex items-center gap-2 rounded-md border px-4 py-2 text-sm font-medium hover:bg-bg-sunken transition-colors disabled:opacity-50",
-							children: [/* @__PURE__ */ E(w, { size: 16 }), _("devportal.cancel", "Cancel")]
-						}), /* @__PURE__ */ E("button", {
+							children: [/* @__PURE__ */ O(E, { size: 16 }), y("devportal.cancel", "Cancel")]
+						}), /* @__PURE__ */ O("button", {
 							type: "submit",
 							disabled: K,
 							className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50",
-							children: K ? /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E(re, {
+							children: K ? /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(w, {
 								size: 16,
 								className: "animate-spin"
-							}), "Creating…"] }) : /* @__PURE__ */ D(T, { children: [
-								/* @__PURE__ */ E(C, { size: 16 }),
+							}), "Creating…"] }) : /* @__PURE__ */ k(D, { children: [
+								/* @__PURE__ */ O(te, { size: 16 }),
 								"Create ",
 								$
 							] })
@@ -657,7 +657,6 @@ var N = [
 		})
 	});
 };
-//#endregion
 export { L as CreateApplicationPage };
 
 //# sourceMappingURL=CreateApplicationPage.js.map