@burdenoff/microfe-store 2026.1028.1 → 2026.1031.1

package/dist/pages/AdminSubmissionsQueuePage.js

@@ -2,34 +2,43 @@ import { useStore as e } from "../providers/StoreProvider.js";
 import { formatPriceForModel as t } from "../utils/index.js";
 import { Markdown as n } from "../node_modules/react-markdown/lib/index.js";
 import { InstallAppModal as r } from "../components/InstallAppModal.js";
-import { useCallback as i, useEffect as a, useState as o } from "react";
-import { useNavigate as ee } from "react-router";
-import { ArrowLeft as te, Check as ne, ChevronDown as re, ChevronUp as ie, Clock as ae, Download as s, ExternalLink as oe, FileJson as c, FlaskConical as se, GitBranch as l, Hash as ce, History as le, PackageCheck as ue, RefreshCw as u, ShieldCheck as de, Tag as fe, User as pe, X as d } from "lucide-react";
-import { graphqlFetch as f } from "@burdenoff/fe-libs/shared/graphql";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import { IllustratedEmptyState as me, PagePurpose as he } from "@burdenoff/fe-libs/ui";
+import { WORKFLOW_TEMPLATE_PREVIEW_FIELDS as i, WorkflowTemplatePreviewPanel as a } from "../components/WorkflowTemplatePreviewPanel.js";
+import { TEMPLATE_REVISION_COUNT_QUERY as ee, TemplateRevisionsQueue as te } from "../components/TemplateRevisionsQueue.js";
+import { useCallback as o, useEffect as s, useRef as ne, useState as c } from "react";
+import { useNavigate as re } from "react-router";
+import { ArrowLeft as ie, Check as ae, ChevronDown as oe, ChevronUp as se, Clock as ce, Download as l, ExternalLink as u, FileJson as d, FlaskConical as le, GitBranch as ue, Hash as de, History as fe, PackageCheck as pe, RefreshCw as f, ShieldCheck as me, Tag as he, User as ge, X as p } from "lucide-react";
+import { graphqlFetch as m } from "@burdenoff/fe-libs/shared/graphql";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { IllustratedEmptyState as _e, PagePurpose as ve } from "@burdenoff/fe-libs/ui";
 //#region src/pages/AdminSubmissionsQueuePage.tsx
-function h(e) {
+function _(e) {
 	let t = e?.sandboxBuildStatus;
 	return typeof t == "string" ? t : null;
 }
-function g(e) {
+function v(e) {
 	let t = e?.sandboxBuildError;
 	return typeof t == "string" ? t : null;
 }
-var ge = {
+var ye = {
 	PENDING: "Build pending",
 	READY: "Build ready",
 	FAILED: "Build failed",
 	DISPATCH_FAILED: "Dispatch failed",
 	UNSUPPORTED: "Unsupported provider"
-}, _ = {
+}, y = {
 	PENDING: "bg-[var(--color-status-warning-bg-subtle)] text-[var(--color-status-warning-text)]",
 	READY: "bg-[var(--color-status-success-bg-subtle)] text-[var(--color-status-success-text)]",
 	FAILED: "bg-[var(--color-status-error-bg-subtle)] text-[var(--color-status-error-text)]",
 	DISPATCH_FAILED: "bg-[var(--color-status-error-bg-subtle)] text-[var(--color-status-error-text)]",
 	UNSUPPORTED: "bg-[var(--color-surface-muted)] text-[var(--color-text-secondary)]"
-}, _e = "\n  query PendingReviewProducts($limit: Int, $offset: Int) {\n    pendingReviewProducts(limit: $limit, offset: $offset) {\n      totalCount\n      products {\n        id\n        slug\n        name\n        type\n        nature\n        status\n        pricingModel\n        price\n        currency\n        description\n        submittedAt\n        submittedBy\n        category\n        icon\n        productId\n        zipFileUrl\n        manifest\n        requiredPermissions\n        publisher {\n          id\n          name\n          email\n        }\n      }\n    }\n  }\n", ve = "\n  query AdminProducts($limit: Int, $offset: Int, $status: ProductStatus) {\n    products(filter: { status: $status }, limit: $limit, offset: $offset) {\n      id\n      slug\n      name\n      type\n      nature\n      status\n      pricingModel\n      price\n      currency\n      description\n      submittedAt\n      submittedBy\n      category\n      icon\n      productId\n      zipFileUrl\n      manifest\n      requiredPermissions\n      publisher {\n        id\n        name\n        email\n      }\n    }\n  }\n", ye = "\n  mutation ApproveProduct($id: ID!, $notes: String) {\n    approveProduct(id: $id, notes: $notes) {\n      id\n      status\n      publishedAt\n    }\n  }\n", be = "\n  mutation RejectProduct($id: ID!, $reason: String!) {\n    rejectProduct(id: $id, reason: $reason) {\n      id\n      status\n      rejectedReason\n    }\n  }\n", xe = "\n  mutation DelistProduct($id: ID!, $reason: String) {\n    delistProduct(id: $id, reason: $reason) {\n      id\n      status\n    }\n  }\n", Se = "\n  query AdminAppPackageUrl($id: ID!) {\n    application(id: $id) {\n      id\n      versions(first: 1) {\n        edges {\n          node {\n            id\n            packageUrl\n            metadata\n          }\n        }\n      }\n    }\n  }\n", Ce = "\n  mutation RefreshApplicationVersionPackageUrl($id: ID!) {\n    refreshApplicationVersionPackageUrl(id: $id)\n  }\n", we = "\n  query AdminPendingVersionApps($limit: Int, $offset: Int) {\n    applicationsWithPendingVersions(limit: $limit, offset: $offset) {\n      totalCount\n      edges {\n        node {\n          id\n          name\n          slug\n          appType\n          iconUrl\n          shortDescription\n          description\n          versions(first: 5) {\n            edges {\n              node {\n                id\n                version\n                status\n                releaseNotes\n                packageUrl\n                packageSize\n                isLatest\n                reviewNotes\n                manifest\n                metadata\n                createdAt\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n", Te = "\n  mutation AdminApproveApplicationVersion($id: ID!, $notes: String) {\n    approveApplicationVersion(id: $id, notes: $notes) {\n      id\n      status\n    }\n  }\n", Ee = "\n  mutation AdminRejectApplicationVersion($id: ID!, $reason: String!) {\n    rejectApplicationVersion(id: $id, reason: $reason) {\n      id\n      status\n    }\n  }\n", De = "\n  mutation AdminRetryNodeSandboxBuild($id: ID!) {\n    retryNodeSandboxBuild(id: $id)\n  }\n", Oe = [
+}, be = "\n  query PendingReviewProducts($limit: Int, $offset: Int) {\n    pendingReviewProducts(limit: $limit, offset: $offset) {\n      totalCount\n      products {\n        id\n        slug\n        name\n        type\n        nature\n        status\n        pricingModel\n        price\n        currency\n        description\n        submittedAt\n        submittedBy\n        category\n        icon\n        productId\n        zipFileUrl\n        manifest\n        requiredPermissions\n        publisher {\n          id\n          name\n          email\n        }\n      }\n    }\n  }\n", xe = "\n  query AdminProducts($limit: Int, $offset: Int, $status: ProductStatus) {\n    products(filter: { status: $status }, limit: $limit, offset: $offset) {\n      id\n      slug\n      name\n      type\n      nature\n      status\n      pricingModel\n      price\n      currency\n      description\n      submittedAt\n      submittedBy\n      category\n      icon\n      productId\n      zipFileUrl\n      manifest\n      requiredPermissions\n      publisher {\n        id\n        name\n        email\n      }\n    }\n  }\n", Se = `
+  query AdminWorkflowTemplatePreview($id: ID!) {
+    product(id: $id) {
+      id
+      workflowTemplatePreview { ${i} }
+    }
+  }
+`, b = 50, Ce = "\n  mutation ApproveProduct($id: ID!, $notes: String) {\n    approveProduct(id: $id, notes: $notes) {\n      id\n      status\n      publishedAt\n    }\n  }\n", we = "\n  mutation RejectProduct($id: ID!, $reason: String!) {\n    rejectProduct(id: $id, reason: $reason) {\n      id\n      status\n      rejectedReason\n    }\n  }\n", Te = "\n  mutation DelistProduct($id: ID!, $reason: String) {\n    delistProduct(id: $id, reason: $reason) {\n      id\n      status\n    }\n  }\n", Ee = "\n  query AdminAppPackageUrl($id: ID!) {\n    application(id: $id) {\n      id\n      versions(first: 1) {\n        edges {\n          node {\n            id\n            packageUrl\n            metadata\n          }\n        }\n      }\n    }\n  }\n", De = "\n  mutation RefreshApplicationVersionPackageUrl($id: ID!) {\n    refreshApplicationVersionPackageUrl(id: $id)\n  }\n", Oe = "\n  query AdminPendingVersionApps($limit: Int, $offset: Int) {\n    applicationsWithPendingVersions(limit: $limit, offset: $offset) {\n      totalCount\n      edges {\n        node {\n          id\n          name\n          slug\n          appType\n          iconUrl\n          shortDescription\n          description\n          versions(first: 5) {\n            edges {\n              node {\n                id\n                version\n                status\n                releaseNotes\n                packageUrl\n                packageSize\n                isLatest\n                reviewNotes\n                manifest\n                metadata\n                createdAt\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n", ke = "\n  mutation AdminApproveApplicationVersion($id: ID!, $notes: String) {\n    approveApplicationVersion(id: $id, notes: $notes) {\n      id\n      status\n    }\n  }\n", Ae = "\n  mutation AdminRejectApplicationVersion($id: ID!, $reason: String!) {\n    rejectApplicationVersion(id: $id, reason: $reason) {\n      id\n      status\n    }\n  }\n", je = "\n  mutation AdminRetryNodeSandboxBuild($id: ID!) {\n    retryNodeSandboxBuild(id: $id)\n  }\n", Me = [
 	{
 		label: "Pending review",
 		value: "PENDING_REVIEW"
@@ -42,6 +51,10 @@ var ge = {
 		label: "Rejected",
 		value: "REJECTED"
 	},
+	{
+		label: "Template revisions",
+		value: "TEMPLATE_REVISIONS"
+	},
 	{
 		label: "Version Updates",
 		value: "VERSION_UPDATES"
@@ -50,16 +63,16 @@ var ge = {
 		label: "All",
 		value: "ALL"
 	}
-], v = {
+], x = {
 	NODE: "bg-[var(--color-status-info-bg-subtle)] text-[var(--color-status-info-text)]",
 	WORKFLOW: "bg-[var(--color-status-warning-bg-subtle)] text-[var(--color-status-warning-text)]",
 	INTEGRATION: "bg-[var(--color-status-success-bg-subtle)] text-[var(--color-status-success-text)]",
 	VIBEMODULE: "bg-[var(--color-surface-accent-muted)] text-[var(--color-text-accent)]"
-}, y = {
+}, S = {
 	PENDING_REVIEW: "bg-[var(--color-status-warning-bg-subtle)] text-[var(--color-status-warning-text)]",
 	PUBLISHED: "bg-[var(--color-status-success-bg-subtle)] text-[var(--color-status-success-text)]",
 	REJECTED: "bg-[var(--color-status-error-bg-subtle)] text-[var(--color-status-error-text)]"
-}, b = new Set([
+}, C = new Set([
 	"NODE",
 	"WORKFLOW",
 	"VIBEMODULE",
@@ -67,13 +80,13 @@ var ge = {
 	"DATASINK",
 	"CONSOLE"
 ]);
-function ke(e) {
-	return v[e] ?? "bg-[var(--color-surface-muted)] text-[var(--color-text-secondary)]";
+function Ne(e) {
+	return x[e] ?? "bg-[var(--color-surface-muted)] text-[var(--color-text-secondary)]";
 }
-function Ae(e) {
-	return y[e] ?? "bg-[var(--color-surface-muted)] text-[var(--color-text-secondary)]";
+function Pe(e) {
+	return S[e] ?? "bg-[var(--color-surface-muted)] text-[var(--color-text-secondary)]";
 }
-function x(e) {
+function Fe(e) {
 	return e ? new Date(e).toLocaleString(void 0, {
 		month: "short",
 		day: "numeric",
@@ -82,138 +95,166 @@ function x(e) {
 		minute: "2-digit"
 	}) : "—";
 }
-var S = () => {
-	let v = ee(), { authToken: y, basePath: S } = e(), [C, w] = o([]), [T, je] = o(0), [E, D] = o(!1), [O, k] = o(null), [A, j] = o(null), [M, Me] = o("PENDING_REVIEW"), [Ne, N] = o(null), [P, F] = o(""), [I, L] = o(null), [R, z] = o(null), [B, Pe] = o([]), [V, Fe] = o(0), [H, U] = o(null), [W, Ie] = o(null), [Le, G] = o(null), [K, q] = o(""), [Re, J] = o(null), [Y, ze] = o({}), [X, Be] = o(null), Z = i(async () => {
-		D(!0), k(null);
+var w = () => {
+	let i = re(), { authToken: x, basePath: S } = e(), [w, Ie] = c([]), [Le, Re] = c(0), [ze, Be] = c(!1), [T, E] = c({}), D = ne({});
+	s(() => {
+		D.current = T;
+	}, [T]);
+	let [O, k] = c(!1), [A, j] = c(null), [M, N] = c(null), [P, Ve] = c("PENDING_REVIEW"), [He, F] = c(null), [I, L] = c(""), [R, Ue] = c(null), [z, B] = c(null), [V, We] = c([]), [Ge, Ke] = c(0), [H, U] = c(null), [W, qe] = c(null), [Je, G] = c(null), [K, q] = c(""), [Ye, J] = c(null), [Y, Xe] = c({}), [X, Ze] = c(null), [Qe, Z] = c(0), $e = ne(0), [et, tt] = c(0);
+	s(() => {
+		let e = !1;
+		return (async () => {
+			try {
+				let t = await m({
+					gateway: "global",
+					query: ee,
+					authToken: x || void 0
+				});
+				e || Z(t.data?.pendingWorkflowTemplateRevisions.totalCount ?? 0);
+			} catch {}
+		})(), () => {
+			e = !0;
+		};
+	}, [x]);
+	let Q = o(async () => {
+		k(!0), j(null);
 		try {
-			let e = await f({
+			let e = await m({
 				gateway: "global",
-				query: we,
+				query: Oe,
 				variables: {
-					limit: 50,
+					limit: 20,
 					offset: 0
 				},
-				authToken: y || void 0
+				authToken: x || void 0
 			});
 			if (e.errors?.length) throw Error(e.errors[0]?.message ?? "Failed to load version updates");
-			Pe((e.data?.applicationsWithPendingVersions.edges ?? []).map((e) => e.node)), Fe(e.data?.applicationsWithPendingVersions.totalCount ?? 0);
+			We((e.data?.applicationsWithPendingVersions.edges ?? []).map((e) => e.node)), Ke(e.data?.applicationsWithPendingVersions.totalCount ?? 0);
 		} catch (e) {
-			k(e instanceof Error ? e.message : "Failed to load version updates");
+			j(e instanceof Error ? e.message : "Failed to load version updates");
 		} finally {
-			D(!1);
+			k(!1);
 		}
-	}, [y]), Ve = async (e, t, n) => {
-		U(e), k(null);
+	}, [x]), nt = async (e, t, n) => {
+		U(e), j(null);
 		try {
-			let t = await f({
+			let t = await m({
 				gateway: "global",
-				query: Te,
+				query: ke,
 				variables: {
 					id: e,
 					notes: n || null
 				},
-				authToken: y || void 0
+				authToken: x || void 0
 			});
 			if (t.errors?.length) throw Error(t.errors[0]?.message ?? "Approval failed");
-			await Z();
+			await Q();
 		} catch (e) {
-			k(e instanceof Error ? e.message : "Approval failed");
+			j(e instanceof Error ? e.message : "Approval failed");
 		} finally {
 			U(null);
 		}
-	}, He = async (e, t, n) => {
+	}, rt = async (e, t, n) => {
 		if (!n.trim()) {
-			k("Rejection reason is required");
+			j("Rejection reason is required");
 			return;
 		}
-		U(e), k(null);
+		U(e), j(null);
 		try {
-			let t = await f({
+			let t = await m({
 				gateway: "global",
-				query: Ee,
+				query: Ae,
 				variables: {
 					id: e,
 					reason: n.trim()
 				},
-				authToken: y || void 0
+				authToken: x || void 0
 			});
 			if (t.errors?.length) throw Error(t.errors[0]?.message ?? "Rejection failed");
-			G(null), q(""), J(null), await Z();
+			G(null), q(""), J(null), await Q();
 		} catch (e) {
-			k(e instanceof Error ? e.message : "Rejection failed");
+			j(e instanceof Error ? e.message : "Rejection failed");
 		} finally {
 			U(null);
 		}
-	}, Ue = async (e) => {
-		Ie(e), k(null);
+	}, it = async (e) => {
+		qe(e), j(null);
 		try {
-			let t = await f({
+			let t = await m({
 				gateway: "global",
-				query: De,
+				query: je,
 				variables: { id: e },
-				authToken: y || void 0
+				authToken: x || void 0
 			});
 			if (t.errors?.length) throw Error(t.errors[0]?.message ?? "Retry failed");
-			await Promise.all([Z(), Q(M)]);
+			await Promise.all([Q(), $(P)]);
 		} catch (e) {
-			k(e instanceof Error ? e.message : "Retry failed");
+			j(e instanceof Error ? e.message : "Retry failed");
 		} finally {
-			Ie(null);
+			qe(null);
 		}
-	}, Q = i(async (e) => {
+	}, $ = o(async (e, t = 0) => {
+		let n = ++$e.current, r = () => n === $e.current;
 		if (e === "VERSION_UPDATES") {
-			await Z();
+			await Q();
+			return;
+		}
+		if (e === "TEMPLATE_REVISIONS") {
+			k(!1), tt((e) => e + 1);
 			return;
 		}
-		D(!0), k(null);
+		k(!0), j(null), t === 0 && (D.current = {}, E({}));
 		try {
 			if (e === "PENDING_REVIEW") {
-				let e = await f({
+				let e = await m({
 					gateway: "global",
-					query: _e,
+					query: be,
 					variables: {
-						limit: 100,
-						offset: 0
+						limit: b,
+						offset: t
 					},
-					authToken: y || void 0
+					authToken: x || void 0
 				});
+				if (!r()) return;
 				if (e.errors?.length) throw Error(e.errors[0]?.message ?? "Failed to load pending products");
-				w(e.data?.pendingReviewProducts.products ?? []), je(e.data?.pendingReviewProducts.totalCount ?? 0);
+				let n = e.data?.pendingReviewProducts.products ?? [], i = e.data?.pendingReviewProducts.totalCount ?? 0;
+				Ie((e) => t > 0 ? [...e, ...n] : n), Re(i), Be(t + n.length < i);
 			} else {
-				let t = await f({
+				let n = await m({
 					gateway: "global",
-					query: ve,
+					query: xe,
 					variables: {
-						limit: 100,
-						offset: 0,
+						limit: b,
+						offset: t,
 						...e !== "ALL" && { status: e }
 					},
-					authToken: y || void 0
+					authToken: x || void 0
 				});
-				if (t.errors?.length) throw Error(t.errors[0]?.message ?? "Failed to load products");
-				let n = t.data?.products ?? [];
-				w(n), je(n.length);
+				if (!r()) return;
+				if (n.errors?.length) throw Error(n.errors[0]?.message ?? "Failed to load products");
+				let i = n.data?.products ?? [];
+				Ie((e) => t > 0 ? [...e, ...i] : i), Re((e) => t > 0 ? e + i.length : i.length), Be(i.length === b);
 			}
 		} catch (e) {
-			k(e instanceof Error ? e.message : "Failed to load products");
+			r() && j(e instanceof Error ? e.message : "Failed to load products");
 		} finally {
-			D(!1);
+			r() && k(!1);
 		}
-	}, [y, Z]);
-	a(() => {
-		Q(M);
-	}, [Q, M]), a(() => {
-		Z();
-	}, [Z]), a(() => {
-		let e = C.filter((e) => e.productId && (e.type === "NODE" || b.has(e.type) && !e.zipFileUrl));
+	}, [x, Q]);
+	s(() => {
+		$(P);
+	}, [$, P]), s(() => {
+		Q();
+	}, [Q]), s(() => {
+		let e = w.filter((e) => e.productId && (e.type === "NODE" || C.has(e.type) && !e.zipFileUrl));
 		e.length !== 0 && (async () => {
-			let t = await Promise.allSettled(e.map((e) => f({
+			let t = await Promise.allSettled(e.map((e) => m({
 				gateway: "global",
-				query: Se,
+				query: Ee,
 				variables: { id: e.productId },
-				authToken: y || void 0
+				authToken: x || void 0
 			})));
-			ze((n) => {
+			Xe((n) => {
 				let r = { ...n };
 				return t.forEach((t, n) => {
 					if (t.status === "fulfilled") {
@@ -227,275 +268,320 @@ var S = () => {
 				}), r;
 			});
 		})();
-	}, [C, y]);
-	let We = async (e) => {
-		Be(e);
+	}, [w, x]);
+	let at = async (e) => {
+		Ze(e);
 		try {
-			let t = (await f({
+			let t = (await m({
 				gateway: "global",
-				query: Ce,
+				query: De,
 				variables: { id: e },
-				authToken: y || void 0
+				authToken: x || void 0
 			})).data?.refreshApplicationVersionPackageUrl;
-			t ? window.open(t, "_blank", "noreferrer") : k("Could not generate a download URL. S3 credentials may not be configured.");
+			t ? window.open(t, "_blank", "noreferrer") : j("Could not generate a download URL. S3 credentials may not be configured.");
 		} catch (e) {
-			k(e instanceof Error ? e.message : "Failed to refresh download URL");
+			j(e instanceof Error ? e.message : "Failed to refresh download URL");
 		} finally {
-			Be(null);
+			Ze(null);
 		}
-	}, Ge = async (e) => {
-		j(e), k(null);
+	}, ot = o(async (e) => {
+		let t = D.current[e]?.state;
+		if (!(t === "loaded" || t === "loading")) {
+			D.current = {
+				...D.current,
+				[e]: { state: "loading" }
+			}, E((t) => ({
+				...t,
+				[e]: { state: "loading" }
+			}));
+			try {
+				let t = await m({
+					gateway: "global",
+					query: Se,
+					variables: { id: e },
+					authToken: x || void 0
+				});
+				if (t.errors?.length) throw Error(t.errors[0]?.message ?? "Failed to load the template contents");
+				let n = t.data?.product?.workflowTemplatePreview ?? null;
+				E((t) => ({
+					...t,
+					[e]: {
+						state: "loaded",
+						preview: n
+					}
+				}));
+			} catch (t) {
+				let n = t instanceof Error ? t.message : "Failed to load the template contents";
+				E((t) => ({
+					...t,
+					[e]: {
+						state: "error",
+						message: n
+					}
+				}));
+			}
+		}
+	}, [x]), st = async (e) => {
+		N(e), j(null);
 		try {
-			let t = await f({
+			let t = await m({
 				gateway: "global",
-				query: ye,
+				query: Ce,
 				variables: {
 					id: e,
 					notes: null
 				},
-				authToken: y || void 0
+				authToken: x || void 0
 			});
 			if (t.errors?.length) throw Error(t.errors[0]?.message ?? "Approval failed");
-			await Q(M);
+			await $(P);
 		} catch (e) {
-			k(e instanceof Error ? e.message : "Approval failed");
+			j(e instanceof Error ? e.message : "Approval failed");
 		} finally {
-			j(null);
+			N(null);
 		}
-	}, Ke = async (e) => {
-		if (!P.trim()) {
-			k("Rejection reason is required");
+	}, ct = async (e) => {
+		if (!I.trim()) {
+			j("Rejection reason is required");
 			return;
 		}
-		j(e), k(null);
+		N(e), j(null);
 		try {
-			let t = await f({
+			let t = await m({
 				gateway: "global",
-				query: be,
+				query: we,
 				variables: {
 					id: e,
-					reason: P.trim()
+					reason: I.trim()
 				},
-				authToken: y || void 0
+				authToken: x || void 0
 			});
 			if (t.errors?.length) throw Error(t.errors[0]?.message ?? "Rejection failed");
-			N(null), F(""), await Q(M);
+			F(null), L(""), await $(P);
 		} catch (e) {
-			k(e instanceof Error ? e.message : "Rejection failed");
+			j(e instanceof Error ? e.message : "Rejection failed");
 		} finally {
-			j(null);
+			N(null);
 		}
-	}, qe = async (e) => {
-		j(e), k(null);
+	}, lt = async (e) => {
+		N(e), j(null);
 		try {
-			let t = await f({
+			let t = await m({
 				gateway: "global",
-				query: xe,
+				query: Te,
 				variables: {
 					id: e,
-					reason: P.trim() || void 0
+					reason: I.trim() || void 0
 				},
-				authToken: y || void 0
+				authToken: x || void 0
 			});
 			if (t.errors?.length) throw Error(t.errors[0]?.message ?? "Delist failed");
-			N(null), F(""), await Q(M);
+			F(null), L(""), await $(P);
 		} catch (e) {
-			k(e instanceof Error ? e.message : "Delist failed");
+			j(e instanceof Error ? e.message : "Delist failed");
 		} finally {
-			j(null);
+			N(null);
 		}
-	}, $ = C.filter((e) => e.status === "PENDING_REVIEW").length;
-	return /* @__PURE__ */ m("div", {
+	}, ut = w.filter((e) => e.status === "PENDING_REVIEW").length;
+	return /* @__PURE__ */ g("div", {
 		className: "min-h-screen bg-[var(--color-surface-default)]",
 		children: [
-			/* @__PURE__ */ p("header", {
+			/* @__PURE__ */ h("header", {
 				className: "sticky top-0 z-10 border-b border-[var(--color-border-seam)] bg-[var(--color-surface-raised)] shadow-[var(--shadow-elevation-1)]",
-				children: /* @__PURE__ */ m("div", {
+				children: /* @__PURE__ */ g("div", {
 					className: "mx-auto max-w-5xl px-6 py-4",
-					children: [/* @__PURE__ */ m("div", {
+					children: [/* @__PURE__ */ g("div", {
 						className: "flex items-center justify-between gap-4",
-						children: [/* @__PURE__ */ m("div", {
+						children: [/* @__PURE__ */ g("div", {
 							className: "flex items-center gap-3 min-w-0",
 							children: [
-								/* @__PURE__ */ m("button", {
+								/* @__PURE__ */ g("button", {
 									type: "button",
-									onClick: () => v(`${S}/dashboard`),
+									onClick: () => i(`${S}/dashboard`),
 									className: "inline-flex items-center gap-1.5 rounded-md px-2.5 py-1.5 text-sm text-[var(--color-text-secondary)] hover:bg-[var(--color-surface-hover)] hover:text-[var(--color-text-primary)] transition-colors",
-									children: [/* @__PURE__ */ p(te, { className: "size-4 shrink-0" }), "Back"]
+									children: [/* @__PURE__ */ h(ie, { className: "size-4 shrink-0" }), "Back"]
 								}),
-								/* @__PURE__ */ p("div", { className: "h-5 w-px bg-[var(--color-border-seam)]" }),
-								/* @__PURE__ */ p(ue, { className: "size-5 shrink-0 text-[var(--color-text-primary)]" }),
-								/* @__PURE__ */ p("h1", {
+								/* @__PURE__ */ h("div", { className: "h-5 w-px bg-[var(--color-border-seam)]" }),
+								/* @__PURE__ */ h(pe, { className: "size-5 shrink-0 text-[var(--color-text-primary)]" }),
+								/* @__PURE__ */ h("h1", {
 									className: "text-lg font-semibold text-[var(--color-text-primary)] truncate",
 									children: "Submission Queue"
 								}),
-								T > 0 && /* @__PURE__ */ p("span", {
+								Le > 0 && /* @__PURE__ */ h("span", {
 									className: "shrink-0 rounded-full bg-[var(--color-status-warning-bg-subtle)] px-2 py-0.5 text-xs font-semibold text-[var(--color-status-warning-text)]",
-									children: T
+									children: Le
 								})
 							]
-						}), /* @__PURE__ */ m("button", {
+						}), /* @__PURE__ */ g("button", {
 							type: "button",
-							onClick: () => void Q(M),
+							onClick: () => void $(P),
 							className: "shrink-0 inline-flex items-center gap-2 rounded-md border border-[var(--color-border-default)] bg-[var(--color-surface-default)] px-3 py-1.5 text-sm text-[var(--color-text-primary)] hover:bg-[var(--color-surface-hover)] transition-colors disabled:opacity-50",
-							disabled: E,
-							children: [/* @__PURE__ */ p(u, { className: `size-4 ${E ? "animate-spin" : ""}` }), "Refresh"]
+							disabled: O,
+							children: [/* @__PURE__ */ h(f, { className: `size-4 ${O ? "animate-spin" : ""}` }), "Refresh"]
 						})]
-					}), /* @__PURE__ */ p("div", {
+					}), /* @__PURE__ */ h("div", {
 						className: "mt-3 flex gap-1.5 flex-wrap",
-						children: Oe.map((e) => /* @__PURE__ */ m("button", {
+						children: Me.map((e) => /* @__PURE__ */ g("button", {
 							type: "button",
-							onClick: () => Me(e.value),
-							className: `rounded-full px-3.5 py-1 text-xs font-medium transition-colors ${M === e.value ? "bg-[var(--color-action-primary-bg)] text-[var(--color-action-primary-text)]" : "bg-[var(--color-surface-muted)] text-[var(--color-text-secondary)] hover:bg-[var(--color-surface-hover)]"}`,
+							onClick: () => Ve(e.value),
+							className: `rounded-full px-3.5 py-1 text-xs font-medium transition-colors ${P === e.value ? "bg-[var(--color-action-primary-bg)] text-[var(--color-action-primary-text)]" : "bg-[var(--color-surface-muted)] text-[var(--color-text-secondary)] hover:bg-[var(--color-surface-hover)]"}`,
 							children: [
 								e.label,
-								e.value === "PENDING_REVIEW" && $ > 0 && M !== "PENDING_REVIEW" && /* @__PURE__ */ p("span", {
+								e.value === "PENDING_REVIEW" && ut > 0 && P !== "PENDING_REVIEW" && /* @__PURE__ */ h("span", {
 									className: "ml-1.5 rounded-full bg-[var(--color-status-warning-text)] px-1.5 py-0.5 text-[10px] text-white",
-									children: $
+									children: ut
+								}),
+								e.value === "TEMPLATE_REVISIONS" && Qe > 0 && P !== "TEMPLATE_REVISIONS" && /* @__PURE__ */ h("span", {
+									className: "ml-1.5 rounded-full bg-[var(--color-status-info-text)] px-1.5 py-0.5 text-[10px] text-[var(--color-text-inverse)]",
+									children: Qe
 								}),
-								e.value === "VERSION_UPDATES" && V > 0 && M !== "VERSION_UPDATES" && /* @__PURE__ */ p("span", {
+								e.value === "VERSION_UPDATES" && Ge > 0 && P !== "VERSION_UPDATES" && /* @__PURE__ */ h("span", {
 									className: "ml-1.5 rounded-full bg-[var(--color-status-info-text)] px-1.5 py-0.5 text-[10px] text-white",
-									children: V
+									children: Ge
 								})
 							]
 						}, e.value))
 					})]
 				})
 			}),
-			/* @__PURE__ */ m("main", {
+			/* @__PURE__ */ g("main", {
 				className: "mx-auto max-w-5xl space-y-4 p-6",
 				children: [
-					/* @__PURE__ */ p(he, {
+					/* @__PURE__ */ h(ve, {
 						className: "mb-2",
 						children: "Every publisher submission lands here for your review. Inspect the manifest, permissions, and package details — then approve to publish or reject with a clear reason the developer will see."
 					}),
-					O && /* @__PURE__ */ p("div", {
+					A && /* @__PURE__ */ h("div", {
 						role: "alert",
 						className: "rounded-lg border border-[var(--color-border-danger)] bg-[var(--color-surface-danger-muted)] px-4 py-3 text-sm text-[var(--color-text-danger)]",
-						children: O
+						children: A
 					}),
-					M === "VERSION_UPDATES" ? E && B.length === 0 ? /* @__PURE__ */ p("div", {
+					P === "TEMPLATE_REVISIONS" ? /* @__PURE__ */ h(te, {
+						authToken: x,
+						onCountChange: Z,
+						refreshKey: et
+					}) : P === "VERSION_UPDATES" ? O && V.length === 0 ? /* @__PURE__ */ h("div", {
 						className: "flex items-center justify-center py-24",
-						children: /* @__PURE__ */ p(u, { className: "size-6 animate-spin text-[var(--color-text-muted)]" })
-					}) : B.length === 0 ? /* @__PURE__ */ p(me, {
+						children: /* @__PURE__ */ h(f, { className: "size-6 animate-spin text-[var(--color-text-muted)]" })
+					}) : V.length === 0 ? /* @__PURE__ */ h(_e, {
 						illustration: "empty-data",
 						title: "No pending version updates",
 						description: "All published apps are up to date. When a developer submits a new version, it will appear here for your review."
-					}) : /* @__PURE__ */ p("ul", {
+					}) : /* @__PURE__ */ h("ul", {
 						className: "space-y-4",
-						children: B.map((e) => {
+						children: V.map((e) => {
 							let t = e.versions.edges.map((e) => e.node).filter((e) => e.status === "pending_review");
-							return t.length === 0 ? null : /* @__PURE__ */ m("li", {
+							return t.length === 0 ? null : /* @__PURE__ */ g("li", {
 								className: "overflow-hidden rounded-xl border border-[var(--color-border-seam)] bg-[var(--color-surface-raised)] shadow-[var(--shadow-elevation-1)]",
-								children: [/* @__PURE__ */ m("div", {
+								children: [/* @__PURE__ */ g("div", {
 									className: "flex items-center gap-4 p-5 border-b border-[var(--color-border-seam)]",
 									children: [
-										e.iconUrl ? /* @__PURE__ */ p("img", {
+										e.iconUrl ? /* @__PURE__ */ h("img", {
 											src: e.iconUrl,
 											alt: "",
 											className: "size-12 shrink-0 rounded-xl object-cover shadow-sm"
-										}) : /* @__PURE__ */ p("div", {
+										}) : /* @__PURE__ */ h("div", {
 											className: "flex size-12 shrink-0 items-center justify-center rounded-xl bg-[var(--color-surface-muted)] text-sm font-bold text-[var(--color-text-muted)] uppercase",
 											children: e.name.slice(0, 2)
 										}),
-										/* @__PURE__ */ m("div", {
+										/* @__PURE__ */ g("div", {
 											className: "flex-1 min-w-0",
-											children: [/* @__PURE__ */ m("div", {
+											children: [/* @__PURE__ */ g("div", {
 												className: "flex items-center gap-2 flex-wrap",
-												children: [/* @__PURE__ */ p("h3", {
+												children: [/* @__PURE__ */ h("h3", {
 													className: "text-base font-semibold text-[var(--color-text-primary)]",
 													children: e.name
-												}), /* @__PURE__ */ m("span", {
+												}), /* @__PURE__ */ g("span", {
 													className: "inline-flex items-center gap-1 rounded-full bg-[var(--color-status-info-bg-subtle)] px-2 py-0.5 text-[11px] font-semibold text-[var(--color-status-info-text)]",
 													children: [
-														/* @__PURE__ */ p(l, { className: "size-3" }),
+														/* @__PURE__ */ h(ue, { className: "size-3" }),
 														t.length,
 														" version",
 														t.length === 1 ? "" : "s",
 														" pending"
 													]
 												})]
-											}), (e.shortDescription ?? e.description) && /* @__PURE__ */ p("p", {
+											}), (e.shortDescription ?? e.description) && /* @__PURE__ */ h("p", {
 												className: "mt-0.5 text-sm text-[var(--color-text-secondary)] line-clamp-1",
 												children: e.shortDescription ?? e.description
 											})]
 										}),
-										/* @__PURE__ */ m("a", {
+										/* @__PURE__ */ g("a", {
 											href: `/devportal/apps/${e.id}`,
 											target: "_blank",
 											rel: "noreferrer",
 											className: "shrink-0 inline-flex items-center gap-1.5 rounded-md border border-[var(--color-border-default)] bg-[var(--color-surface-default)] px-3 py-1.5 text-xs font-medium text-[var(--color-text-secondary)] hover:bg-[var(--color-surface-hover)] transition-colors",
-											children: [/* @__PURE__ */ p(oe, { className: "size-3.5" }), "Devportal"]
+											children: [/* @__PURE__ */ h(u, { className: "size-3.5" }), "Devportal"]
 										})
 									]
-								}), /* @__PURE__ */ p("div", {
+								}), /* @__PURE__ */ h("div", {
 									className: "divide-y divide-[var(--color-border-seam)]",
-									children: t.map((t) => /* @__PURE__ */ m("div", {
+									children: t.map((t) => /* @__PURE__ */ g("div", {
 										className: "p-5 space-y-3",
 										children: [
-											/* @__PURE__ */ m("div", {
+											/* @__PURE__ */ g("div", {
 												className: "flex items-center gap-2 flex-wrap",
 												children: [
-													/* @__PURE__ */ p(l, { className: "size-4 text-[var(--color-text-secondary)] shrink-0" }),
-													/* @__PURE__ */ p("span", {
+													/* @__PURE__ */ h(ue, { className: "size-4 text-[var(--color-text-secondary)] shrink-0" }),
+													/* @__PURE__ */ h("span", {
 														className: "font-mono font-semibold text-sm text-[var(--color-text-primary)]",
 														children: t.version
 													}),
-													t.isLatest && /* @__PURE__ */ p("span", {
+													t.isLatest && /* @__PURE__ */ h("span", {
 														className: "rounded-full bg-[var(--color-surface-muted)] px-2 py-0.5 text-[10px] text-[var(--color-text-secondary)]",
 														children: "Latest"
 													}),
-													/* @__PURE__ */ p("span", {
+													/* @__PURE__ */ h("span", {
 														className: "rounded-full bg-[var(--color-status-warning-bg-subtle)] px-2 py-0.5 text-[10px] font-medium text-[var(--color-status-warning-text)] uppercase",
 														children: "New Version"
 													}),
 													e.appType === "NODE" && (() => {
-														let e = h(t.metadata);
-														return e ? /* @__PURE__ */ p("span", {
-															className: `rounded-full px-2 py-0.5 text-[10px] font-medium ${_[e]}`,
-															title: g(t.metadata) ?? void 0,
-															children: ge[e]
+														let e = _(t.metadata);
+														return e ? /* @__PURE__ */ h("span", {
+															className: `rounded-full px-2 py-0.5 text-[10px] font-medium ${y[e]}`,
+															title: v(t.metadata) ?? void 0,
+															children: ye[e]
 														}) : null;
 													})(),
-													/* @__PURE__ */ m("span", {
+													/* @__PURE__ */ g("span", {
 														className: "ml-auto flex items-center gap-1 text-xs text-[var(--color-text-secondary)]",
-														children: [/* @__PURE__ */ p(ae, { className: "size-3" }), x(t.createdAt)]
+														children: [/* @__PURE__ */ h(ce, { className: "size-3" }), Fe(t.createdAt)]
 													})
 												]
 											}),
-											t.releaseNotes && /* @__PURE__ */ p("div", {
+											t.releaseNotes && /* @__PURE__ */ h("div", {
 												className: "text-sm text-[var(--color-text-secondary)]",
-												children: /* @__PURE__ */ p(n, { children: t.releaseNotes })
+												children: /* @__PURE__ */ h(n, { children: t.releaseNotes })
 											}),
-											e.appType === "NODE" && g(t.metadata) && /* @__PURE__ */ p("p", {
+											e.appType === "NODE" && v(t.metadata) && /* @__PURE__ */ h("p", {
 												className: "text-xs text-[var(--color-status-error-text)]",
-												children: g(t.metadata)
+												children: v(t.metadata)
 											}),
-											/* @__PURE__ */ m("div", {
+											/* @__PURE__ */ g("div", {
 												className: "flex flex-wrap gap-2",
 												children: [
-													e.appType === "NODE" && h(t.metadata) !== "READY" && /* @__PURE__ */ m("button", {
+													e.appType === "NODE" && _(t.metadata) !== "READY" && /* @__PURE__ */ g("button", {
 														type: "button",
-														onClick: () => void Ue(t.id),
+														onClick: () => void it(t.id),
 														disabled: W === t.id,
 														className: "inline-flex items-center gap-1.5 rounded-md border border-[var(--color-border-accent)] bg-[var(--color-surface-default)] px-3 py-1.5 text-xs font-medium text-[var(--color-text-accent)] hover:bg-[var(--color-surface-accent-muted)] transition-colors disabled:opacity-50",
-														children: [W === t.id ? /* @__PURE__ */ p(u, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ p(u, { className: "size-3.5" }), "Retry Deployment"]
+														children: [W === t.id ? /* @__PURE__ */ h(f, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ h(f, { className: "size-3.5" }), "Retry Deployment"]
 													}),
-													e.appType === "NODE" && /* @__PURE__ */ m("button", {
+													e.appType === "NODE" && /* @__PURE__ */ g("button", {
 														type: "button",
-														onClick: () => v(`${S}/sandbox-builds?versionId=${t.id}`),
+														onClick: () => i(`${S}/sandbox-builds?versionId=${t.id}`),
 														className: "inline-flex items-center gap-1.5 rounded-md border border-[var(--color-border-default)] bg-[var(--color-surface-default)] px-3 py-1.5 text-xs font-medium text-[var(--color-text-secondary)] hover:bg-[var(--color-surface-hover)] transition-colors",
-														children: [/* @__PURE__ */ p(le, { className: "size-3.5" }), "View build history"]
+														children: [/* @__PURE__ */ h(fe, { className: "size-3.5" }), "View build history"]
 													}),
-													t.packageUrl && /* @__PURE__ */ m("button", {
+													t.packageUrl && /* @__PURE__ */ g("button", {
 														type: "button",
-														onClick: () => void We(t.id),
+														onClick: () => void at(t.id),
 														disabled: X === t.id,
 														className: "inline-flex items-center gap-1.5 rounded-md border border-[var(--color-border-default)] bg-[var(--color-surface-default)] px-3 py-1.5 text-xs font-medium text-[var(--color-text-secondary)] hover:bg-[var(--color-surface-hover)] transition-colors disabled:opacity-50",
 														children: [
-															X === t.id ? /* @__PURE__ */ p(u, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ p(s, { className: "size-3.5" }),
+															X === t.id ? /* @__PURE__ */ h(f, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ h(l, { className: "size-3.5" }),
 															"Download Package",
-															t.packageSize != null && /* @__PURE__ */ m("span", {
+															t.packageSize != null && /* @__PURE__ */ g("span", {
 																className: "text-[var(--color-text-muted)]",
 																children: [
 																	"(",
@@ -505,48 +591,48 @@ var S = () => {
 															})
 														]
 													}),
-													t.manifest && /* @__PURE__ */ m("button", {
+													t.manifest && /* @__PURE__ */ g("button", {
 														type: "button",
-														onClick: () => L(I === t.id ? null : t.id),
+														onClick: () => Ue(R === t.id ? null : t.id),
 														className: "inline-flex items-center gap-1.5 rounded-md border border-[var(--color-border-default)] bg-[var(--color-surface-default)] px-3 py-1.5 text-xs font-medium text-[var(--color-text-secondary)] hover:bg-[var(--color-surface-hover)] transition-colors",
 														children: [
-															/* @__PURE__ */ p(c, { className: "size-3.5" }),
-															I === t.id ? "Hide manifest" : "View manifest",
-															I === t.id ? /* @__PURE__ */ p(ie, { className: "size-3" }) : /* @__PURE__ */ p(re, { className: "size-3" })
+															/* @__PURE__ */ h(d, { className: "size-3.5" }),
+															R === t.id ? "Hide manifest" : "View manifest",
+															R === t.id ? /* @__PURE__ */ h(se, { className: "size-3" }) : /* @__PURE__ */ h(oe, { className: "size-3" })
 														]
 													})
 												]
 											}),
-											I === t.id && t.manifest && /* @__PURE__ */ p("pre", {
+											R === t.id && t.manifest && /* @__PURE__ */ h("pre", {
 												className: "overflow-x-auto rounded-lg border border-[var(--color-border-seam)] bg-[var(--color-surface-default)] p-4 text-[11px] leading-relaxed text-[var(--color-text-primary)] max-h-48 overflow-y-auto",
 												children: JSON.stringify(t.manifest, null, 2)
 											}),
-											Le === t.id && Re === e.id && /* @__PURE__ */ m("div", {
+											Je === t.id && Ye === e.id && /* @__PURE__ */ g("div", {
 												className: "rounded-lg border border-[var(--color-border-danger)] bg-[var(--color-surface-danger-muted)]/30 p-3 space-y-2",
 												children: [
-													/* @__PURE__ */ p("p", {
+													/* @__PURE__ */ h("p", {
 														className: "text-xs font-semibold text-[var(--color-text-danger)]",
 														children: "Rejection reason (the developer will see this)"
 													}),
-													/* @__PURE__ */ p("textarea", {
+													/* @__PURE__ */ h("textarea", {
 														value: K,
 														onChange: (e) => q(e.target.value),
 														rows: 2,
 														className: "w-full rounded-md border border-[var(--color-border-default)] bg-[var(--color-surface-default)] px-3 py-2 text-sm text-[var(--color-text-primary)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)] resize-none",
 														placeholder: "Be specific — what needs to change before this version can be approved…"
 													}),
-													/* @__PURE__ */ m("div", {
+													/* @__PURE__ */ g("div", {
 														className: "flex gap-2 justify-end",
-														children: [/* @__PURE__ */ p("button", {
+														children: [/* @__PURE__ */ h("button", {
 															type: "button",
 															onClick: () => {
 																G(null), q(""), J(null);
 															},
 															className: "rounded-md border border-[var(--color-border-default)] bg-[var(--color-surface-default)] px-3 py-1.5 text-xs font-medium text-[var(--color-text-primary)] hover:bg-[var(--color-surface-hover)] transition-colors",
 															children: "Cancel"
-														}), /* @__PURE__ */ p("button", {
+														}), /* @__PURE__ */ h("button", {
 															type: "button",
-															onClick: () => void He(t.id, e.id, K),
+															onClick: () => void rt(t.id, e.id, K),
 															disabled: !K.trim() || H === t.id,
 															className: "rounded-md bg-[var(--color-surface-danger)] px-3 py-1.5 text-xs font-semibold text-[var(--color-text-on-danger)] hover:opacity-90 disabled:opacity-50 transition-opacity",
 															children: "Submit rejection"
@@ -554,22 +640,22 @@ var S = () => {
 													})
 												]
 											}),
-											/* @__PURE__ */ m("div", {
+											/* @__PURE__ */ g("div", {
 												className: "flex items-center gap-2",
-												children: [/* @__PURE__ */ m("button", {
+												children: [/* @__PURE__ */ g("button", {
 													type: "button",
-													onClick: () => void Ve(t.id, e.id, ""),
+													onClick: () => void nt(t.id, e.id, ""),
 													disabled: H === t.id,
 													className: "inline-flex items-center gap-1.5 rounded-md bg-[var(--color-surface-success)] px-4 py-1.5 text-xs font-semibold text-[var(--color-text-on-success)] hover:opacity-90 disabled:opacity-50 transition-opacity",
-													children: [H === t.id ? /* @__PURE__ */ p(u, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ p(ne, { className: "size-3.5" }), "Approve version"]
-												}), Le !== t.id && /* @__PURE__ */ m("button", {
+													children: [H === t.id ? /* @__PURE__ */ h(f, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ h(ae, { className: "size-3.5" }), "Approve version"]
+												}), Je !== t.id && /* @__PURE__ */ g("button", {
 													type: "button",
 													onClick: () => {
 														G(t.id), q(""), J(e.id);
 													},
 													disabled: H === t.id,
 													className: "inline-flex items-center gap-1.5 rounded-md border border-[var(--color-border-danger)] bg-[var(--color-surface-danger-muted)] px-4 py-1.5 text-xs font-semibold text-[var(--color-text-danger)] hover:bg-[var(--color-surface-danger)] hover:text-[var(--color-text-on-danger)] disabled:opacity-50 transition-colors",
-													children: [/* @__PURE__ */ p(d, { className: "size-3.5" }), "Reject version"]
+													children: [/* @__PURE__ */ h(p, { className: "size-3.5" }), "Reject version"]
 												})]
 											})
 										]
@@ -577,71 +663,71 @@ var S = () => {
 								})]
 							}, e.id);
 						})
-					}) : E && C.length === 0 ? /* @__PURE__ */ p("div", {
+					}) : O && w.length === 0 ? /* @__PURE__ */ h("div", {
 						className: "flex items-center justify-center py-24",
-						children: /* @__PURE__ */ p(u, { className: "size-6 animate-spin text-[var(--color-text-muted)]" })
-					}) : C.length === 0 ? /* @__PURE__ */ p(me, {
-						illustration: M === "PENDING_REVIEW" ? "empty-notifications" : "empty-data",
-						title: M === "PENDING_REVIEW" ? "Queue is clear" : "No products match this filter",
-						description: M === "PENDING_REVIEW" ? "No submissions are awaiting review. New submissions will appear here as publishers send them in." : "Nothing matches the current filter. Try switching to a different status above."
-					}) : /* @__PURE__ */ p("ul", {
+						children: /* @__PURE__ */ h(f, { className: "size-6 animate-spin text-[var(--color-text-muted)]" })
+					}) : w.length === 0 ? /* @__PURE__ */ h(_e, {
+						illustration: P === "PENDING_REVIEW" ? "empty-notifications" : "empty-data",
+						title: P === "PENDING_REVIEW" ? "Queue is clear" : "No products match this filter",
+						description: P === "PENDING_REVIEW" ? "No submissions are awaiting review. New submissions will appear here as publishers send them in." : "Nothing matches the current filter. Try switching to a different status above."
+					}) : /* @__PURE__ */ h("ul", {
 						className: "space-y-3",
-						children: C.map((e) => /* @__PURE__ */ m("li", {
+						children: w.map((e) => /* @__PURE__ */ g("li", {
 							className: "overflow-hidden rounded-xl border border-[var(--color-border-seam)] bg-[var(--color-surface-raised)] shadow-[var(--shadow-elevation-1)] transition-[box-shadow,border-color] hover:border-[var(--color-border-strong)] hover:shadow-[var(--shadow-elevation-2)]",
 							children: [
-								/* @__PURE__ */ m("div", {
+								/* @__PURE__ */ g("div", {
 									className: "flex items-start gap-4 p-5",
-									children: [e.icon ? /* @__PURE__ */ p("img", {
+									children: [e.icon ? /* @__PURE__ */ h("img", {
 										src: e.icon,
 										alt: "",
 										className: "size-14 shrink-0 rounded-xl object-cover shadow-sm"
-									}) : /* @__PURE__ */ p("div", {
+									}) : /* @__PURE__ */ h("div", {
 										className: "flex size-14 shrink-0 items-center justify-center rounded-xl bg-[var(--color-surface-muted)] text-sm font-bold text-[var(--color-text-muted)] uppercase",
 										children: e.type.slice(0, 2)
-									}), /* @__PURE__ */ m("div", {
+									}), /* @__PURE__ */ g("div", {
 										className: "min-w-0 flex-1",
 										children: [
-											/* @__PURE__ */ m("div", {
+											/* @__PURE__ */ g("div", {
 												className: "flex flex-wrap items-center gap-2",
 												children: [
-													/* @__PURE__ */ p("h3", {
+													/* @__PURE__ */ h("h3", {
 														className: "text-base font-semibold text-[var(--color-text-primary)]",
 														children: e.name
 													}),
-													/* @__PURE__ */ p("span", {
-														className: `rounded-full px-2 py-0.5 text-[11px] font-semibold uppercase tracking-wide ${ke(e.type)}`,
+													/* @__PURE__ */ h("span", {
+														className: `rounded-full px-2 py-0.5 text-[11px] font-semibold uppercase tracking-wide ${Ne(e.type)}`,
 														children: e.type
 													}),
-													/* @__PURE__ */ p("span", {
-														className: `rounded-full px-2 py-0.5 text-[11px] font-medium ${Ae(e.status)}`,
+													/* @__PURE__ */ h("span", {
+														className: `rounded-full px-2 py-0.5 text-[11px] font-medium ${Pe(e.status)}`,
 														children: e.status.replace("_", " ")
 													}),
 													e.type === "NODE" && e.productId && (() => {
-														let t = h(Y[e.productId]?.metadata);
-														return t ? /* @__PURE__ */ p("span", {
-															className: `rounded-full px-2 py-0.5 text-[11px] font-medium ${_[t]}`,
-															title: g(Y[e.productId]?.metadata) ?? void 0,
-															children: ge[t]
+														let t = _(Y[e.productId]?.metadata);
+														return t ? /* @__PURE__ */ h("span", {
+															className: `rounded-full px-2 py-0.5 text-[11px] font-medium ${y[t]}`,
+															title: v(Y[e.productId]?.metadata) ?? void 0,
+															children: ye[t]
 														}) : null;
 													})()
 												]
 											}),
-											/* @__PURE__ */ m("div", {
+											/* @__PURE__ */ g("div", {
 												className: "mt-1 flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-[var(--color-text-secondary)]",
 												children: [
-													/* @__PURE__ */ m("span", {
+													/* @__PURE__ */ g("span", {
 														className: "flex items-center gap-1",
-														children: [/* @__PURE__ */ p(ce, { className: "size-3" }), /* @__PURE__ */ p("span", {
+														children: [/* @__PURE__ */ h(de, { className: "size-3" }), /* @__PURE__ */ h("span", {
 															className: "font-mono",
 															children: e.slug
 														})]
 													}),
-													e.publisher && /* @__PURE__ */ m("span", {
+													e.publisher && /* @__PURE__ */ g("span", {
 														className: "flex items-center gap-1",
 														children: [
-															/* @__PURE__ */ p(pe, { className: "size-3" }),
+															/* @__PURE__ */ h(ge, { className: "size-3" }),
 															e.publisher.name,
-															e.publisher.email && /* @__PURE__ */ m("span", {
+															e.publisher.email && /* @__PURE__ */ g("span", {
 																className: "text-[var(--color-text-muted)]",
 																children: [
 																	"(",
@@ -651,137 +737,140 @@ var S = () => {
 															})
 														]
 													}),
-													e.submittedAt && /* @__PURE__ */ m("span", {
+													e.submittedAt && /* @__PURE__ */ g("span", {
 														className: "flex items-center gap-1",
-														children: [/* @__PURE__ */ p(ae, { className: "size-3" }), x(e.submittedAt)]
+														children: [/* @__PURE__ */ h(ce, { className: "size-3" }), Fe(e.submittedAt)]
 													}),
-													/* @__PURE__ */ m("span", {
+													/* @__PURE__ */ g("span", {
 														className: "flex items-center gap-1",
-														children: [/* @__PURE__ */ p(fe, { className: "size-3" }), t(e.price, e.currency, e.pricingModel)]
+														children: [/* @__PURE__ */ h(he, { className: "size-3" }), t(e.price, e.currency, e.pricingModel)]
 													})
 												]
 											}),
-											e.description && /* @__PURE__ */ p("p", {
+											e.description && /* @__PURE__ */ h("p", {
 												className: "mt-2 line-clamp-2 text-sm text-[var(--color-text-secondary)]",
 												children: e.description
 											}),
-											e.type === "NODE" && e.productId && g(Y[e.productId]?.metadata) && /* @__PURE__ */ p("p", {
+											e.type === "NODE" && e.productId && v(Y[e.productId]?.metadata) && /* @__PURE__ */ h("p", {
 												className: "mt-2 text-xs text-[var(--color-status-error-text)]",
-												children: g(Y[e.productId]?.metadata)
+												children: v(Y[e.productId]?.metadata)
 											})
 										]
 									})]
 								}),
-								/* @__PURE__ */ m("div", {
+								/* @__PURE__ */ g("div", {
 									className: "flex flex-wrap items-center justify-between gap-2 border-t border-[var(--color-border-seam)] bg-[var(--color-surface-muted)] px-5 py-3",
-									children: [/* @__PURE__ */ m("div", {
+									children: [/* @__PURE__ */ g("div", {
 										className: "flex flex-wrap items-center gap-2",
 										children: [
-											e.productId && /* @__PURE__ */ m("a", {
+											e.productId && /* @__PURE__ */ g("a", {
 												href: `/devportal/apps/${e.productId}`,
 												target: "_blank",
 												rel: "noreferrer",
 												className: "inline-flex items-center gap-1.5 rounded-md border border-[var(--color-border-default)] bg-[var(--color-surface-default)] px-3 py-1.5 text-xs font-medium text-[var(--color-text-secondary)] hover:bg-[var(--color-surface-hover)] hover:text-[var(--color-text-primary)] transition-colors",
-												children: [/* @__PURE__ */ p(oe, { className: "size-3.5" }), "Devportal"]
+												children: [/* @__PURE__ */ h(u, { className: "size-3.5" }), "Devportal"]
 											}),
-											b.has(e.type) && (() => {
-												let t = e.productId ? Y[e.productId]?.versionId ?? B.find((t) => t.id === e.productId)?.versions?.edges?.[0]?.node?.id : void 0;
+											C.has(e.type) && (() => {
+												let t = e.productId ? Y[e.productId]?.versionId ?? V.find((t) => t.id === e.productId)?.versions?.edges?.[0]?.node?.id : void 0;
 												if (!t && !e.zipFileUrl) return null;
 												let n = X === t;
-												return t ? /* @__PURE__ */ m("button", {
+												return t ? /* @__PURE__ */ g("button", {
 													type: "button",
-													onClick: () => void We(t),
+													onClick: () => void at(t),
 													disabled: n,
 													className: "inline-flex items-center gap-1.5 rounded-md border border-[var(--color-border-default)] bg-[var(--color-surface-default)] px-3 py-1.5 text-xs font-medium text-[var(--color-text-secondary)] hover:bg-[var(--color-surface-hover)] hover:text-[var(--color-text-primary)] transition-colors disabled:opacity-50",
-													children: [n ? /* @__PURE__ */ p(u, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ p(s, { className: "size-3.5" }), "Download Package"]
-												}) : /* @__PURE__ */ m("a", {
+													children: [n ? /* @__PURE__ */ h(f, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ h(l, { className: "size-3.5" }), "Download Package"]
+												}) : /* @__PURE__ */ g("a", {
 													href: e.zipFileUrl,
 													download: !0,
 													target: "_blank",
 													rel: "noreferrer",
 													className: "inline-flex items-center gap-1.5 rounded-md border border-[var(--color-border-default)] bg-[var(--color-surface-default)] px-3 py-1.5 text-xs font-medium text-[var(--color-text-secondary)] hover:bg-[var(--color-surface-hover)] hover:text-[var(--color-text-primary)] transition-colors",
-													children: [/* @__PURE__ */ p(s, { className: "size-3.5" }), "Download Package"]
+													children: [/* @__PURE__ */ h(l, { className: "size-3.5" }), "Download Package"]
 												});
 											})(),
-											e.type === "NODE" && e.productId && Y[e.productId]?.versionId && h(Y[e.productId]?.metadata) !== "READY" && /* @__PURE__ */ m("button", {
+											e.type === "NODE" && e.productId && Y[e.productId]?.versionId && _(Y[e.productId]?.metadata) !== "READY" && /* @__PURE__ */ g("button", {
 												type: "button",
-												onClick: () => void Ue(Y[e.productId].versionId),
+												onClick: () => void it(Y[e.productId].versionId),
 												disabled: W === Y[e.productId]?.versionId,
 												className: "inline-flex items-center gap-1.5 rounded-md border border-[var(--color-border-accent)] bg-[var(--color-surface-default)] px-3 py-1.5 text-xs font-medium text-[var(--color-text-accent)] hover:bg-[var(--color-surface-accent-muted)] transition-colors disabled:opacity-50",
-												children: [W === Y[e.productId]?.versionId ? /* @__PURE__ */ p(u, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ p(u, { className: "size-3.5" }), "Retry Deployment"]
+												children: [W === Y[e.productId]?.versionId ? /* @__PURE__ */ h(f, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ h(f, { className: "size-3.5" }), "Retry Deployment"]
 											}),
-											b.has(e.type) && /* @__PURE__ */ m("button", {
+											C.has(e.type) && /* @__PURE__ */ g("button", {
 												type: "button",
-												onClick: () => z(e),
+												onClick: () => B(e),
 												className: "inline-flex items-center gap-1.5 rounded-md border border-[var(--color-border-accent)] bg-[var(--color-surface-default)] px-3 py-1.5 text-xs font-medium text-[var(--color-text-accent)] hover:bg-[var(--color-surface-accent-muted)] transition-colors",
-												children: [/* @__PURE__ */ p(se, { className: "size-3.5" }), "Test in workspace"]
+												children: [/* @__PURE__ */ h(le, { className: "size-3.5" }), "Test in workspace"]
 											}),
-											/* @__PURE__ */ m("button", {
+											/* @__PURE__ */ g("button", {
 												type: "button",
-												onClick: () => L(I === e.id ? null : e.id),
+												onClick: () => {
+													let t = R !== e.id;
+													Ue(t ? e.id : null), t && e.type === "WORKFLOW" && ot(e.id);
+												},
 												className: "inline-flex items-center gap-1.5 rounded-md border border-[var(--color-border-default)] bg-[var(--color-surface-default)] px-3 py-1.5 text-xs font-medium text-[var(--color-text-secondary)] hover:bg-[var(--color-surface-hover)] transition-colors",
 												children: [
-													/* @__PURE__ */ p(c, { className: "size-3.5" }),
-													I === e.id ? "Hide details" : "Inspect details",
-													I === e.id ? /* @__PURE__ */ p(ie, { className: "size-3" }) : /* @__PURE__ */ p(re, { className: "size-3" })
+													/* @__PURE__ */ h(d, { className: "size-3.5" }),
+													R === e.id ? "Hide details" : "Inspect details",
+													R === e.id ? /* @__PURE__ */ h(se, { className: "size-3" }) : /* @__PURE__ */ h(oe, { className: "size-3" })
 												]
 											})
 										]
-									}), /* @__PURE__ */ m("div", {
+									}), /* @__PURE__ */ g("div", {
 										className: "flex items-center gap-2",
 										children: [
-											e.status !== "PUBLISHED" && /* @__PURE__ */ m("button", {
+											e.status !== "PUBLISHED" && /* @__PURE__ */ g("button", {
 												type: "button",
-												onClick: () => void Ge(e.id),
-												disabled: A === e.id,
+												onClick: () => void st(e.id),
+												disabled: M === e.id,
 												className: "inline-flex items-center gap-1.5 rounded-md bg-[var(--color-surface-success)] px-4 py-1.5 text-xs font-semibold text-[var(--color-text-on-success)] hover:opacity-90 disabled:opacity-50 transition-opacity",
-												children: [/* @__PURE__ */ p(ne, { className: "size-3.5" }), "Approve"]
+												children: [/* @__PURE__ */ h(ae, { className: "size-3.5" }), "Approve"]
 											}),
-											e.status === "PENDING_REVIEW" && /* @__PURE__ */ m("button", {
+											e.status === "PENDING_REVIEW" && /* @__PURE__ */ g("button", {
 												type: "button",
 												onClick: () => {
-													N(e.id), F("");
+													F(e.id), L("");
 												},
-												disabled: A === e.id,
+												disabled: M === e.id,
 												className: "inline-flex items-center gap-1.5 rounded-md border border-[var(--color-border-danger)] bg-[var(--color-surface-danger-muted)] px-4 py-1.5 text-xs font-semibold text-[var(--color-text-danger)] hover:bg-[var(--color-surface-danger)] hover:text-[var(--color-text-on-danger)] disabled:opacity-50 transition-colors",
-												children: [/* @__PURE__ */ p(d, { className: "size-3.5" }), "Reject"]
+												children: [/* @__PURE__ */ h(p, { className: "size-3.5" }), "Reject"]
 											}),
-											e.status === "PUBLISHED" && /* @__PURE__ */ m("button", {
+											e.status === "PUBLISHED" && /* @__PURE__ */ g("button", {
 												type: "button",
 												onClick: () => {
-													N(e.id), F("");
+													F(e.id), L("");
 												},
-												disabled: A === e.id,
+												disabled: M === e.id,
 												className: "inline-flex items-center gap-1.5 rounded-md border border-[var(--color-border-warning)] bg-[var(--color-surface-warning-muted)] px-4 py-1.5 text-xs font-semibold text-[var(--color-text-warning)] hover:bg-[var(--color-surface-warning)] hover:text-[var(--color-text-on-warning)] disabled:opacity-50 transition-colors",
-												children: [/* @__PURE__ */ p(d, { className: "size-3.5" }), "Delist"]
+												children: [/* @__PURE__ */ h(p, { className: "size-3.5" }), "Delist"]
 											})
 										]
 									})]
 								}),
-								I === e.id && /* @__PURE__ */ m("div", {
+								R === e.id && /* @__PURE__ */ g("div", {
 									className: "border-t border-[var(--color-border-seam)] bg-[var(--color-surface-muted)] p-5 space-y-5",
 									children: [
-										/* @__PURE__ */ m("div", {
+										/* @__PURE__ */ g("div", {
 											className: "grid grid-cols-2 gap-x-8 gap-y-3 text-xs sm:grid-cols-3",
 											children: [
-												/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", {
+												/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("dt", {
 													className: "font-medium text-[var(--color-text-secondary)]",
 													children: "Store product ID"
-												}), /* @__PURE__ */ p("dd", {
+												}), /* @__PURE__ */ h("dd", {
 													className: "mt-0.5 font-mono text-[var(--color-text-primary)] break-all",
 													children: e.id
 												})] }),
-												/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", {
+												/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("dt", {
 													className: "font-medium text-[var(--color-text-secondary)]",
 													children: "Slug"
-												}), /* @__PURE__ */ p("dd", {
+												}), /* @__PURE__ */ h("dd", {
 													className: "mt-0.5 font-mono text-[var(--color-text-primary)]",
 													children: e.slug
 												})] }),
-												/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", {
+												/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("dt", {
 													className: "font-medium text-[var(--color-text-secondary)]",
 													children: "Type / Nature"
-												}), /* @__PURE__ */ m("dd", {
+												}), /* @__PURE__ */ g("dd", {
 													className: "mt-0.5 text-[var(--color-text-primary)]",
 													children: [
 														e.type,
@@ -789,22 +878,22 @@ var S = () => {
 														e.nature
 													]
 												})] }),
-												e.category && /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", {
+												e.category && /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("dt", {
 													className: "font-medium text-[var(--color-text-secondary)]",
 													children: "Category"
-												}), /* @__PURE__ */ p("dd", {
+												}), /* @__PURE__ */ h("dd", {
 													className: "mt-0.5 text-[var(--color-text-primary)]",
 													children: e.category
 												})] }),
-												/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", {
+												/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("dt", {
 													className: "font-medium text-[var(--color-text-secondary)]",
 													children: "Pricing"
-												}), /* @__PURE__ */ m("dd", {
+												}), /* @__PURE__ */ g("dd", {
 													className: "mt-0.5 text-[var(--color-text-primary)]",
 													children: [
 														t(e.price, e.currency, e.pricingModel),
 														" ",
-														/* @__PURE__ */ m("span", {
+														/* @__PURE__ */ g("span", {
 															className: "text-[var(--color-text-muted)]",
 															children: [
 																"(",
@@ -814,81 +903,95 @@ var S = () => {
 														})
 													]
 												})] }),
-												e.productId && /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", {
+												e.productId && /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("dt", {
 													className: "font-medium text-[var(--color-text-secondary)]",
 													children: "Devportal app ID"
-												}), /* @__PURE__ */ p("dd", {
+												}), /* @__PURE__ */ h("dd", {
 													className: "mt-0.5 font-mono text-[var(--color-text-primary)] break-all",
 													children: e.productId
 												})] }),
-												e.submittedBy && /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", {
+												e.submittedBy && /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("dt", {
 													className: "font-medium text-[var(--color-text-secondary)]",
 													children: "Submitted by (actor)"
-												}), /* @__PURE__ */ p("dd", {
+												}), /* @__PURE__ */ h("dd", {
 													className: "mt-0.5 font-mono text-[var(--color-text-primary)] break-all",
 													children: e.submittedBy
 												})] })
 											]
 										}),
-										e.requiredPermissions && e.requiredPermissions.length > 0 && /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ m("h4", {
+										e.requiredPermissions && e.requiredPermissions.length > 0 && /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ g("h4", {
 											className: "mb-2 flex items-center gap-1.5 text-xs font-semibold text-[var(--color-text-secondary)] uppercase tracking-wide",
-											children: [/* @__PURE__ */ p(de, { className: "size-3.5 text-[var(--color-status-success-text)]" }), "Required Permissions"]
-										}), /* @__PURE__ */ p("div", {
+											children: [/* @__PURE__ */ h(me, { className: "size-3.5 text-[var(--color-status-success-text)]" }), "Required Permissions"]
+										}), /* @__PURE__ */ h("div", {
 											className: "flex flex-wrap gap-1.5",
-											children: e.requiredPermissions.map((e) => /* @__PURE__ */ p("span", {
+											children: e.requiredPermissions.map((e) => /* @__PURE__ */ h("span", {
 												className: "inline-flex items-center gap-1 rounded-md bg-[var(--color-surface-default)] border border-[var(--color-border-seam)] px-2 py-1 text-xs font-mono text-[var(--color-text-primary)]",
 												children: e
 											}, e))
 										})] }),
-										e.manifest && /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ m("h4", {
+										e.type === "WORKFLOW" && (() => {
+											let t = T[e.id];
+											return !t || t.state === "loading" ? /* @__PURE__ */ g("p", {
+												className: "flex items-center gap-2 text-xs text-[var(--color-text-muted)]",
+												children: [/* @__PURE__ */ h(f, { className: "size-3.5 animate-spin" }), "Loading template contents…"]
+											}) : t.state === "error" ? /* @__PURE__ */ g("p", {
+												role: "alert",
+												className: "text-xs text-[var(--color-text-danger)]",
+												children: ["Could not load the template contents: ", t.message]
+											}) : t.preview ? /* @__PURE__ */ h(a, { preview: t.preview }) : /* @__PURE__ */ h("p", {
+												className: "text-xs text-[var(--color-text-muted)]",
+												children: "This submission has no workflow definition to preview."
+											});
+										})(),
+										e.manifest && /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ g("h4", {
 											className: "mb-2 flex items-center gap-1.5 text-xs font-semibold text-[var(--color-text-secondary)] uppercase tracking-wide",
-											children: [/* @__PURE__ */ p(c, { className: "size-3.5" }), "Manifest"]
-										}), /* @__PURE__ */ p("pre", {
+											children: [/* @__PURE__ */ h(d, { className: "size-3.5" }), "Manifest"]
+										}), /* @__PURE__ */ h("pre", {
 											className: "overflow-x-auto rounded-lg border border-[var(--color-border-seam)] bg-[var(--color-surface-default)] p-4 text-[11px] leading-relaxed text-[var(--color-text-primary)] max-h-72 overflow-y-auto scrollbar-thin",
 											children: JSON.stringify(e.manifest, null, 2)
 										})] })
 									]
 								}),
-								Ne === e.id && /* @__PURE__ */ m("div", {
+								He === e.id && /* @__PURE__ */ g("div", {
 									className: `border-t border-[var(--color-border-seam)] px-5 py-4 ${e.status === "PUBLISHED" ? "bg-[var(--color-surface-warning-muted)]/30" : "bg-[var(--color-surface-danger-muted)]/30"}`,
 									children: [
-										e.status === "PUBLISHED" ? /* @__PURE__ */ p("p", {
+										e.status === "PUBLISHED" ? /* @__PURE__ */ h("p", {
 											className: "mb-2 text-xs font-semibold text-[var(--color-text-warning)]",
 											children: "Delist — this removes the product from the store for new users. Existing installs keep working. Reason is optional."
-										}) : /* @__PURE__ */ p("p", {
+										}) : /* @__PURE__ */ h("p", {
 											className: "mb-2 text-xs font-semibold text-[var(--color-text-danger)]",
 											children: "Reject — provide a reason (the publisher will see this)"
 										}),
-										/* @__PURE__ */ p("textarea", {
+										/* @__PURE__ */ h("textarea", {
 											id: `reject-reason-${e.id}`,
 											"aria-label": e.status === "PUBLISHED" ? "Delist reason" : "Rejection reason",
-											value: P,
-											onChange: (e) => F(e.target.value),
+											value: I,
+											onChange: (e) => L(e.target.value),
 											rows: 3,
 											required: e.status !== "PUBLISHED",
 											"aria-required": e.status !== "PUBLISHED",
 											className: "w-full rounded-lg border border-[var(--color-border-default)] bg-[var(--color-surface-default)] px-3 py-2 text-sm text-[var(--color-text-primary)] focus:border-[var(--color-border-accent)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)] resize-none",
 											placeholder: e.status === "PUBLISHED" ? "Optional — reason for delisting…" : "Be specific — e.g. 'Manifest is missing the identity.version field' or 'ZIP file is empty'…"
 										}),
-										/* @__PURE__ */ m("div", {
+										/* @__PURE__ */ g("div", {
 											className: "mt-2 flex items-center justify-end gap-2",
-											children: [/* @__PURE__ */ p("button", {
+											children: [/* @__PURE__ */ h("button", {
 												type: "button",
 												onClick: () => {
-													N(null), F("");
+													F(null), L("");
 												},
 												className: "rounded-md border border-[var(--color-border-default)] bg-[var(--color-surface-default)] px-3 py-1.5 text-xs font-medium text-[var(--color-text-primary)] hover:bg-[var(--color-surface-hover)] transition-colors",
 												children: "Cancel"
-											}), e.status === "PUBLISHED" ? /* @__PURE__ */ p("button", {
+											}), e.status === "PUBLISHED" ? /* @__PURE__ */ h("button", {
 												type: "button",
-												onClick: () => void qe(e.id),
-												disabled: A === e.id,
+												onClick: () => void lt(e.id),
+												disabled: M === e.id,
 												className: "rounded-md bg-[var(--color-surface-warning)] px-3 py-1.5 text-xs font-semibold text-[var(--color-text-on-warning)] hover:opacity-90 disabled:opacity-50 transition-opacity",
 												children: "Confirm delist"
-											}) : /* @__PURE__ */ p("button", {
+											}) : /* @__PURE__ */ h("button", {
 												type: "button",
-												onClick: () => void Ke(e.id),
-												disabled: !P.trim() || A === e.id,
+												onClick: () => void ct(e.id),
+												disabled: !I.trim() || M === e.id,
 												className: "rounded-md bg-[var(--color-surface-danger)] px-3 py-1.5 text-xs font-semibold text-[var(--color-text-on-danger)] hover:opacity-90 disabled:opacity-50 transition-opacity",
 												children: "Submit rejection"
 											})]
@@ -897,23 +1000,33 @@ var S = () => {
 								})
 							]
 						}, e.id))
+					}),
+					P !== "VERSION_UPDATES" && P !== "TEMPLATE_REVISIONS" && ze && w.length > 0 && /* @__PURE__ */ h("div", {
+						className: "flex justify-center",
+						children: /* @__PURE__ */ g("button", {
+							type: "button",
+							onClick: () => void $(P, w.length),
+							disabled: O,
+							className: "inline-flex items-center gap-2 rounded-md border border-[var(--color-border-default)] bg-[var(--color-surface-default)] px-4 py-1.5 text-sm text-[var(--color-text-primary)] transition-colors hover:bg-[var(--color-surface-hover)] disabled:opacity-50",
+							children: [O && /* @__PURE__ */ h(f, { className: "size-4 animate-spin" }), "Load more"]
+						})
 					})
 				]
 			}),
-			R && /* @__PURE__ */ p(r, {
+			z && /* @__PURE__ */ h(r, {
 				isOpen: !0,
-				onClose: () => z(null),
+				onClose: () => B(null),
 				app: {
-					id: R.id,
-					name: R.name,
-					slug: R.slug,
-					icon: R.icon ?? void 0,
-					type: R.type,
-					permissions: R.requiredPermissions?.length ? R.requiredPermissions : void 0
+					id: z.id,
+					name: z.name,
+					slug: z.slug,
+					icon: z.icon ?? void 0,
+					type: z.type,
+					permissions: z.requiredPermissions?.length ? z.requiredPermissions : void 0
 				},
 				purchaseState: "free",
 				onInstallSuccess: () => {
-					z(null);
+					B(null);
 				},
 				onInstallError: () => {}
 			})
@@ -921,6 +1034,6 @@ var S = () => {
 	});
 };
 //#endregion
-export { S as AdminSubmissionsQueuePage };
+export { w as AdminSubmissionsQueuePage };
 
 //# sourceMappingURL=AdminSubmissionsQueuePage.js.map