@burdenoff/microfe-store 2026.624.4 → 2026.625.1

package/dist/pages/AdminSubmissionsQueuePage.js

@@ -1,12 +1,12 @@
 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";
 //#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 g = "\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", _ = "\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", v = "\n  mutation ApproveProduct($id: ID!, $notes: String) {\n    approveProduct(id: $id, notes: $notes) {\n      id\n      status\n      publishedAt\n    }\n  }\n", y = "\n  mutation RejectProduct($id: ID!, $reason: String!) {\n    rejectProduct(id: $id, reason: $reason) {\n      id\n      status\n      rejectedReason\n    }\n  }\n", b = [
 	{
 		label: "Pending review",
 		value: "PENDING_REVIEW"
@@ -23,279 +23,272 @@ 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);
+], x = () => {
+	let x = m(), { authToken: S, basePath: C } = e(), [w, T] = i([]), [E, D] = i(0), [O, k] = i(!1), [A, j] = i(null), [M, N] = i(null), [P, F] = i("PENDING_REVIEW"), [I, L] = i(null), [R, z] = i(""), [B, V] = i(null), H = n(async (e) => {
+		k(!0), j(null);
 		try {
 			if (e === "PENDING_REVIEW") {
-				let e = await g({
+				let e = await h({
 					gateway: "global",
-					query: _,
+					query: g,
 					variables: {
 						limit: 100,
 						offset: 0
 					},
-					authToken: C || void 0
+					authToken: S || 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);
+				T(e.data?.pendingReviewProducts.products ?? []), D(e.data?.pendingReviewProducts.totalCount ?? 0);
 			} else {
-				let t = await g({
+				let t = await h({
 					gateway: "global",
-					query: v,
+					query: _,
 					variables: {
 						limit: 100,
 						offset: 0,
 						...e !== "ALL" && { status: e }
 					},
-					authToken: C || void 0
+					authToken: S || 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);
+				T(n), D(n.length);
 			}
 		} catch (e) {
-			M(e instanceof Error ? e.message : "Failed to load products");
+			j(e instanceof Error ? e.message : "Failed to load products");
 		} finally {
-			A(!1);
+			k(!1);
 		}
-	}, [C]);
+	}, [S]);
 	r(() => {
-		U(F);
-	}, [U, F]);
-	let W = async (e) => {
-		P(e), M(null);
+		H(P);
+	}, [H, P]);
+	let U = async (e) => {
+		N(e), j(null);
 		try {
-			let t = await g({
+			let t = await h({
 				gateway: "global",
-				query: y,
+				query: v,
 				variables: {
 					id: e,
 					notes: null
 				},
-				authToken: C || void 0
+				authToken: S || void 0
 			});
 			if (t.errors?.length) throw Error(t.errors[0]?.message ?? "Approval failed");
-			await U(F);
+			await H(P);
 		} catch (e) {
-			M(e instanceof Error ? e.message : "Approval failed");
+			j(e instanceof Error ? e.message : "Approval failed");
 		} finally {
-			P(null);
+			N(null);
 		}
-	}, G = async (e) => {
-		if (!z.trim()) {
-			M("Rejection reason is required");
+	}, W = async (e) => {
+		if (!R.trim()) {
+			j("Rejection reason is required");
 			return;
 		}
-		P(e), M(null);
+		N(e), j(null);
 		try {
-			let t = await g({
+			let t = await h({
 				gateway: "global",
-				query: b,
+				query: y,
 				variables: {
 					id: e,
-					reason: z.trim()
+					reason: R.trim()
 				},
-				authToken: C || void 0
+				authToken: S || void 0
 			});
 			if (t.errors?.length) throw Error(t.errors[0]?.message ?? "Rejection failed");
-			R(null), B(""), await U(F);
+			L(null), z(""), await H(P);
 		} catch (e) {
-			M(e instanceof Error ? e.message : "Rejection failed");
+			j(e instanceof Error ? e.message : "Rejection failed");
 		} finally {
-			P(null);
+			N(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: () => x(`${C}/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: E
 								})
 							]
 						})]
-					}), /* @__PURE__ */ m("button", {
+					}), /* @__PURE__ */ p("button", {
 						type: "button",
-						onClick: () => void U(F),
+						onClick: () => void H(P),
 						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: O,
+						children: [/* @__PURE__ */ f(u, { className: `size-4 ${O ? "animate-spin" : ""}` }), "Refresh"]
 					})]
-				}), /* @__PURE__ */ p("div", {
+				}), /* @__PURE__ */ f("div", {
 					className: "mt-4 flex gap-2",
-					children: x.map((e) => /* @__PURE__ */ p("button", {
+					children: b.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: () => F(e.value),
+						className: `rounded-full px-3 py-1 text-xs font-medium transition-colors ${P === 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", {
+			children: [A && /* @__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: j
-			}), k && T.length === 0 ? /* @__PURE__ */ p("output", {
+				children: A
+			}), O && w.length === 0 ? /* @__PURE__ */ f("output", {
 				className: "block py-16 text-center text-text-secondary",
 				children: "Loading submissions…"
-			}) : T.length === 0 ? /* @__PURE__ */ p("div", {
+			}) : w.length === 0 ? /* @__PURE__ */ f("div", {
 				className: "py-16 text-center text-text-secondary",
 				children: "No products matching the current filter."
-			}) : /* @__PURE__ */ p("ul", {
+			}) : /* @__PURE__ */ f("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: w.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__ */ m("div", {
+						/* @__PURE__ */ p("div", {
 							className: "flex items-start gap-4 p-4",
 							children: [
-								e.icon ? /* @__PURE__ */ p("img", {
+								e.icon ? /* @__PURE__ */ f("img", {
 									src: e.icon,
 									alt: "",
 									className: "size-14 flex-shrink-0 rounded-md object-cover"
-								}) : /* @__PURE__ */ p("div", {
+								}) : /* @__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__ */ m("div", {
+								/* @__PURE__ */ p("div", {
 									className: "min-w-0 flex-1",
 									children: [
-										/* @__PURE__ */ m("div", {
+										/* @__PURE__ */ p("div", {
 											className: "flex items-center gap-2",
 											children: [
-												/* @__PURE__ */ p("h3", {
+												/* @__PURE__ */ f("h3", {
 													className: "truncate text-base font-semibold text-text-primary",
 													children: e.name
 												}),
-												/* @__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: e.type
 												}),
-												/* @__PURE__ */ p("span", {
+												/* @__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__ */ p("div", {
+										/* @__PURE__ */ f("div", {
 											className: "mt-0.5 text-xs text-text-tertiary",
 											children: e.slug
 										}),
-										/* @__PURE__ */ m("div", {
+										/* @__PURE__ */ p("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()] })
+												/* @__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__ */ p("p", {
+										e.description && /* @__PURE__ */ f("p", {
 											className: "mt-2 line-clamp-2 text-sm text-text-secondary",
 											children: e.description
 										})
 									]
 								}),
-								/* @__PURE__ */ m("div", {
+								/* @__PURE__ */ p("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", {
+										/* @__PURE__ */ p("button", {
 											type: "button",
-											onClick: () => H(V === e.id ? null : e.id),
+											onClick: () => V(B === 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"]
+											children: [B === e.id ? /* @__PURE__ */ f(c, { className: "size-3.5" }) : /* @__PURE__ */ f(s, { className: "size-3.5" }), "Details"]
 										}),
-										/* @__PURE__ */ m("button", {
+										/* @__PURE__ */ p("button", {
 											type: "button",
-											onClick: () => void W(e.id),
-											disabled: N === e.id,
+											onClick: () => void U(e.id),
+											disabled: M === 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"]
+											children: [/* @__PURE__ */ f(o, { className: "size-3.5" }), "Approve"]
 										}),
-										/* @__PURE__ */ m("button", {
+										/* @__PURE__ */ p("button", {
 											type: "button",
 											onClick: () => {
-												R(e.id), B("");
+												L(e.id), z("");
 											},
-											disabled: N === e.id,
+											disabled: M === 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"]
+											children: [/* @__PURE__ */ f(d, { 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", {
+						B === 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", { children: [/* @__PURE__ */ p("dt", {
+									/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("dt", {
 										className: "font-medium text-text-secondary",
 										children: "Slug"
-									}), /* @__PURE__ */ p("dd", {
+									}), /* @__PURE__ */ f("dd", {
 										className: "mt-0.5 font-mono text-text-primary",
 										children: e.slug
 									})] }),
-									/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", {
+									/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("dt", {
 										className: "font-medium text-text-secondary",
 										children: "Type"
-									}), /* @__PURE__ */ p("dd", {
+									}), /* @__PURE__ */ f("dd", {
 										className: "mt-0.5 text-text-primary",
 										children: e.type
 									})] }),
-									/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", {
+									/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("dt", {
 										className: "font-medium text-text-secondary",
 										children: "Nature"
-									}), /* @__PURE__ */ p("dd", {
+									}), /* @__PURE__ */ f("dd", {
 										className: "mt-0.5 text-text-primary",
 										children: e.nature
 									})] }),
-									e.category && /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", {
+									e.category && /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("dt", {
 										className: "font-medium text-text-secondary",
 										children: "Category"
-									}), /* @__PURE__ */ p("dd", {
+									}), /* @__PURE__ */ f("dd", {
 										className: "mt-0.5 text-text-primary",
 										children: e.category
 									})] }),
-									/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", {
+									/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("dt", {
 										className: "font-medium text-text-secondary",
 										children: "Pricing"
-									}), /* @__PURE__ */ m("dd", {
+									}), /* @__PURE__ */ p("dd", {
 										className: "mt-0.5 text-text-primary",
 										children: [
 											t(e.price, e.currency, e.pricingModel),
 											" ",
-											/* @__PURE__ */ m("span", {
+											/* @__PURE__ */ p("span", {
 												className: "text-text-tertiary",
 												children: [
 													"(",
@@ -305,43 +298,36 @@ var _ = "\n  query PendingReviewProducts($limit: Int, $offset: Int) {\n    pendi
 											})
 										]
 									})] }),
-									/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", {
+									/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("dt", {
 										className: "font-medium text-text-secondary",
 										children: "Publisher"
-									}), /* @__PURE__ */ m("dd", {
+									}), /* @__PURE__ */ p("dd", {
 										className: "mt-0.5 text-text-primary",
-										children: [e.publisher?.name ?? "—", e.publisher?.email && /* @__PURE__ */ p("span", {
+										children: [e.publisher?.name ?? "—", e.publisher?.email && /* @__PURE__ */ f("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", {
+									e.submittedBy && /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("dt", {
 										className: "font-medium text-text-secondary",
 										children: "Submitted by"
-									}), /* @__PURE__ */ p("dd", {
+									}), /* @__PURE__ */ f("dd", {
 										className: "mt-0.5 font-mono text-text-primary",
 										children: e.submittedBy
 									})] }),
-									e.submittedAt && /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", {
+									e.submittedAt && /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("dt", {
 										className: "font-medium text-text-secondary",
 										children: "Submitted at"
-									}), /* @__PURE__ */ p("dd", {
+									}), /* @__PURE__ */ f("dd", {
 										className: "mt-0.5 text-text-primary",
 										children: new Date(e.submittedAt).toLocaleString()
 									})] }),
-									e.description && /* @__PURE__ */ m("div", {
+									e.description && /* @__PURE__ */ p("div", {
 										className: "col-span-2 sm:col-span-3",
-										children: [/* @__PURE__ */ p("dt", {
+										children: [/* @__PURE__ */ f("dt", {
 											className: "font-medium text-text-secondary",
 											children: "Description"
-										}), /* @__PURE__ */ p("dd", {
+										}), /* @__PURE__ */ f("dd", {
 											className: "mt-0.5 whitespace-pre-wrap text-text-primary",
 											children: e.description
 										})]
@@ -349,38 +335,38 @@ var _ = "\n  query PendingReviewProducts($limit: Int, $offset: Int) {\n    pendi
 								]
 							})
 						}),
-						L === e.id && /* @__PURE__ */ m("div", {
-							className: "border-t border-border-default bg-surface-muted px-4 py-3",
+						I === e.id && /* @__PURE__ */ p("div", {
+							className: "border-t border-border-seam bg-surface-muted px-4 py-3",
 							children: [
-								/* @__PURE__ */ p("label", {
+								/* @__PURE__ */ f("label", {
 									htmlFor: `reject-reason-${e.id}`,
 									className: "block text-xs font-medium text-text-secondary",
 									children: "Rejection reason (required)"
 								}),
-								/* @__PURE__ */ p("textarea", {
+								/* @__PURE__ */ f("textarea", {
 									id: `reject-reason-${e.id}`,
 									"aria-label": "Rejection reason",
-									value: z,
-									onChange: (e) => B(e.target.value),
+									value: R,
+									onChange: (e) => z(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",
+									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", {
+								/* @__PURE__ */ p("div", {
 									className: "mt-2 flex justify-end gap-2",
-									children: [/* @__PURE__ */ p("button", {
+									children: [/* @__PURE__ */ f("button", {
 										type: "button",
 										onClick: () => {
-											R(null), B("");
+											L(null), z("");
 										},
 										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", {
+									}), /* @__PURE__ */ f("button", {
 										type: "button",
-										onClick: () => void G(e.id),
-										disabled: !z.trim() || N === e.id,
+										onClick: () => void W(e.id),
+										disabled: !R.trim() || M === 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"
 									})]
@@ -394,6 +380,6 @@ var _ = "\n  query PendingReviewProducts($limit: Int, $offset: Int) {\n    pendi
 	});
 };
 //#endregion
-export { S as AdminSubmissionsQueuePage };
+export { x as AdminSubmissionsQueuePage };
 
 //# sourceMappingURL=AdminSubmissionsQueuePage.js.map