@burdenoff/microfe-subscriberbot 2026.624.1 → 2026.626.1

package/dist/subscriberbot/pages/cart-owner/OrderManagementPage.js

@@ -1,14 +1,16 @@
 import { useSubscriberBot as e } from "../../context/SubscriberBotContext.js";
 import { cn as t } from "../../utils/cn.js";
 import { PageLayout as n } from "../../components/PageLayout.js";
-import { formatCurrency as r } from "../../utils/formatters.js";
-import { mockOrders as i } from "../../mocks/data.js";
-import { useMemo as a, useState as o } from "react";
-import { AlertCircle as s, CheckCircle2 as c, ChefHat as l, MapPin as u, PackageCheck as d, Phone as f, RefreshCw as p, Search as m, ShoppingBag as h, Truck as g, X as _, XCircle as v } from "lucide-react";
-import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { EmptyState as r } from "../../components/EmptyState.js";
+import { formatCurrency as i } from "../../utils/formatters.js";
+import { mockOrders as a } from "../../mocks/data.js";
+import { useMemo as o, useState as s } from "react";
+import { AlertCircle as c, CheckCircle2 as l, ChefHat as u, MapPin as d, PackageCheck as f, Phone as p, RefreshCw as m, Search as h, ShoppingBag as g, Truck as _, X as v, XCircle as y } from "lucide-react";
+import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
+import { EmphasisPanel as C, PagePurpose as w } from "@burdenoff/fe-libs/ui";
 //#region src/subscriberbot/pages/cart-owner/OrderManagementPage.tsx
-var S = [
-	...i,
+var T = [
+	...a,
 	{
 		id: "ORD-010",
 		cartId: "FOOD-001",
@@ -240,83 +242,83 @@ var S = [
 		customerPhone: "+91-9876543224",
 		fulfillmentType: "delivery"
 	}
-], C = {
+], E = {
 	pending: {
-		color: "bg-yellow-500/20 text-yellow-600 dark:text-yellow-400",
+		color: "bg-status-warning-bg/20 text-status-warning-text",
 		label: "New Order"
 	},
 	confirmed: {
-		color: "bg-blue-500/20 text-blue-600 dark:text-blue-400",
+		color: "bg-status-info-bg/20 text-status-info-text",
 		label: "Confirmed"
 	},
 	preparing: {
-		color: "bg-orange-500/20 text-orange-600 dark:text-orange-400",
+		color: "bg-status-warning-bg/20 text-status-warning-text",
 		label: "Preparing"
 	},
 	ready: {
-		color: "bg-green-500/20 text-green-600 dark:text-green-400",
+		color: "bg-status-success-bg/20 text-status-success-text",
 		label: "Ready"
 	},
 	out_for_delivery: {
-		color: "bg-cyan-500/20 text-cyan-600 dark:text-cyan-400",
+		color: "bg-status-info-bg/20 text-status-info-text",
 		label: "Out for Delivery"
 	},
 	delivered: {
-		color: "bg-green-500/20 text-green-600 dark:text-green-400",
+		color: "bg-status-success-bg/20 text-status-success-text",
 		label: "Completed"
 	},
 	cancelled: {
-		color: "bg-red-500/20 text-red-600 dark:text-red-400",
+		color: "bg-status-error-bg/20 text-status-error-text",
 		label: "Cancelled"
 	}
-}, w = {
+}, D = {
 	delivery: {
-		icon: g,
+		icon: _,
 		label: "Delivery",
-		color: "bg-purple-500/20 text-purple-600 dark:text-purple-400"
+		color: "bg-accent-purple-subtle text-accent-purple"
 	},
 	pickup: {
-		icon: h,
+		icon: g,
 		label: "Pickup",
-		color: "bg-blue-500/20 text-blue-600 dark:text-blue-400"
+		color: "bg-status-info-bg/20 text-status-info-text"
 	},
 	cart_dispatch: {
-		icon: u,
+		icon: d,
 		label: "Cart Dispatch",
 		color: "bg-bg-sunken text-text-secondary"
 	}
-}, T = (e) => {
+}, O = (e) => {
 	let t = new Date(e), n = Math.floor(((/* @__PURE__ */ new Date()).getTime() - t.getTime()) / (1e3 * 60));
 	return n < 1 ? "Just now" : n < 60 ? `${n} min ago` : n < 1440 ? `${Math.floor(n / 60)} hours ago` : t.toLocaleDateString("en-IN", {
 		day: "2-digit",
 		month: "short"
 	});
-}, E = (e) => new Date(e).toLocaleTimeString("en-IN", {
+}, k = (e) => new Date(e).toLocaleTimeString("en-IN", {
 	hour: "numeric",
 	minute: "2-digit",
 	hour12: !0
-}), D = (e) => {
+}), A = (e) => {
 	let t = ((/* @__PURE__ */ new Date()).getTime() - new Date(e.orderDate).getTime()) / (1e3 * 60);
-	return e.status === "pending" && t > 10 ? "border-red-500/50 bg-red-500/5" : e.status === "preparing" && t > 30 ? "border-yellow-500/50 bg-yellow-500/5" : "border-border-subtle";
-}, O = () => {
-	let { navigateTo: i } = e(), [h, g] = o(S), [O, k] = o({
+	return e.status === "pending" && t > 10 ? "border-status-error-border/50 bg-status-error-bg/5" : e.status === "preparing" && t > 30 ? "border-status-warning-border/50 bg-status-warning-bg/5" : "border-border-seam";
+}, j = () => {
+	let { navigateTo: a } = e(), [_, j] = s(T), [M, N] = s({
 		status: "",
 		dateRange: "all",
 		searchQuery: "",
 		sortBy: "recent",
 		fulfillmentType: ""
-	}), [A, j] = o(null), [M, N] = o(!1), [P, F] = o(null), I = (e, t) => {
-		F({
+	}), [P, F] = s(null), [I, L] = s(!1), [R, z] = s(null), B = (e, t) => {
+		z({
 			text: e,
 			type: t
-		}), setTimeout(() => F(null), 3e3);
-	}, L = a(() => {
-		let e = h.length, t = h.filter((e) => e.status === "pending").length, n = h.filter((e) => [
+		}), setTimeout(() => z(null), 3e3);
+	}, V = o(() => {
+		let e = _.length, t = _.filter((e) => e.status === "pending").length, n = _.filter((e) => [
 			"confirmed",
 			"preparing",
 			"ready",
 			"out_for_delivery"
-		].includes(e.status)).length, r = h.filter((e) => e.status === "delivered").length, i = h.filter((e) => e.status === "delivered").reduce((e, t) => e + t.total, 0);
+		].includes(e.status)).length, r = _.filter((e) => e.status === "delivered").length, i = _.filter((e) => e.status === "delivered").reduce((e, t) => e + t.total, 0);
 		return {
 			total: e,
 			pending: t,
@@ -325,17 +327,17 @@ var S = [
 			totalRevenue: i,
 			avgOrder: r > 0 ? Math.round(i / r) : 0
 		};
-	}, [h]), R = a(() => {
-		let e = [...h];
-		if (O.status && (e = e.filter((e) => e.status === O.status)), O.fulfillmentType && (e = e.filter((e) => e.fulfillmentType === O.fulfillmentType)), O.searchQuery) {
-			let t = O.searchQuery.toLowerCase();
+	}, [_]), H = o(() => {
+		let e = [..._];
+		if (M.status && (e = e.filter((e) => e.status === M.status)), M.fulfillmentType && (e = e.filter((e) => e.fulfillmentType === M.fulfillmentType)), M.searchQuery) {
+			let t = M.searchQuery.toLowerCase();
 			e = e.filter((e) => e.id.toLowerCase().includes(t) || (e.customerName || "").toLowerCase().includes(t) || e.items.some((e) => e.name.toLowerCase().includes(t)));
 		}
-		if (O.dateRange !== "all") {
+		if (M.dateRange !== "all") {
 			let t = /* @__PURE__ */ new Date(), n = /* @__PURE__ */ new Date();
-			O.dateRange === "today" ? n.setHours(0, 0, 0, 0) : O.dateRange === "7days" ? n.setDate(t.getDate() - 7) : O.dateRange === "30days" && n.setDate(t.getDate() - 30), e = e.filter((e) => new Date(e.orderDate) >= n);
+			M.dateRange === "today" ? n.setHours(0, 0, 0, 0) : M.dateRange === "7days" ? n.setDate(t.getDate() - 7) : M.dateRange === "30days" && n.setDate(t.getDate() - 30), e = e.filter((e) => new Date(e.orderDate) >= n);
 		}
-		switch (O.sortBy) {
+		switch (M.sortBy) {
 			case "recent":
 				e.sort((e, t) => new Date(t.orderDate).getTime() - new Date(e.orderDate).getTime());
 				break;
@@ -350,236 +352,241 @@ var S = [
 				break;
 		}
 		return e;
-	}, [h, O]), z = (e, t) => {
+	}, [_, M]), U = (e, t) => {
 		let n = {
 			accept: "confirmed",
 			reject: "cancelled",
 			ready: "ready",
 			complete: "delivered"
 		};
-		g((r) => r.map((r) => r.id === e ? {
+		j((r) => r.map((r) => r.id === e ? {
 			...r,
 			status: n[t]
-		} : r)), I({
+		} : r)), B({
 			accept: "Order accepted",
 			reject: "Order rejected",
 			ready: "Order marked as ready",
 			complete: "Order completed"
-		}[t], "success"), M && A?.id === e && N(!1);
+		}[t], "success"), I && P?.id === e && L(!1);
 	};
-	return /* @__PURE__ */ x(n, {
+	return /* @__PURE__ */ S(n, {
 		title: "Order Management",
 		description: "Manage incoming and active orders",
-		actions: /* @__PURE__ */ x("button", {
+		titleGradient: !0,
+		actions: /* @__PURE__ */ S("button", {
 			type: "button",
-			onClick: () => I("Orders refreshed", "success"),
-			className: "inline-flex items-center gap-2 rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken transition-colors",
-			children: [/* @__PURE__ */ b(p, { className: "h-4 w-4" }), "Refresh"]
+			onClick: () => B("Orders refreshed", "success"),
+			className: "inline-flex items-center gap-2 rounded-md border border-border-seam px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken transition-colors",
+			children: [/* @__PURE__ */ x(m, { className: "h-4 w-4" }), "Refresh"]
 		}),
-		children: [/* @__PURE__ */ x("div", {
+		children: [/* @__PURE__ */ S("div", {
 			className: "space-y-4",
 			children: [
-				P && /* @__PURE__ */ x("div", {
-					className: t("flex items-center gap-2 rounded-lg border p-3", P.type === "success" ? "border-green-500/30 bg-green-500/10" : "border-red-500/30 bg-red-500/10"),
-					children: [P.type === "success" ? /* @__PURE__ */ b(c, { className: "h-4 w-4 text-green-600 dark:text-green-400" }) : /* @__PURE__ */ b(s, { className: "h-4 w-4 text-red-600 dark:text-red-400" }), /* @__PURE__ */ b("span", {
-						className: t("text-sm font-medium", P.type === "success" ? "text-green-600 dark:text-green-400" : "text-red-600 dark:text-red-400"),
-						children: P.text
+				/* @__PURE__ */ x(w, {
+					icon: /* @__PURE__ */ x(g, { className: "h-4 w-4" }),
+					children: "The live queue for every order hitting your cart. Triage new orders the moment they arrive — accept, move them through preparing and ready, and mark them delivered so customers get accurate status updates. Filter by status to focus on what's pending right now, and watch revenue add up through the day."
+				}),
+				R && /* @__PURE__ */ S("div", {
+					className: t("flex items-center gap-2 rounded-lg border p-3", R.type === "success" ? "border-status-success-border/30 bg-status-success-bg/10" : "border-status-error-border/30 bg-status-error-bg/10"),
+					children: [R.type === "success" ? /* @__PURE__ */ x(l, { className: "h-4 w-4 text-status-success-text" }) : /* @__PURE__ */ x(c, { className: "h-4 w-4 text-status-error-text" }), /* @__PURE__ */ x("span", {
+						className: t("text-sm font-medium", R.type === "success" ? "text-status-success-text" : "text-status-error-text"),
+						children: R.text
 					})]
 				}),
-				/* @__PURE__ */ x("div", {
+				/* @__PURE__ */ S(C, {
 					className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 gap-3",
 					children: [
-						/* @__PURE__ */ x("div", {
-							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
-							children: [/* @__PURE__ */ b("p", {
+						/* @__PURE__ */ S("div", {
+							className: "rounded-lg border border-border-seam bg-bg-surface p-4 shadow-sm",
+							children: [/* @__PURE__ */ x("p", {
 								className: "text-xs text-text-secondary",
 								children: "Total Orders"
-							}), /* @__PURE__ */ b("p", {
+							}), /* @__PURE__ */ x("p", {
 								className: "text-2xl font-bold text-text-primary",
-								children: L.total
+								children: V.total
 							})]
 						}),
-						/* @__PURE__ */ x("div", {
-							className: "rounded-lg border border-yellow-500/30 bg-yellow-500/5 p-4 shadow-sm",
-							children: [/* @__PURE__ */ b("p", {
-								className: "text-xs text-yellow-600 dark:text-yellow-400",
+						/* @__PURE__ */ S("div", {
+							className: "rounded-lg border border-status-warning-border/30 bg-status-warning-bg/5 p-4 shadow-sm",
+							children: [/* @__PURE__ */ x("p", {
+								className: "text-xs text-status-warning-text",
 								children: "Pending"
-							}), /* @__PURE__ */ b("p", {
-								className: "text-2xl font-bold text-yellow-600 dark:text-yellow-400",
-								children: L.pending
+							}), /* @__PURE__ */ x("p", {
+								className: "text-2xl font-bold text-status-warning-text",
+								children: V.pending
 							})]
 						}),
-						/* @__PURE__ */ x("div", {
-							className: "rounded-lg border border-blue-500/30 bg-blue-500/5 p-4 shadow-sm",
-							children: [/* @__PURE__ */ b("p", {
-								className: "text-xs text-blue-600 dark:text-blue-400",
+						/* @__PURE__ */ S("div", {
+							className: "rounded-lg border border-status-info-border/30 bg-status-info-bg/5 p-4 shadow-sm",
+							children: [/* @__PURE__ */ x("p", {
+								className: "text-xs text-status-info-text",
 								children: "Active"
-							}), /* @__PURE__ */ b("p", {
-								className: "text-2xl font-bold text-blue-600 dark:text-blue-400",
-								children: L.active
+							}), /* @__PURE__ */ x("p", {
+								className: "text-2xl font-bold text-status-info-text",
+								children: V.active
 							})]
 						}),
-						/* @__PURE__ */ x("div", {
-							className: "rounded-lg border border-green-500/30 bg-green-500/5 p-4 shadow-sm",
-							children: [/* @__PURE__ */ b("p", {
-								className: "text-xs text-green-600 dark:text-green-400",
+						/* @__PURE__ */ S("div", {
+							className: "rounded-lg border border-status-success-border/30 bg-status-success-bg/5 p-4 shadow-sm",
+							children: [/* @__PURE__ */ x("p", {
+								className: "text-xs text-status-success-text",
 								children: "Completed"
-							}), /* @__PURE__ */ b("p", {
-								className: "text-2xl font-bold text-green-600 dark:text-green-400",
-								children: L.completed
+							}), /* @__PURE__ */ x("p", {
+								className: "text-2xl font-bold text-status-success-text",
+								children: V.completed
 							})]
 						}),
-						/* @__PURE__ */ x("div", {
-							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
-							children: [/* @__PURE__ */ b("p", {
+						/* @__PURE__ */ S("div", {
+							className: "rounded-lg border border-border-seam bg-bg-surface p-4 shadow-sm",
+							children: [/* @__PURE__ */ x("p", {
 								className: "text-xs text-text-secondary",
 								children: "Total Revenue"
-							}), /* @__PURE__ */ b("p", {
+							}), /* @__PURE__ */ x("p", {
 								className: "text-2xl font-bold text-text-primary",
-								children: r(L.totalRevenue, { minimumFractionDigits: 0 })
+								children: i(V.totalRevenue, { minimumFractionDigits: 0 })
 							})]
 						}),
-						/* @__PURE__ */ x("div", {
-							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
-							children: [/* @__PURE__ */ b("p", {
+						/* @__PURE__ */ S("div", {
+							className: "rounded-lg border border-border-seam bg-bg-surface p-4 shadow-sm",
+							children: [/* @__PURE__ */ x("p", {
 								className: "text-xs text-text-secondary",
 								children: "Avg Order"
-							}), /* @__PURE__ */ b("p", {
+							}), /* @__PURE__ */ x("p", {
 								className: "text-2xl font-bold text-text-primary",
-								children: r(L.avgOrder, { minimumFractionDigits: 0 })
+								children: i(V.avgOrder, { minimumFractionDigits: 0 })
 							})]
 						})
 					]
 				}),
-				/* @__PURE__ */ b("div", {
-					className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
-					children: /* @__PURE__ */ x("div", {
+				/* @__PURE__ */ x("div", {
+					className: "rounded-lg border border-border-seam bg-bg-surface p-4 shadow-sm",
+					children: /* @__PURE__ */ S("div", {
 						className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-5 gap-3",
 						children: [
-							/* @__PURE__ */ x("div", {
+							/* @__PURE__ */ S("div", {
 								className: "relative sm:col-span-2 lg:col-span-1",
-								children: [/* @__PURE__ */ b(m, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ b("input", {
+								children: [/* @__PURE__ */ x(h, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ x("input", {
 									type: "text",
 									placeholder: "Search orders...",
-									value: O.searchQuery,
-									onChange: (e) => k((t) => ({
+									value: M.searchQuery,
+									onChange: (e) => N((t) => ({
 										...t,
 										searchQuery: e.target.value
 									})),
-									className: "w-full rounded-md border border-border-subtle bg-bg-surface pl-10 pr-4 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
+									className: "w-full rounded-md border border-border-seam bg-bg-surface pl-10 pr-4 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 								})]
 							}),
-							/* @__PURE__ */ x("select", {
-								value: O.status,
-								onChange: (e) => k((t) => ({
+							/* @__PURE__ */ S("select", {
+								value: M.status,
+								onChange: (e) => N((t) => ({
 									...t,
 									status: e.target.value
 								})),
-								className: "rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
+								className: "rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary",
 								children: [
-									/* @__PURE__ */ b("option", {
+									/* @__PURE__ */ x("option", {
 										value: "",
 										children: "All Orders"
 									}),
-									/* @__PURE__ */ b("option", {
+									/* @__PURE__ */ x("option", {
 										value: "pending",
 										children: "New Orders"
 									}),
-									/* @__PURE__ */ b("option", {
+									/* @__PURE__ */ x("option", {
 										value: "confirmed",
 										children: "Confirmed"
 									}),
-									/* @__PURE__ */ b("option", {
+									/* @__PURE__ */ x("option", {
 										value: "preparing",
 										children: "Preparing"
 									}),
-									/* @__PURE__ */ b("option", {
+									/* @__PURE__ */ x("option", {
 										value: "ready",
 										children: "Ready"
 									}),
-									/* @__PURE__ */ b("option", {
+									/* @__PURE__ */ x("option", {
 										value: "delivered",
 										children: "Completed"
 									}),
-									/* @__PURE__ */ b("option", {
+									/* @__PURE__ */ x("option", {
 										value: "cancelled",
 										children: "Cancelled"
 									})
 								]
 							}),
-							/* @__PURE__ */ x("select", {
-								value: O.fulfillmentType,
-								onChange: (e) => k((t) => ({
+							/* @__PURE__ */ S("select", {
+								value: M.fulfillmentType,
+								onChange: (e) => N((t) => ({
 									...t,
 									fulfillmentType: e.target.value
 								})),
-								className: "rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
+								className: "rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary",
 								children: [
-									/* @__PURE__ */ b("option", {
+									/* @__PURE__ */ x("option", {
 										value: "",
 										children: "All Types"
 									}),
-									/* @__PURE__ */ b("option", {
+									/* @__PURE__ */ x("option", {
 										value: "pickup",
 										children: "Pickup"
 									}),
-									/* @__PURE__ */ b("option", {
+									/* @__PURE__ */ x("option", {
 										value: "delivery",
 										children: "Delivery"
 									}),
-									/* @__PURE__ */ b("option", {
+									/* @__PURE__ */ x("option", {
 										value: "cart_dispatch",
 										children: "Cart Dispatch"
 									})
 								]
 							}),
-							/* @__PURE__ */ x("select", {
-								value: O.dateRange,
-								onChange: (e) => k((t) => ({
+							/* @__PURE__ */ S("select", {
+								value: M.dateRange,
+								onChange: (e) => N((t) => ({
 									...t,
 									dateRange: e.target.value
 								})),
-								className: "rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
+								className: "rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary",
 								children: [
-									/* @__PURE__ */ b("option", {
+									/* @__PURE__ */ x("option", {
 										value: "today",
 										children: "Today"
 									}),
-									/* @__PURE__ */ b("option", {
+									/* @__PURE__ */ x("option", {
 										value: "7days",
 										children: "Last 7 Days"
 									}),
-									/* @__PURE__ */ b("option", {
+									/* @__PURE__ */ x("option", {
 										value: "30days",
 										children: "Last 30 Days"
 									}),
-									/* @__PURE__ */ b("option", {
+									/* @__PURE__ */ x("option", {
 										value: "all",
 										children: "All Time"
 									})
 								]
 							}),
-							/* @__PURE__ */ x("select", {
-								value: O.sortBy,
-								onChange: (e) => k((t) => ({
+							/* @__PURE__ */ S("select", {
+								value: M.sortBy,
+								onChange: (e) => N((t) => ({
 									...t,
 									sortBy: e.target.value
 								})),
-								className: "rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
+								className: "rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary",
 								children: [
-									/* @__PURE__ */ b("option", {
+									/* @__PURE__ */ x("option", {
 										value: "recent",
 										children: "Most Recent"
 									}),
-									/* @__PURE__ */ b("option", {
+									/* @__PURE__ */ x("option", {
 										value: "oldest",
 										children: "Oldest First"
 									}),
-									/* @__PURE__ */ b("option", {
+									/* @__PURE__ */ x("option", {
 										value: "amount_high",
 										children: "Amount: High to Low"
 									}),
-									/* @__PURE__ */ b("option", {
+									/* @__PURE__ */ x("option", {
 										value: "amount_low",
 										children: "Amount: Low to High"
 									})
@@ -588,79 +595,70 @@ var S = [
 						]
 					})
 				}),
-				R.length === 0 ? /* @__PURE__ */ x("div", {
-					className: "flex flex-col items-center justify-center py-16 rounded-lg border border-border-subtle bg-bg-surface shadow-sm text-center",
-					children: [
-						/* @__PURE__ */ b(d, { className: "h-12 w-12 text-text-secondary opacity-40 mb-3" }),
-						/* @__PURE__ */ b("h3", {
-							className: "text-lg font-semibold text-text-primary mb-1",
-							children: "No orders found"
-						}),
-						/* @__PURE__ */ b("p", {
-							className: "text-sm text-text-secondary",
-							children: O.searchQuery || O.status ? "Try adjusting your filters" : "No orders to display"
-						})
-					]
-				}) : /* @__PURE__ */ b("div", {
+				H.length === 0 ? /* @__PURE__ */ x(r, {
+					illustration: M.searchQuery || M.status ? "empty-search" : "empty-sessions",
+					title: "No orders found",
+					description: M.searchQuery || M.status ? "Try adjusting your filters to see more orders." : "No orders to display yet. New orders will appear here the moment customers place them."
+				}) : /* @__PURE__ */ x("div", {
 					className: "space-y-4",
-					children: R.map((e) => {
-						let n = C[e.status] || {
+					children: H.map((e) => {
+						let n = E[e.status] || {
 							color: "bg-bg-sunken text-text-secondary",
 							label: e.status
-						}, i = w[e.fulfillmentType || "delivery"] || w.delivery, a = i.icon;
-						return /* @__PURE__ */ b("div", {
-							className: t("rounded-lg border bg-bg-surface shadow-sm transition-shadow hover:shadow-md", D(e)),
-							children: /* @__PURE__ */ x("div", {
+						}, r = D[e.fulfillmentType || "delivery"] || D.delivery, a = r.icon;
+						return /* @__PURE__ */ x("div", {
+							className: t("rounded-lg border bg-bg-surface shadow-sm transition-shadow hover:shadow-md", A(e)),
+							children: /* @__PURE__ */ S("div", {
 								className: "p-4 sm:p-5",
 								children: [
-									/* @__PURE__ */ x("div", {
+									/* @__PURE__ */ S("div", {
 										className: "flex flex-col lg:flex-row lg:items-center lg:justify-between gap-3 mb-3",
-										children: [/* @__PURE__ */ x("div", {
+										children: [/* @__PURE__ */ S("div", {
 											className: "min-w-0 flex-1",
-											children: [/* @__PURE__ */ x("div", {
+											children: [/* @__PURE__ */ S("div", {
 												className: "flex flex-wrap items-center gap-2 mb-1",
 												children: [
-													/* @__PURE__ */ x("h3", {
+													/* @__PURE__ */ S("h3", {
 														className: "text-sm sm:text-base font-semibold text-text-primary",
 														children: ["Order #", e.id]
 													}),
-													/* @__PURE__ */ b("span", {
+													/* @__PURE__ */ x("span", {
 														className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium", n.color),
 														children: n.label
 													}),
-													/* @__PURE__ */ x("span", {
-														className: t("inline-flex items-center gap-1 rounded-full px-2.5 py-0.5 text-xs font-medium", i.color),
-														children: [/* @__PURE__ */ b(a, { className: "h-3 w-3" }), i.label]
+													/* @__PURE__ */ S("span", {
+														className: t("inline-flex items-center gap-1 rounded-full px-2.5 py-0.5 text-xs font-medium", r.color),
+														children: [/* @__PURE__ */ x(a, { className: "h-3 w-3" }), r.label]
 													})
 												]
-											}), /* @__PURE__ */ x("p", {
+											}), /* @__PURE__ */ S("p", {
 												className: "text-xs text-text-secondary",
 												children: [
 													e.customerName || "Customer",
 													" | ",
-													T(e.orderDate)
+													O(e.orderDate)
 												]
 											})]
-										}), /* @__PURE__ */ x("div", {
+										}), /* @__PURE__ */ S("div", {
 											className: "flex items-center gap-3",
-											children: [/* @__PURE__ */ b("p", {
+											children: [/* @__PURE__ */ x("p", {
 												className: "text-lg font-bold text-text-primary",
-												children: r(e.total, { minimumFractionDigits: 0 })
-											}), /* @__PURE__ */ b("button", {
+												children: i(e.total, { minimumFractionDigits: 0 })
+											}), /* @__PURE__ */ x("button", {
 												type: "button",
 												onClick: () => {
-													j(e), N(!0);
+													F(e), L(!0);
 												},
-												className: "rounded-md border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-bg-sunken transition-colors",
+												className: "rounded-md border border-border-seam px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-bg-sunken transition-colors",
 												children: "View Details"
 											})]
 										})]
 									}),
-									/* @__PURE__ */ b("div", {
-										className: "border-t border-border-subtle pt-3 mb-3",
-										children: /* @__PURE__ */ b("div", {
+									/* @__PURE__ */ x("div", {
+										className: "border-t border-border-seam pt-3 mb-3",
+										children: /* @__PURE__ */ x("div", {
 											className: "flex flex-wrap gap-2",
-											children: e.items.map((e, t) => /* @__PURE__ */ x("span", {
+											children: e.items.map((e, t) => /* @__PURE__ */ S("span", {
 												className: "inline-flex items-center rounded bg-bg-sunken px-2 py-1 text-xs text-text-primary",
 												children: [
 													e.quantity,
@@ -670,57 +668,57 @@ var S = [
 											}, t))
 										})
 									}),
-									/* @__PURE__ */ x("div", {
+									/* @__PURE__ */ S("div", {
 										className: "flex flex-wrap gap-2",
 										children: [
-											e.status === "pending" && /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ x("button", {
+											e.status === "pending" && /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ S("button", {
 												type: "button",
-												onClick: () => z(e.id, "accept"),
-												className: "inline-flex items-center gap-1.5 rounded-md bg-green-500/10 px-3 py-2 text-xs font-medium text-green-600 dark:text-green-400 hover:bg-green-500/20 transition-colors",
-												children: [/* @__PURE__ */ b(c, { className: "h-3.5 w-3.5" }), "Accept Order"]
-											}), /* @__PURE__ */ x("button", {
+												onClick: () => U(e.id, "accept"),
+												className: "inline-flex items-center gap-1.5 rounded-md bg-status-success-bg/10 px-3 py-2 text-xs font-medium text-status-success-text hover:bg-status-success-bg/20 transition-colors",
+												children: [/* @__PURE__ */ x(l, { className: "h-3.5 w-3.5" }), "Accept Order"]
+											}), /* @__PURE__ */ S("button", {
 												type: "button",
-												onClick: () => z(e.id, "reject"),
-												className: "inline-flex items-center gap-1.5 rounded-md bg-red-500/10 px-3 py-2 text-xs font-medium text-red-600 dark:text-red-400 hover:bg-red-500/20 transition-colors",
-												children: [/* @__PURE__ */ b(v, { className: "h-3.5 w-3.5" }), "Reject"]
+												onClick: () => U(e.id, "reject"),
+												className: "inline-flex items-center gap-1.5 rounded-md bg-status-error-bg/10 px-3 py-2 text-xs font-medium text-status-error-text hover:bg-status-error-bg/20 transition-colors",
+												children: [/* @__PURE__ */ x(y, { className: "h-3.5 w-3.5" }), "Reject"]
 											})] }),
-											e.status === "confirmed" && /* @__PURE__ */ x("button", {
+											e.status === "confirmed" && /* @__PURE__ */ S("button", {
 												type: "button",
-												onClick: () => z(e.id, "ready"),
-												className: "inline-flex items-center gap-1.5 rounded-md bg-orange-500/10 px-3 py-2 text-xs font-medium text-orange-600 dark:text-orange-400 hover:bg-orange-500/20 transition-colors",
-												children: [/* @__PURE__ */ b(l, { className: "h-3.5 w-3.5" }), "Start Preparing"]
+												onClick: () => U(e.id, "ready"),
+												className: "inline-flex items-center gap-1.5 rounded-md bg-status-warning-bg/10 px-3 py-2 text-xs font-medium text-status-warning-text hover:bg-status-warning-bg/20 transition-colors",
+												children: [/* @__PURE__ */ x(u, { className: "h-3.5 w-3.5" }), "Start Preparing"]
 											}),
-											e.status === "preparing" && /* @__PURE__ */ x("button", {
+											e.status === "preparing" && /* @__PURE__ */ S("button", {
 												type: "button",
-												onClick: () => z(e.id, "ready"),
-												className: "inline-flex items-center gap-1.5 rounded-md bg-green-500/10 px-3 py-2 text-xs font-medium text-green-600 dark:text-green-400 hover:bg-green-500/20 transition-colors",
-												children: [/* @__PURE__ */ b(d, { className: "h-3.5 w-3.5" }), "Mark as Ready"]
+												onClick: () => U(e.id, "ready"),
+												className: "inline-flex items-center gap-1.5 rounded-md bg-status-success-bg/10 px-3 py-2 text-xs font-medium text-status-success-text hover:bg-status-success-bg/20 transition-colors",
+												children: [/* @__PURE__ */ x(f, { className: "h-3.5 w-3.5" }), "Mark as Ready"]
 											}),
-											e.status === "ready" && e.fulfillmentType === "pickup" && /* @__PURE__ */ x("button", {
+											e.status === "ready" && e.fulfillmentType === "pickup" && /* @__PURE__ */ S("button", {
 												type: "button",
-												onClick: () => z(e.id, "complete"),
-												className: "inline-flex items-center gap-1.5 rounded-md bg-green-500/10 px-3 py-2 text-xs font-medium text-green-600 dark:text-green-400 hover:bg-green-500/20 transition-colors",
-												children: [/* @__PURE__ */ b(c, { className: "h-3.5 w-3.5" }), "Complete Order"]
+												onClick: () => U(e.id, "complete"),
+												className: "inline-flex items-center gap-1.5 rounded-md bg-status-success-bg/10 px-3 py-2 text-xs font-medium text-status-success-text hover:bg-status-success-bg/20 transition-colors",
+												children: [/* @__PURE__ */ x(l, { className: "h-3.5 w-3.5" }), "Complete Order"]
 											}),
 											[
 												"confirmed",
 												"preparing",
 												"ready"
-											].includes(e.status) && /* @__PURE__ */ x("button", {
+											].includes(e.status) && /* @__PURE__ */ S("button", {
 												type: "button",
 												onClick: () => alert("Contact feature coming soon!"),
-												className: "inline-flex items-center gap-1.5 rounded-md border border-border-subtle px-3 py-2 text-xs font-medium text-text-primary hover:bg-bg-sunken transition-colors",
-												children: [/* @__PURE__ */ b(f, { className: "h-3.5 w-3.5" }), "Contact Customer"]
+												className: "inline-flex items-center gap-1.5 rounded-md border border-border-seam px-3 py-2 text-xs font-medium text-text-primary hover:bg-bg-sunken transition-colors",
+												children: [/* @__PURE__ */ x(p, { className: "h-3.5 w-3.5" }), "Contact Customer"]
 											})
 										]
 									}),
-									e.specialInstructions && /* @__PURE__ */ x("div", {
-										className: "mt-3 rounded-md border border-yellow-500/30 bg-yellow-500/10 p-3",
-										children: [/* @__PURE__ */ b("p", {
-											className: "text-xs font-medium text-yellow-600 dark:text-yellow-400",
+									e.specialInstructions && /* @__PURE__ */ S("div", {
+										className: "mt-3 rounded-md border border-status-warning-border/30 bg-status-warning-bg/10 p-3",
+										children: [/* @__PURE__ */ x("p", {
+											className: "text-xs font-medium text-status-warning-text",
 											children: "Special Instructions:"
-										}), /* @__PURE__ */ b("p", {
-											className: "text-xs text-yellow-600 dark:text-yellow-400 mt-0.5",
+										}), /* @__PURE__ */ x("p", {
+											className: "text-xs text-status-warning-text mt-0.5",
 											children: e.specialInstructions
 										})]
 									})
@@ -730,141 +728,141 @@ var S = [
 					})
 				})
 			]
-		}), M && A && /* @__PURE__ */ b("div", {
-			className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
-			children: /* @__PURE__ */ b("div", {
-				className: "w-full max-w-2xl max-h-[90vh] overflow-y-auto rounded-lg border border-border-subtle bg-bg-surface shadow-xl",
-				children: /* @__PURE__ */ x("div", {
+		}), I && P && /* @__PURE__ */ x("div", {
+			className: "fixed inset-0 z-50 flex items-center justify-center bg-bg-canvas/50 p-4",
+			children: /* @__PURE__ */ x("div", {
+				className: "w-full max-w-2xl max-h-[90vh] overflow-y-auto rounded-lg border border-border-seam bg-bg-surface shadow-xl",
+				children: /* @__PURE__ */ S("div", {
 					className: "p-6",
-					children: [/* @__PURE__ */ x("div", {
+					children: [/* @__PURE__ */ S("div", {
 						className: "flex items-center justify-between mb-4",
-						children: [/* @__PURE__ */ b("h3", {
+						children: [/* @__PURE__ */ x("h3", {
 							className: "text-lg font-semibold text-text-primary",
 							children: "Order Details"
-						}), /* @__PURE__ */ b("button", {
+						}), /* @__PURE__ */ x("button", {
 							type: "button",
-							onClick: () => N(!1),
+							onClick: () => L(!1),
 							className: "rounded p-1.5 text-text-secondary hover:text-text-primary hover:bg-bg-sunken transition-colors",
-							children: /* @__PURE__ */ b(_, { className: "h-5 w-5" })
+							children: /* @__PURE__ */ x(v, { className: "h-5 w-5" })
 						})]
-					}), /* @__PURE__ */ x("div", {
+					}), /* @__PURE__ */ S("div", {
 						className: "space-y-4",
 						children: [
-							/* @__PURE__ */ x("div", {
+							/* @__PURE__ */ S("div", {
 								className: "grid grid-cols-2 gap-4",
 								children: [
-									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+									/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 										className: "text-xs text-text-secondary",
 										children: "Order ID"
-									}), /* @__PURE__ */ x("p", {
+									}), /* @__PURE__ */ S("p", {
 										className: "text-sm font-medium text-text-primary",
-										children: ["#", A.id]
+										children: ["#", P.id]
 									})] }),
-									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+									/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 										className: "text-xs text-text-secondary",
 										children: "Status"
-									}), /* @__PURE__ */ b("span", {
-										className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium mt-0.5", (C[A.status] || C.pending).color),
-										children: (C[A.status] || C.pending).label
+									}), /* @__PURE__ */ x("span", {
+										className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium mt-0.5", (E[P.status] || E.pending).color),
+										children: (E[P.status] || E.pending).label
 									})] }),
-									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+									/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 										className: "text-xs text-text-secondary",
 										children: "Customer"
-									}), /* @__PURE__ */ b("p", {
+									}), /* @__PURE__ */ x("p", {
 										className: "text-sm font-medium text-text-primary",
-										children: A.customerName || "N/A"
+										children: P.customerName || "N/A"
 									})] }),
-									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+									/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 										className: "text-xs text-text-secondary",
 										children: "Order Time"
-									}), /* @__PURE__ */ b("p", {
+									}), /* @__PURE__ */ x("p", {
 										className: "text-sm font-medium text-text-primary",
-										children: E(A.orderDate)
+										children: k(P.orderDate)
 									})] })
 								]
 							}),
-							/* @__PURE__ */ x("div", {
-								className: "border-t border-border-subtle pt-4",
-								children: [/* @__PURE__ */ b("h4", {
+							/* @__PURE__ */ S("div", {
+								className: "border-t border-border-seam pt-4",
+								children: [/* @__PURE__ */ x("h4", {
 									className: "text-sm font-medium text-text-primary mb-3",
 									children: "Order Items"
-								}), /* @__PURE__ */ b("div", {
+								}), /* @__PURE__ */ x("div", {
 									className: "space-y-2",
-									children: A.items.map((e, t) => /* @__PURE__ */ x("div", {
+									children: P.items.map((e, t) => /* @__PURE__ */ S("div", {
 										className: "flex justify-between items-start",
-										children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+										children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 											className: "text-sm font-medium text-text-primary",
 											children: e.name
-										}), /* @__PURE__ */ x("p", {
+										}), /* @__PURE__ */ S("p", {
 											className: "text-xs text-text-secondary",
 											children: [
-												r(e.price, { minimumFractionDigits: 0 }),
+												i(e.price, { minimumFractionDigits: 0 }),
 												" x",
 												" ",
 												e.quantity
 											]
-										})] }), /* @__PURE__ */ b("p", {
+										})] }), /* @__PURE__ */ x("p", {
 											className: "text-sm font-medium text-text-primary",
-											children: r(e.price * e.quantity, { minimumFractionDigits: 0 })
+											children: i(e.price * e.quantity, { minimumFractionDigits: 0 })
 										})]
 									}, t))
 								})]
 							}),
-							/* @__PURE__ */ x("div", {
-								className: "border-t border-border-subtle pt-4 space-y-2",
+							/* @__PURE__ */ S("div", {
+								className: "border-t border-border-seam pt-4 space-y-2",
 								children: [
-									/* @__PURE__ */ x("div", {
+									/* @__PURE__ */ S("div", {
 										className: "flex justify-between text-sm text-text-secondary",
-										children: [/* @__PURE__ */ b("span", { children: "Subtotal" }), /* @__PURE__ */ b("span", { children: r(A.subtotal, { minimumFractionDigits: 0 }) })]
+										children: [/* @__PURE__ */ x("span", { children: "Subtotal" }), /* @__PURE__ */ x("span", { children: i(P.subtotal, { minimumFractionDigits: 0 }) })]
 									}),
-									/* @__PURE__ */ x("div", {
+									/* @__PURE__ */ S("div", {
 										className: "flex justify-between text-sm text-text-secondary",
-										children: [/* @__PURE__ */ b("span", { children: "Delivery Fee" }), /* @__PURE__ */ b("span", { children: r(A.deliveryFee, { minimumFractionDigits: 0 }) })]
+										children: [/* @__PURE__ */ x("span", { children: "Delivery Fee" }), /* @__PURE__ */ x("span", { children: i(P.deliveryFee, { minimumFractionDigits: 0 }) })]
 									}),
-									/* @__PURE__ */ x("div", {
+									/* @__PURE__ */ S("div", {
 										className: "flex justify-between text-sm text-text-secondary",
-										children: [/* @__PURE__ */ b("span", { children: "Tax" }), /* @__PURE__ */ b("span", { children: r(A.taxes, { minimumFractionDigits: 0 }) })]
+										children: [/* @__PURE__ */ x("span", { children: "Tax" }), /* @__PURE__ */ x("span", { children: i(P.taxes, { minimumFractionDigits: 0 }) })]
 									}),
-									/* @__PURE__ */ x("div", {
-										className: "flex justify-between font-semibold text-text-primary pt-2 border-t border-border-subtle",
-										children: [/* @__PURE__ */ b("span", { children: "Total" }), /* @__PURE__ */ b("span", { children: r(A.total, { minimumFractionDigits: 0 }) })]
+									/* @__PURE__ */ S("div", {
+										className: "flex justify-between font-semibold text-text-primary pt-2 border-t border-border-seam",
+										children: [/* @__PURE__ */ x("span", { children: "Total" }), /* @__PURE__ */ x("span", { children: i(P.total, { minimumFractionDigits: 0 }) })]
 									})
 								]
 							}),
-							A.fulfillmentType === "delivery" && A.deliveryAddress && /* @__PURE__ */ x("div", {
-								className: "border-t border-border-subtle pt-4",
-								children: [/* @__PURE__ */ x("h4", {
+							P.fulfillmentType === "delivery" && P.deliveryAddress && /* @__PURE__ */ S("div", {
+								className: "border-t border-border-seam pt-4",
+								children: [/* @__PURE__ */ S("h4", {
 									className: "text-sm font-medium text-text-primary mb-2 flex items-center gap-1.5",
-									children: [/* @__PURE__ */ b(u, { className: "h-4 w-4 text-text-secondary" }), "Delivery Address"]
-								}), /* @__PURE__ */ x("p", {
+									children: [/* @__PURE__ */ x(d, { className: "h-4 w-4 text-text-secondary" }), "Delivery Address"]
+								}), /* @__PURE__ */ S("p", {
 									className: "text-sm text-text-secondary",
 									children: [
-										A.deliveryAddress.street,
+										P.deliveryAddress.street,
 										", ",
-										A.deliveryAddress.area,
-										/* @__PURE__ */ b("br", {}),
-										A.deliveryAddress.city,
+										P.deliveryAddress.area,
+										/* @__PURE__ */ x("br", {}),
+										P.deliveryAddress.city,
 										" - ",
-										A.deliveryAddress.pincode
+										P.deliveryAddress.pincode
 									]
 								})]
 							}),
-							/* @__PURE__ */ x("div", {
+							/* @__PURE__ */ S("div", {
 								className: "flex gap-3 mt-6",
-								children: [/* @__PURE__ */ b("button", {
+								children: [/* @__PURE__ */ x("button", {
 									type: "button",
-									onClick: () => N(!1),
-									className: "flex-1 rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken transition-colors",
+									onClick: () => L(!1),
+									className: "flex-1 rounded-md border border-border-seam px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken transition-colors",
 									children: "Close"
-								}), A.status === "pending" && /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b("button", {
+								}), P.status === "pending" && /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x("button", {
 									type: "button",
-									onClick: () => z(A.id, "accept"),
-									className: "flex-1 rounded-md bg-green-500/10 px-4 py-2 text-sm font-medium text-green-600 dark:text-green-400 hover:bg-green-500/20 transition-colors",
+									onClick: () => U(P.id, "accept"),
+									className: "flex-1 rounded-md bg-status-success-bg/10 px-4 py-2 text-sm font-medium text-status-success-text hover:bg-status-success-bg/20 transition-colors",
 									children: "Accept Order"
-								}), /* @__PURE__ */ b("button", {
+								}), /* @__PURE__ */ x("button", {
 									type: "button",
-									onClick: () => z(A.id, "reject"),
-									className: "flex-1 rounded-md bg-red-500/10 px-4 py-2 text-sm font-medium text-red-600 dark:text-red-400 hover:bg-red-500/20 transition-colors",
+									onClick: () => U(P.id, "reject"),
+									className: "flex-1 rounded-md bg-status-error-bg/10 px-4 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg/20 transition-colors",
 									children: "Reject Order"
 								})] })]
 							})
@@ -876,6 +874,6 @@ var S = [
 	});
 };
 //#endregion
-export { O as OrderManagementPage };
+export { j as OrderManagementPage };
 
 //# sourceMappingURL=OrderManagementPage.js.map