@burdenoff/microfe-kadaikodi 2026.704.1 → 2026.704.2

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

@@ -3,583 +3,242 @@ 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 { useCallback as s, useMemo as c, useState as l } from "react";
-import { ArrowDownCircle as u, BarChart3 as d, Briefcase as f, CreditCard as p, Eye as m, IndianRupee as h, Star as g, TrendingDown as _, TrendingUp as v, Wallet as y } from "lucide-react";
-import { jsx as b, jsxs as x } from "react/jsx-runtime";
-import { EmphasisPanel as S, PagePurpose as C } from "@burdenoff/fe-libs/ui";
+import { useInvestments as a } from "../../hooks/useKadaikodiApi.js";
+import { formatCurrency as o, formatDate as s } from "../../utils/formatters.js";
+import { useMemo as c, useState as l } from "react";
+import { BarChart3 as u, Briefcase as d, CreditCard as f, Eye as p, IndianRupee as m, TrendingUp as h, Wallet as g } from "lucide-react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { EmphasisPanel as y, PagePurpose as b } from "@burdenoff/fe-libs/ui";
 //#region src/kadaikodi/pages/investor/InvestorPortfolioPage.tsx
-var w = [
-	{
-		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
-		}
-	}
-], T = [
-	{
-		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"
-	}
-], E = [
-	"",
-	"Personal Care & Beauty",
-	"Repair & Maintenance",
-	"Home Services",
-	"Food & Beverage"
-];
-function D(e) {
-	let { color: n, label: r } = {
-		low: {
-			color: "bg-status-success-bg-subtle text-status-success-text",
-			label: "Low Risk"
-		},
-		medium: {
-			color: "bg-status-warning-bg-subtle text-status-warning-text",
-			label: "Medium Risk"
-		},
-		high: {
-			color: "bg-status-error-bg-subtle text-status-error-text",
-			label: "High Risk"
-		}
-	}[e];
-	return /* @__PURE__ */ b("span", {
-		className: t("rounded-full px-2 py-0.5 text-xs font-medium", n),
-		children: r
-	});
-}
-function O(e) {
+function x(e) {
 	return `${e > 0 ? "+" : ""}${e.toFixed(1)}%`;
 }
-function k() {
-	let { navigateTo: k } = e(), [A, j] = l("overview"), [M, N] = l(""), P = c(() => M ? w.filter((e) => e.category === M) : w, [M]), F = P.reduce((e, t) => e + t.amount, 0), I = P.reduce((e, t) => e + t.currentValue, 0), L = I - F, R = F > 0 ? L / F * 100 : 0, z = P.reduce((e, t) => e + t.monthlyDividend, 0), B = P.filter((e) => e.status === "active").length, V = {
-		low: 1,
-		medium: 2,
-		high: 3
-	}, H = P.length > 0 ? P.reduce((e, t) => e + V[t.riskLevel], 0) / P.length : 0, U = P.reduce((e, t) => t.returnsPercentage > e.returnsPercentage ? t : e, P[0] || {
-		cartName: "",
-		returnsPercentage: 0
-	}), W = s((e) => {
-		alert(`Withdrawal request submitted for ${e}`);
-	}, []), G = P.reduce((e, t) => (e[t.category] = (e[t.category] || 0) + t.currentValue, e), {});
-	return /* @__PURE__ */ x(n, {
+function S() {
+	let { navigateTo: S, currentUser: C } = e(), { data: w = [], isLoading: T } = a(C?.id || ""), [E, D] = l("overview"), O = w.reduce((e, t) => e + t.investedAmount, 0), k = w.reduce((e, t) => e + t.currentValue, 0), A = k - O, j = O > 0 ? A / O * 100 : 0, M = w.filter((e) => e.status === "active").length, N = c(() => w.reduce((e, t) => (e[t.cartName] = (e[t.cartName] || 0) + t.currentValue, e), {}), [w]);
+	return T ? /* @__PURE__ */ _(n, {
+		title: "My Portfolio",
+		description: "Loading your portfolio...",
+		children: /* @__PURE__ */ _("div", {
+			className: "flex items-center justify-center py-20",
+			children: /* @__PURE__ */ v("div", {
+				className: "text-center",
+				children: [/* @__PURE__ */ _("div", { className: "mx-auto mb-4 h-12 w-12 animate-spin rounded-full border-b-2 border-primary" }), /* @__PURE__ */ _("p", {
+					className: "text-sm text-text-secondary",
+					children: "Loading your portfolio..."
+				})]
+			})
+		})
+	}) : /* @__PURE__ */ v(n, {
 		title: "My Portfolio",
 		description: "Track your investment performance and holdings",
 		children: [
-			/* @__PURE__ */ b(C, {
+			/* @__PURE__ */ _(b, {
 				className: "mb-6",
-				children: "The complete picture of your money on Kadaikodi. Use this page to see how your portfolio is performing overall, how it's split across categories and risk levels, the dividends coming your way, and a full history of your transactions. Switch tabs to drill into your holdings or activity, and open any holding to manage it."
+				children: "The complete picture of your money on Kadaikodi. Use this page to see how your portfolio is performing overall, how it's split across the carts you've backed, and the details of each holding. Switch tabs to drill into your holdings, and open any holding to review it."
 			}),
-			/* @__PURE__ */ x(S, { children: [/* @__PURE__ */ b("h2", {
+			/* @__PURE__ */ v(y, { children: [/* @__PURE__ */ _("h2", {
 				className: "mb-4 text-base font-semibold text-text-primary",
 				children: "Portfolio at a Glance"
-			}), /* @__PURE__ */ x("div", {
+			}), /* @__PURE__ */ v("div", {
 				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
 				children: [
-					/* @__PURE__ */ b(r, {
-						icon: /* @__PURE__ */ b(y, { className: "h-5 w-5" }),
-						value: a(F, { minimumFractionDigits: 0 }),
+					/* @__PURE__ */ _(r, {
+						icon: /* @__PURE__ */ _(g, { className: "h-5 w-5" }),
+						value: o(O, { minimumFractionDigits: 0 }),
 						label: "Total Invested",
-						trend: "up",
-						trendValue: `${B} active`
+						trend: "neutral",
+						trendValue: `${M} active`
 					}),
-					/* @__PURE__ */ b(r, {
-						icon: /* @__PURE__ */ b(h, { className: "h-5 w-5" }),
-						value: a(I, { minimumFractionDigits: 0 }),
+					/* @__PURE__ */ _(r, {
+						icon: /* @__PURE__ */ _(m, { className: "h-5 w-5" }),
+						value: o(k, { minimumFractionDigits: 0 }),
 						label: "Current Value",
-						trend: R > 0 ? "up" : "down",
-						trendValue: O(R)
+						trend: j >= 0 ? "up" : "down",
+						trendValue: x(j)
 					}),
-					/* @__PURE__ */ b(r, {
-						icon: /* @__PURE__ */ b(v, { className: "h-5 w-5" }),
-						value: a(Math.abs(L), { minimumFractionDigits: 0 }),
+					/* @__PURE__ */ _(r, {
+						icon: /* @__PURE__ */ _(h, { className: "h-5 w-5" }),
+						value: o(Math.abs(A), { minimumFractionDigits: 0 }),
 						label: "Total Returns",
-						trend: L >= 0 ? "up" : "down",
-						trendValue: O(R)
+						trend: A >= 0 ? "up" : "down",
+						trendValue: x(j)
 					}),
-					/* @__PURE__ */ b(r, {
-						icon: /* @__PURE__ */ b(f, { className: "h-5 w-5" }),
-						value: a(z, { minimumFractionDigits: 0 }),
-						label: "Monthly Dividend",
-						trend: "up",
-						trendValue: "Next: July 1"
+					/* @__PURE__ */ _(r, {
+						icon: /* @__PURE__ */ _(d, { className: "h-5 w-5" }),
+						value: String(w.length),
+						label: "Holdings"
 					})
 				]
 			})] }),
-			/* @__PURE__ */ x("div", {
-				className: "mt-4 grid grid-cols-2 gap-3 lg:grid-cols-4",
-				children: [
-					/* @__PURE__ */ x("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-3",
-						children: [/* @__PURE__ */ b("p", {
-							className: "text-xs text-text-secondary",
-							children: "Active Investments"
-						}), /* @__PURE__ */ b("p", {
-							className: "text-xl font-bold text-text-primary",
-							children: B
-						})]
-					}),
-					/* @__PURE__ */ x("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-3",
-						children: [/* @__PURE__ */ b("p", {
-							className: "text-xs text-text-secondary",
-							children: "Avg Risk Score"
-						}), /* @__PURE__ */ x("div", {
-							className: "mt-1 flex items-center gap-2",
-							children: [/* @__PURE__ */ b("div", {
-								className: "h-2 flex-1 rounded-full bg-bg-sunken overflow-hidden",
-								children: /* @__PURE__ */ b("div", {
-									className: t("h-full rounded-full", H <= 1.5 ? "bg-status-success-text" : H <= 2.5 ? "bg-status-warning-text" : "bg-status-error-text"),
-									style: { width: `${H / 3 * 100}%` }
-								})
-							}), /* @__PURE__ */ x("span", {
-								className: "text-sm font-medium text-text-primary",
-								children: [H.toFixed(1), "/3"]
-							})]
-						})]
-					}),
-					/* @__PURE__ */ x("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-3",
-						children: [
-							/* @__PURE__ */ b("p", {
-								className: "text-xs text-text-secondary",
-								children: "Best Performer"
-							}),
-							/* @__PURE__ */ b("p", {
-								className: "truncate text-sm font-bold text-text-primary",
-								children: U.cartName
-							}),
-							/* @__PURE__ */ b("p", {
-								className: "text-xs text-status-success-text",
-								children: O(U.returnsPercentage)
-							})
-						]
-					}),
-					/* @__PURE__ */ x("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-3",
-						children: [
-							/* @__PURE__ */ b("p", {
-								className: "text-xs text-text-secondary",
-								children: "Next Payout"
-							}),
-							/* @__PURE__ */ b("p", {
-								className: "text-lg font-bold text-text-primary",
-								children: "July 1"
-							}),
-							/* @__PURE__ */ b("p", {
-								className: "text-xs text-text-secondary",
-								children: "In 7 days"
-							})
-						]
-					})
-				]
-			}),
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ v("div", {
 				className: "mt-6 rounded-lg border border-border-subtle bg-bg-surface shadow-sm",
-				children: [/* @__PURE__ */ b("div", {
+				children: [/* @__PURE__ */ _("div", {
 					className: "flex border-b border-border-subtle overflow-x-auto",
 					children: [
 						{
 							key: "overview",
 							label: "Overview",
-							Icon: d
+							Icon: u
 						},
 						{
 							key: "investments",
-							label: `Investments (${P.length})`,
-							Icon: f
+							label: `Investments (${w.length})`,
+							Icon: d
 						},
 						{
 							key: "transactions",
 							label: "Transactions",
-							Icon: p
+							Icon: f
 						}
-					].map(({ key: e, label: n, Icon: r }) => /* @__PURE__ */ x("button", {
+					].map(({ key: e, label: n, Icon: r }) => /* @__PURE__ */ v("button", {
 						type: "button",
-						onClick: () => j(e),
-						className: t("flex items-center gap-2 whitespace-nowrap px-4 py-3 text-sm font-medium transition-colors", A === e ? "border-b-2 border-primary text-text-primary" : "text-text-secondary hover:text-text-primary"),
-						children: [/* @__PURE__ */ b(r, { className: "h-4 w-4" }), n]
+						onClick: () => D(e),
+						className: t("flex items-center gap-2 whitespace-nowrap px-4 py-3 text-sm font-medium transition-colors", E === e ? "border-b-2 border-primary text-text-primary" : "text-text-secondary hover:text-text-primary"),
+						children: [/* @__PURE__ */ _(r, { className: "h-4 w-4" }), n]
 					}, e))
-				}), /* @__PURE__ */ x("div", {
+				}), /* @__PURE__ */ v("div", {
 					className: "p-4",
 					children: [
-						A === "overview" && /* @__PURE__ */ x("div", {
+						E === "overview" && /* @__PURE__ */ _("div", {
 							className: "space-y-6",
-							children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("h3", {
-								className: "mb-4 text-base font-semibold text-text-primary",
-								children: "Portfolio Performance"
-							}), /* @__PURE__ */ x("div", {
-								className: "rounded-lg border border-border-subtle bg-bg-sunken/50 p-8 text-center",
-								children: [
-									/* @__PURE__ */ b(d, { className: "mx-auto mb-2 h-8 w-8 text-text-secondary/50" }),
-									/* @__PURE__ */ b("p", {
-										className: "text-sm text-text-secondary",
-										children: "Performance chart visualization"
-									}),
-									/* @__PURE__ */ b("p", {
-										className: "mt-1 text-xs text-text-secondary",
-										children: "Shows portfolio value over time"
-									})
-								]
-							})] }), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("h3", {
+							children: w.length === 0 ? /* @__PURE__ */ _(i, {
+								illustration: "empty-data",
+								title: "No holdings yet",
+								description: "Once you back a cart, your portfolio allocation will appear here.",
+								action: /* @__PURE__ */ _("button", {
+									type: "button",
+									onClick: () => S("/investor/opportunities"),
+									className: "rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors",
+									children: "Browse Opportunities"
+								})
+							}) : /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("h3", {
 								className: "mb-4 text-base font-semibold text-text-primary",
-								children: "Asset Allocation"
-							}), /* @__PURE__ */ b("div", {
+								children: "Allocation by Cart"
+							}), /* @__PURE__ */ _("div", {
 								className: "space-y-3",
-								children: Object.entries(G).map(([e, t]) => /* @__PURE__ */ x("div", {
+								children: Object.entries(N).map(([e, t]) => /* @__PURE__ */ v("div", {
 									className: "flex items-center",
 									children: [
-										/* @__PURE__ */ b("span", {
+										/* @__PURE__ */ _("span", {
 											className: "w-40 truncate text-sm text-text-primary",
 											children: e
 										}),
-										/* @__PURE__ */ b("div", {
+										/* @__PURE__ */ _("div", {
 											className: "mx-3 h-6 flex-1 rounded-full bg-bg-sunken overflow-hidden",
-											children: /* @__PURE__ */ b("div", {
+											children: /* @__PURE__ */ _("div", {
 												className: "flex h-6 items-center justify-end rounded-full bg-action-primary-bg pr-2",
-												style: { width: `${I > 0 ? t / I * 100 : 0}%` },
-												children: /* @__PURE__ */ x("span", {
+												style: { width: `${k > 0 ? t / k * 100 : 0}%` },
+												children: /* @__PURE__ */ v("span", {
 													className: "text-xs font-medium text-action-primary-text",
-													children: [I > 0 ? (t / I * 100).toFixed(1) : 0, "%"]
+													children: [k > 0 ? (t / k * 100).toFixed(1) : 0, "%"]
 												})
 											})
 										}),
-										/* @__PURE__ */ b("span", {
+										/* @__PURE__ */ _("span", {
 											className: "ml-2 text-sm font-medium text-text-primary",
-											children: a(t, { minimumFractionDigits: 0 })
+											children: o(t, { minimumFractionDigits: 0 })
 										})
 									]
 								}, e))
-							})] })]
+							})] })
 						}),
-						A === "investments" && /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("div", {
-							className: "mb-4",
-							children: /* @__PURE__ */ x("select", {
-								value: M,
-								onChange: (e) => N(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__ */ b("option", {
-									value: "",
-									children: "All Categories"
-								}), E.filter(Boolean).map((e) => /* @__PURE__ */ b("option", {
-									value: e,
-									children: e
-								}, e))]
-							})
-						}), P.length === 0 ? /* @__PURE__ */ b(i, {
-							illustration: M ? "empty-search" : "empty-data",
+						E === "investments" && /* @__PURE__ */ _("div", { children: w.length === 0 ? /* @__PURE__ */ _(i, {
+							illustration: "empty-data",
 							title: "No holdings to show",
-							description: M ? "No holdings in this category. Try a different one or clear the filter." : "You don't hold any investments yet. Explore opportunities to start building your portfolio.",
-							action: M ? /* @__PURE__ */ b("button", {
+							description: "You don't hold any investments yet. Explore opportunities to start building your portfolio.",
+							action: /* @__PURE__ */ _("button", {
 								type: "button",
-								onClick: () => N(""),
-								className: "rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
-								children: "Clear filter"
-							}) : /* @__PURE__ */ b("button", {
-								type: "button",
-								onClick: () => k("/investor/opportunities"),
+								onClick: () => S("/investor/opportunities"),
 								className: "rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors",
 								children: "Browse Opportunities"
 							})
-						}) : /* @__PURE__ */ b("div", {
+						}) : /* @__PURE__ */ _("div", {
 							className: "space-y-4",
-							children: P.map((e) => /* @__PURE__ */ x("div", {
-								className: "rounded-lg border border-border-subtle p-4 hover:bg-accent/50 transition-colors",
-								children: [
-									/* @__PURE__ */ x("div", {
-										className: "mb-4 flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between",
-										children: [/* @__PURE__ */ x("div", {
-											className: "flex-1",
-											children: [
-												/* @__PURE__ */ b("h4", {
+							children: w.map((e) => {
+								let n = e.currentValue - e.investedAmount, r = e.investedAmount > 0 ? n / e.investedAmount * 100 : 0;
+								return /* @__PURE__ */ v("div", {
+									className: "rounded-lg border border-border-subtle p-4 hover:bg-accent/50 transition-colors",
+									children: [
+										/* @__PURE__ */ v("div", {
+											className: "mb-4 flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between",
+											children: [/* @__PURE__ */ v("div", {
+												className: "flex-1",
+												children: [/* @__PURE__ */ _("h4", {
 													className: "text-base font-semibold text-text-primary",
 													children: e.cartName
-												}),
-												/* @__PURE__ */ x("p", {
-													className: "text-sm text-text-secondary",
+												}), /* @__PURE__ */ _("p", {
+													className: "mt-1 text-sm capitalize text-text-secondary",
+													children: e.status
+												})]
+											}), /* @__PURE__ */ v("div", {
+												className: "text-left sm:text-right",
+												children: [/* @__PURE__ */ _("p", {
+													className: "text-xl font-bold text-text-primary",
+													children: o(e.currentValue, { minimumFractionDigits: 0 })
+												}), /* @__PURE__ */ v("p", {
+													className: t("text-sm", n >= 0 ? "text-status-success-text" : "text-status-error-text"),
 													children: [
-														"Owned by ",
-														e.cartOwner,
-														" • ",
-														e.location
+														o(Math.abs(n), { minimumFractionDigits: 0 }),
+														" (",
+														x(r),
+														")"
 													]
-												}),
-												/* @__PURE__ */ x("div", {
-													className: "mt-2 flex flex-wrap items-center gap-2",
-													children: [/* @__PURE__ */ b("span", {
-														className: "text-sm text-text-secondary",
-														children: e.category
-													}), D(e.riskLevel)]
-												})
-											]
-										}), /* @__PURE__ */ x("div", {
-											className: "text-left sm:text-right",
-											children: [/* @__PURE__ */ b("p", {
-												className: "text-xl font-bold text-text-primary",
-												children: a(e.currentValue, { minimumFractionDigits: 0 })
-											}), /* @__PURE__ */ x("p", {
-												className: t("text-sm", e.returns > 0 ? "text-status-success-text" : "text-status-error-text"),
-												children: [
-													a(Math.abs(e.returns), { minimumFractionDigits: 0 }),
-													" (",
-													O(e.returnsPercentage),
-													")"
-												]
+												})]
 											})]
-										})]
-									}),
-									/* @__PURE__ */ x("div", {
-										className: "mb-4 grid grid-cols-2 gap-3 lg:grid-cols-4",
-										children: [
-											/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
-												className: "text-xs text-text-secondary",
-												children: "Invested"
-											}), /* @__PURE__ */ b("p", {
-												className: "text-sm font-medium text-text-primary",
-												children: a(e.amount, { minimumFractionDigits: 0 })
-											})] }),
-											/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
-												className: "text-xs text-text-secondary",
-												children: "Ownership"
-											}), /* @__PURE__ */ x("p", {
-												className: "text-sm font-medium text-text-primary",
-												children: [e.ownership, "%"]
-											})] }),
-											/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
-												className: "text-xs text-text-secondary",
-												children: "Monthly Dividend"
-											}), /* @__PURE__ */ b("p", {
-												className: "text-sm font-medium text-text-primary",
-												children: a(e.monthlyDividend, { minimumFractionDigits: 0 })
-											})] }),
-											/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
-												className: "text-xs text-text-secondary",
-												children: "Investment Date"
-											}), /* @__PURE__ */ b("p", {
-												className: "text-sm font-medium text-text-primary",
-												children: o(e.investmentDate, {
-													hour: void 0,
-													minute: void 0
-												})
-											})] })
-										]
-									}),
-									/* @__PURE__ */ x("div", {
-										className: "border-t border-border-subtle pt-4",
-										children: [/* @__PURE__ */ b("p", {
-											className: "mb-2 text-sm font-medium text-text-secondary",
-											children: "Performance Metrics"
-										}), /* @__PURE__ */ x("div", {
-											className: "grid grid-cols-3 gap-3 text-center",
+										}),
+										/* @__PURE__ */ v("div", {
+											className: "mb-4 grid grid-cols-2 gap-3 lg:grid-cols-4",
 											children: [
-												/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
-													className: "text-lg font-bold text-text-primary",
-													children: e.performanceMetrics.monthlyOrders
-												}), /* @__PURE__ */ b("p", {
+												/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
 													className: "text-xs text-text-secondary",
-													children: "Monthly Orders"
+													children: "Invested"
+												}), /* @__PURE__ */ _("p", {
+													className: "text-sm font-medium text-text-primary",
+													children: o(e.investedAmount, { minimumFractionDigits: 0 })
 												})] }),
-												/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("div", {
-													className: "flex items-center justify-center gap-1",
-													children: [/* @__PURE__ */ b(g, { className: "h-4 w-4 fill-status-warning-text text-status-warning-text" }), /* @__PURE__ */ b("p", {
-														className: "text-lg font-bold text-text-primary",
-														children: e.performanceMetrics.averageRating
-													})]
-												}), /* @__PURE__ */ b("p", {
+												/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
 													className: "text-xs text-text-secondary",
-													children: "Rating"
+													children: "Returns"
+												}), /* @__PURE__ */ _("p", {
+													className: "text-sm font-medium text-text-primary",
+													children: o(e.returns, { minimumFractionDigits: 0 })
 												})] }),
-												/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("p", {
-													className: "text-lg font-bold text-status-success-text",
-													children: [
-														"+",
-														e.performanceMetrics.growthRate,
-														"%"
-													]
-												}), /* @__PURE__ */ b("p", {
+												/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+													className: "text-xs text-text-secondary",
+													children: "Expected Return"
+												}), /* @__PURE__ */ v("p", {
+													className: "text-sm font-medium text-text-primary",
+													children: [e.returnsPercentage, "%"]
+												})] }),
+												/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
 													className: "text-xs text-text-secondary",
-													children: "Growth Rate"
+													children: "Investment Date"
+												}), /* @__PURE__ */ _("p", {
+													className: "text-sm font-medium text-text-primary",
+													children: s(e.investmentDate, {
+														hour: void 0,
+														minute: void 0
+													})
 												})] })
 											]
-										})]
-									}),
-									/* @__PURE__ */ x("div", {
-										className: "mt-4 flex flex-wrap gap-2",
-										children: [/* @__PURE__ */ x("button", {
-											type: "button",
-											onClick: () => k(`/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__ */ b(m, { className: "h-4 w-4" }), "View Details"]
-										}), e.status === "active" && /* @__PURE__ */ x("button", {
-											type: "button",
-											onClick: () => W(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__ */ b(u, { className: "h-4 w-4" }), "Withdraw"]
-										})]
-									})
-								]
-							}, e.id))
-						})] }),
-						A === "transactions" && /* @__PURE__ */ b("div", {
-							className: "space-y-3",
-							children: T.map((e) => /* @__PURE__ */ x("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__ */ x("div", {
-									className: "flex items-center gap-3",
-									children: [/* @__PURE__ */ b("div", {
-										className: t("flex h-10 w-10 shrink-0 items-center justify-center rounded-full", e.type === "investment" ? "bg-[var(--color-accent-soft)]" : e.type === "dividend" ? "bg-status-success-bg-subtle" : "bg-status-error-bg-subtle"),
-										children: e.type === "investment" ? /* @__PURE__ */ b(y, { className: "h-5 w-5 text-text-primary" }) : e.type === "dividend" ? /* @__PURE__ */ b(v, { className: "h-5 w-5 text-status-success-text" }) : /* @__PURE__ */ b(_, { className: "h-5 w-5 text-status-error-text" })
-									}), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("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__ */ b("p", {
-										className: "text-xs text-text-secondary",
-										children: o(e.date, {
-											hour: void 0,
-											minute: void 0
+										}),
+										/* @__PURE__ */ _("div", {
+											className: "flex flex-wrap gap-2",
+											children: /* @__PURE__ */ v("button", {
+												type: "button",
+												onClick: () => S(`/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__ */ _(p, { className: "h-4 w-4" }), "View Details"]
+											})
 										})
-									})] })]
-								}), /* @__PURE__ */ x("div", {
-									className: "flex items-center justify-between sm:gap-4",
-									children: [/* @__PURE__ */ x("p", {
-										className: t("text-sm font-bold", e.type === "dividend" ? "text-status-success-text" : "text-text-primary"),
-										children: [e.type === "dividend" ? "+" : "-", a(e.amount, { minimumFractionDigits: 0 })]
-									}), /* @__PURE__ */ b("span", {
-										className: t("rounded-full px-2.5 py-0.5 text-xs font-medium", e.status === "completed" ? "bg-status-success-bg-subtle text-status-success-text" : e.status === "pending" ? "bg-status-warning-bg-subtle text-status-warning-text" : "bg-status-error-bg-subtle text-status-error-text"),
-										children: e.status
-									})]
-								})]
-							}, e.id))
+									]
+								}, e.id);
+							})
+						}) }),
+						E === "transactions" && /* @__PURE__ */ _(i, {
+							illustration: "empty-data",
+							title: "No transaction history yet",
+							description: "A detailed ledger of your investments, dividends and withdrawals will appear here as your activity builds up."
 						})
 					]
 				})]
@@ -588,6 +247,6 @@ function k() {
 	});
 }
 //#endregion
-export { k as InvestorPortfolioPage };
+export { S as InvestorPortfolioPage };
 
 //# sourceMappingURL=InvestorPortfolioPage.js.map