@burdenoff/microfe-subscriberbot 2026.624.1 → 2026.626.1

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

@@ -6,8 +6,9 @@ import { formatCurrency as i } from "../../utils/formatters.js";
 import { useCallback as a, useEffect as o, useState as s } from "react";
 import { Activity as c, ArrowDown as l, ArrowUp as u, BarChart3 as d, Calendar as f, Download as p, Lightbulb as m, PieChart as h, Shield as g, Target 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";
 //#region src/subscriberbot/pages/investor/InvestorAnalyticsPage.tsx
-var S = {
+var w = {
 	portfolioMetrics: {
 		totalValue: 283700,
 		totalInvested: 255e3,
@@ -131,51 +132,51 @@ var S = {
 		]
 	}
 };
-function C(e) {
+function T(e) {
 	return e <= 2 ? {
 		label: "Low Risk",
-		color: "text-green-600 dark:text-green-400"
+		color: "text-status-success-text"
 	} : e <= 4 ? {
 		label: "Moderate Risk",
-		color: "text-yellow-600 dark:text-yellow-400"
+		color: "text-status-warning-text"
 	} : {
 		label: "High Risk",
-		color: "text-red-600 dark:text-red-400"
+		color: "text-status-error-text"
 	};
 }
-function w(e) {
-	return e <= 2 ? "bg-green-500" : e <= 4 ? "bg-yellow-500" : "bg-red-500";
+function E(e) {
+	return e <= 2 ? "bg-status-success-text" : e <= 4 ? "bg-status-warning-text" : "bg-status-error-text";
 }
-function T(e) {
+function D(e) {
 	return e >= 8 ? {
 		label: "Well Diversified",
-		color: "text-green-600 dark:text-green-400"
+		color: "text-status-success-text"
 	} : e >= 6 ? {
 		label: "Moderately Diversified",
-		color: "text-yellow-600 dark:text-yellow-400"
+		color: "text-status-warning-text"
 	} : {
 		label: "Poorly Diversified",
-		color: "text-red-600 dark:text-red-400"
+		color: "text-status-error-text"
 	};
 }
-function E(e) {
-	return e >= 8 ? "bg-green-500" : e >= 6 ? "bg-yellow-500" : "bg-red-500";
+function O(e) {
+	return e >= 8 ? "bg-status-success-text" : e >= 6 ? "bg-status-warning-text" : "bg-status-error-text";
 }
-function D() {
-	let { navigateTo: D } = e(), [O, k] = s(!0), [A, j] = s("6m"), [M, N] = s(null), [P, F] = s("idle");
+function k() {
+	let { navigateTo: k } = e(), [A, j] = s(!0), [M, N] = s("6m"), [P, F] = s(null), [I, L] = s("idle");
 	o(() => {
-		k(!0);
+		j(!0);
 		let e = setTimeout(() => {
-			N(S), k(!1);
+			F(w), j(!1);
 		}, 600);
 		return () => clearTimeout(e);
-	}, [A]);
-	let I = a(() => {
-		F("exporting"), setTimeout(() => {
-			F("done"), setTimeout(() => F("idle"), 2e3);
+	}, [M]);
+	let R = a(() => {
+		L("exporting"), setTimeout(() => {
+			L("done"), setTimeout(() => L("idle"), 2e3);
 		}, 1200);
 	}, []);
-	if (O || !M) return /* @__PURE__ */ b(n, {
+	if (A || !P) return /* @__PURE__ */ b(n, {
 		title: "Investment Analytics",
 		description: "Loading analytics...",
 		children: /* @__PURE__ */ b("div", {
@@ -189,16 +190,16 @@ function D() {
 			})
 		})
 	});
-	let L = C(M.riskAnalysis.riskScore), R = T(M.riskAnalysis.diversificationScore), z = [...M.performanceByCart].sort((e, t) => t.roi - e.roi);
+	let z = T(P.riskAnalysis.riskScore), B = D(P.riskAnalysis.diversificationScore), V = [...P.performanceByCart].sort((e, t) => t.roi - e.roi);
 	return /* @__PURE__ */ x(n, {
 		title: "Investment Analytics",
 		description: "Comprehensive analysis of your portfolio performance",
 		actions: /* @__PURE__ */ x("div", {
 			className: "flex items-center gap-3",
 			children: [/* @__PURE__ */ x("select", {
-				value: A,
-				onChange: (e) => j(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)]",
+				value: M,
+				onChange: (e) => N(e.target.value),
+				className: "rounded-lg border border-border-seam 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: "1m",
@@ -223,71 +224,76 @@ function D() {
 				]
 			}), /* @__PURE__ */ x("button", {
 				type: "button",
-				onClick: I,
-				disabled: P === "exporting",
-				className: t("flex items-center gap-2 rounded-lg px-4 py-2 text-sm font-medium transition-colors", P === "exporting" ? "cursor-not-allowed bg-bg-sunken text-text-secondary" : P === "done" ? "bg-green-600 text-white" : "bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90"),
-				children: [/* @__PURE__ */ b(p, { className: "h-4 w-4" }), P === "exporting" ? "Exporting..." : P === "done" ? "Exported!" : "Export Report"]
+				onClick: R,
+				disabled: I === "exporting",
+				className: t("flex items-center gap-2 rounded-lg px-4 py-2 text-sm font-medium transition-colors", I === "exporting" ? "cursor-not-allowed bg-bg-sunken text-text-secondary" : I === "done" ? "bg-status-success-text text-text-inverse" : "bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90"),
+				children: [/* @__PURE__ */ b(p, { className: "h-4 w-4" }), I === "exporting" ? "Exporting..." : I === "done" ? "Exported!" : "Export Report"]
 			})]
 		}),
 		children: [
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ b(C, {
+				icon: /* @__PURE__ */ b(d, { className: "h-4 w-4" }),
+				className: "mb-6",
+				children: "The analytical lens on your investing. Track portfolio value and growth, average ROI and your overall risk score, then see which carts are your best and worst performers. Adjust the date range to study trends, and export a report when you want to review your strategy or share it with an advisor."
+			}),
+			/* @__PURE__ */ x(S, {
 				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: i(M.portfolioMetrics.totalValue, { minimumFractionDigits: 0 }),
+						value: i(P.portfolioMetrics.totalValue, { minimumFractionDigits: 0 }),
 						label: "Portfolio Value",
 						trend: "up",
-						trendValue: `+${M.portfolioMetrics.portfolioGrowth}% total growth`
+						trendValue: `+${P.portfolioMetrics.portfolioGrowth}% total growth`
 					}),
 					/* @__PURE__ */ b(r, {
 						icon: /* @__PURE__ */ b(v, { className: "h-5 w-5" }),
-						value: i(M.portfolioMetrics.totalReturns, { minimumFractionDigits: 0 }),
+						value: i(P.portfolioMetrics.totalReturns, { minimumFractionDigits: 0 }),
 						label: "Total Returns",
 						trend: "up",
 						trendValue: "Profit earned so far"
 					}),
 					/* @__PURE__ */ b(r, {
 						icon: /* @__PURE__ */ b(_, { className: "h-5 w-5" }),
-						value: `${M.portfolioMetrics.averageRoi}%`,
+						value: `${P.portfolioMetrics.averageRoi}%`,
 						label: "Average ROI",
 						trend: "up",
 						trendValue: "Across all investments"
 					}),
 					/* @__PURE__ */ b(r, {
 						icon: /* @__PURE__ */ b(c, { className: "h-5 w-5" }),
-						value: `${M.riskAnalysis.riskScore}/5`,
+						value: `${P.riskAnalysis.riskScore}/5`,
 						label: "Risk Score",
 						trend: "neutral",
-						trendValue: L.label
+						trendValue: z.label
 					})
 				]
 			}),
 			/* @__PURE__ */ x("div", {
 				className: "mt-4 grid grid-cols-1 gap-4 sm:grid-cols-2",
 				children: [/* @__PURE__ */ x("div", {
-					className: "flex items-center gap-3 rounded-lg border border-border-subtle bg-bg-surface p-4",
+					className: "flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface p-4",
 					children: [/* @__PURE__ */ b("div", {
-						className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-green-500/10",
-						children: /* @__PURE__ */ b(u, { className: "h-5 w-5 text-green-600 dark:text-green-400" })
+						className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-status-success-bg/10",
+						children: /* @__PURE__ */ b(u, { className: "h-5 w-5 text-status-success-text" })
 					}), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
 						className: "text-xs text-text-secondary",
 						children: "Best Performing"
 					}), /* @__PURE__ */ b("p", {
-						className: "text-sm font-semibold text-green-600 dark:text-green-400",
-						children: M.portfolioMetrics.bestPerforming
+						className: "text-sm font-semibold text-status-success-text",
+						children: P.portfolioMetrics.bestPerforming
 					})] })]
 				}), /* @__PURE__ */ x("div", {
-					className: "flex items-center gap-3 rounded-lg border border-border-subtle bg-bg-surface p-4",
+					className: "flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface p-4",
 					children: [/* @__PURE__ */ b("div", {
-						className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-red-500/10",
-						children: /* @__PURE__ */ b(l, { className: "h-5 w-5 text-red-600 dark:text-red-400" })
+						className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-status-error-bg/10",
+						children: /* @__PURE__ */ b(l, { className: "h-5 w-5 text-status-error-text" })
 					}), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
 						className: "text-xs text-text-secondary",
 						children: "Worst Performing"
 					}), /* @__PURE__ */ b("p", {
 						className: "text-sm font-semibold text-text-primary",
-						children: M.portfolioMetrics.worstPerforming
+						children: P.portfolioMetrics.worstPerforming
 					})] })]
 				})]
 			}),
@@ -301,8 +307,8 @@ function D() {
 					})]
 				}), /* @__PURE__ */ b("div", {
 					className: "space-y-3",
-					children: z.map((e, n) => /* @__PURE__ */ x("div", {
-						className: "flex items-center justify-between rounded-lg border border-border-subtle bg-bg-surface p-3",
+					children: V.map((e, n) => /* @__PURE__ */ x("div", {
+						className: "flex items-center justify-between rounded-lg border border-border-seam bg-bg-surface p-3",
 						children: [/* @__PURE__ */ x("div", {
 							className: "flex items-center gap-3",
 							children: [/* @__PURE__ */ b("div", {
@@ -318,10 +324,10 @@ function D() {
 						}), /* @__PURE__ */ x("div", {
 							className: "text-right",
 							children: [/* @__PURE__ */ x("p", {
-								className: t("text-sm font-semibold", e.returns >= 0 ? "text-green-600 dark:text-green-400" : "text-red-600 dark:text-red-400"),
+								className: t("text-sm font-semibold", e.returns >= 0 ? "text-status-success-text" : "text-status-error-text"),
 								children: [e.returns >= 0 ? "+" : "", i(e.returns, { minimumFractionDigits: 0 })]
 							}), /* @__PURE__ */ x("p", {
-								className: t("text-xs", e.roi >= 0 ? "text-green-600 dark:text-green-400" : "text-red-600 dark:text-red-400"),
+								className: t("text-xs", e.roi >= 0 ? "text-status-success-text" : "text-status-error-text"),
 								children: [
 									e.roi >= 0 ? "+" : "",
 									e.roi,
@@ -338,8 +344,8 @@ function D() {
 					})]
 				}), /* @__PURE__ */ b("div", {
 					className: "space-y-4",
-					children: M.performanceByCategory.map((e) => /* @__PURE__ */ x("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-3",
+					children: P.performanceByCategory.map((e) => /* @__PURE__ */ x("div", {
+						className: "rounded-lg border border-border-seam bg-bg-surface p-3",
 						children: [
 							/* @__PURE__ */ x("div", {
 								className: "mb-2 flex items-center justify-between",
@@ -364,7 +370,7 @@ function D() {
 									className: "text-xs text-text-secondary",
 									children: [i(e.investedAmount, { minimumFractionDigits: 0 }), " invested"]
 								}), /* @__PURE__ */ x("span", {
-									className: t("text-xs font-semibold", e.returns >= 0 ? "text-green-600 dark:text-green-400" : "text-red-600 dark:text-red-400"),
+									className: t("text-xs font-semibold", e.returns >= 0 ? "text-status-success-text" : "text-status-error-text"),
 									children: [e.returns >= 0 ? "+" : "", i(e.returns, { minimumFractionDigits: 0 })]
 								})]
 							})
@@ -381,13 +387,13 @@ function D() {
 						children: "Portfolio Growth Trend"
 					})]
 				}), /* @__PURE__ */ b("div", {
-					className: "overflow-hidden rounded-lg border border-border-subtle bg-bg-surface",
+					className: "overflow-hidden rounded-lg border border-border-seam bg-bg-surface",
 					children: /* @__PURE__ */ b("div", {
 						className: "overflow-x-auto",
 						children: /* @__PURE__ */ x("table", {
 							className: "w-full",
 							children: [/* @__PURE__ */ b("thead", { children: /* @__PURE__ */ x("tr", {
-								className: "border-b border-border-subtle bg-bg-sunken/50",
+								className: "border-b border-border-seam bg-bg-sunken/50",
 								children: [
 									/* @__PURE__ */ b("th", {
 										className: "px-4 py-3 text-left text-xs font-medium uppercase tracking-wider text-text-secondary sm:px-6",
@@ -412,7 +418,7 @@ function D() {
 								]
 							}) }), /* @__PURE__ */ b("tbody", {
 								className: "divide-y divide-border",
-								children: M.monthlyPerformance.map((e) => {
+								children: P.monthlyPerformance.map((e) => {
 									let n = e.invested > 0 ? ((e.value - e.invested) / e.invested * 100).toFixed(1) : "0.0";
 									return /* @__PURE__ */ x("tr", {
 										className: "hover:bg-accent/50 transition-colors",
@@ -432,14 +438,14 @@ function D() {
 											/* @__PURE__ */ b("td", {
 												className: "whitespace-nowrap px-4 py-4 text-sm sm:px-6",
 												children: /* @__PURE__ */ x("span", {
-													className: t("font-semibold", e.returns >= 0 ? "text-green-600 dark:text-green-400" : "text-red-600 dark:text-red-400"),
+													className: t("font-semibold", e.returns >= 0 ? "text-status-success-text" : "text-status-error-text"),
 													children: [e.returns >= 0 ? "+" : "", i(e.returns, { minimumFractionDigits: 0 })]
 												})
 											}),
 											/* @__PURE__ */ b("td", {
 												className: "whitespace-nowrap px-4 py-4 text-sm sm:px-6",
 												children: /* @__PURE__ */ x("span", {
-													className: t("font-medium", parseFloat(n) >= 0 ? "text-green-600 dark:text-green-400" : "text-red-600 dark:text-red-400"),
+													className: t("font-medium", parseFloat(n) >= 0 ? "text-status-success-text" : "text-status-error-text"),
 													children: [
 														parseFloat(n) >= 0 ? "+" : "",
 														n,
@@ -464,7 +470,7 @@ function D() {
 						children: "Risk Analysis"
 					})]
 				}), /* @__PURE__ */ b("div", {
-					className: "rounded-lg border border-border-subtle bg-bg-surface p-4 sm:p-6",
+					className: "rounded-lg border border-border-seam bg-bg-surface p-4 sm:p-6",
 					children: /* @__PURE__ */ x("div", {
 						className: "space-y-5",
 						children: [
@@ -474,19 +480,19 @@ function D() {
 									className: "text-sm text-text-primary",
 									children: "Risk Score"
 								}), /* @__PURE__ */ x("span", {
-									className: t("text-sm font-semibold", L.color),
+									className: t("text-sm font-semibold", z.color),
 									children: [
-										M.riskAnalysis.riskScore,
+										P.riskAnalysis.riskScore,
 										"/5 (",
-										L.label,
+										z.label,
 										")"
 									]
 								})]
 							}), /* @__PURE__ */ b("div", {
 								className: "h-3 w-full overflow-hidden rounded-full bg-bg-sunken",
 								children: /* @__PURE__ */ b("div", {
-									className: t("h-full rounded-full transition-all duration-300", w(M.riskAnalysis.riskScore)),
-									style: { width: `${M.riskAnalysis.riskScore / 5 * 100}%` }
+									className: t("h-full rounded-full transition-all duration-300", E(P.riskAnalysis.riskScore)),
+									style: { width: `${P.riskAnalysis.riskScore / 5 * 100}%` }
 								})
 							})] }),
 							/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("div", {
@@ -495,19 +501,19 @@ function D() {
 									className: "text-sm text-text-primary",
 									children: "Diversification"
 								}), /* @__PURE__ */ x("span", {
-									className: t("text-sm font-semibold", R.color),
+									className: t("text-sm font-semibold", B.color),
 									children: [
-										M.riskAnalysis.diversificationScore,
+										P.riskAnalysis.diversificationScore,
 										"/10 (",
-										R.label,
+										B.label,
 										")"
 									]
 								})]
 							}), /* @__PURE__ */ b("div", {
 								className: "h-3 w-full overflow-hidden rounded-full bg-bg-sunken",
 								children: /* @__PURE__ */ b("div", {
-									className: t("h-full rounded-full transition-all duration-300", E(M.riskAnalysis.diversificationScore)),
-									style: { width: `${M.riskAnalysis.diversificationScore / 10 * 100}%` }
+									className: t("h-full rounded-full transition-all duration-300", O(P.riskAnalysis.diversificationScore)),
+									style: { width: `${P.riskAnalysis.diversificationScore / 10 * 100}%` }
 								})
 							})] }),
 							/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("div", {
@@ -516,23 +522,23 @@ function D() {
 									className: "text-sm text-text-primary",
 									children: "Volatility"
 								}), /* @__PURE__ */ x("span", {
-									className: t("text-sm font-semibold", C(M.riskAnalysis.volatilityScore).color),
-									children: [M.riskAnalysis.volatilityScore, "/5"]
+									className: t("text-sm font-semibold", T(P.riskAnalysis.volatilityScore).color),
+									children: [P.riskAnalysis.volatilityScore, "/5"]
 								})]
 							}), /* @__PURE__ */ b("div", {
 								className: "h-3 w-full overflow-hidden rounded-full bg-bg-sunken",
 								children: /* @__PURE__ */ b("div", {
-									className: t("h-full rounded-full transition-all duration-300", w(M.riskAnalysis.volatilityScore)),
-									style: { width: `${M.riskAnalysis.volatilityScore / 5 * 100}%` }
+									className: t("h-full rounded-full transition-all duration-300", E(P.riskAnalysis.volatilityScore)),
+									style: { width: `${P.riskAnalysis.volatilityScore / 5 * 100}%` }
 								})
 							})] }),
 							/* @__PURE__ */ x("div", {
-								className: "grid grid-cols-2 gap-3 border-t border-border-subtle pt-4",
+								className: "grid grid-cols-2 gap-3 border-t border-border-seam pt-4",
 								children: [/* @__PURE__ */ x("div", {
 									className: "rounded-lg bg-bg-sunken/50 p-3 text-center",
 									children: [/* @__PURE__ */ b("p", {
 										className: "text-lg font-bold text-text-primary",
-										children: M.performanceByCart.length
+										children: P.performanceByCart.length
 									}), /* @__PURE__ */ b("p", {
 										className: "text-xs text-text-secondary",
 										children: "Active Investments"
@@ -541,7 +547,7 @@ function D() {
 									className: "rounded-lg bg-bg-sunken/50 p-3 text-center",
 									children: [/* @__PURE__ */ b("p", {
 										className: "text-lg font-bold text-text-primary",
-										children: M.performanceByCategory.length
+										children: P.performanceByCategory.length
 									}), /* @__PURE__ */ b("p", {
 										className: "text-xs text-text-secondary",
 										children: "Sectors Covered"
@@ -552,16 +558,16 @@ function D() {
 					})
 				})] }), /* @__PURE__ */ x("section", { children: [/* @__PURE__ */ x("div", {
 					className: "mb-4 flex items-center gap-2",
-					children: [/* @__PURE__ */ b(m, { className: "h-5 w-5 text-yellow-500" }), /* @__PURE__ */ b("h2", {
+					children: [/* @__PURE__ */ b(m, { className: "h-5 w-5 text-status-warning-text" }), /* @__PURE__ */ b("h2", {
 						className: "text-lg font-semibold text-text-primary",
 						children: "Recommendations"
 					})]
 				}), /* @__PURE__ */ x("div", {
-					className: "rounded-lg border border-border-subtle bg-bg-surface p-4 sm:p-6",
+					className: "rounded-lg border border-border-seam bg-bg-surface p-4 sm:p-6",
 					children: [/* @__PURE__ */ b("div", {
 						className: "space-y-3",
-						children: M.riskAnalysis.recommendations.map((e, t) => /* @__PURE__ */ x("div", {
-							className: "flex items-start gap-3 rounded-lg border border-border-subtle bg-bg-sunken/30 p-3",
+						children: P.riskAnalysis.recommendations.map((e, t) => /* @__PURE__ */ x("div", {
+							className: "flex items-start gap-3 rounded-lg border border-border-seam bg-bg-sunken/30 p-3",
 							children: [/* @__PURE__ */ b("div", {
 								className: "flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-action-primary-bg text-xs font-bold text-action-primary-text",
 								children: t + 1
@@ -571,7 +577,7 @@ function D() {
 							})]
 						}, t))
 					}), /* @__PURE__ */ x("div", {
-						className: "mt-5 rounded-lg border border-border-subtle bg-bg-sunken/50 p-4",
+						className: "mt-5 rounded-lg border border-border-seam bg-bg-sunken/50 p-4",
 						children: [/* @__PURE__ */ b("h4", {
 							className: "mb-2 text-sm font-semibold text-text-primary",
 							children: "Overall Assessment"
@@ -593,7 +599,7 @@ function D() {
 												3,
 												4,
 												5
-											].map((e) => /* @__PURE__ */ b("div", { className: t("h-2 w-4 rounded-sm", e <= 4 ? "bg-green-500" : "bg-bg-sunken") }, e))
+											].map((e) => /* @__PURE__ */ b("div", { className: t("h-2 w-4 rounded-sm", e <= 4 ? "bg-status-success-text" : "bg-bg-sunken") }, e))
 										}), /* @__PURE__ */ b("span", {
 											className: "text-xs font-medium text-text-primary",
 											children: "4/5"
@@ -615,7 +621,7 @@ function D() {
 												3,
 												4,
 												5
-											].map((e) => /* @__PURE__ */ b("div", { className: t("h-2 w-4 rounded-sm", e <= 3 ? "bg-yellow-500" : "bg-bg-sunken") }, e))
+											].map((e) => /* @__PURE__ */ b("div", { className: t("h-2 w-4 rounded-sm", e <= 3 ? "bg-status-warning-text" : "bg-bg-sunken") }, e))
 										}), /* @__PURE__ */ b("span", {
 											className: "text-xs font-medium text-text-primary",
 											children: "3/5"
@@ -637,7 +643,7 @@ function D() {
 												3,
 												4,
 												5
-											].map((e) => /* @__PURE__ */ b("div", { className: t("h-2 w-4 rounded-sm", e <= 4 ? "bg-green-500" : "bg-bg-sunken") }, e))
+											].map((e) => /* @__PURE__ */ b("div", { className: t("h-2 w-4 rounded-sm", e <= 4 ? "bg-status-success-text" : "bg-bg-sunken") }, e))
 										}), /* @__PURE__ */ b("span", {
 											className: "text-xs font-medium text-text-primary",
 											children: "4/5"
@@ -654,20 +660,20 @@ function D() {
 				children: [
 					/* @__PURE__ */ x("button", {
 						type: "button",
-						onClick: () => D("/investor/portfolio"),
-						className: "flex items-center gap-2 rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
+						onClick: () => k("/investor/portfolio"),
+						className: "flex items-center gap-2 rounded-lg border border-border-seam px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 						children: [/* @__PURE__ */ b(h, { className: "h-4 w-4" }), "View Portfolio"]
 					}),
 					/* @__PURE__ */ x("button", {
 						type: "button",
-						onClick: () => D("/investor/opportunities"),
-						className: "flex items-center gap-2 rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
+						onClick: () => k("/investor/opportunities"),
+						className: "flex items-center gap-2 rounded-lg border border-border-seam px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 						children: [/* @__PURE__ */ b(_, { className: "h-4 w-4" }), "Browse Opportunities"]
 					}),
 					/* @__PURE__ */ x("button", {
 						type: "button",
-						onClick: () => D("/investor/investments"),
-						className: "flex items-center gap-2 rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
+						onClick: () => k("/investor/investments"),
+						className: "flex items-center gap-2 rounded-lg border border-border-seam px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 						children: [/* @__PURE__ */ b(y, { className: "h-4 w-4" }), "My Investments"]
 					})
 				]
@@ -676,6 +682,6 @@ function D() {
 	});
 }
 //#endregion
-export { D as InvestorAnalyticsPage };
+export { k as InvestorAnalyticsPage };
 
 //# sourceMappingURL=InvestorAnalyticsPage.js.map