@burdenoff/microfe-coolandlovely 2026.624.1 → 2026.625.2

package/dist/coolandlovely/pages/investor/InvestorDashboard.js

@@ -2,14 +2,16 @@ import { useCoolAndLovely as e } from "../../context/CoolAndLovelyContext.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 { useInvestmentOpportunities as i, useInvestments as a } from "../../hooks/useCoolAndLovelyApi.js";
-import { formatCurrency as o } from "../../utils/formatters.js";
-import { InvestmentCard as s } from "../../components/InvestmentCard.js";
-import { useMemo as c, useState as l } from "react";
-import { Activity as u, Award as d, BarChart3 as f, Briefcase as p, Eye as m, Filter as h, IndianRupee as g, Lightbulb as _, MapPin as v, PieChart as y, Plus as b, Target as x, Wallet as S } from "lucide-react";
-import { jsx as C, jsxs as w } from "react/jsx-runtime";
+import { EmptyState as i } from "../../components/EmptyState.js";
+import { useInvestmentOpportunities as a, useInvestments as o } from "../../hooks/useCoolAndLovelyApi.js";
+import { formatCurrency as s } from "../../utils/formatters.js";
+import { InvestmentCard as c } from "../../components/InvestmentCard.js";
+import { useMemo as l, useState as u } from "react";
+import { Activity as d, Award as f, BarChart3 as p, Eye as m, Filter as h, IndianRupee as g, Lightbulb as _, MapPin as v, PieChart as y, Plus as b, Target as x, TrendingUp as S, Wallet as C } from "lucide-react";
+import { jsx as w, jsxs as T } from "react/jsx-runtime";
+import { EmphasisPanel as E, NextSteps as D, PagePurpose as O } from "@burdenoff/fe-libs/ui";
 //#region src/coolandlovely/pages/investor/InvestorDashboard.tsx
-var T = [
+var k = [
 	{
 		id: "1",
 		type: "opportunity",
@@ -31,7 +33,7 @@ var T = [
 		description: "Health & Wellness businesses in tech hubs are experiencing 40% higher returns. Whitefield shows promising opportunities.",
 		confidence: 91
 	}
-], E = [
+], A = [
 	{
 		id: "act-1",
 		type: "dividend",
@@ -61,17 +63,17 @@ var T = [
 		date: "2023-12-20T11:00:00Z"
 	}
 ];
-function D(e) {
+function j(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 "completed": return "bg-blue-500/20 text-blue-600 dark:text-blue-400";
+		case "active": return "bg-status-success-bg-subtle/20 text-status-success-text";
+		case "pending": return "bg-status-warning-bg-subtle/20 text-status-warning-text";
+		case "completed": return "bg-accent-blue-subtle/20 text-accent-blue";
 		default: return "bg-secondary text-secondary-foreground";
 	}
 }
-function O() {
-	let { navigateTo: O, currentUser: k } = e(), [A, j] = l("portfolio"), { data: M = [], isLoading: N } = i(), { data: P = [], isLoading: F } = a(k?.id || ""), I = k?.firstName ?? k?.name ?? "Investor", L = M.filter((e) => e.status === "active"), R = c(() => {
-		let e = P.reduce((e, t) => e + t.investedAmount, 0), t = P.reduce((e, t) => e + t.currentValue, 0), n = P.reduce((e, t) => e + t.returns, 0);
+function M() {
+	let { navigateTo: M, currentUser: N } = e(), [P, F] = u("portfolio"), { data: I = [], isLoading: L } = a(), { data: R = [], isLoading: z } = o(N?.id || ""), B = N?.firstName ?? N?.name ?? "Investor", V = I.filter((e) => e.status === "active"), H = l(() => {
+		let e = R.reduce((e, t) => e + t.investedAmount, 0), t = R.reduce((e, t) => e + t.currentValue, 0), n = R.reduce((e, t) => e + t.returns, 0);
 		return {
 			totalInvested: e,
 			currentValue: t,
@@ -79,341 +81,375 @@ function O() {
 			monthlyIncome: n / 12,
 			roi: e > 0 ? n / e * 100 : 0
 		};
-	}, [P]);
-	return N || F ? /* @__PURE__ */ C(n, {
+	}, [R]);
+	return L || z ? /* @__PURE__ */ w(n, {
 		title: "Investment Dashboard",
 		description: "Loading your portfolio...",
-		children: /* @__PURE__ */ C("div", {
+		children: /* @__PURE__ */ w("div", {
 			className: "flex items-center justify-center py-20",
-			children: /* @__PURE__ */ w("div", {
+			children: /* @__PURE__ */ T("div", {
 				className: "text-center",
-				children: [/* @__PURE__ */ C("div", { className: "mx-auto mb-4 h-12 w-12 animate-spin rounded-full border-b-2 border-primary" }), /* @__PURE__ */ C("p", {
+				children: [/* @__PURE__ */ w("div", { className: "mx-auto mb-4 h-12 w-12 animate-spin rounded-full border-b-2 border-primary" }), /* @__PURE__ */ w("p", {
 					className: "text-sm text-text-secondary",
 					children: "Loading your portfolio..."
 				})]
 			})
 		})
-	}) : /* @__PURE__ */ w(n, {
-		title: `Welcome back, ${I}!`,
+	}) : /* @__PURE__ */ T(n, {
+		title: `Welcome back, ${B}!`,
 		description: "Here's your investment portfolio overview.",
-		children: [/* @__PURE__ */ w("section", { children: [/* @__PURE__ */ C("h2", {
-			className: "mb-4 text-lg font-semibold text-text-primary",
-			children: "Portfolio Overview"
-		}), /* @__PURE__ */ w("div", {
-			className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
-			children: [
-				/* @__PURE__ */ C(r, {
-					icon: /* @__PURE__ */ C(S, { className: "h-5 w-5" }),
-					value: o(R.totalInvested, { minimumFractionDigits: 0 }),
-					label: "Total Invested",
-					trend: "up",
-					trendValue: "Across all businesses"
-				}),
-				/* @__PURE__ */ C(r, {
-					icon: /* @__PURE__ */ C(g, { className: "h-5 w-5" }),
-					value: o(R.currentValue, { minimumFractionDigits: 0 }),
-					label: "Current Value",
-					trend: "up",
-					trendValue: `+${R.roi.toFixed(1)}%`
-				}),
-				/* @__PURE__ */ C(r, {
-					icon: /* @__PURE__ */ C(x, { className: "h-5 w-5" }),
-					value: o(R.totalReturns, { minimumFractionDigits: 0 }),
-					label: "Total Returns",
-					trend: "up",
-					trendValue: "+15.2% this month"
-				}),
-				/* @__PURE__ */ C(r, {
-					icon: /* @__PURE__ */ C(u, { className: "h-5 w-5" }),
-					value: o(R.monthlyIncome, { minimumFractionDigits: 0 }),
-					label: "Monthly Income",
-					trend: "up",
-					trendValue: "+8.5% vs last month"
-				})
-			]
-		})] }), /* @__PURE__ */ w("div", {
-			className: "mt-8 grid grid-cols-1 gap-6 lg:grid-cols-3",
-			children: [/* @__PURE__ */ w("div", {
-				className: "lg:col-span-2",
-				children: [
-					/* @__PURE__ */ w("div", {
-						className: "mb-6 flex rounded-lg bg-bg-sunken p-1",
-						children: [/* @__PURE__ */ C("button", {
-							type: "button",
-							onClick: () => j("portfolio"),
-							className: t("flex-1 rounded-md px-4 py-2 text-sm font-medium transition-colors", A === "portfolio" ? "bg-bg-surface text-text-primary shadow-sm" : "text-text-secondary hover:text-text-primary"),
-							children: "My Investments"
-						}), /* @__PURE__ */ C("button", {
-							type: "button",
-							onClick: () => j("opportunities"),
-							className: t("flex-1 rounded-md px-4 py-2 text-sm font-medium transition-colors", A === "opportunities" ? "bg-bg-surface text-text-primary shadow-sm" : "text-text-secondary hover:text-text-primary"),
-							children: "New Opportunities"
-						})]
-					}),
-					A === "portfolio" && /* @__PURE__ */ w("div", {
-						className: "space-y-4",
-						children: [/* @__PURE__ */ w("div", {
-							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ C("h3", {
-								className: "text-base font-semibold text-text-primary",
-								children: "Active Investments"
+		children: [
+			/* @__PURE__ */ w(O, {
+				className: "mb-6",
+				icon: /* @__PURE__ */ w(S, { className: "h-4 w-4" }),
+				children: "Your money at work across local businesses. Track what you've invested, what it's worth now and the income it generates, switch between your holdings and fresh opportunities, and act on AI insights and market updates to grow your portfolio."
+			}),
+			/* @__PURE__ */ w(D, {
+				className: "mb-6",
+				storageKey: "coolandlovely-investor-dashboard",
+				steps: [
+					{
+						id: "review-portfolio",
+						label: "Review your portfolio",
+						description: "See the full breakdown and performance of your holdings.",
+						icon: /* @__PURE__ */ w(y, { className: "h-4 w-4" }),
+						onClick: () => M("/investor/portfolio"),
+						done: R.length > 0
+					},
+					{
+						id: "browse",
+						label: "Browse new opportunities",
+						description: "Find businesses open for investment that fit your goals.",
+						icon: /* @__PURE__ */ w(x, { className: "h-4 w-4" }),
+						onClick: () => M("/investor/opportunities")
+					},
+					{
+						id: "analytics",
+						label: "Check your analytics",
+						description: "Dig into returns, allocation and trends across investments.",
+						icon: /* @__PURE__ */ w(p, { className: "h-4 w-4" }),
+						onClick: () => M("/investor/analytics")
+					}
+				]
+			}),
+			/* @__PURE__ */ T(E, {
+				className: "p-5",
+				children: [/* @__PURE__ */ w("h2", {
+					className: "mb-4 text-lg font-semibold text-text-primary",
+					children: "Portfolio Overview"
+				}), /* @__PURE__ */ T("div", {
+					className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
+					children: [
+						/* @__PURE__ */ w(r, {
+							icon: /* @__PURE__ */ w(C, { className: "h-5 w-5" }),
+							value: s(H.totalInvested, { minimumFractionDigits: 0 }),
+							label: "Total Invested",
+							trend: "up",
+							trendValue: "Across all businesses"
+						}),
+						/* @__PURE__ */ w(r, {
+							icon: /* @__PURE__ */ w(g, { className: "h-5 w-5" }),
+							value: s(H.currentValue, { minimumFractionDigits: 0 }),
+							label: "Current Value",
+							trend: "up",
+							trendValue: `+${H.roi.toFixed(1)}%`
+						}),
+						/* @__PURE__ */ w(r, {
+							icon: /* @__PURE__ */ w(x, { className: "h-5 w-5" }),
+							value: s(H.totalReturns, { minimumFractionDigits: 0 }),
+							label: "Total Returns",
+							trend: "up",
+							trendValue: "+15.2% this month"
+						}),
+						/* @__PURE__ */ w(r, {
+							icon: /* @__PURE__ */ w(d, { className: "h-5 w-5" }),
+							value: s(H.monthlyIncome, { minimumFractionDigits: 0 }),
+							label: "Monthly Income",
+							trend: "up",
+							trendValue: "+8.5% vs last month"
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ T("div", {
+				className: "mt-8 grid grid-cols-1 gap-6 lg:grid-cols-3",
+				children: [/* @__PURE__ */ T("div", {
+					className: "lg:col-span-2",
+					children: [
+						/* @__PURE__ */ T("div", {
+							className: "mb-6 flex rounded-lg bg-bg-sunken p-1",
+							children: [/* @__PURE__ */ w("button", {
+								type: "button",
+								onClick: () => F("portfolio"),
+								className: t("flex-1 rounded-md px-4 py-2 text-sm font-medium transition-colors", P === "portfolio" ? "bg-bg-surface text-text-primary shadow-sm" : "text-text-secondary hover:text-text-primary"),
+								children: "My Investments"
 							}), /* @__PURE__ */ w("button", {
 								type: "button",
-								onClick: () => alert("Filter functionality coming soon!"),
-								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__ */ C(h, { className: "h-4 w-4" }), "Filter"]
+								onClick: () => F("opportunities"),
+								className: t("flex-1 rounded-md px-4 py-2 text-sm font-medium transition-colors", P === "opportunities" ? "bg-bg-surface text-text-primary shadow-sm" : "text-text-secondary hover:text-text-primary"),
+								children: "New Opportunities"
 							})]
-						}), P.length === 0 ? /* @__PURE__ */ w("div", {
-							className: "rounded-lg border border-dashed border-border-subtle p-8 text-center",
-							children: [
-								/* @__PURE__ */ C(p, { className: "mx-auto h-12 w-12 text-text-secondary opacity-20" }),
-								/* @__PURE__ */ C("p", {
-									className: "mt-2 text-sm text-text-secondary",
-									children: "No active investments found."
-								}),
-								/* @__PURE__ */ C("button", {
+						}),
+						P === "portfolio" && /* @__PURE__ */ T("div", {
+							className: "space-y-4",
+							children: [/* @__PURE__ */ T("div", {
+								className: "flex items-center justify-between",
+								children: [/* @__PURE__ */ w("h3", {
+									className: "text-base font-semibold text-text-primary",
+									children: "Active Investments"
+								}), /* @__PURE__ */ T("button", {
+									type: "button",
+									onClick: () => alert("Filter functionality coming soon!"),
+									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__ */ w(h, { className: "h-4 w-4" }), "Filter"]
+								})]
+							}), R.length === 0 ? /* @__PURE__ */ w(i, {
+								illustration: "empty-data",
+								title: "No active investments found",
+								description: "You haven't invested in any businesses yet. Explore opportunities to put your money to work.",
+								action: /* @__PURE__ */ w("button", {
 									type: "button",
-									onClick: () => j("opportunities"),
-									className: "mt-4 text-sm font-medium text-primary hover:underline",
+									onClick: () => F("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"
 								})
-							]
-						}) : P.map((e) => /* @__PURE__ */ w("div", {
-							className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm hover:shadow-md transition-shadow",
-							children: [/* @__PURE__ */ w("div", {
-								className: "flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between",
-								children: [/* @__PURE__ */ w("div", {
-									className: "flex-1",
-									children: [/* @__PURE__ */ w("div", {
-										className: "mb-2 flex flex-wrap items-center gap-2",
-										children: [/* @__PURE__ */ C("h4", {
-											className: "text-base font-semibold text-text-primary",
-											children: e.cartName
-										}), /* @__PURE__ */ C("span", {
-											className: t("rounded-full px-2 py-0.5 text-xs font-medium", D(e.status)),
-											children: e.status
+							}) : R.map((e) => /* @__PURE__ */ T("div", {
+								className: "rounded-lg border border-border-seam bg-bg-surface p-4 hover:shadow-md transition-shadow bg-gloss-card shadow-pop",
+								children: [/* @__PURE__ */ T("div", {
+									className: "flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between",
+									children: [/* @__PURE__ */ T("div", {
+										className: "flex-1",
+										children: [/* @__PURE__ */ T("div", {
+											className: "mb-2 flex flex-wrap items-center gap-2",
+											children: [/* @__PURE__ */ w("h4", {
+												className: "text-base font-semibold text-text-primary",
+												children: e.cartName
+											}), /* @__PURE__ */ w("span", {
+												className: t("rounded-full px-2 py-0.5 text-xs font-medium", j(e.status)),
+												children: e.status
+											})]
+										}), /* @__PURE__ */ T("div", {
+											className: "mb-3 flex flex-wrap items-center gap-3 text-xs text-text-secondary",
+											children: [/* @__PURE__ */ T("span", {
+												className: "flex items-center gap-1",
+												children: [/* @__PURE__ */ w(v, { className: "h-3.5 w-3.5" }), "India"]
+											}), /* @__PURE__ */ w("span", { children: "Services" })]
 										})]
-									}), /* @__PURE__ */ w("div", {
-										className: "mb-3 flex flex-wrap items-center gap-3 text-xs text-text-secondary",
-										children: [/* @__PURE__ */ w("span", {
-											className: "flex items-center gap-1",
-											children: [/* @__PURE__ */ C(v, { className: "h-3.5 w-3.5" }), "India"]
-										}), /* @__PURE__ */ C("span", { children: "Services" })]
+									}), /* @__PURE__ */ T("button", {
+										type: "button",
+										onClick: () => M(`/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__ */ w(m, { className: "h-4 w-4" }), "View Details"]
 									})]
-								}), /* @__PURE__ */ w("button", {
+								}), /* @__PURE__ */ T("div", {
+									className: "grid grid-cols-2 gap-3 sm:grid-cols-4",
+									children: [
+										/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+											className: "text-xs text-text-secondary",
+											children: "Invested"
+										}), /* @__PURE__ */ w("p", {
+											className: "text-sm font-semibold text-text-primary",
+											children: s(e.investedAmount, { minimumFractionDigits: 0 })
+										})] }),
+										/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+											className: "text-xs text-text-secondary",
+											children: "Current Value"
+										}), /* @__PURE__ */ w("p", {
+											className: "text-sm font-semibold text-status-success-text",
+											children: s(e.currentValue, { minimumFractionDigits: 0 })
+										})] }),
+										/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+											className: "text-xs text-text-secondary",
+											children: "Returns"
+										}), /* @__PURE__ */ w("p", {
+											className: "text-sm font-semibold text-text-primary",
+											children: s(e.returns, { minimumFractionDigits: 0 })
+										})] }),
+										/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+											className: "text-xs text-text-secondary",
+											children: "Growth"
+										}), /* @__PURE__ */ T("p", {
+											className: "text-sm font-semibold text-status-success-text",
+											children: [e.returnsPercentage, "%"]
+										})] })
+									]
+								})]
+							}, e.id))]
+						}),
+						P === "opportunities" && /* @__PURE__ */ T("div", {
+							className: "space-y-4",
+							children: [/* @__PURE__ */ T("div", {
+								className: "flex items-center justify-between",
+								children: [/* @__PURE__ */ w("h3", {
+									className: "text-base font-semibold text-text-primary",
+									children: "Investment Opportunities"
+								}), /* @__PURE__ */ T("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__ */ C(m, { className: "h-4 w-4" }), "View Details"]
+									onClick: () => M("/investor/opportunities"),
+									className: "flex items-center gap-2 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: [/* @__PURE__ */ w(b, { className: "h-4 w-4" }), "Browse All"]
 								})]
 							}), /* @__PURE__ */ w("div", {
-								className: "grid grid-cols-2 gap-3 sm:grid-cols-4",
-								children: [
-									/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
-										className: "text-xs text-text-secondary",
-										children: "Invested"
-									}), /* @__PURE__ */ C("p", {
-										className: "text-sm font-semibold text-text-primary",
-										children: o(e.investedAmount, { minimumFractionDigits: 0 })
-									})] }),
-									/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
-										className: "text-xs text-text-secondary",
-										children: "Current Value"
-									}), /* @__PURE__ */ C("p", {
-										className: "text-sm font-semibold text-green-600 dark:text-green-400",
-										children: o(e.currentValue, { minimumFractionDigits: 0 })
-									})] }),
-									/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
-										className: "text-xs text-text-secondary",
-										children: "Returns"
-									}), /* @__PURE__ */ C("p", {
-										className: "text-sm font-semibold text-text-primary",
-										children: o(e.returns, { minimumFractionDigits: 0 })
-									})] }),
-									/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
-										className: "text-xs text-text-secondary",
-										children: "Growth"
-									}), /* @__PURE__ */ w("p", {
-										className: "text-sm font-semibold text-green-600 dark:text-green-400",
-										children: [e.returnsPercentage, "%"]
-									})] })
-								]
+								className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+								children: V.slice(0, 2).map((e) => /* @__PURE__ */ w(c, {
+									id: e.id,
+									cartName: e.cartName,
+									targetAmount: e.targetAmount,
+									raisedAmount: e.raisedAmount,
+									expectedReturns: `${e.expectedReturns}%`,
+									riskLevel: e.riskLevel,
+									status: e.status,
+									onClick: (e) => M(`/investor/opportunities/${e}`)
+								}, e.id))
 							})]
-						}, e.id))]
-					}),
-					A === "opportunities" && /* @__PURE__ */ w("div", {
-						className: "space-y-4",
-						children: [/* @__PURE__ */ w("div", {
-							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ C("h3", {
-								className: "text-base font-semibold text-text-primary",
-								children: "Investment Opportunities"
-							}), /* @__PURE__ */ w("button", {
-								type: "button",
-								onClick: () => O("/investor/opportunities"),
-								className: "flex items-center gap-2 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: [/* @__PURE__ */ C(b, { className: "h-4 w-4" }), "Browse All"]
-							})]
-						}), /* @__PURE__ */ C("div", {
-							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-							children: L.slice(0, 2).map((e) => /* @__PURE__ */ C(s, {
-								id: e.id,
-								cartName: e.cartName,
-								targetAmount: e.targetAmount,
-								raisedAmount: e.raisedAmount,
-								expectedReturns: `${e.expectedReturns}%`,
-								riskLevel: e.riskLevel,
-								status: e.status,
-								onClick: (e) => O(`/investor/opportunities/${e}`)
-							}, e.id))
-						})]
-					}),
-					/* @__PURE__ */ w("section", {
-						className: "mt-8",
-						children: [/* @__PURE__ */ C("h2", {
-							className: "mb-4 text-lg font-semibold text-text-primary",
-							children: "Recent Activity"
-						}), /* @__PURE__ */ C("div", {
-							className: "divide-y divide-border rounded-lg border border-border-subtle bg-bg-surface",
-							children: E.map((e) => /* @__PURE__ */ w("div", {
-								className: "flex items-center justify-between px-4 py-3",
-								children: [/* @__PURE__ */ w("div", {
-									className: "flex items-center gap-3",
-									children: [/* @__PURE__ */ C("div", {
-										className: t("flex h-8 w-8 items-center justify-center rounded-full", e.amount > 0 ? "bg-green-500/10" : "bg-bg-sunken"),
-										children: /* @__PURE__ */ C(u, { className: t("h-4 w-4", e.amount > 0 ? "text-green-600 dark:text-green-400" : "text-text-secondary") })
-									}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
-										className: "text-sm font-medium text-text-primary",
-										children: e.description
-									}), /* @__PURE__ */ C("p", {
-										className: "text-xs text-text-secondary",
-										children: new Date(e.date).toLocaleDateString("en-IN", {
-											day: "numeric",
-											month: "short",
-											year: "numeric"
-										})
-									})] })]
-								}), /* @__PURE__ */ w("span", {
-									className: t("text-sm font-semibold", e.amount > 0 ? "text-green-600 dark:text-green-400" : "text-text-primary"),
-									children: [e.amount > 0 ? "+" : "", o(Math.abs(e.amount), { minimumFractionDigits: 0 })]
-								})]
-							}, e.id))
-						})]
-					})
-				]
-			}), /* @__PURE__ */ w("div", {
-				className: "space-y-6",
-				children: [
-					/* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
-						children: [/* @__PURE__ */ w("div", {
-							className: "mb-3 flex items-center gap-2",
-							children: [/* @__PURE__ */ C(_, { className: "h-5 w-5 text-yellow-500" }), /* @__PURE__ */ C("h3", {
-								className: "text-base font-semibold text-text-primary",
-								children: "AI Insights"
-							})]
-						}), /* @__PURE__ */ C("div", {
-							className: "space-y-3",
-							children: T.map((e) => /* @__PURE__ */ w("div", {
-								className: "rounded-lg border border-border-subtle bg-bg-sunken/50 p-3",
-								children: [/* @__PURE__ */ w("div", {
-									className: "mb-1 flex items-center justify-between",
-									children: [/* @__PURE__ */ C("h4", {
-										className: "text-xs font-semibold text-text-primary",
-										children: e.title
-									}), /* @__PURE__ */ w("span", {
-										className: "rounded-full bg-action-primary-bg/10 px-2 py-0.5 text-xs font-medium text-primary",
-										children: [e.confidence, "%"]
+						}),
+						/* @__PURE__ */ T("section", {
+							className: "mt-8",
+							children: [/* @__PURE__ */ w("h2", {
+								className: "mb-4 text-lg font-semibold text-text-primary",
+								children: "Recent Activity"
+							}), /* @__PURE__ */ w("div", {
+								className: "divide-y divide-border rounded-lg border border-border-subtle bg-bg-surface",
+								children: A.map((e) => /* @__PURE__ */ T("div", {
+									className: "flex items-center justify-between px-4 py-3",
+									children: [/* @__PURE__ */ T("div", {
+										className: "flex items-center gap-3",
+										children: [/* @__PURE__ */ w("div", {
+											className: t("flex h-8 w-8 items-center justify-center rounded-full", e.amount > 0 ? "bg-status-success-bg-subtle/10" : "bg-bg-sunken"),
+											children: /* @__PURE__ */ w(d, { className: t("h-4 w-4", e.amount > 0 ? "text-status-success-text" : "text-text-secondary") })
+										}), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+											className: "text-sm font-medium text-text-primary",
+											children: e.description
+										}), /* @__PURE__ */ w("p", {
+											className: "text-xs text-text-secondary",
+											children: new Date(e.date).toLocaleDateString("en-IN", {
+												day: "numeric",
+												month: "short",
+												year: "numeric"
+											})
+										})] })]
+									}), /* @__PURE__ */ T("span", {
+										className: t("text-sm font-semibold", e.amount > 0 ? "text-status-success-text" : "text-text-primary"),
+										children: [e.amount > 0 ? "+" : "", s(Math.abs(e.amount), { minimumFractionDigits: 0 })]
 									})]
-								}), /* @__PURE__ */ C("p", {
-									className: "text-xs leading-relaxed text-text-secondary",
-									children: e.description
+								}, e.id))
+							})]
+						})
+					]
+				}), /* @__PURE__ */ T("div", {
+					className: "space-y-6",
+					children: [
+						/* @__PURE__ */ T("div", {
+							className: "rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
+							children: [/* @__PURE__ */ T("div", {
+								className: "mb-3 flex items-center gap-2",
+								children: [/* @__PURE__ */ w(_, { className: "h-5 w-5 text-status-warning-text" }), /* @__PURE__ */ w("h3", {
+									className: "text-base font-semibold text-text-primary",
+									children: "AI Insights"
 								})]
-							}, e.id))
-						})]
-					}),
-					/* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
-						children: [/* @__PURE__ */ C("h3", {
-							className: "mb-3 text-base font-semibold text-text-primary",
-							children: "Quick Actions"
-						}), /* @__PURE__ */ w("div", {
-							className: "space-y-2",
-							children: [
-								/* @__PURE__ */ w("button", {
-									type: "button",
-									onClick: () => O("/investor/portfolio"),
-									className: "flex w-full items-center gap-2 rounded-lg border border-border-subtle px-3 py-2.5 text-left text-sm font-medium text-text-primary hover:bg-accent transition-colors",
-									children: [/* @__PURE__ */ C(y, { className: "h-4 w-4 text-text-secondary" }), "View Full Portfolio"]
-								}),
-								/* @__PURE__ */ w("button", {
-									type: "button",
-									onClick: () => O("/investor/opportunities"),
-									className: "flex w-full items-center gap-2 rounded-lg border border-border-subtle px-3 py-2.5 text-left text-sm font-medium text-text-primary hover:bg-accent transition-colors",
-									children: [/* @__PURE__ */ C(x, { className: "h-4 w-4 text-text-secondary" }), "Browse Opportunities"]
-								}),
-								/* @__PURE__ */ w("button", {
-									type: "button",
-									onClick: () => O("/investor/analytics"),
-									className: "flex w-full items-center gap-2 rounded-lg border border-border-subtle px-3 py-2.5 text-left text-sm font-medium text-text-primary hover:bg-accent transition-colors",
-									children: [/* @__PURE__ */ C(f, { className: "h-4 w-4 text-text-secondary" }), "Investment Analytics"]
-								}),
-								/* @__PURE__ */ w("button", {
-									type: "button",
-									onClick: () => O("/investor/profile"),
-									className: "flex w-full items-center gap-2 rounded-lg border border-border-subtle px-3 py-2.5 text-left text-sm font-medium text-text-primary hover:bg-accent transition-colors",
-									children: [/* @__PURE__ */ C(d, { className: "h-4 w-4 text-text-secondary" }), "View Profile"]
-								})
-							]
-						})]
-					}),
-					/* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
-						children: [/* @__PURE__ */ C("h3", {
-							className: "mb-3 text-base font-semibold text-text-primary",
-							children: "Market Updates"
-						}), /* @__PURE__ */ w("div", {
-							className: "space-y-3",
-							children: [
-								/* @__PURE__ */ w("div", {
-									className: "border-l-4 border-green-500 pl-3",
-									children: [/* @__PURE__ */ C("h4", {
-										className: "text-xs font-semibold text-text-primary",
-										children: "Mobile Services Market Growing"
-									}), /* @__PURE__ */ C("p", {
-										className: "mt-1 text-xs leading-relaxed text-text-secondary",
-										children: "Mobile service industry shows 35% growth in Q4 2024"
-									})]
-								}),
-								/* @__PURE__ */ w("div", {
-									className: "border-l-4 border-blue-500 pl-3",
-									children: [/* @__PURE__ */ C("h4", {
-										className: "text-xs font-semibold text-text-primary",
-										children: "New Investment Tax Benefits"
-									}), /* @__PURE__ */ C("p", {
-										className: "mt-1 text-xs leading-relaxed text-text-secondary",
-										children: "Government announces SME investment incentives"
-									})]
-								}),
-								/* @__PURE__ */ w("div", {
-									className: "border-l-4 border-yellow-500 pl-3",
-									children: [/* @__PURE__ */ C("h4", {
-										className: "text-xs font-semibold text-text-primary",
-										children: "Home Services Demand Surge"
-									}), /* @__PURE__ */ C("p", {
-										className: "mt-1 text-xs leading-relaxed text-text-secondary",
-										children: "Cleaning and maintenance businesses up 25% this quarter"
+							}), /* @__PURE__ */ w("div", {
+								className: "space-y-3",
+								children: k.map((e) => /* @__PURE__ */ T("div", {
+									className: "rounded-lg border border-border-subtle bg-bg-sunken/50 p-3",
+									children: [/* @__PURE__ */ T("div", {
+										className: "mb-1 flex items-center justify-between",
+										children: [/* @__PURE__ */ w("h4", {
+											className: "text-xs font-semibold text-text-primary",
+											children: e.title
+										}), /* @__PURE__ */ T("span", {
+											className: "rounded-full bg-action-primary-bg/10 px-2 py-0.5 text-xs font-medium text-primary",
+											children: [e.confidence, "%"]
+										})]
+									}), /* @__PURE__ */ w("p", {
+										className: "text-xs leading-relaxed text-text-secondary",
+										children: e.description
 									})]
-								})
-							]
-						})]
-					})
-				]
-			})]
-		})]
+								}, e.id))
+							})]
+						}),
+						/* @__PURE__ */ T("div", {
+							className: "rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
+							children: [/* @__PURE__ */ w("h3", {
+								className: "mb-3 text-base font-semibold text-text-primary",
+								children: "Quick Actions"
+							}), /* @__PURE__ */ T("div", {
+								className: "space-y-2",
+								children: [
+									/* @__PURE__ */ T("button", {
+										type: "button",
+										onClick: () => M("/investor/portfolio"),
+										className: "flex w-full items-center gap-2 rounded-lg border border-border-subtle px-3 py-2.5 text-left text-sm font-medium text-text-primary hover:bg-accent transition-colors",
+										children: [/* @__PURE__ */ w(y, { className: "h-4 w-4 text-text-secondary" }), "View Full Portfolio"]
+									}),
+									/* @__PURE__ */ T("button", {
+										type: "button",
+										onClick: () => M("/investor/opportunities"),
+										className: "flex w-full items-center gap-2 rounded-lg border border-border-subtle px-3 py-2.5 text-left text-sm font-medium text-text-primary hover:bg-accent transition-colors",
+										children: [/* @__PURE__ */ w(x, { className: "h-4 w-4 text-text-secondary" }), "Browse Opportunities"]
+									}),
+									/* @__PURE__ */ T("button", {
+										type: "button",
+										onClick: () => M("/investor/analytics"),
+										className: "flex w-full items-center gap-2 rounded-lg border border-border-subtle px-3 py-2.5 text-left text-sm font-medium text-text-primary hover:bg-accent transition-colors",
+										children: [/* @__PURE__ */ w(p, { className: "h-4 w-4 text-text-secondary" }), "Investment Analytics"]
+									}),
+									/* @__PURE__ */ T("button", {
+										type: "button",
+										onClick: () => M("/investor/profile"),
+										className: "flex w-full items-center gap-2 rounded-lg border border-border-subtle px-3 py-2.5 text-left text-sm font-medium text-text-primary hover:bg-accent transition-colors",
+										children: [/* @__PURE__ */ w(f, { className: "h-4 w-4 text-text-secondary" }), "View Profile"]
+									})
+								]
+							})]
+						}),
+						/* @__PURE__ */ T("div", {
+							className: "rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
+							children: [/* @__PURE__ */ w("h3", {
+								className: "mb-3 text-base font-semibold text-text-primary",
+								children: "Market Updates"
+							}), /* @__PURE__ */ T("div", {
+								className: "space-y-3",
+								children: [
+									/* @__PURE__ */ T("div", {
+										className: "border-l-4 border-status-success-border pl-3",
+										children: [/* @__PURE__ */ w("h4", {
+											className: "text-xs font-semibold text-text-primary",
+											children: "Mobile Services Market Growing"
+										}), /* @__PURE__ */ w("p", {
+											className: "mt-1 text-xs leading-relaxed text-text-secondary",
+											children: "Mobile service industry shows 35% growth in Q4 2024"
+										})]
+									}),
+									/* @__PURE__ */ T("div", {
+										className: "border-l-4 border-accent-blue-subtle pl-3",
+										children: [/* @__PURE__ */ w("h4", {
+											className: "text-xs font-semibold text-text-primary",
+											children: "New Investment Tax Benefits"
+										}), /* @__PURE__ */ w("p", {
+											className: "mt-1 text-xs leading-relaxed text-text-secondary",
+											children: "Government announces SME investment incentives"
+										})]
+									}),
+									/* @__PURE__ */ T("div", {
+										className: "border-l-4 border-status-warning-border pl-3",
+										children: [/* @__PURE__ */ w("h4", {
+											className: "text-xs font-semibold text-text-primary",
+											children: "Home Services Demand Surge"
+										}), /* @__PURE__ */ w("p", {
+											className: "mt-1 text-xs leading-relaxed text-text-secondary",
+											children: "Cleaning and maintenance businesses up 25% this quarter"
+										})]
+									})
+								]
+							})]
+						})
+					]
+				})]
+			})
+		]
 	});
 }
 //#endregion
-export { O as InvestorDashboard };
+export { M as InvestorDashboard };
 
 //# sourceMappingURL=InvestorDashboard.js.map