@burdenoff/microfe-brainyrich 2026.706.1 → 2026.706.2

package/dist/brainyrich/pages/DashboardPage.js

@@ -1,16 +1,17 @@
 import { tWithFallback as e } from "../utils/i18n.js";
 import { useAcknowledgeInsight as t, useCreateAccount as n, useDismissInsight as r, useGoals as i, useInsights as a, useNetWorthSummary as o, usePortfolios as s, useResolveInsight as c } from "../hooks/useBrainyRichApi.js";
 import { ConfirmDialog as l } from "../components/ConfirmDialog.js";
-import { HouseholdPicker as u } from "../components/pickers.js";
+import { DonutChart as u, FadeIn as d, GlassCard as f, StatTile as p } from "../components/viz.js";
+import { HouseholdPicker as m } from "../components/pickers.js";
 import "../components/index.js";
-import { AllocationBars as d, EmptyState as f, ErrorState as p, KpiGrid as m, LoadingState as h, SectionShell as g, formatDate as _, formatMoney as v, statusBadgeVariant as y } from "./_shared.js";
-import { useMemo as b, useState as x } from "react";
-import { Bell as S, Briefcase as C, Check as w, CircleCheck as T, MoreHorizontal as E, PlusCircle as D, Target as O, Wallet as k, X as A } from "lucide-react";
-import { useI18n as j } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { jsx as M, jsxs as N } from "react/jsx-runtime";
-import { Badge as P, Button as F, Card as I, CardContent as L, CardDescription as R, CardHeader as z, CardTitle as B, Dialog as V, DialogContent as H, DialogDescription as U, DialogFooter as W, DialogHeader as G, DialogTitle as K, DropdownMenu as q, DropdownMenuContent as J, DropdownMenuItem as Y, DropdownMenuTrigger as X, Input as Z, Label as Q, Select as $, SelectContent as ee, SelectItem as te, SelectTrigger as ne, SelectValue as re } from "@burdenoff/fe-libs/ui";
+import { EmptyState as h, ErrorState as g, LoadingState as _, SectionShell as v, formatCompact as y, formatDate as b, formatMoney as x, statusBadgeVariant as S } from "./_shared.js";
+import { useMemo as ee, useState as C } from "react";
+import { Bell as w, Briefcase as T, Check as E, CircleCheck as D, Coins as te, Info as O, Landmark as ne, MoreHorizontal as k, PlusCircle as A, ShieldAlert as j, Target as M, TrendingUp as re, TriangleAlert as N, Wallet as P, X as ie } from "lucide-react";
+import { useI18n as F } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { jsx as I, jsxs as L } from "react/jsx-runtime";
+import { Badge as R, Button as z, Card as B, CardContent as V, CardDescription as ae, CardHeader as H, CardTitle as U, Dialog as W, DialogContent as G, DialogDescription as K, DialogFooter as q, DialogHeader as oe, DialogTitle as se, DropdownMenu as ce, DropdownMenuContent as le, DropdownMenuItem as J, DropdownMenuTrigger as ue, Input as Y, Label as X, Select as de, SelectContent as fe, SelectItem as pe, SelectTrigger as me, SelectValue as he } from "@burdenoff/fe-libs/ui";
 //#region src/brainyrich/pages/DashboardPage.tsx
-var ie = [
+var Z = [
 	"BANK",
 	"BROKERAGE",
 	"RETIREMENT",
@@ -19,236 +20,359 @@ var ie = [
 	"REAL_ESTATE",
 	"ALTERNATIVE",
 	"LIABILITY"
-];
-function ae() {
-	let { t } = j(), n = (n, r, i) => e(t, n, r, i), r = o(), c = s(), l = i(), u = a({ status: "OPEN" }), x = r.data, w = x?.currency ?? "USD", E = x ? [
+], ge = {
+	EQUITY: "brand",
+	FIXED_INCOME: "blue",
+	CASH: "teal",
+	REAL_ESTATE: "indigo",
+	COMMODITY: "warning",
+	CRYPTO: "purple",
+	ALTERNATIVE: "info"
+};
+function Q(e) {
+	let t = e.replace(/_/g, " ").toLowerCase();
+	return t.charAt(0).toUpperCase() + t.slice(1);
+}
+function _e() {
+	let { t } = F(), n = (n, r, i) => e(t, n, r, i), r = o(), c = s(), l = i(), m = a({ status: "OPEN" }), C = r.data, E = C?.currency ?? "USD", O = C ? [
 		{
 			label: n("brainyrich.dashboard.metrics.netWorth", "Net Worth"),
-			value: v(x.totalNetWorth, w)
+			value: y(C.totalNetWorth, E),
+			icon: /* @__PURE__ */ I(P, {
+				className: "size-4",
+				"aria-hidden": "true"
+			}),
+			glow: !0
 		},
 		{
 			label: n("brainyrich.dashboard.metrics.investedAssets", "Invested Assets"),
-			value: v(x.totalMarketValue, w)
+			value: y(C.totalMarketValue, E),
+			icon: /* @__PURE__ */ I(re, {
+				className: "size-4",
+				"aria-hidden": "true"
+			})
 		},
 		{
 			label: n("brainyrich.dashboard.metrics.liquidity", "Cash & Liquidity"),
-			value: v(x.totalCash, w)
+			value: y(C.totalCash, E),
+			icon: /* @__PURE__ */ I(te, {
+				className: "size-4",
+				"aria-hidden": "true"
+			})
 		},
 		{
 			label: n("brainyrich.dashboard.metrics.accounts", "Linked Accounts"),
-			value: String(x.accountCount)
+			value: String(C.accountCount),
+			icon: /* @__PURE__ */ I(ne, {
+				className: "size-4",
+				"aria-hidden": "true"
+			})
 		}
-	] : [], D = b(() => {
-		if (!x) return [];
-		let e = x.byAssetClass.reduce((e, t) => e + t.marketValue, 0);
-		return e <= 0 ? [] : x.byAssetClass.slice().sort((e, t) => t.marketValue - e.marketValue).map((t) => ({
-			label: t.assetClass.replace(/_/g, " "),
-			value: t.marketValue / e * 100,
-			caption: v(t.marketValue, w)
-		}));
-	}, [x, w]), A = c.data.slice(0, 5), F = l.data.slice(0, 5), V = u.data.slice(0, 6);
-	return /* @__PURE__ */ N(g, {
+	] : [], k = ee(() => C ? C.byAssetClass.filter((e) => Number.isFinite(e.marketValue) && e.marketValue > 0).slice().sort((e, t) => t.marketValue - e.marketValue).map((e) => ({
+		label: Q(e.assetClass),
+		value: e.marketValue,
+		tone: ge[e.assetClass]
+	})) : [], [C]), A = c.data.slice(0, 5), j = l.data.slice(0, 5), N = m.data.slice(0, 6);
+	return /* @__PURE__ */ L(v, {
 		title: n("brainyrich.dashboard.title", "Wealth Dashboard"),
 		description: n("brainyrich.dashboard.description", "Your consolidated financial overview at a glance"),
-		actions: /* @__PURE__ */ M(se, { translate: n }),
+		actions: /* @__PURE__ */ I(be, { translate: n }),
 		children: [
-			r.isLoading ? /* @__PURE__ */ M(h, { rows: 1 }) : r.isError ? /* @__PURE__ */ M(p, {
+			r.isLoading ? /* @__PURE__ */ I(_, { rows: 1 }) : r.isError ? /* @__PURE__ */ I(g, {
 				title: n("brainyrich.dashboard.netWorthError", "Could not load net worth"),
 				onRetry: () => r.refetch()
-			}) : x ? /* @__PURE__ */ M(m, { items: E }) : /* @__PURE__ */ M(f, {
-				icon: /* @__PURE__ */ M(k, {
+			}) : C ? /* @__PURE__ */ I("div", {
+				className: "grid gap-4 sm:grid-cols-2 xl:grid-cols-4",
+				children: O.map((e, t) => /* @__PURE__ */ I(d, {
+					index: t,
+					children: /* @__PURE__ */ I(p, {
+						label: e.label,
+						value: e.value,
+						icon: e.icon,
+						glow: e.glow,
+						className: "h-full"
+					})
+				}, e.label))
+			}) : /* @__PURE__ */ I(h, {
+				icon: /* @__PURE__ */ I(P, {
 					className: "size-6",
 					"aria-hidden": "true"
 				}),
 				title: n("brainyrich.dashboard.noSummary", "No financial data yet"),
 				description: n("brainyrich.dashboard.noSummaryDesc", "Link your first account to see your net worth here.")
 			}),
-			/* @__PURE__ */ N("div", {
+			/* @__PURE__ */ L("div", {
 				className: "grid gap-6 lg:grid-cols-3",
-				children: [/* @__PURE__ */ N(I, {
+				children: [/* @__PURE__ */ I(d, {
+					index: 0,
 					className: "lg:col-span-2",
-					children: [/* @__PURE__ */ N(z, { children: [/* @__PURE__ */ N(B, {
-						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ M(C, {
-							className: "h-5 w-5",
-							"aria-hidden": "true"
-						}), n("brainyrich.dashboard.sections.assetAllocation", "Asset Allocation")]
-					}), /* @__PURE__ */ M(R, { children: n("brainyrich.dashboard.sections.assetAllocationDescription", "Market value distributed across asset classes") })] }), /* @__PURE__ */ M(L, { children: r.isLoading ? /* @__PURE__ */ M(h, { rows: 3 }) : r.isError ? /* @__PURE__ */ M(p, { onRetry: () => r.refetch() }) : D.length > 0 ? /* @__PURE__ */ M(d, { data: D }) : /* @__PURE__ */ M(f, {
-						icon: /* @__PURE__ */ M(C, {
-							className: "size-6",
-							"aria-hidden": "true"
-						}),
-						title: n("brainyrich.dashboard.noAllocation", "No holdings to allocate"),
-						description: n("brainyrich.dashboard.noAllocationDesc", "Add holdings to your accounts to see how your wealth is allocated.")
-					}) })]
-				}), /* @__PURE__ */ N(I, { children: [/* @__PURE__ */ M(z, {
-					className: "pb-3",
-					children: /* @__PURE__ */ N(B, {
-						className: "flex items-center gap-2 text-base",
-						children: [/* @__PURE__ */ M(O, {
-							className: "h-4 w-4",
-							"aria-hidden": "true"
-						}), n("brainyrich.dashboard.sections.goals", "Goals")]
+					children: /* @__PURE__ */ L(f, {
+						className: "h-full",
+						children: [/* @__PURE__ */ L("div", {
+							className: "mb-4 space-y-1",
+							children: [/* @__PURE__ */ L("h2", {
+								className: "flex items-center gap-2 text-base font-semibold text-text-primary",
+								children: [/* @__PURE__ */ I(T, {
+									className: "size-5",
+									"aria-hidden": "true"
+								}), n("brainyrich.dashboard.sections.assetAllocation", "Net worth by asset class")]
+							}), /* @__PURE__ */ I("p", {
+								className: "text-sm text-text-secondary",
+								children: n("brainyrich.dashboard.sections.assetAllocationDescription", "Market value distributed across asset classes")
+							})]
+						}), r.isLoading ? /* @__PURE__ */ I(_, { rows: 3 }) : r.isError ? /* @__PURE__ */ I(g, { onRetry: () => r.refetch() }) : k.length > 0 ? /* @__PURE__ */ I(u, {
+							data: k,
+							height: 260,
+							centerValue: y(C?.totalMarketValue ?? 0, E),
+							centerLabel: n("brainyrich.dashboard.metrics.investedAssets", "Invested"),
+							valueFormatter: (e) => x(e, E)
+						}) : /* @__PURE__ */ I(h, {
+							icon: /* @__PURE__ */ I(T, {
+								className: "size-6",
+								"aria-hidden": "true"
+							}),
+							title: n("brainyrich.dashboard.noAllocation", "No holdings to allocate"),
+							description: n("brainyrich.dashboard.noAllocationDesc", "Add holdings to your accounts to see how your wealth is allocated.")
+						})]
 					})
-				}), /* @__PURE__ */ M(L, {
-					className: "space-y-3",
-					children: l.isLoading ? /* @__PURE__ */ M(h, { rows: 3 }) : l.isError ? /* @__PURE__ */ M(p, { onRetry: () => l.refetch() }) : F.length > 0 ? F.map((e) => /* @__PURE__ */ N("div", {
-						className: "flex items-start justify-between gap-2 rounded-lg border border-border-subtle p-3",
-						children: [/* @__PURE__ */ N("div", {
+				}), /* @__PURE__ */ L("div", {
+					className: "space-y-6",
+					children: [/* @__PURE__ */ I(d, {
+						index: 1,
+						children: /* @__PURE__ */ L(B, {
+							className: "motion-safe:transition-shadow motion-safe:hover:shadow-[var(--shadow-pop-hover,var(--shadow-elevation-2))]",
+							children: [/* @__PURE__ */ I(H, {
+								className: "pb-3",
+								children: /* @__PURE__ */ L(U, {
+									className: "flex items-center gap-2 text-base",
+									children: [/* @__PURE__ */ I(w, {
+										className: "size-4",
+										"aria-hidden": "true"
+									}), n("brainyrich.dashboard.sections.needsAttention", "Needs attention")]
+								})
+							}), /* @__PURE__ */ I(V, {
+								className: "space-y-2.5",
+								children: m.isLoading ? /* @__PURE__ */ I(_, { rows: 2 }) : m.isError ? /* @__PURE__ */ I(g, { onRetry: () => m.refetch() }) : N.length > 0 ? N.map((e) => /* @__PURE__ */ I(ye, {
+									insight: e,
+									translate: n
+								}, e.id)) : /* @__PURE__ */ I(h, {
+									icon: /* @__PURE__ */ I(D, {
+										className: "size-6",
+										"aria-hidden": "true"
+									}),
+									title: n("brainyrich.dashboard.noInsights", "All clear"),
+									description: n("brainyrich.dashboard.noInsightsDesc", "There are no open insights that need your attention.")
+								})
+							})]
+						})
+					}), /* @__PURE__ */ I(d, {
+						index: 2,
+						children: /* @__PURE__ */ L(B, {
+							className: "motion-safe:transition-shadow motion-safe:hover:shadow-[var(--shadow-pop-hover,var(--shadow-elevation-2))]",
+							children: [/* @__PURE__ */ I(H, {
+								className: "pb-3",
+								children: /* @__PURE__ */ L(U, {
+									className: "flex items-center gap-2 text-base",
+									children: [/* @__PURE__ */ I(M, {
+										className: "size-4",
+										"aria-hidden": "true"
+									}), n("brainyrich.dashboard.sections.goals", "Goals on track")]
+								})
+							}), /* @__PURE__ */ I(V, {
+								className: "space-y-2.5",
+								children: l.isLoading ? /* @__PURE__ */ I(_, { rows: 3 }) : l.isError ? /* @__PURE__ */ I(g, { onRetry: () => l.refetch() }) : j.length > 0 ? j.map((e) => /* @__PURE__ */ L("div", {
+									className: "flex items-start justify-between gap-2 rounded-lg border border-border-subtle p-3 motion-safe:transition-colors hover:border-[var(--color-action-primary-border)]/50 hover:bg-bg-elevated",
+									children: [/* @__PURE__ */ L("div", {
+										className: "min-w-0 space-y-0.5",
+										children: [/* @__PURE__ */ I("p", {
+											className: "truncate text-sm font-medium text-text-primary",
+											children: e.name
+										}), /* @__PURE__ */ L("p", {
+											className: "text-xs text-text-secondary",
+											children: [
+												x(e.targetAmount, e.currency),
+												" · ",
+												b(e.targetDate)
+											]
+										})]
+									}), /* @__PURE__ */ I(R, {
+										variant: S(e.projection),
+										className: "shrink-0",
+										children: Q(e.projection)
+									})]
+								}, e.id)) : /* @__PURE__ */ I(h, {
+									icon: /* @__PURE__ */ I(M, {
+										className: "size-6",
+										"aria-hidden": "true"
+									}),
+									title: n("brainyrich.dashboard.noGoals", "No goals yet"),
+									description: n("brainyrich.dashboard.noGoalsDesc", "Set a financial goal to start tracking progress.")
+								})
+							})]
+						})
+					})]
+				})]
+			}),
+			/* @__PURE__ */ I(d, {
+				index: 3,
+				children: /* @__PURE__ */ L(B, { children: [/* @__PURE__ */ L(H, { children: [/* @__PURE__ */ L(U, {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ I(P, {
+						className: "size-5",
+						"aria-hidden": "true"
+					}), n("brainyrich.dashboard.sections.portfolios", "Portfolios")]
+				}), /* @__PURE__ */ I(ae, { children: n("brainyrich.dashboard.sections.portfoliosDescription", "Your active investment strategies") })] }), /* @__PURE__ */ I(V, { children: c.isLoading ? /* @__PURE__ */ I(_, { rows: 3 }) : c.isError ? /* @__PURE__ */ I(g, { onRetry: () => c.refetch() }) : A.length > 0 ? /* @__PURE__ */ I("div", {
+					className: "grid gap-3 sm:grid-cols-2",
+					children: A.map((e) => /* @__PURE__ */ L("div", {
+						className: "flex items-start justify-between gap-2 rounded-lg border border-border-subtle p-3 motion-safe:transition-colors hover:border-[var(--color-action-primary-border)]/50 hover:bg-bg-elevated",
+						children: [/* @__PURE__ */ L("div", {
 							className: "min-w-0 space-y-0.5",
-							children: [/* @__PURE__ */ M("p", {
+							children: [/* @__PURE__ */ I("p", {
 								className: "truncate text-sm font-medium text-text-primary",
 								children: e.name
-							}), /* @__PURE__ */ N("p", {
+							}), e.description ? /* @__PURE__ */ I("p", {
+								className: "truncate text-xs text-text-secondary",
+								children: e.description
+							}) : /* @__PURE__ */ I("p", {
 								className: "text-xs text-text-secondary",
-								children: [
-									v(e.targetAmount, e.currency),
-									" · ",
-									_(e.targetDate)
-								]
+								children: e.baseCurrency
 							})]
-						}), /* @__PURE__ */ M(P, {
-							variant: y(e.projection),
+						}), /* @__PURE__ */ I(R, {
+							variant: S(e.status),
 							className: "shrink-0",
-							children: e.projection.replace(/_/g, " ")
+							children: e.status
 						})]
-					}, e.id)) : /* @__PURE__ */ M(f, {
-						icon: /* @__PURE__ */ M(O, {
-							className: "size-6",
-							"aria-hidden": "true"
-						}),
-						title: n("brainyrich.dashboard.noGoals", "No goals yet"),
-						description: n("brainyrich.dashboard.noGoalsDesc", "Set a financial goal to start tracking progress.")
-					})
-				})] })]
-			}),
-			/* @__PURE__ */ N(I, { children: [/* @__PURE__ */ N(z, { children: [/* @__PURE__ */ N(B, {
-				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ M(k, {
-					className: "h-5 w-5",
-					"aria-hidden": "true"
-				}), n("brainyrich.dashboard.sections.portfolios", "Portfolios")]
-			}), /* @__PURE__ */ M(R, { children: n("brainyrich.dashboard.sections.portfoliosDescription", "Your active investment strategies") })] }), /* @__PURE__ */ M(L, { children: c.isLoading ? /* @__PURE__ */ M(h, { rows: 3 }) : c.isError ? /* @__PURE__ */ M(p, { onRetry: () => c.refetch() }) : A.length > 0 ? /* @__PURE__ */ M("div", {
-				className: "grid gap-3 sm:grid-cols-2",
-				children: A.map((e) => /* @__PURE__ */ N("div", {
-					className: "flex items-start justify-between gap-2 rounded-lg border border-border-subtle p-3",
-					children: [/* @__PURE__ */ N("div", {
-						className: "min-w-0 space-y-0.5",
-						children: [/* @__PURE__ */ M("p", {
-							className: "truncate text-sm font-medium text-text-primary",
-							children: e.name
-						}), e.description ? /* @__PURE__ */ M("p", {
-							className: "truncate text-xs text-text-secondary",
-							children: e.description
-						}) : /* @__PURE__ */ M("p", {
-							className: "text-xs text-text-secondary",
-							children: e.baseCurrency
-						})]
-					}), /* @__PURE__ */ M(P, {
-						variant: y(e.status),
-						className: "shrink-0",
-						children: e.status
-					})]
-				}, e.id))
-			}) : /* @__PURE__ */ M(f, {
-				icon: /* @__PURE__ */ M(k, {
-					className: "size-6",
-					"aria-hidden": "true"
-				}),
-				title: n("brainyrich.dashboard.noPortfolios", "No portfolios yet"),
-				description: n("brainyrich.dashboard.noPortfoliosDesc", "Create a portfolio to organize your investment strategy.")
-			}) })] }),
-			/* @__PURE__ */ N(I, { children: [/* @__PURE__ */ N(z, { children: [/* @__PURE__ */ N(B, {
-				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ M(S, {
-					className: "h-5 w-5",
-					"aria-hidden": "true"
-				}), n("brainyrich.dashboard.sections.needsAttention", "Needs Attention")]
-			}), /* @__PURE__ */ M(R, { children: n("brainyrich.dashboard.sections.needsAttentionDescription", "Open insights that may require action") })] }), /* @__PURE__ */ M(L, {
-				className: "space-y-3",
-				children: u.isLoading ? /* @__PURE__ */ M(h, { rows: 3 }) : u.isError ? /* @__PURE__ */ M(p, { onRetry: () => u.refetch() }) : V.length > 0 ? V.map((e) => /* @__PURE__ */ M(oe, {
-					insight: e,
-					translate: n
-				}, e.id)) : /* @__PURE__ */ M(f, {
-					icon: /* @__PURE__ */ M(T, {
+					}, e.id))
+				}) : /* @__PURE__ */ I(h, {
+					icon: /* @__PURE__ */ I(P, {
 						className: "size-6",
 						"aria-hidden": "true"
 					}),
-					title: n("brainyrich.dashboard.noInsights", "All clear"),
-					description: n("brainyrich.dashboard.noInsightsDesc", "There are no open insights that need your attention.")
-				})
-			})] })
+					title: n("brainyrich.dashboard.noPortfolios", "No portfolios yet"),
+					description: n("brainyrich.dashboard.noPortfoliosDesc", "Create a portfolio to organize your investment strategy.")
+				}) })] })
+			})
 		]
 	});
 }
-function oe({ insight: e, translate: n }) {
-	let i = t(), a = r(), o = c(), [s, u] = x(!1), d = i.isPending || a.isPending || o.isPending;
-	return /* @__PURE__ */ N("div", {
-		className: "flex items-start justify-between gap-3 rounded-lg border border-border-subtle p-3",
+var $ = {
+	CRITICAL: {
+		chip: "text-status-error-text bg-status-error-bg",
+		rail: "bg-status-error",
+		icon: /* @__PURE__ */ I(j, {
+			className: "size-3",
+			"aria-hidden": "true"
+		})
+	},
+	HIGH: {
+		chip: "text-status-error-text bg-status-error-bg",
+		rail: "bg-status-error",
+		icon: /* @__PURE__ */ I(N, {
+			className: "size-3",
+			"aria-hidden": "true"
+		})
+	},
+	MEDIUM: {
+		chip: "text-status-warning-text bg-status-warning-bg",
+		rail: "bg-status-warning",
+		icon: /* @__PURE__ */ I(N, {
+			className: "size-3",
+			"aria-hidden": "true"
+		})
+	},
+	LOW: {
+		chip: "text-status-info-text bg-status-info-bg",
+		rail: "bg-status-info",
+		icon: /* @__PURE__ */ I(O, {
+			className: "size-3",
+			"aria-hidden": "true"
+		})
+	},
+	INFO: {
+		chip: "text-status-info-text bg-status-info-bg",
+		rail: "bg-status-info",
+		icon: /* @__PURE__ */ I(O, {
+			className: "size-3",
+			"aria-hidden": "true"
+		})
+	}
+};
+function ve({ severity: e }) {
+	let t = $[e] ?? $.INFO;
+	return /* @__PURE__ */ L("span", {
+		className: `inline-flex shrink-0 items-center gap-1 rounded-full px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wide ${t.chip}`,
+		children: [t.icon, e]
+	});
+}
+function ye({ insight: e, translate: n }) {
+	let i = t(), a = r(), o = c(), [s, u] = C(!1), d = i.isPending || a.isPending || o.isPending, f = ($[e.severity] ?? $.INFO).rail;
+	return /* @__PURE__ */ L("div", {
+		className: "relative flex items-start justify-between gap-3 overflow-hidden rounded-lg border border-border-subtle p-3 pl-4 motion-safe:transition-colors hover:border-[var(--color-action-primary-border)]/50 hover:bg-bg-elevated",
 		children: [
-			/* @__PURE__ */ N("div", {
+			/* @__PURE__ */ I("span", {
+				"aria-hidden": "true",
+				className: `absolute inset-y-0 left-0 w-1 ${f}`
+			}),
+			/* @__PURE__ */ L("div", {
 				className: "min-w-0 space-y-1",
 				children: [
-					/* @__PURE__ */ N("div", {
+					/* @__PURE__ */ L("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ M(P, {
-							variant: y(e.severity),
-							children: e.severity
-						}), /* @__PURE__ */ M("span", {
-							className: "text-xs text-text-secondary",
-							children: e.type.replace(/_/g, " ")
+						children: [/* @__PURE__ */ I(ve, { severity: e.severity }), /* @__PURE__ */ I("span", {
+							className: "truncate text-xs text-text-secondary",
+							children: Q(e.type)
 						})]
 					}),
-					/* @__PURE__ */ M("p", {
+					/* @__PURE__ */ I("p", {
 						className: "text-sm font-medium text-text-primary",
 						children: e.title
 					}),
-					e.detail ? /* @__PURE__ */ M("p", {
+					e.detail ? /* @__PURE__ */ I("p", {
 						className: "text-xs text-text-secondary",
 						children: e.detail
 					}) : null
 				]
 			}),
-			/* @__PURE__ */ N(q, { children: [/* @__PURE__ */ M(X, {
+			/* @__PURE__ */ L(ce, { children: [/* @__PURE__ */ I(ue, {
 				asChild: !0,
-				children: /* @__PURE__ */ M(F, {
+				children: /* @__PURE__ */ I(z, {
 					variant: "ghost",
 					size: "icon",
 					className: "shrink-0",
 					disabled: d,
 					"aria-label": n("brainyrich.dashboard.insightActions", "Insight actions"),
-					children: /* @__PURE__ */ M(E, {
+					children: /* @__PURE__ */ I(k, {
 						className: "size-4",
 						"aria-hidden": "true"
 					})
 				})
-			}), /* @__PURE__ */ N(J, {
+			}), /* @__PURE__ */ L(le, {
 				align: "end",
 				children: [
-					/* @__PURE__ */ N(Y, {
+					/* @__PURE__ */ L(J, {
 						onSelect: () => i.mutate(e.id),
-						children: [/* @__PURE__ */ M(w, {
+						children: [/* @__PURE__ */ I(E, {
 							className: "size-4",
 							"aria-hidden": "true"
 						}), n("brainyrich.dashboard.insight.acknowledge", "Acknowledge")]
 					}),
-					/* @__PURE__ */ N(Y, {
+					/* @__PURE__ */ L(J, {
 						onSelect: () => o.mutate(e.id),
-						children: [/* @__PURE__ */ M(T, {
+						children: [/* @__PURE__ */ I(D, {
 							className: "size-4",
 							"aria-hidden": "true"
 						}), n("brainyrich.dashboard.insight.resolve", "Resolve")]
 					}),
-					/* @__PURE__ */ N(Y, {
+					/* @__PURE__ */ L(J, {
 						onSelect: () => u(!0),
-						children: [/* @__PURE__ */ M(A, {
+						children: [/* @__PURE__ */ I(ie, {
 							className: "size-4",
 							"aria-hidden": "true"
 						}), n("brainyrich.dashboard.insight.dismiss", "Dismiss")]
 					})
 				]
 			})] }),
-			/* @__PURE__ */ M(l, {
+			/* @__PURE__ */ I(l, {
 				open: s,
 				onOpenChange: u,
 				title: n("brainyrich.dashboard.insight.dismissTitle", "Dismiss this insight?"),
@@ -262,29 +386,29 @@ function oe({ insight: e, translate: n }) {
 		]
 	});
 }
-function se({ translate: e }) {
-	let [t, r] = x(!1), [i, a] = x(""), [o, s] = x("BROKERAGE"), [c, l] = x(""), [d, f] = x(""), [p, m] = x("USD"), [h, g] = x(null), _ = n(), v = i.trim(), y = v.length > 0 && !_.isPending, b = () => {
-		a(""), s("BROKERAGE"), l(""), f(""), m("USD"), g(null), _.reset();
+function be({ translate: e }) {
+	let [t, r] = C(!1), [i, a] = C(""), [o, s] = C("BROKERAGE"), [c, l] = C(""), [u, d] = C(""), [f, p] = C("USD"), [h, g] = C(null), _ = n(), v = i.trim(), y = v.length > 0 && !_.isPending, b = () => {
+		a(""), s("BROKERAGE"), l(""), d(""), p("USD"), g(null), _.reset();
 	};
-	return /* @__PURE__ */ N(V, {
+	return /* @__PURE__ */ L(W, {
 		open: t,
 		onOpenChange: (e) => {
 			r(e), e || b();
 		},
-		children: [/* @__PURE__ */ N(F, {
+		children: [/* @__PURE__ */ L(z, {
 			size: "sm",
 			onClick: () => r(!0),
-			children: [/* @__PURE__ */ M(D, {
+			children: [/* @__PURE__ */ I(A, {
 				className: "size-4",
 				"aria-hidden": "true"
 			}), e("brainyrich.dashboard.actions.newAccount", "New Account")]
-		}), /* @__PURE__ */ M(H, { children: /* @__PURE__ */ N("form", {
+		}), /* @__PURE__ */ I(G, { children: /* @__PURE__ */ L("form", {
 			onSubmit: (e) => {
 				if (e.preventDefault(), !y) return;
-				let t = Number.parseFloat(d), n = {
+				let t = Number.parseFloat(u), n = {
 					name: v,
 					type: o,
-					currency: p.trim() || "USD",
+					currency: f.trim() || "USD",
 					isManual: !0,
 					...c.trim() ? { institution: c.trim() } : {},
 					...Number.isFinite(t) ? { cashBalance: t } : {},
@@ -296,13 +420,13 @@ function se({ translate: e }) {
 			},
 			className: "space-y-4",
 			children: [
-				/* @__PURE__ */ N(G, { children: [/* @__PURE__ */ M(K, { children: e("brainyrich.dashboard.newAccount.title", "New Account") }), /* @__PURE__ */ M(U, { children: e("brainyrich.dashboard.newAccount.description", "Add a manual account to track alongside your linked institutions.") })] }),
-				/* @__PURE__ */ N("div", {
+				/* @__PURE__ */ L(oe, { children: [/* @__PURE__ */ I(se, { children: e("brainyrich.dashboard.newAccount.title", "New Account") }), /* @__PURE__ */ I(K, { children: e("brainyrich.dashboard.newAccount.description", "Add a manual account to track alongside your linked institutions.") })] }),
+				/* @__PURE__ */ L("div", {
 					className: "space-y-2",
-					children: [/* @__PURE__ */ M(Q, {
+					children: [/* @__PURE__ */ I(X, {
 						htmlFor: "bra-account-name",
 						children: e("brainyrich.dashboard.newAccount.name", "Account name")
-					}), /* @__PURE__ */ M(Z, {
+					}), /* @__PURE__ */ I(Y, {
 						id: "bra-account-name",
 						value: i,
 						onChange: (e) => a(e.target.value),
@@ -311,50 +435,50 @@ function se({ translate: e }) {
 						autoFocus: !0
 					})]
 				}),
-				/* @__PURE__ */ N("div", {
+				/* @__PURE__ */ L("div", {
 					className: "grid gap-4 sm:grid-cols-2",
-					children: [/* @__PURE__ */ N("div", {
+					children: [/* @__PURE__ */ L("div", {
 						className: "space-y-2",
-						children: [/* @__PURE__ */ M(Q, {
+						children: [/* @__PURE__ */ I(X, {
 							htmlFor: "bra-account-type",
 							children: e("brainyrich.dashboard.newAccount.type", "Type")
-						}), /* @__PURE__ */ N($, {
+						}), /* @__PURE__ */ L(de, {
 							value: o,
 							onValueChange: (e) => s(e),
-							children: [/* @__PURE__ */ M(ne, {
+							children: [/* @__PURE__ */ I(me, {
 								id: "bra-account-type",
-								children: /* @__PURE__ */ M(re, {})
-							}), /* @__PURE__ */ M(ee, { children: ie.map((e) => /* @__PURE__ */ M(te, {
+								children: /* @__PURE__ */ I(he, {})
+							}), /* @__PURE__ */ I(fe, { children: Z.map((e) => /* @__PURE__ */ I(pe, {
 								value: e,
 								children: e.replace(/_/g, " ")
 							}, e)) })]
 						})]
-					}), /* @__PURE__ */ N("div", {
+					}), /* @__PURE__ */ L("div", {
 						className: "space-y-2",
-						children: [/* @__PURE__ */ M(Q, {
+						children: [/* @__PURE__ */ I(X, {
 							htmlFor: "bra-account-currency",
 							children: e("brainyrich.dashboard.newAccount.currency", "Currency")
-						}), /* @__PURE__ */ M(Z, {
+						}), /* @__PURE__ */ I(Y, {
 							id: "bra-account-currency",
-							value: p,
-							onChange: (e) => m(e.target.value.toUpperCase()),
+							value: f,
+							onChange: (e) => p(e.target.value.toUpperCase()),
 							maxLength: 3
 						})]
 					})]
 				}),
-				/* @__PURE__ */ N("div", {
+				/* @__PURE__ */ L("div", {
 					className: "space-y-2",
-					children: [/* @__PURE__ */ M(Q, {
+					children: [/* @__PURE__ */ I(X, {
 						htmlFor: "bra-account-institution",
 						children: e("brainyrich.dashboard.newAccount.institution", "Institution (optional)")
-					}), /* @__PURE__ */ M(Z, {
+					}), /* @__PURE__ */ I(Y, {
 						id: "bra-account-institution",
 						value: c,
 						onChange: (e) => l(e.target.value),
 						placeholder: e("brainyrich.dashboard.newAccount.institutionPlaceholder", "e.g. Fidelity")
 					})]
 				}),
-				/* @__PURE__ */ M(u, {
+				/* @__PURE__ */ I(m, {
 					id: "bra-account-household",
 					value: h,
 					onChange: g,
@@ -362,32 +486,32 @@ function se({ translate: e }) {
 					noneLabel: e("brainyrich.dashboard.newAccount.noHousehold", "No household"),
 					disabled: _.isPending
 				}),
-				/* @__PURE__ */ N("div", {
+				/* @__PURE__ */ L("div", {
 					className: "space-y-2",
-					children: [/* @__PURE__ */ M(Q, {
+					children: [/* @__PURE__ */ I(X, {
 						htmlFor: "bra-account-cash",
 						children: e("brainyrich.dashboard.newAccount.cash", "Cash balance (optional)")
-					}), /* @__PURE__ */ M(Z, {
+					}), /* @__PURE__ */ I(Y, {
 						id: "bra-account-cash",
 						type: "number",
 						inputMode: "decimal",
 						step: "0.01",
-						value: d,
-						onChange: (e) => f(e.target.value),
+						value: u,
+						onChange: (e) => d(e.target.value),
 						placeholder: "0.00"
 					})]
 				}),
-				_.isError ? /* @__PURE__ */ M("p", {
+				_.isError ? /* @__PURE__ */ I("p", {
 					className: "text-sm text-status-error-text",
 					children: _.error instanceof Error ? _.error.message : e("brainyrich.dashboard.newAccount.error", "Could not create account.")
 				}) : null,
-				/* @__PURE__ */ N(W, { children: [/* @__PURE__ */ M(F, {
+				/* @__PURE__ */ L(q, { children: [/* @__PURE__ */ I(z, {
 					type: "button",
 					variant: "outline",
 					onClick: () => r(!1),
 					disabled: _.isPending,
 					children: e("brainyrich.common.cancel", "Cancel")
-				}), /* @__PURE__ */ M(F, {
+				}), /* @__PURE__ */ I(z, {
 					type: "submit",
 					disabled: !y,
 					children: _.isPending ? e("brainyrich.dashboard.newAccount.creating", "Creating…") : e("brainyrich.dashboard.newAccount.create", "Create account")
@@ -397,6 +521,6 @@ function se({ translate: e }) {
 	});
 }
 //#endregion
-export { ae as DashboardPage };
+export { _e as DashboardPage };
 
 //# sourceMappingURL=DashboardPage.js.map