@burdenoff/microfe-housingvista 2026.510.105

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

@@ -0,0 +1,473 @@
+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 o } from "../../components/ChartCard.js";
+import { Breadcrumbs as s } from "../../components/Breadcrumbs.js";
+import "../../components/index.js";
+import { useInvestments as c } from "../../hooks/index.js";
+import { useMemo as l, useState as u } from "react";
+import { ArrowDownRight as d, ArrowLeft as f, ArrowUpRight as p, BarChart3 as m, Building as h, Calendar as g, Clock as _, DollarSign as v, Download as y, FileText as b, MapPin as x, Percent as S, Target as C, TrendingUp as w, Users as T } from "lucide-react";
+import { useNavigate as E, useParams as D } from "react-router-dom";
+import { jsx as O, jsxs as k } from "react/jsx-runtime";
+//#region src/housingvista/pages/investments/InvestmentDetailPage.tsx
+function A(e) {
+	switch (e) {
+		case "active": return "success";
+		case "funding": return "warning";
+		case "closed":
+		case "mature": return "info";
+		case "draft":
+		case "open": return "muted";
+		default: return "default";
+	}
+}
+function j(e) {
+	return e > 0 ? "text-emerald-600 dark:text-emerald-400" : e < 0 ? "text-red-600 dark:text-red-400" : "text-muted-foreground";
+}
+function M() {
+	let { id: M } = D(), N = E(), { data: P } = c(), [F, I] = u("overview"), L = l(() => P.find((e) => e.id === M), [P, M]);
+	if (!L) return /* @__PURE__ */ O("div", {
+		className: "flex flex-col gap-6 p-6",
+		children: /* @__PURE__ */ O(a, {
+			icon: /* @__PURE__ */ O(h, { 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__ */ k("button", {
+				onClick: () => N("/investments"),
+				className: "inline-flex items-center gap-2 rounded-md bg-foreground px-4 py-2 text-sm font-medium text-background transition-colors hover:bg-foreground/90",
+				children: [/* @__PURE__ */ O(f, { className: "h-4 w-4" }), "Back to Investments"]
+			})
+		})
+	});
+	let R = L.investors.reduce((e, t) => e + t.investmentAmount, 0), z = L.returns.reduce((e, t) => e + t.amount, 0), B = R + z, V = R > 0 ? z / R * 100 : 0, H = [
+		{
+			id: "overview",
+			label: "Overview",
+			icon: h
+		},
+		{
+			id: "returns",
+			label: "Returns History",
+			icon: m
+		},
+		{
+			id: "documents",
+			label: "Documents",
+			icon: b
+		}
+	];
+	return /* @__PURE__ */ k("div", {
+		className: "flex flex-col gap-6 p-6",
+		children: [
+			/* @__PURE__ */ O(s, { items: [{
+				label: "Investments",
+				href: "/investments"
+			}, { label: L.property.title }] }),
+			/* @__PURE__ */ k("div", {
+				className: "flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between",
+				children: [/* @__PURE__ */ k("div", { children: [
+					/* @__PURE__ */ k("button", {
+						onClick: () => N("/investments"),
+						className: "mb-2 inline-flex items-center gap-2 rounded-md px-2 py-1 text-sm text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+						children: [/* @__PURE__ */ O(f, { className: "h-4 w-4" }), "Back to Investments"]
+					}),
+					/* @__PURE__ */ O("h1", {
+						className: "text-2xl font-semibold text-foreground",
+						children: L.property.title
+					}),
+					/* @__PURE__ */ k("div", {
+						className: "mt-2 flex flex-wrap items-center gap-2",
+						children: [
+							/* @__PURE__ */ O(i, {
+								label: L.status,
+								variant: A(L.status)
+							}),
+							/* @__PURE__ */ O(i, {
+								label: L.investmentType.replace("_", " "),
+								variant: "muted"
+							}),
+							/* @__PURE__ */ O(i, {
+								label: `${L.riskLevel} Risk`,
+								variant: "muted"
+							})
+						]
+					})
+				] }), /* @__PURE__ */ k("div", {
+					className: "flex gap-3",
+					children: [/* @__PURE__ */ k("button", {
+						className: "inline-flex items-center gap-2 rounded-md border border-border px-4 py-2 text-sm font-medium text-foreground transition-colors hover:bg-muted",
+						children: [/* @__PURE__ */ O(y, { className: "h-4 w-4" }), "Download Report"]
+					}), L.status === "active" && /* @__PURE__ */ k("button", {
+						className: "inline-flex items-center gap-2 rounded-md bg-foreground px-4 py-2 text-sm font-medium text-background transition-colors hover:bg-foreground/90",
+						children: [/* @__PURE__ */ O(v, { className: "h-4 w-4" }), "Manage Investment"]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ k("div", {
+				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
+				children: [
+					/* @__PURE__ */ O(r, {
+						label: "Invested Amount",
+						value: R,
+						prefix: "$",
+						icon: /* @__PURE__ */ O(v, { className: "h-4 w-4" })
+					}),
+					/* @__PURE__ */ O(r, {
+						label: "Current Value",
+						value: B,
+						prefix: "$",
+						icon: /* @__PURE__ */ O(w, { className: "h-4 w-4" }),
+						change: Number(V.toFixed(1)),
+						trend: z >= 0 ? "up" : "down"
+					}),
+					/* @__PURE__ */ O(r, {
+						label: "Total Returns",
+						value: z,
+						prefix: "$",
+						icon: /* @__PURE__ */ O(S, { className: "h-4 w-4" }),
+						trend: z >= 0 ? "up" : "down",
+						change: Number(V.toFixed(1))
+					}),
+					/* @__PURE__ */ O(r, {
+						label: "Risk Level",
+						value: L.riskLevel.charAt(0).toUpperCase() + L.riskLevel.slice(1),
+						icon: /* @__PURE__ */ O(C, { className: "h-4 w-4" })
+					})
+				]
+			}),
+			/* @__PURE__ */ k("div", {
+				className: "rounded-lg border border-border bg-card shadow-sm",
+				children: [/* @__PURE__ */ O("div", {
+					className: "flex gap-0 border-b border-border",
+					children: H.map((t) => {
+						let n = t.icon;
+						return /* @__PURE__ */ k("button", {
+							onClick: () => I(t.id),
+							className: e("flex items-center gap-2 border-b-2 px-4 py-3 text-sm font-medium transition-colors", F === t.id ? "border-foreground text-foreground" : "border-transparent text-muted-foreground hover:text-foreground"),
+							children: [/* @__PURE__ */ O(n, { className: "h-4 w-4" }), t.label]
+						}, t.id);
+					})
+				}), /* @__PURE__ */ k("div", {
+					className: "p-6",
+					children: [
+						F === "overview" && /* @__PURE__ */ k("div", {
+							className: "space-y-6",
+							children: [
+								/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("h3", {
+									className: "mb-4 text-lg font-semibold text-foreground",
+									children: "Investment Details"
+								}), /* @__PURE__ */ k("div", {
+									className: "rounded-lg bg-muted/50 p-4 space-y-3",
+									children: [
+										/* @__PURE__ */ k("div", {
+											className: "flex justify-between",
+											children: [/* @__PURE__ */ O("span", {
+												className: "text-muted-foreground",
+												children: "Investment Type"
+											}), /* @__PURE__ */ O("span", {
+												className: "font-medium capitalize text-foreground",
+												children: L.investmentType.replace("_", " ")
+											})]
+										}),
+										/* @__PURE__ */ k("div", {
+											className: "flex justify-between",
+											children: [/* @__PURE__ */ O("span", {
+												className: "text-muted-foreground",
+												children: "Property"
+											}), /* @__PURE__ */ O("span", {
+												className: "font-medium text-foreground",
+												children: L.property.title
+											})]
+										}),
+										/* @__PURE__ */ k("div", {
+											className: "flex justify-between",
+											children: [/* @__PURE__ */ O("span", {
+												className: "text-muted-foreground",
+												children: "Total Property Value"
+											}), /* @__PURE__ */ O("span", {
+												className: "font-medium text-foreground",
+												children: t(L.totalValue)
+											})]
+										}),
+										/* @__PURE__ */ k("div", {
+											className: "flex justify-between",
+											children: [/* @__PURE__ */ O("span", {
+												className: "text-muted-foreground",
+												children: "Risk Level"
+											}), /* @__PURE__ */ O("span", {
+												className: "font-medium capitalize text-foreground",
+												children: L.riskLevel
+											})]
+										}),
+										/* @__PURE__ */ k("div", {
+											className: "flex justify-between",
+											children: [/* @__PURE__ */ O("span", {
+												className: "text-muted-foreground",
+												children: "Start Date"
+											}), /* @__PURE__ */ O("span", {
+												className: "font-medium text-foreground",
+												children: n(L.startDate.toISOString())
+											})]
+										}),
+										L.maturityDate && /* @__PURE__ */ k("div", {
+											className: "flex justify-between",
+											children: [/* @__PURE__ */ O("span", {
+												className: "text-muted-foreground",
+												children: "Maturity Date"
+											}), /* @__PURE__ */ O("span", {
+												className: "font-medium text-foreground",
+												children: n(L.maturityDate.toISOString())
+											})]
+										}),
+										/* @__PURE__ */ k("div", {
+											className: "flex justify-between border-t border-border pt-3",
+											children: [/* @__PURE__ */ O("span", {
+												className: "font-medium text-muted-foreground",
+												children: "Total Return"
+											}), /* @__PURE__ */ O("div", {
+												className: e("font-bold", j(z)),
+												children: /* @__PURE__ */ k("div", {
+													className: "flex items-center gap-1",
+													children: [
+														z > 0 && /* @__PURE__ */ O(p, { className: "h-4 w-4" }),
+														z < 0 && /* @__PURE__ */ O(d, { className: "h-4 w-4" }),
+														t(z),
+														" (",
+														V.toFixed(1),
+														"%)"
+													]
+												})
+											})]
+										})
+									]
+								})] }),
+								/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("h3", {
+									className: "mb-4 text-lg font-semibold text-foreground",
+									children: "Property Information"
+								}), /* @__PURE__ */ k("div", {
+									className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+									children: [
+										/* @__PURE__ */ k("div", {
+											className: "rounded-lg bg-muted/50 p-4",
+											children: [/* @__PURE__ */ k("div", {
+												className: "mb-1 flex items-center gap-2 text-sm text-muted-foreground",
+												children: [/* @__PURE__ */ O(h, { className: "h-4 w-4" }), "Property Type"]
+											}), /* @__PURE__ */ O("div", {
+												className: "font-semibold capitalize text-foreground",
+												children: L.property.type.replace("_", " ")
+											})]
+										}),
+										/* @__PURE__ */ k("div", {
+											className: "rounded-lg bg-muted/50 p-4",
+											children: [
+												/* @__PURE__ */ k("div", {
+													className: "mb-1 flex items-center gap-2 text-sm text-muted-foreground",
+													children: [/* @__PURE__ */ O(x, { className: "h-4 w-4" }), "Location"]
+												}),
+												/* @__PURE__ */ k("div", {
+													className: "font-semibold text-foreground",
+													children: [
+														L.property.location.city,
+														", ",
+														L.property.location.state
+													]
+												}),
+												/* @__PURE__ */ O("div", {
+													className: "text-sm text-muted-foreground",
+													children: L.property.location.neighborhood
+												})
+											]
+										}),
+										/* @__PURE__ */ k("div", {
+											className: "rounded-lg bg-muted/50 p-4",
+											children: [/* @__PURE__ */ k("div", {
+												className: "mb-1 flex items-center gap-2 text-sm text-muted-foreground",
+												children: [/* @__PURE__ */ O(g, { className: "h-4 w-4" }), "Start Date"]
+											}), /* @__PURE__ */ O("div", {
+												className: "font-semibold text-foreground",
+												children: n(L.startDate.toISOString())
+											})]
+										}),
+										/* @__PURE__ */ k("div", {
+											className: "rounded-lg bg-muted/50 p-4",
+											children: [/* @__PURE__ */ k("div", {
+												className: "mb-1 flex items-center gap-2 text-sm text-muted-foreground",
+												children: [/* @__PURE__ */ O(_, { className: "h-4 w-4" }), "Duration"]
+											}), /* @__PURE__ */ O("div", {
+												className: "font-semibold text-foreground",
+												children: L.maturityDate ? `${Math.round((L.maturityDate.getTime() - L.startDate.getTime()) / (1e3 * 60 * 60 * 24 * 30))} months` : "Ongoing"
+											})]
+										})
+									]
+								})] }),
+								L.investors.length > 0 && /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ k("h3", {
+									className: "mb-4 flex items-center gap-2 text-lg font-semibold text-foreground",
+									children: [
+										/* @__PURE__ */ O(T, { className: "h-5 w-5" }),
+										"Investors (",
+										L.investors.length,
+										")"
+									]
+								}), /* @__PURE__ */ O("div", {
+									className: "space-y-2",
+									children: L.investors.map((e, r) => /* @__PURE__ */ k("div", {
+										className: "flex items-center justify-between rounded-lg bg-muted/50 p-4",
+										children: [/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ k("div", {
+											className: "font-medium text-foreground",
+											children: [
+												e.user.firstName,
+												" ",
+												e.user.lastName
+											]
+										}), /* @__PURE__ */ k("div", {
+											className: "text-sm text-muted-foreground",
+											children: ["Invested: ", t(e.investmentAmount)]
+										})] }), /* @__PURE__ */ k("div", {
+											className: "text-right",
+											children: [/* @__PURE__ */ k("div", {
+												className: "font-semibold text-foreground",
+												children: [e.shares, "% share"]
+											}), /* @__PURE__ */ k("div", {
+												className: "text-sm text-muted-foreground",
+												children: ["Joined: ", n(e.joinedAt.toISOString())]
+											})]
+										})]
+									}, r))
+								})] })
+							]
+						}),
+						F === "returns" && /* @__PURE__ */ k("div", {
+							className: "space-y-6",
+							children: [
+								/* @__PURE__ */ k("div", {
+									className: "flex items-center justify-between",
+									children: [/* @__PURE__ */ O("h3", {
+										className: "text-lg font-semibold text-foreground",
+										children: "Returns History"
+									}), /* @__PURE__ */ k("div", {
+										className: "text-right",
+										children: [/* @__PURE__ */ O("div", {
+											className: "text-sm text-muted-foreground",
+											children: "Total Returns"
+										}), /* @__PURE__ */ O("div", {
+											className: e("text-2xl font-bold", j(z)),
+											children: t(z)
+										})]
+									})]
+								}),
+								/* @__PURE__ */ O(o, {
+									title: "Performance Over Time",
+									description: "Monthly returns and portfolio growth",
+									children: /* @__PURE__ */ O("div", {
+										className: "flex h-48 items-center justify-center rounded-md bg-muted/30",
+										children: /* @__PURE__ */ k("div", {
+											className: "text-center text-muted-foreground",
+											children: [
+												/* @__PURE__ */ O(m, { className: "mx-auto mb-2 h-8 w-8" }),
+												/* @__PURE__ */ O("p", {
+													className: "text-sm",
+													children: "Performance chart will be rendered here"
+												}),
+												/* @__PURE__ */ O("p", {
+													className: "text-xs",
+													children: "Integration with recharts pending"
+												})
+											]
+										})
+									})
+								}),
+								L.returns.length > 0 ? /* @__PURE__ */ O("div", {
+									className: "space-y-3",
+									children: L.returns.map((e) => /* @__PURE__ */ k("div", {
+										className: "flex items-center justify-between rounded-lg bg-muted/50 p-4",
+										children: [/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("div", {
+											className: "font-medium capitalize text-foreground",
+											children: e.type
+										}), /* @__PURE__ */ O("div", {
+											className: "text-sm text-muted-foreground",
+											children: n(e.date.toISOString())
+										})] }), /* @__PURE__ */ k("div", {
+											className: "text-right",
+											children: [/* @__PURE__ */ k("div", {
+												className: "font-bold text-emerald-600 dark:text-emerald-400",
+												children: ["+", t(e.amount)]
+											}), /* @__PURE__ */ k("div", {
+												className: "text-sm text-muted-foreground",
+												children: [
+													e.investor.firstName,
+													" ",
+													e.investor.lastName
+												]
+											})]
+										})]
+									}, e.id))
+								}) : /* @__PURE__ */ O(a, {
+									title: "No returns recorded yet",
+									description: "Returns will appear here once distributions are made."
+								})
+							]
+						}),
+						F === "documents" && /* @__PURE__ */ k("div", {
+							className: "space-y-6",
+							children: [/* @__PURE__ */ O("h3", {
+								className: "text-lg font-semibold text-foreground",
+								children: "Investment Documents"
+							}), /* @__PURE__ */ O("div", {
+								className: "space-y-3",
+								children: [
+									{
+										name: "Investment Agreement",
+										date: L.startDate,
+										size: "2.4 MB"
+									},
+									{
+										name: "Property Deed",
+										date: L.startDate,
+										size: "1.8 MB"
+									},
+									{
+										name: "Title Verification Report",
+										date: L.startDate,
+										size: "3.2 MB"
+									},
+									{
+										name: "Tax Documents",
+										date: L.startDate,
+										size: "1.1 MB"
+									}
+								].map((e, t) => /* @__PURE__ */ k("div", {
+									className: "flex items-center justify-between rounded-lg bg-muted/50 p-4 transition-colors hover:bg-muted",
+									children: [/* @__PURE__ */ k("div", {
+										className: "flex items-center gap-3",
+										children: [/* @__PURE__ */ O("div", {
+											className: "rounded-md bg-blue-100 p-2 dark:bg-blue-900/30",
+											children: /* @__PURE__ */ O(b, { className: "h-5 w-5 text-blue-600 dark:text-blue-400" })
+										}), /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("div", {
+											className: "font-medium text-foreground",
+											children: e.name
+										}), /* @__PURE__ */ k("div", {
+											className: "text-sm text-muted-foreground",
+											children: [
+												n(e.date.toISOString()),
+												" · ",
+												e.size
+											]
+										})] })]
+									}), /* @__PURE__ */ k("button", {
+										className: "inline-flex items-center gap-2 rounded-md border border-border px-3 py-1.5 text-sm font-medium text-foreground transition-colors hover:bg-muted",
+										children: [/* @__PURE__ */ O(y, { className: "h-4 w-4" }), "Download"]
+									})]
+								}, t))
+							})]
+						})
+					]
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { M as InvestmentDetailPage };
+
+//# sourceMappingURL=InvestmentDetailPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InvestmentDetailPage.js","names":[],"sources":["../../../../src/housingvista/pages/investments/InvestmentDetailPage.tsx"],"sourcesContent":["import { useState, useMemo } from 'react';\nimport { useParams, useNavigate } from 'react-router-dom';\nimport {\n  ArrowLeft,\n  Building,\n  DollarSign,\n  TrendingUp,\n  Calendar,\n  MapPin,\n  Percent,\n  Download,\n  FileText,\n  Users,\n  Target,\n  Clock,\n  ArrowUpRight,\n  ArrowDownRight,\n  BarChart3,\n} from 'lucide-react';\nimport { Breadcrumbs } from '../../components';\nimport { StatCard } from '../../components';\nimport { StatusBadge } from '../../components';\nimport { EmptyState } from '../../components';\nimport { ChartCard } from '../../components';\nimport { useInvestments } from '../../hooks';\nimport { cn, formatCurrency, formatDate } from '../../utils/helpers';\nimport type { InvestmentStatus } from '../../types';\n\nfunction getStatusVariant(status: InvestmentStatus): 'success' | 'warning' | 'error' | 'info' | 'muted' | 'default' {\n  switch (status) {\n    case 'active':\n      return 'success';\n    case 'funding':\n      return 'warning';\n    case 'closed':\n    case 'mature':\n      return 'info';\n    case 'draft':\n    case 'open':\n      return 'muted';\n    default:\n      return 'default';\n  }\n}\n\nfunction getReturnColor(returnValue: number) {\n  if (returnValue > 0) return 'text-emerald-600 dark:text-emerald-400';\n  if (returnValue < 0) return 'text-red-600 dark:text-red-400';\n  return 'text-muted-foreground';\n}\n\nexport function InvestmentDetailPage() {\n  const { id } = useParams<{ id: string }>();\n  const navigate = useNavigate();\n  const { data: investments } = useInvestments();\n  const [activeTab, setActiveTab] = useState<'overview' | 'returns' | 'documents'>('overview');\n\n  const investment = useMemo(() => investments.find((inv) => inv.id === id), [investments, id]);\n\n  if (!investment) {\n    return (\n      <div className=\"flex flex-col gap-6 p-6\">\n        <EmptyState\n          icon={<Building className=\"h-16 w-16\" />}\n          title=\"Investment Not Found\"\n          description=\"The investment you're looking for doesn't exist or has been removed.\"\n          action={\n            <button\n              onClick={() => navigate('/investments')}\n              className=\"inline-flex items-center gap-2 rounded-md bg-foreground px-4 py-2 text-sm font-medium text-background transition-colors hover:bg-foreground/90\"\n            >\n              <ArrowLeft className=\"h-4 w-4\" />\n              Back to Investments\n            </button>\n          }\n        />\n      </div>\n    );\n  }\n\n  const totalInvested = investment.investors.reduce((s, i) => s + i.investmentAmount, 0);\n  const totalReturns = investment.returns.reduce((s, r) => s + r.amount, 0);\n  const currentValue = totalInvested + totalReturns;\n  const returnPercentage = totalInvested > 0 ? (totalReturns / totalInvested) * 100 : 0;\n\n  const tabs = [\n    { id: 'overview' as const, label: 'Overview', icon: Building },\n    { id: 'returns' as const, label: 'Returns History', icon: BarChart3 },\n    { id: 'documents' as const, label: 'Documents', icon: FileText },\n  ];\n\n  return (\n    <div className=\"flex flex-col gap-6 p-6\">\n      {/* Breadcrumbs */}\n      <Breadcrumbs items={[{ label: 'Investments', href: '/investments' }, { label: investment.property.title }]} />\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('/investments')}\n            className=\"mb-2 inline-flex items-center gap-2 rounded-md px-2 py-1 text-sm text-muted-foreground transition-colors hover:bg-muted hover:text-foreground\"\n          >\n            <ArrowLeft className=\"h-4 w-4\" />\n            Back to Investments\n          </button>\n          <h1 className=\"text-2xl font-semibold text-foreground\">{investment.property.title}</h1>\n          <div className=\"mt-2 flex flex-wrap items-center gap-2\">\n            <StatusBadge label={investment.status} variant={getStatusVariant(investment.status)} />\n            <StatusBadge label={investment.investmentType.replace('_', ' ')} variant=\"muted\" />\n            <StatusBadge label={`${investment.riskLevel} Risk`} variant=\"muted\" />\n          </div>\n        </div>\n        <div className=\"flex gap-3\">\n          <button className=\"inline-flex items-center gap-2 rounded-md border border-border px-4 py-2 text-sm font-medium text-foreground transition-colors hover:bg-muted\">\n            <Download className=\"h-4 w-4\" />\n            Download Report\n          </button>\n          {investment.status === 'active' && (\n            <button className=\"inline-flex items-center gap-2 rounded-md bg-foreground px-4 py-2 text-sm font-medium text-background transition-colors hover:bg-foreground/90\">\n              <DollarSign className=\"h-4 w-4\" />\n              Manage Investment\n            </button>\n          )}\n        </div>\n      </div>\n\n      {/* Key Metrics */}\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        <StatCard label=\"Invested Amount\" value={totalInvested} prefix=\"$\" icon={<DollarSign className=\"h-4 w-4\" />} />\n        <StatCard\n          label=\"Current Value\"\n          value={currentValue}\n          prefix=\"$\"\n          icon={<TrendingUp className=\"h-4 w-4\" />}\n          change={Number(returnPercentage.toFixed(1))}\n          trend={totalReturns >= 0 ? 'up' : 'down'}\n        />\n        <StatCard\n          label=\"Total Returns\"\n          value={totalReturns}\n          prefix=\"$\"\n          icon={<Percent className=\"h-4 w-4\" />}\n          trend={totalReturns >= 0 ? 'up' : 'down'}\n          change={Number(returnPercentage.toFixed(1))}\n        />\n        <StatCard\n          label=\"Risk Level\"\n          value={investment.riskLevel.charAt(0).toUpperCase() + investment.riskLevel.slice(1)}\n          icon={<Target className=\"h-4 w-4\" />}\n        />\n      </div>\n\n      {/* Tabs */}\n      <div className=\"rounded-lg border border-border bg-card shadow-sm\">\n        <div className=\"flex gap-0 border-b border-border\">\n          {tabs.map((tab) => {\n            const TabIcon = tab.icon;\n            return (\n              <button\n                key={tab.id}\n                onClick={() => setActiveTab(tab.id)}\n                className={cn(\n                  'flex items-center gap-2 border-b-2 px-4 py-3 text-sm font-medium transition-colors',\n                  activeTab === tab.id\n                    ? 'border-foreground text-foreground'\n                    : 'border-transparent text-muted-foreground hover:text-foreground'\n                )}\n              >\n                <TabIcon className=\"h-4 w-4\" />\n                {tab.label}\n              </button>\n            );\n          })}\n        </div>\n\n        <div className=\"p-6\">\n          {/* Overview Tab */}\n          {activeTab === 'overview' && (\n            <div className=\"space-y-6\">\n              {/* Investment Details */}\n              <div>\n                <h3 className=\"mb-4 text-lg font-semibold text-foreground\">Investment Details</h3>\n                <div className=\"rounded-lg bg-muted/50 p-4 space-y-3\">\n                  <div className=\"flex justify-between\">\n                    <span className=\"text-muted-foreground\">Investment Type</span>\n                    <span className=\"font-medium capitalize text-foreground\">\n                      {investment.investmentType.replace('_', ' ')}\n                    </span>\n                  </div>\n                  <div className=\"flex justify-between\">\n                    <span className=\"text-muted-foreground\">Property</span>\n                    <span className=\"font-medium text-foreground\">{investment.property.title}</span>\n                  </div>\n                  <div className=\"flex justify-between\">\n                    <span className=\"text-muted-foreground\">Total Property Value</span>\n                    <span className=\"font-medium text-foreground\">{formatCurrency(investment.totalValue)}</span>\n                  </div>\n                  <div className=\"flex justify-between\">\n                    <span className=\"text-muted-foreground\">Risk Level</span>\n                    <span className=\"font-medium capitalize text-foreground\">{investment.riskLevel}</span>\n                  </div>\n                  <div className=\"flex justify-between\">\n                    <span className=\"text-muted-foreground\">Start Date</span>\n                    <span className=\"font-medium text-foreground\">\n                      {formatDate(investment.startDate.toISOString())}\n                    </span>\n                  </div>\n                  {investment.maturityDate && (\n                    <div className=\"flex justify-between\">\n                      <span className=\"text-muted-foreground\">Maturity Date</span>\n                      <span className=\"font-medium text-foreground\">\n                        {formatDate(investment.maturityDate.toISOString())}\n                      </span>\n                    </div>\n                  )}\n                  <div className=\"flex justify-between border-t border-border pt-3\">\n                    <span className=\"font-medium text-muted-foreground\">Total Return</span>\n                    <div className={cn('font-bold', getReturnColor(totalReturns))}>\n                      <div className=\"flex items-center gap-1\">\n                        {totalReturns > 0 && <ArrowUpRight className=\"h-4 w-4\" />}\n                        {totalReturns < 0 && <ArrowDownRight className=\"h-4 w-4\" />}\n                        {formatCurrency(totalReturns)} ({returnPercentage.toFixed(1)}%)\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n\n              {/* Property Info */}\n              <div>\n                <h3 className=\"mb-4 text-lg font-semibold text-foreground\">Property Information</h3>\n                <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n                  <div className=\"rounded-lg bg-muted/50 p-4\">\n                    <div className=\"mb-1 flex items-center gap-2 text-sm text-muted-foreground\">\n                      <Building className=\"h-4 w-4\" />\n                      Property Type\n                    </div>\n                    <div className=\"font-semibold capitalize text-foreground\">\n                      {investment.property.type.replace('_', ' ')}\n                    </div>\n                  </div>\n                  <div className=\"rounded-lg bg-muted/50 p-4\">\n                    <div className=\"mb-1 flex items-center gap-2 text-sm text-muted-foreground\">\n                      <MapPin className=\"h-4 w-4\" />\n                      Location\n                    </div>\n                    <div className=\"font-semibold text-foreground\">\n                      {investment.property.location.city}, {investment.property.location.state}\n                    </div>\n                    <div className=\"text-sm text-muted-foreground\">{investment.property.location.neighborhood}</div>\n                  </div>\n                  <div className=\"rounded-lg bg-muted/50 p-4\">\n                    <div className=\"mb-1 flex items-center gap-2 text-sm text-muted-foreground\">\n                      <Calendar className=\"h-4 w-4\" />\n                      Start Date\n                    </div>\n                    <div className=\"font-semibold text-foreground\">\n                      {formatDate(investment.startDate.toISOString())}\n                    </div>\n                  </div>\n                  <div className=\"rounded-lg bg-muted/50 p-4\">\n                    <div className=\"mb-1 flex items-center gap-2 text-sm text-muted-foreground\">\n                      <Clock className=\"h-4 w-4\" />\n                      Duration\n                    </div>\n                    <div className=\"font-semibold text-foreground\">\n                      {investment.maturityDate\n                        ? `${Math.round((investment.maturityDate.getTime() - investment.startDate.getTime()) / (1000 * 60 * 60 * 24 * 30))} months`\n                        : 'Ongoing'}\n                    </div>\n                  </div>\n                </div>\n              </div>\n\n              {/* Investors */}\n              {investment.investors.length > 0 && (\n                <div>\n                  <h3 className=\"mb-4 flex items-center gap-2 text-lg font-semibold text-foreground\">\n                    <Users className=\"h-5 w-5\" />\n                    Investors ({investment.investors.length})\n                  </h3>\n                  <div className=\"space-y-2\">\n                    {investment.investors.map((investor, index) => (\n                      <div key={index} className=\"flex items-center justify-between rounded-lg bg-muted/50 p-4\">\n                        <div>\n                          <div className=\"font-medium text-foreground\">\n                            {investor.user.firstName} {investor.user.lastName}\n                          </div>\n                          <div className=\"text-sm text-muted-foreground\">\n                            Invested: {formatCurrency(investor.investmentAmount)}\n                          </div>\n                        </div>\n                        <div className=\"text-right\">\n                          <div className=\"font-semibold text-foreground\">{investor.shares}% share</div>\n                          <div className=\"text-sm text-muted-foreground\">\n                            Joined: {formatDate(investor.joinedAt.toISOString())}\n                          </div>\n                        </div>\n                      </div>\n                    ))}\n                  </div>\n                </div>\n              )}\n            </div>\n          )}\n\n          {/* Returns Tab */}\n          {activeTab === 'returns' && (\n            <div className=\"space-y-6\">\n              <div className=\"flex items-center justify-between\">\n                <h3 className=\"text-lg font-semibold text-foreground\">Returns History</h3>\n                <div className=\"text-right\">\n                  <div className=\"text-sm text-muted-foreground\">Total Returns</div>\n                  <div className={cn('text-2xl font-bold', getReturnColor(totalReturns))}>\n                    {formatCurrency(totalReturns)}\n                  </div>\n                </div>\n              </div>\n\n              {/* Performance Chart Placeholder */}\n              <ChartCard title=\"Performance Over Time\" description=\"Monthly returns and portfolio growth\">\n                <div className=\"flex h-48 items-center justify-center rounded-md bg-muted/30\">\n                  <div className=\"text-center text-muted-foreground\">\n                    <BarChart3 className=\"mx-auto mb-2 h-8 w-8\" />\n                    <p className=\"text-sm\">Performance chart will be rendered here</p>\n                    <p className=\"text-xs\">Integration with recharts pending</p>\n                  </div>\n                </div>\n              </ChartCard>\n\n              {investment.returns.length > 0 ? (\n                <div className=\"space-y-3\">\n                  {investment.returns.map((returnItem) => (\n                    <div key={returnItem.id} className=\"flex items-center justify-between rounded-lg bg-muted/50 p-4\">\n                      <div>\n                        <div className=\"font-medium capitalize text-foreground\">{returnItem.type}</div>\n                        <div className=\"text-sm text-muted-foreground\">{formatDate(returnItem.date.toISOString())}</div>\n                      </div>\n                      <div className=\"text-right\">\n                        <div className=\"font-bold text-emerald-600 dark:text-emerald-400\">\n                          +{formatCurrency(returnItem.amount)}\n                        </div>\n                        <div className=\"text-sm text-muted-foreground\">\n                          {returnItem.investor.firstName} {returnItem.investor.lastName}\n                        </div>\n                      </div>\n                    </div>\n                  ))}\n                </div>\n              ) : (\n                <EmptyState\n                  title=\"No returns recorded yet\"\n                  description=\"Returns will appear here once distributions are made.\"\n                />\n              )}\n            </div>\n          )}\n\n          {/* Documents Tab */}\n          {activeTab === 'documents' && (\n            <div className=\"space-y-6\">\n              <h3 className=\"text-lg font-semibold text-foreground\">Investment Documents</h3>\n              <div className=\"space-y-3\">\n                {[\n                  { name: 'Investment Agreement', date: investment.startDate, size: '2.4 MB' },\n                  { name: 'Property Deed', date: investment.startDate, size: '1.8 MB' },\n                  { name: 'Title Verification Report', date: investment.startDate, size: '3.2 MB' },\n                  { name: 'Tax Documents', date: investment.startDate, size: '1.1 MB' },\n                ].map((doc, index) => (\n                  <div\n                    key={index}\n                    className=\"flex items-center justify-between rounded-lg bg-muted/50 p-4 transition-colors hover:bg-muted\"\n                  >\n                    <div className=\"flex items-center gap-3\">\n                      <div className=\"rounded-md bg-blue-100 p-2 dark:bg-blue-900/30\">\n                        <FileText className=\"h-5 w-5 text-blue-600 dark:text-blue-400\" />\n                      </div>\n                      <div>\n                        <div className=\"font-medium text-foreground\">{doc.name}</div>\n                        <div className=\"text-sm text-muted-foreground\">\n                          {formatDate(doc.date.toISOString())} &middot; {doc.size}\n                        </div>\n                      </div>\n                    </div>\n                    <button className=\"inline-flex items-center gap-2 rounded-md border border-border px-3 py-1.5 text-sm font-medium text-foreground transition-colors hover:bg-muted\">\n                      <Download className=\"h-4 w-4\" />\n                      Download\n                    </button>\n                  </div>\n                ))}\n              </div>\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/housingvista/pages/investments/InvestmentsPage.d.ts

@@ -0,0 +1,2 @@
+export declare function InvestmentsPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=InvestmentsPage.d.ts.map

package/dist/housingvista/pages/investments/InvestmentsPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InvestmentsPage.d.ts","sourceRoot":"","sources":["../../../../src/housingvista/pages/investments/InvestmentsPage.tsx"],"names":[],"mappings":"AAsDA,wBAAgB,eAAe,4CA8M9B"}