@burdenoff/microfe-coolandlovely 2026.625.1 → 2026.625.2

package/dist/coolandlovely/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/coolandlovely/pages/cart-owner/AnalyticsDashboard.tsx
-var C = {
+var T = {
 	revenue: {
 		today: 12450,
 		week: 87150,
@@ -249,16 +250,16 @@ 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}%`;
-	return /* @__PURE__ */ x(n, {
+}, 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__ */ S(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),
+				value: D,
+				onChange: (e) => O(e.target.value),
 				className: "rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
 				children: [
 					/* @__PURE__ */ x("option", {
@@ -285,59 +286,66 @@ var C = {
 				children: [/* @__PURE__ */ x(d, { className: "h-4 w-4" }), "Export"]
 			})]
 		}),
-		children: /* @__PURE__ */ S("div", {
+		children: [/* @__PURE__ */ x(w, {
+			className: "mb-6",
+			icon: /* @__PURE__ */ x(c, { className: "h-4 w-4" }),
+			children: "See how your business is actually doing. Track revenue across day, week, month and year, understand your order patterns and busiest times, and export the numbers — turning raw sales into decisions about staffing, stock and hours."
+		}), /* @__PURE__ */ S("div", {
 			className: "space-y-6",
 			children: [
-				/* @__PURE__ */ S("section", { children: [/* @__PURE__ */ x("h2", {
-					className: "text-base font-semibold text-text-primary 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-seam bg-bg-surface p-5 bg-gloss-card shadow-pop",
+				/* @__PURE__ */ S(C, {
+					className: "p-5",
+					children: [/* @__PURE__ */ x("h2", {
+						className: "text-base font-semibold text-text-primary mb-3",
+						children: "Revenue Overview"
+					}), /* @__PURE__ */ x("div", {
+						className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4",
 						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-text-secondary" })
-								}), e.growth !== null && /* @__PURE__ */ S("div", {
-									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" }), j(e.growth)]
-								})]
-							}),
-							/* @__PURE__ */ x("p", {
-								className: "mt-3 text-2xl font-bold text-text-primary",
-								children: r(e.value, { minimumFractionDigits: 0 })
-							}),
-							/* @__PURE__ */ x("p", {
-								className: "mt-1 text-sm text-text-secondary",
-								children: e.label
-							})
-						]
-					}, e.label))
-				})] }),
+							{
+								label: "Today's Revenue",
+								value: T.revenue.today,
+								growth: T.revenue.growth.daily
+							},
+							{
+								label: "This Week",
+								value: T.revenue.week,
+								growth: T.revenue.growth.weekly
+							},
+							{
+								label: "This Month",
+								value: T.revenue.month,
+								growth: T.revenue.growth.monthly
+							},
+							{
+								label: "This Year",
+								value: T.revenue.year,
+								growth: null
+							}
+						].map((e) => /* @__PURE__ */ S("div", {
+							className: "rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop",
+							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-text-secondary" })
+									}), e.growth !== null && /* @__PURE__ */ S("div", {
+										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", {
+									className: "mt-3 text-2xl font-bold text-text-primary",
+									children: r(e.value, { minimumFractionDigits: 0 })
+								}),
+								/* @__PURE__ */ x("p", {
+									className: "mt-1 text-sm text-text-secondary",
+									children: e.label
+								})
+							]
+						}, e.label))
+					})]
+				}),
 				/* @__PURE__ */ S("div", {
 					className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
 					children: [/* @__PURE__ */ S("div", {
@@ -358,28 +366,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-status-success-text",
-										children: C.orders.completed
+										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-status-error-text",
-										children: C.orders.cancelled
+										children: T.orders.cancelled
 									})] })
 								]
 							}), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
@@ -387,7 +395,7 @@ 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", {
@@ -400,8 +408,8 @@ var C = {
 							})
 						}), /* @__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", {
@@ -430,25 +438,25 @@ var C = {
 					children: [
 						{
 							label: "Acceptance Rate",
-							value: `${C.performance.acceptanceRate}%`,
+							value: `${T.performance.acceptanceRate}%`,
 							icon: g,
 							color: "text-status-success-text"
 						},
 						{
 							label: "Cancellation Rate",
-							value: `${C.performance.cancellationRate}%`,
+							value: `${T.performance.cancellationRate}%`,
 							icon: p,
 							color: "text-status-error-text"
 						},
 						{
 							label: "On-Time Delivery",
-							value: `${C.performance.onTimeDeliveryRate}%`,
+							value: `${T.performance.onTimeDeliveryRate}%`,
 							icon: u,
 							color: "text-accent-blue"
 						},
 						{
 							label: "Average Rating",
-							value: `${C.performance.averageRating}`,
+							value: `${T.performance.averageRating}`,
 							icon: h,
 							color: "text-status-warning-text"
 						}
@@ -483,7 +491,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",
@@ -513,7 +521,7 @@ var C = {
 								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",
@@ -540,8 +548,8 @@ var C = {
 							})
 						}), /* @__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", {
@@ -589,28 +597,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-accent-blue",
-											children: C.customers.new
+											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-status-success-text",
-											children: C.customers.returning
+											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-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" }), C.customers.satisfaction.rating]
+											children: [/* @__PURE__ */ x(h, { className: "h-4 w-4 fill-status-warning-text text-status-warning-text" }), T.customers.satisfaction.rating]
 										})] })
 									]
 								}),
@@ -642,7 +650,7 @@ var C = {
 													children: "Total Spent"
 												})
 											]
-										}) }), /* @__PURE__ */ x("tbody", { children: C.customers.topCustomers.map((e, t) => /* @__PURE__ */ S("tr", {
+										}) }), /* @__PURE__ */ x("tbody", { children: T.customers.topCustomers.map((e, t) => /* @__PURE__ */ S("tr", {
 											className: "border-b border-border-subtle last:border-0",
 											children: [
 												/* @__PURE__ */ x("td", {
@@ -672,9 +680,9 @@ var C = {
 										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"
 											]
 										})]
@@ -694,8 +702,8 @@ var C = {
 								})
 							}), /* @__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", {
@@ -724,8 +732,8 @@ var C = {
 								})
 							}), /* @__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", {
@@ -825,10 +833,10 @@ var C = {
 					})]
 				})
 			]
-		})
+		})]
 	});
 };
 //#endregion
-export { w as AnalyticsDashboard };
+export { E as AnalyticsDashboard };
 
 //# sourceMappingURL=AnalyticsDashboard.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AnalyticsDashboard.js","names":[],"sources":["../../../../src/coolandlovely/pages/cart-owner/AnalyticsDashboard.tsx"],"sourcesContent":["/**\n * Analytics Dashboard Page\n *\n * Revenue overview (today/week/month/year with growth), order statistics,\n * popular times progress bars, performance metrics, top selling offerings,\n * category performance, customer overview with top customers table,\n * peak hours/days, date range selector.\n *\n * @module coolandlovely/pages/cart-owner\n */\n\nimport { useState } from'react';\nimport {\n  IndianRupee,\n  ShoppingCart,\n  Users,\n  TrendingUp,\n  BarChart3,\n  Clock,\n  Star,\n  ArrowUpRight,\n  ArrowDownRight,\n  Download,\n  Target,\n  Percent,\n  ThumbsUp,\n  CalendarDays,\n} from'lucide-react';\nimport { PageLayout } from'../../components/PageLayout';\nimport { useCoolAndLovely } from'../../context/CoolAndLovelyContext';\nimport { mockAdminAnalytics, mockDashboardStats } from'../../mocks/data';\nimport { formatCurrency, formatNumber } from'../../utils/formatters';\nimport { cn } from'../../utils/cn';\n\n// ============================================================================\n// Mock Analytics Data (full from legacy)\n// ============================================================================\n\nconst analyticsData = {\n  revenue: {\n    today: 12450,\n    week: 87150,\n    month: 348600,\n    year: 4183200,\n    growth: { daily: 12.5, weekly: 8.3, monthly: 15.2 },\n  },\n  orders: {\n    total: 156,\n    pending: 3,\n    completed: 145,\n    cancelled: 8,\n    averageValue: 285,\n    averagePreparationTime: 18,\n    popularTimes: [\n      { hour: 8, orders: 12 },\n      { hour: 9, orders: 15 },\n      { hour: 10, orders: 18 },\n      { hour: 11, orders: 22 },\n      { hour: 12, orders: 28 },\n      { hour: 13, orders: 32 },\n      { hour: 14, orders: 16 },\n      { hour: 15, orders: 12 },\n      { hour: 16, orders: 14 },\n      { hour: 17, orders: 18 },\n      { hour: 18, orders: 20 },\n      { hour: 19, orders: 25 },\n      { hour: 20, orders: 22 },\n      { hour: 21, orders: 15 },\n    ],\n  },\n  offerings: {\n    topSelling: [\n      { id: '1', name: 'Masala Dosa', quantity: 245, revenue: 19600, category: 'Food & Beverage' },\n      {\n        id: '2',\n        name: 'Haircut Service',\n        quantity: 89,\n        revenue: 11340,\n        category: 'Personal Care & Beauty',\n      },\n      { id: '3', name: 'Filter Coffee', quantity: 312, revenue: 9360, category: 'Food & Beverage' },\n      {\n        id: '4',\n        name: 'Mobile Repair',\n        quantity: 67,\n        revenue: 6680,\n        category: 'Repair & Maintenance',\n      },\n      { id: '5', name: 'Pongal', quantity: 98, revenue: 5880, category: 'Food & Beverage' },\n    ],\n    leastSelling: [\n      { id: '6', name: 'Bisi Bele Bath', quantity: 12, revenue: 1440, category: 'Food & Beverage' },\n      { id: '7', name: 'Cleaning Service', quantity: 8, revenue: 640, category: 'Home Services' },\n      { id: '8', name: 'Kosambari', quantity: 15, revenue: 450, category: 'Food & Beverage' },\n    ],\n    categories: [\n      { category: 'Food & Beverage', revenue: 45000, orders: 450 },\n      { category: 'Personal Care & Beauty', revenue: 25000, orders: 180 },\n      { category: 'Repair & Maintenance', revenue: 15000, orders: 120 },\n      { category: 'Home Services', revenue: 8000, orders: 80 },\n    ],\n  },\n  customers: {\n    total: 342,\n    new: 45,\n    returning: 297,\n    topCustomers: [\n      { id: '1', name: 'Rahul Sharma', orders: 23, totalSpent: 6555 },\n      { id: '2', name: 'Priya Patel', orders: 19, totalSpent: 5415 },\n      { id: '3', name: 'Amit Kumar', orders: 17, totalSpent: 4845 },\n      { id: '4', name: 'Sneha Reddy', orders: 15, totalSpent: 4275 },\n      { id: '5', name: 'Vijay Singh', orders: 14, totalSpent: 3990 },\n    ],\n    satisfaction: { rating: 4.6, reviews: 89, positiveReviews: 78 },\n  },\n  performance: {\n    acceptanceRate: 94,\n    cancellationRate: 6,\n    onTimeDeliveryRate: 88,\n    averageRating: 4.6,\n    peakHours: [\n      { hour: '12-1 PM', orders: 32 },\n      { hour: '1-2 PM', orders: 28 },\n      { hour: '7-8 PM', orders: 25 },\n      { hour: '8-9 PM', orders: 22 },\n    ],\n    peakDays: [\n      { day: 'Sunday', orders: 45 },\n      { day: 'Saturday', orders: 42 },\n      { day: 'Friday', orders: 38 },\n    ],\n  },\n};\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const AnalyticsDashboard = () => {\n  const { navigateTo } = useCoolAndLovely();\n  const [dateRange, setDateRange] = useState('week');\n\n  const maxPopularTime = Math.max(...analyticsData.orders.popularTimes.map((t) => t.orders));\n  const maxCategoryRevenue = Math.max(...analyticsData.offerings.categories.map((c) => c.revenue));\n  const maxPeakHourOrders = Math.max(...analyticsData.performance.peakHours.map((h) => h.orders));\n  const maxPeakDayOrders = Math.max(...analyticsData.performance.peakDays.map((d) => d.orders));\n\n  const formatPct = (v: number) => `${v > 0 ? '+' : ''}${v}%`;\n\n  return (\n    <PageLayout\n      title=\"Analytics Dashboard\"\n      description=\"Business performance insights and data\"\n      actions={\n        <div className=\"flex items-center gap-2\">\n          <select\n            value={dateRange}\n            onChange={(e) => setDateRange(e.target.value)}\n            className=\"rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary\"\n          >\n            <option value=\"today\">Today</option>\n            <option value=\"week\">This Week</option>\n            <option value=\"month\">This Month</option>\n            <option value=\"year\">This Year</option>\n          </select>\n          <button\n            type=\"button\"\n            onClick={() => alert('Export feature coming soon!')}\n            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\"\n          >\n            <Download className=\"h-4 w-4\" />\n            Export\n          </button>\n        </div>\n      }\n    >\n      <div className=\"space-y-6\">\n        {/* Revenue Overview */}\n        <section>\n          <h2 className=\"text-base font-semibold text-text-primary mb-3\">Revenue Overview</h2>\n          <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4\">\n            {[\n              {\n                label: \"Today's Revenue\",\n                value: analyticsData.revenue.today,\n                growth: analyticsData.revenue.growth.daily,\n              },\n              {\n                label: 'This Week',\n                value: analyticsData.revenue.week,\n                growth: analyticsData.revenue.growth.weekly,\n              },\n              {\n                label: 'This Month',\n                value: analyticsData.revenue.month,\n                growth: analyticsData.revenue.growth.monthly,\n              },\n              { label: 'This Year', value: analyticsData.revenue.year, growth: null },\n            ].map((card) => (\n              <div\n                key={card.label}\n                className=\"rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop\"\n              >\n                <div className=\"flex items-center justify-between\">\n                  <div className=\"rounded-md bg-accent p-2\">\n                    <IndianRupee className=\"h-5 w-5 text-text-secondary\" />\n                  </div>\n                  {card.growth !== null && (\n                    <div\n                      className={cn(\n                        'flex items-center gap-1 text-xs font-medium',\n                        card.growth >= 0\n                          ? 'text-status-success-text'\n                          : 'text-status-error-text'\n                      )}\n                    >\n                      {card.growth >= 0 ? (\n                        <ArrowUpRight className=\"h-3.5 w-3.5\" />\n                      ) : (\n                        <ArrowDownRight className=\"h-3.5 w-3.5\" />\n                      )}\n                      {formatPct(card.growth)}\n                    </div>\n                  )}\n                </div>\n                <p className=\"mt-3 text-2xl font-bold text-text-primary\">\n                  {formatCurrency(card.value, { minimumFractionDigits: 0 })}\n                </p>\n                <p className=\"mt-1 text-sm text-text-secondary\">{card.label}</p>\n              </div>\n            ))}\n          </div>\n        </section>\n\n        {/* Order Statistics + Popular Times */}\n        <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-6\">\n          {/* Order Statistics */}\n          <div className=\"rounded-lg border border-border-subtle bg-bg-surface shadow-sm\">\n            <div className=\"border-b border-border-subtle px-5 py-4\">\n              <h2 className=\"text-base font-semibold text-text-primary flex items-center gap-2\">\n                <ShoppingCart className=\"h-4 w-4 text-text-secondary\" />\n                Order Statistics\n              </h2>\n            </div>\n            <div className=\"p-5\">\n              <div className=\"grid grid-cols-2 gap-4 mb-5\">\n                <div>\n                  <p className=\"text-xs text-text-secondary\">Total Orders</p>\n                  <p className=\"text-2xl font-bold text-text-primary\">{analyticsData.orders.total}</p>\n                </div>\n                <div>\n                  <p className=\"text-xs text-text-secondary\">Avg. Order Value</p>\n                  <p className=\"text-2xl font-bold text-text-primary\">\n                    {formatCurrency(analyticsData.orders.averageValue, {\n                      minimumFractionDigits: 0,\n                    })}\n                  </p>\n                </div>\n                <div>\n                  <p className=\"text-xs text-text-secondary\">Completed</p>\n                  <p className=\"text-xl font-bold text-status-success-text\">\n                    {analyticsData.orders.completed}\n                  </p>\n                </div>\n                <div>\n                  <p className=\"text-xs text-text-secondary\">Cancelled</p>\n                  <p className=\"text-xl font-bold text-status-error-text\">\n                    {analyticsData.orders.cancelled}\n                  </p>\n                </div>\n              </div>\n              <div>\n                <p className=\"text-xs text-text-secondary mb-1\">Avg. Preparation Time</p>\n                <p className=\"text-sm font-medium text-text-primary\">\n                  {analyticsData.orders.averagePreparationTime} minutes\n                </p>\n              </div>\n            </div>\n          </div>\n\n          {/* Popular Times */}\n          <div className=\"rounded-lg border border-border-subtle bg-bg-surface shadow-sm\">\n            <div className=\"border-b border-border-subtle px-5 py-4\">\n              <h2 className=\"text-base font-semibold text-text-primary flex items-center gap-2\">\n                <Clock className=\"h-4 w-4 text-text-secondary\" />\n                Popular Times\n              </h2>\n            </div>\n            <div className=\"p-5 space-y-2\">\n              {analyticsData.orders.popularTimes.map((t) => {\n                const pct = (t.orders / maxPopularTime) * 100;\n                const label = `${t.hour}:00`;\n                return (\n                  <div key={t.hour}>\n                    <div className=\"flex items-center justify-between text-xs mb-0.5\">\n                      <span className=\"text-text-primary w-14\">{label}</span>\n                      <span className=\"text-text-secondary\">{t.orders} orders</span>\n                    </div>\n                    <div className=\"h-2 rounded-full bg-bg-sunken overflow-hidden\">\n                      <div\n                        className={cn(\n                          'h-full rounded-full transition-all',\n                          t.orders > 25\n                            ? 'bg-status-error-bg-subtle/60'\n                            : t.orders > 18\n                              ? 'bg-status-warning-bg-subtle/60'\n                              : 'bg-status-success-bg-subtle/60'\n                        )}\n                        style={{ width: `${pct}%` }}\n                      />\n                    </div>\n                  </div>\n                );\n              })}\n            </div>\n          </div>\n        </div>\n\n        {/* Performance Metrics */}\n        <section>\n          <h2 className=\"text-base font-semibold text-text-primary mb-3\">Performance Metrics</h2>\n          <div className=\"grid grid-cols-2 lg:grid-cols-4 gap-4\">\n            {[\n              {\n                label: 'Acceptance Rate',\n                value: `${analyticsData.performance.acceptanceRate}%`,\n                icon: Target,\n                color: 'text-status-success-text',\n              },\n              {\n                label: 'Cancellation Rate',\n                value: `${analyticsData.performance.cancellationRate}%`,\n                icon: Percent,\n                color: 'text-status-error-text',\n              },\n              {\n                label: 'On-Time Delivery',\n                value: `${analyticsData.performance.onTimeDeliveryRate}%`,\n                icon: Clock,\n                color: 'text-accent-blue',\n              },\n              {\n                label: 'Average Rating',\n                value: `${analyticsData.performance.averageRating}`,\n                icon: Star,\n                color: 'text-status-warning-text',\n              },\n            ].map((metric) => {\n              const Icon = metric.icon;\n              return (\n                <div\n                  key={metric.label}\n                  className=\"rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop\"\n                >\n                  <div className=\"flex items-center gap-2 mb-2\">\n                    <Icon className={cn('h-5 w-5', metric.color)} />\n                    <span className=\"text-xs text-text-secondary\">{metric.label}</span>\n                  </div>\n                  <p className={cn('text-2xl font-bold', metric.color)}>{metric.value}</p>\n                </div>\n              );\n            })}\n          </div>\n        </section>\n\n        {/* Top Selling + Category Performance */}\n        <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-6\">\n          {/* Top Selling Offerings */}\n          <div className=\"rounded-lg border border-border-subtle bg-bg-surface shadow-sm\">\n            <div className=\"border-b border-border-subtle px-5 py-4\">\n              <h2 className=\"text-base font-semibold text-text-primary flex items-center gap-2\">\n                <TrendingUp className=\"h-4 w-4 text-text-secondary\" />\n                Top Selling Offerings\n              </h2>\n            </div>\n            <div className=\"divide-y divide-border\">\n              {analyticsData.offerings.topSelling.map((item, i) => (\n                <div key={item.id} className=\"flex items-center justify-between px-5 py-3\">\n                  <div className=\"flex items-center gap-3\">\n                    <span className=\"flex h-6 w-6 items-center justify-center rounded-full bg-bg-sunken text-xs font-medium text-text-secondary\">\n                      {i + 1}\n                    </span>\n                    <div>\n                      <p className=\"text-sm font-medium text-text-primary\">{item.name}</p>\n                      <p className=\"text-xs text-text-secondary\">\n                        {item.category} | {item.quantity} sold\n                      </p>\n                    </div>\n                  </div>\n                  <span className=\"text-sm font-medium text-text-primary\">\n                    {formatCurrency(item.revenue, { minimumFractionDigits: 0 })}\n                  </span>\n                </div>\n              ))}\n            </div>\n            {/* Least Selling */}\n            <div className=\"border-t border-border-subtle px-5 py-3\">\n              <p className=\"text-xs font-medium text-text-secondary mb-2\">Least Selling</p>\n              {analyticsData.offerings.leastSelling.map((item) => (\n                <div key={item.id} className=\"flex items-center justify-between py-1.5\">\n                  <span className=\"text-xs text-text-secondary\">{item.name}</span>\n                  <span className=\"text-xs text-text-secondary\">\n                    {item.quantity} sold |{' '}\n                    {formatCurrency(item.revenue, { minimumFractionDigits: 0 })}\n                  </span>\n                </div>\n              ))}\n            </div>\n          </div>\n\n          {/* Category Performance */}\n          <div className=\"rounded-lg border border-border-subtle bg-bg-surface shadow-sm\">\n            <div className=\"border-b border-border-subtle px-5 py-4\">\n              <h2 className=\"text-base font-semibold text-text-primary flex items-center gap-2\">\n                <BarChart3 className=\"h-4 w-4 text-text-secondary\" />\n                Category Performance\n              </h2>\n            </div>\n            <div className=\"p-5 space-y-4\">\n              {analyticsData.offerings.categories.map((cat) => {\n                const pct = (cat.revenue / maxCategoryRevenue) * 100;\n                return (\n                  <div key={cat.category}>\n                    <div className=\"flex items-center justify-between text-sm mb-1\">\n                      <span className=\"text-text-primary\">{cat.category}</span>\n                      <span className=\"text-text-secondary\">\n                        {formatCurrency(cat.revenue, { minimumFractionDigits: 0 })} ({cat.orders}{' '}\n                        orders)\n                      </span>\n                    </div>\n                    <div className=\"h-2.5 rounded-full bg-bg-sunken overflow-hidden\">\n                      <div\n                        className=\"h-full rounded-full bg-accent-blue-subtle/60\"\n                        style={{ width: `${pct}%` }}\n                      />\n                    </div>\n                  </div>\n                );\n              })}\n            </div>\n          </div>\n        </div>\n\n        {/* Customer Overview + Peak Hours/Days */}\n        <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n          {/* Customer Overview */}\n          <div className=\"lg:col-span-2 rounded-lg border border-border-subtle bg-bg-surface shadow-sm\">\n            <div className=\"border-b border-border-subtle px-5 py-4\">\n              <h2 className=\"text-base font-semibold text-text-primary flex items-center gap-2\">\n                <Users className=\"h-4 w-4 text-text-secondary\" />\n                Customer Overview\n              </h2>\n            </div>\n            <div className=\"p-5\">\n              {/* Customer Stats */}\n              <div className=\"grid grid-cols-2 sm:grid-cols-4 gap-4 mb-5\">\n                <div>\n                  <p className=\"text-xs text-text-secondary\">Total Customers</p>\n                  <p className=\"text-xl font-bold text-text-primary\">\n                    {analyticsData.customers.total}\n                  </p>\n                </div>\n                <div>\n                  <p className=\"text-xs text-text-secondary\">New This Month</p>\n                  <p className=\"text-xl font-bold text-accent-blue\">\n                    {analyticsData.customers.new}\n                  </p>\n                </div>\n                <div>\n                  <p className=\"text-xs text-text-secondary\">Returning</p>\n                  <p className=\"text-xl font-bold text-status-success-text\">\n                    {analyticsData.customers.returning}\n                  </p>\n                </div>\n                <div>\n                  <p className=\"text-xs text-text-secondary\">Satisfaction</p>\n                  <p className=\"text-xl font-bold text-status-warning-text flex items-center gap-1\">\n                    <Star className=\"h-4 w-4 fill-status-warning-text text-status-warning-text\" />\n                    {analyticsData.customers.satisfaction.rating}\n                  </p>\n                </div>\n              </div>\n\n              {/* Top Customers Table */}\n              <p className=\"text-sm font-medium text-text-primary mb-2\">Top Customers</p>\n              <div className=\"overflow-x-auto\">\n                <table className=\"w-full text-sm\">\n                  <thead>\n                    <tr className=\"border-b border-border-subtle\">\n                      <th className=\"py-2 text-left font-medium text-text-secondary\">#</th>\n                      <th className=\"py-2 text-left font-medium text-text-secondary\">Customer</th>\n                      <th className=\"py-2 text-right font-medium text-text-secondary\">Orders</th>\n                      <th className=\"py-2 text-right font-medium text-text-secondary\">\n                        Total Spent\n                      </th>\n                    </tr>\n                  </thead>\n                  <tbody>\n                    {analyticsData.customers.topCustomers.map((cust, i) => (\n                      <tr key={cust.id} className=\"border-b border-border-subtle last:border-0\">\n                        <td className=\"py-2.5 text-text-secondary\">{i + 1}</td>\n                        <td className=\"py-2.5 font-medium text-text-primary\">{cust.name}</td>\n                        <td className=\"py-2.5 text-right text-text-primary\">{cust.orders}</td>\n                        <td className=\"py-2.5 text-right font-medium text-text-primary\">\n                          {formatCurrency(cust.totalSpent, { minimumFractionDigits: 0 })}\n                        </td>\n                      </tr>\n                    ))}\n                  </tbody>\n                </table>\n              </div>\n\n              {/* Reviews Summary */}\n              <div className=\"mt-4 flex items-center gap-4 text-sm\">\n                <div className=\"flex items-center gap-1.5\">\n                  <ThumbsUp className=\"h-4 w-4 text-status-success-text\" />\n                  <span className=\"text-text-secondary\">\n                    {analyticsData.customers.satisfaction.positiveReviews}/\n                    {analyticsData.customers.satisfaction.reviews} positive reviews\n                  </span>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          {/* Peak Hours & Days */}\n          <div className=\"space-y-6\">\n            <div className=\"rounded-lg border border-border-subtle bg-bg-surface shadow-sm\">\n              <div className=\"border-b border-border-subtle px-5 py-4\">\n                <h2 className=\"text-base font-semibold text-text-primary flex items-center gap-2\">\n                  <Clock className=\"h-4 w-4 text-text-secondary\" />\n                  Peak Hours\n                </h2>\n              </div>\n              <div className=\"p-5 space-y-3\">\n                {analyticsData.performance.peakHours.map((h) => {\n                  const pct = (h.orders / maxPeakHourOrders) * 100;\n                  return (\n                    <div key={h.hour}>\n                      <div className=\"flex items-center justify-between text-xs mb-1\">\n                        <span className=\"text-text-primary\">{h.hour}</span>\n                        <span className=\"text-text-secondary\">{h.orders} orders</span>\n                      </div>\n                      <div className=\"h-2 rounded-full bg-bg-sunken overflow-hidden\">\n                        <div\n                          className={cn(\n                            'h-full rounded-full',\n                            h.orders > 28\n                              ? 'bg-status-error-bg-subtle/60'\n                              : h.orders > 22\n                                ? 'bg-status-warning-bg-subtle/60'\n                                : 'bg-status-success-bg-subtle/60'\n                          )}\n                          style={{ width: `${pct}%` }}\n                        />\n                      </div>\n                    </div>\n                  );\n                })}\n              </div>\n            </div>\n\n            <div className=\"rounded-lg border border-border-subtle bg-bg-surface shadow-sm\">\n              <div className=\"border-b border-border-subtle px-5 py-4\">\n                <h2 className=\"text-base font-semibold text-text-primary flex items-center gap-2\">\n                  <CalendarDays className=\"h-4 w-4 text-text-secondary\" />\n                  Peak Days\n                </h2>\n              </div>\n              <div className=\"p-5 space-y-3\">\n                {analyticsData.performance.peakDays.map((d) => {\n                  const pct = (d.orders / maxPeakDayOrders) * 100;\n                  return (\n                    <div key={d.day}>\n                      <div className=\"flex items-center justify-between text-xs mb-1\">\n                        <span className=\"text-text-primary\">{d.day}</span>\n                        <span className=\"text-text-secondary\">{d.orders} orders</span>\n                      </div>\n                      <div className=\"h-2 rounded-full bg-bg-sunken overflow-hidden\">\n                        <div\n                          className=\"h-full rounded-full bg-accent-blue-subtle/60\"\n                          style={{ width: `${pct}%` }}\n                        />\n                      </div>\n                    </div>\n                  );\n                })}\n              </div>\n            </div>\n          </div>\n        </div>\n\n        {/* Order Trends Table (from mockAdminAnalytics) */}\n        <div className=\"rounded-lg border border-border-subtle bg-bg-surface shadow-sm\">\n          <div className=\"border-b border-border-subtle px-5 py-4\">\n            <h2 className=\"text-base font-semibold text-text-primary flex items-center gap-2\">\n              <TrendingUp className=\"h-4 w-4 text-text-secondary\" />\n              Daily Order Trends\n            </h2>\n          </div>\n          <div className=\"overflow-x-auto\">\n            <table className=\"w-full text-sm\">\n              <thead>\n                <tr className=\"border-b border-border-subtle\">\n                  <th className=\"px-5 py-2.5 text-left font-medium text-text-secondary\">Date</th>\n                  <th className=\"px-5 py-2.5 text-right font-medium text-text-secondary\">\n                    Orders\n                  </th>\n                  <th className=\"px-5 py-2.5 text-right font-medium text-text-secondary\">\n                    Revenue\n                  </th>\n                </tr>\n              </thead>\n              <tbody>\n                {mockAdminAnalytics.orderTrends.map((day) => (\n                  <tr key={day.date} className=\"border-b border-border-subtle last:border-0\">\n                    <td className=\"px-5 py-2.5 text-text-primary\">\n                      {new Date(day.date).toLocaleDateString('en-IN', {\n                        day: '2-digit',\n                        month: 'short',\n                      })}\n                    </td>\n                    <td className=\"px-5 py-2.5 text-right text-text-primary\">{day.orders}</td>\n                    <td className=\"px-5 py-2.5 text-right font-medium text-text-primary\">\n                      {formatCurrency(day.revenue, { minimumFractionDigits: 0 })}\n                    </td>\n                  </tr>\n                ))}\n              </tbody>\n            </table>\n          </div>\n        </div>\n\n        {/* Customer Growth Mini Chart (from mockAdminAnalytics) */}\n        <div className=\"rounded-lg border border-border-subtle bg-bg-surface shadow-sm\">\n          <div className=\"border-b border-border-subtle px-5 py-4\">\n            <h2 className=\"text-base font-semibold text-text-primary flex items-center gap-2\">\n              <Users className=\"h-4 w-4 text-text-secondary\" />\n              Monthly Customer Growth\n            </h2>\n          </div>\n          <div className=\"p-5\">\n            <div className=\"flex items-end gap-1.5 h-20\">\n              {mockAdminAnalytics.customerGrowth.map((month) => {\n                const maxNew = Math.max(\n                  ...mockAdminAnalytics.customerGrowth.map((m) => m.newCustomers)\n                );\n                const height = (month.newCustomers / maxNew) * 100;\n                return (\n                  <div\n                    key={month.month}\n                    className=\"flex-1 rounded-t bg-accent-blue-subtle/40 hover:bg-accent-blue-subtle/60 transition-colors cursor-default\"\n                    style={{ height: `${height}%` }}\n                    title={`${month.month}: ${month.newCustomers} new customers`}\n                  />\n                );\n              })}\n            </div>\n            <div className=\"flex justify-between mt-2 text-xs text-text-secondary\">\n              {mockAdminAnalytics.customerGrowth.length > 0 && (\n                <>\n                  <span>{mockAdminAnalytics.customerGrowth[0].month}</span>\n                  <span>\n                    {\n                      mockAdminAnalytics.customerGrowth[\n                        mockAdminAnalytics.customerGrowth.length - 1\n                      ].month\n                    }\n                  </span>\n                </>\n              )}\n            </div>\n          </div>\n        </div>\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"AnalyticsDashboard.js","names":[],"sources":["../../../../src/coolandlovely/pages/cart-owner/AnalyticsDashboard.tsx"],"sourcesContent":["/**\n * Analytics Dashboard Page\n *\n * Revenue overview (today/week/month/year with growth), order statistics,\n * popular times progress bars, performance metrics, top selling offerings,\n * category performance, customer overview with top customers table,\n * peak hours/days, date range selector.\n *\n * @module coolandlovely/pages/cart-owner\n */\n\nimport { useState } from'react';\nimport {\n  IndianRupee,\n  ShoppingCart,\n  Users,\n  TrendingUp,\n  BarChart3,\n  Clock,\n  Star,\n  ArrowUpRight,\n  ArrowDownRight,\n  Download,\n  Target,\n  Percent,\n  ThumbsUp,\n  CalendarDays,\n} from'lucide-react';\nimport { EmphasisPanel, PagePurpose } from'@burdenoff/fe-libs/ui';\nimport { PageLayout } from'../../components/PageLayout';\nimport { useCoolAndLovely } from'../../context/CoolAndLovelyContext';\nimport { mockAdminAnalytics, mockDashboardStats } from'../../mocks/data';\nimport { formatCurrency, formatNumber } from'../../utils/formatters';\nimport { cn } from'../../utils/cn';\n\n// ============================================================================\n// Mock Analytics Data (full from legacy)\n// ============================================================================\n\nconst analyticsData = {\n  revenue: {\n    today: 12450,\n    week: 87150,\n    month: 348600,\n    year: 4183200,\n    growth: { daily: 12.5, weekly: 8.3, monthly: 15.2 },\n  },\n  orders: {\n    total: 156,\n    pending: 3,\n    completed: 145,\n    cancelled: 8,\n    averageValue: 285,\n    averagePreparationTime: 18,\n    popularTimes: [\n      { hour: 8, orders: 12 },\n      { hour: 9, orders: 15 },\n      { hour: 10, orders: 18 },\n      { hour: 11, orders: 22 },\n      { hour: 12, orders: 28 },\n      { hour: 13, orders: 32 },\n      { hour: 14, orders: 16 },\n      { hour: 15, orders: 12 },\n      { hour: 16, orders: 14 },\n      { hour: 17, orders: 18 },\n      { hour: 18, orders: 20 },\n      { hour: 19, orders: 25 },\n      { hour: 20, orders: 22 },\n      { hour: 21, orders: 15 },\n    ],\n  },\n  offerings: {\n    topSelling: [\n      { id: '1', name: 'Masala Dosa', quantity: 245, revenue: 19600, category: 'Food & Beverage' },\n      {\n        id: '2',\n        name: 'Haircut Service',\n        quantity: 89,\n        revenue: 11340,\n        category: 'Personal Care & Beauty',\n      },\n      { id: '3', name: 'Filter Coffee', quantity: 312, revenue: 9360, category: 'Food & Beverage' },\n      {\n        id: '4',\n        name: 'Mobile Repair',\n        quantity: 67,\n        revenue: 6680,\n        category: 'Repair & Maintenance',\n      },\n      { id: '5', name: 'Pongal', quantity: 98, revenue: 5880, category: 'Food & Beverage' },\n    ],\n    leastSelling: [\n      { id: '6', name: 'Bisi Bele Bath', quantity: 12, revenue: 1440, category: 'Food & Beverage' },\n      { id: '7', name: 'Cleaning Service', quantity: 8, revenue: 640, category: 'Home Services' },\n      { id: '8', name: 'Kosambari', quantity: 15, revenue: 450, category: 'Food & Beverage' },\n    ],\n    categories: [\n      { category: 'Food & Beverage', revenue: 45000, orders: 450 },\n      { category: 'Personal Care & Beauty', revenue: 25000, orders: 180 },\n      { category: 'Repair & Maintenance', revenue: 15000, orders: 120 },\n      { category: 'Home Services', revenue: 8000, orders: 80 },\n    ],\n  },\n  customers: {\n    total: 342,\n    new: 45,\n    returning: 297,\n    topCustomers: [\n      { id: '1', name: 'Rahul Sharma', orders: 23, totalSpent: 6555 },\n      { id: '2', name: 'Priya Patel', orders: 19, totalSpent: 5415 },\n      { id: '3', name: 'Amit Kumar', orders: 17, totalSpent: 4845 },\n      { id: '4', name: 'Sneha Reddy', orders: 15, totalSpent: 4275 },\n      { id: '5', name: 'Vijay Singh', orders: 14, totalSpent: 3990 },\n    ],\n    satisfaction: { rating: 4.6, reviews: 89, positiveReviews: 78 },\n  },\n  performance: {\n    acceptanceRate: 94,\n    cancellationRate: 6,\n    onTimeDeliveryRate: 88,\n    averageRating: 4.6,\n    peakHours: [\n      { hour: '12-1 PM', orders: 32 },\n      { hour: '1-2 PM', orders: 28 },\n      { hour: '7-8 PM', orders: 25 },\n      { hour: '8-9 PM', orders: 22 },\n    ],\n    peakDays: [\n      { day: 'Sunday', orders: 45 },\n      { day: 'Saturday', orders: 42 },\n      { day: 'Friday', orders: 38 },\n    ],\n  },\n};\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const AnalyticsDashboard = () => {\n  const { navigateTo } = useCoolAndLovely();\n  const [dateRange, setDateRange] = useState('week');\n\n  const maxPopularTime = Math.max(...analyticsData.orders.popularTimes.map((t) => t.orders));\n  const maxCategoryRevenue = Math.max(...analyticsData.offerings.categories.map((c) => c.revenue));\n  const maxPeakHourOrders = Math.max(...analyticsData.performance.peakHours.map((h) => h.orders));\n  const maxPeakDayOrders = Math.max(...analyticsData.performance.peakDays.map((d) => d.orders));\n\n  const formatPct = (v: number) => `${v > 0 ? '+' : ''}${v}%`;\n\n  return (\n    <PageLayout\n      title=\"Analytics Dashboard\"\n      description=\"Business performance insights and data\"\n      actions={\n        <div className=\"flex items-center gap-2\">\n          <select\n            value={dateRange}\n            onChange={(e) => setDateRange(e.target.value)}\n            className=\"rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary\"\n          >\n            <option value=\"today\">Today</option>\n            <option value=\"week\">This Week</option>\n            <option value=\"month\">This Month</option>\n            <option value=\"year\">This Year</option>\n          </select>\n          <button\n            type=\"button\"\n            onClick={() => alert('Export feature coming soon!')}\n            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\"\n          >\n            <Download className=\"h-4 w-4\" />\n            Export\n          </button>\n        </div>\n      }\n    >\n      <PagePurpose className=\"mb-6\" icon={<BarChart3 className=\"h-4 w-4\" />}>\n        See how your business is actually doing. Track revenue across day, week,\n        month and year, understand your order patterns and busiest times, and\n        export the numbers — turning raw sales into decisions about staffing,\n        stock and hours.\n      </PagePurpose>\n\n      <div className=\"space-y-6\">\n        {/* Revenue Overview — primary emphasis zone */}\n        <EmphasisPanel className=\"p-5\">\n          <h2 className=\"text-base font-semibold text-text-primary mb-3\">Revenue Overview</h2>\n          <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4\">\n            {[\n              {\n                label: \"Today's Revenue\",\n                value: analyticsData.revenue.today,\n                growth: analyticsData.revenue.growth.daily,\n              },\n              {\n                label: 'This Week',\n                value: analyticsData.revenue.week,\n                growth: analyticsData.revenue.growth.weekly,\n              },\n              {\n                label: 'This Month',\n                value: analyticsData.revenue.month,\n                growth: analyticsData.revenue.growth.monthly,\n              },\n              { label: 'This Year', value: analyticsData.revenue.year, growth: null },\n            ].map((card) => (\n              <div\n                key={card.label}\n                className=\"rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop\"\n              >\n                <div className=\"flex items-center justify-between\">\n                  <div className=\"rounded-md bg-accent p-2\">\n                    <IndianRupee className=\"h-5 w-5 text-text-secondary\" />\n                  </div>\n                  {card.growth !== null && (\n                    <div\n                      className={cn(\n                        'flex items-center gap-1 text-xs font-medium',\n                        card.growth >= 0\n                          ? 'text-status-success-text'\n                          : 'text-status-error-text'\n                      )}\n                    >\n                      {card.growth >= 0 ? (\n                        <ArrowUpRight className=\"h-3.5 w-3.5\" />\n                      ) : (\n                        <ArrowDownRight className=\"h-3.5 w-3.5\" />\n                      )}\n                      {formatPct(card.growth)}\n                    </div>\n                  )}\n                </div>\n                <p className=\"mt-3 text-2xl font-bold text-text-primary\">\n                  {formatCurrency(card.value, { minimumFractionDigits: 0 })}\n                </p>\n                <p className=\"mt-1 text-sm text-text-secondary\">{card.label}</p>\n              </div>\n            ))}\n          </div>\n        </EmphasisPanel>\n\n        {/* Order Statistics + Popular Times */}\n        <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-6\">\n          {/* Order Statistics */}\n          <div className=\"rounded-lg border border-border-subtle bg-bg-surface shadow-sm\">\n            <div className=\"border-b border-border-subtle px-5 py-4\">\n              <h2 className=\"text-base font-semibold text-text-primary flex items-center gap-2\">\n                <ShoppingCart className=\"h-4 w-4 text-text-secondary\" />\n                Order Statistics\n              </h2>\n            </div>\n            <div className=\"p-5\">\n              <div className=\"grid grid-cols-2 gap-4 mb-5\">\n                <div>\n                  <p className=\"text-xs text-text-secondary\">Total Orders</p>\n                  <p className=\"text-2xl font-bold text-text-primary\">{analyticsData.orders.total}</p>\n                </div>\n                <div>\n                  <p className=\"text-xs text-text-secondary\">Avg. Order Value</p>\n                  <p className=\"text-2xl font-bold text-text-primary\">\n                    {formatCurrency(analyticsData.orders.averageValue, {\n                      minimumFractionDigits: 0,\n                    })}\n                  </p>\n                </div>\n                <div>\n                  <p className=\"text-xs text-text-secondary\">Completed</p>\n                  <p className=\"text-xl font-bold text-status-success-text\">\n                    {analyticsData.orders.completed}\n                  </p>\n                </div>\n                <div>\n                  <p className=\"text-xs text-text-secondary\">Cancelled</p>\n                  <p className=\"text-xl font-bold text-status-error-text\">\n                    {analyticsData.orders.cancelled}\n                  </p>\n                </div>\n              </div>\n              <div>\n                <p className=\"text-xs text-text-secondary mb-1\">Avg. Preparation Time</p>\n                <p className=\"text-sm font-medium text-text-primary\">\n                  {analyticsData.orders.averagePreparationTime} minutes\n                </p>\n              </div>\n            </div>\n          </div>\n\n          {/* Popular Times */}\n          <div className=\"rounded-lg border border-border-subtle bg-bg-surface shadow-sm\">\n            <div className=\"border-b border-border-subtle px-5 py-4\">\n              <h2 className=\"text-base font-semibold text-text-primary flex items-center gap-2\">\n                <Clock className=\"h-4 w-4 text-text-secondary\" />\n                Popular Times\n              </h2>\n            </div>\n            <div className=\"p-5 space-y-2\">\n              {analyticsData.orders.popularTimes.map((t) => {\n                const pct = (t.orders / maxPopularTime) * 100;\n                const label = `${t.hour}:00`;\n                return (\n                  <div key={t.hour}>\n                    <div className=\"flex items-center justify-between text-xs mb-0.5\">\n                      <span className=\"text-text-primary w-14\">{label}</span>\n                      <span className=\"text-text-secondary\">{t.orders} orders</span>\n                    </div>\n                    <div className=\"h-2 rounded-full bg-bg-sunken overflow-hidden\">\n                      <div\n                        className={cn(\n                          'h-full rounded-full transition-all',\n                          t.orders > 25\n                            ? 'bg-status-error-bg-subtle/60'\n                            : t.orders > 18\n                              ? 'bg-status-warning-bg-subtle/60'\n                              : 'bg-status-success-bg-subtle/60'\n                        )}\n                        style={{ width: `${pct}%` }}\n                      />\n                    </div>\n                  </div>\n                );\n              })}\n            </div>\n          </div>\n        </div>\n\n        {/* Performance Metrics */}\n        <section>\n          <h2 className=\"text-base font-semibold text-text-primary mb-3\">Performance Metrics</h2>\n          <div className=\"grid grid-cols-2 lg:grid-cols-4 gap-4\">\n            {[\n              {\n                label: 'Acceptance Rate',\n                value: `${analyticsData.performance.acceptanceRate}%`,\n                icon: Target,\n                color: 'text-status-success-text',\n              },\n              {\n                label: 'Cancellation Rate',\n                value: `${analyticsData.performance.cancellationRate}%`,\n                icon: Percent,\n                color: 'text-status-error-text',\n              },\n              {\n                label: 'On-Time Delivery',\n                value: `${analyticsData.performance.onTimeDeliveryRate}%`,\n                icon: Clock,\n                color: 'text-accent-blue',\n              },\n              {\n                label: 'Average Rating',\n                value: `${analyticsData.performance.averageRating}`,\n                icon: Star,\n                color: 'text-status-warning-text',\n              },\n            ].map((metric) => {\n              const Icon = metric.icon;\n              return (\n                <div\n                  key={metric.label}\n                  className=\"rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop\"\n                >\n                  <div className=\"flex items-center gap-2 mb-2\">\n                    <Icon className={cn('h-5 w-5', metric.color)} />\n                    <span className=\"text-xs text-text-secondary\">{metric.label}</span>\n                  </div>\n                  <p className={cn('text-2xl font-bold', metric.color)}>{metric.value}</p>\n                </div>\n              );\n            })}\n          </div>\n        </section>\n\n        {/* Top Selling + Category Performance */}\n        <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-6\">\n          {/* Top Selling Offerings */}\n          <div className=\"rounded-lg border border-border-subtle bg-bg-surface shadow-sm\">\n            <div className=\"border-b border-border-subtle px-5 py-4\">\n              <h2 className=\"text-base font-semibold text-text-primary flex items-center gap-2\">\n                <TrendingUp className=\"h-4 w-4 text-text-secondary\" />\n                Top Selling Offerings\n              </h2>\n            </div>\n            <div className=\"divide-y divide-border\">\n              {analyticsData.offerings.topSelling.map((item, i) => (\n                <div key={item.id} className=\"flex items-center justify-between px-5 py-3\">\n                  <div className=\"flex items-center gap-3\">\n                    <span className=\"flex h-6 w-6 items-center justify-center rounded-full bg-bg-sunken text-xs font-medium text-text-secondary\">\n                      {i + 1}\n                    </span>\n                    <div>\n                      <p className=\"text-sm font-medium text-text-primary\">{item.name}</p>\n                      <p className=\"text-xs text-text-secondary\">\n                        {item.category} | {item.quantity} sold\n                      </p>\n                    </div>\n                  </div>\n                  <span className=\"text-sm font-medium text-text-primary\">\n                    {formatCurrency(item.revenue, { minimumFractionDigits: 0 })}\n                  </span>\n                </div>\n              ))}\n            </div>\n            {/* Least Selling */}\n            <div className=\"border-t border-border-subtle px-5 py-3\">\n              <p className=\"text-xs font-medium text-text-secondary mb-2\">Least Selling</p>\n              {analyticsData.offerings.leastSelling.map((item) => (\n                <div key={item.id} className=\"flex items-center justify-between py-1.5\">\n                  <span className=\"text-xs text-text-secondary\">{item.name}</span>\n                  <span className=\"text-xs text-text-secondary\">\n                    {item.quantity} sold |{' '}\n                    {formatCurrency(item.revenue, { minimumFractionDigits: 0 })}\n                  </span>\n                </div>\n              ))}\n            </div>\n          </div>\n\n          {/* Category Performance */}\n          <div className=\"rounded-lg border border-border-subtle bg-bg-surface shadow-sm\">\n            <div className=\"border-b border-border-subtle px-5 py-4\">\n              <h2 className=\"text-base font-semibold text-text-primary flex items-center gap-2\">\n                <BarChart3 className=\"h-4 w-4 text-text-secondary\" />\n                Category Performance\n              </h2>\n            </div>\n            <div className=\"p-5 space-y-4\">\n              {analyticsData.offerings.categories.map((cat) => {\n                const pct = (cat.revenue / maxCategoryRevenue) * 100;\n                return (\n                  <div key={cat.category}>\n                    <div className=\"flex items-center justify-between text-sm mb-1\">\n                      <span className=\"text-text-primary\">{cat.category}</span>\n                      <span className=\"text-text-secondary\">\n                        {formatCurrency(cat.revenue, { minimumFractionDigits: 0 })} ({cat.orders}{' '}\n                        orders)\n                      </span>\n                    </div>\n                    <div className=\"h-2.5 rounded-full bg-bg-sunken overflow-hidden\">\n                      <div\n                        className=\"h-full rounded-full bg-accent-blue-subtle/60\"\n                        style={{ width: `${pct}%` }}\n                      />\n                    </div>\n                  </div>\n                );\n              })}\n            </div>\n          </div>\n        </div>\n\n        {/* Customer Overview + Peak Hours/Days */}\n        <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n          {/* Customer Overview */}\n          <div className=\"lg:col-span-2 rounded-lg border border-border-subtle bg-bg-surface shadow-sm\">\n            <div className=\"border-b border-border-subtle px-5 py-4\">\n              <h2 className=\"text-base font-semibold text-text-primary flex items-center gap-2\">\n                <Users className=\"h-4 w-4 text-text-secondary\" />\n                Customer Overview\n              </h2>\n            </div>\n            <div className=\"p-5\">\n              {/* Customer Stats */}\n              <div className=\"grid grid-cols-2 sm:grid-cols-4 gap-4 mb-5\">\n                <div>\n                  <p className=\"text-xs text-text-secondary\">Total Customers</p>\n                  <p className=\"text-xl font-bold text-text-primary\">\n                    {analyticsData.customers.total}\n                  </p>\n                </div>\n                <div>\n                  <p className=\"text-xs text-text-secondary\">New This Month</p>\n                  <p className=\"text-xl font-bold text-accent-blue\">\n                    {analyticsData.customers.new}\n                  </p>\n                </div>\n                <div>\n                  <p className=\"text-xs text-text-secondary\">Returning</p>\n                  <p className=\"text-xl font-bold text-status-success-text\">\n                    {analyticsData.customers.returning}\n                  </p>\n                </div>\n                <div>\n                  <p className=\"text-xs text-text-secondary\">Satisfaction</p>\n                  <p className=\"text-xl font-bold text-status-warning-text flex items-center gap-1\">\n                    <Star className=\"h-4 w-4 fill-status-warning-text text-status-warning-text\" />\n                    {analyticsData.customers.satisfaction.rating}\n                  </p>\n                </div>\n              </div>\n\n              {/* Top Customers Table */}\n              <p className=\"text-sm font-medium text-text-primary mb-2\">Top Customers</p>\n              <div className=\"overflow-x-auto\">\n                <table className=\"w-full text-sm\">\n                  <thead>\n                    <tr className=\"border-b border-border-subtle\">\n                      <th className=\"py-2 text-left font-medium text-text-secondary\">#</th>\n                      <th className=\"py-2 text-left font-medium text-text-secondary\">Customer</th>\n                      <th className=\"py-2 text-right font-medium text-text-secondary\">Orders</th>\n                      <th className=\"py-2 text-right font-medium text-text-secondary\">\n                        Total Spent\n                      </th>\n                    </tr>\n                  </thead>\n                  <tbody>\n                    {analyticsData.customers.topCustomers.map((cust, i) => (\n                      <tr key={cust.id} className=\"border-b border-border-subtle last:border-0\">\n                        <td className=\"py-2.5 text-text-secondary\">{i + 1}</td>\n                        <td className=\"py-2.5 font-medium text-text-primary\">{cust.name}</td>\n                        <td className=\"py-2.5 text-right text-text-primary\">{cust.orders}</td>\n                        <td className=\"py-2.5 text-right font-medium text-text-primary\">\n                          {formatCurrency(cust.totalSpent, { minimumFractionDigits: 0 })}\n                        </td>\n                      </tr>\n                    ))}\n                  </tbody>\n                </table>\n              </div>\n\n              {/* Reviews Summary */}\n              <div className=\"mt-4 flex items-center gap-4 text-sm\">\n                <div className=\"flex items-center gap-1.5\">\n                  <ThumbsUp className=\"h-4 w-4 text-status-success-text\" />\n                  <span className=\"text-text-secondary\">\n                    {analyticsData.customers.satisfaction.positiveReviews}/\n                    {analyticsData.customers.satisfaction.reviews} positive reviews\n                  </span>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          {/* Peak Hours & Days */}\n          <div className=\"space-y-6\">\n            <div className=\"rounded-lg border border-border-subtle bg-bg-surface shadow-sm\">\n              <div className=\"border-b border-border-subtle px-5 py-4\">\n                <h2 className=\"text-base font-semibold text-text-primary flex items-center gap-2\">\n                  <Clock className=\"h-4 w-4 text-text-secondary\" />\n                  Peak Hours\n                </h2>\n              </div>\n              <div className=\"p-5 space-y-3\">\n                {analyticsData.performance.peakHours.map((h) => {\n                  const pct = (h.orders / maxPeakHourOrders) * 100;\n                  return (\n                    <div key={h.hour}>\n                      <div className=\"flex items-center justify-between text-xs mb-1\">\n                        <span className=\"text-text-primary\">{h.hour}</span>\n                        <span className=\"text-text-secondary\">{h.orders} orders</span>\n                      </div>\n                      <div className=\"h-2 rounded-full bg-bg-sunken overflow-hidden\">\n                        <div\n                          className={cn(\n                            'h-full rounded-full',\n                            h.orders > 28\n                              ? 'bg-status-error-bg-subtle/60'\n                              : h.orders > 22\n                                ? 'bg-status-warning-bg-subtle/60'\n                                : 'bg-status-success-bg-subtle/60'\n                          )}\n                          style={{ width: `${pct}%` }}\n                        />\n                      </div>\n                    </div>\n                  );\n                })}\n              </div>\n            </div>\n\n            <div className=\"rounded-lg border border-border-subtle bg-bg-surface shadow-sm\">\n              <div className=\"border-b border-border-subtle px-5 py-4\">\n                <h2 className=\"text-base font-semibold text-text-primary flex items-center gap-2\">\n                  <CalendarDays className=\"h-4 w-4 text-text-secondary\" />\n                  Peak Days\n                </h2>\n              </div>\n              <div className=\"p-5 space-y-3\">\n                {analyticsData.performance.peakDays.map((d) => {\n                  const pct = (d.orders / maxPeakDayOrders) * 100;\n                  return (\n                    <div key={d.day}>\n                      <div className=\"flex items-center justify-between text-xs mb-1\">\n                        <span className=\"text-text-primary\">{d.day}</span>\n                        <span className=\"text-text-secondary\">{d.orders} orders</span>\n                      </div>\n                      <div className=\"h-2 rounded-full bg-bg-sunken overflow-hidden\">\n                        <div\n                          className=\"h-full rounded-full bg-accent-blue-subtle/60\"\n                          style={{ width: `${pct}%` }}\n                        />\n                      </div>\n                    </div>\n                  );\n                })}\n              </div>\n            </div>\n          </div>\n        </div>\n\n        {/* Order Trends Table (from mockAdminAnalytics) */}\n        <div className=\"rounded-lg border border-border-subtle bg-bg-surface shadow-sm\">\n          <div className=\"border-b border-border-subtle px-5 py-4\">\n            <h2 className=\"text-base font-semibold text-text-primary flex items-center gap-2\">\n              <TrendingUp className=\"h-4 w-4 text-text-secondary\" />\n              Daily Order Trends\n            </h2>\n          </div>\n          <div className=\"overflow-x-auto\">\n            <table className=\"w-full text-sm\">\n              <thead>\n                <tr className=\"border-b border-border-subtle\">\n                  <th className=\"px-5 py-2.5 text-left font-medium text-text-secondary\">Date</th>\n                  <th className=\"px-5 py-2.5 text-right font-medium text-text-secondary\">\n                    Orders\n                  </th>\n                  <th className=\"px-5 py-2.5 text-right font-medium text-text-secondary\">\n                    Revenue\n                  </th>\n                </tr>\n              </thead>\n              <tbody>\n                {mockAdminAnalytics.orderTrends.map((day) => (\n                  <tr key={day.date} className=\"border-b border-border-subtle last:border-0\">\n                    <td className=\"px-5 py-2.5 text-text-primary\">\n                      {new Date(day.date).toLocaleDateString('en-IN', {\n                        day: '2-digit',\n                        month: 'short',\n                      })}\n                    </td>\n                    <td className=\"px-5 py-2.5 text-right text-text-primary\">{day.orders}</td>\n                    <td className=\"px-5 py-2.5 text-right font-medium text-text-primary\">\n                      {formatCurrency(day.revenue, { minimumFractionDigits: 0 })}\n                    </td>\n                  </tr>\n                ))}\n              </tbody>\n            </table>\n          </div>\n        </div>\n\n        {/* Customer Growth Mini Chart (from mockAdminAnalytics) */}\n        <div className=\"rounded-lg border border-border-subtle bg-bg-surface shadow-sm\">\n          <div className=\"border-b border-border-subtle px-5 py-4\">\n            <h2 className=\"text-base font-semibold text-text-primary flex items-center gap-2\">\n              <Users className=\"h-4 w-4 text-text-secondary\" />\n              Monthly Customer Growth\n            </h2>\n          </div>\n          <div className=\"p-5\">\n            <div className=\"flex items-end gap-1.5 h-20\">\n              {mockAdminAnalytics.customerGrowth.map((month) => {\n                const maxNew = Math.max(\n                  ...mockAdminAnalytics.customerGrowth.map((m) => m.newCustomers)\n                );\n                const height = (month.newCustomers / maxNew) * 100;\n                return (\n                  <div\n                    key={month.month}\n                    className=\"flex-1 rounded-t bg-accent-blue-subtle/40 hover:bg-accent-blue-subtle/60 transition-colors cursor-default\"\n                    style={{ height: `${height}%` }}\n                    title={`${month.month}: ${month.newCustomers} new customers`}\n                  />\n                );\n              })}\n            </div>\n            <div className=\"flex justify-between mt-2 text-xs text-text-secondary\">\n              {mockAdminAnalytics.customerGrowth.length > 0 && (\n                <>\n                  <span>{mockAdminAnalytics.customerGrowth[0].month}</span>\n                  <span>\n                    {\n                      mockAdminAnalytics.customerGrowth[\n                        mockAdminAnalytics.customerGrowth.length - 1\n                      ].month\n                    }\n                  </span>\n                </>\n              )}\n            </div>\n          </div>\n        </div>\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}