@burdenoff/microfe-kadaikodi 2026.704.3 → 2026.704.5

package/dist/kadaikodi/pages/admin/CartManagementPage.js

@@ -1,828 +1,663 @@
-import { useKadaikodi as e } from "../../context/KadaikodiContext.js";
-import { cn as t } from "../../utils/cn.js";
-import { PageLayout as n } from "../../components/PageLayout.js";
-import { EmptyState as r } from "../../components/EmptyState.js";
-import { useProviders as i } from "../../hooks/useKadaikodiApi.js";
-import { formatCurrency as a } from "../../utils/formatters.js";
-import { useMemo as o, useState as s } from "react";
-import { CheckCircle2 as c, ClipboardCheck as l, Eye as u, Loader2 as d, Pause as f, Search as p, Star as m, Store as h, X as g, XCircle as _ } from "lucide-react";
-import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
-import { EmphasisPanel as x, PagePurpose as S } from "@burdenoff/fe-libs/ui";
+import { cn as e } from "../../utils/cn.js";
+import { PageLayout as t } from "../../components/PageLayout.js";
+import { EmptyState as n } from "../../components/EmptyState.js";
+import { useProviders as r, useUpdateProvider as ee } from "../../hooks/useKadaikodiApi.js";
+import { formatCurrency as te } from "../../utils/formatters.js";
+import { StatCard as i } from "../../components/viz/StatCard.js";
+import { SegmentedTabs as a } from "../../components/viz/SegmentedTabs.js";
+import "../../components/viz/index.js";
+import { Fragment as o, useMemo as s, useState as c } from "react";
+import { AlertCircle as l, Calendar as u, CheckCircle2 as d, ChevronDown as f, FileText as ne, IndianRupee as p, Loader2 as re, MapPin as ie, Search as m, Star as h, Store as g, X as _ } from "lucide-react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { GlassCard as ae, PagePurpose as oe } from "@burdenoff/fe-libs/ui";
 //#region src/kadaikodi/pages/admin/CartManagementPage.tsx
-function C(e) {
+var b = (e) => e.replace(/_/g, " ").toLowerCase().replace(/\b\w/g, (e) => e.toUpperCase());
+function se(e) {
+	let t = e.isVerified ? "verified" : e.isOpen ? "pending" : "inactive";
 	return {
 		id: e.id,
 		name: e.name,
-		description: "",
 		category: e.category,
-		image: "",
-		ownerName: "",
-		ownerEmail: "",
-		ownerPhone: "",
+		ownerId: e.ownerId ?? "",
 		address: e.location?.address ?? "",
-		city: "",
-		isActive: e.isOpen,
-		isVerified: e.isVerified ?? !1,
 		rating: e.rating,
 		reviewCount: e.totalRatings,
-		monthlyRevenue: 0,
-		monthlyOrders: 0,
-		complianceScore: 0,
-		documentsSubmitted: 0,
-		documentsRequired: 0,
-		inspectionStatus: e.isVerified ? "completed" : "pending",
-		applicationDate: e.createdAt ?? (/* @__PURE__ */ new Date()).toISOString()
+		avgOrderValue: e.averageOrderValue ?? 0,
+		serviceTypes: e.serviceTypes ?? [],
+		isOpen: e.isOpen,
+		isVerified: e.isVerified ?? !1,
+		status: t,
+		createdAt: e.createdAt ?? (/* @__PURE__ */ new Date()).toISOString()
 	};
 }
-function w() {
-	let { navigateTo: w } = e(), { data: T = [], isLoading: E } = i(), [D, O] = s(null), [k, A] = s(!1), [j, M] = s("view"), [N, P] = s(""), [F, I] = s({
-		searchQuery: "",
-		status: "",
-		verificationStatus: "",
-		category: "",
-		location: "",
-		sortBy: "recent"
-	}), L = o(() => T.map(C), [T]), R = o(() => {
-		let e = L.filter((e) => e.isActive).length, t = L.filter((e) => !e.isVerified).length, n = L.length ? L.reduce((e, t) => e + t.rating, 0) / L.length : 0;
-		return {
-			totalCarts: L.length,
-			activeCarts: e,
-			pendingApproval: t,
-			rejectedCarts: 0,
-			totalRevenue: 0,
-			averageRating: Number(n.toFixed(1)),
-			complianceRate: 0,
-			newApplications: t
-		};
-	}, [L]), z = o(() => {
-		let e = [...L];
-		if (F.searchQuery) {
-			let t = F.searchQuery.toLowerCase();
-			e = e.filter((e) => e.name.toLowerCase().includes(t) || e.ownerName.toLowerCase().includes(t) || e.description.toLowerCase().includes(t) || e.address.toLowerCase().includes(t));
+var x = {
+	verified: {
+		label: "Verified",
+		cls: "bg-status-success-bg-subtle text-status-success-text"
+	},
+	pending: {
+		label: "Pending",
+		cls: "bg-status-warning-bg-subtle text-status-warning-text"
+	},
+	inactive: {
+		label: "Inactive",
+		cls: "bg-bg-sunken text-text-secondary"
+	}
+};
+function S() {
+	let { data: S = [], isLoading: ce } = r(), C = ee(), [w, T] = c(null), E = (e, t) => {
+		T({
+			text: e,
+			type: t
+		}), setTimeout(() => T(null), 3500);
+	}, [D, O] = c("all"), [k, A] = c(""), [j, M] = c(""), [N, P] = c("recent"), [F, I] = c(null), [L, R] = c(null), [z, B] = c("approve"), [V, H] = c(!1), [U, W] = c(""), G = s(() => S.map(se), [S]), K = s(() => ({
+		all: G.length,
+		verified: G.filter((e) => e.status === "verified").length,
+		pending: G.filter((e) => e.status === "pending").length,
+		inactive: G.filter((e) => e.status === "inactive").length
+	}), [G]), q = s(() => {
+		let e = G.filter((e) => e.rating > 0);
+		return e.length === 0 ? 0 : e.reduce((e, t) => e + t.rating, 0) / e.length;
+	}, [G]), le = s(() => Array.from(new Set(G.map((e) => e.category))).sort(), [G]), J = s(() => {
+		let e = [...G];
+		if (D !== "all" && (e = e.filter((e) => e.status === D)), j && (e = e.filter((e) => e.category === j)), k) {
+			let t = k.toLowerCase();
+			e = e.filter((e) => e.name.toLowerCase().includes(t) || e.category.toLowerCase().includes(t) || e.address.toLowerCase().includes(t));
 		}
-		switch (F.status && (F.status === "active" && (e = e.filter((e) => e.isActive)), F.status === "inactive" && (e = e.filter((e) => !e.isActive))), F.verificationStatus && (F.verificationStatus === "verified" && (e = e.filter((e) => e.isVerified)), F.verificationStatus === "pending" && (e = e.filter((e) => !e.isVerified && e.inspectionStatus !== "failed")), F.verificationStatus === "rejected" && (e = e.filter((e) => e.inspectionStatus === "failed"))), F.category && (e = e.filter((e) => e.category === F.category)), F.location && (e = e.filter((e) => e.city.toLowerCase().includes(F.location.toLowerCase()))), F.sortBy) {
+		switch (N) {
 			case "name":
 				e.sort((e, t) => e.name.localeCompare(t.name));
 				break;
 			case "rating":
 				e.sort((e, t) => t.rating - e.rating);
 				break;
-			case "revenue":
-				e.sort((e, t) => t.monthlyRevenue - e.monthlyRevenue);
+			case "value":
+				e.sort((e, t) => t.avgOrderValue - e.avgOrderValue);
 				break;
-			case "compliance":
-				e.sort((e, t) => t.complianceScore - e.complianceScore);
-				break;
-			default: e.sort((e, t) => new Date(t.applicationDate).getTime() - new Date(e.applicationDate).getTime());
+			default: e.sort((e, t) => new Date(t.createdAt).getTime() - new Date(e.createdAt).getTime());
 		}
 		return e;
-	}, [L, F]), B = (e, t) => {
-		I((n) => ({
-			...n,
-			[e]: t
-		}));
-	}, V = (e, t) => {
-		O(e), M(t), P(""), A(!0);
-	}, H = () => {
-		if (!D) return;
-		let e = "";
-		switch (j) {
-			case "approve":
-				e = `Cart "${D.name}" approved successfully`;
-				break;
-			case "reject":
-				if (!N.trim()) {
-					alert("Please provide a rejection reason");
-					return;
-				}
-				e = `Cart "${D.name}" rejected`;
-				break;
-			case "suspend":
-				e = `Cart "${D.name}" suspended`;
-				break;
-			case "inspect":
-				e = `Inspection scheduled for "${D.name}"`;
-				break;
-		}
-		alert(e), A(!1), P("");
-	}, U = (e) => new Date(e).toLocaleDateString("en-IN", {
+	}, [
+		G,
+		D,
+		j,
+		k,
+		N
+	]), Y = (e) => te(e, { minimumFractionDigits: 0 }), ue = (e) => new Date(e).toLocaleDateString("en-IN", {
 		year: "numeric",
 		month: "short",
 		day: "numeric"
-	}), W = (e) => e.isVerified ? /* @__PURE__ */ y("span", {
-		className: "inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium bg-status-success-bg-subtle text-status-success-text",
-		children: "Verified"
-	}) : e.inspectionStatus === "pending" ? /* @__PURE__ */ y("span", {
-		className: "inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium bg-status-warning-bg-subtle text-status-warning-text",
-		children: "Pending Review"
-	}) : e.inspectionStatus === "scheduled" ? /* @__PURE__ */ y("span", {
-		className: "inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium bg-[var(--color-accent-soft)] text-text-primary",
-		children: "Inspection Scheduled"
-	}) : e.inspectionStatus === "failed" ? /* @__PURE__ */ y("span", {
-		className: "inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium bg-status-error-bg-subtle text-status-error-text",
-		children: "Rejected"
-	}) : /* @__PURE__ */ y("span", {
-		className: "inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium bg-bg-sunken text-text-secondary",
-		children: "Under Review"
-	}), G = (e) => e ? /* @__PURE__ */ y("span", {
-		className: "inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium bg-status-success-bg-subtle text-status-success-text",
-		children: "Active"
-	}) : /* @__PURE__ */ y("span", {
-		className: "inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium bg-bg-sunken text-text-secondary",
-		children: "Inactive"
-	}), K = (e) => /* @__PURE__ */ y("div", {
-		className: "w-full bg-bg-sunken rounded-full h-2",
-		children: /* @__PURE__ */ y("div", {
-			className: t("h-2 rounded-full", e >= 80 ? "bg-status-success-text" : e >= 60 ? "bg-status-warning-text" : "bg-status-error-text"),
-			style: { width: `${e}%` }
-		})
+	}), X = (e, t) => {
+		R(e), B(t), W(""), H(!0);
+	}, de = () => {
+		if (!L) return;
+		if (z === "reject" && !U.trim()) {
+			E("Please provide a rejection reason", "error");
+			return;
+		}
+		let e = z === "approve" ? "VERIFIED" : z === "reject" ? "ARCHIVED" : "SUSPENDED";
+		C.mutate({
+			id: L.id,
+			input: { status: e }
+		}, {
+			onSuccess: () => {
+				let e = z === "approve" ? "approved & verified" : z === "reject" ? "rejected" : "suspended";
+				E(`"${L.name}" ${e}.`, "success"), H(!1), W("");
+			},
+			onError: () => E(`Could not ${z} "${L.name}". Please try again.`, "error")
+		});
+	}, Z = ({ status: t }) => /* @__PURE__ */ v("span", {
+		className: e("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium", x[t].cls),
+		children: x[t].label
+	}), Q = ({ m: t, compact: n }) => /* @__PURE__ */ y("div", {
+		className: e("flex gap-2", n ? "flex-wrap" : "items-center justify-end"),
+		children: [!t.isVerified && /* @__PURE__ */ v("button", {
+			type: "button",
+			onClick: () => X(t, "approve"),
+			className: "rounded-lg bg-action-primary-bg px-3 py-1.5 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg-hover",
+			children: "Approve"
+		}), t.status !== "inactive" && /* @__PURE__ */ v("button", {
+			type: "button",
+			onClick: () => X(t, "suspend"),
+			className: "rounded-lg border border-border-default px-3 py-1.5 text-sm font-medium text-status-error-text transition-colors hover:bg-status-error-bg-subtle",
+			children: "Suspend"
+		})]
+	}), $ = ({ m: e }) => /* @__PURE__ */ y("div", {
+		className: "rounded-lg border border-border-subtle bg-bg-sunken/40 p-4",
+		children: [/* @__PURE__ */ y("div", {
+			className: "grid grid-cols-1 gap-6 md:grid-cols-2",
+			children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("h4", {
+				className: "mb-3 text-sm font-semibold text-text-primary",
+				children: "Business Details"
+			}), /* @__PURE__ */ y("dl", {
+				className: "space-y-2 text-sm",
+				children: [
+					/* @__PURE__ */ y("div", {
+						className: "flex gap-2",
+						children: [/* @__PURE__ */ v("dt", {
+							className: "w-28 shrink-0 text-text-secondary",
+							children: "Merchant"
+						}), /* @__PURE__ */ v("dd", {
+							className: "font-medium text-text-primary",
+							children: e.name
+						})]
+					}),
+					/* @__PURE__ */ y("div", {
+						className: "flex gap-2",
+						children: [/* @__PURE__ */ v("dt", {
+							className: "w-28 shrink-0 text-text-secondary",
+							children: "Category"
+						}), /* @__PURE__ */ v("dd", {
+							className: "text-text-primary",
+							children: b(e.category)
+						})]
+					}),
+					e.address && /* @__PURE__ */ y("div", {
+						className: "flex gap-2",
+						children: [/* @__PURE__ */ v("dt", {
+							className: "w-28 shrink-0 text-text-secondary",
+							children: "Address"
+						}), /* @__PURE__ */ y("dd", {
+							className: "flex items-start gap-1 text-text-primary",
+							children: [/* @__PURE__ */ v(ie, { className: "mt-0.5 h-3.5 w-3.5 shrink-0 text-text-secondary" }), e.address]
+						})]
+					}),
+					/* @__PURE__ */ y("div", {
+						className: "flex gap-2",
+						children: [/* @__PURE__ */ v("dt", {
+							className: "w-28 shrink-0 text-text-secondary",
+							children: "Applied"
+						}), /* @__PURE__ */ y("dd", {
+							className: "flex items-center gap-1 text-text-primary",
+							children: [/* @__PURE__ */ v(u, { className: "h-3.5 w-3.5 text-text-secondary" }), ue(e.createdAt)]
+						})]
+					}),
+					e.ownerId && /* @__PURE__ */ y("div", {
+						className: "flex gap-2",
+						children: [/* @__PURE__ */ v("dt", {
+							className: "w-28 shrink-0 text-text-secondary",
+							children: "Owner ID"
+						}), /* @__PURE__ */ v("dd", {
+							className: "truncate font-mono text-xs text-text-primary",
+							children: e.ownerId
+						})]
+					})
+				]
+			})] }), /* @__PURE__ */ y("div", { children: [
+				/* @__PURE__ */ v("h4", {
+					className: "mb-3 text-sm font-semibold text-text-primary",
+					children: "Performance"
+				}),
+				/* @__PURE__ */ y("div", {
+					className: "grid grid-cols-2 gap-3",
+					children: [/* @__PURE__ */ y("div", {
+						className: "rounded-lg border border-border-subtle bg-bg-surface p-3",
+						children: [
+							/* @__PURE__ */ v("p", {
+								className: "text-xs text-text-secondary",
+								children: "Rating"
+							}),
+							/* @__PURE__ */ y("p", {
+								className: "flex items-center gap-1 text-lg font-bold text-text-primary",
+								children: [/* @__PURE__ */ v(h, { className: "h-4 w-4 fill-status-warning-text text-status-warning-text" }), e.rating > 0 ? e.rating.toFixed(1) : "—"]
+							}),
+							/* @__PURE__ */ y("p", {
+								className: "text-xs text-text-secondary",
+								children: [e.reviewCount, " reviews"]
+							})
+						]
+					}), /* @__PURE__ */ y("div", {
+						className: "rounded-lg border border-border-subtle bg-bg-surface p-3",
+						children: [/* @__PURE__ */ v("p", {
+							className: "text-xs text-text-secondary",
+							children: "Avg Order Value"
+						}), /* @__PURE__ */ y("p", {
+							className: "flex items-center gap-0.5 text-lg font-bold text-text-primary",
+							children: [/* @__PURE__ */ v(p, { className: "h-3.5 w-3.5" }), e.avgOrderValue > 0 ? e.avgOrderValue.toLocaleString("en-IN") : "—"]
+						})]
+					})]
+				}),
+				e.serviceTypes.length > 0 && /* @__PURE__ */ v("div", {
+					className: "mt-3 flex flex-wrap gap-1.5",
+					children: e.serviceTypes.map((e) => /* @__PURE__ */ v("span", {
+						className: "rounded-full bg-bg-surface px-2 py-0.5 text-xs text-text-secondary",
+						children: b(e)
+					}, e))
+				})
+			] })]
+		}), /* @__PURE__ */ y("div", {
+			className: "mt-4 flex flex-col items-start justify-between gap-3 border-t border-border-subtle pt-4 sm:flex-row sm:items-center",
+			children: [/* @__PURE__ */ y("p", {
+				className: "flex items-center gap-1.5 text-xs text-text-muted",
+				children: [/* @__PURE__ */ v(ne, { className: "h-3.5 w-3.5" }), "Verification documents are not stored on the platform yet."]
+			}), /* @__PURE__ */ y("div", {
+				className: "flex flex-wrap gap-2",
+				children: [
+					!e.isVerified && /* @__PURE__ */ v("button", {
+						type: "button",
+						onClick: () => X(e, "reject"),
+						className: "rounded-lg border border-status-error-text/40 px-3 py-1.5 text-sm font-medium text-status-error-text transition-colors hover:bg-status-error-bg-subtle",
+						children: "Reject"
+					}),
+					!e.isVerified && /* @__PURE__ */ v("button", {
+						type: "button",
+						onClick: () => X(e, "approve"),
+						className: "rounded-lg bg-action-primary-bg px-3 py-1.5 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg-hover",
+						children: "Approve Merchant"
+					}),
+					e.status !== "inactive" && /* @__PURE__ */ v("button", {
+						type: "button",
+						onClick: () => X(e, "suspend"),
+						className: "rounded-lg border border-border-default px-3 py-1.5 text-sm font-medium text-status-error-text transition-colors hover:bg-status-error-bg-subtle",
+						children: "Suspend"
+					})
+				]
+			})]
+		})]
 	});
-	return E ? /* @__PURE__ */ y(n, {
-		title: "Cart Management",
-		description: "Loading carts...",
-		children: /* @__PURE__ */ b("div", {
+	return ce ? /* @__PURE__ */ v(t, {
+		title: "Merchants",
+		description: "Loading merchants...",
+		children: /* @__PURE__ */ y("div", {
 			className: "flex flex-col items-center justify-center py-20",
-			children: [/* @__PURE__ */ y(d, { className: "h-10 w-10 animate-spin text-text-secondary mb-4" }), /* @__PURE__ */ y("p", {
+			children: [/* @__PURE__ */ v(re, { className: "mb-4 h-10 w-10 animate-spin text-text-secondary" }), /* @__PURE__ */ v("p", {
 				className: "text-text-secondary",
-				children: "Loading carts..."
+				children: "Loading merchants..."
 			})]
 		})
-	}) : /* @__PURE__ */ b(n, {
-		title: "Cart Management",
-		description: `${R.totalCarts} service providers on the platform`,
-		actions: /* @__PURE__ */ b("span", {
-			className: "text-sm text-text-secondary",
-			children: [R.pendingApproval, " pending approval"]
-		}),
+	}) : /* @__PURE__ */ y(t, {
+		title: "Merchants",
+		description: `${K.all} merchants on the platform · ${K.pending} awaiting review`,
 		children: [
-			/* @__PURE__ */ y(S, {
+			/* @__PURE__ */ v(oe, {
 				className: "mb-6",
-				children: "Where you onboard and oversee every cart (service provider) on Kadaikodi. Use this page to approve or reject new applications, verify legitimate businesses, suspend ones that break the rules, and keep an eye on each cart's performance and ratings — so customers only ever see trustworthy, active providers. Filter and search to zero in on what needs your attention."
+				children: "Onboard and oversee every merchant (cart) on Kadaikodi. Approve and verify legitimate businesses, suspend ones that break the rules, and keep an eye on ratings and performance — so customers only ever see trustworthy, active merchants."
 			}),
-			/* @__PURE__ */ b(x, {
-				className: "mb-6",
-				children: [/* @__PURE__ */ y("h2", {
-					className: "mb-4 text-lg font-semibold text-text-primary",
-					children: "Provider Overview"
-				}), /* @__PURE__ */ y("div", {
-					className: "grid grid-cols-2 sm:grid-cols-4 lg:grid-cols-8 gap-3",
-					children: [
-						{
-							label: "Total Carts",
-							value: R.totalCarts,
-							cls: ""
-						},
-						{
-							label: "Active",
-							value: R.activeCarts,
-							cls: "bg-status-success-bg-subtle border-status-success-text/30"
-						},
-						{
-							label: "Pending",
-							value: R.pendingApproval,
-							cls: "bg-status-warning-bg-subtle border-status-warning-text/30"
-						},
-						{
-							label: "Rejected",
-							value: R.rejectedCarts,
-							cls: "bg-status-error-bg-subtle border-status-error-text/30"
-						},
-						{
-							label: "Total Revenue",
-							value: a(R.totalRevenue, { minimumFractionDigits: 0 }),
-							cls: "col-span-2 min-w-fit"
-						},
-						{
-							label: "Avg Rating",
-							value: `${R.averageRating}`,
-							cls: ""
-						},
-						{
-							label: "New Apps",
-							value: R.newApplications,
-							cls: "bg-[var(--color-accent-soft)] border-border-focus/30"
-						}
-					].map((e) => /* @__PURE__ */ b("div", {
-						className: t("rounded-lg border border-border-subtle bg-bg-surface p-3", e.cls),
-						children: [/* @__PURE__ */ y("p", {
-							className: "text-xs text-text-secondary",
-							children: e.label
-						}), /* @__PURE__ */ y("p", {
-							className: "text-lg font-bold text-text-primary",
-							children: e.value
-						})]
-					}, e.label))
+			w && /* @__PURE__ */ y("div", {
+				className: e("mb-6 flex items-center gap-2 rounded-lg border p-3", w.type === "success" ? "border-status-success-text/30 bg-status-success-bg-subtle" : "border-status-error-text/30 bg-status-error-bg-subtle"),
+				children: [w.type === "success" ? /* @__PURE__ */ v(d, { className: "h-4 w-4 text-status-success-text" }) : /* @__PURE__ */ v(l, { className: "h-4 w-4 text-status-error-text" }), /* @__PURE__ */ v("span", {
+					className: e("text-sm font-medium", w.type === "success" ? "text-status-success-text" : "text-status-error-text"),
+					children: w.text
 				})]
 			}),
 			/* @__PURE__ */ y("div", {
-				className: "rounded-lg border border-border-subtle bg-bg-surface p-4 mb-6",
-				children: /* @__PURE__ */ b("div", {
-					className: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-3",
+				className: "mb-6 grid grid-cols-2 gap-4 lg:grid-cols-4",
+				children: [
+					/* @__PURE__ */ v(i, {
+						label: "Total Merchants",
+						value: K.all.toLocaleString("en-IN"),
+						icon: /* @__PURE__ */ v(g, { className: "h-4 w-4" })
+					}),
+					/* @__PURE__ */ v(i, {
+						label: "Pending Review",
+						value: K.pending.toLocaleString("en-IN"),
+						icon: /* @__PURE__ */ v(l, { className: "h-4 w-4" })
+					}),
+					/* @__PURE__ */ v(i, {
+						label: "Verified",
+						value: K.verified.toLocaleString("en-IN"),
+						icon: /* @__PURE__ */ v(d, { className: "h-4 w-4" })
+					}),
+					/* @__PURE__ */ v(i, {
+						label: "Avg Rating",
+						value: q > 0 ? q.toFixed(1) : "—",
+						icon: /* @__PURE__ */ v(h, { className: "h-4 w-4" })
+					})
+				]
+			}),
+			/* @__PURE__ */ y("div", {
+				className: "mb-6 flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between",
+				children: [/* @__PURE__ */ v("div", {
+					className: "overflow-x-auto",
+					children: /* @__PURE__ */ v(a, {
+						"aria-label": "Filter merchants by status",
+						value: D,
+						onChange: (e) => O(e),
+						tabs: [
+							{
+								id: "all",
+								label: "All",
+								count: K.all
+							},
+							{
+								id: "pending",
+								label: "Pending",
+								count: K.pending
+							},
+							{
+								id: "verified",
+								label: "Verified",
+								count: K.verified
+							},
+							{
+								id: "inactive",
+								label: "Inactive",
+								count: K.inactive
+							}
+						]
+					})
+				}), /* @__PURE__ */ y("div", {
+					className: "flex flex-col gap-3 sm:flex-row",
 					children: [
-						/* @__PURE__ */ b("div", {
+						/* @__PURE__ */ y("div", {
 							className: "relative",
-							children: [/* @__PURE__ */ y(p, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ y("input", {
+							children: [/* @__PURE__ */ v(m, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ v("input", {
 								type: "text",
-								placeholder: "Search carts...",
-								value: F.searchQuery,
-								onChange: (e) => B("searchQuery", e.target.value),
-								className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 pl-10 pr-4 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
+								placeholder: "Search merchants...",
+								value: k,
+								onChange: (e) => A(e.target.value),
+								className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 pl-10 pr-4 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] sm:w-64"
 							})]
 						}),
-						/* @__PURE__ */ b("select", {
-							value: F.status,
-							onChange: (e) => B("status", e.target.value),
-							className: "rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
-							children: [
-								/* @__PURE__ */ y("option", {
-									value: "",
-									children: "All Status"
-								}),
-								/* @__PURE__ */ y("option", {
-									value: "active",
-									children: "Active"
-								}),
-								/* @__PURE__ */ y("option", {
-									value: "inactive",
-									children: "Inactive"
-								})
-							]
-						}),
-						/* @__PURE__ */ b("select", {
-							value: F.verificationStatus,
-							onChange: (e) => B("verificationStatus", e.target.value),
-							className: "rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
-							children: [
-								/* @__PURE__ */ y("option", {
-									value: "",
-									children: "All Verification"
-								}),
-								/* @__PURE__ */ y("option", {
-									value: "verified",
-									children: "Verified"
-								}),
-								/* @__PURE__ */ y("option", {
-									value: "pending",
-									children: "Pending"
-								}),
-								/* @__PURE__ */ y("option", {
-									value: "rejected",
-									children: "Rejected"
-								})
-							]
+						/* @__PURE__ */ y("select", {
+							value: j,
+							onChange: (e) => M(e.target.value),
+							className: "rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
+							children: [/* @__PURE__ */ v("option", {
+								value: "",
+								children: "All Categories"
+							}), le.map((e) => /* @__PURE__ */ v("option", {
+								value: e,
+								children: b(e)
+							}, e))]
 						}),
-						/* @__PURE__ */ b("select", {
-							value: F.category,
-							onChange: (e) => B("category", e.target.value),
-							className: "rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
+						/* @__PURE__ */ y("select", {
+							value: N,
+							onChange: (e) => P(e.target.value),
+							className: "rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 							children: [
-								/* @__PURE__ */ y("option", {
-									value: "",
-									children: "All Categories"
-								}),
-								/* @__PURE__ */ y("option", {
-									value: "Food & Beverage",
-									children: "Food & Beverage"
-								}),
-								/* @__PURE__ */ y("option", {
-									value: "Beverages",
-									children: "Beverages"
-								}),
-								/* @__PURE__ */ y("option", {
-									value: "Street Food",
-									children: "Street Food"
-								}),
-								/* @__PURE__ */ y("option", {
-									value: "Fast Food",
-									children: "Fast Food"
-								})
-							]
-						}),
-						/* @__PURE__ */ y("input", {
-							type: "text",
-							placeholder: "Location...",
-							value: F.location,
-							onChange: (e) => B("location", e.target.value),
-							className: "rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
-						}),
-						/* @__PURE__ */ b("select", {
-							value: F.sortBy,
-							onChange: (e) => B("sortBy", e.target.value),
-							className: "rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
-							children: [
-								/* @__PURE__ */ y("option", {
+								/* @__PURE__ */ v("option", {
 									value: "recent",
 									children: "Most Recent"
 								}),
-								/* @__PURE__ */ y("option", {
+								/* @__PURE__ */ v("option", {
 									value: "name",
-									children: "Name A-Z"
+									children: "Name A–Z"
 								}),
-								/* @__PURE__ */ y("option", {
+								/* @__PURE__ */ v("option", {
 									value: "rating",
 									children: "Highest Rated"
 								}),
-								/* @__PURE__ */ y("option", {
-									value: "revenue",
-									children: "Highest Revenue"
-								}),
-								/* @__PURE__ */ y("option", {
-									value: "compliance",
-									children: "Best Compliance"
+								/* @__PURE__ */ v("option", {
+									value: "value",
+									children: "Highest Avg Order"
 								})
 							]
 						})
 					]
-				})
+				})]
 			}),
-			/* @__PURE__ */ b("div", {
-				className: "rounded-lg border border-border-subtle bg-bg-surface overflow-hidden",
-				children: [
-					/* @__PURE__ */ y("div", {
-						className: "block md:hidden space-y-4 p-4",
-						children: z.map((e) => /* @__PURE__ */ b("div", {
-							className: "rounded-lg border border-border-subtle bg-bg-sunken/30 p-4",
+			J.length === 0 ? /* @__PURE__ */ v(n, {
+				illustration: "empty-search",
+				title: "No merchants found",
+				description: "No merchants match your current filters. Try clearing the search or switching tabs.",
+				action: /* @__PURE__ */ v("button", {
+					type: "button",
+					onClick: () => {
+						A(""), M(""), O("all");
+					},
+					className: "rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-accent",
+					children: "Clear filters"
+				})
+			}) : /* @__PURE__ */ y(ae, {
+				treatment: "plain",
+				className: "overflow-hidden",
+				children: [/* @__PURE__ */ v("div", {
+					className: "hidden overflow-x-auto md:block",
+					children: /* @__PURE__ */ y("table", {
+						className: "w-full",
+						children: [/* @__PURE__ */ v("thead", { children: /* @__PURE__ */ y("tr", {
+							className: "border-b border-border-subtle bg-bg-sunken/50",
 							children: [
-								/* @__PURE__ */ b("div", {
-									className: "flex items-center mb-3",
-									children: [/* @__PURE__ */ y("div", {
-										className: "w-16 h-16 rounded-lg bg-bg-sunken flex items-center justify-center mr-3 shrink-0",
-										children: /* @__PURE__ */ y(h, { className: "h-7 w-7 text-text-secondary" })
-									}), /* @__PURE__ */ b("div", {
-										className: "flex-1 min-w-0",
-										children: [
-											/* @__PURE__ */ y("h3", {
-												className: "font-medium text-text-primary text-lg truncate",
-												children: e.name
-											}),
-											/* @__PURE__ */ y("p", {
-												className: "text-sm text-text-secondary truncate",
-												children: e.category
-											}),
-											/* @__PURE__ */ y("p", {
-												className: "text-sm text-text-secondary truncate",
-												children: e.address
-											})
-										]
-									})]
+								/* @__PURE__ */ v("th", {
+									className: "px-4 py-3 text-left text-xs font-medium uppercase tracking-wider text-text-secondary",
+									children: "Merchant"
 								}),
-								/* @__PURE__ */ b("div", {
-									className: "grid grid-cols-2 gap-4 mb-3 text-sm",
-									children: [/* @__PURE__ */ b("div", { children: [
-										/* @__PURE__ */ y("p", {
-											className: "text-text-secondary font-medium",
-											children: "Owner"
-										}),
-										/* @__PURE__ */ y("p", {
-											className: "text-text-primary",
-											children: e.ownerName
-										}),
-										/* @__PURE__ */ y("p", {
-											className: "text-text-secondary text-xs",
-											children: e.ownerPhone
-										})
-									] }), /* @__PURE__ */ b("div", { children: [
-										/* @__PURE__ */ y("p", {
-											className: "text-text-secondary font-medium",
-											children: "Performance"
-										}),
-										/* @__PURE__ */ b("p", {
-											className: "text-text-primary",
-											children: [a(e.monthlyRevenue, { minimumFractionDigits: 0 }), "/mo"]
-										}),
-										/* @__PURE__ */ b("p", {
-											className: "text-text-secondary text-xs",
-											children: [e.monthlyOrders, " orders"]
-										})
-									] })]
+								/* @__PURE__ */ v("th", {
+									className: "px-4 py-3 text-left text-xs font-medium uppercase tracking-wider text-text-secondary",
+									children: "Category"
 								}),
-								/* @__PURE__ */ b("div", {
-									className: "flex flex-wrap gap-2 mb-3",
-									children: [
-										G(e.isActive),
-										W(e),
-										e.rating > 0 && /* @__PURE__ */ b("span", {
-											className: "inline-flex items-center gap-1 rounded-full px-2.5 py-0.5 text-xs font-medium bg-status-warning-bg-subtle text-status-warning-text",
-											children: [
-												/* @__PURE__ */ y(m, { className: "h-3 w-3 fill-current" }),
-												e.rating,
-												" (",
-												e.reviewCount,
-												")"
-											]
-										})
-									]
+								/* @__PURE__ */ v("th", {
+									className: "px-4 py-3 text-left text-xs font-medium uppercase tracking-wider text-text-secondary",
+									children: "Status"
 								}),
-								/* @__PURE__ */ b("div", {
-									className: "mb-3",
-									children: [
-										/* @__PURE__ */ b("div", {
-											className: "flex items-center justify-between text-sm mb-1",
-											children: [/* @__PURE__ */ y("span", {
-												className: "text-text-secondary",
-												children: "Compliance"
-											}), /* @__PURE__ */ b("span", {
-												className: "font-medium text-text-primary",
-												children: [e.complianceScore, "%"]
-											})]
-										}),
-										K(e.complianceScore),
-										/* @__PURE__ */ b("p", {
-											className: "text-xs text-text-secondary mt-1",
-											children: [
-												"Docs: ",
-												e.documentsSubmitted,
-												"/",
-												e.documentsRequired,
-												" • Applied:",
-												" ",
-												U(e.applicationDate)
-											]
-										})
-									]
+								/* @__PURE__ */ v("th", {
+									className: "px-4 py-3 text-left text-xs font-medium uppercase tracking-wider text-text-secondary",
+									children: "Rating"
 								}),
-								/* @__PURE__ */ b("div", {
-									className: "flex flex-wrap gap-2",
-									children: [
-										/* @__PURE__ */ y("button", {
-											type: "button",
-											onClick: () => V(e, "view"),
-											className: "flex-1 rounded-lg border border-border-subtle px-3 py-1.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
-											children: "View Details"
-										}),
-										!e.isVerified && e.inspectionStatus !== "failed" && /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y("button", {
-											type: "button",
-											onClick: () => V(e, "approve"),
-											className: "rounded-lg bg-action-primary-bg px-3 py-1.5 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors",
-											children: "Approve"
-										}), /* @__PURE__ */ y("button", {
-											type: "button",
-											onClick: () => V(e, "reject"),
-											className: "rounded-lg border border-border-subtle px-3 py-1.5 text-sm font-medium text-status-error-text hover:bg-status-error-bg-subtle transition-colors",
-											children: "Reject"
-										})] }),
-										e.inspectionStatus === "pending" && /* @__PURE__ */ y("button", {
-											type: "button",
-											onClick: () => V(e, "inspect"),
-											className: "rounded-lg border border-border-subtle px-3 py-1.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
-											children: "Inspect"
-										}),
-										e.isActive && /* @__PURE__ */ y("button", {
-											type: "button",
-											onClick: () => V(e, "suspend"),
-											className: "rounded-lg border border-border-subtle px-3 py-1.5 text-sm font-medium text-status-error-text hover:bg-status-error-bg-subtle transition-colors",
-											children: "Suspend"
-										})
-									]
+								/* @__PURE__ */ v("th", {
+									className: "px-4 py-3 text-left text-xs font-medium uppercase tracking-wider text-text-secondary",
+									children: "Avg Order"
+								}),
+								/* @__PURE__ */ v("th", {
+									className: "px-4 py-3 text-right text-xs font-medium uppercase tracking-wider text-text-secondary",
+									children: "Actions"
 								})
 							]
-						}, e.id))
-					}),
-					/* @__PURE__ */ y("div", {
-						className: "hidden md:block overflow-x-auto",
-						children: /* @__PURE__ */ b("table", {
-							className: "w-full",
-							children: [/* @__PURE__ */ y("thead", { children: /* @__PURE__ */ b("tr", {
-								className: "border-b border-border-subtle bg-bg-sunken/50",
-								children: [
-									/* @__PURE__ */ y("th", {
-										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
-										children: "Cart"
-									}),
-									/* @__PURE__ */ y("th", {
-										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
-										children: "Owner"
-									}),
-									/* @__PURE__ */ y("th", {
-										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
-										children: "Status"
-									}),
-									/* @__PURE__ */ y("th", {
-										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
-										children: "Performance"
-									}),
-									/* @__PURE__ */ y("th", {
-										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
-										children: "Compliance"
-									}),
-									/* @__PURE__ */ y("th", {
-										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
-										children: "Actions"
-									})
-								]
-							}) }), /* @__PURE__ */ y("tbody", {
-								className: "divide-y divide-border",
-								children: z.map((e) => /* @__PURE__ */ b("tr", {
-									className: "hover:bg-accent/50 transition-colors",
+						}) }), /* @__PURE__ */ v("tbody", {
+							className: "divide-y divide-border",
+							children: J.map((t) => {
+								let n = F === t.id;
+								return /* @__PURE__ */ y(o, { children: [/* @__PURE__ */ y("tr", {
+									className: "transition-colors hover:bg-accent/50",
 									children: [
-										/* @__PURE__ */ y("td", {
+										/* @__PURE__ */ v("td", {
 											className: "px-4 py-3",
-											children: /* @__PURE__ */ b("div", {
-												className: "flex items-center gap-3",
-												children: [/* @__PURE__ */ y("div", {
-													className: "w-12 h-12 rounded-lg bg-bg-sunken flex items-center justify-center shrink-0",
-													children: /* @__PURE__ */ y(h, { className: "h-5 w-5 text-text-secondary" })
-												}), /* @__PURE__ */ b("div", {
-													className: "min-w-0",
-													children: [
-														/* @__PURE__ */ y("p", {
-															className: "text-sm font-medium text-text-primary truncate",
-															children: e.name
-														}),
-														/* @__PURE__ */ y("p", {
-															className: "text-xs text-text-secondary truncate",
-															children: e.category
-														}),
-														/* @__PURE__ */ y("p", {
-															className: "text-xs text-text-secondary truncate",
-															children: e.address
-														})
-													]
-												})]
+											children: /* @__PURE__ */ y("button", {
+												type: "button",
+												onClick: () => I(n ? null : t.id),
+												className: "flex items-center gap-3 text-left",
+												children: [
+													/* @__PURE__ */ v(f, { className: e("h-4 w-4 shrink-0 text-text-secondary transition-transform", n && "rotate-180") }),
+													/* @__PURE__ */ v("div", {
+														className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-bg-sunken text-text-secondary",
+														children: /* @__PURE__ */ v(g, { className: "h-5 w-5" })
+													}),
+													/* @__PURE__ */ y("div", {
+														className: "min-w-0",
+														children: [/* @__PURE__ */ v("p", {
+															className: "truncate text-sm font-medium text-text-primary",
+															children: t.name
+														}), t.address && /* @__PURE__ */ v("p", {
+															className: "truncate text-xs text-text-secondary",
+															children: t.address
+														})]
+													})
+												]
 											})
 										}),
-										/* @__PURE__ */ b("td", {
-											className: "px-4 py-3 text-sm",
-											children: [
-												/* @__PURE__ */ y("p", {
-													className: "font-medium text-text-primary",
-													children: e.ownerName
-												}),
-												/* @__PURE__ */ y("p", {
-													className: "text-xs text-text-secondary",
-													children: e.ownerEmail
-												}),
-												/* @__PURE__ */ y("p", {
-													className: "text-xs text-text-secondary",
-													children: e.ownerPhone
-												})
-											]
+										/* @__PURE__ */ v("td", {
+											className: "px-4 py-3 text-sm text-text-secondary",
+											children: b(t.category)
 										}),
-										/* @__PURE__ */ y("td", {
+										/* @__PURE__ */ v("td", {
 											className: "px-4 py-3",
-											children: /* @__PURE__ */ b("div", {
-												className: "space-y-1",
+											children: /* @__PURE__ */ v(Z, { status: t.status })
+										}),
+										/* @__PURE__ */ v("td", {
+											className: "px-4 py-3 text-sm",
+											children: t.rating > 0 ? /* @__PURE__ */ y("span", {
+												className: "flex items-center gap-1 text-text-primary",
 												children: [
-													G(e.isActive),
-													/* @__PURE__ */ y("br", {}),
-													W(e),
-													e.rating > 0 && /* @__PURE__ */ b("div", {
-														className: "text-sm flex items-center gap-1 mt-1",
+													/* @__PURE__ */ v(h, { className: "h-3.5 w-3.5 fill-status-warning-text text-status-warning-text" }),
+													t.rating.toFixed(1),
+													/* @__PURE__ */ y("span", {
+														className: "text-text-secondary",
 														children: [
-															/* @__PURE__ */ y(m, { className: "h-3 w-3 fill-status-warning-text text-status-warning-text" }),
-															e.rating,
-															" ",
-															/* @__PURE__ */ b("span", {
-																className: "text-text-secondary",
-																children: [
-																	"(",
-																	e.reviewCount,
-																	")"
-																]
-															})
+															"(",
+															t.reviewCount,
+															")"
 														]
 													})
 												]
+											}) : /* @__PURE__ */ v("span", {
+												className: "text-text-secondary",
+												children: "—"
 											})
 										}),
-										/* @__PURE__ */ b("td", {
-											className: "px-4 py-3 text-sm",
-											children: [/* @__PURE__ */ b("p", {
-												className: "text-text-primary",
-												children: [a(e.monthlyRevenue, { minimumFractionDigits: 0 }), "/mo"]
-											}), /* @__PURE__ */ b("p", {
-												className: "text-text-secondary",
-												children: [e.monthlyOrders, " orders/mo"]
-											})]
+										/* @__PURE__ */ v("td", {
+											className: "px-4 py-3 text-sm text-text-primary",
+											children: t.avgOrderValue > 0 ? Y(t.avgOrderValue) : "—"
 										}),
-										/* @__PURE__ */ b("td", {
-											className: "px-4 py-3 text-sm",
+										/* @__PURE__ */ v("td", {
+											className: "px-4 py-3",
+											children: /* @__PURE__ */ v(Q, { m: t })
+										})
+									]
+								}), n && /* @__PURE__ */ v("tr", {
+									className: "bg-bg-sunken/20",
+									children: /* @__PURE__ */ v("td", {
+										colSpan: 6,
+										className: "px-4 py-4",
+										children: /* @__PURE__ */ v($, { m: t })
+									})
+								})] }, t.id);
+							})
+						})]
+					})
+				}), /* @__PURE__ */ v("div", {
+					className: "space-y-4 p-4 md:hidden",
+					children: J.map((t) => {
+						let n = F === t.id;
+						return /* @__PURE__ */ y("div", {
+							className: "rounded-lg border border-border-subtle bg-bg-sunken/30 p-4",
+							children: [
+								/* @__PURE__ */ y("div", {
+									className: "mb-3 flex items-start gap-3",
+									children: [/* @__PURE__ */ v("div", {
+										className: "flex h-12 w-12 shrink-0 items-center justify-center rounded-lg bg-bg-sunken text-text-secondary",
+										children: /* @__PURE__ */ v(g, { className: "h-6 w-6" })
+									}), /* @__PURE__ */ y("div", {
+										className: "min-w-0 flex-1",
+										children: [
+											/* @__PURE__ */ v("h3", {
+												className: "truncate font-medium text-text-primary",
+												children: t.name
+											}),
+											/* @__PURE__ */ v("p", {
+												className: "truncate text-sm text-text-secondary",
+												children: b(t.category)
+											}),
+											t.address && /* @__PURE__ */ v("p", {
+												className: "truncate text-xs text-text-secondary",
+												children: t.address
+											})
+										]
+									})]
+								}),
+								/* @__PURE__ */ y("div", {
+									className: "mb-3 flex flex-wrap items-center gap-2",
+									children: [
+										/* @__PURE__ */ v(Z, { status: t.status }),
+										t.rating > 0 && /* @__PURE__ */ y("span", {
+											className: "inline-flex items-center gap-1 rounded-full bg-status-warning-bg-subtle px-2.5 py-0.5 text-xs font-medium text-status-warning-text",
 											children: [
-												/* @__PURE__ */ b("div", {
-													className: "flex items-center gap-2 mb-1",
-													children: [/* @__PURE__ */ y("div", {
-														className: "w-16",
-														children: K(e.complianceScore)
-													}), /* @__PURE__ */ b("span", {
-														className: "font-medium text-text-primary",
-														children: [e.complianceScore, "%"]
-													})]
-												}),
-												/* @__PURE__ */ b("p", {
-													className: "text-xs text-text-secondary",
-													children: [
-														"Docs: ",
-														e.documentsSubmitted,
-														"/",
-														e.documentsRequired
-													]
-												}),
-												/* @__PURE__ */ b("p", {
-													className: "text-xs text-text-secondary",
-													children: ["Applied: ", U(e.applicationDate)]
-												})
+												/* @__PURE__ */ v(h, { className: "h-3 w-3 fill-current" }),
+												t.rating.toFixed(1),
+												" (",
+												t.reviewCount,
+												")"
 											]
 										}),
-										/* @__PURE__ */ y("td", {
-											className: "px-4 py-3",
-											children: /* @__PURE__ */ b("div", {
-												className: "flex flex-col gap-1",
-												children: [
-													/* @__PURE__ */ b("button", {
-														type: "button",
-														onClick: () => V(e, "view"),
-														className: "rounded p-1.5 text-text-secondary hover:text-text-primary hover:bg-accent transition-colors inline-flex items-center gap-1 text-xs",
-														children: [/* @__PURE__ */ y(u, { className: "h-4 w-4" }), " View"]
-													}),
-													!e.isVerified && e.inspectionStatus !== "failed" && /* @__PURE__ */ b("div", {
-														className: "flex gap-1",
-														children: [/* @__PURE__ */ y("button", {
-															type: "button",
-															onClick: () => V(e, "approve"),
-															className: "rounded p-1.5 text-text-secondary hover:text-status-success-text hover:bg-status-success-bg-subtle transition-colors",
-															children: /* @__PURE__ */ y(c, { className: "h-4 w-4" })
-														}), /* @__PURE__ */ y("button", {
-															type: "button",
-															onClick: () => V(e, "reject"),
-															className: "rounded p-1.5 text-text-secondary hover:text-status-error-text hover:bg-status-error-bg-subtle transition-colors",
-															children: /* @__PURE__ */ y(_, { className: "h-4 w-4" })
-														})]
-													}),
-													e.inspectionStatus === "pending" && /* @__PURE__ */ b("button", {
-														type: "button",
-														onClick: () => V(e, "inspect"),
-														className: "rounded p-1.5 text-text-secondary hover:text-text-primary hover:bg-[var(--color-accent-soft)] transition-colors inline-flex items-center gap-1 text-xs",
-														children: [/* @__PURE__ */ y(l, { className: "h-4 w-4" }), " Inspect"]
-													}),
-													e.isActive && /* @__PURE__ */ y("button", {
-														type: "button",
-														onClick: () => V(e, "suspend"),
-														className: "rounded p-1.5 text-text-secondary hover:text-status-error-text hover:bg-status-error-bg-subtle transition-colors",
-														children: /* @__PURE__ */ y(f, { className: "h-4 w-4" })
-													})
-												]
-											})
+										t.avgOrderValue > 0 && /* @__PURE__ */ y("span", {
+											className: "text-xs text-text-secondary",
+											children: ["Avg ", Y(t.avgOrderValue)]
 										})
 									]
-								}, e.id))
-							})]
-						})
-					}),
-					z.length === 0 && /* @__PURE__ */ y(r, {
-						illustration: "empty-search",
-						title: "No carts found",
-						description: "No service providers match your current filters. Try clearing the filters or searching for a different name.",
-						action: /* @__PURE__ */ y("button", {
-							type: "button",
-							onClick: () => I({
-								searchQuery: "",
-								status: "",
-								verificationStatus: "",
-								category: "",
-								location: "",
-								sortBy: "recent"
-							}),
-							className: "rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
-							children: "Clear filters"
-						})
+								}),
+								/* @__PURE__ */ v("div", {
+									className: "mb-3",
+									children: /* @__PURE__ */ v(Q, {
+										m: t,
+										compact: !0
+									})
+								}),
+								/* @__PURE__ */ y("button", {
+									type: "button",
+									onClick: () => I(n ? null : t.id),
+									className: "flex w-full items-center justify-center gap-1 rounded-lg border border-border-subtle py-1.5 text-sm font-medium text-text-primary transition-colors hover:bg-accent",
+									children: [n ? "Hide details" : "View details", /* @__PURE__ */ v(f, { className: e("h-4 w-4 transition-transform", n && "rotate-180") })]
+								}),
+								n && /* @__PURE__ */ v("div", {
+									className: "mt-3",
+									children: /* @__PURE__ */ v($, { m: t })
+								})
+							]
+						}, t.id);
 					})
-				]
+				})]
 			}),
-			k && D && /* @__PURE__ */ y("div", {
+			V && L && /* @__PURE__ */ v("div", {
 				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
-				children: /* @__PURE__ */ b("div", {
-					className: "w-full max-w-2xl rounded-lg border border-border-subtle bg-bg-surface shadow-lg max-h-[90vh] overflow-y-auto",
-					children: [/* @__PURE__ */ b("div", {
-						className: "flex items-center justify-between p-4 border-b border-border-subtle",
-						children: [/* @__PURE__ */ y("h3", {
+				children: /* @__PURE__ */ y("div", {
+					className: "max-h-[90vh] w-full max-w-lg overflow-y-auto rounded-lg border border-border-subtle bg-bg-surface shadow-lg",
+					children: [/* @__PURE__ */ y("div", {
+						className: "flex items-center justify-between border-b border-border-subtle p-4",
+						children: [/* @__PURE__ */ v("h3", {
 							className: "text-lg font-semibold text-text-primary",
-							children: j === "view" ? "Cart Details" : j === "approve" ? "Approve Cart" : j === "reject" ? "Reject Cart" : j === "suspend" ? "Suspend Cart" : "Schedule Inspection"
-						}), /* @__PURE__ */ y("button", {
+							children: z === "approve" ? "Approve Merchant" : z === "reject" ? "Reject Merchant" : "Suspend Merchant"
+						}), /* @__PURE__ */ v("button", {
 							type: "button",
-							onClick: () => A(!1),
-							className: "rounded p-1.5 text-text-secondary hover:text-text-primary hover:bg-accent transition-colors",
-							children: /* @__PURE__ */ y(g, { className: "h-5 w-5" })
+							onClick: () => H(!1),
+							className: "rounded p-1.5 text-text-secondary transition-colors hover:bg-accent hover:text-text-primary",
+							children: /* @__PURE__ */ v(_, { className: "h-5 w-5" })
 						})]
-					}), /* @__PURE__ */ b("div", {
-						className: "p-4 space-y-4",
+					}), /* @__PURE__ */ y("div", {
+						className: "space-y-4 p-4",
 						children: [
-							/* @__PURE__ */ b("div", {
-								className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-								children: [
-									/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
-										className: "text-sm text-text-secondary",
-										children: "Cart Name"
-									}), /* @__PURE__ */ y("p", {
-										className: "font-medium text-text-primary",
-										children: D.name
-									})] }),
-									/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
-										className: "text-sm text-text-secondary",
-										children: "Category"
-									}), /* @__PURE__ */ y("p", {
-										className: "font-medium text-text-primary",
-										children: D.category
-									})] }),
-									/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
-										className: "text-sm text-text-secondary",
-										children: "Owner"
-									}), /* @__PURE__ */ y("p", {
-										className: "font-medium text-text-primary",
-										children: D.ownerName
-									})] }),
-									/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
-										className: "text-sm text-text-secondary",
-										children: "Contact"
-									}), /* @__PURE__ */ y("p", {
-										className: "font-medium text-text-primary",
-										children: D.ownerPhone
-									})] })
-								]
+							/* @__PURE__ */ y("div", {
+								className: "flex items-center gap-3 rounded-lg bg-bg-sunken/50 p-3",
+								children: [/* @__PURE__ */ v("div", {
+									className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-bg-sunken text-text-secondary",
+									children: /* @__PURE__ */ v(g, { className: "h-5 w-5" })
+								}), /* @__PURE__ */ y("div", {
+									className: "min-w-0",
+									children: [/* @__PURE__ */ v("p", {
+										className: "truncate font-medium text-text-primary",
+										children: L.name
+									}), /* @__PURE__ */ v("p", {
+										className: "truncate text-sm text-text-secondary",
+										children: b(L.category)
+									})]
+								})]
 							}),
-							/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
-								className: "text-sm text-text-secondary",
-								children: "Description"
-							}), /* @__PURE__ */ y("p", {
-								className: "font-medium text-text-primary",
-								children: D.description
-							})] }),
-							/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
-								className: "text-sm text-text-secondary",
-								children: "Location"
-							}), /* @__PURE__ */ y("p", {
-								className: "font-medium text-text-primary",
-								children: D.address
-							})] }),
-							/* @__PURE__ */ b("div", {
-								className: "grid grid-cols-1 sm:grid-cols-3 gap-4",
-								children: [
-									/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
-										className: "text-sm text-text-secondary",
-										children: "Compliance Score"
-									}), /* @__PURE__ */ b("p", {
-										className: "font-medium text-text-primary",
-										children: [D.complianceScore, "%"]
-									})] }),
-									/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
-										className: "text-sm text-text-secondary",
-										children: "Documents"
-									}), /* @__PURE__ */ b("p", {
-										className: "font-medium text-text-primary",
-										children: [
-											D.documentsSubmitted,
-											"/",
-											D.documentsRequired
-										]
-									})] }),
-									/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
-										className: "text-sm text-text-secondary",
-										children: "Monthly Revenue"
-									}), /* @__PURE__ */ y("p", {
-										className: "font-medium text-text-primary",
-										children: a(D.monthlyRevenue, { minimumFractionDigits: 0 })
-									})] })
-								]
+							z === "approve" && /* @__PURE__ */ v("div", {
+								className: "rounded-lg border border-status-success-text/30 bg-status-success-bg-subtle p-3",
+								children: /* @__PURE__ */ v("p", {
+									className: "text-sm text-status-success-text",
+									children: "This marks the merchant as verified and active, so customers can start ordering from it."
+								})
 							}),
-							D.rejectionReason && /* @__PURE__ */ b("div", {
-								className: "rounded-lg border border-status-error-text/30 bg-status-error-bg-subtle p-4",
-								children: [/* @__PURE__ */ y("p", {
-									className: "text-sm font-medium text-status-error-text",
-									children: "Previous Rejection Reason:"
-								}), /* @__PURE__ */ y("p", {
-									className: "text-sm text-status-error-text/80",
-									children: D.rejectionReason
-								})]
+							z === "suspend" && /* @__PURE__ */ v("div", {
+								className: "rounded-lg border border-status-error-text/30 bg-status-error-bg-subtle p-3",
+								children: /* @__PURE__ */ v("p", {
+									className: "text-sm text-status-error-text",
+									children: "This suspends the merchant. It will be hidden from customers until reinstated."
+								})
 							}),
-							j === "reject" && /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
-								className: "block text-sm font-medium text-text-primary mb-2",
+							z === "reject" && /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
+								className: "mb-2 block text-sm font-medium text-text-primary",
 								children: "Rejection Reason *"
-							}), /* @__PURE__ */ y("textarea", {
-								className: "w-full rounded-lg border border-border-subtle bg-bg-surface p-3 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] min-h-[100px]",
+							}), /* @__PURE__ */ v("textarea", {
+								className: "min-h-[100px] w-full rounded-lg border border-border-subtle bg-bg-surface p-3 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 								rows: 4,
-								value: N,
-								onChange: (e) => P(e.target.value),
-								placeholder: "Please provide a detailed reason for rejection..."
+								value: U,
+								onChange: (e) => W(e.target.value),
+								placeholder: "Explain why this application is being rejected..."
 							})] }),
-							j === "approve" && /* @__PURE__ */ y("div", {
-								className: "rounded-lg border border-status-success-text/30 bg-status-success-bg-subtle p-4",
-								children: /* @__PURE__ */ y("p", {
-									className: "text-sm text-status-success-text",
-									children: "This will approve the cart for operation on the platform. The cart owner will be notified and the cart will become active."
-								})
-							}),
-							/* @__PURE__ */ b("div", {
+							/* @__PURE__ */ y("div", {
 								className: "flex gap-3 pt-2",
-								children: [/* @__PURE__ */ y("button", {
+								children: [/* @__PURE__ */ v("button", {
 									type: "button",
-									onClick: () => A(!1),
-									className: "flex-1 rounded-lg border border-border-subtle py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
+									onClick: () => H(!1),
+									className: "flex-1 rounded-lg border border-border-subtle py-2 text-sm font-medium text-text-primary transition-colors hover:bg-accent",
 									children: "Cancel"
-								}), j !== "view" && /* @__PURE__ */ y("button", {
+								}), /* @__PURE__ */ v("button", {
 									type: "button",
-									onClick: H,
-									disabled: j === "reject" && !N.trim(),
-									className: "flex-1 rounded-lg bg-action-primary-bg py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
-									children: j === "approve" ? "Approve Cart" : j === "reject" ? "Reject Cart" : j === "suspend" ? "Suspend Cart" : "Schedule Inspection"
+									onClick: de,
+									disabled: C.isPending || z === "reject" && !U.trim(),
+									className: "flex-1 rounded-lg bg-action-primary-bg py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg-hover disabled:cursor-not-allowed disabled:opacity-50",
+									children: C.isPending ? "Working…" : z === "approve" ? "Approve Merchant" : z === "reject" ? "Reject Merchant" : "Suspend Merchant"
 								})]
 							})
 						]
@@ -833,6 +668,6 @@ function w() {
 	});
 }
 //#endregion
-export { w as CartManagementPage };
+export { S as CartManagementPage };
 
 //# sourceMappingURL=CartManagementPage.js.map