@burdenoff/microfe-brainyrich 2026.1101.2 → 2026.1101.3

package/dist/brainyrich/pages/AccountsPage.js

@@ -5,16 +5,18 @@ 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 "../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 { EmptyState as u, ErrorState as d, LoadingState as f, SectionShell as p, formatCompact as oe, formatDate as m, 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 { useIsMobileViewport as de } from "../hooks/useIsMobileViewport.js";
 import { AggregationPanel as fe } from "../components/AggregationPanel.js";
-import { DocumentsPanel as h } from "../components/reuse/DocumentsPanel.js";
+import { DocumentsPanel as pe } from "../components/reuse/DocumentsPanel.js";
 import { TagField as g } from "../components/reuse/TagField.js";
-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 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";
+import { MobileAccountsView as me } from "./mobile/MobileAccountsView.js";
+import { useEffect as he, useMemo as ge, useState as _ } from "react";
+import { Archive as _e, ArrowDownRight as v, ArrowUpRight as y, Building2 as ve, CheckCircle2 as ye, ChevronRight as be, Landmark as b, Layers as xe, MoreHorizontal as Se, Pencil as Ce, Plus as we, Receipt as x, Wallet as Te } from "lucide-react";
+import { Fragment as Ee, jsx as S, jsxs as C } from "react/jsx-runtime";
+import { Badge as w, Button as T, Card as De, CardContent as Oe, CardDescription as ke, CardHeader as Ae, CardTitle as je, DropdownMenu as Me, DropdownMenuContent as Ne, DropdownMenuItem as Pe, DropdownMenuTrigger as Fe, Input as E, Label as D, ResponsiveDialog as O, ResponsiveDialogClose as Ie, ResponsiveDialogContent as k, ResponsiveDialogDescription as A, ResponsiveDialogFooter as j, ResponsiveDialogHeader as M, ResponsiveDialogTitle as N, Select as Le, SelectContent as Re, SelectItem as ze, SelectTrigger as Be, SelectValue as Ve, Sheet as P, SheetContent as F, SheetDescription as I, SheetHeader as L, SheetTitle as R, Table as He, TableBody as Ue, TableCell as z, TableHead as B, TableHeader as We, TableRow as V, Tabs as Ge, TabsContent as H, TabsList as U, TabsTrigger as W, Textarea as Ke } from "@burdenoff/fe-libs/ui";
 //#region src/brainyrich/pages/AccountsPage.tsx
 var G = [
 	"BANK",
@@ -25,7 +27,7 @@ var G = [
 	"REAL_ESTATE",
 	"ALTERNATIVE",
 	"LIABILITY"
-], We = [
+], qe = [
 	"BUY",
 	"SELL",
 	"DIVIDEND",
@@ -34,7 +36,7 @@ var G = [
 	"WITHDRAWAL",
 	"FEE",
 	"TRANSFER"
-], Ge = {
+], Je = {
 	BANK: "teal",
 	BROKERAGE: "brand",
 	RETIREMENT: "blue",
@@ -60,7 +62,7 @@ var J = {
 	cashBalance: "",
 	accountMask: "",
 	householdId: null
-}, Ke = {
+}, Ye = {
 	type: "DEPOSIT",
 	tradeDate: "",
 	symbol: "",
@@ -71,43 +73,43 @@ var J = {
 	notes: ""
 };
 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), [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;
+	ue("brainyrich.accounts.viewed");
+	let e = de(), a = t().data, o = i(), [l, m] = _(void 0), [pe, g] = _(!1), [v, y] = _(J), [x, P] = _(null), [F, I] = _(J), [L, R] = _(null), [Ge, H] = _(!1), [U, W] = _(void 0), [G, K] = _(void 0), [Y, X] = _(Ye), Qe = r(), $e = te(), et = n(), tt = ee();
+	he(() => {
+		if (!G) return;
 		let e = window.setTimeout(() => {
-			G(void 0), V(!0);
+			K(void 0), H(!0);
 		}, 320);
 		return () => window.clearTimeout(e);
-	}, [W]);
-	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;
-			e <= 0 || t.set(n.type, (t.get(n.type) ?? 0) + e);
+	}, [G]);
+	let nt = a.reduce((e, t) => e + (t.cashBalance ?? 0), 0), rt = a.filter((e) => e.status === "ACTIVE").length, it = new Set(a.map((e) => e.institution).filter((e) => !!e)).size, Z = a[0]?.currency ?? "USD", at = ge(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of a) {
+			let n = t.cashBalance ?? 0;
+			n <= 0 || e.set(t.type, (e.get(t.type) ?? 0) + n);
 		}
-		return [...t.entries()].map(([e, t]) => ({
+		return [...e.entries()].map(([e, t]) => ({
 			label: e.replace(/_/g, " "),
 			value: t,
-			tone: Ge[e]
+			tone: Je[e]
 		})).sort((e, t) => t.value - e.value);
-	}, [e]);
-	function nt() {
-		v(J), h(!0);
+	}, [a]);
+	function ot() {
+		y(J), g(!0);
 	}
-	function rt() {
-		g.name.trim() && X.mutate({
-			name: g.name.trim(),
-			type: g.type,
-			institution: g.institution.trim() || null,
-			currency: g.currency.trim() || "USD",
-			cashBalance: q(g.cashBalance) ?? 0,
-			accountMask: g.accountMask.trim() || null,
-			householdId: g.householdId
-		}, { onSuccess: () => h(!1) });
+	function st() {
+		v.name.trim() && Qe.mutate({
+			name: v.name.trim(),
+			type: v.type,
+			institution: v.institution.trim() || null,
+			currency: v.currency.trim() || "USD",
+			cashBalance: q(v.cashBalance) ?? 0,
+			accountMask: v.accountMask.trim() || null,
+			householdId: v.householdId
+		}, { onSuccess: () => g(!1) });
 	}
-	function it(e) {
-		x(e), F({
+	function ct(e) {
+		P(e), I({
 			name: e.name,
 			type: e.type,
 			institution: e.institution ?? "",
@@ -117,60 +119,314 @@ function Y() {
 			householdId: e.householdId
 		});
 	}
-	function at() {
-		!y || !P.name.trim() || Z.mutate({
-			id: y.id,
+	function lt() {
+		!x || !F.name.trim() || $e.mutate({
+			id: x.id,
 			input: {
-				name: P.name.trim(),
-				type: P.type,
-				institution: P.institution.trim() || null,
-				currency: P.currency.trim() || "USD",
-				cashBalance: q(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: q(F.cashBalance) ?? 0,
+				accountMask: F.accountMask.trim() || null,
+				householdId: F.householdId
 			}
-		}, { onSuccess: () => x(null) });
+		}, { onSuccess: () => P(null) });
 	}
-	function ot() {
-		if (!I) return;
-		let e = I.id;
-		Ye.mutate(e, { onSuccess: () => {
-			le(), ue("Account archived"), L(null), o === e && l(void 0);
+	function ut() {
+		if (!L) return;
+		let e = L.id;
+		et.mutate(e, { onSuccess: () => {
+			ce(), le("Account archived"), R(null), l === e && m(void 0);
 		} });
 	}
-	function st(e) {
-		Y(Ke), U(e), l(void 0), G(e);
+	function dt(e) {
+		X(Ye), W(e), m(void 0), K(e);
 	}
-	function ct() {
-		G(void 0), V(!1);
-		let e = H;
-		U(void 0), e && l(e);
+	function ft() {
+		K(void 0), H(!1);
+		let e = U;
+		W(void 0), e && m(e);
 	}
-	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()) || Xe.mutate({
-			accountId: H,
-			type: K.type,
+	let Q = q(Y.amount), $ = Q !== void 0 && Q > 0, pt = !!(U && Y.tradeDate) && $;
+	function mt() {
+		if (!U || !Y.tradeDate || !$) return;
+		let e = new Date(Y.tradeDate);
+		Number.isNaN(e.getTime()) || tt.mutate({
+			accountId: U,
+			type: Y.type,
 			tradeDate: e.toISOString(),
-			symbol: K.symbol.trim() || null,
-			quantity: q(K.quantity),
-			price: q(K.price),
+			symbol: Y.symbol.trim() || null,
+			quantity: q(Y.quantity),
+			price: q(Y.price),
 			amount: Q,
-			fee: q(K.fee),
-			notes: K.notes.trim() || null
-		}, { onSuccess: ct });
+			fee: q(Y.fee),
+			notes: Y.notes.trim() || null
+		}, { onSuccess: ft });
 	}
-	return /* @__PURE__ */ S("div", {
+	let ht = (e) => h(e, Z), gt = /* @__PURE__ */ C(Ee, { children: [
+		/* @__PURE__ */ S(O, {
+			open: pe,
+			onOpenChange: g,
+			children: /* @__PURE__ */ C(k, {
+				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(Xe, {
+						form: v,
+						onChange: y
+					}),
+					/* @__PURE__ */ C(j, { children: [/* @__PURE__ */ S(Ie, {
+						asChild: !0,
+						children: /* @__PURE__ */ S(T, {
+							variant: "outline",
+							children: "Cancel"
+						})
+					}), /* @__PURE__ */ S(T, {
+						onClick: st,
+						disabled: !v.name.trim() || Qe.isPending,
+						children: Qe.isPending ? "Creating…" : "Create account"
+					})] })
+				]
+			})
+		}),
+		/* @__PURE__ */ S(O, {
+			open: !!x,
+			onOpenChange: (e) => !e && P(null),
+			children: /* @__PURE__ */ C(k, {
+				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(Xe, {
+						form: F,
+						onChange: I
+					}),
+					/* @__PURE__ */ C(j, { children: [/* @__PURE__ */ S(T, {
+						variant: "outline",
+						onClick: () => P(null),
+						children: "Cancel"
+					}), /* @__PURE__ */ S(T, {
+						onClick: lt,
+						disabled: !F.name.trim() || $e.isPending,
+						children: $e.isPending ? "Saving…" : "Save changes"
+					})] })
+				]
+			})
+		}),
+		/* @__PURE__ */ S(re, {
+			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: et.isPending,
+			onConfirm: ut
+		}),
+		/* @__PURE__ */ S(Ze, {
+			accountId: l,
+			onClose: () => {
+				m(void 0), K(void 0);
+			},
+			onRecordTransaction: dt
+		}),
+		/* @__PURE__ */ S(O, {
+			open: Ge,
+			onOpenChange: (e) => !e && ft(),
+			children: /* @__PURE__ */ C(k, {
+				className: "max-h-[90vh] overflow-y-auto",
+				children: [
+					/* @__PURE__ */ C(M, { children: [/* @__PURE__ */ S(N, { children: "Record transaction" }), /* @__PURE__ */ S(A, { children: "Log activity against the selected account." })] }),
+					/* @__PURE__ */ C("div", {
+						className: "grid gap-4",
+						children: [
+							/* @__PURE__ */ C("div", {
+								className: "grid grid-cols-2 gap-4",
+								children: [/* @__PURE__ */ C("div", {
+									className: "space-y-2",
+									children: [/* @__PURE__ */ S(D, {
+										htmlFor: "tx-type",
+										children: "Type"
+									}), /* @__PURE__ */ C(Le, {
+										value: Y.type,
+										onValueChange: (e) => X((t) => ({
+											...t,
+											type: e
+										})),
+										children: [/* @__PURE__ */ S(Be, {
+											id: "tx-type",
+											children: /* @__PURE__ */ S(Ve, {})
+										}), /* @__PURE__ */ S(Re, { children: qe.map((e) => /* @__PURE__ */ S(ze, {
+											value: e,
+											children: e.replace(/_/g, " ")
+										}, e)) })]
+									})]
+								}), /* @__PURE__ */ C("div", {
+									className: "space-y-2",
+									children: [/* @__PURE__ */ S(D, {
+										htmlFor: "tx-date",
+										children: "Trade date"
+									}), /* @__PURE__ */ S(E, {
+										id: "tx-date",
+										type: "date",
+										value: Y.tradeDate,
+										onChange: (e) => X((t) => ({
+											...t,
+											tradeDate: e.target.value
+										}))
+									})]
+								})]
+							}),
+							/* @__PURE__ */ C("div", {
+								className: "grid grid-cols-2 gap-4",
+								children: [/* @__PURE__ */ C("div", {
+									className: "space-y-2",
+									children: [/* @__PURE__ */ S(D, {
+										htmlFor: "tx-symbol",
+										children: "Symbol"
+									}), /* @__PURE__ */ S(E, {
+										id: "tx-symbol",
+										value: Y.symbol,
+										onChange: (e) => X((t) => ({
+											...t,
+											symbol: e.target.value
+										})),
+										placeholder: "e.g. VOO"
+									})]
+								}), /* @__PURE__ */ C("div", {
+									className: "space-y-2",
+									children: [
+										/* @__PURE__ */ S(D, {
+											htmlFor: "tx-amount",
+											children: "Amount"
+										}),
+										/* @__PURE__ */ S(E, {
+											id: "tx-amount",
+											type: "number",
+											min: "0",
+											step: "any",
+											value: Y.amount,
+											onChange: (e) => X((t) => ({
+												...t,
+												amount: e.target.value
+											})),
+											"aria-invalid": Y.amount.trim() !== "" && !$,
+											"aria-describedby": "tx-amount-hint"
+										}),
+										/* @__PURE__ */ S("p", {
+											id: "tx-amount-hint",
+											className: "text-xs text-text-secondary",
+											children: Y.amount.trim() !== "" && !$ ? "Enter an amount greater than 0." : "Positive amount; direction is set by the type."
+										})
+									]
+								})]
+							}),
+							/* @__PURE__ */ C("div", {
+								className: "grid grid-cols-3 gap-4",
+								children: [
+									/* @__PURE__ */ C("div", {
+										className: "space-y-2",
+										children: [/* @__PURE__ */ S(D, {
+											htmlFor: "tx-qty",
+											children: "Quantity"
+										}), /* @__PURE__ */ S(E, {
+											id: "tx-qty",
+											type: "number",
+											value: Y.quantity,
+											onChange: (e) => X((t) => ({
+												...t,
+												quantity: e.target.value
+											}))
+										})]
+									}),
+									/* @__PURE__ */ C("div", {
+										className: "space-y-2",
+										children: [/* @__PURE__ */ S(D, {
+											htmlFor: "tx-price",
+											children: "Price"
+										}), /* @__PURE__ */ S(E, {
+											id: "tx-price",
+											type: "number",
+											value: Y.price,
+											onChange: (e) => X((t) => ({
+												...t,
+												price: e.target.value
+											}))
+										})]
+									}),
+									/* @__PURE__ */ C("div", {
+										className: "space-y-2",
+										children: [/* @__PURE__ */ S(D, {
+											htmlFor: "tx-fee",
+											children: "Fee"
+										}), /* @__PURE__ */ S(E, {
+											id: "tx-fee",
+											type: "number",
+											value: Y.fee,
+											onChange: (e) => X((t) => ({
+												...t,
+												fee: e.target.value
+											}))
+										})]
+									})
+								]
+							}),
+							/* @__PURE__ */ C("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ S(D, {
+									htmlFor: "tx-notes",
+									children: "Notes"
+								}), /* @__PURE__ */ S(Ke, {
+									id: "tx-notes",
+									value: Y.notes,
+									onChange: (e) => X((t) => ({
+										...t,
+										notes: e.target.value
+									})),
+									placeholder: "Optional note"
+								})]
+							})
+						]
+					}),
+					/* @__PURE__ */ C(j, { children: [/* @__PURE__ */ S(T, {
+						variant: "outline",
+						onClick: ft,
+						children: "Cancel"
+					}), /* @__PURE__ */ S(T, {
+						onClick: mt,
+						disabled: !pt || tt.isPending,
+						children: tt.isPending ? "Saving…" : "Record transaction"
+					})] })
+				]
+			})
+		})
+	] });
+	return e ? /* @__PURE__ */ C(Ee, { children: [/* @__PURE__ */ S(me, {
+		totalCash: nt,
+		accountCount: a.length,
+		currency: Z,
+		items: o.items,
+		isLoading: o.isLoading,
+		isError: o.isError,
+		refetch: () => o.refetch(),
+		hasMore: o.hasMore,
+		loadMore: o.loadMore,
+		isFetchingNextPage: o.isFetchingNextPage,
+		onCreate: ot,
+		onOpen: (e) => m(e.id),
+		onEdit: ct,
+		onArchive: R,
+		aggregation: /* @__PURE__ */ S(fe, {})
+	}), gt] }) : /* @__PURE__ */ S("div", {
 		"data-tour": "brainyrich-page-accounts",
 		className: "contents",
 		children: /* @__PURE__ */ C(p, {
 			title: "Accounts",
 			description: "Linked bank, brokerage and retirement accounts with recent activity.",
-			badges: [`${e.length} account${e.length === 1 ? "" : "s"}`],
+			badges: [`${a.length} account${a.length === 1 ? "" : "s"}`],
 			actionLabel: "New account",
-			onAction: nt,
+			onAction: ot,
 			children: [
 				/* @__PURE__ */ C("div", {
 					className: "grid gap-4 lg:grid-cols-3",
@@ -181,9 +437,9 @@ function Y() {
 								index: 0,
 								children: /* @__PURE__ */ S(c, {
 									label: "Total cash",
-									value: m(Ze, et),
+									value: h(nt, Z),
 									glow: !0,
-									icon: /* @__PURE__ */ S(Ce, {
+									icon: /* @__PURE__ */ S(Te, {
 										className: "size-4",
 										"aria-hidden": "true"
 									})
@@ -193,7 +449,7 @@ function Y() {
 								index: 1,
 								children: /* @__PURE__ */ S(c, {
 									label: "Total accounts",
-									value: String(e.length),
+									value: String(a.length),
 									icon: /* @__PURE__ */ S(b, {
 										className: "size-4",
 										"aria-hidden": "true"
@@ -204,8 +460,8 @@ function Y() {
 								index: 2,
 								children: /* @__PURE__ */ S(c, {
 									label: "Active",
-									value: `${Qe}/${e.length}`,
-									icon: /* @__PURE__ */ S(_e, {
+									value: `${rt}/${a.length}`,
+									icon: /* @__PURE__ */ S(ye, {
 										className: "size-4",
 										"aria-hidden": "true"
 									})
@@ -215,8 +471,8 @@ function Y() {
 								index: 3,
 								children: /* @__PURE__ */ S(c, {
 									label: "Institutions",
-									value: String($e),
-									icon: /* @__PURE__ */ S(ge, {
+									value: String(it),
+									icon: /* @__PURE__ */ S(ve, {
 										className: "size-4",
 										"aria-hidden": "true"
 									})
@@ -230,22 +486,22 @@ function Y() {
 							glow: !0,
 							children: [/* @__PURE__ */ C("div", {
 								className: "mb-2 flex items-center gap-2",
-								children: [/* @__PURE__ */ S(ye, {
+								children: [/* @__PURE__ */ S(xe, {
 									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"
 								})]
-							}), tt.length === 0 ? /* @__PURE__ */ S("p", {
+							}), at.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: tt,
-								centerValue: oe(Ze, et),
+								data: at,
+								centerValue: oe(nt, Z),
 								centerLabel: "Total cash",
 								height: 200,
-								valueFormatter: (e) => m(e, et)
+								valueFormatter: ht
 							})]
 						})
 					})]
@@ -253,15 +509,15 @@ function Y() {
 				/* @__PURE__ */ S(s, {
 					index: 5,
 					as: "section",
-					children: /* @__PURE__ */ C(we, {
+					children: /* @__PURE__ */ C(De, {
 						className: "transition-shadow motion-safe:hover:shadow-[var(--shadow-pop-hover,var(--shadow-elevation-2))]",
-						children: [/* @__PURE__ */ C(De, { children: [/* @__PURE__ */ C(Oe, {
+						children: [/* @__PURE__ */ C(Ae, { children: [/* @__PURE__ */ C(je, {
 							className: "flex items-center gap-2",
 							children: [/* @__PURE__ */ S(b, {
 								className: "h-5 w-5",
 								"aria-hidden": "true"
 							}), "Linked accounts"]
-						}), /* @__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, {
+						}), /* @__PURE__ */ S(ke, { children: "Select an account to view holdings and transactions." })] }), /* @__PURE__ */ S(Oe, { children: o.isLoading ? /* @__PURE__ */ S(f, {}) : o.isError ? /* @__PURE__ */ S(d, { onRetry: () => o.refetch() }) : o.items.length === 0 ? /* @__PURE__ */ S(u, {
 							icon: /* @__PURE__ */ S(b, {
 								className: "size-6",
 								"aria-hidden": "true"
@@ -270,32 +526,32 @@ function Y() {
 							description: "Add your first bank, brokerage or retirement account to start tracking net worth.",
 							action: /* @__PURE__ */ C(T, {
 								size: "sm",
-								onClick: nt,
-								children: [/* @__PURE__ */ S(Se, {
+								onClick: ot,
+								children: [/* @__PURE__ */ S(we, {
 									className: "size-4",
 									"aria-hidden": "true"
 								}), "New account"]
 							})
 						}) : /* @__PURE__ */ C("div", {
 							className: "overflow-x-auto",
-							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" }),
-								/* @__PURE__ */ S(z, {
+							children: [/* @__PURE__ */ C(He, { children: [/* @__PURE__ */ S(We, { children: /* @__PURE__ */ C(V, { children: [
+								/* @__PURE__ */ S(B, { children: "Account" }),
+								/* @__PURE__ */ S(B, { children: "Type" }),
+								/* @__PURE__ */ S(B, { children: "Institution" }),
+								/* @__PURE__ */ S(B, {
 									className: "text-right",
 									children: "Cash balance"
 								}),
-								/* @__PURE__ */ S(z, { children: "Status" }),
-								/* @__PURE__ */ S(z, {
+								/* @__PURE__ */ S(B, { children: "Status" }),
+								/* @__PURE__ */ S(B, {
 									className: "w-12 text-right",
 									children: "Actions"
 								})
-							] }) }), /* @__PURE__ */ S(Ve, { children: a.items.map((e) => /* @__PURE__ */ C(B, {
+							] }) }), /* @__PURE__ */ S(Ue, { children: o.items.map((e) => /* @__PURE__ */ C(V, {
 								className: "group cursor-pointer transition-colors hover:bg-bg-elevated",
-								onClick: () => l(e.id),
+								onClick: () => m(e.id),
 								children: [
-									/* @__PURE__ */ S(R, { children: /* @__PURE__ */ C("div", {
+									/* @__PURE__ */ S(z, { children: /* @__PURE__ */ C("div", {
 										className: "flex items-center gap-3",
 										children: [/* @__PURE__ */ S("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",
@@ -305,7 +561,7 @@ 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(ve, {
+												children: [e.name, /* @__PURE__ */ S(be, {
 													className: "size-3.5 shrink-0 text-text-secondary opacity-0 transition-opacity group-hover:opacity-100",
 													"aria-hidden": "true"
 												})]
@@ -319,48 +575,48 @@ function Y() {
 											})]
 										})]
 									}) }),
-									/* @__PURE__ */ S(R, { children: /* @__PURE__ */ S(w, {
+									/* @__PURE__ */ S(z, { children: /* @__PURE__ */ S(w, {
 										variant: "outline",
 										children: e.type.replace(/_/g, " ")
 									}) }),
-									/* @__PURE__ */ S(R, {
+									/* @__PURE__ */ S(z, {
 										className: "text-sm text-text-secondary",
 										children: e.institution ?? "—"
 									}),
-									/* @__PURE__ */ S(R, {
+									/* @__PURE__ */ S(z, {
 										className: "text-right font-semibold tabular-nums text-text-primary",
-										children: m(e.cashBalance, e.currency)
+										children: h(e.cashBalance, e.currency)
 									}),
-									/* @__PURE__ */ S(R, { children: /* @__PURE__ */ S(w, {
-										variant: ce(e.status),
+									/* @__PURE__ */ S(z, { children: /* @__PURE__ */ S(w, {
+										variant: se(e.status),
 										children: e.status
 									}) }),
-									/* @__PURE__ */ S(R, {
+									/* @__PURE__ */ S(z, {
 										className: "text-right",
 										onClick: (e) => e.stopPropagation(),
-										children: /* @__PURE__ */ C(ke, { children: [/* @__PURE__ */ S(Me, {
+										children: /* @__PURE__ */ C(Me, { children: [/* @__PURE__ */ S(Fe, {
 											asChild: !0,
 											children: /* @__PURE__ */ S(T, {
 												variant: "ghost",
 												size: "sm",
 												"aria-label": `Actions for ${e.name}`,
-												children: /* @__PURE__ */ S(be, {
+												children: /* @__PURE__ */ S(Se, {
 													className: "size-4",
 													"aria-hidden": "true"
 												})
 											})
-										}), /* @__PURE__ */ C(Ae, {
+										}), /* @__PURE__ */ C(Ne, {
 											align: "end",
-											children: [/* @__PURE__ */ C(je, {
-												onClick: () => it(e),
-												children: [/* @__PURE__ */ S(xe, {
+											children: [/* @__PURE__ */ C(Pe, {
+												onClick: () => ct(e),
+												children: [/* @__PURE__ */ S(Ce, {
 													className: "size-4",
 													"aria-hidden": "true"
 												}), "Edit"]
-											}), /* @__PURE__ */ C(je, {
+											}), /* @__PURE__ */ C(Pe, {
 												className: "text-status-error-text",
-												onClick: () => L(e),
-												children: [/* @__PURE__ */ S(he, {
+												onClick: () => R(e),
+												children: [/* @__PURE__ */ S(_e, {
 													className: "size-4",
 													"aria-hidden": "true"
 												}), "Archive"]
@@ -369,9 +625,9 @@ function Y() {
 									})
 								]
 							}, e.id)) })] }), /* @__PURE__ */ S(ne, {
-								hasMore: a.hasMore,
-								onClick: a.loadMore,
-								loading: a.isFetchingNextPage,
+								hasMore: o.hasMore,
+								onClick: o.loadMore,
+								loading: o.isFetchingNextPage,
 								className: "mt-4"
 							})]
 						}) })]
@@ -382,247 +638,12 @@ function Y() {
 					as: "section",
 					children: /* @__PURE__ */ S(fe, {})
 				}),
-				/* @__PURE__ */ S(O, {
-					open: se,
-					onOpenChange: h,
-					children: /* @__PURE__ */ C(k, {
-						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(qe, {
-								form: g,
-								onChange: v
-							}),
-							/* @__PURE__ */ C(j, { children: [/* @__PURE__ */ S(Ne, {
-								asChild: !0,
-								children: /* @__PURE__ */ S(T, {
-									variant: "outline",
-									children: "Cancel"
-								})
-							}), /* @__PURE__ */ S(T, {
-								onClick: rt,
-								disabled: !g.name.trim() || X.isPending,
-								children: X.isPending ? "Creating…" : "Create account"
-							})] })
-						]
-					})
-				}),
-				/* @__PURE__ */ S(O, {
-					open: !!y,
-					onOpenChange: (e) => !e && x(null),
-					children: /* @__PURE__ */ C(k, {
-						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(qe, {
-								form: P,
-								onChange: F
-							}),
-							/* @__PURE__ */ C(j, { children: [/* @__PURE__ */ S(T, {
-								variant: "outline",
-								onClick: () => x(null),
-								children: "Cancel"
-							}), /* @__PURE__ */ S(T, {
-								onClick: at,
-								disabled: !P.name.trim() || Z.isPending,
-								children: Z.isPending ? "Saving…" : "Save changes"
-							})] })
-						]
-					})
-				}),
-				/* @__PURE__ */ S(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: Ye.isPending,
-					onConfirm: ot
-				}),
-				/* @__PURE__ */ S(Je, {
-					accountId: o,
-					onClose: () => {
-						l(void 0), G(void 0);
-					},
-					onRecordTransaction: st
-				}),
-				/* @__PURE__ */ S(O, {
-					open: ze,
-					onOpenChange: (e) => !e && ct(),
-					children: /* @__PURE__ */ C(k, {
-						className: "max-h-[90vh] overflow-y-auto",
-						children: [
-							/* @__PURE__ */ C(M, { children: [/* @__PURE__ */ S(N, { children: "Record transaction" }), /* @__PURE__ */ S(A, { children: "Log activity against the selected account." })] }),
-							/* @__PURE__ */ C("div", {
-								className: "grid gap-4",
-								children: [
-									/* @__PURE__ */ C("div", {
-										className: "grid grid-cols-2 gap-4",
-										children: [/* @__PURE__ */ C("div", {
-											className: "space-y-2",
-											children: [/* @__PURE__ */ S(D, {
-												htmlFor: "tx-type",
-												children: "Type"
-											}), /* @__PURE__ */ C(Pe, {
-												value: K.type,
-												onValueChange: (e) => Y((t) => ({
-													...t,
-													type: e
-												})),
-												children: [/* @__PURE__ */ S(Le, {
-													id: "tx-type",
-													children: /* @__PURE__ */ S(Re, {})
-												}), /* @__PURE__ */ S(Fe, { children: We.map((e) => /* @__PURE__ */ S(Ie, {
-													value: e,
-													children: e.replace(/_/g, " ")
-												}, e)) })]
-											})]
-										}), /* @__PURE__ */ C("div", {
-											className: "space-y-2",
-											children: [/* @__PURE__ */ S(D, {
-												htmlFor: "tx-date",
-												children: "Trade date"
-											}), /* @__PURE__ */ S(E, {
-												id: "tx-date",
-												type: "date",
-												value: K.tradeDate,
-												onChange: (e) => Y((t) => ({
-													...t,
-													tradeDate: e.target.value
-												}))
-											})]
-										})]
-									}),
-									/* @__PURE__ */ C("div", {
-										className: "grid grid-cols-2 gap-4",
-										children: [/* @__PURE__ */ C("div", {
-											className: "space-y-2",
-											children: [/* @__PURE__ */ S(D, {
-												htmlFor: "tx-symbol",
-												children: "Symbol"
-											}), /* @__PURE__ */ S(E, {
-												id: "tx-symbol",
-												value: K.symbol,
-												onChange: (e) => Y((t) => ({
-													...t,
-													symbol: e.target.value
-												})),
-												placeholder: "e.g. VOO"
-											})]
-										}), /* @__PURE__ */ C("div", {
-											className: "space-y-2",
-											children: [
-												/* @__PURE__ */ S(D, {
-													htmlFor: "tx-amount",
-													children: "Amount"
-												}),
-												/* @__PURE__ */ S(E, {
-													id: "tx-amount",
-													type: "number",
-													min: "0",
-													step: "any",
-													value: K.amount,
-													onChange: (e) => Y((t) => ({
-														...t,
-														amount: e.target.value
-													})),
-													"aria-invalid": K.amount.trim() !== "" && !$,
-													"aria-describedby": "tx-amount-hint"
-												}),
-												/* @__PURE__ */ S("p", {
-													id: "tx-amount-hint",
-													className: "text-xs text-text-secondary",
-													children: K.amount.trim() !== "" && !$ ? "Enter an amount greater than 0." : "Positive amount; direction is set by the type."
-												})
-											]
-										})]
-									}),
-									/* @__PURE__ */ C("div", {
-										className: "grid grid-cols-3 gap-4",
-										children: [
-											/* @__PURE__ */ C("div", {
-												className: "space-y-2",
-												children: [/* @__PURE__ */ S(D, {
-													htmlFor: "tx-qty",
-													children: "Quantity"
-												}), /* @__PURE__ */ S(E, {
-													id: "tx-qty",
-													type: "number",
-													value: K.quantity,
-													onChange: (e) => Y((t) => ({
-														...t,
-														quantity: e.target.value
-													}))
-												})]
-											}),
-											/* @__PURE__ */ C("div", {
-												className: "space-y-2",
-												children: [/* @__PURE__ */ S(D, {
-													htmlFor: "tx-price",
-													children: "Price"
-												}), /* @__PURE__ */ S(E, {
-													id: "tx-price",
-													type: "number",
-													value: K.price,
-													onChange: (e) => Y((t) => ({
-														...t,
-														price: e.target.value
-													}))
-												})]
-											}),
-											/* @__PURE__ */ C("div", {
-												className: "space-y-2",
-												children: [/* @__PURE__ */ S(D, {
-													htmlFor: "tx-fee",
-													children: "Fee"
-												}), /* @__PURE__ */ S(E, {
-													id: "tx-fee",
-													type: "number",
-													value: K.fee,
-													onChange: (e) => Y((t) => ({
-														...t,
-														fee: e.target.value
-													}))
-												})]
-											})
-										]
-									}),
-									/* @__PURE__ */ C("div", {
-										className: "space-y-2",
-										children: [/* @__PURE__ */ S(D, {
-											htmlFor: "tx-notes",
-											children: "Notes"
-										}), /* @__PURE__ */ S(Ue, {
-											id: "tx-notes",
-											value: K.notes,
-											onChange: (e) => Y((t) => ({
-												...t,
-												notes: e.target.value
-											})),
-											placeholder: "Optional note"
-										})]
-									})
-								]
-							}),
-							/* @__PURE__ */ C(j, { children: [/* @__PURE__ */ S(T, {
-								variant: "outline",
-								onClick: ct,
-								children: "Cancel"
-							}), /* @__PURE__ */ S(T, {
-								onClick: ut,
-								disabled: !lt || Xe.isPending,
-								children: Xe.isPending ? "Saving…" : "Record transaction"
-							})] })
-						]
-					})
-				})
+				gt
 			]
 		})
 	});
 }
-function qe({ form: e, onChange: t }) {
+function Xe({ form: e, onChange: t }) {
 	return /* @__PURE__ */ C("div", {
 		className: "grid gap-4",
 		children: [
@@ -648,16 +669,16 @@ function qe({ form: e, onChange: t }) {
 					children: [/* @__PURE__ */ S(D, {
 						htmlFor: "acct-type",
 						children: "Type"
-					}), /* @__PURE__ */ C(Pe, {
+					}), /* @__PURE__ */ C(Le, {
 						value: e.type,
 						onValueChange: (e) => t((t) => ({
 							...t,
 							type: e
 						})),
-						children: [/* @__PURE__ */ S(Le, {
+						children: [/* @__PURE__ */ S(Be, {
 							id: "acct-type",
-							children: /* @__PURE__ */ S(Re, {})
-						}), /* @__PURE__ */ S(Fe, { children: G.map((e) => /* @__PURE__ */ S(Ie, {
+							children: /* @__PURE__ */ S(Ve, {})
+						}), /* @__PURE__ */ S(Re, { children: G.map((e) => /* @__PURE__ */ S(ze, {
 							value: e,
 							children: e.replace(/_/g, " ")
 						}, e)) })]
@@ -735,8 +756,8 @@ function qe({ form: e, onChange: t }) {
 		]
 	});
 }
-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) => ({
+function Ze({ 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 = ge(() => 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);
@@ -747,7 +768,7 @@ function Je({ 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(ze, {
+				children: [/* @__PURE__ */ S(R, {
 					className: "text-lg",
 					children: i?.name ?? "Account"
 				}), /* @__PURE__ */ S(I, { children: i ? `${i.institution ?? "Manual account"} · ${i.type.replace(/_/g, " ")}` : "Loading account details…" })]
@@ -772,10 +793,10 @@ function Je({ accountId: t, onClose: n, onRecordTransaction: r }) {
 									children: "Cash balance"
 								}), /* @__PURE__ */ S("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__ */ S(w, {
-								variant: ce(i.status),
+								variant: se(i.status),
 								children: i.status
 							})]
 						}), /* @__PURE__ */ C("div", {
@@ -798,7 +819,7 @@ function Je({ accountId: t, onClose: n, onRecordTransaction: r }) {
 										children: "Holdings value"
 									}), /* @__PURE__ */ S("span", {
 										className: "font-medium text-text-primary",
-										children: p > 0 ? m(p, i.currency) : "—"
+										children: p > 0 ? h(p, i.currency) : "—"
 									})]
 								}),
 								/* @__PURE__ */ C("div", {
@@ -824,7 +845,7 @@ function Je({ accountId: t, onClose: n, onRecordTransaction: r }) {
 							centerValue: oe(p, i.currency),
 							centerLabel: "Market value",
 							height: 180,
-							valueFormatter: (e) => m(e, i.currency)
+							valueFormatter: (e) => h(e, i.currency)
 						})]
 					}) : null,
 					/* @__PURE__ */ S("div", {
@@ -834,7 +855,7 @@ function Je({ accountId: t, onClose: n, onRecordTransaction: r }) {
 							entityId: i.id
 						})
 					}),
-					/* @__PURE__ */ C(V, {
+					/* @__PURE__ */ C(Ge, {
 						defaultValue: "holdings",
 						className: "w-full",
 						children: [
@@ -862,7 +883,7 @@ function Je({ accountId: t, onClose: n, onRecordTransaction: r }) {
 								value: "holdings",
 								className: "mt-4",
 								children: i.holdings.length === 0 ? /* @__PURE__ */ S(u, {
-									icon: /* @__PURE__ */ S(ye, {
+									icon: /* @__PURE__ */ S(xe, {
 										className: "size-6",
 										"aria-hidden": "true"
 									}),
@@ -870,41 +891,41 @@ function Je({ 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(Be, { children: [/* @__PURE__ */ S(He, { children: /* @__PURE__ */ C(B, { children: [
-										/* @__PURE__ */ S(z, { children: "Holding" }),
-										/* @__PURE__ */ S(z, {
+									children: /* @__PURE__ */ C(He, { children: [/* @__PURE__ */ S(We, { children: /* @__PURE__ */ C(V, { children: [
+										/* @__PURE__ */ S(B, { children: "Holding" }),
+										/* @__PURE__ */ S(B, {
 											className: "text-right",
 											children: "Qty"
 										}),
-										/* @__PURE__ */ S(z, {
+										/* @__PURE__ */ S(B, {
 											className: "text-right",
 											children: "Price"
 										}),
-										/* @__PURE__ */ S(z, {
+										/* @__PURE__ */ S(B, {
 											className: "text-right",
 											children: "Market value"
 										})
-									] }) }), /* @__PURE__ */ S(Ve, { children: i.holdings.map((e) => /* @__PURE__ */ C(B, {
+									] }) }), /* @__PURE__ */ S(Ue, { children: i.holdings.map((e) => /* @__PURE__ */ C(V, {
 										className: "transition-colors hover:bg-bg-elevated",
 										children: [
-											/* @__PURE__ */ C(R, { children: [/* @__PURE__ */ S("p", {
+											/* @__PURE__ */ C(z, { children: [/* @__PURE__ */ S("p", {
 												className: "font-medium text-text-primary",
 												children: e.symbol
 											}), e.name ? /* @__PURE__ */ S("p", {
 												className: "truncate text-xs text-text-secondary",
 												children: e.name
 											}) : null] }),
-											/* @__PURE__ */ S(R, {
+											/* @__PURE__ */ S(z, {
 												className: "text-right tabular-nums text-text-secondary",
 												children: e.quantity
 											}),
-											/* @__PURE__ */ S(R, {
+											/* @__PURE__ */ S(z, {
 												className: "text-right tabular-nums text-text-secondary",
-												children: m(e.lastPrice, e.currency)
+												children: h(e.lastPrice, e.currency)
 											}),
-											/* @__PURE__ */ S(R, {
+											/* @__PURE__ */ S(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)) })] })
@@ -936,7 +957,7 @@ function Je({ accountId: t, onClose: n, onRecordTransaction: r }) {
 									action: /* @__PURE__ */ C(T, {
 										size: "sm",
 										onClick: () => r(i.id),
-										children: [/* @__PURE__ */ S(Se, {
+										children: [/* @__PURE__ */ S(we, {
 											className: "size-4",
 											"aria-hidden": "true"
 										}), "Record transaction"]
@@ -967,12 +988,12 @@ function Je({ accountId: t, onClose: n, onRecordTransaction: r }) {
 														}) : null]
 													}), /* @__PURE__ */ S("p", {
 														className: "mt-0.5 text-xs text-text-secondary",
-														children: se(e.tradeDate)
+														children: m(e.tradeDate)
 													})]
 												})]
 											}), /* @__PURE__ */ C("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__ */ S(ne, {
@@ -985,7 +1006,7 @@ function Je({ accountId: t, onClose: n, onRecordTransaction: r }) {
 							/* @__PURE__ */ S(H, {
 								value: "documents",
 								className: "mt-4",
-								children: /* @__PURE__ */ S(h, {
+								children: /* @__PURE__ */ S(pe, {
 									entityType: "brainyrich-account",
 									entityId: i.id
 								})