@burdenoff/microfe-store 2026.1028.1 → 2026.1102.1

package/dist/pages/AdminSubmissionsQueuePage.js

@@ -1,35 +1,45 @@
 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 { GOVERNANCE_STATS_QUERY as n, runGovernanceOperation as r } from "../utils/governance.js";
+import { Markdown as i } from "../node_modules/react-markdown/lib/index.js";
+import { InstallAppModal as a } from "../components/InstallAppModal.js";
+import { WORKFLOW_TEMPLATE_PREVIEW_FIELDS as o, WorkflowTemplatePreviewPanel as ee } from "../components/WorkflowTemplatePreviewPanel.js";
+import { TEMPLATE_REVISION_COUNT_QUERY as te, TemplateRevisionsQueue as ne } from "../components/TemplateRevisionsQueue.js";
+import { useCallback as s, useEffect as c, useRef as re, useState as l } from "react";
+import { useNavigate as ie } from "react-router";
+import { ArrowLeft as ae, Check as oe, ChevronDown as se, ChevronUp as ce, Clock as le, Download as u, ExternalLink as ue, FileJson as d, FlaskConical as de, GitBranch as fe, Hash as pe, History as me, PackageCheck as he, RefreshCw as f, ShieldCheck as ge, Tag as _e, User as ve, 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 ye, PagePurpose as be } 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 xe = {
 	PENDING: "Build pending",
 	READY: "Build ready",
 	FAILED: "Build failed",
 	DISPATCH_FAILED: "Dispatch failed",
 	UNSUPPORTED: "Unsupported provider"
-}, _ = {
+}, Se = {
 	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 = [
+}, Ce = "\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        reviewDueAt\n        isReviewOverdue\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", we = "\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", Te = `
+  query AdminWorkflowTemplatePreview($id: ID!) {
+    product(id: $id) {
+      id
+      workflowTemplatePreview { ${o} }
+    }
+  }
+`, y = 50, Ee = "\n  mutation ApproveProduct($id: ID!, $notes: String) {\n    approveProduct(id: $id, notes: $notes) {\n      id\n      status\n      publishedAt\n    }\n  }\n", De = "\n  mutation RejectProduct($id: ID!, $reason: String!) {\n    rejectProduct(id: $id, reason: $reason) {\n      id\n      status\n      rejectedReason\n    }\n  }\n", Oe = "\n  mutation DelistProduct($id: ID!, $reason: String) {\n    delistProduct(id: $id, reason: $reason) {\n      id\n      status\n    }\n  }\n", ke = "\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", Ae = "\n  mutation RefreshApplicationVersionPackageUrl($id: ID!) {\n    refreshApplicationVersionPackageUrl(id: $id)\n  }\n", je = "\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", Me = "\n  mutation AdminApproveApplicationVersion($id: ID!, $notes: String) {\n    approveApplicationVersion(id: $id, notes: $notes) {\n      id\n      status\n    }\n  }\n", Ne = "\n  mutation AdminRejectApplicationVersion($id: ID!, $reason: String!) {\n    rejectApplicationVersion(id: $id, reason: $reason) {\n      id\n      status\n    }\n  }\n", Pe = "\n  mutation AdminRetryNodeSandboxBuild($id: ID!) {\n    retryNodeSandboxBuild(id: $id)\n  }\n", Fe = [
 	{
 		label: "Pending review",
 		value: "PENDING_REVIEW"
@@ -42,6 +52,10 @@ var ge = {
 		label: "Rejected",
 		value: "REJECTED"
 	},
+	{
+		label: "Template revisions",
+		value: "TEMPLATE_REVISIONS"
+	},
 	{
 		label: "Version Updates",
 		value: "VERSION_UPDATES"
@@ -50,16 +64,16 @@ var ge = {
 		label: "All",
 		value: "ALL"
 	}
-], v = {
+], b = {
 	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 = {
+}, x = {
 	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([
+}, S = new Set([
 	"NODE",
 	"WORKFLOW",
 	"VIBEMODULE",
@@ -67,13 +81,13 @@ var ge = {
 	"DATASINK",
 	"CONSOLE"
 ]);
-function ke(e) {
-	return v[e] ?? "bg-[var(--color-surface-muted)] text-[var(--color-text-secondary)]";
+function Ie(e) {
+	return b[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 Le(e) {
+	return x[e] ?? "bg-[var(--color-surface-muted)] text-[var(--color-text-secondary)]";
 }
-function x(e) {
+function C(e) {
 	return e ? new Date(e).toLocaleString(void 0, {
 		month: "short",
 		day: "numeric",
@@ -82,138 +96,177 @@ 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 o = ie(), { authToken: b, basePath: x } = e(), [w, Re] = l([]), [T, ze] = l(0), [Be, Ve] = l(!1), [He, Ue] = l(0);
+	c(() => {
+		let e = !1;
+		return r(n, void 0, b, "Failed to load the review SLA counters").then((t) => {
+			e || Ue(t.storeGovernanceStats.overdueSubmissions);
+		}).catch(() => {
+			e || Ue(0);
+		}), () => {
+			e = !0;
+		};
+	}, [b, T]);
+	let [E, D] = l({}), O = re({});
+	c(() => {
+		O.current = E;
+	}, [E]);
+	let [k, A] = l(!1), [We, j] = l(null), [M, N] = l(null), [P, Ge] = l("PENDING_REVIEW"), [Ke, F] = l(null), [I, L] = l(""), [R, qe] = l(null), [z, B] = l(null), [V, Je] = l([]), [Ye, Xe] = l(0), [H, U] = l(null), [W, Ze] = l(null), [Qe, G] = l(null), [K, q] = l(""), [$e, J] = l(null), [Y, et] = l({}), [X, tt] = l(null), [Z, nt] = l(0), rt = re(0), [it, at] = l(0);
+	c(() => {
+		let e = !1;
+		return (async () => {
+			try {
+				let t = await m({
+					gateway: "global",
+					query: te,
+					authToken: b || void 0
+				});
+				e || nt(t.data?.pendingWorkflowTemplateRevisions.totalCount ?? 0);
+			} catch {}
+		})(), () => {
+			e = !0;
+		};
+	}, [b]);
+	let Q = s(async () => {
+		A(!0), j(null);
 		try {
-			let e = await f({
+			let e = await m({
 				gateway: "global",
-				query: we,
+				query: je,
 				variables: {
-					limit: 50,
+					limit: 20,
 					offset: 0
 				},
-				authToken: y || void 0
+				authToken: b || 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);
+			Je((e.data?.applicationsWithPendingVersions.edges ?? []).map((e) => e.node)), Xe(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);
+			A(!1);
 		}
-	}, [y]), Ve = async (e, t, n) => {
-		U(e), k(null);
+	}, [b]), ot = async (e, t, n) => {
+		U(e), j(null);
 		try {
-			let t = await f({
+			let t = await m({
 				gateway: "global",
-				query: Te,
+				query: Me,
 				variables: {
 					id: e,
 					notes: n || null
 				},
-				authToken: y || void 0
+				authToken: b || 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) => {
+	}, st = 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: Ne,
 				variables: {
 					id: e,
 					reason: n.trim()
 				},
-				authToken: y || void 0
+				authToken: b || 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);
+	}, ct = async (e) => {
+		Ze(e), j(null);
 		try {
-			let t = await f({
+			let t = await m({
 				gateway: "global",
-				query: De,
+				query: Pe,
 				variables: { id: e },
-				authToken: y || void 0
+				authToken: b || 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);
+			Ze(null);
 		}
-	}, Q = i(async (e) => {
+	}, $ = s(async (e, t = 0) => {
+		let n = ++rt.current, r = () => n === rt.current;
 		if (e === "VERSION_UPDATES") {
-			await Z();
+			await Q();
 			return;
 		}
-		D(!0), k(null);
+		if (e === "TEMPLATE_REVISIONS") {
+			A(!1), at((e) => e + 1);
+			return;
+		}
+		A(!0), j(null), t === 0 && (O.current = {}, D({}));
 		try {
 			if (e === "PENDING_REVIEW") {
-				let e = await f({
+				let e = await m({
 					gateway: "global",
-					query: _e,
+					query: Ce,
 					variables: {
-						limit: 100,
-						offset: 0
+						limit: y,
+						offset: t
 					},
-					authToken: y || void 0
+					authToken: b || 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;
+				Re((e) => t > 0 ? [...e, ...n] : n), ze(i), Ve(t + n.length < i);
 			} else {
-				let t = await f({
+				let n = await m({
 					gateway: "global",
-					query: ve,
+					query: we,
 					variables: {
-						limit: 100,
-						offset: 0,
+						limit: y,
+						offset: t,
 						...e !== "ALL" && { status: e }
 					},
-					authToken: y || void 0
+					authToken: b || 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 ?? [];
+				Re((e) => t > 0 ? [...e, ...i] : i), ze((e) => t > 0 ? e + i.length : i.length), Ve(i.length === y);
 			}
 		} 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() && A(!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));
+	}, [b, Q]);
+	c(() => {
+		$(P);
+	}, [$, P]), c(() => {
+		Q();
+	}, [Q]), c(() => {
+		let e = w.filter((e) => e.productId && (e.type === "NODE" || S.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: ke,
 				variables: { id: e.productId },
-				authToken: y || void 0
+				authToken: b || void 0
 			})));
-			ze((n) => {
+			et((n) => {
 				let r = { ...n };
 				return t.forEach((t, n) => {
 					if (t.status === "fulfilled") {
@@ -227,275 +280,324 @@ var S = () => {
 				}), r;
 			});
 		})();
-	}, [C, y]);
-	let We = async (e) => {
-		Be(e);
+	}, [w, b]);
+	let lt = async (e) => {
+		tt(e);
 		try {
-			let t = (await f({
+			let t = (await m({
 				gateway: "global",
-				query: Ce,
+				query: Ae,
 				variables: { id: e },
-				authToken: y || void 0
+				authToken: b || 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);
+			tt(null);
+		}
+	}, ut = s(async (e) => {
+		let t = O.current[e]?.state;
+		if (!(t === "loaded" || t === "loading")) {
+			O.current = {
+				...O.current,
+				[e]: { state: "loading" }
+			}, D((t) => ({
+				...t,
+				[e]: { state: "loading" }
+			}));
+			try {
+				let t = await m({
+					gateway: "global",
+					query: Te,
+					variables: { id: e },
+					authToken: b || 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;
+				D((t) => ({
+					...t,
+					[e]: {
+						state: "loaded",
+						preview: n
+					}
+				}));
+			} catch (t) {
+				let n = t instanceof Error ? t.message : "Failed to load the template contents";
+				D((t) => ({
+					...t,
+					[e]: {
+						state: "error",
+						message: n
+					}
+				}));
+			}
 		}
-	}, Ge = async (e) => {
-		j(e), k(null);
+	}, [b]), dt = async (e) => {
+		N(e), j(null);
 		try {
-			let t = await f({
+			let t = await m({
 				gateway: "global",
-				query: ye,
+				query: Ee,
 				variables: {
 					id: e,
 					notes: null
 				},
-				authToken: y || void 0
+				authToken: b || 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");
+	}, ft = 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: De,
 				variables: {
 					id: e,
-					reason: P.trim()
+					reason: I.trim()
 				},
-				authToken: y || void 0
+				authToken: b || 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);
+	}, pt = async (e) => {
+		N(e), j(null);
 		try {
-			let t = await f({
+			let t = await m({
 				gateway: "global",
-				query: xe,
+				query: Oe,
 				variables: {
 					id: e,
-					reason: P.trim() || void 0
+					reason: I.trim() || void 0
 				},
-				authToken: y || void 0
+				authToken: b || 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", {
+	}, mt = 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: () => o(`${x}/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(ae, { 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(he, { 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", {
+								T > 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
+								}),
+								He > 0 && /* @__PURE__ */ g("span", {
+									className: "shrink-0 rounded-full bg-[var(--color-status-error-bg-subtle)] px-2 py-0.5 text-xs font-semibold text-[var(--color-status-error-text)]",
+									children: [He, " overdue"]
 								})
 							]
-						}), /* @__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: k,
+							children: [/* @__PURE__ */ h(f, { className: `size-4 ${k ? "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: Fe.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: () => Ge(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" && mt > 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: mt
+								}),
+								e.value === "TEMPLATE_REVISIONS" && Z > 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: Z
 								}),
-								e.value === "VERSION_UPDATES" && V > 0 && M !== "VERSION_UPDATES" && /* @__PURE__ */ p("span", {
+								e.value === "VERSION_UPDATES" && Ye > 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: Ye
 								})
 							]
 						}, 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(be, {
 						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", {
+					We && /* @__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: We
 					}),
-					M === "VERSION_UPDATES" ? E && B.length === 0 ? /* @__PURE__ */ p("div", {
+					P === "TEMPLATE_REVISIONS" ? /* @__PURE__ */ h(ne, {
+						authToken: b,
+						onCountChange: nt,
+						refreshKey: it
+					}) : P === "VERSION_UPDATES" ? k && 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(ye, {
 						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(fe, { 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(ue, { 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(fe, { 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 ${Se[e]}`,
+															title: v(t.metadata) ?? void 0,
+															children: xe[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(le, { className: "size-3" }), C(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(i, { 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 ct(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: () => o(`${x}/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(me, { 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 lt(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(u, { 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 +607,48 @@ var S = () => {
 															})
 														]
 													}),
-													t.manifest && /* @__PURE__ */ m("button", {
+													t.manifest && /* @__PURE__ */ g("button", {
 														type: "button",
-														onClick: () => L(I === t.id ? null : t.id),
+														onClick: () => qe(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(ce, { className: "size-3" }) : /* @__PURE__ */ h(se, { 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", {
+											Qe === t.id && $e === 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 st(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 +656,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 ot(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(oe, { className: "size-3.5" }), "Approve version"]
+												}), Qe !== 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 +679,71 @@ var S = () => {
 								})]
 							}, e.id);
 						})
-					}) : E && C.length === 0 ? /* @__PURE__ */ p("div", {
+					}) : k && 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(ye, {
+						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 ${Ie(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 ${Le(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 ${Se[t]}`,
+															title: v(Y[e.productId]?.metadata) ?? void 0,
+															children: xe[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(pe, { 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(ve, { 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 +753,144 @@ 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(le, { className: "size-3" }), C(e.submittedAt)]
 													}),
-													/* @__PURE__ */ m("span", {
+													e.reviewDueAt && /* @__PURE__ */ g("span", {
+														className: e.isReviewOverdue ? "inline-flex items-center gap-1 rounded-full bg-[var(--color-status-error-bg-subtle)] px-2 py-0.5 font-semibold text-[var(--color-status-error-text)]" : "flex items-center gap-1",
+														children: [e.isReviewOverdue ? "Overdue · was due " : "Due ", C(e.reviewDueAt)]
+													}),
+													/* @__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(_e, { 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(ue, { 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;
+											S.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 lt(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(u, { 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(u, { 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 ct(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", {
+											S.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(de, { 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;
+													qe(t ? e.id : null), t && e.type === "WORKFLOW" && ut(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(ce, { className: "size-3" }) : /* @__PURE__ */ h(se, { 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 dt(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(oe, { 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 +898,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 +923,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(ge, { 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 = E[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(ee, { 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", {
+								Ke === 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 pt(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 ft(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 +1020,33 @@ var S = () => {
 								})
 							]
 						}, e.id))
+					}),
+					P !== "VERSION_UPDATES" && P !== "TEMPLATE_REVISIONS" && Be && w.length > 0 && /* @__PURE__ */ h("div", {
+						className: "flex justify-center",
+						children: /* @__PURE__ */ g("button", {
+							type: "button",
+							onClick: () => void $(P, w.length),
+							disabled: k,
+							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: [k && /* @__PURE__ */ h(f, { className: "size-4 animate-spin" }), "Load more"]
+						})
 					})
 				]
 			}),
-			R && /* @__PURE__ */ p(r, {
+			z && /* @__PURE__ */ h(a, {
 				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 +1054,6 @@ var S = () => {
 	});
 };
 //#endregion
-export { S as AdminSubmissionsQueuePage };
+export { w as AdminSubmissionsQueuePage };
 
 //# sourceMappingURL=AdminSubmissionsQueuePage.js.map