@burdenoff/microfe-brainyrich 2026.825.1 → 2026.828.1

package/dist/brainyrich/pages/AccountsPage.js

@@ -10,10 +10,10 @@ import { hapticSuccess as le, showToast as ue } from "../utils/nativeControls.js
 import { useTrackBrainyRichPageView as de } from "../hooks/useBrainyRichAnalytics.js";
 import { DocumentsPanel as h } from "../components/reuse/DocumentsPanel.js";
 import { TagField as g } from "../components/reuse/TagField.js";
-import { useMemo as fe, useState as _ } from "react";
-import { Archive as pe, ArrowDownRight as v, ArrowUpRight as y, Building2 as me, CheckCircle2 as he, ChevronRight as ge, Landmark as b, Layers as _e, MoreHorizontal as ve, Pencil as ye, Plus as be, Receipt as x, Wallet as xe } from "lucide-react";
+import { useEffect as fe, useMemo as pe, useState as _ } from "react";
+import { Archive as me, ArrowDownRight as v, ArrowUpRight as y, Building2 as he, CheckCircle2 as ge, ChevronRight as _e, Landmark as b, Layers as ve, MoreHorizontal as ye, Pencil as be, Plus as xe, Receipt as x, Wallet as Se } from "lucide-react";
 import { jsx as S, jsxs as C } from "react/jsx-runtime";
-import { Badge as w, Button as T, Card as Se, CardContent as Ce, CardDescription as we, CardHeader as Te, CardTitle as Ee, Dialog as E, DialogClose as De, DialogContent as D, DialogDescription as O, DialogFooter as k, DialogHeader as A, DialogTitle as j, DropdownMenu as Oe, DropdownMenuContent as ke, DropdownMenuItem as Ae, DropdownMenuTrigger as je, Input as M, Label as N, Select as Me, SelectContent as Ne, SelectItem as Pe, SelectTrigger as Fe, SelectValue as Ie, Sheet as P, SheetContent as F, SheetDescription as I, SheetHeader as L, SheetTitle as Le, Table as Re, TableBody as ze, TableCell as R, TableHead as z, TableHeader as Be, TableRow as B, Tabs as V, TabsContent as H, TabsList as U, TabsTrigger as W, Textarea as Ve } from "@burdenoff/fe-libs/ui";
+import { Badge as w, Button as T, Card as Ce, CardContent as we, CardDescription as Te, CardHeader as Ee, CardTitle as De, DropdownMenu as Oe, DropdownMenuContent as ke, DropdownMenuItem as Ae, DropdownMenuTrigger as je, Input as E, Label as D, ResponsiveDialog as O, ResponsiveDialogClose as Me, ResponsiveDialogContent as k, ResponsiveDialogDescription as A, ResponsiveDialogFooter as j, ResponsiveDialogHeader as M, ResponsiveDialogTitle as N, Select as Ne, SelectContent as Pe, SelectItem as Fe, SelectTrigger as Ie, SelectValue as Le, Sheet as P, SheetContent as F, SheetDescription as I, SheetHeader as L, SheetTitle as Re, Table as ze, TableBody as Be, TableCell as R, TableHead as z, TableHeader as Ve, TableRow as B, Tabs as V, TabsContent as H, TabsList as U, TabsTrigger as W, Textarea as He } from "@burdenoff/fe-libs/ui";
 //#region src/brainyrich/pages/AccountsPage.tsx
 var G = [
 	"BANK",
@@ -24,7 +24,7 @@ var G = [
 	"REAL_ESTATE",
 	"ALTERNATIVE",
 	"LIABILITY"
-], He = [
+], Ue = [
 	"BUY",
 	"SELL",
 	"DIVIDEND",
@@ -33,7 +33,7 @@ var G = [
 	"WITHDRAWAL",
 	"FEE",
 	"TRANSFER"
-], Ue = {
+], We = {
 	BANK: "teal",
 	BROKERAGE: "brand",
 	RETIREMENT: "blue",
@@ -59,7 +59,7 @@ var J = {
 	cashBalance: "",
 	accountMask: "",
 	householdId: null
-}, We = {
+}, Ge = {
 	type: "DEPOSIT",
 	tradeDate: "",
 	symbol: "",
@@ -71,7 +71,15 @@ var J = {
 };
 function Y() {
 	de("brainyrich.accounts.viewed");
-	let e = t().data, a = i(), [o, l] = _(void 0), [se, h] = _(!1), [g, v] = _(J), [y, x] = _(null), [P, F] = _(J), [I, L] = _(null), [Le, V] = _(!1), [H, U] = _(void 0), [W, G] = _(We), K = r(), Y = te(), qe = n(), X = ee(), Je = e.reduce((e, t) => e + (t.cashBalance ?? 0), 0), Ye = e.filter((e) => e.status === "ACTIVE").length, Xe = new Set(e.map((e) => e.institution).filter((e) => !!e)).size, Z = e[0]?.currency ?? "USD", Ze = fe(() => {
+	let e = t().data, a = i(), [o, l] = _(void 0), [se, h] = _(!1), [g, v] = _(J), [y, x] = _(null), [P, F] = _(J), [I, L] = _(null), [Re, V] = _(!1), [H, U] = _(void 0), [W, G] = _(void 0), [K, Y] = _(Ge), X = r(), Z = te(), Je = n(), Q = ee();
+	fe(() => {
+		if (!W) return;
+		let e = window.setTimeout(() => {
+			G(void 0), V(!0);
+		}, 320);
+		return () => window.clearTimeout(e);
+	}, [W]);
+	let Ye = e.reduce((e, t) => e + (t.cashBalance ?? 0), 0), Xe = e.filter((e) => e.status === "ACTIVE").length, Ze = new Set(e.map((e) => e.institution).filter((e) => !!e)).size, Qe = e[0]?.currency ?? "USD", $e = pe(() => {
 		let t = /* @__PURE__ */ new Map();
 		for (let n of e) {
 			let e = n.cashBalance ?? 0;
@@ -80,14 +88,14 @@ function Y() {
 		return [...t.entries()].map(([e, t]) => ({
 			label: e.replace(/_/g, " "),
 			value: t,
-			tone: Ue[e]
+			tone: We[e]
 		})).sort((e, t) => t.value - e.value);
 	}, [e]);
-	function Qe() {
+	function et() {
 		v(J), h(!0);
 	}
-	function $e() {
-		g.name.trim() && K.mutate({
+	function tt() {
+		g.name.trim() && X.mutate({
 			name: g.name.trim(),
 			type: g.type,
 			institution: g.institution.trim() || null,
@@ -97,7 +105,7 @@ function Y() {
 			householdId: g.householdId
 		}, { onSuccess: () => h(!1) });
 	}
-	function et(e) {
+	function nt(e) {
 		x(e), F({
 			name: e.name,
 			type: e.type,
@@ -108,8 +116,8 @@ function Y() {
 			householdId: e.householdId
 		});
 	}
-	function tt() {
-		!y || !P.name.trim() || Y.mutate({
+	function rt() {
+		!y || !P.name.trim() || Z.mutate({
 			id: y.id,
 			input: {
 				name: P.name.trim(),
@@ -122,35 +130,36 @@ function Y() {
 			}
 		}, { onSuccess: () => x(null) });
 	}
-	function nt() {
+	function it() {
 		if (!I) return;
 		let e = I.id;
-		qe.mutate(e, { onSuccess: () => {
+		Je.mutate(e, { onSuccess: () => {
 			le(), ue("Account archived"), L(null), o === e && l(void 0);
 		} });
 	}
-	function rt(e) {
-		G(We), U(e), l(void 0), V(!0);
+	function at(e) {
+		Y(Ge), U(e), l(void 0), G(e);
 	}
-	function it() {
+	function ot() {
+		G(void 0), V(!1);
 		let e = H;
-		V(!1), U(void 0), e && l(e);
+		U(void 0), e && l(e);
 	}
-	let Q = q(W.amount), $ = Q !== void 0 && Q > 0, at = !!(H && W.tradeDate) && $;
-	function ot() {
-		if (!H || !W.tradeDate || !$) return;
-		let e = new Date(W.tradeDate);
-		Number.isNaN(e.getTime()) || X.mutate({
+	let st = q(K.amount), $ = st !== void 0 && st > 0, ct = !!(H && K.tradeDate) && $;
+	function lt() {
+		if (!H || !K.tradeDate || !$) return;
+		let e = new Date(K.tradeDate);
+		Number.isNaN(e.getTime()) || Q.mutate({
 			accountId: H,
-			type: W.type,
+			type: K.type,
 			tradeDate: e.toISOString(),
-			symbol: W.symbol.trim() || null,
-			quantity: q(W.quantity),
-			price: q(W.price),
-			amount: Q,
-			fee: q(W.fee),
-			notes: W.notes.trim() || null
-		}, { onSuccess: it });
+			symbol: K.symbol.trim() || null,
+			quantity: q(K.quantity),
+			price: q(K.price),
+			amount: st,
+			fee: q(K.fee),
+			notes: K.notes.trim() || null
+		}, { onSuccess: ot });
 	}
 	return /* @__PURE__ */ S("div", {
 		"data-tour": "brainyrich-page-accounts",
@@ -160,7 +169,7 @@ function Y() {
 			description: "Linked bank, brokerage and retirement accounts with recent activity.",
 			badges: [`${e.length} account${e.length === 1 ? "" : "s"}`],
 			actionLabel: "New account",
-			onAction: Qe,
+			onAction: et,
 			children: [
 				/* @__PURE__ */ C("div", {
 					className: "grid gap-4 lg:grid-cols-3",
@@ -171,9 +180,9 @@ function Y() {
 								index: 0,
 								children: /* @__PURE__ */ S(c, {
 									label: "Total cash",
-									value: m(Je, Z),
+									value: m(Ye, Qe),
 									glow: !0,
-									icon: /* @__PURE__ */ S(xe, {
+									icon: /* @__PURE__ */ S(Se, {
 										className: "size-4",
 										"aria-hidden": "true"
 									})
@@ -194,8 +203,8 @@ function Y() {
 								index: 2,
 								children: /* @__PURE__ */ S(c, {
 									label: "Active",
-									value: `${Ye}/${e.length}`,
-									icon: /* @__PURE__ */ S(he, {
+									value: `${Xe}/${e.length}`,
+									icon: /* @__PURE__ */ S(ge, {
 										className: "size-4",
 										"aria-hidden": "true"
 									})
@@ -205,8 +214,8 @@ function Y() {
 								index: 3,
 								children: /* @__PURE__ */ S(c, {
 									label: "Institutions",
-									value: String(Xe),
-									icon: /* @__PURE__ */ S(me, {
+									value: String(Ze),
+									icon: /* @__PURE__ */ S(he, {
 										className: "size-4",
 										"aria-hidden": "true"
 									})
@@ -220,22 +229,22 @@ function Y() {
 							glow: !0,
 							children: [/* @__PURE__ */ C("div", {
 								className: "mb-2 flex items-center gap-2",
-								children: [/* @__PURE__ */ S(_e, {
+								children: [/* @__PURE__ */ S(ve, {
 									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"
 								})]
-							}), Ze.length === 0 ? /* @__PURE__ */ S("p", {
+							}), $e.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: Ze,
-								centerValue: oe(Je, Z),
+								data: $e,
+								centerValue: oe(Ye, Qe),
 								centerLabel: "Total cash",
 								height: 200,
-								valueFormatter: (e) => m(e, Z)
+								valueFormatter: (e) => m(e, Qe)
 							})]
 						})
 					})]
@@ -243,15 +252,15 @@ function Y() {
 				/* @__PURE__ */ S(s, {
 					index: 5,
 					as: "section",
-					children: /* @__PURE__ */ C(Se, {
+					children: /* @__PURE__ */ C(Ce, {
 						className: "transition-shadow motion-safe:hover:shadow-[var(--shadow-pop-hover,var(--shadow-elevation-2))]",
-						children: [/* @__PURE__ */ C(Te, { children: [/* @__PURE__ */ C(Ee, {
+						children: [/* @__PURE__ */ C(Ee, { children: [/* @__PURE__ */ C(De, {
 							className: "flex items-center gap-2",
 							children: [/* @__PURE__ */ S(b, {
 								className: "h-5 w-5",
 								"aria-hidden": "true"
 							}), "Linked accounts"]
-						}), /* @__PURE__ */ S(we, { children: "Select an account to view holdings and transactions." })] }), /* @__PURE__ */ S(Ce, { children: a.isLoading ? /* @__PURE__ */ S(f, {}) : a.isError ? /* @__PURE__ */ S(d, { onRetry: () => a.refetch() }) : a.items.length === 0 ? /* @__PURE__ */ S(u, {
+						}), /* @__PURE__ */ S(Te, { children: "Select an account to view holdings and transactions." })] }), /* @__PURE__ */ S(we, { children: a.isLoading ? /* @__PURE__ */ S(f, {}) : a.isError ? /* @__PURE__ */ S(d, { onRetry: () => a.refetch() }) : a.items.length === 0 ? /* @__PURE__ */ S(u, {
 							icon: /* @__PURE__ */ S(b, {
 								className: "size-6",
 								"aria-hidden": "true"
@@ -260,15 +269,15 @@ function Y() {
 							description: "Add your first bank, brokerage or retirement account to start tracking net worth.",
 							action: /* @__PURE__ */ C(T, {
 								size: "sm",
-								onClick: Qe,
-								children: [/* @__PURE__ */ S(be, {
+								onClick: et,
+								children: [/* @__PURE__ */ S(xe, {
 									className: "size-4",
 									"aria-hidden": "true"
 								}), "New account"]
 							})
 						}) : /* @__PURE__ */ C("div", {
 							className: "overflow-x-auto",
-							children: [/* @__PURE__ */ C(Re, { children: [/* @__PURE__ */ S(Be, { children: /* @__PURE__ */ C(B, { children: [
+							children: [/* @__PURE__ */ C(ze, { children: [/* @__PURE__ */ S(Ve, { children: /* @__PURE__ */ C(B, { children: [
 								/* @__PURE__ */ S(z, { children: "Account" }),
 								/* @__PURE__ */ S(z, { children: "Type" }),
 								/* @__PURE__ */ S(z, { children: "Institution" }),
@@ -281,7 +290,7 @@ function Y() {
 									className: "w-12 text-right",
 									children: "Actions"
 								})
-							] }) }), /* @__PURE__ */ S(ze, { children: a.items.map((e) => /* @__PURE__ */ C(B, {
+							] }) }), /* @__PURE__ */ S(Be, { children: a.items.map((e) => /* @__PURE__ */ C(B, {
 								className: "group cursor-pointer transition-colors hover:bg-bg-elevated",
 								onClick: () => l(e.id),
 								children: [
@@ -295,7 +304,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(ge, {
+												children: [e.name, /* @__PURE__ */ S(_e, {
 													className: "size-3.5 shrink-0 text-text-secondary opacity-0 transition-opacity group-hover:opacity-100",
 													"aria-hidden": "true"
 												})]
@@ -330,7 +339,7 @@ function Y() {
 												variant: "ghost",
 												size: "sm",
 												"aria-label": `Actions for ${e.name}`,
-												children: /* @__PURE__ */ S(ve, {
+												children: /* @__PURE__ */ S(ye, {
 													className: "size-4",
 													"aria-hidden": "true"
 												})
@@ -338,15 +347,15 @@ function Y() {
 										}), /* @__PURE__ */ C(ke, {
 											align: "end",
 											children: [/* @__PURE__ */ C(Ae, {
-												onClick: () => et(e),
-												children: [/* @__PURE__ */ S(ye, {
+												onClick: () => nt(e),
+												children: [/* @__PURE__ */ S(be, {
 													className: "size-4",
 													"aria-hidden": "true"
 												}), "Edit"]
 											}), /* @__PURE__ */ C(Ae, {
 												className: "text-status-error-text",
 												onClick: () => L(e),
-												children: [/* @__PURE__ */ S(pe, {
+												children: [/* @__PURE__ */ S(me, {
 													className: "size-4",
 													"aria-hidden": "true"
 												}), "Archive"]
@@ -363,50 +372,50 @@ function Y() {
 						}) })]
 					})
 				}),
-				/* @__PURE__ */ S(E, {
+				/* @__PURE__ */ S(O, {
 					open: se,
 					onOpenChange: h,
-					children: /* @__PURE__ */ C(D, {
+					children: /* @__PURE__ */ C(k, {
 						className: "max-h-[90vh] overflow-y-auto",
 						children: [
-							/* @__PURE__ */ C(A, { children: [/* @__PURE__ */ S(j, { children: "New account" }), /* @__PURE__ */ S(O, { children: "Add a bank, brokerage or retirement account." })] }),
-							/* @__PURE__ */ S(Ge, {
+							/* @__PURE__ */ C(M, { children: [/* @__PURE__ */ S(N, { children: "New account" }), /* @__PURE__ */ S(A, { children: "Add a bank, brokerage or retirement account." })] }),
+							/* @__PURE__ */ S(Ke, {
 								form: g,
 								onChange: v
 							}),
-							/* @__PURE__ */ C(k, { children: [/* @__PURE__ */ S(De, {
+							/* @__PURE__ */ C(j, { children: [/* @__PURE__ */ S(Me, {
 								asChild: !0,
 								children: /* @__PURE__ */ S(T, {
 									variant: "outline",
 									children: "Cancel"
 								})
 							}), /* @__PURE__ */ S(T, {
-								onClick: $e,
-								disabled: !g.name.trim() || K.isPending,
-								children: K.isPending ? "Creating…" : "Create account"
+								onClick: tt,
+								disabled: !g.name.trim() || X.isPending,
+								children: X.isPending ? "Creating…" : "Create account"
 							})] })
 						]
 					})
 				}),
-				/* @__PURE__ */ S(E, {
+				/* @__PURE__ */ S(O, {
 					open: !!y,
 					onOpenChange: (e) => !e && x(null),
-					children: /* @__PURE__ */ C(D, {
+					children: /* @__PURE__ */ C(k, {
 						className: "max-h-[90vh] overflow-y-auto",
 						children: [
-							/* @__PURE__ */ C(A, { children: [/* @__PURE__ */ S(j, { children: "Edit account" }), /* @__PURE__ */ S(O, { children: "Update account details." })] }),
-							/* @__PURE__ */ S(Ge, {
+							/* @__PURE__ */ C(M, { children: [/* @__PURE__ */ S(N, { children: "Edit account" }), /* @__PURE__ */ S(A, { children: "Update account details." })] }),
+							/* @__PURE__ */ S(Ke, {
 								form: P,
 								onChange: F
 							}),
-							/* @__PURE__ */ C(k, { children: [/* @__PURE__ */ S(T, {
+							/* @__PURE__ */ C(j, { children: [/* @__PURE__ */ S(T, {
 								variant: "outline",
 								onClick: () => x(null),
 								children: "Cancel"
 							}), /* @__PURE__ */ S(T, {
-								onClick: tt,
-								disabled: !P.name.trim() || Y.isPending,
-								children: Y.isPending ? "Saving…" : "Save changes"
+								onClick: rt,
+								disabled: !P.name.trim() || Z.isPending,
+								children: Z.isPending ? "Saving…" : "Save changes"
 							})] })
 						]
 					})
@@ -419,21 +428,23 @@ function Y() {
 					confirmLabel: "Archive account",
 					pendingLabel: "Archiving…",
 					destructive: !0,
-					pending: qe.isPending,
-					onConfirm: nt
+					pending: Je.isPending,
+					onConfirm: it
 				}),
-				/* @__PURE__ */ S(Ke, {
+				/* @__PURE__ */ S(qe, {
 					accountId: o,
-					onClose: () => l(void 0),
-					onRecordTransaction: rt
+					onClose: () => {
+						l(void 0), G(void 0);
+					},
+					onRecordTransaction: at
 				}),
-				/* @__PURE__ */ S(E, {
-					open: Le,
-					onOpenChange: (e) => !e && it(),
-					children: /* @__PURE__ */ C(D, {
+				/* @__PURE__ */ S(O, {
+					open: Re,
+					onOpenChange: (e) => !e && ot(),
+					children: /* @__PURE__ */ C(k, {
 						className: "max-h-[90vh] overflow-y-auto",
 						children: [
-							/* @__PURE__ */ C(A, { children: [/* @__PURE__ */ S(j, { children: "Record transaction" }), /* @__PURE__ */ S(O, { children: "Log activity against the selected account." })] }),
+							/* @__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: [
@@ -441,33 +452,33 @@ function Y() {
 										className: "grid grid-cols-2 gap-4",
 										children: [/* @__PURE__ */ C("div", {
 											className: "space-y-2",
-											children: [/* @__PURE__ */ S(N, {
+											children: [/* @__PURE__ */ S(D, {
 												htmlFor: "tx-type",
 												children: "Type"
-											}), /* @__PURE__ */ C(Me, {
-												value: W.type,
-												onValueChange: (e) => G((t) => ({
+											}), /* @__PURE__ */ C(Ne, {
+												value: K.type,
+												onValueChange: (e) => Y((t) => ({
 													...t,
 													type: e
 												})),
-												children: [/* @__PURE__ */ S(Fe, {
+												children: [/* @__PURE__ */ S(Ie, {
 													id: "tx-type",
-													children: /* @__PURE__ */ S(Ie, {})
-												}), /* @__PURE__ */ S(Ne, { children: He.map((e) => /* @__PURE__ */ S(Pe, {
+													children: /* @__PURE__ */ S(Le, {})
+												}), /* @__PURE__ */ S(Pe, { children: Ue.map((e) => /* @__PURE__ */ S(Fe, {
 													value: e,
 													children: e.replace(/_/g, " ")
 												}, e)) })]
 											})]
 										}), /* @__PURE__ */ C("div", {
 											className: "space-y-2",
-											children: [/* @__PURE__ */ S(N, {
+											children: [/* @__PURE__ */ S(D, {
 												htmlFor: "tx-date",
 												children: "Trade date"
-											}), /* @__PURE__ */ S(M, {
+											}), /* @__PURE__ */ S(E, {
 												id: "tx-date",
 												type: "date",
-												value: W.tradeDate,
-												onChange: (e) => G((t) => ({
+												value: K.tradeDate,
+												onChange: (e) => Y((t) => ({
 													...t,
 													tradeDate: e.target.value
 												}))
@@ -478,13 +489,13 @@ function Y() {
 										className: "grid grid-cols-2 gap-4",
 										children: [/* @__PURE__ */ C("div", {
 											className: "space-y-2",
-											children: [/* @__PURE__ */ S(N, {
+											children: [/* @__PURE__ */ S(D, {
 												htmlFor: "tx-symbol",
 												children: "Symbol"
-											}), /* @__PURE__ */ S(M, {
+											}), /* @__PURE__ */ S(E, {
 												id: "tx-symbol",
-												value: W.symbol,
-												onChange: (e) => G((t) => ({
+												value: K.symbol,
+												onChange: (e) => Y((t) => ({
 													...t,
 													symbol: e.target.value
 												})),
@@ -493,27 +504,27 @@ function Y() {
 										}), /* @__PURE__ */ C("div", {
 											className: "space-y-2",
 											children: [
-												/* @__PURE__ */ S(N, {
+												/* @__PURE__ */ S(D, {
 													htmlFor: "tx-amount",
 													children: "Amount"
 												}),
-												/* @__PURE__ */ S(M, {
+												/* @__PURE__ */ S(E, {
 													id: "tx-amount",
 													type: "number",
 													min: "0",
 													step: "any",
-													value: W.amount,
-													onChange: (e) => G((t) => ({
+													value: K.amount,
+													onChange: (e) => Y((t) => ({
 														...t,
 														amount: e.target.value
 													})),
-													"aria-invalid": W.amount.trim() !== "" && !$,
+													"aria-invalid": K.amount.trim() !== "" && !$,
 													"aria-describedby": "tx-amount-hint"
 												}),
 												/* @__PURE__ */ S("p", {
 													id: "tx-amount-hint",
 													className: "text-xs text-text-secondary",
-													children: W.amount.trim() !== "" && !$ ? "Enter an amount greater than 0." : "Positive amount; direction is set by the type."
+													children: K.amount.trim() !== "" && !$ ? "Enter an amount greater than 0." : "Positive amount; direction is set by the type."
 												})
 											]
 										})]
@@ -523,14 +534,14 @@ function Y() {
 										children: [
 											/* @__PURE__ */ C("div", {
 												className: "space-y-2",
-												children: [/* @__PURE__ */ S(N, {
+												children: [/* @__PURE__ */ S(D, {
 													htmlFor: "tx-qty",
 													children: "Quantity"
-												}), /* @__PURE__ */ S(M, {
+												}), /* @__PURE__ */ S(E, {
 													id: "tx-qty",
 													type: "number",
-													value: W.quantity,
-													onChange: (e) => G((t) => ({
+													value: K.quantity,
+													onChange: (e) => Y((t) => ({
 														...t,
 														quantity: e.target.value
 													}))
@@ -538,14 +549,14 @@ function Y() {
 											}),
 											/* @__PURE__ */ C("div", {
 												className: "space-y-2",
-												children: [/* @__PURE__ */ S(N, {
+												children: [/* @__PURE__ */ S(D, {
 													htmlFor: "tx-price",
 													children: "Price"
-												}), /* @__PURE__ */ S(M, {
+												}), /* @__PURE__ */ S(E, {
 													id: "tx-price",
 													type: "number",
-													value: W.price,
-													onChange: (e) => G((t) => ({
+													value: K.price,
+													onChange: (e) => Y((t) => ({
 														...t,
 														price: e.target.value
 													}))
@@ -553,14 +564,14 @@ function Y() {
 											}),
 											/* @__PURE__ */ C("div", {
 												className: "space-y-2",
-												children: [/* @__PURE__ */ S(N, {
+												children: [/* @__PURE__ */ S(D, {
 													htmlFor: "tx-fee",
 													children: "Fee"
-												}), /* @__PURE__ */ S(M, {
+												}), /* @__PURE__ */ S(E, {
 													id: "tx-fee",
 													type: "number",
-													value: W.fee,
-													onChange: (e) => G((t) => ({
+													value: K.fee,
+													onChange: (e) => Y((t) => ({
 														...t,
 														fee: e.target.value
 													}))
@@ -570,13 +581,13 @@ function Y() {
 									}),
 									/* @__PURE__ */ C("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ S(N, {
+										children: [/* @__PURE__ */ S(D, {
 											htmlFor: "tx-notes",
 											children: "Notes"
-										}), /* @__PURE__ */ S(Ve, {
+										}), /* @__PURE__ */ S(He, {
 											id: "tx-notes",
-											value: W.notes,
-											onChange: (e) => G((t) => ({
+											value: K.notes,
+											onChange: (e) => Y((t) => ({
 												...t,
 												notes: e.target.value
 											})),
@@ -585,14 +596,14 @@ function Y() {
 									})
 								]
 							}),
-							/* @__PURE__ */ C(k, { children: [/* @__PURE__ */ S(T, {
+							/* @__PURE__ */ C(j, { children: [/* @__PURE__ */ S(T, {
 								variant: "outline",
-								onClick: it,
+								onClick: ot,
 								children: "Cancel"
 							}), /* @__PURE__ */ S(T, {
-								onClick: ot,
-								disabled: !at || X.isPending,
-								children: X.isPending ? "Saving…" : "Record transaction"
+								onClick: lt,
+								disabled: !ct || Q.isPending,
+								children: Q.isPending ? "Saving…" : "Record transaction"
 							})] })
 						]
 					})
@@ -601,16 +612,16 @@ function Y() {
 		})
 	});
 }
-function Ge({ form: e, onChange: t }) {
+function Ke({ form: e, onChange: t }) {
 	return /* @__PURE__ */ C("div", {
 		className: "grid gap-4",
 		children: [
 			/* @__PURE__ */ C("div", {
 				className: "space-y-2",
-				children: [/* @__PURE__ */ S(N, {
+				children: [/* @__PURE__ */ S(D, {
 					htmlFor: "acct-name",
 					children: "Name"
-				}), /* @__PURE__ */ S(M, {
+				}), /* @__PURE__ */ S(E, {
 					id: "acct-name",
 					value: e.name,
 					onChange: (e) => t((t) => ({
@@ -624,29 +635,29 @@ function Ge({ form: e, onChange: t }) {
 				className: "grid grid-cols-2 gap-4",
 				children: [/* @__PURE__ */ C("div", {
 					className: "space-y-2",
-					children: [/* @__PURE__ */ S(N, {
+					children: [/* @__PURE__ */ S(D, {
 						htmlFor: "acct-type",
 						children: "Type"
-					}), /* @__PURE__ */ C(Me, {
+					}), /* @__PURE__ */ C(Ne, {
 						value: e.type,
 						onValueChange: (e) => t((t) => ({
 							...t,
 							type: e
 						})),
-						children: [/* @__PURE__ */ S(Fe, {
+						children: [/* @__PURE__ */ S(Ie, {
 							id: "acct-type",
-							children: /* @__PURE__ */ S(Ie, {})
-						}), /* @__PURE__ */ S(Ne, { children: G.map((e) => /* @__PURE__ */ S(Pe, {
+							children: /* @__PURE__ */ S(Le, {})
+						}), /* @__PURE__ */ S(Pe, { children: G.map((e) => /* @__PURE__ */ S(Fe, {
 							value: e,
 							children: e.replace(/_/g, " ")
 						}, e)) })]
 					})]
 				}), /* @__PURE__ */ C("div", {
 					className: "space-y-2",
-					children: [/* @__PURE__ */ S(N, {
+					children: [/* @__PURE__ */ S(D, {
 						htmlFor: "acct-currency",
 						children: "Currency"
-					}), /* @__PURE__ */ S(M, {
+					}), /* @__PURE__ */ S(E, {
 						id: "acct-currency",
 						value: e.currency,
 						onChange: (e) => t((t) => ({
@@ -659,10 +670,10 @@ function Ge({ form: e, onChange: t }) {
 			}),
 			/* @__PURE__ */ C("div", {
 				className: "space-y-2",
-				children: [/* @__PURE__ */ S(N, {
+				children: [/* @__PURE__ */ S(D, {
 					htmlFor: "acct-institution",
 					children: "Institution"
-				}), /* @__PURE__ */ S(M, {
+				}), /* @__PURE__ */ S(E, {
 					id: "acct-institution",
 					value: e.institution,
 					onChange: (e) => t((t) => ({
@@ -676,10 +687,10 @@ function Ge({ form: e, onChange: t }) {
 				className: "grid grid-cols-2 gap-4",
 				children: [/* @__PURE__ */ C("div", {
 					className: "space-y-2",
-					children: [/* @__PURE__ */ S(N, {
+					children: [/* @__PURE__ */ S(D, {
 						htmlFor: "acct-balance",
 						children: "Cash balance"
-					}), /* @__PURE__ */ S(M, {
+					}), /* @__PURE__ */ S(E, {
 						id: "acct-balance",
 						type: "number",
 						value: e.cashBalance,
@@ -690,10 +701,10 @@ function Ge({ form: e, onChange: t }) {
 					})]
 				}), /* @__PURE__ */ C("div", {
 					className: "space-y-2",
-					children: [/* @__PURE__ */ S(N, {
+					children: [/* @__PURE__ */ S(D, {
 						htmlFor: "acct-mask",
 						children: "Account mask"
-					}), /* @__PURE__ */ S(M, {
+					}), /* @__PURE__ */ S(E, {
 						id: "acct-mask",
 						value: e.accountMask,
 						onChange: (e) => t((t) => ({
@@ -714,8 +725,8 @@ function Ge({ form: e, onChange: t }) {
 		]
 	});
 }
-function Ke({ 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 = fe(() => i ? i.holdings.filter((e) => Number.isFinite(e.marketValue) && e.marketValue > 0).map((e) => ({
+function qe({ accountId: t, onClose: n, onRecordTransaction: r }) {
+	let { data: i, isLoading: ee, isError: te, refetch: re } = e(t), s = a(t ? { accountId: t } : {}, { enabled: !!t }), c = t ? s.items : [], l = pe(() => i ? i.holdings.filter((e) => Number.isFinite(e.marketValue) && e.marketValue > 0).map((e) => ({
 		label: e.symbol,
 		value: e.marketValue
 	})).sort((e, t) => t.value - e.value) : [], [i]), p = l.reduce((e, t) => e + t.value, 0);
@@ -726,7 +737,7 @@ function Ke({ 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(Le, {
+				children: [/* @__PURE__ */ S(Re, {
 					className: "text-lg",
 					children: i?.name ?? "Account"
 				}), /* @__PURE__ */ S(I, { children: i ? `${i.institution ?? "Manual account"} · ${i.type.replace(/_/g, " ")}` : "Loading account details…" })]
@@ -841,7 +852,7 @@ function Ke({ accountId: t, onClose: n, onRecordTransaction: r }) {
 								value: "holdings",
 								className: "mt-4",
 								children: i.holdings.length === 0 ? /* @__PURE__ */ S(u, {
-									icon: /* @__PURE__ */ S(_e, {
+									icon: /* @__PURE__ */ S(ve, {
 										className: "size-6",
 										"aria-hidden": "true"
 									}),
@@ -849,7 +860,7 @@ function Ke({ 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(Re, { children: [/* @__PURE__ */ S(Be, { children: /* @__PURE__ */ C(B, { children: [
+									children: /* @__PURE__ */ C(ze, { children: [/* @__PURE__ */ S(Ve, { children: /* @__PURE__ */ C(B, { children: [
 										/* @__PURE__ */ S(z, { children: "Holding" }),
 										/* @__PURE__ */ S(z, {
 											className: "text-right",
@@ -863,7 +874,7 @@ function Ke({ accountId: t, onClose: n, onRecordTransaction: r }) {
 											className: "text-right",
 											children: "Market value"
 										})
-									] }) }), /* @__PURE__ */ S(ze, { children: i.holdings.map((e) => /* @__PURE__ */ C(B, {
+									] }) }), /* @__PURE__ */ S(Be, { children: i.holdings.map((e) => /* @__PURE__ */ C(B, {
 										className: "transition-colors hover:bg-bg-elevated",
 										children: [
 											/* @__PURE__ */ C(R, { children: [/* @__PURE__ */ S("p", {
@@ -915,7 +926,7 @@ function Ke({ accountId: t, onClose: n, onRecordTransaction: r }) {
 									action: /* @__PURE__ */ C(T, {
 										size: "sm",
 										onClick: () => r(i.id),
-										children: [/* @__PURE__ */ S(be, {
+										children: [/* @__PURE__ */ S(xe, {
 											className: "size-4",
 											"aria-hidden": "true"
 										}), "Record transaction"]