@burdenoff/microfe-devportal 2026.623.9 → 2026.624.2

package/dist/devportal/pages/CreateApplicationPage.js

@@ -1,399 +1,507 @@
 import { useDevportal as e } from "../providers/DevportalProvider.js";
-import { useDevportalEventBus as t } from "../events/index.js";
-import { useCreateApplicationMutation as n, useCurrentUserAppsQuery as r, useGetMyOrganizationsQuery as i } from "../../generated/global-operations.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 { APP_TYPE_LABELS as s } from "../utils/constants.js";
-import { CheckboxField as c, InputField as l, SelectField as u, TagInput as d, TextareaField as f } from "../components/FormField.js";
-import { PermissionGuard as p } from "../components/PermissionGuard.js";
+import { InputField as s, SelectField as c, TextareaField as l } from "../components/FormField.js";
+import { PermissionGuard as u } from "../components/PermissionGuard.js";
 import "../components/index.js";
-import { DEVPORTAL_PERMISSIONS as m } from "../constants/permissions.js";
-import "../hooks/index.js";
-import { useState as h } from "react";
-import { useI18n as g } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Info as _, Save as v, X as y } from "lucide-react";
-import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
+import { DEVPORTAL_PERMISSIONS as d } from "../constants/permissions.js";
+import { useState as f } from "react";
+import { useI18n as p } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { ArrowLeft as m, Box as h, Check as g, ChevronRight as _, GitFork as v, Info as y, Loader2 as b, Puzzle as x, Save as ee, X as S } from "lucide-react";
+import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
 //#region src/devportal/pages/CreateApplicationPage.tsx
-var C = Object.entries(s).map(([e, t]) => ({
-	value: e,
-	label: t
-})), w = [
+var E = [
 	{
-		value: "PUBLIC",
-		label: "Public - Visible to everyone"
+		id: "auth",
+		label: "Authentication",
+		description: "User identity and session management"
 	},
 	{
-		value: "PRIVATE",
-		label: "Private - Only visible to you"
+		id: "billing",
+		label: "Billing",
+		description: "Billing accounts and subscriptions"
 	},
 	{
-		value: "UNLISTED",
-		label: "Unlisted - Accessible via direct link"
+		id: "files",
+		label: "Files",
+		description: "File storage and management"
 	},
 	{
-		value: "INTERNAL",
-		label: "Internal - Only visible within organization"
-	}
-], T = [
+		id: "tags",
+		label: "Tags",
+		description: "Tags and labels on resources"
+	},
+	{
+		id: "calendar",
+		label: "Calendar",
+		description: "Events and scheduling"
+	},
+	{
+		id: "workflows",
+		label: "Workflows",
+		description: "Automation workflows"
+	},
+	{
+		id: "channels",
+		label: "Channels",
+		description: "Messaging channels"
+	},
 	{
-		value: "ai",
-		label: "AI & Automation"
+		id: "notifications",
+		label: "Notifications",
+		description: "Platform notifications"
 	},
 	{
-		value: "integration",
-		label: "Action in an App"
+		id: "users",
+		label: "Users & Members",
+		description: "Workspace members and profiles"
 	},
 	{
-		value: "data",
-		label: "Data & Transform"
+		id: "workspaces",
+		label: "Workspaces",
+		description: "Workspace settings and metadata"
 	},
 	{
-		value: "flow",
-		label: "Flow & Logic"
+		id: "content",
+		label: "Content",
+		description: "Pages, documents, and content"
 	},
 	{
-		value: "core",
-		label: "Core"
+		id: "analytics",
+		label: "Analytics",
+		description: "Usage analytics and reporting"
 	},
 	{
-		value: "communication",
-		label: "Communication"
+		id: "webhooks",
+		label: "Webhooks",
+		description: "Webhook subscriptions"
 	},
 	{
-		value: "trigger",
-		label: "Triggers"
+		id: "rbac",
+		label: "Roles & Permissions",
+		description: "Access control configuration"
 	}
-], E = () => {
-	let { navigate: s, basePath: E } = e(), { t: D } = g(), O = (e, t) => {
-		let n = D(e);
+];
+function D() {
+	return Object.fromEntries(E.map((e) => [e.id, "none"]));
+}
+function O(e) {
+	return Object.entries(e).filter(([, e]) => e !== "none").map(([e, t]) => ({
+		resource: e,
+		level: t
+	}));
+}
+var k = [
+	{
+		value: "PUBLIC",
+		label: "Public — visible to everyone"
+	},
+	{
+		value: "PRIVATE",
+		label: "Private — only visible to you"
+	},
+	{
+		value: "UNLISTED",
+		label: "Unlisted — accessible via direct link"
+	}
+], A = ({ 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-primary/5 shadow-sm" : "border-border bg-card"),
+	children: [
+		a && /* @__PURE__ */ w("span", {
+			className: "absolute top-4 right-4 flex h-5 w-5 items-center justify-center rounded-full bg-primary text-primary-foreground",
+			children: /* @__PURE__ */ w(g, { size: 12 })
+		}),
+		/* @__PURE__ */ w("div", {
+			className: "flex h-10 w-10 items-center justify-center rounded-lg bg-muted",
+			children: /* @__PURE__ */ w(e, {
+				size: 22,
+				className: "text-foreground"
+			})
+		}),
+		/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+			className: "font-semibold text-foreground",
+			children: n
+		}), /* @__PURE__ */ w("p", {
+			className: "mt-1 text-sm text-muted-foreground",
+			children: r
+		})] }),
+		/* @__PURE__ */ w("ul", {
+			className: "mt-1 space-y-1",
+			children: i.map((e) => /* @__PURE__ */ T("li", {
+				className: "flex items-center gap-2 text-xs text-muted-foreground",
+				children: [/* @__PURE__ */ w(_, {
+					size: 12,
+					className: "flex-shrink-0 text-primary"
+				}), e]
+			}, e))
+		})
+	]
+}), j = ({ permissions: e, onChange: t }) => {
+	let n = [
+		"none",
+		"read",
+		"write"
+	], r = {
+		none: "No access",
+		read: "Read",
+		write: "Read & Write"
+	};
+	return /* @__PURE__ */ w("div", {
+		className: "overflow-x-auto rounded-lg border border-border",
+		children: /* @__PURE__ */ T("table", {
+			className: "w-full text-sm",
+			children: [/* @__PURE__ */ w("thead", { children: /* @__PURE__ */ T("tr", {
+				className: "border-b border-border bg-muted/50",
+				children: [/* @__PURE__ */ w("th", {
+					className: "px-4 py-3 text-left font-medium text-muted-foreground w-1/2",
+					children: "Resource"
+				}), n.map((e) => /* @__PURE__ */ w("th", {
+					className: "px-4 py-3 text-center font-medium text-muted-foreground",
+					children: r[e]
+				}, e))]
+			}) }), /* @__PURE__ */ w("tbody", {
+				className: "divide-y divide-border",
+				children: E.map((r) => /* @__PURE__ */ T("tr", {
+					className: "hover:bg-muted/30 transition-colors",
+					children: [/* @__PURE__ */ T("td", {
+						className: "px-4 py-3",
+						children: [/* @__PURE__ */ w("p", {
+							className: "font-medium text-foreground",
+							children: r.label
+						}), /* @__PURE__ */ w("p", {
+							className: "text-xs text-muted-foreground",
+							children: r.description
+						})]
+					}), n.map((n) => /* @__PURE__ */ w("td", {
+						className: "px-4 py-3 text-center",
+						children: /* @__PURE__ */ w("input", {
+							type: "radio",
+							name: `permission-${r.id}`,
+							value: n,
+							checked: e[r.id] === n,
+							onChange: () => t(r.id, n),
+							className: "h-4 w-4 accent-primary cursor-pointer"
+						})
+					}, n))]
+				}, r.id))
+			})]
+		})
+	});
+}, M = () => {
+	let { navigate: t, basePath: g, activeOrgId: _ } = e(), { t: E } = p(), M = (e, t) => {
+		let n = E(e);
 		return n === e ? t : n;
-	}, [k, A] = h({}), [j, { loading: M }] = n(), N = t(), { data: P } = i({ fetchPolicy: "cache-and-network" }), { data: F, loading: I } = r({ fetchPolicy: "cache-and-network" }), L = [{
-		value: "",
-		label: "No organization (publish under personal account)"
-	}, ...(P?.myDeveloperOrganizations ?? []).map((e) => ({
-		value: e.id,
-		label: e.name
-	}))], R = [{
-		value: "",
-		label: O("devportal.noLinkedAuthApp", "Link later")
-	}, ...(F?.currentUserApps?.apps ?? []).map((e) => ({
-		value: e.id,
-		label: `${e.name} · ${e.type} · ${e.clientId}`
-	})) ?? []], [z, B] = h({
+	}, N = n(), [P, F] = f(null), [I, L] = f(D()), [R, z] = f({
 		name: "",
 		slug: "",
 		shortDescription: "",
 		description: "",
-		appType: "",
 		visibility: "PRIVATE",
-		category: "",
-		tags: [],
-		keywords: [],
+		developerOrganizationId: _ ?? "",
 		websiteUrl: "",
-		documentationUrl: "",
-		supportUrl: "",
-		privacyPolicyUrl: "",
-		termsOfServiceUrl: "",
 		githubUrl: "",
-		developerOrganizationId: "",
-		appId: "",
-		requiresApproval: !1
-	}), V = (e) => {
-		s?.(`${E}${e}`);
-	}, H = (e) => e.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, ""), U = (e) => {
+		documentationUrl: "",
+		supportUrl: ""
+	}), [B, V] = f({}), [H, { loading: U }] = r(), { data: W } = i({ fetchPolicy: "cache-and-network" }), G = [{
+		value: "",
+		label: "No organization (personal)"
+	}, ...(W?.myDeveloperOrganizations ?? []).map((e) => ({
+		value: e.id,
+		label: e.name
+	}))], K = (e) => t?.(`${g}${e}`), q = (e) => e.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, ""), J = (e) => {
 		let t = e.target.value;
-		B((e) => ({
+		z((e) => ({
 			...e,
 			name: t,
-			slug: e.slug || H(t)
-		})), k.name && A((e) => ({
+			slug: e.slug || q(t)
+		})), B.name && V((e) => ({
 			...e,
 			name: void 0
 		}));
-	}, W = (e, t) => {
-		B((n) => ({
+	}, Y = (e, t) => {
+		z((n) => ({
 			...n,
 			[e]: t
-		})), k[e] && A((t) => ({
+		})), B[e] && V((t) => ({
 			...t,
 			[e]: void 0
 		}));
-	}, G = () => {
+	}, X = (e, t) => {
+		L((n) => ({
+			...n,
+			[e]: t
+		}));
+	}, Z = () => {
 		let e = {};
-		return z.name.trim() ? z.name.length < 3 ? e.name = O("devportal.nameTooShort", "Name must be at least 3 characters") : z.name.length > 100 && (e.name = O("devportal.nameTooLong", "Name must be less than 100 characters")) : e.name = O("devportal.appNameRequired", "Application name is required"), z.slug.trim() ? /^[a-z0-9-]+$/.test(z.slug) || (e.slug = O("devportal.slugInvalid", "Slug can only contain lowercase letters, numbers, and hyphens")) : e.slug = O("devportal.slugRequired", "Slug is required"), z.shortDescription.trim() ? z.shortDescription.length > 200 && (e.shortDescription = O("devportal.shortDescriptionTooLong", "Short description must be less than 200 characters")) : e.shortDescription = O("devportal.shortDescriptionRequired", "Short description is required"), z.appType || (e.appType = O("devportal.appTypeRequired", "Application type is required")), z.category || (e.category = O("devportal.categoryRequired", "Category is required")), A(e), Object.keys(e).length === 0;
+		return R.name.trim() ? R.name.length < 3 ? e.name = "Name must be at least 3 characters" : R.name.length > 100 && (e.name = "Name must be less than 100 characters") : e.name = "Name is required", R.slug.trim() ? /^[a-z0-9-]+$/.test(R.slug) || (e.slug = "Slug can only contain lowercase letters, numbers, and hyphens") : e.slug = "Slug is required", R.shortDescription.trim() ? R.shortDescription.length > 200 && (e.shortDescription = "Short description must be less than 200 characters") : e.shortDescription = "Short description is required", V(e), Object.keys(e).length === 0;
+	}, Q = () => P === "node" ? "NODE" : P === "workflow" ? "WORKFLOW" : "API_INTEGRATION", te = async (e) => {
+		if (e.preventDefault(), !Z() || !P) return;
+		let t = P === "app" ? { permissions: O(I) } : null;
+		try {
+			let e = await H({ variables: { input: {
+				name: R.name,
+				slug: R.slug || void 0,
+				shortDescription: R.shortDescription || void 0,
+				description: R.description || void 0,
+				appType: Q(),
+				visibility: R.visibility,
+				developerOrganizationId: R.developerOrganizationId || void 0,
+				websiteUrl: R.websiteUrl || void 0,
+				githubUrl: R.githubUrl || void 0,
+				documentationUrl: R.documentationUrl || void 0,
+				supportUrl: R.supportUrl || void 0,
+				manifest: t ?? void 0
+			} } });
+			e.data?.createApplication?.id && (N.emit("devportal.app.created", {
+				appId: e.data.createApplication.id,
+				name: R.name,
+				appType: Q(),
+				organizationId: R.developerOrganizationId || null
+			}), K(`/apps/${e.data.createApplication.id}`));
+		} catch (e) {
+			let t = e instanceof Error ? e.message : String(e);
+			(t.includes("slug") || t.includes("already exists") || t.includes("slugConflict")) && V((e) => ({
+				...e,
+				slug: "This slug is already in use — try a different name"
+			}));
+		}
 	};
-	return /* @__PURE__ */ x(p, {
-		permission: m.APP_CREATE,
-		children: /* @__PURE__ */ x(a, {
-			title: O("devportal.createApplication", "Create Application"),
-			description: O("devportal.createApplicationDescription", "Register a new application in the developer portal"),
-			backLink: `${E}/apps`,
-			backLabel: O("devportal.backToApplications", "Back to Applications"),
-			children: /* @__PURE__ */ S("form", {
-				onSubmit: async (e) => {
-					if (e.preventDefault(), G()) try {
-						let e = await j({ variables: { input: {
-							name: z.name,
-							slug: z.slug || void 0,
-							shortDescription: z.shortDescription || void 0,
-							description: z.description || void 0,
-							appType: z.appType,
-							visibility: z.visibility || void 0,
-							category: z.category || void 0,
-							tags: z.tags.length > 0 ? z.tags : void 0,
-							keywords: z.keywords.length > 0 ? z.keywords : void 0,
-							websiteUrl: z.websiteUrl || void 0,
-							documentationUrl: z.documentationUrl || void 0,
-							supportUrl: z.supportUrl || void 0,
-							privacyPolicyUrl: z.privacyPolicyUrl || void 0,
-							termsOfServiceUrl: z.termsOfServiceUrl || void 0,
-							developerOrganizationId: z.developerOrganizationId || void 0,
-							appId: z.appId || void 0,
-							githubUrl: z.githubUrl || void 0,
-							requiresApproval: z.requiresApproval,
-							iconUrl: void 0
-						} } });
-						e.data?.createApplication?.id && (N.emit("devportal.app.created", {
-							appId: e.data.createApplication.id,
-							name: z.name,
-							appType: z.appType,
-							organizationId: z.developerOrganizationId || null
-						}), V(`/apps/${e.data.createApplication.id}`));
-					} catch (e) {
-						let t = e instanceof Error ? e.message : String(e);
-						t.includes("slug") || t.includes("already exists") || t.includes("slugConflict") ? A((e) => ({
-							...e,
-							slug: O("devportal.slugConflict", "This slug is already in use. Please choose a different name.")
-						})) : console.error("Failed to create application:", e);
-					}
-				},
+	if (!P) return /* @__PURE__ */ w(u, {
+		permission: d.APP_CREATE,
+		children: /* @__PURE__ */ w(a, {
+			title: "What do you want to build?",
+			description: "Choose a builder type to get started",
+			backLink: `${g}/apps`,
+			backLabel: "Back to Applications",
+			children: /* @__PURE__ */ T("div", {
+				className: "max-w-3xl space-y-6",
+				children: [/* @__PURE__ */ T("div", {
+					className: "grid gap-4 sm:grid-cols-3",
+					children: [
+						/* @__PURE__ */ w(A, {
+							icon: h,
+							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: P === "app",
+							onClick: () => F("app")
+						}),
+						/* @__PURE__ */ w(A, {
+							icon: x,
+							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: P === "node",
+							onClick: () => F("node")
+						}),
+						/* @__PURE__ */ w(A, {
+							icon: v,
+							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: P === "workflow",
+							onClick: () => F("workflow")
+						})
+					]
+				}), /* @__PURE__ */ T("div", {
+					className: "rounded-lg border border-border-subtle bg-muted/30 p-4 flex gap-3 text-sm text-muted-foreground",
+					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." })]
+				})]
+			})
+		})
+	});
+	let $ = P === "app" ? "App" : P === "node" ? "Node" : "Workflow", ne = w(P === "app" ? h : P === "node" ? x : v, { size: 16 });
+	return /* @__PURE__ */ w(u, {
+		permission: d.APP_CREATE,
+		children: /* @__PURE__ */ w(a, {
+			title: `Create ${$}`,
+			description: P === "app" ? "Register a new app integration with OAuth permissions" : P === "node" ? "Register a new FluidGrids node package" : "Register a new reusable automation workflow",
+			backLink: `${g}/apps`,
+			backLabel: "Back to Applications",
+			children: /* @__PURE__ */ T("form", {
+				onSubmit: te,
 				className: "space-y-8 max-w-3xl",
 				children: [
-					/* @__PURE__ */ x(o, {
-						title: O("devportal.basicInformation", "Basic Information"),
-						description: O("devportal.basicInformationDescription", "Core details about your application"),
-						children: /* @__PURE__ */ S("div", {
+					/* @__PURE__ */ T("div", {
+						className: "flex items-center gap-3",
+						children: [/* @__PURE__ */ T("button", {
+							type: "button",
+							onClick: () => F(null),
+							className: "flex items-center gap-1.5 text-sm text-muted-foreground hover:text-foreground transition-colors",
+							children: [/* @__PURE__ */ w(m, { size: 14 }), "Change type"]
+						}), /* @__PURE__ */ T("span", {
+							className: "flex items-center gap-1.5 rounded-full border border-border bg-muted px-3 py-1 text-xs font-medium",
+							children: [ne, $]
+						})]
+					}),
+					/* @__PURE__ */ w(o, {
+						title: "Basic Information",
+						description: "Core details about your application",
+						children: /* @__PURE__ */ T("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ x(l, {
-									label: O("devportal.applicationName", "Application Name"),
-									value: z.name,
-									onChange: U,
-									placeholder: O("devportal.applicationNamePlaceholder", "My Awesome App"),
+								/* @__PURE__ */ w(s, {
+									label: "Name",
+									value: R.name,
+									onChange: J,
+									placeholder: P === "app" ? "My Integration" : P === "node" ? "HTTP Request" : "Onboarding Flow",
 									required: !0,
-									error: k.name,
-									hint: O("devportal.applicationNameHint", "Choose a memorable name for your application")
+									error: B.name
 								}),
-								/* @__PURE__ */ x(l, {
-									label: O("devportal.slug", "Slug"),
-									value: z.slug,
-									onChange: (e) => W("slug", e.target.value.toLowerCase()),
-									placeholder: O("devportal.slugPlaceholder", "my-awesome-app"),
+								/* @__PURE__ */ w(s, {
+									label: "Slug",
+									value: R.slug,
+									onChange: (e) => Y("slug", e.target.value.toLowerCase()),
+									placeholder: "my-integration",
 									required: !0,
-									error: k.slug,
-									hint: O("devportal.slugHint", "URL-friendly identifier (auto-generated from name)")
+									error: B.slug,
+									hint: "URL-friendly identifier (auto-generated from name)"
 								}),
-								/* @__PURE__ */ x(f, {
-									label: O("devportal.shortDescription", "Short Description"),
-									value: z.shortDescription,
-									onChange: (e) => W("shortDescription", e.target.value),
-									placeholder: O("devportal.shortDescriptionPlaceholder", "A brief description of what your app does"),
+								/* @__PURE__ */ w(l, {
+									label: "Short Description",
+									value: R.shortDescription,
+									onChange: (e) => Y("shortDescription", e.target.value),
+									placeholder: "Briefly describe what this does",
 									required: !0,
-									error: k.shortDescription,
-									hint: `${z.shortDescription.length}/200 ${O("devportal.characters", "characters")}`,
+									error: B.shortDescription,
+									hint: `${R.shortDescription.length}/200 characters`,
 									rows: 2
 								}),
-								/* @__PURE__ */ x(f, {
-									label: O("devportal.fullDescription", "Full Description"),
-									value: z.description,
-									onChange: (e) => W("description", e.target.value),
-									placeholder: O("devportal.fullDescriptionPlaceholder", "Detailed description of your application, features, and use cases..."),
-									rows: 6,
-									hint: O("devportal.markdownSupported", "Markdown formatting is supported")
+								/* @__PURE__ */ w(l, {
+									label: "Full Description",
+									value: R.description,
+									onChange: (e) => Y("description", e.target.value),
+									placeholder: "Detailed description, features, and use cases...",
+									rows: 5,
+									hint: "Markdown supported"
 								})
 							]
 						})
 					}),
-					/* @__PURE__ */ S(o, {
-						title: O("devportal.classification", "Classification"),
-						description: O("devportal.classificationDescription", "Categorize your application"),
-						children: [
-							/* @__PURE__ */ S("div", {
-								className: "grid gap-4 sm:grid-cols-2",
-								children: [
-									/* @__PURE__ */ x(u, {
-										label: O("devportal.applicationType", "Application Type"),
-										value: z.appType,
-										onChange: (e) => W("appType", e.target.value),
-										options: C,
-										required: !0,
-										error: k.appType,
-										placeholder: O("devportal.selectAppType", "Select app type")
-									}),
-									/* @__PURE__ */ x(u, {
-										label: O("devportal.category", "Category"),
-										value: z.category,
-										onChange: (e) => W("category", e.target.value),
-										options: T,
-										required: !0,
-										error: k.category,
-										placeholder: O("devportal.selectCategory", "Select category")
-									}),
-									/* @__PURE__ */ x(u, {
-										label: O("devportal.visibility", "Visibility"),
-										value: z.visibility,
-										onChange: (e) => W("visibility", e.target.value),
-										options: w,
-										hint: O("devportal.visibilityHint", "Controls who can see this app once published. Public apps still require admin review and approval before appearing in the store.")
-									}),
-									/* @__PURE__ */ x(u, {
-										label: O("devportal.developerOrganization", "Developer Organization"),
-										value: z.developerOrganizationId,
-										onChange: (e) => W("developerOrganizationId", e.target.value),
-										options: L,
-										hint: O("devportal.developerOrganizationHint", "Optional: Associate with an organization")
-									})
-								]
-							}),
-							/* @__PURE__ */ x(d, {
-								label: O("devportal.tags", "Tags"),
-								value: z.tags,
-								onChange: (e) => W("tags", e),
-								placeholder: O("devportal.addTagsPlaceholder", "Add tags (press Enter)"),
-								hint: O("devportal.tagsHint", "Help users discover your app")
-							}),
-							/* @__PURE__ */ x(d, {
-								label: O("devportal.keywords", "Keywords"),
-								value: z.keywords,
-								onChange: (e) => W("keywords", e),
-								placeholder: O("devportal.addKeywordsPlaceholder", "Add keywords (press Enter)"),
-								hint: O("devportal.keywordsHint", "Improve search visibility")
-							})
-						]
-					}),
-					/* @__PURE__ */ x(o, {
-						title: O("devportal.authenticationAndAuthorization", "Authentication & Authorization"),
-						description: O("devportal.authenticationAndAuthorizationDescription", "Link this marketplace app to an auth app for OAuth, client credentials, API keys, delegation, and device flows."),
-						children: /* @__PURE__ */ S("div", {
-							className: "space-y-4",
-							children: [/* @__PURE__ */ x(u, {
-								label: O("devportal.linkedAuthApp", "Linked Auth App"),
-								value: z.appId,
-								onChange: (e) => W("appId", e.target.value),
-								options: R,
-								hint: O("devportal.linkedAuthAppHint", "Select an existing auth app or create one first. You can still configure scopes, client credentials, app-as-user delegation, and device code in the OAuth Clients area."),
-								placeholder: I ? O("devportal.loadingAuthApps", "Loading auth apps...") : O("devportal.selectAuthApp", "Select auth app")
-							}), /* @__PURE__ */ S("button", {
-								type: "button",
-								onClick: () => V("/oauth/new"),
-								className: "inline-flex items-center gap-2 rounded-md border px-3 py-2 text-sm font-medium hover:bg-muted transition-colors",
-								children: [/* @__PURE__ */ x(v, { size: 14 }), O("devportal.createAuthAppFirst", "Create Auth App")]
+					/* @__PURE__ */ w(o, {
+						title: "Publish Settings",
+						description: "Control who can see this and which organization it belongs to",
+						children: /* @__PURE__ */ T("div", {
+							className: "grid gap-4 sm:grid-cols-2",
+							children: [/* @__PURE__ */ w(c, {
+								label: "Visibility",
+								value: R.visibility,
+								onChange: (e) => Y("visibility", e.target.value),
+								options: k
+							}), /* @__PURE__ */ w(c, {
+								label: "Developer Organization",
+								value: R.developerOrganizationId,
+								onChange: (e) => Y("developerOrganizationId", e.target.value),
+								options: G
 							})]
 						})
 					}),
-					/* @__PURE__ */ x(o, {
-						title: O("devportal.links", "Links"),
-						description: O("devportal.linksDescription", "External resources for your application"),
-						children: /* @__PURE__ */ S("div", {
+					/* @__PURE__ */ w(o, {
+						title: "Links",
+						description: "External resources",
+						children: /* @__PURE__ */ T("div", {
 							className: "grid gap-4 sm:grid-cols-2",
 							children: [
-								/* @__PURE__ */ x(l, {
-									label: O("devportal.websiteUrl", "Website URL"),
+								/* @__PURE__ */ w(s, {
+									label: "Website URL",
 									type: "url",
-									value: z.websiteUrl,
-									onChange: (e) => W("websiteUrl", e.target.value),
+									value: R.websiteUrl,
+									onChange: (e) => Y("websiteUrl", e.target.value),
 									placeholder: "https://example.com"
 								}),
-								/* @__PURE__ */ x(l, {
-									label: O("devportal.documentationUrl", "Documentation URL"),
+								/* @__PURE__ */ w(s, {
+									label: "GitHub URL",
 									type: "url",
-									value: z.documentationUrl,
-									onChange: (e) => W("documentationUrl", e.target.value),
-									placeholder: "https://docs.example.com"
-								}),
-								/* @__PURE__ */ x(l, {
-									label: O("devportal.supportUrl", "Support URL"),
-									type: "url",
-									value: z.supportUrl,
-									onChange: (e) => W("supportUrl", e.target.value),
-									placeholder: "https://support.example.com"
-								}),
-								/* @__PURE__ */ x(l, {
-									label: O("devportal.githubUrl", "GitHub URL"),
-									type: "url",
-									value: z.githubUrl,
-									onChange: (e) => W("githubUrl", e.target.value),
+									value: R.githubUrl,
+									onChange: (e) => Y("githubUrl", e.target.value),
 									placeholder: "https://github.com/org/repo"
 								}),
-								/* @__PURE__ */ x(l, {
-									label: O("devportal.privacyPolicyUrl", "Privacy Policy URL"),
+								/* @__PURE__ */ w(s, {
+									label: "Documentation URL",
 									type: "url",
-									value: z.privacyPolicyUrl,
-									onChange: (e) => W("privacyPolicyUrl", e.target.value),
-									placeholder: "https://example.com/privacy"
+									value: R.documentationUrl,
+									onChange: (e) => Y("documentationUrl", e.target.value),
+									placeholder: "https://docs.example.com"
 								}),
-								/* @__PURE__ */ x(l, {
-									label: O("devportal.termsOfServiceUrl", "Terms of Service URL"),
+								/* @__PURE__ */ w(s, {
+									label: "Support URL",
 									type: "url",
-									value: z.termsOfServiceUrl,
-									onChange: (e) => W("termsOfServiceUrl", e.target.value),
-									placeholder: "https://example.com/terms"
+									value: R.supportUrl,
+									onChange: (e) => Y("supportUrl", e.target.value),
+									placeholder: "https://support.example.com"
 								})
 							]
 						})
 					}),
-					/* @__PURE__ */ S(o, {
-						title: O("devportal.settings", "Settings"),
-						description: O("devportal.settingsDescription", "Additional configuration options"),
-						children: [/* @__PURE__ */ x("div", {
-							className: "space-y-4",
-							children: /* @__PURE__ */ x(c, {
-								label: O("devportal.requireWorkspaceAdminApproval", "Require workspace admin approval"),
-								description: O("devportal.requireWorkspaceAdminApprovalDescription", "When enabled, workspace admins must approve installations before users can access this app"),
-								checked: z.requiresApproval,
-								onChange: (e) => W("requiresApproval", e.target.checked)
-							})
-						}), /* @__PURE__ */ S("div", {
-							className: "rounded-lg border border-border-subtle bg-status-info-bg-subtle p-4 flex gap-3",
-							children: [/* @__PURE__ */ x(_, {
-								size: 20,
-								className: "text-accent-blue flex-shrink-0 mt-0.5"
-							}), /* @__PURE__ */ S("div", {
-								className: "text-sm text-status-info-text",
-								children: [/* @__PURE__ */ x("p", {
-									className: "font-medium",
-									children: O("devportal.whatHappensNext", "What happens next?")
-								}), /* @__PURE__ */ S("ul", {
-									className: "mt-1 space-y-1 text-status-info-text",
-									children: [
-										/* @__PURE__ */ S("li", { children: [
-											O("devportal.appCreatedInDraft", "Your app will be created in"),
-											" ",
-											/* @__PURE__ */ x("strong", { children: O("devportal.draft", "Draft") }),
-											" ",
-											O("devportal.status", "status")
-										] }),
-										/* @__PURE__ */ x("li", { children: O("devportal.canConfigureOAuthAndWebhooks", "You can configure OAuth clients, API keys, and webhooks") }),
-										/* @__PURE__ */ x("li", { children: O("devportal.submitForReviewWhenReady", "Submit for review when ready to publish to the marketplace") })
-									]
-								})]
-							})]
+					P === "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(j, {
+							permissions: I,
+							onChange: X
+						}), /* @__PURE__ */ T("div", {
+							className: "mt-3 flex gap-2 rounded-lg border border-border-subtle bg-muted/30 p-3 text-xs text-muted-foreground",
+							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."] })]
 						})]
 					}),
-					/* @__PURE__ */ S("div", {
+					P !== "app" && /* @__PURE__ */ T("div", {
+						className: "rounded-lg border border-border-subtle bg-muted/30 p-4 flex gap-3 text-sm text-muted-foreground",
+						children: [/* @__PURE__ */ w(y, {
+							size: 16,
+							className: "flex-shrink-0 mt-0.5"
+						}), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+							className: "font-medium text-foreground",
+							children: "File uploads"
+						}), /* @__PURE__ */ w("p", {
+							className: "mt-1",
+							children: P === "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."
+						})] })]
+					}),
+					/* @__PURE__ */ T("div", {
 						className: "flex items-center justify-end gap-3 border-t pt-6",
-						children: [/* @__PURE__ */ S("button", {
+						children: [/* @__PURE__ */ T("button", {
 							type: "button",
-							onClick: () => {
-								V("/apps");
-							},
-							disabled: M,
+							onClick: () => K("/apps"),
+							disabled: U,
 							className: "inline-flex items-center gap-2 rounded-md border px-4 py-2 text-sm font-medium hover:bg-muted transition-colors disabled:opacity-50",
-							children: [/* @__PURE__ */ x(y, { size: 16 }), O("devportal.cancel", "Cancel")]
-						}), /* @__PURE__ */ x("button", {
+							children: [/* @__PURE__ */ w(S, { size: 16 }), M("devportal.cancel", "Cancel")]
+						}), /* @__PURE__ */ w("button", {
 							type: "submit",
-							disabled: M,
+							disabled: U,
 							className: "inline-flex items-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors disabled:opacity-50",
-							children: M ? /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x("span", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }), O("devportal.creating", "Creating...")] }) : /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(v, { size: 16 }), O("devportal.createApplication", "Create Application")] })
+							children: U ? /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(b, {
+								size: 16,
+								className: "animate-spin"
+							}), "Creating…"] }) : /* @__PURE__ */ T(C, { children: [
+								/* @__PURE__ */ w(ee, { size: 16 }),
+								"Create ",
+								$
+							] })
 						})]
 					})
 				]
@@ -402,6 +510,6 @@ var C = Object.entries(s).map(([e, t]) => ({
 	});
 };
 //#endregion
-export { E as CreateApplicationPage };
+export { M as CreateApplicationPage };
 
 //# sourceMappingURL=CreateApplicationPage.js.map