@burdenoff/microfe-subscriberbot 2026.624.1 → 2026.626.1

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

@@ -6,8 +6,9 @@ import { mockAdminAnalytics as i } from "../../mocks/data.js";
 import { useState as a } from "react";
 import { ArrowDownRight as o, ArrowUpRight as s, BarChart3 as c, CalendarDays as l, Clock as u, Download as d, IndianRupee as f, Percent as p, ShoppingCart as m, Star as h, Target as g, ThumbsUp as _, TrendingUp as v, Users as y } from "lucide-react";
 import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
+import { EmphasisPanel as C, PagePurpose as w } from "@burdenoff/fe-libs/ui";
 //#region src/subscriberbot/pages/cart-owner/AnalyticsDashboard.tsx
-var C = {
+var T = {
 	revenue: {
 		today: 12450,
 		week: 87150,
@@ -249,17 +250,17 @@ var C = {
 			}
 		]
 	}
-}, w = () => {
-	let { navigateTo: w } = e(), [T, E] = a("week"), D = Math.max(...C.orders.popularTimes.map((e) => e.orders)), O = Math.max(...C.offerings.categories.map((e) => e.revenue)), k = Math.max(...C.performance.peakHours.map((e) => e.orders)), A = Math.max(...C.performance.peakDays.map((e) => e.orders)), j = (e) => `${e > 0 ? "+" : ""}${e}%`;
+}, E = () => {
+	let { navigateTo: E } = e(), [D, O] = a("week"), k = Math.max(...T.orders.popularTimes.map((e) => e.orders)), A = Math.max(...T.offerings.categories.map((e) => e.revenue)), j = Math.max(...T.performance.peakHours.map((e) => e.orders)), M = Math.max(...T.performance.peakDays.map((e) => e.orders)), N = (e) => `${e > 0 ? "+" : ""}${e}%`;
 	return /* @__PURE__ */ x(n, {
 		title: "Analytics Dashboard",
 		description: "Business performance insights and data",
 		actions: /* @__PURE__ */ S("div", {
 			className: "flex items-center gap-2",
 			children: [/* @__PURE__ */ S("select", {
-				value: T,
-				onChange: (e) => E(e.target.value),
-				className: "rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
+				value: D,
+				onChange: (e) => O(e.target.value),
+				className: "rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary",
 				children: [
 					/* @__PURE__ */ x("option", {
 						value: "today",
@@ -281,14 +282,18 @@ var C = {
 			}), /* @__PURE__ */ S("button", {
 				type: "button",
 				onClick: () => alert("Export feature coming soon!"),
-				className: "inline-flex items-center gap-1.5 rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken transition-colors",
+				className: "inline-flex items-center gap-1.5 rounded-md border border-border-seam px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken transition-colors",
 				children: [/* @__PURE__ */ x(d, { className: "h-4 w-4" }), "Export"]
 			})]
 		}),
 		children: /* @__PURE__ */ S("div", {
 			className: "space-y-6",
 			children: [
-				/* @__PURE__ */ S("section", { children: [/* @__PURE__ */ x("h2", {
+				/* @__PURE__ */ x(w, {
+					icon: /* @__PURE__ */ x(c, { className: "h-4 w-4" }),
+					children: "See how your cart is really performing. Compare revenue across today, this week, month and year, spot your busiest hours, and find out which items and customers drive the most sales. Use the date range to zoom in, then act on what you learn — stock up before peak times and double down on your best sellers."
+				}),
+				/* @__PURE__ */ S(C, { children: [/* @__PURE__ */ x("h2", {
 					className: "text-base font-semibold text-text-primary mb-3",
 					children: "Revenue Overview"
 				}), /* @__PURE__ */ x("div", {
@@ -296,26 +301,26 @@ var C = {
 					children: [
 						{
 							label: "Today's Revenue",
-							value: C.revenue.today,
-							growth: C.revenue.growth.daily
+							value: T.revenue.today,
+							growth: T.revenue.growth.daily
 						},
 						{
 							label: "This Week",
-							value: C.revenue.week,
-							growth: C.revenue.growth.weekly
+							value: T.revenue.week,
+							growth: T.revenue.growth.weekly
 						},
 						{
 							label: "This Month",
-							value: C.revenue.month,
-							growth: C.revenue.growth.monthly
+							value: T.revenue.month,
+							growth: T.revenue.growth.monthly
 						},
 						{
 							label: "This Year",
-							value: C.revenue.year,
+							value: T.revenue.year,
 							growth: null
 						}
 					].map((e) => /* @__PURE__ */ S("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-5 shadow-sm",
+						className: "rounded-lg border border-border-seam bg-bg-surface p-5 shadow-sm",
 						children: [
 							/* @__PURE__ */ S("div", {
 								className: "flex items-center justify-between",
@@ -323,8 +328,8 @@ var C = {
 									className: "rounded-md bg-accent p-2",
 									children: /* @__PURE__ */ x(f, { className: "h-5 w-5 text-text-secondary" })
 								}), e.growth !== null && /* @__PURE__ */ S("div", {
-									className: t("flex items-center gap-1 text-xs font-medium", e.growth >= 0 ? "text-green-600 dark:text-green-400" : "text-red-600 dark:text-red-400"),
-									children: [e.growth >= 0 ? /* @__PURE__ */ x(s, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ x(o, { className: "h-3.5 w-3.5" }), j(e.growth)]
+									className: t("flex items-center gap-1 text-xs font-medium", e.growth >= 0 ? "text-status-success-text" : "text-status-error-text"),
+									children: [e.growth >= 0 ? /* @__PURE__ */ x(s, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ x(o, { className: "h-3.5 w-3.5" }), N(e.growth)]
 								})]
 							}),
 							/* @__PURE__ */ x("p", {
@@ -341,9 +346,9 @@ var C = {
 				/* @__PURE__ */ S("div", {
 					className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
 					children: [/* @__PURE__ */ S("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface shadow-sm",
+						className: "rounded-lg border border-border-seam bg-bg-surface shadow-sm",
 						children: [/* @__PURE__ */ x("div", {
-							className: "border-b border-border-subtle px-5 py-4",
+							className: "border-b border-border-seam px-5 py-4",
 							children: /* @__PURE__ */ S("h2", {
 								className: "text-base font-semibold text-text-primary flex items-center gap-2",
 								children: [/* @__PURE__ */ x(m, { className: "h-4 w-4 text-text-secondary" }), "Order Statistics"]
@@ -358,28 +363,28 @@ var C = {
 										children: "Total Orders"
 									}), /* @__PURE__ */ x("p", {
 										className: "text-2xl font-bold text-text-primary",
-										children: C.orders.total
+										children: T.orders.total
 									})] }),
 									/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 										className: "text-xs text-text-secondary",
 										children: "Avg. Order Value"
 									}), /* @__PURE__ */ x("p", {
 										className: "text-2xl font-bold text-text-primary",
-										children: r(C.orders.averageValue, { minimumFractionDigits: 0 })
+										children: r(T.orders.averageValue, { minimumFractionDigits: 0 })
 									})] }),
 									/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 										className: "text-xs text-text-secondary",
 										children: "Completed"
 									}), /* @__PURE__ */ x("p", {
-										className: "text-xl font-bold text-green-600 dark:text-green-400",
-										children: C.orders.completed
+										className: "text-xl font-bold text-status-success-text",
+										children: T.orders.completed
 									})] }),
 									/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 										className: "text-xs text-text-secondary",
 										children: "Cancelled"
 									}), /* @__PURE__ */ x("p", {
-										className: "text-xl font-bold text-red-600 dark:text-red-400",
-										children: C.orders.cancelled
+										className: "text-xl font-bold text-status-error-text",
+										children: T.orders.cancelled
 									})] })
 								]
 							}), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
@@ -387,21 +392,21 @@ var C = {
 								children: "Avg. Preparation Time"
 							}), /* @__PURE__ */ S("p", {
 								className: "text-sm font-medium text-text-primary",
-								children: [C.orders.averagePreparationTime, " minutes"]
+								children: [T.orders.averagePreparationTime, " minutes"]
 							})] })]
 						})]
 					}), /* @__PURE__ */ S("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface shadow-sm",
+						className: "rounded-lg border border-border-seam bg-bg-surface shadow-sm",
 						children: [/* @__PURE__ */ x("div", {
-							className: "border-b border-border-subtle px-5 py-4",
+							className: "border-b border-border-seam px-5 py-4",
 							children: /* @__PURE__ */ S("h2", {
 								className: "text-base font-semibold text-text-primary flex items-center gap-2",
 								children: [/* @__PURE__ */ x(u, { className: "h-4 w-4 text-text-secondary" }), "Popular Times"]
 							})
 						}), /* @__PURE__ */ x("div", {
 							className: "p-5 space-y-2",
-							children: C.orders.popularTimes.map((e) => {
-								let n = e.orders / D * 100;
+							children: T.orders.popularTimes.map((e) => {
+								let n = e.orders / k * 100;
 								return /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("div", {
 									className: "flex items-center justify-between text-xs mb-0.5",
 									children: [/* @__PURE__ */ x("span", {
@@ -414,7 +419,7 @@ var C = {
 								}), /* @__PURE__ */ x("div", {
 									className: "h-2 rounded-full bg-bg-sunken overflow-hidden",
 									children: /* @__PURE__ */ x("div", {
-										className: t("h-full rounded-full transition-all", e.orders > 25 ? "bg-red-500/60" : e.orders > 18 ? "bg-yellow-500/60" : "bg-green-500/60"),
+										className: t("h-full rounded-full transition-all", e.orders > 25 ? "bg-status-error-bg/60" : e.orders > 18 ? "bg-status-warning-bg/60" : "bg-status-success-bg/60"),
 										style: { width: `${n}%` }
 									})
 								})] }, e.hour);
@@ -430,32 +435,32 @@ var C = {
 					children: [
 						{
 							label: "Acceptance Rate",
-							value: `${C.performance.acceptanceRate}%`,
+							value: `${T.performance.acceptanceRate}%`,
 							icon: g,
-							color: "text-green-600 dark:text-green-400"
+							color: "text-status-success-text"
 						},
 						{
 							label: "Cancellation Rate",
-							value: `${C.performance.cancellationRate}%`,
+							value: `${T.performance.cancellationRate}%`,
 							icon: p,
-							color: "text-red-600 dark:text-red-400"
+							color: "text-status-error-text"
 						},
 						{
 							label: "On-Time Delivery",
-							value: `${C.performance.onTimeDeliveryRate}%`,
+							value: `${T.performance.onTimeDeliveryRate}%`,
 							icon: u,
-							color: "text-blue-600 dark:text-blue-400"
+							color: "text-status-info-text"
 						},
 						{
 							label: "Average Rating",
-							value: `${C.performance.averageRating}`,
+							value: `${T.performance.averageRating}`,
 							icon: h,
-							color: "text-yellow-600 dark:text-yellow-400"
+							color: "text-status-warning-text"
 						}
 					].map((e) => {
 						let n = e.icon;
 						return /* @__PURE__ */ S("div", {
-							className: "rounded-lg border border-border-subtle bg-bg-surface p-5 shadow-sm",
+							className: "rounded-lg border border-border-seam bg-bg-surface p-5 shadow-sm",
 							children: [/* @__PURE__ */ S("div", {
 								className: "flex items-center gap-2 mb-2",
 								children: [/* @__PURE__ */ x(n, { className: t("h-5 w-5", e.color) }), /* @__PURE__ */ x("span", {
@@ -472,10 +477,10 @@ var C = {
 				/* @__PURE__ */ S("div", {
 					className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
 					children: [/* @__PURE__ */ S("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface shadow-sm",
+						className: "rounded-lg border border-border-seam bg-bg-surface shadow-sm",
 						children: [
 							/* @__PURE__ */ x("div", {
-								className: "border-b border-border-subtle px-5 py-4",
+								className: "border-b border-border-seam px-5 py-4",
 								children: /* @__PURE__ */ S("h2", {
 									className: "text-base font-semibold text-text-primary flex items-center gap-2",
 									children: [/* @__PURE__ */ x(v, { className: "h-4 w-4 text-text-secondary" }), "Top Selling Offerings"]
@@ -483,7 +488,7 @@ var C = {
 							}),
 							/* @__PURE__ */ x("div", {
 								className: "divide-y divide-border",
-								children: C.offerings.topSelling.map((e, t) => /* @__PURE__ */ S("div", {
+								children: T.offerings.topSelling.map((e, t) => /* @__PURE__ */ S("div", {
 									className: "flex items-center justify-between px-5 py-3",
 									children: [/* @__PURE__ */ S("div", {
 										className: "flex items-center gap-3",
@@ -509,11 +514,11 @@ var C = {
 								}, e.id))
 							}),
 							/* @__PURE__ */ S("div", {
-								className: "border-t border-border-subtle px-5 py-3",
+								className: "border-t border-border-seam px-5 py-3",
 								children: [/* @__PURE__ */ x("p", {
 									className: "text-xs font-medium text-text-secondary mb-2",
 									children: "Least Selling"
-								}), C.offerings.leastSelling.map((e) => /* @__PURE__ */ S("div", {
+								}), T.offerings.leastSelling.map((e) => /* @__PURE__ */ S("div", {
 									className: "flex items-center justify-between py-1.5",
 									children: [/* @__PURE__ */ x("span", {
 										className: "text-xs text-text-secondary",
@@ -531,17 +536,17 @@ var C = {
 							})
 						]
 					}), /* @__PURE__ */ S("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface shadow-sm",
+						className: "rounded-lg border border-border-seam bg-bg-surface shadow-sm",
 						children: [/* @__PURE__ */ x("div", {
-							className: "border-b border-border-subtle px-5 py-4",
+							className: "border-b border-border-seam px-5 py-4",
 							children: /* @__PURE__ */ S("h2", {
 								className: "text-base font-semibold text-text-primary flex items-center gap-2",
 								children: [/* @__PURE__ */ x(c, { className: "h-4 w-4 text-text-secondary" }), "Category Performance"]
 							})
 						}), /* @__PURE__ */ x("div", {
 							className: "p-5 space-y-4",
-							children: C.offerings.categories.map((e) => {
-								let t = e.revenue / O * 100;
+							children: T.offerings.categories.map((e) => {
+								let t = e.revenue / A * 100;
 								return /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("div", {
 									className: "flex items-center justify-between text-sm mb-1",
 									children: [/* @__PURE__ */ x("span", {
@@ -560,7 +565,7 @@ var C = {
 								}), /* @__PURE__ */ x("div", {
 									className: "h-2.5 rounded-full bg-bg-sunken overflow-hidden",
 									children: /* @__PURE__ */ x("div", {
-										className: "h-full rounded-full bg-blue-500/60",
+										className: "h-full rounded-full bg-status-info-bg/60",
 										style: { width: `${t}%` }
 									})
 								})] }, e.category);
@@ -571,9 +576,9 @@ var C = {
 				/* @__PURE__ */ S("div", {
 					className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
 					children: [/* @__PURE__ */ S("div", {
-						className: "lg:col-span-2 rounded-lg border border-border-subtle bg-bg-surface shadow-sm",
+						className: "lg:col-span-2 rounded-lg border border-border-seam bg-bg-surface shadow-sm",
 						children: [/* @__PURE__ */ x("div", {
-							className: "border-b border-border-subtle px-5 py-4",
+							className: "border-b border-border-seam px-5 py-4",
 							children: /* @__PURE__ */ S("h2", {
 								className: "text-base font-semibold text-text-primary flex items-center gap-2",
 								children: [/* @__PURE__ */ x(y, { className: "h-4 w-4 text-text-secondary" }), "Customer Overview"]
@@ -589,28 +594,28 @@ var C = {
 											children: "Total Customers"
 										}), /* @__PURE__ */ x("p", {
 											className: "text-xl font-bold text-text-primary",
-											children: C.customers.total
+											children: T.customers.total
 										})] }),
 										/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 											className: "text-xs text-text-secondary",
 											children: "New This Month"
 										}), /* @__PURE__ */ x("p", {
-											className: "text-xl font-bold text-blue-600 dark:text-blue-400",
-											children: C.customers.new
+											className: "text-xl font-bold text-status-info-text",
+											children: T.customers.new
 										})] }),
 										/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 											className: "text-xs text-text-secondary",
 											children: "Returning"
 										}), /* @__PURE__ */ x("p", {
-											className: "text-xl font-bold text-green-600 dark:text-green-400",
-											children: C.customers.returning
+											className: "text-xl font-bold text-status-success-text",
+											children: T.customers.returning
 										})] }),
 										/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 											className: "text-xs text-text-secondary",
 											children: "Satisfaction"
 										}), /* @__PURE__ */ S("p", {
-											className: "text-xl font-bold text-yellow-600 dark:text-yellow-400 flex items-center gap-1",
-											children: [/* @__PURE__ */ x(h, { className: "h-4 w-4 fill-yellow-400 text-yellow-400" }), C.customers.satisfaction.rating]
+											className: "text-xl font-bold text-status-warning-text flex items-center gap-1",
+											children: [/* @__PURE__ */ x(h, { className: "h-4 w-4 fill-status-warning-text text-status-warning-text" }), T.customers.satisfaction.rating]
 										})] })
 									]
 								}),
@@ -623,7 +628,7 @@ var C = {
 									children: /* @__PURE__ */ S("table", {
 										className: "w-full text-sm",
 										children: [/* @__PURE__ */ x("thead", { children: /* @__PURE__ */ S("tr", {
-											className: "border-b border-border-subtle",
+											className: "border-b border-border-seam",
 											children: [
 												/* @__PURE__ */ x("th", {
 													className: "py-2 text-left font-medium text-text-secondary",
@@ -642,8 +647,8 @@ var C = {
 													children: "Total Spent"
 												})
 											]
-										}) }), /* @__PURE__ */ x("tbody", { children: C.customers.topCustomers.map((e, t) => /* @__PURE__ */ S("tr", {
-											className: "border-b border-border-subtle last:border-0",
+										}) }), /* @__PURE__ */ x("tbody", { children: T.customers.topCustomers.map((e, t) => /* @__PURE__ */ S("tr", {
+											className: "border-b border-border-seam last:border-0",
 											children: [
 												/* @__PURE__ */ x("td", {
 													className: "py-2.5 text-text-secondary",
@@ -669,12 +674,12 @@ var C = {
 									className: "mt-4 flex items-center gap-4 text-sm",
 									children: /* @__PURE__ */ S("div", {
 										className: "flex items-center gap-1.5",
-										children: [/* @__PURE__ */ x(_, { className: "h-4 w-4 text-green-600 dark:text-green-400" }), /* @__PURE__ */ S("span", {
+										children: [/* @__PURE__ */ x(_, { className: "h-4 w-4 text-status-success-text" }), /* @__PURE__ */ S("span", {
 											className: "text-text-secondary",
 											children: [
-												C.customers.satisfaction.positiveReviews,
+												T.customers.satisfaction.positiveReviews,
 												"/",
-												C.customers.satisfaction.reviews,
+												T.customers.satisfaction.reviews,
 												" positive reviews"
 											]
 										})]
@@ -685,17 +690,17 @@ var C = {
 					}), /* @__PURE__ */ S("div", {
 						className: "space-y-6",
 						children: [/* @__PURE__ */ S("div", {
-							className: "rounded-lg border border-border-subtle bg-bg-surface shadow-sm",
+							className: "rounded-lg border border-border-seam bg-bg-surface shadow-sm",
 							children: [/* @__PURE__ */ x("div", {
-								className: "border-b border-border-subtle px-5 py-4",
+								className: "border-b border-border-seam px-5 py-4",
 								children: /* @__PURE__ */ S("h2", {
 									className: "text-base font-semibold text-text-primary flex items-center gap-2",
 									children: [/* @__PURE__ */ x(u, { className: "h-4 w-4 text-text-secondary" }), "Peak Hours"]
 								})
 							}), /* @__PURE__ */ x("div", {
 								className: "p-5 space-y-3",
-								children: C.performance.peakHours.map((e) => {
-									let n = e.orders / k * 100;
+								children: T.performance.peakHours.map((e) => {
+									let n = e.orders / j * 100;
 									return /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("div", {
 										className: "flex items-center justify-between text-xs mb-1",
 										children: [/* @__PURE__ */ x("span", {
@@ -708,24 +713,24 @@ var C = {
 									}), /* @__PURE__ */ x("div", {
 										className: "h-2 rounded-full bg-bg-sunken overflow-hidden",
 										children: /* @__PURE__ */ x("div", {
-											className: t("h-full rounded-full", e.orders > 28 ? "bg-red-500/60" : e.orders > 22 ? "bg-yellow-500/60" : "bg-green-500/60"),
+											className: t("h-full rounded-full", e.orders > 28 ? "bg-status-error-bg/60" : e.orders > 22 ? "bg-status-warning-bg/60" : "bg-status-success-bg/60"),
 											style: { width: `${n}%` }
 										})
 									})] }, e.hour);
 								})
 							})]
 						}), /* @__PURE__ */ S("div", {
-							className: "rounded-lg border border-border-subtle bg-bg-surface shadow-sm",
+							className: "rounded-lg border border-border-seam bg-bg-surface shadow-sm",
 							children: [/* @__PURE__ */ x("div", {
-								className: "border-b border-border-subtle px-5 py-4",
+								className: "border-b border-border-seam px-5 py-4",
 								children: /* @__PURE__ */ S("h2", {
 									className: "text-base font-semibold text-text-primary flex items-center gap-2",
 									children: [/* @__PURE__ */ x(l, { className: "h-4 w-4 text-text-secondary" }), "Peak Days"]
 								})
 							}), /* @__PURE__ */ x("div", {
 								className: "p-5 space-y-3",
-								children: C.performance.peakDays.map((e) => {
-									let t = e.orders / A * 100;
+								children: T.performance.peakDays.map((e) => {
+									let t = e.orders / M * 100;
 									return /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("div", {
 										className: "flex items-center justify-between text-xs mb-1",
 										children: [/* @__PURE__ */ x("span", {
@@ -738,7 +743,7 @@ var C = {
 									}), /* @__PURE__ */ x("div", {
 										className: "h-2 rounded-full bg-bg-sunken overflow-hidden",
 										children: /* @__PURE__ */ x("div", {
-											className: "h-full rounded-full bg-blue-500/60",
+											className: "h-full rounded-full bg-status-info-bg/60",
 											style: { width: `${t}%` }
 										})
 									})] }, e.day);
@@ -748,9 +753,9 @@ var C = {
 					})]
 				}),
 				/* @__PURE__ */ S("div", {
-					className: "rounded-lg border border-border-subtle bg-bg-surface shadow-sm",
+					className: "rounded-lg border border-border-seam bg-bg-surface shadow-sm",
 					children: [/* @__PURE__ */ x("div", {
-						className: "border-b border-border-subtle px-5 py-4",
+						className: "border-b border-border-seam px-5 py-4",
 						children: /* @__PURE__ */ S("h2", {
 							className: "text-base font-semibold text-text-primary flex items-center gap-2",
 							children: [/* @__PURE__ */ x(v, { className: "h-4 w-4 text-text-secondary" }), "Daily Order Trends"]
@@ -760,7 +765,7 @@ var C = {
 						children: /* @__PURE__ */ S("table", {
 							className: "w-full text-sm",
 							children: [/* @__PURE__ */ x("thead", { children: /* @__PURE__ */ S("tr", {
-								className: "border-b border-border-subtle",
+								className: "border-b border-border-seam",
 								children: [
 									/* @__PURE__ */ x("th", {
 										className: "px-5 py-2.5 text-left font-medium text-text-secondary",
@@ -776,7 +781,7 @@ var C = {
 									})
 								]
 							}) }), /* @__PURE__ */ x("tbody", { children: i.orderTrends.map((e) => /* @__PURE__ */ S("tr", {
-								className: "border-b border-border-subtle last:border-0",
+								className: "border-b border-border-seam last:border-0",
 								children: [
 									/* @__PURE__ */ x("td", {
 										className: "px-5 py-2.5 text-text-primary",
@@ -799,9 +804,9 @@ var C = {
 					})]
 				}),
 				/* @__PURE__ */ S("div", {
-					className: "rounded-lg border border-border-subtle bg-bg-surface shadow-sm",
+					className: "rounded-lg border border-border-seam bg-bg-surface shadow-sm",
 					children: [/* @__PURE__ */ x("div", {
-						className: "border-b border-border-subtle px-5 py-4",
+						className: "border-b border-border-seam px-5 py-4",
 						children: /* @__PURE__ */ S("h2", {
 							className: "text-base font-semibold text-text-primary flex items-center gap-2",
 							children: [/* @__PURE__ */ x(y, { className: "h-4 w-4 text-text-secondary" }), "Monthly Customer Growth"]
@@ -813,7 +818,7 @@ var C = {
 							children: i.customerGrowth.map((e) => {
 								let t = Math.max(...i.customerGrowth.map((e) => e.newCustomers));
 								return /* @__PURE__ */ x("div", {
-									className: "flex-1 rounded-t bg-blue-500/40 hover:bg-blue-500/60 transition-colors cursor-default",
+									className: "flex-1 rounded-t bg-status-info-bg/40 hover:bg-status-info-bg/60 transition-colors cursor-default",
 									style: { height: `${e.newCustomers / t * 100}%` },
 									title: `${e.month}: ${e.newCustomers} new customers`
 								}, e.month);
@@ -829,6 +834,6 @@ var C = {
 	});
 };
 //#endregion
-export { w as AnalyticsDashboard };
+export { E as AnalyticsDashboard };
 
 //# sourceMappingURL=AnalyticsDashboard.js.map