@burdenoff/microfe-subscriberbot 2026.624.1 → 2026.626.1

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

@@ -4,10 +4,11 @@ import { PageLayout as n } from "../../components/PageLayout.js";
 import { formatCurrency as r } from "../../utils/formatters.js";
 import { mockAdminAnalytics as i } from "../../mocks/data.js";
 import { useState as a } from "react";
-import { Activity as o, AlertCircle as s, ArrowRight as c, BarChart3 as l, Bell as u, CheckCircle as d, ChevronRight as f, Clock as p, Edit as m, Eye as h, Flame as g, IndianRupee as _, MapPin as v, Package as y, Plus as b, Settings as x, ShoppingCart as S, Star as C, TrendingDown as w, TrendingUp as T, UserCheck as E, Users as D } from "lucide-react";
-import { jsx as O, jsxs as k } from "react/jsx-runtime";
+import { Activity as o, AlertCircle as s, ArrowRight as c, BarChart3 as l, Bell as u, CheckCircle as d, ChevronRight as f, Clock as p, Edit as m, Eye as h, Flame as g, IndianRupee as _, MapPin as v, Package as y, Plus as b, Settings as x, ShoppingCart as S, Star as C, Store as w, TrendingDown as T, TrendingUp as E, UserCheck as D, Users as O } from "lucide-react";
+import { jsx as k, jsxs as A } from "react/jsx-runtime";
+import { EmphasisPanel as j, GradientText as M, NextSteps as N, PagePurpose as P } from "@burdenoff/fe-libs/ui";
 //#region src/subscriberbot/pages/cart-owner/CartOwnerDashboard.tsx
-var A = {
+var F = {
 	totalRevenue: 45230,
 	dailyRevenue: 1850,
 	ordersToday: 23,
@@ -16,7 +17,7 @@ var A = {
 	averageOrderValue: 80,
 	customerCount: 342,
 	rating: 4.2
-}, j = [
+}, I = [
 	{
 		id: "ORD-001",
 		customerName: "Rahul Sharma",
@@ -61,7 +62,7 @@ var A = {
 		timestamp: "2 mins ago",
 		priority: "urgent"
 	}
-], M = [
+], L = [
 	{
 		name: "Masala Dosa",
 		quantity: 245,
@@ -87,7 +88,7 @@ var A = {
 		quantity: 98,
 		revenue: 8820
 	}
-], N = [
+], R = [
 	{
 		name: "Ramesh Kumar",
 		role: "Chef",
@@ -108,7 +109,7 @@ var A = {
 		role: "Manager",
 		status: "active"
 	}
-], P = [
+], z = [
 	{
 		id: "1",
 		message: "New order #ORD-004 received",
@@ -139,153 +140,194 @@ var A = {
 		type: "warning",
 		time: "1 hr ago"
 	}
-], F = i.orderTrends.slice(0, 7), I = () => {
+], B = i.orderTrends.slice(0, 7), V = () => {
 	let e = (/* @__PURE__ */ new Date()).getHours();
 	return e < 12 ? "Good Morning" : e < 17 ? "Good Afternoon" : "Good Evening";
-}, L = {
-	pending: "bg-red-500/15 text-red-600 dark:text-red-400",
-	preparing: "bg-yellow-500/15 text-yellow-600 dark:text-yellow-400",
-	ready: "bg-blue-500/15 text-blue-600 dark:text-blue-400",
-	delivered: "bg-green-500/15 text-green-600 dark:text-green-400",
+}, H = {
+	pending: "bg-status-error-bg/15 text-status-error-text",
+	preparing: "bg-status-warning-bg/15 text-status-warning-text",
+	ready: "bg-status-info-bg/15 text-status-info-text",
+	delivered: "bg-status-success-bg/15 text-status-success-text",
 	cancelled: "bg-bg-sunken text-text-secondary"
-}, R = {
-	active: "bg-green-500",
-	"on-break": "bg-yellow-500",
+}, U = {
+	active: "bg-status-success-text",
+	"on-break": "bg-status-warning-text",
 	"off-duty": "bg-muted-foreground"
-}, z = {
-	info: "text-blue-500",
-	warning: "text-yellow-500",
-	success: "text-green-500"
-}, B = () => {
-	let { navigateTo: i } = e(), [B, V] = a(j), [H, U] = a({
+}, W = {
+	info: "text-status-info-text",
+	warning: "text-status-warning-text",
+	success: "text-status-success-text"
+}, G = () => {
+	let { navigateTo: i } = e(), [G, K] = a(I), [q, J] = a({
 		isOpen: !0,
 		currentLocation: "Koramangala 5th Block, Near BDA Complex",
 		lastUpdate: (/* @__PURE__ */ new Date()).toLocaleTimeString(),
 		operatingHours: "9:00 AM - 9:00 PM"
-	}), W = (e) => {
-		V((t) => t.map((t) => t.id === e ? {
+	}), Y = (e) => {
+		K((t) => t.map((t) => t.id === e ? {
 			...t,
 			status: "preparing"
 		} : t));
-	}, G = (e) => {
-		V((t) => t.map((t) => t.id === e ? {
+	}, X = (e) => {
+		K((t) => t.map((t) => t.id === e ? {
 			...t,
 			status: "ready"
 		} : t));
 	};
-	return /* @__PURE__ */ O(n, {
-		title: /* @__PURE__ */ k("span", { children: [
-			I(),
-			", ",
-			/* @__PURE__ */ O("span", {
+	return /* @__PURE__ */ k(n, {
+		title: /* @__PURE__ */ A("span", { children: [
+			/* @__PURE__ */ k(M, {
+				as: "span",
+				children: V()
+			}),
+			",",
+			" ",
+			/* @__PURE__ */ k("span", {
 				className: "text-text-secondary font-normal",
 				children: "Rajesh"
 			})
 		] }),
 		description: "Manage your service provider operations",
-		actions: /* @__PURE__ */ k("button", {
+		actions: /* @__PURE__ */ A("button", {
 			type: "button",
 			onClick: () => i("/cart-owner/orders"),
 			className: "inline-flex items-center gap-2 rounded-md bg-accent px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent/80 transition-colors",
-			children: ["View All Orders", /* @__PURE__ */ O(c, { className: "h-4 w-4" })]
+			children: ["View All Orders", /* @__PURE__ */ k(c, { className: "h-4 w-4" })]
 		}),
-		children: /* @__PURE__ */ k("div", {
+		children: /* @__PURE__ */ A("div", {
 			className: "space-y-6",
 			children: [
-				/* @__PURE__ */ O("div", {
-					className: t("p-4 rounded-lg border-l-4", H.isOpen ? "border-green-500 bg-green-500/5" : "border-red-500 bg-red-500/5"),
-					children: /* @__PURE__ */ k("div", {
+				/* @__PURE__ */ k(P, {
+					icon: /* @__PURE__ */ k(w, { className: "h-4 w-4" }),
+					children: "Your daily command center for running the cart. Open or close service, see live orders as they come in, accept and mark them ready, and track today's revenue against yesterday. Glance at top-selling items and staff status, then drill into analytics or inventory when you want to dig deeper."
+				}),
+				/* @__PURE__ */ k(N, {
+					storageKey: "subscriberbot-cart-owner-dashboard",
+					steps: [
+						{
+							id: "manage-orders",
+							label: "Work through incoming orders",
+							description: "Accept, prepare and mark orders ready so customers stay informed.",
+							icon: /* @__PURE__ */ k(S, { className: "h-4 w-4" }),
+							onClick: () => i("/cart-owner/orders")
+						},
+						{
+							id: "update-inventory",
+							label: "Update your offerings & stock",
+							description: "Add items, set prices and flag anything out of stock.",
+							icon: /* @__PURE__ */ k(y, { className: "h-4 w-4" }),
+							onClick: () => i("/cart-owner/inventory")
+						},
+						{
+							id: "review-analytics",
+							label: "Review your analytics",
+							description: "Understand revenue, peak hours and what sells best.",
+							icon: /* @__PURE__ */ k(l, { className: "h-4 w-4" }),
+							onClick: () => i("/cart-owner/analytics")
+						},
+						{
+							id: "manage-staff",
+							label: "Manage your staff",
+							description: "Assign roles and keep your team roster up to date.",
+							icon: /* @__PURE__ */ k(O, { className: "h-4 w-4" }),
+							onClick: () => i("/cart-owner/staff")
+						}
+					]
+				}),
+				/* @__PURE__ */ k(j, {
+					className: t("border-l-4", q.isOpen ? "border-l-status-success-border" : "border-l-status-error-border"),
+					children: /* @__PURE__ */ A("div", {
 						className: "flex flex-col lg:flex-row lg:items-center lg:justify-between gap-4",
-						children: [/* @__PURE__ */ k("div", {
+						children: [/* @__PURE__ */ A("div", {
 							className: "flex items-start gap-3",
-							children: [/* @__PURE__ */ O("div", { className: t("w-3 h-3 rounded-full mt-1 shrink-0", H.isOpen ? "bg-green-500" : "bg-red-500") }), /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ k("h3", {
+							children: [/* @__PURE__ */ k("div", { className: t("w-3 h-3 rounded-full mt-1 shrink-0", q.isOpen ? "bg-status-success-text" : "bg-status-error-text") }), /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ A("h3", {
 								className: "font-semibold text-text-primary text-sm",
-								children: ["Service Status: ", H.isOpen ? "Open" : "Closed"]
-							}), /* @__PURE__ */ k("div", {
+								children: ["Service Status: ", q.isOpen ? "Open" : "Closed"]
+							}), /* @__PURE__ */ A("div", {
 								className: "flex flex-col sm:flex-row sm:items-center gap-2 sm:gap-4 mt-1 text-xs text-text-secondary",
-								children: [/* @__PURE__ */ k("span", {
+								children: [/* @__PURE__ */ A("span", {
 									className: "flex items-center gap-1",
-									children: [/* @__PURE__ */ O(v, { className: "h-3 w-3 shrink-0" }), H.currentLocation]
-								}), /* @__PURE__ */ k("span", {
+									children: [/* @__PURE__ */ k(v, { className: "h-3 w-3 shrink-0" }), q.currentLocation]
+								}), /* @__PURE__ */ A("span", {
 									className: "flex items-center gap-1",
-									children: [/* @__PURE__ */ O(p, { className: "h-3 w-3 shrink-0" }), H.operatingHours]
+									children: [/* @__PURE__ */ k(p, { className: "h-3 w-3 shrink-0" }), q.operatingHours]
 								})]
 							})] })]
-						}), /* @__PURE__ */ k("div", {
+						}), /* @__PURE__ */ A("div", {
 							className: "flex gap-2",
-							children: [/* @__PURE__ */ k("button", {
+							children: [/* @__PURE__ */ A("button", {
 								type: "button",
 								onClick: () => i("/cart-owner/settings"),
-								className: "inline-flex items-center gap-1 rounded-md border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-bg-sunken transition-colors",
-								children: [/* @__PURE__ */ O(v, { className: "h-3 w-3" }), "Update Location"]
-							}), /* @__PURE__ */ O("button", {
+								className: "inline-flex items-center gap-1 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: [/* @__PURE__ */ k(v, { className: "h-3 w-3" }), "Update Location"]
+							}), /* @__PURE__ */ k("button", {
 								type: "button",
 								onClick: () => {
-									U((e) => e && {
+									J((e) => e && {
 										...e,
 										isOpen: !e.isOpen
 									});
 								},
-								className: t("inline-flex items-center gap-1 rounded-md px-3 py-1.5 text-xs font-medium transition-colors", H.isOpen ? "bg-red-500/10 text-red-600 hover:bg-red-500/20 dark:text-red-400" : "bg-green-500/10 text-green-600 hover:bg-green-500/20 dark:text-green-400"),
-								children: H.isOpen ? "Close Service" : "Open Service"
+								className: t("inline-flex items-center gap-1 rounded-md px-3 py-1.5 text-xs font-medium transition-colors", q.isOpen ? "bg-status-error-bg/10 text-status-error-text hover:bg-status-error-bg/20" : "bg-status-success-bg/10 text-status-success-text hover:bg-status-success-bg/20"),
+								children: q.isOpen ? "Close Service" : "Open Service"
 							})]
 						})]
 					})
 				}),
-				/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("h2", {
+				/* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("h2", {
 					className: "text-base font-semibold text-text-primary mb-3",
 					children: "Today's Performance"
-				}), /* @__PURE__ */ O("div", {
+				}), /* @__PURE__ */ k("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
 					children: [
 						{
 							label: "Daily Revenue",
-							value: r(A.dailyRevenue, { minimumFractionDigits: 0 }),
+							value: r(F.dailyRevenue, { minimumFractionDigits: 0 }),
 							icon: _,
 							trend: "+15.2% vs yesterday",
 							trendUp: !0
 						},
 						{
 							label: "Orders Today",
-							value: String(A.ordersToday),
+							value: String(F.ordersToday),
 							icon: S,
 							trend: "+8.5% vs yesterday",
 							trendUp: !0
 						},
 						{
 							label: "Avg Order Value",
-							value: r(A.averageOrderValue, { minimumFractionDigits: 0 }),
-							icon: T,
+							value: r(F.averageOrderValue, { minimumFractionDigits: 0 }),
+							icon: E,
 							trend: "+3.2% vs last week",
 							trendUp: !0
 						},
 						{
 							label: "Service Rating",
-							value: A.rating.toFixed(1),
+							value: F.rating.toFixed(1),
 							icon: C,
 							trend: "Based on 342 reviews",
 							trendUp: !0
 						}
 					].map((e) => {
 						let t = e.icon;
-						return /* @__PURE__ */ k("div", {
-							className: "rounded-lg border border-border-subtle bg-bg-surface p-5 shadow-sm",
+						return /* @__PURE__ */ A("div", {
+							className: "rounded-lg border border-border-seam bg-bg-surface p-5 shadow-sm",
 							children: [
-								/* @__PURE__ */ k("div", {
+								/* @__PURE__ */ A("div", {
 									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ O("div", {
+									children: [/* @__PURE__ */ k("div", {
 										className: "rounded-md bg-accent p-2",
-										children: /* @__PURE__ */ O(t, { className: "h-5 w-5 text-text-secondary" })
-									}), /* @__PURE__ */ k("div", {
+										children: /* @__PURE__ */ k(t, { className: "h-5 w-5 text-text-secondary" })
+									}), /* @__PURE__ */ A("div", {
 										className: "flex items-center gap-1 text-xs text-text-secondary",
-										children: [e.trendUp ? /* @__PURE__ */ O(T, { className: "h-3 w-3 text-green-600 dark:text-green-400" }) : /* @__PURE__ */ O(w, { className: "h-3 w-3 text-red-600 dark:text-red-400" }), /* @__PURE__ */ O("span", { children: e.trend })]
+										children: [e.trendUp ? /* @__PURE__ */ k(E, { className: "h-3 w-3 text-status-success-text" }) : /* @__PURE__ */ k(T, { className: "h-3 w-3 text-status-error-text" }), /* @__PURE__ */ k("span", { children: e.trend })]
 									})]
 								}),
-								/* @__PURE__ */ O("p", {
+								/* @__PURE__ */ k("p", {
 									className: "mt-3 text-2xl font-bold text-text-primary",
 									children: e.value
 								}),
-								/* @__PURE__ */ O("p", {
+								/* @__PURE__ */ k("p", {
 									className: "mt-1 text-sm text-text-secondary",
 									children: e.label
 								})
@@ -293,182 +335,182 @@ var A = {
 						}, e.label);
 					})
 				})] }),
-				/* @__PURE__ */ k("div", {
+				/* @__PURE__ */ A("div", {
 					className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
-					children: [/* @__PURE__ */ k("div", {
+					children: [/* @__PURE__ */ A("div", {
 						className: "lg:col-span-2 space-y-6",
 						children: [
-							/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("h3", {
+							/* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("h3", {
 								className: "text-base font-semibold mb-3 text-text-primary",
 								children: "Quick Actions"
-							}), /* @__PURE__ */ O("div", {
+							}), /* @__PURE__ */ k("div", {
 								className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-5 gap-3",
 								children: [
 									{
 										label: "Service Config",
 										icon: x,
-										color: "bg-orange-500/10 text-orange-600 dark:text-orange-400",
+										color: "bg-status-warning-bg/10 text-status-warning-text",
 										path: "/cart-owner/service-config"
 									},
 									{
 										label: "Manage Offerings",
 										icon: y,
-										color: "bg-blue-500/10 text-blue-600 dark:text-blue-400",
+										color: "bg-status-info-bg/10 text-status-info-text",
 										path: "/cart-owner/inventory"
 									},
 									{
 										label: "View Orders",
 										icon: S,
-										color: "bg-green-500/10 text-green-600 dark:text-green-400",
+										color: "bg-status-success-bg/10 text-status-success-text",
 										path: "/cart-owner/orders"
 									},
 									{
 										label: "Analytics",
 										icon: l,
-										color: "bg-purple-500/10 text-purple-600 dark:text-purple-400",
+										color: "bg-accent-purple-subtle text-accent-purple",
 										path: "/cart-owner/analytics"
 									},
 									{
 										label: "Staff",
-										icon: E,
-										color: "bg-pink-500/10 text-pink-600 dark:text-pink-400",
+										icon: D,
+										color: "bg-accent-purple-subtle text-accent-purple",
 										path: "/cart-owner/staff"
 									}
 								].map((e) => {
 									let n = e.icon;
-									return /* @__PURE__ */ k("button", {
+									return /* @__PURE__ */ A("button", {
 										type: "button",
 										onClick: () => i(e.path),
 										className: t("flex flex-col items-center gap-2 rounded-lg p-4 transition-colors hover:opacity-80", e.color),
-										children: [/* @__PURE__ */ O(n, { className: "h-5 w-5" }), /* @__PURE__ */ O("span", {
+										children: [/* @__PURE__ */ k(n, { className: "h-5 w-5" }), /* @__PURE__ */ k("span", {
 											className: "text-xs font-medium text-center",
 											children: e.label
 										})]
 									}, e.label);
 								})
 							})] }),
-							/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ k("div", {
+							/* @__PURE__ */ A("div", { children: [/* @__PURE__ */ A("div", {
 								className: "flex items-center justify-between mb-3",
-								children: [/* @__PURE__ */ O("h3", {
+								children: [/* @__PURE__ */ k("h3", {
 									className: "text-base font-semibold text-text-primary",
 									children: "Recent Orders"
-								}), /* @__PURE__ */ O("button", {
+								}), /* @__PURE__ */ k("button", {
 									type: "button",
 									onClick: () => i("/cart-owner/orders"),
 									className: "text-xs text-text-secondary hover:text-text-primary transition-colors",
 									children: "View All Orders"
 								})]
-							}), /* @__PURE__ */ O("div", {
+							}), /* @__PURE__ */ k("div", {
 								className: "space-y-3",
-								children: B.map((e) => /* @__PURE__ */ O("div", {
-									className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
-									children: /* @__PURE__ */ k("div", {
+								children: G.map((e) => /* @__PURE__ */ k("div", {
+									className: "rounded-lg border border-border-seam bg-bg-surface p-4 shadow-sm",
+									children: /* @__PURE__ */ A("div", {
 										className: "flex flex-col lg:flex-row lg:items-start lg:justify-between gap-3",
-										children: [/* @__PURE__ */ k("div", {
+										children: [/* @__PURE__ */ A("div", {
 											className: "flex-1 min-w-0",
 											children: [
-												/* @__PURE__ */ k("div", {
+												/* @__PURE__ */ A("div", {
 													className: "flex flex-wrap items-center gap-2 mb-1",
 													children: [
-														/* @__PURE__ */ k("h4", {
+														/* @__PURE__ */ A("h4", {
 															className: "font-semibold text-text-primary text-sm",
 															children: ["#", e.id]
 														}),
-														/* @__PURE__ */ O("span", {
-															className: t("inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium capitalize", L[e.status] || "bg-bg-sunken text-text-secondary"),
+														/* @__PURE__ */ k("span", {
+															className: t("inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium capitalize", H[e.status] || "bg-bg-sunken text-text-secondary"),
 															children: e.status
 														}),
-														e.priority === "urgent" && /* @__PURE__ */ O(s, { className: "h-4 w-4 text-red-500" })
+														e.priority === "urgent" && /* @__PURE__ */ k(s, { className: "h-4 w-4 text-status-error-text" })
 													]
 												}),
-												/* @__PURE__ */ k("p", {
+												/* @__PURE__ */ A("p", {
 													className: "text-xs text-text-secondary mb-1",
 													children: ["Customer: ", e.customerName]
 												}),
-												/* @__PURE__ */ k("p", {
+												/* @__PURE__ */ A("p", {
 													className: "text-xs text-text-secondary mb-1 truncate",
 													children: ["Items: ", e.items.join(", ")]
 												}),
-												/* @__PURE__ */ k("div", {
+												/* @__PURE__ */ A("div", {
 													className: "flex flex-wrap items-center gap-3 text-xs text-text-secondary",
-													children: [/* @__PURE__ */ O("span", {
+													children: [/* @__PURE__ */ k("span", {
 														className: "font-semibold text-text-primary",
 														children: r(e.total, { minimumFractionDigits: 0 })
-													}), /* @__PURE__ */ k("span", {
+													}), /* @__PURE__ */ A("span", {
 														className: "flex items-center gap-1",
-														children: [/* @__PURE__ */ O(p, { className: "h-3 w-3" }), e.timestamp]
+														children: [/* @__PURE__ */ k(p, { className: "h-3 w-3" }), e.timestamp]
 													})]
 												})
 											]
-										}), /* @__PURE__ */ k("div", {
+										}), /* @__PURE__ */ A("div", {
 											className: "flex gap-2",
 											children: [
-												/* @__PURE__ */ k("button", {
+												/* @__PURE__ */ A("button", {
 													type: "button",
 													onClick: () => i("/cart-owner/orders"),
-													className: "inline-flex items-center gap-1 rounded-md border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-bg-sunken transition-colors",
-													children: [/* @__PURE__ */ O(h, { className: "h-3 w-3" }), "View"]
+													className: "inline-flex items-center gap-1 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: [/* @__PURE__ */ k(h, { className: "h-3 w-3" }), "View"]
 												}),
-												e.status === "pending" && /* @__PURE__ */ k("button", {
+												e.status === "pending" && /* @__PURE__ */ A("button", {
 													type: "button",
-													onClick: () => W(e.id),
-													className: "inline-flex items-center gap-1 rounded-md bg-green-500/10 px-3 py-1.5 text-xs font-medium text-green-600 hover:bg-green-500/20 dark:text-green-400 transition-colors",
-													children: [/* @__PURE__ */ O(d, { className: "h-3 w-3" }), "Accept"]
+													onClick: () => Y(e.id),
+													className: "inline-flex items-center gap-1 rounded-md bg-status-success-bg/10 px-3 py-1.5 text-xs font-medium text-status-success-text hover:bg-status-success-bg/20 transition-colors",
+													children: [/* @__PURE__ */ k(d, { className: "h-3 w-3" }), "Accept"]
 												}),
-												e.status === "preparing" && /* @__PURE__ */ k("button", {
+												e.status === "preparing" && /* @__PURE__ */ A("button", {
 													type: "button",
-													onClick: () => G(e.id),
-													className: "inline-flex items-center gap-1 rounded-md bg-blue-500/10 px-3 py-1.5 text-xs font-medium text-blue-600 hover:bg-blue-500/20 dark:text-blue-400 transition-colors",
-													children: [/* @__PURE__ */ O(d, { className: "h-3 w-3" }), "Mark Ready"]
+													onClick: () => X(e.id),
+													className: "inline-flex items-center gap-1 rounded-md bg-status-info-bg/10 px-3 py-1.5 text-xs font-medium text-status-info-text hover:bg-status-info-bg/20 transition-colors",
+													children: [/* @__PURE__ */ k(d, { className: "h-3 w-3" }), "Mark Ready"]
 												})
 											]
 										})]
 									})
 								}, e.id))
 							})] }),
-							/* @__PURE__ */ k("div", {
-								className: "rounded-lg border border-border-subtle bg-bg-surface shadow-sm",
-								children: [/* @__PURE__ */ k("div", {
-									className: "flex items-center justify-between border-b border-border-subtle px-5 py-4",
-									children: [/* @__PURE__ */ O("h3", {
+							/* @__PURE__ */ A("div", {
+								className: "rounded-lg border border-border-seam bg-bg-surface shadow-sm",
+								children: [/* @__PURE__ */ A("div", {
+									className: "flex items-center justify-between border-b border-border-seam px-5 py-4",
+									children: [/* @__PURE__ */ k("h3", {
 										className: "text-base font-semibold text-text-primary",
 										children: "Revenue (Last 7 Days)"
-									}), /* @__PURE__ */ O("button", {
+									}), /* @__PURE__ */ k("button", {
 										type: "button",
 										onClick: () => i("/cart-owner/analytics"),
 										className: "text-xs text-text-secondary hover:text-text-primary transition-colors",
 										children: "View Analytics"
 									})]
-								}), /* @__PURE__ */ O("div", {
+								}), /* @__PURE__ */ k("div", {
 									className: "overflow-x-auto",
-									children: /* @__PURE__ */ k("table", {
+									children: /* @__PURE__ */ A("table", {
 										className: "w-full text-sm",
-										children: [/* @__PURE__ */ O("thead", { children: /* @__PURE__ */ k("tr", {
-											className: "border-b border-border-subtle",
+										children: [/* @__PURE__ */ k("thead", { children: /* @__PURE__ */ A("tr", {
+											className: "border-b border-border-seam",
 											children: [
-												/* @__PURE__ */ O("th", {
+												/* @__PURE__ */ k("th", {
 													className: "px-5 py-3 text-left font-medium text-text-secondary",
 													children: "Date"
 												}),
-												/* @__PURE__ */ O("th", {
+												/* @__PURE__ */ k("th", {
 													className: "px-5 py-3 text-right font-medium text-text-secondary",
 													children: "Orders"
 												}),
-												/* @__PURE__ */ O("th", {
+												/* @__PURE__ */ k("th", {
 													className: "px-5 py-3 text-right font-medium text-text-secondary",
 													children: "Revenue"
 												}),
-												/* @__PURE__ */ O("th", {
+												/* @__PURE__ */ k("th", {
 													className: "px-5 py-3 text-left font-medium text-text-secondary",
 													children: "Trend"
 												})
 											]
-										}) }), /* @__PURE__ */ O("tbody", { children: F.map((e, t) => {
-											let n = Math.max(...F.map((e) => e.revenue)), i = e.revenue / n * 100;
-											return /* @__PURE__ */ k("tr", {
-												className: "border-b border-border-subtle last:border-0",
+										}) }), /* @__PURE__ */ k("tbody", { children: B.map((e, t) => {
+											let n = Math.max(...B.map((e) => e.revenue)), i = e.revenue / n * 100;
+											return /* @__PURE__ */ A("tr", {
+												className: "border-b border-border-seam last:border-0",
 												children: [
-													/* @__PURE__ */ O("td", {
+													/* @__PURE__ */ k("td", {
 														className: "px-5 py-3 text-text-primary text-xs",
 														children: new Date(e.date).toLocaleDateString("en-IN", {
 															day: "2-digit",
@@ -476,20 +518,20 @@ var A = {
 															weekday: "short"
 														})
 													}),
-													/* @__PURE__ */ O("td", {
+													/* @__PURE__ */ k("td", {
 														className: "px-5 py-3 text-right text-text-primary",
 														children: e.orders
 													}),
-													/* @__PURE__ */ O("td", {
+													/* @__PURE__ */ k("td", {
 														className: "px-5 py-3 text-right font-medium text-text-primary",
 														children: r(e.revenue, { minimumFractionDigits: 0 })
 													}),
-													/* @__PURE__ */ O("td", {
+													/* @__PURE__ */ k("td", {
 														className: "px-5 py-3 w-40",
-														children: /* @__PURE__ */ O("div", {
+														children: /* @__PURE__ */ k("div", {
 															className: "h-4 rounded bg-bg-sunken overflow-hidden",
-															children: /* @__PURE__ */ O("div", {
-																className: "h-full rounded bg-blue-500/60",
+															children: /* @__PURE__ */ k("div", {
+																className: "h-full rounded bg-status-info-bg/60",
 																style: { width: `${i}%` }
 															})
 														})
@@ -500,40 +542,40 @@ var A = {
 									})
 								})]
 							}),
-							/* @__PURE__ */ k("div", {
-								className: "rounded-lg border border-border-subtle bg-bg-surface p-5 shadow-sm",
-								children: [/* @__PURE__ */ O("h3", {
+							/* @__PURE__ */ A("div", {
+								className: "rounded-lg border border-border-seam bg-bg-surface p-5 shadow-sm",
+								children: [/* @__PURE__ */ k("h3", {
 									className: "text-base font-semibold text-text-primary mb-4",
 									children: "This Month Summary"
-								}), /* @__PURE__ */ k("div", {
+								}), /* @__PURE__ */ A("div", {
 									className: "grid grid-cols-1 sm:grid-cols-3 gap-4",
 									children: [
-										/* @__PURE__ */ k("div", {
+										/* @__PURE__ */ A("div", {
 											className: "text-center p-3 rounded-lg bg-bg-sunken/50",
-											children: [/* @__PURE__ */ O("div", {
+											children: [/* @__PURE__ */ k("div", {
 												className: "text-xl font-bold text-text-primary",
-												children: r(A.totalRevenue, { minimumFractionDigits: 0 })
-											}), /* @__PURE__ */ O("div", {
+												children: r(F.totalRevenue, { minimumFractionDigits: 0 })
+											}), /* @__PURE__ */ k("div", {
 												className: "text-xs text-text-secondary mt-1",
 												children: "Total Revenue"
 											})]
 										}),
-										/* @__PURE__ */ k("div", {
+										/* @__PURE__ */ A("div", {
 											className: "text-center p-3 rounded-lg bg-bg-sunken/50",
-											children: [/* @__PURE__ */ O("div", {
+											children: [/* @__PURE__ */ k("div", {
 												className: "text-xl font-bold text-text-primary",
-												children: A.totalOrders
-											}), /* @__PURE__ */ O("div", {
+												children: F.totalOrders
+											}), /* @__PURE__ */ k("div", {
 												className: "text-xs text-text-secondary mt-1",
 												children: "Total Orders"
 											})]
 										}),
-										/* @__PURE__ */ k("div", {
+										/* @__PURE__ */ A("div", {
 											className: "text-center p-3 rounded-lg bg-bg-sunken/50",
-											children: [/* @__PURE__ */ O("div", {
+											children: [/* @__PURE__ */ k("div", {
 												className: "text-xl font-bold text-text-primary",
-												children: A.customerCount
-											}), /* @__PURE__ */ O("div", {
+												children: F.customerCount
+											}), /* @__PURE__ */ k("div", {
 												className: "text-xs text-text-secondary mt-1",
 												children: "Unique Customers"
 											})]
@@ -542,30 +584,30 @@ var A = {
 								})]
 							})
 						]
-					}), /* @__PURE__ */ k("div", {
+					}), /* @__PURE__ */ A("div", {
 						className: "space-y-6",
 						children: [
-							/* @__PURE__ */ k("div", {
-								className: "rounded-lg border border-border-subtle bg-bg-surface p-5 shadow-sm",
-								children: [/* @__PURE__ */ k("div", {
+							/* @__PURE__ */ A("div", {
+								className: "rounded-lg border border-border-seam bg-bg-surface p-5 shadow-sm",
+								children: [/* @__PURE__ */ A("div", {
 									className: "flex items-center justify-between mb-4",
-									children: [/* @__PURE__ */ k("h3", {
+									children: [/* @__PURE__ */ A("h3", {
 										className: "text-base font-semibold text-text-primary flex items-center gap-2",
-										children: [/* @__PURE__ */ O(u, { className: "h-4 w-4" }), "Notifications"]
-									}), /* @__PURE__ */ O("span", {
-										className: "inline-flex items-center justify-center rounded-full bg-red-500 text-white text-[10px] font-bold h-5 w-5",
-										children: P.length
+										children: [/* @__PURE__ */ k(u, { className: "h-4 w-4" }), "Notifications"]
+									}), /* @__PURE__ */ k("span", {
+										className: "inline-flex items-center justify-center rounded-full bg-status-error-text text-text-inverse text-[10px] font-bold h-5 w-5",
+										children: z.length
 									})]
-								}), /* @__PURE__ */ O("div", {
+								}), /* @__PURE__ */ k("div", {
 									className: "space-y-3",
-									children: P.map((e) => /* @__PURE__ */ k("div", {
+									children: z.map((e) => /* @__PURE__ */ A("div", {
 										className: "flex items-start gap-2",
-										children: [/* @__PURE__ */ O(o, { className: t("h-4 w-4 mt-0.5 shrink-0", z[e.type]) }), /* @__PURE__ */ k("div", {
+										children: [/* @__PURE__ */ k(o, { className: t("h-4 w-4 mt-0.5 shrink-0", W[e.type]) }), /* @__PURE__ */ A("div", {
 											className: "min-w-0",
-											children: [/* @__PURE__ */ O("p", {
+											children: [/* @__PURE__ */ k("p", {
 												className: "text-xs text-text-primary leading-tight",
 												children: e.message
-											}), /* @__PURE__ */ O("p", {
+											}), /* @__PURE__ */ k("p", {
 												className: "text-[10px] text-text-secondary mt-0.5",
 												children: e.time
 											})]
@@ -573,117 +615,117 @@ var A = {
 									}, e.id))
 								})]
 							}),
-							/* @__PURE__ */ k("div", {
-								className: "rounded-lg border border-border-subtle bg-bg-surface p-5 shadow-sm",
-								children: [/* @__PURE__ */ k("h3", {
+							/* @__PURE__ */ A("div", {
+								className: "rounded-lg border border-border-seam bg-bg-surface p-5 shadow-sm",
+								children: [/* @__PURE__ */ A("h3", {
 									className: "text-base font-semibold text-text-primary mb-4 flex items-center gap-2",
-									children: [/* @__PURE__ */ O(g, { className: "h-4 w-4 text-orange-500" }), "Top Selling Items"]
-								}), /* @__PURE__ */ O("div", {
+									children: [/* @__PURE__ */ k(g, { className: "h-4 w-4 text-status-warning-text" }), "Top Selling Items"]
+								}), /* @__PURE__ */ k("div", {
 									className: "space-y-3",
-									children: M.map((e, t) => /* @__PURE__ */ k("div", {
+									children: L.map((e, t) => /* @__PURE__ */ A("div", {
 										className: "flex items-center justify-between",
-										children: [/* @__PURE__ */ k("div", {
+										children: [/* @__PURE__ */ A("div", {
 											className: "flex items-center gap-2 min-w-0",
-											children: [/* @__PURE__ */ O("span", {
+											children: [/* @__PURE__ */ k("span", {
 												className: "text-sm font-bold text-text-secondary w-5",
 												children: t + 1
-											}), /* @__PURE__ */ k("div", {
+											}), /* @__PURE__ */ A("div", {
 												className: "min-w-0",
-												children: [/* @__PURE__ */ O("p", {
+												children: [/* @__PURE__ */ k("p", {
 													className: "text-xs font-medium text-text-primary truncate",
 													children: e.name
-												}), /* @__PURE__ */ k("p", {
+												}), /* @__PURE__ */ A("p", {
 													className: "text-[10px] text-text-secondary",
 													children: [e.quantity, " sold"]
 												})]
 											})]
-										}), /* @__PURE__ */ O("span", {
+										}), /* @__PURE__ */ k("span", {
 											className: "text-xs font-semibold text-text-primary",
 											children: r(e.revenue, { minimumFractionDigits: 0 })
 										})]
 									}, e.name))
 								})]
 							}),
-							/* @__PURE__ */ k("div", {
-								className: "rounded-lg border border-border-subtle bg-bg-surface p-5 shadow-sm",
-								children: [/* @__PURE__ */ k("div", {
+							/* @__PURE__ */ A("div", {
+								className: "rounded-lg border border-border-seam bg-bg-surface p-5 shadow-sm",
+								children: [/* @__PURE__ */ A("div", {
 									className: "flex items-center justify-between mb-4",
-									children: [/* @__PURE__ */ k("h3", {
+									children: [/* @__PURE__ */ A("h3", {
 										className: "text-base font-semibold text-text-primary flex items-center gap-2",
-										children: [/* @__PURE__ */ O(D, { className: "h-4 w-4" }), "Staff Overview"]
-									}), /* @__PURE__ */ O("button", {
+										children: [/* @__PURE__ */ k(O, { className: "h-4 w-4" }), "Staff Overview"]
+									}), /* @__PURE__ */ k("button", {
 										type: "button",
 										onClick: () => i("/cart-owner/staff"),
 										className: "text-xs text-text-secondary hover:text-text-primary transition-colors",
 										children: "Manage"
 									})]
-								}), /* @__PURE__ */ O("div", {
+								}), /* @__PURE__ */ k("div", {
 									className: "space-y-3",
-									children: N.map((e) => /* @__PURE__ */ k("div", {
+									children: R.map((e) => /* @__PURE__ */ A("div", {
 										className: "flex items-center justify-between",
-										children: [/* @__PURE__ */ k("div", {
+										children: [/* @__PURE__ */ A("div", {
 											className: "flex items-center gap-2",
-											children: [/* @__PURE__ */ O("div", { className: t("w-2 h-2 rounded-full", R[e.status]) }), /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+											children: [/* @__PURE__ */ k("div", { className: t("w-2 h-2 rounded-full", U[e.status]) }), /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("p", {
 												className: "text-xs font-medium text-text-primary",
 												children: e.name
-											}), /* @__PURE__ */ O("p", {
+											}), /* @__PURE__ */ k("p", {
 												className: "text-[10px] text-text-secondary",
 												children: e.role
 											})] })]
-										}), /* @__PURE__ */ O("span", {
+										}), /* @__PURE__ */ k("span", {
 											className: "text-[10px] capitalize text-text-secondary",
 											children: e.status.replace("-", " ")
 										})]
 									}, e.name))
 								})]
 							}),
-							/* @__PURE__ */ k("div", {
-								className: "rounded-lg border border-border-subtle bg-bg-surface p-5 shadow-sm",
-								children: [/* @__PURE__ */ O("h3", {
+							/* @__PURE__ */ A("div", {
+								className: "rounded-lg border border-border-seam bg-bg-surface p-5 shadow-sm",
+								children: [/* @__PURE__ */ k("h3", {
 									className: "text-base font-semibold text-text-primary mb-4",
 									children: "Quick Stats"
-								}), /* @__PURE__ */ k("div", {
+								}), /* @__PURE__ */ A("div", {
 									className: "space-y-3",
 									children: [
-										/* @__PURE__ */ k("div", {
+										/* @__PURE__ */ A("div", {
 											className: "flex items-center justify-between",
-											children: [/* @__PURE__ */ O("span", {
+											children: [/* @__PURE__ */ k("span", {
 												className: "text-xs text-text-secondary",
 												children: "Active Offerings"
-											}), /* @__PURE__ */ O("span", {
+											}), /* @__PURE__ */ k("span", {
 												className: "text-sm font-semibold text-text-primary",
-												children: A.activeOfferings
+												children: F.activeOfferings
 											})]
 										}),
-										/* @__PURE__ */ k("div", {
+										/* @__PURE__ */ A("div", {
 											className: "flex items-center justify-between",
-											children: [/* @__PURE__ */ O("span", {
+											children: [/* @__PURE__ */ k("span", {
 												className: "text-xs text-text-secondary",
 												children: "Customer Rating"
-											}), /* @__PURE__ */ k("span", {
+											}), /* @__PURE__ */ A("span", {
 												className: "text-sm font-semibold text-text-primary flex items-center gap-1",
-												children: [/* @__PURE__ */ O(C, { className: "h-3 w-3 text-yellow-500 fill-yellow-500" }), A.rating]
+												children: [/* @__PURE__ */ k(C, { className: "h-3 w-3 text-status-warning-text fill-status-warning-text" }), F.rating]
 											})]
 										}),
-										/* @__PURE__ */ k("div", {
+										/* @__PURE__ */ A("div", {
 											className: "flex items-center justify-between",
-											children: [/* @__PURE__ */ O("span", {
+											children: [/* @__PURE__ */ k("span", {
 												className: "text-xs text-text-secondary",
 												children: "Total Customers"
-											}), /* @__PURE__ */ O("span", {
+											}), /* @__PURE__ */ k("span", {
 												className: "text-sm font-semibold text-text-primary",
-												children: A.customerCount
+												children: F.customerCount
 											})]
 										})
 									]
 								})]
 							}),
-							/* @__PURE__ */ k("div", {
-								className: "rounded-lg border border-border-subtle bg-bg-surface p-5 shadow-sm",
-								children: [/* @__PURE__ */ O("h3", {
+							/* @__PURE__ */ A("div", {
+								className: "rounded-lg border border-border-seam bg-bg-surface p-5 shadow-sm",
+								children: [/* @__PURE__ */ k("h3", {
 									className: "text-base font-semibold text-text-primary mb-3",
 									children: "Business Settings"
-								}), /* @__PURE__ */ O("div", {
+								}), /* @__PURE__ */ k("div", {
 									className: "space-y-2",
 									children: [
 										{
@@ -703,43 +745,43 @@ var A = {
 										}
 									].map((e) => {
 										let t = e.icon;
-										return /* @__PURE__ */ k("button", {
+										return /* @__PURE__ */ A("button", {
 											type: "button",
 											onClick: () => i(e.path),
-											className: "w-full flex items-center justify-between 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__ */ k("span", {
+											className: "w-full flex items-center justify-between 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__ */ A("span", {
 												className: "flex items-center gap-2",
-												children: [/* @__PURE__ */ O(t, { className: "h-3.5 w-3.5" }), e.label]
-											}), /* @__PURE__ */ O(f, { className: "h-3 w-3 text-text-secondary" })]
+												children: [/* @__PURE__ */ k(t, { className: "h-3.5 w-3.5" }), e.label]
+											}), /* @__PURE__ */ k(f, { className: "h-3 w-3 text-text-secondary" })]
 										}, e.label);
 									})
 								})]
 							}),
-							/* @__PURE__ */ k("div", {
-								className: "rounded-lg border border-border-subtle bg-bg-surface p-5 shadow-sm",
-								children: [/* @__PURE__ */ O("h3", {
+							/* @__PURE__ */ A("div", {
+								className: "rounded-lg border border-border-seam bg-bg-surface p-5 shadow-sm",
+								children: [/* @__PURE__ */ k("h3", {
 									className: "text-base font-semibold text-text-primary mb-3",
 									children: "Recent Activity"
-								}), /* @__PURE__ */ k("div", {
+								}), /* @__PURE__ */ A("div", {
 									className: "space-y-2 text-xs",
 									children: [
-										/* @__PURE__ */ k("div", {
+										/* @__PURE__ */ A("div", {
 											className: "flex items-center gap-2",
-											children: [/* @__PURE__ */ O(o, { className: "h-3.5 w-3.5 text-green-500" }), /* @__PURE__ */ O("span", {
+											children: [/* @__PURE__ */ k(o, { className: "h-3.5 w-3.5 text-status-success-text" }), /* @__PURE__ */ k("span", {
 												className: "text-text-secondary",
 												children: "Order #ORD-003 delivered"
 											})]
 										}),
-										/* @__PURE__ */ k("div", {
+										/* @__PURE__ */ A("div", {
 											className: "flex items-center gap-2",
-											children: [/* @__PURE__ */ O(o, { className: "h-3.5 w-3.5 text-blue-500" }), /* @__PURE__ */ O("span", {
+											children: [/* @__PURE__ */ k(o, { className: "h-3.5 w-3.5 text-status-info-text" }), /* @__PURE__ */ k("span", {
 												className: "text-text-secondary",
 												children: "Inventory updated"
 											})]
 										}),
-										/* @__PURE__ */ k("div", {
+										/* @__PURE__ */ A("div", {
 											className: "flex items-center gap-2",
-											children: [/* @__PURE__ */ O(o, { className: "h-3.5 w-3.5 text-yellow-500" }), /* @__PURE__ */ O("span", {
+											children: [/* @__PURE__ */ k(o, { className: "h-3.5 w-3.5 text-status-warning-text" }), /* @__PURE__ */ k("span", {
 												className: "text-text-secondary",
 												children: "New customer review"
 											})]
@@ -755,6 +797,6 @@ var A = {
 	});
 };
 //#endregion
-export { B as CartOwnerDashboard };
+export { G as CartOwnerDashboard };
 
 //# sourceMappingURL=CartOwnerDashboard.js.map