@burdenoff/microfe-coolandlovely 2026.614.1

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

@@ -0,0 +1,760 @@
+import { useCoolAndLovely as e } from "../../context/CoolAndLovelyContext.js";
+import { cn as t } from "../../utils/cn.js";
+import { PageLayout as n } from "../../components/PageLayout.js";
+import { 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";
+//#region src/coolandlovely/pages/cart-owner/CartOwnerDashboard.tsx
+var A = {
+	totalRevenue: 45230,
+	dailyRevenue: 1850,
+	ordersToday: 23,
+	totalOrders: 1247,
+	activeOfferings: 68,
+	averageOrderValue: 80,
+	customerCount: 342,
+	rating: 4.2
+}, j = [
+	{
+		id: "ORD-001",
+		customerName: "Rahul Sharma",
+		items: [
+			"Masala Dosa",
+			"Filter Coffee",
+			"Vada"
+		],
+		total: 180,
+		status: "preparing",
+		timestamp: "10 mins ago",
+		priority: "urgent"
+	},
+	{
+		id: "ORD-002",
+		customerName: "Priya Patel",
+		items: ["Idli Sambar (2)", "Coconut Chutney"],
+		total: 80,
+		status: "ready",
+		timestamp: "15 mins ago",
+		priority: "normal"
+	},
+	{
+		id: "ORD-003",
+		customerName: "Amit Kumar",
+		items: [
+			"Rava Dosa",
+			"Sambar",
+			"Coffee"
+		],
+		total: 160,
+		status: "delivered",
+		timestamp: "25 mins ago",
+		priority: "normal"
+	},
+	{
+		id: "ORD-004",
+		customerName: "Sneha Singh",
+		items: ["Upma", "Coffee"],
+		total: 60,
+		status: "pending",
+		timestamp: "2 mins ago",
+		priority: "urgent"
+	}
+], M = [
+	{
+		name: "Masala Dosa",
+		quantity: 245,
+		revenue: 19600
+	},
+	{
+		name: "Filter Coffee",
+		quantity: 312,
+		revenue: 9360
+	},
+	{
+		name: "Idli Sambar",
+		quantity: 189,
+		revenue: 7560
+	},
+	{
+		name: "Vada",
+		quantity: 156,
+		revenue: 4680
+	},
+	{
+		name: "Rava Dosa",
+		quantity: 98,
+		revenue: 8820
+	}
+], N = [
+	{
+		name: "Ramesh Kumar",
+		role: "Chef",
+		status: "active"
+	},
+	{
+		name: "Priya Sharma",
+		role: "Server",
+		status: "active"
+	},
+	{
+		name: "Amit Patel",
+		role: "Delivery",
+		status: "on-break"
+	},
+	{
+		name: "Sneha Reddy",
+		role: "Manager",
+		status: "active"
+	}
+], P = [
+	{
+		id: "1",
+		message: "New order #ORD-004 received",
+		type: "info",
+		time: "2 min ago"
+	},
+	{
+		id: "2",
+		message: "Low stock alert: Vada batter running low",
+		type: "warning",
+		time: "15 min ago"
+	},
+	{
+		id: "3",
+		message: "Order #ORD-003 delivered successfully",
+		type: "success",
+		time: "25 min ago"
+	},
+	{
+		id: "4",
+		message: "New 5-star review from Priya Patel",
+		type: "success",
+		time: "1 hr ago"
+	},
+	{
+		id: "5",
+		message: "Peak hours approaching (12-2 PM)",
+		type: "warning",
+		time: "1 hr ago"
+	}
+], F = i.orderTrends.slice(0, 7), I = () => {
+	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",
+	cancelled: "bg-muted text-muted-foreground"
+}, R = {
+	active: "bg-green-500",
+	"on-break": "bg-yellow-500",
+	"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({
+		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 ? {
+			...t,
+			status: "preparing"
+		} : t));
+	}, G = (e) => {
+		V((t) => t.map((t) => t.id === e ? {
+			...t,
+			status: "ready"
+		} : t));
+	};
+	return /* @__PURE__ */ O(n, {
+		title: /* @__PURE__ */ k("span", { children: [
+			I(),
+			", ",
+			/* @__PURE__ */ O("span", {
+				className: "text-muted-foreground font-normal",
+				children: "Rajesh"
+			})
+		] }),
+		description: "Manage your service provider operations",
+		actions: /* @__PURE__ */ k("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-foreground hover:bg-accent/80 transition-colors",
+			children: ["View All Orders", /* @__PURE__ */ O(c, { className: "h-4 w-4" })]
+		}),
+		children: /* @__PURE__ */ k("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", {
+						className: "flex flex-col lg:flex-row lg:items-center lg:justify-between gap-4",
+						children: [/* @__PURE__ */ k("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", {
+								className: "font-semibold text-foreground text-sm",
+								children: ["Service Status: ", H.isOpen ? "Open" : "Closed"]
+							}), /* @__PURE__ */ k("div", {
+								className: "flex flex-col sm:flex-row sm:items-center gap-2 sm:gap-4 mt-1 text-xs text-muted-foreground",
+								children: [/* @__PURE__ */ k("span", {
+									className: "flex items-center gap-1",
+									children: [/* @__PURE__ */ O(v, { className: "h-3 w-3 shrink-0" }), H.currentLocation]
+								}), /* @__PURE__ */ k("span", {
+									className: "flex items-center gap-1",
+									children: [/* @__PURE__ */ O(p, { className: "h-3 w-3 shrink-0" }), H.operatingHours]
+								})]
+							})] })]
+						}), /* @__PURE__ */ k("div", {
+							className: "flex gap-2",
+							children: [/* @__PURE__ */ k("button", {
+								type: "button",
+								onClick: () => i("/cart-owner/settings"),
+								className: "inline-flex items-center gap-1 rounded-md border border-border px-3 py-1.5 text-xs font-medium text-foreground hover:bg-muted transition-colors",
+								children: [/* @__PURE__ */ O(v, { className: "h-3 w-3" }), "Update Location"]
+							}), /* @__PURE__ */ O("button", {
+								type: "button",
+								onClick: () => {
+									U((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"
+							})]
+						})]
+					})
+				}),
+				/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("h2", {
+					className: "text-base font-semibold text-foreground mb-3",
+					children: "Today's Performance"
+				}), /* @__PURE__ */ O("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 }),
+							icon: _,
+							trend: "+15.2% vs yesterday",
+							trendUp: !0
+						},
+						{
+							label: "Orders Today",
+							value: String(A.ordersToday),
+							icon: S,
+							trend: "+8.5% vs yesterday",
+							trendUp: !0
+						},
+						{
+							label: "Avg Order Value",
+							value: r(A.averageOrderValue, { minimumFractionDigits: 0 }),
+							icon: T,
+							trend: "+3.2% vs last week",
+							trendUp: !0
+						},
+						{
+							label: "Service Rating",
+							value: A.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 bg-card p-5 shadow-sm",
+							children: [
+								/* @__PURE__ */ k("div", {
+									className: "flex items-center justify-between",
+									children: [/* @__PURE__ */ O("div", {
+										className: "rounded-md bg-accent p-2",
+										children: /* @__PURE__ */ O(t, { className: "h-5 w-5 text-muted-foreground" })
+									}), /* @__PURE__ */ k("div", {
+										className: "flex items-center gap-1 text-xs text-muted-foreground",
+										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 })]
+									})]
+								}),
+								/* @__PURE__ */ O("p", {
+									className: "mt-3 text-2xl font-bold text-foreground",
+									children: e.value
+								}),
+								/* @__PURE__ */ O("p", {
+									className: "mt-1 text-sm text-muted-foreground",
+									children: e.label
+								})
+							]
+						}, e.label);
+					})
+				})] }),
+				/* @__PURE__ */ k("div", {
+					className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
+					children: [/* @__PURE__ */ k("div", {
+						className: "lg:col-span-2 space-y-6",
+						children: [
+							/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("h3", {
+								className: "text-base font-semibold mb-3 text-foreground",
+								children: "Quick Actions"
+							}), /* @__PURE__ */ O("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",
+										path: "/cart-owner/service-config"
+									},
+									{
+										label: "Manage Offerings",
+										icon: y,
+										color: "bg-blue-500/10 text-blue-600 dark:text-blue-400",
+										path: "/cart-owner/inventory"
+									},
+									{
+										label: "View Orders",
+										icon: S,
+										color: "bg-green-500/10 text-green-600 dark:text-green-400",
+										path: "/cart-owner/orders"
+									},
+									{
+										label: "Analytics",
+										icon: l,
+										color: "bg-purple-500/10 text-purple-600 dark:text-purple-400",
+										path: "/cart-owner/analytics"
+									},
+									{
+										label: "Staff",
+										icon: E,
+										color: "bg-pink-500/10 text-pink-600 dark:text-pink-400",
+										path: "/cart-owner/staff"
+									}
+								].map((e) => {
+									let n = e.icon;
+									return /* @__PURE__ */ k("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", {
+											className: "text-xs font-medium text-center",
+											children: e.label
+										})]
+									}, e.label);
+								})
+							})] }),
+							/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ k("div", {
+								className: "flex items-center justify-between mb-3",
+								children: [/* @__PURE__ */ O("h3", {
+									className: "text-base font-semibold text-foreground",
+									children: "Recent Orders"
+								}), /* @__PURE__ */ O("button", {
+									type: "button",
+									onClick: () => i("/cart-owner/orders"),
+									className: "text-xs text-muted-foreground hover:text-foreground transition-colors",
+									children: "View All Orders"
+								})]
+							}), /* @__PURE__ */ O("div", {
+								className: "space-y-3",
+								children: B.map((e) => /* @__PURE__ */ O("div", {
+									className: "rounded-lg border border-border bg-card p-4 shadow-sm",
+									children: /* @__PURE__ */ k("div", {
+										className: "flex flex-col lg:flex-row lg:items-start lg:justify-between gap-3",
+										children: [/* @__PURE__ */ k("div", {
+											className: "flex-1 min-w-0",
+											children: [
+												/* @__PURE__ */ k("div", {
+													className: "flex flex-wrap items-center gap-2 mb-1",
+													children: [
+														/* @__PURE__ */ k("h4", {
+															className: "font-semibold text-foreground 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-muted text-muted-foreground"),
+															children: e.status
+														}),
+														e.priority === "urgent" && /* @__PURE__ */ O(s, { className: "h-4 w-4 text-red-500" })
+													]
+												}),
+												/* @__PURE__ */ k("p", {
+													className: "text-xs text-muted-foreground mb-1",
+													children: ["Customer: ", e.customerName]
+												}),
+												/* @__PURE__ */ k("p", {
+													className: "text-xs text-muted-foreground mb-1 truncate",
+													children: ["Items: ", e.items.join(", ")]
+												}),
+												/* @__PURE__ */ k("div", {
+													className: "flex flex-wrap items-center gap-3 text-xs text-muted-foreground",
+													children: [/* @__PURE__ */ O("span", {
+														className: "font-semibold text-foreground",
+														children: r(e.total, { minimumFractionDigits: 0 })
+													}), /* @__PURE__ */ k("span", {
+														className: "flex items-center gap-1",
+														children: [/* @__PURE__ */ O(p, { className: "h-3 w-3" }), e.timestamp]
+													})]
+												})
+											]
+										}), /* @__PURE__ */ k("div", {
+											className: "flex gap-2",
+											children: [
+												/* @__PURE__ */ k("button", {
+													type: "button",
+													onClick: () => i("/cart-owner/orders"),
+													className: "inline-flex items-center gap-1 rounded-md border border-border px-3 py-1.5 text-xs font-medium text-foreground hover:bg-muted transition-colors",
+													children: [/* @__PURE__ */ O(h, { className: "h-3 w-3" }), "View"]
+												}),
+												e.status === "pending" && /* @__PURE__ */ k("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"]
+												}),
+												e.status === "preparing" && /* @__PURE__ */ k("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"]
+												})
+											]
+										})]
+									})
+								}, e.id))
+							})] }),
+							/* @__PURE__ */ k("div", {
+								className: "rounded-lg border border-border bg-card shadow-sm",
+								children: [/* @__PURE__ */ k("div", {
+									className: "flex items-center justify-between border-b border-border px-5 py-4",
+									children: [/* @__PURE__ */ O("h3", {
+										className: "text-base font-semibold text-foreground",
+										children: "Revenue (Last 7 Days)"
+									}), /* @__PURE__ */ O("button", {
+										type: "button",
+										onClick: () => i("/cart-owner/analytics"),
+										className: "text-xs text-muted-foreground hover:text-foreground transition-colors",
+										children: "View Analytics"
+									})]
+								}), /* @__PURE__ */ O("div", {
+									className: "overflow-x-auto",
+									children: /* @__PURE__ */ k("table", {
+										className: "w-full text-sm",
+										children: [/* @__PURE__ */ O("thead", { children: /* @__PURE__ */ k("tr", {
+											className: "border-b border-border",
+											children: [
+												/* @__PURE__ */ O("th", {
+													className: "px-5 py-3 text-left font-medium text-muted-foreground",
+													children: "Date"
+												}),
+												/* @__PURE__ */ O("th", {
+													className: "px-5 py-3 text-right font-medium text-muted-foreground",
+													children: "Orders"
+												}),
+												/* @__PURE__ */ O("th", {
+													className: "px-5 py-3 text-right font-medium text-muted-foreground",
+													children: "Revenue"
+												}),
+												/* @__PURE__ */ O("th", {
+													className: "px-5 py-3 text-left font-medium text-muted-foreground",
+													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 last:border-0",
+												children: [
+													/* @__PURE__ */ O("td", {
+														className: "px-5 py-3 text-foreground text-xs",
+														children: new Date(e.date).toLocaleDateString("en-IN", {
+															day: "2-digit",
+															month: "short",
+															weekday: "short"
+														})
+													}),
+													/* @__PURE__ */ O("td", {
+														className: "px-5 py-3 text-right text-foreground",
+														children: e.orders
+													}),
+													/* @__PURE__ */ O("td", {
+														className: "px-5 py-3 text-right font-medium text-foreground",
+														children: r(e.revenue, { minimumFractionDigits: 0 })
+													}),
+													/* @__PURE__ */ O("td", {
+														className: "px-5 py-3 w-40",
+														children: /* @__PURE__ */ O("div", {
+															className: "h-4 rounded bg-muted overflow-hidden",
+															children: /* @__PURE__ */ O("div", {
+																className: "h-full rounded bg-blue-500/60",
+																style: { width: `${i}%` }
+															})
+														})
+													})
+												]
+											}, e.date);
+										}) })]
+									})
+								})]
+							}),
+							/* @__PURE__ */ k("div", {
+								className: "rounded-lg border border-border bg-card p-5 shadow-sm",
+								children: [/* @__PURE__ */ O("h3", {
+									className: "text-base font-semibold text-foreground mb-4",
+									children: "This Month Summary"
+								}), /* @__PURE__ */ k("div", {
+									className: "grid grid-cols-1 sm:grid-cols-3 gap-4",
+									children: [
+										/* @__PURE__ */ k("div", {
+											className: "text-center p-3 rounded-lg bg-muted/50",
+											children: [/* @__PURE__ */ O("div", {
+												className: "text-xl font-bold text-foreground",
+												children: r(A.totalRevenue, { minimumFractionDigits: 0 })
+											}), /* @__PURE__ */ O("div", {
+												className: "text-xs text-muted-foreground mt-1",
+												children: "Total Revenue"
+											})]
+										}),
+										/* @__PURE__ */ k("div", {
+											className: "text-center p-3 rounded-lg bg-muted/50",
+											children: [/* @__PURE__ */ O("div", {
+												className: "text-xl font-bold text-foreground",
+												children: A.totalOrders
+											}), /* @__PURE__ */ O("div", {
+												className: "text-xs text-muted-foreground mt-1",
+												children: "Total Orders"
+											})]
+										}),
+										/* @__PURE__ */ k("div", {
+											className: "text-center p-3 rounded-lg bg-muted/50",
+											children: [/* @__PURE__ */ O("div", {
+												className: "text-xl font-bold text-foreground",
+												children: A.customerCount
+											}), /* @__PURE__ */ O("div", {
+												className: "text-xs text-muted-foreground mt-1",
+												children: "Unique Customers"
+											})]
+										})
+									]
+								})]
+							})
+						]
+					}), /* @__PURE__ */ k("div", {
+						className: "space-y-6",
+						children: [
+							/* @__PURE__ */ k("div", {
+								className: "rounded-lg border border-border bg-card p-5 shadow-sm",
+								children: [/* @__PURE__ */ k("div", {
+									className: "flex items-center justify-between mb-4",
+									children: [/* @__PURE__ */ k("h3", {
+										className: "text-base font-semibold text-foreground 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
+									})]
+								}), /* @__PURE__ */ O("div", {
+									className: "space-y-3",
+									children: P.map((e) => /* @__PURE__ */ k("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", {
+											className: "min-w-0",
+											children: [/* @__PURE__ */ O("p", {
+												className: "text-xs text-foreground leading-tight",
+												children: e.message
+											}), /* @__PURE__ */ O("p", {
+												className: "text-[10px] text-muted-foreground mt-0.5",
+												children: e.time
+											})]
+										})]
+									}, e.id))
+								})]
+							}),
+							/* @__PURE__ */ k("div", {
+								className: "rounded-lg border border-border bg-card p-5 shadow-sm",
+								children: [/* @__PURE__ */ k("h3", {
+									className: "text-base font-semibold text-foreground 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", {
+									className: "space-y-3",
+									children: M.map((e, t) => /* @__PURE__ */ k("div", {
+										className: "flex items-center justify-between",
+										children: [/* @__PURE__ */ k("div", {
+											className: "flex items-center gap-2 min-w-0",
+											children: [/* @__PURE__ */ O("span", {
+												className: "text-sm font-bold text-muted-foreground w-5",
+												children: t + 1
+											}), /* @__PURE__ */ k("div", {
+												className: "min-w-0",
+												children: [/* @__PURE__ */ O("p", {
+													className: "text-xs font-medium text-foreground truncate",
+													children: e.name
+												}), /* @__PURE__ */ k("p", {
+													className: "text-[10px] text-muted-foreground",
+													children: [e.quantity, " sold"]
+												})]
+											})]
+										}), /* @__PURE__ */ O("span", {
+											className: "text-xs font-semibold text-foreground",
+											children: r(e.revenue, { minimumFractionDigits: 0 })
+										})]
+									}, e.name))
+								})]
+							}),
+							/* @__PURE__ */ k("div", {
+								className: "rounded-lg border border-border bg-card p-5 shadow-sm",
+								children: [/* @__PURE__ */ k("div", {
+									className: "flex items-center justify-between mb-4",
+									children: [/* @__PURE__ */ k("h3", {
+										className: "text-base font-semibold text-foreground flex items-center gap-2",
+										children: [/* @__PURE__ */ O(D, { className: "h-4 w-4" }), "Staff Overview"]
+									}), /* @__PURE__ */ O("button", {
+										type: "button",
+										onClick: () => i("/cart-owner/staff"),
+										className: "text-xs text-muted-foreground hover:text-foreground transition-colors",
+										children: "Manage"
+									})]
+								}), /* @__PURE__ */ O("div", {
+									className: "space-y-3",
+									children: N.map((e) => /* @__PURE__ */ k("div", {
+										className: "flex items-center justify-between",
+										children: [/* @__PURE__ */ k("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", {
+												className: "text-xs font-medium text-foreground",
+												children: e.name
+											}), /* @__PURE__ */ O("p", {
+												className: "text-[10px] text-muted-foreground",
+												children: e.role
+											})] })]
+										}), /* @__PURE__ */ O("span", {
+											className: "text-[10px] capitalize text-muted-foreground",
+											children: e.status.replace("-", " ")
+										})]
+									}, e.name))
+								})]
+							}),
+							/* @__PURE__ */ k("div", {
+								className: "rounded-lg border border-border bg-card p-5 shadow-sm",
+								children: [/* @__PURE__ */ O("h3", {
+									className: "text-base font-semibold text-foreground mb-4",
+									children: "Quick Stats"
+								}), /* @__PURE__ */ k("div", {
+									className: "space-y-3",
+									children: [
+										/* @__PURE__ */ k("div", {
+											className: "flex items-center justify-between",
+											children: [/* @__PURE__ */ O("span", {
+												className: "text-xs text-muted-foreground",
+												children: "Active Offerings"
+											}), /* @__PURE__ */ O("span", {
+												className: "text-sm font-semibold text-foreground",
+												children: A.activeOfferings
+											})]
+										}),
+										/* @__PURE__ */ k("div", {
+											className: "flex items-center justify-between",
+											children: [/* @__PURE__ */ O("span", {
+												className: "text-xs text-muted-foreground",
+												children: "Customer Rating"
+											}), /* @__PURE__ */ k("span", {
+												className: "text-sm font-semibold text-foreground flex items-center gap-1",
+												children: [/* @__PURE__ */ O(C, { className: "h-3 w-3 text-yellow-500 fill-yellow-500" }), A.rating]
+											})]
+										}),
+										/* @__PURE__ */ k("div", {
+											className: "flex items-center justify-between",
+											children: [/* @__PURE__ */ O("span", {
+												className: "text-xs text-muted-foreground",
+												children: "Total Customers"
+											}), /* @__PURE__ */ O("span", {
+												className: "text-sm font-semibold text-foreground",
+												children: A.customerCount
+											})]
+										})
+									]
+								})]
+							}),
+							/* @__PURE__ */ k("div", {
+								className: "rounded-lg border border-border bg-card p-5 shadow-sm",
+								children: [/* @__PURE__ */ O("h3", {
+									className: "text-base font-semibold text-foreground mb-3",
+									children: "Business Settings"
+								}), /* @__PURE__ */ O("div", {
+									className: "space-y-2",
+									children: [
+										{
+											label: "Service Settings",
+											icon: x,
+											path: "/cart-owner/settings"
+										},
+										{
+											label: "Business Profile",
+											icon: m,
+											path: "/cart-owner/profile"
+										},
+										{
+											label: "Add Offerings",
+											icon: b,
+											path: "/cart-owner/inventory"
+										}
+									].map((e) => {
+										let t = e.icon;
+										return /* @__PURE__ */ k("button", {
+											type: "button",
+											onClick: () => i(e.path),
+											className: "w-full flex items-center justify-between rounded-md border border-border px-3 py-2 text-xs font-medium text-foreground hover:bg-muted transition-colors",
+											children: [/* @__PURE__ */ k("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-muted-foreground" })]
+										}, e.label);
+									})
+								})]
+							}),
+							/* @__PURE__ */ k("div", {
+								className: "rounded-lg border border-border bg-card p-5 shadow-sm",
+								children: [/* @__PURE__ */ O("h3", {
+									className: "text-base font-semibold text-foreground mb-3",
+									children: "Recent Activity"
+								}), /* @__PURE__ */ k("div", {
+									className: "space-y-2 text-xs",
+									children: [
+										/* @__PURE__ */ k("div", {
+											className: "flex items-center gap-2",
+											children: [/* @__PURE__ */ O(o, { className: "h-3.5 w-3.5 text-green-500" }), /* @__PURE__ */ O("span", {
+												className: "text-muted-foreground",
+												children: "Order #ORD-003 delivered"
+											})]
+										}),
+										/* @__PURE__ */ k("div", {
+											className: "flex items-center gap-2",
+											children: [/* @__PURE__ */ O(o, { className: "h-3.5 w-3.5 text-blue-500" }), /* @__PURE__ */ O("span", {
+												className: "text-muted-foreground",
+												children: "Inventory updated"
+											})]
+										}),
+										/* @__PURE__ */ k("div", {
+											className: "flex items-center gap-2",
+											children: [/* @__PURE__ */ O(o, { className: "h-3.5 w-3.5 text-yellow-500" }), /* @__PURE__ */ O("span", {
+												className: "text-muted-foreground",
+												children: "New customer review"
+											})]
+										})
+									]
+								})]
+							})
+						]
+					})]
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { B as CartOwnerDashboard };
+
+//# sourceMappingURL=CartOwnerDashboard.js.map