@burdenoff/microfe-devportal 2026.624.12 → 2026.624.14

package/dist/devportal/pages/ApplicationVersionsPage.js

@@ -12,314 +12,259 @@ 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 l, useEffect as ue, useMemo as u, useRef as d, useState as f } from "react";
-import { useI18n as de } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { AlertCircle as p, Archive as fe, CheckCircle as m, Clock as pe, FileJson as me, Loader2 as h, Package as he, Plus as ge, Upload as g } from "lucide-react";
-import { useParams as _e } from "react-router-dom";
-import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
-import { gql as ve } from "@apollo/client";
-import { useMutation as ye, useQuery as be } from "@apollo/client/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";
 //#region src/devportal/pages/ApplicationVersionsPage.tsx
-var xe = () => {
-	let { t: xe } = de(), 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 } = _e(), { workspacesGatewayUrl: Ce, authToken: we, workspaceId: Te, getWorkspaceToken: Ee } = e(), { data: De } = be(ve`query MyPublisherProductsVersions { myPublisher { id products { id productId } } }`, { fetchPolicy: "cache-first" }), w = De?.myPublisher?.products.find((e) => e.productId === C)?.id ?? null, [Oe] = ye(ve`
-    mutation UpdateStoreProductVersion($input: UpdateProductInput!) {
-      updateProduct(input: $input) { id manifestVersion }
-    }
-  `), { upload: T, uploading: E, progress: D, error: O } = le(Ce, we, Te, Ee), k = d(null), A = d(null), [j, M] = f(!1), [N, P] = f({
+	}, { 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: ""
-	}), [F, I] = f(null), [L, R] = f("file"), [ke, z] = f(null), [Ae, B] = f(null), [V, H] = f(/* @__PURE__ */ new Set()), [je, U] = f(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"
-	}), Me = W?.application?.appType === "NODE" || W?.application?.appType === "WORKFLOW";
-	ue(() => {
-		let e = W?.application?.name;
-		if (!C || !e) return;
+	});
+	de(() => {
+		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: G, loading: Ne, error: Pe } = 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"
-	}), [Fe, { loading: Ie }] = n({ refetchQueries: ["GetApplicationVersions"] }), [Le] = ne({ refetchQueries: ["GetApplicationVersions"] }), [K] = r({ refetchQueries: ["GetApplicationVersions"] }), q = u(() => G?.application?.versions?.edges?.map((e) => e.node) ?? [], [G?.application?.versions]), J = u(() => q.filter((e) => V.has(e.id)), [q, V]), Y = u(() => J.filter((e) => e.status?.toUpperCase() === "DRAFT"), [J]), X = u(() => J.filter((e) => e.status?.toUpperCase() === "PUBLISHED" && !e.isLatest), [J]), Z = q.length > 0 && q.every((e) => V.has(e.id)), Re = q.some((e) => V.has(e.id)) && !Z, ze = async () => {
-		if (!C || !N.version.trim()) return;
-		if (z(null), Me) {
-			if (!N.packageUrl) {
-				z("A ZIP package is required for this app type.");
-				return;
-			}
-			if (!N.manifestJson.trim()) {
-				z("A manifest JSON is required for this app type.");
-				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 (N.manifestJson.trim()) try {
-			e = JSON.parse(N.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 Fe({ variables: {
-				applicationId: C,
+			await Te({ variables: {
+				applicationId: w,
 				input: {
-					version: N.version,
-					releaseNotes: N.releaseNotes || void 0,
-					changelog: N.changelog || void 0,
-					packageUrl: N.packageUrl || void 0,
-					packageSize: N.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
 				}
-			} }), M(!1), P({
+			} }), A(!1), M({
 				version: "",
 				releaseNotes: "",
 				changelog: "",
 				packageUrl: "",
 				packageSize: "",
 				manifestJson: ""
-			}), I(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"));
 		}
-	}, Be = l(async (e) => {
+	}, ke = ue(async (e) => {
 		let t = e.target.files?.[0];
 		if (t) {
 			e.target.value = "";
 			try {
 				let e = await T(t);
-				P((n) => ({
+				M((n) => ({
 					...n,
 					packageUrl: e.downloadUrl,
 					packageSize: String(t.size)
 				}));
 			} catch {}
 		}
-	}, [T]), Ve = l((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" && (I(t.name), P((e) => ({
-				...e,
-				manifestJson: n
-			})));
-		}, n.readAsText(t);
-	}, []), He = async (e) => {
-		z(null), B(null);
+	}, [T]), Ae = async (e) => {
+		I(null), R(null);
 		try {
-			if (await Le({ variables: { id: e } }), w) {
-				let t = q.find((t) => t.id === e);
-				t && await Oe({ variables: { input: {
-					id: w,
-					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"));
 		}
-	}, Ue = async (e) => {
-		z(null), B(null);
+	}, je = async (e) => {
+		I(null), R(null);
 		try {
-			await K({ 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"));
 		}
-	}, We = (e) => {
+	}, Me = (e) => {
 		let t = e.status?.toUpperCase();
-		return t === "PUBLISHED" && e.isLatest ? /* @__PURE__ */ v(m, {
+		return t === "PUBLISHED" && e.isLatest ? /* @__PURE__ */ _(f, {
 			size: 16,
 			className: "text-status-success-text"
-		}) : t === "DRAFT" ? /* @__PURE__ */ v(pe, {
+		}) : t === "DRAFT" ? /* @__PURE__ */ _(he, {
 			size: 16,
 			className: "text-status-warning-text"
-		}) : t === "DEPRECATED" ? /* @__PURE__ */ v(fe, {
+		}) : t === "DEPRECATED" ? /* @__PURE__ */ _(me, {
 			size: 16,
 			className: "text-text-secondary"
-		}) : /* @__PURE__ */ v(he, {
+		}) : /* @__PURE__ */ _(m, {
 			size: 16,
 			className: "text-accent-blue"
 		});
-	}, Ge = (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 Ne && !G ? /* @__PURE__ */ v(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__ */ v("div", {
+		children: /* @__PURE__ */ _("div", {
 			className: "flex items-center justify-center py-16",
-			children: /* @__PURE__ */ v(h, { className: "h-8 w-8 animate-spin text-muted-foreground" })
+			children: /* @__PURE__ */ _(p, { className: "h-8 w-8 animate-spin text-text-secondary" })
 		})
-	}) : Pe && !G ? /* @__PURE__ */ v(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__ */ v(t, {
-			icon: /* @__PURE__ */ v(p, {
+		children: /* @__PURE__ */ _(t, {
+			icon: /* @__PURE__ */ _(d, {
 				size: 32,
 				className: "text-status-error-text"
 			}),
 			title: b("devportal.failedToLoadVersions", "Failed to load versions"),
-			description: Pe.message || b("devportal.versionsLoadError", "An error occurred while loading versions")
+			description: G.message || b("devportal.versionsLoadError", "An error occurred while loading versions")
 		})
-	}) : /* @__PURE__ */ v(se, {
+	}) : /* @__PURE__ */ _(se, {
 		permission: s.APP_READ,
-		children: /* @__PURE__ */ y(i, {
+		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__ */ y("button", {
-				onClick: () => M(!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__ */ v(ge, { size: 16 }), b("devportal.newVersion", "New Version")]
+			actions: /* @__PURE__ */ v("button", {
+				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: [
-				ke && /* @__PURE__ */ y("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__ */ v(p, {
+						/* @__PURE__ */ _(d, {
 							size: 16,
 							className: "flex-shrink-0"
 						}),
-						ke,
-						/* @__PURE__ */ v("button", {
-							onClick: () => z(null),
+						F,
+						/* @__PURE__ */ _("button", {
+							onClick: () => I(null),
 							className: "ml-auto text-status-error-text hover:text-status-error-text",
 							children: b("devportal.dismiss", "Dismiss")
 						})
 					]
 				}),
-				Ae && /* @__PURE__ */ y("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__ */ v(m, {
+						/* @__PURE__ */ _(f, {
 							size: 16,
 							className: "flex-shrink-0"
 						}),
-						Ae,
-						/* @__PURE__ */ v("button", {
-							onClick: () => B(null),
+						L,
+						/* @__PURE__ */ _("button", {
+							onClick: () => R(null),
 							className: "ml-auto text-status-success-text hover:text-status-success-text",
 							children: b("devportal.dismiss", "Dismiss")
 						})
 					]
 				}),
-				q.length > 0 && /* @__PURE__ */ v("div", {
-					className: "rounded-lg border bg-card p-4",
-					children: /* @__PURE__ */ y("div", {
+				J.length > 0 && /* @__PURE__ */ _("div", {
+					className: "rounded-lg border 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__ */ y("div", {
+						children: [/* @__PURE__ */ v("div", {
 							className: "flex flex-wrap items-center gap-3",
-							children: [/* @__PURE__ */ y("div", {
+							children: [/* @__PURE__ */ v("div", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ v(a, {
-									checked: Z,
-									indeterminate: Re,
-									onChange: Q,
+								children: [/* @__PURE__ */ _(a, {
+									checked: Q,
+									indeterminate: De,
+									onChange: Pe,
 									ariaLabel: "Select all visible versions"
-								}), /* @__PURE__ */ v("span", {
+								}), /* @__PURE__ */ _("span", {
 									className: "text-sm font-medium",
 									children: b("devportal.selectAllVisible", "Select all visible")
 								})]
-							}), V.size > 0 && /* @__PURE__ */ v("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__ */ y("div", {
+						}), /* @__PURE__ */ v("div", {
 							className: "flex flex-wrap items-center gap-2",
 							children: [
-								/* @__PURE__ */ y("span", {
-									className: "rounded-full bg-muted px-3 py-1 text-sm font-medium text-muted-foreground",
-									children: [V.size, " selected"]
-								}),
-								/* @__PURE__ */ y("button", {
-									onClick: () => U("publish"),
-									disabled: Y.length === 0 || !x,
-									"aria-disabled": !x,
-									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})` : ""]
+								/* @__PURE__ */ v("span", {
+									className: "rounded-full bg-bg-sunken px-3 py-1 text-sm font-medium text-text-secondary",
+									children: [z.size, " selected"]
 								}),
-								/* @__PURE__ */ y("button", {
-									onClick: () => U("deprecate"),
+								/* @__PURE__ */ v("button", {
+									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"), X.length > 0 ? ` (${X.length})` : ""]
+								}),
+								/* @__PURE__ */ v("button", {
+									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__ */ v(ie, {
-					data: q,
+				J.length > 0 ? /* @__PURE__ */ _(ie, {
+					data: J,
 					keyField: "id",
 					columns: [
 						{
 							key: "select",
-							header: /* @__PURE__ */ v(a, {
-								checked: Z,
-								indeterminate: Re,
-								onChange: Q,
+							header: /* @__PURE__ */ _(a, {
+								checked: Q,
+								indeterminate: De,
+								onChange: Pe,
 								ariaLabel: "Select all visible versions"
 							}),
 							className: "w-12",
-							render: (e) => /* @__PURE__ */ v("div", {
+							render: (e) => /* @__PURE__ */ _("div", {
 								onClick: (e) => e.stopPropagation(),
-								children: /* @__PURE__ */ v(a, {
-									checked: V.has(e.id),
-									onChange: (t) => Ge(e.id, t),
+								children: /* @__PURE__ */ _(a, {
+									checked: z.has(e.id),
+									onChange: (t) => Ne(e.id, t),
 									ariaLabel: `Select version ${e.version}`
 								})
 							})
@@ -327,19 +272,19 @@ var xe = () => {
 						{
 							key: "version",
 							header: b("devportal.version", "Version"),
-							render: (e) => /* @__PURE__ */ y("div", {
+							render: (e) => /* @__PURE__ */ v("div", {
 								className: "flex items-center gap-2",
 								children: [
-									We(e),
-									/* @__PURE__ */ v("span", {
+									Me(e),
+									/* @__PURE__ */ _("span", {
 										className: "font-mono font-medium",
 										children: e.version
 									}),
-									e.isLatest && /* @__PURE__ */ v("span", {
+									e.isLatest && /* @__PURE__ */ _("span", {
 										className: "rounded-full bg-status-success-bg-subtle px-2 py-0.5 text-xs text-status-success-text",
 										children: b("devportal.latest", "Latest")
 									}),
-									!e.isStable && /* @__PURE__ */ v("span", {
+									!e.isStable && /* @__PURE__ */ _("span", {
 										className: "rounded-full bg-status-warning-bg-subtle px-2 py-0.5 text-xs text-status-warning-text",
 										children: b("devportal.beta", "Beta")
 									})
@@ -349,15 +294,15 @@ var xe = () => {
 						{
 							key: "releaseNotes",
 							header: b("devportal.releaseNotes", "Release Notes"),
-							render: (e) => /* @__PURE__ */ v("p", {
-								className: "max-w-md truncate text-sm text-muted-foreground",
+							render: (e) => /* @__PURE__ */ _("p", {
+								className: "max-w-md truncate text-sm text-text-secondary",
 								children: e.releaseNotes || b("devportal.noReleaseNotes", "No release notes")
 							})
 						},
 						{
 							key: "status",
 							header: b("devportal.status", "Status"),
-							render: (e) => /* @__PURE__ */ v(re, { status: e.status })
+							render: (e) => /* @__PURE__ */ _(re, { status: e.status })
 						},
 						{
 							key: "publishedAt",
@@ -368,260 +313,140 @@ var xe = () => {
 							key: "actions",
 							header: "",
 							className: "w-32",
-							render: (e) => /* @__PURE__ */ y("div", {
+							render: (e) => /* @__PURE__ */ v("div", {
 								className: "flex gap-2",
-								children: [e.status?.toUpperCase() === "DRAFT" && /* @__PURE__ */ v("button", {
+								children: [e.status?.toUpperCase() === "DRAFT" && /* @__PURE__ */ _("button", {
 									className: "text-xs text-primary hover:underline disabled:opacity-50",
-									disabled: !x,
-									"aria-disabled": !x,
-									onClick: () => He(e.id),
-									children: b("devportal.publish", "Publish")
-								}), e.status?.toUpperCase() === "PUBLISHED" && !e.isLatest && /* @__PURE__ */ v("button", {
-									className: "text-xs text-status-warning-text hover:underline disabled:opacity-50",
 									disabled: !S,
 									"aria-disabled": !S,
-									onClick: () => Ue(e.id),
+									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: !C,
+									"aria-disabled": !C,
+									onClick: () => je(e.id),
 									children: b("devportal.deprecate", "Deprecate")
 								})]
 							})
 						}
 					]
-				}) : /* @__PURE__ */ v(t, {
-					icon: /* @__PURE__ */ v(he, { size: 32 }),
+				}) : /* @__PURE__ */ _(t, {
+					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__ */ y("button", {
-						onClick: () => M(!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__ */ v(ge, { size: 16 }), b("devportal.createVersion", "Create Version")]
+					action: /* @__PURE__ */ v("button", {
+						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")]
 					})
 				}),
-				j && /* @__PURE__ */ v(o, {
-					open: j,
-					onOpenChange: M,
-					onConfirm: ze,
+				k && /* @__PURE__ */ _(o, {
+					open: k,
+					onOpenChange: A,
+					onConfirm: Oe,
 					title: b("devportal.createNewVersion", "Create New Version"),
-					size: "lg",
-					confirmLabel: Ie ? b("devportal.creating", "Creating...") : b("devportal.createVersion", "Create Version"),
-					children: /* @__PURE__ */ y("div", {
+					confirmLabel: Ee ? b("devportal.creating", "Creating...") : b("devportal.createVersion", "Create Version"),
+					children: /* @__PURE__ */ v("div", {
 						className: "space-y-4",
 						children: [
-							/* @__PURE__ */ v(ae, {
+							/* @__PURE__ */ _(ae, {
 								label: b("devportal.versionNumber", "Version Number"),
-								value: N.version,
-								onChange: (e) => P({
-									...N,
+								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
 							}),
-							Me ? /* @__PURE__ */ y("div", {
-								className: "space-y-3",
-								children: [
-									/* @__PURE__ */ v("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: "Both a ZIP package and a manifest JSON are required for this app type."
-									}),
-									/* @__PURE__ */ y("div", {
-										className: "space-y-1",
-										children: [
-											/* @__PURE__ */ y("label", {
-												className: "text-sm font-medium",
-												children: ["ZIP Package ", /* @__PURE__ */ v("span", {
-													className: "text-destructive",
-													children: "*"
-												})]
-											}),
-											/* @__PURE__ */ y("div", {
-												className: "flex gap-2 items-center",
-												children: [
-													/* @__PURE__ */ v("input", {
-														ref: k,
-														type: "file",
-														accept: ".zip",
-														className: "hidden",
-														onChange: Be
-													}),
-													/* @__PURE__ */ v("button", {
-														type: "button",
-														disabled: E,
-														onClick: () => k.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: E ? /* @__PURE__ */ y(_, { children: [
-															/* @__PURE__ */ v(h, {
-																size: 14,
-																className: "animate-spin"
-															}),
-															" ",
-															"Uploading… ",
-															D,
-															"%"
-														] }) : /* @__PURE__ */ y(_, { children: [
-															/* @__PURE__ */ v(g, { size: 14 }),
-															" ",
-															N.packageUrl ? "Replace zip" : "Upload zip"
-														] })
-													}),
-													N.packageUrl && !E && /* @__PURE__ */ v("span", {
-														className: "text-xs text-status-success-text",
-														children: "✓ Uploaded"
-													})
-												]
-											}),
-											O && /* @__PURE__ */ v("p", {
-												className: "text-xs text-destructive",
-												children: O
-											})
-										]
-									}),
-									/* @__PURE__ */ y("div", {
-										className: "space-y-1",
-										children: [
-											/* @__PURE__ */ y("label", {
-												className: "text-sm font-medium",
-												children: ["Manifest JSON ", /* @__PURE__ */ v("span", {
-													className: "text-destructive",
-													children: "*"
-												})]
-											}),
-											/* @__PURE__ */ v("input", {
-												ref: A,
-												type: "file",
-												accept: ".json,application/json",
-												className: "hidden",
-												onChange: Ve
-											}),
-											/* @__PURE__ */ y("div", {
-												className: "flex gap-2 items-center",
-												children: [/* @__PURE__ */ y("button", {
-													type: "button",
-													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",
-													children: [/* @__PURE__ */ v(me, { size: 14 }), F ? "Replace manifest.json" : "Upload manifest.json"]
-												}), F && /* @__PURE__ */ y("span", {
-													className: "text-xs text-status-success-text",
-													children: ["✓ ", F]
-												})]
-											}),
-											F && N.manifestJson && (() => {
-												try {
-													let e = JSON.parse(N.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__ */ y("div", {
-														className: "rounded-md border bg-muted/40 px-3 py-2 text-xs font-mono space-y-0.5",
-														children: [
-															t && /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("span", {
-																className: "text-muted-foreground",
-																children: "name: "
-															}), t] }),
-															n && /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("span", {
-																className: "text-muted-foreground",
-																children: "version: "
-															}), n] }),
-															r && /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("span", {
-																className: "text-muted-foreground",
-																children: "itemType: "
-															}), r] })
-														]
-													});
-												} catch {
-													return null;
-												}
-											})(),
-											/* @__PURE__ */ v("p", {
-												className: "text-xs text-muted-foreground",
-												children: "Upload your manifest.json — defines the node's inputs, outputs, and configuration schema."
-											})
-										]
-									})
-								]
-							}) : /* @__PURE__ */ y("div", {
+							/* @__PURE__ */ v("div", {
 								className: "space-y-2",
 								children: [
-									/* @__PURE__ */ v("label", {
+									/* @__PURE__ */ _("label", {
 										className: "text-sm font-medium",
 										children: "Package"
 									}),
-									/* @__PURE__ */ y("div", {
+									/* @__PURE__ */ v("div", {
 										className: "flex gap-1 rounded-md border p-0.5 w-fit",
-										children: [/* @__PURE__ */ y("button", {
+										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__ */ v(g, { size: 12 }), " Upload zip"]
-										}), /* @__PURE__ */ y("button", {
+											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__ */ v(me, { 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__ */ y("div", {
+									N === "file" && /* @__PURE__ */ v("div", {
 										className: "space-y-1",
-										children: [/* @__PURE__ */ y("div", {
+										children: [/* @__PURE__ */ v("div", {
 											className: "flex gap-2 items-center",
 											children: [
-												/* @__PURE__ */ v("input", {
-													ref: k,
+												/* @__PURE__ */ _("input", {
+													ref: O,
 													type: "file",
 													accept: ".zip",
 													className: "hidden",
-													onChange: Be
+													onChange: ke
 												}),
-												/* @__PURE__ */ v("button", {
+												/* @__PURE__ */ _("button", {
 													type: "button",
 													disabled: E,
-													onClick: () => k.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: E ? /* @__PURE__ */ y(_, { children: [
-														/* @__PURE__ */ v(h, {
+													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… ",
-														D,
+														Ce,
 														"%"
-													] }) : /* @__PURE__ */ y(_, { children: [
-														/* @__PURE__ */ v(g, { size: 14 }),
+													] }) : /* @__PURE__ */ v(g, { children: [
+														/* @__PURE__ */ _(_e, { size: 14 }),
 														" ",
-														N.packageUrl ? "Replace zip" : "Upload zip"
+														j.packageUrl ? "Replace zip" : "Upload zip"
 													] })
 												}),
-												N.packageUrl && !E && /* @__PURE__ */ v("span", {
+												j.packageUrl && !E && /* @__PURE__ */ _("span", {
 													className: "text-xs text-status-success-text",
 													children: "✓ Uploaded"
 												})
 											]
-										}), O && /* @__PURE__ */ v("p", {
-											className: "text-xs text-destructive",
-											children: O
+										}), D && /* @__PURE__ */ _("p", {
+											className: "text-xs text-status-error-text",
+											children: D
 										})]
 									}),
-									L === "manifest" && /* @__PURE__ */ y("div", {
+									N === "manifest" && /* @__PURE__ */ v("div", {
 										className: "space-y-1",
-										children: [/* @__PURE__ */ v("textarea", {
+										children: [/* @__PURE__ */ _("textarea", {
 											rows: 6,
 											placeholder: "{\n  \"name\": \"my-workflow\",\n  \"version\": \"1.0.0\",\n  \"steps\": []\n}",
-											value: N.manifestJson,
-											onChange: (e) => P({
-												...N,
+											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"
-										}), /* @__PURE__ */ v("p", {
-											className: "text-xs text-muted-foreground",
+											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-text-secondary",
 											children: "Paste your workflow or configuration JSON here. No zip required."
 										})]
 									})
 								]
 							}),
-							/* @__PURE__ */ v(oe, {
+							/* @__PURE__ */ _(oe, {
 								label: b("devportal.releaseNotes", "Release Notes"),
-								value: N.releaseNotes,
-								onChange: (e) => P({
-									...N,
+								value: j.releaseNotes,
+								onChange: (e) => M({
+									...j,
 									releaseNotes: e.target.value
 								}),
 								placeholder: b("devportal.releaseNotesPlaceholder", "What changed in this release?"),
@@ -630,36 +455,36 @@ var xe = () => {
 						]
 					})
 				}),
-				/* @__PURE__ */ v(o, {
-					open: je === "publish",
+				/* @__PURE__ */ _(o, {
+					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) => Le({ 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__ */ v(o, {
-					open: je === "deprecate",
+				/* @__PURE__ */ _(o, {
+					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) => K({ 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"
@@ -669,6 +494,6 @@ var xe = () => {
 	});
 };
 //#endregion
-export { xe as ApplicationVersionsPage };
+export { y as ApplicationVersionsPage };
 
 //# sourceMappingURL=ApplicationVersionsPage.js.map