@burdenoff/microfe-store 2026.703.1 → 2026.704.1

package/dist/pages/AdminDashboardPage.js

@@ -1,14 +1,37 @@
 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 { Check as a, CheckCircle as o, ChevronDown as s, ChevronUp as c, ExternalLink as l, LayoutDashboard as u, MessageSquareWarning as d, PackageCheck as f, RefreshCw as p, Store as m, Users as h, X as g, XCircle as _ } from "lucide-react";
-import { graphqlFetch as v } from "@burdenoff/fe-libs/shared/graphql";
-import { jsx as y, jsxs as b } from "react/jsx-runtime";
-import { useNavigate as x } from "react-router-dom";
-import { EmphasisPanel as S, GlassCard as C, IllustratedEmptyState as w, NextSteps as T, PagePurpose as E } from "@burdenoff/fe-libs/ui";
+import { ArrowRight as a, Check as o, CheckCircle as s, ChevronDown as c, ChevronUp as l, Clock as u, ExternalLink as d, LayoutDashboard as f, MessageSquareWarning as p, PackageCheck as m, RefreshCw as h, Store as g, TrendingUp as _, Users as v, X as y, XCircle as b } from "lucide-react";
+import { graphqlFetch as x } from "@burdenoff/fe-libs/shared/graphql";
+import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
+import { useNavigate as T } from "react-router-dom";
+import { GlassCard as E, IllustratedEmptyState as D } from "@burdenoff/fe-libs/ui";
 //#region src/pages/AdminDashboardPage.tsx
-var D = "\n  query AdminDashboardData {\n    recentPending: pendingReviewProducts(limit: 5) {\n      totalCount\n      products {\n        id\n        slug\n        name\n        type\n        nature\n        category\n        icon\n        price\n        currency\n        pricingModel\n        description\n        submittedAt\n        submittedBy\n        publisher {\n          name\n          email\n        }\n      }\n    }\n    stores {\n      id\n    }\n    recentPublished: products(filter: { status: PUBLISHED }, limit: 5) {\n      id\n      slug\n      name\n      icon\n      status\n      publishedAt\n      reviewedBy\n    }\n    recentRejected: products(filter: { status: REJECTED }, limit: 5) {\n      id\n      slug\n      name\n      icon\n      status\n      reviewedAt\n      rejectedReason\n    }\n  }\n", O = "\n  mutation ApproveProduct($id: ID!) {\n    approveProduct(id: $id) {\n      id\n      status\n    }\n  }\n", k = "\n  mutation RejectProduct($id: ID!, $reason: String!) {\n    rejectProduct(id: $id, reason: $reason) {\n      id\n      status\n    }\n  }\n", A = () => {
-	let A = x(), { authToken: j, basePath: M } = e(), [N, P] = i({
+var O = "\n  query AdminDashboardData {\n    recentPending: pendingReviewProducts(limit: 5) {\n      totalCount\n      products {\n        id\n        slug\n        name\n        type\n        nature\n        category\n        icon\n        price\n        currency\n        pricingModel\n        description\n        submittedAt\n        submittedBy\n        productId\n        publisher {\n          name\n          email\n        }\n      }\n    }\n    stores {\n      id\n    }\n    recentPublished: products(filter: { status: PUBLISHED }, limit: 5) {\n      id\n      slug\n      name\n      icon\n      type\n      status\n      publishedAt\n      reviewedBy\n    }\n    recentRejected: products(filter: { status: REJECTED }, limit: 5) {\n      id\n      slug\n      name\n      icon\n      type\n      status\n      reviewedAt\n      rejectedReason\n    }\n  }\n", k = "\n  mutation ApproveProduct($id: ID!) {\n    approveProduct(id: $id) {\n      id\n      status\n    }\n  }\n", A = "\n  mutation RejectProduct($id: ID!, $reason: String!) {\n    rejectProduct(id: $id, reason: $reason) {\n      id\n      status\n    }\n  }\n", j = {
+	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)]"
+};
+function M(e) {
+	return e ? j[e] ?? "bg-[var(--color-surface-muted)] text-[var(--color-text-secondary)]" : "bg-[var(--color-surface-muted)] text-[var(--color-text-secondary)]";
+}
+function N(e) {
+	return e ? new Date(e).toLocaleDateString(void 0, {
+		month: "short",
+		day: "numeric",
+		year: "numeric"
+	}) : "—";
+}
+function P(e) {
+	if (!e) return "—";
+	let t = Date.now() - new Date(e).getTime(), n = Math.floor(t / 6e4);
+	if (n < 60) return `${n}m ago`;
+	let r = Math.floor(n / 60);
+	return r < 24 ? `${r}h ago` : `${Math.floor(r / 24)}d ago`;
+}
+var F = () => {
+	let j = T(), { authToken: F, basePath: I } = e(), [L, R] = i({
 		pendingCount: 0,
 		totalStores: 0,
 		recentPending: [],
@@ -16,20 +39,20 @@ var D = "\n  query AdminDashboardData {\n    recentPending: pendingReviewProduct
 		recentRejected: [],
 		loading: !0,
 		error: null
-	}), [F, I] = i(null), [L, R] = i(null), [z, B] = i(""), [V, H] = i(null), [U, W] = i(null), G = n(async () => {
-		P((e) => ({
+	}), [z, B] = i(null), [V, H] = i(null), [U, W] = i(""), [G, K] = i(null), [q, J] = i(null), Y = n(async () => {
+		R((e) => ({
 			...e,
 			loading: !0,
 			error: null
 		}));
 		try {
-			let e = await v({
+			let e = await x({
 				gateway: "global",
-				query: D,
-				authToken: j || void 0
+				query: O,
+				authToken: F || void 0
 			});
 			if (e.errors?.length) throw Error(e.errors[0]?.message ?? "Failed to load dashboard");
-			P({
+			R({
 				pendingCount: e.data?.recentPending.totalCount ?? 0,
 				totalStores: e.data?.stores.length ?? 0,
 				recentPending: e.data?.recentPending.products ?? [],
@@ -39,467 +62,517 @@ var D = "\n  query AdminDashboardData {\n    recentPending: pendingReviewProduct
 				error: null
 			});
 		} catch (e) {
-			P((t) => ({
+			R((t) => ({
 				...t,
 				loading: !1,
 				error: e instanceof Error ? e.message : "Failed to load dashboard"
 			}));
 		}
-	}, [j]);
+	}, [F]);
 	r(() => {
-		G();
-	}, [G]);
-	let K = async (e) => {
-		I(e), H(null);
+		Y();
+	}, [Y]);
+	let X = async (e) => {
+		B(e), K(null);
 		try {
-			let t = await v({
+			let t = await x({
 				gateway: "global",
-				query: O,
+				query: k,
 				variables: { id: e },
-				authToken: j || void 0
+				authToken: F || void 0
 			});
 			if (t.errors?.length) throw Error(t.errors[0]?.message ?? "Approval failed");
-			await G();
+			await Y();
 		} catch (e) {
-			H(e instanceof Error ? e.message : "Approval failed");
+			K(e instanceof Error ? e.message : "Approval failed");
 		} finally {
-			I(null);
+			B(null);
 		}
-	}, q = async (e) => {
-		if (z.trim()) {
-			I(e), H(null);
+	}, Z = async (e) => {
+		if (U.trim()) {
+			B(e), K(null);
 			try {
-				let t = await v({
+				let t = await x({
 					gateway: "global",
-					query: k,
+					query: A,
 					variables: {
 						id: e,
-						reason: z.trim()
+						reason: U.trim()
 					},
-					authToken: j || void 0
+					authToken: F || void 0
 				});
 				if (t.errors?.length) throw Error(t.errors[0]?.message ?? "Rejection failed");
-				R(null), B(""), await G();
+				H(null), W(""), await Y();
 			} catch (e) {
-				H(e instanceof Error ? e.message : "Rejection failed");
+				K(e instanceof Error ? e.message : "Rejection failed");
 			} finally {
-				I(null);
+				B(null);
 			}
 		}
-	}, J = (e) => e ? new Date(e).toLocaleDateString(void 0, {
-		month: "short",
-		day: "numeric",
-		year: "numeric"
-	}) : "—", Y = [
+	}, Q = [
 		{
-			label: "Pending submissions",
-			value: N.pendingCount,
-			icon: f,
-			href: `${M}/submissions`
+			label: "Pending review",
+			value: L.pendingCount,
+			icon: m,
+			href: `${I}/submissions`,
+			accent: L.pendingCount > 0 ? "border-[var(--color-status-warning-text)]/30 bg-[var(--color-status-warning-bg-subtle)]/20" : "",
+			valueClass: L.pendingCount > 0 ? "text-[var(--color-status-warning-text)]" : "text-[var(--color-text-primary)]",
+			cta: "Review queue"
 		},
 		{
 			label: "Stores in registry",
-			value: N.totalStores,
-			icon: m,
-			href: `${M}/stores`
+			value: L.totalStores,
+			icon: g,
+			href: `${I}/stores`,
+			accent: "",
+			valueClass: "text-[var(--color-text-primary)]",
+			cta: "Manage stores"
 		},
 		{
-			label: "Review queue",
+			label: "Review moderation",
 			value: "—",
-			icon: d,
-			href: `${M}/reviews`
+			icon: p,
+			href: `${I}/reviews`,
+			accent: "",
+			valueClass: "text-[var(--color-text-primary)]",
+			cta: "Moderate reviews"
 		},
 		{
 			label: "Publishers",
 			value: "—",
-			icon: h,
-			href: `${M}/dashboard`
+			icon: v,
+			href: `${I}/dashboard`,
+			accent: "",
+			valueClass: "text-[var(--color-text-primary)]",
+			cta: "View publishers"
 		}
 	];
-	return /* @__PURE__ */ b("div", {
-		className: "min-h-screen bg-surface-default",
-		children: [/* @__PURE__ */ y("header", {
-			className: "border-b border-border-seam bg-surface-raised",
-			children: /* @__PURE__ */ b("div", {
-				className: "mx-auto max-w-7xl px-6 py-4",
-				children: [/* @__PURE__ */ b("div", {
+	return /* @__PURE__ */ w("div", {
+		className: "min-h-screen bg-[var(--color-surface-default)]",
+		children: [/* @__PURE__ */ C("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__ */ C("div", {
+				className: "mx-auto max-w-6xl px-6 py-4",
+				children: /* @__PURE__ */ w("div", {
 					className: "flex items-center justify-between",
-					children: [/* @__PURE__ */ b("div", {
-						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ y(u, { className: "size-5 text-text-primary" }), /* @__PURE__ */ y("h1", {
-							className: "text-xl font-semibold text-text-primary",
-							children: "Store admin dashboard"
-						})]
-					}), /* @__PURE__ */ b("button", {
+					children: [/* @__PURE__ */ w("div", {
+						className: "flex items-center gap-2.5",
+						children: [/* @__PURE__ */ C(f, { className: "size-5 text-[var(--color-text-primary)]" }), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("h1", {
+							className: "text-lg font-semibold text-[var(--color-text-primary)]",
+							children: "Store Admin Dashboard"
+						}), /* @__PURE__ */ C("p", {
+							className: "text-xs text-[var(--color-text-secondary)]",
+							children: "Marketplace control room — submissions, registry, moderation"
+						})] })]
+					}), /* @__PURE__ */ w("button", {
 						type: "button",
-						onClick: () => void G(),
-						disabled: N.loading,
-						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:opacity-60",
-						children: [/* @__PURE__ */ y(p, { className: `size-4 ${N.loading ? "animate-spin" : ""}` }), "Refresh"]
+						onClick: () => void Y(),
+						disabled: L.loading,
+						className: "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",
+						children: [/* @__PURE__ */ C(h, { className: `size-4 ${L.loading ? "animate-spin" : ""}` }), "Refresh"]
 					})]
-				}), /* @__PURE__ */ y("p", {
-					className: "mt-1 text-sm text-text-secondary",
-					children: "Manage store submissions, multi-store registry, and review moderation."
-				})]
+				})
 			})
-		}), /* @__PURE__ */ b("main", {
-			className: "mx-auto max-w-7xl space-y-6 p-6",
+		}), /* @__PURE__ */ w("main", {
+			className: "mx-auto max-w-6xl space-y-8 p-6",
 			children: [
-				/* @__PURE__ */ y(E, { children: "Your control room for the marketplace. At a glance, see how many products are waiting for review, how many stores are live, and what was recently approved or rejected — then act on the most urgent items (pending submissions) without leaving this page. Use the tiles to jump into the full queue, store registry, or review moderation." }),
-				/* @__PURE__ */ y(T, {
-					storageKey: "store-admin-dashboard",
-					steps: [
-						{
-							id: "clear-pending",
-							label: "Clear the pending queue",
-							description: "Approve or reject submissions right below, or open the full queue.",
-							onClick: () => A(`${M}/submissions`),
-							done: !N.loading && N.pendingCount === 0
-						},
-						{
-							id: "check-stores",
-							label: "Review your stores",
-							description: "Make sure each store has the right visibility and approval policy.",
-							onClick: () => A(`${M}/stores`)
-						},
-						{
-							id: "moderate-reviews",
-							label: "Moderate customer reviews",
-							description: "Remove reviews that break the content guidelines.",
-							onClick: () => A(`${M}/reviews`)
-						}
-					]
-				}),
-				N.error && /* @__PURE__ */ y("div", {
+				L.error && /* @__PURE__ */ C("div", {
 					role: "alert",
-					className: "rounded-md border border-border-danger bg-surface-danger-muted px-4 py-3 text-sm text-text-danger",
-					children: N.error
+					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: L.error
 				}),
-				/* @__PURE__ */ y("div", {
-					className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
-					children: Y.map((e) => {
+				/* @__PURE__ */ C("section", { children: /* @__PURE__ */ C("div", {
+					className: "grid grid-cols-2 gap-4 lg:grid-cols-4",
+					children: Q.map((e) => {
 						let t = e.icon;
-						return /* @__PURE__ */ b("button", {
+						return /* @__PURE__ */ w("button", {
 							type: "button",
-							onClick: () => A(e.href),
-							className: "rounded-card border border-border-seam bg-bg-surface bg-accent-wash p-4 text-left shadow-elevation-1 transition-[box-shadow,border-color] hover:border-border-strong hover:shadow-elevation-2",
-							children: [/* @__PURE__ */ b("div", {
-								className: "flex items-center justify-between",
-								children: [/* @__PURE__ */ y("span", {
-									className: "text-xs font-medium uppercase tracking-wide text-text-secondary",
+							onClick: () => j(e.href),
+							className: `group relative overflow-hidden rounded-xl border border-[var(--color-border-seam)] bg-[var(--color-surface-raised)] p-5 text-left shadow-[var(--shadow-elevation-1)] transition-all hover:border-[var(--color-border-strong)] hover:shadow-[var(--shadow-elevation-2)] ${e.accent}`,
+							children: [/* @__PURE__ */ w("div", {
+								className: "flex items-start justify-between gap-2",
+								children: [/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+									className: "text-xs font-medium text-[var(--color-text-secondary)] uppercase tracking-wide",
 									children: e.label
-								}), /* @__PURE__ */ y(t, { className: "size-4 text-text-tertiary" })]
-							}), /* @__PURE__ */ y("div", {
-								className: "mt-2 text-3xl font-semibold tabular-nums text-text-primary",
-								children: N.loading ? "…" : e.value
+								}), /* @__PURE__ */ C("p", {
+									className: `mt-2 text-3xl font-bold tabular-nums ${e.valueClass}`,
+									children: L.loading ? /* @__PURE__ */ C("span", { className: "inline-block w-8 animate-pulse rounded bg-[var(--color-surface-muted)] h-8" }) : e.value
+								})] }), /* @__PURE__ */ C("div", {
+									className: "rounded-lg bg-[var(--color-surface-muted)] p-2",
+									children: /* @__PURE__ */ C(t, { className: "size-5 text-[var(--color-text-secondary)]" })
+								})]
+							}), /* @__PURE__ */ w("div", {
+								className: "mt-3 flex items-center gap-1 text-xs font-medium text-[var(--color-text-accent)] group-hover:underline",
+								children: [e.cta, /* @__PURE__ */ C(a, { className: "size-3" })]
 							})]
 						}, e.label);
 					})
-				}),
-				/* @__PURE__ */ b(S, { children: [
-					/* @__PURE__ */ b("div", {
-						className: "mb-3 flex items-center justify-between",
-						children: [/* @__PURE__ */ y("h2", {
-							className: "text-sm font-semibold text-text-primary",
-							children: "Recent Submissions"
-						}), /* @__PURE__ */ b("button", {
+				}) }),
+				/* @__PURE__ */ w("section", { children: [
+					/* @__PURE__ */ w("div", {
+						className: "mb-4 flex items-center justify-between",
+						children: [/* @__PURE__ */ w("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ C("h2", {
+								className: "text-base font-semibold text-[var(--color-text-primary)]",
+								children: "Pending Submissions"
+							}), L.pendingCount > 0 && /* @__PURE__ */ w("span", {
+								className: "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: [L.pendingCount, " waiting"]
+							})]
+						}), /* @__PURE__ */ w("button", {
 							type: "button",
-							onClick: () => A(`${M}/submissions`),
-							className: "inline-flex items-center gap-1 text-xs text-text-accent hover:underline",
-							children: ["View all", /* @__PURE__ */ y(l, { className: "size-3" })]
+							onClick: () => j(`${I}/submissions`),
+							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: ["View all", /* @__PURE__ */ C(d, { className: "size-3.5" })]
 						})]
 					}),
-					V && /* @__PURE__ */ y("div", {
+					G && /* @__PURE__ */ C("div", {
 						role: "alert",
-						className: "mb-3 rounded-md border border-border-danger bg-surface-danger-muted px-4 py-2 text-sm text-text-danger",
-						children: V
+						className: "mb-3 rounded-lg border border-[var(--color-border-danger)] bg-[var(--color-surface-danger-muted)] px-4 py-2.5 text-sm text-[var(--color-text-danger)]",
+						children: G
 					}),
-					N.loading ? /* @__PURE__ */ y("div", {
-						className: "rounded-lg border border-border-default bg-surface-raised py-10 text-center text-sm text-text-secondary",
-						children: "Loading…"
-					}) : N.recentPending.length === 0 ? /* @__PURE__ */ y(w, {
+					L.loading ? /* @__PURE__ */ C("div", {
+						className: "space-y-3",
+						children: [
+							1,
+							2,
+							3
+						].map((e) => /* @__PURE__ */ C("div", { className: "h-20 animate-pulse rounded-xl bg-[var(--color-surface-muted)]" }, e))
+					}) : L.recentPending.length === 0 ? /* @__PURE__ */ C(D, {
 						illustration: "empty-notifications",
 						title: "All caught up",
-						description: "There are no submissions waiting for review. New products from publishers will surface here."
-					}) : /* @__PURE__ */ y("ul", {
-						className: "space-y-2",
-						children: N.recentPending.map((e) => /* @__PURE__ */ b("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__ */ b("div", {
-									className: "flex items-center gap-3 px-4 py-3",
-									children: [
-										e.icon ? /* @__PURE__ */ y("img", {
-											src: e.icon,
-											alt: "",
-											className: "size-10 flex-shrink-0 rounded-md object-cover"
-										}) : /* @__PURE__ */ y("div", {
-											className: "flex size-10 flex-shrink-0 items-center justify-center rounded-md bg-surface-muted text-xs text-text-secondary",
-											children: e.type.slice(0, 2)
-										}),
-										/* @__PURE__ */ b("div", {
-											className: "min-w-0 flex-1",
-											children: [/* @__PURE__ */ y("p", {
-												className: "truncate text-sm font-medium text-text-primary",
-												children: e.name
-											}), /* @__PURE__ */ b("p", {
-												className: "text-xs text-text-secondary",
+						description: "No submissions awaiting review. New products will appear here as publishers send them in."
+					}) : /* @__PURE__ */ C("div", {
+						className: "overflow-hidden rounded-xl border border-[var(--color-border-seam)] bg-[var(--color-surface-raised)] shadow-[var(--shadow-elevation-1)]",
+						children: /* @__PURE__ */ C("ul", {
+							className: "divide-y divide-[var(--color-border-seam)]",
+							children: L.recentPending.map((e) => /* @__PURE__ */ w("li", {
+								className: "overflow-hidden",
+								children: [
+									/* @__PURE__ */ w("div", {
+										className: "flex items-center gap-4 px-5 py-4",
+										children: [
+											e.icon ? /* @__PURE__ */ C("img", {
+												src: e.icon,
+												alt: "",
+												className: "size-10 shrink-0 rounded-lg object-cover"
+											}) : /* @__PURE__ */ C("div", {
+												className: "flex size-10 shrink-0 items-center justify-center rounded-lg bg-[var(--color-surface-muted)] text-xs font-bold text-[var(--color-text-muted)] uppercase",
+												children: e.type.slice(0, 2)
+											}),
+											/* @__PURE__ */ w("div", {
+												className: "min-w-0 flex-1",
+												children: [/* @__PURE__ */ w("div", {
+													className: "flex items-center gap-2 flex-wrap",
+													children: [/* @__PURE__ */ C("p", {
+														className: "font-medium text-[var(--color-text-primary)] truncate",
+														children: e.name
+													}), /* @__PURE__ */ C("span", {
+														className: `shrink-0 rounded-full px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wide ${M(e.type)}`,
+														children: e.type
+													})]
+												}), /* @__PURE__ */ w("div", {
+													className: "mt-0.5 flex items-center gap-3 flex-wrap text-xs text-[var(--color-text-secondary)]",
+													children: [
+														/* @__PURE__ */ C("span", { children: e.publisher?.name ?? "Unknown publisher" }),
+														/* @__PURE__ */ C("span", { children: "·" }),
+														/* @__PURE__ */ C("span", { children: t(e.price, e.currency, e.pricingModel) }),
+														e.submittedAt && /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C("span", { children: "·" }), /* @__PURE__ */ w("span", {
+															className: "flex items-center gap-1",
+															children: [/* @__PURE__ */ C(u, { className: "size-3" }), P(e.submittedAt)]
+														})] })
+													]
+												})]
+											}),
+											/* @__PURE__ */ w("div", {
+												className: "shrink-0 flex items-center gap-2",
 												children: [
-													e.publisher?.name ?? "Unknown publisher",
-													" ·",
-													" ",
-													t(e.price, e.currency, e.pricingModel),
-													" ·",
-													" ",
-													J(e.submittedAt)
+													/* @__PURE__ */ w("button", {
+														type: "button",
+														onClick: () => J(q === e.id ? null : e.id),
+														className: "inline-flex items-center gap-1 rounded-md border border-[var(--color-border-default)] px-2.5 py-1.5 text-xs text-[var(--color-text-secondary)] hover:bg-[var(--color-surface-hover)] transition-colors",
+														children: [q === e.id ? /* @__PURE__ */ C(l, { className: "size-3.5" }) : /* @__PURE__ */ C(c, { className: "size-3.5" }), "Details"]
+													}),
+													/* @__PURE__ */ w("button", {
+														type: "button",
+														onClick: () => void X(e.id),
+														disabled: z === e.id,
+														className: "inline-flex items-center gap-1 rounded-md bg-[var(--color-surface-success)] px-3 py-1.5 text-xs font-semibold text-[var(--color-text-on-success)] hover:opacity-90 disabled:opacity-50 transition-opacity",
+														children: [/* @__PURE__ */ C(o, { className: "size-3.5" }), "Approve"]
+													}),
+													/* @__PURE__ */ w("button", {
+														type: "button",
+														onClick: () => {
+															H(e.id), W(""), K(null);
+														},
+														disabled: z === e.id,
+														className: "inline-flex items-center gap-1 rounded-md border border-[var(--color-border-danger)] bg-[var(--color-surface-danger-muted)] px-3 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__ */ C(y, { className: "size-3.5" }), "Reject"]
+													})
 												]
-											})]
-										}),
-										/* @__PURE__ */ b("div", {
-											className: "flex flex-shrink-0 items-center gap-2",
+											})
+										]
+									}),
+									q === e.id && /* @__PURE__ */ C("div", {
+										className: "border-t border-[var(--color-border-seam)] bg-[var(--color-surface-muted)] px-5 py-4",
+										children: /* @__PURE__ */ w("dl", {
+											className: "grid grid-cols-2 gap-x-8 gap-y-3 text-xs sm:grid-cols-3",
 											children: [
-												/* @__PURE__ */ b("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__ */ y(c, { className: "size-3.5" }) : /* @__PURE__ */ y(s, { className: "size-3.5" }), "Details"]
-												}),
-												/* @__PURE__ */ b("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__ */ y(a, { className: "size-3.5" }), "Approve"]
-												}),
-												/* @__PURE__ */ b("button", {
-													type: "button",
-													onClick: () => {
-														R(e.id), B(""), H(null);
-													},
-													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__ */ y(g, { className: "size-3.5" }), "Reject"]
+												/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("dt", {
+													className: "font-medium text-[var(--color-text-secondary)]",
+													children: "Slug"
+												}), /* @__PURE__ */ C("dd", {
+													className: "mt-0.5 font-mono text-[var(--color-text-primary)]",
+													children: e.slug
+												})] }),
+												/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("dt", {
+													className: "font-medium text-[var(--color-text-secondary)]",
+													children: "Type"
+												}), /* @__PURE__ */ w("dd", {
+													className: "mt-0.5 text-[var(--color-text-primary)]",
+													children: [
+														e.type,
+														" · ",
+														e.nature ?? "—"
+													]
+												})] }),
+												e.category && /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("dt", {
+													className: "font-medium text-[var(--color-text-secondary)]",
+													children: "Category"
+												}), /* @__PURE__ */ C("dd", {
+													className: "mt-0.5 text-[var(--color-text-primary)]",
+													children: e.category
+												})] }),
+												/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("dt", {
+													className: "font-medium text-[var(--color-text-secondary)]",
+													children: "Pricing"
+												}), /* @__PURE__ */ w("dd", {
+													className: "mt-0.5 text-[var(--color-text-primary)]",
+													children: [
+														t(e.price, e.currency, e.pricingModel),
+														" ",
+														/* @__PURE__ */ w("span", {
+															className: "text-[var(--color-text-muted)]",
+															children: [
+																"(",
+																e.pricingModel,
+																")"
+															]
+														})
+													]
+												})] }),
+												/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("dt", {
+													className: "font-medium text-[var(--color-text-secondary)]",
+													children: "Publisher"
+												}), /* @__PURE__ */ w("dd", {
+													className: "mt-0.5 text-[var(--color-text-primary)]",
+													children: [e.publisher?.name ?? "—", e.publisher?.email && /* @__PURE__ */ C("span", {
+														className: "block text-[var(--color-text-muted)]",
+														children: e.publisher.email
+													})]
+												})] }),
+												e.productId && /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("dt", {
+													className: "font-medium text-[var(--color-text-secondary)]",
+													children: "Devportal app"
+												}), /* @__PURE__ */ C("dd", {
+													className: "mt-0.5",
+													children: /* @__PURE__ */ w("a", {
+														href: `/devportal/apps/${e.productId}`,
+														target: "_blank",
+														rel: "noreferrer",
+														className: "inline-flex items-center gap-1 font-mono text-[var(--color-text-accent)] hover:underline",
+														children: [
+															e.productId.slice(0, 16),
+															"…",
+															/* @__PURE__ */ C(d, { className: "size-3" })
+														]
+													})
+												})] }),
+												e.description && /* @__PURE__ */ w("div", {
+													className: "col-span-2 sm:col-span-3",
+													children: [/* @__PURE__ */ C("dt", {
+														className: "font-medium text-[var(--color-text-secondary)]",
+														children: "Description"
+													}), /* @__PURE__ */ C("dd", {
+														className: "mt-0.5 text-[var(--color-text-primary)]",
+														children: e.description
+													})]
 												})
 											]
 										})
-									]
-								}),
-								U === e.id && /* @__PURE__ */ y("div", {
-									className: "border-t border-border-seam bg-surface-muted p-4",
-									children: /* @__PURE__ */ b("dl", {
-										className: "grid grid-cols-2 gap-x-6 gap-y-3 text-xs sm:grid-cols-3",
+									}),
+									V === e.id && /* @__PURE__ */ w("div", {
+										className: "border-t border-[var(--color-border-seam)] bg-[var(--color-surface-danger-muted)]/30 px-5 py-4",
 										children: [
-											/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("dt", {
-												className: "font-medium text-text-secondary",
-												children: "Slug"
-											}), /* @__PURE__ */ y("dd", {
-												className: "mt-0.5 font-mono text-text-primary",
-												children: e.slug
-											})] }),
-											/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("dt", {
-												className: "font-medium text-text-secondary",
-												children: "Type"
-											}), /* @__PURE__ */ y("dd", {
-												className: "mt-0.5 text-text-primary",
-												children: e.type
-											})] }),
-											e.nature && /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("dt", {
-												className: "font-medium text-text-secondary",
-												children: "Nature"
-											}), /* @__PURE__ */ y("dd", {
-												className: "mt-0.5 text-text-primary",
-												children: e.nature
-											})] }),
-											e.category && /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("dt", {
-												className: "font-medium text-text-secondary",
-												children: "Category"
-											}), /* @__PURE__ */ y("dd", {
-												className: "mt-0.5 text-text-primary",
-												children: e.category
-											})] }),
-											/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("dt", {
-												className: "font-medium text-text-secondary",
-												children: "Pricing"
-											}), /* @__PURE__ */ b("dd", {
-												className: "mt-0.5 text-text-primary",
-												children: [
-													t(e.price, e.currency, e.pricingModel),
-													" ",
-													/* @__PURE__ */ b("span", {
-														className: "text-text-tertiary",
-														children: [
-															"(",
-															e.pricingModel,
-															")"
-														]
-													})
-												]
-											})] }),
-											/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("dt", {
-												className: "font-medium text-text-secondary",
-												children: "Publisher"
-											}), /* @__PURE__ */ b("dd", {
-												className: "mt-0.5 text-text-primary",
-												children: [e.publisher?.name ?? "—", e.publisher?.email && /* @__PURE__ */ y("span", {
-													className: "block text-text-tertiary",
-													children: e.publisher.email
-												})]
-											})] }),
-											e.submittedBy && /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("dt", {
-												className: "font-medium text-text-secondary",
-												children: "Submitted by"
-											}), /* @__PURE__ */ y("dd", {
-												className: "mt-0.5 font-mono text-text-primary",
-												children: e.submittedBy
-											})] }),
-											/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("dt", {
-												className: "font-medium text-text-secondary",
-												children: "Submitted at"
-											}), /* @__PURE__ */ y("dd", {
-												className: "mt-0.5 text-text-primary",
-												children: J(e.submittedAt)
-											})] }),
-											e.description && /* @__PURE__ */ b("div", {
-												className: "col-span-2 sm:col-span-3",
-												children: [/* @__PURE__ */ y("dt", {
-													className: "font-medium text-text-secondary",
-													children: "Description"
-												}), /* @__PURE__ */ y("dd", {
-													className: "mt-0.5 text-text-primary",
-													children: e.description
+											/* @__PURE__ */ C("p", {
+												className: "mb-2 text-xs font-semibold text-[var(--color-text-danger)]",
+												children: "Provide a rejection reason (the publisher will see this)"
+											}),
+											/* @__PURE__ */ C("textarea", {
+												id: `reject-reason-${e.id}`,
+												"aria-label": "Rejection reason",
+												value: U,
+												onChange: (e) => W(e.target.value),
+												rows: 2,
+												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: "Explain why this submission is being rejected…"
+											}),
+											/* @__PURE__ */ w("div", {
+												className: "mt-2 flex justify-end gap-2",
+												children: [/* @__PURE__ */ C("button", {
+													type: "button",
+													onClick: () => {
+														H(null), W("");
+													},
+													className: "rounded-md border border-[var(--color-border-default)] bg-[var(--color-surface-default)] px-3 py-1 text-xs font-medium text-[var(--color-text-primary)] hover:bg-[var(--color-surface-hover)] transition-colors",
+													children: "Cancel"
+												}), /* @__PURE__ */ C("button", {
+													type: "button",
+													onClick: () => void Z(e.id),
+													disabled: !U.trim() || z === e.id,
+													className: "rounded-md bg-[var(--color-surface-danger)] px-3 py-1 text-xs font-semibold text-[var(--color-text-on-danger)] hover:opacity-90 disabled:opacity-50 transition-opacity",
+													children: "Submit rejection"
 												})]
 											})
 										]
 									})
-								}),
-								L === e.id && /* @__PURE__ */ b("div", {
-									className: "border-t border-border-seam bg-surface-muted px-4 py-3",
-									children: [
-										/* @__PURE__ */ y("label", {
-											htmlFor: `reject-reason-${e.id}`,
-											className: "block text-xs font-medium text-text-secondary",
-											children: "Rejection reason (required)"
-										}),
-										/* @__PURE__ */ y("textarea", {
-											id: `reject-reason-${e.id}`,
-											"aria-label": "Rejection reason",
-											value: z,
-											onChange: (e) => B(e.target.value),
-											rows: 2,
-											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__ */ b("div", {
-											className: "mt-2 flex justify-end gap-2",
-											children: [/* @__PURE__ */ y("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__ */ y("button", {
-												type: "button",
-												onClick: () => void q(e.id),
-												disabled: !z.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))
+						})
 					})
 				] }),
-				/* @__PURE__ */ b("section", { children: [/* @__PURE__ */ y("h2", {
-					className: "mb-3 text-sm font-semibold text-text-primary",
-					children: "Recent Activity"
-				}), /* @__PURE__ */ b("div", {
+				/* @__PURE__ */ w("section", { children: [/* @__PURE__ */ w("div", {
+					className: "mb-4 flex items-center gap-2",
+					children: [/* @__PURE__ */ C(_, { className: "size-4 text-[var(--color-text-secondary)]" }), /* @__PURE__ */ C("h2", {
+						className: "text-base font-semibold text-[var(--color-text-primary)]",
+						children: "Recent Activity"
+					})]
+				}), /* @__PURE__ */ w("div", {
 					className: "grid grid-cols-1 gap-4 lg:grid-cols-2",
-					children: [/* @__PURE__ */ b(C, {
+					children: [/* @__PURE__ */ w(E, {
 						className: "overflow-hidden p-0",
-						children: [/* @__PURE__ */ b("div", {
-							className: "flex items-center gap-2 border-b border-border-seam px-4 py-3",
-							children: [/* @__PURE__ */ y(o, { className: "size-4 text-text-success" }), /* @__PURE__ */ y("h3", {
-								className: "text-xs font-semibold uppercase tracking-wide text-text-secondary",
-								children: "Recently Approved"
-							})]
-						}), N.loading ? /* @__PURE__ */ y("p", {
-							className: "px-4 py-6 text-center text-sm text-text-secondary",
-							children: "Loading…"
-						}) : N.recentPublished.length === 0 ? /* @__PURE__ */ y("p", {
-							className: "px-4 py-6 text-center text-sm text-text-secondary",
+						children: [/* @__PURE__ */ w("div", {
+							className: "flex items-center gap-2.5 border-b border-[var(--color-border-seam)] px-4 py-3",
+							children: [
+								/* @__PURE__ */ C("div", {
+									className: "flex size-7 items-center justify-center rounded-md bg-[var(--color-status-success-bg-subtle)]",
+									children: /* @__PURE__ */ C(s, { className: "size-4 text-[var(--color-status-success-text)]" })
+								}),
+								/* @__PURE__ */ C("h3", {
+									className: "text-sm font-semibold text-[var(--color-text-primary)]",
+									children: "Recently Approved"
+								}),
+								/* @__PURE__ */ C("span", {
+									className: "ml-auto text-xs text-[var(--color-text-muted)]",
+									children: "Last 5"
+								})
+							]
+						}), L.loading ? /* @__PURE__ */ C("div", {
+							className: "space-y-3 p-4",
+							children: [
+								1,
+								2,
+								3
+							].map((e) => /* @__PURE__ */ C("div", { className: "h-10 animate-pulse rounded-lg bg-[var(--color-surface-muted)]" }, e))
+						}) : L.recentPublished.length === 0 ? /* @__PURE__ */ C("p", {
+							className: "px-4 py-8 text-center text-sm text-[var(--color-text-muted)]",
 							children: "No approved products yet."
-						}) : /* @__PURE__ */ y("ul", {
-							className: "divide-y divide-border-seam",
-							children: N.recentPublished.map((e) => /* @__PURE__ */ b("li", {
+						}) : /* @__PURE__ */ C("ul", {
+							className: "divide-y divide-[var(--color-border-seam)]",
+							children: L.recentPublished.map((e) => /* @__PURE__ */ w("li", {
 								className: "flex items-center gap-3 px-4 py-3",
 								children: [
-									e.icon ? /* @__PURE__ */ y("img", {
+									e.icon ? /* @__PURE__ */ C("img", {
 										src: e.icon,
 										alt: "",
-										className: "size-8 flex-shrink-0 rounded-md object-cover"
-									}) : /* @__PURE__ */ y("div", {
-										className: "flex size-8 flex-shrink-0 items-center justify-center rounded-md bg-surface-muted text-xs text-text-secondary",
-										children: "?"
+										className: "size-8 shrink-0 rounded-lg object-cover"
+									}) : /* @__PURE__ */ C("div", {
+										className: "flex size-8 shrink-0 items-center justify-center rounded-lg bg-[var(--color-surface-muted)] text-xs font-bold text-[var(--color-text-muted)] uppercase",
+										children: (e.type ?? "?").slice(0, 2)
 									}),
-									/* @__PURE__ */ b("div", {
+									/* @__PURE__ */ w("div", {
 										className: "min-w-0 flex-1",
-										children: [/* @__PURE__ */ y("p", {
-											className: "truncate text-sm font-medium text-text-primary",
+										children: [/* @__PURE__ */ C("p", {
+											className: "truncate text-sm font-medium text-[var(--color-text-primary)]",
 											children: e.name
-										}), /* @__PURE__ */ b("p", {
-											className: "text-xs text-text-secondary",
-											children: [e.reviewedBy ? `by ${e.reviewedBy} · ` : "", J(e.publishedAt)]
+										}), /* @__PURE__ */ w("p", {
+											className: "text-xs text-[var(--color-text-secondary)]",
+											children: [e.reviewedBy ? `by ${e.reviewedBy} · ` : "", N(e.publishedAt)]
 										})]
 									}),
-									/* @__PURE__ */ y("span", {
-										className: "flex-shrink-0 rounded-full bg-surface-success-muted px-2 py-0.5 text-xs font-medium text-text-success",
+									/* @__PURE__ */ C("span", {
+										className: "shrink-0 rounded-full bg-[var(--color-status-success-bg-subtle)] px-2.5 py-1 text-xs font-medium text-[var(--color-status-success-text)]",
 										children: "Published"
 									})
 								]
 							}, e.id))
 						})]
-					}), /* @__PURE__ */ b(C, {
+					}), /* @__PURE__ */ w(E, {
 						className: "overflow-hidden p-0",
-						children: [/* @__PURE__ */ b("div", {
-							className: "flex items-center gap-2 border-b border-border-seam px-4 py-3",
-							children: [/* @__PURE__ */ y(_, { className: "size-4 text-text-danger" }), /* @__PURE__ */ y("h3", {
-								className: "text-xs font-semibold uppercase tracking-wide text-text-secondary",
-								children: "Recently Rejected"
-							})]
-						}), N.loading ? /* @__PURE__ */ y("p", {
-							className: "px-4 py-6 text-center text-sm text-text-secondary",
-							children: "Loading…"
-						}) : N.recentRejected.length === 0 ? /* @__PURE__ */ y("p", {
-							className: "px-4 py-6 text-center text-sm text-text-secondary",
+						children: [/* @__PURE__ */ w("div", {
+							className: "flex items-center gap-2.5 border-b border-[var(--color-border-seam)] px-4 py-3",
+							children: [
+								/* @__PURE__ */ C("div", {
+									className: "flex size-7 items-center justify-center rounded-md bg-[var(--color-status-error-bg-subtle)]",
+									children: /* @__PURE__ */ C(b, { className: "size-4 text-[var(--color-status-error-text)]" })
+								}),
+								/* @__PURE__ */ C("h3", {
+									className: "text-sm font-semibold text-[var(--color-text-primary)]",
+									children: "Recently Rejected"
+								}),
+								/* @__PURE__ */ C("span", {
+									className: "ml-auto text-xs text-[var(--color-text-muted)]",
+									children: "Last 5"
+								})
+							]
+						}), L.loading ? /* @__PURE__ */ C("div", {
+							className: "space-y-3 p-4",
+							children: [
+								1,
+								2,
+								3
+							].map((e) => /* @__PURE__ */ C("div", { className: "h-10 animate-pulse rounded-lg bg-[var(--color-surface-muted)]" }, e))
+						}) : L.recentRejected.length === 0 ? /* @__PURE__ */ C("p", {
+							className: "px-4 py-8 text-center text-sm text-[var(--color-text-muted)]",
 							children: "No rejected products yet."
-						}) : /* @__PURE__ */ y("ul", {
-							className: "divide-y divide-border-seam",
-							children: N.recentRejected.map((e) => /* @__PURE__ */ b("li", {
+						}) : /* @__PURE__ */ C("ul", {
+							className: "divide-y divide-[var(--color-border-seam)]",
+							children: L.recentRejected.map((e) => /* @__PURE__ */ w("li", {
 								className: "flex items-center gap-3 px-4 py-3",
 								children: [
-									e.icon ? /* @__PURE__ */ y("img", {
+									e.icon ? /* @__PURE__ */ C("img", {
 										src: e.icon,
 										alt: "",
-										className: "size-8 flex-shrink-0 rounded-md object-cover"
-									}) : /* @__PURE__ */ y("div", {
-										className: "flex size-8 flex-shrink-0 items-center justify-center rounded-md bg-surface-muted text-xs text-text-secondary",
-										children: "?"
+										className: "size-8 shrink-0 rounded-lg object-cover"
+									}) : /* @__PURE__ */ C("div", {
+										className: "flex size-8 shrink-0 items-center justify-center rounded-lg bg-[var(--color-surface-muted)] text-xs font-bold text-[var(--color-text-muted)] uppercase",
+										children: (e.type ?? "?").slice(0, 2)
 									}),
-									/* @__PURE__ */ b("div", {
+									/* @__PURE__ */ w("div", {
 										className: "min-w-0 flex-1",
-										children: [/* @__PURE__ */ y("p", {
-											className: "truncate text-sm font-medium text-text-primary",
-											children: e.name
-										}), /* @__PURE__ */ b("p", {
-											className: "truncate text-xs text-text-secondary",
-											children: [e.rejectedReason ? `"${e.rejectedReason}" · ` : "", J(e.reviewedAt)]
-										})]
+										children: [
+											/* @__PURE__ */ C("p", {
+												className: "truncate text-sm font-medium text-[var(--color-text-primary)]",
+												children: e.name
+											}),
+											e.rejectedReason && /* @__PURE__ */ w("p", {
+												className: "truncate text-xs text-[var(--color-text-muted)]",
+												title: e.rejectedReason,
+												children: [
+													"\"",
+													e.rejectedReason,
+													"\""
+												]
+											}),
+											/* @__PURE__ */ C("p", {
+												className: "text-xs text-[var(--color-text-secondary)]",
+												children: N(e.reviewedAt)
+											})
+										]
 									}),
-									/* @__PURE__ */ y("span", {
-										className: "flex-shrink-0 rounded-full bg-surface-danger-muted px-2 py-0.5 text-xs font-medium text-text-danger",
+									/* @__PURE__ */ C("span", {
+										className: "shrink-0 rounded-full bg-[var(--color-status-error-bg-subtle)] px-2.5 py-1 text-xs font-medium text-[var(--color-status-error-text)]",
 										children: "Rejected"
 									})
 								]
@@ -512,6 +585,6 @@ var D = "\n  query AdminDashboardData {\n    recentPending: pendingReviewProduct
 	});
 };
 //#endregion
-export { A as AdminDashboardPage };
+export { F as AdminDashboardPage };
 
 //# sourceMappingURL=AdminDashboardPage.js.map