@burdenoff/microfe-devportal 2026.624.29 → 2026.625.2

package/dist/devportal/pages/ApplicationVersionsPage.js

@@ -12,253 +12,196 @@ import "../components/index.js";
 import { DEVPORTAL_PERMISSIONS as s } from "../constants/permissions.js";
 import { useDevportalPermission as c } from "../hooks/usePermission.js";
 import "../hooks/index.js";
-import ce from "../../node_modules/.bun/date-fns@3.6.0/node_modules/date-fns/format.js";
+import ce from "../../node_modules/date-fns/format.js";
 import { usePackageUpload as le } from "../hooks/usePackageUpload.js";
-import { useCallback as ue, useEffect as de, useMemo as l, useRef as u, useState as d } from "react";
-import { useI18n as fe } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { AlertCircle as f, Archive as pe, CheckCircle as p, Clock as me, FileJson as he, Loader2 as m, Package as ge, Plus as _e, Upload as h } from "lucide-react";
+import { useCallback as ue, useEffect as de, useMemo as l, useRef as fe, useState as u } from "react";
+import { useI18n as pe } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { AlertCircle as d, Archive as me, CheckCircle as f, Clock as he, FileJson as ge, Loader2 as p, Package as m, Plus as h, Upload as _e } from "lucide-react";
 import { useParams as ve } from "react-router-dom";
 import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
-import { gql as y } from "@apollo/client";
-import { useMutation as ye, useQuery as be } from "@apollo/client/react";
 //#region src/devportal/pages/ApplicationVersionsPage.tsx
-var xe = () => {
-	let { t: xe } = fe(), b = (e, t) => {
-		let n = xe(e);
+var y = () => {
+	let { t: y } = pe(), b = (e, t) => {
+		let n = y(e);
 		return n === e ? t : n;
-	}, { allowed: Se } = c(s.APP_VERSION_CREATE), { allowed: x } = c(s.APP_VERSION_PUBLISH), { allowed: S } = c(s.APP_VERSION_DEPRECATE), { appId: C } = ve(), { workspacesGatewayUrl: Ce, authToken: we, workspaceId: Te, getWorkspaceToken: Ee } = e(), { data: De } = be(y`query MyPublisherVersions { myPublisher { id } }`, { fetchPolicy: "cache-first" }), w = De?.myPublisher?.id ?? null, { data: Oe } = be(y`query PublisherProductsVersions($publisherId: String!) { products(filter: { publisherId: $publisherId }) { id productId } }`, {
-		variables: { publisherId: w ?? "" },
-		fetchPolicy: "cache-first",
-		skip: !w
-	}), T = Oe?.products?.find((e) => e.productId === C)?.id ?? null, [ke] = ye(y`
-    mutation UpdateStoreProductVersion($input: UpdateProductInput!) {
-      updateProduct(input: $input) { id manifestVersion }
-    }
-  `), { upload: E, uploading: D, progress: O, error: k } = le(Ce, we, Te, Ee), A = u(null), j = u(null), [M, N] = d(!1), [P, F] = d({
+	}, { allowed: x } = c(s.APP_VERSION_CREATE), { allowed: S } = c(s.APP_VERSION_PUBLISH), { allowed: C } = c(s.APP_VERSION_DEPRECATE), { appId: w } = ve(), { workspacesGatewayUrl: ye, authToken: be, workspaceId: xe, getWorkspaceToken: Se } = e(), { upload: T, uploading: E, progress: Ce, error: D } = le(ye, be, xe, Se), O = fe(null), [k, A] = u(!1), [j, M] = u({
 		version: "",
 		releaseNotes: "",
 		changelog: "",
 		packageUrl: "",
 		packageSize: "",
 		manifestJson: ""
-	}), [I, Ae] = d(null), [L, R] = d("file"), [je, z] = d(null), [Me, B] = d(null), [V, H] = d(/* @__PURE__ */ new Set()), [Ne, U] = d(null), { data: W } = ee({
-		variables: { id: C ?? "" },
-		skip: !C,
+	}), [N, P] = u("file"), [F, I] = u(null), [L, R] = u(null), [z, B] = u(/* @__PURE__ */ new Set()), [V, H] = u(null), { data: U } = ee({
+		variables: { id: w ?? "" },
+		skip: !w,
 		fetchPolicy: "cache-first"
-	}), Pe = W?.application?.appType === "NODE" || W?.application?.appType === "WORKFLOW", G = W?.application?.appType === "NODE", Fe = W?.application?.appType === "WORKFLOW";
+	});
 	de(() => {
-		let e = W?.application?.name;
-		if (!C || !e) return;
+		let e = U?.application?.name;
+		if (!w || !e) return;
 		let t = window.__breadcrumbRegistry;
-		return t?.register(C, e), () => t?.unregister(C);
-	}, [C, W?.application?.name]);
-	let { data: K, loading: Ie, error: Le } = te({
-		variables: { applicationId: C },
-		skip: !C,
+		return t?.register(w, e), () => t?.unregister(w);
+	}, [w, U?.application?.name]);
+	let { data: W, loading: we, error: G } = te({
+		variables: { applicationId: w },
+		skip: !w,
 		fetchPolicy: "cache-and-network"
-	}), [Re, { loading: ze }] = n({ refetchQueries: ["GetApplicationVersions"] }), [Be] = ne({ refetchQueries: ["GetApplicationVersions"] }), [Ve] = r({ refetchQueries: ["GetApplicationVersions"] }), q = l(() => K?.application?.versions?.edges?.map((e) => e.node) ?? [], [K?.application?.versions]), J = l(() => q.filter((e) => V.has(e.id)), [q, V]), Y = l(() => J.filter((e) => e.status?.toUpperCase() === "DRAFT"), [J]), X = l(() => J.filter((e) => e.status?.toUpperCase() === "PUBLISHED" && !e.isLatest), [J]), Z = q.length > 0 && q.every((e) => V.has(e.id)), He = q.some((e) => V.has(e.id)) && !Z, Ue = async () => {
-		if (!C || !P.version.trim()) return;
-		if (z(null), G && !P.packageUrl) {
-			z("A ZIP package is required for NODE type.");
-			return;
-		}
-		if (Pe && !P.manifestJson.trim()) {
-			z("A manifest JSON is required.");
-			return;
-		}
+	}), [Te, { loading: Ee }] = n({ refetchQueries: ["GetApplicationVersions"] }), [K] = ne({ refetchQueries: ["GetApplicationVersions"] }), [q] = r({ refetchQueries: ["GetApplicationVersions"] }), J = l(() => W?.application?.versions?.edges?.map((e) => e.node) ?? [], [W?.application?.versions]), Y = l(() => J.filter((e) => z.has(e.id)), [J, z]), X = l(() => Y.filter((e) => e.status?.toUpperCase() === "DRAFT"), [Y]), Z = l(() => Y.filter((e) => e.status?.toUpperCase() === "PUBLISHED" && !e.isLatest), [Y]), Q = J.length > 0 && J.every((e) => z.has(e.id)), De = J.some((e) => z.has(e.id)) && !Q, Oe = async () => {
+		if (!w || !j.version.trim()) return;
+		I(null);
 		let e;
-		if (P.manifestJson.trim()) try {
-			e = JSON.parse(P.manifestJson);
+		if (N === "manifest" && j.manifestJson.trim()) try {
+			e = JSON.parse(j.manifestJson);
 		} catch {
-			z("Invalid JSON in manifest — please check your input.");
+			I("Invalid JSON in manifest — please check your input.");
 			return;
 		}
 		try {
-			await Re({ variables: {
-				applicationId: C,
+			await Te({ variables: {
+				applicationId: w,
 				input: {
-					version: P.version,
-					releaseNotes: P.releaseNotes || void 0,
-					changelog: P.changelog || void 0,
-					packageUrl: P.packageUrl || void 0,
-					packageSize: P.packageSize || void 0,
+					version: j.version,
+					releaseNotes: j.releaseNotes || void 0,
+					changelog: j.changelog || void 0,
+					packageUrl: N === "file" && j.packageUrl || void 0,
+					packageSize: N === "file" && j.packageSize || void 0,
 					manifest: e
 				}
-			} }), N(!1), F({
+			} }), A(!1), M({
 				version: "",
 				releaseNotes: "",
 				changelog: "",
 				packageUrl: "",
 				packageSize: "",
 				manifestJson: ""
-			}), Ae(null), R("file"), B(b("devportal.versionCreatedSuccess", "Version created successfully"));
+			}), P("file"), R(b("devportal.versionCreatedSuccess", "Version created successfully"));
 		} catch (e) {
-			z(e instanceof Error ? e.message : b("devportal.versionCreateFailed", "Failed to create version"));
+			I(e instanceof Error ? e.message : b("devportal.versionCreateFailed", "Failed to create version"));
 		}
-	}, We = ue(async (e) => {
+	}, ke = ue(async (e) => {
 		let t = e.target.files?.[0];
 		if (t) {
 			e.target.value = "";
 			try {
-				let e = await E(t);
-				F((n) => ({
+				let e = await T(t);
+				M((n) => ({
 					...n,
 					packageUrl: e.downloadUrl,
 					packageSize: String(t.size)
 				}));
 			} catch {}
 		}
-	}, [E]), Ge = ue((e) => {
-		let t = e.target.files?.[0];
-		if (!t) return;
-		e.target.value = "";
-		let n = new FileReader();
-		n.onload = (e) => {
-			let n = e.target?.result;
-			typeof n == "string" && (Ae(t.name), F((e) => ({
-				...e,
-				manifestJson: n
-			})));
-		}, n.readAsText(t);
-	}, []), Ke = async (e) => {
-		z(null), B(null);
+	}, [T]), Ae = async (e) => {
+		I(null), R(null);
 		try {
-			if (await Be({ variables: { id: e } }), T) {
-				let t = q.find((t) => t.id === e);
-				t && await ke({ variables: { input: {
-					id: T,
-					manifestVersion: t.version,
-					manifest: {
-						manifestVersion: "1.0",
-						name: W?.application?.slug ?? "",
-						version: t.version,
-						itemType: W?.application?.appType?.toLowerCase() ?? "node",
-						identity: {
-							name: W?.application?.slug ?? "",
-							version: t.version,
-							displayName: W?.application?.name ?? "",
-							description: W?.application?.shortDescription ?? W?.application?.description ?? ""
-						},
-						publisher: {
-							id: W?.application?.developerId ?? "",
-							name: "Burdenoff"
-						},
-						pricing: {
-							currency: "USD",
-							model: "FREE"
-						},
-						permissions: []
-					}
-				} } }).catch(() => {});
-			}
-			B(b("devportal.versionPublishedSuccess", "Version published successfully"));
+			await K({ variables: { id: e } }), R(b("devportal.versionPublishedSuccess", "Version published successfully"));
 		} catch (e) {
-			z(e instanceof Error ? e.message : b("devportal.versionPublishFailed", "Failed to publish version"));
+			I(e instanceof Error ? e.message : b("devportal.versionPublishFailed", "Failed to publish version"));
 		}
-	}, qe = async (e) => {
-		z(null), B(null);
+	}, je = async (e) => {
+		I(null), R(null);
 		try {
-			await Ve({ variables: { id: e } }), B(b("devportal.versionDeprecatedSuccess", "Version deprecated successfully"));
+			await q({ variables: { id: e } }), R(b("devportal.versionDeprecatedSuccess", "Version deprecated successfully"));
 		} catch (e) {
-			z(e instanceof Error ? e.message : b("devportal.versionDeprecateFailed", "Failed to deprecate version"));
+			I(e instanceof Error ? e.message : b("devportal.versionDeprecateFailed", "Failed to deprecate version"));
 		}
-	}, Je = (e) => {
+	}, Me = (e) => {
 		let t = e.status?.toUpperCase();
-		return t === "PUBLISHED" && e.isLatest ? /* @__PURE__ */ _(p, {
+		return t === "PUBLISHED" && e.isLatest ? /* @__PURE__ */ _(f, {
 			size: 16,
 			className: "text-status-success-text"
-		}) : t === "DRAFT" ? /* @__PURE__ */ _(me, {
+		}) : t === "DRAFT" ? /* @__PURE__ */ _(he, {
 			size: 16,
 			className: "text-status-warning-text"
-		}) : t === "DEPRECATED" ? /* @__PURE__ */ _(pe, {
+		}) : t === "DEPRECATED" ? /* @__PURE__ */ _(me, {
 			size: 16,
 			className: "text-text-secondary"
-		}) : /* @__PURE__ */ _(ge, {
+		}) : /* @__PURE__ */ _(m, {
 			size: 16,
 			className: "text-accent-blue"
 		});
-	}, Ye = (e, t) => {
-		H((n) => {
+	}, Ne = (e, t) => {
+		B((n) => {
 			let r = new Set(n);
 			return t ? r.add(e) : r.delete(e), r;
 		});
-	}, Q = (e) => {
-		H((t) => {
+	}, Pe = (e) => {
+		B((t) => {
 			let n = new Set(t);
-			return q.forEach((t) => {
+			return J.forEach((t) => {
 				e ? n.add(t.id) : n.delete(t.id);
 			}), n;
 		});
-	}, $ = () => H(/* @__PURE__ */ new Set());
-	return Ie && !K ? /* @__PURE__ */ _(i, {
+	}, $ = () => B(/* @__PURE__ */ new Set());
+	return we && !W ? /* @__PURE__ */ _(i, {
 		title: b("devportal.versionManagement", "Version Management"),
 		description: b("devportal.versionManagementDescription", "Manage your application versions"),
-		backLink: `/apps/${C}`,
+		backLink: `/apps/${w}`,
 		backLabel: b("devportal.backToApplication", "Back to Application"),
 		children: /* @__PURE__ */ _("div", {
 			className: "flex items-center justify-center py-16",
-			children: /* @__PURE__ */ _(m, { className: "h-8 w-8 animate-spin text-muted-foreground" })
+			children: /* @__PURE__ */ _(p, { className: "h-8 w-8 animate-spin text-text-secondary" })
 		})
-	}) : Le && !K ? /* @__PURE__ */ _(i, {
+	}) : G && !W ? /* @__PURE__ */ _(i, {
 		title: b("devportal.versionManagement", "Version Management"),
 		description: b("devportal.versionManagementDescription", "Manage your application versions"),
-		backLink: `/apps/${C}`,
+		backLink: `/apps/${w}`,
 		backLabel: b("devportal.backToApplication", "Back to Application"),
 		children: /* @__PURE__ */ _(t, {
-			icon: /* @__PURE__ */ _(f, {
+			icon: /* @__PURE__ */ _(d, {
 				size: 32,
 				className: "text-status-error-text"
 			}),
 			title: b("devportal.failedToLoadVersions", "Failed to load versions"),
-			description: Le.message || b("devportal.versionsLoadError", "An error occurred while loading versions")
+			description: G.message || b("devportal.versionsLoadError", "An error occurred while loading versions")
 		})
 	}) : /* @__PURE__ */ _(se, {
 		permission: s.APP_READ,
 		children: /* @__PURE__ */ v(i, {
 			title: b("devportal.versionManagement", "Version Management"),
 			description: b("devportal.versionManagementDescription", "Manage your application versions"),
-			backLink: `/apps/${C}`,
+			backLink: `/apps/${w}`,
 			backLabel: b("devportal.backToApplication", "Back to Application"),
 			actions: /* @__PURE__ */ v("button", {
-				onClick: () => N(!0),
-				disabled: !Se,
-				"aria-disabled": !Se,
-				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 disabled:opacity-50",
-				children: [/* @__PURE__ */ _(_e, { size: 16 }), b("devportal.newVersion", "New Version")]
+				onClick: () => A(!0),
+				disabled: !x,
+				"aria-disabled": !x,
+				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 disabled:opacity-50",
+				children: [/* @__PURE__ */ _(h, { size: 16 }), b("devportal.newVersion", "New Version")]
 			}),
 			children: [
-				je && /* @__PURE__ */ v("div", {
+				F && /* @__PURE__ */ v("div", {
 					className: "rounded-lg border border-border-subtle bg-status-error-bg-subtle p-3 flex items-center gap-2 text-sm text-status-error-text",
 					children: [
-						/* @__PURE__ */ _(f, {
+						/* @__PURE__ */ _(d, {
 							size: 16,
 							className: "flex-shrink-0"
 						}),
-						je,
+						F,
 						/* @__PURE__ */ _("button", {
-							onClick: () => z(null),
+							onClick: () => I(null),
 							className: "ml-auto text-status-error-text hover:text-status-error-text",
 							children: b("devportal.dismiss", "Dismiss")
 						})
 					]
 				}),
-				Me && /* @__PURE__ */ v("div", {
+				L && /* @__PURE__ */ v("div", {
 					className: "rounded-lg border border-border-subtle bg-status-success-bg-subtle p-3 flex items-center gap-2 text-sm text-status-success-text",
 					children: [
-						/* @__PURE__ */ _(p, {
+						/* @__PURE__ */ _(f, {
 							size: 16,
 							className: "flex-shrink-0"
 						}),
-						Me,
+						L,
 						/* @__PURE__ */ _("button", {
-							onClick: () => B(null),
+							onClick: () => R(null),
 							className: "ml-auto text-status-success-text hover:text-status-success-text",
 							children: b("devportal.dismiss", "Dismiss")
 						})
 					]
 				}),
-				q.length > 0 && /* @__PURE__ */ _("div", {
-					className: "rounded-lg border bg-card p-4",
+				J.length > 0 && /* @__PURE__ */ _("div", {
+					className: "rounded-card border border-border-seam bg-bg-surface p-4",
 					children: /* @__PURE__ */ v("div", {
 						className: "flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between",
 						children: [/* @__PURE__ */ v("div", {
@@ -266,62 +209,62 @@ var xe = () => {
 							children: [/* @__PURE__ */ v("div", {
 								className: "flex items-center gap-2",
 								children: [/* @__PURE__ */ _(a, {
-									checked: Z,
-									indeterminate: He,
-									onChange: Q,
+									checked: Q,
+									indeterminate: De,
+									onChange: Pe,
 									ariaLabel: "Select all visible versions"
 								}), /* @__PURE__ */ _("span", {
 									className: "text-sm font-medium",
 									children: b("devportal.selectAllVisible", "Select all visible")
 								})]
-							}), V.size > 0 && /* @__PURE__ */ _("button", {
+							}), z.size > 0 && /* @__PURE__ */ _("button", {
 								onClick: $,
-								className: "text-sm text-muted-foreground hover:text-foreground",
+								className: "text-sm text-text-secondary hover:text-text-primary",
 								children: b("devportal.clearSelection", "Clear selection")
 							})]
 						}), /* @__PURE__ */ v("div", {
 							className: "flex flex-wrap items-center gap-2",
 							children: [
 								/* @__PURE__ */ v("span", {
-									className: "rounded-full bg-muted px-3 py-1 text-sm font-medium text-muted-foreground",
-									children: [V.size, " selected"]
+									className: "rounded-full bg-bg-sunken px-3 py-1 text-sm font-medium text-text-secondary",
+									children: [z.size, " selected"]
 								}),
 								/* @__PURE__ */ v("button", {
-									onClick: () => U("publish"),
-									disabled: Y.length === 0 || !x,
-									"aria-disabled": !x,
+									onClick: () => H("publish"),
+									disabled: X.length === 0 || !S,
+									"aria-disabled": !S,
 									className: "rounded-md border border-status-success-bg px-3 py-2 text-sm font-medium text-status-success-text hover:bg-status-success-bg-subtle disabled:cursor-not-allowed disabled:opacity-50",
-									children: [b("devportal.publishSelected", "Publish Selected"), Y.length > 0 ? ` (${Y.length})` : ""]
+									children: [b("devportal.publishSelected", "Publish Selected"), X.length > 0 ? ` (${X.length})` : ""]
 								}),
 								/* @__PURE__ */ v("button", {
-									onClick: () => U("deprecate"),
-									disabled: X.length === 0 || !S,
-									"aria-disabled": !S,
+									onClick: () => H("deprecate"),
+									disabled: Z.length === 0 || !C,
+									"aria-disabled": !C,
 									className: "rounded-md border border-status-warning-bg px-3 py-2 text-sm font-medium text-status-warning-text hover:bg-status-warning-bg-subtle disabled:cursor-not-allowed disabled:opacity-50",
-									children: [b("devportal.deprecateSelected", "Deprecate Selected"), X.length > 0 ? ` (${X.length})` : ""]
+									children: [b("devportal.deprecateSelected", "Deprecate Selected"), Z.length > 0 ? ` (${Z.length})` : ""]
 								})
 							]
 						})]
 					})
 				}),
-				q.length > 0 ? /* @__PURE__ */ _(ie, {
-					data: q,
+				J.length > 0 ? /* @__PURE__ */ _(ie, {
+					data: J,
 					keyField: "id",
 					columns: [
 						{
 							key: "select",
 							header: /* @__PURE__ */ _(a, {
-								checked: Z,
-								indeterminate: He,
-								onChange: Q,
+								checked: Q,
+								indeterminate: De,
+								onChange: Pe,
 								ariaLabel: "Select all visible versions"
 							}),
 							className: "w-12",
 							render: (e) => /* @__PURE__ */ _("div", {
 								onClick: (e) => e.stopPropagation(),
 								children: /* @__PURE__ */ _(a, {
-									checked: V.has(e.id),
-									onChange: (t) => Ye(e.id, t),
+									checked: z.has(e.id),
+									onChange: (t) => Ne(e.id, t),
 									ariaLabel: `Select version ${e.version}`
 								})
 							})
@@ -332,7 +275,7 @@ var xe = () => {
 							render: (e) => /* @__PURE__ */ v("div", {
 								className: "flex items-center gap-2",
 								children: [
-									Je(e),
+									Me(e),
 									/* @__PURE__ */ _("span", {
 										className: "font-mono font-medium",
 										children: e.version
@@ -352,7 +295,7 @@ var xe = () => {
 							key: "releaseNotes",
 							header: b("devportal.releaseNotes", "Release Notes"),
 							render: (e) => /* @__PURE__ */ _("p", {
-								className: "max-w-md truncate text-sm text-muted-foreground",
+								className: "max-w-md truncate text-sm text-text-secondary",
 								children: e.releaseNotes || b("devportal.noReleaseNotes", "No release notes")
 							})
 						},
@@ -374,171 +317,51 @@ var xe = () => {
 								className: "flex gap-2",
 								children: [e.status?.toUpperCase() === "DRAFT" && /* @__PURE__ */ _("button", {
 									className: "text-xs text-primary hover:underline disabled:opacity-50",
-									disabled: !x,
-									"aria-disabled": !x,
-									onClick: () => Ke(e.id),
+									disabled: !S,
+									"aria-disabled": !S,
+									onClick: () => Ae(e.id),
 									children: b("devportal.publish", "Publish")
 								}), e.status?.toUpperCase() === "PUBLISHED" && !e.isLatest && /* @__PURE__ */ _("button", {
 									className: "text-xs text-status-warning-text hover:underline disabled:opacity-50",
-									disabled: !S,
-									"aria-disabled": !S,
-									onClick: () => qe(e.id),
+									disabled: !C,
+									"aria-disabled": !C,
+									onClick: () => je(e.id),
 									children: b("devportal.deprecate", "Deprecate")
 								})]
 							})
 						}
 					]
 				}) : /* @__PURE__ */ _(t, {
-					icon: /* @__PURE__ */ _(ge, { size: 32 }),
+					icon: /* @__PURE__ */ _(m, { size: 32 }),
 					title: b("devportal.noVersionsYet", "No versions yet"),
 					description: b("devportal.noVersionsYetDescription", "Create your first version to start distributing your app"),
 					action: /* @__PURE__ */ v("button", {
-						onClick: () => N(!0),
-						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",
-						children: [/* @__PURE__ */ _(_e, { size: 16 }), b("devportal.createVersion", "Create Version")]
+						onClick: () => A(!0),
+						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",
+						children: [/* @__PURE__ */ _(h, { size: 16 }), b("devportal.createVersion", "Create Version")]
 					})
 				}),
-				M && /* @__PURE__ */ _(o, {
-					open: M,
-					onOpenChange: N,
-					onConfirm: Ue,
+				k && /* @__PURE__ */ _(o, {
+					open: k,
+					onOpenChange: A,
+					onConfirm: Oe,
 					title: b("devportal.createNewVersion", "Create New Version"),
-					size: "lg",
-					confirmLabel: ze ? b("devportal.creating", "Creating...") : b("devportal.createVersion", "Create Version"),
+					confirmLabel: Ee ? b("devportal.creating", "Creating...") : b("devportal.createVersion", "Create Version"),
 					children: /* @__PURE__ */ v("div", {
 						className: "space-y-4",
 						children: [
 							/* @__PURE__ */ _(ae, {
 								label: b("devportal.versionNumber", "Version Number"),
-								value: P.version,
-								onChange: (e) => F({
-									...P,
+								value: j.version,
+								onChange: (e) => M({
+									...j,
 									version: e.target.value
 								}),
 								placeholder: "e.g., 2.2.0",
 								hint: b("devportal.versionHint", "Use semantic versioning (major.minor.patch)"),
 								required: !0
 							}),
-							Pe ? /* @__PURE__ */ v("div", {
-								className: "space-y-3",
-								children: [
-									/* @__PURE__ */ _("div", {
-										className: "rounded-md border border-status-warning-bg bg-status-warning-bg-subtle px-3 py-2 text-xs text-status-warning-text",
-										children: G ? "A ZIP package and manifest JSON are required for NODE type." : "A manifest JSON is required for WORKFLOW type. No ZIP needed — the manifest defines the workflow."
-									}),
-									G && /* @__PURE__ */ v("div", {
-										className: "space-y-1",
-										children: [
-											/* @__PURE__ */ v("label", {
-												className: "text-sm font-medium",
-												children: ["ZIP Package ", /* @__PURE__ */ _("span", {
-													className: "text-destructive",
-													children: "*"
-												})]
-											}),
-											/* @__PURE__ */ v("div", {
-												className: "flex gap-2 items-center",
-												children: [
-													/* @__PURE__ */ _("input", {
-														ref: A,
-														type: "file",
-														accept: ".zip",
-														className: "hidden",
-														onChange: We
-													}),
-													/* @__PURE__ */ _("button", {
-														type: "button",
-														disabled: D,
-														onClick: () => A.current?.click(),
-														className: "inline-flex items-center gap-1.5 rounded-md border px-3 py-1.5 text-sm font-medium hover:bg-muted transition-colors disabled:opacity-50",
-														children: D ? /* @__PURE__ */ v(g, { children: [
-															/* @__PURE__ */ _(m, {
-																size: 14,
-																className: "animate-spin"
-															}),
-															" ",
-															"Uploading… ",
-															O,
-															"%"
-														] }) : /* @__PURE__ */ v(g, { children: [
-															/* @__PURE__ */ _(h, { size: 14 }),
-															" ",
-															P.packageUrl ? "Replace zip" : "Upload zip"
-														] })
-													}),
-													P.packageUrl && !D && /* @__PURE__ */ _("span", {
-														className: "text-xs text-status-success-text",
-														children: "✓ Uploaded"
-													})
-												]
-											}),
-											k && /* @__PURE__ */ _("p", {
-												className: "text-xs text-destructive",
-												children: k
-											})
-										]
-									}),
-									/* @__PURE__ */ v("div", {
-										className: "space-y-1",
-										children: [
-											/* @__PURE__ */ v("label", {
-												className: "text-sm font-medium",
-												children: ["Manifest JSON ", /* @__PURE__ */ _("span", {
-													className: "text-destructive",
-													children: "*"
-												})]
-											}),
-											/* @__PURE__ */ _("input", {
-												ref: j,
-												type: "file",
-												accept: ".json,application/json",
-												className: "hidden",
-												onChange: Ge
-											}),
-											/* @__PURE__ */ v("div", {
-												className: "flex gap-2 items-center",
-												children: [/* @__PURE__ */ v("button", {
-													type: "button",
-													onClick: () => j.current?.click(),
-													className: "inline-flex items-center gap-1.5 rounded-md border px-3 py-1.5 text-sm font-medium hover:bg-muted transition-colors",
-													children: [/* @__PURE__ */ _(he, { size: 14 }), I ? "Replace manifest.json" : "Upload manifest.json"]
-												}), I && /* @__PURE__ */ v("span", {
-													className: "text-xs text-status-success-text",
-													children: ["✓ ", I]
-												})]
-											}),
-											I && P.manifestJson && (() => {
-												try {
-													let e = JSON.parse(P.manifestJson), t = typeof e.name == "string" ? e.name : null, n = typeof e.version == "string" ? e.version : null, r = typeof e.itemType == "string" ? e.itemType : null;
-													return /* @__PURE__ */ v("div", {
-														className: "rounded-md border bg-muted/40 px-3 py-2 text-xs font-mono space-y-0.5",
-														children: [
-															t && /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("span", {
-																className: "text-muted-foreground",
-																children: "name: "
-															}), t] }),
-															n && /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("span", {
-																className: "text-muted-foreground",
-																children: "version: "
-															}), n] }),
-															r && /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("span", {
-																className: "text-muted-foreground",
-																children: "itemType: "
-															}), r] })
-														]
-													});
-												} catch {
-													return null;
-												}
-											})(),
-											/* @__PURE__ */ _("p", {
-												className: "text-xs text-muted-foreground",
-												children: Fe ? "Upload your manifest.json — defines the workflow steps, triggers, and configuration." : "Upload your manifest.json — defines the node's inputs, outputs, and configuration schema."
-											})
-										]
-									})
-								]
-							}) : /* @__PURE__ */ v("div", {
+							/* @__PURE__ */ v("div", {
 								className: "space-y-2",
 								children: [
 									/* @__PURE__ */ _("label", {
@@ -549,71 +372,71 @@ var xe = () => {
 										className: "flex gap-1 rounded-md border p-0.5 w-fit",
 										children: [/* @__PURE__ */ v("button", {
 											type: "button",
-											onClick: () => R("file"),
-											className: `inline-flex items-center gap-1.5 rounded px-3 py-1 text-xs font-medium transition-colors ${L === "file" ? "bg-primary text-primary-foreground" : "hover:bg-muted"}`,
-											children: [/* @__PURE__ */ _(h, { size: 12 }), " Upload zip"]
+											onClick: () => P("file"),
+											className: `inline-flex items-center gap-1.5 rounded px-3 py-1 text-xs font-medium transition-colors ${N === "file" ? "bg-action-primary-bg text-action-primary-text" : "hover:bg-bg-sunken"}`,
+											children: [/* @__PURE__ */ _(_e, { size: 12 }), " Upload zip"]
 										}), /* @__PURE__ */ v("button", {
 											type: "button",
-											onClick: () => R("manifest"),
-											className: `inline-flex items-center gap-1.5 rounded px-3 py-1 text-xs font-medium transition-colors ${L === "manifest" ? "bg-primary text-primary-foreground" : "hover:bg-muted"}`,
-											children: [/* @__PURE__ */ _(he, { size: 12 }), " Paste manifest JSON"]
+											onClick: () => P("manifest"),
+											className: `inline-flex items-center gap-1.5 rounded px-3 py-1 text-xs font-medium transition-colors ${N === "manifest" ? "bg-action-primary-bg text-action-primary-text" : "hover:bg-bg-sunken"}`,
+											children: [/* @__PURE__ */ _(ge, { size: 12 }), " Paste manifest JSON"]
 										})]
 									}),
-									L === "file" && /* @__PURE__ */ v("div", {
+									N === "file" && /* @__PURE__ */ v("div", {
 										className: "space-y-1",
 										children: [/* @__PURE__ */ v("div", {
 											className: "flex gap-2 items-center",
 											children: [
 												/* @__PURE__ */ _("input", {
-													ref: A,
+													ref: O,
 													type: "file",
 													accept: ".zip",
 													className: "hidden",
-													onChange: We
+													onChange: ke
 												}),
 												/* @__PURE__ */ _("button", {
 													type: "button",
-													disabled: D,
-													onClick: () => A.current?.click(),
-													className: "inline-flex items-center gap-1.5 rounded-md border px-3 py-1.5 text-sm font-medium hover:bg-muted transition-colors disabled:opacity-50",
-													children: D ? /* @__PURE__ */ v(g, { children: [
-														/* @__PURE__ */ _(m, {
+													disabled: E,
+													onClick: () => O.current?.click(),
+													className: "inline-flex items-center gap-1.5 rounded-md border px-3 py-1.5 text-sm font-medium hover:bg-bg-sunken transition-colors disabled:opacity-50",
+													children: E ? /* @__PURE__ */ v(g, { children: [
+														/* @__PURE__ */ _(p, {
 															size: 14,
 															className: "animate-spin"
 														}),
 														" ",
 														"Uploading… ",
-														O,
+														Ce,
 														"%"
 													] }) : /* @__PURE__ */ v(g, { children: [
-														/* @__PURE__ */ _(h, { size: 14 }),
+														/* @__PURE__ */ _(_e, { size: 14 }),
 														" ",
-														P.packageUrl ? "Replace zip" : "Upload zip"
+														j.packageUrl ? "Replace zip" : "Upload zip"
 													] })
 												}),
-												P.packageUrl && !D && /* @__PURE__ */ _("span", {
+												j.packageUrl && !E && /* @__PURE__ */ _("span", {
 													className: "text-xs text-status-success-text",
 													children: "✓ Uploaded"
 												})
 											]
-										}), k && /* @__PURE__ */ _("p", {
-											className: "text-xs text-destructive",
-											children: k
+										}), D && /* @__PURE__ */ _("p", {
+											className: "text-xs text-status-error-text",
+											children: D
 										})]
 									}),
-									L === "manifest" && /* @__PURE__ */ v("div", {
+									N === "manifest" && /* @__PURE__ */ v("div", {
 										className: "space-y-1",
 										children: [/* @__PURE__ */ _("textarea", {
 											rows: 6,
 											placeholder: "{\n  \"name\": \"my-workflow\",\n  \"version\": \"1.0.0\",\n  \"steps\": []\n}",
-											value: P.manifestJson,
-											onChange: (e) => F({
-												...P,
+											value: j.manifestJson,
+											onChange: (e) => M({
+												...j,
 												manifestJson: e.target.value
 											}),
-											className: "w-full rounded-md border bg-transparent px-3 py-2 text-xs font-mono resize-y placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring"
+											className: "w-full rounded-md border bg-transparent px-3 py-2 text-xs font-mono resize-y placeholder:text-text-secondary focus:outline-none focus:ring-1 focus:ring-[var(--color-focus-ring)]"
 										}), /* @__PURE__ */ _("p", {
-											className: "text-xs text-muted-foreground",
+											className: "text-xs text-text-secondary",
 											children: "Paste your workflow or configuration JSON here. No zip required."
 										})]
 									})
@@ -621,9 +444,9 @@ var xe = () => {
 							}),
 							/* @__PURE__ */ _(oe, {
 								label: b("devportal.releaseNotes", "Release Notes"),
-								value: P.releaseNotes,
-								onChange: (e) => F({
-									...P,
+								value: j.releaseNotes,
+								onChange: (e) => M({
+									...j,
 									releaseNotes: e.target.value
 								}),
 								placeholder: b("devportal.releaseNotesPlaceholder", "What changed in this release?"),
@@ -633,35 +456,35 @@ var xe = () => {
 					})
 				}),
 				/* @__PURE__ */ _(o, {
-					open: Ne === "publish",
+					open: V === "publish",
 					onOpenChange: (e) => {
-						e || U(null);
+						e || H(null);
 					},
 					onConfirm: async () => {
-						if (Y.length === 0) return;
-						z(null);
-						let e = await Promise.allSettled(Y.map((e) => Be({ variables: { id: e.id } }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.length - t;
-						B(`Published ${t} version${t === 1 ? "" : "s"}${n > 0 ? ` • ${n} failed` : ""}`), $(), U(null);
+						if (X.length === 0) return;
+						I(null);
+						let e = await Promise.allSettled(X.map((e) => K({ variables: { id: e.id } }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.length - t;
+						R(`Published ${t} version${t === 1 ? "" : "s"}${n > 0 ? ` • ${n} failed` : ""}`), $(), H(null);
 					},
 					title: b("devportal.publishSelectedVersions", "Publish selected versions"),
-					description: `${b("devportal.publish", "Publish")} ${Y.length} selected version${Y.length === 1 ? "" : "s"}?`,
+					description: `${b("devportal.publish", "Publish")} ${X.length} selected version${X.length === 1 ? "" : "s"}?`,
 					confirmLabel: b("devportal.publish", "Publish"),
 					cancelLabel: b("devportal.cancel", "Cancel"),
 					variant: "success"
 				}),
 				/* @__PURE__ */ _(o, {
-					open: Ne === "deprecate",
+					open: V === "deprecate",
 					onOpenChange: (e) => {
-						e || U(null);
+						e || H(null);
 					},
 					onConfirm: async () => {
-						if (X.length === 0) return;
-						z(null);
-						let e = await Promise.allSettled(X.map((e) => Ve({ variables: { id: e.id } }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.length - t;
-						B(`Deprecated ${t} version${t === 1 ? "" : "s"}${n > 0 ? ` • ${n} failed` : ""}`), $(), U(null);
+						if (Z.length === 0) return;
+						I(null);
+						let e = await Promise.allSettled(Z.map((e) => q({ variables: { id: e.id } }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.length - t;
+						R(`Deprecated ${t} version${t === 1 ? "" : "s"}${n > 0 ? ` • ${n} failed` : ""}`), $(), H(null);
 					},
 					title: b("devportal.deprecateSelectedVersions", "Deprecate selected versions"),
-					description: `${b("devportal.deprecate", "Deprecate")} ${X.length} selected version${X.length === 1 ? "" : "s"}? ${b("devportal.deprecateVersionsWarning", "Deprecated versions remain visible but should no longer be promoted.")}`,
+					description: `${b("devportal.deprecate", "Deprecate")} ${Z.length} selected version${Z.length === 1 ? "" : "s"}? ${b("devportal.deprecateVersionsWarning", "Deprecated versions remain visible but should no longer be promoted.")}`,
 					confirmLabel: b("devportal.deprecate", "Deprecate"),
 					cancelLabel: b("devportal.cancel", "Cancel"),
 					variant: "warning"
@@ -671,6 +494,6 @@ var xe = () => {
 	});
 };
 //#endregion
-export { xe as ApplicationVersionsPage };
+export { y as ApplicationVersionsPage };
 
 //# sourceMappingURL=ApplicationVersionsPage.js.map