@burdenoff/microfe-atheletebridge 2026.626.1 → 2026.629.1

package/dist/atheletebridge/pages/investor/InvestorPortfolioPage.js

@@ -1,577 +0,0 @@
-import { useAthleteBridge as e } from "../../context/AthleteBridgeContext.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 { formatCurrency as i, formatDate as a } from "../../utils/formatters.js";
-import { useCallback as o, useMemo as s, useState as c } from "react";
-import { ArrowDownCircle as l, BarChart3 as u, Briefcase as d, CreditCard as f, Eye as p, IndianRupee as m, Star as h, TrendingDown as g, TrendingUp as _, Wallet as v } from "lucide-react";
-import { jsx as y, jsxs as b } from "react/jsx-runtime";
-import { EmphasisPanel as x, PagePurpose as S } from "@burdenoff/fe-libs/ui";
-//#region src/atheletebridge/pages/investor/InvestorPortfolioPage.tsx
-var C = [
-	{
-		id: "inv-001",
-		cartId: "SERV-001",
-		cartName: "Quick Cuts Salon",
-		cartOwner: "Ravi Kumar",
-		investmentDate: "2023-06-15",
-		amount: 5e4,
-		currentValue: 62500,
-		returns: 12500,
-		returnsPercentage: 25,
-		ownership: 15,
-		status: "active",
-		monthlyRevenue: 185e3,
-		monthlyDividend: 2775,
-		nextPayoutDate: "2024-07-01",
-		riskLevel: "low",
-		category: "Personal Care & Beauty",
-		location: "Indiranagar, Bangalore",
-		performanceMetrics: {
-			monthlyOrders: 1250,
-			averageRating: 4.8,
-			growthRate: 12
-		}
-	},
-	{
-		id: "inv-002",
-		cartId: "SERV-003",
-		cartName: "Fix-It Mobile Repair",
-		cartOwner: "Amit Sharma",
-		investmentDate: "2023-08-20",
-		amount: 3e4,
-		currentValue: 35400,
-		returns: 5400,
-		returnsPercentage: 18,
-		ownership: 10,
-		status: "active",
-		monthlyRevenue: 12e4,
-		monthlyDividend: 1200,
-		nextPayoutDate: "2024-07-01",
-		riskLevel: "medium",
-		category: "Repair & Maintenance",
-		location: "Jayanagar, Bangalore",
-		performanceMetrics: {
-			monthlyOrders: 890,
-			averageRating: 4.6,
-			growthRate: 8
-		}
-	},
-	{
-		id: "inv-003",
-		cartId: "SERV-005",
-		cartName: "Spotless Cleaning Services",
-		cartOwner: "Priya Cleaning",
-		investmentDate: "2023-04-10",
-		amount: 4e4,
-		currentValue: 52e3,
-		returns: 12e3,
-		returnsPercentage: 30,
-		ownership: 20,
-		status: "active",
-		monthlyRevenue: 95e3,
-		monthlyDividend: 1900,
-		nextPayoutDate: "2024-07-01",
-		riskLevel: "low",
-		category: "Home Services",
-		location: "HSR Layout, Bangalore",
-		performanceMetrics: {
-			monthlyOrders: 1450,
-			averageRating: 4.7,
-			growthRate: 15
-		}
-	},
-	{
-		id: "inv-004",
-		cartId: "FOOD-001",
-		cartName: "Dosa Express",
-		cartOwner: "Rajesh Kumar",
-		investmentDate: "2023-10-05",
-		amount: 25e3,
-		currentValue: 27500,
-		returns: 2500,
-		returnsPercentage: 10,
-		ownership: 5,
-		status: "active",
-		monthlyRevenue: 15e4,
-		monthlyDividend: 750,
-		nextPayoutDate: "2024-07-01",
-		riskLevel: "high",
-		category: "Food & Beverage",
-		location: "Koramangala, Bangalore",
-		performanceMetrics: {
-			monthlyOrders: 780,
-			averageRating: 4.5,
-			growthRate: 5
-		}
-	}
-], w = [
-	{
-		id: "txn-001",
-		type: "investment",
-		cartName: "Quick Cuts Salon",
-		amount: 5e4,
-		date: "2023-06-15",
-		status: "completed"
-	},
-	{
-		id: "txn-002",
-		type: "dividend",
-		cartName: "Quick Cuts Salon",
-		amount: 2775,
-		date: "2024-06-01",
-		status: "completed"
-	},
-	{
-		id: "txn-003",
-		type: "dividend",
-		cartName: "Fix-It Mobile Repair",
-		amount: 1200,
-		date: "2024-06-01",
-		status: "completed"
-	},
-	{
-		id: "txn-004",
-		type: "investment",
-		cartName: "Spotless Cleaning Services",
-		amount: 4e4,
-		date: "2023-04-10",
-		status: "completed"
-	},
-	{
-		id: "txn-005",
-		type: "dividend",
-		cartName: "Spotless Cleaning Services",
-		amount: 1900,
-		date: "2024-06-01",
-		status: "pending"
-	}
-], T = [
-	"",
-	"Personal Care & Beauty",
-	"Repair & Maintenance",
-	"Home Services",
-	"Food & Beverage"
-];
-function E(e) {
-	let { color: n, label: r } = {
-		low: {
-			color: "bg-green-500/20 text-green-600 dark:text-green-400",
-			label: "Low Risk"
-		},
-		medium: {
-			color: "bg-yellow-500/20 text-yellow-600 dark:text-yellow-400",
-			label: "Medium Risk"
-		},
-		high: {
-			color: "bg-red-500/20 text-red-600 dark:text-red-400",
-			label: "High Risk"
-		}
-	}[e];
-	return /* @__PURE__ */ y("span", {
-		className: t("rounded-full px-2 py-0.5 text-xs font-medium", n),
-		children: r
-	});
-}
-function D(e) {
-	return `${e > 0 ? "+" : ""}${e.toFixed(1)}%`;
-}
-function O() {
-	let { navigateTo: O } = e(), [k, A] = c("overview"), [j, M] = c(""), N = s(() => j ? C.filter((e) => e.category === j) : C, [j]), P = N.reduce((e, t) => e + t.amount, 0), F = N.reduce((e, t) => e + t.currentValue, 0), I = F - P, L = P > 0 ? I / P * 100 : 0, R = N.reduce((e, t) => e + t.monthlyDividend, 0), z = N.filter((e) => e.status === "active").length, B = {
-		low: 1,
-		medium: 2,
-		high: 3
-	}, V = N.length > 0 ? N.reduce((e, t) => e + B[t.riskLevel], 0) / N.length : 0, H = N.reduce((e, t) => t.returnsPercentage > e.returnsPercentage ? t : e, N[0] || {
-		cartName: "",
-		returnsPercentage: 0
-	}), U = o((e) => {
-		alert(`Withdrawal request submitted for ${e}`);
-	}, []), W = N.reduce((e, t) => (e[t.category] = (e[t.category] || 0) + t.currentValue, e), {});
-	return /* @__PURE__ */ b(n, {
-		title: "My Portfolio",
-		description: "Track your investment performance and holdings",
-		children: [
-			/* @__PURE__ */ y(S, {
-				className: "mb-6",
-				children: "A full breakdown of everything you've invested in. Track total invested, current value, returns and dividends, see your risk spread, and drill into each holding. Use this page to understand how your portfolio is performing over time."
-			}),
-			/* @__PURE__ */ y(x, {
-				className: "mb-4",
-				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: i(P, { minimumFractionDigits: 0 }),
-							label: "Total Invested",
-							trend: "up",
-							trendValue: `${z} active`
-						}),
-						/* @__PURE__ */ y(r, {
-							icon: /* @__PURE__ */ y(m, { className: "h-5 w-5" }),
-							value: i(F, { minimumFractionDigits: 0 }),
-							label: "Current Value",
-							trend: L > 0 ? "up" : "down",
-							trendValue: D(L)
-						}),
-						/* @__PURE__ */ y(r, {
-							icon: /* @__PURE__ */ y(_, { className: "h-5 w-5" }),
-							value: i(Math.abs(I), { minimumFractionDigits: 0 }),
-							label: "Total Returns",
-							trend: I >= 0 ? "up" : "down",
-							trendValue: D(L)
-						}),
-						/* @__PURE__ */ y(r, {
-							icon: /* @__PURE__ */ y(d, { className: "h-5 w-5" }),
-							value: i(R, { minimumFractionDigits: 0 }),
-							label: "Monthly Dividend",
-							trend: "up",
-							trendValue: "Next: July 1"
-						})
-					]
-				})
-			}),
-			/* @__PURE__ */ b("div", {
-				className: "mt-4 grid grid-cols-2 gap-3 lg:grid-cols-4",
-				children: [
-					/* @__PURE__ */ b("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-3",
-						children: [/* @__PURE__ */ y("p", {
-							className: "text-xs text-text-secondary",
-							children: "Active Investments"
-						}), /* @__PURE__ */ y("p", {
-							className: "text-xl font-bold text-text-primary",
-							children: z
-						})]
-					}),
-					/* @__PURE__ */ b("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-3",
-						children: [/* @__PURE__ */ y("p", {
-							className: "text-xs text-text-secondary",
-							children: "Avg Risk Score"
-						}), /* @__PURE__ */ b("div", {
-							className: "mt-1 flex items-center gap-2",
-							children: [/* @__PURE__ */ y("div", {
-								className: "h-2 flex-1 rounded-full bg-bg-sunken overflow-hidden",
-								children: /* @__PURE__ */ y("div", {
-									className: t("h-full rounded-full", V <= 1.5 ? "bg-green-500" : V <= 2.5 ? "bg-yellow-500" : "bg-red-500"),
-									style: { width: `${V / 3 * 100}%` }
-								})
-							}), /* @__PURE__ */ b("span", {
-								className: "text-sm font-medium text-text-primary",
-								children: [V.toFixed(1), "/3"]
-							})]
-						})]
-					}),
-					/* @__PURE__ */ b("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-3",
-						children: [
-							/* @__PURE__ */ y("p", {
-								className: "text-xs text-text-secondary",
-								children: "Best Performer"
-							}),
-							/* @__PURE__ */ y("p", {
-								className: "truncate text-sm font-bold text-text-primary",
-								children: H.cartName
-							}),
-							/* @__PURE__ */ y("p", {
-								className: "text-xs text-green-600 dark:text-green-400",
-								children: D(H.returnsPercentage)
-							})
-						]
-					}),
-					/* @__PURE__ */ b("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-3",
-						children: [
-							/* @__PURE__ */ y("p", {
-								className: "text-xs text-text-secondary",
-								children: "Next Payout"
-							}),
-							/* @__PURE__ */ y("p", {
-								className: "text-lg font-bold text-text-primary",
-								children: "July 1"
-							}),
-							/* @__PURE__ */ y("p", {
-								className: "text-xs text-text-secondary",
-								children: "In 7 days"
-							})
-						]
-					})
-				]
-			}),
-			/* @__PURE__ */ b("div", {
-				className: "mt-6 rounded-lg border border-border-subtle bg-bg-surface shadow-sm",
-				children: [/* @__PURE__ */ y("div", {
-					className: "flex border-b border-border-subtle overflow-x-auto",
-					children: [
-						{
-							key: "overview",
-							label: "Overview",
-							Icon: u
-						},
-						{
-							key: "investments",
-							label: `Investments (${N.length})`,
-							Icon: d
-						},
-						{
-							key: "transactions",
-							label: "Transactions",
-							Icon: f
-						}
-					].map(({ key: e, label: n, Icon: r }) => /* @__PURE__ */ b("button", {
-						type: "button",
-						onClick: () => A(e),
-						className: t("flex items-center gap-2 whitespace-nowrap px-4 py-3 text-sm font-medium transition-colors", k === e ? "border-b-2 border-primary text-text-primary" : "text-text-secondary hover:text-text-primary"),
-						children: [/* @__PURE__ */ y(r, { className: "h-4 w-4" }), n]
-					}, e))
-				}), /* @__PURE__ */ b("div", {
-					className: "p-4",
-					children: [
-						k === "overview" && /* @__PURE__ */ b("div", {
-							className: "space-y-6",
-							children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("h3", {
-								className: "mb-4 text-base font-semibold text-text-primary",
-								children: "Portfolio Performance"
-							}), /* @__PURE__ */ b("div", {
-								className: "rounded-lg border border-border-subtle bg-bg-sunken/50 p-8 text-center",
-								children: [
-									/* @__PURE__ */ y(u, { className: "mx-auto mb-2 h-8 w-8 text-text-secondary/50" }),
-									/* @__PURE__ */ y("p", {
-										className: "text-sm text-text-secondary",
-										children: "Performance chart visualization"
-									}),
-									/* @__PURE__ */ y("p", {
-										className: "mt-1 text-xs text-text-secondary",
-										children: "Shows portfolio value over time"
-									})
-								]
-							})] }), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("h3", {
-								className: "mb-4 text-base font-semibold text-text-primary",
-								children: "Asset Allocation"
-							}), /* @__PURE__ */ y("div", {
-								className: "space-y-3",
-								children: Object.entries(W).map(([e, t]) => /* @__PURE__ */ b("div", {
-									className: "flex items-center",
-									children: [
-										/* @__PURE__ */ y("span", {
-											className: "w-40 truncate text-sm text-text-primary",
-											children: e
-										}),
-										/* @__PURE__ */ y("div", {
-											className: "mx-3 h-6 flex-1 rounded-full bg-bg-sunken overflow-hidden",
-											children: /* @__PURE__ */ y("div", {
-												className: "flex h-6 items-center justify-end rounded-full bg-action-primary-bg pr-2",
-												style: { width: `${F > 0 ? t / F * 100 : 0}%` },
-												children: /* @__PURE__ */ b("span", {
-													className: "text-xs font-medium text-action-primary-text",
-													children: [F > 0 ? (t / F * 100).toFixed(1) : 0, "%"]
-												})
-											})
-										}),
-										/* @__PURE__ */ y("span", {
-											className: "ml-2 text-sm font-medium text-text-primary",
-											children: i(t, { minimumFractionDigits: 0 })
-										})
-									]
-								}, e))
-							})] })]
-						}),
-						k === "investments" && /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("div", {
-							className: "mb-4",
-							children: /* @__PURE__ */ b("select", {
-								value: j,
-								onChange: (e) => M(e.target.value),
-								className: "rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
-								children: [/* @__PURE__ */ y("option", {
-									value: "",
-									children: "All Categories"
-								}), T.filter(Boolean).map((e) => /* @__PURE__ */ y("option", {
-									value: e,
-									children: e
-								}, e))]
-							})
-						}), /* @__PURE__ */ y("div", {
-							className: "space-y-4",
-							children: N.map((e) => /* @__PURE__ */ b("div", {
-								className: "rounded-lg border border-border-subtle p-4 hover:bg-accent/50 transition-colors",
-								children: [
-									/* @__PURE__ */ b("div", {
-										className: "mb-4 flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between",
-										children: [/* @__PURE__ */ b("div", {
-											className: "flex-1",
-											children: [
-												/* @__PURE__ */ y("h4", {
-													className: "text-base font-semibold text-text-primary",
-													children: e.cartName
-												}),
-												/* @__PURE__ */ b("p", {
-													className: "text-sm text-text-secondary",
-													children: [
-														"Owned by ",
-														e.cartOwner,
-														" • ",
-														e.location
-													]
-												}),
-												/* @__PURE__ */ b("div", {
-													className: "mt-2 flex flex-wrap items-center gap-2",
-													children: [/* @__PURE__ */ y("span", {
-														className: "text-sm text-text-secondary",
-														children: e.category
-													}), E(e.riskLevel)]
-												})
-											]
-										}), /* @__PURE__ */ b("div", {
-											className: "text-left sm:text-right",
-											children: [/* @__PURE__ */ y("p", {
-												className: "text-xl font-bold text-text-primary",
-												children: i(e.currentValue, { minimumFractionDigits: 0 })
-											}), /* @__PURE__ */ b("p", {
-												className: t("text-sm", e.returns > 0 ? "text-green-600 dark:text-green-400" : "text-red-600 dark:text-red-400"),
-												children: [
-													i(Math.abs(e.returns), { minimumFractionDigits: 0 }),
-													" (",
-													D(e.returnsPercentage),
-													")"
-												]
-											})]
-										})]
-									}),
-									/* @__PURE__ */ b("div", {
-										className: "mb-4 grid grid-cols-2 gap-3 lg:grid-cols-4",
-										children: [
-											/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
-												className: "text-xs text-text-secondary",
-												children: "Invested"
-											}), /* @__PURE__ */ y("p", {
-												className: "text-sm font-medium text-text-primary",
-												children: i(e.amount, { minimumFractionDigits: 0 })
-											})] }),
-											/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
-												className: "text-xs text-text-secondary",
-												children: "Ownership"
-											}), /* @__PURE__ */ b("p", {
-												className: "text-sm font-medium text-text-primary",
-												children: [e.ownership, "%"]
-											})] }),
-											/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
-												className: "text-xs text-text-secondary",
-												children: "Monthly Dividend"
-											}), /* @__PURE__ */ y("p", {
-												className: "text-sm font-medium text-text-primary",
-												children: i(e.monthlyDividend, { minimumFractionDigits: 0 })
-											})] }),
-											/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
-												className: "text-xs text-text-secondary",
-												children: "Investment Date"
-											}), /* @__PURE__ */ y("p", {
-												className: "text-sm font-medium text-text-primary",
-												children: a(e.investmentDate, {
-													hour: void 0,
-													minute: void 0
-												})
-											})] })
-										]
-									}),
-									/* @__PURE__ */ b("div", {
-										className: "border-t border-border-subtle pt-4",
-										children: [/* @__PURE__ */ y("p", {
-											className: "mb-2 text-sm font-medium text-text-secondary",
-											children: "Performance Metrics"
-										}), /* @__PURE__ */ b("div", {
-											className: "grid grid-cols-3 gap-3 text-center",
-											children: [
-												/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
-													className: "text-lg font-bold text-text-primary",
-													children: e.performanceMetrics.monthlyOrders
-												}), /* @__PURE__ */ y("p", {
-													className: "text-xs text-text-secondary",
-													children: "Monthly Orders"
-												})] }),
-												/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("div", {
-													className: "flex items-center justify-center gap-1",
-													children: [/* @__PURE__ */ y(h, { className: "h-4 w-4 fill-yellow-400 text-yellow-400" }), /* @__PURE__ */ y("p", {
-														className: "text-lg font-bold text-text-primary",
-														children: e.performanceMetrics.averageRating
-													})]
-												}), /* @__PURE__ */ y("p", {
-													className: "text-xs text-text-secondary",
-													children: "Rating"
-												})] }),
-												/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("p", {
-													className: "text-lg font-bold text-green-600 dark:text-green-400",
-													children: [
-														"+",
-														e.performanceMetrics.growthRate,
-														"%"
-													]
-												}), /* @__PURE__ */ y("p", {
-													className: "text-xs text-text-secondary",
-													children: "Growth Rate"
-												})] })
-											]
-										})]
-									}),
-									/* @__PURE__ */ b("div", {
-										className: "mt-4 flex flex-wrap gap-2",
-										children: [/* @__PURE__ */ b("button", {
-											type: "button",
-											onClick: () => O(`/investor/investments/${e.id}`),
-											className: "flex items-center gap-2 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
-											children: [/* @__PURE__ */ y(p, { className: "h-4 w-4" }), "View Details"]
-										}), e.status === "active" && /* @__PURE__ */ b("button", {
-											type: "button",
-											onClick: () => U(e.id),
-											className: "flex items-center gap-2 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
-											children: [/* @__PURE__ */ y(l, { className: "h-4 w-4" }), "Withdraw"]
-										})]
-									})
-								]
-							}, e.id))
-						})] }),
-						k === "transactions" && /* @__PURE__ */ y("div", {
-							className: "space-y-3",
-							children: w.map((e) => /* @__PURE__ */ b("div", {
-								className: "flex flex-col gap-3 rounded-lg border border-border-subtle p-4 hover:bg-accent/50 transition-colors sm:flex-row sm:items-center sm:justify-between",
-								children: [/* @__PURE__ */ b("div", {
-									className: "flex items-center gap-3",
-									children: [/* @__PURE__ */ y("div", {
-										className: t("flex h-10 w-10 shrink-0 items-center justify-center rounded-full", e.type === "investment" ? "bg-blue-500/10" : e.type === "dividend" ? "bg-green-500/10" : "bg-red-500/10"),
-										children: e.type === "investment" ? /* @__PURE__ */ y(v, { className: "h-5 w-5 text-blue-600 dark:text-blue-400" }) : e.type === "dividend" ? /* @__PURE__ */ y(_, { className: "h-5 w-5 text-green-600 dark:text-green-400" }) : /* @__PURE__ */ y(g, { className: "h-5 w-5 text-red-600 dark:text-red-400" })
-									}), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("p", {
-										className: "text-sm font-medium text-text-primary",
-										children: [
-											e.type === "investment" ? "Investment in" : e.type === "dividend" ? "Dividend from" : "Withdrawal from",
-											" ",
-											e.cartName
-										]
-									}), /* @__PURE__ */ y("p", {
-										className: "text-xs text-text-secondary",
-										children: a(e.date, {
-											hour: void 0,
-											minute: void 0
-										})
-									})] })]
-								}), /* @__PURE__ */ b("div", {
-									className: "flex items-center justify-between sm:gap-4",
-									children: [/* @__PURE__ */ b("p", {
-										className: t("text-sm font-bold", e.type === "dividend" ? "text-green-600 dark:text-green-400" : "text-text-primary"),
-										children: [e.type === "dividend" ? "+" : "-", i(e.amount, { minimumFractionDigits: 0 })]
-									}), /* @__PURE__ */ y("span", {
-										className: t("rounded-full px-2.5 py-0.5 text-xs font-medium", e.status === "completed" ? "bg-green-500/20 text-green-600 dark:text-green-400" : e.status === "pending" ? "bg-yellow-500/20 text-yellow-600 dark:text-yellow-400" : "bg-red-500/20 text-red-600 dark:text-red-400"),
-										children: e.status
-									})]
-								})]
-							}, e.id))
-						})
-					]
-				})]
-			})
-		]
-	});
-}
-//#endregion
-export { O as InvestorPortfolioPage };
-
-//# sourceMappingURL=InvestorPortfolioPage.js.map

package/dist/atheletebridge/pages/investor/InvestorPortfolioPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InvestorPortfolioPage.js","names":[],"sources":["../../../../src/atheletebridge/pages/investor/InvestorPortfolioPage.tsx"],"sourcesContent":["/**\n * Investor Portfolio Page\n * @module atheletebridge/pages/investor\n *\n * Portfolio summary cards, 3-tab UI (overview/investments/transactions),\n * asset allocation bars, category filter, transactions list, withdrawal action,\n * and performance metrics per investment.\n */\n\nimport { useState, useCallback, useMemo } from 'react';\nimport {\n  Wallet,\n  TrendingUp,\n  TrendingDown,\n  Briefcase,\n  IndianRupee,\n  Star,\n  Eye,\n  ArrowDownCircle,\n  BarChart3,\n  CreditCard,\n  LayoutList,\n} from 'lucide-react';\nimport { EmphasisPanel, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { MetricsCard } from '../../components/MetricsCard';\nimport { useAthleteBridge } from '../../context/AthleteBridgeContext';\nimport { cn } from '../../utils/cn';\nimport { formatCurrency, formatDate } from '../../utils/formatters';\n\n// ---------------------------------------------------------------------------\n// Types & mock data\n// ---------------------------------------------------------------------------\n\ninterface Investment {\n  id: string;\n  cartId: string;\n  cartName: string;\n  cartOwner: string;\n  investmentDate: string;\n  amount: number;\n  currentValue: number;\n  returns: number;\n  returnsPercentage: number;\n  ownership: number;\n  status: 'active' | 'matured' | 'exited';\n  monthlyRevenue: number;\n  monthlyDividend: number;\n  nextPayoutDate: string;\n  riskLevel: 'low' | 'medium' | 'high';\n  category: string;\n  location: string;\n  performanceMetrics: {\n    monthlyOrders: number;\n    averageRating: number;\n    growthRate: number;\n  };\n}\n\ninterface Transaction {\n  id: string;\n  type: 'investment' | 'dividend' | 'withdrawal';\n  cartName: string;\n  amount: number;\n  date: string;\n  status: 'completed' | 'pending' | 'failed';\n}\n\nconst mockInvestments: Investment[] = [\n  {\n    id: 'inv-001',\n    cartId: 'SERV-001',\n    cartName: 'Quick Cuts Salon',\n    cartOwner: 'Ravi Kumar',\n    investmentDate: '2023-06-15',\n    amount: 50000,\n    currentValue: 62500,\n    returns: 12500,\n    returnsPercentage: 25,\n    ownership: 15,\n    status: 'active',\n    monthlyRevenue: 185000,\n    monthlyDividend: 2775,\n    nextPayoutDate: '2024-07-01',\n    riskLevel: 'low',\n    category: 'Personal Care & Beauty',\n    location: 'Indiranagar, Bangalore',\n    performanceMetrics: { monthlyOrders: 1250, averageRating: 4.8, growthRate: 12 },\n  },\n  {\n    id: 'inv-002',\n    cartId: 'SERV-003',\n    cartName: 'Fix-It Mobile Repair',\n    cartOwner: 'Amit Sharma',\n    investmentDate: '2023-08-20',\n    amount: 30000,\n    currentValue: 35400,\n    returns: 5400,\n    returnsPercentage: 18,\n    ownership: 10,\n    status: 'active',\n    monthlyRevenue: 120000,\n    monthlyDividend: 1200,\n    nextPayoutDate: '2024-07-01',\n    riskLevel: 'medium',\n    category: 'Repair & Maintenance',\n    location: 'Jayanagar, Bangalore',\n    performanceMetrics: { monthlyOrders: 890, averageRating: 4.6, growthRate: 8 },\n  },\n  {\n    id: 'inv-003',\n    cartId: 'SERV-005',\n    cartName: 'Spotless Cleaning Services',\n    cartOwner: 'Priya Cleaning',\n    investmentDate: '2023-04-10',\n    amount: 40000,\n    currentValue: 52000,\n    returns: 12000,\n    returnsPercentage: 30,\n    ownership: 20,\n    status: 'active',\n    monthlyRevenue: 95000,\n    monthlyDividend: 1900,\n    nextPayoutDate: '2024-07-01',\n    riskLevel: 'low',\n    category: 'Home Services',\n    location: 'HSR Layout, Bangalore',\n    performanceMetrics: { monthlyOrders: 1450, averageRating: 4.7, growthRate: 15 },\n  },\n  {\n    id: 'inv-004',\n    cartId: 'FOOD-001',\n    cartName: 'Dosa Express',\n    cartOwner: 'Rajesh Kumar',\n    investmentDate: '2023-10-05',\n    amount: 25000,\n    currentValue: 27500,\n    returns: 2500,\n    returnsPercentage: 10,\n    ownership: 5,\n    status: 'active',\n    monthlyRevenue: 150000,\n    monthlyDividend: 750,\n    nextPayoutDate: '2024-07-01',\n    riskLevel: 'high',\n    category: 'Food & Beverage',\n    location: 'Koramangala, Bangalore',\n    performanceMetrics: { monthlyOrders: 780, averageRating: 4.5, growthRate: 5 },\n  },\n];\n\nconst mockTransactions: Transaction[] = [\n  {\n    id: 'txn-001',\n    type: 'investment',\n    cartName: 'Quick Cuts Salon',\n    amount: 50000,\n    date: '2023-06-15',\n    status: 'completed',\n  },\n  {\n    id: 'txn-002',\n    type: 'dividend',\n    cartName: 'Quick Cuts Salon',\n    amount: 2775,\n    date: '2024-06-01',\n    status: 'completed',\n  },\n  {\n    id: 'txn-003',\n    type: 'dividend',\n    cartName: 'Fix-It Mobile Repair',\n    amount: 1200,\n    date: '2024-06-01',\n    status: 'completed',\n  },\n  {\n    id: 'txn-004',\n    type: 'investment',\n    cartName: 'Spotless Cleaning Services',\n    amount: 40000,\n    date: '2023-04-10',\n    status: 'completed',\n  },\n  {\n    id: 'txn-005',\n    type: 'dividend',\n    cartName: 'Spotless Cleaning Services',\n    amount: 1900,\n    date: '2024-06-01',\n    status: 'pending',\n  },\n];\n\nconst categories = [\n  '',\n  'Personal Care & Beauty',\n  'Repair & Maintenance',\n  'Home Services',\n  'Food & Beverage',\n];\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nfunction getRiskBadge(risk: Investment['riskLevel']) {\n  const map = {\n    low: { color: 'bg-green-500/20 text-green-600 dark:text-green-400', label: 'Low Risk' },\n    medium: {\n      color: 'bg-yellow-500/20 text-yellow-600 dark:text-yellow-400',\n      label: 'Medium Risk',\n    },\n    high: { color: 'bg-red-500/20 text-red-600 dark:text-red-400', label: 'High Risk' },\n  };\n  const { color, label } = map[risk];\n  return <span className={cn('rounded-full px-2 py-0.5 text-xs font-medium', color)}>{label}</span>;\n}\n\nfunction fmtPct(value: number) {\n  return `${value > 0 ? '+' : ''}${value.toFixed(1)}%`;\n}\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nexport function InvestorPortfolioPage() {\n  const { navigateTo } = useAthleteBridge();\n  const [activeTab, setActiveTab] = useState<'overview' | 'investments' | 'transactions'>(\n    'overview'\n  );\n  const [filterCategory, setFilterCategory] = useState('');\n\n  const filteredInvestments = useMemo(() => {\n    if (!filterCategory) return mockInvestments;\n    return mockInvestments.filter((inv) => inv.category === filterCategory);\n  }, [filterCategory]);\n\n  const totalInvested = filteredInvestments.reduce((s, i) => s + i.amount, 0);\n  const currentValue = filteredInvestments.reduce((s, i) => s + i.currentValue, 0);\n  const totalReturns = currentValue - totalInvested;\n  const returnsPercentage = totalInvested > 0 ? (totalReturns / totalInvested) * 100 : 0;\n  const monthlyDividend = filteredInvestments.reduce((s, i) => s + i.monthlyDividend, 0);\n  const activeCount = filteredInvestments.filter((i) => i.status === 'active').length;\n\n  const riskScores: Record<string, number> = { low: 1, medium: 2, high: 3 };\n  const avgRiskScore =\n    filteredInvestments.length > 0\n      ? filteredInvestments.reduce((s, i) => s + riskScores[i.riskLevel], 0) /\n        filteredInvestments.length\n      : 0;\n\n  const bestPerformer = filteredInvestments.reduce(\n    (best, inv) => (inv.returnsPercentage > best.returnsPercentage ? inv : best),\n    filteredInvestments[0] || { cartName: '', returnsPercentage: 0 }\n  );\n\n  const handleWithdraw = useCallback((investmentId: string) => {\n    alert(`Withdrawal request submitted for ${investmentId}`);\n  }, []);\n\n  // Asset allocation\n  const allocationMap = filteredInvestments.reduce<Record<string, number>>((acc, inv) => {\n    acc[inv.category] = (acc[inv.category] || 0) + inv.currentValue;\n    return acc;\n  }, {});\n\n  return (\n    <PageLayout title=\"My Portfolio\" description=\"Track your investment performance and holdings\">\n      <PagePurpose className=\"mb-6\">\n        A full breakdown of everything you&apos;ve invested in. Track total invested, current value,\n        returns and dividends, see your risk spread, and drill into each holding. Use this page to\n        understand how your portfolio is performing over time.\n      </PagePurpose>\n\n      {/* Summary Cards */}\n      <EmphasisPanel className=\"mb-4\">\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(totalInvested, { minimumFractionDigits: 0 })}\n          label=\"Total Invested\"\n          trend=\"up\"\n          trendValue={`${activeCount} active`}\n        />\n        <MetricsCard\n          icon={<IndianRupee className=\"h-5 w-5\" />}\n          value={formatCurrency(currentValue, { minimumFractionDigits: 0 })}\n          label=\"Current Value\"\n          trend={returnsPercentage > 0 ? 'up' : 'down'}\n          trendValue={fmtPct(returnsPercentage)}\n        />\n        <MetricsCard\n          icon={<TrendingUp className=\"h-5 w-5\" />}\n          value={formatCurrency(Math.abs(totalReturns), { minimumFractionDigits: 0 })}\n          label=\"Total Returns\"\n          trend={totalReturns >= 0 ? 'up' : 'down'}\n          trendValue={fmtPct(returnsPercentage)}\n        />\n        <MetricsCard\n          icon={<Briefcase className=\"h-5 w-5\" />}\n          value={formatCurrency(monthlyDividend, { minimumFractionDigits: 0 })}\n          label=\"Monthly Dividend\"\n          trend=\"up\"\n          trendValue=\"Next: July 1\"\n        />\n      </div>\n      </EmphasisPanel>\n\n      {/* Additional Stats */}\n      <div className=\"mt-4 grid grid-cols-2 gap-3 lg:grid-cols-4\">\n        <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-3\">\n          <p className=\"text-xs text-text-secondary\">Active Investments</p>\n          <p className=\"text-xl font-bold text-text-primary\">{activeCount}</p>\n        </div>\n        <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-3\">\n          <p className=\"text-xs text-text-secondary\">Avg Risk Score</p>\n          <div className=\"mt-1 flex items-center gap-2\">\n            <div className=\"h-2 flex-1 rounded-full bg-bg-sunken overflow-hidden\">\n              <div\n                className={cn(\n                  'h-full rounded-full',\n                  avgRiskScore <= 1.5\n                    ? 'bg-green-500'\n                    : avgRiskScore <= 2.5\n                      ? 'bg-yellow-500'\n                      : 'bg-red-500'\n                )}\n                style={{ width: `${(avgRiskScore / 3) * 100}%` }}\n              />\n            </div>\n            <span className=\"text-sm font-medium text-text-primary\">{avgRiskScore.toFixed(1)}/3</span>\n          </div>\n        </div>\n        <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-3\">\n          <p className=\"text-xs text-text-secondary\">Best Performer</p>\n          <p className=\"truncate text-sm font-bold text-text-primary\">{bestPerformer.cartName}</p>\n          <p className=\"text-xs text-green-600 dark:text-green-400\">\n            {fmtPct(bestPerformer.returnsPercentage)}\n          </p>\n        </div>\n        <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-3\">\n          <p className=\"text-xs text-text-secondary\">Next Payout</p>\n          <p className=\"text-lg font-bold text-text-primary\">July 1</p>\n          <p className=\"text-xs text-text-secondary\">In 7 days</p>\n        </div>\n      </div>\n\n      {/* Tabs */}\n      <div className=\"mt-6 rounded-lg border border-border-subtle bg-bg-surface shadow-sm\">\n        <div className=\"flex border-b border-border-subtle overflow-x-auto\">\n          {(\n            [\n              { key: 'overview', label: 'Overview', Icon: BarChart3 },\n              {\n                key: 'investments',\n                label: `Investments (${filteredInvestments.length})`,\n                Icon: Briefcase,\n              },\n              { key: 'transactions', label: 'Transactions', Icon: CreditCard },\n            ] as const\n          ).map(({ key, label, Icon }) => (\n            <button\n              key={key}\n              type=\"button\"\n              onClick={() => setActiveTab(key)}\n              className={cn(\n                'flex items-center gap-2 whitespace-nowrap px-4 py-3 text-sm font-medium transition-colors',\n                activeTab === key\n                  ? 'border-b-2 border-primary text-text-primary'\n                  : 'text-text-secondary hover:text-text-primary'\n              )}\n            >\n              <Icon className=\"h-4 w-4\" />\n              {label}\n            </button>\n          ))}\n        </div>\n\n        <div className=\"p-4\">\n          {/* Overview Tab */}\n          {activeTab === 'overview' && (\n            <div className=\"space-y-6\">\n              {/* Performance placeholder */}\n              <div>\n                <h3 className=\"mb-4 text-base font-semibold text-text-primary\">\n                  Portfolio Performance\n                </h3>\n                <div className=\"rounded-lg border border-border-subtle bg-bg-sunken/50 p-8 text-center\">\n                  <BarChart3 className=\"mx-auto mb-2 h-8 w-8 text-text-secondary/50\" />\n                  <p className=\"text-sm text-text-secondary\">Performance chart visualization</p>\n                  <p className=\"mt-1 text-xs text-text-secondary\">\n                    Shows portfolio value over time\n                  </p>\n                </div>\n              </div>\n\n              {/* Asset Allocation */}\n              <div>\n                <h3 className=\"mb-4 text-base font-semibold text-text-primary\">Asset Allocation</h3>\n                <div className=\"space-y-3\">\n                  {Object.entries(allocationMap).map(([category, value]) => (\n                    <div key={category} className=\"flex items-center\">\n                      <span className=\"w-40 truncate text-sm text-text-primary\">{category}</span>\n                      <div className=\"mx-3 h-6 flex-1 rounded-full bg-bg-sunken overflow-hidden\">\n                        <div\n                          className=\"flex h-6 items-center justify-end rounded-full bg-action-primary-bg pr-2\"\n                          style={{\n                            width: `${currentValue > 0 ? (value / currentValue) * 100 : 0}%`,\n                          }}\n                        >\n                          <span className=\"text-xs font-medium text-action-primary-text\">\n                            {currentValue > 0 ? ((value / currentValue) * 100).toFixed(1) : 0}%\n                          </span>\n                        </div>\n                      </div>\n                      <span className=\"ml-2 text-sm font-medium text-text-primary\">\n                        {formatCurrency(value, { minimumFractionDigits: 0 })}\n                      </span>\n                    </div>\n                  ))}\n                </div>\n              </div>\n            </div>\n          )}\n\n          {/* Investments Tab */}\n          {activeTab === 'investments' && (\n            <div>\n              {/* Category filter */}\n              <div className=\"mb-4\">\n                <select\n                  value={filterCategory}\n                  onChange={(e) => setFilterCategory(e.target.value)}\n                  className=\"rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n                >\n                  <option value=\"\">All Categories</option>\n                  {categories.filter(Boolean).map((cat) => (\n                    <option key={cat} value={cat}>\n                      {cat}\n                    </option>\n                  ))}\n                </select>\n              </div>\n\n              {/* Investment list */}\n              <div className=\"space-y-4\">\n                {filteredInvestments.map((inv) => (\n                  <div\n                    key={inv.id}\n                    className=\"rounded-lg border border-border-subtle p-4 hover:bg-accent/50 transition-colors\"\n                  >\n                    <div className=\"mb-4 flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between\">\n                      <div className=\"flex-1\">\n                        <h4 className=\"text-base font-semibold text-text-primary\">{inv.cartName}</h4>\n                        <p className=\"text-sm text-text-secondary\">\n                          Owned by {inv.cartOwner} &bull; {inv.location}\n                        </p>\n                        <div className=\"mt-2 flex flex-wrap items-center gap-2\">\n                          <span className=\"text-sm text-text-secondary\">{inv.category}</span>\n                          {getRiskBadge(inv.riskLevel)}\n                        </div>\n                      </div>\n                      <div className=\"text-left sm:text-right\">\n                        <p className=\"text-xl font-bold text-text-primary\">\n                          {formatCurrency(inv.currentValue, { minimumFractionDigits: 0 })}\n                        </p>\n                        <p\n                          className={cn(\n                            'text-sm',\n                            inv.returns > 0\n                              ? 'text-green-600 dark:text-green-400'\n                              : 'text-red-600 dark:text-red-400'\n                          )}\n                        >\n                          {formatCurrency(Math.abs(inv.returns), { minimumFractionDigits: 0 })} (\n                          {fmtPct(inv.returnsPercentage)})\n                        </p>\n                      </div>\n                    </div>\n\n                    <div className=\"mb-4 grid grid-cols-2 gap-3 lg:grid-cols-4\">\n                      <div>\n                        <p className=\"text-xs text-text-secondary\">Invested</p>\n                        <p className=\"text-sm font-medium text-text-primary\">\n                          {formatCurrency(inv.amount, { minimumFractionDigits: 0 })}\n                        </p>\n                      </div>\n                      <div>\n                        <p className=\"text-xs text-text-secondary\">Ownership</p>\n                        <p className=\"text-sm font-medium text-text-primary\">{inv.ownership}%</p>\n                      </div>\n                      <div>\n                        <p className=\"text-xs text-text-secondary\">Monthly Dividend</p>\n                        <p className=\"text-sm font-medium text-text-primary\">\n                          {formatCurrency(inv.monthlyDividend, { minimumFractionDigits: 0 })}\n                        </p>\n                      </div>\n                      <div>\n                        <p className=\"text-xs text-text-secondary\">Investment Date</p>\n                        <p className=\"text-sm font-medium text-text-primary\">\n                          {formatDate(inv.investmentDate, { hour: undefined, minute: undefined })}\n                        </p>\n                      </div>\n                    </div>\n\n                    {/* Performance metrics */}\n                    <div className=\"border-t border-border-subtle pt-4\">\n                      <p className=\"mb-2 text-sm font-medium text-text-secondary\">\n                        Performance Metrics\n                      </p>\n                      <div className=\"grid grid-cols-3 gap-3 text-center\">\n                        <div>\n                          <p className=\"text-lg font-bold text-text-primary\">\n                            {inv.performanceMetrics.monthlyOrders}\n                          </p>\n                          <p className=\"text-xs text-text-secondary\">Monthly Orders</p>\n                        </div>\n                        <div>\n                          <div className=\"flex items-center justify-center gap-1\">\n                            <Star className=\"h-4 w-4 fill-yellow-400 text-yellow-400\" />\n                            <p className=\"text-lg font-bold text-text-primary\">\n                              {inv.performanceMetrics.averageRating}\n                            </p>\n                          </div>\n                          <p className=\"text-xs text-text-secondary\">Rating</p>\n                        </div>\n                        <div>\n                          <p className=\"text-lg font-bold text-green-600 dark:text-green-400\">\n                            +{inv.performanceMetrics.growthRate}%\n                          </p>\n                          <p className=\"text-xs text-text-secondary\">Growth Rate</p>\n                        </div>\n                      </div>\n                    </div>\n\n                    {/* Actions */}\n                    <div className=\"mt-4 flex flex-wrap gap-2\">\n                      <button\n                        type=\"button\"\n                        onClick={() => navigateTo(`/investor/investments/${inv.id}`)}\n                        className=\"flex items-center gap-2 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors\"\n                      >\n                        <Eye className=\"h-4 w-4\" />\n                        View Details\n                      </button>\n                      {inv.status === 'active' && (\n                        <button\n                          type=\"button\"\n                          onClick={() => handleWithdraw(inv.id)}\n                          className=\"flex items-center gap-2 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors\"\n                        >\n                          <ArrowDownCircle className=\"h-4 w-4\" />\n                          Withdraw\n                        </button>\n                      )}\n                    </div>\n                  </div>\n                ))}\n              </div>\n            </div>\n          )}\n\n          {/* Transactions Tab */}\n          {activeTab === 'transactions' && (\n            <div className=\"space-y-3\">\n              {mockTransactions.map((txn) => (\n                <div\n                  key={txn.id}\n                  className=\"flex flex-col gap-3 rounded-lg border border-border-subtle p-4 hover:bg-accent/50 transition-colors sm:flex-row sm:items-center sm:justify-between\"\n                >\n                  <div className=\"flex items-center gap-3\">\n                    <div\n                      className={cn(\n                        'flex h-10 w-10 shrink-0 items-center justify-center rounded-full',\n                        txn.type === 'investment'\n                          ? 'bg-blue-500/10'\n                          : txn.type === 'dividend'\n                            ? 'bg-green-500/10'\n                            : 'bg-red-500/10'\n                      )}\n                    >\n                      {txn.type === 'investment' ? (\n                        <Wallet className=\"h-5 w-5 text-blue-600 dark:text-blue-400\" />\n                      ) : txn.type === 'dividend' ? (\n                        <TrendingUp className=\"h-5 w-5 text-green-600 dark:text-green-400\" />\n                      ) : (\n                        <TrendingDown className=\"h-5 w-5 text-red-600 dark:text-red-400\" />\n                      )}\n                    </div>\n                    <div>\n                      <p className=\"text-sm font-medium text-text-primary\">\n                        {txn.type === 'investment'\n                          ? 'Investment in'\n                          : txn.type === 'dividend'\n                            ? 'Dividend from'\n                            : 'Withdrawal from'}{' '}\n                        {txn.cartName}\n                      </p>\n                      <p className=\"text-xs text-text-secondary\">\n                        {formatDate(txn.date, { hour: undefined, minute: undefined })}\n                      </p>\n                    </div>\n                  </div>\n                  <div className=\"flex items-center justify-between sm:gap-4\">\n                    <p\n                      className={cn(\n                        'text-sm font-bold',\n                        txn.type === 'dividend'\n                          ? 'text-green-600 dark:text-green-400'\n                          : 'text-text-primary'\n                      )}\n                    >\n                      {txn.type === 'dividend' ? '+' : '-'}\n                      {formatCurrency(txn.amount, { minimumFractionDigits: 0 })}\n                    </p>\n                    <span\n                      className={cn(\n                        'rounded-full px-2.5 py-0.5 text-xs font-medium',\n                        txn.status === 'completed'\n                          ? 'bg-green-500/20 text-green-600 dark:text-green-400'\n                          : txn.status === 'pending'\n                            ? 'bg-yellow-500/20 text-yellow-600 dark:text-yellow-400'\n                            : 'bg-red-500/20 text-red-600 dark:text-red-400'\n                      )}\n                    >\n                      {txn.status}\n                    </span>\n                  </div>\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}