@burdenoff/microfe-kadaikodi 2026.704.4 → 2026.710.1

package/dist/kadaikodi/pages/admin/AdminFinancialPage.js

@@ -1,169 +1,229 @@
 import { useKadaikodi as e } from "../../context/KadaikodiContext.js";
 import { PageLayout as t } from "../../components/PageLayout.js";
-import { MetricsCard as n } from "../../components/MetricsCard.js";
-import { EmptyState as r } from "../../components/EmptyState.js";
-import { useAdminAnalytics as i, useDashboardStats as a } from "../../hooks/useKadaikodiApi.js";
-import { formatCurrency as o } from "../../utils/formatters.js";
-import { useMemo as s } from "react";
-import { ArrowLeft as c, Award as l, BarChart3 as u, Calendar as d, Clock as f, Download as p, IndianRupee as m, Loader2 as h, ShoppingBag as g, ShoppingCart as _, Star as v, Store as y, TrendingUp as b } from "lucide-react";
-import { jsx as x, jsxs as S } from "react/jsx-runtime";
-import { EmphasisPanel as C, PagePurpose as w } from "@burdenoff/fe-libs/ui";
+import { EmptyState as n } from "../../components/EmptyState.js";
+import { useAdminAnalytics as r, useDashboardStats as i } from "../../hooks/useKadaikodiApi.js";
+import { formatCurrency as a } from "../../utils/formatters.js";
+import { AreaChart as o } from "../../components/viz/AreaChart.js";
+import { DonutChart as s } from "../../components/viz/DonutChart.js";
+import { StatCard as c } from "../../components/viz/StatCard.js";
+import "../../components/viz/index.js";
+import { useMemo as l } from "react";
+import { ArrowLeft as u, Award as d, BarChart3 as f, Calendar as p, Clock as m, Download as h, IndianRupee as g, Loader2 as _, ShoppingBag as v, ShoppingCart as y, Star as b, Store as x, TrendingUp as S } from "lucide-react";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
+import { GlassCard as T, PagePurpose as E } from "@burdenoff/fe-libs/ui";
 //#region src/kadaikodi/pages/admin/AdminFinancialPage.tsx
-function T() {
-	let { navigateTo: T } = e(), { data: E, isLoading: D } = a(), { data: O, isLoading: k } = i(), A = D || k, j = (e) => o(e, { minimumFractionDigits: 0 }), M = s(() => E && E.totalOrders > 0 ? E.totalRevenue / E.totalOrders : 0, [E]), N = s(() => {
-		let e = Object.entries(O?.categoryDistribution ?? {}), t = e.reduce((e, [, t]) => e + t, 0);
+var D = (e) => {
+	let t = new Date(e);
+	return t.setHours(0, 0, 0, 0), t.getTime();
+}, O = (e) => new Date(e).toLocaleDateString("en-IN", {
+	day: "numeric",
+	month: "short"
+}), k = (e) => e.replace(/_/g, " ").toLowerCase().replace(/\b\w/g, (e) => e.toUpperCase());
+function A() {
+	let { navigateTo: A } = e(), { data: j, isLoading: M } = i(), { data: N, isLoading: P } = r(), F = M || P, I = (e) => a(e, { minimumFractionDigits: 0 }), L = l(() => j && j.totalOrders > 0 ? j.totalRevenue / j.totalOrders : 0, [j]), R = l(() => {
+		let e = Object.entries(N?.categoryDistribution ?? {}), t = e.reduce((e, [, t]) => e + t, 0);
 		return e.map(([e, n]) => ({
 			category: e,
 			count: n,
 			percentage: t > 0 ? n / t * 100 : 0
 		})).sort((e, t) => t.count - e.count);
-	}, [O]), P = O?.topProviders ?? [], F = O?.orderTrends ?? [], I = (e) => e.replace(/_/g, " ").toLowerCase(), L = (e) => e === "delivered" ? "bg-status-success-bg-subtle text-status-success-text" : e === "cancelled" ? "bg-status-error-bg-subtle text-status-error-text" : "bg-status-warning-bg-subtle text-status-warning-text", R = () => {
+	}, [N]), z = N?.topProviders ?? [], B = N?.orderTrends ?? [], V = l(() => {
+		if (B.length === 0) return [];
+		let e = /* @__PURE__ */ new Map();
+		for (let t of B) {
+			let n = D(new Date(t.createdAt));
+			e.set(n, (e.get(n) ?? 0) + (t.total ?? 0));
+		}
+		return [...e.entries()].sort((e, t) => e[0] - t[0]).map(([e, t]) => ({
+			label: O(e),
+			value: t
+		}));
+	}, [B]), H = l(() => Object.entries(N?.categoryDistribution ?? {}).sort((e, t) => t[1] - e[1]).map(([e, t]) => ({
+		label: k(e),
+		value: t
+	})), [N]), U = l(() => H.reduce((e, t) => e + t.value, 0), [H]), W = (e) => e.replace(/_/g, " ").toLowerCase(), G = (e) => e === "delivered" ? "bg-status-success-bg-subtle text-status-success-text" : e === "cancelled" ? "bg-status-error-bg-subtle text-status-error-text" : "bg-status-warning-bg-subtle text-status-warning-text", K = () => {
 		let e = [];
-		e.push("Kadaikodi Financial Report"), e.push(""), e.push("Metric,Value"), e.push(`Total Revenue,${E?.totalRevenue ?? 0}`), e.push(`Total Orders,${E?.totalOrders ?? 0}`), e.push(`Average Order Value,${Math.round(M)}`), e.push(`Pending Orders,${E?.pendingOrders ?? 0}`), e.push(""), e.push("Cart Category Distribution"), e.push("Category,Carts,Share %"), N.forEach((t) => {
+		e.push("Kadaikodi Financial Report"), e.push(""), e.push("Metric,Value"), e.push(`Total Revenue,${j?.totalRevenue ?? 0}`), e.push(`Total Orders,${j?.totalOrders ?? 0}`), e.push(`Average Order Value,${Math.round(L)}`), e.push(`Pending Orders,${j?.pendingOrders ?? 0}`), e.push(""), e.push("Cart Category Distribution"), e.push("Category,Carts,Share %"), R.forEach((t) => {
 			e.push(`${t.category},${t.count},${(t.percentage ?? 0).toFixed(1)}`);
-		}), e.push(""), e.push("Top Performing Carts"), e.push("Cart,Category,Rating"), P.forEach((t) => {
+		}), e.push(""), e.push("Top Performing Carts"), e.push("Cart,Category,Rating"), z.forEach((t) => {
 			e.push(`${t.name},${t.category},${t.rating ?? 0}`);
-		}), e.push(""), e.push("Recent Orders"), e.push("Date,Status,Amount"), F.forEach((t) => {
+		}), e.push(""), e.push("Recent Orders"), e.push("Date,Status,Amount"), B.forEach((t) => {
 			e.push(`${new Date(t.createdAt).toISOString().slice(0, 10)},${t.status},${t.total ?? 0}`);
 		});
 		let t = new Blob([e.join("\n")], { type: "text/csv;charset=utf-8;" }), n = URL.createObjectURL(t), r = document.createElement("a");
 		r.href = n, r.download = `kadaikodi-financial-report-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.csv`, r.click(), URL.revokeObjectURL(n);
-	}, z = (e) => e < 3 ? /* @__PURE__ */ x(l, { className: "h-5 w-5 text-status-warning-text" }) : /* @__PURE__ */ x("span", {
+	}, q = (e) => e < 3 ? /* @__PURE__ */ C(d, { className: "h-5 w-5 text-status-warning-text" }) : /* @__PURE__ */ C("span", {
 		className: "flex h-5 w-5 items-center justify-center rounded-full bg-bg-sunken text-xs font-bold text-text-secondary",
 		children: e + 1
 	});
-	return A ? /* @__PURE__ */ x(t, {
+	return F ? /* @__PURE__ */ C(t, {
 		title: "Financial Reports",
 		description: "Loading financial data...",
-		children: /* @__PURE__ */ S("div", {
+		children: /* @__PURE__ */ w("div", {
 			className: "flex flex-col items-center justify-center py-20",
-			children: [/* @__PURE__ */ x(h, { className: "h-10 w-10 animate-spin text-text-secondary mb-4" }), /* @__PURE__ */ x("p", {
+			children: [/* @__PURE__ */ C(_, { className: "h-10 w-10 animate-spin text-text-secondary mb-4" }), /* @__PURE__ */ C("p", {
 				className: "text-text-secondary",
 				children: "Loading financial data..."
 			})]
 		})
-	}) : E ? /* @__PURE__ */ S(t, {
+	}) : j ? /* @__PURE__ */ w(t, {
 		title: "Financial Reports",
 		description: "Revenue, top carts and financial trends",
-		actions: /* @__PURE__ */ S("div", {
+		actions: /* @__PURE__ */ w("div", {
 			className: "flex flex-col sm:flex-row items-stretch sm:items-center gap-3",
-			children: [/* @__PURE__ */ S("button", {
+			children: [/* @__PURE__ */ w("button", {
 				type: "button",
-				onClick: () => T("/admin"),
+				onClick: () => A("/admin"),
 				className: "flex items-center gap-1.5 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
-				children: [/* @__PURE__ */ x(c, { className: "h-4 w-4" }), " Back"]
-			}), /* @__PURE__ */ S("button", {
+				children: [/* @__PURE__ */ C(u, { className: "h-4 w-4" }), " Back"]
+			}), /* @__PURE__ */ w("button", {
 				type: "button",
-				onClick: R,
+				onClick: K,
 				className: "flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors",
-				children: [/* @__PURE__ */ x(p, { className: "h-4 w-4" }), " Export Report"]
+				children: [/* @__PURE__ */ C(h, { className: "h-4 w-4" }), " Export Report"]
 			})]
 		}),
 		children: [
-			/* @__PURE__ */ x(w, {
+			/* @__PURE__ */ C(E, {
 				className: "mb-6",
 				children: "The money view of Kadaikodi. Track total revenue and order volume, see which carts and categories drive the most business, and watch how orders trend over time — then export a CSV for accounting or investor updates."
 			}),
-			/* @__PURE__ */ S(C, {
-				className: "mb-8",
-				children: [/* @__PURE__ */ x("h2", {
-					className: "mb-4 text-lg font-semibold text-text-primary",
-					children: "Financial Summary"
-				}), /* @__PURE__ */ S("div", {
-					className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4",
-					children: [
-						/* @__PURE__ */ x(n, {
-							featured: !0,
-							icon: /* @__PURE__ */ x(m, { className: "h-5 w-5" }),
-							value: j(E.totalRevenue),
-							label: "Total Revenue"
-						}),
-						/* @__PURE__ */ x(n, {
-							icon: /* @__PURE__ */ x(g, { className: "h-5 w-5" }),
-							value: (E.totalOrders ?? 0).toLocaleString("en-IN"),
-							label: "Total Orders"
-						}),
-						/* @__PURE__ */ x(n, {
-							icon: /* @__PURE__ */ x(b, { className: "h-5 w-5" }),
-							value: j(M),
-							label: "Avg Order Value"
-						}),
-						/* @__PURE__ */ x(n, {
-							icon: /* @__PURE__ */ x(f, { className: "h-5 w-5" }),
-							value: (E.pendingOrders ?? 0).toLocaleString("en-IN"),
-							label: "Pending Orders"
-						})
-					]
+			/* @__PURE__ */ w("div", {
+				className: "mb-8 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
+				children: [
+					/* @__PURE__ */ C(c, {
+						label: "Total Revenue",
+						value: I(j.totalRevenue),
+						icon: /* @__PURE__ */ C(g, { className: "h-4 w-4" }),
+						sparkline: V.map((e) => e.value),
+						sparklineVariant: "area"
+					}),
+					/* @__PURE__ */ C(c, {
+						label: "Total Orders",
+						value: (j.totalOrders ?? 0).toLocaleString("en-IN"),
+						icon: /* @__PURE__ */ C(v, { className: "h-4 w-4" })
+					}),
+					/* @__PURE__ */ C(c, {
+						label: "Avg Order Value",
+						value: I(L),
+						icon: /* @__PURE__ */ C(S, { className: "h-4 w-4" })
+					}),
+					/* @__PURE__ */ C(c, {
+						label: "Pending Orders",
+						value: (j.pendingOrders ?? 0).toLocaleString("en-IN"),
+						icon: /* @__PURE__ */ C(m, { className: "h-4 w-4" })
+					})
+				]
+			}),
+			/* @__PURE__ */ w("div", {
+				className: "mb-8 grid grid-cols-1 gap-6 lg:grid-cols-3",
+				children: [/* @__PURE__ */ w(T, {
+					treatment: "plain",
+					className: "p-6 lg:col-span-2",
+					children: [/* @__PURE__ */ w("div", {
+						className: "mb-4 flex items-center justify-between gap-2",
+						children: [/* @__PURE__ */ C("h3", {
+							className: "text-base font-semibold text-text-primary",
+							children: "GMV over time"
+						}), /* @__PURE__ */ C("span", {
+							className: "text-xs text-text-muted",
+							children: "Recent orders"
+						})]
+					}), V.length > 0 ? /* @__PURE__ */ C(o, {
+						series: V,
+						height: 220,
+						valueFormatter: (e) => I(e),
+						title: "Gross merchandise value over recent orders"
+					}) : /* @__PURE__ */ C("p", {
+						className: "text-sm text-text-secondary",
+						children: "GMV will chart here once orders are placed."
+					})]
+				}), /* @__PURE__ */ w(T, {
+					treatment: "plain",
+					className: "p-6",
+					children: [/* @__PURE__ */ C("h3", {
+						className: "mb-4 text-base font-semibold text-text-primary",
+						children: "Carts by Category"
+					}), H.length > 0 ? /* @__PURE__ */ C(s, {
+						segments: H,
+						size: 150,
+						centerLabel: U.toLocaleString("en-IN"),
+						centerCaption: "carts",
+						valueFormatter: (e) => e.toLocaleString("en-IN")
+					}) : /* @__PURE__ */ C("p", {
+						className: "text-sm text-text-secondary",
+						children: "Categories will appear here as carts are onboarded."
+					})]
 				})]
 			}),
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ w("div", {
 				className: "grid grid-cols-1 lg:grid-cols-2 gap-6 mb-8",
-				children: [/* @__PURE__ */ S("div", {
+				children: [/* @__PURE__ */ w("div", {
 					className: "rounded-lg border border-border-subtle bg-bg-surface p-6",
-					children: [/* @__PURE__ */ S("div", {
+					children: [/* @__PURE__ */ w("div", {
 						className: "flex items-center gap-2 mb-4",
-						children: [/* @__PURE__ */ x(_, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ x("h3", {
+						children: [/* @__PURE__ */ C(y, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ C("h3", {
 							className: "text-lg font-semibold text-text-primary",
 							children: "Top Performing Carts"
 						})]
-					}), P.length > 0 ? /* @__PURE__ */ x("div", {
+					}), z.length > 0 ? /* @__PURE__ */ C("div", {
 						className: "space-y-3",
-						children: P.map((e, t) => /* @__PURE__ */ S("div", {
+						children: z.map((e, t) => /* @__PURE__ */ w("div", {
 							className: "flex items-center justify-between rounded-lg bg-bg-sunken/50 p-3",
-							children: [/* @__PURE__ */ S("div", {
+							children: [/* @__PURE__ */ w("div", {
 								className: "flex items-center gap-3",
-								children: [z(t), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+								children: [q(t), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
 									className: "text-sm font-medium text-text-primary",
 									children: e.name
-								}), /* @__PURE__ */ x("p", {
+								}), /* @__PURE__ */ C("p", {
 									className: "text-xs text-text-secondary capitalize",
-									children: I(e.category)
+									children: W(e.category)
 								})] })]
-							}), /* @__PURE__ */ S("p", {
+							}), /* @__PURE__ */ w("p", {
 								className: "text-sm font-semibold text-text-primary flex items-center gap-1",
-								children: [/* @__PURE__ */ x(v, { className: "h-3.5 w-3.5 fill-status-warning-text text-status-warning-text" }), (e.rating ?? 0).toFixed(1)]
+								children: [/* @__PURE__ */ C(b, { className: "h-3.5 w-3.5 fill-status-warning-text text-status-warning-text" }), (e.rating ?? 0).toFixed(1)]
 							})]
 						}, e.id))
-					}) : /* @__PURE__ */ x("p", {
+					}) : /* @__PURE__ */ C("p", {
 						className: "text-sm text-text-secondary",
 						children: "Top-performing carts will be ranked here once orders start flowing."
 					})]
-				}), /* @__PURE__ */ S("div", {
+				}), /* @__PURE__ */ w("div", {
 					className: "rounded-lg border border-border-subtle bg-bg-surface p-6",
-					children: [/* @__PURE__ */ S("div", {
+					children: [/* @__PURE__ */ w("div", {
 						className: "flex items-center gap-2 mb-4",
-						children: [/* @__PURE__ */ x(u, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ x("h3", {
+						children: [/* @__PURE__ */ C(f, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ C("h3", {
 							className: "text-lg font-semibold text-text-primary",
 							children: "Cart Category Distribution"
 						})]
-					}), N.length > 0 ? /* @__PURE__ */ x("div", {
+					}), R.length > 0 ? /* @__PURE__ */ C("div", {
 						className: "space-y-3",
-						children: N.map((e) => /* @__PURE__ */ S("div", { children: [
-							/* @__PURE__ */ S("div", {
+						children: R.map((e) => /* @__PURE__ */ w("div", { children: [
+							/* @__PURE__ */ w("div", {
 								className: "flex items-center justify-between mb-1",
-								children: [/* @__PURE__ */ x("span", {
+								children: [/* @__PURE__ */ C("span", {
 									className: "text-sm font-medium text-text-primary capitalize",
-									children: I(e.category)
-								}), /* @__PURE__ */ S("span", {
+									children: W(e.category)
+								}), /* @__PURE__ */ w("span", {
 									className: "text-sm text-text-secondary",
 									children: [(e.percentage ?? 0).toFixed(1), "%"]
 								})]
 							}),
-							/* @__PURE__ */ x("div", {
+							/* @__PURE__ */ C("div", {
 								className: "w-full bg-bg-sunken rounded-full h-2",
-								children: /* @__PURE__ */ x("div", {
+								children: /* @__PURE__ */ C("div", {
 									className: "bg-action-primary-bg h-2 rounded-full transition-all duration-300",
 									style: { width: `${e.percentage}%` }
 								})
 							}),
-							/* @__PURE__ */ x("div", {
+							/* @__PURE__ */ C("div", {
 								className: "text-right mt-1",
-								children: /* @__PURE__ */ S("span", {
+								children: /* @__PURE__ */ w("span", {
 									className: "text-sm font-semibold text-text-primary",
 									children: [
 										(e.count ?? 0).toLocaleString("en-IN"),
 										" ",
-										/* @__PURE__ */ x("span", {
+										/* @__PURE__ */ C("span", {
 											className: "text-xs font-normal text-text-secondary",
 											children: e.count === 1 ? "cart" : "carts"
 										})
@@ -171,46 +231,46 @@ function T() {
 								})
 							})
 						] }, e.category))
-					}) : /* @__PURE__ */ x("p", {
+					}) : /* @__PURE__ */ C("p", {
 						className: "text-sm text-text-secondary",
 						children: "Cart categories will appear here as carts are onboarded."
 					})]
 				})]
 			}),
-			F.length > 0 && /* @__PURE__ */ S("div", {
+			B.length > 0 && /* @__PURE__ */ w("div", {
 				className: "rounded-lg border border-border-subtle bg-bg-surface p-6 mb-8",
-				children: [/* @__PURE__ */ S("div", {
+				children: [/* @__PURE__ */ w("div", {
 					className: "flex items-center gap-2 mb-4",
-					children: [/* @__PURE__ */ x(d, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ x("h3", {
+					children: [/* @__PURE__ */ C(p, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ C("h3", {
 						className: "text-lg font-semibold text-text-primary",
 						children: "Recent Orders"
 					})]
-				}), /* @__PURE__ */ x("div", {
+				}), /* @__PURE__ */ C("div", {
 					className: "overflow-x-auto",
-					children: /* @__PURE__ */ S("table", {
+					children: /* @__PURE__ */ w("table", {
 						className: "w-full",
-						children: [/* @__PURE__ */ x("thead", { children: /* @__PURE__ */ S("tr", {
+						children: [/* @__PURE__ */ C("thead", { children: /* @__PURE__ */ w("tr", {
 							className: "border-b border-border-subtle bg-bg-sunken/50",
 							children: [
-								/* @__PURE__ */ x("th", {
+								/* @__PURE__ */ C("th", {
 									className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
 									children: "Date"
 								}),
-								/* @__PURE__ */ x("th", {
+								/* @__PURE__ */ C("th", {
 									className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
 									children: "Status"
 								}),
-								/* @__PURE__ */ x("th", {
+								/* @__PURE__ */ C("th", {
 									className: "px-4 py-3 text-right text-xs font-medium text-text-secondary uppercase tracking-wider",
 									children: "Amount"
 								})
 							]
-						}) }), /* @__PURE__ */ x("tbody", {
+						}) }), /* @__PURE__ */ C("tbody", {
 							className: "divide-y divide-border",
-							children: F.map((e) => /* @__PURE__ */ S("tr", {
+							children: B.map((e) => /* @__PURE__ */ w("tr", {
 								className: "hover:bg-accent/50 transition-colors",
 								children: [
-									/* @__PURE__ */ x("td", {
+									/* @__PURE__ */ C("td", {
 										className: "px-4 py-3 text-sm font-medium text-text-primary",
 										children: new Date(e.createdAt).toLocaleDateString("en-IN", {
 											day: "2-digit",
@@ -218,16 +278,16 @@ function T() {
 											year: "numeric"
 										})
 									}),
-									/* @__PURE__ */ x("td", {
+									/* @__PURE__ */ C("td", {
 										className: "px-4 py-3 text-sm",
-										children: /* @__PURE__ */ x("span", {
-											className: `inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium capitalize ${L(e.status)}`,
+										children: /* @__PURE__ */ C("span", {
+											className: `inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium capitalize ${G(e.status)}`,
 											children: e.status.replace(/_/g, " ")
 										})
 									}),
-									/* @__PURE__ */ x("td", {
+									/* @__PURE__ */ C("td", {
 										className: "px-4 py-3 text-sm text-right text-text-primary",
-										children: j(e.total ?? 0)
+										children: I(e.total ?? 0)
 									})
 								]
 							}, e.id))
@@ -235,58 +295,58 @@ function T() {
 					})
 				})]
 			}),
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ w("div", {
 				className: "grid grid-cols-1 md:grid-cols-3 gap-6",
 				children: [
-					/* @__PURE__ */ S("div", {
+					/* @__PURE__ */ w("div", {
 						className: "rounded-lg border border-border-subtle bg-bg-surface p-6 text-center",
 						children: [
-							/* @__PURE__ */ x(g, { className: "h-8 w-8 text-primary mx-auto mb-3" }),
-							/* @__PURE__ */ x("h4", {
+							/* @__PURE__ */ C(v, { className: "h-8 w-8 text-primary mx-auto mb-3" }),
+							/* @__PURE__ */ C("h4", {
 								className: "text-lg font-semibold text-text-primary mb-2",
 								children: "Total Orders"
 							}),
-							/* @__PURE__ */ x("p", {
+							/* @__PURE__ */ C("p", {
 								className: "text-2xl font-bold text-primary",
-								children: (E.totalOrders ?? 0).toLocaleString("en-IN")
+								children: (j.totalOrders ?? 0).toLocaleString("en-IN")
 							}),
-							/* @__PURE__ */ x("p", {
+							/* @__PURE__ */ C("p", {
 								className: "text-sm text-text-secondary mt-1",
 								children: "All-time orders"
 							})
 						]
 					}),
-					/* @__PURE__ */ S("div", {
+					/* @__PURE__ */ w("div", {
 						className: "rounded-lg border border-border-subtle bg-bg-surface p-6 text-center",
 						children: [
-							/* @__PURE__ */ x(u, { className: "h-8 w-8 text-status-success-text mx-auto mb-3" }),
-							/* @__PURE__ */ x("h4", {
+							/* @__PURE__ */ C(f, { className: "h-8 w-8 text-status-success-text mx-auto mb-3" }),
+							/* @__PURE__ */ C("h4", {
 								className: "text-lg font-semibold text-text-primary mb-2",
 								children: "Average Order Value"
 							}),
-							/* @__PURE__ */ x("p", {
+							/* @__PURE__ */ C("p", {
 								className: "text-2xl font-bold text-status-success-text",
-								children: j(M)
+								children: I(L)
 							}),
-							/* @__PURE__ */ x("p", {
+							/* @__PURE__ */ C("p", {
 								className: "text-sm text-text-secondary mt-1",
 								children: "Per order average"
 							})
 						]
 					}),
-					/* @__PURE__ */ S("div", {
+					/* @__PURE__ */ w("div", {
 						className: "rounded-lg border border-border-subtle bg-bg-surface p-6 text-center",
 						children: [
-							/* @__PURE__ */ x(y, { className: "h-8 w-8 text-text-primary mx-auto mb-3" }),
-							/* @__PURE__ */ x("h4", {
+							/* @__PURE__ */ C(x, { className: "h-8 w-8 text-text-primary mx-auto mb-3" }),
+							/* @__PURE__ */ C("h4", {
 								className: "text-lg font-semibold text-text-primary mb-2",
 								children: "Active Carts"
 							}),
-							/* @__PURE__ */ x("p", {
+							/* @__PURE__ */ C("p", {
 								className: "text-2xl font-bold text-text-primary",
-								children: (E.activeProviders ?? 0).toLocaleString("en-IN")
+								children: (j.activeProviders ?? 0).toLocaleString("en-IN")
 							}),
-							/* @__PURE__ */ x("p", {
+							/* @__PURE__ */ C("p", {
 								className: "text-sm text-text-secondary mt-1",
 								children: "Currently live on the platform"
 							})
@@ -295,10 +355,10 @@ function T() {
 				]
 			})
 		]
-	}) : /* @__PURE__ */ x(t, {
+	}) : /* @__PURE__ */ C(t, {
 		title: "Financial Reports",
 		description: "Unable to load financial data",
-		children: /* @__PURE__ */ x(r, {
+		children: /* @__PURE__ */ C(n, {
 			illustration: "empty-data",
 			title: "No financial data available",
 			description: "We couldn't load the financial figures right now. Please check back shortly."
@@ -306,6 +366,6 @@ function T() {
 	});
 }
 //#endregion
-export { T as AdminFinancialPage };
+export { A as AdminFinancialPage };
 
 //# sourceMappingURL=AdminFinancialPage.js.map

package/dist/kadaikodi/pages/admin/AdminFinancialPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdminFinancialPage.js","names":[],"sources":["../../../../src/kadaikodi/pages/admin/AdminFinancialPage.tsx"],"sourcesContent":["/**\n * Admin Financial Page\n * @module kadaikodi/pages/admin\n *\n * Financial reporting wired to the live backend (useDashboardStats +\n * useAdminAnalytics). Revenue, top carts, category breakdown and order\n * trends are all real; the export produces a CSV of the real figures.\n * Metrics with no honest backend source (commission, payouts) are omitted\n * rather than fabricated.\n */\n\nimport { useMemo } from 'react';\nimport {\n  IndianRupee,\n  TrendingUp,\n  Download,\n  Calendar,\n  BarChart3,\n  ShoppingCart,\n  ArrowLeft,\n  Loader2,\n  Award,\n  Store,\n  ShoppingBag,\n  Clock,\n  Star,\n} from 'lucide-react';\nimport { EmphasisPanel, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { MetricsCard } from '../../components/MetricsCard';\nimport { EmptyState } from '../../components/EmptyState';\nimport { useKadaikodi } from '../../context/KadaikodiContext';\nimport { useDashboardStats, useAdminAnalytics } from '../../hooks/useKadaikodiApi';\nimport { formatCurrency } from '../../utils/formatters';\n\n/* ------------------------------------------------------------------ */\n/* Component */\n/* ------------------------------------------------------------------ */\n\nexport function AdminFinancialPage() {\n  const { navigateTo } = useKadaikodi();\n  const { data: stats, isLoading: statsLoading } = useDashboardStats();\n  const { data: analytics, isLoading: analyticsLoading } = useAdminAnalytics();\n\n  const loading = statsLoading || analyticsLoading;\n\n  const fmtCur = (amount: number) => formatCurrency(amount, { minimumFractionDigits: 0 });\n\n  const averageOrderValue = useMemo(() => {\n    if (stats && stats.totalOrders > 0) return stats.totalRevenue / stats.totalOrders;\n    return 0;\n  }, [stats]);\n\n  // Cart distribution per category with a real, derived share percentage.\n  // The backend exposes counts per category, not revenue per category.\n  const categoryRows = useMemo(() => {\n    const entries = Object.entries(analytics?.categoryDistribution ?? {});\n    const total = entries.reduce((sum, [, count]) => sum + count, 0);\n    return entries\n      .map(([category, count]) => ({\n        category,\n        count,\n        percentage: total > 0 ? (count / total) * 100 : 0,\n      }))\n      .sort((a, b) => b.count - a.count);\n  }, [analytics]);\n\n  const topCarts = analytics?.topProviders ?? [];\n  const orderTrends = analytics?.orderTrends ?? [];\n\n  const prettyCategory = (c: string) => c.replace(/_/g, ' ').toLowerCase();\n\n  const orderStatusBadge = (status: string) => {\n    if (status === 'delivered') return 'bg-status-success-bg-subtle text-status-success-text';\n    if (status === 'cancelled') return 'bg-status-error-bg-subtle text-status-error-text';\n    return 'bg-status-warning-bg-subtle text-status-warning-text';\n  };\n\n  const handleExportReport = () => {\n    const lines: string[] = [];\n    lines.push('Kadaikodi Financial Report');\n    lines.push('');\n    lines.push('Metric,Value');\n    lines.push(`Total Revenue,${stats?.totalRevenue ?? 0}`);\n    lines.push(`Total Orders,${stats?.totalOrders ?? 0}`);\n    lines.push(`Average Order Value,${Math.round(averageOrderValue)}`);\n    lines.push(`Pending Orders,${stats?.pendingOrders ?? 0}`);\n    lines.push('');\n    lines.push('Cart Category Distribution');\n    lines.push('Category,Carts,Share %');\n    categoryRows.forEach((r) => {\n      lines.push(`${r.category},${r.count},${(r.percentage ?? 0).toFixed(1)}`);\n    });\n    lines.push('');\n    lines.push('Top Performing Carts');\n    lines.push('Cart,Category,Rating');\n    topCarts.forEach((c) => {\n      lines.push(`${c.name},${c.category},${c.rating ?? 0}`);\n    });\n    lines.push('');\n    lines.push('Recent Orders');\n    lines.push('Date,Status,Amount');\n    orderTrends.forEach((o) => {\n      lines.push(`${new Date(o.createdAt).toISOString().slice(0, 10)},${o.status},${o.total ?? 0}`);\n    });\n\n    const blob = new Blob([lines.join('\\n')], { type: 'text/csv;charset=utf-8;' });\n    const url = URL.createObjectURL(blob);\n    const a = document.createElement('a');\n    a.href = url;\n    a.download = `kadaikodi-financial-report-${new Date().toISOString().slice(0, 10)}.csv`;\n    a.click();\n    URL.revokeObjectURL(url);\n  };\n\n  const medalIcon = (index: number) => {\n    if (index < 3) return <Award className=\"h-5 w-5 text-status-warning-text\" />;\n    return (\n      <span className=\"flex h-5 w-5 items-center justify-center rounded-full bg-bg-sunken text-xs font-bold text-text-secondary\">\n        {index + 1}\n      </span>\n    );\n  };\n\n  if (loading) {\n    return (\n      <PageLayout title=\"Financial Reports\" description=\"Loading financial data...\">\n        <div className=\"flex flex-col items-center justify-center py-20\">\n          <Loader2 className=\"h-10 w-10 animate-spin text-text-secondary mb-4\" />\n          <p className=\"text-text-secondary\">Loading financial data...</p>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  if (!stats) {\n    return (\n      <PageLayout title=\"Financial Reports\" description=\"Unable to load financial data\">\n        <EmptyState\n          illustration=\"empty-data\"\n          title=\"No financial data available\"\n          description=\"We couldn't load the financial figures right now. Please check back shortly.\"\n        />\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Financial Reports\"\n      description=\"Revenue, top carts and financial trends\"\n      actions={\n        <div className=\"flex flex-col sm:flex-row items-stretch sm:items-center gap-3\">\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/admin')}\n            className=\"flex items-center gap-1.5 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors\"\n          >\n            <ArrowLeft className=\"h-4 w-4\" /> Back\n          </button>\n          <button\n            type=\"button\"\n            onClick={handleExportReport}\n            className=\"flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors\"\n          >\n            <Download className=\"h-4 w-4\" /> Export Report\n          </button>\n        </div>\n      }\n    >\n      <PagePurpose className=\"mb-6\">\n        The money view of Kadaikodi. Track total revenue and order volume, see which carts and\n        categories drive the most business, and watch how orders trend over time — then export a CSV\n        for accounting or investor updates.\n      </PagePurpose>\n\n      {/* Key Metrics — the one emphasis zone for this page */}\n      <EmphasisPanel className=\"mb-8\">\n        <h2 className=\"mb-4 text-lg font-semibold text-text-primary\">Financial Summary</h2>\n        <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4\">\n          <MetricsCard\n            featured\n            icon={<IndianRupee className=\"h-5 w-5\" />}\n            value={fmtCur(stats.totalRevenue)}\n            label=\"Total Revenue\"\n          />\n          <MetricsCard\n            icon={<ShoppingBag className=\"h-5 w-5\" />}\n            value={(stats.totalOrders ?? 0).toLocaleString('en-IN')}\n            label=\"Total Orders\"\n          />\n          <MetricsCard\n            icon={<TrendingUp className=\"h-5 w-5\" />}\n            value={fmtCur(averageOrderValue)}\n            label=\"Avg Order Value\"\n          />\n          <MetricsCard\n            icon={<Clock className=\"h-5 w-5\" />}\n            value={(stats.pendingOrders ?? 0).toLocaleString('en-IN')}\n            label=\"Pending Orders\"\n          />\n        </div>\n      </EmphasisPanel>\n\n      <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-6 mb-8\">\n        {/* Top Performing Carts */}\n        <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-6\">\n          <div className=\"flex items-center gap-2 mb-4\">\n            <ShoppingCart className=\"h-5 w-5 text-text-secondary\" />\n            <h3 className=\"text-lg font-semibold text-text-primary\">Top Performing Carts</h3>\n          </div>\n          {topCarts.length > 0 ? (\n            <div className=\"space-y-3\">\n              {topCarts.map((cart, index) => (\n                <div\n                  key={cart.id}\n                  className=\"flex items-center justify-between rounded-lg bg-bg-sunken/50 p-3\"\n                >\n                  <div className=\"flex items-center gap-3\">\n                    {medalIcon(index)}\n                    <div>\n                      <p className=\"text-sm font-medium text-text-primary\">{cart.name}</p>\n                      <p className=\"text-xs text-text-secondary capitalize\">\n                        {prettyCategory(cart.category)}\n                      </p>\n                    </div>\n                  </div>\n                  <p className=\"text-sm font-semibold text-text-primary flex items-center gap-1\">\n                    <Star className=\"h-3.5 w-3.5 fill-status-warning-text text-status-warning-text\" />\n                    {(cart.rating ?? 0).toFixed(1)}\n                  </p>\n                </div>\n              ))}\n            </div>\n          ) : (\n            <p className=\"text-sm text-text-secondary\">\n              Top-performing carts will be ranked here once orders start flowing.\n            </p>\n          )}\n        </div>\n\n        {/* Cart Category Distribution */}\n        <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-6\">\n          <div className=\"flex items-center gap-2 mb-4\">\n            <BarChart3 className=\"h-5 w-5 text-text-secondary\" />\n            <h3 className=\"text-lg font-semibold text-text-primary\">Cart Category Distribution</h3>\n          </div>\n          {categoryRows.length > 0 ? (\n            <div className=\"space-y-3\">\n              {categoryRows.map((category) => (\n                <div key={category.category}>\n                  <div className=\"flex items-center justify-between mb-1\">\n                    <span className=\"text-sm font-medium text-text-primary capitalize\">\n                      {prettyCategory(category.category)}\n                    </span>\n                    <span className=\"text-sm text-text-secondary\">\n                      {(category.percentage ?? 0).toFixed(1)}%\n                    </span>\n                  </div>\n                  <div className=\"w-full bg-bg-sunken rounded-full h-2\">\n                    <div\n                      className=\"bg-action-primary-bg h-2 rounded-full transition-all duration-300\"\n                      style={{ width: `${category.percentage}%` }}\n                    />\n                  </div>\n                  <div className=\"text-right mt-1\">\n                    <span className=\"text-sm font-semibold text-text-primary\">\n                      {(category.count ?? 0).toLocaleString('en-IN')}{' '}\n                      <span className=\"text-xs font-normal text-text-secondary\">\n                        {category.count === 1 ? 'cart' : 'carts'}\n                      </span>\n                    </span>\n                  </div>\n                </div>\n              ))}\n            </div>\n          ) : (\n            <p className=\"text-sm text-text-secondary\">\n              Cart categories will appear here as carts are onboarded.\n            </p>\n          )}\n        </div>\n      </div>\n\n      {/* Recent Orders Table */}\n      {orderTrends.length > 0 && (\n        <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-6 mb-8\">\n          <div className=\"flex items-center gap-2 mb-4\">\n            <Calendar className=\"h-5 w-5 text-text-secondary\" />\n            <h3 className=\"text-lg font-semibold text-text-primary\">Recent Orders</h3>\n          </div>\n          <div className=\"overflow-x-auto\">\n            <table className=\"w-full\">\n              <thead>\n                <tr className=\"border-b border-border-subtle bg-bg-sunken/50\">\n                  <th className=\"px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider\">\n                    Date\n                  </th>\n                  <th className=\"px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider\">\n                    Status\n                  </th>\n                  <th className=\"px-4 py-3 text-right text-xs font-medium text-text-secondary uppercase tracking-wider\">\n                    Amount\n                  </th>\n                </tr>\n              </thead>\n              <tbody className=\"divide-y divide-border\">\n                {orderTrends.map((order) => (\n                  <tr key={order.id} className=\"hover:bg-accent/50 transition-colors\">\n                    <td className=\"px-4 py-3 text-sm font-medium text-text-primary\">\n                      {new Date(order.createdAt).toLocaleDateString('en-IN', {\n                        day: '2-digit',\n                        month: 'short',\n                        year: 'numeric',\n                      })}\n                    </td>\n                    <td className=\"px-4 py-3 text-sm\">\n                      <span\n                        className={`inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium capitalize ${orderStatusBadge(\n                          order.status\n                        )}`}\n                      >\n                        {order.status.replace(/_/g, ' ')}\n                      </span>\n                    </td>\n                    <td className=\"px-4 py-3 text-sm text-right text-text-primary\">\n                      {fmtCur(order.total ?? 0)}\n                    </td>\n                  </tr>\n                ))}\n              </tbody>\n            </table>\n          </div>\n        </div>\n      )}\n\n      {/* 3 Additional Cards — all real */}\n      <div className=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n        <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-6 text-center\">\n          <ShoppingBag className=\"h-8 w-8 text-primary mx-auto mb-3\" />\n          <h4 className=\"text-lg font-semibold text-text-primary mb-2\">Total Orders</h4>\n          <p className=\"text-2xl font-bold text-primary\">\n            {(stats.totalOrders ?? 0).toLocaleString('en-IN')}\n          </p>\n          <p className=\"text-sm text-text-secondary mt-1\">All-time orders</p>\n        </div>\n        <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-6 text-center\">\n          <BarChart3 className=\"h-8 w-8 text-status-success-text mx-auto mb-3\" />\n          <h4 className=\"text-lg font-semibold text-text-primary mb-2\">Average Order Value</h4>\n          <p className=\"text-2xl font-bold text-status-success-text\">{fmtCur(averageOrderValue)}</p>\n          <p className=\"text-sm text-text-secondary mt-1\">Per order average</p>\n        </div>\n        <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-6 text-center\">\n          <Store className=\"h-8 w-8 text-text-primary mx-auto mb-3\" />\n          <h4 className=\"text-lg font-semibold text-text-primary mb-2\">Active Carts</h4>\n          <p className=\"text-2xl font-bold text-text-primary\">\n            {(stats.activeProviders ?? 0).toLocaleString('en-IN')}\n          </p>\n          <p className=\"text-sm text-text-secondary mt-1\">Currently live on the platform</p>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"AdminFinancialPage.js","names":[],"sources":["../../../../src/kadaikodi/pages/admin/AdminFinancialPage.tsx"],"sourcesContent":["/**\n * Admin Financial Page\n * @module kadaikodi/pages/admin\n *\n * Financial reporting wired to the live backend (useDashboardStats +\n * useAdminAnalytics). Revenue, top carts, category breakdown and order\n * trends are all real; the export produces a CSV of the real figures.\n * Metrics with no honest backend source (commission, payouts) are omitted\n * rather than fabricated.\n */\n\nimport { useMemo } from 'react';\nimport {\n  IndianRupee,\n  TrendingUp,\n  Download,\n  Calendar,\n  BarChart3,\n  ShoppingCart,\n  ArrowLeft,\n  Loader2,\n  Award,\n  Store,\n  ShoppingBag,\n  Clock,\n  Star,\n} from 'lucide-react';\nimport { GlassCard, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { EmptyState } from '../../components/EmptyState';\nimport { StatCard, DonutChart, AreaChart } from '../../components/viz';\nimport type { LabeledValue, Segment } from '../../components/viz';\nimport { useKadaikodi } from '../../context/KadaikodiContext';\nimport { useDashboardStats, useAdminAnalytics } from '../../hooks/useKadaikodiApi';\nimport { formatCurrency } from '../../utils/formatters';\n\nconst DAY_MS = 24 * 60 * 60 * 1000;\nconst dayKeyOf = (d: Date) => {\n  const x = new Date(d);\n  x.setHours(0, 0, 0, 0);\n  return x.getTime();\n};\nconst dayLbl = (t: number) =>\n  new Date(t).toLocaleDateString('en-IN', { day: 'numeric', month: 'short' });\nconst titleCaseFin = (s: string) =>\n  s\n    .replace(/_/g, ' ')\n    .toLowerCase()\n    .replace(/\\b\\w/g, (c) => c.toUpperCase());\n\n/* ------------------------------------------------------------------ */\n/* Component */\n/* ------------------------------------------------------------------ */\n\nexport function AdminFinancialPage() {\n  const { navigateTo } = useKadaikodi();\n  const { data: stats, isLoading: statsLoading } = useDashboardStats();\n  const { data: analytics, isLoading: analyticsLoading } = useAdminAnalytics();\n\n  const loading = statsLoading || analyticsLoading;\n\n  const fmtCur = (amount: number) => formatCurrency(amount, { minimumFractionDigits: 0 });\n\n  const averageOrderValue = useMemo(() => {\n    if (stats && stats.totalOrders > 0) return stats.totalRevenue / stats.totalOrders;\n    return 0;\n  }, [stats]);\n\n  // Cart distribution per category with a real, derived share percentage.\n  // The backend exposes counts per category, not revenue per category.\n  const categoryRows = useMemo(() => {\n    const entries = Object.entries(analytics?.categoryDistribution ?? {});\n    const total = entries.reduce((sum, [, count]) => sum + count, 0);\n    return entries\n      .map(([category, count]) => ({\n        category,\n        count,\n        percentage: total > 0 ? (count / total) * 100 : 0,\n      }))\n      .sort((a, b) => b.count - a.count);\n  }, [analytics]);\n\n  const topCarts = analytics?.topProviders ?? [];\n  const orderTrends = analytics?.orderTrends ?? [];\n\n  // Real GMV over time — bucket the backend's recent-order list by day.\n  const gmvTrend = useMemo<LabeledValue[]>(() => {\n    if (orderTrends.length === 0) return [];\n    const g = new Map<number, number>();\n    for (const o of orderTrends) {\n      const t = dayKeyOf(new Date(o.createdAt));\n      g.set(t, (g.get(t) ?? 0) + (o.total ?? 0));\n    }\n    return [...g.entries()].sort((a, b) => a[0] - b[0]).map(([t, v]) => ({ label: dayLbl(t), value: v }));\n  }, [orderTrends]);\n\n  // Real category-count donut.\n  const categorySegments = useMemo<Segment[]>(\n    () =>\n      Object.entries(analytics?.categoryDistribution ?? {})\n        .sort((a, b) => b[1] - a[1])\n        .map(([c, count]) => ({ label: titleCaseFin(c), value: count })),\n    [analytics]\n  );\n  const totalCarts = useMemo(\n    () => categorySegments.reduce((s, seg) => s + seg.value, 0),\n    [categorySegments]\n  );\n\n  const prettyCategory = (c: string) => c.replace(/_/g, ' ').toLowerCase();\n\n  const orderStatusBadge = (status: string) => {\n    if (status === 'delivered') return 'bg-status-success-bg-subtle text-status-success-text';\n    if (status === 'cancelled') return 'bg-status-error-bg-subtle text-status-error-text';\n    return 'bg-status-warning-bg-subtle text-status-warning-text';\n  };\n\n  const handleExportReport = () => {\n    const lines: string[] = [];\n    lines.push('Kadaikodi Financial Report');\n    lines.push('');\n    lines.push('Metric,Value');\n    lines.push(`Total Revenue,${stats?.totalRevenue ?? 0}`);\n    lines.push(`Total Orders,${stats?.totalOrders ?? 0}`);\n    lines.push(`Average Order Value,${Math.round(averageOrderValue)}`);\n    lines.push(`Pending Orders,${stats?.pendingOrders ?? 0}`);\n    lines.push('');\n    lines.push('Cart Category Distribution');\n    lines.push('Category,Carts,Share %');\n    categoryRows.forEach((r) => {\n      lines.push(`${r.category},${r.count},${(r.percentage ?? 0).toFixed(1)}`);\n    });\n    lines.push('');\n    lines.push('Top Performing Carts');\n    lines.push('Cart,Category,Rating');\n    topCarts.forEach((c) => {\n      lines.push(`${c.name},${c.category},${c.rating ?? 0}`);\n    });\n    lines.push('');\n    lines.push('Recent Orders');\n    lines.push('Date,Status,Amount');\n    orderTrends.forEach((o) => {\n      lines.push(`${new Date(o.createdAt).toISOString().slice(0, 10)},${o.status},${o.total ?? 0}`);\n    });\n\n    const blob = new Blob([lines.join('\\n')], { type: 'text/csv;charset=utf-8;' });\n    const url = URL.createObjectURL(blob);\n    const a = document.createElement('a');\n    a.href = url;\n    a.download = `kadaikodi-financial-report-${new Date().toISOString().slice(0, 10)}.csv`;\n    a.click();\n    URL.revokeObjectURL(url);\n  };\n\n  const medalIcon = (index: number) => {\n    if (index < 3) return <Award className=\"h-5 w-5 text-status-warning-text\" />;\n    return (\n      <span className=\"flex h-5 w-5 items-center justify-center rounded-full bg-bg-sunken text-xs font-bold text-text-secondary\">\n        {index + 1}\n      </span>\n    );\n  };\n\n  if (loading) {\n    return (\n      <PageLayout title=\"Financial Reports\" description=\"Loading financial data...\">\n        <div className=\"flex flex-col items-center justify-center py-20\">\n          <Loader2 className=\"h-10 w-10 animate-spin text-text-secondary mb-4\" />\n          <p className=\"text-text-secondary\">Loading financial data...</p>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  if (!stats) {\n    return (\n      <PageLayout title=\"Financial Reports\" description=\"Unable to load financial data\">\n        <EmptyState\n          illustration=\"empty-data\"\n          title=\"No financial data available\"\n          description=\"We couldn't load the financial figures right now. Please check back shortly.\"\n        />\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Financial Reports\"\n      description=\"Revenue, top carts and financial trends\"\n      actions={\n        <div className=\"flex flex-col sm:flex-row items-stretch sm:items-center gap-3\">\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/admin')}\n            className=\"flex items-center gap-1.5 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors\"\n          >\n            <ArrowLeft className=\"h-4 w-4\" /> Back\n          </button>\n          <button\n            type=\"button\"\n            onClick={handleExportReport}\n            className=\"flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors\"\n          >\n            <Download className=\"h-4 w-4\" /> Export Report\n          </button>\n        </div>\n      }\n    >\n      <PagePurpose className=\"mb-6\">\n        The money view of Kadaikodi. Track total revenue and order volume, see which carts and\n        categories drive the most business, and watch how orders trend over time — then export a CSV\n        for accounting or investor updates.\n      </PagePurpose>\n\n      {/* Key Metrics */}\n      <div className=\"mb-8 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        <StatCard\n          label=\"Total Revenue\"\n          value={fmtCur(stats.totalRevenue)}\n          icon={<IndianRupee className=\"h-4 w-4\" />}\n          sparkline={gmvTrend.map((d) => d.value)}\n          sparklineVariant=\"area\"\n        />\n        <StatCard\n          label=\"Total Orders\"\n          value={(stats.totalOrders ?? 0).toLocaleString('en-IN')}\n          icon={<ShoppingBag className=\"h-4 w-4\" />}\n        />\n        <StatCard\n          label=\"Avg Order Value\"\n          value={fmtCur(averageOrderValue)}\n          icon={<TrendingUp className=\"h-4 w-4\" />}\n        />\n        <StatCard\n          label=\"Pending Orders\"\n          value={(stats.pendingOrders ?? 0).toLocaleString('en-IN')}\n          icon={<Clock className=\"h-4 w-4\" />}\n        />\n      </div>\n\n      {/* GMV over time + Category mix — real charts */}\n      <div className=\"mb-8 grid grid-cols-1 gap-6 lg:grid-cols-3\">\n        <GlassCard treatment=\"plain\" className=\"p-6 lg:col-span-2\">\n          <div className=\"mb-4 flex items-center justify-between gap-2\">\n            <h3 className=\"text-base font-semibold text-text-primary\">GMV over time</h3>\n            <span className=\"text-xs text-text-muted\">Recent orders</span>\n          </div>\n          {gmvTrend.length > 0 ? (\n            <AreaChart\n              series={gmvTrend}\n              height={220}\n              valueFormatter={(v) => fmtCur(v)}\n              title=\"Gross merchandise value over recent orders\"\n            />\n          ) : (\n            <p className=\"text-sm text-text-secondary\">\n              GMV will chart here once orders are placed.\n            </p>\n          )}\n        </GlassCard>\n        <GlassCard treatment=\"plain\" className=\"p-6\">\n          <h3 className=\"mb-4 text-base font-semibold text-text-primary\">Carts by Category</h3>\n          {categorySegments.length > 0 ? (\n            <DonutChart\n              segments={categorySegments}\n              size={150}\n              centerLabel={totalCarts.toLocaleString('en-IN')}\n              centerCaption=\"carts\"\n              valueFormatter={(v) => v.toLocaleString('en-IN')}\n            />\n          ) : (\n            <p className=\"text-sm text-text-secondary\">\n              Categories will appear here as carts are onboarded.\n            </p>\n          )}\n        </GlassCard>\n      </div>\n\n      <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-6 mb-8\">\n        {/* Top Performing Carts */}\n        <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-6\">\n          <div className=\"flex items-center gap-2 mb-4\">\n            <ShoppingCart className=\"h-5 w-5 text-text-secondary\" />\n            <h3 className=\"text-lg font-semibold text-text-primary\">Top Performing Carts</h3>\n          </div>\n          {topCarts.length > 0 ? (\n            <div className=\"space-y-3\">\n              {topCarts.map((cart, index) => (\n                <div\n                  key={cart.id}\n                  className=\"flex items-center justify-between rounded-lg bg-bg-sunken/50 p-3\"\n                >\n                  <div className=\"flex items-center gap-3\">\n                    {medalIcon(index)}\n                    <div>\n                      <p className=\"text-sm font-medium text-text-primary\">{cart.name}</p>\n                      <p className=\"text-xs text-text-secondary capitalize\">\n                        {prettyCategory(cart.category)}\n                      </p>\n                    </div>\n                  </div>\n                  <p className=\"text-sm font-semibold text-text-primary flex items-center gap-1\">\n                    <Star className=\"h-3.5 w-3.5 fill-status-warning-text text-status-warning-text\" />\n                    {(cart.rating ?? 0).toFixed(1)}\n                  </p>\n                </div>\n              ))}\n            </div>\n          ) : (\n            <p className=\"text-sm text-text-secondary\">\n              Top-performing carts will be ranked here once orders start flowing.\n            </p>\n          )}\n        </div>\n\n        {/* Cart Category Distribution */}\n        <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-6\">\n          <div className=\"flex items-center gap-2 mb-4\">\n            <BarChart3 className=\"h-5 w-5 text-text-secondary\" />\n            <h3 className=\"text-lg font-semibold text-text-primary\">Cart Category Distribution</h3>\n          </div>\n          {categoryRows.length > 0 ? (\n            <div className=\"space-y-3\">\n              {categoryRows.map((category) => (\n                <div key={category.category}>\n                  <div className=\"flex items-center justify-between mb-1\">\n                    <span className=\"text-sm font-medium text-text-primary capitalize\">\n                      {prettyCategory(category.category)}\n                    </span>\n                    <span className=\"text-sm text-text-secondary\">\n                      {(category.percentage ?? 0).toFixed(1)}%\n                    </span>\n                  </div>\n                  <div className=\"w-full bg-bg-sunken rounded-full h-2\">\n                    <div\n                      className=\"bg-action-primary-bg h-2 rounded-full transition-all duration-300\"\n                      style={{ width: `${category.percentage}%` }}\n                    />\n                  </div>\n                  <div className=\"text-right mt-1\">\n                    <span className=\"text-sm font-semibold text-text-primary\">\n                      {(category.count ?? 0).toLocaleString('en-IN')}{' '}\n                      <span className=\"text-xs font-normal text-text-secondary\">\n                        {category.count === 1 ? 'cart' : 'carts'}\n                      </span>\n                    </span>\n                  </div>\n                </div>\n              ))}\n            </div>\n          ) : (\n            <p className=\"text-sm text-text-secondary\">\n              Cart categories will appear here as carts are onboarded.\n            </p>\n          )}\n        </div>\n      </div>\n\n      {/* Recent Orders Table */}\n      {orderTrends.length > 0 && (\n        <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-6 mb-8\">\n          <div className=\"flex items-center gap-2 mb-4\">\n            <Calendar className=\"h-5 w-5 text-text-secondary\" />\n            <h3 className=\"text-lg font-semibold text-text-primary\">Recent Orders</h3>\n          </div>\n          <div className=\"overflow-x-auto\">\n            <table className=\"w-full\">\n              <thead>\n                <tr className=\"border-b border-border-subtle bg-bg-sunken/50\">\n                  <th className=\"px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider\">\n                    Date\n                  </th>\n                  <th className=\"px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider\">\n                    Status\n                  </th>\n                  <th className=\"px-4 py-3 text-right text-xs font-medium text-text-secondary uppercase tracking-wider\">\n                    Amount\n                  </th>\n                </tr>\n              </thead>\n              <tbody className=\"divide-y divide-border\">\n                {orderTrends.map((order) => (\n                  <tr key={order.id} className=\"hover:bg-accent/50 transition-colors\">\n                    <td className=\"px-4 py-3 text-sm font-medium text-text-primary\">\n                      {new Date(order.createdAt).toLocaleDateString('en-IN', {\n                        day: '2-digit',\n                        month: 'short',\n                        year: 'numeric',\n                      })}\n                    </td>\n                    <td className=\"px-4 py-3 text-sm\">\n                      <span\n                        className={`inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium capitalize ${orderStatusBadge(\n                          order.status\n                        )}`}\n                      >\n                        {order.status.replace(/_/g, ' ')}\n                      </span>\n                    </td>\n                    <td className=\"px-4 py-3 text-sm text-right text-text-primary\">\n                      {fmtCur(order.total ?? 0)}\n                    </td>\n                  </tr>\n                ))}\n              </tbody>\n            </table>\n          </div>\n        </div>\n      )}\n\n      {/* 3 Additional Cards — all real */}\n      <div className=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n        <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-6 text-center\">\n          <ShoppingBag className=\"h-8 w-8 text-primary mx-auto mb-3\" />\n          <h4 className=\"text-lg font-semibold text-text-primary mb-2\">Total Orders</h4>\n          <p className=\"text-2xl font-bold text-primary\">\n            {(stats.totalOrders ?? 0).toLocaleString('en-IN')}\n          </p>\n          <p className=\"text-sm text-text-secondary mt-1\">All-time orders</p>\n        </div>\n        <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-6 text-center\">\n          <BarChart3 className=\"h-8 w-8 text-status-success-text mx-auto mb-3\" />\n          <h4 className=\"text-lg font-semibold text-text-primary mb-2\">Average Order Value</h4>\n          <p className=\"text-2xl font-bold text-status-success-text\">{fmtCur(averageOrderValue)}</p>\n          <p className=\"text-sm text-text-secondary mt-1\">Per order average</p>\n        </div>\n        <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-6 text-center\">\n          <Store className=\"h-8 w-8 text-text-primary mx-auto mb-3\" />\n          <h4 className=\"text-lg font-semibold text-text-primary mb-2\">Active Carts</h4>\n          <p className=\"text-2xl font-bold text-text-primary\">\n            {(stats.activeProviders ?? 0).toLocaleString('en-IN')}\n          </p>\n          <p className=\"text-sm text-text-secondary mt-1\">Currently live on the platform</p>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAqCA,IAAM,KAAY,MAAY;CAC5B,IAAM,IAAI,IAAI,KAAK,EAAE;AAErB,QADA,EAAE,SAAS,GAAG,GAAG,GAAG,EAAE,EACf,EAAE,SAAS;GAEd,KAAU,MACd,IAAI,KAAK,EAAE,CAAC,mBAAmB,SAAS;CAAE,KAAK;CAAW,OAAO;CAAS,CAAC,EACvE,KAAgB,MACpB,EACG,QAAQ,MAAM,IAAI,CAClB,aAAa,CACb,QAAQ,UAAU,MAAM,EAAE,aAAa,CAAC;AAM7C,SAAgB,IAAqB;CACnC,IAAM,EAAE,kBAAe,GAAc,EAC/B,EAAE,MAAM,GAAO,WAAW,MAAiB,GAAmB,EAC9D,EAAE,MAAM,GAAW,WAAW,MAAqB,GAAmB,EAEtE,IAAU,KAAgB,GAE1B,KAAU,MAAmB,EAAe,GAAQ,EAAE,uBAAuB,GAAG,CAAC,EAEjF,IAAoB,QACpB,KAAS,EAAM,cAAc,IAAU,EAAM,eAAe,EAAM,cAC/D,GACN,CAAC,EAAM,CAAC,EAIL,IAAe,QAAc;EACjC,IAAM,IAAU,OAAO,QAAQ,GAAW,wBAAwB,EAAE,CAAC,EAC/D,IAAQ,EAAQ,QAAQ,GAAK,GAAG,OAAW,IAAM,GAAO,EAAE;AAChE,SAAO,EACJ,KAAK,CAAC,GAAU,QAAY;GAC3B;GACA;GACA,YAAY,IAAQ,IAAK,IAAQ,IAAS,MAAM;GACjD,EAAE,CACF,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM;IACnC,CAAC,EAAU,CAAC,EAET,IAAW,GAAW,gBAAgB,EAAE,EACxC,IAAc,GAAW,eAAe,EAAE,EAG1C,IAAW,QAA8B;AAC7C,MAAI,EAAY,WAAW,EAAG,QAAO,EAAE;EACvC,IAAM,oBAAI,IAAI,KAAqB;AACnC,OAAK,IAAM,KAAK,GAAa;GAC3B,IAAM,IAAI,EAAS,IAAI,KAAK,EAAE,UAAU,CAAC;AACzC,KAAE,IAAI,IAAI,EAAE,IAAI,EAAE,IAAI,MAAM,EAAE,SAAS,GAAG;;AAE5C,SAAO,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC,MAAM,GAAG,MAAM,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,GAAG,QAAQ;GAAE,OAAO,EAAO,EAAE;GAAE,OAAO;GAAG,EAAE;IACpG,CAAC,EAAY,CAAC,EAGX,IAAmB,QAErB,OAAO,QAAQ,GAAW,wBAAwB,EAAE,CAAC,CAClD,MAAM,GAAG,MAAM,EAAE,KAAK,EAAE,GAAG,CAC3B,KAAK,CAAC,GAAG,QAAY;EAAE,OAAO,EAAa,EAAE;EAAE,OAAO;EAAO,EAAE,EACpE,CAAC,EAAU,CACZ,EACK,IAAa,QACX,EAAiB,QAAQ,GAAG,MAAQ,IAAI,EAAI,OAAO,EAAE,EAC3D,CAAC,EAAiB,CACnB,EAEK,KAAkB,MAAc,EAAE,QAAQ,MAAM,IAAI,CAAC,aAAa,EAElE,KAAoB,MACpB,MAAW,cAAoB,yDAC/B,MAAW,cAAoB,qDAC5B,wDAGH,UAA2B;EAC/B,IAAM,IAAkB,EAAE;AAuB1B,EAtBA,EAAM,KAAK,6BAA6B,EACxC,EAAM,KAAK,GAAG,EACd,EAAM,KAAK,eAAe,EAC1B,EAAM,KAAK,iBAAiB,GAAO,gBAAgB,IAAI,EACvD,EAAM,KAAK,gBAAgB,GAAO,eAAe,IAAI,EACrD,EAAM,KAAK,uBAAuB,KAAK,MAAM,EAAkB,GAAG,EAClE,EAAM,KAAK,kBAAkB,GAAO,iBAAiB,IAAI,EACzD,EAAM,KAAK,GAAG,EACd,EAAM,KAAK,6BAA6B,EACxC,EAAM,KAAK,yBAAyB,EACpC,EAAa,SAAS,MAAM;AAC1B,KAAM,KAAK,GAAG,EAAE,SAAS,GAAG,EAAE,MAAM,IAAI,EAAE,cAAc,GAAG,QAAQ,EAAE,GAAG;IACxE,EACF,EAAM,KAAK,GAAG,EACd,EAAM,KAAK,uBAAuB,EAClC,EAAM,KAAK,uBAAuB,EAClC,EAAS,SAAS,MAAM;AACtB,KAAM,KAAK,GAAG,EAAE,KAAK,GAAG,EAAE,SAAS,GAAG,EAAE,UAAU,IAAI;IACtD,EACF,EAAM,KAAK,GAAG,EACd,EAAM,KAAK,gBAAgB,EAC3B,EAAM,KAAK,qBAAqB,EAChC,EAAY,SAAS,MAAM;AACzB,KAAM,KAAK,GAAG,IAAI,KAAK,EAAE,UAAU,CAAC,aAAa,CAAC,MAAM,GAAG,GAAG,CAAC,GAAG,EAAE,OAAO,GAAG,EAAE,SAAS,IAAI;IAC7F;EAEF,IAAM,IAAO,IAAI,KAAK,CAAC,EAAM,KAAK,KAAK,CAAC,EAAE,EAAE,MAAM,2BAA2B,CAAC,EACxE,IAAM,IAAI,gBAAgB,EAAK,EAC/B,IAAI,SAAS,cAAc,IAAI;AAIrC,EAHA,EAAE,OAAO,GACT,EAAE,WAAW,+CAA8B,IAAI,MAAM,EAAC,aAAa,CAAC,MAAM,GAAG,GAAG,CAAC,OACjF,EAAE,OAAO,EACT,IAAI,gBAAgB,EAAI;IAGpB,KAAa,MACb,IAAQ,IAAU,kBAAC,GAAD,EAAO,WAAU,oCAAqC,CAAA,GAE1E,kBAAC,QAAD;EAAM,WAAU;YACb,IAAQ;EACJ,CAAA;AA2BX,QAvBI,IAEA,kBAAC,GAAD;EAAY,OAAM;EAAoB,aAAY;YAChD,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD,EAAS,WAAU,mDAAoD,CAAA,EACvE,kBAAC,KAAD;IAAG,WAAU;cAAsB;IAA6B,CAAA,CAC5D;;EACK,CAAA,GAIZ,IAaH,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,UAAD;IACE,MAAK;IACL,eAAe,EAAW,SAAS;IACnC,WAAU;cAHZ,CAKE,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA,EAAA,QAC1B;OACT,kBAAC,UAAD;IACE,MAAK;IACL,SAAS;IACT,WAAU;cAHZ,CAKE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA,EAAA,iBACzB;MACL;;YAnBV;GAsBE,kBAAC,GAAD;IAAa,WAAU;cAAO;IAIhB,CAAA;GAGd,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,EAAO,EAAM,aAAa;MACjC,MAAM,kBAAC,GAAD,EAAa,WAAU,WAAY,CAAA;MACzC,WAAW,EAAS,KAAK,MAAM,EAAE,MAAM;MACvC,kBAAiB;MACjB,CAAA;KACF,kBAAC,GAAD;MACE,OAAM;MACN,QAAQ,EAAM,eAAe,GAAG,eAAe,QAAQ;MACvD,MAAM,kBAAC,GAAD,EAAa,WAAU,WAAY,CAAA;MACzC,CAAA;KACF,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,EAAO,EAAkB;MAChC,MAAM,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA;MACxC,CAAA;KACF,kBAAC,GAAD;MACE,OAAM;MACN,QAAQ,EAAM,iBAAiB,GAAG,eAAe,QAAQ;MACzD,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;MACnC,CAAA;KACE;;GAGN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAW,WAAU;KAAQ,WAAU;eAAvC,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,MAAD;OAAI,WAAU;iBAA4C;OAAkB,CAAA,EAC5E,kBAAC,QAAD;OAAM,WAAU;iBAA0B;OAAoB,CAAA,CAC1D;SACL,EAAS,SAAS,IACjB,kBAAC,GAAD;MACE,QAAQ;MACR,QAAQ;MACR,iBAAiB,MAAM,EAAO,EAAE;MAChC,OAAM;MACN,CAAA,GAEF,kBAAC,KAAD;MAAG,WAAU;gBAA8B;MAEvC,CAAA,CAEI;QACZ,kBAAC,GAAD;KAAW,WAAU;KAAQ,WAAU;eAAvC,CACE,kBAAC,MAAD;MAAI,WAAU;gBAAiD;MAAsB,CAAA,EACpF,EAAiB,SAAS,IACzB,kBAAC,GAAD;MACE,UAAU;MACV,MAAM;MACN,aAAa,EAAW,eAAe,QAAQ;MAC/C,eAAc;MACd,iBAAiB,MAAM,EAAE,eAAe,QAAQ;MAChD,CAAA,GAEF,kBAAC,KAAD;MAAG,WAAU;gBAA8B;MAEvC,CAAA,CAEI;OACR;;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf,CAEE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD,EAAc,WAAU,+BAAgC,CAAA,EACxD,kBAAC,MAAD;OAAI,WAAU;iBAA0C;OAAyB,CAAA,CAC7E;SACL,EAAS,SAAS,IACjB,kBAAC,OAAD;MAAK,WAAU;gBACZ,EAAS,KAAK,GAAM,MACnB,kBAAC,OAAD;OAEE,WAAU;iBAFZ,CAIE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACG,EAAU,EAAM,EACjB,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;SAAG,WAAU;mBAAyC,EAAK;SAAS,CAAA,EACpE,kBAAC,KAAD;SAAG,WAAU;mBACV,EAAe,EAAK,SAAS;SAC5B,CAAA,CACA,EAAA,CAAA,CACF;WACN,kBAAC,KAAD;QAAG,WAAU;kBAAb,CACE,kBAAC,GAAD,EAAM,WAAU,iEAAkE,CAAA,GAChF,EAAK,UAAU,GAAG,QAAQ,EAAE,CAC5B;UACA;SAhBC,EAAK,GAgBN,CACN;MACE,CAAA,GAEN,kBAAC,KAAD;MAAG,WAAU;gBAA8B;MAEvC,CAAA,CAEF;QAGN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD,EAAW,WAAU,+BAAgC,CAAA,EACrD,kBAAC,MAAD;OAAI,WAAU;iBAA0C;OAA+B,CAAA,CACnF;SACL,EAAa,SAAS,IACrB,kBAAC,OAAD;MAAK,WAAU;gBACZ,EAAa,KAAK,MACjB,kBAAC,OAAD,EAAA,UAAA;OACE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,QAAD;SAAM,WAAU;mBACb,EAAe,EAAS,SAAS;SAC7B,CAAA,EACP,kBAAC,QAAD;SAAM,WAAU;mBAAhB,EACI,EAAS,cAAc,GAAG,QAAQ,EAAE,EAAC,IAClC;WACH;;OACN,kBAAC,OAAD;QAAK,WAAU;kBACb,kBAAC,OAAD;SACE,WAAU;SACV,OAAO,EAAE,OAAO,GAAG,EAAS,WAAW,IAAI;SAC3C,CAAA;QACE,CAAA;OACN,kBAAC,OAAD;QAAK,WAAU;kBACb,kBAAC,QAAD;SAAM,WAAU;mBAAhB;WACI,EAAS,SAAS,GAAG,eAAe,QAAQ;UAAE;UAChD,kBAAC,QAAD;WAAM,WAAU;qBACb,EAAS,UAAU,IAAI,SAAS;WAC5B,CAAA;UACF;;QACH,CAAA;OACF,EAAA,EAvBI,EAAS,SAuBb,CACN;MACE,CAAA,GAEN,kBAAC,KAAD;MAAG,WAAU;gBAA8B;MAEvC,CAAA,CAEF;OACF;;GAGL,EAAY,SAAS,KACpB,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAU,WAAU,+BAAgC,CAAA,EACpD,kBAAC,MAAD;MAAI,WAAU;gBAA0C;MAAkB,CAAA,CACtE;QACN,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,SAAD;MAAO,WAAU;gBAAjB,CACE,kBAAC,SAAD,EAAA,UACE,kBAAC,MAAD;OAAI,WAAU;iBAAd;QACE,kBAAC,MAAD;SAAI,WAAU;mBAAuF;SAEhG,CAAA;QACL,kBAAC,MAAD;SAAI,WAAU;mBAAuF;SAEhG,CAAA;QACL,kBAAC,MAAD;SAAI,WAAU;mBAAwF;SAEjG,CAAA;QACF;UACC,CAAA,EACR,kBAAC,SAAD;OAAO,WAAU;iBACd,EAAY,KAAK,MAChB,kBAAC,MAAD;QAAmB,WAAU;kBAA7B;SACE,kBAAC,MAAD;UAAI,WAAU;oBACX,IAAI,KAAK,EAAM,UAAU,CAAC,mBAAmB,SAAS;WACrD,KAAK;WACL,OAAO;WACP,MAAM;WACP,CAAC;UACC,CAAA;SACL,kBAAC,MAAD;UAAI,WAAU;oBACZ,kBAAC,QAAD;WACE,WAAW,oFAAoF,EAC7F,EAAM,OACP;qBAEA,EAAM,OAAO,QAAQ,MAAM,IAAI;WAC3B,CAAA;UACJ,CAAA;SACL,kBAAC,MAAD;UAAI,WAAU;oBACX,EAAO,EAAM,SAAS,EAAE;UACtB,CAAA;SACF;UApBI,EAAM,GAoBV,CACL;OACI,CAAA,CACF;;KACJ,CAAA,CACF;;GAIR,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,GAAD,EAAa,WAAU,qCAAsC,CAAA;OAC7D,kBAAC,MAAD;QAAI,WAAU;kBAA+C;QAAiB,CAAA;OAC9E,kBAAC,KAAD;QAAG,WAAU;mBACT,EAAM,eAAe,GAAG,eAAe,QAAQ;QAC/C,CAAA;OACJ,kBAAC,KAAD;QAAG,WAAU;kBAAmC;QAAmB,CAAA;OAC/D;;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,GAAD,EAAW,WAAU,iDAAkD,CAAA;OACvE,kBAAC,MAAD;QAAI,WAAU;kBAA+C;QAAwB,CAAA;OACrF,kBAAC,KAAD;QAAG,WAAU;kBAA+C,EAAO,EAAkB;QAAK,CAAA;OAC1F,kBAAC,KAAD;QAAG,WAAU;kBAAmC;QAAqB,CAAA;OACjE;;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,GAAD,EAAO,WAAU,0CAA2C,CAAA;OAC5D,kBAAC,MAAD;QAAI,WAAU;kBAA+C;QAAiB,CAAA;OAC9E,kBAAC,KAAD;QAAG,WAAU;mBACT,EAAM,mBAAmB,GAAG,eAAe,QAAQ;QACnD,CAAA;OACJ,kBAAC,KAAD;QAAG,WAAU;kBAAmC;QAAkC,CAAA;OAC9E;;KACF;;GACK;MApQX,kBAAC,GAAD;EAAY,OAAM;EAAoB,aAAY;YAChD,kBAAC,GAAD;GACE,cAAa;GACb,OAAM;GACN,aAAY;GACZ,CAAA;EACS,CAAA"}