@burdenoff/microfe-kadaikodi 2026.704.4 → 2026.704.5

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

@@ -4,10 +4,13 @@ import { PageLayout as n } from "../../components/PageLayout.js";
 import { EmptyState as r } from "../../components/EmptyState.js";
 import { useOfferings as i, useOrders as a, useProviderWorkers as o, useProviders as ee, useReviews as te, useUpdateOrderStatus as s, useUpdateProvider as c } from "../../hooks/useKadaikodiApi.js";
 import { formatCurrency as l } from "../../utils/formatters.js";
-import { useEffect as u, useMemo as d, useState as f } from "react";
-import { Activity as p, ArrowRight as ne, BarChart3 as re, Bell as ie, CheckCircle as m, ChevronRight as ae, Clock as h, Edit as g, Eye as _, Flame as v, IndianRupee as y, MapPin as b, Package as x, Plus as S, Settings as C, ShoppingCart as w, Star as T, TrendingUp as E, UserCheck as oe, Users as se } from "lucide-react";
-import { Fragment as ce, jsx as D, jsxs as O } from "react/jsx-runtime";
-import { EmphasisPanel as le, NextSteps as ue, PagePurpose as de } from "@burdenoff/fe-libs/ui";
+import { AreaChart as ne } from "../../components/viz/AreaChart.js";
+import { StatCard as u } from "../../components/viz/StatCard.js";
+import "../../components/viz/index.js";
+import { useEffect as d, useMemo as f, useState as p } from "react";
+import { Activity as m, ArrowRight as h, BarChart3 as g, Bell as re, CheckCircle as _, ChevronRight as v, Clock as y, Edit as ie, Eye as ae, Flame as oe, IndianRupee as se, MapPin as b, Package as x, Plus as S, Settings as C, ShoppingCart as w, Star as T, TrendingUp as E, UserCheck as ce, Users as le } from "lucide-react";
+import { Fragment as ue, jsx as D, jsxs as O } from "react/jsx-runtime";
+import { EmphasisPanel as de, NextSteps as fe, PagePurpose as pe } from "@burdenoff/fe-libs/ui";
 //#region src/kadaikodi/pages/cart-owner/CartOwnerDashboard.tsx
 var k = () => {
 	let e = (/* @__PURE__ */ new Date()).getHours();
@@ -29,18 +32,18 @@ var k = () => {
 		month: "short"
 	});
 }, N = () => {
-	let { navigateTo: N, currentUser: P } = e(), { data: F = [], isLoading: I } = ee(), L = d(() => F.find((e) => e.ownerId === P?.id) ?? F[0], [F, P?.id]), R = L?.id, { data: z = [] } = a({ providerId: R }), { data: B = [] } = i(R), { data: V = [] } = te(R ?? ""), { data: H = [] } = o(R), fe = s(), U = c(), W = P?.firstName ?? P?.name?.split(" ")[0] ?? "", [G, K] = f(!0);
-	u(() => {
-		L && K(L.isOpen);
+	let { navigateTo: N, currentUser: P } = e(), { data: F = [], isLoading: I } = ee(), L = f(() => F.find((e) => e.ownerId === P?.id) ?? F[0], [F, P?.id]), R = L?.id, { data: z = [] } = a({ providerId: R }), { data: B = [] } = i(R), { data: me = [] } = te(R ?? ""), { data: V = [] } = o(R), he = s(), H = c(), U = P?.firstName ?? P?.name?.split(" ")[0] ?? "", [W, G] = p(!0);
+	d(() => {
+		L && G(L.isOpen);
 	}, [L]);
-	let pe = () => {
+	let ge = () => {
 		if (!L) return;
-		let e = !G;
-		K(e), U.mutate({
+		let e = !W;
+		G(e), H.mutate({
 			id: L.id,
 			input: { status: e ? "ACTIVE" : "PAUSED" }
-		}, { onError: () => K(!e) });
-	}, q = d(() => {
+		}, { onError: () => G(!e) });
+	}, K = f(() => {
 		let e = j(), t = z.filter((e) => e.status === "delivered"), n = z.filter((t) => new Date(t.orderDate) >= e), r = t.filter((t) => new Date(t.orderDate) >= e), i = t.reduce((e, t) => e + t.total, 0), a = r.reduce((e, t) => e + t.total, 0), o = t.length > 0 ? Math.round(i / t.length) : Math.round(L?.averageOrderValue ?? 0);
 		return {
 			totalRevenue: i,
@@ -56,7 +59,7 @@ var k = () => {
 		z,
 		B,
 		L
-	]), J = d(() => [...z].sort((e, t) => new Date(t.orderDate).getTime() - new Date(e.orderDate).getTime()).slice(0, 4), [z]), Y = d(() => {
+	]), q = f(() => [...z].sort((e, t) => new Date(t.orderDate).getTime() - new Date(e.orderDate).getTime()).slice(0, 4), [z]), J = f(() => {
 		let e = [];
 		for (let t = 6; t >= 0; t--) {
 			let n = j();
@@ -74,7 +77,19 @@ var k = () => {
 			});
 		}
 		return e;
-	}, [z]), X = d(() => {
+	}, [z]), Y = f(() => {
+		let e = J.map((e) => e.revenue), t = J.map((e) => e.orders), n = (e, t) => t > 0 ? Math.round((e - t) / t * 100) : void 0, r = J[J.length - 1]?.revenue ?? 0, i = J[J.length - 2]?.revenue ?? 0, a = J[J.length - 1]?.orders ?? 0, o = J[J.length - 2]?.orders ?? 0;
+		return {
+			revenueSpark: e,
+			ordersSpark: t,
+			revenueSeries: J.map((e) => ({
+				label: new Date(e.date).toLocaleDateString("en-US", { weekday: "short" }),
+				value: e.revenue
+			})),
+			revenueDelta: n(r, i),
+			ordersDelta: n(a, o)
+		};
+	}, [J]), X = f(() => {
 		let e = /* @__PURE__ */ new Map();
 		return z.forEach((t) => t.items.forEach((t) => {
 			let n = e.get(t.name) ?? {
@@ -86,8 +101,8 @@ var k = () => {
 			name: e,
 			...t
 		})).sort((e, t) => t.revenue - e.revenue).slice(0, 5);
-	}, [z]), me = (/* @__PURE__ */ new Date()).toLocaleDateString("en-US", { weekday: "long" }).toLowerCase(), Z = L?.businessHours?.[me], Q = Z && Z.isOpen ? `${Z.open} - ${Z.close}` : null, he = L?.location?.address?.trim() || null, $ = (e, t) => {
-		fe.mutate({
+	}, [z]), _e = (/* @__PURE__ */ new Date()).toLocaleDateString("en-US", { weekday: "long" }).toLowerCase(), Z = L?.businessHours?.[_e], Q = Z && Z.isOpen ? `${Z.open} - ${Z.close}` : null, ve = L?.location?.address?.trim() || null, $ = (e, t) => {
+		he.mutate({
 			id: e,
 			status: t
 		});
@@ -100,22 +115,22 @@ var k = () => {
 			children: /* @__PURE__ */ D("div", { className: "h-10 w-10 animate-spin rounded-full border-b-2 border-foreground" })
 		})
 	}) : L ? /* @__PURE__ */ D(n, {
-		title: /* @__PURE__ */ O("span", { children: [k(), W && /* @__PURE__ */ O(ce, { children: [", ", /* @__PURE__ */ D("span", {
+		title: /* @__PURE__ */ O("span", { children: [k(), U && /* @__PURE__ */ O(ue, { children: [", ", /* @__PURE__ */ D("span", {
 			className: "text-text-secondary font-normal",
-			children: W
+			children: U
 		})] })] }),
 		description: L.name,
 		actions: /* @__PURE__ */ O("button", {
 			type: "button",
 			onClick: () => N("/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__ */ D(ne, { className: "h-4 w-4" })]
+			children: ["View All Orders", /* @__PURE__ */ D(h, { className: "h-4 w-4" })]
 		}),
 		children: /* @__PURE__ */ O("div", {
 			className: "space-y-6",
 			children: [
-				/* @__PURE__ */ D(de, { children: "Run your mobile cart business from one screen — flip your service open or closed, watch today's revenue and orders roll in, and jump to your menu, staff, or order queue. Open your service and set up your offerings to start taking orders." }),
-				/* @__PURE__ */ D(ue, {
+				/* @__PURE__ */ D(pe, { children: "Run your mobile cart business from one screen — flip your service open or closed, watch today's revenue and orders roll in, and jump to your menu, staff, or order queue. Open your service and set up your offerings to start taking orders." }),
+				/* @__PURE__ */ D(fe, {
 					storageKey: "kadaikodi-cartowner-dashboard",
 					steps: [
 						{
@@ -139,22 +154,22 @@ var k = () => {
 					]
 				}),
 				/* @__PURE__ */ D("div", {
-					className: t("p-4 rounded-lg border-l-4", G ? "border-status-success-text bg-status-success-bg-subtle" : "border-status-error-text bg-status-error-bg-subtle"),
+					className: t("p-4 rounded-lg border-l-4", W ? "border-status-success-text bg-status-success-bg-subtle" : "border-status-error-text bg-status-error-bg-subtle"),
 					children: /* @__PURE__ */ O("div", {
 						className: "flex flex-col lg:flex-row lg:items-center lg:justify-between gap-4",
 						children: [/* @__PURE__ */ O("div", {
 							className: "flex items-start gap-3",
-							children: [/* @__PURE__ */ D("div", { className: t("w-3 h-3 rounded-full mt-1 shrink-0", G ? "bg-status-success-text" : "bg-status-error-text") }), /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ O("h3", {
+							children: [/* @__PURE__ */ D("div", { className: t("w-3 h-3 rounded-full mt-1 shrink-0", W ? "bg-status-success-text" : "bg-status-error-text") }), /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ O("h3", {
 								className: "font-semibold text-text-primary text-sm",
-								children: ["Service Status: ", G ? "Open" : "Closed"]
+								children: ["Service Status: ", W ? "Open" : "Closed"]
 							}), /* @__PURE__ */ O("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__ */ O("span", {
 									className: "flex items-center gap-1",
-									children: [/* @__PURE__ */ D(b, { className: "h-3 w-3 shrink-0" }), he ?? "Location not set"]
+									children: [/* @__PURE__ */ D(b, { className: "h-3 w-3 shrink-0" }), ve ?? "Location not set"]
 								}), Q && /* @__PURE__ */ O("span", {
 									className: "flex items-center gap-1",
-									children: [/* @__PURE__ */ D(h, { className: "h-3 w-3 shrink-0" }), Q]
+									children: [/* @__PURE__ */ D(y, { className: "h-3 w-3 shrink-0" }), Q]
 								})]
 							})] })]
 						}), /* @__PURE__ */ O("div", {
@@ -166,70 +181,59 @@ var k = () => {
 								children: [/* @__PURE__ */ D(b, { className: "h-3 w-3" }), "Update Location"]
 							}), /* @__PURE__ */ D("button", {
 								type: "button",
-								onClick: pe,
-								disabled: U.isPending,
-								className: t("inline-flex items-center gap-1 rounded-md px-3 py-1.5 text-xs font-medium transition-colors disabled:opacity-60 disabled:cursor-not-allowed", G ? "bg-status-error-bg-subtle text-status-error-text hover:bg-status-error-bg-subtle" : "bg-status-success-bg-subtle text-status-success-text hover:bg-status-success-bg-subtle"),
-								children: G ? "Close Service" : "Open Service"
+								onClick: ge,
+								disabled: H.isPending,
+								className: t("inline-flex items-center gap-1 rounded-md px-3 py-1.5 text-xs font-medium transition-colors disabled:opacity-60 disabled:cursor-not-allowed", W ? "bg-status-error-bg-subtle text-status-error-text hover:bg-status-error-bg-subtle" : "bg-status-success-bg-subtle text-status-success-text hover:bg-status-success-bg-subtle"),
+								children: W ? "Close Service" : "Open Service"
 							})]
 						})]
 					})
 				}),
-				/* @__PURE__ */ O(le, { children: [/* @__PURE__ */ D("h2", {
+				/* @__PURE__ */ O(de, { children: [/* @__PURE__ */ D("h2", {
 					className: "text-base font-semibold text-text-primary mb-3",
 					children: "Today's Performance"
-				}), /* @__PURE__ */ D("div", {
+				}), /* @__PURE__ */ O("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
 					children: [
-						{
+						/* @__PURE__ */ D(u, {
 							label: "Daily Revenue",
-							value: l(q.dailyRevenue, { minimumFractionDigits: 0 }),
-							icon: y,
-							sublabel: null
-						},
-						{
+							value: l(K.dailyRevenue, { minimumFractionDigits: 0 }),
+							delta: Y.revenueDelta,
+							deltaLabel: "vs yesterday",
+							icon: /* @__PURE__ */ D(se, { className: "h-4 w-4" }),
+							sparkline: Y.revenueSpark,
+							sparklineVariant: "area"
+						}),
+						/* @__PURE__ */ D(u, {
 							label: "Orders Today",
-							value: String(q.ordersToday),
-							icon: w,
-							sublabel: null
-						},
-						{
+							value: K.ordersToday,
+							delta: Y.ordersDelta,
+							deltaLabel: "vs yesterday",
+							icon: /* @__PURE__ */ D(w, { className: "h-4 w-4" }),
+							sparkline: Y.ordersSpark,
+							sparklineVariant: "line"
+						}),
+						/* @__PURE__ */ D(u, {
 							label: "Avg Order Value",
-							value: l(q.averageOrderValue, { minimumFractionDigits: 0 }),
-							icon: E,
-							sublabel: null
-						},
-						{
+							value: l(K.averageOrderValue, { minimumFractionDigits: 0 }),
+							icon: /* @__PURE__ */ D(E, { className: "h-4 w-4" })
+						}),
+						/* @__PURE__ */ D(u, {
 							label: "Service Rating",
-							value: q.rating.toFixed(1),
-							icon: T,
-							sublabel: q.totalRatings > 0 ? `Based on ${q.totalRatings} ${q.totalRatings === 1 ? "rating" : "ratings"}` : "No ratings yet"
-						}
-					].map((e) => {
-						let t = e.icon;
-						return /* @__PURE__ */ O("div", {
-							className: "rounded-lg border border-border-subtle bg-bg-surface p-5 shadow-sm",
-							children: [
-								/* @__PURE__ */ O("div", {
-									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ D("div", {
-										className: "rounded-md bg-accent p-2",
-										children: /* @__PURE__ */ D(t, { className: "h-5 w-5 text-text-secondary" })
-									}), e.sublabel && /* @__PURE__ */ D("span", {
-										className: "text-xs text-text-secondary",
-										children: e.sublabel
-									})]
-								}),
-								/* @__PURE__ */ D("p", {
-									className: "mt-3 text-2xl font-bold text-text-primary",
-									children: e.value
-								}),
-								/* @__PURE__ */ D("p", {
-									className: "mt-1 text-sm text-text-secondary",
-									children: e.label
-								})
-							]
-						}, e.label);
-					})
+							value: /* @__PURE__ */ O("span", {
+								className: "flex items-baseline gap-1.5",
+								children: [
+									K.rating.toFixed(1),
+									/* @__PURE__ */ D(T, { className: "h-4 w-4 fill-status-warning-text text-status-warning-text" }),
+									/* @__PURE__ */ D("span", {
+										className: "text-xs font-normal text-text-muted",
+										children: K.totalRatings > 0 ? `${K.totalRatings} ${K.totalRatings === 1 ? "rating" : "ratings"}` : "No ratings yet"
+									})
+								]
+							}),
+							icon: /* @__PURE__ */ D(T, { className: "h-4 w-4" })
+						})
+					]
 				})] }),
 				/* @__PURE__ */ O("div", {
 					className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
@@ -262,13 +266,13 @@ var k = () => {
 									},
 									{
 										label: "Analytics",
-										icon: re,
+										icon: g,
 										color: "bg-accent-purple-subtle text-text-primary",
 										path: "/cart-owner/analytics"
 									},
 									{
 										label: "Staff",
-										icon: oe,
+										icon: ce,
 										color: "bg-accent-purple-subtle text-text-primary",
 										path: "/cart-owner/staff"
 									},
@@ -302,12 +306,12 @@ var k = () => {
 									className: "text-xs text-text-secondary hover:text-text-primary transition-colors",
 									children: "View All Orders"
 								})]
-							}), J.length === 0 ? /* @__PURE__ */ D("div", {
+							}), q.length === 0 ? /* @__PURE__ */ D("div", {
 								className: "rounded-lg border border-border-subtle bg-bg-surface p-8 text-center text-sm text-text-secondary shadow-sm",
 								children: "No orders yet. New orders from customers will appear here."
 							}) : /* @__PURE__ */ D("div", {
 								className: "space-y-3",
-								children: J.map((e) => /* @__PURE__ */ D("div", {
+								children: q.map((e) => /* @__PURE__ */ D("div", {
 									className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
 									children: /* @__PURE__ */ O("div", {
 										className: "flex flex-col lg:flex-row lg:items-start lg:justify-between gap-3",
@@ -335,7 +339,7 @@ var k = () => {
 														children: l(e.total, { minimumFractionDigits: 0 })
 													}), /* @__PURE__ */ O("span", {
 														className: "flex items-center gap-1",
-														children: [/* @__PURE__ */ D(h, { className: "h-3 w-3" }), M(e.orderDate)]
+														children: [/* @__PURE__ */ D(y, { className: "h-3 w-3" }), M(e.orderDate)]
 													})]
 												})
 											]
@@ -346,19 +350,19 @@ var k = () => {
 													type: "button",
 													onClick: () => N("/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__ */ D(_, { className: "h-3 w-3" }), "View"]
+													children: [/* @__PURE__ */ D(ae, { className: "h-3 w-3" }), "View"]
 												}),
 												e.status === "pending" && /* @__PURE__ */ O("button", {
 													type: "button",
 													onClick: () => $(e.id, "CONFIRMED"),
 													className: "inline-flex items-center gap-1 rounded-md bg-status-success-bg-subtle px-3 py-1.5 text-xs font-medium text-status-success-text hover:bg-status-success-bg-subtle transition-colors",
-													children: [/* @__PURE__ */ D(m, { className: "h-3 w-3" }), "Accept"]
+													children: [/* @__PURE__ */ D(_, { className: "h-3 w-3" }), "Accept"]
 												}),
 												(e.status === "confirmed" || e.status === "preparing") && /* @__PURE__ */ O("button", {
 													type: "button",
 													onClick: () => $(e.id, "READY"),
 													className: "inline-flex items-center gap-1 rounded-md bg-[var(--color-accent-soft)] px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-[var(--color-accent-soft)] transition-colors",
-													children: [/* @__PURE__ */ D(m, { className: "h-3 w-3" }), "Mark Ready"]
+													children: [/* @__PURE__ */ D(_, { className: "h-3 w-3" }), "Mark Ready"]
 												})
 											]
 										})]
@@ -369,73 +373,34 @@ var k = () => {
 								className: "rounded-lg border border-border-subtle bg-bg-surface shadow-sm",
 								children: [/* @__PURE__ */ O("div", {
 									className: "flex items-center justify-between border-b border-border-subtle px-5 py-4",
-									children: [/* @__PURE__ */ D("h3", {
+									children: [/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("h3", {
 										className: "text-base font-semibold text-text-primary",
-										children: "Revenue (Last 7 Days)"
-									}), /* @__PURE__ */ D("button", {
+										children: "Last 7 days Revenue"
+									}), /* @__PURE__ */ O("p", {
+										className: "mt-0.5 text-xs text-text-secondary",
+										children: [
+											l(J.reduce((e, t) => e + t.revenue, 0), { minimumFractionDigits: 0 }),
+											" ",
+											"delivered · ",
+											J.reduce((e, t) => e + t.orders, 0),
+											" orders"
+										]
+									})] }), /* @__PURE__ */ D("button", {
 										type: "button",
 										onClick: () => N("/cart-owner/analytics"),
 										className: "text-xs text-text-secondary hover:text-text-primary transition-colors",
 										children: "View Analytics"
 									})]
 								}), /* @__PURE__ */ D("div", {
-									className: "overflow-x-auto",
-									children: /* @__PURE__ */ O("table", {
-										className: "w-full text-sm",
-										children: [/* @__PURE__ */ D("thead", { children: /* @__PURE__ */ O("tr", {
-											className: "border-b border-border-subtle",
-											children: [
-												/* @__PURE__ */ D("th", {
-													className: "px-5 py-3 text-left font-medium text-text-secondary",
-													children: "Date"
-												}),
-												/* @__PURE__ */ D("th", {
-													className: "px-5 py-3 text-right font-medium text-text-secondary",
-													children: "Orders"
-												}),
-												/* @__PURE__ */ D("th", {
-													className: "px-5 py-3 text-right font-medium text-text-secondary",
-													children: "Revenue"
-												}),
-												/* @__PURE__ */ D("th", {
-													className: "px-5 py-3 text-left font-medium text-text-secondary",
-													children: "Trend"
-												})
-											]
-										}) }), /* @__PURE__ */ D("tbody", { children: Y.map((e) => {
-											let t = Math.max(...Y.map((e) => e.revenue), 1), n = e.revenue / t * 100;
-											return /* @__PURE__ */ O("tr", {
-												className: "border-b border-border-subtle last:border-0",
-												children: [
-													/* @__PURE__ */ D("td", {
-														className: "px-5 py-3 text-text-primary text-xs",
-														children: new Date(e.date).toLocaleDateString("en-IN", {
-															day: "2-digit",
-															month: "short",
-															weekday: "short"
-														})
-													}),
-													/* @__PURE__ */ D("td", {
-														className: "px-5 py-3 text-right text-text-primary",
-														children: e.orders
-													}),
-													/* @__PURE__ */ D("td", {
-														className: "px-5 py-3 text-right font-medium text-text-primary",
-														children: l(e.revenue, { minimumFractionDigits: 0 })
-													}),
-													/* @__PURE__ */ D("td", {
-														className: "px-5 py-3 w-40",
-														children: /* @__PURE__ */ D("div", {
-															className: "h-4 rounded bg-bg-sunken overflow-hidden",
-															children: /* @__PURE__ */ D("div", {
-																className: "h-full rounded bg-[var(--color-accent-soft)]",
-																style: { width: `${n}%` }
-															})
-														})
-													})
-												]
-											}, e.date);
-										}) })]
+									className: "p-5",
+									children: J.some((e) => e.revenue > 0) ? /* @__PURE__ */ D(ne, {
+										series: Y.revenueSeries,
+										height: 220,
+										title: "Revenue over the last 7 days",
+										valueFormatter: (e) => l(e, { minimumFractionDigits: 0 })
+									}) : /* @__PURE__ */ D("p", {
+										className: "py-10 text-center text-sm text-text-secondary",
+										children: "No delivered revenue in the last 7 days yet. Completed orders will chart here."
 									})
 								})]
 							}),
@@ -451,7 +416,7 @@ var k = () => {
 											className: "text-center p-3 rounded-lg bg-bg-sunken/50",
 											children: [/* @__PURE__ */ D("div", {
 												className: "text-xl font-bold text-text-primary",
-												children: l(q.totalRevenue, { minimumFractionDigits: 0 })
+												children: l(K.totalRevenue, { minimumFractionDigits: 0 })
 											}), /* @__PURE__ */ D("div", {
 												className: "text-xs text-text-secondary mt-1",
 												children: "Total Revenue"
@@ -461,7 +426,7 @@ var k = () => {
 											className: "text-center p-3 rounded-lg bg-bg-sunken/50",
 											children: [/* @__PURE__ */ D("div", {
 												className: "text-xl font-bold text-text-primary",
-												children: q.totalOrders
+												children: K.totalOrders
 											}), /* @__PURE__ */ D("div", {
 												className: "text-xs text-text-secondary mt-1",
 												children: "Total Orders"
@@ -471,7 +436,7 @@ var k = () => {
 											className: "text-center p-3 rounded-lg bg-bg-sunken/50",
 											children: [/* @__PURE__ */ D("div", {
 												className: "text-xl font-bold text-text-primary",
-												children: l(q.averageOrderValue, { minimumFractionDigits: 0 })
+												children: l(K.averageOrderValue, { minimumFractionDigits: 0 })
 											}), /* @__PURE__ */ D("div", {
 												className: "text-xs text-text-secondary mt-1",
 												children: "Avg Order Value"
@@ -490,7 +455,7 @@ var k = () => {
 									className: "flex items-center justify-between mb-4",
 									children: /* @__PURE__ */ O("h3", {
 										className: "text-base font-semibold text-text-primary flex items-center gap-2",
-										children: [/* @__PURE__ */ D(ie, { className: "h-4 w-4" }), "Notifications"]
+										children: [/* @__PURE__ */ D(re, { className: "h-4 w-4" }), "Notifications"]
 									})
 								}), /* @__PURE__ */ D("p", {
 									className: "text-xs text-text-secondary",
@@ -501,7 +466,7 @@ var k = () => {
 								className: "rounded-lg border border-border-subtle bg-bg-surface p-5 shadow-sm",
 								children: [/* @__PURE__ */ O("h3", {
 									className: "text-base font-semibold text-text-primary mb-4 flex items-center gap-2",
-									children: [/* @__PURE__ */ D(v, { className: "h-4 w-4 text-status-warning-text" }), "Top Selling Items"]
+									children: [/* @__PURE__ */ D(oe, { className: "h-4 w-4 text-status-warning-text" }), "Top Selling Items"]
 								}), X.length === 0 ? /* @__PURE__ */ D("p", {
 									className: "text-xs text-text-secondary",
 									children: "No sales yet. Your best sellers will appear here once orders come in."
@@ -537,19 +502,19 @@ var k = () => {
 									className: "flex items-center justify-between mb-4",
 									children: [/* @__PURE__ */ O("h3", {
 										className: "text-base font-semibold text-text-primary flex items-center gap-2",
-										children: [/* @__PURE__ */ D(se, { className: "h-4 w-4" }), "Staff Overview"]
+										children: [/* @__PURE__ */ D(le, { className: "h-4 w-4" }), "Staff Overview"]
 									}), /* @__PURE__ */ D("button", {
 										type: "button",
 										onClick: () => N("/cart-owner/staff"),
 										className: "text-xs text-text-secondary hover:text-text-primary transition-colors",
 										children: "Manage"
 									})]
-								}), H.length === 0 ? /* @__PURE__ */ D("p", {
+								}), V.length === 0 ? /* @__PURE__ */ D("p", {
 									className: "text-xs text-text-secondary",
 									children: "No staff added yet. Invite workers and delivery partners from Staff."
 								}) : /* @__PURE__ */ D("div", {
 									className: "space-y-3",
-									children: H.map((e) => /* @__PURE__ */ O("div", {
+									children: V.map((e) => /* @__PURE__ */ O("div", {
 										className: "flex items-center justify-between",
 										children: [/* @__PURE__ */ O("div", {
 											className: "flex items-center gap-2",
@@ -582,7 +547,7 @@ var k = () => {
 												children: "Active Offerings"
 											}), /* @__PURE__ */ D("span", {
 												className: "text-sm font-semibold text-text-primary",
-												children: q.activeOfferings
+												children: K.activeOfferings
 											})]
 										}),
 										/* @__PURE__ */ O("div", {
@@ -592,7 +557,7 @@ var k = () => {
 												children: "Customer Rating"
 											}), /* @__PURE__ */ O("span", {
 												className: "text-sm font-semibold text-text-primary flex items-center gap-1",
-												children: [/* @__PURE__ */ D(T, { className: "h-3 w-3 text-status-warning-text fill-status-warning-text" }), q.rating.toFixed(1)]
+												children: [/* @__PURE__ */ D(T, { className: "h-3 w-3 text-status-warning-text fill-status-warning-text" }), K.rating.toFixed(1)]
 											})]
 										}),
 										/* @__PURE__ */ O("div", {
@@ -602,7 +567,7 @@ var k = () => {
 												children: "Reviews"
 											}), /* @__PURE__ */ D("span", {
 												className: "text-sm font-semibold text-text-primary",
-												children: V.length
+												children: me.length
 											})]
 										})
 									]
@@ -623,7 +588,7 @@ var k = () => {
 										},
 										{
 											label: "Business Profile",
-											icon: g,
+											icon: ie,
 											path: "/cart-owner/profile"
 										},
 										{
@@ -640,7 +605,7 @@ var k = () => {
 											children: [/* @__PURE__ */ O("span", {
 												className: "flex items-center gap-2",
 												children: [/* @__PURE__ */ D(t, { className: "h-3.5 w-3.5" }), e.label]
-											}), /* @__PURE__ */ D(ae, { className: "h-3 w-3 text-text-secondary" })]
+											}), /* @__PURE__ */ D(v, { className: "h-3 w-3 text-text-secondary" })]
 										}, e.label);
 									})
 								})]
@@ -650,14 +615,14 @@ var k = () => {
 								children: [/* @__PURE__ */ D("h3", {
 									className: "text-base font-semibold text-text-primary mb-3",
 									children: "Recent Activity"
-								}), J.length === 0 ? /* @__PURE__ */ D("p", {
+								}), q.length === 0 ? /* @__PURE__ */ D("p", {
 									className: "text-xs text-text-secondary",
 									children: "No recent activity yet."
 								}) : /* @__PURE__ */ D("div", {
 									className: "space-y-2 text-xs",
-									children: J.map((e) => /* @__PURE__ */ O("div", {
+									children: q.map((e) => /* @__PURE__ */ O("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ D(p, { className: "h-3.5 w-3.5 text-text-secondary shrink-0" }), /* @__PURE__ */ O("span", {
+										children: [/* @__PURE__ */ D(m, { className: "h-3.5 w-3.5 text-text-secondary shrink-0" }), /* @__PURE__ */ O("span", {
 											className: "text-text-secondary truncate",
 											children: [
 												"Order #",
@@ -683,8 +648,8 @@ var k = () => {
 			description: "You don't have a service provider yet. Set up your cart, add your offerings and configure your service to start taking orders.",
 			action: /* @__PURE__ */ O("button", {
 				type: "button",
-				onClick: () => N("/cart-owner/service-config"),
-				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",
+				onClick: () => N("/cart-owner/onboarding"),
+				className: "inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-5 py-2.5 text-sm font-semibold text-action-primary-text hover:bg-action-primary-bg-hover",
 				children: [/* @__PURE__ */ D(S, { className: "h-4 w-4" }), "Set up your cart"]
 			})
 		})