@burdenoff/microfe-housingvista 2026.709.2 → 2026.709.3

package/dist/housingvista/pages/assets/AssetManagementPage.js

@@ -6,22 +6,23 @@ import { StatusBadge as a } from "../../components/StatusBadge.js";
 import { EmptyState as o } from "../../components/EmptyState.js";
 import { ChartCard as ee } from "../../components/ChartCard.js";
 import { FilterBar as te } from "../../components/FilterBar.js";
+import { useTrackPageView as s } from "../../hooks/useHousingVistaAnalytics.js";
 import { useAssets as ne, useCreateAsset as re } from "../../hooks/index.js";
-import { notify as s } from "../../lib/toast.js";
+import { notify as c } from "../../lib/toast.js";
 import "../../components/index.js";
 import { useServerPagination as ie } from "../../hooks/useServerPagination.js";
-import { Tooltip as c } from "../../../node_modules/recharts/es6/component/Tooltip.js";
-import { ResponsiveContainer as ae } from "../../../node_modules/recharts/es6/component/ResponsiveContainer.js";
-import { Cell as oe } from "../../../node_modules/recharts/es6/component/Cell.js";
-import { Pie as se } from "../../../node_modules/recharts/es6/polar/Pie.js";
-import { PieChart as ce } from "../../../node_modules/recharts/es6/chart/PieChart.js";
-import { useEffect as le, useMemo as l, useState as u } from "react";
-import { ArrowDownRight as d, ArrowUpRight as f, BarChart3 as ue, Building as p, DollarSign as de, Download as fe, Eye as pe, ImageOff as m, MapPin as h, Percent as me, Plus as g, Target as he, TrendingUp as ge } from "lucide-react";
+import { Tooltip as ae } from "../../../node_modules/recharts/es6/component/Tooltip.js";
+import { ResponsiveContainer as oe } from "../../../node_modules/recharts/es6/component/ResponsiveContainer.js";
+import { Cell as se } from "../../../node_modules/recharts/es6/component/Cell.js";
+import { Pie as ce } from "../../../node_modules/recharts/es6/polar/Pie.js";
+import { PieChart as le } from "../../../node_modules/recharts/es6/chart/PieChart.js";
+import { useEffect as ue, useMemo as l, useState as u } from "react";
+import { ArrowDownRight as d, ArrowUpRight as f, BarChart3 as de, Building as p, DollarSign as fe, Download as pe, Eye as m, ImageOff as h, MapPin as g, Percent as me, Plus as _, Target as he, TrendingUp as ge } from "lucide-react";
 import { useNavigate as _e } from "react-router-dom";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
-import { Button as y, EmphasisPanel as ve, NextSteps as ye, ResponsiveDialog as be, ResponsiveDialogContent as xe, ResponsiveDialogDescription as Se, ResponsiveDialogFooter as Ce, ResponsiveDialogHeader as we, ResponsiveDialogTitle as Te } from "@burdenoff/fe-libs/ui";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { Button as b, EmphasisPanel as ve, NextSteps as ye, ResponsiveDialog as be, ResponsiveDialogContent as xe, ResponsiveDialogDescription as Se, ResponsiveDialogFooter as Ce, ResponsiveDialogHeader as we, ResponsiveDialogTitle as Te } from "@burdenoff/fe-libs/ui";
 //#region src/housingvista/pages/assets/AssetManagementPage.tsx
-var b = "h-10 w-full rounded-md border border-border-subtle bg-bg-surface px-3 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]", x = [
+var x = "h-10 w-full rounded-md border border-border-subtle bg-bg-surface px-3 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]", S = [
 	"var(--color-chart-1)",
 	"var(--color-chart-2)",
 	"var(--color-chart-3)",
@@ -34,16 +35,16 @@ var b = "h-10 w-full rounded-md border border-border-subtle bg-bg-surface px-3 t
 	fontSize: 12,
 	boxShadow: "0 8px 24px rgb(0 0 0 / 0.12)"
 };
-function S({ src: t, alt: n, className: r }) {
-	return t ? /* @__PURE__ */ _("img", {
+function C({ src: t, alt: n, className: r }) {
+	return t ? /* @__PURE__ */ v("img", {
 		src: t,
 		alt: n,
 		className: e("object-cover", r)
-	}) : /* @__PURE__ */ _("div", {
+	}) : /* @__PURE__ */ v("div", {
 		className: e("flex items-center justify-center bg-gradient-to-br from-bg-sunken to-bg-sunken/50", r),
 		"aria-label": `${n} — no image`,
 		role: "img",
-		children: /* @__PURE__ */ _(m, { className: "h-8 w-8 text-text-secondary/40" })
+		children: /* @__PURE__ */ v(h, { className: "h-8 w-8 text-text-secondary/40" })
 	});
 }
 var De = [
@@ -118,7 +119,7 @@ var De = [
 		label: "Sold"
 	}
 ];
-function C(e) {
+function w(e) {
 	switch (e) {
 		case "active": return "success";
 		case "under_renovation": return "warning";
@@ -127,47 +128,48 @@ function C(e) {
 		default: return "muted";
 	}
 }
-function w() {
-	let m = _e(), w = ie(10), [T, Ae] = u(""), [je, Me] = u("");
-	le(() => {
-		let e = setTimeout(() => Me(T), 300);
+function T() {
+	s("housingvista.asset.viewed");
+	let h = _e(), T = ie(10), [E, Ae] = u(""), [je, Me] = u("");
+	ue(() => {
+		let e = setTimeout(() => Me(E), 300);
 		return () => clearTimeout(e);
-	}, [T]);
-	let { data: E, loading: Ne } = ne({
+	}, [E]);
+	let { data: D, loading: Ne } = ne({
 		filter: { search: je.trim() || void 0 },
-		pagination: w.pagination
-	}), { createAsset: D, loading: O } = re(), Pe = (e) => {
-		Ae(e), w.setPage(1);
-	}, [Fe, k] = u(!1), [A, j] = u(""), [M, N] = u("residential"), [P, F] = u("apartment"), [I, L] = u(""), [R, z] = u(""), [B, V] = u(""), [H, U] = u(""), [W, G] = u(""), [K, q] = u(""), [J, Y] = u("active"), X = () => {
+		pagination: T.pagination
+	}), { createAsset: Pe, loading: O } = re(), Fe = (e) => {
+		Ae(e), T.setPage(1);
+	}, [Ie, k] = u(!1), [A, j] = u(""), [M, N] = u("residential"), [P, F] = u("apartment"), [I, L] = u(""), [R, z] = u(""), [B, V] = u(""), [H, U] = u(""), [W, G] = u(""), [K, q] = u(""), [J, Y] = u("active"), X = () => {
 		j(""), N("residential"), F("apartment"), L(""), z(""), V(""), U(""), G(""), q(""), Y("active");
 	}, Z = () => {
 		X(), k(!0);
-	}, Ie = async (e) => {
+	}, Le = async (e) => {
 		if (e.preventDefault(), !A.trim()) {
-			s.warning("Enter an asset title");
+			c.warning("Enter an asset title");
 			return;
 		}
 		if (!I.trim()) {
-			s.warning("Enter a location");
+			c.warning("Enter a location");
 			return;
 		}
 		let t = Number(R), n = Number(B);
 		if (!Number.isFinite(t) || t <= 0) {
-			s.warning("Enter a valid current value");
+			c.warning("Enter a valid current value");
 			return;
 		}
 		if (!Number.isFinite(n) || n <= 0) {
-			s.warning("Enter a valid purchase price");
+			c.warning("Enter a valid purchase price");
 			return;
 		}
 		let r = W.trim() ? Number(W) : void 0;
 		if (r !== void 0 && !Number.isFinite(r)) {
-			s.warning("Enter a valid rental yield");
+			c.warning("Enter a valid rental yield");
 			return;
 		}
 		let i = n > 0 ? (t - n) / n * 100 : 0;
 		try {
-			await D({
+			await Pe({
 				title: A.trim(),
 				type: M,
 				category: P,
@@ -179,13 +181,13 @@ function w() {
 				rentalYield: r,
 				status: J,
 				imageUrl: K.trim() || void 0
-			}), s.success("Asset added", `${A.trim()} was added to your portfolio.`), k(!1), X();
+			}), c.success("Asset added", `${A.trim()} was added to your portfolio.`), k(!1), X();
 		} catch (e) {
-			s.error("Could not add asset", e.message);
+			c.error("Could not add asset", e.message);
 		}
-	}, Le = () => {
-		if (E.length === 0) {
-			s.warning("Nothing to export", "There are no assets to export yet.");
+	}, Re = () => {
+		if (D.length === 0) {
+			c.warning("Nothing to export", "There are no assets to export yet.");
 			return;
 		}
 		let e = (e) => `"${e.replace(/"/g, "\"\"")}"`, t = [
@@ -198,7 +200,7 @@ function w() {
 			"Appreciation %",
 			"Rental Yield %",
 			"Status"
-		], n = E.map((t) => [
+		], n = D.map((t) => [
 			t.title,
 			t.type,
 			t.category,
@@ -209,77 +211,77 @@ function w() {
 			t.rentalYield == null ? "" : String(t.rentalYield),
 			t.status
 		].map((t) => e(String(t))).join(",")), r = [t.map(e).join(","), ...n].join("\n"), i = new Blob([r], { type: "text/csv;charset=utf-8;" }), a = URL.createObjectURL(i), o = document.createElement("a");
-		o.href = a, o.download = `housingvista-assets-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.csv`, document.body.appendChild(o), o.click(), document.body.removeChild(o), URL.revokeObjectURL(a), s.success("Export ready", `${E.length} assets exported to CSV.`);
+		o.href = a, o.download = `housingvista-assets-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.csv`, document.body.appendChild(o), o.click(), document.body.removeChild(o), URL.revokeObjectURL(a), c.success("Export ready", `${D.length} assets exported to CSV.`);
 	}, Q = l(() => {
-		let e = E.reduce((e, t) => e + t.currentValue, 0), t = E.filter((e) => e.rentalYield).reduce((e, t) => e + t.currentValue * (t.rentalYield || 0) / 100 / 12, 0), n = E.length > 0 ? E.reduce((e, t) => e + t.appreciationPercent, 0) / E.length : 0, r = E.reduce((e, t) => e + t.purchasePrice, 0);
+		let e = D.reduce((e, t) => e + t.currentValue, 0), t = D.filter((e) => e.rentalYield).reduce((e, t) => e + t.currentValue * (t.rentalYield || 0) / 100 / 12, 0), n = D.length > 0 ? D.reduce((e, t) => e + t.appreciationPercent, 0) / D.length : 0, r = D.reduce((e, t) => e + t.purchasePrice, 0);
 		return {
 			totalValue: e,
 			totalMonthlyIncome: t,
 			avgAppreciation: n,
 			totalROI: r > 0 ? (e - r) / r * 100 : 0
 		};
-	}, [E]), $ = l(() => {
+	}, [D]), $ = l(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of E) e.set(t.type, (e.get(t.type) ?? 0) + t.currentValue);
+		for (let t of D) e.set(t.type, (e.get(t.type) ?? 0) + t.currentValue);
 		let t = Array.from(e.entries()).filter(([, e]) => e > 0).map(([e, t], n) => ({
 			type: e,
 			label: e.charAt(0).toUpperCase() + e.slice(1).replace("_", " "),
 			value: t,
-			color: x[n % x.length]
+			color: S[n % S.length]
 		})).sort((e, t) => t.value - e.value);
 		return {
 			rows: t,
 			total: t.reduce((e, t) => e + t.value, 0)
 		};
-	}, [E]);
-	return /* @__PURE__ */ v(n, {
+	}, [D]);
+	return /* @__PURE__ */ y(n, {
 		title: "Asset Management",
 		description: "Monitor and manage your property portfolio performance",
 		purpose: "See how every property you own is performing as an investment — current value, appreciation, rental yield, and overall ROI in one portfolio view. Use it to decide what to hold, renovate, or sell.",
-		actions: /* @__PURE__ */ v("div", {
+		actions: /* @__PURE__ */ y("div", {
 			className: "flex items-center gap-2",
-			children: [/* @__PURE__ */ v("button", {
-				onClick: Le,
+			children: [/* @__PURE__ */ y("button", {
+				onClick: Re,
 				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",
-				children: [/* @__PURE__ */ _(fe, { className: "h-4 w-4" }), "Export"]
-			}), /* @__PURE__ */ v("button", {
+				children: [/* @__PURE__ */ v(pe, { className: "h-4 w-4" }), "Export"]
+			}), /* @__PURE__ */ y("button", {
 				onClick: Z,
 				className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg-hover",
-				children: [/* @__PURE__ */ _(g, { className: "h-4 w-4" }), "Add Asset"]
+				children: [/* @__PURE__ */ v(_, { className: "h-4 w-4" }), "Add Asset"]
 			})]
 		}),
 		children: [
-			/* @__PURE__ */ _(ve, {
+			/* @__PURE__ */ v(ve, {
 				className: "p-4",
-				children: /* @__PURE__ */ v("div", {
+				children: /* @__PURE__ */ y("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
 					children: [
-						/* @__PURE__ */ _(r, {
+						/* @__PURE__ */ v(r, {
 							label: "Total Value",
 							value: Q.totalValue,
 							prefix: "$",
-							icon: /* @__PURE__ */ _(de, { className: "h-4 w-4" })
+							icon: /* @__PURE__ */ v(fe, { className: "h-4 w-4" })
 						}),
-						/* @__PURE__ */ _(r, {
+						/* @__PURE__ */ v(r, {
 							label: "Monthly Income",
 							value: Math.round(Q.totalMonthlyIncome),
 							prefix: "$",
-							icon: /* @__PURE__ */ _(ge, { className: "h-4 w-4" })
+							icon: /* @__PURE__ */ v(ge, { className: "h-4 w-4" })
 						}),
-						/* @__PURE__ */ _(r, {
+						/* @__PURE__ */ v(r, {
 							label: "Avg. Appreciation",
 							value: `${Q.avgAppreciation.toFixed(1)}%`,
-							icon: /* @__PURE__ */ _(ue, { className: "h-4 w-4" })
+							icon: /* @__PURE__ */ v(de, { className: "h-4 w-4" })
 						}),
-						/* @__PURE__ */ _(r, {
+						/* @__PURE__ */ v(r, {
 							label: "Overall ROI",
 							value: `${Q.totalROI.toFixed(1)}%`,
-							icon: /* @__PURE__ */ _(p, { className: "h-4 w-4" })
+							icon: /* @__PURE__ */ v(p, { className: "h-4 w-4" })
 						})
 					]
 				})
 			}),
-			/* @__PURE__ */ _(ye, {
+			/* @__PURE__ */ v(ye, {
 				storageKey: "housingvista-assets",
 				steps: [
 					{
@@ -287,15 +289,15 @@ function w() {
 						label: "Open an asset to see full performance",
 						description: "Drill into value history, yield, and ROI for any property.",
 						onClick: () => {
-							let e = E[0];
-							e && m(`../assets/${e.id}`);
+							let e = D[0];
+							e && h(`../assets/${e.id}`);
 						}
 					},
 					{
 						id: "compare-market",
 						label: "Compare against market trends",
 						description: "Check market analytics to benchmark your portfolio.",
-						onClick: () => m("../market-analytics")
+						onClick: () => h("../market-analytics")
 					},
 					{
 						id: "add-asset",
@@ -305,86 +307,86 @@ function w() {
 					}
 				]
 			}),
-			E.length > 0 && /* @__PURE__ */ v("div", {
+			D.length > 0 && /* @__PURE__ */ y("div", {
 				className: "grid grid-cols-1 gap-6 xl:grid-cols-3",
-				children: [/* @__PURE__ */ _("div", {
+				children: [/* @__PURE__ */ v("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-2 xl:col-span-2",
-					children: E.map((n) => {
+					children: D.map((n) => {
 						let r = n.currentValue - n.purchasePrice, i = r >= 0, o = n.purchasePrice > 0 ? r / n.purchasePrice * 100 : 0;
-						return /* @__PURE__ */ v("button", {
+						return /* @__PURE__ */ y("button", {
 							type: "button",
-							onClick: () => m(`../assets/${n.id}`),
+							onClick: () => h(`../assets/${n.id}`),
 							className: "group overflow-hidden rounded-card border border-border-seam bg-bg-surface text-left shadow-elevation-1 transition-[box-shadow,border-color] hover:border-border-strong hover:shadow-elevation-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]",
-							children: [/* @__PURE__ */ v("div", {
+							children: [/* @__PURE__ */ y("div", {
 								className: "relative aspect-[16/9] overflow-hidden",
 								children: [
-									/* @__PURE__ */ _(S, {
+									/* @__PURE__ */ v(C, {
 										src: n.imageUrl,
 										alt: n.title,
 										className: "h-full w-full"
 									}),
-									/* @__PURE__ */ _("div", {
+									/* @__PURE__ */ v("div", {
 										className: "absolute left-3 top-3",
-										children: /* @__PURE__ */ _(a, {
+										children: /* @__PURE__ */ v(a, {
 											label: n.status.replace("_", " "),
-											variant: C(n.status),
+											variant: w(n.status),
 											dot: !0
 										})
 									}),
-									/* @__PURE__ */ v("div", {
+									/* @__PURE__ */ y("div", {
 										className: e("absolute right-3 top-3 inline-flex items-center gap-0.5 rounded-full px-2 py-0.5 text-xs font-semibold backdrop-blur-sm", i ? "bg-status-success-bg-subtle text-status-success-text" : "bg-status-error-bg-subtle text-status-error-text"),
 										children: [
-											_(i ? f : d, { className: "h-3 w-3" }),
+											v(i ? f : d, { className: "h-3 w-3" }),
 											n.appreciationPercent,
 											"%"
 										]
 									})
 								]
-							}), /* @__PURE__ */ v("div", {
+							}), /* @__PURE__ */ y("div", {
 								className: "p-4",
 								children: [
-									/* @__PURE__ */ _("h3", {
+									/* @__PURE__ */ v("h3", {
 										className: "truncate font-medium text-text-primary",
 										children: n.title
 									}),
-									/* @__PURE__ */ v("p", {
+									/* @__PURE__ */ y("p", {
 										className: "mt-0.5 flex items-center gap-1 text-xs text-text-secondary",
-										children: [/* @__PURE__ */ _(h, { className: "h-3 w-3 shrink-0" }), /* @__PURE__ */ _("span", {
+										children: [/* @__PURE__ */ v(g, { className: "h-3 w-3 shrink-0" }), /* @__PURE__ */ v("span", {
 											className: "truncate",
 											children: n.location
 										})]
 									}),
-									/* @__PURE__ */ v("div", {
+									/* @__PURE__ */ y("div", {
 										className: "mt-3 flex items-end justify-between",
-										children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+										children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 											className: "text-xs text-text-secondary",
 											children: "Current Value"
-										}), /* @__PURE__ */ _("p", {
+										}), /* @__PURE__ */ v("p", {
 											className: "text-lg font-bold text-text-primary",
 											children: t(n.currentValue)
-										})] }), /* @__PURE__ */ _("span", {
+										})] }), /* @__PURE__ */ v("span", {
 											className: "rounded-md bg-bg-sunken px-2 py-1 text-xs font-medium capitalize text-text-secondary",
 											children: n.category
 										})]
 									}),
-									/* @__PURE__ */ v("div", {
+									/* @__PURE__ */ y("div", {
 										className: "mt-3 grid grid-cols-2 gap-3 border-t border-border-subtle pt-3 text-xs",
-										children: [/* @__PURE__ */ v("div", {
+										children: [/* @__PURE__ */ y("div", {
 											className: "flex items-center gap-1.5 text-text-secondary",
 											children: [
-												/* @__PURE__ */ _(me, { className: "h-3.5 w-3.5" }),
-												/* @__PURE__ */ _("span", { children: "Yield" }),
-												/* @__PURE__ */ _("span", {
+												/* @__PURE__ */ v(me, { className: "h-3.5 w-3.5" }),
+												/* @__PURE__ */ v("span", { children: "Yield" }),
+												/* @__PURE__ */ v("span", {
 													className: "ml-auto font-semibold text-text-primary",
 													children: n.rentalYield == null ? "—" : `${n.rentalYield}%`
 												})
 											]
-										}), /* @__PURE__ */ v("div", {
+										}), /* @__PURE__ */ y("div", {
 											className: "flex items-center gap-1.5 text-text-secondary",
 											children: [
-												/* @__PURE__ */ _(he, { className: "h-3.5 w-3.5" }),
-												/* @__PURE__ */ _("span", { children: "ROI" }),
-												/* @__PURE__ */ v("span", {
+												/* @__PURE__ */ v(he, { className: "h-3.5 w-3.5" }),
+												/* @__PURE__ */ v("span", { children: "ROI" }),
+												/* @__PURE__ */ y("span", {
 													className: e("ml-auto font-semibold", o >= 0 ? "text-status-success-text" : "text-status-error-text"),
 													children: [o.toFixed(1), "%"]
 												})
@@ -395,17 +397,17 @@ function w() {
 							})]
 						}, n.id);
 					})
-				}), $.rows.length > 0 && /* @__PURE__ */ _("aside", {
+				}), $.rows.length > 0 && /* @__PURE__ */ v("aside", {
 					className: "xl:col-span-1",
-					children: /* @__PURE__ */ v(ee, {
+					children: /* @__PURE__ */ y(ee, {
 						title: "Portfolio by Type",
 						description: "Current value split across property types",
-						children: [/* @__PURE__ */ v("div", {
+						children: [/* @__PURE__ */ y("div", {
 							className: "relative h-52 w-full",
-							children: [/* @__PURE__ */ _(ae, {
+							children: [/* @__PURE__ */ v(oe, {
 								width: "100%",
 								height: "100%",
-								children: /* @__PURE__ */ v(ce, { children: [/* @__PURE__ */ _(se, {
+								children: /* @__PURE__ */ y(le, { children: [/* @__PURE__ */ v(ce, {
 									data: $.rows,
 									dataKey: "value",
 									nameKey: "label",
@@ -414,35 +416,35 @@ function w() {
 									paddingAngle: 2,
 									stroke: "var(--color-bg-surface)",
 									strokeWidth: 2,
-									children: $.rows.map((e) => /* @__PURE__ */ _(oe, { fill: e.color }, e.type))
-								}), /* @__PURE__ */ _(c, {
+									children: $.rows.map((e) => /* @__PURE__ */ v(se, { fill: e.color }, e.type))
+								}), /* @__PURE__ */ v(ae, {
 									contentStyle: Ee,
 									formatter: (e, n, r) => [t(e), r?.payload?.label]
 								})] })
-							}), /* @__PURE__ */ v("div", {
+							}), /* @__PURE__ */ y("div", {
 								className: "pointer-events-none absolute inset-0 flex flex-col items-center justify-center",
-								children: [/* @__PURE__ */ _("span", {
+								children: [/* @__PURE__ */ v("span", {
 									className: "text-xs text-text-secondary",
 									children: "Total value"
-								}), /* @__PURE__ */ _("span", {
+								}), /* @__PURE__ */ v("span", {
 									className: "text-lg font-bold text-text-primary",
 									children: t($.total)
 								})]
 							})]
-						}), /* @__PURE__ */ _("ul", {
+						}), /* @__PURE__ */ v("ul", {
 							className: "mt-4 space-y-2.5",
-							children: $.rows.map((e) => /* @__PURE__ */ v("li", {
+							children: $.rows.map((e) => /* @__PURE__ */ y("li", {
 								className: "flex items-center justify-between text-sm",
-								children: [/* @__PURE__ */ v("span", {
+								children: [/* @__PURE__ */ y("span", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ _("span", {
+									children: [/* @__PURE__ */ v("span", {
 										className: "h-2.5 w-2.5 rounded-full",
 										style: { background: e.color }
-									}), /* @__PURE__ */ _("span", {
+									}), /* @__PURE__ */ v("span", {
 										className: "text-text-primary",
 										children: e.label
 									})]
-								}), /* @__PURE__ */ v("span", {
+								}), /* @__PURE__ */ y("span", {
 									className: "font-medium text-text-secondary",
 									children: [$.total > 0 ? Math.round(e.value / $.total * 100) : 0, "%"]
 								})]
@@ -451,42 +453,42 @@ function w() {
 					})
 				})]
 			}),
-			/* @__PURE__ */ v("div", { children: [
-				/* @__PURE__ */ _("h2", {
+			/* @__PURE__ */ y("div", { children: [
+				/* @__PURE__ */ v("h2", {
 					className: "mb-4 text-lg font-semibold text-text-primary",
 					children: "All Assets"
 				}),
-				/* @__PURE__ */ _(te, {
-					searchValue: T,
-					onSearchChange: Pe,
+				/* @__PURE__ */ v(te, {
+					searchValue: E,
+					onSearchChange: Fe,
 					searchPlaceholder: "Search assets by name, location, or type..."
 				}),
-				/* @__PURE__ */ _("div", {
+				/* @__PURE__ */ v("div", {
 					className: "mt-4",
-					children: E.length > 0 ? /* @__PURE__ */ _(i, {
+					children: D.length > 0 ? /* @__PURE__ */ v(i, {
 						columns: [
 							{
 								key: "title",
 								header: "Property",
-								render: (e) => /* @__PURE__ */ v("div", {
+								render: (e) => /* @__PURE__ */ y("div", {
 									className: "flex items-center gap-3",
-									children: [/* @__PURE__ */ _(S, {
+									children: [/* @__PURE__ */ v(C, {
 										src: e.imageUrl,
 										alt: e.title,
 										className: "h-10 w-10 shrink-0 rounded-md"
-									}), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("div", {
+									}), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("div", {
 										className: "font-medium text-text-primary",
 										children: e.title
-									}), /* @__PURE__ */ v("div", {
+									}), /* @__PURE__ */ y("div", {
 										className: "flex items-center gap-1 text-xs text-text-secondary",
-										children: [/* @__PURE__ */ _(h, { className: "h-3 w-3" }), e.location]
+										children: [/* @__PURE__ */ v(g, { className: "h-3 w-3" }), e.location]
 									})] })]
 								})
 							},
 							{
 								key: "type",
 								header: "Type",
-								render: (e) => /* @__PURE__ */ _("span", {
+								render: (e) => /* @__PURE__ */ v("span", {
 									className: "text-sm capitalize text-text-primary",
 									children: e.type
 								})
@@ -494,7 +496,7 @@ function w() {
 							{
 								key: "purchasePrice",
 								header: "Purchase Price",
-								render: (e) => /* @__PURE__ */ _("span", {
+								render: (e) => /* @__PURE__ */ v("span", {
 									className: "text-sm text-text-primary",
 									children: t(e.purchasePrice)
 								})
@@ -502,7 +504,7 @@ function w() {
 							{
 								key: "currentValue",
 								header: "Current Value",
-								render: (e) => /* @__PURE__ */ _("span", {
+								render: (e) => /* @__PURE__ */ v("span", {
 									className: "text-sm font-medium text-text-primary",
 									children: t(e.currentValue)
 								})
@@ -512,12 +514,12 @@ function w() {
 								header: "Change",
 								render: (n) => {
 									let r = n.currentValue - n.purchasePrice, i = r >= 0;
-									return /* @__PURE__ */ v("div", {
+									return /* @__PURE__ */ y("div", {
 										className: e("flex items-center gap-1 text-sm font-medium", i ? "text-status-success-text" : "text-status-error-text"),
 										children: [
-											_(i ? f : d, { className: "h-3 w-3" }),
+											v(i ? f : d, { className: "h-3 w-3" }),
 											t(Math.abs(r)),
-											/* @__PURE__ */ v("span", {
+											/* @__PURE__ */ y("span", {
 												className: "text-xs",
 												children: [
 													"(",
@@ -532,115 +534,115 @@ function w() {
 							{
 								key: "status",
 								header: "Status",
-								render: (e) => /* @__PURE__ */ _(a, {
+								render: (e) => /* @__PURE__ */ v(a, {
 									label: e.status.replace("_", " "),
-									variant: C(e.status)
+									variant: w(e.status)
 								})
 							},
 							{
 								key: "actions",
 								header: "",
 								sortable: !1,
-								render: (e) => /* @__PURE__ */ v("button", {
+								render: (e) => /* @__PURE__ */ y("button", {
 									onClick: (t) => {
-										t.stopPropagation(), m(`../assets/${e.id}`);
+										t.stopPropagation(), h(`../assets/${e.id}`);
 									},
 									className: "inline-flex items-center gap-1 rounded-md border border-border-subtle px-2 py-1 text-xs font-medium text-text-primary transition-colors hover:bg-bg-sunken",
-									children: [/* @__PURE__ */ _(pe, { className: "h-3 w-3" }), "View"]
+									children: [/* @__PURE__ */ v(m, { className: "h-3 w-3" }), "View"]
 								})
 							}
 						],
-						data: E,
+						data: D,
 						keyField: "id",
-						onRowClick: (e) => m(`../assets/${e.id}`),
+						onRowClick: (e) => h(`../assets/${e.id}`),
 						pageSize: 10,
 						serverPagination: {
-							page: w.page,
-							pageSize: w.pageSize,
-							hasNextPage: E.length >= w.pageSize,
+							page: T.page,
+							pageSize: T.pageSize,
+							hasNextPage: D.length >= T.pageSize,
 							loading: Ne,
-							onPageChange: w.setPage,
-							onPageSizeChange: w.setPageSize
+							onPageChange: T.setPage,
+							onPageSizeChange: T.setPageSize
 						}
-					}) : /* @__PURE__ */ _(o, {
+					}) : /* @__PURE__ */ v(o, {
 						illustration: "empty-search",
-						icon: /* @__PURE__ */ _(p, { className: "h-12 w-12" }),
+						icon: /* @__PURE__ */ v(p, { className: "h-12 w-12" }),
 						title: "No assets found",
 						description: "Try adjusting your search criteria or add a new asset.",
-						action: /* @__PURE__ */ v("button", {
+						action: /* @__PURE__ */ y("button", {
 							onClick: Z,
 							className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg-hover",
-							children: [/* @__PURE__ */ _(g, { className: "h-4 w-4" }), "Add Asset"]
+							children: [/* @__PURE__ */ v(_, { className: "h-4 w-4" }), "Add Asset"]
 						})
 					})
 				})
 			] }),
-			/* @__PURE__ */ _(be, {
-				open: Fe,
+			/* @__PURE__ */ v(be, {
+				open: Ie,
 				onOpenChange: k,
-				children: /* @__PURE__ */ _(xe, {
+				children: /* @__PURE__ */ v(xe, {
 					className: "sm:max-w-lg",
-					children: /* @__PURE__ */ v("form", {
-						onSubmit: Ie,
+					children: /* @__PURE__ */ y("form", {
+						onSubmit: Le,
 						children: [
-							/* @__PURE__ */ v(we, { children: [/* @__PURE__ */ _(Te, { children: "Add asset" }), /* @__PURE__ */ _(Se, { children: "Bring a property you own into your portfolio to track its value and performance." })] }),
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ y(we, { children: [/* @__PURE__ */ v(Te, { children: "Add asset" }), /* @__PURE__ */ v(Se, { children: "Bring a property you own into your portfolio to track its value and performance." })] }),
+							/* @__PURE__ */ y("div", {
 								className: "space-y-3 py-2",
 								children: [
-									/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+									/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
 										className: "mb-1.5 block text-sm font-medium text-text-primary",
 										children: "Title *"
-									}), /* @__PURE__ */ _("input", {
+									}), /* @__PURE__ */ v("input", {
 										type: "text",
 										required: !0,
 										placeholder: "e.g. Riverside Villa",
 										value: A,
 										onChange: (e) => j(e.target.value),
-										className: b
+										className: x
 									})] }),
-									/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+									/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
 										className: "mb-1.5 block text-sm font-medium text-text-primary",
 										children: "Location *"
-									}), /* @__PURE__ */ _("input", {
+									}), /* @__PURE__ */ v("input", {
 										type: "text",
 										required: !0,
 										placeholder: "City, State",
 										value: I,
 										onChange: (e) => L(e.target.value),
-										className: b
+										className: x
 									})] }),
-									/* @__PURE__ */ v("div", {
+									/* @__PURE__ */ y("div", {
 										className: "grid grid-cols-1 gap-3 sm:grid-cols-2",
-										children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+										children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
 											className: "mb-1.5 block text-sm font-medium text-text-primary",
 											children: "Type"
-										}), /* @__PURE__ */ _("select", {
+										}), /* @__PURE__ */ v("select", {
 											value: M,
 											onChange: (e) => N(e.target.value),
-											className: b,
-											children: De.map((e) => /* @__PURE__ */ _("option", {
+											className: x,
+											children: De.map((e) => /* @__PURE__ */ v("option", {
 												value: e.value,
 												children: e.label
 											}, e.value))
-										})] }), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+										})] }), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
 											className: "mb-1.5 block text-sm font-medium text-text-primary",
 											children: "Category"
-										}), /* @__PURE__ */ _("select", {
+										}), /* @__PURE__ */ v("select", {
 											value: P,
 											onChange: (e) => F(e.target.value),
-											className: b,
-											children: Oe.map((e) => /* @__PURE__ */ _("option", {
+											className: x,
+											children: Oe.map((e) => /* @__PURE__ */ v("option", {
 												value: e.value,
 												children: e.label
 											}, e.value))
 										})] })]
 									}),
-									/* @__PURE__ */ v("div", {
+									/* @__PURE__ */ y("div", {
 										className: "grid grid-cols-1 gap-3 sm:grid-cols-2",
-										children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+										children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
 											className: "mb-1.5 block text-sm font-medium text-text-primary",
 											children: "Purchase price (USD) *"
-										}), /* @__PURE__ */ _("input", {
+										}), /* @__PURE__ */ v("input", {
 											type: "number",
 											required: !0,
 											min: 1,
@@ -648,11 +650,11 @@ function w() {
 											placeholder: "0",
 											value: B,
 											onChange: (e) => V(e.target.value),
-											className: b
-										})] }), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+											className: x
+										})] }), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
 											className: "mb-1.5 block text-sm font-medium text-text-primary",
 											children: "Current value (USD) *"
-										}), /* @__PURE__ */ _("input", {
+										}), /* @__PURE__ */ v("input", {
 											type: "number",
 											required: !0,
 											min: 1,
@@ -660,65 +662,65 @@ function w() {
 											placeholder: "0",
 											value: R,
 											onChange: (e) => z(e.target.value),
-											className: b
+											className: x
 										})] })]
 									}),
-									/* @__PURE__ */ v("div", {
+									/* @__PURE__ */ y("div", {
 										className: "grid grid-cols-1 gap-3 sm:grid-cols-3",
 										children: [
-											/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+											/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
 												className: "mb-1.5 block text-sm font-medium text-text-primary",
 												children: "Purchase date"
-											}), /* @__PURE__ */ _("input", {
+											}), /* @__PURE__ */ v("input", {
 												type: "date",
 												value: H,
 												onChange: (e) => U(e.target.value),
-												className: b
+												className: x
 											})] }),
-											/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+											/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
 												className: "mb-1.5 block text-sm font-medium text-text-primary",
 												children: "Rental yield (%)"
-											}), /* @__PURE__ */ _("input", {
+											}), /* @__PURE__ */ v("input", {
 												type: "number",
 												min: 0,
 												step: "any",
 												placeholder: "0",
 												value: W,
 												onChange: (e) => G(e.target.value),
-												className: b
+												className: x
 											})] }),
-											/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+											/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
 												className: "mb-1.5 block text-sm font-medium text-text-primary",
 												children: "Status"
-											}), /* @__PURE__ */ _("select", {
+											}), /* @__PURE__ */ v("select", {
 												value: J,
 												onChange: (e) => Y(e.target.value),
-												className: b,
-												children: ke.map((e) => /* @__PURE__ */ _("option", {
+												className: x,
+												children: ke.map((e) => /* @__PURE__ */ v("option", {
 													value: e.value,
 													children: e.label
 												}, e.value))
 											})] })
 										]
 									}),
-									/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+									/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
 										className: "mb-1.5 block text-sm font-medium text-text-primary",
 										children: "Image URL"
-									}), /* @__PURE__ */ _("input", {
+									}), /* @__PURE__ */ v("input", {
 										type: "url",
 										placeholder: "https://…",
 										value: K,
 										onChange: (e) => q(e.target.value),
-										className: b
+										className: x
 									})] })
 								]
 							}),
-							/* @__PURE__ */ v(Ce, { children: [/* @__PURE__ */ _(y, {
+							/* @__PURE__ */ y(Ce, { children: [/* @__PURE__ */ v(b, {
 								type: "button",
 								variant: "outline",
 								onClick: () => k(!1),
 								children: "Cancel"
-							}), /* @__PURE__ */ _(y, {
+							}), /* @__PURE__ */ v(b, {
 								type: "submit",
 								disabled: O || !A.trim() || !I.trim(),
 								children: O ? "Adding…" : "Add asset"
@@ -731,6 +733,6 @@ function w() {
 	});
 }
 //#endregion
-export { w as AssetManagementPage };
+export { T as AssetManagementPage };
 
 //# sourceMappingURL=AssetManagementPage.js.map