@burdenoff/microfe-store 2026.1028.1 → 2026.1102.1

package/dist/pages/AdminGovernancePage.js

@@ -0,0 +1,883 @@
+import { useStore as e } from "../providers/StoreProvider.js";
+import { APPEALS_QUERY as t, DECIDE_APPEAL_MUTATION as n, GOVERNANCE_STATS_QUERY as r, LISTING_REPORTS_QUERY as ee, LISTING_REPORT_REASONS as i, REINSTATE_LISTING_MUTATION as te, RESOLVE_LISTING_REPORT_MUTATION as ne, RESOLVE_REVIEW_REPORT_MUTATION as re, REVIEW_REPORTS_QUERY as a, SEARCH_LISTINGS_QUERY as o, TAKEDOWN_CATEGORIES as ie, TAKEDOWN_LISTING_MUTATION as s, TAKEN_DOWN_QUERY as ae, formatGovernanceDate as c, labelFor as oe, runGovernanceOperation as l } from "../utils/governance.js";
+import { useCallback as se, useEffect as ce, useRef as le, useState as u } from "react";
+import { useNavigate as ue } from "react-router";
+import { ArrowLeft as de, Ban as d, Check as f, Clock as p, Flag as m, Gavel as fe, MessageSquareWarning as h, RefreshCw as pe, RotateCcw as me, Scale as he, Search as ge, ShieldAlert as _e, Star as ve, X as ye } from "lucide-react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { IllustratedEmptyState as v, PagePurpose as be } from "@burdenoff/fe-libs/ui";
+//#region src/pages/AdminGovernancePage.tsx
+var xe = [
+	{
+		id: "listing-reports",
+		label: "Listing reports",
+		icon: m
+	},
+	{
+		id: "review-reports",
+		label: "Review reports & disputes",
+		icon: h
+	},
+	{
+		id: "appeals",
+		label: "Appeals",
+		icon: he
+	},
+	{
+		id: "taken-down",
+		label: "Taken down",
+		icon: d
+	}
+], y = 25, b = "w-full rounded-lg border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] px-3 py-2 text-sm text-[var(--color-text-primary)] focus:border-[var(--color-border-focus)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]", x = "inline-flex items-center gap-1.5 rounded-md border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] px-3 py-1.5 text-xs font-medium text-[var(--color-text-secondary)] transition-colors hover:bg-[var(--color-surface-hover)] disabled:opacity-50", S = "inline-flex items-center gap-1.5 rounded-md bg-[var(--color-action-primary-bg)] px-3 py-1.5 text-xs font-semibold text-[var(--color-action-primary-text)] transition-opacity hover:opacity-90 disabled:opacity-50", C = "inline-flex items-center gap-1.5 rounded-md bg-[var(--color-action-danger-bg)] px-3 py-1.5 text-xs font-semibold text-[var(--color-action-danger-text)] transition-opacity hover:opacity-90 disabled:opacity-50", w = "inline-flex items-center rounded-full bg-[var(--color-bg-muted)] px-2 py-0.5 text-[11px] font-medium text-[var(--color-text-secondary)]", Se = "inline-flex items-center gap-1 rounded-full bg-[var(--color-status-warning-bg-subtle)] px-2 py-0.5 text-[11px] font-semibold text-[var(--color-status-warning-text)]", Ce = "inline-flex items-center gap-1 rounded-full bg-[var(--color-status-error-bg-subtle)] px-2 py-0.5 text-[11px] font-semibold text-[var(--color-status-error-text)]", T = ({ title: e, submitLabel: t, tone: n, busy: r, withCategory: ee, noteRequired: i = !0, placeholder: te, onCancel: ne, onSubmit: re }) => {
+	let [a, o] = u(""), [s, ae] = u("POLICY_VIOLATION"), c = n === "danger" ? C : n === "success" ? S : x;
+	return /* @__PURE__ */ _("div", {
+		className: "space-y-2 border-t border-[var(--color-border-seam)] bg-[var(--color-bg-muted)] px-5 py-4",
+		children: [
+			/* @__PURE__ */ g("p", {
+				className: "text-xs font-semibold text-[var(--color-text-primary)]",
+				children: e
+			}),
+			ee && /* @__PURE__ */ _("label", {
+				className: "block text-xs text-[var(--color-text-secondary)]",
+				children: ["Policy ground", /* @__PURE__ */ g("select", {
+					"aria-label": "Takedown policy ground",
+					value: s,
+					onChange: (e) => ae(e.target.value),
+					className: `${b} mt-1`,
+					children: ie.map((e) => /* @__PURE__ */ g("option", {
+						value: e.value,
+						children: e.label
+					}, e.value))
+				})]
+			}),
+			/* @__PURE__ */ g("textarea", {
+				"aria-label": e,
+				value: a,
+				onChange: (e) => o(e.target.value),
+				rows: 3,
+				maxLength: 2e3,
+				className: `${b} resize-none`,
+				placeholder: te
+			}),
+			/* @__PURE__ */ _("div", {
+				className: "flex items-center justify-end gap-2",
+				children: [/* @__PURE__ */ g("button", {
+					type: "button",
+					onClick: ne,
+					className: x,
+					children: "Cancel"
+				}), /* @__PURE__ */ g("button", {
+					type: "button",
+					disabled: r || i && !a.trim(),
+					onClick: () => re(a.trim(), s),
+					className: c,
+					children: t
+				})]
+			})
+		]
+	});
+}, E = ({ shown: e, total: t, loading: n, onMore: r }) => e > 0 && e < t ? /* @__PURE__ */ g("div", {
+	className: "flex justify-center",
+	children: /* @__PURE__ */ _("button", {
+		type: "button",
+		onClick: r,
+		disabled: n,
+		className: x,
+		children: [
+			n && /* @__PURE__ */ g(pe, { className: "size-3.5 animate-spin" }),
+			"Load more (",
+			e,
+			" of ",
+			t,
+			")"
+		]
+	})
+}) : null, D = () => {
+	let h = ue(), { authToken: D, basePath: O } = e(), [k, A] = u("listing-reports"), [j, we] = u(null), [M, Te] = u([]), [N, Ee] = u("OPEN"), [P, De] = u([]), [F, Oe] = u("PENDING"), [I, ke] = u(!1), [L, Ae] = u([]), [R, je] = u("PENDING"), [z, Me] = u([]), [B, Ne] = u(!1), [V, H] = u(0), [Pe, U] = u(null), [Fe, W] = u(null), [G, K] = u(null), [q, Ie] = u(!1), [Le, Re] = u(""), [ze, J] = u([]), [Y, X] = u(null), Z = le(0), Q = se(async (e = 0) => {
+		let n = ++Z.current;
+		Ne(!0), U(null);
+		try {
+			let i = await l(r, void 0, D, "Failed to load governance counters");
+			if (n !== Z.current) return;
+			if (we(i.storeGovernanceStats), k === "listing-reports") {
+				let t = await l(ee, {
+					status: N,
+					limit: y,
+					offset: e
+				}, D, "Failed to load listing reports");
+				if (n === Z.current) {
+					let n = t.listingReports.reports;
+					Te((t) => e > 0 ? [...t, ...n] : n), H(t.listingReports.totalCount);
+				}
+			} else if (k === "review-reports") {
+				let t = await l(a, {
+					status: F,
+					ratingDisputesOnly: I,
+					limit: y,
+					offset: e
+				}, D, "Failed to load review reports");
+				if (n === Z.current) {
+					let n = t.reviewReports.reports;
+					De((t) => e > 0 ? [...t, ...n] : n), H(t.reviewReports.totalCount);
+				}
+			} else if (k === "appeals") {
+				let r = await l(t, {
+					status: R,
+					limit: y,
+					offset: e
+				}, D, "Failed to load appeals");
+				if (n === Z.current) {
+					let t = r.governanceAppeals.appeals;
+					Ae((n) => e > 0 ? [...n, ...t] : t), H(r.governanceAppeals.totalCount);
+				}
+			} else {
+				let t = await l(ae, {
+					limit: y,
+					offset: e
+				}, D, "Failed to load taken-down listings");
+				if (n === Z.current) {
+					let n = t.takenDownListings.products;
+					Me((t) => e > 0 ? [...t, ...n] : n), H(t.takenDownListings.totalCount);
+				}
+			}
+		} catch (e) {
+			n === Z.current && U(e instanceof Error ? e.message : "Failed to load governance data");
+		} finally {
+			n === Z.current && Ne(!1);
+		}
+	}, [
+		D,
+		k,
+		N,
+		F,
+		I,
+		R
+	]);
+	ce(() => {
+		Q(0);
+	}, [Q]);
+	let $ = async (e, t, n) => {
+		Ie(!0), U(null), W(null);
+		try {
+			await e(), K(null), X(null), W(t), await Q(0);
+		} catch (e) {
+			U(e instanceof Error ? e.message : n);
+		} finally {
+			Ie(!1);
+		}
+	}, Be = async (e) => {
+		if (Re(e), !e.trim()) {
+			J([]);
+			return;
+		}
+		try {
+			J((await l(o, { query: e }, D, "Search failed")).searchProducts);
+		} catch {
+			J([]);
+		}
+	}, Ve = (e, t, n, r) => $(() => l(s, { input: {
+		productId: e,
+		category: n,
+		reason: t,
+		reportIds: r
+	} }, D, "Takedown failed"), "Listing taken down. The publisher sees the reason and can appeal.", "Takedown failed"), He = j ? [
+		{
+			label: "Submissions waiting",
+			value: j.pendingSubmissions,
+			detail: j.overdueSubmissions > 0 ? `${j.overdueSubmissions} past the 5-business-day SLA` : "All within the 5-business-day SLA",
+			warn: j.overdueSubmissions > 0,
+			onClick: () => h(`${O}/submissions`)
+		},
+		{
+			label: "Open listing reports",
+			value: j.openListingReports,
+			detail: "Reported by buyers",
+			warn: j.openListingReports > 0,
+			onClick: () => A("listing-reports")
+		},
+		{
+			label: "Open review reports",
+			value: j.openReviewReports,
+			detail: `${j.openRatingDisputes} rating disputes`,
+			warn: j.openReviewReports > 0,
+			onClick: () => A("review-reports")
+		},
+		{
+			label: "Pending appeals",
+			value: j.pendingAppeals,
+			detail: j.overdueAppeals > 0 ? `${j.overdueAppeals} overdue` : "None overdue",
+			warn: j.overdueAppeals > 0,
+			onClick: () => A("appeals")
+		},
+		{
+			label: "Taken down",
+			value: j.takenDownListings,
+			detail: "Listings off the store",
+			warn: !1,
+			onClick: () => A("taken-down")
+		}
+	] : [];
+	return /* @__PURE__ */ _("div", {
+		className: "min-h-screen bg-[var(--color-bg-surface)]",
+		children: [/* @__PURE__ */ g("header", {
+			className: "sticky top-0 z-10 border-b border-[var(--color-border-seam)] bg-[var(--color-bg-elevated)] shadow-[var(--shadow-elevation-1)]",
+			children: /* @__PURE__ */ _("div", {
+				className: "mx-auto flex max-w-6xl items-center justify-between gap-3 px-6 py-4",
+				children: [/* @__PURE__ */ _("div", {
+					className: "flex min-w-0 items-center gap-3",
+					children: [
+						/* @__PURE__ */ g("button", {
+							type: "button",
+							"aria-label": "Back to the store dashboard",
+							onClick: () => h(`${O}/dashboard`),
+							className: "rounded-md p-1.5 text-[var(--color-text-secondary)] hover:bg-[var(--color-surface-hover)]",
+							children: /* @__PURE__ */ g(de, { className: "size-4" })
+						}),
+						/* @__PURE__ */ g(fe, { className: "size-5 text-[var(--color-text-primary)]" }),
+						/* @__PURE__ */ g("h1", {
+							className: "truncate text-lg font-semibold text-[var(--color-text-primary)]",
+							children: "Marketplace governance"
+						})
+					]
+				}), /* @__PURE__ */ _("button", {
+					type: "button",
+					onClick: () => void Q(0),
+					disabled: B,
+					className: "inline-flex items-center gap-2 rounded-md border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] px-3 py-1.5 text-sm text-[var(--color-text-primary)] transition-colors hover:bg-[var(--color-surface-hover)] disabled:opacity-50",
+					children: [/* @__PURE__ */ g(pe, { className: `size-4 ${B ? "animate-spin" : ""}` }), "Refresh"]
+				})]
+			})
+		}), /* @__PURE__ */ _("main", {
+			className: "mx-auto max-w-6xl space-y-6 p-6",
+			children: [
+				/* @__PURE__ */ g(be, {
+					className: "mb-2",
+					children: "Work buyer reports, review reports and rating disputes, take listings down and decide publisher appeals. Every action records a reason the publisher can see, as the Marketplace & Developer Agreement requires."
+				}),
+				Pe && /* @__PURE__ */ g("div", {
+					role: "alert",
+					className: "rounded-lg border border-[var(--color-status-error-border)] bg-[var(--color-status-error-bg-subtle)] px-4 py-3 text-sm text-[var(--color-status-error-text)]",
+					children: Pe
+				}),
+				Fe && /* @__PURE__ */ g("div", {
+					role: "status",
+					className: "rounded-lg border border-[var(--color-border-seam)] bg-[var(--color-status-success-bg-subtle)] px-4 py-3 text-sm text-[var(--color-status-success-text)]",
+					children: Fe
+				}),
+				/* @__PURE__ */ g("section", {
+					"aria-label": "Governance counters",
+					className: "grid grid-cols-2 gap-3 lg:grid-cols-5",
+					children: He.map((e) => /* @__PURE__ */ _("button", {
+						type: "button",
+						onClick: e.onClick,
+						className: "rounded-xl border border-[var(--color-border-seam)] bg-[var(--color-bg-elevated)] p-4 text-left shadow-[var(--shadow-elevation-1)] transition-colors hover:border-[var(--color-border-strong)]",
+						children: [
+							/* @__PURE__ */ g("p", {
+								className: "text-[11px] font-medium uppercase tracking-wide text-[var(--color-text-secondary)]",
+								children: e.label
+							}),
+							/* @__PURE__ */ g("p", {
+								className: `mt-1 text-2xl font-bold tabular-nums ${e.warn ? "text-[var(--color-status-warning-text)]" : "text-[var(--color-text-primary)]"}`,
+								children: e.value
+							}),
+							/* @__PURE__ */ g("p", {
+								className: "mt-1 text-xs text-[var(--color-text-muted)]",
+								children: e.detail
+							})
+						]
+					}, e.label))
+				}),
+				/* @__PURE__ */ g("nav", {
+					"aria-label": "Governance queues",
+					className: "flex flex-wrap gap-2",
+					children: xe.map((e) => {
+						let t = e.icon, n = k === e.id;
+						return /* @__PURE__ */ _("button", {
+							type: "button",
+							"aria-pressed": n,
+							onClick: () => {
+								A(e.id), K(null), W(null);
+							},
+							className: `inline-flex items-center gap-1.5 rounded-full border px-3 py-1.5 text-sm transition-colors ${n ? "border-[var(--color-border-focus)] bg-[var(--color-accent-soft)] text-[var(--color-text-link)]" : "border-[var(--color-border-default)] bg-[var(--color-bg-surface)] text-[var(--color-text-secondary)] hover:bg-[var(--color-surface-hover)]"}`,
+							children: [/* @__PURE__ */ g(t, { className: "size-4" }), e.label]
+						}, e.id);
+					})
+				}),
+				k === "listing-reports" && /* @__PURE__ */ _("section", {
+					"aria-label": "Listing reports",
+					className: "space-y-3",
+					children: [
+						/* @__PURE__ */ _("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ g("label", {
+								className: "text-xs text-[var(--color-text-secondary)]",
+								htmlFor: "lr-status",
+								children: "Status"
+							}), /* @__PURE__ */ _("select", {
+								id: "lr-status",
+								value: N,
+								onChange: (e) => Ee(e.target.value),
+								className: "rounded-md border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] px-2 py-1 text-sm text-[var(--color-text-primary)]",
+								children: [
+									/* @__PURE__ */ g("option", {
+										value: "OPEN",
+										children: "Open"
+									}),
+									/* @__PURE__ */ g("option", {
+										value: "ACTIONED",
+										children: "Actioned"
+									}),
+									/* @__PURE__ */ g("option", {
+										value: "DISMISSED",
+										children: "Dismissed"
+									})
+								]
+							})]
+						}),
+						M.length === 0 && !B ? /* @__PURE__ */ g(v, {
+							illustration: "empty-data",
+							title: "No listing reports",
+							description: "Reports buyers file against a listing appear here, oldest first."
+						}) : /* @__PURE__ */ g("ul", {
+							className: "space-y-3",
+							children: M.map((e) => /* @__PURE__ */ _("li", {
+								className: "overflow-hidden rounded-xl border border-[var(--color-border-seam)] bg-[var(--color-bg-elevated)]",
+								children: [
+									/* @__PURE__ */ _("div", {
+										className: "space-y-2 px-5 py-4",
+										children: [
+											/* @__PURE__ */ _("div", {
+												className: "flex flex-wrap items-center gap-2",
+												children: [
+													/* @__PURE__ */ g("span", {
+														className: "font-semibold text-[var(--color-text-primary)]",
+														children: e.product?.name ?? e.productId
+													}),
+													/* @__PURE__ */ _("span", {
+														className: Se,
+														children: [/* @__PURE__ */ g(m, { className: "size-3" }), oe(i, e.reason)]
+													}),
+													e.product && /* @__PURE__ */ g("span", {
+														className: w,
+														children: e.product.status
+													}),
+													e.status !== "OPEN" && /* @__PURE__ */ g("span", {
+														className: w,
+														children: e.status
+													})
+												]
+											}),
+											e.details && /* @__PURE__ */ g("p", {
+												className: "text-sm text-[var(--color-text-secondary)]",
+												children: e.details
+											}),
+											/* @__PURE__ */ _("p", {
+												className: "flex items-center gap-1 text-xs text-[var(--color-text-muted)]",
+												children: [
+													/* @__PURE__ */ g(p, { className: "size-3" }),
+													" ",
+													c(e.createdAt),
+													" · reporter ",
+													/* @__PURE__ */ g("span", {
+														className: "font-mono",
+														children: e.reportedBy
+													})
+												]
+											}),
+											e.resolutionNote && /* @__PURE__ */ _("p", {
+												className: "text-xs text-[var(--color-text-secondary)]",
+												children: ["Resolution: ", e.resolutionNote]
+											})
+										]
+									}),
+									e.status === "OPEN" && /* @__PURE__ */ _("div", {
+										className: "flex flex-wrap justify-end gap-2 border-t border-[var(--color-border-seam)] bg-[var(--color-bg-muted)] px-5 py-3",
+										children: [
+											/* @__PURE__ */ _("button", {
+												type: "button",
+												className: x,
+												onClick: () => K({
+													id: e.id,
+													kind: "dismiss"
+												}),
+												children: [/* @__PURE__ */ g(ye, { className: "size-3.5" }), " Dismiss"]
+											}),
+											/* @__PURE__ */ _("button", {
+												type: "button",
+												className: x,
+												onClick: () => K({
+													id: e.id,
+													kind: "actioned"
+												}),
+												children: [/* @__PURE__ */ g(f, { className: "size-3.5" }), " Mark actioned"]
+											}),
+											e.product && e.product.status !== "DRAFT" && /* @__PURE__ */ _("button", {
+												type: "button",
+												className: C,
+												onClick: () => K({
+													id: e.id,
+													kind: "takedown"
+												}),
+												children: [/* @__PURE__ */ g(d, { className: "size-3.5" }), " Take listing down"]
+											})
+										]
+									}),
+									G?.id === e.id && G.kind === "takedown" && /* @__PURE__ */ g(T, {
+										title: `Take "${e.product?.name ?? "this listing"}" down`,
+										submitLabel: "Take down",
+										tone: "danger",
+										busy: q,
+										withCategory: !0,
+										placeholder: "Reason the publisher sees, for example 'The listing promises offline mode it does not have'",
+										onCancel: () => K(null),
+										onSubmit: (t, n) => void Ve(e.productId, t, n, [e.id])
+									}),
+									G?.id === e.id && G.kind !== "takedown" && /* @__PURE__ */ g(T, {
+										title: G.kind === "dismiss" ? "Dismiss this report" : "Mark this report actioned",
+										submitLabel: G.kind === "dismiss" ? "Dismiss report" : "Mark actioned",
+										tone: "neutral",
+										busy: q,
+										placeholder: "Note for the record",
+										onCancel: () => K(null),
+										onSubmit: (t) => void $(() => l(ne, { input: {
+											id: e.id,
+											resolution: G.kind === "dismiss" ? "DISMISSED" : "ACTIONED",
+											note: t
+										} }, D, "Could not resolve the report"), "Report resolved.", "Could not resolve the report")
+									})
+								]
+							}, e.id))
+						}),
+						/* @__PURE__ */ g(E, {
+							shown: M.length,
+							total: V,
+							loading: B,
+							onMore: () => void Q(M.length)
+						})
+					]
+				}),
+				k === "review-reports" && /* @__PURE__ */ _("section", {
+					"aria-label": "Review reports",
+					className: "space-y-3",
+					children: [
+						/* @__PURE__ */ _("div", {
+							className: "flex flex-wrap items-center gap-3",
+							children: [
+								/* @__PURE__ */ g("label", {
+									className: "text-xs text-[var(--color-text-secondary)]",
+									htmlFor: "rr-status",
+									children: "Status"
+								}),
+								/* @__PURE__ */ _("select", {
+									id: "rr-status",
+									value: F,
+									onChange: (e) => Oe(e.target.value),
+									className: "rounded-md border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] px-2 py-1 text-sm text-[var(--color-text-primary)]",
+									children: [
+										/* @__PURE__ */ g("option", {
+											value: "PENDING",
+											children: "Pending"
+										}),
+										/* @__PURE__ */ g("option", {
+											value: "ACTIONED",
+											children: "Actioned"
+										}),
+										/* @__PURE__ */ g("option", {
+											value: "DISMISSED",
+											children: "Dismissed"
+										})
+									]
+								}),
+								/* @__PURE__ */ _("label", {
+									className: "inline-flex items-center gap-1.5 text-xs text-[var(--color-text-secondary)]",
+									children: [/* @__PURE__ */ g("input", {
+										type: "checkbox",
+										checked: I,
+										onChange: (e) => ke(e.target.checked)
+									}), "Rating disputes only"]
+								})
+							]
+						}),
+						P.length === 0 && !B ? /* @__PURE__ */ g(v, {
+							illustration: "empty-data",
+							title: "No review reports",
+							description: "Reports against reviews, including publishers' rating disputes, appear here."
+						}) : /* @__PURE__ */ g("ul", {
+							className: "space-y-3",
+							children: P.map((e) => /* @__PURE__ */ _("li", {
+								className: "overflow-hidden rounded-xl border border-[var(--color-border-seam)] bg-[var(--color-bg-elevated)]",
+								children: [
+									/* @__PURE__ */ _("div", {
+										className: "space-y-2 px-5 py-4",
+										children: [
+											/* @__PURE__ */ _("div", {
+												className: "flex flex-wrap items-center gap-2",
+												children: [
+													/* @__PURE__ */ g("span", {
+														className: "font-semibold text-[var(--color-text-primary)]",
+														children: e.review?.productName ?? "Review"
+													}),
+													e.review && /* @__PURE__ */ _("span", {
+														className: w,
+														children: [
+															/* @__PURE__ */ g(ve, { className: "mr-1 size-3" }),
+															e.review.rating,
+															"/5 · ",
+															e.review.status
+														]
+													}),
+													e.isRatingDispute ? /* @__PURE__ */ _("span", {
+														className: Se,
+														children: [/* @__PURE__ */ g(he, { className: "size-3" }), " Rating dispute"]
+													}) : /* @__PURE__ */ g("span", {
+														className: w,
+														children: e.reason
+													}),
+													e.reportedByPublisher && /* @__PURE__ */ g("span", {
+														className: w,
+														children: "Filed by the publisher"
+													})
+												]
+											}),
+											e.review && /* @__PURE__ */ _("blockquote", {
+												className: "border-l-2 border-[var(--color-border-default)] pl-3 text-sm text-[var(--color-text-secondary)]",
+												children: [e.review.title && /* @__PURE__ */ _("span", {
+													className: "font-medium",
+													children: [e.review.title, ": "]
+												}), e.review.comment ?? "No comment"]
+											}),
+											e.details && /* @__PURE__ */ _("p", {
+												className: "text-sm text-[var(--color-text-secondary)]",
+												children: ["Reporter: ", e.details]
+											}),
+											/* @__PURE__ */ _("p", {
+												className: "flex items-center gap-1 text-xs text-[var(--color-text-muted)]",
+												children: [
+													/* @__PURE__ */ g(p, { className: "size-3" }),
+													" ",
+													c(e.createdAt)
+												]
+											}),
+											e.resolutionNote && /* @__PURE__ */ _("p", {
+												className: "text-xs text-[var(--color-text-secondary)]",
+												children: ["Resolution: ", e.resolutionNote]
+											})
+										]
+									}),
+									e.status === "PENDING" && /* @__PURE__ */ _("div", {
+										className: "flex flex-wrap justify-end gap-2 border-t border-[var(--color-border-seam)] bg-[var(--color-bg-muted)] px-5 py-3",
+										children: [/* @__PURE__ */ _("button", {
+											type: "button",
+											className: x,
+											onClick: () => K({
+												id: e.id,
+												kind: "keep"
+											}),
+											children: [/* @__PURE__ */ g(f, { className: "size-3.5" }), " Keep review"]
+										}), /* @__PURE__ */ _("button", {
+											type: "button",
+											className: C,
+											onClick: () => K({
+												id: e.id,
+												kind: "hide"
+											}),
+											children: [/* @__PURE__ */ g(_e, { className: "size-3.5" }), " Hide review"]
+										})]
+									}),
+									G?.id === e.id && /* @__PURE__ */ g(T, {
+										title: G.kind === "hide" ? "Hide this review" : "Keep this review",
+										submitLabel: G.kind === "hide" ? "Hide review" : "Dismiss report",
+										tone: G.kind === "hide" ? "danger" : "neutral",
+										busy: q,
+										placeholder: "Note for the record",
+										onCancel: () => K(null),
+										onSubmit: (t) => void $(() => l(re, { input: {
+											id: e.id,
+											resolution: G.kind === "hide" ? "ACTIONED" : "DISMISSED",
+											hideReview: G.kind === "hide",
+											note: t
+										} }, D, "Could not resolve the report"), G.kind === "hide" ? "Review hidden." : "Report dismissed.", "Could not resolve the report")
+									})
+								]
+							}, e.id))
+						}),
+						/* @__PURE__ */ g(E, {
+							shown: P.length,
+							total: V,
+							loading: B,
+							onMore: () => void Q(P.length)
+						})
+					]
+				}),
+				k === "appeals" && /* @__PURE__ */ _("section", {
+					"aria-label": "Appeals",
+					className: "space-y-3",
+					children: [
+						/* @__PURE__ */ _("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ g("label", {
+								className: "text-xs text-[var(--color-text-secondary)]",
+								htmlFor: "ap-status",
+								children: "Status"
+							}), /* @__PURE__ */ _("select", {
+								id: "ap-status",
+								value: R,
+								onChange: (e) => je(e.target.value),
+								className: "rounded-md border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] px-2 py-1 text-sm text-[var(--color-text-primary)]",
+								children: [
+									/* @__PURE__ */ g("option", {
+										value: "PENDING",
+										children: "Pending"
+									}),
+									/* @__PURE__ */ g("option", {
+										value: "UPHELD",
+										children: "Upheld"
+									}),
+									/* @__PURE__ */ g("option", {
+										value: "REVERSED",
+										children: "Reversed"
+									})
+								]
+							})]
+						}),
+						L.length === 0 && !B ? /* @__PURE__ */ g(v, {
+							illustration: "empty-data",
+							title: "No appeals",
+							description: "Publisher appeals against takedowns and suspensions appear here, oldest first."
+						}) : /* @__PURE__ */ g("ul", {
+							className: "space-y-3",
+							children: L.map((e) => /* @__PURE__ */ _("li", {
+								className: "overflow-hidden rounded-xl border border-[var(--color-border-seam)] bg-[var(--color-bg-elevated)]",
+								children: [
+									/* @__PURE__ */ _("div", {
+										className: "space-y-2 px-5 py-4",
+										children: [
+											/* @__PURE__ */ _("div", {
+												className: "flex flex-wrap items-center gap-2",
+												children: [
+													/* @__PURE__ */ g("span", {
+														className: "font-semibold text-[var(--color-text-primary)]",
+														children: e.targetType === "LISTING" ? e.product?.name ?? "Listing takedown" : "Publisher suspension"
+													}),
+													/* @__PURE__ */ g("span", {
+														className: w,
+														children: e.targetType
+													}),
+													e.status !== "PENDING" && /* @__PURE__ */ g("span", {
+														className: w,
+														children: e.status
+													}),
+													e.isReviewOverdue && /* @__PURE__ */ _("span", {
+														className: Ce,
+														children: [/* @__PURE__ */ g(p, { className: "size-3" }), " Overdue"]
+													})
+												]
+											}),
+											e.actionReason && /* @__PURE__ */ _("p", {
+												className: "text-xs text-[var(--color-text-muted)]",
+												children: ["Original reason: ", e.actionReason]
+											}),
+											/* @__PURE__ */ g("p", {
+												className: "text-sm text-[var(--color-text-secondary)]",
+												children: e.statement
+											}),
+											/* @__PURE__ */ _("p", {
+												className: "flex items-center gap-1 text-xs text-[var(--color-text-muted)]",
+												children: [
+													/* @__PURE__ */ g(p, { className: "size-3" }),
+													" Filed",
+													" ",
+													c(e.submittedAt),
+													" · due",
+													" ",
+													c(e.reviewDueAt)
+												]
+											}),
+											e.decisionNote && /* @__PURE__ */ _("p", {
+												className: "text-xs text-[var(--color-text-secondary)]",
+												children: ["Decision: ", e.decisionNote]
+											})
+										]
+									}),
+									e.status === "PENDING" && /* @__PURE__ */ _("div", {
+										className: "flex flex-wrap justify-end gap-2 border-t border-[var(--color-border-seam)] bg-[var(--color-bg-muted)] px-5 py-3",
+										children: [/* @__PURE__ */ _("button", {
+											type: "button",
+											className: x,
+											onClick: () => K({
+												id: e.id,
+												kind: "UPHELD"
+											}),
+											children: [/* @__PURE__ */ g(fe, { className: "size-3.5" }), " Uphold action"]
+										}), /* @__PURE__ */ _("button", {
+											type: "button",
+											className: S,
+											onClick: () => K({
+												id: e.id,
+												kind: "REVERSED"
+											}),
+											children: [/* @__PURE__ */ g(me, { className: "size-3.5" }), " Reverse and reinstate"]
+										})]
+									}),
+									G?.id === e.id && /* @__PURE__ */ g(T, {
+										title: G.kind === "REVERSED" ? "Reverse the action and reinstate" : "Uphold the action",
+										submitLabel: G.kind === "REVERSED" ? "Reverse" : "Uphold",
+										tone: G.kind === "REVERSED" ? "success" : "neutral",
+										busy: q,
+										placeholder: "Decision note the publisher sees",
+										onCancel: () => K(null),
+										onSubmit: (t) => void $(() => l(n, { input: {
+											id: e.id,
+											decision: G.kind,
+											note: t
+										} }, D, "Could not decide the appeal"), G.kind === "REVERSED" ? "Appeal reversed; the listing or publisher is reinstated." : "Appeal upheld.", "Could not decide the appeal")
+									})
+								]
+							}, e.id))
+						}),
+						/* @__PURE__ */ g(E, {
+							shown: L.length,
+							total: V,
+							loading: B,
+							onMore: () => void Q(L.length)
+						})
+					]
+				}),
+				k === "taken-down" && /* @__PURE__ */ _("section", {
+					"aria-label": "Taken-down listings",
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ _("div", {
+							className: "rounded-xl border border-[var(--color-border-seam)] bg-[var(--color-bg-elevated)] p-4",
+							children: [
+								/* @__PURE__ */ g("p", {
+									className: "mb-2 text-sm font-semibold text-[var(--color-text-primary)]",
+									children: "Take a listing down"
+								}),
+								/* @__PURE__ */ _("div", {
+									className: "relative",
+									children: [/* @__PURE__ */ g(ge, { className: "pointer-events-none absolute left-3 top-1/2 size-4 -translate-y-1/2 text-[var(--color-text-muted)]" }), /* @__PURE__ */ g("input", {
+										"aria-label": "Search listings to take down",
+										value: Le,
+										onChange: (e) => void Be(e.target.value),
+										placeholder: "Search published listings by name",
+										className: `${b} pl-9`
+									})]
+								}),
+								ze.length > 0 && !Y && /* @__PURE__ */ g("ul", {
+									className: "mt-2 divide-y divide-[var(--color-border-seam)] rounded-lg border border-[var(--color-border-seam)]",
+									children: ze.map((e) => /* @__PURE__ */ g("li", { children: /* @__PURE__ */ _("button", {
+										type: "button",
+										onClick: () => X({
+											id: e.id,
+											name: e.name
+										}),
+										className: "flex w-full items-center justify-between px-3 py-2 text-left text-sm text-[var(--color-text-primary)] hover:bg-[var(--color-surface-hover)]",
+										children: [e.name, /* @__PURE__ */ g("span", {
+											className: "font-mono text-xs text-[var(--color-text-muted)]",
+											children: e.slug
+										})]
+									}) }, e.id))
+								}),
+								Y && /* @__PURE__ */ g("div", {
+									className: "mt-3 overflow-hidden rounded-lg border border-[var(--color-border-seam)]",
+									children: /* @__PURE__ */ g(T, {
+										title: `Take "${Y.name}" down`,
+										submitLabel: "Take down",
+										tone: "danger",
+										busy: q,
+										withCategory: !0,
+										placeholder: "Reason the publisher sees",
+										onCancel: () => X(null),
+										onSubmit: (e, t) => void Ve(Y.id, e, t)
+									})
+								})
+							]
+						}),
+						z.length === 0 && !B ? /* @__PURE__ */ g(v, {
+							illustration: "empty-data",
+							title: "Nothing is taken down",
+							description: "Listings the store team takes down, or that go down with a suspended publisher, appear here."
+						}) : /* @__PURE__ */ g("ul", {
+							className: "space-y-3",
+							children: z.map((e) => /* @__PURE__ */ _("li", {
+								className: "overflow-hidden rounded-xl border border-[var(--color-border-seam)] bg-[var(--color-bg-elevated)]",
+								children: [
+									/* @__PURE__ */ _("div", {
+										className: "space-y-1 px-5 py-4",
+										children: [
+											/* @__PURE__ */ _("div", {
+												className: "flex flex-wrap items-center gap-2",
+												children: [
+													/* @__PURE__ */ g("span", {
+														className: "font-semibold text-[var(--color-text-primary)]",
+														children: e.name
+													}),
+													/* @__PURE__ */ g("span", {
+														className: Ce,
+														children: oe(ie, e.takedown?.category)
+													}),
+													e.takedown?.source === "PUBLISHER_SUSPENSION" && /* @__PURE__ */ g("span", {
+														className: w,
+														children: "Publisher suspended"
+													})
+												]
+											}),
+											e.takedown?.reason && /* @__PURE__ */ g("p", {
+												className: "text-sm text-[var(--color-text-secondary)]",
+												children: e.takedown.reason
+											}),
+											/* @__PURE__ */ _("p", {
+												className: "text-xs text-[var(--color-text-muted)]",
+												children: [
+													"Taken down ",
+													c(e.takedown?.takenDownAt),
+													" · restores to ",
+													e.takedown?.statusBeforeTakedown ?? "UNLISTED"
+												]
+											})
+										]
+									}),
+									e.takedown?.source === "LISTING" && /* @__PURE__ */ g("div", {
+										className: "flex justify-end border-t border-[var(--color-border-seam)] bg-[var(--color-bg-muted)] px-5 py-3",
+										children: /* @__PURE__ */ _("button", {
+											type: "button",
+											className: S,
+											onClick: () => K({
+												id: e.id,
+												kind: "reinstate"
+											}),
+											children: [/* @__PURE__ */ g(me, { className: "size-3.5" }), " Reinstate"]
+										})
+									}),
+									G?.id === e.id && /* @__PURE__ */ g(T, {
+										title: `Reinstate "${e.name}"`,
+										submitLabel: "Reinstate",
+										tone: "success",
+										busy: q,
+										noteRequired: !1,
+										placeholder: "Optional note, for example 'Publisher fixed the screenshots'",
+										onCancel: () => K(null),
+										onSubmit: (t) => void $(() => l(te, {
+											productId: e.id,
+											note: t || null
+										}, D, "Could not reinstate the listing"), "Listing reinstated.", "Could not reinstate the listing")
+									})
+								]
+							}, e.id))
+						}),
+						/* @__PURE__ */ g(E, {
+							shown: z.length,
+							total: V,
+							loading: B,
+							onMore: () => void Q(z.length)
+						})
+					]
+				})
+			]
+		})]
+	});
+};
+//#endregion
+export { D as AdminGovernancePage };
+
+//# sourceMappingURL=AdminGovernancePage.js.map