@burdenoff/microfe-housingvista 2026.709.2 → 2026.709.3

package/dist/housingvista/pages/investments/InvestmentDetailPage.js

@@ -1,27 +1,28 @@
 import { cn as e, formatCurrency as t, formatDate as n } from "../../utils/helpers.js";
 import { StatCard as r } from "../../components/StatCard.js";
 import { StatusBadge as i } from "../../components/StatusBadge.js";
-import { EmptyState as a } from "../../components/EmptyState.js";
-import { ChartCard as ee } from "../../components/ChartCard.js";
-import { Breadcrumbs as te } from "../../components/Breadcrumbs.js";
-import { LoadingSkeleton as ne } from "../../components/LoadingSkeleton.js";
-import { useDeleteInvestment as re, useInvestment as ie, useUpdateInvestment as ae } from "../../hooks/index.js";
-import { notify as o } from "../../lib/toast.js";
+import { EmptyState as ee } from "../../components/EmptyState.js";
+import { ChartCard as te } from "../../components/ChartCard.js";
+import { Breadcrumbs as ne } from "../../components/Breadcrumbs.js";
+import { LoadingSkeleton as re } from "../../components/LoadingSkeleton.js";
+import { useTrackPageView as ie } from "../../hooks/useHousingVistaAnalytics.js";
+import { useDeleteInvestment as ae, useInvestment as oe, useUpdateInvestment as se } from "../../hooks/index.js";
+import { notify as a } from "../../lib/toast.js";
 import "../../components/index.js";
-import { Tooltip as oe } from "../../../node_modules/recharts/es6/component/Tooltip.js";
-import { ResponsiveContainer as se } from "../../../node_modules/recharts/es6/component/ResponsiveContainer.js";
-import { CartesianGrid as ce } from "../../../node_modules/recharts/es6/cartesian/CartesianGrid.js";
-import { Area as le } from "../../../node_modules/recharts/es6/cartesian/Area.js";
-import { XAxis as ue } from "../../../node_modules/recharts/es6/cartesian/XAxis.js";
-import { YAxis as de } from "../../../node_modules/recharts/es6/cartesian/YAxis.js";
-import { AreaChart as fe } from "../../../node_modules/recharts/es6/chart/AreaChart.js";
-import { useState as s } from "react";
-import { ArrowDownRight as pe, ArrowLeft as c, ArrowUpRight as me, BarChart3 as he, Building as l, Calendar as ge, Clock as _e, DollarSign as ve, MapPin as ye, Percent as be, Target as xe, Trash2 as Se, TrendingUp as Ce, Users as we } from "lucide-react";
-import { useNavigate as Te, useParams as Ee } from "react-router-dom";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { Button as f, EmphasisPanel as De, NextSteps as Oe, PagePurpose as ke, ResponsiveDialog as p, ResponsiveDialogContent as m, ResponsiveDialogDescription as h, ResponsiveDialogFooter as g, ResponsiveDialogHeader as _, ResponsiveDialogTitle as v } from "@burdenoff/fe-libs/ui";
+import { Tooltip as ce } from "../../../node_modules/recharts/es6/component/Tooltip.js";
+import { ResponsiveContainer as le } from "../../../node_modules/recharts/es6/component/ResponsiveContainer.js";
+import { CartesianGrid as ue } from "../../../node_modules/recharts/es6/cartesian/CartesianGrid.js";
+import { Area as de } from "../../../node_modules/recharts/es6/cartesian/Area.js";
+import { XAxis as fe } from "../../../node_modules/recharts/es6/cartesian/XAxis.js";
+import { YAxis as pe } from "../../../node_modules/recharts/es6/cartesian/YAxis.js";
+import { AreaChart as me } from "../../../node_modules/recharts/es6/chart/AreaChart.js";
+import { useState as o } from "react";
+import { ArrowDownRight as he, ArrowLeft as ge, ArrowUpRight as _e, BarChart3 as ve, Building as s, Calendar as ye, Clock as be, DollarSign as c, MapPin as xe, Percent as Se, Target as Ce, Trash2 as we, TrendingUp as Te, Users as Ee } from "lucide-react";
+import { useNavigate as De, useParams as Oe } from "react-router-dom";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Button as d, EmphasisPanel as ke, NextSteps as Ae, PagePurpose as je, ResponsiveDialog as Me, ResponsiveDialogContent as f, ResponsiveDialogDescription as p, ResponsiveDialogFooter as m, ResponsiveDialogHeader as h, ResponsiveDialogTitle as Ne } from "@burdenoff/fe-libs/ui";
 //#region src/housingvista/pages/investments/InvestmentDetailPage.tsx
-var y = "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)]", Ae = [
+var g = "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)]", Pe = [
 	{
 		value: "full_ownership",
 		label: "Full ownership"
@@ -38,7 +39,7 @@ var y = "h-10 w-full rounded-md border border-border-subtle bg-bg-surface px-3 t
 		value: "fund",
 		label: "Fund"
 	}
-], je = [
+], Fe = [
 	{
 		value: "draft",
 		label: "Draft"
@@ -63,7 +64,7 @@ var y = "h-10 w-full rounded-md border border-border-subtle bg-bg-surface px-3 t
 		value: "closed",
 		label: "Closed"
 	}
-], Me = [
+], Ie = [
 	{
 		value: "low",
 		label: "Low"
@@ -77,39 +78,39 @@ var y = "h-10 w-full rounded-md border border-border-subtle bg-bg-surface px-3 t
 		label: "High"
 	}
 ];
-function b(e) {
+function _(e) {
 	return typeof e == "object" && e ? e : {};
 }
-function x(e) {
+function v(e) {
 	return typeof e == "number" && Number.isFinite(e) ? e : 0;
 }
-function S(e) {
+function y(e) {
 	return typeof e == "string" ? e : "";
 }
-function C(e) {
+function b(e) {
 	return e instanceof Date ? Number.isNaN(e.getTime()) ? "" : e.toISOString() : typeof e == "string" ? e : "";
 }
-function w(e) {
-	let t = C(e);
+function x(e) {
+	let t = b(e);
 	if (!t) return null;
 	let n = new Date(t).getTime();
 	return Number.isNaN(n) ? null : n;
 }
-function T(e) {
-	let t = C(e);
+function S(e) {
+	let t = b(e);
 	if (!t) return "—";
 	let r = new Date(t).getTime();
 	return Number.isNaN(r) ? "—" : n(t);
 }
-function E(e) {
-	let t = w(e);
+function Le(e) {
+	let t = x(e);
 	return t === null ? "" : new Date(t).toISOString().slice(0, 10);
 }
-function D(e) {
-	let t = b(e);
-	return `${S(t.firstName)} ${S(t.lastName)}`.trim() || S(t.name) || S(t.email) || "Investor";
+function Re(e) {
+	let t = _(e);
+	return `${y(t.firstName)} ${y(t.lastName)}`.trim() || y(t.name) || y(t.email) || "Investor";
 }
-function Ne(e) {
+function ze(e) {
 	switch (e) {
 		case "active": return "success";
 		case "funding": return "warning";
@@ -120,49 +121,51 @@ function Ne(e) {
 		default: return "default";
 	}
 }
-function O(e) {
+function C(e) {
 	return e > 0 ? "text-status-success-text" : e < 0 ? "text-status-error-text" : "text-text-secondary";
 }
-function k() {
-	let { id: n } = Ee(), C = Te(), { data: k, loading: Pe } = ie(n), { updateInvestment: Fe, loading: A } = ae(), { deleteInvestment: Ie, loading: j } = re(), [M, N] = s("overview"), [Le, P] = s(!1), [Re, F] = s(!1), [I, L] = s(""), [R, z] = s("draft"), [ze, Be] = s("medium"), [Ve, He] = s("full_ownership"), [B, Ue] = s(""), [V, We] = s(""), [H, Ge] = s("");
-	if (Pe) return /* @__PURE__ */ u("div", {
+function w() {
+	let { id: n } = Oe();
+	ie("housingvista.investment.viewed", n);
+	let b = De(), { data: w, loading: Be } = oe(n), { updateInvestment: Ve, loading: T } = se(), { deleteInvestment: He, loading: E } = ae(), [D, O] = o("overview"), [Ue, k] = o(!1), [We, A] = o(!1), [j, M] = o(""), [N, P] = o("draft"), [F, I] = o("medium"), [L, R] = o("full_ownership"), [z, B] = o(""), [V, H] = o(""), [U, Ge] = o("");
+	if (Be) return /* @__PURE__ */ l("div", {
 		className: "flex flex-col gap-6 p-6",
-		children: /* @__PURE__ */ u(ne, { variant: "detail" })
+		children: /* @__PURE__ */ l(re, { variant: "detail" })
 	});
-	if (!k) return /* @__PURE__ */ u("div", {
+	if (!w) return /* @__PURE__ */ l("div", {
 		className: "flex flex-col gap-6 p-6",
-		children: /* @__PURE__ */ u(a, {
+		children: /* @__PURE__ */ l(ee, {
 			illustration: "empty-search",
-			icon: /* @__PURE__ */ u(l, { className: "h-16 w-16" }),
+			icon: /* @__PURE__ */ l(s, { className: "h-16 w-16" }),
 			title: "Investment Not Found",
 			description: "The investment you're looking for doesn't exist or has been removed.",
-			action: /* @__PURE__ */ d("button", {
-				onClick: () => C("../investments"),
+			action: /* @__PURE__ */ u("button", {
+				onClick: () => b("../investments"),
 				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__ */ u(c, { className: "h-4 w-4" }), "Back to Investments"]
+				children: [/* @__PURE__ */ l(ge, { className: "h-4 w-4" }), "Back to Investments"]
 			})
 		})
 	});
-	let U = (Array.isArray(k.investors) ? k.investors : []).map((e) => {
-		let t = b(e);
+	let W = (Array.isArray(w.investors) ? w.investors : []).map((e) => {
+		let t = _(e);
 		return {
-			name: D(t.user),
-			investmentAmount: x(t.investmentAmount),
-			shares: x(t.shares),
+			name: Re(t.user),
+			investmentAmount: v(t.investmentAmount),
+			shares: v(t.shares),
 			joinedAt: t.joinedAt
 		};
-	}), W = (Array.isArray(k.returns) ? k.returns : []).map((e, t) => {
-		let n = b(e);
+	}), G = (Array.isArray(w.returns) ? w.returns : []).map((e, t) => {
+		let n = _(e);
 		return {
-			id: S(n.id) || `return-${t}`,
-			type: S(n.type) || "return",
-			amount: x(n.amount),
+			id: y(n.id) || `return-${t}`,
+			type: y(n.type) || "return",
+			amount: v(n.amount),
 			date: n.date,
-			investorName: D(n.investor)
+			investorName: Re(n.investor)
 		};
-	}), Ke = W.map((e) => ({
-		ts: w(e.date) ?? 0,
-		label: T(e.date),
+	}), Ke = G.map((e) => ({
+		ts: x(e.date) ?? 0,
+		label: S(e.date),
 		amount: e.amount
 	})).sort((e, t) => e.ts - t.ts).reduce((e, t) => {
 		let n = e.length > 0 ? e[e.length - 1].cumulative : 0;
@@ -171,80 +174,80 @@ function k() {
 			amount: t.amount,
 			cumulative: n + t.amount
 		}), e;
-	}, []), G = b(k.property), K = S(G.title) || "Investment", q = b(G.location), J = S(G.type), qe = [S(q.city), S(q.state)].filter(Boolean), Je = S(q.neighborhood), Y = U.reduce((e, t) => e + t.investmentAmount, 0), X = W.reduce((e, t) => e + t.amount, 0), Ye = Y + X, Xe = Y > 0 ? X / Y * 100 : 0, Ze = w(k.startDate), Qe = w(k.maturityDate), $e = Ze !== null && Qe !== null ? Math.max(0, Math.round((Qe - Ze) / (1e3 * 60 * 60 * 24 * 30))) : null, Z = S(k.riskLevel), Q = Z ? Z.charAt(0).toUpperCase() + Z.slice(1) : "Unknown", et = S(k.investmentType).replace("_", " ") || "Investment", tt = [{
+	}, []), K = _(w.property), q = y(K.title) || "Investment", J = _(K.location), qe = y(K.type), Je = [y(J.city), y(J.state)].filter(Boolean), Ye = y(J.neighborhood), Y = W.reduce((e, t) => e + t.investmentAmount, 0), X = G.reduce((e, t) => e + t.amount, 0), Xe = Y + X, Ze = Y > 0 ? X / Y * 100 : 0, Qe = x(w.startDate), $e = x(w.maturityDate), et = Qe !== null && $e !== null ? Math.max(0, Math.round(($e - Qe) / (1e3 * 60 * 60 * 24 * 30))) : null, Z = y(w.riskLevel), Q = Z ? Z.charAt(0).toUpperCase() + Z.slice(1) : "Unknown", tt = y(w.investmentType).replace("_", " ") || "Investment", nt = [{
 		id: "overview",
 		label: "Overview",
-		icon: l
+		icon: s
 	}, {
 		id: "returns",
 		label: "Returns History",
-		icon: he
+		icon: ve
 	}], $ = () => {
-		L(S(k.title) || K), z(S(k.status) || "draft"), Be(S(k.riskLevel) || "medium"), He(S(k.investmentType) || "full_ownership");
-		let e = x(k.totalValue);
-		Ue(e > 0 ? String(e) : ""), We(E(k.startDate)), Ge(E(k.maturityDate)), P(!0);
+		M(y(w.title) || q), P(y(w.status) || "draft"), I(y(w.riskLevel) || "medium"), R(y(w.investmentType) || "full_ownership");
+		let e = v(w.totalValue);
+		B(e > 0 ? String(e) : ""), H(Le(w.startDate)), Ge(Le(w.maturityDate)), k(!0);
 	};
-	return /* @__PURE__ */ d("div", {
+	return /* @__PURE__ */ u("div", {
 		className: "flex flex-col gap-6 p-6",
 		children: [
-			/* @__PURE__ */ u(te, { items: [{
+			/* @__PURE__ */ l(ne, { items: [{
 				label: "Investments",
 				href: "../investments"
-			}, { label: K }] }),
-			/* @__PURE__ */ d("div", {
+			}, { label: q }] }),
+			/* @__PURE__ */ u("div", {
 				className: "flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between",
-				children: [/* @__PURE__ */ d("div", { children: [
-					/* @__PURE__ */ d("button", {
-						onClick: () => C("../investments"),
+				children: [/* @__PURE__ */ u("div", { children: [
+					/* @__PURE__ */ u("button", {
+						onClick: () => b("../investments"),
 						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__ */ u(c, { className: "h-4 w-4" }), "Back to Investments"]
+						children: [/* @__PURE__ */ l(ge, { className: "h-4 w-4" }), "Back to Investments"]
 					}),
-					/* @__PURE__ */ u("h1", {
+					/* @__PURE__ */ l("h1", {
 						className: "text-2xl font-semibold text-text-primary",
-						children: K
+						children: q
 					}),
-					/* @__PURE__ */ d("div", {
+					/* @__PURE__ */ u("div", {
 						className: "mt-2 flex flex-wrap items-center gap-2",
 						children: [
-							/* @__PURE__ */ u(i, {
-								label: k.status,
-								variant: Ne(k.status)
+							/* @__PURE__ */ l(i, {
+								label: w.status,
+								variant: ze(w.status)
 							}),
-							/* @__PURE__ */ u(i, {
-								label: et,
+							/* @__PURE__ */ l(i, {
+								label: tt,
 								variant: "muted"
 							}),
-							/* @__PURE__ */ u(i, {
+							/* @__PURE__ */ l(i, {
 								label: `${Q} Risk`,
 								variant: "muted"
 							})
 						]
 					})
-				] }), /* @__PURE__ */ d("div", {
+				] }), /* @__PURE__ */ u("div", {
 					className: "flex gap-3",
-					children: [/* @__PURE__ */ d("button", {
+					children: [/* @__PURE__ */ u("button", {
 						onClick: $,
 						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__ */ u(ve, { className: "h-4 w-4" }), "Manage Investment"]
-					}), /* @__PURE__ */ d("button", {
-						onClick: () => F(!0),
+						children: [/* @__PURE__ */ l(c, { className: "h-4 w-4" }), "Manage Investment"]
+					}), /* @__PURE__ */ u("button", {
+						onClick: () => A(!0),
 						className: "inline-flex items-center gap-2 rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-status-error-text transition-colors hover:bg-status-error-bg-subtle",
-						children: [/* @__PURE__ */ u(Se, { className: "h-4 w-4" }), "Delete"]
+						children: [/* @__PURE__ */ l(we, { className: "h-4 w-4" }), "Delete"]
 					})]
 				})]
 			}),
-			/* @__PURE__ */ u(ke, {
+			/* @__PURE__ */ l(je, {
 				className: "max-w-3xl",
 				children: "A full breakdown of one investment — how much was put in, what it is worth today, every return paid out, and the co-investors. Use it to judge performance and decide whether to hold, add, or exit."
 			}),
-			/* @__PURE__ */ u(Oe, {
+			/* @__PURE__ */ l(Ae, {
 				storageKey: "housingvista-investment-detail",
 				steps: [
 					{
 						id: "returns",
 						label: "Review returns history",
 						description: "See every distribution paid and the performance trend.",
-						onClick: () => N("returns")
+						onClick: () => O("returns")
 					},
 					{
 						id: "manage",
@@ -256,139 +259,139 @@ function k() {
 						id: "back",
 						label: "Back to all investments",
 						description: "Return to your full investment portfolio.",
-						onClick: () => C("../investments")
+						onClick: () => b("../investments")
 					}
 				]
 			}),
-			/* @__PURE__ */ u(De, {
+			/* @__PURE__ */ l(ke, {
 				className: "p-4",
-				children: /* @__PURE__ */ d("div", {
+				children: /* @__PURE__ */ u("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
 					children: [
-						/* @__PURE__ */ u(r, {
+						/* @__PURE__ */ l(r, {
 							label: "Invested Amount",
 							value: Y,
 							prefix: "$",
-							icon: /* @__PURE__ */ u(ve, { className: "h-4 w-4" })
+							icon: /* @__PURE__ */ l(c, { className: "h-4 w-4" })
 						}),
-						/* @__PURE__ */ u(r, {
+						/* @__PURE__ */ l(r, {
 							label: "Current Value",
-							value: Ye,
+							value: Xe,
 							prefix: "$",
-							icon: /* @__PURE__ */ u(Ce, { className: "h-4 w-4" })
+							icon: /* @__PURE__ */ l(Te, { className: "h-4 w-4" })
 						}),
-						/* @__PURE__ */ u(r, {
+						/* @__PURE__ */ l(r, {
 							label: "Total Returns",
 							value: X,
 							prefix: "$",
-							icon: /* @__PURE__ */ u(be, { className: "h-4 w-4" })
+							icon: /* @__PURE__ */ l(Se, { className: "h-4 w-4" })
 						}),
-						/* @__PURE__ */ u(r, {
+						/* @__PURE__ */ l(r, {
 							label: "Risk Level",
 							value: Q,
-							icon: /* @__PURE__ */ u(xe, { className: "h-4 w-4" })
+							icon: /* @__PURE__ */ l(Ce, { className: "h-4 w-4" })
 						})
 					]
 				})
 			}),
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ u("div", {
 				className: "rounded-lg border border-border-subtle bg-bg-surface shadow-sm",
-				children: [/* @__PURE__ */ u("div", {
+				children: [/* @__PURE__ */ l("div", {
 					className: "flex gap-0 border-b border-border-subtle",
-					children: tt.map((t) => {
+					children: nt.map((t) => {
 						let n = t.icon;
-						return /* @__PURE__ */ d("button", {
-							onClick: () => N(t.id),
-							className: e("flex items-center gap-2 border-b-2 px-4 py-3 text-sm font-medium transition-colors", M === t.id ? "border-action-primary-border text-text-primary" : "border-transparent text-text-secondary hover:text-text-primary"),
-							children: [/* @__PURE__ */ u(n, { className: "h-4 w-4" }), t.label]
+						return /* @__PURE__ */ u("button", {
+							onClick: () => O(t.id),
+							className: e("flex items-center gap-2 border-b-2 px-4 py-3 text-sm font-medium transition-colors", D === t.id ? "border-action-primary-border text-text-primary" : "border-transparent text-text-secondary hover:text-text-primary"),
+							children: [/* @__PURE__ */ l(n, { className: "h-4 w-4" }), t.label]
 						}, t.id);
 					})
-				}), /* @__PURE__ */ d("div", {
+				}), /* @__PURE__ */ u("div", {
 					className: "p-6",
-					children: [M === "overview" && /* @__PURE__ */ d("div", {
+					children: [D === "overview" && /* @__PURE__ */ u("div", {
 						className: "space-y-6",
 						children: [
-							/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("h3", {
+							/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("h3", {
 								className: "mb-4 text-lg font-semibold text-text-primary",
 								children: "Investment Details"
-							}), /* @__PURE__ */ d("div", {
+							}), /* @__PURE__ */ u("div", {
 								className: "rounded-lg bg-bg-sunken/50 p-4 space-y-3",
 								children: [
-									/* @__PURE__ */ d("div", {
+									/* @__PURE__ */ u("div", {
 										className: "flex justify-between",
-										children: [/* @__PURE__ */ u("span", {
+										children: [/* @__PURE__ */ l("span", {
 											className: "text-text-secondary",
 											children: "Investment Type"
-										}), /* @__PURE__ */ u("span", {
+										}), /* @__PURE__ */ l("span", {
 											className: "font-medium capitalize text-text-primary",
-											children: et
+											children: tt
 										})]
 									}),
-									/* @__PURE__ */ d("div", {
+									/* @__PURE__ */ u("div", {
 										className: "flex justify-between",
-										children: [/* @__PURE__ */ u("span", {
+										children: [/* @__PURE__ */ l("span", {
 											className: "text-text-secondary",
 											children: "Property"
-										}), /* @__PURE__ */ u("span", {
+										}), /* @__PURE__ */ l("span", {
 											className: "font-medium text-text-primary",
-											children: K
+											children: q
 										})]
 									}),
-									/* @__PURE__ */ d("div", {
+									/* @__PURE__ */ u("div", {
 										className: "flex justify-between",
-										children: [/* @__PURE__ */ u("span", {
+										children: [/* @__PURE__ */ l("span", {
 											className: "text-text-secondary",
 											children: "Total Property Value"
-										}), /* @__PURE__ */ u("span", {
+										}), /* @__PURE__ */ l("span", {
 											className: "font-medium text-text-primary",
-											children: t(x(k.totalValue))
+											children: t(v(w.totalValue))
 										})]
 									}),
-									/* @__PURE__ */ d("div", {
+									/* @__PURE__ */ u("div", {
 										className: "flex justify-between",
-										children: [/* @__PURE__ */ u("span", {
+										children: [/* @__PURE__ */ l("span", {
 											className: "text-text-secondary",
 											children: "Risk Level"
-										}), /* @__PURE__ */ u("span", {
+										}), /* @__PURE__ */ l("span", {
 											className: "font-medium capitalize text-text-primary",
 											children: Q
 										})]
 									}),
-									/* @__PURE__ */ d("div", {
+									/* @__PURE__ */ u("div", {
 										className: "flex justify-between",
-										children: [/* @__PURE__ */ u("span", {
+										children: [/* @__PURE__ */ l("span", {
 											className: "text-text-secondary",
 											children: "Start Date"
-										}), /* @__PURE__ */ u("span", {
+										}), /* @__PURE__ */ l("span", {
 											className: "font-medium text-text-primary",
-											children: T(k.startDate)
+											children: S(w.startDate)
 										})]
 									}),
-									k.maturityDate && /* @__PURE__ */ d("div", {
+									w.maturityDate && /* @__PURE__ */ u("div", {
 										className: "flex justify-between",
-										children: [/* @__PURE__ */ u("span", {
+										children: [/* @__PURE__ */ l("span", {
 											className: "text-text-secondary",
 											children: "Maturity Date"
-										}), /* @__PURE__ */ u("span", {
+										}), /* @__PURE__ */ l("span", {
 											className: "font-medium text-text-primary",
-											children: T(k.maturityDate)
+											children: S(w.maturityDate)
 										})]
 									}),
-									/* @__PURE__ */ d("div", {
+									/* @__PURE__ */ u("div", {
 										className: "flex justify-between border-t border-border-subtle pt-3",
-										children: [/* @__PURE__ */ u("span", {
+										children: [/* @__PURE__ */ l("span", {
 											className: "font-medium text-text-secondary",
 											children: "Total Return"
-										}), /* @__PURE__ */ u("div", {
-											className: e("font-bold", O(X)),
-											children: /* @__PURE__ */ d("div", {
+										}), /* @__PURE__ */ l("div", {
+											className: e("font-bold", C(X)),
+											children: /* @__PURE__ */ u("div", {
 												className: "flex items-center gap-1",
 												children: [
-													X > 0 && /* @__PURE__ */ u(me, { className: "h-4 w-4" }),
-													X < 0 && /* @__PURE__ */ u(pe, { className: "h-4 w-4" }),
+													X > 0 && /* @__PURE__ */ l(_e, { className: "h-4 w-4" }),
+													X < 0 && /* @__PURE__ */ l(he, { className: "h-4 w-4" }),
 													t(X),
 													" (",
-													Xe.toFixed(1),
+													Ze.toFixed(1),
 													"%)"
 												]
 											})
@@ -396,157 +399,157 @@ function k() {
 									})
 								]
 							})] }),
-							/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("h3", {
+							/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("h3", {
 								className: "mb-4 text-lg font-semibold text-text-primary",
 								children: "Property Information"
-							}), /* @__PURE__ */ d("div", {
+							}), /* @__PURE__ */ u("div", {
 								className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
 								children: [
-									/* @__PURE__ */ d("div", {
+									/* @__PURE__ */ u("div", {
 										className: "rounded-lg bg-bg-sunken/50 p-4",
-										children: [/* @__PURE__ */ d("div", {
+										children: [/* @__PURE__ */ u("div", {
 											className: "mb-1 flex items-center gap-2 text-sm text-text-secondary",
-											children: [/* @__PURE__ */ u(l, { className: "h-4 w-4" }), "Property Type"]
-										}), /* @__PURE__ */ u("div", {
+											children: [/* @__PURE__ */ l(s, { className: "h-4 w-4" }), "Property Type"]
+										}), /* @__PURE__ */ l("div", {
 											className: "font-semibold capitalize text-text-primary",
-											children: J ? J.replace("_", " ") : "Not specified"
+											children: qe ? qe.replace("_", " ") : "Not specified"
 										})]
 									}),
-									/* @__PURE__ */ d("div", {
+									/* @__PURE__ */ u("div", {
 										className: "rounded-lg bg-bg-sunken/50 p-4",
 										children: [
-											/* @__PURE__ */ d("div", {
+											/* @__PURE__ */ u("div", {
 												className: "mb-1 flex items-center gap-2 text-sm text-text-secondary",
-												children: [/* @__PURE__ */ u(ye, { className: "h-4 w-4" }), "Location"]
+												children: [/* @__PURE__ */ l(xe, { className: "h-4 w-4" }), "Location"]
 											}),
-											/* @__PURE__ */ u("div", {
+											/* @__PURE__ */ l("div", {
 												className: "font-semibold text-text-primary",
-												children: qe.length > 0 ? qe.join(", ") : "Location not available"
+												children: Je.length > 0 ? Je.join(", ") : "Location not available"
 											}),
-											Je && /* @__PURE__ */ u("div", {
+											Ye && /* @__PURE__ */ l("div", {
 												className: "text-sm text-text-secondary",
-												children: Je
+												children: Ye
 											})
 										]
 									}),
-									/* @__PURE__ */ d("div", {
+									/* @__PURE__ */ u("div", {
 										className: "rounded-lg bg-bg-sunken/50 p-4",
-										children: [/* @__PURE__ */ d("div", {
+										children: [/* @__PURE__ */ u("div", {
 											className: "mb-1 flex items-center gap-2 text-sm text-text-secondary",
-											children: [/* @__PURE__ */ u(ge, { className: "h-4 w-4" }), "Start Date"]
-										}), /* @__PURE__ */ u("div", {
+											children: [/* @__PURE__ */ l(ye, { className: "h-4 w-4" }), "Start Date"]
+										}), /* @__PURE__ */ l("div", {
 											className: "font-semibold text-text-primary",
-											children: T(k.startDate)
+											children: S(w.startDate)
 										})]
 									}),
-									/* @__PURE__ */ d("div", {
+									/* @__PURE__ */ u("div", {
 										className: "rounded-lg bg-bg-sunken/50 p-4",
-										children: [/* @__PURE__ */ d("div", {
+										children: [/* @__PURE__ */ u("div", {
 											className: "mb-1 flex items-center gap-2 text-sm text-text-secondary",
-											children: [/* @__PURE__ */ u(_e, { className: "h-4 w-4" }), "Duration"]
-										}), /* @__PURE__ */ u("div", {
+											children: [/* @__PURE__ */ l(be, { className: "h-4 w-4" }), "Duration"]
+										}), /* @__PURE__ */ l("div", {
 											className: "font-semibold text-text-primary",
-											children: $e === null ? "Ongoing" : `${$e} months`
+											children: et === null ? "Ongoing" : `${et} months`
 										})]
 									})
 								]
 							})] }),
-							U.length > 0 && /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ d("h3", {
+							W.length > 0 && /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ u("h3", {
 								className: "mb-4 flex items-center gap-2 text-lg font-semibold text-text-primary",
 								children: [
-									/* @__PURE__ */ u(we, { className: "h-5 w-5" }),
+									/* @__PURE__ */ l(Ee, { className: "h-5 w-5" }),
 									"Investors (",
-									U.length,
+									W.length,
 									")"
 								]
-							}), /* @__PURE__ */ u("div", {
+							}), /* @__PURE__ */ l("div", {
 								className: "space-y-2",
-								children: U.map((e, n) => /* @__PURE__ */ d("div", {
+								children: W.map((e, n) => /* @__PURE__ */ u("div", {
 									className: "flex items-center justify-between rounded-lg bg-bg-sunken/50 p-4",
-									children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("div", {
+									children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("div", {
 										className: "font-medium text-text-primary",
 										children: e.name
-									}), /* @__PURE__ */ d("div", {
+									}), /* @__PURE__ */ u("div", {
 										className: "text-sm text-text-secondary",
 										children: ["Invested: ", t(e.investmentAmount)]
-									})] }), /* @__PURE__ */ d("div", {
+									})] }), /* @__PURE__ */ u("div", {
 										className: "text-right",
-										children: [/* @__PURE__ */ d("div", {
+										children: [/* @__PURE__ */ u("div", {
 											className: "font-semibold text-text-primary",
 											children: [e.shares, "% share"]
-										}), /* @__PURE__ */ d("div", {
+										}), /* @__PURE__ */ u("div", {
 											className: "text-sm text-text-secondary",
-											children: ["Joined: ", T(e.joinedAt)]
+											children: ["Joined: ", S(e.joinedAt)]
 										})]
 									})]
 								}, n))
 							})] })
 						]
-					}), M === "returns" && /* @__PURE__ */ d("div", {
+					}), D === "returns" && /* @__PURE__ */ u("div", {
 						className: "space-y-6",
-						children: [/* @__PURE__ */ d("div", {
+						children: [/* @__PURE__ */ u("div", {
 							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ u("h3", {
+							children: [/* @__PURE__ */ l("h3", {
 								className: "text-lg font-semibold text-text-primary",
 								children: "Returns History"
-							}), /* @__PURE__ */ d("div", {
+							}), /* @__PURE__ */ u("div", {
 								className: "text-right",
-								children: [/* @__PURE__ */ u("div", {
+								children: [/* @__PURE__ */ l("div", {
 									className: "text-sm text-text-secondary",
 									children: "Total Returns"
-								}), /* @__PURE__ */ u("div", {
-									className: e("text-2xl font-bold", O(X)),
+								}), /* @__PURE__ */ l("div", {
+									className: e("text-2xl font-bold", C(X)),
 									children: t(X)
 								})]
 							})]
-						}), W.length > 0 ? /* @__PURE__ */ d("div", {
+						}), G.length > 0 ? /* @__PURE__ */ u("div", {
 							className: "space-y-6",
-							children: [/* @__PURE__ */ u(ee, {
+							children: [/* @__PURE__ */ l(te, {
 								title: "Performance Over Time",
 								description: "Cumulative returns paid out over time",
-								children: /* @__PURE__ */ u("div", {
+								children: /* @__PURE__ */ l("div", {
 									className: "h-64",
-									children: /* @__PURE__ */ u(se, {
+									children: /* @__PURE__ */ l(le, {
 										width: "100%",
 										height: "100%",
-										children: /* @__PURE__ */ d(fe, {
+										children: /* @__PURE__ */ u(me, {
 											data: Ke,
 											children: [
-												/* @__PURE__ */ u("defs", { children: /* @__PURE__ */ d("linearGradient", {
+												/* @__PURE__ */ l("defs", { children: /* @__PURE__ */ u("linearGradient", {
 													id: "returnsGrad",
 													x1: "0",
 													y1: "0",
 													x2: "0",
 													y2: "1",
-													children: [/* @__PURE__ */ u("stop", {
+													children: [/* @__PURE__ */ l("stop", {
 														offset: "5%",
 														stopColor: "var(--color-chart-1)",
 														stopOpacity: .3
-													}), /* @__PURE__ */ u("stop", {
+													}), /* @__PURE__ */ l("stop", {
 														offset: "95%",
 														stopColor: "var(--color-chart-1)",
 														stopOpacity: 0
 													})]
 												}) }),
-												/* @__PURE__ */ u(ce, {
+												/* @__PURE__ */ l(ue, {
 													strokeDasharray: "3 3",
 													className: "stroke-border"
 												}),
-												/* @__PURE__ */ u(ue, {
+												/* @__PURE__ */ l(fe, {
 													dataKey: "label",
 													tick: { fontSize: 11 },
 													className: "text-text-secondary"
 												}),
-												/* @__PURE__ */ u(de, {
+												/* @__PURE__ */ l(pe, {
 													tick: { fontSize: 11 },
 													tickFormatter: (e) => `$${(e / 1e3).toFixed(0)}K`,
 													className: "text-text-secondary"
 												}),
-												/* @__PURE__ */ u(oe, {
+												/* @__PURE__ */ l(ce, {
 													formatter: (e) => [t(e), "Cumulative returns"],
 													labelClassName: "text-text-primary"
 												}),
-												/* @__PURE__ */ u(le, {
+												/* @__PURE__ */ l(de, {
 													type: "monotone",
 													dataKey: "cumulative",
 													stroke: "var(--color-chart-1)",
@@ -557,29 +560,29 @@ function k() {
 										})
 									})
 								})
-							}), /* @__PURE__ */ u("div", {
+							}), /* @__PURE__ */ l("div", {
 								className: "space-y-3",
-								children: W.map((e) => /* @__PURE__ */ d("div", {
+								children: G.map((e) => /* @__PURE__ */ u("div", {
 									className: "flex items-center justify-between rounded-lg bg-bg-sunken/50 p-4",
-									children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("div", {
+									children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("div", {
 										className: "font-medium capitalize text-text-primary",
 										children: e.type
-									}), /* @__PURE__ */ u("div", {
+									}), /* @__PURE__ */ l("div", {
 										className: "text-sm text-text-secondary",
-										children: T(e.date)
-									})] }), /* @__PURE__ */ d("div", {
+										children: S(e.date)
+									})] }), /* @__PURE__ */ u("div", {
 										className: "text-right",
-										children: [/* @__PURE__ */ d("div", {
+										children: [/* @__PURE__ */ u("div", {
 											className: "font-bold text-status-success-text",
 											children: ["+", t(e.amount)]
-										}), /* @__PURE__ */ u("div", {
+										}), /* @__PURE__ */ l("div", {
 											className: "text-sm text-text-secondary",
 											children: e.investorName
 										})]
 									})]
 								}, e.id))
 							})]
-						}) : /* @__PURE__ */ u(a, {
+						}) : /* @__PURE__ */ l(ee, {
 							illustration: "empty-data",
 							title: "No returns recorded yet",
 							description: "Returns will appear here once distributions are made."
@@ -587,166 +590,166 @@ function k() {
 					})]
 				})]
 			}),
-			/* @__PURE__ */ u(p, {
-				open: Le,
-				onOpenChange: P,
-				children: /* @__PURE__ */ u(m, {
+			/* @__PURE__ */ l(Me, {
+				open: Ue,
+				onOpenChange: k,
+				children: /* @__PURE__ */ l(f, {
 					className: "sm:max-w-md",
-					children: /* @__PURE__ */ d("form", {
+					children: /* @__PURE__ */ u("form", {
 						onSubmit: async (e) => {
 							if (e.preventDefault(), !n) return;
-							if (!I.trim()) {
-								o.warning("Enter an investment title");
+							if (!j.trim()) {
+								a.warning("Enter an investment title");
 								return;
 							}
-							let t = Number(B);
+							let t = Number(z);
 							if (!Number.isFinite(t) || t <= 0) {
-								o.warning("Enter a valid total value");
+								a.warning("Enter a valid total value");
 								return;
 							}
 							try {
-								await Fe(n, {
-									title: I.trim(),
-									status: R,
-									riskLevel: ze,
-									investmentType: Ve,
+								await Ve(n, {
+									title: j.trim(),
+									status: N,
+									riskLevel: F,
+									investmentType: L,
 									totalValue: t,
 									startDate: V ? new Date(V).toISOString() : void 0,
-									maturityDate: H ? new Date(H).toISOString() : void 0
-								}), o.success("Investment updated", `${I.trim()} was saved.`), P(!1);
+									maturityDate: U ? new Date(U).toISOString() : void 0
+								}), a.success("Investment updated", `${j.trim()} was saved.`), k(!1);
 							} catch (e) {
-								o.error("Could not update investment", e.message);
+								a.error("Could not update investment", e.message);
 							}
 						},
 						children: [
-							/* @__PURE__ */ d(_, { children: [/* @__PURE__ */ u(v, { children: "Manage investment" }), /* @__PURE__ */ u(h, { children: "Update the details of this holding. Changes apply immediately." })] }),
-							/* @__PURE__ */ d("div", {
+							/* @__PURE__ */ u(h, { children: [/* @__PURE__ */ l(Ne, { children: "Manage investment" }), /* @__PURE__ */ l(p, { children: "Update the details of this holding. Changes apply immediately." })] }),
+							/* @__PURE__ */ u("div", {
 								className: "space-y-3 py-2",
 								children: [
-									/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
+									/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
 										className: "mb-1.5 block text-sm font-medium text-text-primary",
 										children: "Title *"
-									}), /* @__PURE__ */ u("input", {
+									}), /* @__PURE__ */ l("input", {
 										type: "text",
 										required: !0,
-										value: I,
-										onChange: (e) => L(e.target.value),
-										className: y
+										value: j,
+										onChange: (e) => M(e.target.value),
+										className: g
 									})] }),
-									/* @__PURE__ */ d("div", {
+									/* @__PURE__ */ u("div", {
 										className: "grid grid-cols-1 gap-3 sm:grid-cols-2",
-										children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
+										children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
 											className: "mb-1.5 block text-sm font-medium text-text-primary",
 											children: "Type"
-										}), /* @__PURE__ */ u("select", {
-											value: Ve,
-											onChange: (e) => He(e.target.value),
-											className: y,
-											children: Ae.map((e) => /* @__PURE__ */ u("option", {
+										}), /* @__PURE__ */ l("select", {
+											value: L,
+											onChange: (e) => R(e.target.value),
+											className: g,
+											children: Pe.map((e) => /* @__PURE__ */ l("option", {
 												value: e.value,
 												children: e.label
 											}, e.value))
-										})] }), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
+										})] }), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
 											className: "mb-1.5 block text-sm font-medium text-text-primary",
 											children: "Status"
-										}), /* @__PURE__ */ u("select", {
-											value: R,
-											onChange: (e) => z(e.target.value),
-											className: y,
-											children: je.map((e) => /* @__PURE__ */ u("option", {
+										}), /* @__PURE__ */ l("select", {
+											value: N,
+											onChange: (e) => P(e.target.value),
+											className: g,
+											children: Fe.map((e) => /* @__PURE__ */ l("option", {
 												value: e.value,
 												children: e.label
 											}, e.value))
 										})] })]
 									}),
-									/* @__PURE__ */ d("div", {
+									/* @__PURE__ */ u("div", {
 										className: "grid grid-cols-1 gap-3 sm:grid-cols-2",
-										children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
+										children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
 											className: "mb-1.5 block text-sm font-medium text-text-primary",
 											children: "Risk level"
-										}), /* @__PURE__ */ u("select", {
-											value: ze,
-											onChange: (e) => Be(e.target.value),
-											className: y,
-											children: Me.map((e) => /* @__PURE__ */ u("option", {
+										}), /* @__PURE__ */ l("select", {
+											value: F,
+											onChange: (e) => I(e.target.value),
+											className: g,
+											children: Ie.map((e) => /* @__PURE__ */ l("option", {
 												value: e.value,
 												children: e.label
 											}, e.value))
-										})] }), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
+										})] }), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
 											className: "mb-1.5 block text-sm font-medium text-text-primary",
 											children: "Total value (USD) *"
-										}), /* @__PURE__ */ u("input", {
+										}), /* @__PURE__ */ l("input", {
 											type: "number",
 											required: !0,
 											min: 1,
 											step: "any",
-											value: B,
-											onChange: (e) => Ue(e.target.value),
-											className: y
+											value: z,
+											onChange: (e) => B(e.target.value),
+											className: g
 										})] })]
 									}),
-									/* @__PURE__ */ d("div", {
+									/* @__PURE__ */ u("div", {
 										className: "grid grid-cols-1 gap-3 sm:grid-cols-2",
-										children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
+										children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
 											className: "mb-1.5 block text-sm font-medium text-text-primary",
 											children: "Start date"
-										}), /* @__PURE__ */ u("input", {
+										}), /* @__PURE__ */ l("input", {
 											type: "date",
 											value: V,
-											onChange: (e) => We(e.target.value),
-											className: y
-										})] }), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
+											onChange: (e) => H(e.target.value),
+											className: g
+										})] }), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
 											className: "mb-1.5 block text-sm font-medium text-text-primary",
 											children: "Maturity date"
-										}), /* @__PURE__ */ u("input", {
+										}), /* @__PURE__ */ l("input", {
 											type: "date",
-											value: H,
+											value: U,
 											onChange: (e) => Ge(e.target.value),
-											className: y
+											className: g
 										})] })]
 									})
 								]
 							}),
-							/* @__PURE__ */ d(g, { children: [/* @__PURE__ */ u(f, {
+							/* @__PURE__ */ u(m, { children: [/* @__PURE__ */ l(d, {
 								type: "button",
 								variant: "outline",
-								onClick: () => P(!1),
+								onClick: () => k(!1),
 								children: "Cancel"
-							}), /* @__PURE__ */ u(f, {
+							}), /* @__PURE__ */ l(d, {
 								type: "submit",
-								disabled: A || !I.trim() || !B,
-								children: A ? "Saving…" : "Save changes"
+								disabled: T || !j.trim() || !z,
+								children: T ? "Saving…" : "Save changes"
 							})] })
 						]
 					})
 				})
 			}),
-			/* @__PURE__ */ u(p, {
-				open: Re,
-				onOpenChange: F,
-				children: /* @__PURE__ */ d(m, {
+			/* @__PURE__ */ l(Me, {
+				open: We,
+				onOpenChange: A,
+				children: /* @__PURE__ */ u(f, {
 					className: "sm:max-w-sm",
-					children: [/* @__PURE__ */ d(_, { children: [/* @__PURE__ */ u(v, { children: "Delete investment?" }), /* @__PURE__ */ d(h, { children: [
+					children: [/* @__PURE__ */ u(h, { children: [/* @__PURE__ */ l(Ne, { children: "Delete investment?" }), /* @__PURE__ */ u(p, { children: [
 						"This permanently removes “",
-						K,
+						q,
 						"” from your portfolio. This action cannot be undone."
-					] })] }), /* @__PURE__ */ d(g, { children: [/* @__PURE__ */ u(f, {
+					] })] }), /* @__PURE__ */ u(m, { children: [/* @__PURE__ */ l(d, {
 						type: "button",
 						variant: "outline",
-						onClick: () => F(!1),
+						onClick: () => A(!1),
 						children: "Cancel"
-					}), /* @__PURE__ */ u(f, {
+					}), /* @__PURE__ */ l(d, {
 						type: "button",
 						variant: "destructive",
 						onClick: async () => {
 							if (n) try {
-								await Ie(n), o.success("Investment deleted"), F(!1), C("../investments");
+								await He(n), a.success("Investment deleted"), A(!1), b("../investments");
 							} catch (e) {
-								o.error("Could not delete investment", e.message);
+								a.error("Could not delete investment", e.message);
 							}
 						},
-						disabled: j,
-						children: j ? "Deleting…" : "Delete investment"
+						disabled: E,
+						children: E ? "Deleting…" : "Delete investment"
 					})] })]
 				})
 			})
@@ -754,6 +757,6 @@ function k() {
 	});
 }
 //#endregion
-export { k as InvestmentDetailPage };
+export { w as InvestmentDetailPage };
 
 //# sourceMappingURL=InvestmentDetailPage.js.map