@burdenoff/microfe-housingvista 2026.709.2 → 2026.709.3

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

@@ -4,22 +4,23 @@ import { StatusBadge as i } from "../../components/StatusBadge.js";
 import { EmptyState as a } from "../../components/EmptyState.js";
 import { Breadcrumbs as o } from "../../components/Breadcrumbs.js";
 import { LoadingSkeleton as s } from "../../components/LoadingSkeleton.js";
-import { useAsset as c } from "../../hooks/index.js";
+import { useTrackPageView as c } from "../../hooks/useHousingVistaAnalytics.js";
+import { useAsset as l } from "../../hooks/index.js";
 import "../../components/index.js";
-import { Tooltip as l } from "../../../node_modules/recharts/es6/component/Tooltip.js";
-import { ResponsiveContainer as u } from "../../../node_modules/recharts/es6/component/ResponsiveContainer.js";
-import { Cell as d } from "../../../node_modules/recharts/es6/component/Cell.js";
-import { Bar as f } from "../../../node_modules/recharts/es6/cartesian/Bar.js";
-import { CartesianGrid as p } from "../../../node_modules/recharts/es6/cartesian/CartesianGrid.js";
-import { XAxis as m } from "../../../node_modules/recharts/es6/cartesian/XAxis.js";
-import { YAxis as h } from "../../../node_modules/recharts/es6/cartesian/YAxis.js";
-import { BarChart as g } from "../../../node_modules/recharts/es6/chart/BarChart.js";
-import { ArrowDownRight as _, ArrowLeft as v, ArrowUpRight as y, BarChart3 as b, Building as x, Calendar as S, DollarSign as C, ImageOff as w, MapPin as T, Percent as E, Target as D, TrendingUp as O } from "lucide-react";
-import { useNavigate as k, useParams as A } from "react-router-dom";
-import { jsx as j, jsxs as M } from "react/jsx-runtime";
-import { EmphasisPanel as N, GlassCard as P, NextSteps as F, PagePurpose as I } from "@burdenoff/fe-libs/ui";
+import { Tooltip as u } from "../../../node_modules/recharts/es6/component/Tooltip.js";
+import { ResponsiveContainer as d } from "../../../node_modules/recharts/es6/component/ResponsiveContainer.js";
+import { Cell as f } from "../../../node_modules/recharts/es6/component/Cell.js";
+import { Bar as p } from "../../../node_modules/recharts/es6/cartesian/Bar.js";
+import { CartesianGrid as m } from "../../../node_modules/recharts/es6/cartesian/CartesianGrid.js";
+import { XAxis as h } from "../../../node_modules/recharts/es6/cartesian/XAxis.js";
+import { YAxis as g } from "../../../node_modules/recharts/es6/cartesian/YAxis.js";
+import { BarChart as _ } from "../../../node_modules/recharts/es6/chart/BarChart.js";
+import { ArrowDownRight as v, ArrowLeft as y, ArrowUpRight as b, BarChart3 as x, Building as S, Calendar as C, DollarSign as w, ImageOff as T, MapPin as E, Percent as D, Target as O, TrendingUp as k } from "lucide-react";
+import { useNavigate as A, useParams as j } from "react-router-dom";
+import { jsx as M, jsxs as N } from "react/jsx-runtime";
+import { EmphasisPanel as P, GlassCard as F, NextSteps as I, PagePurpose as L } from "@burdenoff/fe-libs/ui";
 //#region src/housingvista/pages/assets/AssetDetailPage.tsx
-function L(e) {
+function R(e) {
 	switch (e) {
 		case "active": return "success";
 		case "under_renovation": return "warning";
@@ -28,213 +29,215 @@ function L(e) {
 		default: return "muted";
 	}
 }
-function R() {
-	let { id: R } = A(), z = k(), { data: B, loading: V } = c(R);
-	if (V) return /* @__PURE__ */ j("div", {
+function z() {
+	let { id: z } = j();
+	c("housingvista.asset.viewed", z);
+	let B = A(), { data: V, loading: H } = l(z);
+	if (H) return /* @__PURE__ */ M("div", {
 		className: "flex flex-col gap-6 p-6",
-		children: /* @__PURE__ */ j(s, { variant: "detail" })
+		children: /* @__PURE__ */ M(s, { variant: "detail" })
 	});
-	if (!B) return /* @__PURE__ */ j("div", {
+	if (!V) return /* @__PURE__ */ M("div", {
 		className: "p-6",
-		children: /* @__PURE__ */ j(a, {
+		children: /* @__PURE__ */ M(a, {
 			illustration: "empty-search",
-			icon: /* @__PURE__ */ j(x, { className: "h-12 w-12" }),
+			icon: /* @__PURE__ */ M(S, { className: "h-12 w-12" }),
 			title: "Asset Not Found",
 			description: "The asset you're looking for doesn't exist or has been removed.",
-			action: /* @__PURE__ */ M("button", {
-				onClick: () => z("../assets"),
+			action: /* @__PURE__ */ N("button", {
+				onClick: () => B("../assets"),
 				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__ */ j(v, { className: "h-4 w-4" }), "Back to Assets"]
+				children: [/* @__PURE__ */ M(y, { className: "h-4 w-4" }), "Back to Assets"]
 			})
 		})
 	});
-	let H = B.currentValue - B.purchasePrice, U = H >= 0, W = B.purchasePrice > 0 ? H / B.purchasePrice * 100 : 0, G = B.rentalYield ? B.currentValue * B.rentalYield / 100 / 12 : 0;
-	return /* @__PURE__ */ M("div", {
+	let U = V.currentValue - V.purchasePrice, W = U >= 0, G = V.purchasePrice > 0 ? U / V.purchasePrice * 100 : 0, K = V.rentalYield ? V.currentValue * V.rentalYield / 100 / 12 : 0;
+	return /* @__PURE__ */ N("div", {
 		className: "flex flex-col gap-6 p-6",
 		children: [
-			/* @__PURE__ */ j(o, { items: [{
+			/* @__PURE__ */ M(o, { items: [{
 				label: "Assets",
 				href: "../"
-			}, { label: B.title }] }),
-			/* @__PURE__ */ M("div", {
+			}, { label: V.title }] }),
+			/* @__PURE__ */ N("div", {
 				className: "flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between",
-				children: [/* @__PURE__ */ M("div", { children: [
-					/* @__PURE__ */ M("button", {
-						onClick: () => z("../assets"),
+				children: [/* @__PURE__ */ N("div", { children: [
+					/* @__PURE__ */ N("button", {
+						onClick: () => B("../assets"),
 						className: "mb-2 inline-flex items-center gap-2 rounded-md px-2 py-1 text-sm text-text-secondary transition-colors hover:bg-bg-sunken hover:text-text-primary",
-						children: [/* @__PURE__ */ j(v, { className: "h-4 w-4" }), "Back to Assets"]
+						children: [/* @__PURE__ */ M(y, { className: "h-4 w-4" }), "Back to Assets"]
 					}),
-					/* @__PURE__ */ j("h1", {
+					/* @__PURE__ */ M("h1", {
 						className: "text-2xl font-semibold text-text-primary",
-						children: B.title
+						children: V.title
 					}),
-					/* @__PURE__ */ M("div", {
+					/* @__PURE__ */ N("div", {
 						className: "mt-2 flex flex-wrap items-center gap-2",
 						children: [
-							/* @__PURE__ */ j(i, {
-								label: B.status.replace("_", " "),
-								variant: L(B.status),
+							/* @__PURE__ */ M(i, {
+								label: V.status.replace("_", " "),
+								variant: R(V.status),
 								dot: !0
 							}),
-							/* @__PURE__ */ j(i, {
-								label: B.type,
+							/* @__PURE__ */ M(i, {
+								label: V.type,
 								variant: "muted"
 							}),
-							/* @__PURE__ */ M("span", {
+							/* @__PURE__ */ N("span", {
 								className: "inline-flex items-center gap-1 text-sm text-text-secondary",
-								children: [/* @__PURE__ */ j(T, { className: "h-3.5 w-3.5" }), B.location]
+								children: [/* @__PURE__ */ M(E, { className: "h-3.5 w-3.5" }), V.location]
 							})
 						]
 					})
-				] }), B.imageUrl ? /* @__PURE__ */ j("img", {
-					src: B.imageUrl,
-					alt: B.title,
+				] }), V.imageUrl ? /* @__PURE__ */ M("img", {
+					src: V.imageUrl,
+					alt: V.title,
 					className: "h-24 w-full rounded-lg object-cover sm:w-40 lg:w-48"
-				}) : /* @__PURE__ */ j("div", {
+				}) : /* @__PURE__ */ M("div", {
 					className: "flex h-24 w-full items-center justify-center rounded-lg bg-gradient-to-br from-bg-sunken to-bg-sunken/50 sm:w-40 lg:w-48",
 					role: "img",
-					"aria-label": `${B.title} — no image`,
-					children: /* @__PURE__ */ j(w, { className: "h-8 w-8 text-text-secondary/40" })
+					"aria-label": `${V.title} — no image`,
+					children: /* @__PURE__ */ M(T, { className: "h-8 w-8 text-text-secondary/40" })
 				})]
 			}),
-			/* @__PURE__ */ j(I, {
+			/* @__PURE__ */ M(L, {
 				className: "max-w-3xl",
 				children: "A full performance breakdown for one property you own — what you paid, what it is worth today, how much it has appreciated, and the rental yield it generates. Use it to judge whether to hold, renovate, or sell."
 			}),
-			/* @__PURE__ */ j(F, {
+			/* @__PURE__ */ M(I, {
 				storageKey: "housingvista-asset-detail",
 				steps: [
 					{
 						id: "benchmark",
 						label: "Benchmark against the market",
 						description: "Compare this asset against area and market trends.",
-						onClick: () => z("../market-analytics")
+						onClick: () => B("../market-analytics")
 					},
 					{
 						id: "manage-rental",
 						label: "Manage the rental",
 						description: "Review tenants, leases, and rent collection for your units.",
-						onClick: () => z("../rental")
+						onClick: () => B("../rental")
 					},
 					{
 						id: "back",
 						label: "Back to all assets",
 						description: "Return to your full portfolio view.",
-						onClick: () => z("../assets")
+						onClick: () => B("../assets")
 					}
 				]
 			}),
-			/* @__PURE__ */ j(N, {
+			/* @__PURE__ */ M(P, {
 				className: "p-4",
-				children: /* @__PURE__ */ M("div", {
+				children: /* @__PURE__ */ N("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
 					children: [
-						/* @__PURE__ */ j(r, {
+						/* @__PURE__ */ M(r, {
 							label: "Current Value",
-							value: B.currentValue,
+							value: V.currentValue,
 							prefix: "$",
-							icon: /* @__PURE__ */ j(C, { className: "h-4 w-4" })
+							icon: /* @__PURE__ */ M(w, { className: "h-4 w-4" })
 						}),
-						/* @__PURE__ */ j(r, {
+						/* @__PURE__ */ M(r, {
 							label: "Appreciation",
-							value: `${B.appreciationPercent.toFixed(1)}%`,
-							icon: /* @__PURE__ */ j(O, { className: "h-4 w-4" })
+							value: `${V.appreciationPercent.toFixed(1)}%`,
+							icon: /* @__PURE__ */ M(k, { className: "h-4 w-4" })
 						}),
-						/* @__PURE__ */ j(r, {
+						/* @__PURE__ */ M(r, {
 							label: "Overall ROI",
-							value: `${W.toFixed(1)}%`,
-							icon: /* @__PURE__ */ j(D, { className: "h-4 w-4" })
+							value: `${G.toFixed(1)}%`,
+							icon: /* @__PURE__ */ M(O, { className: "h-4 w-4" })
 						}),
-						/* @__PURE__ */ j(r, {
+						/* @__PURE__ */ M(r, {
 							label: "Rental Yield",
-							value: B.rentalYield == null ? "—" : `${B.rentalYield.toFixed(1)}%`,
-							icon: /* @__PURE__ */ j(E, { className: "h-4 w-4" })
+							value: V.rentalYield == null ? "—" : `${V.rentalYield.toFixed(1)}%`,
+							icon: /* @__PURE__ */ M(D, { className: "h-4 w-4" })
 						})
 					]
 				})
 			}),
-			/* @__PURE__ */ M("div", {
+			/* @__PURE__ */ N("div", {
 				className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
-				children: [/* @__PURE__ */ j("div", {
+				children: [/* @__PURE__ */ M("div", {
 					className: "space-y-6 lg:col-span-2",
-					children: /* @__PURE__ */ M(P, {
+					children: /* @__PURE__ */ N(F, {
 						treatment: "plain",
 						className: "border-border-seam p-6",
 						children: [
-							/* @__PURE__ */ M("h2", {
+							/* @__PURE__ */ N("h2", {
 								className: "mb-4 flex items-center gap-2 text-base font-semibold text-text-primary",
-								children: [/* @__PURE__ */ j(b, { className: "h-5 w-5" }), "Value & Performance"]
+								children: [/* @__PURE__ */ M(x, { className: "h-5 w-5" }), "Value & Performance"]
 							}),
-							/* @__PURE__ */ M("dl", {
+							/* @__PURE__ */ N("dl", {
 								className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
 								children: [
-									/* @__PURE__ */ M("div", {
+									/* @__PURE__ */ N("div", {
 										className: "rounded-lg bg-bg-sunken/50 p-4",
-										children: [/* @__PURE__ */ j("dt", {
+										children: [/* @__PURE__ */ M("dt", {
 											className: "text-xs text-text-secondary",
 											children: "Purchase Price"
-										}), /* @__PURE__ */ j("dd", {
+										}), /* @__PURE__ */ M("dd", {
 											className: "mt-1 text-lg font-semibold text-text-primary",
-											children: t(B.purchasePrice)
+											children: t(V.purchasePrice)
 										})]
 									}),
-									/* @__PURE__ */ M("div", {
+									/* @__PURE__ */ N("div", {
 										className: "rounded-lg bg-bg-sunken/50 p-4",
-										children: [/* @__PURE__ */ j("dt", {
+										children: [/* @__PURE__ */ M("dt", {
 											className: "text-xs text-text-secondary",
 											children: "Current Value"
-										}), /* @__PURE__ */ j("dd", {
+										}), /* @__PURE__ */ M("dd", {
 											className: "mt-1 text-lg font-semibold text-text-primary",
-											children: t(B.currentValue)
+											children: t(V.currentValue)
 										})]
 									}),
-									/* @__PURE__ */ M("div", {
+									/* @__PURE__ */ N("div", {
 										className: "rounded-lg bg-bg-sunken/50 p-4",
-										children: [/* @__PURE__ */ j("dt", {
+										children: [/* @__PURE__ */ M("dt", {
 											className: "text-xs text-text-secondary",
 											children: "Total Gain / Loss"
-										}), /* @__PURE__ */ M("dd", {
-											className: e("mt-1 flex items-center gap-1 text-lg font-semibold", U ? "text-status-success-text" : "text-status-error-text"),
+										}), /* @__PURE__ */ N("dd", {
+											className: e("mt-1 flex items-center gap-1 text-lg font-semibold", W ? "text-status-success-text" : "text-status-error-text"),
 											children: [
-												j(U ? y : _, { className: "h-4 w-4" }),
-												t(Math.abs(H)),
+												M(W ? b : v, { className: "h-4 w-4" }),
+												t(Math.abs(U)),
 												" (",
-												W.toFixed(1),
+												G.toFixed(1),
 												"%)"
 											]
 										})]
 									}),
-									/* @__PURE__ */ M("div", {
+									/* @__PURE__ */ N("div", {
 										className: "rounded-lg bg-bg-sunken/50 p-4",
-										children: [/* @__PURE__ */ j("dt", {
+										children: [/* @__PURE__ */ M("dt", {
 											className: "text-xs text-text-secondary",
 											children: "Est. Monthly Rental Income"
-										}), /* @__PURE__ */ j("dd", {
+										}), /* @__PURE__ */ M("dd", {
 											className: "mt-1 text-lg font-semibold text-text-primary",
-											children: B.rentalYield ? t(Math.round(G)) : "—"
+											children: V.rentalYield ? t(Math.round(K)) : "—"
 										})]
 									})
 								]
 							}),
-							/* @__PURE__ */ M("div", {
+							/* @__PURE__ */ N("div", {
 								className: "mt-6",
-								children: [/* @__PURE__ */ j("p", {
+								children: [/* @__PURE__ */ M("p", {
 									className: "mb-2 text-xs font-medium text-text-secondary",
 									children: "Purchase vs current value"
-								}), /* @__PURE__ */ j("div", {
+								}), /* @__PURE__ */ M("div", {
 									className: "h-44 w-full",
-									children: /* @__PURE__ */ j(u, {
+									children: /* @__PURE__ */ M(d, {
 										width: "100%",
 										height: "100%",
-										children: /* @__PURE__ */ M(g, {
+										children: /* @__PURE__ */ N(_, {
 											data: [{
 												name: "Purchase",
-												value: B.purchasePrice,
+												value: V.purchasePrice,
 												fill: "var(--color-chart-3)"
 											}, {
 												name: "Current",
-												value: B.currentValue,
-												fill: U ? "var(--color-chart-2)" : "var(--color-chart-5)"
+												value: V.currentValue,
+												fill: W ? "var(--color-chart-2)" : "var(--color-chart-5)"
 											}],
 											margin: {
 												top: 8,
@@ -243,12 +246,12 @@ function R() {
 												bottom: 0
 											},
 											children: [
-												/* @__PURE__ */ j(p, {
+												/* @__PURE__ */ M(m, {
 													strokeDasharray: "3 3",
 													stroke: "var(--color-border-subtle)",
 													vertical: !1
 												}),
-												/* @__PURE__ */ j(m, {
+												/* @__PURE__ */ M(h, {
 													dataKey: "name",
 													tick: {
 														fontSize: 11,
@@ -257,7 +260,7 @@ function R() {
 													tickLine: !1,
 													axisLine: !1
 												}),
-												/* @__PURE__ */ j(h, {
+												/* @__PURE__ */ M(g, {
 													tick: {
 														fontSize: 11,
 														fill: "var(--color-text-secondary)"
@@ -267,7 +270,7 @@ function R() {
 													width: 56,
 													tickFormatter: (e) => t(e)
 												}),
-												/* @__PURE__ */ j(l, {
+												/* @__PURE__ */ M(u, {
 													cursor: { fill: "var(--color-bg-sunken)" },
 													contentStyle: {
 														background: "var(--color-bg-surface)",
@@ -277,7 +280,7 @@ function R() {
 													},
 													formatter: (e) => [t(e), "Value"]
 												}),
-												/* @__PURE__ */ M(f, {
+												/* @__PURE__ */ N(p, {
 													dataKey: "value",
 													radius: [
 														6,
@@ -286,7 +289,7 @@ function R() {
 														0
 													],
 													maxBarSize: 72,
-													children: [/* @__PURE__ */ j(d, { fill: "var(--color-chart-3)" }), /* @__PURE__ */ j(d, { fill: U ? "var(--color-chart-2)" : "var(--color-chart-5)" })]
+													children: [/* @__PURE__ */ M(f, { fill: "var(--color-chart-3)" }), /* @__PURE__ */ M(f, { fill: W ? "var(--color-chart-2)" : "var(--color-chart-5)" })]
 												})
 											]
 										})
@@ -295,75 +298,75 @@ function R() {
 							})
 						]
 					})
-				}), /* @__PURE__ */ j("div", {
+				}), /* @__PURE__ */ M("div", {
 					className: "space-y-6",
-					children: /* @__PURE__ */ M(P, {
+					children: /* @__PURE__ */ N(F, {
 						treatment: "plain",
 						className: "border-border-seam p-5",
-						children: [/* @__PURE__ */ M("h3", {
+						children: [/* @__PURE__ */ N("h3", {
 							className: "mb-4 flex items-center gap-2 text-base font-semibold text-text-primary",
-							children: [/* @__PURE__ */ j(S, { className: "h-5 w-5" }), "Purchase & Holding"]
-						}), /* @__PURE__ */ M("dl", {
+							children: [/* @__PURE__ */ M(C, { className: "h-5 w-5" }), "Purchase & Holding"]
+						}), /* @__PURE__ */ N("dl", {
 							className: "space-y-3 text-sm",
 							children: [
-								/* @__PURE__ */ M("div", {
+								/* @__PURE__ */ N("div", {
 									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ j("dt", {
+									children: [/* @__PURE__ */ M("dt", {
 										className: "text-text-secondary",
 										children: "Category"
-									}), /* @__PURE__ */ j("dd", {
+									}), /* @__PURE__ */ M("dd", {
 										className: "font-medium capitalize text-text-primary",
-										children: B.category
+										children: V.category
 									})]
 								}),
-								/* @__PURE__ */ M("div", {
+								/* @__PURE__ */ N("div", {
 									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ j("dt", {
+									children: [/* @__PURE__ */ M("dt", {
 										className: "text-text-secondary",
 										children: "Type"
-									}), /* @__PURE__ */ j("dd", {
+									}), /* @__PURE__ */ M("dd", {
 										className: "font-medium capitalize text-text-primary",
-										children: B.type.replace("_", " ")
+										children: V.type.replace("_", " ")
 									})]
 								}),
-								/* @__PURE__ */ M("div", {
+								/* @__PURE__ */ N("div", {
 									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ j("dt", {
+									children: [/* @__PURE__ */ M("dt", {
 										className: "text-text-secondary",
 										children: "Location"
-									}), /* @__PURE__ */ j("dd", {
+									}), /* @__PURE__ */ M("dd", {
 										className: "font-medium text-text-primary",
-										children: B.location
+										children: V.location
 									})]
 								}),
-								/* @__PURE__ */ M("div", {
+								/* @__PURE__ */ N("div", {
 									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ j("dt", {
+									children: [/* @__PURE__ */ M("dt", {
 										className: "text-text-secondary",
 										children: "Purchase Date"
-									}), /* @__PURE__ */ j("dd", {
+									}), /* @__PURE__ */ M("dd", {
 										className: "font-medium text-text-primary",
-										children: B.purchaseDate ? n(B.purchaseDate) : "—"
+										children: V.purchaseDate ? n(V.purchaseDate) : "—"
 									})]
 								}),
-								/* @__PURE__ */ M("div", {
+								/* @__PURE__ */ N("div", {
 									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ j("dt", {
+									children: [/* @__PURE__ */ M("dt", {
 										className: "text-text-secondary",
 										children: "Last Valuation"
-									}), /* @__PURE__ */ j("dd", {
+									}), /* @__PURE__ */ M("dd", {
 										className: "font-medium text-text-primary",
-										children: B.lastValuationDate ? n(B.lastValuationDate) : "—"
+										children: V.lastValuationDate ? n(V.lastValuationDate) : "—"
 									})]
 								}),
-								/* @__PURE__ */ M("div", {
+								/* @__PURE__ */ N("div", {
 									className: "flex items-center justify-between border-t border-border-subtle pt-3",
-									children: [/* @__PURE__ */ j("dt", {
+									children: [/* @__PURE__ */ M("dt", {
 										className: "text-text-secondary",
 										children: "Status"
-									}), /* @__PURE__ */ j("dd", { children: /* @__PURE__ */ j(i, {
-										label: B.status.replace("_", " "),
-										variant: L(B.status)
+									}), /* @__PURE__ */ M("dd", { children: /* @__PURE__ */ M(i, {
+										label: V.status.replace("_", " "),
+										variant: R(V.status)
 									}) })]
 								})
 							]
@@ -375,6 +378,6 @@ function R() {
 	});
 }
 //#endregion
-export { R as AssetDetailPage };
+export { z as AssetDetailPage };
 
 //# sourceMappingURL=AssetDetailPage.js.map

package/dist/housingvista/pages/assets/AssetDetailPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetDetailPage.js","names":[],"sources":["../../../../src/housingvista/pages/assets/AssetDetailPage.tsx"],"sourcesContent":["/**\n * HousingVista Asset Detail Page\n * Full performance view for a single owned asset backed by the single-item\n * `housingvistaAsset(id)` query — current value, appreciation, rental yield,\n * ROI, and purchase history. Read-only: no fabricated actions.\n * @module housingvista\n */\n\nimport { useNavigate, useParams } from 'react-router-dom';\nimport {\n  ArrowLeft,\n  ArrowUpRight,\n  ArrowDownRight,\n  Building,\n  DollarSign,\n  TrendingUp,\n  Percent,\n  Target,\n  MapPin,\n  Calendar,\n  BarChart3,\n  ImageOff,\n} from 'lucide-react';\nimport { BarChart, Bar, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer, Cell } from 'recharts';\nimport { EmphasisPanel, GlassCard, PagePurpose, NextSteps } from '@burdenoff/fe-libs/ui';\nimport { Breadcrumbs, StatCard, StatusBadge, EmptyState, LoadingSkeleton } from '../../components';\nimport type { BreadcrumbItem } from '../../components';\nimport { useAsset } from '../../hooks';\nimport { cn, formatCurrency, formatDate } from '../../utils/helpers';\nimport type { Asset } from '../../types';\n\nfunction getStatusVariant(status: Asset['status']): 'success' | 'warning' | 'info' | 'muted' {\n  switch (status) {\n    case 'active':\n      return 'success';\n    case 'under_renovation':\n      return 'warning';\n    case 'pending_sale':\n      return 'info';\n    case 'sold':\n      return 'muted';\n    default:\n      return 'muted';\n  }\n}\n\nexport function AssetDetailPage() {\n  const { id } = useParams<{ id: string }>();\n  const navigate = useNavigate();\n  const { data: asset, loading } = useAsset(id);\n\n  if (loading) {\n    return (\n      <div className=\"flex flex-col gap-6 p-6\">\n        <LoadingSkeleton variant=\"detail\" />\n      </div>\n    );\n  }\n\n  if (!asset) {\n    return (\n      <div className=\"p-6\">\n        <EmptyState\n          illustration=\"empty-search\"\n          icon={<Building className=\"h-12 w-12\" />}\n          title=\"Asset Not Found\"\n          description=\"The asset you're looking for doesn't exist or has been removed.\"\n          action={\n            <button\n              onClick={() => navigate('../assets')}\n              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\"\n            >\n              <ArrowLeft className=\"h-4 w-4\" />\n              Back to Assets\n            </button>\n          }\n        />\n      </div>\n    );\n  }\n\n  const gain = asset.currentValue - asset.purchasePrice;\n  const isPositive = gain >= 0;\n  const roi = asset.purchasePrice > 0 ? (gain / asset.purchasePrice) * 100 : 0;\n  const monthlyRentalIncome = asset.rentalYield ? (asset.currentValue * asset.rentalYield) / 100 / 12 : 0;\n\n  const breadcrumbs: BreadcrumbItem[] = [{ label: 'Assets', href: '../' }, { label: asset.title }];\n\n  return (\n    <div className=\"flex flex-col gap-6 p-6\">\n      <Breadcrumbs items={breadcrumbs} />\n\n      {/* Header */}\n      <div className=\"flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between\">\n        <div>\n          <button\n            onClick={() => navigate('../assets')}\n            className=\"mb-2 inline-flex items-center gap-2 rounded-md px-2 py-1 text-sm text-text-secondary transition-colors hover:bg-bg-sunken hover:text-text-primary\"\n          >\n            <ArrowLeft className=\"h-4 w-4\" />\n            Back to Assets\n          </button>\n          <h1 className=\"text-2xl font-semibold text-text-primary\">{asset.title}</h1>\n          <div className=\"mt-2 flex flex-wrap items-center gap-2\">\n            <StatusBadge label={asset.status.replace('_', ' ')} variant={getStatusVariant(asset.status)} dot />\n            <StatusBadge label={asset.type} variant=\"muted\" />\n            <span className=\"inline-flex items-center gap-1 text-sm text-text-secondary\">\n              <MapPin className=\"h-3.5 w-3.5\" />\n              {asset.location}\n            </span>\n          </div>\n        </div>\n        {asset.imageUrl ? (\n          <img src={asset.imageUrl} alt={asset.title} className=\"h-24 w-full rounded-lg object-cover sm:w-40 lg:w-48\" />\n        ) : (\n          <div\n            className=\"flex h-24 w-full items-center justify-center rounded-lg bg-gradient-to-br from-bg-sunken to-bg-sunken/50 sm:w-40 lg:w-48\"\n            role=\"img\"\n            aria-label={`${asset.title} — no image`}\n          >\n            <ImageOff className=\"h-8 w-8 text-text-secondary/40\" />\n          </div>\n        )}\n      </div>\n\n      <PagePurpose className=\"max-w-3xl\">\n        A full performance breakdown for one property you own — what you paid, what it is worth today, how much it has\n        appreciated, and the rental yield it generates. Use it to judge whether to hold, renovate, or sell.\n      </PagePurpose>\n\n      <NextSteps\n        storageKey=\"housingvista-asset-detail\"\n        steps={[\n          {\n            id: 'benchmark',\n            label: 'Benchmark against the market',\n            description: 'Compare this asset against area and market trends.',\n            onClick: () => navigate('../market-analytics'),\n          },\n          {\n            id: 'manage-rental',\n            label: 'Manage the rental',\n            description: 'Review tenants, leases, and rent collection for your units.',\n            onClick: () => navigate('../rental'),\n          },\n          {\n            id: 'back',\n            label: 'Back to all assets',\n            description: 'Return to your full portfolio view.',\n            onClick: () => navigate('../assets'),\n          },\n        ]}\n      />\n\n      {/* Performance metrics — primary insight zone (one EmphasisPanel per page) */}\n      <EmphasisPanel className=\"p-4\">\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n          <StatCard\n            label=\"Current Value\"\n            value={asset.currentValue}\n            prefix=\"$\"\n            icon={<DollarSign className=\"h-4 w-4\" />}\n          />\n          <StatCard\n            label=\"Appreciation\"\n            value={`${asset.appreciationPercent.toFixed(1)}%`}\n            icon={<TrendingUp className=\"h-4 w-4\" />}\n          />\n          <StatCard label=\"Overall ROI\" value={`${roi.toFixed(1)}%`} icon={<Target className=\"h-4 w-4\" />} />\n          <StatCard\n            label=\"Rental Yield\"\n            value={asset.rentalYield != null ? `${asset.rentalYield.toFixed(1)}%` : '—'}\n            icon={<Percent className=\"h-4 w-4\" />}\n          />\n        </div>\n      </EmphasisPanel>\n\n      {/* Detail grid */}\n      <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-3\">\n        {/* Value & performance */}\n        <div className=\"space-y-6 lg:col-span-2\">\n          <GlassCard treatment=\"plain\" className=\"border-border-seam p-6\">\n            <h2 className=\"mb-4 flex items-center gap-2 text-base font-semibold text-text-primary\">\n              <BarChart3 className=\"h-5 w-5\" />\n              Value & Performance\n            </h2>\n            <dl className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n              <div className=\"rounded-lg bg-bg-sunken/50 p-4\">\n                <dt className=\"text-xs text-text-secondary\">Purchase Price</dt>\n                <dd className=\"mt-1 text-lg font-semibold text-text-primary\">{formatCurrency(asset.purchasePrice)}</dd>\n              </div>\n              <div className=\"rounded-lg bg-bg-sunken/50 p-4\">\n                <dt className=\"text-xs text-text-secondary\">Current Value</dt>\n                <dd className=\"mt-1 text-lg font-semibold text-text-primary\">{formatCurrency(asset.currentValue)}</dd>\n              </div>\n              <div className=\"rounded-lg bg-bg-sunken/50 p-4\">\n                <dt className=\"text-xs text-text-secondary\">Total Gain / Loss</dt>\n                <dd\n                  className={cn(\n                    'mt-1 flex items-center gap-1 text-lg font-semibold',\n                    isPositive ? 'text-status-success-text' : 'text-status-error-text'\n                  )}\n                >\n                  {isPositive ? <ArrowUpRight className=\"h-4 w-4\" /> : <ArrowDownRight className=\"h-4 w-4\" />}\n                  {formatCurrency(Math.abs(gain))} ({roi.toFixed(1)}%)\n                </dd>\n              </div>\n              <div className=\"rounded-lg bg-bg-sunken/50 p-4\">\n                <dt className=\"text-xs text-text-secondary\">Est. Monthly Rental Income</dt>\n                <dd className=\"mt-1 text-lg font-semibold text-text-primary\">\n                  {asset.rentalYield ? formatCurrency(Math.round(monthlyRentalIncome)) : '—'}\n                </dd>\n              </div>\n            </dl>\n\n            {/* Purchase vs current value — real two-point comparison */}\n            <div className=\"mt-6\">\n              <p className=\"mb-2 text-xs font-medium text-text-secondary\">Purchase vs current value</p>\n              <div className=\"h-44 w-full\">\n                <ResponsiveContainer width=\"100%\" height=\"100%\">\n                  <BarChart\n                    data={[\n                      { name: 'Purchase', value: asset.purchasePrice, fill: 'var(--color-chart-3)' },\n                      {\n                        name: 'Current',\n                        value: asset.currentValue,\n                        fill: isPositive ? 'var(--color-chart-2)' : 'var(--color-chart-5)',\n                      },\n                    ]}\n                    margin={{ top: 8, right: 8, left: 0, bottom: 0 }}\n                  >\n                    <CartesianGrid strokeDasharray=\"3 3\" stroke=\"var(--color-border-subtle)\" vertical={false} />\n                    <XAxis\n                      dataKey=\"name\"\n                      tick={{ fontSize: 11, fill: 'var(--color-text-secondary)' }}\n                      tickLine={false}\n                      axisLine={false}\n                    />\n                    <YAxis\n                      tick={{ fontSize: 11, fill: 'var(--color-text-secondary)' }}\n                      tickLine={false}\n                      axisLine={false}\n                      width={56}\n                      tickFormatter={(v: number) => formatCurrency(v)}\n                    />\n                    <Tooltip\n                      cursor={{ fill: 'var(--color-bg-sunken)' }}\n                      contentStyle={{\n                        background: 'var(--color-bg-surface)',\n                        border: '1px solid var(--color-border-subtle)',\n                        borderRadius: 10,\n                        fontSize: 12,\n                      }}\n                      formatter={(value: number) => [formatCurrency(value), 'Value']}\n                    />\n                    <Bar dataKey=\"value\" radius={[6, 6, 0, 0]} maxBarSize={72}>\n                      <Cell fill=\"var(--color-chart-3)\" />\n                      <Cell fill={isPositive ? 'var(--color-chart-2)' : 'var(--color-chart-5)'} />\n                    </Bar>\n                  </BarChart>\n                </ResponsiveContainer>\n              </div>\n            </div>\n          </GlassCard>\n        </div>\n\n        {/* Purchase & holding info */}\n        <div className=\"space-y-6\">\n          <GlassCard treatment=\"plain\" className=\"border-border-seam p-5\">\n            <h3 className=\"mb-4 flex items-center gap-2 text-base font-semibold text-text-primary\">\n              <Calendar className=\"h-5 w-5\" />\n              Purchase & Holding\n            </h3>\n            <dl className=\"space-y-3 text-sm\">\n              <div className=\"flex items-center justify-between\">\n                <dt className=\"text-text-secondary\">Category</dt>\n                <dd className=\"font-medium capitalize text-text-primary\">{asset.category}</dd>\n              </div>\n              <div className=\"flex items-center justify-between\">\n                <dt className=\"text-text-secondary\">Type</dt>\n                <dd className=\"font-medium capitalize text-text-primary\">{asset.type.replace('_', ' ')}</dd>\n              </div>\n              <div className=\"flex items-center justify-between\">\n                <dt className=\"text-text-secondary\">Location</dt>\n                <dd className=\"font-medium text-text-primary\">{asset.location}</dd>\n              </div>\n              <div className=\"flex items-center justify-between\">\n                <dt className=\"text-text-secondary\">Purchase Date</dt>\n                <dd className=\"font-medium text-text-primary\">\n                  {asset.purchaseDate ? formatDate(asset.purchaseDate) : '—'}\n                </dd>\n              </div>\n              <div className=\"flex items-center justify-between\">\n                <dt className=\"text-text-secondary\">Last Valuation</dt>\n                <dd className=\"font-medium text-text-primary\">\n                  {asset.lastValuationDate ? formatDate(asset.lastValuationDate) : '—'}\n                </dd>\n              </div>\n              <div className=\"flex items-center justify-between border-t border-border-subtle pt-3\">\n                <dt className=\"text-text-secondary\">Status</dt>\n                <dd>\n                  <StatusBadge label={asset.status.replace('_', ' ')} variant={getStatusVariant(asset.status)} />\n                </dd>\n              </div>\n            </dl>\n          </GlassCard>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"AssetDetailPage.js","names":[],"sources":["../../../../src/housingvista/pages/assets/AssetDetailPage.tsx"],"sourcesContent":["/**\n * HousingVista Asset Detail Page\n * Full performance view for a single owned asset backed by the single-item\n * `housingvistaAsset(id)` query — current value, appreciation, rental yield,\n * ROI, and purchase history. Read-only: no fabricated actions.\n * @module housingvista\n */\n\nimport { useNavigate, useParams } from 'react-router-dom';\nimport {\n  ArrowLeft,\n  ArrowUpRight,\n  ArrowDownRight,\n  Building,\n  DollarSign,\n  TrendingUp,\n  Percent,\n  Target,\n  MapPin,\n  Calendar,\n  BarChart3,\n  ImageOff,\n} from 'lucide-react';\nimport { BarChart, Bar, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer, Cell } from 'recharts';\nimport { EmphasisPanel, GlassCard, PagePurpose, NextSteps } from '@burdenoff/fe-libs/ui';\nimport { Breadcrumbs, StatCard, StatusBadge, EmptyState, LoadingSkeleton } from '../../components';\nimport type { BreadcrumbItem } from '../../components';\nimport { useAsset } from '../../hooks';\nimport { cn, formatCurrency, formatDate } from '../../utils/helpers';\nimport type { Asset } from '../../types';\nimport { useTrackPageView } from '../../hooks/useHousingVistaAnalytics';\n\nfunction getStatusVariant(status: Asset['status']): 'success' | 'warning' | 'info' | 'muted' {\n  switch (status) {\n    case 'active':\n      return 'success';\n    case 'under_renovation':\n      return 'warning';\n    case 'pending_sale':\n      return 'info';\n    case 'sold':\n      return 'muted';\n    default:\n      return 'muted';\n  }\n}\n\nexport function AssetDetailPage() {\n  const { id } = useParams<{ id: string }>();\n\n  useTrackPageView('housingvista.asset.viewed', id);\n  const navigate = useNavigate();\n  const { data: asset, loading } = useAsset(id);\n\n  if (loading) {\n    return (\n      <div className=\"flex flex-col gap-6 p-6\">\n        <LoadingSkeleton variant=\"detail\" />\n      </div>\n    );\n  }\n\n  if (!asset) {\n    return (\n      <div className=\"p-6\">\n        <EmptyState\n          illustration=\"empty-search\"\n          icon={<Building className=\"h-12 w-12\" />}\n          title=\"Asset Not Found\"\n          description=\"The asset you're looking for doesn't exist or has been removed.\"\n          action={\n            <button\n              onClick={() => navigate('../assets')}\n              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\"\n            >\n              <ArrowLeft className=\"h-4 w-4\" />\n              Back to Assets\n            </button>\n          }\n        />\n      </div>\n    );\n  }\n\n  const gain = asset.currentValue - asset.purchasePrice;\n  const isPositive = gain >= 0;\n  const roi = asset.purchasePrice > 0 ? (gain / asset.purchasePrice) * 100 : 0;\n  const monthlyRentalIncome = asset.rentalYield ? (asset.currentValue * asset.rentalYield) / 100 / 12 : 0;\n\n  const breadcrumbs: BreadcrumbItem[] = [{ label: 'Assets', href: '../' }, { label: asset.title }];\n\n  return (\n    <div className=\"flex flex-col gap-6 p-6\">\n      <Breadcrumbs items={breadcrumbs} />\n\n      {/* Header */}\n      <div className=\"flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between\">\n        <div>\n          <button\n            onClick={() => navigate('../assets')}\n            className=\"mb-2 inline-flex items-center gap-2 rounded-md px-2 py-1 text-sm text-text-secondary transition-colors hover:bg-bg-sunken hover:text-text-primary\"\n          >\n            <ArrowLeft className=\"h-4 w-4\" />\n            Back to Assets\n          </button>\n          <h1 className=\"text-2xl font-semibold text-text-primary\">{asset.title}</h1>\n          <div className=\"mt-2 flex flex-wrap items-center gap-2\">\n            <StatusBadge label={asset.status.replace('_', ' ')} variant={getStatusVariant(asset.status)} dot />\n            <StatusBadge label={asset.type} variant=\"muted\" />\n            <span className=\"inline-flex items-center gap-1 text-sm text-text-secondary\">\n              <MapPin className=\"h-3.5 w-3.5\" />\n              {asset.location}\n            </span>\n          </div>\n        </div>\n        {asset.imageUrl ? (\n          <img src={asset.imageUrl} alt={asset.title} className=\"h-24 w-full rounded-lg object-cover sm:w-40 lg:w-48\" />\n        ) : (\n          <div\n            className=\"flex h-24 w-full items-center justify-center rounded-lg bg-gradient-to-br from-bg-sunken to-bg-sunken/50 sm:w-40 lg:w-48\"\n            role=\"img\"\n            aria-label={`${asset.title} — no image`}\n          >\n            <ImageOff className=\"h-8 w-8 text-text-secondary/40\" />\n          </div>\n        )}\n      </div>\n\n      <PagePurpose className=\"max-w-3xl\">\n        A full performance breakdown for one property you own — what you paid, what it is worth today, how much it has\n        appreciated, and the rental yield it generates. Use it to judge whether to hold, renovate, or sell.\n      </PagePurpose>\n\n      <NextSteps\n        storageKey=\"housingvista-asset-detail\"\n        steps={[\n          {\n            id: 'benchmark',\n            label: 'Benchmark against the market',\n            description: 'Compare this asset against area and market trends.',\n            onClick: () => navigate('../market-analytics'),\n          },\n          {\n            id: 'manage-rental',\n            label: 'Manage the rental',\n            description: 'Review tenants, leases, and rent collection for your units.',\n            onClick: () => navigate('../rental'),\n          },\n          {\n            id: 'back',\n            label: 'Back to all assets',\n            description: 'Return to your full portfolio view.',\n            onClick: () => navigate('../assets'),\n          },\n        ]}\n      />\n\n      {/* Performance metrics — primary insight zone (one EmphasisPanel per page) */}\n      <EmphasisPanel className=\"p-4\">\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n          <StatCard\n            label=\"Current Value\"\n            value={asset.currentValue}\n            prefix=\"$\"\n            icon={<DollarSign className=\"h-4 w-4\" />}\n          />\n          <StatCard\n            label=\"Appreciation\"\n            value={`${asset.appreciationPercent.toFixed(1)}%`}\n            icon={<TrendingUp className=\"h-4 w-4\" />}\n          />\n          <StatCard label=\"Overall ROI\" value={`${roi.toFixed(1)}%`} icon={<Target className=\"h-4 w-4\" />} />\n          <StatCard\n            label=\"Rental Yield\"\n            value={asset.rentalYield != null ? `${asset.rentalYield.toFixed(1)}%` : '—'}\n            icon={<Percent className=\"h-4 w-4\" />}\n          />\n        </div>\n      </EmphasisPanel>\n\n      {/* Detail grid */}\n      <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-3\">\n        {/* Value & performance */}\n        <div className=\"space-y-6 lg:col-span-2\">\n          <GlassCard treatment=\"plain\" className=\"border-border-seam p-6\">\n            <h2 className=\"mb-4 flex items-center gap-2 text-base font-semibold text-text-primary\">\n              <BarChart3 className=\"h-5 w-5\" />\n              Value & Performance\n            </h2>\n            <dl className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n              <div className=\"rounded-lg bg-bg-sunken/50 p-4\">\n                <dt className=\"text-xs text-text-secondary\">Purchase Price</dt>\n                <dd className=\"mt-1 text-lg font-semibold text-text-primary\">{formatCurrency(asset.purchasePrice)}</dd>\n              </div>\n              <div className=\"rounded-lg bg-bg-sunken/50 p-4\">\n                <dt className=\"text-xs text-text-secondary\">Current Value</dt>\n                <dd className=\"mt-1 text-lg font-semibold text-text-primary\">{formatCurrency(asset.currentValue)}</dd>\n              </div>\n              <div className=\"rounded-lg bg-bg-sunken/50 p-4\">\n                <dt className=\"text-xs text-text-secondary\">Total Gain / Loss</dt>\n                <dd\n                  className={cn(\n                    'mt-1 flex items-center gap-1 text-lg font-semibold',\n                    isPositive ? 'text-status-success-text' : 'text-status-error-text'\n                  )}\n                >\n                  {isPositive ? <ArrowUpRight className=\"h-4 w-4\" /> : <ArrowDownRight className=\"h-4 w-4\" />}\n                  {formatCurrency(Math.abs(gain))} ({roi.toFixed(1)}%)\n                </dd>\n              </div>\n              <div className=\"rounded-lg bg-bg-sunken/50 p-4\">\n                <dt className=\"text-xs text-text-secondary\">Est. Monthly Rental Income</dt>\n                <dd className=\"mt-1 text-lg font-semibold text-text-primary\">\n                  {asset.rentalYield ? formatCurrency(Math.round(monthlyRentalIncome)) : '—'}\n                </dd>\n              </div>\n            </dl>\n\n            {/* Purchase vs current value — real two-point comparison */}\n            <div className=\"mt-6\">\n              <p className=\"mb-2 text-xs font-medium text-text-secondary\">Purchase vs current value</p>\n              <div className=\"h-44 w-full\">\n                <ResponsiveContainer width=\"100%\" height=\"100%\">\n                  <BarChart\n                    data={[\n                      { name: 'Purchase', value: asset.purchasePrice, fill: 'var(--color-chart-3)' },\n                      {\n                        name: 'Current',\n                        value: asset.currentValue,\n                        fill: isPositive ? 'var(--color-chart-2)' : 'var(--color-chart-5)',\n                      },\n                    ]}\n                    margin={{ top: 8, right: 8, left: 0, bottom: 0 }}\n                  >\n                    <CartesianGrid strokeDasharray=\"3 3\" stroke=\"var(--color-border-subtle)\" vertical={false} />\n                    <XAxis\n                      dataKey=\"name\"\n                      tick={{ fontSize: 11, fill: 'var(--color-text-secondary)' }}\n                      tickLine={false}\n                      axisLine={false}\n                    />\n                    <YAxis\n                      tick={{ fontSize: 11, fill: 'var(--color-text-secondary)' }}\n                      tickLine={false}\n                      axisLine={false}\n                      width={56}\n                      tickFormatter={(v: number) => formatCurrency(v)}\n                    />\n                    <Tooltip\n                      cursor={{ fill: 'var(--color-bg-sunken)' }}\n                      contentStyle={{\n                        background: 'var(--color-bg-surface)',\n                        border: '1px solid var(--color-border-subtle)',\n                        borderRadius: 10,\n                        fontSize: 12,\n                      }}\n                      formatter={(value: number) => [formatCurrency(value), 'Value']}\n                    />\n                    <Bar dataKey=\"value\" radius={[6, 6, 0, 0]} maxBarSize={72}>\n                      <Cell fill=\"var(--color-chart-3)\" />\n                      <Cell fill={isPositive ? 'var(--color-chart-2)' : 'var(--color-chart-5)'} />\n                    </Bar>\n                  </BarChart>\n                </ResponsiveContainer>\n              </div>\n            </div>\n          </GlassCard>\n        </div>\n\n        {/* Purchase & holding info */}\n        <div className=\"space-y-6\">\n          <GlassCard treatment=\"plain\" className=\"border-border-seam p-5\">\n            <h3 className=\"mb-4 flex items-center gap-2 text-base font-semibold text-text-primary\">\n              <Calendar className=\"h-5 w-5\" />\n              Purchase & Holding\n            </h3>\n            <dl className=\"space-y-3 text-sm\">\n              <div className=\"flex items-center justify-between\">\n                <dt className=\"text-text-secondary\">Category</dt>\n                <dd className=\"font-medium capitalize text-text-primary\">{asset.category}</dd>\n              </div>\n              <div className=\"flex items-center justify-between\">\n                <dt className=\"text-text-secondary\">Type</dt>\n                <dd className=\"font-medium capitalize text-text-primary\">{asset.type.replace('_', ' ')}</dd>\n              </div>\n              <div className=\"flex items-center justify-between\">\n                <dt className=\"text-text-secondary\">Location</dt>\n                <dd className=\"font-medium text-text-primary\">{asset.location}</dd>\n              </div>\n              <div className=\"flex items-center justify-between\">\n                <dt className=\"text-text-secondary\">Purchase Date</dt>\n                <dd className=\"font-medium text-text-primary\">\n                  {asset.purchaseDate ? formatDate(asset.purchaseDate) : '—'}\n                </dd>\n              </div>\n              <div className=\"flex items-center justify-between\">\n                <dt className=\"text-text-secondary\">Last Valuation</dt>\n                <dd className=\"font-medium text-text-primary\">\n                  {asset.lastValuationDate ? formatDate(asset.lastValuationDate) : '—'}\n                </dd>\n              </div>\n              <div className=\"flex items-center justify-between border-t border-border-subtle pt-3\">\n                <dt className=\"text-text-secondary\">Status</dt>\n                <dd>\n                  <StatusBadge label={asset.status.replace('_', ' ')} variant={getStatusVariant(asset.status)} />\n                </dd>\n              </div>\n            </dl>\n          </GlassCard>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAgCA,SAAS,EAAiB,GAAmE;AAC3F,SAAQ,GAAR;EACE,KAAK,SACH,QAAO;EACT,KAAK,mBACH,QAAO;EACT,KAAK,eACH,QAAO;EACT,KAAK,OACH,QAAO;EACT,QACE,QAAO;;;AAIb,SAAgB,IAAkB;CAChC,IAAM,EAAE,UAAO,GAA2B;AAE1C,GAAiB,6BAA6B,EAAG;CACjD,IAAM,IAAW,GAAa,EACxB,EAAE,MAAM,GAAO,eAAY,EAAS,EAAG;AAE7C,KAAI,EACF,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD,EAAiB,SAAQ,UAAW,CAAA;EAChC,CAAA;AAIV,KAAI,CAAC,EACH,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GACE,cAAa;GACb,MAAM,kBAAC,GAAD,EAAU,WAAU,aAAc,CAAA;GACxC,OAAM;GACN,aAAY;GACZ,QACE,kBAAC,UAAD;IACE,eAAe,EAAS,YAAY;IACpC,WAAU;cAFZ,CAIE,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA,EAAA,iBAE1B;;GAEX,CAAA;EACE,CAAA;CAIV,IAAM,IAAO,EAAM,eAAe,EAAM,eAClC,IAAa,KAAQ,GACrB,IAAM,EAAM,gBAAgB,IAAK,IAAO,EAAM,gBAAiB,MAAM,GACrE,IAAsB,EAAM,cAAe,EAAM,eAAe,EAAM,cAAe,MAAM,KAAK;AAItG,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,GAAD,EAAa,OAJqB,CAAC;IAAE,OAAO;IAAU,MAAM;IAAO,EAAE,EAAE,OAAO,EAAM,OAAO,CAAC,EAIzD,CAAA;GAGnC,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA;KACE,kBAAC,UAAD;MACE,eAAe,EAAS,YAAY;MACpC,WAAU;gBAFZ,CAIE,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA,EAAA,iBAE1B;;KACT,kBAAC,MAAD;MAAI,WAAU;gBAA4C,EAAM;MAAW,CAAA;KAC3E,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,GAAD;QAAa,OAAO,EAAM,OAAO,QAAQ,KAAK,IAAI;QAAE,SAAS,EAAiB,EAAM,OAAO;QAAE,KAAA;QAAM,CAAA;OACnG,kBAAC,GAAD;QAAa,OAAO,EAAM;QAAM,SAAQ;QAAU,CAAA;OAClD,kBAAC,QAAD;QAAM,WAAU;kBAAhB,CACE,kBAAC,GAAD,EAAQ,WAAU,eAAgB,CAAA,EACjC,EAAM,SACF;;OACH;;KACF,EAAA,CAAA,EACL,EAAM,WACL,kBAAC,OAAD;KAAK,KAAK,EAAM;KAAU,KAAK,EAAM;KAAO,WAAU;KAAwD,CAAA,GAE9G,kBAAC,OAAD;KACE,WAAU;KACV,MAAK;KACL,cAAY,GAAG,EAAM,MAAM;eAE3B,kBAAC,GAAD,EAAU,WAAU,kCAAmC,CAAA;KACnD,CAAA,CAEJ;;GAEN,kBAAC,GAAD;IAAa,WAAU;cAAY;IAGrB,CAAA;GAEd,kBAAC,GAAD;IACE,YAAW;IACX,OAAO;KACL;MACE,IAAI;MACJ,OAAO;MACP,aAAa;MACb,eAAe,EAAS,sBAAsB;MAC/C;KACD;MACE,IAAI;MACJ,OAAO;MACP,aAAa;MACb,eAAe,EAAS,YAAY;MACrC;KACD;MACE,IAAI;MACJ,OAAO;MACP,aAAa;MACb,eAAe,EAAS,YAAY;MACrC;KACF;IACD,CAAA;GAGF,kBAAC,GAAD;IAAe,WAAU;cACvB,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,GAAD;OACE,OAAM;OACN,OAAO,EAAM;OACb,QAAO;OACP,MAAM,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA;OACxC,CAAA;MACF,kBAAC,GAAD;OACE,OAAM;OACN,OAAO,GAAG,EAAM,oBAAoB,QAAQ,EAAE,CAAC;OAC/C,MAAM,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA;OACxC,CAAA;MACF,kBAAC,GAAD;OAAU,OAAM;OAAc,OAAO,GAAG,EAAI,QAAQ,EAAE,CAAC;OAAI,MAAM,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA;OAAI,CAAA;MACnG,kBAAC,GAAD;OACE,OAAM;OACN,OAAO,EAAM,eAAe,OAA4C,MAArC,GAAG,EAAM,YAAY,QAAQ,EAAE,CAAC;OACnE,MAAM,kBAAC,GAAD,EAAS,WAAU,WAAY,CAAA;OACrC,CAAA;MACE;;IACQ,CAAA;GAGhB,kBAAC,OAAD;IAAK,WAAU;cAAf,CAEE,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD;MAAW,WAAU;MAAQ,WAAU;gBAAvC;OACE,kBAAC,MAAD;QAAI,WAAU;kBAAd,CACE,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA,EAAA,sBAE9B;;OACL,kBAAC,MAAD;QAAI,WAAU;kBAAd;SACE,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,MAAD;WAAI,WAAU;qBAA8B;WAAmB,CAAA,EAC/D,kBAAC,MAAD;WAAI,WAAU;qBAAgD,EAAe,EAAM,cAAc;WAAM,CAAA,CACnG;;SACN,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,MAAD;WAAI,WAAU;qBAA8B;WAAkB,CAAA,EAC9D,kBAAC,MAAD;WAAI,WAAU;qBAAgD,EAAe,EAAM,aAAa;WAAM,CAAA,CAClG;;SACN,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,MAAD;WAAI,WAAU;qBAA8B;WAAsB,CAAA,EAClE,kBAAC,MAAD;WACE,WAAW,EACT,sDACA,IAAa,6BAA6B,yBAC3C;qBAJH;YAMgB,EAAb,IAAc,IAAuC,GAAxC,EAAc,WAAU,WAAY,CAAyC;YAC1F,EAAe,KAAK,IAAI,EAAK,CAAC;YAAC;YAAG,EAAI,QAAQ,EAAE;YAAC;YAC/C;aACD;;SACN,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,MAAD;WAAI,WAAU;qBAA8B;WAA+B,CAAA,EAC3E,kBAAC,MAAD;WAAI,WAAU;qBACX,EAAM,cAAc,EAAe,KAAK,MAAM,EAAoB,CAAC,GAAG;WACpE,CAAA,CACD;;SACH;;OAGL,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,KAAD;SAAG,WAAU;mBAA+C;SAA6B,CAAA,EACzF,kBAAC,OAAD;SAAK,WAAU;mBACb,kBAAC,GAAD;UAAqB,OAAM;UAAO,QAAO;oBACvC,kBAAC,GAAD;WACE,MAAM,CACJ;YAAE,MAAM;YAAY,OAAO,EAAM;YAAe,MAAM;YAAwB,EAC9E;YACE,MAAM;YACN,OAAO,EAAM;YACb,MAAM,IAAa,yBAAyB;YAC7C,CACF;WACD,QAAQ;YAAE,KAAK;YAAG,OAAO;YAAG,MAAM;YAAG,QAAQ;YAAG;qBATlD;YAWE,kBAAC,GAAD;aAAe,iBAAgB;aAAM,QAAO;aAA6B,UAAU;aAAS,CAAA;YAC5F,kBAAC,GAAD;aACE,SAAQ;aACR,MAAM;cAAE,UAAU;cAAI,MAAM;cAA+B;aAC3D,UAAU;aACV,UAAU;aACV,CAAA;YACF,kBAAC,GAAD;aACE,MAAM;cAAE,UAAU;cAAI,MAAM;cAA+B;aAC3D,UAAU;aACV,UAAU;aACV,OAAO;aACP,gBAAgB,MAAc,EAAe,EAAE;aAC/C,CAAA;YACF,kBAAC,GAAD;aACE,QAAQ,EAAE,MAAM,0BAA0B;aAC1C,cAAc;cACZ,YAAY;cACZ,QAAQ;cACR,cAAc;cACd,UAAU;cACX;aACD,YAAY,MAAkB,CAAC,EAAe,EAAM,EAAE,QAAQ;aAC9D,CAAA;YACF,kBAAC,GAAD;aAAK,SAAQ;aAAQ,QAAQ;cAAC;cAAG;cAAG;cAAG;cAAE;aAAE,YAAY;uBAAvD,CACE,kBAAC,GAAD,EAAM,MAAK,wBAAyB,CAAA,EACpC,kBAAC,GAAD,EAAM,MAAM,IAAa,yBAAyB,wBAA0B,CAAA,CACxE;;YACG;;UACS,CAAA;SAClB,CAAA,CACF;;OACI;;KACR,CAAA,EAGN,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD;MAAW,WAAU;MAAQ,WAAU;gBAAvC,CACE,kBAAC,MAAD;OAAI,WAAU;iBAAd,CACE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA,EAAA,qBAE7B;UACL,kBAAC,MAAD;OAAI,WAAU;iBAAd;QACE,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,MAAD;UAAI,WAAU;oBAAsB;UAAa,CAAA,EACjD,kBAAC,MAAD;UAAI,WAAU;oBAA4C,EAAM;UAAc,CAAA,CAC1E;;QACN,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,MAAD;UAAI,WAAU;oBAAsB;UAAS,CAAA,EAC7C,kBAAC,MAAD;UAAI,WAAU;oBAA4C,EAAM,KAAK,QAAQ,KAAK,IAAI;UAAM,CAAA,CACxF;;QACN,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,MAAD;UAAI,WAAU;oBAAsB;UAAa,CAAA,EACjD,kBAAC,MAAD;UAAI,WAAU;oBAAiC,EAAM;UAAc,CAAA,CAC/D;;QACN,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,MAAD;UAAI,WAAU;oBAAsB;UAAkB,CAAA,EACtD,kBAAC,MAAD;UAAI,WAAU;oBACX,EAAM,eAAe,EAAW,EAAM,aAAa,GAAG;UACpD,CAAA,CACD;;QACN,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,MAAD;UAAI,WAAU;oBAAsB;UAAmB,CAAA,EACvD,kBAAC,MAAD;UAAI,WAAU;oBACX,EAAM,oBAAoB,EAAW,EAAM,kBAAkB,GAAG;UAC9D,CAAA,CACD;;QACN,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,MAAD;UAAI,WAAU;oBAAsB;UAAW,CAAA,EAC/C,kBAAC,MAAD,EAAA,UACE,kBAAC,GAAD;UAAa,OAAO,EAAM,OAAO,QAAQ,KAAK,IAAI;UAAE,SAAS,EAAiB,EAAM,OAAO;UAAI,CAAA,EAC5F,CAAA,CACD;;QACH;SACK;;KACR,CAAA,CACF;;GACF"}

package/dist/housingvista/pages/assets/AssetManagementPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AssetManagementPage.d.ts","sourceRoot":"","sources":["../../../../src/housingvista/pages/assets/AssetManagementPage.tsx"],"names":[],"mappings":"AAqHA,wBAAgB,mBAAmB,gCAipBlC"}
+{"version":3,"file":"AssetManagementPage.d.ts","sourceRoot":"","sources":["../../../../src/housingvista/pages/assets/AssetManagementPage.tsx"],"names":[],"mappings":"AAsHA,wBAAgB,mBAAmB,gCAkpBlC"}