@burdenoff/microfe-coolandlovely 2026.624.1 → 2026.625.2

package/dist/coolandlovely/pages/admin/AdminOrdersPage.js

@@ -2,12 +2,14 @@ import { useCoolAndLovely as e } from "../../context/CoolAndLovelyContext.js";
 import { cn as t } from "../../utils/cn.js";
 import { PageLayout as n } from "../../components/PageLayout.js";
 import { MetricsCard as r } from "../../components/MetricsCard.js";
-import { formatCurrency as i } from "../../utils/formatters.js";
-import { useEffect as a, useMemo as o, useState as s } from "react";
-import { AlertCircle as c, CheckCircle2 as l, Clock as u, Eye as d, IndianRupee as f, Loader2 as p, MapPin as m, Phone as h, RefreshCw as g, Search as _, ShoppingBag as v, TrendingUp as y, Truck as b, User as x, X as S, XCircle as C } from "lucide-react";
-import { jsx as w, jsxs as T } from "react/jsx-runtime";
+import { EmptyState as i } from "../../components/EmptyState.js";
+import { formatCurrency as a } from "../../utils/formatters.js";
+import { useEffect as o, useMemo as s, useState as c } from "react";
+import { AlertCircle as l, CheckCircle2 as u, Clock as d, Eye as f, IndianRupee as p, Loader2 as m, MapPin as h, Phone as g, RefreshCw as _, Search as v, ShoppingBag as y, TrendingUp as b, Truck as x, User as S, X as C, XCircle as w } from "lucide-react";
+import { jsx as T, jsxs as E } from "react/jsx-runtime";
+import { EmphasisPanel as D, PagePurpose as O } from "@burdenoff/fe-libs/ui";
 //#region src/coolandlovely/pages/admin/AdminOrdersPage.tsx
-var E = [
+var k = [
 	{
 		id: "ORD-2024-001",
 		customerName: "Rajesh Kumar",
@@ -64,166 +66,171 @@ var E = [
 		deliveryAddress: "789, HSR Layout"
 	}
 ];
-function D() {
-	let { navigateTo: D } = e(), [O, k] = s([]), [A, j] = s(null), [M, N] = s(!0), [P, F] = s(""), [I, L] = s("all"), [R, z] = s("today"), [B, V] = s(null), [H, U] = s(!1);
-	a(() => {
+function A() {
+	let { navigateTo: A } = e(), [j, M] = c([]), [N, P] = c(null), [F, I] = c(!0), [L, R] = c(""), [z, B] = c("all"), [V, H] = c("today"), [U, W] = c(null), [G, K] = c(!1);
+	o(() => {
 		let e = setTimeout(() => {
-			j({
+			P({
 				totalOrders: 156,
 				pendingOrders: 12,
 				totalRevenue: 125600,
 				averageOrderValue: 805
-			}), k(E), N(!1);
+			}), M(k), I(!1);
 		}, 1e3);
 		return () => clearTimeout(e);
 	}, []);
-	let W = (e) => i(e, { minimumFractionDigits: 0 }), G = (e) => new Date(e).toLocaleString("en-IN", {
+	let q = (e) => a(e, { minimumFractionDigits: 0 }), J = (e) => new Date(e).toLocaleString("en-IN", {
 		day: "2-digit",
 		month: "short",
 		hour: "2-digit",
 		minute: "2-digit"
-	}), K = (e) => ({
-		delivered: "bg-green-500/20 text-green-600 dark:text-green-400",
-		preparing: "bg-yellow-500/20 text-yellow-600 dark:text-yellow-400",
-		ready: "bg-yellow-500/20 text-yellow-600 dark:text-yellow-400",
-		out_for_delivery: "bg-blue-500/20 text-blue-600 dark:text-blue-400",
-		cancelled: "bg-red-500/20 text-red-600 dark:text-red-400",
-		confirmed: "bg-blue-500/20 text-blue-600 dark:text-blue-400"
-	})[e] ?? "bg-secondary text-secondary-foreground", q = (e) => {
+	}), Y = (e) => ({
+		delivered: "bg-status-success-bg-subtle/20 text-status-success-text",
+		preparing: "bg-status-warning-bg-subtle/20 text-status-warning-text",
+		ready: "bg-status-warning-bg-subtle/20 text-status-warning-text",
+		out_for_delivery: "bg-accent-blue-subtle/20 text-accent-blue",
+		cancelled: "bg-status-error-bg-subtle/20 text-status-error-text",
+		confirmed: "bg-accent-blue-subtle/20 text-accent-blue"
+	})[e] ?? "bg-secondary text-secondary-foreground", X = (e) => {
 		switch (e) {
-			case "completed": return /* @__PURE__ */ w(l, { className: "h-4 w-4 text-green-600 dark:text-green-400" });
-			case "failed": return /* @__PURE__ */ w(C, { className: "h-4 w-4 text-red-600 dark:text-red-400" });
-			case "refunded": return /* @__PURE__ */ w(g, { className: "h-4 w-4 text-blue-600 dark:text-blue-400" });
-			default: return /* @__PURE__ */ w(c, { className: "h-4 w-4 text-yellow-600 dark:text-yellow-400" });
+			case "completed": return /* @__PURE__ */ T(u, { className: "h-4 w-4 text-status-success-text" });
+			case "failed": return /* @__PURE__ */ T(w, { className: "h-4 w-4 text-status-error-text" });
+			case "refunded": return /* @__PURE__ */ T(_, { className: "h-4 w-4 text-accent-blue" });
+			default: return /* @__PURE__ */ T(l, { className: "h-4 w-4 text-status-warning-text" });
 		}
-	}, J = o(() => O.filter((e) => {
-		let t = !P || e.id.toLowerCase().includes(P.toLowerCase()) || e.customerName.toLowerCase().includes(P.toLowerCase()) || e.cartName.toLowerCase().includes(P.toLowerCase()), n = I === "all" || e.status === I;
+	}, Z = s(() => j.filter((e) => {
+		let t = !L || e.id.toLowerCase().includes(L.toLowerCase()) || e.customerName.toLowerCase().includes(L.toLowerCase()) || e.cartName.toLowerCase().includes(L.toLowerCase()), n = z === "all" || e.status === z;
 		return t && n;
 	}), [
-		O,
-		P,
-		I
-	]), Y = (e, t) => {
-		k((n) => n.map((n) => n.id === e ? {
+		j,
+		L,
+		z
+	]), Q = (e, t) => {
+		M((n) => n.map((n) => n.id === e ? {
 			...n,
 			status: t
-		} : n)), U(!1), alert(`Order ${e} updated to ${t.replace("_", " ")}`);
+		} : n)), K(!1), alert(`Order ${e} updated to ${t.replace("_", " ")}`);
 	};
-	return M ? /* @__PURE__ */ w(n, {
+	return F ? /* @__PURE__ */ T(n, {
 		title: "Order Management",
 		description: "Loading orders...",
-		children: /* @__PURE__ */ T("div", {
+		children: /* @__PURE__ */ E("div", {
 			className: "flex flex-col items-center justify-center py-20",
-			children: [/* @__PURE__ */ w(p, { className: "h-10 w-10 animate-spin text-text-secondary mb-4" }), /* @__PURE__ */ w("p", {
+			children: [/* @__PURE__ */ T(m, { className: "h-10 w-10 animate-spin text-text-secondary mb-4" }), /* @__PURE__ */ T("p", {
 				className: "text-text-secondary",
 				children: "Loading orders..."
 			})]
 		})
-	}) : /* @__PURE__ */ T(n, {
+	}) : /* @__PURE__ */ E(n, {
 		title: "Order Management",
-		description: `${A?.totalOrders ?? 0} total orders on the platform`,
+		description: `${N?.totalOrders ?? 0} total orders on the platform`,
 		children: [
-			A && /* @__PURE__ */ T("div", {
-				className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 mb-6",
+			/* @__PURE__ */ T(O, {
+				className: "mb-6",
+				icon: /* @__PURE__ */ T(y, { className: "h-4 w-4" }),
+				children: "Every order across the whole platform in one place. Monitor volume, revenue and pending orders, filter to investigate any order, and open one to see its full detail and update its status — so the admin team can step in whenever an order needs help."
+			}),
+			N && /* @__PURE__ */ E(D, {
+				className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 mb-6 p-4",
 				children: [
-					/* @__PURE__ */ w(r, {
-						icon: /* @__PURE__ */ w(v, { className: "h-5 w-5" }),
-						value: A.totalOrders,
+					/* @__PURE__ */ T(r, {
+						icon: /* @__PURE__ */ T(y, { className: "h-5 w-5" }),
+						value: N.totalOrders,
 						label: "Total Orders",
 						trendValue: "Orders today"
 					}),
-					/* @__PURE__ */ w(r, {
-						icon: /* @__PURE__ */ w(f, { className: "h-5 w-5" }),
-						value: W(A.totalRevenue),
+					/* @__PURE__ */ T(r, {
+						icon: /* @__PURE__ */ T(p, { className: "h-5 w-5" }),
+						value: q(N.totalRevenue),
 						label: "Revenue",
 						trend: "up",
 						trendValue: "+15.2% vs yesterday"
 					}),
-					/* @__PURE__ */ w(r, {
-						icon: /* @__PURE__ */ w(y, { className: "h-5 w-5" }),
-						value: W(A.averageOrderValue),
+					/* @__PURE__ */ T(r, {
+						icon: /* @__PURE__ */ T(b, { className: "h-5 w-5" }),
+						value: q(N.averageOrderValue),
 						label: "Avg Order Value",
 						trendValue: "Average order value"
 					}),
-					/* @__PURE__ */ w(r, {
-						icon: /* @__PURE__ */ w(u, { className: "h-5 w-5" }),
-						value: A.pendingOrders,
+					/* @__PURE__ */ T(r, {
+						icon: /* @__PURE__ */ T(d, { className: "h-5 w-5" }),
+						value: N.pendingOrders,
 						label: "Pending Orders",
 						trendValue: "Awaiting action"
 					})
 				]
 			}),
-			/* @__PURE__ */ w("div", {
-				className: "rounded-lg border border-border-subtle bg-bg-surface p-4 mb-6",
-				children: /* @__PURE__ */ T("div", {
+			/* @__PURE__ */ T("div", {
+				className: "rounded-lg border border-border-seam bg-bg-surface p-4 mb-6 bg-gloss-card shadow-pop",
+				children: /* @__PURE__ */ E("div", {
 					className: "flex flex-col gap-4",
-					children: [/* @__PURE__ */ T("div", {
+					children: [/* @__PURE__ */ E("div", {
 						className: "relative flex-1",
-						children: [/* @__PURE__ */ w(_, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ w("input", {
+						children: [/* @__PURE__ */ T(v, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ T("input", {
 							type: "text",
 							placeholder: "Search by order ID, customer, or cart name...",
-							value: P,
-							onChange: (e) => F(e.target.value),
+							value: L,
+							onChange: (e) => R(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__ */ T("div", {
+					}), /* @__PURE__ */ E("div", {
 						className: "grid grid-cols-1 sm:grid-cols-2 gap-3",
-						children: [/* @__PURE__ */ T("select", {
-							value: I,
-							onChange: (e) => L(e.target.value),
+						children: [/* @__PURE__ */ E("select", {
+							value: z,
+							onChange: (e) => B(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__ */ w("option", {
+								/* @__PURE__ */ T("option", {
 									value: "all",
 									children: "All Status"
 								}),
-								/* @__PURE__ */ w("option", {
+								/* @__PURE__ */ T("option", {
 									value: "pending",
 									children: "Pending"
 								}),
-								/* @__PURE__ */ w("option", {
+								/* @__PURE__ */ T("option", {
 									value: "confirmed",
 									children: "Confirmed"
 								}),
-								/* @__PURE__ */ w("option", {
+								/* @__PURE__ */ T("option", {
 									value: "preparing",
 									children: "Preparing"
 								}),
-								/* @__PURE__ */ w("option", {
+								/* @__PURE__ */ T("option", {
 									value: "ready",
 									children: "Ready"
 								}),
-								/* @__PURE__ */ w("option", {
+								/* @__PURE__ */ T("option", {
 									value: "out_for_delivery",
 									children: "Out for Delivery"
 								}),
-								/* @__PURE__ */ w("option", {
+								/* @__PURE__ */ T("option", {
 									value: "delivered",
 									children: "Delivered"
 								}),
-								/* @__PURE__ */ w("option", {
+								/* @__PURE__ */ T("option", {
 									value: "cancelled",
 									children: "Cancelled"
 								})
 							]
-						}), /* @__PURE__ */ T("select", {
-							value: R,
-							onChange: (e) => z(e.target.value),
+						}), /* @__PURE__ */ E("select", {
+							value: V,
+							onChange: (e) => H(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__ */ w("option", {
+								/* @__PURE__ */ T("option", {
 									value: "today",
 									children: "Today"
 								}),
-								/* @__PURE__ */ w("option", {
+								/* @__PURE__ */ T("option", {
 									value: "yesterday",
 									children: "Yesterday"
 								}),
-								/* @__PURE__ */ w("option", {
+								/* @__PURE__ */ T("option", {
 									value: "week",
 									children: "This Week"
 								}),
-								/* @__PURE__ */ w("option", {
+								/* @__PURE__ */ T("option", {
 									value: "month",
 									children: "This Month"
 								})
@@ -232,196 +239,196 @@ function D() {
 					})]
 				})
 			}),
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ E("div", {
 				className: "rounded-lg border border-border-subtle bg-bg-surface overflow-hidden",
 				children: [
-					/* @__PURE__ */ w("div", {
+					/* @__PURE__ */ T("div", {
 						className: "block md:hidden space-y-4 p-4",
-						children: J.map((e) => /* @__PURE__ */ T("div", {
+						children: Z.map((e) => /* @__PURE__ */ E("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-sunken/30 p-4",
 							children: [
-								/* @__PURE__ */ T("div", {
+								/* @__PURE__ */ E("div", {
 									className: "flex justify-between items-start mb-3",
-									children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("h3", {
+									children: [/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h3", {
 										className: "font-medium text-text-primary text-lg",
 										children: e.id
-									}), /* @__PURE__ */ w("p", {
+									}), /* @__PURE__ */ T("p", {
 										className: "text-sm text-text-secondary",
-										children: G(e.orderDate)
-									})] }), /* @__PURE__ */ w("span", {
-										className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium capitalize", K(e.status)),
+										children: J(e.orderDate)
+									})] }), /* @__PURE__ */ T("span", {
+										className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium capitalize", Y(e.status)),
 										children: e.status.replace("_", " ")
 									})]
 								}),
-								/* @__PURE__ */ T("div", {
+								/* @__PURE__ */ E("div", {
 									className: "grid grid-cols-2 gap-4 mb-3 text-sm",
-									children: [/* @__PURE__ */ T("div", { children: [
-										/* @__PURE__ */ w("p", {
+									children: [/* @__PURE__ */ E("div", { children: [
+										/* @__PURE__ */ T("p", {
 											className: "text-text-secondary font-medium",
 											children: "Customer"
 										}),
-										/* @__PURE__ */ w("p", {
+										/* @__PURE__ */ T("p", {
 											className: "text-text-primary",
 											children: e.customerName
 										}),
-										/* @__PURE__ */ w("p", {
+										/* @__PURE__ */ T("p", {
 											className: "text-text-secondary text-xs",
 											children: e.customerPhone
 										})
-									] }), /* @__PURE__ */ T("div", { children: [
-										/* @__PURE__ */ w("p", {
+									] }), /* @__PURE__ */ E("div", { children: [
+										/* @__PURE__ */ T("p", {
 											className: "text-text-secondary font-medium",
 											children: "Cart"
 										}),
-										/* @__PURE__ */ w("p", {
+										/* @__PURE__ */ T("p", {
 											className: "text-text-primary",
 											children: e.cartName
 										}),
-										/* @__PURE__ */ w("p", {
+										/* @__PURE__ */ T("p", {
 											className: "text-text-secondary text-xs",
 											children: e.cartOwner
 										})
 									] })]
 								}),
-								/* @__PURE__ */ T("div", {
+								/* @__PURE__ */ E("div", {
 									className: "flex justify-between items-center mb-3",
-									children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+									children: [/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
 										className: "text-text-secondary font-medium text-sm",
 										children: "Amount"
-									}), /* @__PURE__ */ w("p", {
+									}), /* @__PURE__ */ T("p", {
 										className: "text-text-primary font-semibold text-lg",
-										children: W(e.total)
-									})] }), /* @__PURE__ */ T("div", {
+										children: q(e.total)
+									})] }), /* @__PURE__ */ E("div", {
 										className: "flex items-center gap-2",
-										children: [q(e.paymentStatus), /* @__PURE__ */ T("div", {
+										children: [X(e.paymentStatus), /* @__PURE__ */ E("div", {
 											className: "text-right",
-											children: [/* @__PURE__ */ w("p", {
+											children: [/* @__PURE__ */ T("p", {
 												className: "text-sm text-text-primary",
 												children: e.paymentMethod
-											}), /* @__PURE__ */ w("p", {
+											}), /* @__PURE__ */ T("p", {
 												className: "text-xs text-text-secondary capitalize",
 												children: e.paymentStatus
 											})]
 										})]
 									})]
 								}),
-								/* @__PURE__ */ T("button", {
+								/* @__PURE__ */ E("button", {
 									type: "button",
 									onClick: () => {
-										V(e), U(!0);
+										W(e), K(!0);
 									},
 									className: "w-full rounded-lg border border-border-subtle py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors flex items-center justify-center gap-2",
-									children: [/* @__PURE__ */ w(d, { className: "h-4 w-4" }), " View Details"]
+									children: [/* @__PURE__ */ T(f, { className: "h-4 w-4" }), " View Details"]
 								})
 							]
 						}, e.id))
 					}),
-					/* @__PURE__ */ w("div", {
+					/* @__PURE__ */ T("div", {
 						className: "hidden md:block overflow-x-auto",
-						children: /* @__PURE__ */ T("table", {
+						children: /* @__PURE__ */ E("table", {
 							className: "w-full",
-							children: [/* @__PURE__ */ w("thead", { children: /* @__PURE__ */ T("tr", {
+							children: [/* @__PURE__ */ T("thead", { children: /* @__PURE__ */ E("tr", {
 								className: "border-b border-border-subtle bg-bg-sunken/50",
 								children: [
-									/* @__PURE__ */ w("th", {
+									/* @__PURE__ */ T("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
 										children: "Order ID"
 									}),
-									/* @__PURE__ */ w("th", {
+									/* @__PURE__ */ T("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
 										children: "Customer"
 									}),
-									/* @__PURE__ */ w("th", {
+									/* @__PURE__ */ T("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
 										children: "Cart"
 									}),
-									/* @__PURE__ */ w("th", {
+									/* @__PURE__ */ T("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
 										children: "Amount"
 									}),
-									/* @__PURE__ */ w("th", {
+									/* @__PURE__ */ T("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
 										children: "Status"
 									}),
-									/* @__PURE__ */ w("th", {
+									/* @__PURE__ */ T("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
 										children: "Payment"
 									}),
-									/* @__PURE__ */ w("th", {
+									/* @__PURE__ */ T("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
 										children: "Time"
 									}),
-									/* @__PURE__ */ w("th", {
+									/* @__PURE__ */ T("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
 										children: "Actions"
 									})
 								]
-							}) }), /* @__PURE__ */ w("tbody", {
+							}) }), /* @__PURE__ */ T("tbody", {
 								className: "divide-y divide-border",
-								children: J.map((e) => /* @__PURE__ */ T("tr", {
+								children: Z.map((e) => /* @__PURE__ */ E("tr", {
 									className: "hover:bg-accent/50 transition-colors",
 									children: [
-										/* @__PURE__ */ w("td", {
+										/* @__PURE__ */ T("td", {
 											className: "px-4 py-3 text-sm font-mono font-medium text-text-primary",
 											children: e.id
 										}),
-										/* @__PURE__ */ T("td", {
+										/* @__PURE__ */ E("td", {
 											className: "px-4 py-3",
-											children: [/* @__PURE__ */ w("div", {
+											children: [/* @__PURE__ */ T("div", {
 												className: "text-sm font-medium text-text-primary",
 												children: e.customerName
-											}), /* @__PURE__ */ w("div", {
+											}), /* @__PURE__ */ T("div", {
 												className: "text-xs text-text-secondary",
 												children: e.customerPhone
 											})]
 										}),
-										/* @__PURE__ */ T("td", {
+										/* @__PURE__ */ E("td", {
 											className: "px-4 py-3",
-											children: [/* @__PURE__ */ w("div", {
+											children: [/* @__PURE__ */ T("div", {
 												className: "text-sm font-medium text-text-primary",
 												children: e.cartName
-											}), /* @__PURE__ */ w("div", {
+											}), /* @__PURE__ */ T("div", {
 												className: "text-xs text-text-secondary",
 												children: e.cartOwner
 											})]
 										}),
-										/* @__PURE__ */ w("td", {
+										/* @__PURE__ */ T("td", {
 											className: "px-4 py-3 text-sm font-semibold text-text-primary",
-											children: W(e.total)
+											children: q(e.total)
 										}),
-										/* @__PURE__ */ w("td", {
+										/* @__PURE__ */ T("td", {
 											className: "px-4 py-3",
-											children: /* @__PURE__ */ w("span", {
-												className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium capitalize", K(e.status)),
+											children: /* @__PURE__ */ T("span", {
+												className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium capitalize", Y(e.status)),
 												children: e.status.replace("_", " ")
 											})
 										}),
-										/* @__PURE__ */ w("td", {
+										/* @__PURE__ */ T("td", {
 											className: "px-4 py-3",
-											children: /* @__PURE__ */ T("div", {
+											children: /* @__PURE__ */ E("div", {
 												className: "flex items-center gap-2",
-												children: [q(e.paymentStatus), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("div", {
+												children: [X(e.paymentStatus), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("div", {
 													className: "text-sm text-text-primary",
 													children: e.paymentMethod
-												}), /* @__PURE__ */ w("div", {
+												}), /* @__PURE__ */ T("div", {
 													className: "text-xs text-text-secondary capitalize",
 													children: e.paymentStatus
 												})] })]
 											})
 										}),
-										/* @__PURE__ */ w("td", {
+										/* @__PURE__ */ T("td", {
 											className: "px-4 py-3 text-sm text-text-secondary",
-											children: G(e.orderDate)
+											children: J(e.orderDate)
 										}),
-										/* @__PURE__ */ w("td", {
+										/* @__PURE__ */ T("td", {
 											className: "px-4 py-3",
-											children: /* @__PURE__ */ w("button", {
+											children: /* @__PURE__ */ T("button", {
 												type: "button",
 												onClick: () => {
-													V(e), U(!0);
+													W(e), K(!0);
 												},
 												className: "rounded p-1.5 text-text-secondary hover:text-text-primary hover:bg-accent transition-colors",
-												children: /* @__PURE__ */ w(d, { className: "h-4 w-4" })
+												children: /* @__PURE__ */ T(f, { className: "h-4 w-4" })
 											})
 										})
 									]
@@ -429,218 +436,216 @@ function D() {
 							})]
 						})
 					}),
-					J.length === 0 && /* @__PURE__ */ T("div", {
-						className: "flex flex-col items-center justify-center py-12 px-4",
-						children: [/* @__PURE__ */ w(v, { className: "h-10 w-10 text-text-secondary/50 mb-3" }), /* @__PURE__ */ w("p", {
-							className: "text-sm text-text-secondary",
-							children: "No orders found matching your criteria"
-						})]
+					Z.length === 0 && /* @__PURE__ */ T(i, {
+						illustration: "empty-search",
+						title: "No orders found",
+						description: "No orders match your current filters. Try adjusting your search criteria."
 					})
 				]
 			}),
-			H && B && /* @__PURE__ */ w("div", {
+			G && U && /* @__PURE__ */ T("div", {
 				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
-				children: /* @__PURE__ */ T("div", {
+				children: /* @__PURE__ */ E("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__ */ T("div", {
+					children: [/* @__PURE__ */ E("div", {
 						className: "flex items-center justify-between p-4 border-b border-border-subtle",
-						children: [/* @__PURE__ */ w("h2", {
+						children: [/* @__PURE__ */ T("h2", {
 							className: "text-lg font-semibold text-text-primary",
 							children: "Order Details"
-						}), /* @__PURE__ */ w("button", {
+						}), /* @__PURE__ */ T("button", {
 							type: "button",
-							onClick: () => U(!1),
+							onClick: () => K(!1),
 							className: "rounded p-1.5 text-text-secondary hover:text-text-primary hover:bg-accent transition-colors",
-							children: /* @__PURE__ */ w(S, { className: "h-5 w-5" })
+							children: /* @__PURE__ */ T(C, { className: "h-5 w-5" })
 						})]
-					}), /* @__PURE__ */ T("div", {
+					}), /* @__PURE__ */ E("div", {
 						className: "p-4 space-y-6",
 						children: [
-							/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("h3", {
+							/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h3", {
 								className: "font-semibold text-text-primary mb-3",
 								children: "Order Information"
-							}), /* @__PURE__ */ T("div", {
+							}), /* @__PURE__ */ E("div", {
 								className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
 								children: [
-									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+									/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
 										className: "text-sm text-text-secondary",
 										children: "Order ID"
-									}), /* @__PURE__ */ w("p", {
+									}), /* @__PURE__ */ T("p", {
 										className: "font-medium text-text-primary",
-										children: B.id
+										children: U.id
 									})] }),
-									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+									/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
 										className: "text-sm text-text-secondary",
 										children: "Status"
-									}), /* @__PURE__ */ w("span", {
-										className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium capitalize", K(B.status)),
-										children: B.status.replace("_", " ")
+									}), /* @__PURE__ */ T("span", {
+										className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium capitalize", Y(U.status)),
+										children: U.status.replace("_", " ")
 									})] }),
-									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+									/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
 										className: "text-sm text-text-secondary",
 										children: "Order Date"
-									}), /* @__PURE__ */ w("p", {
+									}), /* @__PURE__ */ T("p", {
 										className: "font-medium text-text-primary",
-										children: G(B.orderDate)
+										children: J(U.orderDate)
 									})] }),
-									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+									/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
 										className: "text-sm text-text-secondary",
 										children: "Delivery Time"
-									}), /* @__PURE__ */ w("p", {
+									}), /* @__PURE__ */ T("p", {
 										className: "font-medium text-text-primary",
-										children: G(B.deliveryTime)
+										children: J(U.deliveryTime)
 									})] })
 								]
 							})] }),
-							/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T("h3", {
+							/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ E("h3", {
 								className: "font-semibold text-text-primary mb-3 flex items-center gap-2",
-								children: [/* @__PURE__ */ w(x, { className: "h-4 w-4" }), " Customer Details"]
-							}), /* @__PURE__ */ T("div", {
+								children: [/* @__PURE__ */ T(S, { className: "h-4 w-4" }), " Customer Details"]
+							}), /* @__PURE__ */ E("div", {
 								className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
 								children: [
-									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+									/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
 										className: "text-sm text-text-secondary",
 										children: "Name"
-									}), /* @__PURE__ */ w("p", {
+									}), /* @__PURE__ */ T("p", {
 										className: "font-medium text-text-primary",
-										children: B.customerName
+										children: U.customerName
 									})] }),
-									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+									/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
 										className: "text-sm text-text-secondary",
 										children: "Phone"
-									}), /* @__PURE__ */ T("p", {
+									}), /* @__PURE__ */ E("p", {
 										className: "font-medium text-text-primary flex items-center gap-1",
-										children: [/* @__PURE__ */ w(h, { className: "h-3 w-3" }), B.customerPhone]
+										children: [/* @__PURE__ */ T(g, { className: "h-3 w-3" }), U.customerPhone]
 									})] }),
-									/* @__PURE__ */ T("div", {
+									/* @__PURE__ */ E("div", {
 										className: "sm:col-span-2",
-										children: [/* @__PURE__ */ w("p", {
+										children: [/* @__PURE__ */ T("p", {
 											className: "text-sm text-text-secondary",
 											children: "Delivery Address"
-										}), /* @__PURE__ */ T("p", {
+										}), /* @__PURE__ */ E("p", {
 											className: "font-medium text-text-primary flex items-center gap-1",
-											children: [/* @__PURE__ */ w(m, { className: "h-3 w-3" }), B.deliveryAddress]
+											children: [/* @__PURE__ */ T(h, { className: "h-3 w-3" }), U.deliveryAddress]
 										})]
 									})
 								]
 							})] }),
-							/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("h3", {
+							/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h3", {
 								className: "font-semibold text-text-primary mb-3",
 								children: "Cart Details"
-							}), /* @__PURE__ */ T("div", {
+							}), /* @__PURE__ */ E("div", {
 								className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-								children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+								children: [/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
 									className: "text-sm text-text-secondary",
 									children: "Cart Name"
-								}), /* @__PURE__ */ w("p", {
+								}), /* @__PURE__ */ T("p", {
 									className: "font-medium text-text-primary",
-									children: B.cartName
-								})] }), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+									children: U.cartName
+								})] }), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
 									className: "text-sm text-text-secondary",
 									children: "Cart Owner"
-								}), /* @__PURE__ */ w("p", {
+								}), /* @__PURE__ */ T("p", {
 									className: "font-medium text-text-primary",
-									children: B.cartOwner
+									children: U.cartOwner
 								})] })]
 							})] }),
-							/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("h3", {
+							/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h3", {
 								className: "font-semibold text-text-primary mb-3",
 								children: "Order Items"
-							}), /* @__PURE__ */ T("div", {
+							}), /* @__PURE__ */ E("div", {
 								className: "rounded-lg bg-bg-sunken/50 p-4",
-								children: [/* @__PURE__ */ w("ul", {
+								children: [/* @__PURE__ */ T("ul", {
 									className: "space-y-2",
-									children: B.items.map((e, t) => /* @__PURE__ */ w("li", {
+									children: U.items.map((e, t) => /* @__PURE__ */ T("li", {
 										className: "text-sm text-text-primary",
 										children: e
 									}, t))
-								}), /* @__PURE__ */ T("div", {
+								}), /* @__PURE__ */ E("div", {
 									className: "mt-4 pt-4 border-t border-border-subtle flex justify-between items-center",
-									children: [/* @__PURE__ */ w("span", {
+									children: [/* @__PURE__ */ T("span", {
 										className: "font-semibold text-text-primary",
 										children: "Total Amount"
-									}), /* @__PURE__ */ w("span", {
+									}), /* @__PURE__ */ T("span", {
 										className: "font-semibold text-lg text-text-primary",
-										children: W(B.total)
+										children: q(U.total)
 									})]
 								})]
 							})] }),
-							/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("h3", {
+							/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h3", {
 								className: "font-semibold text-text-primary mb-3",
 								children: "Payment Details"
-							}), /* @__PURE__ */ T("div", {
+							}), /* @__PURE__ */ E("div", {
 								className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-								children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+								children: [/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
 									className: "text-sm text-text-secondary",
 									children: "Method"
-								}), /* @__PURE__ */ w("p", {
+								}), /* @__PURE__ */ T("p", {
 									className: "font-medium text-text-primary",
-									children: B.paymentMethod
-								})] }), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+									children: U.paymentMethod
+								})] }), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
 									className: "text-sm text-text-secondary",
 									children: "Status"
-								}), /* @__PURE__ */ T("div", {
+								}), /* @__PURE__ */ E("div", {
 									className: "flex items-center gap-2",
-									children: [q(B.paymentStatus), /* @__PURE__ */ w("span", {
+									children: [X(U.paymentStatus), /* @__PURE__ */ T("span", {
 										className: "font-medium text-text-primary capitalize",
-										children: B.paymentStatus
+										children: U.paymentStatus
 									})]
 								})] })]
 							})] }),
-							B.workerAssigned && /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T("h3", {
+							U.workerAssigned && /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ E("h3", {
 								className: "font-semibold text-text-primary mb-3 flex items-center gap-2",
-								children: [/* @__PURE__ */ w(b, { className: "h-4 w-4" }), " Delivery Assignment"]
-							}), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+								children: [/* @__PURE__ */ T(x, { className: "h-4 w-4" }), " Delivery Assignment"]
+							}), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
 								className: "text-sm text-text-secondary",
 								children: "Assigned Worker"
-							}), /* @__PURE__ */ w("p", {
+							}), /* @__PURE__ */ T("p", {
 								className: "font-medium text-text-primary",
-								children: B.workerAssigned
+								children: U.workerAssigned
 							})] })] }),
-							B.notes && /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("h3", {
+							U.notes && /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h3", {
 								className: "font-semibold text-text-primary mb-3",
 								children: "Special Instructions"
-							}), /* @__PURE__ */ w("p", {
+							}), /* @__PURE__ */ T("p", {
 								className: "text-sm rounded-lg bg-bg-sunken/50 p-3 text-text-primary",
-								children: B.notes
+								children: U.notes
 							})] }),
-							/* @__PURE__ */ T("div", {
+							/* @__PURE__ */ E("div", {
 								className: "flex flex-col sm:flex-row sm:justify-end gap-3 pt-2",
-								children: [/* @__PURE__ */ w("button", {
+								children: [/* @__PURE__ */ T("button", {
 									type: "button",
-									onClick: () => U(!1),
+									onClick: () => K(!1),
 									className: "rounded-lg border border-border-subtle py-2 px-4 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 									children: "Close"
-								}), B.status !== "delivered" && B.status !== "cancelled" && /* @__PURE__ */ T("select", {
+								}), U.status !== "delivered" && U.status !== "cancelled" && /* @__PURE__ */ E("select", {
 									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)]",
-									value: B.status,
-									onChange: (e) => Y(B.id, e.target.value),
+									value: U.status,
+									onChange: (e) => Q(U.id, e.target.value),
 									children: [
-										/* @__PURE__ */ w("option", {
+										/* @__PURE__ */ T("option", {
 											value: "pending",
 											children: "Pending"
 										}),
-										/* @__PURE__ */ w("option", {
+										/* @__PURE__ */ T("option", {
 											value: "confirmed",
 											children: "Confirmed"
 										}),
-										/* @__PURE__ */ w("option", {
+										/* @__PURE__ */ T("option", {
 											value: "preparing",
 											children: "Preparing"
 										}),
-										/* @__PURE__ */ w("option", {
+										/* @__PURE__ */ T("option", {
 											value: "ready",
 											children: "Ready"
 										}),
-										/* @__PURE__ */ w("option", {
+										/* @__PURE__ */ T("option", {
 											value: "out_for_delivery",
 											children: "Out for Delivery"
 										}),
-										/* @__PURE__ */ w("option", {
+										/* @__PURE__ */ T("option", {
 											value: "delivered",
 											children: "Delivered"
 										}),
-										/* @__PURE__ */ w("option", {
+										/* @__PURE__ */ T("option", {
 											value: "cancelled",
 											children: "Cancelled"
 										})
@@ -655,6 +660,6 @@ function D() {
 	});
 }
 //#endregion
-export { D as AdminOrdersPage };
+export { A as AdminOrdersPage };
 
 //# sourceMappingURL=AdminOrdersPage.js.map