@burdenoff/microfe-kadaikodi 2026.625.1 → 2026.626.2

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

@@ -2,12 +2,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 { 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/kadaikodi/pages/admin/AdminOrdersPage.tsx
-var E = [
+var k = [
 	{
 		id: "ORD-2024-001",
 		customerName: "Rajesh Kumar",
@@ -64,166 +66,176 @@ 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) => ({
+	}), Y = (e) => ({
 		delivered: "bg-status-success-bg-subtle text-status-success-text",
 		preparing: "bg-status-warning-bg-subtle text-status-warning-text",
 		ready: "bg-status-warning-bg-subtle text-status-warning-text",
 		out_for_delivery: "bg-[var(--color-accent-soft)] text-text-primary",
 		cancelled: "bg-status-error-bg-subtle text-status-error-text",
 		confirmed: "bg-[var(--color-accent-soft)] text-text-primary"
-	})[e] ?? "bg-secondary text-secondary-foreground", q = (e) => {
+	})[e] ?? "bg-secondary text-secondary-foreground", X = (e) => {
 		switch (e) {
-			case "completed": return /* @__PURE__ */ w(l, { className: "h-4 w-4 text-status-success-text" });
-			case "failed": return /* @__PURE__ */ w(C, { className: "h-4 w-4 text-status-error-text" });
-			case "refunded": return /* @__PURE__ */ w(g, { className: "h-4 w-4 text-text-primary" });
-			default: return /* @__PURE__ */ w(c, { className: "h-4 w-4 text-status-warning-text" });
+			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-text-primary" });
+			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",
-				children: [
-					/* @__PURE__ */ w(r, {
-						icon: /* @__PURE__ */ w(v, { className: "h-5 w-5" }),
-						value: A.totalOrders,
-						label: "Total Orders",
-						trendValue: "Orders today"
-					}),
-					/* @__PURE__ */ w(r, {
-						icon: /* @__PURE__ */ w(f, { className: "h-5 w-5" }),
-						value: W(A.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),
-						label: "Avg Order Value",
-						trendValue: "Average order value"
-					}),
-					/* @__PURE__ */ w(r, {
-						icon: /* @__PURE__ */ w(u, { className: "h-5 w-5" }),
-						value: A.pendingOrders,
-						label: "Pending Orders",
-						trendValue: "Awaiting action"
-					})
-				]
+			/* @__PURE__ */ T(O, {
+				className: "mb-6",
+				children: "Every order placed across Kadaikodi in one queue. Use this page to keep operations running smoothly — search and filter orders, spot anything pending or stuck, open an order to see its full details, and step in when a customer or cart needs help. The metrics up top give you a live read on volume, revenue and what's awaiting action."
+			}),
+			N && /* @__PURE__ */ E(D, {
+				className: "mb-6",
+				children: [/* @__PURE__ */ T("h2", {
+					className: "mb-4 text-lg font-semibold text-text-primary",
+					children: "Orders at a Glance"
+				}), /* @__PURE__ */ E("div", {
+					className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4",
+					children: [
+						/* @__PURE__ */ T(r, {
+							icon: /* @__PURE__ */ T(y, { className: "h-5 w-5" }),
+							value: N.totalOrders,
+							label: "Total Orders",
+							trendValue: "Orders today"
+						}),
+						/* @__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__ */ T(r, {
+							icon: /* @__PURE__ */ T(b, { className: "h-5 w-5" }),
+							value: q(N.averageOrderValue),
+							label: "Avg Order Value",
+							trendValue: "Average order value"
+						}),
+						/* @__PURE__ */ T(r, {
+							icon: /* @__PURE__ */ T(d, { className: "h-5 w-5" }),
+							value: N.pendingOrders,
+							label: "Pending Orders",
+							trendValue: "Awaiting action"
+						})
+					]
+				})]
 			}),
-			/* @__PURE__ */ w("div", {
+			/* @__PURE__ */ T("div", {
 				className: "rounded-lg border border-border-subtle bg-bg-surface p-4 mb-6",
-				children: /* @__PURE__ */ T("div", {
+				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 +244,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 +441,224 @@ 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 search and filters. Try a different status, date range or search term.",
+						action: /* @__PURE__ */ T("button", {
+							type: "button",
+							onClick: () => {
+								R(""), B("all"), H("today");
+							},
+							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"
+						})
 					})
 				]
 			}),
-			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 +673,6 @@ function D() {
 	});
 }
 //#endregion
-export { D as AdminOrdersPage };
+export { A as AdminOrdersPage };
 
 //# sourceMappingURL=AdminOrdersPage.js.map