@burdenoff/microfe-kadaikodi 2026.625.1 → 2026.626.2

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

@@ -1,12 +1,14 @@
 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 { formatCurrency as r } from "../../utils/formatters.js";
-import { useCallback as i, useEffect as a, useState as o } from "react";
-import { CheckCircle2 as s, ClipboardCheck as c, Eye as l, Loader2 as u, Pause as d, Search as f, Star as p, Store as m, X as h, XCircle as g } from "lucide-react";
+import { EmptyState as r } from "../../components/EmptyState.js";
+import { formatCurrency as i } from "../../utils/formatters.js";
+import { useCallback as a, useEffect 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, X as h, XCircle as g } from "lucide-react";
 import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { EmphasisPanel as b, PagePurpose as x } from "@burdenoff/fe-libs/ui";
 //#region src/kadaikodi/pages/admin/CartManagementPage.tsx
-var b = [
+var S = [
 	{
 		id: "cart-001",
 		name: "South Indian Express",
@@ -81,15 +83,15 @@ var b = [
 		rejectionReason: "Hygiene standards not met, missing food safety certification"
 	}
 ];
-function x() {
-	let { navigateTo: x } = e(), [S, C] = o([]), [w, T] = o(!0), [E, D] = o(null), [O, k] = o(!1), [A, j] = o("view"), [M, N] = o(""), [P, F] = o({
+function C() {
+	let { navigateTo: C } = e(), [w, T] = s([]), [E, D] = s(!0), [O, k] = s(null), [A, j] = s(!1), [M, N] = s("view"), [P, F] = s(""), [I, L] = s({
 		searchQuery: "",
 		status: "",
 		verificationStatus: "",
 		category: "",
 		location: "",
 		sortBy: "recent"
-	}), [I] = o({
+	}), [R] = s({
 		totalCarts: 156,
 		activeCarts: 134,
 		pendingApproval: 18,
@@ -98,14 +100,14 @@ function x() {
 		averageRating: 4.6,
 		complianceRate: 89,
 		newApplications: 8
-	}), L = i(() => {
-		T(!0), setTimeout(() => {
-			let e = [...b];
-			if (P.searchQuery) {
-				let t = P.searchQuery.toLowerCase();
+	}), z = a(() => {
+		D(!0), setTimeout(() => {
+			let e = [...S];
+			if (I.searchQuery) {
+				let t = I.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));
 			}
-			switch (P.status && (P.status === "active" && (e = e.filter((e) => e.isActive)), P.status === "inactive" && (e = e.filter((e) => !e.isActive))), P.verificationStatus && (P.verificationStatus === "verified" && (e = e.filter((e) => e.isVerified)), P.verificationStatus === "pending" && (e = e.filter((e) => !e.isVerified && e.inspectionStatus !== "failed")), P.verificationStatus === "rejected" && (e = e.filter((e) => e.inspectionStatus === "failed"))), P.category && (e = e.filter((e) => e.category === P.category)), P.location && (e = e.filter((e) => e.city.toLowerCase().includes(P.location.toLowerCase()))), P.sortBy) {
+			switch (I.status && (I.status === "active" && (e = e.filter((e) => e.isActive)), I.status === "inactive" && (e = e.filter((e) => !e.isActive))), I.verificationStatus && (I.verificationStatus === "verified" && (e = e.filter((e) => e.isVerified)), I.verificationStatus === "pending" && (e = e.filter((e) => !e.isVerified && e.inspectionStatus !== "failed")), I.verificationStatus === "rejected" && (e = e.filter((e) => e.inspectionStatus === "failed"))), I.category && (e = e.filter((e) => e.category === I.category)), I.location && (e = e.filter((e) => e.city.toLowerCase().includes(I.location.toLowerCase()))), I.sortBy) {
 				case "name":
 					e.sort((e, t) => e.name.localeCompare(t.name));
 					break;
@@ -120,46 +122,46 @@ function x() {
 					break;
 				default: e.sort((e, t) => new Date(t.applicationDate).getTime() - new Date(e.applicationDate).getTime());
 			}
-			C(e), T(!1);
+			T(e), D(!1);
 		}, 800);
-	}, [P]);
-	a(() => {
-		L();
-	}, [L]);
-	let R = (e, t) => {
-		F((n) => ({
+	}, [I]);
+	o(() => {
+		z();
+	}, [z]);
+	let B = (e, t) => {
+		L((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, z = (e, t) => {
-		D(e), j(t), N(""), k(!0);
-	}, B = () => {
-		if (!E) return;
+	}, V = (e, t) => {
+		k(e), N(t), F(""), j(!0);
+	}, H = () => {
+		if (!O) return;
 		let e = "";
-		switch (A) {
+		switch (M) {
 			case "approve":
-				e = `Cart "${E.name}" approved successfully`;
+				e = `Cart "${O.name}" approved successfully`;
 				break;
 			case "reject":
-				if (!M.trim()) {
+				if (!P.trim()) {
 					alert("Please provide a rejection reason");
 					return;
 				}
-				e = `Cart "${E.name}" rejected`;
+				e = `Cart "${O.name}" rejected`;
 				break;
 			case "suspend":
-				e = `Cart "${E.name}" suspended`;
+				e = `Cart "${O.name}" suspended`;
 				break;
 			case "inspect":
-				e = `Inspection scheduled for "${E.name}"`;
+				e = `Inspection scheduled for "${O.name}"`;
 				break;
 		}
-		alert(e), k(!1), N(""), L();
-	}, V = (e) => new Date(e).toLocaleDateString("en-IN", {
+		alert(e), j(!1), F(""), z();
+	}, U = (e) => new Date(e).toLocaleDateString("en-IN", {
 		year: "numeric",
 		month: "short",
 		day: "numeric"
-	}), H = (e) => e.isVerified ? /* @__PURE__ */ v("span", {
+	}), W = (e) => e.isVerified ? /* @__PURE__ */ v("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__ */ v("span", {
@@ -174,85 +176,95 @@ function x() {
 	}) : /* @__PURE__ */ v("span", {
 		className: "inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium bg-secondary text-secondary-foreground",
 		children: "Under Review"
-	}), U = (e) => e ? /* @__PURE__ */ v("span", {
+	}), G = (e) => e ? /* @__PURE__ */ v("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__ */ v("span", {
 		className: "inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium bg-secondary text-secondary-foreground",
 		children: "Inactive"
-	}), W = (e) => /* @__PURE__ */ v("div", {
+	}), K = (e) => /* @__PURE__ */ v("div", {
 		className: "w-full bg-bg-sunken rounded-full h-2",
 		children: /* @__PURE__ */ v("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}%` }
 		})
 	});
-	return w ? /* @__PURE__ */ v(n, {
+	return E ? /* @__PURE__ */ v(n, {
 		title: "Cart Management",
 		description: "Loading carts...",
 		children: /* @__PURE__ */ y("div", {
 			className: "flex flex-col items-center justify-center py-20",
-			children: [/* @__PURE__ */ v(u, { className: "h-10 w-10 animate-spin text-text-secondary mb-4" }), /* @__PURE__ */ v("p", {
+			children: [/* @__PURE__ */ v(d, { className: "h-10 w-10 animate-spin text-text-secondary mb-4" }), /* @__PURE__ */ v("p", {
 				className: "text-text-secondary",
 				children: "Loading carts..."
 			})]
 		})
 	}) : /* @__PURE__ */ y(n, {
 		title: "Cart Management",
-		description: `${I.totalCarts} service providers on the platform`,
+		description: `${R.totalCarts} service providers on the platform`,
 		actions: /* @__PURE__ */ y("span", {
 			className: "text-sm text-text-secondary",
-			children: [I.pendingApproval, " pending approval"]
+			children: [R.pendingApproval, " pending approval"]
 		}),
 		children: [
-			/* @__PURE__ */ v("div", {
-				className: "grid grid-cols-2 sm:grid-cols-4 lg:grid-cols-8 gap-3 mb-6",
-				children: [
-					{
-						label: "Total Carts",
-						value: I.totalCarts,
-						cls: ""
-					},
-					{
-						label: "Active",
-						value: I.activeCarts,
-						cls: "bg-status-success-bg-subtle border-status-success-text/30"
-					},
-					{
-						label: "Pending",
-						value: I.pendingApproval,
-						cls: "bg-status-warning-bg-subtle border-status-warning-text/30"
-					},
-					{
-						label: "Rejected",
-						value: I.rejectedCarts,
-						cls: "bg-status-error-bg-subtle border-status-error-text/30"
-					},
-					{
-						label: "Total Revenue",
-						value: r(I.totalRevenue, { minimumFractionDigits: 0 }),
-						cls: "col-span-2 min-w-fit"
-					},
-					{
-						label: "Avg Rating",
-						value: `${I.averageRating}`,
-						cls: ""
-					},
-					{
-						label: "New Apps",
-						value: I.newApplications,
-						cls: "bg-[var(--color-accent-soft)] border-border-focus/30"
-					}
-				].map((e) => /* @__PURE__ */ y("div", {
-					className: t("rounded-lg border border-border-subtle bg-bg-surface p-3", e.cls),
-					children: [/* @__PURE__ */ v("p", {
-						className: "text-xs text-text-secondary",
-						children: e.label
-					}), /* @__PURE__ */ v("p", {
-						className: "text-lg font-bold text-text-primary",
-						children: e.value
-					})]
-				}, e.label))
+			/* @__PURE__ */ v(x, {
+				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."
+			}),
+			/* @__PURE__ */ y(b, {
+				className: "mb-6",
+				children: [/* @__PURE__ */ v("h2", {
+					className: "mb-4 text-lg font-semibold text-text-primary",
+					children: "Provider Overview"
+				}), /* @__PURE__ */ v("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: i(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__ */ y("div", {
+						className: t("rounded-lg border border-border-subtle bg-bg-surface p-3", e.cls),
+						children: [/* @__PURE__ */ v("p", {
+							className: "text-xs text-text-secondary",
+							children: e.label
+						}), /* @__PURE__ */ v("p", {
+							className: "text-lg font-bold text-text-primary",
+							children: e.value
+						})]
+					}, e.label))
+				})]
 			}),
 			/* @__PURE__ */ v("div", {
 				className: "rounded-lg border border-border-subtle bg-bg-surface p-4 mb-6",
@@ -261,17 +273,17 @@ function x() {
 					children: [
 						/* @__PURE__ */ y("div", {
 							className: "relative",
-							children: [/* @__PURE__ */ v(f, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ v("input", {
+							children: [/* @__PURE__ */ v(p, { 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: P.searchQuery,
-								onChange: (e) => R("searchQuery", e.target.value),
+								value: I.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)]"
 							})]
 						}),
 						/* @__PURE__ */ y("select", {
-							value: P.status,
-							onChange: (e) => R("status", e.target.value),
+							value: I.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__ */ v("option", {
@@ -289,8 +301,8 @@ function x() {
 							]
 						}),
 						/* @__PURE__ */ y("select", {
-							value: P.verificationStatus,
-							onChange: (e) => R("verificationStatus", e.target.value),
+							value: I.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__ */ v("option", {
@@ -312,8 +324,8 @@ function x() {
 							]
 						}),
 						/* @__PURE__ */ y("select", {
-							value: P.category,
-							onChange: (e) => R("category", e.target.value),
+							value: I.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)]",
 							children: [
 								/* @__PURE__ */ v("option", {
@@ -341,13 +353,13 @@ function x() {
 						/* @__PURE__ */ v("input", {
 							type: "text",
 							placeholder: "Location...",
-							value: P.location,
-							onChange: (e) => R("location", e.target.value),
+							value: I.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__ */ y("select", {
-							value: P.sortBy,
-							onChange: (e) => R("sortBy", e.target.value),
+							value: I.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__ */ v("option", {
@@ -380,7 +392,7 @@ function x() {
 				children: [
 					/* @__PURE__ */ v("div", {
 						className: "block md:hidden space-y-4 p-4",
-						children: S.map((e) => /* @__PURE__ */ y("div", {
+						children: w.map((e) => /* @__PURE__ */ y("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-sunken/30 p-4",
 							children: [
 								/* @__PURE__ */ y("div", {
@@ -429,7 +441,7 @@ function x() {
 										}),
 										/* @__PURE__ */ y("p", {
 											className: "text-text-primary",
-											children: [r(e.monthlyRevenue, { minimumFractionDigits: 0 }), "/mo"]
+											children: [i(e.monthlyRevenue, { minimumFractionDigits: 0 }), "/mo"]
 										}),
 										/* @__PURE__ */ y("p", {
 											className: "text-text-secondary text-xs",
@@ -440,12 +452,12 @@ function x() {
 								/* @__PURE__ */ y("div", {
 									className: "flex flex-wrap gap-2 mb-3",
 									children: [
-										U(e.isActive),
-										H(e),
+										G(e.isActive),
+										W(e),
 										e.rating > 0 && /* @__PURE__ */ y("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__ */ v(p, { className: "h-3 w-3 fill-current" }),
+												/* @__PURE__ */ v(m, { className: "h-3 w-3 fill-current" }),
 												e.rating,
 												" (",
 												e.reviewCount,
@@ -467,7 +479,7 @@ function x() {
 												children: [e.complianceScore, "%"]
 											})]
 										}),
-										W(e.complianceScore),
+										K(e.complianceScore),
 										/* @__PURE__ */ y("p", {
 											className: "text-xs text-text-secondary mt-1",
 											children: [
@@ -477,7 +489,7 @@ function x() {
 												e.documentsRequired,
 												" • Applied:",
 												" ",
-												V(e.applicationDate)
+												U(e.applicationDate)
 											]
 										})
 									]
@@ -487,30 +499,30 @@ function x() {
 									children: [
 										/* @__PURE__ */ v("button", {
 											type: "button",
-											onClick: () => z(e, "view"),
+											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__ */ y(_, { children: [/* @__PURE__ */ v("button", {
 											type: "button",
-											onClick: () => z(e, "approve"),
+											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__ */ v("button", {
 											type: "button",
-											onClick: () => z(e, "reject"),
+											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__ */ v("button", {
 											type: "button",
-											onClick: () => z(e, "inspect"),
+											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__ */ v("button", {
 											type: "button",
-											onClick: () => z(e, "suspend"),
+											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"
 										})
@@ -553,7 +565,7 @@ function x() {
 								]
 							}) }), /* @__PURE__ */ v("tbody", {
 								className: "divide-y divide-border",
-								children: S.map((e) => /* @__PURE__ */ y("tr", {
+								children: w.map((e) => /* @__PURE__ */ y("tr", {
 									className: "hover:bg-accent/50 transition-colors",
 									children: [
 										/* @__PURE__ */ v("td", {
@@ -605,13 +617,13 @@ function x() {
 											children: /* @__PURE__ */ y("div", {
 												className: "space-y-1",
 												children: [
-													U(e.isActive),
+													G(e.isActive),
 													/* @__PURE__ */ v("br", {}),
-													H(e),
+													W(e),
 													e.rating > 0 && /* @__PURE__ */ y("div", {
 														className: "text-sm flex items-center gap-1 mt-1",
 														children: [
-															/* @__PURE__ */ v(p, { className: "h-3 w-3 fill-status-warning-text text-status-warning-text" }),
+															/* @__PURE__ */ v(m, { className: "h-3 w-3 fill-status-warning-text text-status-warning-text" }),
 															e.rating,
 															" ",
 															/* @__PURE__ */ y("span", {
@@ -631,7 +643,7 @@ function x() {
 											className: "px-4 py-3 text-sm",
 											children: [/* @__PURE__ */ y("p", {
 												className: "text-text-primary",
-												children: [r(e.monthlyRevenue, { minimumFractionDigits: 0 }), "/mo"]
+												children: [i(e.monthlyRevenue, { minimumFractionDigits: 0 }), "/mo"]
 											}), /* @__PURE__ */ y("p", {
 												className: "text-text-secondary",
 												children: [e.monthlyOrders, " orders/mo"]
@@ -644,7 +656,7 @@ function x() {
 													className: "flex items-center gap-2 mb-1",
 													children: [/* @__PURE__ */ v("div", {
 														className: "w-16",
-														children: W(e.complianceScore)
+														children: K(e.complianceScore)
 													}), /* @__PURE__ */ y("span", {
 														className: "font-medium text-text-primary",
 														children: [e.complianceScore, "%"]
@@ -661,7 +673,7 @@ function x() {
 												}),
 												/* @__PURE__ */ y("p", {
 													className: "text-xs text-text-secondary",
-													children: ["Applied: ", V(e.applicationDate)]
+													children: ["Applied: ", U(e.applicationDate)]
 												})
 											]
 										}),
@@ -672,35 +684,35 @@ function x() {
 												children: [
 													/* @__PURE__ */ y("button", {
 														type: "button",
-														onClick: () => z(e, "view"),
+														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__ */ v(l, { className: "h-4 w-4" }), " View"]
+														children: [/* @__PURE__ */ v(u, { className: "h-4 w-4" }), " View"]
 													}),
 													!e.isVerified && e.inspectionStatus !== "failed" && /* @__PURE__ */ y("div", {
 														className: "flex gap-1",
 														children: [/* @__PURE__ */ v("button", {
 															type: "button",
-															onClick: () => z(e, "approve"),
+															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__ */ v(s, { className: "h-4 w-4" })
+															children: /* @__PURE__ */ v(c, { className: "h-4 w-4" })
 														}), /* @__PURE__ */ v("button", {
 															type: "button",
-															onClick: () => z(e, "reject"),
+															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__ */ v(g, { className: "h-4 w-4" })
 														})]
 													}),
 													e.inspectionStatus === "pending" && /* @__PURE__ */ y("button", {
 														type: "button",
-														onClick: () => z(e, "inspect"),
+														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__ */ v(c, { className: "h-4 w-4" }), " Inspect"]
+														children: [/* @__PURE__ */ v(l, { className: "h-4 w-4" }), " Inspect"]
 													}),
 													e.isActive && /* @__PURE__ */ v("button", {
 														type: "button",
-														onClick: () => z(e, "suspend"),
+														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__ */ v(d, { className: "h-4 w-4" })
+														children: /* @__PURE__ */ v(f, { className: "h-4 w-4" })
 													})
 												]
 											})
@@ -710,16 +722,27 @@ function x() {
 							})]
 						})
 					}),
-					S.length === 0 && /* @__PURE__ */ y("div", {
-						className: "flex flex-col items-center justify-center py-12 px-4",
-						children: [/* @__PURE__ */ v(m, { className: "h-10 w-10 text-text-secondary/50 mb-3" }), /* @__PURE__ */ v("p", {
-							className: "text-sm text-text-secondary",
-							children: "No carts found matching your criteria"
-						})]
+					w.length === 0 && /* @__PURE__ */ v(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__ */ v("button", {
+							type: "button",
+							onClick: () => L({
+								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"
+						})
 					})
 				]
 			}),
-			O && E && /* @__PURE__ */ v("div", {
+			A && O && /* @__PURE__ */ v("div", {
 				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
 				children: /* @__PURE__ */ y("div", {
 					className: "w-full max-w-2xl rounded-lg border border-border-subtle bg-bg-surface shadow-lg max-h-[90vh] overflow-y-auto",
@@ -727,10 +750,10 @@ function x() {
 						className: "flex items-center justify-between p-4 border-b border-border-subtle",
 						children: [/* @__PURE__ */ v("h3", {
 							className: "text-lg font-semibold text-text-primary",
-							children: A === "view" ? "Cart Details" : A === "approve" ? "Approve Cart" : A === "reject" ? "Reject Cart" : A === "suspend" ? "Suspend Cart" : "Schedule Inspection"
+							children: M === "view" ? "Cart Details" : M === "approve" ? "Approve Cart" : M === "reject" ? "Reject Cart" : M === "suspend" ? "Suspend Cart" : "Schedule Inspection"
 						}), /* @__PURE__ */ v("button", {
 							type: "button",
-							onClick: () => k(!1),
+							onClick: () => j(!1),
 							className: "rounded p-1.5 text-text-secondary hover:text-text-primary hover:bg-accent transition-colors",
 							children: /* @__PURE__ */ v(h, { className: "h-5 w-5" })
 						})]
@@ -745,28 +768,28 @@ function x() {
 										children: "Cart Name"
 									}), /* @__PURE__ */ v("p", {
 										className: "font-medium text-text-primary",
-										children: E.name
+										children: O.name
 									})] }),
 									/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 										className: "text-sm text-text-secondary",
 										children: "Category"
 									}), /* @__PURE__ */ v("p", {
 										className: "font-medium text-text-primary",
-										children: E.category
+										children: O.category
 									})] }),
 									/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 										className: "text-sm text-text-secondary",
 										children: "Owner"
 									}), /* @__PURE__ */ v("p", {
 										className: "font-medium text-text-primary",
-										children: E.ownerName
+										children: O.ownerName
 									})] }),
 									/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 										className: "text-sm text-text-secondary",
 										children: "Contact"
 									}), /* @__PURE__ */ v("p", {
 										className: "font-medium text-text-primary",
-										children: E.ownerPhone
+										children: O.ownerPhone
 									})] })
 								]
 							}),
@@ -775,14 +798,14 @@ function x() {
 								children: "Description"
 							}), /* @__PURE__ */ v("p", {
 								className: "font-medium text-text-primary",
-								children: E.description
+								children: O.description
 							})] }),
 							/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 								className: "text-sm text-text-secondary",
 								children: "Location"
 							}), /* @__PURE__ */ v("p", {
 								className: "font-medium text-text-primary",
-								children: E.address
+								children: O.address
 							})] }),
 							/* @__PURE__ */ y("div", {
 								className: "grid grid-cols-1 sm:grid-cols-3 gap-4",
@@ -792,7 +815,7 @@ function x() {
 										children: "Compliance Score"
 									}), /* @__PURE__ */ y("p", {
 										className: "font-medium text-text-primary",
-										children: [E.complianceScore, "%"]
+										children: [O.complianceScore, "%"]
 									})] }),
 									/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 										className: "text-sm text-text-secondary",
@@ -800,9 +823,9 @@ function x() {
 									}), /* @__PURE__ */ y("p", {
 										className: "font-medium text-text-primary",
 										children: [
-											E.documentsSubmitted,
+											O.documentsSubmitted,
 											"/",
-											E.documentsRequired
+											O.documentsRequired
 										]
 									})] }),
 									/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
@@ -810,31 +833,31 @@ function x() {
 										children: "Monthly Revenue"
 									}), /* @__PURE__ */ v("p", {
 										className: "font-medium text-text-primary",
-										children: r(E.monthlyRevenue, { minimumFractionDigits: 0 })
+										children: i(O.monthlyRevenue, { minimumFractionDigits: 0 })
 									})] })
 								]
 							}),
-							E.rejectionReason && /* @__PURE__ */ y("div", {
+							O.rejectionReason && /* @__PURE__ */ y("div", {
 								className: "rounded-lg border border-status-error-text/30 bg-status-error-bg-subtle p-4",
 								children: [/* @__PURE__ */ v("p", {
 									className: "text-sm font-medium text-status-error-text",
 									children: "Previous Rejection Reason:"
 								}), /* @__PURE__ */ v("p", {
 									className: "text-sm text-status-error-text/80",
-									children: E.rejectionReason
+									children: O.rejectionReason
 								})]
 							}),
-							A === "reject" && /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
+							M === "reject" && /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
 								className: "block text-sm font-medium text-text-primary mb-2",
 								children: "Rejection Reason *"
 							}), /* @__PURE__ */ v("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]",
 								rows: 4,
-								value: M,
-								onChange: (e) => N(e.target.value),
+								value: P,
+								onChange: (e) => F(e.target.value),
 								placeholder: "Please provide a detailed reason for rejection..."
 							})] }),
-							A === "approve" && /* @__PURE__ */ v("div", {
+							M === "approve" && /* @__PURE__ */ v("div", {
 								className: "rounded-lg border border-status-success-text/30 bg-status-success-bg-subtle p-4",
 								children: /* @__PURE__ */ v("p", {
 									className: "text-sm text-status-success-text",
@@ -845,15 +868,15 @@ function x() {
 								className: "flex gap-3 pt-2",
 								children: [/* @__PURE__ */ v("button", {
 									type: "button",
-									onClick: () => k(!1),
+									onClick: () => j(!1),
 									className: "flex-1 rounded-lg border border-border-subtle py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 									children: "Cancel"
-								}), A !== "view" && /* @__PURE__ */ v("button", {
+								}), M !== "view" && /* @__PURE__ */ v("button", {
 									type: "button",
-									onClick: B,
-									disabled: A === "reject" && !M.trim(),
+									onClick: H,
+									disabled: M === "reject" && !P.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: A === "approve" ? "Approve Cart" : A === "reject" ? "Reject Cart" : A === "suspend" ? "Suspend Cart" : "Schedule Inspection"
+									children: M === "approve" ? "Approve Cart" : M === "reject" ? "Reject Cart" : M === "suspend" ? "Suspend Cart" : "Schedule Inspection"
 								})]
 							})
 						]
@@ -864,6 +887,6 @@ function x() {
 	});
 }
 //#endregion
-export { x as CartManagementPage };
+export { C as CartManagementPage };
 
 //# sourceMappingURL=CartManagementPage.js.map