@burdenoff/microfe-housingvista 2026.703.13 → 2026.709.2

package/dist/housingvista/pages/analytics/AnalyticsPage.js

@@ -1,10 +1,11 @@
 import { cn as e, formatCurrency as t, formatNumber as n } from "../../utils/helpers.js";
 import { PageLayout as r } from "../../components/PageLayout.js";
 import { StatCard as i } from "../../components/StatCard.js";
-import { DataTable as a } from "../../components/DataTable.js";
-import { EmptyState as o } from "../../components/EmptyState.js";
-import { ChartCard as s } from "../../components/ChartCard.js";
-import { LoadingSkeleton as c } from "../../components/LoadingSkeleton.js";
+import { DataTable as ee } from "../../components/DataTable.js";
+import { EmptyState as te } from "../../components/EmptyState.js";
+import { ChartCard as a } from "../../components/ChartCard.js";
+import { LoadingSkeleton as o } from "../../components/LoadingSkeleton.js";
+import { useHousingVistaAnalytics as s, useTrackPageView as c } from "../../hooks/useHousingVistaAnalytics.js";
 import { useAnalyticsData as l } from "../../hooks/index.js";
 import { notify as u } from "../../lib/toast.js";
 import "../../components/index.js";
@@ -17,33 +18,33 @@ import { Line as g } from "../../../node_modules/recharts/es6/cartesian/Line.js"
 import { Area as _ } from "../../../node_modules/recharts/es6/cartesian/Area.js";
 import { XAxis as v } from "../../../node_modules/recharts/es6/cartesian/XAxis.js";
 import { YAxis as y } from "../../../node_modules/recharts/es6/cartesian/YAxis.js";
-import { LineChart as ee } from "../../../node_modules/recharts/es6/chart/LineChart.js";
-import { PieChart as te } from "../../../node_modules/recharts/es6/chart/PieChart.js";
-import { AreaChart as ne } from "../../../node_modules/recharts/es6/chart/AreaChart.js";
-import { useState as b } from "react";
-import { Activity as x, BarChart3 as re, Building as S, Clock as C, DollarSign as w, Download as T, TrendingUp as E } from "lucide-react";
-import { jsx as D, jsxs as O } from "react/jsx-runtime";
-import { EmphasisPanel as k, NextSteps as ie } from "@burdenoff/fe-libs/ui";
+import { LineChart as b } from "../../../node_modules/recharts/es6/chart/LineChart.js";
+import { PieChart as x } from "../../../node_modules/recharts/es6/chart/PieChart.js";
+import { AreaChart as S } from "../../../node_modules/recharts/es6/chart/AreaChart.js";
+import { useState as C } from "react";
+import { Activity as w, BarChart3 as T, Building as ne, Clock as re, DollarSign as ie, Download as ae, TrendingUp as oe } from "lucide-react";
+import { jsx as E, jsxs as D } from "react/jsx-runtime";
+import { EmphasisPanel as se, NextSteps as O } from "@burdenoff/fe-libs/ui";
 //#region src/housingvista/pages/analytics/AnalyticsPage.tsx
-var A = [
+var k = [
 	"var(--color-chart-1)",
 	"var(--color-chart-2)",
 	"var(--color-chart-3)",
 	"var(--color-chart-4)",
 	"var(--color-chart-5)"
-], j = "var(--color-chart-2)", M = "var(--color-chart-1)", N = {
+], A = "var(--color-chart-2)", j = "var(--color-chart-1)", M = {
 	background: "var(--color-bg-surface)",
 	border: "1px solid var(--color-border-subtle)",
 	borderRadius: 10,
 	fontSize: 12,
 	boxShadow: "0 8px 24px rgb(0 0 0 / 0.12)"
-}, P = {
+}, N = {
 	color: "var(--color-text-primary)",
 	fontWeight: 600
-}, F = {
+}, P = {
 	fontSize: 11,
 	fill: "var(--color-text-secondary)"
-}, I = [
+}, F = [
 	{
 		value: 3,
 		label: "3M"
@@ -61,8 +62,9 @@ var A = [
 		label: "All"
 	}
 ];
-function L() {
-	let { data: L, loading: R } = l(), [z, B] = b(12), V = () => {
+function I() {
+	c("housingvista.analytics.viewed");
+	let { emitExport: I } = s(), { data: L, loading: R } = l(), [z, B] = C(12), V = () => {
 		if (!L) return;
 		let e = (e) => {
 			let t = String(e);
@@ -83,12 +85,12 @@ function L() {
 			n.revenue - n.expenses
 		].map(e).join(","));
 		let n = new Blob([t.join("\n")], { type: "text/csv;charset=utf-8;" }), r = URL.createObjectURL(n), i = document.createElement("a");
-		i.href = r, i.download = `housingvista-analytics-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.csv`, document.body.appendChild(i), i.click(), document.body.removeChild(i), URL.revokeObjectURL(r), u.success("Report exported", "Your analytics data was downloaded as a CSV file.");
+		i.href = r, i.download = `housingvista-analytics-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.csv`, document.body.appendChild(i), i.click(), document.body.removeChild(i), URL.revokeObjectURL(r), I("analytics"), u.success("Report exported", "Your analytics data was downloaded as a CSV file.");
 	}, H = [
 		{
 			key: "month",
 			header: "Month",
-			render: (e) => /* @__PURE__ */ D("span", {
+			render: (e) => /* @__PURE__ */ E("span", {
 				className: "font-medium text-text-primary",
 				children: e.month
 			})
@@ -96,7 +98,7 @@ function L() {
 		{
 			key: "revenue",
 			header: "Revenue",
-			render: (e) => /* @__PURE__ */ D("span", {
+			render: (e) => /* @__PURE__ */ E("span", {
 				className: "font-medium text-status-success-text",
 				children: t(e.revenue)
 			})
@@ -104,7 +106,7 @@ function L() {
 		{
 			key: "expenses",
 			header: "Expenses",
-			render: (e) => /* @__PURE__ */ D("span", {
+			render: (e) => /* @__PURE__ */ E("span", {
 				className: "font-medium text-status-error-text",
 				children: t(e.expenses)
 			})
@@ -115,7 +117,7 @@ function L() {
 			sortable: !1,
 			render: (n) => {
 				let r = n.revenue - n.expenses;
-				return /* @__PURE__ */ D("span", {
+				return /* @__PURE__ */ E("span", {
 					className: e("font-medium", r >= 0 ? "text-status-success-text" : "text-status-error-text"),
 					children: t(r)
 				});
@@ -127,27 +129,27 @@ function L() {
 			sortable: !1,
 			render: (t) => {
 				let n = t.revenue > 0 ? (t.revenue - t.expenses) / t.revenue * 100 : 0;
-				return /* @__PURE__ */ O("span", {
+				return /* @__PURE__ */ D("span", {
 					className: e("font-medium", n >= 0 ? "text-status-success-text" : "text-status-error-text"),
 					children: [n.toFixed(1), "%"]
 				});
 			}
 		}
 	];
-	if (R) return /* @__PURE__ */ O(r, {
+	if (R) return /* @__PURE__ */ D(r, {
 		title: "Analytics",
 		description: "Track your property portfolio performance and market insights",
-		children: [/* @__PURE__ */ D(c, { className: "h-28" }), /* @__PURE__ */ O("div", {
+		children: [/* @__PURE__ */ E(o, { className: "h-28" }), /* @__PURE__ */ D("div", {
 			className: "grid grid-cols-1 gap-6 lg:grid-cols-2",
-			children: [/* @__PURE__ */ D(c, { className: "h-64" }), /* @__PURE__ */ D(c, { className: "h-64" })]
+			children: [/* @__PURE__ */ E(o, { className: "h-64" }), /* @__PURE__ */ E(o, { className: "h-64" })]
 		})]
 	});
-	if (!(L && (L.kpis.length > 0 || L.revenueByMonth.length > 0 || L.propertyTypeDistribution.length > 0))) return /* @__PURE__ */ D(r, {
+	if (!(L && (L.kpis.length > 0 || L.revenueByMonth.length > 0 || L.propertyTypeDistribution.length > 0))) return /* @__PURE__ */ E(r, {
 		title: "Analytics",
 		description: "Track your property portfolio performance and market insights",
-		children: /* @__PURE__ */ D(o, {
+		children: /* @__PURE__ */ E(te, {
 			illustration: "empty-generic",
-			icon: /* @__PURE__ */ D(re, { className: "h-12 w-12" }),
+			icon: /* @__PURE__ */ E(T, { className: "h-12 w-12" }),
 			title: "No analytics yet",
 			description: "Once you have properties, transactions, and rentals recorded, revenue, occupancy, and portfolio insights will appear here."
 		})
@@ -161,19 +163,19 @@ function L() {
 		name: e.type.charAt(0).toUpperCase() + e.type.slice(1),
 		value: e.value,
 		count: e.count,
-		color: A[t % A.length]
-	})), Z = K.reduce((e, t) => e + t.revenue, 0), Q = K.reduce((e, t) => e + t.expenses, 0), $ = Z - Q, ae = Z > 0 ? $ / Z * 100 : 0;
-	return /* @__PURE__ */ O(r, {
+		color: k[t % k.length]
+	})), Z = K.reduce((e, t) => e + t.revenue, 0), Q = K.reduce((e, t) => e + t.expenses, 0), $ = Z - Q, ce = Z > 0 ? $ / Z * 100 : 0;
+	return /* @__PURE__ */ D(r, {
 		title: "Analytics",
 		description: "Track your property portfolio performance and market insights",
 		purpose: "Understand how your portfolio is actually performing — revenue versus expenses, occupancy, property-type mix, and profitability — so you can spot trends, compare periods, and decide where to buy, sell, or raise rents.",
-		actions: /* @__PURE__ */ O("button", {
+		actions: /* @__PURE__ */ D("button", {
 			onClick: V,
 			className: "inline-flex items-center gap-2 rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]",
-			children: [/* @__PURE__ */ D(T, { className: "h-4 w-4" }), "Export Report"]
+			children: [/* @__PURE__ */ E(ae, { className: "h-4 w-4" }), "Export Report"]
 		}),
 		children: [
-			/* @__PURE__ */ D(ie, {
+			/* @__PURE__ */ E(O, {
 				storageKey: "housingvista-analytics",
 				steps: [{
 					id: "performance",
@@ -182,16 +184,16 @@ function L() {
 					href: "#analytics-performance"
 				}]
 			}),
-			/* @__PURE__ */ O("div", {
+			/* @__PURE__ */ D("div", {
 				className: "flex flex-wrap items-center gap-3",
-				children: [/* @__PURE__ */ D("span", {
+				children: [/* @__PURE__ */ E("span", {
 					className: "text-sm font-medium text-text-secondary",
 					children: "Period"
-				}), /* @__PURE__ */ D("div", {
+				}), /* @__PURE__ */ E("div", {
 					role: "group",
 					"aria-label": "Select analytics period",
 					className: "inline-flex rounded-lg border border-border-subtle bg-bg-sunken/60 p-1",
-					children: I.map((t) => /* @__PURE__ */ D("button", {
+					children: F.map((t) => /* @__PURE__ */ E("button", {
 						type: "button",
 						"aria-pressed": z === t.value,
 						onClick: () => B(t.value),
@@ -200,56 +202,56 @@ function L() {
 					}, t.value))
 				})]
 			}),
-			U.length > 0 && /* @__PURE__ */ D(k, {
+			U.length > 0 && /* @__PURE__ */ E(se, {
 				className: "p-4",
-				children: /* @__PURE__ */ D("div", {
+				children: /* @__PURE__ */ E("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
 					children: U.map((e) => {
 						let t = {
-							"Portfolio Value": w,
-							"Monthly Revenue": E,
-							"Occupancy Rate": S,
-							"Avg. Days to Rent": C
-						}[e.label] || x;
-						return /* @__PURE__ */ D(i, {
+							"Portfolio Value": ie,
+							"Monthly Revenue": oe,
+							"Occupancy Rate": ne,
+							"Avg. Days to Rent": re
+						}[e.label] || w;
+						return /* @__PURE__ */ E(i, {
 							label: e.label,
 							value: e.unit === "USD" ? e.value : `${n(e.value)}${e.unit === "%" ? "%" : ` ${e.unit}`}`,
 							prefix: e.unit === "USD" ? "$" : void 0,
-							icon: /* @__PURE__ */ D(t, { className: "h-4 w-4" }),
+							icon: /* @__PURE__ */ E(t, { className: "h-4 w-4" }),
 							trend: e.trend === "up" ? "up" : e.trend === "down" ? "down" : "stable",
 							change: e.changePercent
 						}, e.id);
 					})
 				})
 			}),
-			/* @__PURE__ */ O("div", {
+			/* @__PURE__ */ D("div", {
 				className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
-				children: [J.length > 0 && /* @__PURE__ */ D(s, {
+				children: [J.length > 0 && /* @__PURE__ */ E(a, {
 					title: "Revenue vs Expenses",
 					description: "Real income against costs across the selected period",
 					className: "lg:col-span-2",
-					actions: /* @__PURE__ */ O("div", {
+					actions: /* @__PURE__ */ D("div", {
 						className: "flex items-center gap-4 text-xs text-text-secondary",
-						children: [/* @__PURE__ */ O("span", {
+						children: [/* @__PURE__ */ D("span", {
 							className: "flex items-center gap-1.5",
-							children: [/* @__PURE__ */ D("span", {
+							children: [/* @__PURE__ */ E("span", {
 								className: "h-2.5 w-2.5 rounded-full",
-								style: { background: j }
+								style: { background: A }
 							}), "Revenue"]
-						}), /* @__PURE__ */ O("span", {
+						}), /* @__PURE__ */ D("span", {
 							className: "flex items-center gap-1.5",
-							children: [/* @__PURE__ */ D("span", {
+							children: [/* @__PURE__ */ E("span", {
 								className: "h-2.5 w-2.5 rounded-full",
-								style: { background: M }
+								style: { background: j }
 							}), "Expenses"]
 						})]
 					}),
-					children: /* @__PURE__ */ D("div", {
+					children: /* @__PURE__ */ E("div", {
 						className: "h-72 w-full",
-						children: /* @__PURE__ */ D(f, {
+						children: /* @__PURE__ */ E(f, {
 							width: "100%",
 							height: "100%",
-							children: /* @__PURE__ */ O(ne, {
+							children: /* @__PURE__ */ D(S, {
 								data: J,
 								margin: {
 									top: 8,
@@ -258,73 +260,73 @@ function L() {
 									bottom: 0
 								},
 								children: [
-									/* @__PURE__ */ O("defs", { children: [/* @__PURE__ */ O("linearGradient", {
+									/* @__PURE__ */ D("defs", { children: [/* @__PURE__ */ D("linearGradient", {
 										id: "revGrad",
 										x1: "0",
 										y1: "0",
 										x2: "0",
 										y2: "1",
-										children: [/* @__PURE__ */ D("stop", {
+										children: [/* @__PURE__ */ E("stop", {
 											offset: "5%",
-											stopColor: j,
+											stopColor: A,
 											stopOpacity: .35
-										}), /* @__PURE__ */ D("stop", {
+										}), /* @__PURE__ */ E("stop", {
 											offset: "95%",
-											stopColor: j,
+											stopColor: A,
 											stopOpacity: .02
 										})]
-									}), /* @__PURE__ */ O("linearGradient", {
+									}), /* @__PURE__ */ D("linearGradient", {
 										id: "expGrad",
 										x1: "0",
 										y1: "0",
 										x2: "0",
 										y2: "1",
-										children: [/* @__PURE__ */ D("stop", {
+										children: [/* @__PURE__ */ E("stop", {
 											offset: "5%",
-											stopColor: M,
+											stopColor: j,
 											stopOpacity: .3
-										}), /* @__PURE__ */ D("stop", {
+										}), /* @__PURE__ */ E("stop", {
 											offset: "95%",
-											stopColor: M,
+											stopColor: j,
 											stopOpacity: .02
 										})]
 									})] }),
-									/* @__PURE__ */ D(h, {
+									/* @__PURE__ */ E(h, {
 										strokeDasharray: "3 3",
 										stroke: "var(--color-border-subtle)",
 										vertical: !1
 									}),
-									/* @__PURE__ */ D(v, {
+									/* @__PURE__ */ E(v, {
 										dataKey: "month",
-										tick: F,
+										tick: P,
 										tickLine: !1,
 										axisLine: !1
 									}),
-									/* @__PURE__ */ D(y, {
-										tick: F,
+									/* @__PURE__ */ E(y, {
+										tick: P,
 										tickLine: !1,
 										axisLine: !1,
 										width: 52,
 										tickFormatter: (e) => t(e)
 									}),
-									/* @__PURE__ */ D(d, {
-										contentStyle: N,
-										labelStyle: P,
+									/* @__PURE__ */ E(d, {
+										contentStyle: M,
+										labelStyle: N,
 										formatter: (e, n) => [t(e), n]
 									}),
-									/* @__PURE__ */ D(_, {
+									/* @__PURE__ */ E(_, {
 										type: "monotone",
 										dataKey: "revenue",
 										name: "Revenue",
-										stroke: j,
+										stroke: A,
 										strokeWidth: 2.5,
 										fill: "url(#revGrad)"
 									}),
-									/* @__PURE__ */ D(_, {
+									/* @__PURE__ */ E(_, {
 										type: "monotone",
 										dataKey: "expenses",
 										name: "Expenses",
-										stroke: M,
+										stroke: j,
 										strokeWidth: 2.5,
 										fill: "url(#expGrad)"
 									})
@@ -332,15 +334,15 @@ function L() {
 							})
 						})
 					})
-				}), X.length > 0 && /* @__PURE__ */ O(s, {
+				}), X.length > 0 && /* @__PURE__ */ D(a, {
 					title: "Property-Type Distribution",
 					description: "Portfolio value split by type",
-					children: [/* @__PURE__ */ O("div", {
+					children: [/* @__PURE__ */ D("div", {
 						className: "relative h-56 w-full",
-						children: [/* @__PURE__ */ D(f, {
+						children: [/* @__PURE__ */ E(f, {
 							width: "100%",
 							height: "100%",
-							children: /* @__PURE__ */ O(te, { children: [/* @__PURE__ */ D(m, {
+							children: /* @__PURE__ */ D(x, { children: [/* @__PURE__ */ E(m, {
 								data: X,
 								dataKey: "value",
 								nameKey: "name",
@@ -349,36 +351,36 @@ function L() {
 								paddingAngle: 2,
 								stroke: "var(--color-bg-surface)",
 								strokeWidth: 2,
-								children: X.map((e) => /* @__PURE__ */ D(p, { fill: e.color }, e.name))
-							}), /* @__PURE__ */ D(d, {
-								contentStyle: N,
-								labelStyle: P,
+								children: X.map((e) => /* @__PURE__ */ E(p, { fill: e.color }, e.name))
+							}), /* @__PURE__ */ E(d, {
+								contentStyle: M,
+								labelStyle: N,
 								formatter: (e, n, r) => [`${t(e)} · ${r?.payload?.count ?? 0} properties`, r?.payload?.name]
 							})] })
-						}), /* @__PURE__ */ O("div", {
+						}), /* @__PURE__ */ D("div", {
 							className: "pointer-events-none absolute inset-0 flex flex-col items-center justify-center",
-							children: [/* @__PURE__ */ D("span", {
+							children: [/* @__PURE__ */ E("span", {
 								className: "text-xs text-text-secondary",
 								children: "Total value"
-							}), /* @__PURE__ */ D("span", {
+							}), /* @__PURE__ */ E("span", {
 								className: "text-lg font-bold text-text-primary",
 								children: t(Y)
 							})]
 						})]
-					}), /* @__PURE__ */ D("ul", {
+					}), /* @__PURE__ */ E("ul", {
 						className: "mt-3 space-y-2",
-						children: X.map((e) => /* @__PURE__ */ O("li", {
+						children: X.map((e) => /* @__PURE__ */ D("li", {
 							className: "flex items-center justify-between text-sm",
-							children: [/* @__PURE__ */ O("span", {
+							children: [/* @__PURE__ */ D("span", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ D("span", {
+								children: [/* @__PURE__ */ E("span", {
 									className: "h-2.5 w-2.5 rounded-full",
 									style: { background: e.color }
-								}), /* @__PURE__ */ D("span", {
+								}), /* @__PURE__ */ E("span", {
 									className: "text-text-primary",
 									children: e.name
 								})]
-							}), /* @__PURE__ */ O("span", {
+							}), /* @__PURE__ */ D("span", {
 								className: "text-text-secondary",
 								children: [Y > 0 ? Math.round(e.value / Y * 100) : 0, "%"]
 							})]
@@ -386,18 +388,18 @@ function L() {
 					})]
 				})]
 			}),
-			/* @__PURE__ */ O("div", {
+			/* @__PURE__ */ D("div", {
 				className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
-				children: [q.length > 0 && /* @__PURE__ */ D(s, {
+				children: [q.length > 0 && /* @__PURE__ */ E(a, {
 					title: "Occupancy Trend",
 					description: "Share of units occupied over the selected period",
 					className: "lg:col-span-2",
-					children: /* @__PURE__ */ D("div", {
+					children: /* @__PURE__ */ E("div", {
 						className: "h-56 w-full",
-						children: /* @__PURE__ */ D(f, {
+						children: /* @__PURE__ */ E(f, {
 							width: "100%",
 							height: "100%",
-							children: /* @__PURE__ */ O(ee, {
+							children: /* @__PURE__ */ D(b, {
 								data: q,
 								margin: {
 									top: 8,
@@ -406,31 +408,31 @@ function L() {
 									bottom: 0
 								},
 								children: [
-									/* @__PURE__ */ D(h, {
+									/* @__PURE__ */ E(h, {
 										strokeDasharray: "3 3",
 										stroke: "var(--color-border-subtle)",
 										vertical: !1
 									}),
-									/* @__PURE__ */ D(v, {
+									/* @__PURE__ */ E(v, {
 										dataKey: "month",
-										tick: F,
+										tick: P,
 										tickLine: !1,
 										axisLine: !1
 									}),
-									/* @__PURE__ */ D(y, {
-										tick: F,
+									/* @__PURE__ */ E(y, {
+										tick: P,
 										tickLine: !1,
 										axisLine: !1,
 										width: 40,
 										domain: [0, 100],
 										tickFormatter: (e) => `${e}%`
 									}),
-									/* @__PURE__ */ D(d, {
-										contentStyle: N,
-										labelStyle: P,
+									/* @__PURE__ */ E(d, {
+										contentStyle: M,
+										labelStyle: N,
 										formatter: (e) => [`${e}%`, "Occupancy"]
 									}),
-									/* @__PURE__ */ D(g, {
+									/* @__PURE__ */ E(g, {
 										type: "monotone",
 										dataKey: "rate",
 										stroke: "var(--color-chart-2)",
@@ -446,46 +448,46 @@ function L() {
 							})
 						})
 					})
-				}), K.length > 0 && /* @__PURE__ */ D(s, {
+				}), K.length > 0 && /* @__PURE__ */ E(a, {
 					title: "Period Summary",
 					description: "Totals across the selected range",
-					children: /* @__PURE__ */ O("div", {
+					children: /* @__PURE__ */ D("div", {
 						className: "space-y-4",
-						children: [/* @__PURE__ */ O("div", {
+						children: [/* @__PURE__ */ D("div", {
 							className: "flex items-center justify-between rounded-lg bg-bg-sunken/50 p-3",
-							children: [/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
+							children: [/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
 								className: "text-sm text-text-secondary",
 								children: "Total Revenue"
-							}), /* @__PURE__ */ D("p", {
+							}), /* @__PURE__ */ E("p", {
 								className: "text-lg font-bold text-text-primary",
 								children: t(Z)
-							})] }), /* @__PURE__ */ O("div", {
+							})] }), /* @__PURE__ */ D("div", {
 								className: "text-right",
-								children: [/* @__PURE__ */ D("p", {
+								children: [/* @__PURE__ */ E("p", {
 									className: "text-sm text-text-secondary",
 									children: "Total Expenses"
-								}), /* @__PURE__ */ D("p", {
+								}), /* @__PURE__ */ E("p", {
 									className: "text-lg font-bold text-text-primary",
 									children: t(Q)
 								})]
 							})]
-						}), /* @__PURE__ */ O("div", {
+						}), /* @__PURE__ */ D("div", {
 							className: "grid grid-cols-2 gap-3",
-							children: [/* @__PURE__ */ O("div", {
+							children: [/* @__PURE__ */ D("div", {
 								className: "rounded-lg bg-status-success-bg-subtle p-3 text-center",
-								children: [/* @__PURE__ */ D("p", {
+								children: [/* @__PURE__ */ E("p", {
 									className: "text-xl font-bold text-status-success-text",
 									children: t($)
-								}), /* @__PURE__ */ D("p", {
+								}), /* @__PURE__ */ E("p", {
 									className: "text-xs text-text-secondary",
 									children: "Net Income"
 								})]
-							}), /* @__PURE__ */ O("div", {
+							}), /* @__PURE__ */ D("div", {
 								className: "rounded-lg bg-status-info-bg-subtle p-3 text-center",
-								children: [/* @__PURE__ */ O("p", {
+								children: [/* @__PURE__ */ D("p", {
 									className: "text-xl font-bold text-status-info-text",
-									children: [ae.toFixed(1), "%"]
-								}), /* @__PURE__ */ D("p", {
+									children: [ce.toFixed(1), "%"]
+								}), /* @__PURE__ */ E("p", {
 									className: "text-xs text-text-secondary",
 									children: "Profit Margin"
 								})]
@@ -494,13 +496,13 @@ function L() {
 					})
 				})]
 			}),
-			K.length > 0 && /* @__PURE__ */ O("div", {
+			K.length > 0 && /* @__PURE__ */ D("div", {
 				id: "analytics-performance",
 				className: "scroll-mt-6",
-				children: [/* @__PURE__ */ D("h2", {
+				children: [/* @__PURE__ */ E("h2", {
 					className: "mb-4 text-lg font-semibold text-text-primary",
 					children: "Monthly Performance"
-				}), /* @__PURE__ */ D(a, {
+				}), /* @__PURE__ */ E(ee, {
 					columns: H,
 					data: K,
 					keyField: "month",
@@ -511,6 +513,6 @@ function L() {
 	});
 }
 //#endregion
-export { L as AnalyticsPage };
+export { I as AnalyticsPage };
 
 //# sourceMappingURL=AnalyticsPage.js.map