@burdenoff/microfe-brainyrich 2026.706.4 → 2026.713.1

package/dist/brainyrich/pages/AccountsPage.js

@@ -1,18 +1,21 @@
 import { useAccount as e, useAllAccounts as t, useArchiveAccount as n, useCreateAccount as r, usePagedAccounts as i, usePagedTransactions as a, useRecordTransaction as ee, useUpdateAccount as te } from "../hooks/useBrainyRichApi.js";
-import { LoadMore as ne } from "../components/LoadMore.js";
-import { ConfirmDialog as re } from "../components/ConfirmDialog.js";
-import { ActorName as o } from "../components/ActorName.js";
-import { DonutChart as ie, FadeIn as s, GlassCard as ae, StatTile as c } from "../components/viz.js";
-import { HouseholdPicker as l } from "../components/pickers.js";
+import { LoadMore as o } from "../components/LoadMore.js";
+import { ConfirmDialog as ne } from "../components/ConfirmDialog.js";
+import { ActorName as s } from "../components/ActorName.js";
+import { DonutChart as re, FadeIn as c, GlassCard as ie, StatTile as l } from "../components/viz.js";
+import { HouseholdPicker as u } from "../components/pickers.js";
 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 { DocumentsPanel as h } from "../components/reuse/DocumentsPanel.js";
-import { useMemo as le, useState as g } from "react";
-import { Archive as ue, ArrowDownRight as _, ArrowUpRight as v, Building2 as de, CheckCircle2 as fe, ChevronRight as pe, Landmark as y, Layers as me, MoreHorizontal as he, Pencil as ge, Plus as _e, Receipt as b, Wallet as ve } from "lucide-react";
-import { jsx as x, jsxs as S } from "react/jsx-runtime";
-import { Badge as C, Button as w, Card as ye, CardContent as be, CardDescription as xe, CardHeader as Se, CardTitle as Ce, Dialog as T, DialogClose as we, DialogContent as E, DialogDescription as D, DialogFooter as O, DialogHeader as k, DialogTitle as A, DropdownMenu as Te, DropdownMenuContent as Ee, DropdownMenuItem as De, DropdownMenuTrigger as Oe, Input as j, Label as M, Select as ke, SelectContent as Ae, SelectItem as je, SelectTrigger as Me, SelectValue as Ne, Sheet as N, SheetContent as P, SheetDescription as F, SheetHeader as I, SheetTitle as L, Table as Pe, TableBody as Fe, TableCell as R, TableHead as z, TableHeader as Ie, TableRow as B, Tabs as Le, TabsContent as V, TabsList as H, TabsTrigger as U, Textarea as Re } from "@burdenoff/fe-libs/ui";
+import { EmptyState as d, ErrorState as f, LoadingState as p, SectionShell as m, formatCompact as ae, formatDate as oe, formatMoney as h, statusBadgeVariant as se } from "./_shared.js";
+import { hapticSuccess as ce, showToast as le } from "../utils/nativeControls.js";
+import { useTrackBrainyRichPageView as ue } from "../hooks/useBrainyRichAnalytics.js";
+import { DocumentsPanel as g } from "../components/reuse/DocumentsPanel.js";
+import { TagField as _ } from "../components/reuse/TagField.js";
+import { useMemo as de, useState as v } from "react";
+import { Archive as fe, ArrowDownRight as y, ArrowUpRight as b, Building2 as pe, CheckCircle2 as me, ChevronRight as he, Landmark as x, Layers as ge, MoreHorizontal as _e, Pencil as ve, Plus as ye, Receipt as S, Wallet as be } from "lucide-react";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
+import { Badge as T, Button as E, Card as xe, CardContent as Se, CardDescription as Ce, CardHeader as we, CardTitle as Te, Dialog as D, DialogClose as Ee, DialogContent as O, DialogDescription as k, DialogFooter as A, DialogHeader as j, DialogTitle as M, DropdownMenu as De, DropdownMenuContent as Oe, DropdownMenuItem as ke, DropdownMenuTrigger as Ae, Input as N, Label as P, Select as je, SelectContent as Me, SelectItem as Ne, SelectTrigger as Pe, SelectValue as Fe, Sheet as F, SheetContent as I, SheetDescription as L, SheetHeader as R, SheetTitle as Ie, Table as Le, TableBody as Re, TableCell as z, TableHead as B, TableHeader as ze, TableRow as V, Tabs as H, TabsContent as U, TabsList as W, TabsTrigger as G, Textarea as Be } from "@burdenoff/fe-libs/ui";
 //#region src/brainyrich/pages/AccountsPage.tsx
-var W = [
+var K = [
 	"BANK",
 	"BROKERAGE",
 	"RETIREMENT",
@@ -21,7 +24,7 @@ var W = [
 	"REAL_ESTATE",
 	"ALTERNATIVE",
 	"LIABILITY"
-], ze = [
+], Ve = [
 	"BUY",
 	"SELL",
 	"DIVIDEND",
@@ -30,7 +33,7 @@ var W = [
 	"WITHDRAWAL",
 	"FEE",
 	"TRANSFER"
-], Be = {
+], He = {
 	BANK: "teal",
 	BROKERAGE: "brand",
 	RETIREMENT: "blue",
@@ -40,15 +43,15 @@ var W = [
 	ALTERNATIVE: "indigo",
 	LIABILITY: "error"
 };
-function G(e) {
+function q(e) {
 	return e === "DEPOSIT" || e === "DIVIDEND" || e === "INTEREST" || e === "SELL" || e === "TRANSFER";
 }
-function K(e) {
+function J(e) {
 	if (e.trim() === "") return;
 	let t = Number(e);
 	return Number.isFinite(t) ? t : void 0;
 }
-var q = {
+var Y = {
 	name: "",
 	type: "BANK",
 	institution: "",
@@ -56,7 +59,7 @@ var q = {
 	cashBalance: "",
 	accountMask: "",
 	householdId: null
-}, Ve = {
+}, Ue = {
 	type: "DEPOSIT",
 	tradeDate: "",
 	symbol: "",
@@ -66,8 +69,9 @@ var q = {
 	fee: "",
 	notes: ""
 };
-function J() {
-	let e = t().data, a = i(), [o, l] = g(void 0), [se, h] = g(!1), [_, v] = g(q), [b, N] = g(null), [P, F] = g(q), [I, L] = g(null), [Le, V] = g(!1), [H, U] = g(Ve), W = r(), G = te(), J = n(), X = ee(), Ue = e.reduce((e, t) => e + (t.cashBalance ?? 0), 0), We = e.filter((e) => e.status === "ACTIVE").length, Ge = new Set(e.map((e) => e.institution).filter((e) => !!e)).size, Z = e[0]?.currency ?? "USD", Ke = le(() => {
+function X() {
+	ue("brainyrich.accounts.viewed");
+	let e = t().data, a = i(), [s, u] = v(void 0), [oe, g] = v(!1), [_, y] = v(Y), [b, S] = v(null), [F, I] = v(Y), [L, R] = v(null), [Ie, H] = v(!1), [U, W] = v(Ue), G = r(), K = te(), q = n(), X = ee(), Ke = e.reduce((e, t) => e + (t.cashBalance ?? 0), 0), qe = e.filter((e) => e.status === "ACTIVE").length, Je = new Set(e.map((e) => e.institution).filter((e) => !!e)).size, Z = e[0]?.currency ?? "USD", Ye = de(() => {
 		let t = /* @__PURE__ */ new Map();
 		for (let n of e) {
 			let e = n.cashBalance ?? 0;
@@ -76,25 +80,25 @@ function J() {
 		return [...t.entries()].map(([e, t]) => ({
 			label: e.replace(/_/g, " "),
 			value: t,
-			tone: Be[e]
+			tone: He[e]
 		})).sort((e, t) => t.value - e.value);
 	}, [e]);
-	function qe() {
-		v(q), h(!0);
+	function Xe() {
+		y(Y), g(!0);
 	}
-	function Je() {
-		_.name.trim() && W.mutate({
+	function Ze() {
+		_.name.trim() && G.mutate({
 			name: _.name.trim(),
 			type: _.type,
 			institution: _.institution.trim() || null,
 			currency: _.currency.trim() || "USD",
-			cashBalance: K(_.cashBalance) ?? 0,
+			cashBalance: J(_.cashBalance) ?? 0,
 			accountMask: _.accountMask.trim() || null,
 			householdId: _.householdId
-		}, { onSuccess: () => h(!1) });
+		}, { onSuccess: () => g(!1) });
 	}
-	function Ye(e) {
-		N(e), F({
+	function Qe(e) {
+		S(e), I({
 			name: e.name,
 			type: e.type,
 			institution: e.institution ?? "",
@@ -104,501 +108,505 @@ function J() {
 			householdId: e.householdId
 		});
 	}
-	function Xe() {
-		!b || !P.name.trim() || G.mutate({
+	function $e() {
+		!b || !F.name.trim() || K.mutate({
 			id: b.id,
 			input: {
-				name: P.name.trim(),
-				type: P.type,
-				institution: P.institution.trim() || null,
-				currency: P.currency.trim() || "USD",
-				cashBalance: K(P.cashBalance) ?? 0,
-				accountMask: P.accountMask.trim() || null,
-				householdId: P.householdId
+				name: F.name.trim(),
+				type: F.type,
+				institution: F.institution.trim() || null,
+				currency: F.currency.trim() || "USD",
+				cashBalance: J(F.cashBalance) ?? 0,
+				accountMask: F.accountMask.trim() || null,
+				householdId: F.householdId
 			}
-		}, { onSuccess: () => N(null) });
+		}, { onSuccess: () => S(null) });
 	}
-	function Ze() {
-		if (!I) return;
-		let e = I.id;
-		J.mutate(e, { onSuccess: () => {
-			L(null), o === e && l(void 0);
+	function et() {
+		if (!L) return;
+		let e = L.id;
+		q.mutate(e, { onSuccess: () => {
+			ce(), le("Account archived"), R(null), s === e && u(void 0);
 		} });
 	}
-	function Qe() {
-		U(Ve), V(!0);
+	function tt() {
+		W(Ue), H(!0);
 	}
-	let Q = K(H.amount), $ = Q !== void 0 && Q > 0, $e = !!(o && H.tradeDate) && $;
-	function et() {
-		if (!o || !H.tradeDate || !$) return;
-		let e = new Date(H.tradeDate);
+	let Q = J(U.amount), $ = Q !== void 0 && Q > 0, nt = !!(s && U.tradeDate) && $;
+	function rt() {
+		if (!s || !U.tradeDate || !$) return;
+		let e = new Date(U.tradeDate);
 		Number.isNaN(e.getTime()) || X.mutate({
-			accountId: o,
-			type: H.type,
+			accountId: s,
+			type: U.type,
 			tradeDate: e.toISOString(),
-			symbol: H.symbol.trim() || null,
-			quantity: K(H.quantity),
-			price: K(H.price),
+			symbol: U.symbol.trim() || null,
+			quantity: J(U.quantity),
+			price: J(U.price),
 			amount: Q,
-			fee: K(H.fee),
-			notes: H.notes.trim() || null
-		}, { onSuccess: () => V(!1) });
+			fee: J(U.fee),
+			notes: U.notes.trim() || null
+		}, { onSuccess: () => H(!1) });
 	}
-	return /* @__PURE__ */ S(p, {
-		title: "Accounts",
-		description: "Linked bank, brokerage and retirement accounts with recent activity.",
-		badges: [`${e.length} account${e.length === 1 ? "" : "s"}`],
-		actionLabel: "New account",
-		onAction: qe,
-		children: [
-			/* @__PURE__ */ S("div", {
-				className: "grid gap-4 lg:grid-cols-3",
-				children: [/* @__PURE__ */ S("div", {
-					className: "grid gap-4 sm:grid-cols-2 lg:col-span-2",
-					children: [
-						/* @__PURE__ */ x(s, {
-							index: 0,
-							children: /* @__PURE__ */ x(c, {
-								label: "Total cash",
-								value: m(Ue, Z),
-								glow: !0,
-								icon: /* @__PURE__ */ x(ve, {
-									className: "size-4",
-									"aria-hidden": "true"
+	return /* @__PURE__ */ C("div", {
+		"data-tour": "brainyrich-page-accounts",
+		className: "contents",
+		children: /* @__PURE__ */ w(m, {
+			title: "Accounts",
+			description: "Linked bank, brokerage and retirement accounts with recent activity.",
+			badges: [`${e.length} account${e.length === 1 ? "" : "s"}`],
+			actionLabel: "New account",
+			onAction: Xe,
+			children: [
+				/* @__PURE__ */ w("div", {
+					className: "grid gap-4 lg:grid-cols-3",
+					children: [/* @__PURE__ */ w("div", {
+						className: "grid gap-4 sm:grid-cols-2 lg:col-span-2",
+						children: [
+							/* @__PURE__ */ C(c, {
+								index: 0,
+								children: /* @__PURE__ */ C(l, {
+									label: "Total cash",
+									value: h(Ke, Z),
+									glow: !0,
+									icon: /* @__PURE__ */ C(be, {
+										className: "size-4",
+										"aria-hidden": "true"
+									})
 								})
-							})
-						}),
-						/* @__PURE__ */ x(s, {
-							index: 1,
-							children: /* @__PURE__ */ x(c, {
-								label: "Total accounts",
-								value: String(e.length),
-								icon: /* @__PURE__ */ x(y, {
-									className: "size-4",
-									"aria-hidden": "true"
+							}),
+							/* @__PURE__ */ C(c, {
+								index: 1,
+								children: /* @__PURE__ */ C(l, {
+									label: "Total accounts",
+									value: String(e.length),
+									icon: /* @__PURE__ */ C(x, {
+										className: "size-4",
+										"aria-hidden": "true"
+									})
 								})
-							})
-						}),
-						/* @__PURE__ */ x(s, {
-							index: 2,
-							children: /* @__PURE__ */ x(c, {
-								label: "Active",
-								value: `${We}/${e.length}`,
-								icon: /* @__PURE__ */ x(fe, {
-									className: "size-4",
-									"aria-hidden": "true"
+							}),
+							/* @__PURE__ */ C(c, {
+								index: 2,
+								children: /* @__PURE__ */ C(l, {
+									label: "Active",
+									value: `${qe}/${e.length}`,
+									icon: /* @__PURE__ */ C(me, {
+										className: "size-4",
+										"aria-hidden": "true"
+									})
 								})
-							})
-						}),
-						/* @__PURE__ */ x(s, {
-							index: 3,
-							children: /* @__PURE__ */ x(c, {
-								label: "Institutions",
-								value: String(Ge),
-								icon: /* @__PURE__ */ x(de, {
-									className: "size-4",
-									"aria-hidden": "true"
+							}),
+							/* @__PURE__ */ C(c, {
+								index: 3,
+								children: /* @__PURE__ */ C(l, {
+									label: "Institutions",
+									value: String(Je),
+									icon: /* @__PURE__ */ C(pe, {
+										className: "size-4",
+										"aria-hidden": "true"
+									})
 								})
 							})
+						]
+					}), /* @__PURE__ */ C(c, {
+						index: 4,
+						children: /* @__PURE__ */ w(ie, {
+							className: "h-full",
+							glow: !0,
+							children: [/* @__PURE__ */ w("div", {
+								className: "mb-2 flex items-center gap-2",
+								children: [/* @__PURE__ */ C(ge, {
+									className: "size-4 text-text-secondary",
+									"aria-hidden": "true"
+								}), /* @__PURE__ */ C("h2", {
+									className: "text-sm font-semibold text-text-primary",
+									children: "Cash by account type"
+								})]
+							}), Ye.length === 0 ? /* @__PURE__ */ C("p", {
+								className: "py-8 text-center text-sm text-text-secondary",
+								children: "No cash balances recorded yet."
+							}) : /* @__PURE__ */ C(re, {
+								data: Ye,
+								centerValue: ae(Ke, Z),
+								centerLabel: "Total cash",
+								height: 200,
+								valueFormatter: (e) => h(e, Z)
+							})]
 						})
-					]
-				}), /* @__PURE__ */ x(s, {
-					index: 4,
-					children: /* @__PURE__ */ S(ae, {
-						className: "h-full",
-						glow: !0,
-						children: [/* @__PURE__ */ S("div", {
-							className: "mb-2 flex items-center gap-2",
-							children: [/* @__PURE__ */ x(me, {
-								className: "size-4 text-text-secondary",
+					})]
+				}),
+				/* @__PURE__ */ C(c, {
+					index: 5,
+					as: "section",
+					children: /* @__PURE__ */ w(xe, {
+						className: "transition-shadow motion-safe:hover:shadow-[var(--shadow-pop-hover,var(--shadow-elevation-2))]",
+						children: [/* @__PURE__ */ w(we, { children: [/* @__PURE__ */ w(Te, {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ C(x, {
+								className: "h-5 w-5",
 								"aria-hidden": "true"
-							}), /* @__PURE__ */ x("h2", {
-								className: "text-sm font-semibold text-text-primary",
-								children: "Cash by account type"
-							})]
-						}), Ke.length === 0 ? /* @__PURE__ */ x("p", {
-							className: "py-8 text-center text-sm text-text-secondary",
-							children: "No cash balances recorded yet."
-						}) : /* @__PURE__ */ x(ie, {
-							data: Ke,
-							centerValue: oe(Ue, Z),
-							centerLabel: "Total cash",
-							height: 200,
-							valueFormatter: (e) => m(e, Z)
-						})]
-					})
-				})]
-			}),
-			/* @__PURE__ */ x(s, {
-				index: 5,
-				as: "section",
-				children: /* @__PURE__ */ S(ye, {
-					className: "transition-shadow motion-safe:hover:shadow-[var(--shadow-pop-hover,var(--shadow-elevation-2))]",
-					children: [/* @__PURE__ */ S(Se, { children: [/* @__PURE__ */ S(Ce, {
-						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ x(y, {
-							className: "h-5 w-5",
-							"aria-hidden": "true"
-						}), "Linked accounts"]
-					}), /* @__PURE__ */ x(xe, { children: "Select an account to view holdings and transactions." })] }), /* @__PURE__ */ x(be, { children: a.isLoading ? /* @__PURE__ */ x(f, {}) : a.isError ? /* @__PURE__ */ x(d, { onRetry: () => a.refetch() }) : a.items.length === 0 ? /* @__PURE__ */ x(u, {
-						icon: /* @__PURE__ */ x(y, {
-							className: "size-6",
-							"aria-hidden": "true"
-						}),
-						title: "No accounts yet",
-						description: "Add your first bank, brokerage or retirement account to start tracking net worth.",
-						action: /* @__PURE__ */ S(w, {
-							size: "sm",
-							onClick: qe,
-							children: [/* @__PURE__ */ x(_e, {
-								className: "size-4",
+							}), "Linked accounts"]
+						}), /* @__PURE__ */ C(Ce, { children: "Select an account to view holdings and transactions." })] }), /* @__PURE__ */ C(Se, { children: a.isLoading ? /* @__PURE__ */ C(p, {}) : a.isError ? /* @__PURE__ */ C(f, { onRetry: () => a.refetch() }) : a.items.length === 0 ? /* @__PURE__ */ C(d, {
+							icon: /* @__PURE__ */ C(x, {
+								className: "size-6",
 								"aria-hidden": "true"
-							}), "New account"]
-						})
-					}) : /* @__PURE__ */ S("div", {
-						className: "overflow-x-auto",
-						children: [/* @__PURE__ */ S(Pe, { children: [/* @__PURE__ */ x(Ie, { children: /* @__PURE__ */ S(B, { children: [
-							/* @__PURE__ */ x(z, { children: "Account" }),
-							/* @__PURE__ */ x(z, { children: "Type" }),
-							/* @__PURE__ */ x(z, { children: "Institution" }),
-							/* @__PURE__ */ x(z, {
-								className: "text-right",
-								children: "Cash balance"
 							}),
-							/* @__PURE__ */ x(z, { children: "Status" }),
-							/* @__PURE__ */ x(z, {
-								className: "w-12 text-right",
-								children: "Actions"
+							title: "No accounts yet",
+							description: "Add your first bank, brokerage or retirement account to start tracking net worth.",
+							action: /* @__PURE__ */ w(E, {
+								size: "sm",
+								onClick: Xe,
+								children: [/* @__PURE__ */ C(ye, {
+									className: "size-4",
+									"aria-hidden": "true"
+								}), "New account"]
 							})
-						] }) }), /* @__PURE__ */ x(Fe, { children: a.items.map((e) => /* @__PURE__ */ S(B, {
-							className: "group cursor-pointer transition-colors hover:bg-bg-elevated",
-							onClick: () => l(e.id),
-							children: [
-								/* @__PURE__ */ x(R, { children: /* @__PURE__ */ S("div", {
-									className: "flex items-center gap-3",
-									children: [/* @__PURE__ */ x("div", {
-										className: "flex h-9 w-9 items-center justify-center rounded-lg border border-border-subtle bg-bg-sunken text-xs font-semibold text-text-secondary transition-colors group-hover:border-[var(--color-action-primary-border)] group-hover:text-text-primary",
-										"aria-hidden": "true",
-										children: (e.institution ?? e.name).slice(0, 2).toUpperCase()
-									}), /* @__PURE__ */ S("div", {
-										className: "min-w-0",
-										children: [/* @__PURE__ */ S("p", {
-											className: "flex items-center gap-1 truncate font-medium text-text-primary",
-											children: [e.name, /* @__PURE__ */ x(pe, {
-												className: "size-3.5 shrink-0 text-text-secondary opacity-0 transition-opacity group-hover:opacity-100",
-												"aria-hidden": "true"
+						}) : /* @__PURE__ */ w("div", {
+							className: "overflow-x-auto",
+							children: [/* @__PURE__ */ w(Le, { children: [/* @__PURE__ */ C(ze, { children: /* @__PURE__ */ w(V, { children: [
+								/* @__PURE__ */ C(B, { children: "Account" }),
+								/* @__PURE__ */ C(B, { children: "Type" }),
+								/* @__PURE__ */ C(B, { children: "Institution" }),
+								/* @__PURE__ */ C(B, {
+									className: "text-right",
+									children: "Cash balance"
+								}),
+								/* @__PURE__ */ C(B, { children: "Status" }),
+								/* @__PURE__ */ C(B, {
+									className: "w-12 text-right",
+									children: "Actions"
+								})
+							] }) }), /* @__PURE__ */ C(Re, { children: a.items.map((e) => /* @__PURE__ */ w(V, {
+								className: "group cursor-pointer transition-colors hover:bg-bg-elevated",
+								onClick: () => u(e.id),
+								children: [
+									/* @__PURE__ */ C(z, { children: /* @__PURE__ */ w("div", {
+										className: "flex items-center gap-3",
+										children: [/* @__PURE__ */ C("div", {
+											className: "flex h-9 w-9 items-center justify-center rounded-lg border border-border-subtle bg-bg-sunken text-xs font-semibold text-text-secondary transition-colors group-hover:border-[var(--color-action-primary-border)] group-hover:text-text-primary",
+											"aria-hidden": "true",
+											children: (e.institution ?? e.name).slice(0, 2).toUpperCase()
+										}), /* @__PURE__ */ w("div", {
+											className: "min-w-0",
+											children: [/* @__PURE__ */ w("p", {
+												className: "flex items-center gap-1 truncate font-medium text-text-primary",
+												children: [e.name, /* @__PURE__ */ C(he, {
+													className: "size-3.5 shrink-0 text-text-secondary opacity-0 transition-opacity group-hover:opacity-100",
+													"aria-hidden": "true"
+												})]
+											}), /* @__PURE__ */ w("p", {
+												className: "truncate text-xs text-text-secondary",
+												children: [e.institution ?? "Manual account", e.accountMask ? ` · ••${e.accountMask}` : ""]
 											})]
-										}), /* @__PURE__ */ S("p", {
-											className: "truncate text-xs text-text-secondary",
-											children: [e.institution ?? "Manual account", e.accountMask ? ` · ••${e.accountMask}` : ""]
 										})]
-									})]
-								}) }),
-								/* @__PURE__ */ x(R, { children: /* @__PURE__ */ x(C, {
-									variant: "outline",
-									children: e.type.replace(/_/g, " ")
-								}) }),
-								/* @__PURE__ */ x(R, {
-									className: "text-sm text-text-secondary",
-									children: e.institution ?? "—"
-								}),
-								/* @__PURE__ */ x(R, {
-									className: "text-right font-semibold tabular-nums text-text-primary",
-									children: m(e.cashBalance, e.currency)
-								}),
-								/* @__PURE__ */ x(R, { children: /* @__PURE__ */ x(C, {
-									variant: ce(e.status),
-									children: e.status
-								}) }),
-								/* @__PURE__ */ x(R, {
-									className: "text-right",
-									onClick: (e) => e.stopPropagation(),
-									children: /* @__PURE__ */ S(Te, { children: [/* @__PURE__ */ x(Oe, {
-										asChild: !0,
-										children: /* @__PURE__ */ x(w, {
-											variant: "ghost",
-											size: "sm",
-											"aria-label": `Actions for ${e.name}`,
-											children: /* @__PURE__ */ x(he, {
-												className: "size-4",
-												"aria-hidden": "true"
+									}) }),
+									/* @__PURE__ */ C(z, { children: /* @__PURE__ */ C(T, {
+										variant: "outline",
+										children: e.type.replace(/_/g, " ")
+									}) }),
+									/* @__PURE__ */ C(z, {
+										className: "text-sm text-text-secondary",
+										children: e.institution ?? "—"
+									}),
+									/* @__PURE__ */ C(z, {
+										className: "text-right font-semibold tabular-nums text-text-primary",
+										children: h(e.cashBalance, e.currency)
+									}),
+									/* @__PURE__ */ C(z, { children: /* @__PURE__ */ C(T, {
+										variant: se(e.status),
+										children: e.status
+									}) }),
+									/* @__PURE__ */ C(z, {
+										className: "text-right",
+										onClick: (e) => e.stopPropagation(),
+										children: /* @__PURE__ */ w(De, { children: [/* @__PURE__ */ C(Ae, {
+											asChild: !0,
+											children: /* @__PURE__ */ C(E, {
+												variant: "ghost",
+												size: "sm",
+												"aria-label": `Actions for ${e.name}`,
+												children: /* @__PURE__ */ C(_e, {
+													className: "size-4",
+													"aria-hidden": "true"
+												})
 											})
-										})
-									}), /* @__PURE__ */ S(Ee, {
-										align: "end",
-										children: [/* @__PURE__ */ S(De, {
-											onClick: () => Ye(e),
-											children: [/* @__PURE__ */ x(ge, {
-												className: "size-4",
-												"aria-hidden": "true"
-											}), "Edit"]
-										}), /* @__PURE__ */ S(De, {
-											className: "text-status-error-text",
-											onClick: () => L(e),
-											children: [/* @__PURE__ */ x(ue, {
-												className: "size-4",
-												"aria-hidden": "true"
-											}), "Archive"]
-										})]
-									})] })
+										}), /* @__PURE__ */ w(Oe, {
+											align: "end",
+											children: [/* @__PURE__ */ w(ke, {
+												onClick: () => Qe(e),
+												children: [/* @__PURE__ */ C(ve, {
+													className: "size-4",
+													"aria-hidden": "true"
+												}), "Edit"]
+											}), /* @__PURE__ */ w(ke, {
+												className: "text-status-error-text",
+												onClick: () => R(e),
+												children: [/* @__PURE__ */ C(fe, {
+													className: "size-4",
+													"aria-hidden": "true"
+												}), "Archive"]
+											})]
+										})] })
+									})
+								]
+							}, e.id)) })] }), /* @__PURE__ */ C(o, {
+								hasMore: a.hasMore,
+								onClick: a.loadMore,
+								loading: a.isFetchingNextPage,
+								className: "mt-4"
+							})]
+						}) })]
+					})
+				}),
+				/* @__PURE__ */ C(D, {
+					open: oe,
+					onOpenChange: g,
+					children: /* @__PURE__ */ w(O, {
+						className: "max-h-[90vh] overflow-y-auto",
+						children: [
+							/* @__PURE__ */ w(j, { children: [/* @__PURE__ */ C(M, { children: "New account" }), /* @__PURE__ */ C(k, { children: "Add a bank, brokerage or retirement account." })] }),
+							/* @__PURE__ */ C(We, {
+								form: _,
+								onChange: y
+							}),
+							/* @__PURE__ */ w(A, { children: [/* @__PURE__ */ C(Ee, {
+								asChild: !0,
+								children: /* @__PURE__ */ C(E, {
+									variant: "outline",
+									children: "Cancel"
 								})
-							]
-						}, e.id)) })] }), /* @__PURE__ */ x(ne, {
-							hasMore: a.hasMore,
-							onClick: a.loadMore,
-							loading: a.isFetchingNextPage,
-							className: "mt-4"
-						})]
-					}) })]
-				})
-			}),
-			/* @__PURE__ */ x(T, {
-				open: se,
-				onOpenChange: h,
-				children: /* @__PURE__ */ S(E, {
-					className: "max-h-[90vh] overflow-y-auto",
-					children: [
-						/* @__PURE__ */ S(k, { children: [/* @__PURE__ */ x(A, { children: "New account" }), /* @__PURE__ */ x(D, { children: "Add a bank, brokerage or retirement account." })] }),
-						/* @__PURE__ */ x(Y, {
-							form: _,
-							onChange: v
-						}),
-						/* @__PURE__ */ S(O, { children: [/* @__PURE__ */ x(we, {
-							asChild: !0,
-							children: /* @__PURE__ */ x(w, {
+							}), /* @__PURE__ */ C(E, {
+								onClick: Ze,
+								disabled: !_.name.trim() || G.isPending,
+								children: G.isPending ? "Creating…" : "Create account"
+							})] })
+						]
+					})
+				}),
+				/* @__PURE__ */ C(D, {
+					open: !!b,
+					onOpenChange: (e) => !e && S(null),
+					children: /* @__PURE__ */ w(O, {
+						className: "max-h-[90vh] overflow-y-auto",
+						children: [
+							/* @__PURE__ */ w(j, { children: [/* @__PURE__ */ C(M, { children: "Edit account" }), /* @__PURE__ */ C(k, { children: "Update account details." })] }),
+							/* @__PURE__ */ C(We, {
+								form: F,
+								onChange: I
+							}),
+							/* @__PURE__ */ w(A, { children: [/* @__PURE__ */ C(E, {
 								variant: "outline",
+								onClick: () => S(null),
 								children: "Cancel"
-							})
-						}), /* @__PURE__ */ x(w, {
-							onClick: Je,
-							disabled: !_.name.trim() || W.isPending,
-							children: W.isPending ? "Creating…" : "Create account"
-						})] })
-					]
-				})
-			}),
-			/* @__PURE__ */ x(T, {
-				open: !!b,
-				onOpenChange: (e) => !e && N(null),
-				children: /* @__PURE__ */ S(E, {
-					className: "max-h-[90vh] overflow-y-auto",
-					children: [
-						/* @__PURE__ */ S(k, { children: [/* @__PURE__ */ x(A, { children: "Edit account" }), /* @__PURE__ */ x(D, { children: "Update account details." })] }),
-						/* @__PURE__ */ x(Y, {
-							form: P,
-							onChange: F
-						}),
-						/* @__PURE__ */ S(O, { children: [/* @__PURE__ */ x(w, {
-							variant: "outline",
-							onClick: () => N(null),
-							children: "Cancel"
-						}), /* @__PURE__ */ x(w, {
-							onClick: Xe,
-							disabled: !P.name.trim() || G.isPending,
-							children: G.isPending ? "Saving…" : "Save changes"
-						})] })
-					]
-				})
-			}),
-			/* @__PURE__ */ x(re, {
-				open: !!I,
-				onOpenChange: (e) => !e && L(null),
-				title: "Archive account?",
-				description: I ? `“${I.name}” will be archived and hidden from active lists. This does not delete its history.` : void 0,
-				confirmLabel: "Archive account",
-				pendingLabel: "Archiving…",
-				destructive: !0,
-				pending: J.isPending,
-				onConfirm: Ze
-			}),
-			/* @__PURE__ */ x(He, {
-				accountId: o,
-				onClose: () => l(void 0),
-				onRecordTransaction: Qe
-			}),
-			/* @__PURE__ */ x(T, {
-				open: Le,
-				onOpenChange: V,
-				children: /* @__PURE__ */ S(E, {
-					className: "max-h-[90vh] overflow-y-auto",
-					children: [
-						/* @__PURE__ */ S(k, { children: [/* @__PURE__ */ x(A, { children: "Record transaction" }), /* @__PURE__ */ x(D, { children: "Log activity against the selected account." })] }),
-						/* @__PURE__ */ S("div", {
-							className: "grid gap-4",
-							children: [
-								/* @__PURE__ */ S("div", {
-									className: "grid grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ S("div", {
-										className: "space-y-2",
-										children: [/* @__PURE__ */ x(M, {
-											htmlFor: "tx-type",
-											children: "Type"
-										}), /* @__PURE__ */ S(ke, {
-											value: H.type,
-											onValueChange: (e) => U((t) => ({
-												...t,
-												type: e
-											})),
-											children: [/* @__PURE__ */ x(Me, {
-												id: "tx-type",
-												children: /* @__PURE__ */ x(Ne, {})
-											}), /* @__PURE__ */ x(Ae, { children: ze.map((e) => /* @__PURE__ */ x(je, {
-												value: e,
-												children: e.replace(/_/g, " ")
-											}, e)) })]
-										})]
-									}), /* @__PURE__ */ S("div", {
-										className: "space-y-2",
-										children: [/* @__PURE__ */ x(M, {
-											htmlFor: "tx-date",
-											children: "Trade date"
-										}), /* @__PURE__ */ x(j, {
-											id: "tx-date",
-											type: "date",
-											value: H.tradeDate,
-											onChange: (e) => U((t) => ({
-												...t,
-												tradeDate: e.target.value
-											}))
-										})]
-									})]
-								}),
-								/* @__PURE__ */ S("div", {
-									className: "grid grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ S("div", {
-										className: "space-y-2",
-										children: [/* @__PURE__ */ x(M, {
-											htmlFor: "tx-symbol",
-											children: "Symbol"
-										}), /* @__PURE__ */ x(j, {
-											id: "tx-symbol",
-											value: H.symbol,
-											onChange: (e) => U((t) => ({
-												...t,
-												symbol: e.target.value
-											})),
-											placeholder: "e.g. VOO"
-										})]
-									}), /* @__PURE__ */ S("div", {
-										className: "space-y-2",
-										children: [
-											/* @__PURE__ */ x(M, {
-												htmlFor: "tx-amount",
-												children: "Amount"
-											}),
-											/* @__PURE__ */ x(j, {
-												id: "tx-amount",
-												type: "number",
-												min: "0",
-												step: "any",
-												value: H.amount,
-												onChange: (e) => U((t) => ({
-													...t,
-													amount: e.target.value
-												})),
-												"aria-invalid": H.amount.trim() !== "" && !$,
-												"aria-describedby": "tx-amount-hint"
-											}),
-											/* @__PURE__ */ x("p", {
-												id: "tx-amount-hint",
-												className: "text-xs text-text-secondary",
-												children: H.amount.trim() !== "" && !$ ? "Enter an amount greater than 0." : "Positive amount; direction is set by the type."
-											})
-										]
-									})]
-								}),
-								/* @__PURE__ */ S("div", {
-									className: "grid grid-cols-3 gap-4",
-									children: [
-										/* @__PURE__ */ S("div", {
+							}), /* @__PURE__ */ C(E, {
+								onClick: $e,
+								disabled: !F.name.trim() || K.isPending,
+								children: K.isPending ? "Saving…" : "Save changes"
+							})] })
+						]
+					})
+				}),
+				/* @__PURE__ */ C(ne, {
+					open: !!L,
+					onOpenChange: (e) => !e && R(null),
+					title: "Archive account?",
+					description: L ? `“${L.name}” will be archived and hidden from active lists. This does not delete its history.` : void 0,
+					confirmLabel: "Archive account",
+					pendingLabel: "Archiving…",
+					destructive: !0,
+					pending: q.isPending,
+					onConfirm: et
+				}),
+				/* @__PURE__ */ C(Ge, {
+					accountId: s,
+					onClose: () => u(void 0),
+					onRecordTransaction: tt
+				}),
+				/* @__PURE__ */ C(D, {
+					open: Ie,
+					onOpenChange: H,
+					children: /* @__PURE__ */ w(O, {
+						className: "max-h-[90vh] overflow-y-auto",
+						children: [
+							/* @__PURE__ */ w(j, { children: [/* @__PURE__ */ C(M, { children: "Record transaction" }), /* @__PURE__ */ C(k, { children: "Log activity against the selected account." })] }),
+							/* @__PURE__ */ w("div", {
+								className: "grid gap-4",
+								children: [
+									/* @__PURE__ */ w("div", {
+										className: "grid grid-cols-2 gap-4",
+										children: [/* @__PURE__ */ w("div", {
 											className: "space-y-2",
-											children: [/* @__PURE__ */ x(M, {
-												htmlFor: "tx-qty",
-												children: "Quantity"
-											}), /* @__PURE__ */ x(j, {
-												id: "tx-qty",
-												type: "number",
-												value: H.quantity,
-												onChange: (e) => U((t) => ({
+											children: [/* @__PURE__ */ C(P, {
+												htmlFor: "tx-type",
+												children: "Type"
+											}), /* @__PURE__ */ w(je, {
+												value: U.type,
+												onValueChange: (e) => W((t) => ({
 													...t,
-													quantity: e.target.value
-												}))
+													type: e
+												})),
+												children: [/* @__PURE__ */ C(Pe, {
+													id: "tx-type",
+													children: /* @__PURE__ */ C(Fe, {})
+												}), /* @__PURE__ */ C(Me, { children: Ve.map((e) => /* @__PURE__ */ C(Ne, {
+													value: e,
+													children: e.replace(/_/g, " ")
+												}, e)) })]
 											})]
-										}),
-										/* @__PURE__ */ S("div", {
+										}), /* @__PURE__ */ w("div", {
 											className: "space-y-2",
-											children: [/* @__PURE__ */ x(M, {
-												htmlFor: "tx-price",
-												children: "Price"
-											}), /* @__PURE__ */ x(j, {
-												id: "tx-price",
-												type: "number",
-												value: H.price,
-												onChange: (e) => U((t) => ({
+											children: [/* @__PURE__ */ C(P, {
+												htmlFor: "tx-date",
+												children: "Trade date"
+											}), /* @__PURE__ */ C(N, {
+												id: "tx-date",
+												type: "date",
+												value: U.tradeDate,
+												onChange: (e) => W((t) => ({
 													...t,
-													price: e.target.value
+													tradeDate: e.target.value
 												}))
 											})]
-										}),
-										/* @__PURE__ */ S("div", {
+										})]
+									}),
+									/* @__PURE__ */ w("div", {
+										className: "grid grid-cols-2 gap-4",
+										children: [/* @__PURE__ */ w("div", {
 											className: "space-y-2",
-											children: [/* @__PURE__ */ x(M, {
-												htmlFor: "tx-fee",
-												children: "Fee"
-											}), /* @__PURE__ */ x(j, {
-												id: "tx-fee",
-												type: "number",
-												value: H.fee,
-												onChange: (e) => U((t) => ({
+											children: [/* @__PURE__ */ C(P, {
+												htmlFor: "tx-symbol",
+												children: "Symbol"
+											}), /* @__PURE__ */ C(N, {
+												id: "tx-symbol",
+												value: U.symbol,
+												onChange: (e) => W((t) => ({
 													...t,
-													fee: e.target.value
-												}))
+													symbol: e.target.value
+												})),
+												placeholder: "e.g. VOO"
 											})]
-										})
-									]
-								}),
-								/* @__PURE__ */ S("div", {
-									className: "space-y-2",
-									children: [/* @__PURE__ */ x(M, {
-										htmlFor: "tx-notes",
-										children: "Notes"
-									}), /* @__PURE__ */ x(Re, {
-										id: "tx-notes",
-										value: H.notes,
-										onChange: (e) => U((t) => ({
-											...t,
-											notes: e.target.value
-										})),
-										placeholder: "Optional note"
-									})]
-								})
-							]
-						}),
-						/* @__PURE__ */ S(O, { children: [/* @__PURE__ */ x(w, {
-							variant: "outline",
-							onClick: () => V(!1),
-							children: "Cancel"
-						}), /* @__PURE__ */ x(w, {
-							onClick: et,
-							disabled: !$e || X.isPending,
-							children: X.isPending ? "Saving…" : "Record transaction"
-						})] })
-					]
+										}), /* @__PURE__ */ w("div", {
+											className: "space-y-2",
+											children: [
+												/* @__PURE__ */ C(P, {
+													htmlFor: "tx-amount",
+													children: "Amount"
+												}),
+												/* @__PURE__ */ C(N, {
+													id: "tx-amount",
+													type: "number",
+													min: "0",
+													step: "any",
+													value: U.amount,
+													onChange: (e) => W((t) => ({
+														...t,
+														amount: e.target.value
+													})),
+													"aria-invalid": U.amount.trim() !== "" && !$,
+													"aria-describedby": "tx-amount-hint"
+												}),
+												/* @__PURE__ */ C("p", {
+													id: "tx-amount-hint",
+													className: "text-xs text-text-secondary",
+													children: U.amount.trim() !== "" && !$ ? "Enter an amount greater than 0." : "Positive amount; direction is set by the type."
+												})
+											]
+										})]
+									}),
+									/* @__PURE__ */ w("div", {
+										className: "grid grid-cols-3 gap-4",
+										children: [
+											/* @__PURE__ */ w("div", {
+												className: "space-y-2",
+												children: [/* @__PURE__ */ C(P, {
+													htmlFor: "tx-qty",
+													children: "Quantity"
+												}), /* @__PURE__ */ C(N, {
+													id: "tx-qty",
+													type: "number",
+													value: U.quantity,
+													onChange: (e) => W((t) => ({
+														...t,
+														quantity: e.target.value
+													}))
+												})]
+											}),
+											/* @__PURE__ */ w("div", {
+												className: "space-y-2",
+												children: [/* @__PURE__ */ C(P, {
+													htmlFor: "tx-price",
+													children: "Price"
+												}), /* @__PURE__ */ C(N, {
+													id: "tx-price",
+													type: "number",
+													value: U.price,
+													onChange: (e) => W((t) => ({
+														...t,
+														price: e.target.value
+													}))
+												})]
+											}),
+											/* @__PURE__ */ w("div", {
+												className: "space-y-2",
+												children: [/* @__PURE__ */ C(P, {
+													htmlFor: "tx-fee",
+													children: "Fee"
+												}), /* @__PURE__ */ C(N, {
+													id: "tx-fee",
+													type: "number",
+													value: U.fee,
+													onChange: (e) => W((t) => ({
+														...t,
+														fee: e.target.value
+													}))
+												})]
+											})
+										]
+									}),
+									/* @__PURE__ */ w("div", {
+										className: "space-y-2",
+										children: [/* @__PURE__ */ C(P, {
+											htmlFor: "tx-notes",
+											children: "Notes"
+										}), /* @__PURE__ */ C(Be, {
+											id: "tx-notes",
+											value: U.notes,
+											onChange: (e) => W((t) => ({
+												...t,
+												notes: e.target.value
+											})),
+											placeholder: "Optional note"
+										})]
+									})
+								]
+							}),
+							/* @__PURE__ */ w(A, { children: [/* @__PURE__ */ C(E, {
+								variant: "outline",
+								onClick: () => H(!1),
+								children: "Cancel"
+							}), /* @__PURE__ */ C(E, {
+								onClick: rt,
+								disabled: !nt || X.isPending,
+								children: X.isPending ? "Saving…" : "Record transaction"
+							})] })
+						]
+					})
 				})
-			})
-		]
+			]
+		})
 	});
 }
-function Y({ form: e, onChange: t }) {
-	return /* @__PURE__ */ S("div", {
+function We({ form: e, onChange: t }) {
+	return /* @__PURE__ */ w("div", {
 		className: "grid gap-4",
 		children: [
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ w("div", {
 				className: "space-y-2",
-				children: [/* @__PURE__ */ x(M, {
+				children: [/* @__PURE__ */ C(P, {
 					htmlFor: "acct-name",
 					children: "Name"
-				}), /* @__PURE__ */ x(j, {
+				}), /* @__PURE__ */ C(N, {
 					id: "acct-name",
 					value: e.name,
 					onChange: (e) => t((t) => ({
@@ -608,33 +616,33 @@ function Y({ form: e, onChange: t }) {
 					placeholder: "e.g. Everyday Checking"
 				})]
 			}),
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ w("div", {
 				className: "grid grid-cols-2 gap-4",
-				children: [/* @__PURE__ */ S("div", {
+				children: [/* @__PURE__ */ w("div", {
 					className: "space-y-2",
-					children: [/* @__PURE__ */ x(M, {
+					children: [/* @__PURE__ */ C(P, {
 						htmlFor: "acct-type",
 						children: "Type"
-					}), /* @__PURE__ */ S(ke, {
+					}), /* @__PURE__ */ w(je, {
 						value: e.type,
 						onValueChange: (e) => t((t) => ({
 							...t,
 							type: e
 						})),
-						children: [/* @__PURE__ */ x(Me, {
+						children: [/* @__PURE__ */ C(Pe, {
 							id: "acct-type",
-							children: /* @__PURE__ */ x(Ne, {})
-						}), /* @__PURE__ */ x(Ae, { children: W.map((e) => /* @__PURE__ */ x(je, {
+							children: /* @__PURE__ */ C(Fe, {})
+						}), /* @__PURE__ */ C(Me, { children: K.map((e) => /* @__PURE__ */ C(Ne, {
 							value: e,
 							children: e.replace(/_/g, " ")
 						}, e)) })]
 					})]
-				}), /* @__PURE__ */ S("div", {
+				}), /* @__PURE__ */ w("div", {
 					className: "space-y-2",
-					children: [/* @__PURE__ */ x(M, {
+					children: [/* @__PURE__ */ C(P, {
 						htmlFor: "acct-currency",
 						children: "Currency"
-					}), /* @__PURE__ */ x(j, {
+					}), /* @__PURE__ */ C(N, {
 						id: "acct-currency",
 						value: e.currency,
 						onChange: (e) => t((t) => ({
@@ -645,12 +653,12 @@ function Y({ form: e, onChange: t }) {
 					})]
 				})]
 			}),
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ w("div", {
 				className: "space-y-2",
-				children: [/* @__PURE__ */ x(M, {
+				children: [/* @__PURE__ */ C(P, {
 					htmlFor: "acct-institution",
 					children: "Institution"
-				}), /* @__PURE__ */ x(j, {
+				}), /* @__PURE__ */ C(N, {
 					id: "acct-institution",
 					value: e.institution,
 					onChange: (e) => t((t) => ({
@@ -660,14 +668,14 @@ function Y({ form: e, onChange: t }) {
 					placeholder: "e.g. Chase"
 				})]
 			}),
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ w("div", {
 				className: "grid grid-cols-2 gap-4",
-				children: [/* @__PURE__ */ S("div", {
+				children: [/* @__PURE__ */ w("div", {
 					className: "space-y-2",
-					children: [/* @__PURE__ */ x(M, {
+					children: [/* @__PURE__ */ C(P, {
 						htmlFor: "acct-balance",
 						children: "Cash balance"
-					}), /* @__PURE__ */ x(j, {
+					}), /* @__PURE__ */ C(N, {
 						id: "acct-balance",
 						type: "number",
 						value: e.cashBalance,
@@ -676,12 +684,12 @@ function Y({ form: e, onChange: t }) {
 							cashBalance: e.target.value
 						}))
 					})]
-				}), /* @__PURE__ */ S("div", {
+				}), /* @__PURE__ */ w("div", {
 					className: "space-y-2",
-					children: [/* @__PURE__ */ x(M, {
+					children: [/* @__PURE__ */ C(P, {
 						htmlFor: "acct-mask",
 						children: "Account mask"
-					}), /* @__PURE__ */ x(j, {
+					}), /* @__PURE__ */ C(N, {
 						id: "acct-mask",
 						value: e.accountMask,
 						onChange: (e) => t((t) => ({
@@ -692,7 +700,7 @@ function Y({ form: e, onChange: t }) {
 					})]
 				})]
 			}),
-			/* @__PURE__ */ x(l, {
+			/* @__PURE__ */ C(u, {
 				value: e.householdId,
 				onChange: (e) => t((t) => ({
 					...t,
@@ -702,78 +710,78 @@ function Y({ form: e, onChange: t }) {
 		]
 	});
 }
-function He({ accountId: t, onClose: n, onRecordTransaction: r }) {
-	let { data: i, isLoading: ee, isError: te, refetch: re } = e(t), s = a(t ? { accountId: t } : {}), c = t ? s.items : [], l = le(() => i ? i.holdings.filter((e) => Number.isFinite(e.marketValue) && e.marketValue > 0).map((e) => ({
+function Ge({ accountId: t, onClose: n, onRecordTransaction: r }) {
+	let { data: i, isLoading: ee, isError: te, refetch: ne } = e(t), c = a(t ? { accountId: t } : {}), l = t ? c.items : [], u = de(() => 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);
-	return /* @__PURE__ */ x(N, {
+	})).sort((e, t) => t.value - e.value) : [], [i]), m = u.reduce((e, t) => e + t.value, 0);
+	return /* @__PURE__ */ C(F, {
 		open: !!t,
 		onOpenChange: (e) => !e && n(),
-		children: /* @__PURE__ */ S(P, {
+		children: /* @__PURE__ */ w(I, {
 			className: "flex w-full flex-col overflow-y-auto p-0 sm:max-w-xl",
-			children: [/* @__PURE__ */ S(I, {
+			children: [/* @__PURE__ */ w(R, {
 				className: "border-b border-border-subtle px-6 pb-4 pt-6",
-				children: [/* @__PURE__ */ x(L, {
+				children: [/* @__PURE__ */ C(Ie, {
 					className: "text-lg",
 					children: i?.name ?? "Account"
-				}), /* @__PURE__ */ x(F, { children: i ? `${i.institution ?? "Manual account"} · ${i.type.replace(/_/g, " ")}` : "Loading account details…" })]
-			}), ee ? /* @__PURE__ */ x("div", {
+				}), /* @__PURE__ */ C(L, { children: i ? `${i.institution ?? "Manual account"} · ${i.type.replace(/_/g, " ")}` : "Loading account details…" })]
+			}), ee ? /* @__PURE__ */ C("div", {
 				className: "p-6",
-				children: /* @__PURE__ */ x(f, { rows: 3 })
-			}) : te ? /* @__PURE__ */ x("div", {
+				children: /* @__PURE__ */ C(p, { rows: 3 })
+			}) : te ? /* @__PURE__ */ C("div", {
 				className: "p-6",
-				children: /* @__PURE__ */ x(d, { onRetry: () => re() })
-			}) : i ? /* @__PURE__ */ S("div", {
+				children: /* @__PURE__ */ C(f, { onRetry: () => ne() })
+			}) : i ? /* @__PURE__ */ w("div", {
 				className: "space-y-6 p-6",
 				children: [
-					/* @__PURE__ */ S(ae, {
+					/* @__PURE__ */ w(ie, {
 						glow: !0,
 						className: "space-y-4",
-						children: [/* @__PURE__ */ S("div", {
+						children: [/* @__PURE__ */ w("div", {
 							className: "flex items-start justify-between gap-3",
-							children: [/* @__PURE__ */ S("div", {
+							children: [/* @__PURE__ */ w("div", {
 								className: "min-w-0",
-								children: [/* @__PURE__ */ x("p", {
+								children: [/* @__PURE__ */ C("p", {
 									className: "text-xs uppercase tracking-wide text-text-secondary",
 									children: "Cash balance"
-								}), /* @__PURE__ */ x("p", {
+								}), /* @__PURE__ */ C("p", {
 									className: "mt-1 text-3xl font-semibold tracking-tight text-text-primary",
-									children: m(i.cashBalance, i.currency)
+									children: h(i.cashBalance, i.currency)
 								})]
-							}), /* @__PURE__ */ x(C, {
-								variant: ce(i.status),
+							}), /* @__PURE__ */ C(T, {
+								variant: se(i.status),
 								children: i.status
 							})]
-						}), /* @__PURE__ */ S("div", {
+						}), /* @__PURE__ */ w("div", {
 							className: "flex flex-wrap items-center gap-x-6 gap-y-2 border-t border-border-subtle pt-3 text-xs",
 							children: [
-								/* @__PURE__ */ S("div", {
+								/* @__PURE__ */ w("div", {
 									className: "flex items-center gap-1.5",
-									children: [/* @__PURE__ */ x("span", {
+									children: [/* @__PURE__ */ C("span", {
 										className: "text-text-secondary",
 										children: "Owner"
-									}), /* @__PURE__ */ x(o, {
+									}), /* @__PURE__ */ C(s, {
 										id: i.ownerId,
 										className: "font-medium text-text-primary"
 									})]
 								}),
-								/* @__PURE__ */ S("div", {
+								/* @__PURE__ */ w("div", {
 									className: "flex items-center gap-1.5",
-									children: [/* @__PURE__ */ x("span", {
+									children: [/* @__PURE__ */ C("span", {
 										className: "text-text-secondary",
 										children: "Holdings value"
-									}), /* @__PURE__ */ x("span", {
+									}), /* @__PURE__ */ C("span", {
 										className: "font-medium text-text-primary",
-										children: p > 0 ? m(p, i.currency) : "—"
+										children: m > 0 ? h(m, i.currency) : "—"
 									})]
 								}),
-								/* @__PURE__ */ S("div", {
+								/* @__PURE__ */ w("div", {
 									className: "flex items-center gap-1.5",
-									children: [/* @__PURE__ */ x("span", {
+									children: [/* @__PURE__ */ C("span", {
 										className: "text-text-secondary",
 										children: "Positions"
-									}), /* @__PURE__ */ x("span", {
+									}), /* @__PURE__ */ C("span", {
 										className: "font-medium text-text-primary",
 										children: i.holdings.length
 									})]
@@ -781,171 +789,178 @@ function He({ accountId: t, onClose: n, onRecordTransaction: r }) {
 							]
 						})]
 					}),
-					l.length > 0 ? /* @__PURE__ */ S("div", {
+					u.length > 0 ? /* @__PURE__ */ w("div", {
 						className: "rounded-xl border border-border-subtle bg-bg-surface p-4",
-						children: [/* @__PURE__ */ x("h3", {
+						children: [/* @__PURE__ */ C("h3", {
 							className: "mb-2 text-sm font-semibold text-text-primary",
 							children: "Holdings allocation"
-						}), /* @__PURE__ */ x(ie, {
-							data: l,
-							centerValue: oe(p, i.currency),
+						}), /* @__PURE__ */ C(re, {
+							data: u,
+							centerValue: ae(m, i.currency),
 							centerLabel: "Market value",
 							height: 180,
-							valueFormatter: (e) => m(e, i.currency)
+							valueFormatter: (e) => h(e, i.currency)
 						})]
 					}) : null,
-					/* @__PURE__ */ S(Le, {
+					/* @__PURE__ */ C("div", {
+						className: "rounded-xl border border-border-subtle bg-bg-surface p-4",
+						children: /* @__PURE__ */ C(_, {
+							entityType: "brainyrich-account",
+							entityId: i.id
+						})
+					}),
+					/* @__PURE__ */ w(H, {
 						defaultValue: "holdings",
 						className: "w-full",
 						children: [
-							/* @__PURE__ */ S(H, {
+							/* @__PURE__ */ w(W, {
 								className: "w-full",
 								children: [
-									/* @__PURE__ */ x(U, {
+									/* @__PURE__ */ C(G, {
 										value: "holdings",
 										className: "flex-1",
 										children: "Holdings"
 									}),
-									/* @__PURE__ */ x(U, {
+									/* @__PURE__ */ C(G, {
 										value: "transactions",
 										className: "flex-1",
 										children: "Transactions"
 									}),
-									/* @__PURE__ */ x(U, {
+									/* @__PURE__ */ C(G, {
 										value: "documents",
 										className: "flex-1",
 										children: "Documents"
 									})
 								]
 							}),
-							/* @__PURE__ */ x(V, {
+							/* @__PURE__ */ C(U, {
 								value: "holdings",
 								className: "mt-4",
-								children: i.holdings.length === 0 ? /* @__PURE__ */ x(u, {
-									icon: /* @__PURE__ */ x(me, {
+								children: i.holdings.length === 0 ? /* @__PURE__ */ C(d, {
+									icon: /* @__PURE__ */ C(ge, {
 										className: "size-6",
 										"aria-hidden": "true"
 									}),
 									title: "No holdings",
 									description: "This account has no positions recorded yet."
-								}) : /* @__PURE__ */ x("div", {
+								}) : /* @__PURE__ */ C("div", {
 									className: "overflow-x-auto rounded-lg border border-border-subtle",
-									children: /* @__PURE__ */ S(Pe, { children: [/* @__PURE__ */ x(Ie, { children: /* @__PURE__ */ S(B, { children: [
-										/* @__PURE__ */ x(z, { children: "Holding" }),
-										/* @__PURE__ */ x(z, {
+									children: /* @__PURE__ */ w(Le, { children: [/* @__PURE__ */ C(ze, { children: /* @__PURE__ */ w(V, { children: [
+										/* @__PURE__ */ C(B, { children: "Holding" }),
+										/* @__PURE__ */ C(B, {
 											className: "text-right",
 											children: "Qty"
 										}),
-										/* @__PURE__ */ x(z, {
+										/* @__PURE__ */ C(B, {
 											className: "text-right",
 											children: "Price"
 										}),
-										/* @__PURE__ */ x(z, {
+										/* @__PURE__ */ C(B, {
 											className: "text-right",
 											children: "Market value"
 										})
-									] }) }), /* @__PURE__ */ x(Fe, { children: i.holdings.map((e) => /* @__PURE__ */ S(B, {
+									] }) }), /* @__PURE__ */ C(Re, { children: i.holdings.map((e) => /* @__PURE__ */ w(V, {
 										className: "transition-colors hover:bg-bg-elevated",
 										children: [
-											/* @__PURE__ */ S(R, { children: [/* @__PURE__ */ x("p", {
+											/* @__PURE__ */ w(z, { children: [/* @__PURE__ */ C("p", {
 												className: "font-medium text-text-primary",
 												children: e.symbol
-											}), e.name ? /* @__PURE__ */ x("p", {
+											}), e.name ? /* @__PURE__ */ C("p", {
 												className: "truncate text-xs text-text-secondary",
 												children: e.name
 											}) : null] }),
-											/* @__PURE__ */ x(R, {
+											/* @__PURE__ */ C(z, {
 												className: "text-right tabular-nums text-text-secondary",
 												children: e.quantity
 											}),
-											/* @__PURE__ */ x(R, {
+											/* @__PURE__ */ C(z, {
 												className: "text-right tabular-nums text-text-secondary",
-												children: m(e.lastPrice, e.currency)
+												children: h(e.lastPrice, e.currency)
 											}),
-											/* @__PURE__ */ x(R, {
+											/* @__PURE__ */ C(z, {
 												className: "text-right font-semibold tabular-nums text-text-primary",
-												children: m(e.marketValue, e.currency)
+												children: h(e.marketValue, e.currency)
 											})
 										]
 									}, e.id)) })] })
 								})
 							}),
-							/* @__PURE__ */ S(V, {
+							/* @__PURE__ */ w(U, {
 								value: "transactions",
 								className: "mt-4 space-y-3",
-								children: [/* @__PURE__ */ S("div", {
+								children: [/* @__PURE__ */ w("div", {
 									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ x("h3", {
+									children: [/* @__PURE__ */ C("h3", {
 										className: "text-sm font-semibold text-text-primary",
 										children: "Recent activity"
-									}), /* @__PURE__ */ S(w, {
+									}), /* @__PURE__ */ w(E, {
 										size: "sm",
 										onClick: r,
-										children: [/* @__PURE__ */ x(b, {
+										children: [/* @__PURE__ */ C(S, {
 											className: "size-4",
 											"aria-hidden": "true"
 										}), "Record"]
 									})]
-								}), s.isLoading ? /* @__PURE__ */ x(f, { rows: 2 }) : s.isError ? /* @__PURE__ */ x(d, { onRetry: () => s.refetch() }) : c.length === 0 ? /* @__PURE__ */ x(u, {
-									icon: /* @__PURE__ */ x(b, {
+								}), c.isLoading ? /* @__PURE__ */ C(p, { rows: 2 }) : c.isError ? /* @__PURE__ */ C(f, { onRetry: () => c.refetch() }) : l.length === 0 ? /* @__PURE__ */ C(d, {
+									icon: /* @__PURE__ */ C(S, {
 										className: "size-6",
 										"aria-hidden": "true"
 									}),
 									title: "No transactions",
 									description: "Record a transaction to see activity here.",
-									action: /* @__PURE__ */ S(w, {
+									action: /* @__PURE__ */ w(E, {
 										size: "sm",
 										onClick: r,
-										children: [/* @__PURE__ */ x(_e, {
+										children: [/* @__PURE__ */ C(ye, {
 											className: "size-4",
 											"aria-hidden": "true"
 										}), "Record transaction"]
 									})
-								}) : /* @__PURE__ */ S("div", {
+								}) : /* @__PURE__ */ w("div", {
 									className: "space-y-2",
-									children: [c.map((e) => {
-										let t = G(e.type), n = t ? v : _, r = t ? "text-status-success-text" : "text-status-error-text";
-										return /* @__PURE__ */ S("div", {
+									children: [l.map((e) => {
+										let t = q(e.type), n = t ? b : y, r = t ? "text-status-success-text" : "text-status-error-text";
+										return /* @__PURE__ */ w("div", {
 											className: "flex items-center justify-between gap-3 rounded-lg border border-border-subtle bg-bg-surface p-3 transition-colors hover:bg-bg-elevated",
-											children: [/* @__PURE__ */ S("div", {
+											children: [/* @__PURE__ */ w("div", {
 												className: "flex min-w-0 items-center gap-3",
-												children: [/* @__PURE__ */ x("span", {
+												children: [/* @__PURE__ */ C("span", {
 													className: `flex size-8 shrink-0 items-center justify-center rounded-full ${t ? "bg-status-success-bg" : "bg-status-error-bg"} ${r}`,
 													"aria-hidden": "true",
-													children: /* @__PURE__ */ x(n, { className: "size-4" })
-												}), /* @__PURE__ */ S("div", {
+													children: /* @__PURE__ */ C(n, { className: "size-4" })
+												}), /* @__PURE__ */ w("div", {
 													className: "min-w-0",
-													children: [/* @__PURE__ */ S("div", {
+													children: [/* @__PURE__ */ w("div", {
 														className: "flex items-center gap-2",
-														children: [/* @__PURE__ */ x("span", {
+														children: [/* @__PURE__ */ C("span", {
 															className: "truncate text-sm font-medium text-text-primary",
 															children: e.type.replace(/_/g, " ")
-														}), e.symbol ? /* @__PURE__ */ x(C, {
+														}), e.symbol ? /* @__PURE__ */ C(T, {
 															variant: "outline",
 															className: "shrink-0",
 															children: e.symbol
 														}) : null]
-													}), /* @__PURE__ */ x("p", {
+													}), /* @__PURE__ */ C("p", {
 														className: "mt-0.5 text-xs text-text-secondary",
-														children: se(e.tradeDate)
+														children: oe(e.tradeDate)
 													})]
 												})]
-											}), /* @__PURE__ */ S("span", {
+											}), /* @__PURE__ */ w("span", {
 												className: `shrink-0 text-sm font-semibold tabular-nums ${r}`,
-												children: [t ? "+" : "−", m(Math.abs(e.amount), e.currency)]
+												children: [t ? "+" : "−", h(Math.abs(e.amount), e.currency)]
 											})]
 										}, e.id);
-									}), /* @__PURE__ */ x(ne, {
-										hasMore: s.hasMore,
-										onClick: s.loadMore,
-										loading: s.isFetchingNextPage
+									}), /* @__PURE__ */ C(o, {
+										hasMore: c.hasMore,
+										onClick: c.loadMore,
+										loading: c.isFetchingNextPage
 									})]
 								})]
 							}),
-							/* @__PURE__ */ x(V, {
+							/* @__PURE__ */ C(U, {
 								value: "documents",
 								className: "mt-4",
-								children: /* @__PURE__ */ x(h, {
+								children: /* @__PURE__ */ C(g, {
 									entityType: "brainyrich-account",
 									entityId: i.id
 								})
@@ -953,9 +968,9 @@ function He({ accountId: t, onClose: n, onRecordTransaction: r }) {
 						]
 					})
 				]
-			}) : /* @__PURE__ */ x("div", {
+			}) : /* @__PURE__ */ C("div", {
 				className: "p-6",
-				children: /* @__PURE__ */ x(u, {
+				children: /* @__PURE__ */ C(d, {
 					title: "Account not found",
 					description: "This account is no longer available."
 				})
@@ -964,6 +979,6 @@ function He({ accountId: t, onClose: n, onRecordTransaction: r }) {
 	});
 }
 //#endregion
-export { J as AccountsPage };
+export { X as AccountsPage };
 
 //# sourceMappingURL=AccountsPage.js.map