@burdenoff/microfe-devportal 2026.720.7 → 2026.728.1

package/dist/devportal/pages/CreateApplicationPage.js

@@ -3,16 +3,107 @@ 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, TextareaField as l } from "../components/FormField.js";
-import { PermissionGuard as u } from "../components/PermissionGuard.js";
-import { MarkdownEditor as d } from "../components/MarkdownEditor.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 "../components/index.js";
-import { useRef as f, useState as p } from "react";
-import { useI18n as m } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { ArrowLeft as h, Box as g, Check as _, ChevronRight as v, GitFork as y, Info as b, Loader2 as x, Puzzle as S, Save as ee, X as te } from "lucide-react";
+import { useRef as ee, useState as d } from "react";
+import { useI18n as f } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+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 te, Puzzle as S, Save as ne, X as re } from "lucide-react";
 import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
 //#region src/devportal/pages/CreateApplicationPage.tsx
-var E = [
+var E = {
+	app: {
+		appType: "API_INTEGRATION",
+		icon: m,
+		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.",
+		namePlaceholder: "My Integration",
+		cardDescription: "Build integrations that connect your service to the platform using OAuth tokens.",
+		cardBullets: [
+			"GitHub-style permissions",
+			"OAuth token flow",
+			"Webhook events",
+			"Publish to app store"
+		]
+	},
+	node: {
+		appType: "NODE",
+		icon: S,
+		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.",
+		namePlaceholder: "HTTP Request",
+		cardDescription: "Build custom FluidGrids nodes that users can drag into their visual workflows.",
+		cardBullets: [
+			"ZIP bundle + manifest",
+			"Custom inputs/outputs",
+			"Versioned releases",
+			"Publish to node store"
+		]
+	},
+	workflow: {
+		appType: "WORKFLOW",
+		icon: v,
+		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.",
+		namePlaceholder: "Onboarding Flow",
+		cardDescription: "Build reusable automation workflows that users can import and customize.",
+		cardBullets: [
+			"Manifest + workflow JSON",
+			"Trigger definitions",
+			"Versioned releases",
+			"Publish to workflow store"
+		]
+	},
+	parser: {
+		appType: "PARSER",
+		icon: _,
+		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.",
+		namePlaceholder: "CSV Parser",
+		cardDescription: "Build parsers that extract structured data from files or feeds for use across the platform.",
+		cardBullets: [
+			"Manifest JSON only",
+			"No ZIP bundle needed",
+			"Versioned releases",
+			"Publish to store"
+		]
+	},
+	widget: {
+		appType: "WIDGET",
+		icon: x,
+		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.",
+		namePlaceholder: "Revenue Chart Widget",
+		cardDescription: "Build embeddable UI widgets users can add to dashboards and pages.",
+		cardBullets: [
+			"Manifest JSON only",
+			"Embeddable UI component",
+			"Versioned releases",
+			"Publish to store"
+		]
+	},
+	dashboard: {
+		appType: "DASHBOARD",
+		icon: b,
+		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.",
+		namePlaceholder: "Sales Overview Dashboard",
+		cardDescription: "Build prebuilt dashboard layouts users can install and customize.",
+		cardBullets: [
+			"Manifest JSON only",
+			"Prebuilt layout",
+			"Versioned releases",
+			"Publish to store"
+		]
+	}
+}, D = [
 	{
 		id: "auth",
 		label: "Authentication",
@@ -84,16 +175,16 @@ var E = [
 		description: "Access control configuration"
 	}
 ];
-function D() {
-	return Object.fromEntries(E.map((e) => [e.id, "none"]));
+function O() {
+	return Object.fromEntries(D.map((e) => [e.id, "none"]));
 }
-function ne(e) {
+function k(e) {
 	return Object.entries(e).filter(([, e]) => e !== "none").map(([e, t]) => ({
 		resource: e,
 		level: t
 	}));
 }
-var O = [
+var A = [
 	{
 		value: "PUBLIC",
 		label: "Public — listed in the marketplace after review"
@@ -106,10 +197,10 @@ var O = [
 		value: "INTERNAL",
 		label: "Internal — visible to your entire dev org"
 	}
-], k = [...O, {
+], j = [...A, {
 	value: "UNLISTED",
 	label: "Unlisted — shareable via link, not listed in store"
-}], A = [
+}], M = [
 	{
 		value: "ai",
 		label: "AI & Automation"
@@ -138,14 +229,14 @@ var O = [
 		value: "trigger",
 		label: "Triggers"
 	}
-], j = ({ icon: e, title: n, description: r, bullets: i, selected: a, onClick: o }) => /* @__PURE__ */ T("button", {
+], N = ({ icon: e, title: n, description: r, bullets: i, selected: a, onClick: o }) => /* @__PURE__ */ T("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"),
 	children: [
 		a && /* @__PURE__ */ w("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__ */ w(_, { size: 12 })
+			children: /* @__PURE__ */ w(h, { size: 12 })
 		}),
 		/* @__PURE__ */ w("div", {
 			className: "flex h-10 w-10 items-center justify-center rounded-lg bg-bg-sunken",
@@ -165,14 +256,14 @@ var O = [
 			className: "mt-1 space-y-1",
 			children: i.map((e) => /* @__PURE__ */ T("li", {
 				className: "flex items-center gap-2 text-xs text-text-secondary",
-				children: [/* @__PURE__ */ w(v, {
+				children: [/* @__PURE__ */ w(g, {
 					size: 12,
 					className: "flex-shrink-0 text-primary"
 				}), e]
 			}, e))
 		})
 	]
-}), M = ({ permissions: e, onChange: t }) => {
+}), P = ({ permissions: e, onChange: t }) => {
 	let n = [
 		"none",
 		"read",
@@ -197,7 +288,7 @@ var O = [
 				}, e))]
 			}) }), /* @__PURE__ */ w("tbody", {
 				className: "divide-y divide-border",
-				children: E.map((r) => /* @__PURE__ */ T("tr", {
+				children: D.map((r) => /* @__PURE__ */ T("tr", {
 					className: "hover:bg-bg-sunken/30 transition-colors",
 					children: [/* @__PURE__ */ T("td", {
 						className: "px-4 py-3",
@@ -223,7 +314,7 @@ var O = [
 			})]
 		})
 	});
-}, N = [
+}, F = [
 	{
 		value: "fluidgrids",
 		label: "FluidGrids"
@@ -240,18 +331,18 @@ var O = [
 		value: "botlit",
 		label: "Botlit"
 	}
-], P = () => {
-	let { navigate: v, basePath: E, activeOrgId: P } = e(), { t: re } = m(), ie = (e, t) => {
-		let n = re(e);
+], I = () => {
+	let { navigate: m, basePath: g, activeOrgId: _ } = e(), { t: v } = f(), b = (e, t) => {
+		let n = v(e);
 		return n === e ? t : n;
-	}, ae = n(), [F, I] = p(null), [L, R] = p([]), [z, B] = p(D()), V = f(!1), [H, U] = p({
+	}, x = n(), [S, D] = d(null), [I, ie] = d([]), [L, R] = d(O()), z = ee(!1), [B, V] = d({
 		name: "",
 		slug: "",
 		shortDescription: "",
 		description: "",
 		category: "",
 		visibility: "PUBLIC",
-		developerOrganizationId: P ?? "",
+		developerOrganizationId: _ ?? "",
 		websiteUrl: "",
 		githubUrl: "",
 		documentationUrl: "",
@@ -259,149 +350,126 @@ var O = [
 		oauthAuthUrl: "",
 		oauthTokenUrl: "",
 		oauthRevokeUrl: ""
-	}), [W, G] = p({}), [K, { loading: q }] = r(), { data: oe } = i({ fetchPolicy: "cache-and-network" }), J = [{
+	}), [H, U] = d({}), [W, { loading: G }] = r(), { data: K } = i({ fetchPolicy: "cache-and-network" }), q = [{
 		value: "",
 		label: "No organization (personal)"
-	}, ...(oe?.myDeveloperOrganizations ?? []).map((e) => ({
+	}, ...(K?.myDeveloperOrganizations ?? []).map((e) => ({
 		value: e.id,
 		label: e.name
-	}))], Y = (e) => v?.(`${E}${e}`), se = (e) => e.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, ""), ce = (e) => {
+	}))], J = (e) => m?.(`${g}${e}`), ae = (e) => e.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, ""), Y = (e) => {
 		let t = e.target.value;
-		U((e) => ({
+		V((e) => ({
 			...e,
 			name: t,
-			slug: V.current ? e.slug : se(t)
-		})), W.name && G((e) => ({
+			slug: z.current ? e.slug : ae(t)
+		})), H.name && U((e) => ({
 			...e,
 			name: void 0
 		}));
-	}, le = (e) => {
-		V.current = !0;
+	}, oe = (e) => {
+		z.current = !0;
 		let t = e.target.value.toLowerCase().replace(/[^a-z0-9-]/g, "");
-		U((e) => ({
+		V((e) => ({
 			...e,
 			slug: t
-		})), W.slug && G((e) => ({
+		})), H.slug && U((e) => ({
 			...e,
 			slug: void 0
 		}));
 	}, X = (e, t) => {
-		U((n) => ({
+		V((n) => ({
 			...n,
 			[e]: t
-		})), (W[e] || W._submit) && G((t) => ({
+		})), (H[e] || H._submit) && U((t) => ({
 			...t,
 			[e]: void 0,
 			_submit: void 0
 		}));
-	}, Z = (e, t) => {
-		B((n) => ({
+	}, se = (e, t) => {
+		R((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, ue = () => {
+	}, ce = () => {
 		let e = {};
-		return H.name.trim() ? H.name.length < 3 ? e.name = "Name must be at least 3 characters" : H.name.length > 100 && (e.name = "Name must be less than 100 characters") : e.name = "Name is required", H.slug.trim() ? /^[a-z0-9-]+$/.test(H.slug) || (e.slug = "Slug can only contain lowercase letters, numbers, and hyphens") : e.slug = "Slug is required", H.shortDescription.trim() ? H.shortDescription.length > 200 && (e.shortDescription = "Short description must be less than 200 characters") : e.shortDescription = "Short description is required", H.category || (e.category = "Category is required"), F !== "app" && L.length === 0 && (e.compatibleProducts = "Select at least one compatible product so users can find this in the right store"), G(e), Object.keys(e).length === 0;
-	}, Q = () => F === "node" ? "NODE" : F === "workflow" ? "WORKFLOW" : "API_INTEGRATION", de = async (e) => {
-		if (e.preventDefault(), !ue() || !F) return;
-		let t = F === "app" ? { permissions: ne(z) } : null;
+		return B.name.trim() ? B.name.length < 3 ? e.name = "Name must be at least 3 characters" : B.name.length > 100 && (e.name = "Name must be less than 100 characters") : e.name = "Name is required", B.slug.trim() ? /^[a-z0-9-]+$/.test(B.slug) || (e.slug = "Slug can only contain lowercase letters, numbers, and hyphens") : e.slug = "Slug is required", B.shortDescription.trim() ? B.shortDescription.length > 200 && (e.shortDescription = "Short description must be less than 200 characters") : e.shortDescription = "Short description is required", B.category || (e.category = "Category is required"), S !== "app" && I.length === 0 && (e.compatibleProducts = "Select at least one compatible product so users can find this in the right store"), U(e), Object.keys(e).length === 0;
+	}, Z = () => E[S ?? "app"].appType, le = async (e) => {
+		if (e.preventDefault(), !ce() || !S) return;
+		let t = S === "app" ? { permissions: k(L) } : null;
 		try {
-			let e = await K({ variables: { input: {
-				name: H.name,
-				slug: H.slug || void 0,
-				shortDescription: H.shortDescription || void 0,
-				description: H.description || void 0,
-				category: H.category || void 0,
-				appType: Q(),
-				visibility: H.visibility,
-				developerOrganizationId: H.developerOrganizationId || void 0,
-				websiteUrl: H.websiteUrl || void 0,
-				githubUrl: H.githubUrl || void 0,
-				documentationUrl: H.documentationUrl || void 0,
-				supportUrl: H.supportUrl || void 0,
+			let e = await W({ variables: { input: {
+				name: B.name,
+				slug: B.slug || void 0,
+				shortDescription: B.shortDescription || void 0,
+				description: B.description || void 0,
+				category: B.category || void 0,
+				appType: Z(),
+				visibility: B.visibility,
+				developerOrganizationId: B.developerOrganizationId || void 0,
+				websiteUrl: B.websiteUrl || void 0,
+				githubUrl: B.githubUrl || void 0,
+				documentationUrl: B.documentationUrl || void 0,
+				supportUrl: B.supportUrl || void 0,
 				manifest: t ?? void 0,
-				compatibleProducts: L.length > 0 ? L : void 0,
-				...F === "app" && {
-					oauthAuthUrl: H.oauthAuthUrl || void 0,
-					oauthTokenUrl: H.oauthTokenUrl || void 0,
-					oauthRevokeUrl: H.oauthRevokeUrl || void 0
+				compatibleProducts: I.length > 0 ? I : void 0,
+				...S === "app" && {
+					oauthAuthUrl: B.oauthAuthUrl || void 0,
+					oauthTokenUrl: B.oauthTokenUrl || void 0,
+					oauthRevokeUrl: B.oauthRevokeUrl || void 0
 				}
 			} } });
-			e.data?.createApplication?.id && (ae.emit("devportal.app.created", {
+			e.data?.createApplication?.id && (x.emit("devportal.app.created", {
 				appId: e.data.createApplication.id,
-				name: H.name,
-				appType: Q(),
-				organizationId: H.developerOrganizationId || null
-			}), Y(`/apps/${e.data.createApplication.id}`));
+				name: B.name,
+				appType: Z(),
+				organizationId: B.developerOrganizationId || null
+			}), J(`/apps/${e.data.createApplication.id}`));
 		} catch (e) {
 			let t = [];
 			e && typeof e == "object" && "graphQLErrors" in e && Array.isArray(e.graphQLErrors) && e.graphQLErrors.forEach((e) => t.push(e.message)), e instanceof Error && t.push(e.message);
 			let n = t.join(" ").toLowerCase();
-			n.includes("slug") || n.includes("already exist") || n.includes("unique") || n.includes("conflict") || n.includes("duplicate") ? G((e) => ({
+			n.includes("slug") || n.includes("already exist") || n.includes("unique") || n.includes("conflict") || n.includes("duplicate") ? U((e) => ({
 				...e,
 				slug: "This slug is already taken — choose a different one"
-			})) : G((e) => ({
+			})) : U((e) => ({
 				...e,
 				_submit: t[0] ?? "Something went wrong. Please try again."
 			}));
 		}
 	};
-	if (!F) return /* @__PURE__ */ w(u, {
+	if (!S) return /* @__PURE__ */ w(l, {
 		authOnly: !0,
 		children: /* @__PURE__ */ w(a, {
 			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: `${E}/apps`,
+			backLink: `${g}/apps`,
 			backLabel: "Back to Applications",
 			children: /* @__PURE__ */ T("div", {
 				className: "max-w-3xl space-y-6",
-				children: [/* @__PURE__ */ T("div", {
+				children: [/* @__PURE__ */ w("div", {
 					className: "grid gap-4 sm:grid-cols-3",
 					children: [
-						/* @__PURE__ */ w(j, {
-							icon: g,
-							title: "App",
-							description: "Build integrations that connect your service to the platform using OAuth tokens.",
-							bullets: [
-								"GitHub-style permissions",
-								"OAuth token flow",
-								"Webhook events",
-								"Publish to app store"
-							],
-							selected: F === "app",
-							onClick: () => I("app")
-						}),
-						/* @__PURE__ */ w(j, {
-							icon: S,
-							title: "Node",
-							description: "Build custom FluidGrids nodes that users can drag into their visual workflows.",
-							bullets: [
-								"ZIP bundle + manifest",
-								"Custom inputs/outputs",
-								"Versioned releases",
-								"Publish to node store"
-							],
-							selected: F === "node",
-							onClick: () => I("node")
-						}),
-						/* @__PURE__ */ w(j, {
-							icon: y,
-							title: "Workflow",
-							description: "Build reusable automation workflows that users can import and customize.",
-							bullets: [
-								"Manifest + workflow JSON",
-								"Trigger definitions",
-								"Versioned releases",
-								"Publish to workflow store"
-							],
-							selected: F === "workflow",
-							onClick: () => I("workflow")
-						})
-					]
+						"app",
+						"node",
+						"workflow",
+						"parser",
+						"widget",
+						"dashboard"
+					].map((e) => {
+						let t = E[e];
+						return /* @__PURE__ */ w(N, {
+							icon: t.icon,
+							title: t.label,
+							description: t.cardDescription,
+							bullets: t.cardBullets,
+							selected: S === e,
+							onClick: () => D(e)
+						}, e);
+					})
 				}), /* @__PURE__ */ T("div", {
 					className: "rounded-lg border border-border-subtle bg-bg-sunken/30 p-4 flex gap-3 text-sm text-text-secondary",
-					children: [/* @__PURE__ */ w(b, {
+					children: [/* @__PURE__ */ w(y, {
 						size: 16,
 						className: "flex-shrink-0 mt-0.5"
 					}), /* @__PURE__ */ w("p", { children: "Apps use OAuth to interact with platform data. Nodes and Workflows are packaged files you upload after creation." })]
@@ -409,29 +477,29 @@ var O = [
 			})
 		})
 	});
-	let $ = F === "app" ? "App" : F === "node" ? "Node" : "Workflow", fe = w(F === "app" ? g : F === "node" ? S : y, { size: 16 });
-	return /* @__PURE__ */ w(u, {
+	let Q = E[S ?? "app"], $ = Q.label, ue = Q.icon, de = /* @__PURE__ */ w(ue, { size: 16 });
+	return /* @__PURE__ */ w(l, {
 		authOnly: !0,
 		children: /* @__PURE__ */ w(a, {
 			title: `Create ${$}`,
-			description: F === "app" ? "Register a new app integration with OAuth permissions" : F === "node" ? "Register a new FluidGrids node package" : "Register a new reusable automation workflow",
-			purpose: F === "workflow" ? "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." : F === "node" ? "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." : "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.",
-			backLink: `${E}/apps`,
+			description: Q.pageDescription,
+			purpose: Q.purpose,
+			backLink: `${g}/apps`,
 			backLabel: "Back to Applications",
 			children: /* @__PURE__ */ T("form", {
-				onSubmit: de,
+				onSubmit: le,
 				className: "space-y-8 max-w-3xl",
 				children: [
 					/* @__PURE__ */ T("div", {
 						className: "flex items-center gap-3",
 						children: [/* @__PURE__ */ T("button", {
 							type: "button",
-							onClick: () => I(null),
+							onClick: () => D(null),
 							className: "flex items-center gap-1.5 text-sm text-text-secondary hover:text-text-primary transition-colors",
-							children: [/* @__PURE__ */ w(h, { size: 14 }), "Change type"]
+							children: [/* @__PURE__ */ w(p, { size: 14 }), "Change type"]
 						}), /* @__PURE__ */ T("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: [fe, $]
+							children: [de, $]
 						})]
 					}),
 					/* @__PURE__ */ w(o, {
@@ -442,52 +510,53 @@ var O = [
 							children: [
 								/* @__PURE__ */ w(s, {
 									label: "Name",
-									value: H.name,
-									onChange: ce,
-									placeholder: F === "app" ? "My Integration" : F === "node" ? "HTTP Request" : "Onboarding Flow",
+									value: B.name,
+									onChange: Y,
+									placeholder: Q.namePlaceholder,
 									required: !0,
-									error: W.name
+									error: H.name
 								}),
 								/* @__PURE__ */ w(s, {
 									label: "Slug",
-									value: H.slug,
-									onChange: le,
+									value: B.slug,
+									onChange: oe,
 									placeholder: "my-integration",
 									required: !0,
-									error: W.slug,
-									hint: V.current ? "Only lowercase letters, numbers, and hyphens" : "Auto-generated from name — edit to customise"
+									error: H.slug,
+									hint: z.current ? "Only lowercase letters, numbers, and hyphens" : "Auto-generated from name — edit to customise"
 								}),
-								/* @__PURE__ */ w(l, {
+								/* @__PURE__ */ w(u, {
 									label: "Short Description",
-									value: H.shortDescription,
-									onChange: (e) => X("shortDescription", e.target.value),
+									value: B.shortDescription,
+									onChange: (e) => X("shortDescription", e),
 									placeholder: "Briefly describe what this does",
 									required: !0,
-									error: W.shortDescription,
-									hint: `${H.shortDescription.length}/200 characters`,
-									rows: 2
+									error: H.shortDescription,
+									hint: `${B.shortDescription.length}/200 characters`,
+									rows: 2,
+									maxLength: 200
 								}),
 								/* @__PURE__ */ T("div", {
 									className: "grid gap-4 sm:grid-cols-2",
 									children: [/* @__PURE__ */ w(c, {
 										label: "Category",
-										value: H.category,
+										value: B.category,
 										onChange: (e) => X("category", e.target.value),
-										options: A,
+										options: M,
 										placeholder: "Select a category…",
 										required: !0,
-										error: W.category,
+										error: H.category,
 										hint: "Helps users discover your item in the store"
 									}), /* @__PURE__ */ w(c, {
 										label: "Visibility",
-										value: H.visibility,
+										value: B.visibility,
 										onChange: (e) => X("visibility", e.target.value),
-										options: F === "workflow" ? k : O,
+										options: S === "workflow" ? j : A,
 										required: !0,
-										hint: H.visibility === "PUBLIC" ? "Listed in the marketplace after review approval — anyone can discover and install it" : H.visibility === "UNLISTED" ? "Not in the store, but share with anyone via a direct link. You can still submit for marketplace review later" : H.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"
+										hint: B.visibility === "PUBLIC" ? "Listed in the marketplace after review approval — anyone can discover and install it" : B.visibility === "UNLISTED" ? "Not in the store, but share with anyone via a direct link. You can still submit for marketplace review later" : B.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"
 									})]
 								}),
-								F !== "app" && /* @__PURE__ */ T("div", {
+								S !== "app" && /* @__PURE__ */ T("div", {
 									className: "space-y-2",
 									children: [
 										/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T("label", {
@@ -500,32 +569,32 @@ var O = [
 											className: "text-xs text-text-secondary mt-0.5",
 											children: [
 												"Select which products this ",
-												F,
+												S,
 												" works with. Users will see it in those products' node stores."
 											]
 										})] }),
 										/* @__PURE__ */ w("div", {
 											className: "flex flex-wrap gap-3",
-											children: N.map((e) => {
-												let n = L.includes(e.value);
+											children: F.map((e) => {
+												let n = I.includes(e.value);
 												return /* @__PURE__ */ T("label", {
-													className: t("flex items-center gap-2 cursor-pointer rounded-md border px-3 py-2 text-sm transition-colors", n ? "border-primary bg-primary/10 text-text-primary" : "border-border-subtle hover:border-border text-text-secondary hover:text-text-primary", W.compatibleProducts && !n && "border-status-error-bg/50"),
+													className: t("flex items-center gap-2 cursor-pointer rounded-md border px-3 py-2 text-sm transition-colors", n ? "border-primary bg-primary/10 text-text-primary" : "border-border-subtle hover:border-border text-text-secondary hover:text-text-primary", H.compatibleProducts && !n && "border-status-error-bg/50"),
 													children: [
 														/* @__PURE__ */ w("input", {
 															type: "checkbox",
 															className: "sr-only",
 															checked: n,
 															onChange: () => {
-																R((t) => {
+																ie((t) => {
 																	let r = n ? t.filter((t) => t !== e.value) : [...t, e.value];
-																	return r.length > 0 && G((e) => ({
+																	return r.length > 0 && U((e) => ({
 																		...e,
 																		compatibleProducts: void 0
 																	})), r;
 																});
 															}
 														}),
-														n && /* @__PURE__ */ w(_, {
+														n && /* @__PURE__ */ w(h, {
 															size: 14,
 															className: "text-primary flex-shrink-0"
 														}),
@@ -534,15 +603,15 @@ var O = [
 												}, e.value);
 											})
 										}),
-										W.compatibleProducts && /* @__PURE__ */ w("p", {
+										H.compatibleProducts && /* @__PURE__ */ w("p", {
 											className: "text-xs text-status-error-text",
-											children: W.compatibleProducts
+											children: H.compatibleProducts
 										})
 									]
 								}),
-								/* @__PURE__ */ w(d, {
+								/* @__PURE__ */ w(u, {
 									label: "Full Description",
-									value: H.description,
+									value: B.description,
 									onChange: (e) => X("description", e),
 									placeholder: "Detailed description, features, and use cases...",
 									rows: 5,
@@ -551,31 +620,31 @@ var O = [
 							]
 						})
 					}),
-					J.length > 2 && /* @__PURE__ */ w(o, {
+					q.length > 2 && /* @__PURE__ */ w(o, {
 						title: "Organization",
 						description: "Which developer organization owns this?",
 						children: /* @__PURE__ */ w(c, {
 							label: "Developer Organization",
-							value: H.developerOrganizationId,
+							value: B.developerOrganizationId,
 							onChange: (e) => X("developerOrganizationId", e.target.value),
-							options: J
+							options: q
 						})
 					}),
-					F === "app" && /* @__PURE__ */ T(o, {
+					S === "app" && /* @__PURE__ */ T(o, {
 						title: "Permissions",
 						description: "Choose what data your app can access. Users will see these permissions when authorizing your app — like GitHub Apps.",
-						children: [/* @__PURE__ */ w(M, {
-							permissions: z,
-							onChange: Z
+						children: [/* @__PURE__ */ w(P, {
+							permissions: L,
+							onChange: se
 						}), /* @__PURE__ */ T("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__ */ w(b, {
+							children: [/* @__PURE__ */ w(y, {
 								size: 14,
 								className: "flex-shrink-0 mt-0.5"
 							}), /* @__PURE__ */ T("span", { children: [/* @__PURE__ */ w("strong", { children: "Read & Write" }), " implies Read. Select only what your app genuinely needs — fewer permissions build more user trust."] })]
 						})]
 					}),
-					F === "app" && /* @__PURE__ */ w(o, {
+					S === "app" && /* @__PURE__ */ w(o, {
 						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__ */ T("div", {
@@ -583,23 +652,23 @@ var O = [
 							children: [/* @__PURE__ */ w(s, {
 								label: "Post-install Callback URL",
 								type: "url",
-								value: H.oauthAuthUrl,
+								value: B.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__ */ w(s, {
 								label: "Revoke URL",
 								type: "url",
-								value: H.oauthRevokeUrl,
+								value: B.oauthRevokeUrl,
 								onChange: (e) => X("oauthRevokeUrl", e.target.value),
 								placeholder: "https://yourapp.com/oauth/revoke",
 								hint: "We POST to this URL when a user uninstalls your integration"
 							})]
 						})
 					}),
-					F !== "app" && /* @__PURE__ */ T("div", {
+					S !== "app" && /* @__PURE__ */ T("div", {
 						className: "rounded-lg border border-border-subtle bg-bg-sunken/30 p-4 flex gap-3 text-sm text-text-secondary",
-						children: [/* @__PURE__ */ w(b, {
+						children: [/* @__PURE__ */ w(y, {
 							size: 16,
 							className: "flex-shrink-0 mt-0.5"
 						}), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
@@ -607,33 +676,33 @@ var O = [
 							children: "File uploads"
 						}), /* @__PURE__ */ w("p", {
 							className: "mt-1",
-							children: F === "node" ? "After creating your Node, go to the Versions tab to upload your ZIP bundle and manifest.json." : "After creating your Workflow, go to the Versions tab to upload your manifest and workflow JSON definition."
+							children: S === "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.`
 						})] })]
 					}),
-					W._submit && /* @__PURE__ */ T("div", {
+					H._submit && /* @__PURE__ */ T("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__ */ w(b, {
+						children: [/* @__PURE__ */ w(y, {
 							size: 16,
 							className: "flex-shrink-0 mt-0.5"
-						}), /* @__PURE__ */ w("span", { children: W._submit })]
+						}), /* @__PURE__ */ w("span", { children: H._submit })]
 					}),
 					/* @__PURE__ */ T("div", {
 						className: "flex items-center justify-end gap-3 border-t pt-6",
 						children: [/* @__PURE__ */ T("button", {
 							type: "button",
-							onClick: () => Y("/apps"),
-							disabled: q,
+							onClick: () => J("/apps"),
+							disabled: G,
 							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__ */ w(te, { size: 16 }), ie("devportal.cancel", "Cancel")]
+							children: [/* @__PURE__ */ w(re, { size: 16 }), b("devportal.cancel", "Cancel")]
 						}), /* @__PURE__ */ w("button", {
 							type: "submit",
-							disabled: q,
+							disabled: G,
 							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: q ? /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(x, {
+							children: G ? /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(te, {
 								size: 16,
 								className: "animate-spin"
 							}), "Creating…"] }) : /* @__PURE__ */ T(C, { children: [
-								/* @__PURE__ */ w(ee, { size: 16 }),
+								/* @__PURE__ */ w(ne, { size: 16 }),
 								"Create ",
 								$
 							] })
@@ -645,6 +714,6 @@ var O = [
 	});
 };
 //#endregion
-export { P as CreateApplicationPage };
+export { I as CreateApplicationPage };
 
 //# sourceMappingURL=CreateApplicationPage.js.map