@burdenoff/microfe-coolandlovely 2026.614.1

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

@@ -0,0 +1,834 @@
+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 { 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";
+//#region src/coolandlovely/pages/cart-owner/AnalyticsDashboard.tsx
+var C = {
+	revenue: {
+		today: 12450,
+		week: 87150,
+		month: 348600,
+		year: 4183200,
+		growth: {
+			daily: 12.5,
+			weekly: 8.3,
+			monthly: 15.2
+		}
+	},
+	orders: {
+		total: 156,
+		pending: 3,
+		completed: 145,
+		cancelled: 8,
+		averageValue: 285,
+		averagePreparationTime: 18,
+		popularTimes: [
+			{
+				hour: 8,
+				orders: 12
+			},
+			{
+				hour: 9,
+				orders: 15
+			},
+			{
+				hour: 10,
+				orders: 18
+			},
+			{
+				hour: 11,
+				orders: 22
+			},
+			{
+				hour: 12,
+				orders: 28
+			},
+			{
+				hour: 13,
+				orders: 32
+			},
+			{
+				hour: 14,
+				orders: 16
+			},
+			{
+				hour: 15,
+				orders: 12
+			},
+			{
+				hour: 16,
+				orders: 14
+			},
+			{
+				hour: 17,
+				orders: 18
+			},
+			{
+				hour: 18,
+				orders: 20
+			},
+			{
+				hour: 19,
+				orders: 25
+			},
+			{
+				hour: 20,
+				orders: 22
+			},
+			{
+				hour: 21,
+				orders: 15
+			}
+		]
+	},
+	offerings: {
+		topSelling: [
+			{
+				id: "1",
+				name: "Masala Dosa",
+				quantity: 245,
+				revenue: 19600,
+				category: "Food & Beverage"
+			},
+			{
+				id: "2",
+				name: "Haircut Service",
+				quantity: 89,
+				revenue: 11340,
+				category: "Personal Care & Beauty"
+			},
+			{
+				id: "3",
+				name: "Filter Coffee",
+				quantity: 312,
+				revenue: 9360,
+				category: "Food & Beverage"
+			},
+			{
+				id: "4",
+				name: "Mobile Repair",
+				quantity: 67,
+				revenue: 6680,
+				category: "Repair & Maintenance"
+			},
+			{
+				id: "5",
+				name: "Pongal",
+				quantity: 98,
+				revenue: 5880,
+				category: "Food & Beverage"
+			}
+		],
+		leastSelling: [
+			{
+				id: "6",
+				name: "Bisi Bele Bath",
+				quantity: 12,
+				revenue: 1440,
+				category: "Food & Beverage"
+			},
+			{
+				id: "7",
+				name: "Cleaning Service",
+				quantity: 8,
+				revenue: 640,
+				category: "Home Services"
+			},
+			{
+				id: "8",
+				name: "Kosambari",
+				quantity: 15,
+				revenue: 450,
+				category: "Food & Beverage"
+			}
+		],
+		categories: [
+			{
+				category: "Food & Beverage",
+				revenue: 45e3,
+				orders: 450
+			},
+			{
+				category: "Personal Care & Beauty",
+				revenue: 25e3,
+				orders: 180
+			},
+			{
+				category: "Repair & Maintenance",
+				revenue: 15e3,
+				orders: 120
+			},
+			{
+				category: "Home Services",
+				revenue: 8e3,
+				orders: 80
+			}
+		]
+	},
+	customers: {
+		total: 342,
+		new: 45,
+		returning: 297,
+		topCustomers: [
+			{
+				id: "1",
+				name: "Rahul Sharma",
+				orders: 23,
+				totalSpent: 6555
+			},
+			{
+				id: "2",
+				name: "Priya Patel",
+				orders: 19,
+				totalSpent: 5415
+			},
+			{
+				id: "3",
+				name: "Amit Kumar",
+				orders: 17,
+				totalSpent: 4845
+			},
+			{
+				id: "4",
+				name: "Sneha Reddy",
+				orders: 15,
+				totalSpent: 4275
+			},
+			{
+				id: "5",
+				name: "Vijay Singh",
+				orders: 14,
+				totalSpent: 3990
+			}
+		],
+		satisfaction: {
+			rating: 4.6,
+			reviews: 89,
+			positiveReviews: 78
+		}
+	},
+	performance: {
+		acceptanceRate: 94,
+		cancellationRate: 6,
+		onTimeDeliveryRate: 88,
+		averageRating: 4.6,
+		peakHours: [
+			{
+				hour: "12-1 PM",
+				orders: 32
+			},
+			{
+				hour: "1-2 PM",
+				orders: 28
+			},
+			{
+				hour: "7-8 PM",
+				orders: 25
+			},
+			{
+				hour: "8-9 PM",
+				orders: 22
+			}
+		],
+		peakDays: [
+			{
+				day: "Sunday",
+				orders: 45
+			},
+			{
+				day: "Saturday",
+				orders: 42
+			},
+			{
+				day: "Friday",
+				orders: 38
+			}
+		]
+	}
+}, 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}%`;
+	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 bg-card px-3 py-2 text-sm text-foreground",
+				children: [
+					/* @__PURE__ */ x("option", {
+						value: "today",
+						children: "Today"
+					}),
+					/* @__PURE__ */ x("option", {
+						value: "week",
+						children: "This Week"
+					}),
+					/* @__PURE__ */ x("option", {
+						value: "month",
+						children: "This Month"
+					}),
+					/* @__PURE__ */ x("option", {
+						value: "year",
+						children: "This Year"
+					})
+				]
+			}), /* @__PURE__ */ S("button", {
+				type: "button",
+				onClick: () => alert("Export feature coming soon!"),
+				className: "inline-flex items-center gap-1.5 rounded-md border border-border px-3 py-2 text-sm text-foreground hover:bg-muted 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", {
+					className: "text-base font-semibold text-foreground mb-3",
+					children: "Revenue Overview"
+				}), /* @__PURE__ */ x("div", {
+					className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4",
+					children: [
+						{
+							label: "Today's Revenue",
+							value: C.revenue.today,
+							growth: C.revenue.growth.daily
+						},
+						{
+							label: "This Week",
+							value: C.revenue.week,
+							growth: C.revenue.growth.weekly
+						},
+						{
+							label: "This Month",
+							value: C.revenue.month,
+							growth: C.revenue.growth.monthly
+						},
+						{
+							label: "This Year",
+							value: C.revenue.year,
+							growth: null
+						}
+					].map((e) => /* @__PURE__ */ S("div", {
+						className: "rounded-lg border border-border bg-card p-5 shadow-sm",
+						children: [
+							/* @__PURE__ */ S("div", {
+								className: "flex items-center justify-between",
+								children: [/* @__PURE__ */ x("div", {
+									className: "rounded-md bg-accent p-2",
+									children: /* @__PURE__ */ x(f, { className: "h-5 w-5 text-muted-foreground" })
+								}), 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)]
+								})]
+							}),
+							/* @__PURE__ */ x("p", {
+								className: "mt-3 text-2xl font-bold text-foreground",
+								children: r(e.value, { minimumFractionDigits: 0 })
+							}),
+							/* @__PURE__ */ x("p", {
+								className: "mt-1 text-sm text-muted-foreground",
+								children: e.label
+							})
+						]
+					}, e.label))
+				})] }),
+				/* @__PURE__ */ S("div", {
+					className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
+					children: [/* @__PURE__ */ S("div", {
+						className: "rounded-lg border border-border bg-card shadow-sm",
+						children: [/* @__PURE__ */ x("div", {
+							className: "border-b border-border px-5 py-4",
+							children: /* @__PURE__ */ S("h2", {
+								className: "text-base font-semibold text-foreground flex items-center gap-2",
+								children: [/* @__PURE__ */ x(m, { className: "h-4 w-4 text-muted-foreground" }), "Order Statistics"]
+							})
+						}), /* @__PURE__ */ S("div", {
+							className: "p-5",
+							children: [/* @__PURE__ */ S("div", {
+								className: "grid grid-cols-2 gap-4 mb-5",
+								children: [
+									/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+										className: "text-xs text-muted-foreground",
+										children: "Total Orders"
+									}), /* @__PURE__ */ x("p", {
+										className: "text-2xl font-bold text-foreground",
+										children: C.orders.total
+									})] }),
+									/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+										className: "text-xs text-muted-foreground",
+										children: "Avg. Order Value"
+									}), /* @__PURE__ */ x("p", {
+										className: "text-2xl font-bold text-foreground",
+										children: r(C.orders.averageValue, { minimumFractionDigits: 0 })
+									})] }),
+									/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+										className: "text-xs text-muted-foreground",
+										children: "Completed"
+									}), /* @__PURE__ */ x("p", {
+										className: "text-xl font-bold text-green-600 dark:text-green-400",
+										children: C.orders.completed
+									})] }),
+									/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+										className: "text-xs text-muted-foreground",
+										children: "Cancelled"
+									}), /* @__PURE__ */ x("p", {
+										className: "text-xl font-bold text-red-600 dark:text-red-400",
+										children: C.orders.cancelled
+									})] })
+								]
+							}), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+								className: "text-xs text-muted-foreground mb-1",
+								children: "Avg. Preparation Time"
+							}), /* @__PURE__ */ S("p", {
+								className: "text-sm font-medium text-foreground",
+								children: [C.orders.averagePreparationTime, " minutes"]
+							})] })]
+						})]
+					}), /* @__PURE__ */ S("div", {
+						className: "rounded-lg border border-border bg-card shadow-sm",
+						children: [/* @__PURE__ */ x("div", {
+							className: "border-b border-border px-5 py-4",
+							children: /* @__PURE__ */ S("h2", {
+								className: "text-base font-semibold text-foreground flex items-center gap-2",
+								children: [/* @__PURE__ */ x(u, { className: "h-4 w-4 text-muted-foreground" }), "Popular Times"]
+							})
+						}), /* @__PURE__ */ x("div", {
+							className: "p-5 space-y-2",
+							children: C.orders.popularTimes.map((e) => {
+								let n = e.orders / D * 100;
+								return /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("div", {
+									className: "flex items-center justify-between text-xs mb-0.5",
+									children: [/* @__PURE__ */ x("span", {
+										className: "text-foreground w-14",
+										children: `${e.hour}:00`
+									}), /* @__PURE__ */ S("span", {
+										className: "text-muted-foreground",
+										children: [e.orders, " orders"]
+									})]
+								}), /* @__PURE__ */ x("div", {
+									className: "h-2 rounded-full bg-muted 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"),
+										style: { width: `${n}%` }
+									})
+								})] }, e.hour);
+							})
+						})]
+					})]
+				}),
+				/* @__PURE__ */ S("section", { children: [/* @__PURE__ */ x("h2", {
+					className: "text-base font-semibold text-foreground mb-3",
+					children: "Performance Metrics"
+				}), /* @__PURE__ */ x("div", {
+					className: "grid grid-cols-2 lg:grid-cols-4 gap-4",
+					children: [
+						{
+							label: "Acceptance Rate",
+							value: `${C.performance.acceptanceRate}%`,
+							icon: g,
+							color: "text-green-600 dark:text-green-400"
+						},
+						{
+							label: "Cancellation Rate",
+							value: `${C.performance.cancellationRate}%`,
+							icon: p,
+							color: "text-red-600 dark:text-red-400"
+						},
+						{
+							label: "On-Time Delivery",
+							value: `${C.performance.onTimeDeliveryRate}%`,
+							icon: u,
+							color: "text-blue-600 dark:text-blue-400"
+						},
+						{
+							label: "Average Rating",
+							value: `${C.performance.averageRating}`,
+							icon: h,
+							color: "text-yellow-600 dark:text-yellow-400"
+						}
+					].map((e) => {
+						let n = e.icon;
+						return /* @__PURE__ */ S("div", {
+							className: "rounded-lg border border-border bg-card 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", {
+									className: "text-xs text-muted-foreground",
+									children: e.label
+								})]
+							}), /* @__PURE__ */ x("p", {
+								className: t("text-2xl font-bold", e.color),
+								children: e.value
+							})]
+						}, e.label);
+					})
+				})] }),
+				/* @__PURE__ */ S("div", {
+					className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
+					children: [/* @__PURE__ */ S("div", {
+						className: "rounded-lg border border-border bg-card shadow-sm",
+						children: [
+							/* @__PURE__ */ x("div", {
+								className: "border-b border-border px-5 py-4",
+								children: /* @__PURE__ */ S("h2", {
+									className: "text-base font-semibold text-foreground flex items-center gap-2",
+									children: [/* @__PURE__ */ x(v, { className: "h-4 w-4 text-muted-foreground" }), "Top Selling Offerings"]
+								})
+							}),
+							/* @__PURE__ */ x("div", {
+								className: "divide-y divide-border",
+								children: C.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",
+										children: [/* @__PURE__ */ x("span", {
+											className: "flex h-6 w-6 items-center justify-center rounded-full bg-muted text-xs font-medium text-muted-foreground",
+											children: t + 1
+										}), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+											className: "text-sm font-medium text-foreground",
+											children: e.name
+										}), /* @__PURE__ */ S("p", {
+											className: "text-xs text-muted-foreground",
+											children: [
+												e.category,
+												" | ",
+												e.quantity,
+												" sold"
+											]
+										})] })]
+									}), /* @__PURE__ */ x("span", {
+										className: "text-sm font-medium text-foreground",
+										children: r(e.revenue, { minimumFractionDigits: 0 })
+									})]
+								}, e.id))
+							}),
+							/* @__PURE__ */ S("div", {
+								className: "border-t border-border px-5 py-3",
+								children: [/* @__PURE__ */ x("p", {
+									className: "text-xs font-medium text-muted-foreground mb-2",
+									children: "Least Selling"
+								}), C.offerings.leastSelling.map((e) => /* @__PURE__ */ S("div", {
+									className: "flex items-center justify-between py-1.5",
+									children: [/* @__PURE__ */ x("span", {
+										className: "text-xs text-muted-foreground",
+										children: e.name
+									}), /* @__PURE__ */ S("span", {
+										className: "text-xs text-muted-foreground",
+										children: [
+											e.quantity,
+											" sold |",
+											" ",
+											r(e.revenue, { minimumFractionDigits: 0 })
+										]
+									})]
+								}, e.id))]
+							})
+						]
+					}), /* @__PURE__ */ S("div", {
+						className: "rounded-lg border border-border bg-card shadow-sm",
+						children: [/* @__PURE__ */ x("div", {
+							className: "border-b border-border px-5 py-4",
+							children: /* @__PURE__ */ S("h2", {
+								className: "text-base font-semibold text-foreground flex items-center gap-2",
+								children: [/* @__PURE__ */ x(c, { className: "h-4 w-4 text-muted-foreground" }), "Category Performance"]
+							})
+						}), /* @__PURE__ */ x("div", {
+							className: "p-5 space-y-4",
+							children: C.offerings.categories.map((e) => {
+								let t = e.revenue / O * 100;
+								return /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("div", {
+									className: "flex items-center justify-between text-sm mb-1",
+									children: [/* @__PURE__ */ x("span", {
+										className: "text-foreground",
+										children: e.category
+									}), /* @__PURE__ */ S("span", {
+										className: "text-muted-foreground",
+										children: [
+											r(e.revenue, { minimumFractionDigits: 0 }),
+											" (",
+											e.orders,
+											" ",
+											"orders)"
+										]
+									})]
+								}), /* @__PURE__ */ x("div", {
+									className: "h-2.5 rounded-full bg-muted overflow-hidden",
+									children: /* @__PURE__ */ x("div", {
+										className: "h-full rounded-full bg-blue-500/60",
+										style: { width: `${t}%` }
+									})
+								})] }, e.category);
+							})
+						})]
+					})]
+				}),
+				/* @__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 bg-card shadow-sm",
+						children: [/* @__PURE__ */ x("div", {
+							className: "border-b border-border px-5 py-4",
+							children: /* @__PURE__ */ S("h2", {
+								className: "text-base font-semibold text-foreground flex items-center gap-2",
+								children: [/* @__PURE__ */ x(y, { className: "h-4 w-4 text-muted-foreground" }), "Customer Overview"]
+							})
+						}), /* @__PURE__ */ S("div", {
+							className: "p-5",
+							children: [
+								/* @__PURE__ */ S("div", {
+									className: "grid grid-cols-2 sm:grid-cols-4 gap-4 mb-5",
+									children: [
+										/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+											className: "text-xs text-muted-foreground",
+											children: "Total Customers"
+										}), /* @__PURE__ */ x("p", {
+											className: "text-xl font-bold text-foreground",
+											children: C.customers.total
+										})] }),
+										/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+											className: "text-xs text-muted-foreground",
+											children: "New This Month"
+										}), /* @__PURE__ */ x("p", {
+											className: "text-xl font-bold text-blue-600 dark:text-blue-400",
+											children: C.customers.new
+										})] }),
+										/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+											className: "text-xs text-muted-foreground",
+											children: "Returning"
+										}), /* @__PURE__ */ x("p", {
+											className: "text-xl font-bold text-green-600 dark:text-green-400",
+											children: C.customers.returning
+										})] }),
+										/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+											className: "text-xs text-muted-foreground",
+											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]
+										})] })
+									]
+								}),
+								/* @__PURE__ */ x("p", {
+									className: "text-sm font-medium text-foreground mb-2",
+									children: "Top Customers"
+								}),
+								/* @__PURE__ */ x("div", {
+									className: "overflow-x-auto",
+									children: /* @__PURE__ */ S("table", {
+										className: "w-full text-sm",
+										children: [/* @__PURE__ */ x("thead", { children: /* @__PURE__ */ S("tr", {
+											className: "border-b border-border",
+											children: [
+												/* @__PURE__ */ x("th", {
+													className: "py-2 text-left font-medium text-muted-foreground",
+													children: "#"
+												}),
+												/* @__PURE__ */ x("th", {
+													className: "py-2 text-left font-medium text-muted-foreground",
+													children: "Customer"
+												}),
+												/* @__PURE__ */ x("th", {
+													className: "py-2 text-right font-medium text-muted-foreground",
+													children: "Orders"
+												}),
+												/* @__PURE__ */ x("th", {
+													className: "py-2 text-right font-medium text-muted-foreground",
+													children: "Total Spent"
+												})
+											]
+										}) }), /* @__PURE__ */ x("tbody", { children: C.customers.topCustomers.map((e, t) => /* @__PURE__ */ S("tr", {
+											className: "border-b border-border last:border-0",
+											children: [
+												/* @__PURE__ */ x("td", {
+													className: "py-2.5 text-muted-foreground",
+													children: t + 1
+												}),
+												/* @__PURE__ */ x("td", {
+													className: "py-2.5 font-medium text-foreground",
+													children: e.name
+												}),
+												/* @__PURE__ */ x("td", {
+													className: "py-2.5 text-right text-foreground",
+													children: e.orders
+												}),
+												/* @__PURE__ */ x("td", {
+													className: "py-2.5 text-right font-medium text-foreground",
+													children: r(e.totalSpent, { minimumFractionDigits: 0 })
+												})
+											]
+										}, e.id)) })]
+									})
+								}),
+								/* @__PURE__ */ x("div", {
+									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", {
+											className: "text-muted-foreground",
+											children: [
+												C.customers.satisfaction.positiveReviews,
+												"/",
+												C.customers.satisfaction.reviews,
+												" positive reviews"
+											]
+										})]
+									})
+								})
+							]
+						})]
+					}), /* @__PURE__ */ S("div", {
+						className: "space-y-6",
+						children: [/* @__PURE__ */ S("div", {
+							className: "rounded-lg border border-border bg-card shadow-sm",
+							children: [/* @__PURE__ */ x("div", {
+								className: "border-b border-border px-5 py-4",
+								children: /* @__PURE__ */ S("h2", {
+									className: "text-base font-semibold text-foreground flex items-center gap-2",
+									children: [/* @__PURE__ */ x(u, { className: "h-4 w-4 text-muted-foreground" }), "Peak Hours"]
+								})
+							}), /* @__PURE__ */ x("div", {
+								className: "p-5 space-y-3",
+								children: C.performance.peakHours.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-1",
+										children: [/* @__PURE__ */ x("span", {
+											className: "text-foreground",
+											children: e.hour
+										}), /* @__PURE__ */ S("span", {
+											className: "text-muted-foreground",
+											children: [e.orders, " orders"]
+										})]
+									}), /* @__PURE__ */ x("div", {
+										className: "h-2 rounded-full bg-muted 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"),
+											style: { width: `${n}%` }
+										})
+									})] }, e.hour);
+								})
+							})]
+						}), /* @__PURE__ */ S("div", {
+							className: "rounded-lg border border-border bg-card shadow-sm",
+							children: [/* @__PURE__ */ x("div", {
+								className: "border-b border-border px-5 py-4",
+								children: /* @__PURE__ */ S("h2", {
+									className: "text-base font-semibold text-foreground flex items-center gap-2",
+									children: [/* @__PURE__ */ x(l, { className: "h-4 w-4 text-muted-foreground" }), "Peak Days"]
+								})
+							}), /* @__PURE__ */ x("div", {
+								className: "p-5 space-y-3",
+								children: C.performance.peakDays.map((e) => {
+									let t = e.orders / A * 100;
+									return /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("div", {
+										className: "flex items-center justify-between text-xs mb-1",
+										children: [/* @__PURE__ */ x("span", {
+											className: "text-foreground",
+											children: e.day
+										}), /* @__PURE__ */ S("span", {
+											className: "text-muted-foreground",
+											children: [e.orders, " orders"]
+										})]
+									}), /* @__PURE__ */ x("div", {
+										className: "h-2 rounded-full bg-muted overflow-hidden",
+										children: /* @__PURE__ */ x("div", {
+											className: "h-full rounded-full bg-blue-500/60",
+											style: { width: `${t}%` }
+										})
+									})] }, e.day);
+								})
+							})]
+						})]
+					})]
+				}),
+				/* @__PURE__ */ S("div", {
+					className: "rounded-lg border border-border bg-card shadow-sm",
+					children: [/* @__PURE__ */ x("div", {
+						className: "border-b border-border px-5 py-4",
+						children: /* @__PURE__ */ S("h2", {
+							className: "text-base font-semibold text-foreground flex items-center gap-2",
+							children: [/* @__PURE__ */ x(v, { className: "h-4 w-4 text-muted-foreground" }), "Daily Order Trends"]
+						})
+					}), /* @__PURE__ */ x("div", {
+						className: "overflow-x-auto",
+						children: /* @__PURE__ */ S("table", {
+							className: "w-full text-sm",
+							children: [/* @__PURE__ */ x("thead", { children: /* @__PURE__ */ S("tr", {
+								className: "border-b border-border",
+								children: [
+									/* @__PURE__ */ x("th", {
+										className: "px-5 py-2.5 text-left font-medium text-muted-foreground",
+										children: "Date"
+									}),
+									/* @__PURE__ */ x("th", {
+										className: "px-5 py-2.5 text-right font-medium text-muted-foreground",
+										children: "Orders"
+									}),
+									/* @__PURE__ */ x("th", {
+										className: "px-5 py-2.5 text-right font-medium text-muted-foreground",
+										children: "Revenue"
+									})
+								]
+							}) }), /* @__PURE__ */ x("tbody", { children: i.orderTrends.map((e) => /* @__PURE__ */ S("tr", {
+								className: "border-b border-border last:border-0",
+								children: [
+									/* @__PURE__ */ x("td", {
+										className: "px-5 py-2.5 text-foreground",
+										children: new Date(e.date).toLocaleDateString("en-IN", {
+											day: "2-digit",
+											month: "short"
+										})
+									}),
+									/* @__PURE__ */ x("td", {
+										className: "px-5 py-2.5 text-right text-foreground",
+										children: e.orders
+									}),
+									/* @__PURE__ */ x("td", {
+										className: "px-5 py-2.5 text-right font-medium text-foreground",
+										children: r(e.revenue, { minimumFractionDigits: 0 })
+									})
+								]
+							}, e.date)) })]
+						})
+					})]
+				}),
+				/* @__PURE__ */ S("div", {
+					className: "rounded-lg border border-border bg-card shadow-sm",
+					children: [/* @__PURE__ */ x("div", {
+						className: "border-b border-border px-5 py-4",
+						children: /* @__PURE__ */ S("h2", {
+							className: "text-base font-semibold text-foreground flex items-center gap-2",
+							children: [/* @__PURE__ */ x(y, { className: "h-4 w-4 text-muted-foreground" }), "Monthly Customer Growth"]
+						})
+					}), /* @__PURE__ */ S("div", {
+						className: "p-5",
+						children: [/* @__PURE__ */ x("div", {
+							className: "flex items-end gap-1.5 h-20",
+							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",
+									style: { height: `${e.newCustomers / t * 100}%` },
+									title: `${e.month}: ${e.newCustomers} new customers`
+								}, e.month);
+							})
+						}), /* @__PURE__ */ x("div", {
+							className: "flex justify-between mt-2 text-xs text-muted-foreground",
+							children: i.customerGrowth.length > 0 && /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x("span", { children: i.customerGrowth[0].month }), /* @__PURE__ */ x("span", { children: i.customerGrowth[i.customerGrowth.length - 1].month })] })
+						})]
+					})]
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { w as AnalyticsDashboard };
+
+//# sourceMappingURL=AnalyticsDashboard.js.map