@burdenoff/microfe-devportal 2026.1026.3 → 2026.1031.1

package/dist/devportal/pages/NodeLifecyclePage.js

@@ -0,0 +1,649 @@
+import { useDevportal as e } from "../providers/DevportalProvider.js";
+import { useTr as t } from "../utils/i18n.js";
+import { cn as n } from "../utils/cn.js";
+import { LoadingState as r } from "../components/LoadingState.js";
+import { EmptyState as i } from "../components/EmptyState.js";
+import { useGetApplicationQuery as a, usePublishApplicationVersionMutation as o, usePublishApplicationVersionToOrganizationMutation as s, useUpdateApplicationVersionMutation as ee } from "../../generated/global-operations.js";
+import { PageLayout as c } from "../components/PageLayout.js";
+import { useDevportalPermission as l } from "../hooks/usePermission.js";
+import "../hooks/index.js";
+import { DEVPORTAL_PERMISSIONS as u } from "../constants/permissions.js";
+import { usePackageUpload as te } from "../hooks/usePackageUpload.js";
+import { deployBlocker as ne, deriveNodeLifecycle as re, visibilityForApp as ie } from "../utils/nodeLifecycle.js";
+import { useCallback as ae, useEffect as oe, useMemo as d, useRef as se, useState as f } from "react";
+import { AlertTriangle as ce, BookOpen as le, Building2 as ue, Check as p, CheckCircle2 as m, ChevronDown as h, ChevronUp as g, Copy as de, FileCode2 as _, FlaskConical as v, Globe as fe, Loader2 as y, Lock as pe, MinusCircle as b, Package as x, Rocket as me, Server as he, ShieldCheck as S, Upload as C, XCircle as w } from "lucide-react";
+import { useParams as ge } from "react-router";
+import { Fragment as _e, jsx as T, jsxs as E } from "react/jsx-runtime";
+//#region src/devportal/pages/NodeLifecyclePage.tsx
+var ve = 1e4, D = {
+	upload: ["devportal.nodeLifecycle.step.upload", "Upload ZIP"],
+	validate: ["devportal.nodeLifecycle.step.validate", "Validate manifest"],
+	test: ["devportal.nodeLifecycle.step.test", "Run tests"],
+	approval: ["devportal.nodeLifecycle.step.approval", "Approval"],
+	deploy: ["devportal.nodeLifecycle.step.deploy", "Deploy"]
+}, O = {
+	uploaded: "Completed",
+	noPackage: "Upload the node package",
+	waitingForPackage: "Pending",
+	passed: "Completed",
+	failed: "Failed — see checks",
+	validating: "In progress",
+	notValidated: "Upload the package again to validate it",
+	waitingForValidation: "Pending",
+	building: "Building sandbox image",
+	buildFailed: "Build failed",
+	testing: "Testing operations",
+	testsFailed: "Tests failed",
+	testsSkipped: "Completed (tests not run here)",
+	testsPassed: "Completed",
+	built: "Completed",
+	organization: "Approved by your organization",
+	approved: "Approved",
+	inReview: "Awaiting platform review",
+	rejected: "Changes requested",
+	waitingForTests: "Pending",
+	readyForOrganization: "Auto-approved when you deploy",
+	readyToSubmit: "Submit for platform review",
+	deprecated: "Deprecated",
+	store: "Live in the Node Store",
+	deployedToOrganization: "Installable in your organization's workspaces",
+	ready: "Ready to deploy",
+	waitingForApproval: "Pending"
+}, k = {
+	structure: {
+		icon: /* @__PURE__ */ T(x, { size: 16 }),
+		key: "devportal.nodeLifecycle.check.structure",
+		label: "Package structure"
+	},
+	manifest: {
+		icon: /* @__PURE__ */ T(_, { size: 16 }),
+		key: "devportal.nodeLifecycle.check.manifest",
+		label: "Manifest & operations"
+	},
+	security: {
+		icon: /* @__PURE__ */ T(S, { size: 16 }),
+		key: "devportal.nodeLifecycle.check.security",
+		label: "Security scan"
+	},
+	build: {
+		icon: /* @__PURE__ */ T(he, { size: 16 }),
+		key: "devportal.nodeLifecycle.check.build",
+		label: "Sandbox image build"
+	},
+	tests: {
+		icon: /* @__PURE__ */ T(v, { size: 16 }),
+		key: "devportal.nodeLifecycle.check.tests",
+		label: "Automated operation tests"
+	}
+}, ye = {
+	pass: {
+		label: "PASS",
+		className: "bg-status-success-bg-subtle text-status-success-text"
+	},
+	warn: {
+		label: "REVIEW",
+		className: "bg-status-warning-bg-subtle text-status-warning-text"
+	},
+	fail: {
+		label: "FAIL",
+		className: "bg-status-error-bg-subtle text-status-error-text"
+	},
+	running: {
+		label: "RUNNING",
+		className: "bg-status-info-bg-subtle text-status-info-text"
+	},
+	not_run: {
+		label: "NOT RUN",
+		className: "bg-bg-sunken text-text-secondary"
+	}
+}, be = {
+	noPermission: ["devportal.nodeLifecycle.blocker.noPermission", "You do not have permission to publish versions of this node."],
+	notDraft: ["devportal.nodeLifecycle.blocker.notDraft", "This version has already been submitted or deployed. Create a new version to ship a change."],
+	visibilityMismatch: ["devportal.nodeLifecycle.blocker.visibilityMismatch", "This node's visibility does not allow that. Change it under Edit application."],
+	noPackage: ["devportal.nodeLifecycle.blocker.noPackage", "Upload the node package first."],
+	validationNotPassed: ["devportal.nodeLifecycle.blocker.validationNotPassed", "The package must pass validation first."],
+	buildNotReady: ["devportal.nodeLifecycle.blocker.buildNotReady", "Waiting for the sandbox image to build."],
+	testsNotPassed: ["devportal.nodeLifecycle.blocker.testsNotPassed", "The operation tests must finish without failures first."],
+	noWorkspace: ["devportal.nodeLifecycle.blocker.noWorkspace", "Open the developer portal from a workspace of your organization to publish privately."],
+	pendingVersion: ["devportal.nodeLifecycle.blocker.pendingVersion", "Another version of this node is already in review."]
+};
+function xe(e, t) {
+	return e(`devportal.nodeLifecycle.reason.${t.reason}`, O[t.reason] ?? t.reason);
+}
+var A = ({ step: e, index: t }) => {
+	let r = "flex h-11 w-11 shrink-0 items-center justify-center rounded-full border-2 text-sm font-semibold";
+	switch (e.status) {
+		case "complete": return /* @__PURE__ */ T("span", {
+			className: n(r, "border-status-success-text bg-status-success-bg-subtle text-status-success-text"),
+			children: /* @__PURE__ */ T(p, { size: 20 })
+		});
+		case "failed": return /* @__PURE__ */ T("span", {
+			className: n(r, "border-status-error-text bg-status-error-bg-subtle text-status-error-text"),
+			children: /* @__PURE__ */ T(w, { size: 20 })
+		});
+		case "in_progress": return /* @__PURE__ */ T("span", {
+			className: n(r, "border-action-primary-bg bg-action-primary-bg text-action-primary-text"),
+			children: /* @__PURE__ */ T(y, {
+				size: 18,
+				className: "animate-spin"
+			})
+		});
+		case "action": return /* @__PURE__ */ T("span", {
+			className: n(r, "border-action-primary-bg bg-action-primary-bg text-action-primary-text"),
+			children: t + 1
+		});
+		default: return /* @__PURE__ */ T("span", {
+			className: n(r, "border-border-seam text-text-secondary"),
+			children: t + 1
+		});
+	}
+}, Se = ({ lifecycle: e, tr: t }) => /* @__PURE__ */ T("ol", {
+	className: "grid grid-cols-1 gap-4 sm:grid-cols-5",
+	"data-testid": "node-lifecycle-stepper",
+	children: e.steps.map((r, i) => {
+		let [a, o] = D[r.id], s = r.status === "complete" ? "text-status-success-text" : r.status === "failed" ? "text-status-error-text" : r.status === "in_progress" || r.status === "action" ? "text-status-info-text" : "text-text-secondary";
+		return /* @__PURE__ */ E("li", {
+			className: "flex items-center gap-3 sm:flex-col sm:text-center",
+			"data-step": r.id,
+			"data-status": r.status,
+			"aria-current": i === e.currentIndex ? "step" : void 0,
+			children: [/* @__PURE__ */ T(A, {
+				step: r,
+				index: i
+			}), /* @__PURE__ */ E("div", {
+				className: "flex flex-col",
+				children: [/* @__PURE__ */ E("span", {
+					className: "text-sm font-semibold text-text-primary",
+					children: [
+						i + 1,
+						". ",
+						t(a, o)
+					]
+				}), /* @__PURE__ */ T("span", {
+					className: n("text-xs", s),
+					children: xe(t, r)
+				})]
+			})]
+		}, r.id);
+	})
+});
+function j(e, t) {
+	if (t.id === "tests" && t.status === "pass" && t.detail) {
+		let [n, r] = t.detail.split("/");
+		return e("devportal.nodeLifecycle.testsPassing", "{{passed}} / {{total}} passing", {
+			passed: n ?? "0",
+			total: r ?? "0"
+		});
+	}
+	return t.detail === "notValidated" ? e("devportal.nodeLifecycle.notValidated", "Uploaded before validation existed") : t.detail === "blockedByValidation" ? e("devportal.nodeLifecycle.blockedByValidation", "Not built: the package failed validation") : t.detail;
+}
+var Ce = ({ lifecycle: e, tr: t }) => {
+	let [r, i] = f(!1), a = e.smoke, o = a.kind === "passed" || a.kind === "failed" || a.kind === "skipped" ? a.operations : [], s = a.kind === "passed" || a.kind === "failed" || a.kind === "skipped" ? a.finishedAt : null;
+	return /* @__PURE__ */ E("section", {
+		className: "flex flex-col rounded-card border border-border-seam bg-bg-surface",
+		"data-testid": "node-lifecycle-checks",
+		children: [
+			/* @__PURE__ */ T("h2", {
+				className: "border-b border-border-seam px-5 py-4 text-base font-semibold",
+				children: t("devportal.nodeLifecycle.checks", "Checks")
+			}),
+			/* @__PURE__ */ T("ul", {
+				className: "divide-y divide-border-seam",
+				children: e.checks.map((e) => {
+					let r = k[e.id], i = ye[e.status], a = j(t, e);
+					return /* @__PURE__ */ E("li", {
+						className: "px-5 py-3",
+						"data-check": e.id,
+						"data-status": e.status,
+						children: [/* @__PURE__ */ E("div", {
+							className: "flex items-center gap-3",
+							children: [
+								/* @__PURE__ */ T("span", {
+									className: "text-text-secondary",
+									children: r.icon
+								}),
+								/* @__PURE__ */ E("span", {
+									className: "flex-1 text-sm font-medium",
+									children: [t(r.key, r.label), a && /* @__PURE__ */ T("span", {
+										className: "ml-2 text-xs font-normal text-text-secondary",
+										children: a
+									})]
+								}),
+								/* @__PURE__ */ E("span", {
+									className: n("inline-flex items-center gap-1 rounded-md px-2 py-0.5 text-xs font-semibold", i.className),
+									children: [e.status === "running" && /* @__PURE__ */ T(y, {
+										size: 11,
+										className: "animate-spin"
+									}), t(`devportal.nodeLifecycle.badge.${e.status}`, i.label)]
+								})
+							]
+						}), e.issues.length > 0 && /* @__PURE__ */ T("ul", {
+							className: "mt-2 space-y-1 pl-7",
+							children: e.issues.map((e, t) => /* @__PURE__ */ E("li", {
+								className: "text-xs leading-snug",
+								children: [e.path && /* @__PURE__ */ T("code", {
+									className: "mr-1 rounded bg-bg-sunken px-1 py-0.5 font-mono text-text-primary",
+									children: e.path
+								}), /* @__PURE__ */ T("span", {
+									className: e.severity === "error" ? "text-status-error-text" : "text-status-warning-text",
+									children: e.message
+								})]
+							}, `${e.code}-${e.path}-${t}`))
+						})]
+					}, e.id);
+				})
+			}),
+			/* @__PURE__ */ E("div", {
+				className: "mt-auto border-t border-border-seam px-5 py-3",
+				children: [/* @__PURE__ */ E("div", {
+					className: "flex items-center justify-between gap-2 text-xs text-text-secondary",
+					children: [/* @__PURE__ */ T("span", { children: s ? t("devportal.nodeLifecycle.testsFinished", "Tests finished {{time}}", { time: new Date(s).toLocaleString() }) : t("devportal.nodeLifecycle.testsNotFinished", "No test run recorded yet") }), o.length > 0 && /* @__PURE__ */ E("button", {
+						type: "button",
+						className: "inline-flex items-center gap-1 font-medium text-status-info-text hover:underline",
+						onClick: () => i((e) => !e),
+						"aria-expanded": r,
+						children: [r ? t("devportal.nodeLifecycle.hideTestLogs", "Hide test logs") : t("devportal.nodeLifecycle.viewTestLogs", "View test logs"), T(r ? g : h, { size: 12 })]
+					})]
+				}), r && /* @__PURE__ */ T("ul", {
+					className: "mt-3 space-y-1 rounded-md bg-bg-sunken p-3 font-mono text-xs",
+					"data-testid": "node-lifecycle-test-logs",
+					children: o.map((e, t) => /* @__PURE__ */ E("li", {
+						className: "flex gap-2",
+						children: [
+							e.status === "PASS" ? /* @__PURE__ */ T(m, {
+								size: 12,
+								className: "mt-0.5 shrink-0 text-status-success-text"
+							}) : e.status === "SKIP" ? /* @__PURE__ */ T(b, {
+								size: 12,
+								className: "mt-0.5 shrink-0 text-text-secondary"
+							}) : /* @__PURE__ */ T(w, {
+								size: 12,
+								className: "mt-0.5 shrink-0 text-status-error-text"
+							}),
+							/* @__PURE__ */ T("span", {
+								className: "text-text-primary",
+								children: e.name
+							}),
+							/* @__PURE__ */ E("span", {
+								className: "text-text-secondary",
+								children: [
+									e.status,
+									" · ",
+									e.durationMs,
+									" ms"
+								]
+							}),
+							(e.error ?? e.detail) && /* @__PURE__ */ T("span", {
+								className: "break-all text-text-secondary",
+								children: e.error ?? e.detail
+							})
+						]
+					}, `${e.name}-${t}`))
+				})]
+			})
+		]
+	});
+}, we = ({ manifest: e, tr: t }) => {
+	let [n, r] = f(!1), i = d(() => e ? JSON.stringify(e, null, 2) : "", [e]), a = i ? i.split("\n") : [];
+	return /* @__PURE__ */ E("section", {
+		className: "flex min-w-0 flex-col rounded-card border border-border-seam bg-bg-surface",
+		"data-testid": "node-lifecycle-manifest",
+		children: [/* @__PURE__ */ E("div", {
+			className: "flex items-center justify-between gap-2 border-b border-border-seam px-5 py-3",
+			children: [/* @__PURE__ */ E("h2", {
+				className: "text-base font-semibold",
+				children: [
+					t("devportal.nodeLifecycle.manifestPreview", "Manifest preview"),
+					" ",
+					/* @__PURE__ */ T("span", {
+						className: "font-normal text-text-secondary",
+						children: "(manifest.json)"
+					})
+				]
+			}), i && /* @__PURE__ */ E("button", {
+				type: "button",
+				onClick: async () => {
+					try {
+						await navigator.clipboard.writeText(i), r(!0), window.setTimeout(() => r(!1), 2e3);
+					} catch {
+						r(!1);
+					}
+				},
+				className: "inline-flex items-center gap-1.5 rounded-md border border-border-seam px-3 py-1.5 text-xs font-medium hover:bg-accent",
+				children: [T(n ? p : de, { size: 13 }), n ? t("devportal.copied", "Copied") : t("devportal.copy", "Copy")]
+			})]
+		}), a.length > 0 ? /* @__PURE__ */ T("pre", {
+			className: "max-h-[28rem] flex-1 overflow-auto px-0 py-3 font-mono text-xs leading-5",
+			children: a.map((e, t) => /* @__PURE__ */ E("div", {
+				className: "flex",
+				children: [/* @__PURE__ */ T("span", {
+					className: "w-10 shrink-0 select-none pr-3 text-right text-text-tertiary",
+					children: t + 1
+				}), /* @__PURE__ */ T("span", {
+					className: "whitespace-pre text-text-primary",
+					children: e
+				})]
+			}, t))
+		}) : /* @__PURE__ */ T("p", {
+			className: "px-5 py-6 text-sm text-text-secondary",
+			children: t("devportal.nodeLifecycle.noManifest", "This version has no manifest yet. Add one from the versions page.")
+		})]
+	});
+}, M = () => {
+	let h = t(), { appId: g, versionId: _ } = ge(), { basePath: v, navigate: b, workspaceId: x, workspacesGatewayUrl: he, authToken: S, getWorkspaceToken: w } = e(), { allowed: D } = l(u.APP_VERSION_PUBLISH), { allowed: O } = l(u.APP_VERSION_UPDATE), { data: k, loading: ye, error: A, startPolling: j, stopPolling: M } = a({
+		variables: { id: g ?? "" },
+		skip: !g,
+		fetchPolicy: "cache-and-network"
+	}), N = k?.application, P = d(() => N?.versions?.edges?.map((e) => e.node) ?? [], [N?.versions]), F = P.find((e) => e.id === _) ?? null, I = N?.visibility ?? null, L = ie(I), R = d(() => F ? re(F, L) : null, [F, L]), z = R?.busy ?? !1;
+	oe(() => {
+		if (z) return j(ve), () => M();
+	}, [
+		z,
+		j,
+		M
+	]);
+	let Te = P.some((e) => e.id !== _ && e.status === "pending_review"), [Ee] = ee({
+		refetchQueries: ["GetApplication"],
+		awaitRefetchQueries: !0
+	}), [De, { loading: Oe }] = o({ refetchQueries: ["GetApplication"] }), [ke, { loading: Ae }] = s({ refetchQueries: ["GetApplication"] }), { upload: je, uploading: B, progress: Me, error: V } = te(he, S, x, w), H = se(null), [U, W] = f(null), [G, K] = f(null), [Ne, q] = f(!1), [J, Y] = f(!1), X = ae((e) => b?.(`${v}${e}`), [b, v]), Pe = async (e) => {
+		let t = e.target.files?.[0];
+		if (e.target.value = "", !(!t || !F)) {
+			if (W(null), K(null), !t.name.toLowerCase().endsWith(".zip")) {
+				W(h("devportal.nodeLifecycle.zipOnly", "Upload the node as a .zip package."));
+				return;
+			}
+			Y(!0);
+			try {
+				let e = await je(t), n = await Ee({ variables: {
+					id: F.id,
+					input: {
+						packageUrl: e.downloadUrl,
+						packageSize: String(t.size)
+					}
+				} });
+				if (n.error || !n.data?.updateApplicationVersion) throw n.error ?? Error(h("devportal.nodeLifecycle.uploadFailed", "Failed to attach the package to this version"));
+				K(h("devportal.nodeLifecycle.uploaded", "Package uploaded. Validation and tests start automatically."));
+			} catch (e) {
+				W(e instanceof Error ? e.message : h("devportal.nodeLifecycle.uploadFailed", "Failed to attach the package to this version"));
+			} finally {
+				Y(!1);
+			}
+		}
+	}, Fe = L === "store" && N?.status !== "PUBLISHED", Z = F && R ? ne({
+		lifecycle: R,
+		version: F,
+		visibility: L,
+		appVisibility: I,
+		workspaceId: x,
+		otherVersionPending: Te,
+		canPublish: D
+	}) : "notDraft", Ie = async () => {
+		if (!(!F || Z || J)) {
+			if (W(null), K(null), Fe) {
+				X(`/apps/${g}/publish`);
+				return;
+			}
+			try {
+				if (L === "private") {
+					if (!x) return;
+					let e = await ke({ variables: {
+						id: F.id,
+						workspaceId: x
+					} });
+					if (e.error || !e.data?.publishApplicationVersionToOrganization) throw e.error ?? Error(h("devportal.versionPublishToOrganizationFailed", "Failed to publish the version to your organization"));
+					K(h("devportal.nodeLifecycle.deployedPrivately", "Deployed to your organization. Workspace admins can now install it from the Node Store."));
+				} else {
+					let e = await De({ variables: { id: F.id } });
+					if (e.error || !e.data?.publishApplicationVersion) throw e.error ?? Error(h("devportal.versionPublishFailed", "Failed to submit version for review"));
+					K(h("devportal.nodeLifecycle.submitted", "Submitted for platform review. It deploys to the Node Store as soon as it is approved."));
+				}
+			} catch (e) {
+				W(e instanceof Error ? e.message : h("devportal.nodeLifecycle.deployFailed", "Deploy failed"));
+			}
+		}
+	}, Le = async () => {
+		if (F) try {
+			await navigator.clipboard.writeText(F.id), q(!0), window.setTimeout(() => q(!1), 2e3);
+		} catch {
+			q(!1);
+		}
+	}, Q = `${v}/apps/${g}/versions`;
+	if (ye && !k) return /* @__PURE__ */ T(r, {});
+	if (A && !k) return /* @__PURE__ */ T(c, {
+		title: h("devportal.nodeLifecycle.title", "Publish a custom node"),
+		backLink: Q,
+		backLabel: h("devportal.backToVersions", "Back to versions"),
+		children: /* @__PURE__ */ T(i, {
+			title: h("devportal.nodeLifecycle.loadFailed", "Could not load this version"),
+			description: A.message
+		})
+	});
+	if (!N || !F || !R || N.appType !== "NODE") return /* @__PURE__ */ T(c, {
+		title: h("devportal.nodeLifecycle.title", "Publish a custom node"),
+		backLink: Q,
+		backLabel: h("devportal.backToVersions", "Back to versions"),
+		children: /* @__PURE__ */ T(i, {
+			title: h("devportal.nodeLifecycle.notFound", "Custom node version not found"),
+			description: h("devportal.nodeLifecycle.notFoundDescription", "This page shows the lifecycle of a version of a Node application. Pick a version from the versions page.")
+		})
+	});
+	let $ = F.status.toLowerCase(), Re = $ === "draft" || $ === "rejected", ze = Oe || Ae, Be = !!Z || ze || J, [Ve, He] = Z ? be[Z] : ["", ""], Ue = L === "private" ? h("devportal.nodeLifecycle.deployPrivate", "Deploy to my organization") : Fe ? h("devportal.nodeLifecycle.continueToStore", "Continue to store submission") : h("devportal.nodeLifecycle.submitToStore", "Submit for review");
+	return /* @__PURE__ */ E(c, {
+		title: /* @__PURE__ */ E("span", {
+			className: "flex flex-col gap-2",
+			children: [/* @__PURE__ */ T("span", {
+				className: "w-fit rounded-md bg-status-info-bg-subtle px-2 py-0.5 text-xs font-semibold uppercase tracking-wide text-status-info-text",
+				children: h("devportal.nodeLifecycle.badge", "Custom node")
+			}), /* @__PURE__ */ E("span", { children: [
+				h("devportal.nodeLifecycle.title", "Publish a custom node"),
+				" · ",
+				/* @__PURE__ */ E("span", {
+					className: "font-mono",
+					children: [
+						N.slug,
+						" v",
+						F.version
+					]
+				})
+			] })]
+		}),
+		backLink: Q,
+		backLabel: h("devportal.backToVersions", "Back to versions"),
+		purpose: h("devportal.nodeLifecycle.purpose", "Every custom node goes through the same five stages before workflows can use it. Validation, the sandbox build and the operation tests run automatically after you upload the package."),
+		fullWidth: !0,
+		children: [
+			/* @__PURE__ */ E("div", {
+				className: "flex flex-wrap items-center gap-2 text-sm text-text-secondary",
+				children: [
+					/* @__PURE__ */ T("span", { children: h("devportal.nodeLifecycle.versionId", "Version ID") }),
+					/* @__PURE__ */ T("code", {
+						className: "rounded-md border border-border-seam bg-bg-sunken px-2 py-0.5 font-mono text-text-primary",
+						"data-testid": "node-lifecycle-version-id",
+						children: F.id
+					}),
+					/* @__PURE__ */ T("button", {
+						type: "button",
+						onClick: Le,
+						"aria-label": h("devportal.nodeLifecycle.copyVersionId", "Copy version ID"),
+						className: "rounded-md p-1 hover:bg-accent",
+						children: T(Ne ? p : de, { size: 14 })
+					})
+				]
+			}),
+			U && /* @__PURE__ */ E("div", {
+				role: "alert",
+				className: "flex items-start gap-2 rounded-md bg-status-error-bg-subtle px-4 py-3 text-sm text-status-error-text",
+				children: [/* @__PURE__ */ T(ce, {
+					size: 16,
+					className: "mt-0.5 shrink-0"
+				}), U]
+			}),
+			G && /* @__PURE__ */ E("div", {
+				role: "status",
+				className: "flex items-start gap-2 rounded-md bg-status-success-bg-subtle px-4 py-3 text-sm text-status-success-text",
+				children: [/* @__PURE__ */ T(m, {
+					size: 16,
+					className: "mt-0.5 shrink-0"
+				}), G]
+			}),
+			/* @__PURE__ */ E("section", {
+				className: "rounded-card border border-border-seam bg-bg-surface p-5",
+				children: [/* @__PURE__ */ T(Se, {
+					lifecycle: R,
+					tr: h
+				}), $ === "rejected" && F.reviewNotes && /* @__PURE__ */ E("p", {
+					className: "mt-4 rounded-md bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
+					children: [
+						h("devportal.nodeLifecycle.reviewNotes", "Reviewer notes:"),
+						" ",
+						F.reviewNotes
+					]
+				})]
+			}),
+			/* @__PURE__ */ E("section", {
+				className: "flex flex-col gap-3 rounded-card border border-border-seam bg-bg-surface p-5 sm:flex-row sm:items-center sm:justify-between",
+				children: [/* @__PURE__ */ E("div", {
+					className: "flex items-center gap-3",
+					children: [/* @__PURE__ */ T(C, {
+						size: 18,
+						className: "text-text-secondary"
+					}), /* @__PURE__ */ E("div", {
+						className: "flex flex-col",
+						children: [
+							/* @__PURE__ */ T("span", {
+								className: "text-sm font-medium",
+								children: F.packageUrl ? h("devportal.nodeLifecycle.packageAttached", "Package attached") : h("devportal.nodeLifecycle.packageMissing", "No package yet")
+							}),
+							/* @__PURE__ */ T("span", {
+								className: "text-xs text-text-secondary",
+								children: F.packageUrl ? [F.packageSize && h("devportal.nodeLifecycle.packageSize", "{{size}} KB", { size: Math.max(1, Math.round(Number(F.packageSize) / 1024)) }), F.packageHash && `sha256 ${F.packageHash.slice(0, 12)}…`].filter(Boolean).join(" · ") : h("devportal.nodeLifecycle.packageHint", "A .zip with manifest.json and the node's server (fluidgrids-node new scaffolds one).")
+							}),
+							B && /* @__PURE__ */ T("span", {
+								className: "text-xs text-status-info-text",
+								children: h("devportal.nodeLifecycle.uploading", "Uploading… {{progress}}%", { progress: Math.round(Me) })
+							}),
+							V && /* @__PURE__ */ T("span", {
+								className: "text-xs text-status-error-text",
+								children: V
+							})
+						]
+					})]
+				}), Re && O && /* @__PURE__ */ E(_e, { children: [/* @__PURE__ */ T("input", {
+					ref: H,
+					type: "file",
+					accept: ".zip,application/zip",
+					className: "hidden",
+					"data-testid": "node-lifecycle-zip-input",
+					onChange: Pe
+				}), /* @__PURE__ */ E("button", {
+					type: "button",
+					disabled: B || J,
+					onClick: () => H.current?.click(),
+					className: "inline-flex items-center gap-2 rounded-md border border-border-seam px-4 py-2 text-sm font-medium hover:bg-accent disabled:opacity-50",
+					children: [B ? /* @__PURE__ */ T(y, {
+						size: 16,
+						className: "animate-spin"
+					}) : /* @__PURE__ */ T(C, { size: 16 }), F.packageUrl ? h("devportal.nodeLifecycle.replaceZip", "Replace ZIP") : h("devportal.nodeLifecycle.uploadZip", "Upload ZIP")]
+				})] })]
+			}),
+			/* @__PURE__ */ E("div", {
+				className: "grid grid-cols-1 gap-4 lg:grid-cols-2",
+				children: [/* @__PURE__ */ T(Ce, {
+					lifecycle: R,
+					tr: h
+				}), /* @__PURE__ */ T(we, {
+					manifest: F.manifest,
+					tr: h
+				})]
+			}),
+			/* @__PURE__ */ E("section", {
+				className: "flex flex-col gap-4 rounded-card border border-border-seam bg-bg-surface p-5 lg:flex-row lg:items-center lg:justify-between",
+				"data-testid": "node-lifecycle-deploy",
+				children: [/* @__PURE__ */ E("div", {
+					className: "flex flex-col gap-2",
+					children: [
+						/* @__PURE__ */ T("span", {
+							className: "text-sm font-semibold",
+							children: h("devportal.nodeLifecycle.visibility", "Visibility")
+						}),
+						/* @__PURE__ */ T("div", {
+							role: "radiogroup",
+							"aria-label": h("devportal.nodeLifecycle.visibility", "Visibility"),
+							className: "inline-flex w-fit overflow-hidden rounded-md border border-border-seam",
+							children: [[
+								"private",
+								/* @__PURE__ */ T(pe, { size: 14 }, "i"),
+								h("devportal.nodeLifecycle.private", "Workspace-private")
+							], [
+								"store",
+								/* @__PURE__ */ T(fe, { size: 14 }, "i"),
+								h("devportal.nodeLifecycle.store", "Submit to store")
+							]].map(([e, t, r]) => {
+								let i = L === e;
+								return /* @__PURE__ */ E("span", {
+									role: "radio",
+									"aria-checked": i,
+									"aria-disabled": !i,
+									"data-visibility": e,
+									className: n("inline-flex items-center gap-2 px-4 py-2 text-sm", i ? "bg-status-info-bg-subtle font-medium text-status-info-text" : "text-text-secondary"),
+									children: [t, r]
+								}, e);
+							})
+						}),
+						/* @__PURE__ */ E("p", {
+							className: "max-w-xl text-xs text-text-secondary",
+							children: [
+								L === "private" ? h("devportal.nodeLifecycle.privateHint", "Private nodes skip platform review: deploying approves the version for your organization and only its workspaces can install it.") : h("devportal.nodeLifecycle.storeHint", "Store nodes are reviewed by the platform team and deploy to the public Node Store once approved."),
+								" ",
+								/* @__PURE__ */ T("button", {
+									type: "button",
+									className: "font-medium text-status-info-text hover:underline",
+									onClick: () => X(`/apps/${g}/edit`),
+									children: h("devportal.nodeLifecycle.changeVisibility", "Change visibility")
+								})
+							]
+						})
+					]
+				}), /* @__PURE__ */ E("div", {
+					className: "flex flex-col items-stretch gap-2 lg:items-end",
+					children: [
+						/* @__PURE__ */ E("div", {
+							className: "flex flex-wrap gap-2",
+							children: [/* @__PURE__ */ E("button", {
+								type: "button",
+								onClick: () => X(`/apps/${g}/versions`),
+								className: "inline-flex items-center justify-center gap-2 rounded-md border border-border-seam px-4 py-2 text-sm font-medium hover:bg-accent",
+								children: [/* @__PURE__ */ T(le, { size: 16 }), h("devportal.nodeLifecycle.allVersions", "All versions")]
+							}), R.steps[4].status !== "complete" && /* @__PURE__ */ E("button", {
+								type: "button",
+								onClick: Ie,
+								disabled: Be,
+								"aria-disabled": Be,
+								"data-testid": "node-lifecycle-deploy-button",
+								className: "inline-flex items-center justify-center gap-2 rounded-md bg-action-primary-bg px-5 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:cursor-not-allowed disabled:opacity-50",
+								children: [ze ? /* @__PURE__ */ T(y, {
+									size: 16,
+									className: "animate-spin"
+								}) : T(L === "private" ? ue : me, { size: 16 }), Ue]
+							})]
+						}),
+						Z && R.steps[4].status !== "complete" && /* @__PURE__ */ T("p", {
+							className: "max-w-sm text-xs text-text-secondary lg:text-right",
+							"data-testid": "node-lifecycle-deploy-blocker",
+							"data-blocker": Z,
+							children: h(Ve, He)
+						}),
+						R.steps[4].status === "complete" && /* @__PURE__ */ E("p", {
+							className: "inline-flex items-center gap-1 text-sm font-medium text-status-success-text",
+							children: [/* @__PURE__ */ T(m, { size: 16 }), xe(h, R.steps[4])]
+						})
+					]
+				})]
+			})
+		]
+	});
+};
+//#endregion
+export { M as NodeLifecyclePage };
+
+//# sourceMappingURL=NodeLifecyclePage.js.map