@burdenoff/microfe-housingvista 2026.716.1 → 2026.720.2

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

@@ -22,75 +22,75 @@ import { LineChart as b } from "../../../node_modules/recharts/es6/chart/LineCha
 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";
+import { Activity as w, BarChart3 as T, Building as E, Clock as ne, DollarSign as re, Download as ie, TrendingUp as ae } from "lucide-react";
+import { jsx as D, jsxs as O } from "react/jsx-runtime";
+import { EmphasisPanel as oe, NextSteps as k } from "@burdenoff/fe-libs/ui";
 //#region src/housingvista/pages/analytics/AnalyticsPage.tsx
-var k = [
+var A = [
 	"var(--color-chart-1)",
 	"var(--color-chart-2)",
 	"var(--color-chart-3)",
 	"var(--color-chart-4)",
 	"var(--color-chart-5)"
-], A = "var(--color-chart-2)", j = "var(--color-chart-1)", M = {
+], j = "var(--color-chart-2)", M = "var(--color-chart-1)", N = {
 	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)"
-}, N = {
+}, P = {
 	color: "var(--color-text-primary)",
 	fontWeight: 600
-}, P = {
+}, F = {
 	fontSize: 11,
 	fill: "var(--color-text-secondary)"
-}, F = [
+}, I = [
 	{
-		value: 3,
-		label: "3M"
+		value: "week",
+		label: "Week"
 	},
 	{
-		value: 6,
-		label: "6M"
+		value: "month",
+		label: "Month"
 	},
 	{
-		value: 12,
-		label: "12M"
+		value: "quarter",
+		label: "Quarter"
 	},
 	{
-		value: 0,
-		label: "All"
+		value: "year",
+		label: "Year"
 	}
 ];
-function I() {
+function L() {
 	c("housingvista.analytics.viewed");
-	let { emitExport: I } = s(), { data: L, loading: R } = l(), [z, B] = C(12), V = () => {
-		if (!L) return;
+	let { emitExport: L } = s(), [R, z] = C("month"), { data: B, loading: V } = l(R), H = () => {
+		if (!B) return;
 		let e = (e) => {
 			let t = String(e);
 			return /[",\n]/.test(t) ? `"${t.replace(/"/g, "\"\"")}"` : t;
 		}, t = [];
 		t.push("KPI,Value,Unit,Change %");
-		for (let n of L.kpis) t.push([
+		for (let n of B.kpis) t.push([
 			n.label,
 			n.value,
 			n.unit,
 			n.changePercent
 		].map(e).join(","));
 		t.push(""), t.push("Month,Revenue,Expenses,Net Income");
-		for (let n of L.revenueByMonth) t.push([
+		for (let n of B.revenueByMonth) t.push([
 			n.month,
 			n.revenue,
 			n.expenses,
 			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), I("analytics"), u.success("Report exported", "Your analytics data was downloaded as a CSV file.");
-	}, H = [
+		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), L("analytics"), u.success("Report exported", "Your analytics data was downloaded as a CSV file.");
+	}, U = [
 		{
 			key: "month",
 			header: "Month",
-			render: (e) => /* @__PURE__ */ E("span", {
+			render: (e) => /* @__PURE__ */ D("span", {
 				className: "font-medium text-text-primary",
 				children: e.month
 			})
@@ -98,7 +98,7 @@ function I() {
 		{
 			key: "revenue",
 			header: "Revenue",
-			render: (e) => /* @__PURE__ */ E("span", {
+			render: (e) => /* @__PURE__ */ D("span", {
 				className: "font-medium text-status-success-text",
 				children: t(e.revenue)
 			})
@@ -106,7 +106,7 @@ function I() {
 		{
 			key: "expenses",
 			header: "Expenses",
-			render: (e) => /* @__PURE__ */ E("span", {
+			render: (e) => /* @__PURE__ */ D("span", {
 				className: "font-medium text-status-error-text",
 				children: t(e.expenses)
 			})
@@ -117,7 +117,7 @@ function I() {
 			sortable: !1,
 			render: (n) => {
 				let r = n.revenue - n.expenses;
-				return /* @__PURE__ */ E("span", {
+				return /* @__PURE__ */ D("span", {
 					className: e("font-medium", r >= 0 ? "text-status-success-text" : "text-status-error-text"),
 					children: t(r)
 				});
@@ -129,53 +129,53 @@ function I() {
 			sortable: !1,
 			render: (t) => {
 				let n = t.revenue > 0 ? (t.revenue - t.expenses) / t.revenue * 100 : 0;
-				return /* @__PURE__ */ D("span", {
+				return /* @__PURE__ */ O("span", {
 					className: e("font-medium", n >= 0 ? "text-status-success-text" : "text-status-error-text"),
 					children: [n.toFixed(1), "%"]
 				});
 			}
 		}
 	];
-	if (R) return /* @__PURE__ */ D(r, {
+	if (V) return /* @__PURE__ */ O(r, {
 		title: "Analytics",
 		description: "Track your property portfolio performance and market insights",
-		children: [/* @__PURE__ */ E(o, { className: "h-28" }), /* @__PURE__ */ D("div", {
+		children: [/* @__PURE__ */ D(o, { className: "h-28" }), /* @__PURE__ */ O("div", {
 			className: "grid grid-cols-1 gap-6 lg:grid-cols-2",
-			children: [/* @__PURE__ */ E(o, { className: "h-64" }), /* @__PURE__ */ E(o, { className: "h-64" })]
+			children: [/* @__PURE__ */ D(o, { className: "h-64" }), /* @__PURE__ */ D(o, { className: "h-64" })]
 		})]
 	});
-	if (!(L && (L.kpis.length > 0 || L.revenueByMonth.length > 0 || L.propertyTypeDistribution.length > 0))) return /* @__PURE__ */ E(r, {
+	if (!(B && (B.kpis.length > 0 || B.revenueByMonth.length > 0 || B.propertyTypeDistribution.length > 0))) return /* @__PURE__ */ D(r, {
 		title: "Analytics",
 		description: "Track your property portfolio performance and market insights",
-		children: /* @__PURE__ */ E(te, {
+		children: /* @__PURE__ */ D(te, {
 			illustration: "empty-generic",
-			icon: /* @__PURE__ */ E(T, { className: "h-12 w-12" }),
+			icon: /* @__PURE__ */ D(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."
 		})
 	});
-	let U = L.kpis, W = L.propertyTypeDistribution, G = (e) => z > 0 ? e.slice(-z) : e, K = G(L.revenueByMonth), q = G(L.occupancyRate), J = K.map((e) => ({
+	let W = B.kpis, G = B.propertyTypeDistribution, K = B.revenueByMonth, q = B.occupancyRate, J = K.map((e) => ({
 		month: e.month,
 		revenue: e.revenue,
 		expenses: e.expenses,
 		net: e.revenue - e.expenses
-	})), Y = W.reduce((e, t) => e + t.value, 0), X = W.map((e, t) => ({
+	})), Y = G.reduce((e, t) => e + t.value, 0), X = G.map((e, t) => ({
 		name: e.type.charAt(0).toUpperCase() + e.type.slice(1),
 		value: e.value,
 		count: e.count,
-		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, {
+		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, se = Z > 0 ? $ / Z * 100 : 0;
+	return /* @__PURE__ */ O(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__ */ D("button", {
-			onClick: V,
+		actions: /* @__PURE__ */ O("button", {
+			onClick: H,
 			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__ */ E(ae, { className: "h-4 w-4" }), "Export Report"]
+			children: [/* @__PURE__ */ D(ie, { className: "h-4 w-4" }), "Export Report"]
 		}),
 		children: [
-			/* @__PURE__ */ E(O, {
+			/* @__PURE__ */ D(k, {
 				storageKey: "housingvista-analytics",
 				steps: [{
 					id: "performance",
@@ -184,74 +184,75 @@ function I() {
 					href: "#analytics-performance"
 				}]
 			}),
-			/* @__PURE__ */ D("div", {
+			/* @__PURE__ */ O("div", {
 				className: "flex flex-wrap items-center gap-3",
-				children: [/* @__PURE__ */ E("span", {
+				children: [/* @__PURE__ */ D("span", {
 					className: "text-sm font-medium text-text-secondary",
 					children: "Period"
-				}), /* @__PURE__ */ E("div", {
+				}), /* @__PURE__ */ D("div", {
 					role: "group",
 					"aria-label": "Select analytics period",
 					className: "inline-flex rounded-lg border border-border-subtle bg-bg-sunken/60 p-1",
-					children: F.map((t) => /* @__PURE__ */ E("button", {
+					children: I.map((t) => /* @__PURE__ */ D("button", {
 						type: "button",
-						"aria-pressed": z === t.value,
-						onClick: () => B(t.value),
-						className: e("rounded-md px-3 py-1.5 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]", z === t.value ? "bg-action-primary-bg text-action-primary-text shadow-sm" : "text-text-secondary hover:text-text-primary"),
+						"aria-pressed": R === t.value,
+						onClick: () => z(t.value),
+						disabled: V,
+						className: e("rounded-md px-3 py-1.5 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]", R === t.value ? "bg-action-primary-bg text-action-primary-text shadow-sm" : "text-text-secondary hover:text-text-primary"),
 						children: t.label
 					}, t.value))
 				})]
 			}),
-			U.length > 0 && /* @__PURE__ */ E(se, {
+			W.length > 0 && /* @__PURE__ */ D(oe, {
 				className: "p-4",
-				children: /* @__PURE__ */ E("div", {
+				children: /* @__PURE__ */ D("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
-					children: U.map((e) => {
+					children: W.map((e) => {
 						let t = {
-							"Portfolio Value": ie,
-							"Monthly Revenue": oe,
-							"Occupancy Rate": ne,
-							"Avg. Days to Rent": re
+							"Portfolio Value": re,
+							"Monthly Revenue": ae,
+							"Occupancy Rate": E,
+							"Avg. Days to Rent": ne
 						}[e.label] || w;
-						return /* @__PURE__ */ E(i, {
+						return /* @__PURE__ */ D(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__ */ E(t, { className: "h-4 w-4" }),
+							icon: /* @__PURE__ */ D(t, { className: "h-4 w-4" }),
 							trend: e.trend === "up" ? "up" : e.trend === "down" ? "down" : "stable",
 							change: e.changePercent
 						}, e.id);
 					})
 				})
 			}),
-			/* @__PURE__ */ D("div", {
+			/* @__PURE__ */ O("div", {
 				className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
-				children: [J.length > 0 && /* @__PURE__ */ E(a, {
+				children: [J.length > 0 && /* @__PURE__ */ D(a, {
 					title: "Revenue vs Expenses",
 					description: "Real income against costs across the selected period",
 					className: "lg:col-span-2",
-					actions: /* @__PURE__ */ D("div", {
+					actions: /* @__PURE__ */ O("div", {
 						className: "flex items-center gap-4 text-xs text-text-secondary",
-						children: [/* @__PURE__ */ D("span", {
+						children: [/* @__PURE__ */ O("span", {
 							className: "flex items-center gap-1.5",
-							children: [/* @__PURE__ */ E("span", {
+							children: [/* @__PURE__ */ D("span", {
 								className: "h-2.5 w-2.5 rounded-full",
-								style: { background: A }
+								style: { background: j }
 							}), "Revenue"]
-						}), /* @__PURE__ */ D("span", {
+						}), /* @__PURE__ */ O("span", {
 							className: "flex items-center gap-1.5",
-							children: [/* @__PURE__ */ E("span", {
+							children: [/* @__PURE__ */ D("span", {
 								className: "h-2.5 w-2.5 rounded-full",
-								style: { background: j }
+								style: { background: M }
 							}), "Expenses"]
 						})]
 					}),
-					children: /* @__PURE__ */ E("div", {
+					children: /* @__PURE__ */ D("div", {
 						className: "h-72 w-full",
-						children: /* @__PURE__ */ E(f, {
+						children: /* @__PURE__ */ D(f, {
 							width: "100%",
 							height: "100%",
-							children: /* @__PURE__ */ D(S, {
+							children: /* @__PURE__ */ O(S, {
 								data: J,
 								margin: {
 									top: 8,
@@ -260,73 +261,73 @@ function I() {
 									bottom: 0
 								},
 								children: [
-									/* @__PURE__ */ D("defs", { children: [/* @__PURE__ */ D("linearGradient", {
+									/* @__PURE__ */ O("defs", { children: [/* @__PURE__ */ O("linearGradient", {
 										id: "revGrad",
 										x1: "0",
 										y1: "0",
 										x2: "0",
 										y2: "1",
-										children: [/* @__PURE__ */ E("stop", {
+										children: [/* @__PURE__ */ D("stop", {
 											offset: "5%",
-											stopColor: A,
+											stopColor: j,
 											stopOpacity: .35
-										}), /* @__PURE__ */ E("stop", {
+										}), /* @__PURE__ */ D("stop", {
 											offset: "95%",
-											stopColor: A,
+											stopColor: j,
 											stopOpacity: .02
 										})]
-									}), /* @__PURE__ */ D("linearGradient", {
+									}), /* @__PURE__ */ O("linearGradient", {
 										id: "expGrad",
 										x1: "0",
 										y1: "0",
 										x2: "0",
 										y2: "1",
-										children: [/* @__PURE__ */ E("stop", {
+										children: [/* @__PURE__ */ D("stop", {
 											offset: "5%",
-											stopColor: j,
+											stopColor: M,
 											stopOpacity: .3
-										}), /* @__PURE__ */ E("stop", {
+										}), /* @__PURE__ */ D("stop", {
 											offset: "95%",
-											stopColor: j,
+											stopColor: M,
 											stopOpacity: .02
 										})]
 									})] }),
-									/* @__PURE__ */ E(h, {
+									/* @__PURE__ */ D(h, {
 										strokeDasharray: "3 3",
 										stroke: "var(--color-border-subtle)",
 										vertical: !1
 									}),
-									/* @__PURE__ */ E(v, {
+									/* @__PURE__ */ D(v, {
 										dataKey: "month",
-										tick: P,
+										tick: F,
 										tickLine: !1,
 										axisLine: !1
 									}),
-									/* @__PURE__ */ E(y, {
-										tick: P,
+									/* @__PURE__ */ D(y, {
+										tick: F,
 										tickLine: !1,
 										axisLine: !1,
 										width: 52,
 										tickFormatter: (e) => t(e)
 									}),
-									/* @__PURE__ */ E(d, {
-										contentStyle: M,
-										labelStyle: N,
+									/* @__PURE__ */ D(d, {
+										contentStyle: N,
+										labelStyle: P,
 										formatter: (e, n) => [t(e), n]
 									}),
-									/* @__PURE__ */ E(_, {
+									/* @__PURE__ */ D(_, {
 										type: "monotone",
 										dataKey: "revenue",
 										name: "Revenue",
-										stroke: A,
+										stroke: j,
 										strokeWidth: 2.5,
 										fill: "url(#revGrad)"
 									}),
-									/* @__PURE__ */ E(_, {
+									/* @__PURE__ */ D(_, {
 										type: "monotone",
 										dataKey: "expenses",
 										name: "Expenses",
-										stroke: j,
+										stroke: M,
 										strokeWidth: 2.5,
 										fill: "url(#expGrad)"
 									})
@@ -334,15 +335,15 @@ function I() {
 							})
 						})
 					})
-				}), X.length > 0 && /* @__PURE__ */ D(a, {
+				}), X.length > 0 && /* @__PURE__ */ O(a, {
 					title: "Property-Type Distribution",
 					description: "Portfolio value split by type",
-					children: [/* @__PURE__ */ D("div", {
+					children: [/* @__PURE__ */ O("div", {
 						className: "relative h-56 w-full",
-						children: [/* @__PURE__ */ E(f, {
+						children: [/* @__PURE__ */ D(f, {
 							width: "100%",
 							height: "100%",
-							children: /* @__PURE__ */ D(x, { children: [/* @__PURE__ */ E(m, {
+							children: /* @__PURE__ */ O(x, { children: [/* @__PURE__ */ D(m, {
 								data: X,
 								dataKey: "value",
 								nameKey: "name",
@@ -351,36 +352,36 @@ function I() {
 								paddingAngle: 2,
 								stroke: "var(--color-bg-surface)",
 								strokeWidth: 2,
-								children: X.map((e) => /* @__PURE__ */ E(p, { fill: e.color }, e.name))
-							}), /* @__PURE__ */ E(d, {
-								contentStyle: M,
-								labelStyle: N,
+								children: X.map((e) => /* @__PURE__ */ D(p, { fill: e.color }, e.name))
+							}), /* @__PURE__ */ D(d, {
+								contentStyle: N,
+								labelStyle: P,
 								formatter: (e, n, r) => [`${t(e)} · ${r?.payload?.count ?? 0} properties`, r?.payload?.name]
 							})] })
-						}), /* @__PURE__ */ D("div", {
+						}), /* @__PURE__ */ O("div", {
 							className: "pointer-events-none absolute inset-0 flex flex-col items-center justify-center",
-							children: [/* @__PURE__ */ E("span", {
+							children: [/* @__PURE__ */ D("span", {
 								className: "text-xs text-text-secondary",
 								children: "Total value"
-							}), /* @__PURE__ */ E("span", {
+							}), /* @__PURE__ */ D("span", {
 								className: "text-lg font-bold text-text-primary",
 								children: t(Y)
 							})]
 						})]
-					}), /* @__PURE__ */ E("ul", {
+					}), /* @__PURE__ */ D("ul", {
 						className: "mt-3 space-y-2",
-						children: X.map((e) => /* @__PURE__ */ D("li", {
+						children: X.map((e) => /* @__PURE__ */ O("li", {
 							className: "flex items-center justify-between text-sm",
-							children: [/* @__PURE__ */ D("span", {
+							children: [/* @__PURE__ */ O("span", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ E("span", {
+								children: [/* @__PURE__ */ D("span", {
 									className: "h-2.5 w-2.5 rounded-full",
 									style: { background: e.color }
-								}), /* @__PURE__ */ E("span", {
+								}), /* @__PURE__ */ D("span", {
 									className: "text-text-primary",
 									children: e.name
 								})]
-							}), /* @__PURE__ */ D("span", {
+							}), /* @__PURE__ */ O("span", {
 								className: "text-text-secondary",
 								children: [Y > 0 ? Math.round(e.value / Y * 100) : 0, "%"]
 							})]
@@ -388,18 +389,18 @@ function I() {
 					})]
 				})]
 			}),
-			/* @__PURE__ */ D("div", {
+			/* @__PURE__ */ O("div", {
 				className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
-				children: [q.length > 0 && /* @__PURE__ */ E(a, {
+				children: [q.length > 0 && /* @__PURE__ */ D(a, {
 					title: "Occupancy Trend",
 					description: "Share of units occupied over the selected period",
 					className: "lg:col-span-2",
-					children: /* @__PURE__ */ E("div", {
+					children: /* @__PURE__ */ D("div", {
 						className: "h-56 w-full",
-						children: /* @__PURE__ */ E(f, {
+						children: /* @__PURE__ */ D(f, {
 							width: "100%",
 							height: "100%",
-							children: /* @__PURE__ */ D(b, {
+							children: /* @__PURE__ */ O(b, {
 								data: q,
 								margin: {
 									top: 8,
@@ -408,31 +409,31 @@ function I() {
 									bottom: 0
 								},
 								children: [
-									/* @__PURE__ */ E(h, {
+									/* @__PURE__ */ D(h, {
 										strokeDasharray: "3 3",
 										stroke: "var(--color-border-subtle)",
 										vertical: !1
 									}),
-									/* @__PURE__ */ E(v, {
+									/* @__PURE__ */ D(v, {
 										dataKey: "month",
-										tick: P,
+										tick: F,
 										tickLine: !1,
 										axisLine: !1
 									}),
-									/* @__PURE__ */ E(y, {
-										tick: P,
+									/* @__PURE__ */ D(y, {
+										tick: F,
 										tickLine: !1,
 										axisLine: !1,
 										width: 40,
 										domain: [0, 100],
 										tickFormatter: (e) => `${e}%`
 									}),
-									/* @__PURE__ */ E(d, {
-										contentStyle: M,
-										labelStyle: N,
+									/* @__PURE__ */ D(d, {
+										contentStyle: N,
+										labelStyle: P,
 										formatter: (e) => [`${e}%`, "Occupancy"]
 									}),
-									/* @__PURE__ */ E(g, {
+									/* @__PURE__ */ D(g, {
 										type: "monotone",
 										dataKey: "rate",
 										stroke: "var(--color-chart-2)",
@@ -448,46 +449,46 @@ function I() {
 							})
 						})
 					})
-				}), K.length > 0 && /* @__PURE__ */ E(a, {
+				}), K.length > 0 && /* @__PURE__ */ D(a, {
 					title: "Period Summary",
 					description: "Totals across the selected range",
-					children: /* @__PURE__ */ D("div", {
+					children: /* @__PURE__ */ O("div", {
 						className: "space-y-4",
-						children: [/* @__PURE__ */ D("div", {
+						children: [/* @__PURE__ */ O("div", {
 							className: "flex items-center justify-between rounded-lg bg-bg-sunken/50 p-3",
-							children: [/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
+							children: [/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
 								className: "text-sm text-text-secondary",
 								children: "Total Revenue"
-							}), /* @__PURE__ */ E("p", {
+							}), /* @__PURE__ */ D("p", {
 								className: "text-lg font-bold text-text-primary",
 								children: t(Z)
-							})] }), /* @__PURE__ */ D("div", {
+							})] }), /* @__PURE__ */ O("div", {
 								className: "text-right",
-								children: [/* @__PURE__ */ E("p", {
+								children: [/* @__PURE__ */ D("p", {
 									className: "text-sm text-text-secondary",
 									children: "Total Expenses"
-								}), /* @__PURE__ */ E("p", {
+								}), /* @__PURE__ */ D("p", {
 									className: "text-lg font-bold text-text-primary",
 									children: t(Q)
 								})]
 							})]
-						}), /* @__PURE__ */ D("div", {
+						}), /* @__PURE__ */ O("div", {
 							className: "grid grid-cols-2 gap-3",
-							children: [/* @__PURE__ */ D("div", {
+							children: [/* @__PURE__ */ O("div", {
 								className: "rounded-lg bg-status-success-bg-subtle p-3 text-center",
-								children: [/* @__PURE__ */ E("p", {
+								children: [/* @__PURE__ */ D("p", {
 									className: "text-xl font-bold text-status-success-text",
 									children: t($)
-								}), /* @__PURE__ */ E("p", {
+								}), /* @__PURE__ */ D("p", {
 									className: "text-xs text-text-secondary",
 									children: "Net Income"
 								})]
-							}), /* @__PURE__ */ D("div", {
+							}), /* @__PURE__ */ O("div", {
 								className: "rounded-lg bg-status-info-bg-subtle p-3 text-center",
-								children: [/* @__PURE__ */ D("p", {
+								children: [/* @__PURE__ */ O("p", {
 									className: "text-xl font-bold text-status-info-text",
-									children: [ce.toFixed(1), "%"]
-								}), /* @__PURE__ */ E("p", {
+									children: [se.toFixed(1), "%"]
+								}), /* @__PURE__ */ D("p", {
 									className: "text-xs text-text-secondary",
 									children: "Profit Margin"
 								})]
@@ -496,14 +497,14 @@ function I() {
 					})
 				})]
 			}),
-			K.length > 0 && /* @__PURE__ */ D("div", {
+			K.length > 0 && /* @__PURE__ */ O("div", {
 				id: "analytics-performance",
 				className: "scroll-mt-6",
-				children: [/* @__PURE__ */ E("h2", {
+				children: [/* @__PURE__ */ D("h2", {
 					className: "mb-4 text-lg font-semibold text-text-primary",
 					children: "Monthly Performance"
-				}), /* @__PURE__ */ E(ee, {
-					columns: H,
+				}), /* @__PURE__ */ D(ee, {
+					columns: U,
 					data: K,
 					keyField: "month",
 					pageSize: 12
@@ -513,6 +514,6 @@ function I() {
 	});
 }
 //#endregion
-export { I as AnalyticsPage };
+export { L as AnalyticsPage };
 
 //# sourceMappingURL=AnalyticsPage.js.map