@burdenoff/microfe-devportal 2026.625.8 → 2026.625.10

package/dist/devportal/pages/ApplicationVersionsPage.js

@@ -12,658 +12,482 @@ 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 me, Clock as he, FileJson as ge, Loader2 as p, Package as _e, Plus as ve, Upload as m } from "lucide-react";
-import { useParams as ye } from "react-router-dom";
-import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { gql as v } from "@apollo/client";
-import { useMutation as be, useQuery as xe } 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 _e, Plus as m, Upload as h } 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 Se = () => {
-	let { t: Se } = fe(), y = (e, t) => {
-		let n = Se(e);
+var y = () => {
+	let { t: y } = pe(), b = (e, t) => {
+		let n = y(e);
 		return n === e ? t : n;
-	}, { allowed: Ce } = c(s.APP_VERSION_CREATE), { allowed: b } = c(s.APP_VERSION_PUBLISH), { allowed: x } = c(s.APP_VERSION_DEPRECATE), { appId: S } = ye(), { workspacesGatewayUrl: we, authToken: Te, workspaceId: Ee, getWorkspaceToken: De } = e(), { data: Oe } = xe(v`query MyPublisherVersions { myPublisher { id } }`, { fetchPolicy: "cache-first" }), C = Oe?.myPublisher?.id ?? null, { data: ke } = xe(v`query PublisherProductsVersions($publisherId: String!) { products(filter: { publisherId: $publisherId }) { id productId } }`, {
-		variables: { publisherId: C ?? "" },
-		fetchPolicy: "cache-first",
-		skip: !C
-	}), w = ke?.products?.find((e) => e.productId === S)?.id ?? null, [Ae] = be(v`
-    mutation UpdateStoreProductVersion($input: UpdateProductInput!) {
-      updateProduct(input: $input) { id manifestVersion }
-    }
-  `), { upload: T, uploading: E, progress: D, error: O } = le(we, Te, Ee, De), k = u(null), A = u(null), [j, M] = d(!1), [N, P] = 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: ""
-	}), [F, je] = d(null), [I, L] = d("file"), [Me, R] = d(null), [Ne, z] = d(null), [B, V] = d(/* @__PURE__ */ new Set()), [Pe, H] = d(null), { data: U } = ee({
-		variables: { id: S ?? "" },
-		skip: !S,
+	}), [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"
-	}), Fe = U?.application?.appType === "NODE" || U?.application?.appType === "WORKFLOW", W = U?.application?.appType === "NODE", Ie = U?.application?.appType === "WORKFLOW", Le = U?.application?.appType === "API_INTEGRATION";
+	});
 	de(() => {
 		let e = U?.application?.name;
-		if (!S || !e) return;
+		if (!w || !e) return;
 		let t = window.__breadcrumbRegistry;
-		return t?.register(S, e), () => t?.unregister(S);
-	}, [S, U?.application?.name]);
-	let { data: G, loading: Re, error: ze } = te({
-		variables: { applicationId: S },
-		skip: !S,
+		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"
-	}), [Be, { loading: Ve }] = n({ refetchQueries: ["GetApplicationVersions"] }), [He] = ne({ refetchQueries: ["GetApplicationVersions"] }), [Ue] = r({ refetchQueries: ["GetApplicationVersions"] }), K = l(() => G?.application?.versions?.edges?.map((e) => e.node) ?? [], [G?.application?.versions]), q = l(() => K.filter((e) => B.has(e.id)), [K, B]), J = l(() => q.filter((e) => e.status?.toUpperCase() === "DRAFT"), [q]), Y = l(() => q.filter((e) => e.status?.toUpperCase() === "PUBLISHED" && !e.isLatest), [q]), X = K.length > 0 && K.every((e) => B.has(e.id)), Z = K.some((e) => B.has(e.id)) && !X, We = async () => {
-		if (!S || !N.version.trim()) return;
-		if (R(null), W && !N.packageUrl) {
-			R("A ZIP package is required for NODE type.");
-			return;
-		}
-		if (Fe && !N.manifestJson.trim()) {
-			R("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 (N.manifestJson.trim()) try {
-			e = JSON.parse(N.manifestJson);
+		if (N === "manifest" && j.manifestJson.trim()) try {
+			e = JSON.parse(j.manifestJson);
 		} catch {
-			R("Invalid JSON in manifest — please check your input.");
+			I("Invalid JSON in manifest — please check your input.");
 			return;
 		}
 		try {
-			await Be({ variables: {
-				applicationId: S,
+			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: ""
-			}), je(null), L("file"), z(y("devportal.versionCreatedSuccess", "Version created successfully"));
+			}), P("file"), R(b("devportal.versionCreatedSuccess", "Version created successfully"));
 		} catch (e) {
-			R(e instanceof Error ? e.message : y("devportal.versionCreateFailed", "Failed to create version"));
+			I(e instanceof Error ? e.message : b("devportal.versionCreateFailed", "Failed to create version"));
 		}
-	}, Ge = ue(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]), Ke = 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" && (je(t.name), P((e) => ({
-				...e,
-				manifestJson: n
-			})));
-		}, n.readAsText(t);
-	}, []), qe = async (e) => {
-		R(null), z(null);
+	}, [T]), Ae = async (e) => {
+		I(null), R(null);
 		try {
-			if (await He({ variables: { id: e } }), w) {
-				let t = K.find((t) => t.id === e);
-				t && await Ae({ variables: { input: {
-					id: w,
-					manifestVersion: t.version,
-					manifest: {
-						manifestVersion: "1.0",
-						name: U?.application?.slug ?? "",
-						version: t.version,
-						itemType: U?.application?.appType?.toLowerCase() ?? "node",
-						identity: {
-							name: U?.application?.slug ?? "",
-							version: t.version,
-							displayName: U?.application?.name ?? "",
-							description: U?.application?.shortDescription ?? U?.application?.description ?? ""
-						},
-						publisher: {
-							id: U?.application?.developerId ?? "",
-							name: "Burdenoff"
-						},
-						pricing: {
-							currency: "USD",
-							model: "FREE"
-						},
-						permissions: []
-					}
-				} } }).catch(() => {});
-			}
-			z(y("devportal.versionPublishedSuccess", "Version published successfully"));
+			await K({ variables: { id: e } }), R(b("devportal.versionPublishedSuccess", "Version published successfully"));
 		} catch (e) {
-			R(e instanceof Error ? e.message : y("devportal.versionPublishFailed", "Failed to publish version"));
+			I(e instanceof Error ? e.message : b("devportal.versionPublishFailed", "Failed to publish version"));
 		}
-	}, Je = async (e) => {
-		R(null), z(null);
+	}, je = async (e) => {
+		I(null), R(null);
 		try {
-			await Ue({ variables: { id: e } }), z(y("devportal.versionDeprecatedSuccess", "Version deprecated successfully"));
+			await q({ variables: { id: e } }), R(b("devportal.versionDeprecatedSuccess", "Version deprecated successfully"));
 		} catch (e) {
-			R(e instanceof Error ? e.message : y("devportal.versionDeprecateFailed", "Failed to deprecate version"));
+			I(e instanceof Error ? e.message : b("devportal.versionDeprecateFailed", "Failed to deprecate version"));
 		}
-	}, Ye = (e) => {
+	}, Me = (e) => {
 		let t = e.status?.toUpperCase();
-		return t === "PUBLISHED" && e.isLatest ? /* @__PURE__ */ g(me, {
+		return t === "PUBLISHED" && e.isLatest ? /* @__PURE__ */ _(f, {
 			size: 16,
 			className: "text-status-success-text"
-		}) : t === "DRAFT" ? /* @__PURE__ */ g(he, {
+		}) : t === "DRAFT" ? /* @__PURE__ */ _(he, {
 			size: 16,
 			className: "text-status-warning-text"
-		}) : t === "DEPRECATED" ? /* @__PURE__ */ g(pe, {
+		}) : t === "DEPRECATED" ? /* @__PURE__ */ _(me, {
 			size: 16,
 			className: "text-text-secondary"
-		}) : /* @__PURE__ */ g(_e, {
+		}) : /* @__PURE__ */ _(_e, {
 			size: 16,
 			className: "text-accent-blue"
 		});
-	}, Xe = (e, t) => {
-		V((n) => {
+	}, Ne = (e, t) => {
+		B((n) => {
 			let r = new Set(n);
 			return t ? r.add(e) : r.delete(e), r;
 		});
-	}, Q = (e) => {
-		V((t) => {
+	}, Pe = (e) => {
+		B((t) => {
 			let n = new Set(t);
-			return K.forEach((t) => {
+			return J.forEach((t) => {
 				e ? n.add(t.id) : n.delete(t.id);
 			}), n;
 		});
-	}, $ = () => V(/* @__PURE__ */ new Set());
-	return Re && !G ? /* @__PURE__ */ g(i, {
-		title: y("devportal.versionManagement", "Version Management"),
-		description: y("devportal.versionManagementDescription", "Manage your application versions"),
-		backLink: `/apps/${S}`,
-		backLabel: y("devportal.backToApplication", "Back to Application"),
-		children: /* @__PURE__ */ g("div", {
+	}, $ = () => 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/${w}`,
+		backLabel: b("devportal.backToApplication", "Back to Application"),
+		children: /* @__PURE__ */ _("div", {
 			className: "flex items-center justify-center py-16",
-			children: /* @__PURE__ */ g(p, { className: "h-8 w-8 animate-spin text-muted-foreground" })
+			children: /* @__PURE__ */ _(p, { className: "h-8 w-8 animate-spin text-text-secondary" })
 		})
-	}) : ze && !G ? /* @__PURE__ */ g(i, {
-		title: y("devportal.versionManagement", "Version Management"),
-		description: y("devportal.versionManagementDescription", "Manage your application versions"),
-		backLink: `/apps/${S}`,
-		backLabel: y("devportal.backToApplication", "Back to Application"),
-		children: /* @__PURE__ */ g(t, {
-			icon: /* @__PURE__ */ g(f, {
+	}) : G && !W ? /* @__PURE__ */ _(i, {
+		title: b("devportal.versionManagement", "Version Management"),
+		description: b("devportal.versionManagementDescription", "Manage your application versions"),
+		backLink: `/apps/${w}`,
+		backLabel: b("devportal.backToApplication", "Back to Application"),
+		children: /* @__PURE__ */ _(t, {
+			icon: /* @__PURE__ */ _(d, {
 				size: 32,
 				className: "text-status-error-text"
 			}),
-			title: y("devportal.failedToLoadVersions", "Failed to load versions"),
-			description: ze.message || y("devportal.versionsLoadError", "An error occurred while loading versions")
+			title: b("devportal.failedToLoadVersions", "Failed to load versions"),
+			description: G.message || b("devportal.versionsLoadError", "An error occurred while loading versions")
 		})
-	}) : /* @__PURE__ */ g(se, {
+	}) : /* @__PURE__ */ _(se, {
 		permission: s.APP_READ,
-		children: /* @__PURE__ */ _(i, {
-			title: y("devportal.versionManagement", "Version Management"),
-			description: y("devportal.versionManagementDescription", "Manage your application versions"),
-			backLink: `/apps/${S}`,
-			backLabel: y("devportal.backToApplication", "Back to Application"),
-			actions: /* @__PURE__ */ _("button", {
-				onClick: () => M(!0),
-				disabled: !Ce,
-				"aria-disabled": !Ce,
-				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__ */ g(ve, { size: 16 }), y("devportal.newVersion", "New Version")]
+		children: /* @__PURE__ */ v(i, {
+			title: b("devportal.versionManagement", "Version Management"),
+			description: b("devportal.versionManagementDescription", "Manage your application versions"),
+			purpose: b("devportal.versionManagementPurpose", "Versions are the releases of your app that users install. Cut a new version when you ship changes, upload its package, and publish it — the one marked Latest is what new installs receive, so promote carefully."),
+			backLink: `/apps/${w}`,
+			backLabel: b("devportal.backToApplication", "Back to Application"),
+			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__ */ _(m, { size: 16 }), b("devportal.newVersion", "New Version")]
 			}),
 			children: [
-				Me && /* @__PURE__ */ _("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__ */ g(f, {
+						/* @__PURE__ */ _(d, {
 							size: 16,
 							className: "flex-shrink-0"
 						}),
-						Me,
-						/* @__PURE__ */ g("button", {
-							onClick: () => R(null),
+						F,
+						/* @__PURE__ */ _("button", {
+							onClick: () => I(null),
 							className: "ml-auto text-status-error-text hover:text-status-error-text",
-							children: y("devportal.dismiss", "Dismiss")
+							children: b("devportal.dismiss", "Dismiss")
 						})
 					]
 				}),
-				Ne && /* @__PURE__ */ _("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__ */ g(me, {
+						/* @__PURE__ */ _(f, {
 							size: 16,
 							className: "flex-shrink-0"
 						}),
-						Ne,
-						/* @__PURE__ */ g("button", {
-							onClick: () => z(null),
+						L,
+						/* @__PURE__ */ _("button", {
+							onClick: () => R(null),
 							className: "ml-auto text-status-success-text hover:text-status-success-text",
-							children: y("devportal.dismiss", "Dismiss")
+							children: b("devportal.dismiss", "Dismiss")
 						})
 					]
 				}),
-				K.length > 0 && /* @__PURE__ */ g("div", {
-					className: "rounded-lg border bg-card p-4",
-					children: /* @__PURE__ */ _("div", {
+				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__ */ _("div", {
+						children: [/* @__PURE__ */ v("div", {
 							className: "flex flex-wrap items-center gap-3",
-							children: [/* @__PURE__ */ _("div", {
+							children: [/* @__PURE__ */ v("div", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ g(a, {
-									checked: X,
-									indeterminate: Z,
-									onChange: Q,
+								children: [/* @__PURE__ */ _(a, {
+									checked: Q,
+									indeterminate: De,
+									onChange: Pe,
 									ariaLabel: "Select all visible versions"
-								}), /* @__PURE__ */ g("span", {
+								}), /* @__PURE__ */ _("span", {
 									className: "text-sm font-medium",
-									children: y("devportal.selectAllVisible", "Select all visible")
+									children: b("devportal.selectAllVisible", "Select all visible")
 								})]
-							}), B.size > 0 && /* @__PURE__ */ g("button", {
+							}), z.size > 0 && /* @__PURE__ */ _("button", {
 								onClick: $,
-								className: "text-sm text-muted-foreground hover:text-foreground",
-								children: y("devportal.clearSelection", "Clear selection")
+								className: "text-sm text-text-secondary hover:text-text-primary",
+								children: b("devportal.clearSelection", "Clear selection")
 							})]
-						}), /* @__PURE__ */ _("div", {
+						}), /* @__PURE__ */ v("div", {
 							className: "flex flex-wrap items-center gap-2",
 							children: [
-								/* @__PURE__ */ _("span", {
-									className: "rounded-full bg-muted px-3 py-1 text-sm font-medium text-muted-foreground",
-									children: [B.size, " selected"]
+								/* @__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__ */ _("button", {
+								/* @__PURE__ */ v("button", {
 									onClick: () => H("publish"),
-									disabled: J.length === 0 || !b,
-									"aria-disabled": !b,
+									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: [y("devportal.publishSelected", "Publish Selected"), J.length > 0 ? ` (${J.length})` : ""]
+									children: [b("devportal.publishSelected", "Publish Selected"), X.length > 0 ? ` (${X.length})` : ""]
 								}),
-								/* @__PURE__ */ _("button", {
+								/* @__PURE__ */ v("button", {
 									onClick: () => H("deprecate"),
-									disabled: Y.length === 0 || !x,
-									"aria-disabled": !x,
+									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: [y("devportal.deprecateSelected", "Deprecate Selected"), Y.length > 0 ? ` (${Y.length})` : ""]
+									children: [b("devportal.deprecateSelected", "Deprecate Selected"), Z.length > 0 ? ` (${Z.length})` : ""]
 								})
 							]
 						})]
 					})
 				}),
-				K.length > 0 ? /* @__PURE__ */ g(ie, {
-					data: K,
+				J.length > 0 ? /* @__PURE__ */ _(ie, {
+					data: J,
 					keyField: "id",
 					columns: [
 						{
 							key: "select",
-							header: /* @__PURE__ */ g(a, {
-								checked: X,
-								indeterminate: Z,
-								onChange: Q,
+							header: /* @__PURE__ */ _(a, {
+								checked: Q,
+								indeterminate: De,
+								onChange: Pe,
 								ariaLabel: "Select all visible versions"
 							}),
 							className: "w-12",
-							render: (e) => /* @__PURE__ */ g("div", {
+							render: (e) => /* @__PURE__ */ _("div", {
 								onClick: (e) => e.stopPropagation(),
-								children: /* @__PURE__ */ g(a, {
-									checked: B.has(e.id),
-									onChange: (t) => Xe(e.id, t),
+								children: /* @__PURE__ */ _(a, {
+									checked: z.has(e.id),
+									onChange: (t) => Ne(e.id, t),
 									ariaLabel: `Select version ${e.version}`
 								})
 							})
 						},
 						{
 							key: "version",
-							header: y("devportal.version", "Version"),
-							render: (e) => /* @__PURE__ */ _("div", {
+							header: b("devportal.version", "Version"),
+							render: (e) => /* @__PURE__ */ v("div", {
 								className: "flex items-center gap-2",
 								children: [
-									Ye(e),
-									/* @__PURE__ */ g("span", {
+									Me(e),
+									/* @__PURE__ */ _("span", {
 										className: "font-mono font-medium",
 										children: e.version
 									}),
-									e.isLatest && /* @__PURE__ */ g("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: y("devportal.latest", "Latest")
+										children: b("devportal.latest", "Latest")
 									}),
-									!e.isStable && /* @__PURE__ */ g("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: y("devportal.beta", "Beta")
+										children: b("devportal.beta", "Beta")
 									})
 								]
 							})
 						},
 						{
 							key: "releaseNotes",
-							header: y("devportal.releaseNotes", "Release Notes"),
-							render: (e) => /* @__PURE__ */ g("p", {
-								className: "max-w-md truncate text-sm text-muted-foreground",
-								children: e.releaseNotes || y("devportal.noReleaseNotes", "No release notes")
+							header: b("devportal.releaseNotes", "Release Notes"),
+							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: y("devportal.status", "Status"),
-							render: (e) => /* @__PURE__ */ g(re, { status: e.status })
+							header: b("devportal.status", "Status"),
+							render: (e) => /* @__PURE__ */ _(re, { status: e.status })
 						},
 						{
 							key: "publishedAt",
-							header: y("devportal.published", "Published"),
+							header: b("devportal.published", "Published"),
 							render: (e) => e.publishedAt ? ce(new Date(e.publishedAt), "MMM d, yyyy") : "-"
 						},
 						{
 							key: "actions",
 							header: "",
 							className: "w-32",
-							render: (e) => /* @__PURE__ */ _("div", {
+							render: (e) => /* @__PURE__ */ v("div", {
 								className: "flex gap-2",
-								children: [e.status?.toUpperCase() === "DRAFT" && /* @__PURE__ */ g("button", {
+								children: [e.status?.toUpperCase() === "DRAFT" && /* @__PURE__ */ _("button", {
 									className: "text-xs text-primary hover:underline disabled:opacity-50",
-									disabled: !b,
-									"aria-disabled": !b,
-									onClick: () => qe(e.id),
-									children: y("devportal.publish", "Publish")
-								}), e.status?.toUpperCase() === "PUBLISHED" && !e.isLatest && /* @__PURE__ */ g("button", {
+									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: !x,
-									"aria-disabled": !x,
-									onClick: () => Je(e.id),
-									children: y("devportal.deprecate", "Deprecate")
+									disabled: !C,
+									"aria-disabled": !C,
+									onClick: () => je(e.id),
+									children: b("devportal.deprecate", "Deprecate")
 								})]
 							})
 						}
 					]
-				}) : /* @__PURE__ */ g(t, {
-					icon: /* @__PURE__ */ g(_e, { size: 32 }),
-					title: y("devportal.noVersionsYet", "No versions yet"),
-					description: y("devportal.noVersionsYetDescription", "Create your first version to start distributing your app"),
-					action: /* @__PURE__ */ _("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__ */ g(ve, { size: 16 }), y("devportal.createVersion", "Create Version")]
+				}) : /* @__PURE__ */ _(t, {
+					illustration: "empty-data",
+					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: () => 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__ */ _(m, { size: 16 }), b("devportal.createVersion", "Create Version")]
 					})
 				}),
-				j && /* @__PURE__ */ g(o, {
-					open: j,
-					onOpenChange: M,
-					onConfirm: We,
-					title: y("devportal.createNewVersion", "Create New Version"),
-					size: "lg",
-					confirmLabel: Ve ? y("devportal.creating", "Creating...") : y("devportal.createVersion", "Create Version"),
-					children: /* @__PURE__ */ _("div", {
+				k && /* @__PURE__ */ _(o, {
+					open: k,
+					onOpenChange: A,
+					onConfirm: Oe,
+					title: b("devportal.createNewVersion", "Create New Version"),
+					confirmLabel: Ee ? b("devportal.creating", "Creating...") : b("devportal.createVersion", "Create Version"),
+					children: /* @__PURE__ */ v("div", {
 						className: "space-y-4",
 						children: [
-							/* @__PURE__ */ g(ae, {
-								label: y("devportal.versionNumber", "Version Number"),
-								value: N.version,
-								onChange: (e) => P({
-									...N,
+							/* @__PURE__ */ _(ae, {
+								label: b("devportal.versionNumber", "Version Number"),
+								value: j.version,
+								onChange: (e) => M({
+									...j,
 									version: e.target.value
 								}),
 								placeholder: "e.g., 2.2.0",
-								hint: y("devportal.versionHint", "Use semantic versioning (major.minor.patch)"),
+								hint: b("devportal.versionHint", "Use semantic versioning (major.minor.patch)"),
 								required: !0
 							}),
-							Fe ? /* @__PURE__ */ _("div", {
-								className: "space-y-3",
-								children: [
-									/* @__PURE__ */ g("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: W ? "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."
-									}),
-									W && /* @__PURE__ */ _("div", {
-										className: "space-y-1",
-										children: [
-											/* @__PURE__ */ _("label", {
-												className: "text-sm font-medium",
-												children: ["ZIP Package ", /* @__PURE__ */ g("span", {
-													className: "text-destructive",
-													children: "*"
-												})]
-											}),
-											/* @__PURE__ */ _("div", {
-												className: "flex gap-2 items-center",
-												children: [
-													/* @__PURE__ */ g("input", {
-														ref: k,
-														type: "file",
-														accept: ".zip",
-														className: "hidden",
-														onChange: Ge
-													}),
-													/* @__PURE__ */ g("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__ */ _(h, { children: [
-															/* @__PURE__ */ g(p, {
-																size: 14,
-																className: "animate-spin"
-															}),
-															" ",
-															"Uploading… ",
-															D,
-															"%"
-														] }) : /* @__PURE__ */ _(h, { children: [
-															/* @__PURE__ */ g(m, { size: 14 }),
-															" ",
-															N.packageUrl ? "Replace zip" : "Upload zip"
-														] })
-													}),
-													N.packageUrl && !E && /* @__PURE__ */ g("span", {
-														className: "text-xs text-status-success-text",
-														children: "✓ Uploaded"
-													})
-												]
-											}),
-											O && /* @__PURE__ */ g("p", {
-												className: "text-xs text-destructive",
-												children: O
-											})
-										]
-									}),
-									/* @__PURE__ */ _("div", {
-										className: "space-y-1",
-										children: [
-											/* @__PURE__ */ _("label", {
-												className: "text-sm font-medium",
-												children: ["Manifest JSON ", /* @__PURE__ */ g("span", {
-													className: "text-destructive",
-													children: "*"
-												})]
-											}),
-											/* @__PURE__ */ g("input", {
-												ref: A,
-												type: "file",
-												accept: ".json,application/json",
-												className: "hidden",
-												onChange: Ke
-											}),
-											/* @__PURE__ */ _("div", {
-												className: "flex gap-2 items-center",
-												children: [/* @__PURE__ */ _("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__ */ g(ge, { size: 14 }), F ? "Replace manifest.json" : "Upload manifest.json"]
-												}), F && /* @__PURE__ */ _("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__ */ _("div", {
-														className: "rounded-md border bg-muted/40 px-3 py-2 text-xs font-mono space-y-0.5",
-														children: [
-															t && /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("span", {
-																className: "text-muted-foreground",
-																children: "name: "
-															}), t] }),
-															n && /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("span", {
-																className: "text-muted-foreground",
-																children: "version: "
-															}), n] }),
-															r && /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("span", {
-																className: "text-muted-foreground",
-																children: "itemType: "
-															}), r] })
-														]
-													});
-												} catch {
-													return null;
-												}
-											})(),
-											/* @__PURE__ */ g("p", {
-												className: "text-xs text-muted-foreground",
-												children: Ie ? "Upload your manifest.json — defines the workflow steps, triggers, and configuration." : "Upload your manifest.json — defines the node's inputs, outputs, and configuration schema."
-											})
-										]
-									})
-								]
-							}) : !Le && /* @__PURE__ */ _("div", {
+							/* @__PURE__ */ v("div", {
 								className: "space-y-2",
 								children: [
-									/* @__PURE__ */ g("label", {
+									/* @__PURE__ */ _("label", {
 										className: "text-sm font-medium",
 										children: "Package"
 									}),
-									/* @__PURE__ */ _("div", {
+									/* @__PURE__ */ v("div", {
 										className: "flex gap-1 rounded-md border p-0.5 w-fit",
-										children: [/* @__PURE__ */ _("button", {
+										children: [/* @__PURE__ */ v("button", {
 											type: "button",
-											onClick: () => L("file"),
-											className: `inline-flex items-center gap-1.5 rounded px-3 py-1 text-xs font-medium transition-colors ${I === "file" ? "bg-primary text-primary-foreground" : "hover:bg-muted"}`,
-											children: [/* @__PURE__ */ g(m, { size: 12 }), " Upload zip"]
-										}), /* @__PURE__ */ _("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__ */ _(h, { size: 12 }), " Upload zip"]
+										}), /* @__PURE__ */ v("button", {
 											type: "button",
-											onClick: () => L("manifest"),
-											className: `inline-flex items-center gap-1.5 rounded px-3 py-1 text-xs font-medium transition-colors ${I === "manifest" ? "bg-primary text-primary-foreground" : "hover:bg-muted"}`,
-											children: [/* @__PURE__ */ g(ge, { 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"]
 										})]
 									}),
-									I === "file" && /* @__PURE__ */ _("div", {
+									N === "file" && /* @__PURE__ */ v("div", {
 										className: "space-y-1",
-										children: [/* @__PURE__ */ _("div", {
+										children: [/* @__PURE__ */ v("div", {
 											className: "flex gap-2 items-center",
 											children: [
-												/* @__PURE__ */ g("input", {
-													ref: k,
+												/* @__PURE__ */ _("input", {
+													ref: O,
 													type: "file",
 													accept: ".zip",
 													className: "hidden",
-													onChange: Ge
+													onChange: ke
 												}),
-												/* @__PURE__ */ g("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__ */ _(h, { children: [
-														/* @__PURE__ */ g(p, {
+													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__ */ _(h, { children: [
-														/* @__PURE__ */ g(m, { size: 14 }),
+													] }) : /* @__PURE__ */ v(g, { children: [
+														/* @__PURE__ */ _(h, { size: 14 }),
 														" ",
-														N.packageUrl ? "Replace zip" : "Upload zip"
+														j.packageUrl ? "Replace zip" : "Upload zip"
 													] })
 												}),
-												N.packageUrl && !E && /* @__PURE__ */ g("span", {
+												j.packageUrl && !E && /* @__PURE__ */ _("span", {
 													className: "text-xs text-status-success-text",
 													children: "✓ Uploaded"
 												})
 											]
-										}), O && /* @__PURE__ */ g("p", {
-											className: "text-xs text-destructive",
-											children: O
+										}), D && /* @__PURE__ */ _("p", {
+											className: "text-xs text-status-error-text",
+											children: D
 										})]
 									}),
-									I === "manifest" && /* @__PURE__ */ _("div", {
+									N === "manifest" && /* @__PURE__ */ v("div", {
 										className: "space-y-1",
-										children: [/* @__PURE__ */ g("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__ */ g("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__ */ g(oe, {
-								label: y("devportal.releaseNotes", "Release Notes"),
-								value: N.releaseNotes,
-								onChange: (e) => P({
-									...N,
+							/* @__PURE__ */ _(oe, {
+								label: b("devportal.releaseNotes", "Release Notes"),
+								value: j.releaseNotes,
+								onChange: (e) => M({
+									...j,
 									releaseNotes: e.target.value
 								}),
-								placeholder: y("devportal.releaseNotesPlaceholder", "What changed in this release?"),
+								placeholder: b("devportal.releaseNotesPlaceholder", "What changed in this release?"),
 								rows: 2
 							})
 						]
 					})
 				}),
-				/* @__PURE__ */ g(o, {
-					open: Pe === "publish",
+				/* @__PURE__ */ _(o, {
+					open: V === "publish",
 					onOpenChange: (e) => {
 						e || H(null);
 					},
 					onConfirm: async () => {
-						if (J.length === 0) return;
-						R(null);
-						let e = await Promise.allSettled(J.map((e) => He({ variables: { id: e.id } }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.length - t;
-						z(`Published ${t} version${t === 1 ? "" : "s"}${n > 0 ? ` • ${n} failed` : ""}`), $(), H(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: y("devportal.publishSelectedVersions", "Publish selected versions"),
-					description: `${y("devportal.publish", "Publish")} ${J.length} selected version${J.length === 1 ? "" : "s"}?`,
-					confirmLabel: y("devportal.publish", "Publish"),
-					cancelLabel: y("devportal.cancel", "Cancel"),
+					title: b("devportal.publishSelectedVersions", "Publish selected versions"),
+					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__ */ g(o, {
-					open: Pe === "deprecate",
+				/* @__PURE__ */ _(o, {
+					open: V === "deprecate",
 					onOpenChange: (e) => {
 						e || H(null);
 					},
 					onConfirm: async () => {
-						if (Y.length === 0) return;
-						R(null);
-						let e = await Promise.allSettled(Y.map((e) => Ue({ variables: { id: e.id } }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.length - t;
-						z(`Deprecated ${t} version${t === 1 ? "" : "s"}${n > 0 ? ` • ${n} failed` : ""}`), $(), H(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: y("devportal.deprecateSelectedVersions", "Deprecate selected versions"),
-					description: `${y("devportal.deprecate", "Deprecate")} ${Y.length} selected version${Y.length === 1 ? "" : "s"}? ${y("devportal.deprecateVersionsWarning", "Deprecated versions remain visible but should no longer be promoted.")}`,
-					confirmLabel: y("devportal.deprecate", "Deprecate"),
-					cancelLabel: y("devportal.cancel", "Cancel"),
+					title: b("devportal.deprecateSelectedVersions", "Deprecate selected versions"),
+					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 +495,6 @@ var Se = () => {
 	});
 };
 //#endregion
-export { Se as ApplicationVersionsPage };
+export { y as ApplicationVersionsPage };
 
 //# sourceMappingURL=ApplicationVersionsPage.js.map