@burdenoff/microfe-subscriberbot 2026.624.1 → 2026.626.1

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

@@ -2,14 +2,16 @@ import { useSubscriberBot as e } from "../../context/SubscriberBotContext.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/useSubscriberBotApi.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/useSubscriberBotApi.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, Briefcase as m, Eye as h, Filter as g, IndianRupee as _, Lightbulb as v, MapPin as y, PieChart as b, Plus as x, Target 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/subscriberbot/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/20 text-status-success-text";
+		case "pending": return "bg-status-warning-bg/20 text-status-warning-text";
+		case "completed": return "bg-status-info-bg/20 text-status-info-text";
 		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,371 @@ 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",
+		titleGradient: !0,
+		children: [
+			/* @__PURE__ */ w(O, {
+				icon: /* @__PURE__ */ w(m, { className: "h-4 w-4" }),
+				className: "mb-6",
+				children: "Your investment home base. Back promising local carts in exchange for equity, then watch your money grow — track total invested, current value, returns and monthly income at a glance. Browse new opportunities, dig into any holding, and let the AI insights flag businesses worth a closer look."
+			}),
+			/* @__PURE__ */ w(D, {
+				storageKey: "subscriberbot-investor-dashboard",
+				steps: [
+					{
+						id: "browse-opps",
+						label: "Explore new opportunities",
+						description: "Find local carts seeking investment that match your goals.",
+						icon: /* @__PURE__ */ w(S, { className: "h-4 w-4" }),
+						onClick: () => M("/investor/opportunities")
+					},
+					{
+						id: "review-portfolio",
+						label: "Review your portfolio",
+						description: "Check how each of your holdings is performing.",
+						icon: /* @__PURE__ */ w(b, { className: "h-4 w-4" }),
+						onClick: () => M("/investor/portfolio")
+					},
+					{
+						id: "check-analytics",
+						label: "Analyse your returns",
+						description: "See trends in income and ROI across your investments.",
+						icon: /* @__PURE__ */ w(p, { className: "h-4 w-4" }),
+						onClick: () => M("/investor/analytics")
+					}
+				]
+			}),
+			/* @__PURE__ */ T(E, { 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("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"
-						})]
+					/* @__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(_, { className: "h-5 w-5" }),
+						value: s(H.currentValue, { minimumFractionDigits: 0 }),
+						label: "Current Value",
+						trend: "up",
+						trendValue: `+${H.roi.toFixed(1)}%`
 					}),
-					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"
+					/* @__PURE__ */ w(r, {
+						icon: /* @__PURE__ */ w(S, { 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-seam px-3 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
+									children: [/* @__PURE__ */ w(g, { className: "h-4 w-4" }), "Filter"]
+								})]
+							}), R.length === 0 ? /* @__PURE__ */ w(i, {
+								illustration: "empty-data",
+								title: "No active investments yet",
+								description: "You haven't backed any carts so far. Browse opportunities to make your first investment and start building your portfolio.",
+								action: /* @__PURE__ */ T("button", {
 									type: "button",
-									onClick: () => j("opportunities"),
-									className: "mt-4 text-sm font-medium text-primary hover:underline",
-									children: "Browse opportunities"
+									onClick: () => F("opportunities"),
+									className: "inline-flex items-center gap-2 rounded-md bg-accent px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent/80 transition-colors",
+									children: [/* @__PURE__ */ w(S, { className: "h-4 w-4" }), "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 shadow-sm hover:shadow-md transition-shadow",
+								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(y, { 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-seam 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" }), "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(x, { 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-seam 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/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",
+							children: [/* @__PURE__ */ T("div", {
+								className: "mb-3 flex items-center gap-2",
+								children: [/* @__PURE__ */ w(v, { 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-seam 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",
+							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-seam px-3 py-2.5 text-left text-sm font-medium text-text-primary hover:bg-accent transition-colors",
+										children: [/* @__PURE__ */ w(b, { 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-seam px-3 py-2.5 text-left text-sm font-medium text-text-primary hover:bg-accent transition-colors",
+										children: [/* @__PURE__ */ w(S, { 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-seam 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-seam 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",
+							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-status-info-border 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