@burdenoff/microfe-store 2026.625.4 → 2026.626.1

package/dist/pages/AdminSubmissionsQueuePage.js

@@ -1,12 +1,13 @@
 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, ExternalLink as l, PackageCheck as u, RefreshCw as d, X as f } from "lucide-react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import { useNavigate as h } from "react-router-dom";
-import { graphqlFetch as g } from "@burdenoff/fe-libs/shared/graphql";
+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 { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { useNavigate as m } from "react-router-dom";
+import { graphqlFetch as h } from "@burdenoff/fe-libs/shared/graphql";
+import { IllustratedEmptyState as g, NextSteps as _, PagePurpose as v } from "@burdenoff/fe-libs/ui";
 //#region src/pages/AdminSubmissionsQueuePage.tsx
-var _ = "\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        publisher {\n          id\n          name\n          email\n        }\n      }\n    }\n  }\n", v = "\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      publisher {\n        id\n        name\n        email\n      }\n    }\n  }\n", y = "\n  mutation ApproveProduct($id: ID!, $notes: String) {\n    approveProduct(id: $id, notes: $notes) {\n      id\n      status\n      publishedAt\n    }\n  }\n", b = "\n  mutation RejectProduct($id: ID!, $reason: String!) {\n    rejectProduct(id: $id, reason: $reason) {\n      id\n      status\n      rejectedReason\n    }\n  }\n", x = [
+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 = [
 	{
 		label: "Pending review",
 		value: "PENDING_REVIEW"
@@ -23,377 +24,393 @@ var _ = "\n  query PendingReviewProducts($limit: Int, $offset: Int) {\n    pendi
 		label: "All",
 		value: "ALL"
 	}
-], S = () => {
-	let S = h(), { authToken: C, basePath: w } = e(), [T, E] = i([]), [D, O] = i(0), [k, A] = i(!1), [j, M] = i(null), [N, P] = i(null), [F, I] = i("PENDING_REVIEW"), [L, R] = i(null), [z, B] = i(""), [V, H] = i(null), U = n(async (e) => {
-		A(!0), M(null);
+], w = () => {
+	let w = m(), { 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);
 		try {
 			if (e === "PENDING_REVIEW") {
-				let e = await g({
+				let e = await h({
 					gateway: "global",
-					query: _,
+					query: y,
 					variables: {
 						limit: 100,
 						offset: 0
 					},
-					authToken: C || void 0
+					authToken: T || void 0
 				});
 				if (e.errors?.length) throw Error(e.errors[0]?.message ?? "Failed to load pending products");
-				E(e.data?.pendingReviewProducts.products ?? []), O(e.data?.pendingReviewProducts.totalCount ?? 0);
+				O(e.data?.pendingReviewProducts.products ?? []), A(e.data?.pendingReviewProducts.totalCount ?? 0);
 			} else {
-				let t = await g({
+				let t = await h({
 					gateway: "global",
-					query: v,
+					query: b,
 					variables: {
 						limit: 100,
 						offset: 0,
 						...e !== "ALL" && { status: e }
 					},
-					authToken: C || void 0
+					authToken: T || void 0
 				});
 				if (t.errors?.length) throw Error(t.errors[0]?.message ?? "Failed to load products");
 				let n = t.data?.products ?? [];
-				E(n), O(n.length);
+				O(n), A(n.length);
 			}
 		} catch (e) {
-			M(e instanceof Error ? e.message : "Failed to load products");
+			P(e instanceof Error ? e.message : "Failed to load products");
 		} finally {
-			A(!1);
+			M(!1);
 		}
-	}, [C]);
+	}, [T]);
 	r(() => {
-		U(F);
-	}, [U, F]);
-	let W = async (e) => {
-		P(e), M(null);
+		G(L);
+	}, [G, L]);
+	let K = async (e) => {
+		I(e), P(null);
 		try {
-			let t = await g({
+			let t = await h({
 				gateway: "global",
-				query: y,
+				query: x,
 				variables: {
 					id: e,
 					notes: null
 				},
-				authToken: C || void 0
+				authToken: T || void 0
 			});
 			if (t.errors?.length) throw Error(t.errors[0]?.message ?? "Approval failed");
-			await U(F);
+			await G(L);
 		} catch (e) {
-			M(e instanceof Error ? e.message : "Approval failed");
+			P(e instanceof Error ? e.message : "Approval failed");
 		} finally {
-			P(null);
+			I(null);
 		}
-	}, G = async (e) => {
-		if (!z.trim()) {
-			M("Rejection reason is required");
+	}, q = async (e) => {
+		if (!V.trim()) {
+			P("Rejection reason is required");
 			return;
 		}
-		P(e), M(null);
+		I(e), P(null);
 		try {
-			let t = await g({
+			let t = await h({
 				gateway: "global",
-				query: b,
+				query: S,
 				variables: {
 					id: e,
-					reason: z.trim()
+					reason: V.trim()
 				},
-				authToken: C || void 0
+				authToken: T || void 0
 			});
 			if (t.errors?.length) throw Error(t.errors[0]?.message ?? "Rejection failed");
-			R(null), B(""), await U(F);
+			B(null), H(""), await G(L);
 		} catch (e) {
-			M(e instanceof Error ? e.message : "Rejection failed");
+			P(e instanceof Error ? e.message : "Rejection failed");
 		} finally {
-			P(null);
+			I(null);
 		}
 	};
-	return /* @__PURE__ */ m("div", {
+	return /* @__PURE__ */ p("div", {
 		className: "min-h-screen bg-surface-default",
-		children: [/* @__PURE__ */ p("header", {
-			className: "border-b border-border-default bg-surface-raised",
-			children: /* @__PURE__ */ m("div", {
+		children: [/* @__PURE__ */ f("header", {
+			className: "border-b border-border-seam bg-surface-raised",
+			children: /* @__PURE__ */ p("div", {
 				className: "mx-auto max-w-7xl px-6 py-4",
-				children: [/* @__PURE__ */ m("div", {
+				children: [/* @__PURE__ */ p("div", {
 					className: "flex items-center justify-between",
-					children: [/* @__PURE__ */ m("div", {
+					children: [/* @__PURE__ */ p("div", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ m("button", {
+						children: [/* @__PURE__ */ p("button", {
 							type: "button",
-							onClick: () => S(`${w}/dashboard`),
+							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", {
+							children: [/* @__PURE__ */ f(a, { className: "size-4" }), "Back"]
+						}), /* @__PURE__ */ p("div", {
 							className: "flex items-center gap-2",
 							children: [
-								/* @__PURE__ */ p(u, { className: "size-5 text-text-primary" }),
-								/* @__PURE__ */ p("h1", {
+								/* @__PURE__ */ f(l, { className: "size-5 text-text-primary" }),
+								/* @__PURE__ */ f("h1", {
 									className: "text-xl font-semibold text-text-primary",
 									children: "Submission queue"
 								}),
-								/* @__PURE__ */ p("span", {
+								/* @__PURE__ */ f("span", {
 									className: "rounded-full bg-surface-accent-muted px-2 py-0.5 text-xs font-medium text-text-accent",
-									children: D
+									children: k
 								})
 							]
 						})]
-					}), /* @__PURE__ */ m("button", {
+					}), /* @__PURE__ */ p("button", {
 						type: "button",
-						onClick: () => void U(F),
+						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: k,
-						children: [/* @__PURE__ */ p(d, { className: `size-4 ${k ? "animate-spin" : ""}` }), "Refresh"]
+						disabled: j,
+						children: [/* @__PURE__ */ f(u, { className: `size-4 ${j ? "animate-spin" : ""}` }), "Refresh"]
 					})]
-				}), /* @__PURE__ */ p("div", {
+				}), /* @__PURE__ */ f("div", {
 					className: "mt-4 flex gap-2",
-					children: x.map((e) => /* @__PURE__ */ p("button", {
+					children: C.map((e) => /* @__PURE__ */ f("button", {
 						type: "button",
-						onClick: () => I(e.value),
-						className: `rounded-full px-3 py-1 text-xs font-medium transition-colors ${F === e.value ? "bg-surface-accent text-text-on-accent" : "bg-surface-muted text-text-secondary hover:bg-surface-hover"}`,
+						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", {
+		}), /* @__PURE__ */ p("main", {
 			className: "mx-auto max-w-7xl p-6",
-			children: [j && /* @__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: j
-			}), k && T.length === 0 ? /* @__PURE__ */ p("output", {
-				className: "block py-16 text-center text-text-secondary",
-				children: "Loading submissions…"
-			}) : T.length === 0 ? /* @__PURE__ */ p("div", {
-				className: "py-16 text-center text-text-secondary",
-				children: "No products matching the current filter."
-			}) : /* @__PURE__ */ p("ul", {
-				className: "space-y-3",
-				children: T.map((e) => /* @__PURE__ */ m("li", {
-					className: "overflow-hidden rounded-lg border border-border-default bg-surface-raised",
-					children: [
-						/* @__PURE__ */ m("div", {
-							className: "flex items-start gap-4 p-4",
-							children: [
-								e.icon ? /* @__PURE__ */ p("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: "min-w-0 flex-1",
+			children: [
+				/* @__PURE__ */ f(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__ */ f(_, {
+					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__ */ f("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__ */ f("output", {
+					className: "block py-16 text-center text-text-secondary",
+					children: "Loading submissions…"
+				}) : D.length === 0 ? /* @__PURE__ */ f(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__ */ f("ul", {
+					className: "space-y-3",
+					children: D.map((e) => /* @__PURE__ */ p("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__ */ p("div", {
+								className: "flex items-start gap-4 p-4",
+								children: [
+									e.icon ? /* @__PURE__ */ f("img", {
+										src: e.icon,
+										alt: "",
+										className: "size-14 flex-shrink-0 rounded-md object-cover"
+									}) : /* @__PURE__ */ f("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__ */ p("div", {
+										className: "min-w-0 flex-1",
+										children: [
+											/* @__PURE__ */ p("div", {
+												className: "flex items-center gap-2",
+												children: [
+													/* @__PURE__ */ f("h3", {
+														className: "truncate text-base font-semibold text-text-primary",
+														children: e.name
+													}),
+													/* @__PURE__ */ f("span", {
+														className: "rounded-full bg-surface-accent-muted px-2 py-0.5 text-xs font-medium text-text-accent",
+														children: e.type
+													}),
+													/* @__PURE__ */ f("span", {
+														className: "rounded-full bg-surface-muted px-2 py-0.5 text-xs font-medium text-text-secondary",
+														children: e.nature
+													})
+												]
+											}),
+											/* @__PURE__ */ f("div", {
+												className: "mt-0.5 text-xs text-text-tertiary",
+												children: e.slug
+											}),
+											/* @__PURE__ */ p("div", {
+												className: "mt-1 flex items-center gap-3 text-xs text-text-secondary",
+												children: [
+													/* @__PURE__ */ p("span", { children: ["Publisher: ", e.publisher?.name ?? "Unknown"] }),
+													/* @__PURE__ */ p("span", { children: ["Price: ", t(e.price, e.currency, e.pricingModel)] }),
+													e.submittedAt && /* @__PURE__ */ p("span", { children: ["Submitted ", new Date(e.submittedAt).toLocaleString()] })
+												]
+											}),
+											e.description && /* @__PURE__ */ f("p", {
+												className: "mt-2 line-clamp-2 text-sm text-text-secondary",
+												children: e.description
+											})
+										]
+									}),
+									/* @__PURE__ */ p("div", {
+										className: "flex flex-shrink-0 flex-col gap-2",
+										children: [
+											/* @__PURE__ */ p("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__ */ f(c, { className: "size-3.5" }) : /* @__PURE__ */ f(s, { className: "size-3.5" }), "Details"]
+											}),
+											/* @__PURE__ */ p("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__ */ f(o, { className: "size-3.5" }), "Approve"]
+											}),
+											/* @__PURE__ */ p("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__ */ f(d, { className: "size-3.5" }), "Reject"]
+											})
+										]
+									})
+								]
+							}),
+							U === e.id && /* @__PURE__ */ f("div", {
+								className: "border-t border-border-seam bg-surface-muted p-4",
+								children: /* @__PURE__ */ p("dl", {
+									className: "grid grid-cols-2 gap-x-6 gap-y-3 text-xs sm:grid-cols-3",
 									children: [
-										/* @__PURE__ */ m("div", {
-											className: "flex items-center gap-2",
+										/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("dt", {
+											className: "font-medium text-text-secondary",
+											children: "Slug"
+										}), /* @__PURE__ */ f("dd", {
+											className: "mt-0.5 font-mono text-text-primary",
+											children: e.slug
+										})] }),
+										/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("dt", {
+											className: "font-medium text-text-secondary",
+											children: "Type"
+										}), /* @__PURE__ */ f("dd", {
+											className: "mt-0.5 text-text-primary",
+											children: e.type
+										})] }),
+										/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("dt", {
+											className: "font-medium text-text-secondary",
+											children: "Nature"
+										}), /* @__PURE__ */ f("dd", {
+											className: "mt-0.5 text-text-primary",
+											children: e.nature
+										})] }),
+										e.category && /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("dt", {
+											className: "font-medium text-text-secondary",
+											children: "Category"
+										}), /* @__PURE__ */ f("dd", {
+											className: "mt-0.5 text-text-primary",
+											children: e.category
+										})] }),
+										/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("dt", {
+											className: "font-medium text-text-secondary",
+											children: "Pricing"
+										}), /* @__PURE__ */ p("dd", {
+											className: "mt-0.5 text-text-primary",
 											children: [
-												/* @__PURE__ */ p("h3", {
-													className: "truncate text-base font-semibold text-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",
-													children: e.type
-												}),
+												t(e.price, e.currency, e.pricingModel),
+												" ",
 												/* @__PURE__ */ p("span", {
-													className: "rounded-full bg-surface-muted px-2 py-0.5 text-xs font-medium text-text-secondary",
-													children: e.nature
+													className: "text-text-tertiary",
+													children: [
+														"(",
+														e.pricingModel,
+														")"
+													]
 												})
 											]
-										}),
-										/* @__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",
-											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()] })
-											]
-										}),
-										e.description && /* @__PURE__ */ p("p", {
-											className: "mt-2 line-clamp-2 text-sm text-text-secondary",
-											children: e.description
+										})] }),
+										/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("dt", {
+											className: "font-medium text-text-secondary",
+											children: "Publisher"
+										}), /* @__PURE__ */ p("dd", {
+											className: "mt-0.5 text-text-primary",
+											children: [e.publisher?.name ?? "—", e.publisher?.email && /* @__PURE__ */ f("span", {
+												className: "block text-text-tertiary",
+												children: e.publisher.email
+											})]
+										})] }),
+										e.submittedBy && /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("dt", {
+											className: "font-medium text-text-secondary",
+											children: "Submitted by"
+										}), /* @__PURE__ */ f("dd", {
+											className: "mt-0.5 font-mono text-text-primary",
+											children: e.submittedBy
+										})] }),
+										e.submittedAt && /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("dt", {
+											className: "font-medium text-text-secondary",
+											children: "Submitted at"
+										}), /* @__PURE__ */ f("dd", {
+											className: "mt-0.5 text-text-primary",
+											children: new Date(e.submittedAt).toLocaleString()
+										})] }),
+										e.description && /* @__PURE__ */ p("div", {
+											className: "col-span-2 sm:col-span-3",
+											children: [/* @__PURE__ */ f("dt", {
+												className: "font-medium text-text-secondary",
+												children: "Description"
+											}), /* @__PURE__ */ f("dd", {
+												className: "mt-0.5 whitespace-pre-wrap text-text-primary",
+												children: e.description
+											})]
 										})
 									]
-								}),
-								/* @__PURE__ */ m("div", {
-									className: "flex flex-shrink-0 flex-col gap-2",
-									children: [
-										e.productId && /* @__PURE__ */ m("a", {
-											href: `/devportal/apps/${e.productId}`,
-											target: "_blank",
-											rel: "noreferrer",
-											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: [/* @__PURE__ */ p(l, { className: "size-3.5" }), "View app"]
-										}),
-										/* @__PURE__ */ m("button", {
-											type: "button",
-											onClick: () => H(V === 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: [V === e.id ? /* @__PURE__ */ p(c, { className: "size-3.5" }) : /* @__PURE__ */ p(s, { className: "size-3.5" }), "Details"]
-										}),
-										/* @__PURE__ */ m("button", {
-											type: "button",
-											onClick: () => void W(e.id),
-											disabled: N === 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"]
-										}),
-										/* @__PURE__ */ m("button", {
+								})
+							}),
+							z === e.id && /* @__PURE__ */ p("div", {
+								className: "border-t border-border-seam bg-surface-muted px-4 py-3",
+								children: [
+									/* @__PURE__ */ f("label", {
+										htmlFor: `reject-reason-${e.id}`,
+										className: "block text-xs font-medium text-text-secondary",
+										children: "Rejection reason (required)"
+									}),
+									/* @__PURE__ */ f("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__ */ p("div", {
+										className: "mt-2 flex justify-end gap-2",
+										children: [/* @__PURE__ */ f("button", {
 											type: "button",
 											onClick: () => {
-												R(e.id), B("");
+												B(null), H("");
 											},
-											disabled: N === 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(f, { className: "size-3.5" }), "Reject"]
-										})
-									]
-								})
-							]
-						}),
-						V === e.id && /* @__PURE__ */ p("div", {
-							className: "border-t border-border-default 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",
-								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",
-										children: [
-											t(e.price, e.currency, e.pricingModel),
-											" ",
-											/* @__PURE__ */ m("span", {
-												className: "text-text-tertiary",
-												children: [
-													"(",
-													e.pricingModel,
-													")"
-												]
-											})
-										]
-									})] }),
-									/* @__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.productId && /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", {
-										className: "font-medium text-text-secondary",
-										children: "Devportal app ID"
-									}), /* @__PURE__ */ p("dd", {
-										className: "mt-0.5 font-mono text-text-primary",
-										children: e.productId
-									})] }),
-									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
+											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__ */ f("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"
 										})]
 									})
 								]
 							})
-						}),
-						L === e.id && /* @__PURE__ */ m("div", {
-							className: "border-t border-border-default 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: z,
-									onChange: (e) => B(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:outline-none",
-									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: () => {
-											R(null), B("");
-										},
-										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 G(e.id),
-										disabled: !z.trim() || N === 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))
+				})
+			]
 		})]
 	});
 };
 //#endregion
-export { S as AdminSubmissionsQueuePage };
+export { w as AdminSubmissionsQueuePage };
 
 //# sourceMappingURL=AdminSubmissionsQueuePage.js.map