@burdenoff/microfe-devportal 2026.626.1 → 2026.626.2

package/dist/devportal/pages/CreateApplicationPage.js

@@ -9,10 +9,10 @@ import "../components/index.js";
 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";
+import { ArrowLeft as ee, Box as m, Check as h, ChevronRight as g, GitFork as _, Info as v, Loader2 as te, Puzzle as y, Save as b, X as x } from "lucide-react";
+import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
 //#region src/devportal/pages/CreateApplicationPage.tsx
-var E = [
+var T = [
 	{
 		id: "auth",
 		label: "Authentication",
@@ -84,16 +84,16 @@ var E = [
 		description: "Access control configuration"
 	}
 ];
-function D() {
-	return Object.fromEntries(E.map((e) => [e.id, "none"]));
+function E() {
+	return Object.fromEntries(T.map((e) => [e.id, "none"]));
 }
-function O(e) {
+function D(e) {
 	return Object.entries(e).filter(([, e]) => e !== "none").map(([e, t]) => ({
 		resource: e,
 		level: t
 	}));
 }
-var k = [
+var O = [
 	{
 		value: "PUBLIC",
 		label: "Public — visible to everyone"
@@ -106,34 +106,63 @@ var k = [
 		value: "UNLISTED",
 		label: "Unlisted — accessible via direct link"
 	}
-], A = ({ icon: e, title: n, description: r, bullets: i, selected: a, onClick: o }) => /* @__PURE__ */ T("button", {
+], k = [
+	{
+		value: "ai",
+		label: "AI & Automation"
+	},
+	{
+		value: "integration",
+		label: "Action in an App"
+	},
+	{
+		value: "data",
+		label: "Data & Transform"
+	},
+	{
+		value: "flow",
+		label: "Flow & Logic"
+	},
+	{
+		value: "core",
+		label: "Core"
+	},
+	{
+		value: "communication",
+		label: "Communication"
+	},
+	{
+		value: "trigger",
+		label: "Triggers"
+	}
+], A = ({ icon: e, title: n, description: r, bullets: i, selected: a, onClick: o }) => /* @__PURE__ */ w("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", {
+		a && /* @__PURE__ */ C("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(g, { size: 12 })
+			children: /* @__PURE__ */ C(h, { size: 12 })
 		}),
-		/* @__PURE__ */ w("div", {
+		/* @__PURE__ */ C("div", {
 			className: "flex h-10 w-10 items-center justify-center rounded-lg bg-bg-sunken",
-			children: /* @__PURE__ */ w(e, {
+			children: /* @__PURE__ */ C(e, {
 				size: 22,
 				className: "text-text-primary"
 			})
 		}),
-		/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+		/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
 			className: "font-semibold text-text-primary",
 			children: n
-		}), /* @__PURE__ */ w("p", {
+		}), /* @__PURE__ */ C("p", {
 			className: "mt-1 text-sm text-text-secondary",
 			children: r
 		})] }),
-		/* @__PURE__ */ w("ul", {
+		/* @__PURE__ */ C("ul", {
 			className: "mt-1 space-y-1",
-			children: i.map((e) => /* @__PURE__ */ T("li", {
+			children: i.map((e) => /* @__PURE__ */ w("li", {
 				className: "flex items-center gap-2 text-xs text-text-secondary",
-				children: [/* @__PURE__ */ w(_, {
+				children: [/* @__PURE__ */ C(g, {
 					size: 12,
 					className: "flex-shrink-0 text-primary"
 				}), e]
@@ -150,35 +179,35 @@ var k = [
 		read: "Read",
 		write: "Read & Write"
 	};
-	return /* @__PURE__ */ w("div", {
+	return /* @__PURE__ */ C("div", {
 		className: "overflow-x-auto rounded-lg border border-border-subtle",
-		children: /* @__PURE__ */ T("table", {
+		children: /* @__PURE__ */ w("table", {
 			className: "w-full text-sm",
-			children: [/* @__PURE__ */ w("thead", { children: /* @__PURE__ */ T("tr", {
+			children: [/* @__PURE__ */ C("thead", { children: /* @__PURE__ */ w("tr", {
 				className: "border-b border-border-subtle bg-bg-sunken/50",
-				children: [/* @__PURE__ */ w("th", {
+				children: [/* @__PURE__ */ C("th", {
 					className: "px-4 py-3 text-left font-medium text-text-secondary w-1/2",
 					children: "Resource"
-				}), n.map((e) => /* @__PURE__ */ w("th", {
+				}), n.map((e) => /* @__PURE__ */ C("th", {
 					className: "px-4 py-3 text-center font-medium text-text-secondary",
 					children: r[e]
 				}, e))]
-			}) }), /* @__PURE__ */ w("tbody", {
+			}) }), /* @__PURE__ */ C("tbody", {
 				className: "divide-y divide-border",
-				children: E.map((r) => /* @__PURE__ */ T("tr", {
+				children: T.map((r) => /* @__PURE__ */ w("tr", {
 					className: "hover:bg-bg-sunken/30 transition-colors",
-					children: [/* @__PURE__ */ T("td", {
+					children: [/* @__PURE__ */ w("td", {
 						className: "px-4 py-3",
-						children: [/* @__PURE__ */ w("p", {
+						children: [/* @__PURE__ */ C("p", {
 							className: "font-medium text-text-primary",
 							children: r.label
-						}), /* @__PURE__ */ w("p", {
+						}), /* @__PURE__ */ C("p", {
 							className: "text-xs text-text-secondary",
 							children: r.description
 						})]
-					}), n.map((n) => /* @__PURE__ */ w("td", {
+					}), n.map((n) => /* @__PURE__ */ C("td", {
 						className: "px-4 py-3 text-center",
-						children: /* @__PURE__ */ w("input", {
+						children: /* @__PURE__ */ C("input", {
 							type: "radio",
 							name: `permission-${r.id}`,
 							value: n,
@@ -192,27 +221,31 @@ var k = [
 		})
 	});
 }, M = () => {
-	let { navigate: t, basePath: g, activeOrgId: _ } = e(), { t: E } = p(), M = (e, t) => {
-		let n = E(e);
+	let { navigate: t, basePath: h, activeOrgId: g } = e(), { t: T } = p(), M = (e, t) => {
+		let n = T(e);
 		return n === e ? t : n;
-	}, N = n(), [P, F] = f(null), [I, L] = f(D()), [R, z] = f({
+	}, N = n(), [P, F] = f(null), [I, L] = f(E()), [R, z] = f({
 		name: "",
 		slug: "",
 		shortDescription: "",
 		description: "",
+		category: "",
 		visibility: "PRIVATE",
-		developerOrganizationId: _ ?? "",
+		developerOrganizationId: g ?? "",
 		websiteUrl: "",
 		githubUrl: "",
 		documentationUrl: "",
-		supportUrl: ""
+		supportUrl: "",
+		oauthAuthUrl: "",
+		oauthTokenUrl: "",
+		oauthRevokeUrl: ""
 	}), [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) => {
+	}))], K = (e) => t?.(`${h}${e}`), q = (e) => e.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, ""), J = (e) => {
 		let t = e.target.value;
 		z((e) => ({
 			...e,
@@ -238,15 +271,16 @@ var k = [
 	}, Z = () => {
 		let e = {};
 		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) => {
+	}, Q = () => P === "node" ? "NODE" : P === "workflow" ? "WORKFLOW" : "API_INTEGRATION", ne = async (e) => {
 		if (e.preventDefault(), !Z() || !P) return;
-		let t = P === "app" ? { permissions: O(I) } : null;
+		let t = P === "app" ? { permissions: D(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,
+				category: R.category || void 0,
 				appType: Q(),
 				visibility: R.visibility,
 				developerOrganizationId: R.developerOrganizationId || void 0,
@@ -254,7 +288,12 @@ var k = [
 				githubUrl: R.githubUrl || void 0,
 				documentationUrl: R.documentationUrl || void 0,
 				supportUrl: R.supportUrl || void 0,
-				manifest: t ?? void 0
+				manifest: t ?? void 0,
+				...P === "app" && {
+					oauthAuthUrl: R.oauthAuthUrl || void 0,
+					oauthTokenUrl: R.oauthTokenUrl || void 0,
+					oauthRevokeUrl: R.oauthRevokeUrl || void 0
+				}
 			} } });
 			e.data?.createApplication?.id && (N.emit("devportal.app.created", {
 				appId: e.data.createApplication.id,
@@ -270,21 +309,21 @@ var k = [
 			}));
 		}
 	};
-	if (!P) return /* @__PURE__ */ w(u, {
+	if (!P) return /* @__PURE__ */ C(u, {
 		permission: d.APP_CREATE,
-		children: /* @__PURE__ */ w(a, {
+		children: /* @__PURE__ */ C(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: `${g}/apps`,
+			backLink: `${h}/apps`,
 			backLabel: "Back to Applications",
-			children: /* @__PURE__ */ T("div", {
+			children: /* @__PURE__ */ w("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(A, {
-							icon: h,
+						/* @__PURE__ */ C(A, {
+							icon: m,
 							title: "App",
 							description: "Build integrations that connect your service to the platform using OAuth tokens.",
 							bullets: [
@@ -296,8 +335,8 @@ var k = [
 							selected: P === "app",
 							onClick: () => F("app")
 						}),
-						/* @__PURE__ */ w(A, {
-							icon: x,
+						/* @__PURE__ */ C(A, {
+							icon: y,
 							title: "Node",
 							description: "Build custom FluidGrids nodes that users can drag into their visual workflows.",
 							bullets: [
@@ -309,8 +348,8 @@ var k = [
 							selected: P === "node",
 							onClick: () => F("node")
 						}),
-						/* @__PURE__ */ w(A, {
-							icon: v,
+						/* @__PURE__ */ C(A, {
+							icon: _,
 							title: "Workflow",
 							description: "Build reusable automation workflows that users can import and customize.",
 							bullets: [
@@ -323,48 +362,48 @@ var k = [
 							onClick: () => F("workflow")
 						})
 					]
-				}), /* @__PURE__ */ T("div", {
+				}), /* @__PURE__ */ w("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(y, {
+					children: [/* @__PURE__ */ C(v, {
 						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." })]
+					}), /* @__PURE__ */ C("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, {
+	let $ = P === "app" ? "App" : P === "node" ? "Node" : "Workflow", re = C(P === "app" ? m : P === "node" ? y : _, { size: 16 });
+	return /* @__PURE__ */ C(u, {
 		permission: d.APP_CREATE,
-		children: /* @__PURE__ */ w(a, {
+		children: /* @__PURE__ */ C(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",
 			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.",
-			backLink: `${g}/apps`,
+			backLink: `${h}/apps`,
 			backLabel: "Back to Applications",
-			children: /* @__PURE__ */ T("form", {
-				onSubmit: te,
+			children: /* @__PURE__ */ w("form", {
+				onSubmit: ne,
 				className: "space-y-8 max-w-3xl",
 				children: [
-					/* @__PURE__ */ T("div", {
+					/* @__PURE__ */ w("div", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ T("button", {
+						children: [/* @__PURE__ */ w("button", {
 							type: "button",
 							onClick: () => F(null),
 							className: "flex items-center gap-1.5 text-sm text-text-secondary hover:text-text-primary transition-colors",
-							children: [/* @__PURE__ */ w(m, { size: 14 }), "Change type"]
-						}), /* @__PURE__ */ T("span", {
+							children: [/* @__PURE__ */ C(ee, { size: 14 }), "Change type"]
+						}), /* @__PURE__ */ w("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: [ne, $]
+							children: [re, $]
 						})]
 					}),
-					/* @__PURE__ */ w(o, {
+					/* @__PURE__ */ C(o, {
 						title: "Basic Information",
 						description: "Core details about your application",
-						children: /* @__PURE__ */ T("div", {
+						children: /* @__PURE__ */ w("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ w(s, {
+								/* @__PURE__ */ C(s, {
 									label: "Name",
 									value: R.name,
 									onChange: J,
@@ -372,7 +411,7 @@ var k = [
 									required: !0,
 									error: B.name
 								}),
-								/* @__PURE__ */ w(s, {
+								/* @__PURE__ */ C(s, {
 									label: "Slug",
 									value: R.slug,
 									onChange: (e) => Y("slug", e.target.value.toLowerCase()),
@@ -381,7 +420,7 @@ var k = [
 									error: B.slug,
 									hint: "URL-friendly identifier (auto-generated from name)"
 								}),
-								/* @__PURE__ */ w(l, {
+								/* @__PURE__ */ C(l, {
 									label: "Short Description",
 									value: R.shortDescription,
 									onChange: (e) => Y("shortDescription", e.target.value),
@@ -391,7 +430,7 @@ var k = [
 									hint: `${R.shortDescription.length}/200 characters`,
 									rows: 2
 								}),
-								/* @__PURE__ */ w(l, {
+								/* @__PURE__ */ C(l, {
 									label: "Full Description",
 									value: R.description,
 									onChange: (e) => Y("description", e.target.value),
@@ -402,52 +441,61 @@ var k = [
 							]
 						})
 					}),
-					/* @__PURE__ */ w(o, {
+					/* @__PURE__ */ C(o, {
 						title: "Publish Settings",
 						description: "Control who can see this and which organization it belongs to",
-						children: /* @__PURE__ */ T("div", {
+						children: /* @__PURE__ */ w("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
-							})]
+							children: [
+								/* @__PURE__ */ C(c, {
+									label: "Category",
+									value: R.category,
+									onChange: (e) => Y("category", e.target.value),
+									options: k
+								}),
+								/* @__PURE__ */ C(c, {
+									label: "Visibility",
+									value: R.visibility,
+									onChange: (e) => Y("visibility", e.target.value),
+									options: O
+								}),
+								/* @__PURE__ */ C(c, {
+									label: "Developer Organization",
+									value: R.developerOrganizationId,
+									onChange: (e) => Y("developerOrganizationId", e.target.value),
+									options: G
+								})
+							]
 						})
 					}),
-					/* @__PURE__ */ w(o, {
+					/* @__PURE__ */ C(o, {
 						title: "Links",
 						description: "External resources",
-						children: /* @__PURE__ */ T("div", {
+						children: /* @__PURE__ */ w("div", {
 							className: "grid gap-4 sm:grid-cols-2",
 							children: [
-								/* @__PURE__ */ w(s, {
+								/* @__PURE__ */ C(s, {
 									label: "Website URL",
 									type: "url",
 									value: R.websiteUrl,
 									onChange: (e) => Y("websiteUrl", e.target.value),
 									placeholder: "https://example.com"
 								}),
-								/* @__PURE__ */ w(s, {
+								/* @__PURE__ */ C(s, {
 									label: "GitHub URL",
 									type: "url",
 									value: R.githubUrl,
 									onChange: (e) => Y("githubUrl", e.target.value),
 									placeholder: "https://github.com/org/repo"
 								}),
-								/* @__PURE__ */ w(s, {
+								/* @__PURE__ */ C(s, {
 									label: "Documentation URL",
 									type: "url",
 									value: R.documentationUrl,
 									onChange: (e) => Y("documentationUrl", e.target.value),
 									placeholder: "https://docs.example.com"
 								}),
-								/* @__PURE__ */ w(s, {
+								/* @__PURE__ */ C(s, {
 									label: "Support URL",
 									type: "url",
 									value: R.supportUrl,
@@ -457,50 +505,83 @@ var k = [
 							]
 						})
 					}),
-					P === "app" && /* @__PURE__ */ T(o, {
+					P === "app" && /* @__PURE__ */ w(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, {
+						children: [/* @__PURE__ */ C(j, {
 							permissions: I,
 							onChange: X
-						}), /* @__PURE__ */ T("div", {
+						}), /* @__PURE__ */ w("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(y, {
+							children: [/* @__PURE__ */ C(v, {
 								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__ */ w("span", { children: [/* @__PURE__ */ C("strong", { children: "Read & Write" }), " implies Read. Select only what your app genuinely needs — fewer permissions build more user trust."] })]
 						})]
 					}),
-					P !== "app" && /* @__PURE__ */ T("div", {
+					P === "app" && /* @__PURE__ */ C(o, {
+						title: "OAuth Endpoints",
+						description: "Configure the OAuth 2.0 endpoints your app uses to authenticate workspaces. Workspaces will be redirected through these URLs during installation.",
+						children: /* @__PURE__ */ w("div", {
+							className: "space-y-4",
+							children: [
+								/* @__PURE__ */ C(s, {
+									label: "Authorization URL",
+									type: "url",
+									value: R.oauthAuthUrl,
+									onChange: (e) => Y("oauthAuthUrl", e.target.value),
+									placeholder: "https://yourapp.com/oauth/authorize",
+									hint: "Where users are redirected to grant access"
+								}),
+								/* @__PURE__ */ C(s, {
+									label: "Token URL",
+									type: "url",
+									value: R.oauthTokenUrl,
+									onChange: (e) => Y("oauthTokenUrl", e.target.value),
+									placeholder: "https://yourapp.com/oauth/token",
+									hint: "Endpoint to exchange auth code for access token"
+								}),
+								/* @__PURE__ */ C(s, {
+									label: "Revoke URL",
+									type: "url",
+									value: R.oauthRevokeUrl,
+									onChange: (e) => Y("oauthRevokeUrl", e.target.value),
+									placeholder: "https://yourapp.com/oauth/revoke",
+									hint: "Endpoint to revoke tokens when app is uninstalled"
+								})
+							]
+						})
+					}),
+					P !== "app" && /* @__PURE__ */ w("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(y, {
+						children: [/* @__PURE__ */ C(v, {
 							size: 16,
 							className: "flex-shrink-0 mt-0.5"
-						}), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+						}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
 							className: "font-medium text-text-primary",
 							children: "File uploads"
-						}), /* @__PURE__ */ w("p", {
+						}), /* @__PURE__ */ C("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", {
+					/* @__PURE__ */ w("div", {
 						className: "flex items-center justify-end gap-3 border-t pt-6",
-						children: [/* @__PURE__ */ T("button", {
+						children: [/* @__PURE__ */ w("button", {
 							type: "button",
 							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-bg-sunken transition-colors disabled:opacity-50",
-							children: [/* @__PURE__ */ w(S, { size: 16 }), M("devportal.cancel", "Cancel")]
-						}), /* @__PURE__ */ w("button", {
+							children: [/* @__PURE__ */ C(x, { size: 16 }), M("devportal.cancel", "Cancel")]
+						}), /* @__PURE__ */ C("button", {
 							type: "submit",
 							disabled: U,
 							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: U ? /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(b, {
+							children: U ? /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(te, {
 								size: 16,
 								className: "animate-spin"
-							}), "Creating…"] }) : /* @__PURE__ */ T(C, { children: [
-								/* @__PURE__ */ w(ee, { size: 16 }),
+							}), "Creating…"] }) : /* @__PURE__ */ w(S, { children: [
+								/* @__PURE__ */ C(b, { size: 16 }),
 								"Create ",
 								$
 							] })