@burdenoff/microfe-adaptercloud 2026.614.1

package/dist/adaptercloud/pages/investor/InvestorInvestmentsPage.js

@@ -0,0 +1,399 @@
+import { useAdapterCloud as e } from "../../context/AdapterCloudContext.js";
+import { cn as t } from "../../utils/cn.js";
+import { PageLayout as n } from "../../components/PageLayout.js";
+import { MetricsCard as r } from "../../components/MetricsCard.js";
+import { EmptyState as i } from "../../components/EmptyState.js";
+import { formatCurrency as a, formatDate as o } from "../../utils/formatters.js";
+import { useEffect as s, useMemo as c, useState as l } from "react";
+import { AlertCircle as u, CheckCircle2 as d, Clock as f, Eye as p, IndianRupee as m, Plus as h, TrendingDown as g, TrendingUp as _, Wallet as v } from "lucide-react";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+//#region src/adaptercloud/pages/investor/InvestorInvestmentsPage.tsx
+var x = [
+	{
+		id: "inv-001",
+		cartName: "South Indian Express",
+		cartOwner: "Raj Kumar",
+		investmentAmount: 5e4,
+		currentValue: 58500,
+		profitLoss: 8500,
+		profitLossPercentage: 17,
+		investmentDate: "2024-01-15",
+		status: "active",
+		roiAnnual: 22.5,
+		duration: "18 months",
+		nextPayout: "2024-12-15",
+		totalReturns: 8500
+	},
+	{
+		id: "inv-002",
+		cartName: "Pizza Corner",
+		cartOwner: "Priya Singh",
+		investmentAmount: 75e3,
+		currentValue: 82e3,
+		profitLoss: 7e3,
+		profitLossPercentage: 9.3,
+		investmentDate: "2024-03-10",
+		status: "active",
+		roiAnnual: 18,
+		duration: "24 months",
+		nextPayout: "2024-12-10",
+		totalReturns: 7e3
+	},
+	{
+		id: "inv-003",
+		cartName: "Healthy Bites",
+		cartOwner: "Amit Patel",
+		investmentAmount: 3e4,
+		currentValue: 31200,
+		profitLoss: 1200,
+		profitLossPercentage: 4,
+		investmentDate: "2024-06-01",
+		status: "active",
+		roiAnnual: 15,
+		duration: "12 months",
+		nextPayout: "2024-12-01",
+		totalReturns: 1200
+	},
+	{
+		id: "inv-004",
+		cartName: "Street Food Junction",
+		cartOwner: "Neha Sharma",
+		investmentAmount: 4e4,
+		currentValue: 4e4,
+		profitLoss: 0,
+		profitLossPercentage: 0,
+		investmentDate: "2024-08-15",
+		status: "pending",
+		roiAnnual: 20,
+		duration: "15 months",
+		nextPayout: "2025-01-15",
+		totalReturns: 0
+	},
+	{
+		id: "inv-005",
+		cartName: "Biryani House",
+		cartOwner: "Suresh Reddy",
+		investmentAmount: 6e4,
+		currentValue: 72e3,
+		profitLoss: 12e3,
+		profitLossPercentage: 20,
+		investmentDate: "2023-12-01",
+		status: "matured",
+		roiAnnual: 25,
+		duration: "12 months",
+		nextPayout: "-",
+		totalReturns: 12e3
+	}
+], S = {
+	totalInvested: 255e3,
+	currentValue: 283700,
+	totalReturns: 28700,
+	activeInvestments: 3,
+	averageRoi: 19.6,
+	profitLoss: 28700,
+	profitLossPercentage: 11.3
+};
+function C(e) {
+	switch (e) {
+		case "active": return "bg-green-500/20 text-green-600 dark:text-green-400";
+		case "pending": return "bg-yellow-500/20 text-yellow-600 dark:text-yellow-400";
+		case "matured": return "bg-blue-500/20 text-blue-600 dark:text-blue-400";
+		case "withdrawn": return "bg-secondary text-secondary-foreground";
+		default: return "bg-secondary text-secondary-foreground";
+	}
+}
+function w(e) {
+	switch (e) {
+		case "active": return /* @__PURE__ */ y(d, { className: "h-4 w-4" });
+		case "pending": return /* @__PURE__ */ y(f, { className: "h-4 w-4" });
+		case "matured": return /* @__PURE__ */ y(d, { className: "h-4 w-4" });
+		default: return /* @__PURE__ */ y(u, { className: "h-4 w-4" });
+	}
+}
+function T() {
+	let { navigateTo: u } = e(), [f, T] = l(!0), [E, D] = l("all");
+	s(() => {
+		let e = setTimeout(() => T(!1), 600);
+		return () => clearTimeout(e);
+	}, []);
+	let O = c(() => E === "all" ? x : x.filter((e) => e.status === E), [E]), k = [
+		{
+			key: "all",
+			label: "All Investments"
+		},
+		{
+			key: "active",
+			label: "Active"
+		},
+		{
+			key: "pending",
+			label: "Pending"
+		},
+		{
+			key: "matured",
+			label: "Matured"
+		}
+	];
+	function A(e) {
+		return e === "all" ? x.length : x.filter((t) => t.status === e).length;
+	}
+	return f ? /* @__PURE__ */ y(n, {
+		title: "My Investments",
+		description: "Loading your investments...",
+		children: /* @__PURE__ */ y("div", {
+			className: "flex items-center justify-center py-20",
+			children: /* @__PURE__ */ b("div", {
+				className: "text-center",
+				children: [/* @__PURE__ */ y("div", { className: "mx-auto mb-4 h-12 w-12 animate-spin rounded-full border-b-2 border-primary" }), /* @__PURE__ */ y("p", {
+					className: "text-sm text-muted-foreground",
+					children: "Loading your investments..."
+				})]
+			})
+		})
+	}) : /* @__PURE__ */ b(n, {
+		title: "My Investments",
+		description: "Track and manage your investment portfolio",
+		actions: /* @__PURE__ */ b("button", {
+			type: "button",
+			onClick: () => u("/investor/opportunities"),
+			className: "flex items-center gap-2 rounded-lg bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors",
+			children: [/* @__PURE__ */ y(h, { className: "h-4 w-4" }), "New Investment"]
+		}),
+		children: [
+			/* @__PURE__ */ b("div", {
+				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
+				children: [
+					/* @__PURE__ */ y(r, {
+						icon: /* @__PURE__ */ y(v, { className: "h-5 w-5" }),
+						value: a(S.totalInvested, { minimumFractionDigits: 0 }),
+						label: "Total Invested",
+						trend: "up",
+						trendValue: "Total amount invested"
+					}),
+					/* @__PURE__ */ y(r, {
+						icon: /* @__PURE__ */ y(m, { className: "h-5 w-5" }),
+						value: a(S.currentValue, { minimumFractionDigits: 0 }),
+						label: "Current Value",
+						trend: S.profitLoss > 0 ? "up" : "down",
+						trendValue: `${S.profitLossPercentage > 0 ? "+" : ""}${S.profitLossPercentage}% total returns`
+					}),
+					/* @__PURE__ */ y(r, {
+						icon: /* @__PURE__ */ y(_, { className: "h-5 w-5" }),
+						value: a(S.totalReturns, { minimumFractionDigits: 0 }),
+						label: "Total Returns",
+						trend: "up",
+						trendValue: "Total profit earned"
+					}),
+					/* @__PURE__ */ y(r, {
+						icon: /* @__PURE__ */ y(d, { className: "h-5 w-5" }),
+						value: String(S.activeInvestments),
+						label: "Active Investments",
+						trend: "neutral",
+						trendValue: `${S.averageRoi}% avg ROI`
+					})
+				]
+			}),
+			/* @__PURE__ */ y("div", {
+				className: "mt-6 rounded-lg border border-border bg-card p-4",
+				children: /* @__PURE__ */ y("div", {
+					className: "flex flex-wrap gap-2",
+					children: k.map((e) => /* @__PURE__ */ b("button", {
+						type: "button",
+						onClick: () => D(e.key),
+						className: t("flex items-center gap-2 rounded-lg px-4 py-2 text-sm font-medium transition-colors", E === e.key ? "bg-primary text-primary-foreground" : "bg-muted text-foreground hover:bg-muted/80"),
+						children: [e.label, /* @__PURE__ */ y("span", {
+							className: t("rounded-full px-2 py-0.5 text-xs", E === e.key ? "bg-primary-foreground/20 text-primary-foreground" : "bg-primary/10 text-primary"),
+							children: A(e.key)
+						})]
+					}, e.key))
+				})
+			}),
+			/* @__PURE__ */ y("div", {
+				className: "mt-6 space-y-4",
+				children: O.length > 0 ? O.map((e) => /* @__PURE__ */ b("div", {
+					className: "rounded-lg border border-border bg-card p-4 sm:p-6",
+					children: [/* @__PURE__ */ b("div", {
+						className: "block space-y-4 lg:hidden",
+						children: [
+							/* @__PURE__ */ b("div", {
+								className: "flex items-start justify-between",
+								children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("h3", {
+									className: "text-lg font-semibold text-foreground",
+									children: e.cartName
+								}), /* @__PURE__ */ b("p", {
+									className: "text-sm text-muted-foreground",
+									children: ["by ", e.cartOwner]
+								})] }), /* @__PURE__ */ b("span", {
+									className: t("flex items-center gap-1 rounded-full px-3 py-1 text-sm font-medium", C(e.status)),
+									children: [w(e.status), /* @__PURE__ */ y("span", {
+										className: "capitalize",
+										children: e.status
+									})]
+								})]
+							}),
+							/* @__PURE__ */ b("div", {
+								className: "grid grid-cols-2 gap-4",
+								children: [
+									/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+										className: "text-sm text-muted-foreground",
+										children: "Invested"
+									}), /* @__PURE__ */ y("p", {
+										className: "font-semibold text-foreground",
+										children: a(e.investmentAmount, { minimumFractionDigits: 0 })
+									})] }),
+									/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+										className: "text-sm text-muted-foreground",
+										children: "Current Value"
+									}), /* @__PURE__ */ y("p", {
+										className: "font-semibold text-foreground",
+										children: a(e.currentValue, { minimumFractionDigits: 0 })
+									})] }),
+									/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+										className: "text-sm text-muted-foreground",
+										children: "P&L"
+									}), /* @__PURE__ */ b("p", {
+										className: t("font-semibold", e.profitLoss >= 0 ? "text-green-600 dark:text-green-400" : "text-red-600 dark:text-red-400"),
+										children: [
+											e.profitLoss >= 0 ? "+" : "",
+											a(e.profitLoss, { minimumFractionDigits: 0 }),
+											" (",
+											e.profitLossPercentage >= 0 ? "+" : "",
+											e.profitLossPercentage,
+											"%)"
+										]
+									})] }),
+									/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+										className: "text-sm text-muted-foreground",
+										children: "ROI"
+									}), /* @__PURE__ */ b("p", {
+										className: "font-semibold text-foreground",
+										children: [e.roiAnnual, "% p.a."]
+									})] })
+								]
+							}),
+							/* @__PURE__ */ b("div", {
+								className: "flex items-center justify-between border-t border-border pt-2",
+								children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+									className: "text-xs text-muted-foreground",
+									children: "Invested on"
+								}), /* @__PURE__ */ y("p", {
+									className: "text-sm font-medium text-foreground",
+									children: o(e.investmentDate, {
+										hour: void 0,
+										minute: void 0
+									})
+								})] }), /* @__PURE__ */ b("button", {
+									type: "button",
+									onClick: () => u(`/investor/investments/${e.id}`),
+									className: "flex items-center gap-2 rounded-lg border border-border px-3 py-2 text-sm font-medium text-foreground hover:bg-accent transition-colors",
+									children: [/* @__PURE__ */ y(p, { className: "h-4 w-4" }), "View Details"]
+								})]
+							})
+						]
+					}), /* @__PURE__ */ b("div", {
+						className: "hidden lg:flex lg:items-center lg:justify-between",
+						children: [/* @__PURE__ */ b("div", {
+							className: "min-w-0 flex-1",
+							children: [
+								/* @__PURE__ */ b("div", {
+									className: "mb-2 flex items-center justify-between",
+									children: [/* @__PURE__ */ y("h3", {
+										className: "text-lg font-semibold text-foreground",
+										children: e.cartName
+									}), /* @__PURE__ */ b("span", {
+										className: t("flex items-center gap-1 rounded-full px-3 py-1 text-sm font-medium", C(e.status)),
+										children: [w(e.status), /* @__PURE__ */ y("span", {
+											className: "capitalize",
+											children: e.status
+										})]
+									})]
+								}),
+								/* @__PURE__ */ b("p", {
+									className: "mb-4 text-sm text-muted-foreground",
+									children: ["by ", e.cartOwner]
+								}),
+								/* @__PURE__ */ b("div", {
+									className: "grid grid-cols-5 gap-6",
+									children: [
+										/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+											className: "text-sm text-muted-foreground",
+											children: "Invested"
+										}), /* @__PURE__ */ y("p", {
+											className: "font-semibold text-foreground",
+											children: a(e.investmentAmount, { minimumFractionDigits: 0 })
+										})] }),
+										/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+											className: "text-sm text-muted-foreground",
+											children: "Current Value"
+										}), /* @__PURE__ */ y("p", {
+											className: "font-semibold text-foreground",
+											children: a(e.currentValue, { minimumFractionDigits: 0 })
+										})] }),
+										/* @__PURE__ */ b("div", { children: [
+											/* @__PURE__ */ y("p", {
+												className: "text-sm text-muted-foreground",
+												children: "P&L"
+											}),
+											/* @__PURE__ */ b("p", {
+												className: t("font-semibold", e.profitLoss >= 0 ? "text-green-600 dark:text-green-400" : "text-red-600 dark:text-red-400"),
+												children: [e.profitLoss >= 0 ? "+" : "", a(e.profitLoss, { minimumFractionDigits: 0 })]
+											}),
+											/* @__PURE__ */ b("p", {
+												className: t("text-xs", e.profitLoss >= 0 ? "text-green-600 dark:text-green-400" : "text-red-600 dark:text-red-400"),
+												children: [
+													"(",
+													e.profitLossPercentage >= 0 ? "+" : "",
+													e.profitLossPercentage,
+													"%)"
+												]
+											})
+										] }),
+										/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+											className: "text-sm text-muted-foreground",
+											children: "ROI"
+										}), /* @__PURE__ */ b("p", {
+											className: "font-semibold text-foreground",
+											children: [e.roiAnnual, "% p.a."]
+										})] }),
+										/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+											className: "text-sm text-muted-foreground",
+											children: "Invested on"
+										}), /* @__PURE__ */ y("p", {
+											className: "font-semibold text-foreground",
+											children: o(e.investmentDate, {
+												hour: void 0,
+												minute: void 0
+											})
+										})] })
+									]
+								})
+							]
+						}), /* @__PURE__ */ y("div", {
+							className: "ml-6",
+							children: /* @__PURE__ */ b("button", {
+								type: "button",
+								onClick: () => u(`/investor/investments/${e.id}`),
+								className: "flex items-center gap-2 rounded-lg border border-border px-3 py-2 text-sm font-medium text-foreground hover:bg-accent transition-colors",
+								children: [/* @__PURE__ */ y(p, { className: "h-4 w-4" }), "View Details"]
+							})
+						})]
+					})]
+				}, e.id)) : /* @__PURE__ */ y(i, {
+					icon: /* @__PURE__ */ y(g, { className: "h-12 w-12" }),
+					title: `No ${E === "all" ? "" : E} investments found`,
+					description: E === "all" ? "You haven't made any investments yet. Start exploring opportunities to grow your wealth." : `You don't have any ${E} investments at the moment.`,
+					action: /* @__PURE__ */ y("button", {
+						type: "button",
+						onClick: () => u("/investor/opportunities"),
+						className: "rounded-lg bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors",
+						children: "Explore Investment Opportunities"
+					})
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { T as InvestorInvestmentsPage };
+
+//# sourceMappingURL=InvestorInvestmentsPage.js.map

package/dist/adaptercloud/pages/investor/InvestorInvestmentsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InvestorInvestmentsPage.js","names":[],"sources":["../../../../src/adaptercloud/pages/investor/InvestorInvestmentsPage.tsx"],"sourcesContent":["/**\n * Investor Investments Page\n * @module adaptercloud/pages/investor\n *\n * MetricsGrid summary cards, filter tabs (all/active/pending/matured) with counts,\n * responsive mobile/desktop layouts, P&L display, ROI display, status icons,\n * empty state.\n */\n\nimport { useState, useEffect, useMemo } from 'react';\nimport {\n  TrendingUp,\n  TrendingDown,\n  Briefcase,\n  Eye,\n  BarChart3,\n  AlertCircle,\n  CheckCircle2,\n  Clock,\n  Wallet,\n  IndianRupee,\n  Plus,\n  Target,\n} from 'lucide-react';\nimport { PageLayout } from '../../components/PageLayout';\nimport { MetricsCard } from '../../components/MetricsCard';\nimport { EmptyState } from '../../components/EmptyState';\nimport { useAdapterCloud } from '../../context/AdapterCloudContext';\nimport { cn } from '../../utils/cn';\nimport { formatCurrency, formatDate } from '../../utils/formatters';\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\ninterface Investment {\n  id: string;\n  cartName: string;\n  cartOwner: string;\n  investmentAmount: number;\n  currentValue: number;\n  profitLoss: number;\n  profitLossPercentage: number;\n  investmentDate: string;\n  status: 'active' | 'pending' | 'matured' | 'withdrawn';\n  roiAnnual: number;\n  duration: string;\n  nextPayout: string;\n  totalReturns: number;\n}\n\ninterface InvestmentSummary {\n  totalInvested: number;\n  currentValue: number;\n  totalReturns: number;\n  activeInvestments: number;\n  averageRoi: number;\n  profitLoss: number;\n  profitLossPercentage: number;\n}\n\ntype FilterKey = 'all' | 'active' | 'pending' | 'matured';\n\n// ---------------------------------------------------------------------------\n// Mock data\n// ---------------------------------------------------------------------------\n\nconst mockInvestments: Investment[] = [\n  {\n    id: 'inv-001',\n    cartName: 'South Indian Express',\n    cartOwner: 'Raj Kumar',\n    investmentAmount: 50000,\n    currentValue: 58500,\n    profitLoss: 8500,\n    profitLossPercentage: 17.0,\n    investmentDate: '2024-01-15',\n    status: 'active',\n    roiAnnual: 22.5,\n    duration: '18 months',\n    nextPayout: '2024-12-15',\n    totalReturns: 8500,\n  },\n  {\n    id: 'inv-002',\n    cartName: 'Pizza Corner',\n    cartOwner: 'Priya Singh',\n    investmentAmount: 75000,\n    currentValue: 82000,\n    profitLoss: 7000,\n    profitLossPercentage: 9.3,\n    investmentDate: '2024-03-10',\n    status: 'active',\n    roiAnnual: 18.0,\n    duration: '24 months',\n    nextPayout: '2024-12-10',\n    totalReturns: 7000,\n  },\n  {\n    id: 'inv-003',\n    cartName: 'Healthy Bites',\n    cartOwner: 'Amit Patel',\n    investmentAmount: 30000,\n    currentValue: 31200,\n    profitLoss: 1200,\n    profitLossPercentage: 4.0,\n    investmentDate: '2024-06-01',\n    status: 'active',\n    roiAnnual: 15.0,\n    duration: '12 months',\n    nextPayout: '2024-12-01',\n    totalReturns: 1200,\n  },\n  {\n    id: 'inv-004',\n    cartName: 'Street Food Junction',\n    cartOwner: 'Neha Sharma',\n    investmentAmount: 40000,\n    currentValue: 40000,\n    profitLoss: 0,\n    profitLossPercentage: 0,\n    investmentDate: '2024-08-15',\n    status: 'pending',\n    roiAnnual: 20.0,\n    duration: '15 months',\n    nextPayout: '2025-01-15',\n    totalReturns: 0,\n  },\n  {\n    id: 'inv-005',\n    cartName: 'Biryani House',\n    cartOwner: 'Suresh Reddy',\n    investmentAmount: 60000,\n    currentValue: 72000,\n    profitLoss: 12000,\n    profitLossPercentage: 20.0,\n    investmentDate: '2023-12-01',\n    status: 'matured',\n    roiAnnual: 25.0,\n    duration: '12 months',\n    nextPayout: '-',\n    totalReturns: 12000,\n  },\n];\n\nconst mockSummary: InvestmentSummary = {\n  totalInvested: 255000,\n  currentValue: 283700,\n  totalReturns: 28700,\n  activeInvestments: 3,\n  averageRoi: 19.6,\n  profitLoss: 28700,\n  profitLossPercentage: 11.3,\n};\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nfunction getStatusColor(status: string): string {\n  switch (status) {\n    case 'active':\n      return 'bg-green-500/20 text-green-600 dark:text-green-400';\n    case 'pending':\n      return 'bg-yellow-500/20 text-yellow-600 dark:text-yellow-400';\n    case 'matured':\n      return 'bg-blue-500/20 text-blue-600 dark:text-blue-400';\n    case 'withdrawn':\n      return 'bg-secondary text-secondary-foreground';\n    default:\n      return 'bg-secondary text-secondary-foreground';\n  }\n}\n\nfunction getStatusIcon(status: string) {\n  switch (status) {\n    case 'active':\n      return <CheckCircle2 className=\"h-4 w-4\" />;\n    case 'pending':\n      return <Clock className=\"h-4 w-4\" />;\n    case 'matured':\n      return <CheckCircle2 className=\"h-4 w-4\" />;\n    default:\n      return <AlertCircle className=\"h-4 w-4\" />;\n  }\n}\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nexport function InvestorInvestmentsPage() {\n  const { navigateTo } = useAdapterCloud();\n  const [isLoading, setIsLoading] = useState(true);\n  const [filter, setFilter] = useState<FilterKey>('all');\n\n  useEffect(() => {\n    const timer = setTimeout(() => setIsLoading(false), 600);\n    return () => clearTimeout(timer);\n  }, []);\n\n  const filteredInvestments = useMemo(() => {\n    if (filter === 'all') return mockInvestments;\n    return mockInvestments.filter((inv) => inv.status === filter);\n  }, [filter]);\n\n  const filterTabs: Array<{ key: FilterKey; label: string }> = [\n    { key: 'all', label: 'All Investments' },\n    { key: 'active', label: 'Active' },\n    { key: 'pending', label: 'Pending' },\n    { key: 'matured', label: 'Matured' },\n  ];\n\n  function getCount(key: FilterKey): number {\n    if (key === 'all') return mockInvestments.length;\n    return mockInvestments.filter((inv) => inv.status === key).length;\n  }\n\n  if (isLoading) {\n    return (\n      <PageLayout title=\"My Investments\" description=\"Loading your investments...\">\n        <div className=\"flex items-center justify-center py-20\">\n          <div className=\"text-center\">\n            <div className=\"mx-auto mb-4 h-12 w-12 animate-spin rounded-full border-b-2 border-primary\" />\n            <p className=\"text-sm text-muted-foreground\">Loading your investments...</p>\n          </div>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"My Investments\"\n      description=\"Track and manage your investment portfolio\"\n      actions={\n        <button\n          type=\"button\"\n          onClick={() => navigateTo('/investor/opportunities')}\n          className=\"flex items-center gap-2 rounded-lg bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors\"\n        >\n          <Plus className=\"h-4 w-4\" />\n          New Investment\n        </button>\n      }\n    >\n      {/* Investment Summary */}\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        <MetricsCard\n          icon={<Wallet className=\"h-5 w-5\" />}\n          value={formatCurrency(mockSummary.totalInvested, { minimumFractionDigits: 0 })}\n          label=\"Total Invested\"\n          trend=\"up\"\n          trendValue=\"Total amount invested\"\n        />\n        <MetricsCard\n          icon={<IndianRupee className=\"h-5 w-5\" />}\n          value={formatCurrency(mockSummary.currentValue, { minimumFractionDigits: 0 })}\n          label=\"Current Value\"\n          trend={mockSummary.profitLoss > 0 ? 'up' : 'down'}\n          trendValue={`${mockSummary.profitLossPercentage > 0 ? '+' : ''}${mockSummary.profitLossPercentage}% total returns`}\n        />\n        <MetricsCard\n          icon={<TrendingUp className=\"h-5 w-5\" />}\n          value={formatCurrency(mockSummary.totalReturns, { minimumFractionDigits: 0 })}\n          label=\"Total Returns\"\n          trend=\"up\"\n          trendValue=\"Total profit earned\"\n        />\n        <MetricsCard\n          icon={<CheckCircle2 className=\"h-5 w-5\" />}\n          value={String(mockSummary.activeInvestments)}\n          label=\"Active Investments\"\n          trend=\"neutral\"\n          trendValue={`${mockSummary.averageRoi}% avg ROI`}\n        />\n      </div>\n\n      {/* Filter Tabs */}\n      <div className=\"mt-6 rounded-lg border border-border bg-card p-4\">\n        <div className=\"flex flex-wrap gap-2\">\n          {filterTabs.map((tab) => (\n            <button\n              key={tab.key}\n              type=\"button\"\n              onClick={() => setFilter(tab.key)}\n              className={cn(\n                'flex items-center gap-2 rounded-lg px-4 py-2 text-sm font-medium transition-colors',\n                filter === tab.key\n                  ? 'bg-primary text-primary-foreground'\n                  : 'bg-muted text-foreground hover:bg-muted/80'\n              )}\n            >\n              {tab.label}\n              <span\n                className={cn(\n                  'rounded-full px-2 py-0.5 text-xs',\n                  filter === tab.key\n                    ? 'bg-primary-foreground/20 text-primary-foreground'\n                    : 'bg-primary/10 text-primary'\n                )}\n              >\n                {getCount(tab.key)}\n              </span>\n            </button>\n          ))}\n        </div>\n      </div>\n\n      {/* Investments List */}\n      <div className=\"mt-6 space-y-4\">\n        {filteredInvestments.length > 0 ? (\n          filteredInvestments.map((investment) => (\n            <div key={investment.id} className=\"rounded-lg border border-border bg-card p-4 sm:p-6\">\n              {/* Mobile Layout */}\n              <div className=\"block space-y-4 lg:hidden\">\n                <div className=\"flex items-start justify-between\">\n                  <div>\n                    <h3 className=\"text-lg font-semibold text-foreground\">{investment.cartName}</h3>\n                    <p className=\"text-sm text-muted-foreground\">by {investment.cartOwner}</p>\n                  </div>\n                  <span\n                    className={cn(\n                      'flex items-center gap-1 rounded-full px-3 py-1 text-sm font-medium',\n                      getStatusColor(investment.status)\n                    )}\n                  >\n                    {getStatusIcon(investment.status)}\n                    <span className=\"capitalize\">{investment.status}</span>\n                  </span>\n                </div>\n\n                <div className=\"grid grid-cols-2 gap-4\">\n                  <div>\n                    <p className=\"text-sm text-muted-foreground\">Invested</p>\n                    <p className=\"font-semibold text-foreground\">\n                      {formatCurrency(investment.investmentAmount, { minimumFractionDigits: 0 })}\n                    </p>\n                  </div>\n                  <div>\n                    <p className=\"text-sm text-muted-foreground\">Current Value</p>\n                    <p className=\"font-semibold text-foreground\">\n                      {formatCurrency(investment.currentValue, { minimumFractionDigits: 0 })}\n                    </p>\n                  </div>\n                  <div>\n                    <p className=\"text-sm text-muted-foreground\">P&L</p>\n                    <p\n                      className={cn(\n                        'font-semibold',\n                        investment.profitLoss >= 0\n                          ? 'text-green-600 dark:text-green-400'\n                          : 'text-red-600 dark:text-red-400'\n                      )}\n                    >\n                      {investment.profitLoss >= 0 ? '+' : ''}\n                      {formatCurrency(investment.profitLoss, { minimumFractionDigits: 0 })} (\n                      {investment.profitLossPercentage >= 0 ? '+' : ''}\n                      {investment.profitLossPercentage}%)\n                    </p>\n                  </div>\n                  <div>\n                    <p className=\"text-sm text-muted-foreground\">ROI</p>\n                    <p className=\"font-semibold text-foreground\">{investment.roiAnnual}% p.a.</p>\n                  </div>\n                </div>\n\n                <div className=\"flex items-center justify-between border-t border-border pt-2\">\n                  <div>\n                    <p className=\"text-xs text-muted-foreground\">Invested on</p>\n                    <p className=\"text-sm font-medium text-foreground\">\n                      {formatDate(investment.investmentDate, {\n                        hour: undefined,\n                        minute: undefined,\n                      })}\n                    </p>\n                  </div>\n                  <button\n                    type=\"button\"\n                    onClick={() => navigateTo(`/investor/investments/${investment.id}`)}\n                    className=\"flex items-center gap-2 rounded-lg border border-border px-3 py-2 text-sm font-medium text-foreground hover:bg-accent transition-colors\"\n                  >\n                    <Eye className=\"h-4 w-4\" />\n                    View Details\n                  </button>\n                </div>\n              </div>\n\n              {/* Desktop Layout */}\n              <div className=\"hidden lg:flex lg:items-center lg:justify-between\">\n                <div className=\"min-w-0 flex-1\">\n                  <div className=\"mb-2 flex items-center justify-between\">\n                    <h3 className=\"text-lg font-semibold text-foreground\">{investment.cartName}</h3>\n                    <span\n                      className={cn(\n                        'flex items-center gap-1 rounded-full px-3 py-1 text-sm font-medium',\n                        getStatusColor(investment.status)\n                      )}\n                    >\n                      {getStatusIcon(investment.status)}\n                      <span className=\"capitalize\">{investment.status}</span>\n                    </span>\n                  </div>\n                  <p className=\"mb-4 text-sm text-muted-foreground\">by {investment.cartOwner}</p>\n\n                  <div className=\"grid grid-cols-5 gap-6\">\n                    <div>\n                      <p className=\"text-sm text-muted-foreground\">Invested</p>\n                      <p className=\"font-semibold text-foreground\">\n                        {formatCurrency(investment.investmentAmount, { minimumFractionDigits: 0 })}\n                      </p>\n                    </div>\n                    <div>\n                      <p className=\"text-sm text-muted-foreground\">Current Value</p>\n                      <p className=\"font-semibold text-foreground\">\n                        {formatCurrency(investment.currentValue, { minimumFractionDigits: 0 })}\n                      </p>\n                    </div>\n                    <div>\n                      <p className=\"text-sm text-muted-foreground\">P&L</p>\n                      <p\n                        className={cn(\n                          'font-semibold',\n                          investment.profitLoss >= 0\n                            ? 'text-green-600 dark:text-green-400'\n                            : 'text-red-600 dark:text-red-400'\n                        )}\n                      >\n                        {investment.profitLoss >= 0 ? '+' : ''}\n                        {formatCurrency(investment.profitLoss, { minimumFractionDigits: 0 })}\n                      </p>\n                      <p\n                        className={cn(\n                          'text-xs',\n                          investment.profitLoss >= 0\n                            ? 'text-green-600 dark:text-green-400'\n                            : 'text-red-600 dark:text-red-400'\n                        )}\n                      >\n                        ({investment.profitLossPercentage >= 0 ? '+' : ''}\n                        {investment.profitLossPercentage}%)\n                      </p>\n                    </div>\n                    <div>\n                      <p className=\"text-sm text-muted-foreground\">ROI</p>\n                      <p className=\"font-semibold text-foreground\">{investment.roiAnnual}% p.a.</p>\n                    </div>\n                    <div>\n                      <p className=\"text-sm text-muted-foreground\">Invested on</p>\n                      <p className=\"font-semibold text-foreground\">\n                        {formatDate(investment.investmentDate, {\n                          hour: undefined,\n                          minute: undefined,\n                        })}\n                      </p>\n                    </div>\n                  </div>\n                </div>\n\n                <div className=\"ml-6\">\n                  <button\n                    type=\"button\"\n                    onClick={() => navigateTo(`/investor/investments/${investment.id}`)}\n                    className=\"flex items-center gap-2 rounded-lg border border-border px-3 py-2 text-sm font-medium text-foreground hover:bg-accent transition-colors\"\n                  >\n                    <Eye className=\"h-4 w-4\" />\n                    View Details\n                  </button>\n                </div>\n              </div>\n            </div>\n          ))\n        ) : (\n          <EmptyState\n            icon={<TrendingDown className=\"h-12 w-12\" />}\n            title={`No ${filter !== 'all' ? filter : ''} investments found`}\n            description={\n              filter === 'all'\n                ? \"You haven't made any investments yet. Start exploring opportunities to grow your wealth.\"\n                : `You don't have any ${filter} investments at the moment.`\n            }\n            action={\n              <button\n                type=\"button\"\n                onClick={() => navigateTo('/investor/opportunities')}\n                className=\"rounded-lg bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors\"\n              >\n                Explore Investment Opportunities\n              </button>\n            }\n          />\n        )}\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}