@burdenoff/microfe-kadaikodi 2026.626.2 → 2026.704.2

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

@@ -1,668 +1,497 @@
-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 { 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";
+import { cn as e } from "../../utils/cn.js";
+import { PageLayout as t } from "../../components/PageLayout.js";
+import { MetricsCard as n } from "../../components/MetricsCard.js";
+import { EmptyState as r } from "../../components/EmptyState.js";
+import { useDashboardStats as i, useOrders as a, useUpdateOrderStatus as o } from "../../hooks/useKadaikodiApi.js";
+import { formatCurrency as s } from "../../utils/formatters.js";
+import { useMemo as c, useState as l } from "react";
+import { AlertCircle as u, CheckCircle2 as d, Clock as f, Eye as p, IndianRupee as m, Loader2 as h, MapPin as g, RefreshCw as _, Search as v, ShoppingBag as y, Store as b, TrendingUp as x, X as S, XCircle as C } from "lucide-react";
+import { jsx as w, jsxs as T } from "react/jsx-runtime";
+import { EmphasisPanel as E, PagePurpose as D } from "@burdenoff/fe-libs/ui";
 //#region src/kadaikodi/pages/admin/AdminOrdersPage.tsx
-var k = [
-	{
-		id: "ORD-2024-001",
-		customerName: "Rajesh Kumar",
-		customerPhone: "+91 98765 43210",
-		cartName: "Dosa Express",
-		cartOwner: "Suresh Rao",
-		items: [
-			"Masala Dosa x2",
-			"Filter Coffee x2",
-			"Vada x1"
-		],
-		total: 280,
-		status: "delivered",
-		paymentMethod: "UPI",
-		paymentStatus: "completed",
-		orderDate: "2024-01-15T10:30:00",
-		deliveryTime: "2024-01-15T11:15:00",
-		deliveryAddress: "123, 4th Cross, Koramangala",
-		workerAssigned: "Ravi Kumar"
-	},
-	{
-		id: "ORD-2024-002",
-		customerName: "Priya Sharma",
-		customerPhone: "+91 87654 32109",
-		cartName: "Juice Junction",
-		cartOwner: "Amit Patel",
-		items: ["Fresh Orange Juice x1", "Watermelon Juice x1"],
-		total: 120,
-		status: "preparing",
-		paymentMethod: "Cash",
-		paymentStatus: "pending",
-		orderDate: "2024-01-15T11:45:00",
-		deliveryTime: "2024-01-15T12:15:00",
-		deliveryAddress: "456, BTM Layout",
-		notes: "Extra ice please"
-	},
-	{
-		id: "ORD-2024-003",
-		customerName: "Amit Singh",
-		customerPhone: "+91 76543 21098",
-		cartName: "Chaat Corner",
-		cartOwner: "Ramesh Verma",
-		items: [
-			"Pani Puri x1",
-			"Bhel Puri x1",
-			"Dahi Puri x1"
-		],
-		total: 150,
-		status: "pending",
-		paymentMethod: "Card",
-		paymentStatus: "completed",
-		orderDate: "2024-01-15T12:00:00",
-		deliveryTime: "2024-01-15T12:30:00",
-		deliveryAddress: "789, HSR Layout"
-	}
+var O = [
+	"pending",
+	"confirmed",
+	"preparing",
+	"ready",
+	"picked_up",
+	"out_for_delivery",
+	"delivered",
+	"cancelled"
 ];
-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(() => {
-			P({
-				totalOrders: 156,
-				pendingOrders: 12,
-				totalRevenue: 125600,
-				averageOrderValue: 805
-			}), M(k), I(!1);
-		}, 1e3);
-		return () => clearTimeout(e);
-	}, []);
-	let q = (e) => a(e, { minimumFractionDigits: 0 }), J = (e) => new Date(e).toLocaleString("en-IN", {
+function k() {
+	let { data: k = [], isLoading: A } = a({}), { data: j } = i(), M = o(), [N, P] = l(""), [F, I] = l("all"), [L, R] = l(null), [z, B] = l(!1), V = (e) => s(e, { minimumFractionDigits: 0 }), H = (e) => e ? new Date(e).toLocaleString("en-IN", {
 		day: "2-digit",
 		month: "short",
 		hour: "2-digit",
 		minute: "2-digit"
-	}), Y = (e) => ({
+	}) : "—", U = c(() => j && j.totalOrders > 0 ? j.totalRevenue / j.totalOrders : k.length === 0 ? 0 : k.reduce((e, t) => e + t.total, 0) / k.length, [j, k]), W = (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",
+		picked_up: "bg-[var(--color-accent-soft)] text-text-primary",
 		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", X = (e) => {
+	})[e] ?? "bg-bg-sunken text-text-secondary", G = (e) => {
 		switch (e) {
-			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" });
+			case "completed": return /* @__PURE__ */ w(d, { 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(_, { className: "h-4 w-4 text-text-primary" });
+			default: return /* @__PURE__ */ w(u, { className: "h-4 w-4 text-status-warning-text" });
 		}
-	}, 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;
+	}, K = c(() => k.filter((e) => {
+		let t = !N || e.id.toLowerCase().includes(N.toLowerCase()) || e.cartName.toLowerCase().includes(N.toLowerCase()), n = F === "all" || e.status === F;
 		return t && n;
 	}), [
-		j,
-		L,
-		z
-	]), Q = (e, t) => {
-		M((n) => n.map((n) => n.id === e ? {
-			...n,
-			status: t
-		} : n)), K(!1), alert(`Order ${e} updated to ${t.replace("_", " ")}`);
+		k,
+		N,
+		F
+	]), q = (e, t) => {
+		M.mutate({
+			id: e,
+			status: t.toUpperCase()
+		}, { onSuccess: () => {
+			R((e) => e && {
+				...e,
+				status: t
+			});
+		} });
+	}, J = (e) => {
+		let t = e.deliveryAddress, n = [
+			t.street,
+			t.area,
+			t.city,
+			t.pincode
+		].filter(Boolean);
+		return n.length > 0 ? n.join(", ") : "—";
 	};
-	return F ? /* @__PURE__ */ T(n, {
+	return A ? /* @__PURE__ */ w(t, {
 		title: "Order Management",
 		description: "Loading orders...",
-		children: /* @__PURE__ */ E("div", {
+		children: /* @__PURE__ */ T("div", {
 			className: "flex flex-col items-center justify-center py-20",
-			children: [/* @__PURE__ */ T(m, { className: "h-10 w-10 animate-spin text-text-secondary mb-4" }), /* @__PURE__ */ T("p", {
+			children: [/* @__PURE__ */ w(h, { className: "h-10 w-10 animate-spin text-text-secondary mb-4" }), /* @__PURE__ */ w("p", {
 				className: "text-text-secondary",
 				children: "Loading orders..."
 			})]
 		})
-	}) : /* @__PURE__ */ E(n, {
+	}) : /* @__PURE__ */ T(t, {
 		title: "Order Management",
-		description: `${N?.totalOrders ?? 0} total orders on the platform`,
+		description: `${j?.totalOrders ?? k.length} total orders on the platform`,
 		children: [
-			/* @__PURE__ */ T(O, {
+			/* @__PURE__ */ w(D, {
 				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, {
+			j && /* @__PURE__ */ T(E, {
 				className: "mb-6",
-				children: [/* @__PURE__ */ T("h2", {
+				children: [/* @__PURE__ */ w("h2", {
 					className: "mb-4 text-lg font-semibold text-text-primary",
 					children: "Orders at a Glance"
-				}), /* @__PURE__ */ E("div", {
+				}), /* @__PURE__ */ T("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__ */ w(n, {
+							icon: /* @__PURE__ */ w(y, { className: "h-5 w-5" }),
+							value: j.totalOrders.toLocaleString("en-IN"),
+							label: "Total Orders"
 						}),
-						/* @__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(n, {
+							icon: /* @__PURE__ */ w(m, { className: "h-5 w-5" }),
+							value: V(j.totalRevenue),
+							label: "Total Revenue"
 						}),
-						/* @__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(n, {
+							icon: /* @__PURE__ */ w(x, { className: "h-5 w-5" }),
+							value: V(U),
+							label: "Avg Order Value"
 						}),
-						/* @__PURE__ */ T(r, {
-							icon: /* @__PURE__ */ T(d, { className: "h-5 w-5" }),
-							value: N.pendingOrders,
+						/* @__PURE__ */ w(n, {
+							icon: /* @__PURE__ */ w(f, { className: "h-5 w-5" }),
+							value: j.pendingOrders.toLocaleString("en-IN"),
 							label: "Pending Orders",
 							trendValue: "Awaiting action"
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ w("div", {
 				className: "rounded-lg border border-border-subtle bg-bg-surface p-4 mb-6",
-				children: /* @__PURE__ */ E("div", {
+				children: /* @__PURE__ */ T("div", {
 					className: "flex flex-col gap-4",
-					children: [/* @__PURE__ */ E("div", {
+					children: [/* @__PURE__ */ T("div", {
 						className: "relative flex-1",
-						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", {
+						children: [/* @__PURE__ */ w(v, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ w("input", {
 							type: "text",
-							placeholder: "Search by order ID, customer, or cart name...",
-							value: L,
-							onChange: (e) => R(e.target.value),
+							placeholder: "Search by order ID or cart name...",
+							value: N,
+							onChange: (e) => P(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__ */ E("div", {
-						className: "grid grid-cols-1 sm:grid-cols-2 gap-3",
-						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__ */ T("option", {
-									value: "all",
-									children: "All Status"
-								}),
-								/* @__PURE__ */ T("option", {
-									value: "pending",
-									children: "Pending"
-								}),
-								/* @__PURE__ */ T("option", {
-									value: "confirmed",
-									children: "Confirmed"
-								}),
-								/* @__PURE__ */ T("option", {
-									value: "preparing",
-									children: "Preparing"
-								}),
-								/* @__PURE__ */ T("option", {
-									value: "ready",
-									children: "Ready"
-								}),
-								/* @__PURE__ */ T("option", {
-									value: "out_for_delivery",
-									children: "Out for Delivery"
-								}),
-								/* @__PURE__ */ T("option", {
-									value: "delivered",
-									children: "Delivered"
-								}),
-								/* @__PURE__ */ T("option", {
-									value: "cancelled",
-									children: "Cancelled"
-								})
-							]
-						}), /* @__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__ */ T("option", {
-									value: "today",
-									children: "Today"
-								}),
-								/* @__PURE__ */ T("option", {
-									value: "yesterday",
-									children: "Yesterday"
-								}),
-								/* @__PURE__ */ T("option", {
-									value: "week",
-									children: "This Week"
-								}),
-								/* @__PURE__ */ T("option", {
-									value: "month",
-									children: "This Month"
-								})
-							]
-						})]
+					}), /* @__PURE__ */ T("select", {
+						value: F,
+						onChange: (e) => I(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", {
+							value: "all",
+							children: "All Status"
+						}), O.map((e) => /* @__PURE__ */ w("option", {
+							value: e,
+							children: e.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase())
+						}, e))]
 					})]
 				})
 			}),
-			/* @__PURE__ */ E("div", {
+			/* @__PURE__ */ T("div", {
 				className: "rounded-lg border border-border-subtle bg-bg-surface overflow-hidden",
 				children: [
-					/* @__PURE__ */ T("div", {
+					/* @__PURE__ */ w("div", {
 						className: "block md:hidden space-y-4 p-4",
-						children: Z.map((e) => /* @__PURE__ */ E("div", {
+						children: K.map((t) => /* @__PURE__ */ T("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-sunken/30 p-4",
 							children: [
-								/* @__PURE__ */ E("div", {
+								/* @__PURE__ */ T("div", {
 									className: "flex justify-between items-start mb-3",
-									children: [/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h3", {
+									children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("h3", {
 										className: "font-medium text-text-primary text-lg",
-										children: e.id
-									}), /* @__PURE__ */ T("p", {
+										children: t.cartName
+									}), /* @__PURE__ */ w("p", {
 										className: "text-sm text-text-secondary",
-										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("_", " ")
+										children: H(t.orderDate)
+									})] }), /* @__PURE__ */ w("span", {
+										className: e("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium capitalize", W(t.status)),
+										children: t.status.replace(/_/g, " ")
 									})]
 								}),
-								/* @__PURE__ */ E("div", {
+								/* @__PURE__ */ T("div", {
 									className: "grid grid-cols-2 gap-4 mb-3 text-sm",
-									children: [/* @__PURE__ */ E("div", { children: [
-										/* @__PURE__ */ T("p", {
-											className: "text-text-secondary font-medium",
-											children: "Customer"
-										}),
-										/* @__PURE__ */ T("p", {
-											className: "text-text-primary",
-											children: e.customerName
-										}),
-										/* @__PURE__ */ T("p", {
-											className: "text-text-secondary text-xs",
-											children: e.customerPhone
-										})
-									] }), /* @__PURE__ */ E("div", { children: [
-										/* @__PURE__ */ T("p", {
-											className: "text-text-secondary font-medium",
-											children: "Cart"
-										}),
-										/* @__PURE__ */ T("p", {
-											className: "text-text-primary",
-											children: e.cartName
-										}),
-										/* @__PURE__ */ T("p", {
-											className: "text-text-secondary text-xs",
-											children: e.cartOwner
-										})
-									] })]
+									children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+										className: "text-text-secondary font-medium",
+										children: "Items"
+									}), /* @__PURE__ */ T("p", {
+										className: "text-text-primary",
+										children: [t.items.length, " item(s)"]
+									})] }), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+										className: "text-text-secondary font-medium",
+										children: "Order ID"
+									}), /* @__PURE__ */ w("p", {
+										className: "text-text-primary font-mono text-xs break-all",
+										children: t.id
+									})] })]
 								}),
-								/* @__PURE__ */ E("div", {
+								/* @__PURE__ */ T("div", {
 									className: "flex justify-between items-center mb-3",
-									children: [/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
+									children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
 										className: "text-text-secondary font-medium text-sm",
 										children: "Amount"
-									}), /* @__PURE__ */ T("p", {
+									}), /* @__PURE__ */ w("p", {
 										className: "text-text-primary font-semibold text-lg",
-										children: q(e.total)
-									})] }), /* @__PURE__ */ E("div", {
+										children: V(t.total)
+									})] }), /* @__PURE__ */ T("div", {
 										className: "flex items-center gap-2",
-										children: [X(e.paymentStatus), /* @__PURE__ */ E("div", {
+										children: [G(t.paymentStatus), /* @__PURE__ */ T("div", {
 											className: "text-right",
-											children: [/* @__PURE__ */ T("p", {
+											children: [/* @__PURE__ */ w("p", {
 												className: "text-sm text-text-primary",
-												children: e.paymentMethod
-											}), /* @__PURE__ */ T("p", {
+												children: t.paymentMethod
+											}), /* @__PURE__ */ w("p", {
 												className: "text-xs text-text-secondary capitalize",
-												children: e.paymentStatus
+												children: t.paymentStatus
 											})]
 										})]
 									})]
 								}),
-								/* @__PURE__ */ E("button", {
+								/* @__PURE__ */ T("button", {
 									type: "button",
 									onClick: () => {
-										W(e), K(!0);
+										R(t), B(!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__ */ T(f, { className: "h-4 w-4" }), " View Details"]
+									children: [/* @__PURE__ */ w(p, { className: "h-4 w-4" }), " View Details"]
 								})
 							]
-						}, e.id))
+						}, t.id))
 					}),
-					/* @__PURE__ */ T("div", {
+					/* @__PURE__ */ w("div", {
 						className: "hidden md:block overflow-x-auto",
-						children: /* @__PURE__ */ E("table", {
+						children: /* @__PURE__ */ T("table", {
 							className: "w-full",
-							children: [/* @__PURE__ */ T("thead", { children: /* @__PURE__ */ E("tr", {
+							children: [/* @__PURE__ */ w("thead", { children: /* @__PURE__ */ T("tr", {
 								className: "border-b border-border-subtle bg-bg-sunken/50",
 								children: [
-									/* @__PURE__ */ T("th", {
+									/* @__PURE__ */ w("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
 										children: "Order ID"
 									}),
-									/* @__PURE__ */ T("th", {
+									/* @__PURE__ */ w("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
-										children: "Customer"
+										children: "Cart"
 									}),
-									/* @__PURE__ */ T("th", {
+									/* @__PURE__ */ w("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
-										children: "Cart"
+										children: "Items"
 									}),
-									/* @__PURE__ */ T("th", {
+									/* @__PURE__ */ w("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
 										children: "Amount"
 									}),
-									/* @__PURE__ */ T("th", {
+									/* @__PURE__ */ w("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
 										children: "Status"
 									}),
-									/* @__PURE__ */ T("th", {
+									/* @__PURE__ */ w("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
 										children: "Payment"
 									}),
-									/* @__PURE__ */ T("th", {
+									/* @__PURE__ */ w("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
 										children: "Time"
 									}),
-									/* @__PURE__ */ T("th", {
+									/* @__PURE__ */ w("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
 										children: "Actions"
 									})
 								]
-							}) }), /* @__PURE__ */ T("tbody", {
+							}) }), /* @__PURE__ */ w("tbody", {
 								className: "divide-y divide-border",
-								children: Z.map((e) => /* @__PURE__ */ E("tr", {
+								children: K.map((t) => /* @__PURE__ */ T("tr", {
 									className: "hover:bg-accent/50 transition-colors",
 									children: [
-										/* @__PURE__ */ T("td", {
+										/* @__PURE__ */ w("td", {
 											className: "px-4 py-3 text-sm font-mono font-medium text-text-primary",
-											children: e.id
-										}),
-										/* @__PURE__ */ E("td", {
-											className: "px-4 py-3",
-											children: [/* @__PURE__ */ T("div", {
-												className: "text-sm font-medium text-text-primary",
-												children: e.customerName
-											}), /* @__PURE__ */ T("div", {
-												className: "text-xs text-text-secondary",
-												children: e.customerPhone
-											})]
+											children: t.id.slice(0, 12)
 										}),
-										/* @__PURE__ */ E("td", {
+										/* @__PURE__ */ w("td", {
 											className: "px-4 py-3",
-											children: [/* @__PURE__ */ T("div", {
+											children: /* @__PURE__ */ w("div", {
 												className: "text-sm font-medium text-text-primary",
-												children: e.cartName
-											}), /* @__PURE__ */ T("div", {
-												className: "text-xs text-text-secondary",
-												children: e.cartOwner
-											})]
+												children: t.cartName
+											})
 										}),
 										/* @__PURE__ */ T("td", {
+											className: "px-4 py-3 text-sm text-text-secondary",
+											children: [t.items.length, " item(s)"]
+										}),
+										/* @__PURE__ */ w("td", {
 											className: "px-4 py-3 text-sm font-semibold text-text-primary",
-											children: q(e.total)
+											children: V(t.total)
 										}),
-										/* @__PURE__ */ T("td", {
+										/* @__PURE__ */ w("td", {
 											className: "px-4 py-3",
-											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("_", " ")
+											children: /* @__PURE__ */ w("span", {
+												className: e("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium capitalize", W(t.status)),
+												children: t.status.replace(/_/g, " ")
 											})
 										}),
-										/* @__PURE__ */ T("td", {
+										/* @__PURE__ */ w("td", {
 											className: "px-4 py-3",
-											children: /* @__PURE__ */ E("div", {
+											children: /* @__PURE__ */ T("div", {
 												className: "flex items-center gap-2",
-												children: [X(e.paymentStatus), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("div", {
+												children: [G(t.paymentStatus), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("div", {
 													className: "text-sm text-text-primary",
-													children: e.paymentMethod
-												}), /* @__PURE__ */ T("div", {
+													children: t.paymentMethod
+												}), /* @__PURE__ */ w("div", {
 													className: "text-xs text-text-secondary capitalize",
-													children: e.paymentStatus
+													children: t.paymentStatus
 												})] })]
 											})
 										}),
-										/* @__PURE__ */ T("td", {
+										/* @__PURE__ */ w("td", {
 											className: "px-4 py-3 text-sm text-text-secondary",
-											children: J(e.orderDate)
+											children: H(t.orderDate)
 										}),
-										/* @__PURE__ */ T("td", {
+										/* @__PURE__ */ w("td", {
 											className: "px-4 py-3",
-											children: /* @__PURE__ */ T("button", {
+											children: /* @__PURE__ */ w("button", {
 												type: "button",
 												onClick: () => {
-													W(e), K(!0);
+													R(t), B(!0);
 												},
 												className: "rounded p-1.5 text-text-secondary hover:text-text-primary hover:bg-accent transition-colors",
-												children: /* @__PURE__ */ T(f, { className: "h-4 w-4" })
+												children: /* @__PURE__ */ w(p, { className: "h-4 w-4" })
 											})
 										})
 									]
-								}, e.id))
+								}, t.id))
 							})]
 						})
 					}),
-					Z.length === 0 && /* @__PURE__ */ T(i, {
+					K.length === 0 && /* @__PURE__ */ w(r, {
 						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", {
+						title: k.length === 0 ? "No orders yet" : "No orders found",
+						description: k.length === 0 ? "Orders placed across the platform will appear here as they come in." : "No orders match your current search and filters. Try a different status or search term.",
+						action: k.length > 0 ? /* @__PURE__ */ w("button", {
 							type: "button",
 							onClick: () => {
-								R(""), B("all"), H("today");
+								P(""), I("all");
 							},
 							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"
-						})
+						}) : void 0
 					})
 				]
 			}),
-			G && U && /* @__PURE__ */ T("div", {
+			z && L && /* @__PURE__ */ w("div", {
 				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
-				children: /* @__PURE__ */ E("div", {
+				children: /* @__PURE__ */ T("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__ */ E("div", {
+					children: [/* @__PURE__ */ T("div", {
 						className: "flex items-center justify-between p-4 border-b border-border-subtle",
-						children: [/* @__PURE__ */ T("h2", {
+						children: [/* @__PURE__ */ w("h2", {
 							className: "text-lg font-semibold text-text-primary",
 							children: "Order Details"
-						}), /* @__PURE__ */ T("button", {
+						}), /* @__PURE__ */ w("button", {
 							type: "button",
-							onClick: () => K(!1),
+							onClick: () => B(!1),
 							className: "rounded p-1.5 text-text-secondary hover:text-text-primary hover:bg-accent transition-colors",
-							children: /* @__PURE__ */ T(C, { className: "h-5 w-5" })
+							children: /* @__PURE__ */ w(S, { className: "h-5 w-5" })
 						})]
-					}), /* @__PURE__ */ E("div", {
+					}), /* @__PURE__ */ T("div", {
 						className: "p-4 space-y-6",
 						children: [
-							/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h3", {
+							/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("h3", {
 								className: "font-semibold text-text-primary mb-3",
 								children: "Order Information"
-							}), /* @__PURE__ */ E("div", {
+							}), /* @__PURE__ */ T("div", {
 								className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
 								children: [
-									/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
+									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
 										className: "text-sm text-text-secondary",
 										children: "Order ID"
-									}), /* @__PURE__ */ T("p", {
-										className: "font-medium text-text-primary",
-										children: U.id
+									}), /* @__PURE__ */ w("p", {
+										className: "font-medium text-text-primary font-mono text-sm break-all",
+										children: L.id
 									})] }),
-									/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
+									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
 										className: "text-sm text-text-secondary",
 										children: "Status"
-									}), /* @__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__ */ w("span", {
+										className: e("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium capitalize", W(L.status)),
+										children: L.status.replace(/_/g, " ")
 									})] }),
-									/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
+									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
 										className: "text-sm text-text-secondary",
 										children: "Order Date"
-									}), /* @__PURE__ */ T("p", {
+									}), /* @__PURE__ */ w("p", {
 										className: "font-medium text-text-primary",
-										children: J(U.orderDate)
+										children: H(L.orderDate)
 									})] }),
-									/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
+									L.estimatedDeliveryTime && /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
 										className: "text-sm text-text-secondary",
-										children: "Delivery Time"
-									}), /* @__PURE__ */ T("p", {
+										children: "Estimated Delivery"
+									}), /* @__PURE__ */ w("p", {
 										className: "font-medium text-text-primary",
-										children: J(U.deliveryTime)
+										children: H(L.estimatedDeliveryTime)
 									})] })
 								]
 							})] }),
-							/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ E("h3", {
+							/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T("h3", {
 								className: "font-semibold text-text-primary mb-3 flex items-center gap-2",
-								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__ */ E("div", { children: [/* @__PURE__ */ T("p", {
-										className: "text-sm text-text-secondary",
-										children: "Name"
-									}), /* @__PURE__ */ T("p", {
-										className: "font-medium text-text-primary",
-										children: U.customerName
-									})] }),
-									/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
-										className: "text-sm text-text-secondary",
-										children: "Phone"
-									}), /* @__PURE__ */ E("p", {
-										className: "font-medium text-text-primary flex items-center gap-1",
-										children: [/* @__PURE__ */ T(g, { className: "h-3 w-3" }), U.customerPhone]
-									})] }),
-									/* @__PURE__ */ E("div", {
-										className: "sm:col-span-2",
-										children: [/* @__PURE__ */ T("p", {
-											className: "text-sm text-text-secondary",
-											children: "Delivery Address"
-										}), /* @__PURE__ */ E("p", {
-											className: "font-medium text-text-primary flex items-center gap-1",
-											children: [/* @__PURE__ */ T(h, { className: "h-3 w-3" }), U.deliveryAddress]
-										})]
-									})
-								]
+								children: [/* @__PURE__ */ w(b, { className: "h-4 w-4" }), " Cart"]
+							}), /* @__PURE__ */ w("p", {
+								className: "font-medium text-text-primary",
+								children: L.cartName
 							})] }),
-							/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h3", {
+							J(L) !== "—" && /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("h3", {
 								className: "font-semibold text-text-primary mb-3",
-								children: "Cart Details"
-							}), /* @__PURE__ */ E("div", {
-								className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-								children: [/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
-									className: "text-sm text-text-secondary",
-									children: "Cart Name"
-								}), /* @__PURE__ */ T("p", {
-									className: "font-medium text-text-primary",
-									children: U.cartName
-								})] }), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
-									className: "text-sm text-text-secondary",
-									children: "Cart Owner"
-								}), /* @__PURE__ */ T("p", {
-									className: "font-medium text-text-primary",
-									children: U.cartOwner
-								})] })]
+								children: "Delivery Address"
+							}), /* @__PURE__ */ T("p", {
+								className: "font-medium text-text-primary flex items-start gap-1",
+								children: [/* @__PURE__ */ w(g, { className: "h-3 w-3 mt-1 shrink-0" }), J(L)]
 							})] }),
-							/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h3", {
+							/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("h3", {
 								className: "font-semibold text-text-primary mb-3",
 								children: "Order Items"
-							}), /* @__PURE__ */ E("div", {
+							}), /* @__PURE__ */ T("div", {
 								className: "rounded-lg bg-bg-sunken/50 p-4",
-								children: [/* @__PURE__ */ T("ul", {
+								children: [L.items.length > 0 ? /* @__PURE__ */ w("ul", {
 									className: "space-y-2",
-									children: U.items.map((e, t) => /* @__PURE__ */ T("li", {
-										className: "text-sm text-text-primary",
-										children: e
-									}, t))
-								}), /* @__PURE__ */ E("div", {
-									className: "mt-4 pt-4 border-t border-border-subtle flex justify-between items-center",
-									children: [/* @__PURE__ */ T("span", {
-										className: "font-semibold text-text-primary",
-										children: "Total Amount"
-									}), /* @__PURE__ */ T("span", {
-										className: "font-semibold text-lg text-text-primary",
-										children: q(U.total)
-									})]
+									children: L.items.map((e) => /* @__PURE__ */ T("li", {
+										className: "flex justify-between text-sm text-text-primary",
+										children: [/* @__PURE__ */ T("span", { children: [
+											e.name,
+											" × ",
+											e.quantity
+										] }), /* @__PURE__ */ w("span", {
+											className: "font-medium",
+											children: V(e.price * e.quantity)
+										})]
+									}, e.id))
+								}) : /* @__PURE__ */ w("p", {
+									className: "text-sm text-text-secondary",
+									children: "No line items recorded."
+								}), /* @__PURE__ */ T("div", {
+									className: "mt-4 pt-4 border-t border-border-subtle space-y-1 text-sm",
+									children: [
+										/* @__PURE__ */ T("div", {
+											className: "flex justify-between text-text-secondary",
+											children: [/* @__PURE__ */ w("span", { children: "Subtotal" }), /* @__PURE__ */ w("span", { children: V(L.subtotal) })]
+										}),
+										/* @__PURE__ */ T("div", {
+											className: "flex justify-between text-text-secondary",
+											children: [/* @__PURE__ */ w("span", { children: "Taxes" }), /* @__PURE__ */ w("span", { children: V(L.taxes) })]
+										}),
+										/* @__PURE__ */ T("div", {
+											className: "flex justify-between text-text-secondary",
+											children: [/* @__PURE__ */ w("span", { children: "Delivery Fee" }), /* @__PURE__ */ w("span", { children: V(L.deliveryFee) })]
+										}),
+										L.discount ? /* @__PURE__ */ T("div", {
+											className: "flex justify-between text-text-secondary",
+											children: [/* @__PURE__ */ w("span", { children: "Discount" }), /* @__PURE__ */ T("span", { children: ["-", V(L.discount)] })]
+										}) : null,
+										/* @__PURE__ */ T("div", {
+											className: "flex justify-between pt-2 border-t border-border-subtle font-semibold text-text-primary text-base",
+											children: [/* @__PURE__ */ w("span", { children: "Total" }), /* @__PURE__ */ w("span", { children: V(L.total) })]
+										})
+									]
 								})]
 							})] }),
-							/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h3", {
+							/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("h3", {
 								className: "font-semibold text-text-primary mb-3",
 								children: "Payment Details"
-							}), /* @__PURE__ */ E("div", {
+							}), /* @__PURE__ */ T("div", {
 								className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-								children: [/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
+								children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
 									className: "text-sm text-text-secondary",
 									children: "Method"
-								}), /* @__PURE__ */ T("p", {
+								}), /* @__PURE__ */ w("p", {
 									className: "font-medium text-text-primary",
-									children: U.paymentMethod
-								})] }), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
+									children: L.paymentMethod
+								})] }), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
 									className: "text-sm text-text-secondary",
 									children: "Status"
-								}), /* @__PURE__ */ E("div", {
+								}), /* @__PURE__ */ T("div", {
 									className: "flex items-center gap-2",
-									children: [X(U.paymentStatus), /* @__PURE__ */ T("span", {
+									children: [G(L.paymentStatus), /* @__PURE__ */ w("span", {
 										className: "font-medium text-text-primary capitalize",
-										children: U.paymentStatus
+										children: L.paymentStatus
 									})]
 								})] })]
 							})] }),
-							U.workerAssigned && /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ E("h3", {
-								className: "font-semibold text-text-primary mb-3 flex items-center gap-2",
-								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__ */ T("p", {
-								className: "font-medium text-text-primary",
-								children: U.workerAssigned
-							})] })] }),
-							U.notes && /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h3", {
+							L.customerNotes && /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("h3", {
 								className: "font-semibold text-text-primary mb-3",
 								children: "Special Instructions"
-							}), /* @__PURE__ */ T("p", {
+							}), /* @__PURE__ */ w("p", {
 								className: "text-sm rounded-lg bg-bg-sunken/50 p-3 text-text-primary",
-								children: U.notes
+								children: L.customerNotes
 							})] }),
-							/* @__PURE__ */ E("div", {
+							/* @__PURE__ */ T("div", {
 								className: "flex flex-col sm:flex-row sm:justify-end gap-3 pt-2",
-								children: [/* @__PURE__ */ T("button", {
+								children: [/* @__PURE__ */ w("button", {
 									type: "button",
-									onClick: () => K(!1),
+									onClick: () => B(!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"
-								}), 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: U.status,
-									onChange: (e) => Q(U.id, e.target.value),
-									children: [
-										/* @__PURE__ */ T("option", {
-											value: "pending",
-											children: "Pending"
-										}),
-										/* @__PURE__ */ T("option", {
-											value: "confirmed",
-											children: "Confirmed"
-										}),
-										/* @__PURE__ */ T("option", {
-											value: "preparing",
-											children: "Preparing"
-										}),
-										/* @__PURE__ */ T("option", {
-											value: "ready",
-											children: "Ready"
-										}),
-										/* @__PURE__ */ T("option", {
-											value: "out_for_delivery",
-											children: "Out for Delivery"
-										}),
-										/* @__PURE__ */ T("option", {
-											value: "delivered",
-											children: "Delivered"
-										}),
-										/* @__PURE__ */ T("option", {
-											value: "cancelled",
-											children: "Cancelled"
-										})
-									]
+								}), L.status !== "delivered" && L.status !== "cancelled" && /* @__PURE__ */ w("select", {
+									disabled: M.isPending,
+									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)] disabled:opacity-50",
+									value: L.status,
+									onChange: (e) => q(L.id, e.target.value),
+									children: O.map((e) => /* @__PURE__ */ w("option", {
+										value: e,
+										children: e.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase())
+									}, e))
 								})]
 							})
 						]
@@ -673,6 +502,6 @@ function A() {
 	});
 }
 //#endregion
-export { A as AdminOrdersPage };
+export { k as AdminOrdersPage };
 
 //# sourceMappingURL=AdminOrdersPage.js.map