@burdenoff/microfe-brainyrich 2026.830.2 → 2026.1025.1

package/dist/brainyrich/pages/AccountsPage.js

@@ -8,12 +8,13 @@ import "../components/index.js";
 import { EmptyState as u, ErrorState as d, LoadingState as f, SectionShell as p, formatCompact as oe, formatDate as se, formatMoney as m, statusBadgeVariant as ce } from "./_shared.js";
 import { hapticSuccess as le, showToast as ue } from "../utils/nativeControls.js";
 import { useTrackBrainyRichPageView as de } from "../hooks/useBrainyRichAnalytics.js";
+import { AggregationPanel as fe } from "../components/AggregationPanel.js";
 import { DocumentsPanel as h } from "../components/reuse/DocumentsPanel.js";
 import { TagField as g } from "../components/reuse/TagField.js";
-import { useEffect as fe, useMemo as pe, useState as _ } from "react";
-import { Archive as me, ArrowDownRight as v, ArrowUpRight as y, Building2 as he, CheckCircle2 as ge, ChevronRight as _e, Landmark as b, Layers as ve, MoreHorizontal as ye, Pencil as be, Plus as xe, Receipt as x, Wallet as Se } from "lucide-react";
+import { useEffect as pe, useMemo as me, useState as _ } from "react";
+import { Archive as he, ArrowDownRight as v, ArrowUpRight as y, Building2 as ge, CheckCircle2 as _e, ChevronRight as ve, Landmark as b, Layers as ye, MoreHorizontal as be, Pencil as xe, Plus as Se, Receipt as x, Wallet as Ce } from "lucide-react";
 import { jsx as S, jsxs as C } from "react/jsx-runtime";
-import { Badge as w, Button as T, Card as Ce, CardContent as we, CardDescription as Te, CardHeader as Ee, CardTitle as De, DropdownMenu as Oe, DropdownMenuContent as ke, DropdownMenuItem as Ae, DropdownMenuTrigger as je, Input as E, Label as D, ResponsiveDialog as O, ResponsiveDialogClose as Me, ResponsiveDialogContent as k, ResponsiveDialogDescription as A, ResponsiveDialogFooter as j, ResponsiveDialogHeader as M, ResponsiveDialogTitle as N, Select as Ne, SelectContent as Pe, SelectItem as Fe, SelectTrigger as Ie, SelectValue as Le, Sheet as P, SheetContent as F, SheetDescription as I, SheetHeader as L, SheetTitle as Re, Table as ze, TableBody as Be, TableCell as R, TableHead as z, TableHeader as Ve, TableRow as B, Tabs as V, TabsContent as H, TabsList as U, TabsTrigger as W, Textarea as He } from "@burdenoff/fe-libs/ui";
+import { Badge as w, Button as T, Card as we, CardContent as Te, CardDescription as Ee, CardHeader as De, CardTitle as Oe, DropdownMenu as ke, DropdownMenuContent as Ae, DropdownMenuItem as je, DropdownMenuTrigger as Me, Input as E, Label as D, ResponsiveDialog as O, ResponsiveDialogClose as Ne, ResponsiveDialogContent as k, ResponsiveDialogDescription as A, ResponsiveDialogFooter as j, ResponsiveDialogHeader as M, ResponsiveDialogTitle as N, Select as Pe, SelectContent as Fe, SelectItem as Ie, SelectTrigger as Le, SelectValue as Re, Sheet as P, SheetContent as F, SheetDescription as I, SheetHeader as L, SheetTitle as ze, Table as Be, TableBody as Ve, TableCell as R, TableHead as z, TableHeader as He, TableRow as B, Tabs as V, TabsContent as H, TabsList as U, TabsTrigger as W, Textarea as Ue } from "@burdenoff/fe-libs/ui";
 //#region src/brainyrich/pages/AccountsPage.tsx
 var G = [
 	"BANK",
@@ -24,7 +25,7 @@ var G = [
 	"REAL_ESTATE",
 	"ALTERNATIVE",
 	"LIABILITY"
-], Ue = [
+], We = [
 	"BUY",
 	"SELL",
 	"DIVIDEND",
@@ -33,7 +34,7 @@ var G = [
 	"WITHDRAWAL",
 	"FEE",
 	"TRANSFER"
-], We = {
+], Ge = {
 	BANK: "teal",
 	BROKERAGE: "brand",
 	RETIREMENT: "blue",
@@ -59,7 +60,7 @@ var J = {
 	cashBalance: "",
 	accountMask: "",
 	householdId: null
-}, Ge = {
+}, Ke = {
 	type: "DEPOSIT",
 	tradeDate: "",
 	symbol: "",
@@ -71,15 +72,15 @@ var J = {
 };
 function Y() {
 	de("brainyrich.accounts.viewed");
-	let e = t().data, a = i(), [o, l] = _(void 0), [se, h] = _(!1), [g, v] = _(J), [y, x] = _(null), [P, F] = _(J), [I, L] = _(null), [Re, V] = _(!1), [H, U] = _(void 0), [W, G] = _(void 0), [K, Y] = _(Ge), X = r(), Z = te(), Je = n(), Q = ee();
-	fe(() => {
+	let e = t().data, a = i(), [o, l] = _(void 0), [se, h] = _(!1), [g, v] = _(J), [y, x] = _(null), [P, F] = _(J), [I, L] = _(null), [ze, V] = _(!1), [H, U] = _(void 0), [W, G] = _(void 0), [K, Y] = _(Ke), X = r(), Z = te(), Ye = n(), Xe = ee();
+	pe(() => {
 		if (!W) return;
 		let e = window.setTimeout(() => {
 			G(void 0), V(!0);
 		}, 320);
 		return () => window.clearTimeout(e);
 	}, [W]);
-	let Ye = e.reduce((e, t) => e + (t.cashBalance ?? 0), 0), Xe = e.filter((e) => e.status === "ACTIVE").length, Ze = new Set(e.map((e) => e.institution).filter((e) => !!e)).size, Qe = e[0]?.currency ?? "USD", $e = pe(() => {
+	let Ze = e.reduce((e, t) => e + (t.cashBalance ?? 0), 0), Qe = e.filter((e) => e.status === "ACTIVE").length, $e = new Set(e.map((e) => e.institution).filter((e) => !!e)).size, et = e[0]?.currency ?? "USD", tt = me(() => {
 		let t = /* @__PURE__ */ new Map();
 		for (let n of e) {
 			let e = n.cashBalance ?? 0;
@@ -88,13 +89,13 @@ function Y() {
 		return [...t.entries()].map(([e, t]) => ({
 			label: e.replace(/_/g, " "),
 			value: t,
-			tone: We[e]
+			tone: Ge[e]
 		})).sort((e, t) => t.value - e.value);
 	}, [e]);
-	function et() {
+	function nt() {
 		v(J), h(!0);
 	}
-	function tt() {
+	function rt() {
 		g.name.trim() && X.mutate({
 			name: g.name.trim(),
 			type: g.type,
@@ -105,7 +106,7 @@ function Y() {
 			householdId: g.householdId
 		}, { onSuccess: () => h(!1) });
 	}
-	function nt(e) {
+	function it(e) {
 		x(e), F({
 			name: e.name,
 			type: e.type,
@@ -116,7 +117,7 @@ function Y() {
 			householdId: e.householdId
 		});
 	}
-	function rt() {
+	function at() {
 		!y || !P.name.trim() || Z.mutate({
 			id: y.id,
 			input: {
@@ -130,36 +131,36 @@ function Y() {
 			}
 		}, { onSuccess: () => x(null) });
 	}
-	function it() {
+	function ot() {
 		if (!I) return;
 		let e = I.id;
-		Je.mutate(e, { onSuccess: () => {
+		Ye.mutate(e, { onSuccess: () => {
 			le(), ue("Account archived"), L(null), o === e && l(void 0);
 		} });
 	}
-	function at(e) {
-		Y(Ge), U(e), l(void 0), G(e);
+	function st(e) {
+		Y(Ke), U(e), l(void 0), G(e);
 	}
-	function ot() {
+	function ct() {
 		G(void 0), V(!1);
 		let e = H;
 		U(void 0), e && l(e);
 	}
-	let st = q(K.amount), $ = st !== void 0 && st > 0, ct = !!(H && K.tradeDate) && $;
-	function lt() {
+	let Q = q(K.amount), $ = Q !== void 0 && Q > 0, lt = !!(H && K.tradeDate) && $;
+	function ut() {
 		if (!H || !K.tradeDate || !$) return;
 		let e = new Date(K.tradeDate);
-		Number.isNaN(e.getTime()) || Q.mutate({
+		Number.isNaN(e.getTime()) || Xe.mutate({
 			accountId: H,
 			type: K.type,
 			tradeDate: e.toISOString(),
 			symbol: K.symbol.trim() || null,
 			quantity: q(K.quantity),
 			price: q(K.price),
-			amount: st,
+			amount: Q,
 			fee: q(K.fee),
 			notes: K.notes.trim() || null
-		}, { onSuccess: ot });
+		}, { onSuccess: ct });
 	}
 	return /* @__PURE__ */ S("div", {
 		"data-tour": "brainyrich-page-accounts",
@@ -169,7 +170,7 @@ function Y() {
 			description: "Linked bank, brokerage and retirement accounts with recent activity.",
 			badges: [`${e.length} account${e.length === 1 ? "" : "s"}`],
 			actionLabel: "New account",
-			onAction: et,
+			onAction: nt,
 			children: [
 				/* @__PURE__ */ C("div", {
 					className: "grid gap-4 lg:grid-cols-3",
@@ -180,9 +181,9 @@ function Y() {
 								index: 0,
 								children: /* @__PURE__ */ S(c, {
 									label: "Total cash",
-									value: m(Ye, Qe),
+									value: m(Ze, et),
 									glow: !0,
-									icon: /* @__PURE__ */ S(Se, {
+									icon: /* @__PURE__ */ S(Ce, {
 										className: "size-4",
 										"aria-hidden": "true"
 									})
@@ -203,8 +204,8 @@ function Y() {
 								index: 2,
 								children: /* @__PURE__ */ S(c, {
 									label: "Active",
-									value: `${Xe}/${e.length}`,
-									icon: /* @__PURE__ */ S(ge, {
+									value: `${Qe}/${e.length}`,
+									icon: /* @__PURE__ */ S(_e, {
 										className: "size-4",
 										"aria-hidden": "true"
 									})
@@ -214,8 +215,8 @@ function Y() {
 								index: 3,
 								children: /* @__PURE__ */ S(c, {
 									label: "Institutions",
-									value: String(Ze),
-									icon: /* @__PURE__ */ S(he, {
+									value: String($e),
+									icon: /* @__PURE__ */ S(ge, {
 										className: "size-4",
 										"aria-hidden": "true"
 									})
@@ -229,22 +230,22 @@ function Y() {
 							glow: !0,
 							children: [/* @__PURE__ */ C("div", {
 								className: "mb-2 flex items-center gap-2",
-								children: [/* @__PURE__ */ S(ve, {
+								children: [/* @__PURE__ */ S(ye, {
 									className: "size-4 text-text-secondary",
 									"aria-hidden": "true"
 								}), /* @__PURE__ */ S("h2", {
 									className: "text-sm font-semibold text-text-primary",
 									children: "Cash by account type"
 								})]
-							}), $e.length === 0 ? /* @__PURE__ */ S("p", {
+							}), tt.length === 0 ? /* @__PURE__ */ S("p", {
 								className: "py-8 text-center text-sm text-text-secondary",
 								children: "No cash balances recorded yet."
 							}) : /* @__PURE__ */ S(ie, {
-								data: $e,
-								centerValue: oe(Ye, Qe),
+								data: tt,
+								centerValue: oe(Ze, et),
 								centerLabel: "Total cash",
 								height: 200,
-								valueFormatter: (e) => m(e, Qe)
+								valueFormatter: (e) => m(e, et)
 							})]
 						})
 					})]
@@ -252,15 +253,15 @@ function Y() {
 				/* @__PURE__ */ S(s, {
 					index: 5,
 					as: "section",
-					children: /* @__PURE__ */ C(Ce, {
+					children: /* @__PURE__ */ C(we, {
 						className: "transition-shadow motion-safe:hover:shadow-[var(--shadow-pop-hover,var(--shadow-elevation-2))]",
-						children: [/* @__PURE__ */ C(Ee, { children: [/* @__PURE__ */ C(De, {
+						children: [/* @__PURE__ */ C(De, { children: [/* @__PURE__ */ C(Oe, {
 							className: "flex items-center gap-2",
 							children: [/* @__PURE__ */ S(b, {
 								className: "h-5 w-5",
 								"aria-hidden": "true"
 							}), "Linked accounts"]
-						}), /* @__PURE__ */ S(Te, { children: "Select an account to view holdings and transactions." })] }), /* @__PURE__ */ S(we, { children: a.isLoading ? /* @__PURE__ */ S(f, {}) : a.isError ? /* @__PURE__ */ S(d, { onRetry: () => a.refetch() }) : a.items.length === 0 ? /* @__PURE__ */ S(u, {
+						}), /* @__PURE__ */ S(Ee, { children: "Select an account to view holdings and transactions." })] }), /* @__PURE__ */ S(Te, { children: a.isLoading ? /* @__PURE__ */ S(f, {}) : a.isError ? /* @__PURE__ */ S(d, { onRetry: () => a.refetch() }) : a.items.length === 0 ? /* @__PURE__ */ S(u, {
 							icon: /* @__PURE__ */ S(b, {
 								className: "size-6",
 								"aria-hidden": "true"
@@ -269,15 +270,15 @@ function Y() {
 							description: "Add your first bank, brokerage or retirement account to start tracking net worth.",
 							action: /* @__PURE__ */ C(T, {
 								size: "sm",
-								onClick: et,
-								children: [/* @__PURE__ */ S(xe, {
+								onClick: nt,
+								children: [/* @__PURE__ */ S(Se, {
 									className: "size-4",
 									"aria-hidden": "true"
 								}), "New account"]
 							})
 						}) : /* @__PURE__ */ C("div", {
 							className: "overflow-x-auto",
-							children: [/* @__PURE__ */ C(ze, { children: [/* @__PURE__ */ S(Ve, { children: /* @__PURE__ */ C(B, { children: [
+							children: [/* @__PURE__ */ C(Be, { children: [/* @__PURE__ */ S(He, { children: /* @__PURE__ */ C(B, { children: [
 								/* @__PURE__ */ S(z, { children: "Account" }),
 								/* @__PURE__ */ S(z, { children: "Type" }),
 								/* @__PURE__ */ S(z, { children: "Institution" }),
@@ -290,7 +291,7 @@ function Y() {
 									className: "w-12 text-right",
 									children: "Actions"
 								})
-							] }) }), /* @__PURE__ */ S(Be, { children: a.items.map((e) => /* @__PURE__ */ C(B, {
+							] }) }), /* @__PURE__ */ S(Ve, { children: a.items.map((e) => /* @__PURE__ */ C(B, {
 								className: "group cursor-pointer transition-colors hover:bg-bg-elevated",
 								onClick: () => l(e.id),
 								children: [
@@ -304,13 +305,17 @@ function Y() {
 											className: "min-w-0",
 											children: [/* @__PURE__ */ C("p", {
 												className: "flex items-center gap-1 truncate font-medium text-text-primary",
-												children: [e.name, /* @__PURE__ */ S(_e, {
+												children: [e.name, /* @__PURE__ */ S(ve, {
 													className: "size-3.5 shrink-0 text-text-secondary opacity-0 transition-opacity group-hover:opacity-100",
 													"aria-hidden": "true"
 												})]
 											}), /* @__PURE__ */ C("p", {
 												className: "truncate text-xs text-text-secondary",
-												children: [e.institution ?? "Manual account", e.accountMask ? ` · ••${e.accountMask}` : ""]
+												children: [
+													e.institution ?? (e.isManual ? "Manual account" : "Synced account"),
+													e.accountMask ? ` · ••${e.accountMask}` : "",
+													e.isManual ? "" : " · Synced automatically"
+												]
 											})]
 										})]
 									}) }),
@@ -333,29 +338,29 @@ function Y() {
 									/* @__PURE__ */ S(R, {
 										className: "text-right",
 										onClick: (e) => e.stopPropagation(),
-										children: /* @__PURE__ */ C(Oe, { children: [/* @__PURE__ */ S(je, {
+										children: /* @__PURE__ */ C(ke, { children: [/* @__PURE__ */ S(Me, {
 											asChild: !0,
 											children: /* @__PURE__ */ S(T, {
 												variant: "ghost",
 												size: "sm",
 												"aria-label": `Actions for ${e.name}`,
-												children: /* @__PURE__ */ S(ye, {
+												children: /* @__PURE__ */ S(be, {
 													className: "size-4",
 													"aria-hidden": "true"
 												})
 											})
-										}), /* @__PURE__ */ C(ke, {
+										}), /* @__PURE__ */ C(Ae, {
 											align: "end",
-											children: [/* @__PURE__ */ C(Ae, {
-												onClick: () => nt(e),
-												children: [/* @__PURE__ */ S(be, {
+											children: [/* @__PURE__ */ C(je, {
+												onClick: () => it(e),
+												children: [/* @__PURE__ */ S(xe, {
 													className: "size-4",
 													"aria-hidden": "true"
 												}), "Edit"]
-											}), /* @__PURE__ */ C(Ae, {
+											}), /* @__PURE__ */ C(je, {
 												className: "text-status-error-text",
 												onClick: () => L(e),
-												children: [/* @__PURE__ */ S(me, {
+												children: [/* @__PURE__ */ S(he, {
 													className: "size-4",
 													"aria-hidden": "true"
 												}), "Archive"]
@@ -372,6 +377,11 @@ function Y() {
 						}) })]
 					})
 				}),
+				/* @__PURE__ */ S(s, {
+					index: 6,
+					as: "section",
+					children: /* @__PURE__ */ S(fe, {})
+				}),
 				/* @__PURE__ */ S(O, {
 					open: se,
 					onOpenChange: h,
@@ -379,18 +389,18 @@ function Y() {
 						className: "max-h-[90vh] overflow-y-auto",
 						children: [
 							/* @__PURE__ */ C(M, { children: [/* @__PURE__ */ S(N, { children: "New account" }), /* @__PURE__ */ S(A, { children: "Add a bank, brokerage or retirement account." })] }),
-							/* @__PURE__ */ S(Ke, {
+							/* @__PURE__ */ S(qe, {
 								form: g,
 								onChange: v
 							}),
-							/* @__PURE__ */ C(j, { children: [/* @__PURE__ */ S(Me, {
+							/* @__PURE__ */ C(j, { children: [/* @__PURE__ */ S(Ne, {
 								asChild: !0,
 								children: /* @__PURE__ */ S(T, {
 									variant: "outline",
 									children: "Cancel"
 								})
 							}), /* @__PURE__ */ S(T, {
-								onClick: tt,
+								onClick: rt,
 								disabled: !g.name.trim() || X.isPending,
 								children: X.isPending ? "Creating…" : "Create account"
 							})] })
@@ -404,7 +414,7 @@ function Y() {
 						className: "max-h-[90vh] overflow-y-auto",
 						children: [
 							/* @__PURE__ */ C(M, { children: [/* @__PURE__ */ S(N, { children: "Edit account" }), /* @__PURE__ */ S(A, { children: "Update account details." })] }),
-							/* @__PURE__ */ S(Ke, {
+							/* @__PURE__ */ S(qe, {
 								form: P,
 								onChange: F
 							}),
@@ -413,7 +423,7 @@ function Y() {
 								onClick: () => x(null),
 								children: "Cancel"
 							}), /* @__PURE__ */ S(T, {
-								onClick: rt,
+								onClick: at,
 								disabled: !P.name.trim() || Z.isPending,
 								children: Z.isPending ? "Saving…" : "Save changes"
 							})] })
@@ -428,19 +438,19 @@ function Y() {
 					confirmLabel: "Archive account",
 					pendingLabel: "Archiving…",
 					destructive: !0,
-					pending: Je.isPending,
-					onConfirm: it
+					pending: Ye.isPending,
+					onConfirm: ot
 				}),
-				/* @__PURE__ */ S(qe, {
+				/* @__PURE__ */ S(Je, {
 					accountId: o,
 					onClose: () => {
 						l(void 0), G(void 0);
 					},
-					onRecordTransaction: at
+					onRecordTransaction: st
 				}),
 				/* @__PURE__ */ S(O, {
-					open: Re,
-					onOpenChange: (e) => !e && ot(),
+					open: ze,
+					onOpenChange: (e) => !e && ct(),
 					children: /* @__PURE__ */ C(k, {
 						className: "max-h-[90vh] overflow-y-auto",
 						children: [
@@ -455,16 +465,16 @@ function Y() {
 											children: [/* @__PURE__ */ S(D, {
 												htmlFor: "tx-type",
 												children: "Type"
-											}), /* @__PURE__ */ C(Ne, {
+											}), /* @__PURE__ */ C(Pe, {
 												value: K.type,
 												onValueChange: (e) => Y((t) => ({
 													...t,
 													type: e
 												})),
-												children: [/* @__PURE__ */ S(Ie, {
+												children: [/* @__PURE__ */ S(Le, {
 													id: "tx-type",
-													children: /* @__PURE__ */ S(Le, {})
-												}), /* @__PURE__ */ S(Pe, { children: Ue.map((e) => /* @__PURE__ */ S(Fe, {
+													children: /* @__PURE__ */ S(Re, {})
+												}), /* @__PURE__ */ S(Fe, { children: We.map((e) => /* @__PURE__ */ S(Ie, {
 													value: e,
 													children: e.replace(/_/g, " ")
 												}, e)) })]
@@ -584,7 +594,7 @@ function Y() {
 										children: [/* @__PURE__ */ S(D, {
 											htmlFor: "tx-notes",
 											children: "Notes"
-										}), /* @__PURE__ */ S(He, {
+										}), /* @__PURE__ */ S(Ue, {
 											id: "tx-notes",
 											value: K.notes,
 											onChange: (e) => Y((t) => ({
@@ -598,12 +608,12 @@ function Y() {
 							}),
 							/* @__PURE__ */ C(j, { children: [/* @__PURE__ */ S(T, {
 								variant: "outline",
-								onClick: ot,
+								onClick: ct,
 								children: "Cancel"
 							}), /* @__PURE__ */ S(T, {
-								onClick: lt,
-								disabled: !ct || Q.isPending,
-								children: Q.isPending ? "Saving…" : "Record transaction"
+								onClick: ut,
+								disabled: !lt || Xe.isPending,
+								children: Xe.isPending ? "Saving…" : "Record transaction"
 							})] })
 						]
 					})
@@ -612,7 +622,7 @@ function Y() {
 		})
 	});
 }
-function Ke({ form: e, onChange: t }) {
+function qe({ form: e, onChange: t }) {
 	return /* @__PURE__ */ C("div", {
 		className: "grid gap-4",
 		children: [
@@ -638,16 +648,16 @@ function Ke({ form: e, onChange: t }) {
 					children: [/* @__PURE__ */ S(D, {
 						htmlFor: "acct-type",
 						children: "Type"
-					}), /* @__PURE__ */ C(Ne, {
+					}), /* @__PURE__ */ C(Pe, {
 						value: e.type,
 						onValueChange: (e) => t((t) => ({
 							...t,
 							type: e
 						})),
-						children: [/* @__PURE__ */ S(Ie, {
+						children: [/* @__PURE__ */ S(Le, {
 							id: "acct-type",
-							children: /* @__PURE__ */ S(Le, {})
-						}), /* @__PURE__ */ S(Pe, { children: G.map((e) => /* @__PURE__ */ S(Fe, {
+							children: /* @__PURE__ */ S(Re, {})
+						}), /* @__PURE__ */ S(Fe, { children: G.map((e) => /* @__PURE__ */ S(Ie, {
 							value: e,
 							children: e.replace(/_/g, " ")
 						}, e)) })]
@@ -725,8 +735,8 @@ function Ke({ form: e, onChange: t }) {
 		]
 	});
 }
-function qe({ accountId: t, onClose: n, onRecordTransaction: r }) {
-	let { data: i, isLoading: ee, isError: te, refetch: re } = e(t), s = a(t ? { accountId: t } : {}, { enabled: !!t }), c = t ? s.items : [], l = pe(() => i ? i.holdings.filter((e) => Number.isFinite(e.marketValue) && e.marketValue > 0).map((e) => ({
+function Je({ accountId: t, onClose: n, onRecordTransaction: r }) {
+	let { data: i, isLoading: ee, isError: te, refetch: re } = e(t), s = a(t ? { accountId: t } : {}, { enabled: !!t }), c = t ? s.items : [], l = me(() => i ? i.holdings.filter((e) => Number.isFinite(e.marketValue) && e.marketValue > 0).map((e) => ({
 		label: e.symbol,
 		value: e.marketValue
 	})).sort((e, t) => t.value - e.value) : [], [i]), p = l.reduce((e, t) => e + t.value, 0);
@@ -737,7 +747,7 @@ function qe({ accountId: t, onClose: n, onRecordTransaction: r }) {
 			className: "flex w-full flex-col overflow-y-auto p-0 sm:max-w-xl",
 			children: [/* @__PURE__ */ C(L, {
 				className: "border-b border-border-subtle px-6 pb-4 pt-6",
-				children: [/* @__PURE__ */ S(Re, {
+				children: [/* @__PURE__ */ S(ze, {
 					className: "text-lg",
 					children: i?.name ?? "Account"
 				}), /* @__PURE__ */ S(I, { children: i ? `${i.institution ?? "Manual account"} · ${i.type.replace(/_/g, " ")}` : "Loading account details…" })]
@@ -852,7 +862,7 @@ function qe({ accountId: t, onClose: n, onRecordTransaction: r }) {
 								value: "holdings",
 								className: "mt-4",
 								children: i.holdings.length === 0 ? /* @__PURE__ */ S(u, {
-									icon: /* @__PURE__ */ S(ve, {
+									icon: /* @__PURE__ */ S(ye, {
 										className: "size-6",
 										"aria-hidden": "true"
 									}),
@@ -860,7 +870,7 @@ function qe({ accountId: t, onClose: n, onRecordTransaction: r }) {
 									description: "This account has no positions recorded yet."
 								}) : /* @__PURE__ */ S("div", {
 									className: "overflow-x-auto rounded-lg border border-border-subtle",
-									children: /* @__PURE__ */ C(ze, { children: [/* @__PURE__ */ S(Ve, { children: /* @__PURE__ */ C(B, { children: [
+									children: /* @__PURE__ */ C(Be, { children: [/* @__PURE__ */ S(He, { children: /* @__PURE__ */ C(B, { children: [
 										/* @__PURE__ */ S(z, { children: "Holding" }),
 										/* @__PURE__ */ S(z, {
 											className: "text-right",
@@ -874,7 +884,7 @@ function qe({ accountId: t, onClose: n, onRecordTransaction: r }) {
 											className: "text-right",
 											children: "Market value"
 										})
-									] }) }), /* @__PURE__ */ S(Be, { children: i.holdings.map((e) => /* @__PURE__ */ C(B, {
+									] }) }), /* @__PURE__ */ S(Ve, { children: i.holdings.map((e) => /* @__PURE__ */ C(B, {
 										className: "transition-colors hover:bg-bg-elevated",
 										children: [
 											/* @__PURE__ */ C(R, { children: [/* @__PURE__ */ S("p", {
@@ -926,7 +936,7 @@ function qe({ accountId: t, onClose: n, onRecordTransaction: r }) {
 									action: /* @__PURE__ */ C(T, {
 										size: "sm",
 										onClick: () => r(i.id),
-										children: [/* @__PURE__ */ S(xe, {
+										children: [/* @__PURE__ */ S(Se, {
 											className: "size-4",
 											"aria-hidden": "true"
 										}), "Record transaction"]