@burdenoff/microfe-store 2026.703.1 → 2026.703.2

package/dist/pages/AdminSubmissionsQueuePage.js

@@ -1,13 +1,14 @@
 import { useStore as e } from "../providers/StoreProvider.js";
 import { formatPriceForModel as t } from "../utils/index.js";
-import { useCallback as n, useEffect as r, useState as i } from "react";
-import { ArrowLeft as a, Check as o, ChevronDown as s, ChevronUp as c, PackageCheck as l, RefreshCw as u, 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 { useNavigate as h } from "react-router-dom";
-import { IllustratedEmptyState as g, NextSteps as _, PagePurpose as v } from "@burdenoff/fe-libs/ui";
+import { InstallAppModal as n } from "../components/InstallAppModal.js";
+import { useCallback as r, useEffect as i, useState as a } from "react";
+import { ArrowLeft as ee, Check as o, ChevronDown as s, ChevronUp as c, Clock as l, Download as u, ExternalLink as d, FileJson as f, FlaskConical as te, GitBranch as p, Hash as ne, PackageCheck as re, RefreshCw as m, ShieldCheck as ie, Tag as ae, User as oe, X as h } from "lucide-react";
+import { graphqlFetch as g } from "@burdenoff/fe-libs/shared/graphql";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { useNavigate as se } from "react-router-dom";
+import { IllustratedEmptyState as ce, PagePurpose as le } from "@burdenoff/fe-libs/ui";
 //#region src/pages/AdminSubmissionsQueuePage.tsx
-var y = "\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        publisher {\n          id\n          name\n          email\n        }\n      }\n    }\n  }\n", b = "\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      publisher {\n        id\n        name\n        email\n      }\n    }\n  }\n", x = "\n  mutation ApproveProduct($id: ID!, $notes: String) {\n    approveProduct(id: $id, notes: $notes) {\n      id\n      status\n      publishedAt\n    }\n  }\n", S = "\n  mutation RejectProduct($id: ID!, $reason: String!) {\n    rejectProduct(id: $id, reason: $reason) {\n      id\n      status\n      rejectedReason\n    }\n  }\n", C = [
+var ue = "\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        manifest\n        requiredPermissions\n        publisher {\n          id\n          name\n          email\n        }\n      }\n    }\n  }\n", de = "\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      manifest\n      requiredPermissions\n      publisher {\n        id\n        name\n        email\n      }\n    }\n  }\n", fe = "\n  mutation ApproveProduct($id: ID!, $notes: String) {\n    approveProduct(id: $id, notes: $notes) {\n      id\n      status\n      publishedAt\n    }\n  }\n", pe = "\n  mutation RejectProduct($id: ID!, $reason: String!) {\n    rejectProduct(id: $id, reason: $reason) {\n      id\n      status\n      rejectedReason\n    }\n  }\n", me = "\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          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                createdAt\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n", he = "\n  mutation AdminApproveApplicationVersion($id: ID!, $notes: String) {\n    approveApplicationVersion(id: $id, notes: $notes) {\n      id\n      status\n    }\n  }\n", ge = "\n  mutation AdminRejectApplicationVersion($id: ID!, $reason: String!) {\n    rejectApplicationVersion(id: $id, reason: $reason) {\n      id\n      status\n    }\n  }\n", _e = [
 	{
 		label: "Pending review",
 		value: "PENDING_REVIEW"
@@ -20,397 +21,733 @@ var y = "\n  query PendingReviewProducts($limit: Int, $offset: Int) {\n    pendi
 		label: "Rejected",
 		value: "REJECTED"
 	},
+	{
+		label: "Version Updates",
+		value: "VERSION_UPDATES"
+	},
 	{
 		label: "All",
 		value: "ALL"
 	}
-], w = () => {
-	let w = h(), { authToken: T, basePath: E } = e(), [D, O] = i([]), [k, A] = i(0), [j, M] = i(!1), [N, P] = i(null), [F, I] = i(null), [L, R] = i("PENDING_REVIEW"), [z, B] = i(null), [V, H] = i(""), [U, W] = i(null), G = n(async (e) => {
-		M(!0), P(null);
+], y = {
+	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)]"
+}, b = {
+	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)]"
+}, x = new Set([
+	"NODE",
+	"WORKFLOW",
+	"VIBEMODULE",
+	"PARSER",
+	"DATASINK",
+	"CONSOLE"
+]);
+function ve(e) {
+	return y[e] ?? "bg-[var(--color-surface-muted)] text-[var(--color-text-secondary)]";
+}
+function ye(e) {
+	return b[e] ?? "bg-[var(--color-surface-muted)] text-[var(--color-text-secondary)]";
+}
+function S(e) {
+	return e ? new Date(e).toLocaleString(void 0, {
+		month: "short",
+		day: "numeric",
+		year: "numeric",
+		hour: "2-digit",
+		minute: "2-digit"
+	}) : "—";
+}
+var C = () => {
+	let y = se(), { authToken: b, basePath: C } = e(), [w, T] = a([]), [E, D] = a(0), [O, k] = a(!1), [A, j] = a(null), [M, N] = a(null), [P, be] = a("PENDING_REVIEW"), [xe, F] = a(null), [I, L] = a(""), [R, z] = a(null), [B, V] = a(null), [H, Se] = a([]), [U, Ce] = a(0), [W, G] = a(null), [K, q] = a(null), [J, Y] = a(""), [we, X] = a(null), Z = r(async () => {
+		k(!0), j(null);
+		try {
+			let e = await g({
+				gateway: "global",
+				query: me,
+				variables: {
+					limit: 50,
+					offset: 0
+				},
+				authToken: b || void 0
+			});
+			if (e.errors?.length) throw Error(e.errors[0]?.message ?? "Failed to load version updates");
+			Se((e.data?.applicationsWithPendingVersions.edges ?? []).map((e) => e.node)), Ce(e.data?.applicationsWithPendingVersions.totalCount ?? 0);
+		} catch (e) {
+			j(e instanceof Error ? e.message : "Failed to load version updates");
+		} finally {
+			k(!1);
+		}
+	}, [b]), Te = async (e, t, n) => {
+		G(e), j(null);
+		try {
+			let t = await g({
+				gateway: "global",
+				query: he,
+				variables: {
+					id: e,
+					notes: n || null
+				},
+				authToken: b || void 0
+			});
+			if (t.errors?.length) throw Error(t.errors[0]?.message ?? "Approval failed");
+			await Z();
+		} catch (e) {
+			j(e instanceof Error ? e.message : "Approval failed");
+		} finally {
+			G(null);
+		}
+	}, Ee = async (e, t, n) => {
+		if (!n.trim()) {
+			j("Rejection reason is required");
+			return;
+		}
+		G(e), j(null);
+		try {
+			let t = await g({
+				gateway: "global",
+				query: ge,
+				variables: {
+					id: e,
+					reason: n.trim()
+				},
+				authToken: b || void 0
+			});
+			if (t.errors?.length) throw Error(t.errors[0]?.message ?? "Rejection failed");
+			q(null), Y(""), X(null), await Z();
+		} catch (e) {
+			j(e instanceof Error ? e.message : "Rejection failed");
+		} finally {
+			G(null);
+		}
+	}, Q = r(async (e) => {
+		if (e === "VERSION_UPDATES") {
+			await Z();
+			return;
+		}
+		k(!0), j(null);
 		try {
 			if (e === "PENDING_REVIEW") {
-				let e = await f({
+				let e = await g({
 					gateway: "global",
-					query: y,
+					query: ue,
 					variables: {
 						limit: 100,
 						offset: 0
 					},
-					authToken: T || void 0
+					authToken: b || void 0
 				});
 				if (e.errors?.length) throw Error(e.errors[0]?.message ?? "Failed to load pending products");
-				O(e.data?.pendingReviewProducts.products ?? []), A(e.data?.pendingReviewProducts.totalCount ?? 0);
+				T(e.data?.pendingReviewProducts.products ?? []), D(e.data?.pendingReviewProducts.totalCount ?? 0);
 			} else {
-				let t = await f({
+				let t = await g({
 					gateway: "global",
-					query: b,
+					query: de,
 					variables: {
 						limit: 100,
 						offset: 0,
 						...e !== "ALL" && { status: e }
 					},
-					authToken: T || 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 ?? [];
-				O(n), A(n.length);
+				T(n), D(n.length);
 			}
 		} catch (e) {
-			P(e instanceof Error ? e.message : "Failed to load products");
+			j(e instanceof Error ? e.message : "Failed to load products");
 		} finally {
-			M(!1);
+			k(!1);
 		}
-	}, [T]);
-	r(() => {
-		G(L);
-	}, [G, L]);
-	let K = async (e) => {
-		I(e), P(null);
+	}, [b, Z]);
+	i(() => {
+		Q(P);
+	}, [Q, P]), i(() => {
+		Z();
+	}, [Z]);
+	let De = async (e) => {
+		N(e), j(null);
 		try {
-			let t = await f({
+			let t = await g({
 				gateway: "global",
-				query: x,
+				query: fe,
 				variables: {
 					id: e,
 					notes: null
 				},
-				authToken: T || void 0
+				authToken: b || void 0
 			});
 			if (t.errors?.length) throw Error(t.errors[0]?.message ?? "Approval failed");
-			await G(L);
+			await Q(P);
 		} catch (e) {
-			P(e instanceof Error ? e.message : "Approval failed");
+			j(e instanceof Error ? e.message : "Approval failed");
 		} finally {
-			I(null);
+			N(null);
 		}
-	}, q = async (e) => {
-		if (!V.trim()) {
-			P("Rejection reason is required");
+	}, Oe = async (e) => {
+		if (!I.trim()) {
+			j("Rejection reason is required");
 			return;
 		}
-		I(e), P(null);
+		N(e), j(null);
 		try {
-			let t = await f({
+			let t = await g({
 				gateway: "global",
-				query: S,
+				query: pe,
 				variables: {
 					id: e,
-					reason: V.trim()
+					reason: I.trim()
 				},
-				authToken: T || void 0
+				authToken: b || void 0
 			});
 			if (t.errors?.length) throw Error(t.errors[0]?.message ?? "Rejection failed");
-			B(null), H(""), await G(L);
+			F(null), L(""), await Q(P);
 		} catch (e) {
-			P(e instanceof Error ? e.message : "Rejection failed");
+			j(e instanceof Error ? e.message : "Rejection failed");
 		} finally {
-			I(null);
+			N(null);
 		}
-	};
-	return /* @__PURE__ */ m("div", {
-		className: "min-h-screen bg-surface-default",
-		children: [/* @__PURE__ */ p("header", {
-			className: "border-b border-border-seam bg-surface-raised",
-			children: /* @__PURE__ */ m("div", {
-				className: "mx-auto max-w-7xl px-6 py-4",
-				children: [/* @__PURE__ */ m("div", {
-					className: "flex items-center justify-between",
-					children: [/* @__PURE__ */ m("div", {
-						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ m("button", {
-							type: "button",
-							onClick: () => w(`${E}/dashboard`),
-							className: "inline-flex items-center gap-2 rounded-md px-3 py-1.5 text-sm text-text-secondary hover:bg-surface-hover hover:text-text-primary",
-							children: [/* @__PURE__ */ p(a, { className: "size-4" }), "Back"]
-						}), /* @__PURE__ */ m("div", {
-							className: "flex items-center gap-2",
+	}, $ = w.filter((e) => e.status === "PENDING_REVIEW").length;
+	return /* @__PURE__ */ v("div", {
+		className: "min-h-screen bg-[var(--color-surface-default)]",
+		children: [
+			/* @__PURE__ */ _("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__ */ v("div", {
+					className: "mx-auto max-w-5xl px-6 py-4",
+					children: [/* @__PURE__ */ v("div", {
+						className: "flex items-center justify-between gap-4",
+						children: [/* @__PURE__ */ v("div", {
+							className: "flex items-center gap-3 min-w-0",
 							children: [
-								/* @__PURE__ */ p(l, { className: "size-5 text-text-primary" }),
-								/* @__PURE__ */ p("h1", {
-									className: "text-xl font-semibold text-text-primary",
-									children: "Submission queue"
+								/* @__PURE__ */ v("button", {
+									type: "button",
+									onClick: () => y(`${C}/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__ */ _(ee, { className: "size-4 shrink-0" }), "Back"]
 								}),
-								/* @__PURE__ */ p("span", {
-									className: "rounded-full bg-surface-accent-muted px-2 py-0.5 text-xs font-medium text-text-accent",
-									children: k
+								/* @__PURE__ */ _("div", { className: "h-5 w-px bg-[var(--color-border-seam)]" }),
+								/* @__PURE__ */ _(re, { className: "size-5 shrink-0 text-[var(--color-text-primary)]" }),
+								/* @__PURE__ */ _("h1", {
+									className: "text-lg font-semibold text-[var(--color-text-primary)] truncate",
+									children: "Submission Queue"
+								}),
+								E > 0 && /* @__PURE__ */ _("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: E
 								})
 							]
+						}), /* @__PURE__ */ v("button", {
+							type: "button",
+							onClick: () => void Q(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: O,
+							children: [/* @__PURE__ */ _(m, { className: `size-4 ${O ? "animate-spin" : ""}` }), "Refresh"]
 						})]
-					}), /* @__PURE__ */ m("button", {
-						type: "button",
-						onClick: () => void G(L),
-						className: "inline-flex items-center gap-2 rounded-md border border-border-default bg-surface-default px-3 py-1.5 text-sm text-text-primary hover:bg-surface-hover",
-						disabled: j,
-						children: [/* @__PURE__ */ p(u, { className: `size-4 ${j ? "animate-spin" : ""}` }), "Refresh"]
+					}), /* @__PURE__ */ _("div", {
+						className: "mt-3 flex gap-1.5 flex-wrap",
+						children: _e.map((e) => /* @__PURE__ */ v("button", {
+							type: "button",
+							onClick: () => be(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 && P !== "PENDING_REVIEW" && /* @__PURE__ */ _("span", {
+									className: "ml-1.5 rounded-full bg-[var(--color-status-warning-text)] px-1.5 py-0.5 text-[10px] text-white",
+									children: $
+								}),
+								e.value === "VERSION_UPDATES" && U > 0 && P !== "VERSION_UPDATES" && /* @__PURE__ */ _("span", {
+									className: "ml-1.5 rounded-full bg-[var(--color-status-info-text)] px-1.5 py-0.5 text-[10px] text-white",
+									children: U
+								})
+							]
+						}, e.value))
 					})]
-				}), /* @__PURE__ */ p("div", {
-					className: "mt-4 flex gap-2",
-					children: C.map((e) => /* @__PURE__ */ p("button", {
-						type: "button",
-						onClick: () => R(e.value),
-						className: `rounded-full px-3 py-1 text-xs font-medium transition-colors ${L === e.value ? "bg-surface-accent text-text-on-accent" : "bg-surface-muted text-text-secondary hover:bg-surface-hover"}`,
-						children: e.label
-					}, e.value))
-				})]
-			})
-		}), /* @__PURE__ */ m("main", {
-			className: "mx-auto max-w-7xl p-6",
-			children: [
-				/* @__PURE__ */ p(v, {
-					className: "mb-4",
-					children: "This is the marketplace gatekeeper. Every product a publisher submits lands here for review before customers can see it — open each one to inspect its details, pricing and publisher, then approve it to go live or reject it with a clear reason the publisher will read. Keeping this queue empty means new apps reach customers quickly."
-				}),
-				/* @__PURE__ */ p(_, {
-					storageKey: "store-admin-submissions",
-					steps: [
-						{
-							id: "review-pending",
-							label: "Review the pending queue",
-							description: "Start with submissions awaiting review and expand Details to inspect.",
-							onClick: () => R("PENDING_REVIEW")
-						},
-						{
-							id: "approve",
-							label: "Approve solid submissions",
-							description: "Approve a product to publish it instantly to the marketplace.",
-							done: L === "PUBLISHED" && D.length > 0
-						},
-						{
-							id: "reject-clear",
-							label: "Reject with a clear reason",
-							description: "Rejections require a reason — publishers see it, so be specific."
-						}
-					]
-				}),
-				N && /* @__PURE__ */ p("div", {
-					role: "alert",
-					className: "mb-4 rounded-md border border-border-danger bg-surface-danger-muted px-4 py-3 text-sm text-text-danger",
-					children: N
-				}),
-				j && D.length === 0 ? /* @__PURE__ */ p("output", {
-					className: "block py-16 text-center text-text-secondary",
-					children: "Loading submissions…"
-				}) : D.length === 0 ? /* @__PURE__ */ p(g, {
-					illustration: L === "PENDING_REVIEW" ? "empty-notifications" : "empty-data",
-					title: L === "PENDING_REVIEW" ? "Queue is clear" : "No products match this filter",
-					description: L === "PENDING_REVIEW" ? "There are no submissions awaiting review right now. New submissions will appear here as publishers send them in." : "Nothing matches the current status filter. Switch filters above to see products in other states."
-				}) : /* @__PURE__ */ p("ul", {
-					className: "space-y-3",
-					children: D.map((e) => /* @__PURE__ */ m("li", {
-						className: "overflow-hidden rounded-lg border border-border-seam bg-surface-raised transition-[box-shadow,border-color] hover:border-border-strong hover:shadow-[var(--shadow-pop)]",
-						children: [
-							/* @__PURE__ */ m("div", {
-								className: "flex items-start gap-4 p-4",
-								children: [
-									e.icon ? /* @__PURE__ */ p("img", {
+				})
+			}),
+			/* @__PURE__ */ v("main", {
+				className: "mx-auto max-w-5xl space-y-4 p-6",
+				children: [
+					/* @__PURE__ */ _(le, {
+						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."
+					}),
+					A && /* @__PURE__ */ _("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: A
+					}),
+					P === "VERSION_UPDATES" ? O && H.length === 0 ? /* @__PURE__ */ _("div", {
+						className: "flex items-center justify-center py-24",
+						children: /* @__PURE__ */ _(m, { className: "size-6 animate-spin text-[var(--color-text-muted)]" })
+					}) : H.length === 0 ? /* @__PURE__ */ _(ce, {
+						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__ */ _("ul", {
+						className: "space-y-4",
+						children: H.map((e) => {
+							let t = e.versions.edges.map((e) => e.node).filter((e) => e.status === "pending_review");
+							return t.length === 0 ? null : /* @__PURE__ */ v("li", {
+								className: "overflow-hidden rounded-xl border border-[var(--color-border-seam)] bg-[var(--color-surface-raised)] shadow-[var(--shadow-elevation-1)]",
+								children: [/* @__PURE__ */ v("div", {
+									className: "flex items-center gap-4 p-5 border-b border-[var(--color-border-seam)]",
+									children: [
+										e.iconUrl ? /* @__PURE__ */ _("img", {
+											src: e.iconUrl,
+											alt: "",
+											className: "size-12 shrink-0 rounded-xl object-cover shadow-sm"
+										}) : /* @__PURE__ */ _("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__ */ v("div", {
+											className: "flex-1 min-w-0",
+											children: [/* @__PURE__ */ v("div", {
+												className: "flex items-center gap-2 flex-wrap",
+												children: [/* @__PURE__ */ _("h3", {
+													className: "text-base font-semibold text-[var(--color-text-primary)]",
+													children: e.name
+												}), /* @__PURE__ */ v("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, { className: "size-3" }),
+														t.length,
+														" version",
+														t.length === 1 ? "" : "s",
+														" pending"
+													]
+												})]
+											}), (e.shortDescription ?? e.description) && /* @__PURE__ */ _("p", {
+												className: "mt-0.5 text-sm text-[var(--color-text-secondary)] line-clamp-1",
+												children: e.shortDescription ?? e.description
+											})]
+										}),
+										/* @__PURE__ */ v("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__ */ _(d, { className: "size-3.5" }), "Devportal"]
+										})
+									]
+								}), /* @__PURE__ */ _("div", {
+									className: "divide-y divide-[var(--color-border-seam)]",
+									children: t.map((t) => /* @__PURE__ */ v("div", {
+										className: "p-5 space-y-3",
+										children: [
+											/* @__PURE__ */ v("div", {
+												className: "flex items-center gap-2 flex-wrap",
+												children: [
+													/* @__PURE__ */ _(p, { className: "size-4 text-[var(--color-text-secondary)] shrink-0" }),
+													/* @__PURE__ */ _("span", {
+														className: "font-mono font-semibold text-sm text-[var(--color-text-primary)]",
+														children: t.version
+													}),
+													t.isLatest && /* @__PURE__ */ _("span", {
+														className: "rounded-full bg-[var(--color-surface-muted)] px-2 py-0.5 text-[10px] text-[var(--color-text-secondary)]",
+														children: "Latest"
+													}),
+													/* @__PURE__ */ _("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"
+													}),
+													/* @__PURE__ */ v("span", {
+														className: "ml-auto flex items-center gap-1 text-xs text-[var(--color-text-secondary)]",
+														children: [/* @__PURE__ */ _(l, { className: "size-3" }), S(t.createdAt)]
+													})
+												]
+											}),
+											t.releaseNotes && /* @__PURE__ */ _("p", {
+												className: "text-sm text-[var(--color-text-secondary)]",
+												children: t.releaseNotes
+											}),
+											/* @__PURE__ */ v("div", {
+												className: "flex flex-wrap gap-2",
+												children: [t.packageUrl && /* @__PURE__ */ v("a", {
+													href: t.packageUrl,
+													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)] transition-colors",
+													children: [
+														/* @__PURE__ */ _(u, { className: "size-3.5" }),
+														"Download Package",
+														t.packageSize != null && /* @__PURE__ */ v("span", {
+															className: "text-[var(--color-text-muted)]",
+															children: [
+																"(",
+																t.packageSize,
+																" bytes)"
+															]
+														})
+													]
+												}), t.manifest && /* @__PURE__ */ v("button", {
+													type: "button",
+													onClick: () => z(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__ */ _(f, { className: "size-3.5" }),
+														R === t.id ? "Hide manifest" : "View manifest",
+														R === t.id ? /* @__PURE__ */ _(c, { className: "size-3" }) : /* @__PURE__ */ _(s, { className: "size-3" })
+													]
+												})]
+											}),
+											R === t.id && t.manifest && /* @__PURE__ */ _("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)
+											}),
+											K === t.id && we === e.id && /* @__PURE__ */ v("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", {
+														className: "text-xs font-semibold text-[var(--color-text-danger)]",
+														children: "Rejection reason (the developer will see this)"
+													}),
+													/* @__PURE__ */ _("textarea", {
+														value: J,
+														onChange: (e) => Y(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__ */ v("div", {
+														className: "flex gap-2 justify-end",
+														children: [/* @__PURE__ */ _("button", {
+															type: "button",
+															onClick: () => {
+																q(null), Y(""), X(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__ */ _("button", {
+															type: "button",
+															onClick: () => void Ee(t.id, e.id, J),
+															disabled: !J.trim() || W === 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"
+														})]
+													})
+												]
+											}),
+											/* @__PURE__ */ v("div", {
+												className: "flex items-center gap-2",
+												children: [/* @__PURE__ */ v("button", {
+													type: "button",
+													onClick: () => void Te(t.id, e.id, ""),
+													disabled: W === 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: [W === t.id ? /* @__PURE__ */ _(m, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ _(o, { className: "size-3.5" }), "Approve version"]
+												}), K !== t.id && /* @__PURE__ */ v("button", {
+													type: "button",
+													onClick: () => {
+														q(t.id), Y(""), X(e.id);
+													},
+													disabled: W === 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__ */ _(h, { className: "size-3.5" }), "Reject version"]
+												})]
+											})
+										]
+									}, t.id))
+								})]
+							}, e.id);
+						})
+					}) : O && w.length === 0 ? /* @__PURE__ */ _("div", {
+						className: "flex items-center justify-center py-24",
+						children: /* @__PURE__ */ _(m, { className: "size-6 animate-spin text-[var(--color-text-muted)]" })
+					}) : w.length === 0 ? /* @__PURE__ */ _(ce, {
+						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__ */ _("ul", {
+						className: "space-y-3",
+						children: w.map((e) => /* @__PURE__ */ v("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__ */ v("div", {
+									className: "flex items-start gap-4 p-5",
+									children: [e.icon ? /* @__PURE__ */ _("img", {
 										src: e.icon,
 										alt: "",
-										className: "size-14 flex-shrink-0 rounded-md object-cover"
-									}) : /* @__PURE__ */ p("div", {
-										className: "flex size-14 flex-shrink-0 items-center justify-center rounded-md bg-surface-muted text-xs text-text-secondary",
-										children: e.type
-									}),
-									/* @__PURE__ */ m("div", {
+										className: "size-14 shrink-0 rounded-xl object-cover shadow-sm"
+									}) : /* @__PURE__ */ _("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__ */ v("div", {
 										className: "min-w-0 flex-1",
 										children: [
-											/* @__PURE__ */ m("div", {
-												className: "flex items-center gap-2",
+											/* @__PURE__ */ v("div", {
+												className: "flex flex-wrap items-center gap-2",
 												children: [
-													/* @__PURE__ */ p("h3", {
-														className: "truncate text-base font-semibold text-text-primary",
+													/* @__PURE__ */ _("h3", {
+														className: "text-base font-semibold text-[var(--color-text-primary)]",
 														children: e.name
 													}),
-													/* @__PURE__ */ p("span", {
-														className: "rounded-full bg-surface-accent-muted px-2 py-0.5 text-xs font-medium text-text-accent",
+													/* @__PURE__ */ _("span", {
+														className: `rounded-full px-2 py-0.5 text-[11px] font-semibold uppercase tracking-wide ${ve(e.type)}`,
 														children: e.type
 													}),
-													/* @__PURE__ */ p("span", {
-														className: "rounded-full bg-surface-muted px-2 py-0.5 text-xs font-medium text-text-secondary",
-														children: e.nature
+													/* @__PURE__ */ _("span", {
+														className: `rounded-full px-2 py-0.5 text-[11px] font-medium ${ye(e.status)}`,
+														children: e.status.replace("_", " ")
 													})
 												]
 											}),
-											/* @__PURE__ */ p("div", {
-												className: "mt-0.5 text-xs text-text-tertiary",
-												children: e.slug
-											}),
-											/* @__PURE__ */ m("div", {
-												className: "mt-1 flex items-center gap-3 text-xs text-text-secondary",
+											/* @__PURE__ */ v("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", { children: ["Publisher: ", e.publisher?.name ?? "Unknown"] }),
-													/* @__PURE__ */ m("span", { children: ["Price: ", t(e.price, e.currency, e.pricingModel)] }),
-													e.submittedAt && /* @__PURE__ */ m("span", { children: ["Submitted ", new Date(e.submittedAt).toLocaleString()] })
+													/* @__PURE__ */ v("span", {
+														className: "flex items-center gap-1",
+														children: [/* @__PURE__ */ _(ne, { className: "size-3" }), /* @__PURE__ */ _("span", {
+															className: "font-mono",
+															children: e.slug
+														})]
+													}),
+													e.publisher && /* @__PURE__ */ v("span", {
+														className: "flex items-center gap-1",
+														children: [
+															/* @__PURE__ */ _(oe, { className: "size-3" }),
+															e.publisher.name,
+															e.publisher.email && /* @__PURE__ */ v("span", {
+																className: "text-[var(--color-text-muted)]",
+																children: [
+																	"(",
+																	e.publisher.email,
+																	")"
+																]
+															})
+														]
+													}),
+													e.submittedAt && /* @__PURE__ */ v("span", {
+														className: "flex items-center gap-1",
+														children: [/* @__PURE__ */ _(l, { className: "size-3" }), S(e.submittedAt)]
+													}),
+													/* @__PURE__ */ v("span", {
+														className: "flex items-center gap-1",
+														children: [/* @__PURE__ */ _(ae, { className: "size-3" }), t(e.price, e.currency, e.pricingModel)]
+													})
 												]
 											}),
-											e.description && /* @__PURE__ */ p("p", {
-												className: "mt-2 line-clamp-2 text-sm text-text-secondary",
+											e.description && /* @__PURE__ */ _("p", {
+												className: "mt-2 line-clamp-2 text-sm text-[var(--color-text-secondary)]",
 												children: e.description
 											})
 										]
-									}),
-									/* @__PURE__ */ m("div", {
-										className: "flex flex-shrink-0 flex-col gap-2",
+									})]
+								}),
+								/* @__PURE__ */ v("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__ */ v("div", {
+										className: "flex flex-wrap items-center gap-2",
 										children: [
-											/* @__PURE__ */ m("button", {
-												type: "button",
-												onClick: () => W(U === e.id ? null : e.id),
-												className: "inline-flex items-center gap-1 rounded-md border border-border-default px-3 py-1.5 text-xs text-text-secondary hover:bg-surface-hover",
-												children: [U === e.id ? /* @__PURE__ */ p(c, { className: "size-3.5" }) : /* @__PURE__ */ p(s, { className: "size-3.5" }), "Details"]
+											e.productId && /* @__PURE__ */ v("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__ */ _(d, { className: "size-3.5" }), "Devportal"]
 											}),
-											/* @__PURE__ */ m("button", {
+											x.has(e.type) && e.productId && /* @__PURE__ */ v("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__ */ _(u, { className: "size-3.5" }), "Package File"]
+											}),
+											x.has(e.type) && /* @__PURE__ */ v("button", {
 												type: "button",
-												onClick: () => void K(e.id),
-												disabled: F === e.id,
-												className: "inline-flex items-center gap-1 rounded-md bg-surface-success px-3 py-1.5 text-xs font-medium text-text-on-success hover:bg-surface-success-hover disabled:opacity-60",
-												children: [/* @__PURE__ */ p(o, { className: "size-3.5" }), "Approve"]
+												onClick: () => V(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__ */ _(te, { className: "size-3.5" }), "Test in workspace"]
 											}),
-											/* @__PURE__ */ m("button", {
+											/* @__PURE__ */ v("button", {
 												type: "button",
-												onClick: () => {
-													B(e.id), H("");
-												},
-												disabled: F === e.id,
-												className: "inline-flex items-center gap-1 rounded-md border border-border-danger bg-surface-danger-muted px-3 py-1.5 text-xs font-medium text-text-danger hover:bg-surface-danger hover:text-text-on-danger disabled:opacity-60",
-												children: [/* @__PURE__ */ p(d, { className: "size-3.5" }), "Reject"]
+												onClick: () => z(R === e.id ? null : 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__ */ _(f, { className: "size-3.5" }),
+													R === e.id ? "Hide details" : "Inspect details",
+													R === e.id ? /* @__PURE__ */ _(c, { className: "size-3" }) : /* @__PURE__ */ _(s, { className: "size-3" })
+												]
 											})
 										]
-									})
-								]
-							}),
-							U === e.id && /* @__PURE__ */ p("div", {
-								className: "border-t border-border-seam bg-surface-muted p-4",
-								children: /* @__PURE__ */ m("dl", {
-									className: "grid grid-cols-2 gap-x-6 gap-y-3 text-xs sm:grid-cols-3",
+									}), /* @__PURE__ */ v("div", {
+										className: "flex items-center gap-2",
+										children: [e.status !== "PUBLISHED" && /* @__PURE__ */ v("button", {
+											type: "button",
+											onClick: () => void De(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__ */ _(o, { className: "size-3.5" }), "Approve"]
+										}), e.status !== "REJECTED" && /* @__PURE__ */ v("button", {
+											type: "button",
+											onClick: () => {
+												F(e.id), L("");
+											},
+											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__ */ _(h, { className: "size-3.5" }), "Reject"]
+										})]
+									})]
+								}),
+								R === e.id && /* @__PURE__ */ v("div", {
+									className: "border-t border-[var(--color-border-seam)] bg-[var(--color-surface-muted)] p-5 space-y-5",
 									children: [
-										/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", {
-											className: "font-medium text-text-secondary",
-											children: "Slug"
-										}), /* @__PURE__ */ p("dd", {
-											className: "mt-0.5 font-mono text-text-primary",
-											children: e.slug
-										})] }),
-										/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", {
-											className: "font-medium text-text-secondary",
-											children: "Type"
-										}), /* @__PURE__ */ p("dd", {
-											className: "mt-0.5 text-text-primary",
-											children: e.type
-										})] }),
-										/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", {
-											className: "font-medium text-text-secondary",
-											children: "Nature"
-										}), /* @__PURE__ */ p("dd", {
-											className: "mt-0.5 text-text-primary",
-											children: e.nature
-										})] }),
-										e.category && /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", {
-											className: "font-medium text-text-secondary",
-											children: "Category"
-										}), /* @__PURE__ */ p("dd", {
-											className: "mt-0.5 text-text-primary",
-											children: e.category
-										})] }),
-										/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", {
-											className: "font-medium text-text-secondary",
-											children: "Pricing"
-										}), /* @__PURE__ */ m("dd", {
-											className: "mt-0.5 text-text-primary",
+										/* @__PURE__ */ v("div", {
+											className: "grid grid-cols-2 gap-x-8 gap-y-3 text-xs sm:grid-cols-3",
 											children: [
-												t(e.price, e.currency, e.pricingModel),
-												" ",
-												/* @__PURE__ */ m("span", {
-													className: "text-text-tertiary",
+												/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("dt", {
+													className: "font-medium text-[var(--color-text-secondary)]",
+													children: "Store product ID"
+												}), /* @__PURE__ */ _("dd", {
+													className: "mt-0.5 font-mono text-[var(--color-text-primary)] break-all",
+													children: e.id
+												})] }),
+												/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("dt", {
+													className: "font-medium text-[var(--color-text-secondary)]",
+													children: "Slug"
+												}), /* @__PURE__ */ _("dd", {
+													className: "mt-0.5 font-mono text-[var(--color-text-primary)]",
+													children: e.slug
+												})] }),
+												/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("dt", {
+													className: "font-medium text-[var(--color-text-secondary)]",
+													children: "Type / Nature"
+												}), /* @__PURE__ */ v("dd", {
+													className: "mt-0.5 text-[var(--color-text-primary)]",
+													children: [
+														e.type,
+														" · ",
+														e.nature
+													]
+												})] }),
+												e.category && /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("dt", {
+													className: "font-medium text-[var(--color-text-secondary)]",
+													children: "Category"
+												}), /* @__PURE__ */ _("dd", {
+													className: "mt-0.5 text-[var(--color-text-primary)]",
+													children: e.category
+												})] }),
+												/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("dt", {
+													className: "font-medium text-[var(--color-text-secondary)]",
+													children: "Pricing"
+												}), /* @__PURE__ */ v("dd", {
+													className: "mt-0.5 text-[var(--color-text-primary)]",
 													children: [
-														"(",
-														e.pricingModel,
-														")"
+														t(e.price, e.currency, e.pricingModel),
+														" ",
+														/* @__PURE__ */ v("span", {
+															className: "text-[var(--color-text-muted)]",
+															children: [
+																"(",
+																e.pricingModel,
+																")"
+															]
+														})
 													]
-												})
+												})] }),
+												e.productId && /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("dt", {
+													className: "font-medium text-[var(--color-text-secondary)]",
+													children: "Devportal app ID"
+												}), /* @__PURE__ */ _("dd", {
+													className: "mt-0.5 font-mono text-[var(--color-text-primary)] break-all",
+													children: e.productId
+												})] }),
+												e.submittedBy && /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("dt", {
+													className: "font-medium text-[var(--color-text-secondary)]",
+													children: "Submitted by (actor)"
+												}), /* @__PURE__ */ _("dd", {
+													className: "mt-0.5 font-mono text-[var(--color-text-primary)] break-all",
+													children: e.submittedBy
+												})] })
 											]
+										}),
+										e.requiredPermissions && e.requiredPermissions.length > 0 && /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ v("h4", {
+											className: "mb-2 flex items-center gap-1.5 text-xs font-semibold text-[var(--color-text-secondary)] uppercase tracking-wide",
+											children: [/* @__PURE__ */ _(ie, { className: "size-3.5 text-[var(--color-status-success-text)]" }), "Required Permissions"]
+										}), /* @__PURE__ */ _("div", {
+											className: "flex flex-wrap gap-1.5",
+											children: e.requiredPermissions.map((e) => /* @__PURE__ */ _("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))
 										})] }),
-										/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", {
-											className: "font-medium text-text-secondary",
-											children: "Publisher"
-										}), /* @__PURE__ */ m("dd", {
-											className: "mt-0.5 text-text-primary",
-											children: [e.publisher?.name ?? "—", e.publisher?.email && /* @__PURE__ */ p("span", {
-												className: "block text-text-tertiary",
-												children: e.publisher.email
-											})]
-										})] }),
-										e.submittedBy && /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", {
-											className: "font-medium text-text-secondary",
-											children: "Submitted by"
-										}), /* @__PURE__ */ p("dd", {
-											className: "mt-0.5 font-mono text-text-primary",
-											children: e.submittedBy
-										})] }),
-										e.submittedAt && /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", {
-											className: "font-medium text-text-secondary",
-											children: "Submitted at"
-										}), /* @__PURE__ */ p("dd", {
-											className: "mt-0.5 text-text-primary",
-											children: new Date(e.submittedAt).toLocaleString()
-										})] }),
-										e.description && /* @__PURE__ */ m("div", {
-											className: "col-span-2 sm:col-span-3",
-											children: [/* @__PURE__ */ p("dt", {
-												className: "font-medium text-text-secondary",
-												children: "Description"
-											}), /* @__PURE__ */ p("dd", {
-												className: "mt-0.5 whitespace-pre-wrap text-text-primary",
-												children: e.description
+										e.manifest && /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ v("h4", {
+											className: "mb-2 flex items-center gap-1.5 text-xs font-semibold text-[var(--color-text-secondary)] uppercase tracking-wide",
+											children: [/* @__PURE__ */ _(f, { className: "size-3.5" }), "Manifest"]
+										}), /* @__PURE__ */ _("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)
+										})] })
+									]
+								}),
+								xe === e.id && /* @__PURE__ */ v("div", {
+									className: "border-t border-[var(--color-border-seam)] bg-[var(--color-surface-danger-muted)]/30 px-5 py-4",
+									children: [
+										/* @__PURE__ */ _("p", {
+											className: "mb-2 text-xs font-semibold text-[var(--color-text-danger)]",
+											children: "Reject — provide a reason (the publisher will see this)"
+										}),
+										/* @__PURE__ */ _("textarea", {
+											id: `reject-reason-${e.id}`,
+											"aria-label": "Rejection reason",
+											value: I,
+											onChange: (e) => L(e.target.value),
+											rows: 3,
+											required: !0,
+											"aria-required": "true",
+											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: "Be specific — e.g. 'Manifest is missing the identity.version field' or 'ZIP file is empty'…"
+										}),
+										/* @__PURE__ */ v("div", {
+											className: "mt-2 flex items-center justify-end gap-2",
+											children: [/* @__PURE__ */ _("button", {
+												type: "button",
+												onClick: () => {
+													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"
+											}), /* @__PURE__ */ _("button", {
+												type: "button",
+												onClick: () => void Oe(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"
 											})]
 										})
 									]
 								})
-							}),
-							z === e.id && /* @__PURE__ */ m("div", {
-								className: "border-t border-border-seam bg-surface-muted px-4 py-3",
-								children: [
-									/* @__PURE__ */ p("label", {
-										htmlFor: `reject-reason-${e.id}`,
-										className: "block text-xs font-medium text-text-secondary",
-										children: "Rejection reason (required)"
-									}),
-									/* @__PURE__ */ p("textarea", {
-										id: `reject-reason-${e.id}`,
-										"aria-label": "Rejection reason",
-										value: V,
-										onChange: (e) => H(e.target.value),
-										rows: 3,
-										required: !0,
-										"aria-required": "true",
-										className: "mt-1 w-full rounded-md border border-border-default bg-surface-default px-3 py-2 text-sm text-text-primary focus:border-border-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]",
-										placeholder: "Explain why this submission is being rejected…"
-									}),
-									/* @__PURE__ */ m("div", {
-										className: "mt-2 flex justify-end gap-2",
-										children: [/* @__PURE__ */ p("button", {
-											type: "button",
-											onClick: () => {
-												B(null), H("");
-											},
-											className: "rounded-md border border-border-default bg-surface-default px-3 py-1 text-xs text-text-primary hover:bg-surface-hover",
-											children: "Cancel"
-										}), /* @__PURE__ */ p("button", {
-											type: "button",
-											onClick: () => void q(e.id),
-											disabled: !V.trim() || F === e.id,
-											className: "rounded-md bg-surface-danger px-3 py-1 text-xs font-medium text-text-on-danger hover:bg-surface-danger-hover disabled:opacity-60",
-											children: "Submit rejection"
-										})]
-									})
-								]
-							})
-						]
-					}, e.id))
-				})
-			]
-		})]
+							]
+						}, e.id))
+					})
+				]
+			}),
+			B && /* @__PURE__ */ _(n, {
+				isOpen: !0,
+				onClose: () => V(null),
+				app: {
+					id: B.id,
+					name: B.name,
+					slug: B.slug,
+					icon: B.icon ?? void 0,
+					type: B.type,
+					permissions: B.requiredPermissions?.length ? B.requiredPermissions : void 0
+				},
+				purchaseState: "free",
+				onInstallSuccess: () => {
+					V(null);
+				},
+				onInstallError: () => {}
+			})
+		]
 	});
 };
 //#endregion
-export { w as AdminSubmissionsQueuePage };
+export { C as AdminSubmissionsQueuePage };
 
 //# sourceMappingURL=AdminSubmissionsQueuePage.js.map