@burdenoff/microfe-brainyrich 2026.1101.2 → 2026.1101.3

package/dist/brainyrich/pages/DashboardPage.js

@@ -7,13 +7,15 @@ import "../components/index.js";
 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 { hapticSuccess as C, showToast as w } from "../utils/nativeControls.js";
 import { useTrackBrainyRichPageView as ee } from "../hooks/useBrainyRichAnalytics.js";
-import { useMemo as T, useState as E } from "react";
-import { Bell as te, Briefcase as D, Check as O, CircleCheck as k, Coins as A, Info as j, Landmark as ne, MoreHorizontal as M, PlusCircle as N, ShieldAlert as re, Target as P, TrendingUp as F, TriangleAlert as I, Wallet as L, X as ie } from "lucide-react";
-import { useI18n as R } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { jsx as z, jsxs as B } from "react/jsx-runtime";
-import { Badge as V, Button as H, Card as U, CardContent as W, CardDescription as G, CardHeader as K, CardTitle as q, DropdownMenu as J, DropdownMenuContent as ae, DropdownMenuItem as Y, DropdownMenuTrigger as oe, Input as X, Label as Z, ResponsiveDialog as se, ResponsiveDialogContent as ce, ResponsiveDialogDescription as le, ResponsiveDialogFooter as ue, ResponsiveDialogHeader as de, ResponsiveDialogTitle as fe, Select as pe, SelectContent as me, SelectItem as he, SelectTrigger as ge, SelectValue as _e } from "@burdenoff/fe-libs/ui";
+import { useIsMobileViewport as te } from "../hooks/useIsMobileViewport.js";
+import { MobileDashboardView as T } from "./mobile/MobileDashboardView.js";
+import { useMemo as ne, useState as E } from "react";
+import { Bell as re, Briefcase as D, Check as O, CircleCheck as k, Coins as ie, Info as A, Landmark as ae, MoreHorizontal as j, Plus as M, PlusCircle as N, ShieldAlert as oe, Target as P, TrendingUp as se, TriangleAlert as F, Wallet as I, X as ce } from "lucide-react";
+import { useI18n as le } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { jsx as L, jsxs as R } from "react/jsx-runtime";
+import { Badge as z, Button as B, Card as V, CardContent as H, CardDescription as U, CardHeader as W, CardTitle as G, DropdownMenu as ue, DropdownMenuContent as de, DropdownMenuItem as K, DropdownMenuTrigger as fe, Input as q, Label as J, ResponsiveDialog as pe, ResponsiveDialogContent as me, ResponsiveDialogDescription as he, ResponsiveDialogFooter as ge, ResponsiveDialogHeader as _e, ResponsiveDialogTitle as ve, Select as Y, SelectContent as ye, SelectItem as be, SelectTrigger as xe, SelectValue as Se } from "@burdenoff/fe-libs/ui";
 //#region src/brainyrich/pages/DashboardPage.tsx
-var ve = [
+var Ce = [
 	"BANK",
 	"BROKERAGE",
 	"RETIREMENT",
@@ -22,7 +24,7 @@ var ve = [
 	"REAL_ESTATE",
 	"ALTERNATIVE",
 	"LIABILITY"
-], ye = {
+], we = {
 	EQUITY: "brand",
 	FIXED_INCOME: "blue",
 	CASH: "teal",
@@ -31,18 +33,18 @@ var ve = [
 	CRYPTO: "purple",
 	ALTERNATIVE: "info"
 };
-function Q(e) {
+function X(e) {
 	let t = e.replace(/_/g, " ").toLowerCase();
 	return t.charAt(0).toUpperCase() + t.slice(1);
 }
-function be() {
-	let { t } = R(), n = (n, r, i) => e(t, n, r, i);
+function Te() {
+	let { t } = le(), n = (n, r, i) => e(t, n, r, i);
 	ee("brainyrich.dashboard.viewed");
-	let r = o(), c = s(), l = i(), m = a({ status: "OPEN" }), C = r.data, w = C?.currency ?? "USD", E = C ? [
+	let r = te(), c = o(), l = s(), m = i(), C = a({ status: "OPEN" }), w = c.data, E = w?.currency ?? "USD", O = w ? [
 		{
 			label: n("brainyrich.dashboard.metrics.netWorth", "Net Worth"),
-			value: y(C.totalNetWorth, w),
-			icon: /* @__PURE__ */ z(L, {
+			value: y(w.totalNetWorth, E),
+			icon: /* @__PURE__ */ L(I, {
 				className: "size-4",
 				"aria-hidden": "true"
 			}),
@@ -50,49 +52,84 @@ function be() {
 		},
 		{
 			label: n("brainyrich.dashboard.metrics.investedAssets", "Invested Assets"),
-			value: y(C.totalMarketValue, w),
-			icon: /* @__PURE__ */ z(F, {
+			value: y(w.totalMarketValue, E),
+			icon: /* @__PURE__ */ L(se, {
 				className: "size-4",
 				"aria-hidden": "true"
 			})
 		},
 		{
 			label: n("brainyrich.dashboard.metrics.liquidity", "Cash & Liquidity"),
-			value: y(C.totalCash, w),
-			icon: /* @__PURE__ */ z(A, {
+			value: y(w.totalCash, E),
+			icon: /* @__PURE__ */ L(ie, {
 				className: "size-4",
 				"aria-hidden": "true"
 			})
 		},
 		{
 			label: n("brainyrich.dashboard.metrics.accounts", "Linked Accounts"),
-			value: String(C.accountCount),
-			icon: /* @__PURE__ */ z(ne, {
+			value: String(w.accountCount),
+			icon: /* @__PURE__ */ L(ae, {
 				className: "size-4",
 				"aria-hidden": "true"
 			})
 		}
-	] : [], O = T(() => 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),
+	] : [], A = ne(() => w ? w.byAssetClass.filter((e) => Number.isFinite(e.marketValue) && e.marketValue > 0).slice().sort((e, t) => t.marketValue - e.marketValue).map((e) => ({
+		label: X(e.assetClass),
 		value: e.marketValue,
-		tone: ye[e.assetClass]
-	})) : [], [C]), j = c.data.slice(0, 5), M = l.data.slice(0, 5), N = m.data.slice(0, 6);
-	return /* @__PURE__ */ z("div", {
+		tone: we[e.assetClass]
+	})) : [], [w]), j = l.data.slice(0, 5), M = m.data.slice(0, 5), N = C.data.slice(0, 6);
+	return r ? /* @__PURE__ */ L(T, {
+		translate: n,
+		summary: {
+			data: w,
+			isLoading: c.isLoading,
+			isError: c.isError,
+			refetch: () => void c.refetch()
+		},
+		allocation: A,
+		insights: {
+			data: C.data,
+			isLoading: C.isLoading,
+			isError: C.isError,
+			refetch: () => void C.refetch()
+		},
+		goals: {
+			data: m.data,
+			isLoading: m.isLoading,
+			isError: m.isError,
+			refetch: () => void m.refetch()
+		},
+		portfolios: {
+			data: l.data,
+			isLoading: l.isLoading,
+			isError: l.isError,
+			refetch: () => void l.refetch()
+		},
+		renderInsight: (e) => /* @__PURE__ */ L(Q, {
+			insight: e,
+			translate: n
+		}),
+		newAccountAction: /* @__PURE__ */ L($, {
+			translate: n,
+			compact: !0
+		})
+	}) : /* @__PURE__ */ L("div", {
 		"data-tour": "brainyrich-page-dashboard",
 		className: "contents",
-		children: /* @__PURE__ */ B(v, {
+		children: /* @__PURE__ */ R(v, {
 			title: n("brainyrich.dashboard.title", "Wealth Dashboard"),
 			description: n("brainyrich.dashboard.description", "Your consolidated financial overview at a glance"),
-			actions: /* @__PURE__ */ z(Ce, { translate: n }),
+			actions: /* @__PURE__ */ L($, { translate: n }),
 			children: [
-				r.isLoading ? /* @__PURE__ */ z(_, { rows: 1 }) : r.isError ? /* @__PURE__ */ z(g, {
+				c.isLoading ? /* @__PURE__ */ L(_, { rows: 1 }) : c.isError ? /* @__PURE__ */ L(g, {
 					title: n("brainyrich.dashboard.netWorthError", "Could not load net worth"),
-					onRetry: () => r.refetch()
-				}) : C ? /* @__PURE__ */ z("div", {
+					onRetry: () => c.refetch()
+				}) : w ? /* @__PURE__ */ L("div", {
 					className: "grid gap-4 sm:grid-cols-2 xl:grid-cols-4",
-					children: E.map((e, t) => /* @__PURE__ */ z(d, {
+					children: O.map((e, t) => /* @__PURE__ */ L(d, {
 						index: t,
-						children: /* @__PURE__ */ z(p, {
+						children: /* @__PURE__ */ L(p, {
 							label: e.label,
 							value: e.value,
 							icon: e.icon,
@@ -100,41 +137,41 @@ function be() {
 							className: "h-full"
 						})
 					}, e.label))
-				}) : /* @__PURE__ */ z(h, {
-					icon: /* @__PURE__ */ z(L, {
+				}) : /* @__PURE__ */ L(h, {
+					icon: /* @__PURE__ */ L(I, {
 						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__ */ B("div", {
+				/* @__PURE__ */ R("div", {
 					className: "grid gap-6 lg:grid-cols-3",
-					children: [/* @__PURE__ */ z(d, {
+					children: [/* @__PURE__ */ L(d, {
 						index: 0,
 						className: "lg:col-span-2",
-						children: /* @__PURE__ */ B(f, {
+						children: /* @__PURE__ */ R(f, {
 							className: "h-full",
-							children: [/* @__PURE__ */ B("div", {
+							children: [/* @__PURE__ */ R("div", {
 								className: "mb-4 space-y-1",
-								children: [/* @__PURE__ */ B("h2", {
+								children: [/* @__PURE__ */ R("h2", {
 									className: "flex items-center gap-2 text-base font-semibold text-text-primary",
-									children: [/* @__PURE__ */ z(D, {
+									children: [/* @__PURE__ */ L(D, {
 										className: "size-5",
 										"aria-hidden": "true"
 									}), n("brainyrich.dashboard.sections.positiveAssetAllocation", "Asset allocation")]
-								}), /* @__PURE__ */ z("p", {
+								}), /* @__PURE__ */ L("p", {
 									className: "text-sm text-text-secondary",
 									children: n("brainyrich.dashboard.sections.positiveAssetAllocationDescription", "Positive holdings and cash balances; negative balances are excluded from this chart.")
 								})]
-							}), r.isLoading ? /* @__PURE__ */ z(_, { rows: 3 }) : r.isError ? /* @__PURE__ */ z(g, { onRetry: () => r.refetch() }) : O.length > 0 ? /* @__PURE__ */ z(u, {
-								data: O,
+							}), c.isLoading ? /* @__PURE__ */ L(_, { rows: 3 }) : c.isError ? /* @__PURE__ */ L(g, { onRetry: () => c.refetch() }) : A.length > 0 ? /* @__PURE__ */ L(u, {
+								data: A,
 								height: 260,
-								centerValue: y(O.reduce((e, t) => e + t.value, 0), w),
+								centerValue: y(A.reduce((e, t) => e + t.value, 0), E),
 								centerLabel: n("brainyrich.dashboard.metrics.allocationTotal", "Assets shown"),
-								valueFormatter: (e) => x(e, w)
-							}) : /* @__PURE__ */ z(h, {
-								icon: /* @__PURE__ */ z(D, {
+								valueFormatter: (e) => x(e, E)
+							}) : /* @__PURE__ */ L(h, {
+								icon: /* @__PURE__ */ L(D, {
 									className: "size-6",
 									"aria-hidden": "true"
 								}),
@@ -142,28 +179,28 @@ function be() {
 								description: n("brainyrich.dashboard.noAllocationDesc", "Add holdings to your accounts to see how your wealth is allocated.")
 							})]
 						})
-					}), /* @__PURE__ */ B("div", {
+					}), /* @__PURE__ */ R("div", {
 						className: "space-y-6",
-						children: [/* @__PURE__ */ z(d, {
+						children: [/* @__PURE__ */ L(d, {
 							index: 1,
-							children: /* @__PURE__ */ B(U, {
+							children: /* @__PURE__ */ R(V, {
 								className: "motion-safe:transition-shadow motion-safe:hover:shadow-[var(--shadow-pop-hover,var(--shadow-elevation-2))]",
-								children: [/* @__PURE__ */ z(K, {
+								children: [/* @__PURE__ */ L(W, {
 									className: "pb-3",
-									children: /* @__PURE__ */ B(q, {
+									children: /* @__PURE__ */ R(G, {
 										className: "flex items-center gap-2 text-base",
-										children: [/* @__PURE__ */ z(te, {
+										children: [/* @__PURE__ */ L(re, {
 											className: "size-4",
 											"aria-hidden": "true"
 										}), n("brainyrich.dashboard.sections.needsAttention", "Needs attention")]
 									})
-								}), /* @__PURE__ */ z(W, {
+								}), /* @__PURE__ */ L(H, {
 									className: "space-y-2.5",
-									children: m.isLoading ? /* @__PURE__ */ z(_, { rows: 2 }) : m.isError ? /* @__PURE__ */ z(g, { onRetry: () => m.refetch() }) : N.length > 0 ? N.map((e) => /* @__PURE__ */ z(Se, {
+									children: C.isLoading ? /* @__PURE__ */ L(_, { rows: 2 }) : C.isError ? /* @__PURE__ */ L(g, { onRetry: () => C.refetch() }) : N.length > 0 ? N.map((e) => /* @__PURE__ */ L(Q, {
 										insight: e,
 										translate: n
-									}, e.id)) : /* @__PURE__ */ z(h, {
-										icon: /* @__PURE__ */ z(k, {
+									}, e.id)) : /* @__PURE__ */ L(h, {
+										icon: /* @__PURE__ */ L(k, {
 											className: "size-6",
 											"aria-hidden": "true"
 										}),
@@ -172,29 +209,29 @@ function be() {
 									})
 								})]
 							})
-						}), /* @__PURE__ */ z(d, {
+						}), /* @__PURE__ */ L(d, {
 							index: 2,
-							children: /* @__PURE__ */ B(U, {
+							children: /* @__PURE__ */ R(V, {
 								className: "motion-safe:transition-shadow motion-safe:hover:shadow-[var(--shadow-pop-hover,var(--shadow-elevation-2))]",
-								children: [/* @__PURE__ */ z(K, {
+								children: [/* @__PURE__ */ L(W, {
 									className: "pb-3",
-									children: /* @__PURE__ */ B(q, {
+									children: /* @__PURE__ */ R(G, {
 										className: "flex items-center gap-2 text-base",
-										children: [/* @__PURE__ */ z(P, {
+										children: [/* @__PURE__ */ L(P, {
 											className: "size-4",
 											"aria-hidden": "true"
 										}), n("brainyrich.dashboard.sections.goals", "Goals on track")]
 									})
-								}), /* @__PURE__ */ z(W, {
+								}), /* @__PURE__ */ L(H, {
 									className: "space-y-2.5",
-									children: l.isLoading ? /* @__PURE__ */ z(_, { rows: 3 }) : l.isError ? /* @__PURE__ */ z(g, { onRetry: () => l.refetch() }) : M.length > 0 ? M.map((e) => /* @__PURE__ */ B("div", {
+									children: m.isLoading ? /* @__PURE__ */ L(_, { rows: 3 }) : m.isError ? /* @__PURE__ */ L(g, { onRetry: () => m.refetch() }) : M.length > 0 ? M.map((e) => /* @__PURE__ */ R("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__ */ B("div", {
+										children: [/* @__PURE__ */ R("div", {
 											className: "min-w-0 space-y-0.5",
-											children: [/* @__PURE__ */ z("p", {
+											children: [/* @__PURE__ */ L("p", {
 												className: "truncate text-sm font-medium text-text-primary",
 												children: e.name
-											}), /* @__PURE__ */ B("p", {
+											}), /* @__PURE__ */ R("p", {
 												className: "text-xs text-text-secondary",
 												children: [
 													x(e.targetAmount, e.currency),
@@ -202,13 +239,13 @@ function be() {
 													b(e.targetDate)
 												]
 											})]
-										}), /* @__PURE__ */ z(V, {
+										}), /* @__PURE__ */ L(z, {
 											variant: S(e.projection),
 											className: "shrink-0",
-											children: Q(e.projection)
+											children: X(e.projection)
 										})]
-									}, e.id)) : /* @__PURE__ */ z(h, {
-										icon: /* @__PURE__ */ z(P, {
+									}, e.id)) : /* @__PURE__ */ L(h, {
+										icon: /* @__PURE__ */ L(P, {
 											className: "size-6",
 											"aria-hidden": "true"
 										}),
@@ -220,38 +257,38 @@ function be() {
 						})]
 					})]
 				}),
-				/* @__PURE__ */ z(d, {
+				/* @__PURE__ */ L(d, {
 					index: 3,
-					children: /* @__PURE__ */ B(U, { children: [/* @__PURE__ */ B(K, { children: [/* @__PURE__ */ B(q, {
+					children: /* @__PURE__ */ R(V, { children: [/* @__PURE__ */ R(W, { children: [/* @__PURE__ */ R(G, {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ z(L, {
+						children: [/* @__PURE__ */ L(I, {
 							className: "size-5",
 							"aria-hidden": "true"
 						}), n("brainyrich.dashboard.sections.portfolios", "Portfolios")]
-					}), /* @__PURE__ */ z(G, { children: n("brainyrich.dashboard.sections.portfoliosDescription", "Your active investment strategies") })] }), /* @__PURE__ */ z(W, { children: c.isLoading ? /* @__PURE__ */ z(_, { rows: 3 }) : c.isError ? /* @__PURE__ */ z(g, { onRetry: () => c.refetch() }) : j.length > 0 ? /* @__PURE__ */ z("div", {
+					}), /* @__PURE__ */ L(U, { children: n("brainyrich.dashboard.sections.portfoliosDescription", "Your active investment strategies") })] }), /* @__PURE__ */ L(H, { children: l.isLoading ? /* @__PURE__ */ L(_, { rows: 3 }) : l.isError ? /* @__PURE__ */ L(g, { onRetry: () => l.refetch() }) : j.length > 0 ? /* @__PURE__ */ L("div", {
 						className: "grid gap-3 sm:grid-cols-2",
-						children: j.map((e) => /* @__PURE__ */ B("div", {
+						children: j.map((e) => /* @__PURE__ */ R("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__ */ B("div", {
+							children: [/* @__PURE__ */ R("div", {
 								className: "min-w-0 space-y-0.5",
-								children: [/* @__PURE__ */ z("p", {
+								children: [/* @__PURE__ */ L("p", {
 									className: "truncate text-sm font-medium text-text-primary",
 									children: e.name
-								}), e.description ? /* @__PURE__ */ z("p", {
+								}), e.description ? /* @__PURE__ */ L("p", {
 									className: "truncate text-xs text-text-secondary",
 									children: e.description
-								}) : /* @__PURE__ */ z("p", {
+								}) : /* @__PURE__ */ L("p", {
 									className: "text-xs text-text-secondary",
 									children: e.baseCurrency
 								})]
-							}), /* @__PURE__ */ z(V, {
+							}), /* @__PURE__ */ L(z, {
 								variant: S(e.status),
 								className: "shrink-0",
 								children: e.status
 							})]
 						}, e.id))
-					}) : /* @__PURE__ */ z(h, {
-						icon: /* @__PURE__ */ z(L, {
+					}) : /* @__PURE__ */ L(h, {
+						icon: /* @__PURE__ */ L(I, {
 							className: "size-6",
 							"aria-hidden": "true"
 						}),
@@ -263,11 +300,11 @@ function be() {
 		})
 	});
 }
-var $ = {
+var Z = {
 	CRITICAL: {
 		chip: "text-status-error-text bg-status-error-bg",
 		rail: "bg-status-error",
-		icon: /* @__PURE__ */ z(re, {
+		icon: /* @__PURE__ */ L(oe, {
 			className: "size-3",
 			"aria-hidden": "true"
 		})
@@ -275,7 +312,7 @@ var $ = {
 	HIGH: {
 		chip: "text-status-error-text bg-status-error-bg",
 		rail: "bg-status-error",
-		icon: /* @__PURE__ */ z(I, {
+		icon: /* @__PURE__ */ L(F, {
 			className: "size-3",
 			"aria-hidden": "true"
 		})
@@ -283,7 +320,7 @@ var $ = {
 	MEDIUM: {
 		chip: "text-status-warning-text bg-status-warning-bg",
 		rail: "bg-status-warning",
-		icon: /* @__PURE__ */ z(I, {
+		icon: /* @__PURE__ */ L(F, {
 			className: "size-3",
 			"aria-hidden": "true"
 		})
@@ -291,7 +328,7 @@ var $ = {
 	LOW: {
 		chip: "text-status-info-text bg-status-info-bg",
 		rail: "bg-status-info",
-		icon: /* @__PURE__ */ z(j, {
+		icon: /* @__PURE__ */ L(A, {
 			className: "size-3",
 			"aria-hidden": "true"
 		})
@@ -299,88 +336,88 @@ var $ = {
 	INFO: {
 		chip: "text-status-info-text bg-status-info-bg",
 		rail: "bg-status-info",
-		icon: /* @__PURE__ */ z(j, {
+		icon: /* @__PURE__ */ L(A, {
 			className: "size-3",
 			"aria-hidden": "true"
 		})
 	}
 };
-function xe({ severity: e }) {
-	let t = $[e] ?? $.INFO;
-	return /* @__PURE__ */ B("span", {
+function Ee({ severity: e }) {
+	let t = Z[e] ?? Z.INFO;
+	return /* @__PURE__ */ R("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 Se({ insight: e, translate: n }) {
-	let i = t(), a = r(), o = c(), [s, u] = E(!1), d = i.isPending || a.isPending || o.isPending, f = ($[e.severity] ?? $.INFO).rail;
-	return /* @__PURE__ */ B("div", {
+function Q({ insight: e, translate: n }) {
+	let i = t(), a = r(), o = c(), [s, u] = E(!1), d = i.isPending || a.isPending || o.isPending, f = (Z[e.severity] ?? Z.INFO).rail;
+	return /* @__PURE__ */ R("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__ */ z("span", {
+			/* @__PURE__ */ L("span", {
 				"aria-hidden": "true",
 				className: `absolute inset-y-0 left-0 w-1 ${f}`
 			}),
-			/* @__PURE__ */ B("div", {
+			/* @__PURE__ */ R("div", {
 				className: "min-w-0 space-y-1",
 				children: [
-					/* @__PURE__ */ B("div", {
+					/* @__PURE__ */ R("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ z(xe, { severity: e.severity }), /* @__PURE__ */ z("span", {
+						children: [/* @__PURE__ */ L(Ee, { severity: e.severity }), /* @__PURE__ */ L("span", {
 							className: "truncate text-xs text-text-secondary",
-							children: Q(e.type)
+							children: X(e.type)
 						})]
 					}),
-					/* @__PURE__ */ z("p", {
+					/* @__PURE__ */ L("p", {
 						className: "text-sm font-medium text-text-primary",
 						children: e.title
 					}),
-					e.detail ? /* @__PURE__ */ z("p", {
+					e.detail ? /* @__PURE__ */ L("p", {
 						className: "text-xs text-text-secondary",
 						children: e.detail
 					}) : null
 				]
 			}),
-			/* @__PURE__ */ B(J, { children: [/* @__PURE__ */ z(oe, {
+			/* @__PURE__ */ R(ue, { children: [/* @__PURE__ */ L(fe, {
 				asChild: !0,
-				children: /* @__PURE__ */ z(H, {
+				children: /* @__PURE__ */ L(B, {
 					variant: "ghost",
 					size: "icon",
 					className: "shrink-0",
 					disabled: d,
 					"aria-label": n("brainyrich.dashboard.insightActions", "Insight actions"),
-					children: /* @__PURE__ */ z(M, {
+					children: /* @__PURE__ */ L(j, {
 						className: "size-4",
 						"aria-hidden": "true"
 					})
 				})
-			}), /* @__PURE__ */ B(ae, {
+			}), /* @__PURE__ */ R(de, {
 				align: "end",
 				children: [
-					/* @__PURE__ */ B(Y, {
+					/* @__PURE__ */ R(K, {
 						onSelect: () => i.mutate(e.id),
-						children: [/* @__PURE__ */ z(O, {
+						children: [/* @__PURE__ */ L(O, {
 							className: "size-4",
 							"aria-hidden": "true"
 						}), n("brainyrich.dashboard.insight.acknowledge", "Acknowledge")]
 					}),
-					/* @__PURE__ */ B(Y, {
+					/* @__PURE__ */ R(K, {
 						onSelect: () => o.mutate(e.id),
-						children: [/* @__PURE__ */ z(k, {
+						children: [/* @__PURE__ */ L(k, {
 							className: "size-4",
 							"aria-hidden": "true"
 						}), n("brainyrich.dashboard.insight.resolve", "Resolve")]
 					}),
-					/* @__PURE__ */ B(Y, {
+					/* @__PURE__ */ R(K, {
 						onSelect: () => u(!0),
-						children: [/* @__PURE__ */ z(ie, {
+						children: [/* @__PURE__ */ L(ce, {
 							className: "size-4",
 							"aria-hidden": "true"
 						}), n("brainyrich.dashboard.insight.dismiss", "Dismiss")]
 					})
 				]
 			})] }),
-			/* @__PURE__ */ z(l, {
+			/* @__PURE__ */ L(l, {
 				open: s,
 				onOpenChange: u,
 				title: n("brainyrich.dashboard.insight.dismissTitle", "Dismiss this insight?"),
@@ -394,141 +431,150 @@ function Se({ insight: e, translate: n }) {
 		]
 	});
 }
-function Ce({ translate: e }) {
-	let [t, r] = E(!1), [i, a] = E(""), [o, s] = E("BROKERAGE"), [c, l] = E(""), [u, d] = E(""), [f, p] = E("USD"), [h, g] = E(null), _ = n(), v = i.trim(), y = v.length > 0 && !_.isPending, b = () => {
-		a(""), s("BROKERAGE"), l(""), d(""), p("USD"), g(null), _.reset();
+function $({ translate: e, compact: t = !1 }) {
+	let [r, i] = E(!1), [a, o] = E(""), [s, c] = E("BROKERAGE"), [l, u] = E(""), [d, f] = E(""), [p, h] = E("USD"), [g, _] = E(null), v = n(), y = a.trim(), b = y.length > 0 && !v.isPending, x = () => {
+		o(""), c("BROKERAGE"), u(""), f(""), h("USD"), _(null), v.reset();
 	};
-	return /* @__PURE__ */ B(se, {
-		open: t,
+	return /* @__PURE__ */ R(pe, {
+		open: r,
 		onOpenChange: (e) => {
-			r(e), e || b();
+			i(e), e || x();
 		},
-		children: [/* @__PURE__ */ B(H, {
+		children: [t ? /* @__PURE__ */ L(B, {
+			size: "icon",
+			className: "size-11 rounded-full",
+			onClick: () => i(!0),
+			"aria-label": e("brainyrich.dashboard.actions.newAccount", "New Account"),
+			children: /* @__PURE__ */ L(M, {
+				className: "size-5",
+				"aria-hidden": "true"
+			})
+		}) : /* @__PURE__ */ R(B, {
 			size: "sm",
-			onClick: () => r(!0),
-			children: [/* @__PURE__ */ z(N, {
+			onClick: () => i(!0),
+			children: [/* @__PURE__ */ L(N, {
 				className: "size-4",
 				"aria-hidden": "true"
 			}), e("brainyrich.dashboard.actions.newAccount", "New Account")]
-		}), /* @__PURE__ */ z(ce, { children: /* @__PURE__ */ B("form", {
+		}), /* @__PURE__ */ L(me, { children: /* @__PURE__ */ R("form", {
 			onSubmit: (t) => {
-				if (t.preventDefault(), !y) return;
-				let n = Number.parseFloat(u), i = {
-					name: v,
-					type: o,
-					currency: f.trim() || "USD",
+				if (t.preventDefault(), !b) return;
+				let n = Number.parseFloat(d), r = {
+					name: y,
+					type: s,
+					currency: p.trim() || "USD",
 					isManual: !0,
-					...c.trim() ? { institution: c.trim() } : {},
+					...l.trim() ? { institution: l.trim() } : {},
 					...Number.isFinite(n) ? { cashBalance: n } : {},
-					...h ? { householdId: h } : {}
+					...g ? { householdId: g } : {}
 				};
-				_.mutate(i, { onSuccess: () => {
-					C(), w(e("brainyrich.dashboard.newAccount.success", "Account created")), b(), r(!1);
+				v.mutate(r, { onSuccess: () => {
+					C(), w(e("brainyrich.dashboard.newAccount.success", "Account created")), x(), i(!1);
 				} });
 			},
 			className: "space-y-4",
 			children: [
-				/* @__PURE__ */ B(de, { children: [/* @__PURE__ */ z(fe, { children: e("brainyrich.dashboard.newAccount.title", "New Account") }), /* @__PURE__ */ z(le, { children: e("brainyrich.dashboard.newAccount.description", "Add a manual account to track alongside your linked institutions.") })] }),
-				/* @__PURE__ */ B("div", {
+				/* @__PURE__ */ R(_e, { children: [/* @__PURE__ */ L(ve, { children: e("brainyrich.dashboard.newAccount.title", "New Account") }), /* @__PURE__ */ L(he, { children: e("brainyrich.dashboard.newAccount.description", "Add a manual account to track alongside your linked institutions.") })] }),
+				/* @__PURE__ */ R("div", {
 					className: "space-y-2",
-					children: [/* @__PURE__ */ z(Z, {
+					children: [/* @__PURE__ */ L(J, {
 						htmlFor: "bra-account-name",
 						children: e("brainyrich.dashboard.newAccount.name", "Account name")
-					}), /* @__PURE__ */ z(X, {
+					}), /* @__PURE__ */ L(q, {
 						id: "bra-account-name",
-						value: i,
-						onChange: (e) => a(e.target.value),
+						value: a,
+						onChange: (e) => o(e.target.value),
 						placeholder: e("brainyrich.dashboard.newAccount.namePlaceholder", "e.g. Fidelity Brokerage"),
 						required: !0,
 						autoFocus: !0
 					})]
 				}),
-				/* @__PURE__ */ B("div", {
+				/* @__PURE__ */ R("div", {
 					className: "grid gap-4 sm:grid-cols-2",
-					children: [/* @__PURE__ */ B("div", {
+					children: [/* @__PURE__ */ R("div", {
 						className: "space-y-2",
-						children: [/* @__PURE__ */ z(Z, {
+						children: [/* @__PURE__ */ L(J, {
 							htmlFor: "bra-account-type",
 							children: e("brainyrich.dashboard.newAccount.type", "Type")
-						}), /* @__PURE__ */ B(pe, {
-							value: o,
-							onValueChange: (e) => s(e),
-							children: [/* @__PURE__ */ z(ge, {
+						}), /* @__PURE__ */ R(Y, {
+							value: s,
+							onValueChange: (e) => c(e),
+							children: [/* @__PURE__ */ L(xe, {
 								id: "bra-account-type",
-								children: /* @__PURE__ */ z(_e, {})
-							}), /* @__PURE__ */ z(me, { children: ve.map((e) => /* @__PURE__ */ z(he, {
+								children: /* @__PURE__ */ L(Se, {})
+							}), /* @__PURE__ */ L(ye, { children: Ce.map((e) => /* @__PURE__ */ L(be, {
 								value: e,
 								children: e.replace(/_/g, " ")
 							}, e)) })]
 						})]
-					}), /* @__PURE__ */ B("div", {
+					}), /* @__PURE__ */ R("div", {
 						className: "space-y-2",
-						children: [/* @__PURE__ */ z(Z, {
+						children: [/* @__PURE__ */ L(J, {
 							htmlFor: "bra-account-currency",
 							children: e("brainyrich.dashboard.newAccount.currency", "Currency")
-						}), /* @__PURE__ */ z(X, {
+						}), /* @__PURE__ */ L(q, {
 							id: "bra-account-currency",
-							value: f,
-							onChange: (e) => p(e.target.value.toUpperCase()),
+							value: p,
+							onChange: (e) => h(e.target.value.toUpperCase()),
 							maxLength: 3
 						})]
 					})]
 				}),
-				/* @__PURE__ */ B("div", {
+				/* @__PURE__ */ R("div", {
 					className: "space-y-2",
-					children: [/* @__PURE__ */ z(Z, {
+					children: [/* @__PURE__ */ L(J, {
 						htmlFor: "bra-account-institution",
 						children: e("brainyrich.dashboard.newAccount.institution", "Institution (optional)")
-					}), /* @__PURE__ */ z(X, {
+					}), /* @__PURE__ */ L(q, {
 						id: "bra-account-institution",
-						value: c,
-						onChange: (e) => l(e.target.value),
+						value: l,
+						onChange: (e) => u(e.target.value),
 						placeholder: e("brainyrich.dashboard.newAccount.institutionPlaceholder", "e.g. Fidelity")
 					})]
 				}),
-				/* @__PURE__ */ z(m, {
+				/* @__PURE__ */ L(m, {
 					id: "bra-account-household",
-					value: h,
-					onChange: g,
+					value: g,
+					onChange: _,
 					label: e("brainyrich.dashboard.newAccount.household", "Household (optional)"),
 					noneLabel: e("brainyrich.dashboard.newAccount.noHousehold", "No household"),
-					disabled: _.isPending
+					disabled: v.isPending
 				}),
-				/* @__PURE__ */ B("div", {
+				/* @__PURE__ */ R("div", {
 					className: "space-y-2",
-					children: [/* @__PURE__ */ z(Z, {
+					children: [/* @__PURE__ */ L(J, {
 						htmlFor: "bra-account-cash",
 						children: e("brainyrich.dashboard.newAccount.cash", "Cash balance (optional)")
-					}), /* @__PURE__ */ z(X, {
+					}), /* @__PURE__ */ L(q, {
 						id: "bra-account-cash",
 						type: "number",
 						inputMode: "decimal",
 						step: "0.01",
-						value: u,
-						onChange: (e) => d(e.target.value),
+						value: d,
+						onChange: (e) => f(e.target.value),
 						placeholder: "0.00"
 					})]
 				}),
-				_.isError ? /* @__PURE__ */ z("p", {
+				v.isError ? /* @__PURE__ */ L("p", {
 					className: "text-sm text-status-error-text",
-					children: _.error instanceof Error ? _.error.message : e("brainyrich.dashboard.newAccount.error", "Could not create account.")
+					children: v.error instanceof Error ? v.error.message : e("brainyrich.dashboard.newAccount.error", "Could not create account.")
 				}) : null,
-				/* @__PURE__ */ B(ue, { children: [/* @__PURE__ */ z(H, {
+				/* @__PURE__ */ R(ge, { children: [/* @__PURE__ */ L(B, {
 					type: "button",
 					variant: "outline",
-					onClick: () => r(!1),
-					disabled: _.isPending,
+					onClick: () => i(!1),
+					disabled: v.isPending,
 					children: e("brainyrich.common.cancel", "Cancel")
-				}), /* @__PURE__ */ z(H, {
+				}), /* @__PURE__ */ L(B, {
 					type: "submit",
-					disabled: !y,
-					children: _.isPending ? e("brainyrich.dashboard.newAccount.creating", "Creating…") : e("brainyrich.dashboard.newAccount.create", "Create account")
+					disabled: !b,
+					children: v.isPending ? e("brainyrich.dashboard.newAccount.creating", "Creating…") : e("brainyrich.dashboard.newAccount.create", "Create account")
 				})] })
 			]
 		}) })]
 	});
 }
 //#endregion
-export { be as DashboardPage };
+export { Te as DashboardPage };
 
 //# sourceMappingURL=DashboardPage.js.map