@burdenoff/microfe-brainyrich 2026.705.1 → 2026.706.1

package/dist/brainyrich/pages/AccountsPage.js

@@ -1,11 +1,17 @@
-import { useAccount as e, useAccounts as t, useArchiveAccount as n, useCreateAccount as r, useRecordTransaction as i, useTransactions as ee, useUpdateAccount as te } from "../hooks/useBrainyRichApi.js";
-import { EmptyState as a, ErrorState as o, KpiGrid as s, LoadingState as c, SectionShell as ne, formatDate as re, formatMoney as l, statusBadgeVariant as u } from "./_shared.js";
-import { useState as d } from "react";
-import { Archive as f, ArrowDownRight as p, ArrowUpRight as m, Landmark as ie, MoreHorizontal as ae, Pencil as oe, Plus as h, Receipt as g } from "lucide-react";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
-import { Badge as y, Button as b, Card as se, CardContent as ce, CardDescription as le, CardHeader as ue, CardTitle as de, Dialog as x, DialogClose as fe, DialogContent as S, DialogDescription as C, DialogFooter as w, DialogHeader as T, DialogTitle as E, DropdownMenu as pe, DropdownMenuContent as me, DropdownMenuItem as he, DropdownMenuTrigger as ge, Input as D, Label as O, Select as _e, SelectContent as k, SelectItem as A, SelectTrigger as j, SelectValue as M, Sheet as N, SheetContent as P, SheetDescription as F, SheetHeader as I, SheetTitle as L, Table as ve, TableBody as ye, TableCell as R, TableHead as z, TableHeader as be, TableRow as xe, Textarea as Se } from "@burdenoff/fe-libs/ui";
+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 o } from "../components/LoadMore.js";
+import { ConfirmDialog as ne } from "../components/ConfirmDialog.js";
+import { ActorName as s } from "../components/ActorName.js";
+import { HouseholdPicker as c } from "../components/pickers.js";
+import "../components/index.js";
+import { EmptyState as l, ErrorState as u, KpiGrid as d, LoadingState as f, SectionShell as re, formatDate as p, formatMoney as m, statusBadgeVariant as ie } from "./_shared.js";
+import { DocumentsPanel as h } from "../components/reuse/DocumentsPanel.js";
+import { useState as g } from "react";
+import { Archive as ae, ArrowDownRight as _, ArrowUpRight as v, Landmark as oe, MoreHorizontal as se, Pencil as ce, Plus as y, Receipt as b } from "lucide-react";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
+import { Badge as C, Button as w, Card as le, CardContent as ue, CardDescription as de, CardHeader as fe, CardTitle as pe, Dialog as T, DialogClose as me, DialogContent as E, DialogDescription as D, DialogFooter as O, DialogHeader as k, DialogTitle as A, DropdownMenu as he, DropdownMenuContent as ge, DropdownMenuItem as j, DropdownMenuTrigger as _e, Input as M, Label as N, Select as P, SelectContent as F, SelectItem as I, SelectTrigger as ve, SelectValue as ye, Sheet as L, SheetContent as R, SheetDescription as z, SheetHeader as B, SheetTitle as V, Table as be, TableBody as xe, TableCell as H, TableHead as U, TableHeader as Se, TableRow as Ce, Textarea as we } from "@burdenoff/fe-libs/ui";
 //#region src/brainyrich/pages/AccountsPage.tsx
-var B = [
+var Te = [
 	"BANK",
 	"BROKERAGE",
 	"RETIREMENT",
@@ -14,7 +20,7 @@ var B = [
 	"REAL_ESTATE",
 	"ALTERNATIVE",
 	"LIABILITY"
-], Ce = [
+], Ee = [
 	"BUY",
 	"SELL",
 	"DIVIDEND",
@@ -24,22 +30,23 @@ var B = [
 	"FEE",
 	"TRANSFER"
 ];
-function V(e) {
+function W(e) {
 	return e === "DEPOSIT" || e === "DIVIDEND" || e === "INTEREST" || e === "SELL" || e === "TRANSFER";
 }
-function H(e) {
+function G(e) {
 	if (e.trim() === "") return;
 	let t = Number(e);
 	return Number.isFinite(t) ? t : void 0;
 }
-var U = {
+var K = {
 	name: "",
 	type: "BANK",
 	institution: "",
 	currency: "USD",
 	cashBalance: "",
-	accountMask: ""
-}, we = {
+	accountMask: "",
+	householdId: null
+}, De = {
 	type: "DEPOSIT",
 	tradeDate: "",
 	symbol: "",
@@ -49,187 +56,191 @@ var U = {
 	fee: "",
 	notes: ""
 };
-function W() {
-	let { data: e, isLoading: ee, isError: re, refetch: p } = t(), [m, g] = d(void 0), [N, P] = d(!1), [F, I] = d(U), [L, B] = d(null), [V, W] = d(U), [G, K] = d(null), [De, q] = d(!1), [J, Y] = d(we), X = r(), Z = te(), Q = n(), $ = i(), Oe = e.reduce((e, t) => e + (t.cashBalance ?? 0), 0), ke = e.filter((e) => e.status === "ACTIVE").length, Ae = new Set(e.map((e) => e.institution).filter((e) => !!e)).size, je = e[0]?.currency ?? "USD";
-	function Me() {
-		I(U), P(!0);
+function q() {
+	let e = t().data, a = i(), [s, c] = g(void 0), [p, h] = g(!1), [_, v] = g(K), [b, L] = g(null), [R, z] = g(K), [B, V] = g(null), [Te, W] = g(!1), [q, J] = g(De), Y = r(), X = te(), Ae = n(), Z = ee(), je = e.reduce((e, t) => e + (t.cashBalance ?? 0), 0), Me = e.filter((e) => e.status === "ACTIVE").length, Ne = new Set(e.map((e) => e.institution).filter((e) => !!e)).size, Pe = e[0]?.currency ?? "USD";
+	function Fe() {
+		v(K), h(!0);
 	}
-	function Ne() {
-		F.name.trim() && X.mutate({
-			name: F.name.trim(),
-			type: F.type,
-			institution: F.institution.trim() || null,
-			currency: F.currency.trim() || "USD",
-			cashBalance: H(F.cashBalance) ?? 0,
-			accountMask: F.accountMask.trim() || null
-		}, { onSuccess: () => P(!1) });
+	function Ie() {
+		_.name.trim() && Y.mutate({
+			name: _.name.trim(),
+			type: _.type,
+			institution: _.institution.trim() || null,
+			currency: _.currency.trim() || "USD",
+			cashBalance: G(_.cashBalance) ?? 0,
+			accountMask: _.accountMask.trim() || null,
+			householdId: _.householdId
+		}, { onSuccess: () => h(!1) });
 	}
-	function Pe(e) {
-		B(e), W({
+	function Le(e) {
+		L(e), z({
 			name: e.name,
 			type: e.type,
 			institution: e.institution ?? "",
 			currency: e.currency,
 			cashBalance: String(e.cashBalance ?? ""),
-			accountMask: e.accountMask ?? ""
+			accountMask: e.accountMask ?? "",
+			householdId: e.householdId
 		});
 	}
-	function Fe() {
-		!L || !V.name.trim() || Z.mutate({
-			id: L.id,
+	function Re() {
+		!b || !R.name.trim() || X.mutate({
+			id: b.id,
 			input: {
-				name: V.name.trim(),
-				type: V.type,
-				institution: V.institution.trim() || null,
-				currency: V.currency.trim() || "USD",
-				cashBalance: H(V.cashBalance) ?? 0,
-				accountMask: V.accountMask.trim() || null
+				name: R.name.trim(),
+				type: R.type,
+				institution: R.institution.trim() || null,
+				currency: R.currency.trim() || "USD",
+				cashBalance: G(R.cashBalance) ?? 0,
+				accountMask: R.accountMask.trim() || null,
+				householdId: R.householdId
 			}
-		}, { onSuccess: () => B(null) });
+		}, { onSuccess: () => L(null) });
 	}
-	function Ie() {
-		if (!G) return;
-		let e = G.id;
-		Q.mutate(e, { onSuccess: () => {
-			K(null), m === e && g(void 0);
+	function ze() {
+		if (!B) return;
+		let e = B.id;
+		Ae.mutate(e, { onSuccess: () => {
+			V(null), s === e && c(void 0);
 		} });
 	}
-	function Le() {
-		Y(we), q(!0);
+	function Be() {
+		J(De), W(!0);
 	}
-	function Re() {
-		if (!m || !J.tradeDate) return;
-		let e = new Date(J.tradeDate);
-		Number.isNaN(e.getTime()) || $.mutate({
-			accountId: m,
-			type: J.type,
+	let Q = G(q.amount), $ = Q !== void 0 && Q > 0, Ve = !!(s && q.tradeDate) && $;
+	function He() {
+		if (!s || !q.tradeDate || !$) return;
+		let e = new Date(q.tradeDate);
+		Number.isNaN(e.getTime()) || Z.mutate({
+			accountId: s,
+			type: q.type,
 			tradeDate: e.toISOString(),
-			symbol: J.symbol.trim() || null,
-			quantity: H(J.quantity),
-			price: H(J.price),
-			amount: H(J.amount),
-			fee: H(J.fee),
-			notes: J.notes.trim() || null
-		}, { onSuccess: () => q(!1) });
+			symbol: q.symbol.trim() || null,
+			quantity: G(q.quantity),
+			price: G(q.price),
+			amount: Q,
+			fee: G(q.fee),
+			notes: q.notes.trim() || null
+		}, { onSuccess: () => W(!1) });
 	}
-	return /* @__PURE__ */ v(ne, {
+	return /* @__PURE__ */ S(re, {
 		title: "Accounts",
 		description: "Linked bank, brokerage and retirement accounts with recent activity.",
 		badges: [`${e.length} account${e.length === 1 ? "" : "s"}`],
 		actionLabel: "New account",
-		onAction: Me,
+		onAction: Fe,
 		children: [
-			/* @__PURE__ */ _(s, { items: [
+			/* @__PURE__ */ x(d, { items: [
 				{
 					label: "Total accounts",
 					value: String(e.length)
 				},
 				{
 					label: "Total cash",
-					value: l(Oe, je)
+					value: m(je, Pe)
 				},
 				{
 					label: "Active",
-					value: `${ke}/${e.length}`
+					value: `${Me}/${e.length}`
 				},
 				{
 					label: "Institutions",
-					value: String(Ae)
+					value: String(Ne)
 				}
 			] }),
-			/* @__PURE__ */ v(se, { children: [/* @__PURE__ */ v(ue, { children: [/* @__PURE__ */ v(de, {
+			/* @__PURE__ */ S(le, { children: [/* @__PURE__ */ S(fe, { children: [/* @__PURE__ */ S(pe, {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ _(ie, {
+				children: [/* @__PURE__ */ x(oe, {
 					className: "h-5 w-5",
 					"aria-hidden": "true"
 				}), "Linked accounts"]
-			}), /* @__PURE__ */ _(le, { children: "Select an account to view holdings and transactions." })] }), /* @__PURE__ */ _(ce, { children: ee ? /* @__PURE__ */ _(c, {}) : re ? /* @__PURE__ */ _(o, { onRetry: () => p() }) : e.length === 0 ? /* @__PURE__ */ _(a, {
-				icon: /* @__PURE__ */ _(ie, {
+			}), /* @__PURE__ */ x(de, { children: "Select an account to view holdings and transactions." })] }), /* @__PURE__ */ x(ue, { children: a.isLoading ? /* @__PURE__ */ x(f, {}) : a.isError ? /* @__PURE__ */ x(u, { onRetry: () => a.refetch() }) : a.items.length === 0 ? /* @__PURE__ */ x(l, {
+				icon: /* @__PURE__ */ x(oe, {
 					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__ */ v(b, {
+				action: /* @__PURE__ */ S(w, {
 					size: "sm",
-					onClick: Me,
-					children: [/* @__PURE__ */ _(h, {
+					onClick: Fe,
+					children: [/* @__PURE__ */ x(y, {
 						className: "size-4",
 						"aria-hidden": "true"
 					}), "New account"]
 				})
-			}) : /* @__PURE__ */ _("div", {
+			}) : /* @__PURE__ */ S("div", {
 				className: "overflow-x-auto",
-				children: /* @__PURE__ */ v(ve, { children: [/* @__PURE__ */ _(be, { children: /* @__PURE__ */ v(xe, { children: [
-					/* @__PURE__ */ _(z, { children: "Account" }),
-					/* @__PURE__ */ _(z, { children: "Type" }),
-					/* @__PURE__ */ _(z, {
+				children: [/* @__PURE__ */ S(be, { children: [/* @__PURE__ */ x(Se, { children: /* @__PURE__ */ S(Ce, { children: [
+					/* @__PURE__ */ x(U, { children: "Account" }),
+					/* @__PURE__ */ x(U, { children: "Type" }),
+					/* @__PURE__ */ x(U, {
 						className: "text-right",
 						children: "Cash balance"
 					}),
-					/* @__PURE__ */ _(z, { children: "Status" }),
-					/* @__PURE__ */ _(z, {
+					/* @__PURE__ */ x(U, { children: "Status" }),
+					/* @__PURE__ */ x(U, {
 						className: "w-12 text-right",
 						children: "Actions"
 					})
-				] }) }), /* @__PURE__ */ _(ye, { children: e.map((e) => /* @__PURE__ */ v(xe, {
+				] }) }), /* @__PURE__ */ x(xe, { children: a.items.map((e) => /* @__PURE__ */ S(Ce, {
 					className: "cursor-pointer",
-					onClick: () => g(e.id),
+					onClick: () => c(e.id),
 					children: [
-						/* @__PURE__ */ _(R, { children: /* @__PURE__ */ v("div", {
+						/* @__PURE__ */ x(H, { children: /* @__PURE__ */ S("div", {
 							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ _("div", {
+							children: [/* @__PURE__ */ x("div", {
 								className: "flex h-9 w-9 items-center justify-center rounded-full bg-muted text-xs font-semibold text-muted-foreground",
 								children: (e.institution ?? e.name).slice(0, 2).toUpperCase()
-							}), /* @__PURE__ */ v("div", {
+							}), /* @__PURE__ */ S("div", {
 								className: "min-w-0",
-								children: [/* @__PURE__ */ _("p", {
+								children: [/* @__PURE__ */ x("p", {
 									className: "truncate font-medium text-text-primary",
 									children: e.name
-								}), /* @__PURE__ */ v("p", {
+								}), /* @__PURE__ */ S("p", {
 									className: "truncate text-xs text-text-secondary",
 									children: [e.institution ?? "Manual account", e.accountMask ? ` · ••${e.accountMask}` : ""]
 								})]
 							})]
 						}) }),
-						/* @__PURE__ */ _(R, { children: /* @__PURE__ */ _(y, {
+						/* @__PURE__ */ x(H, { children: /* @__PURE__ */ x(C, {
 							variant: "outline",
 							children: e.type.replace(/_/g, " ")
 						}) }),
-						/* @__PURE__ */ _(R, {
+						/* @__PURE__ */ x(H, {
 							className: "text-right font-semibold text-text-primary",
-							children: l(e.cashBalance, e.currency)
+							children: m(e.cashBalance, e.currency)
 						}),
-						/* @__PURE__ */ _(R, { children: /* @__PURE__ */ _(y, {
-							variant: u(e.status),
+						/* @__PURE__ */ x(H, { children: /* @__PURE__ */ x(C, {
+							variant: ie(e.status),
 							children: e.status
 						}) }),
-						/* @__PURE__ */ _(R, {
+						/* @__PURE__ */ x(H, {
 							className: "text-right",
 							onClick: (e) => e.stopPropagation(),
-							children: /* @__PURE__ */ v(pe, { children: [/* @__PURE__ */ _(ge, {
+							children: /* @__PURE__ */ S(he, { children: [/* @__PURE__ */ x(_e, {
 								asChild: !0,
-								children: /* @__PURE__ */ _(b, {
+								children: /* @__PURE__ */ x(w, {
 									variant: "ghost",
 									size: "sm",
 									"aria-label": `Actions for ${e.name}`,
-									children: /* @__PURE__ */ _(ae, {
+									children: /* @__PURE__ */ x(se, {
 										className: "size-4",
 										"aria-hidden": "true"
 									})
 								})
-							}), /* @__PURE__ */ v(me, {
+							}), /* @__PURE__ */ S(ge, {
 								align: "end",
-								children: [/* @__PURE__ */ v(he, {
-									onClick: () => Pe(e),
-									children: [/* @__PURE__ */ _(oe, {
+								children: [/* @__PURE__ */ S(j, {
+									onClick: () => Le(e),
+									children: [/* @__PURE__ */ x(ce, {
 										className: "size-4",
 										"aria-hidden": "true"
 									}), "Edit"]
-								}), /* @__PURE__ */ v(he, {
+								}), /* @__PURE__ */ S(j, {
 									className: "text-status-error-text",
-									onClick: () => K(e),
-									children: [/* @__PURE__ */ _(f, {
+									onClick: () => V(e),
+									children: [/* @__PURE__ */ x(ae, {
 										className: "size-4",
 										"aria-hidden": "true"
 									}), "Archive"]
@@ -237,189 +248,203 @@ function W() {
 							})] })
 						})
 					]
-				}, e.id)) })] })
+				}, e.id)) })] }), /* @__PURE__ */ x(o, {
+					hasMore: a.hasMore,
+					onClick: a.loadMore,
+					loading: a.isFetchingNextPage,
+					className: "mt-4"
+				})]
 			}) })] }),
-			/* @__PURE__ */ _(x, {
-				open: N,
-				onOpenChange: P,
-				children: /* @__PURE__ */ v(S, { children: [
-					/* @__PURE__ */ v(T, { children: [/* @__PURE__ */ _(E, { children: "New account" }), /* @__PURE__ */ _(C, { children: "Add a bank, brokerage or retirement account." })] }),
-					/* @__PURE__ */ _(Te, {
-						form: F,
-						onChange: I
+			/* @__PURE__ */ x(T, {
+				open: p,
+				onOpenChange: h,
+				children: /* @__PURE__ */ S(E, { children: [
+					/* @__PURE__ */ S(k, { children: [/* @__PURE__ */ x(A, { children: "New account" }), /* @__PURE__ */ x(D, { children: "Add a bank, brokerage or retirement account." })] }),
+					/* @__PURE__ */ x(Oe, {
+						form: _,
+						onChange: v
 					}),
-					/* @__PURE__ */ v(w, { children: [/* @__PURE__ */ _(fe, {
+					/* @__PURE__ */ S(O, { children: [/* @__PURE__ */ x(me, {
 						asChild: !0,
-						children: /* @__PURE__ */ _(b, {
+						children: /* @__PURE__ */ x(w, {
 							variant: "outline",
 							children: "Cancel"
 						})
-					}), /* @__PURE__ */ _(b, {
-						onClick: Ne,
-						disabled: !F.name.trim() || X.isPending,
-						children: X.isPending ? "Creating…" : "Create account"
+					}), /* @__PURE__ */ x(w, {
+						onClick: Ie,
+						disabled: !_.name.trim() || Y.isPending,
+						children: Y.isPending ? "Creating…" : "Create account"
 					})] })
 				] })
 			}),
-			/* @__PURE__ */ _(x, {
-				open: !!L,
-				onOpenChange: (e) => !e && B(null),
-				children: /* @__PURE__ */ v(S, { children: [
-					/* @__PURE__ */ v(T, { children: [/* @__PURE__ */ _(E, { children: "Edit account" }), /* @__PURE__ */ _(C, { children: "Update account details." })] }),
-					/* @__PURE__ */ _(Te, {
-						form: V,
-						onChange: W
+			/* @__PURE__ */ x(T, {
+				open: !!b,
+				onOpenChange: (e) => !e && L(null),
+				children: /* @__PURE__ */ S(E, { children: [
+					/* @__PURE__ */ S(k, { children: [/* @__PURE__ */ x(A, { children: "Edit account" }), /* @__PURE__ */ x(D, { children: "Update account details." })] }),
+					/* @__PURE__ */ x(Oe, {
+						form: R,
+						onChange: z
 					}),
-					/* @__PURE__ */ v(w, { children: [/* @__PURE__ */ _(b, {
+					/* @__PURE__ */ S(O, { children: [/* @__PURE__ */ x(w, {
 						variant: "outline",
-						onClick: () => B(null),
+						onClick: () => L(null),
 						children: "Cancel"
-					}), /* @__PURE__ */ _(b, {
-						onClick: Fe,
-						disabled: !V.name.trim() || Z.isPending,
-						children: Z.isPending ? "Saving…" : "Save changes"
+					}), /* @__PURE__ */ x(w, {
+						onClick: Re,
+						disabled: !R.name.trim() || X.isPending,
+						children: X.isPending ? "Saving…" : "Save changes"
 					})] })
 				] })
 			}),
-			/* @__PURE__ */ _(x, {
-				open: !!G,
-				onOpenChange: (e) => !e && K(null),
-				children: /* @__PURE__ */ v(S, { children: [/* @__PURE__ */ v(T, { children: [/* @__PURE__ */ _(E, { children: "Archive account?" }), /* @__PURE__ */ _(C, { children: G ? `“${G.name}” will be archived and hidden from active lists. This does not delete its history.` : "" })] }), /* @__PURE__ */ v(w, { children: [/* @__PURE__ */ _(b, {
-					variant: "outline",
-					onClick: () => K(null),
-					children: "Cancel"
-				}), /* @__PURE__ */ _(b, {
-					variant: "destructive",
-					onClick: Ie,
-					disabled: Q.isPending,
-					children: Q.isPending ? "Archiving…" : "Archive account"
-				})] })] })
+			/* @__PURE__ */ x(ne, {
+				open: !!B,
+				onOpenChange: (e) => !e && V(null),
+				title: "Archive account?",
+				description: B ? `“${B.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: Ae.isPending,
+				onConfirm: ze
 			}),
-			/* @__PURE__ */ _(Ee, {
-				accountId: m,
-				onClose: () => g(void 0),
-				onRecordTransaction: Le
+			/* @__PURE__ */ x(ke, {
+				accountId: s,
+				onClose: () => c(void 0),
+				onRecordTransaction: Be
 			}),
-			/* @__PURE__ */ _(x, {
-				open: De,
-				onOpenChange: q,
-				children: /* @__PURE__ */ v(S, { children: [
-					/* @__PURE__ */ v(T, { children: [/* @__PURE__ */ _(E, { children: "Record transaction" }), /* @__PURE__ */ _(C, { children: "Log activity against the selected account." })] }),
-					/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ x(T, {
+				open: Te,
+				onOpenChange: W,
+				children: /* @__PURE__ */ S(E, { 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__ */ v("div", {
+							/* @__PURE__ */ S("div", {
 								className: "grid grid-cols-2 gap-4",
-								children: [/* @__PURE__ */ v("div", {
+								children: [/* @__PURE__ */ S("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ _(O, {
+									children: [/* @__PURE__ */ x(N, {
 										htmlFor: "tx-type",
 										children: "Type"
-									}), /* @__PURE__ */ v(_e, {
-										value: J.type,
-										onValueChange: (e) => Y((t) => ({
+									}), /* @__PURE__ */ S(P, {
+										value: q.type,
+										onValueChange: (e) => J((t) => ({
 											...t,
 											type: e
 										})),
-										children: [/* @__PURE__ */ _(j, {
+										children: [/* @__PURE__ */ x(ve, {
 											id: "tx-type",
-											children: /* @__PURE__ */ _(M, {})
-										}), /* @__PURE__ */ _(k, { children: Ce.map((e) => /* @__PURE__ */ _(A, {
+											children: /* @__PURE__ */ x(ye, {})
+										}), /* @__PURE__ */ x(F, { children: Ee.map((e) => /* @__PURE__ */ x(I, {
 											value: e,
 											children: e.replace(/_/g, " ")
 										}, e)) })]
 									})]
-								}), /* @__PURE__ */ v("div", {
+								}), /* @__PURE__ */ S("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ _(O, {
+									children: [/* @__PURE__ */ x(N, {
 										htmlFor: "tx-date",
 										children: "Trade date"
-									}), /* @__PURE__ */ _(D, {
+									}), /* @__PURE__ */ x(M, {
 										id: "tx-date",
 										type: "date",
-										value: J.tradeDate,
-										onChange: (e) => Y((t) => ({
+										value: q.tradeDate,
+										onChange: (e) => J((t) => ({
 											...t,
 											tradeDate: e.target.value
 										}))
 									})]
 								})]
 							}),
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ S("div", {
 								className: "grid grid-cols-2 gap-4",
-								children: [/* @__PURE__ */ v("div", {
+								children: [/* @__PURE__ */ S("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ _(O, {
+									children: [/* @__PURE__ */ x(N, {
 										htmlFor: "tx-symbol",
 										children: "Symbol"
-									}), /* @__PURE__ */ _(D, {
+									}), /* @__PURE__ */ x(M, {
 										id: "tx-symbol",
-										value: J.symbol,
-										onChange: (e) => Y((t) => ({
+										value: q.symbol,
+										onChange: (e) => J((t) => ({
 											...t,
 											symbol: e.target.value
 										})),
 										placeholder: "e.g. VOO"
 									})]
-								}), /* @__PURE__ */ v("div", {
+								}), /* @__PURE__ */ S("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ _(O, {
-										htmlFor: "tx-amount",
-										children: "Amount"
-									}), /* @__PURE__ */ _(D, {
-										id: "tx-amount",
-										type: "number",
-										value: J.amount,
-										onChange: (e) => Y((t) => ({
-											...t,
-											amount: e.target.value
-										}))
-									})]
+									children: [
+										/* @__PURE__ */ x(N, {
+											htmlFor: "tx-amount",
+											children: "Amount"
+										}),
+										/* @__PURE__ */ x(M, {
+											id: "tx-amount",
+											type: "number",
+											min: "0",
+											step: "any",
+											value: q.amount,
+											onChange: (e) => J((t) => ({
+												...t,
+												amount: e.target.value
+											})),
+											"aria-invalid": q.amount.trim() !== "" && !$,
+											"aria-describedby": "tx-amount-hint"
+										}),
+										/* @__PURE__ */ x("p", {
+											id: "tx-amount-hint",
+											className: "text-xs text-text-secondary",
+											children: q.amount.trim() !== "" && !$ ? "Enter an amount greater than 0." : "Positive amount; direction is set by the type."
+										})
+									]
 								})]
 							}),
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ S("div", {
 								className: "grid grid-cols-3 gap-4",
 								children: [
-									/* @__PURE__ */ v("div", {
+									/* @__PURE__ */ S("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ _(O, {
+										children: [/* @__PURE__ */ x(N, {
 											htmlFor: "tx-qty",
 											children: "Quantity"
-										}), /* @__PURE__ */ _(D, {
+										}), /* @__PURE__ */ x(M, {
 											id: "tx-qty",
 											type: "number",
-											value: J.quantity,
-											onChange: (e) => Y((t) => ({
+											value: q.quantity,
+											onChange: (e) => J((t) => ({
 												...t,
 												quantity: e.target.value
 											}))
 										})]
 									}),
-									/* @__PURE__ */ v("div", {
+									/* @__PURE__ */ S("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ _(O, {
+										children: [/* @__PURE__ */ x(N, {
 											htmlFor: "tx-price",
 											children: "Price"
-										}), /* @__PURE__ */ _(D, {
+										}), /* @__PURE__ */ x(M, {
 											id: "tx-price",
 											type: "number",
-											value: J.price,
-											onChange: (e) => Y((t) => ({
+											value: q.price,
+											onChange: (e) => J((t) => ({
 												...t,
 												price: e.target.value
 											}))
 										})]
 									}),
-									/* @__PURE__ */ v("div", {
+									/* @__PURE__ */ S("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ _(O, {
+										children: [/* @__PURE__ */ x(N, {
 											htmlFor: "tx-fee",
 											children: "Fee"
-										}), /* @__PURE__ */ _(D, {
+										}), /* @__PURE__ */ x(M, {
 											id: "tx-fee",
 											type: "number",
-											value: J.fee,
-											onChange: (e) => Y((t) => ({
+											value: q.fee,
+											onChange: (e) => J((t) => ({
 												...t,
 												fee: e.target.value
 											}))
@@ -427,15 +452,15 @@ function W() {
 									})
 								]
 							}),
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ S("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ _(O, {
+								children: [/* @__PURE__ */ x(N, {
 									htmlFor: "tx-notes",
 									children: "Notes"
-								}), /* @__PURE__ */ _(Se, {
+								}), /* @__PURE__ */ x(we, {
 									id: "tx-notes",
-									value: J.notes,
-									onChange: (e) => Y((t) => ({
+									value: q.notes,
+									onChange: (e) => J((t) => ({
 										...t,
 										notes: e.target.value
 									})),
@@ -444,30 +469,30 @@ function W() {
 							})
 						]
 					}),
-					/* @__PURE__ */ v(w, { children: [/* @__PURE__ */ _(b, {
+					/* @__PURE__ */ S(O, { children: [/* @__PURE__ */ x(w, {
 						variant: "outline",
-						onClick: () => q(!1),
+						onClick: () => W(!1),
 						children: "Cancel"
-					}), /* @__PURE__ */ _(b, {
-						onClick: Re,
-						disabled: !J.tradeDate || $.isPending,
-						children: $.isPending ? "Saving…" : "Record transaction"
+					}), /* @__PURE__ */ x(w, {
+						onClick: He,
+						disabled: !Ve || Z.isPending,
+						children: Z.isPending ? "Saving…" : "Record transaction"
 					})] })
 				] })
 			})
 		]
 	});
 }
-function Te({ form: e, onChange: t }) {
-	return /* @__PURE__ */ v("div", {
+function Oe({ form: e, onChange: t }) {
+	return /* @__PURE__ */ S("div", {
 		className: "grid gap-4",
 		children: [
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ S("div", {
 				className: "space-y-2",
-				children: [/* @__PURE__ */ _(O, {
+				children: [/* @__PURE__ */ x(N, {
 					htmlFor: "acct-name",
 					children: "Name"
-				}), /* @__PURE__ */ _(D, {
+				}), /* @__PURE__ */ x(M, {
 					id: "acct-name",
 					value: e.name,
 					onChange: (e) => t((t) => ({
@@ -477,33 +502,33 @@ function Te({ form: e, onChange: t }) {
 					placeholder: "e.g. Everyday Checking"
 				})]
 			}),
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ S("div", {
 				className: "grid grid-cols-2 gap-4",
-				children: [/* @__PURE__ */ v("div", {
+				children: [/* @__PURE__ */ S("div", {
 					className: "space-y-2",
-					children: [/* @__PURE__ */ _(O, {
+					children: [/* @__PURE__ */ x(N, {
 						htmlFor: "acct-type",
 						children: "Type"
-					}), /* @__PURE__ */ v(_e, {
+					}), /* @__PURE__ */ S(P, {
 						value: e.type,
 						onValueChange: (e) => t((t) => ({
 							...t,
 							type: e
 						})),
-						children: [/* @__PURE__ */ _(j, {
+						children: [/* @__PURE__ */ x(ve, {
 							id: "acct-type",
-							children: /* @__PURE__ */ _(M, {})
-						}), /* @__PURE__ */ _(k, { children: B.map((e) => /* @__PURE__ */ _(A, {
+							children: /* @__PURE__ */ x(ye, {})
+						}), /* @__PURE__ */ x(F, { children: Te.map((e) => /* @__PURE__ */ x(I, {
 							value: e,
 							children: e.replace(/_/g, " ")
 						}, e)) })]
 					})]
-				}), /* @__PURE__ */ v("div", {
+				}), /* @__PURE__ */ S("div", {
 					className: "space-y-2",
-					children: [/* @__PURE__ */ _(O, {
+					children: [/* @__PURE__ */ x(N, {
 						htmlFor: "acct-currency",
 						children: "Currency"
-					}), /* @__PURE__ */ _(D, {
+					}), /* @__PURE__ */ x(M, {
 						id: "acct-currency",
 						value: e.currency,
 						onChange: (e) => t((t) => ({
@@ -514,12 +539,12 @@ function Te({ form: e, onChange: t }) {
 					})]
 				})]
 			}),
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ S("div", {
 				className: "space-y-2",
-				children: [/* @__PURE__ */ _(O, {
+				children: [/* @__PURE__ */ x(N, {
 					htmlFor: "acct-institution",
 					children: "Institution"
-				}), /* @__PURE__ */ _(D, {
+				}), /* @__PURE__ */ x(M, {
 					id: "acct-institution",
 					value: e.institution,
 					onChange: (e) => t((t) => ({
@@ -529,14 +554,14 @@ function Te({ form: e, onChange: t }) {
 					placeholder: "e.g. Chase"
 				})]
 			}),
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ S("div", {
 				className: "grid grid-cols-2 gap-4",
-				children: [/* @__PURE__ */ v("div", {
+				children: [/* @__PURE__ */ S("div", {
 					className: "space-y-2",
-					children: [/* @__PURE__ */ _(O, {
+					children: [/* @__PURE__ */ x(N, {
 						htmlFor: "acct-balance",
 						children: "Cash balance"
-					}), /* @__PURE__ */ _(D, {
+					}), /* @__PURE__ */ x(M, {
 						id: "acct-balance",
 						type: "number",
 						value: e.cashBalance,
@@ -545,12 +570,12 @@ function Te({ form: e, onChange: t }) {
 							cashBalance: e.target.value
 						}))
 					})]
-				}), /* @__PURE__ */ v("div", {
+				}), /* @__PURE__ */ S("div", {
 					className: "space-y-2",
-					children: [/* @__PURE__ */ _(O, {
+					children: [/* @__PURE__ */ x(N, {
 						htmlFor: "acct-mask",
 						children: "Account mask"
-					}), /* @__PURE__ */ _(D, {
+					}), /* @__PURE__ */ x(M, {
 						id: "acct-mask",
 						value: e.accountMask,
 						onChange: (e) => t((t) => ({
@@ -560,147 +585,175 @@ function Te({ form: e, onChange: t }) {
 						placeholder: "Last 4 digits"
 					})]
 				})]
+			}),
+			/* @__PURE__ */ x(c, {
+				value: e.householdId,
+				onChange: (e) => t((t) => ({
+					...t,
+					householdId: e
+				}))
 			})
 		]
 	});
 }
-function Ee({ accountId: t, onClose: n, onRecordTransaction: r }) {
-	let { data: i, isLoading: te, isError: s, refetch: ne } = e(t), d = ee(t ? { accountId: t } : {}), f = t ? d.data : [];
-	return /* @__PURE__ */ _(N, {
+function ke({ accountId: t, onClose: n, onRecordTransaction: r }) {
+	let { data: i, isLoading: ee, isError: te, refetch: ne } = e(t), c = a(t ? { accountId: t } : {}), d = t ? c.items : [];
+	return /* @__PURE__ */ x(L, {
 		open: !!t,
 		onOpenChange: (e) => !e && n(),
-		children: /* @__PURE__ */ v(P, {
+		children: /* @__PURE__ */ S(R, {
 			className: "w-full overflow-y-auto sm:max-w-lg",
-			children: [/* @__PURE__ */ v(I, { children: [/* @__PURE__ */ _(L, { children: i?.name ?? "Account" }), /* @__PURE__ */ _(F, { children: i ? `${i.institution ?? "Manual account"} · ${i.type.replace(/_/g, " ")}` : "Loading account details…" })] }), te ? /* @__PURE__ */ _("div", {
+			children: [/* @__PURE__ */ S(B, { children: [/* @__PURE__ */ x(V, { children: i?.name ?? "Account" }), /* @__PURE__ */ x(z, { children: i ? `${i.institution ?? "Manual account"} · ${i.type.replace(/_/g, " ")}` : "Loading account details…" })] }), ee ? /* @__PURE__ */ x("div", {
 				className: "mt-6",
-				children: /* @__PURE__ */ _(c, { rows: 3 })
-			}) : s ? /* @__PURE__ */ _("div", {
+				children: /* @__PURE__ */ x(f, { rows: 3 })
+			}) : te ? /* @__PURE__ */ x("div", {
 				className: "mt-6",
-				children: /* @__PURE__ */ _(o, { onRetry: () => ne() })
-			}) : i ? /* @__PURE__ */ v("div", {
+				children: /* @__PURE__ */ x(u, { onRetry: () => ne() })
+			}) : i ? /* @__PURE__ */ S("div", {
 				className: "mt-6 space-y-6",
 				children: [
-					/* @__PURE__ */ v("div", {
+					/* @__PURE__ */ S("div", {
 						className: "grid grid-cols-2 gap-4",
-						children: [/* @__PURE__ */ v("div", {
+						children: [/* @__PURE__ */ S("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
-							children: [/* @__PURE__ */ _("p", {
+							children: [/* @__PURE__ */ x("p", {
 								className: "text-xs text-text-secondary",
 								children: "Cash balance"
-							}), /* @__PURE__ */ _("p", {
+							}), /* @__PURE__ */ x("p", {
 								className: "text-xl font-semibold text-text-primary",
-								children: l(i.cashBalance, i.currency)
+								children: m(i.cashBalance, i.currency)
 							})]
-						}), /* @__PURE__ */ v("div", {
+						}), /* @__PURE__ */ S("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
-							children: [/* @__PURE__ */ _("p", {
+							children: [/* @__PURE__ */ x("p", {
 								className: "text-xs text-text-secondary",
 								children: "Status"
-							}), /* @__PURE__ */ _(y, {
-								variant: u(i.status),
+							}), /* @__PURE__ */ x(C, {
+								variant: ie(i.status),
 								children: i.status
 							})]
 						})]
 					}),
-					/* @__PURE__ */ v("div", {
+					/* @__PURE__ */ S("div", {
+						className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
+						children: [/* @__PURE__ */ x("p", {
+							className: "text-xs text-text-secondary",
+							children: "Owner"
+						}), /* @__PURE__ */ x(s, {
+							id: i.ownerId,
+							className: "text-sm font-medium text-text-primary"
+						})]
+					}),
+					/* @__PURE__ */ S("div", {
 						className: "space-y-3",
-						children: [/* @__PURE__ */ _("h3", {
+						children: [/* @__PURE__ */ x("h3", {
 							className: "text-sm font-semibold text-text-primary",
 							children: "Holdings"
-						}), i.holdings.length === 0 ? /* @__PURE__ */ _(a, {
+						}), i.holdings.length === 0 ? /* @__PURE__ */ x(l, {
 							title: "No holdings",
 							description: "This account has no positions recorded yet."
-						}) : /* @__PURE__ */ _("div", {
+						}) : /* @__PURE__ */ x("div", {
 							className: "space-y-2",
-							children: i.holdings.map((e) => /* @__PURE__ */ v("div", {
+							children: i.holdings.map((e) => /* @__PURE__ */ S("div", {
 								className: "flex items-center justify-between rounded-lg border border-border-subtle bg-bg-surface p-3",
-								children: [/* @__PURE__ */ v("div", {
+								children: [/* @__PURE__ */ S("div", {
 									className: "min-w-0",
-									children: [/* @__PURE__ */ _("p", {
+									children: [/* @__PURE__ */ x("p", {
 										className: "truncate text-sm font-medium text-text-primary",
 										children: e.symbol
-									}), e.name ? /* @__PURE__ */ _("p", {
+									}), e.name ? /* @__PURE__ */ x("p", {
 										className: "truncate text-xs text-text-secondary",
 										children: e.name
 									}) : null]
-								}), /* @__PURE__ */ _("span", {
+								}), /* @__PURE__ */ x("span", {
 									className: "text-sm font-semibold text-text-primary",
-									children: l(e.marketValue, e.currency)
+									children: m(e.marketValue, e.currency)
 								})]
 							}, e.id))
 						})]
 					}),
-					/* @__PURE__ */ v("div", {
+					/* @__PURE__ */ S("div", {
 						className: "space-y-3",
-						children: [/* @__PURE__ */ v("div", {
+						children: [/* @__PURE__ */ S("div", {
 							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ _("h3", {
+							children: [/* @__PURE__ */ x("h3", {
 								className: "text-sm font-semibold text-text-primary",
 								children: "Recent transactions"
-							}), /* @__PURE__ */ v(b, {
+							}), /* @__PURE__ */ S(w, {
 								size: "sm",
 								variant: "outline",
 								onClick: r,
-								children: [/* @__PURE__ */ _(g, {
+								children: [/* @__PURE__ */ x(b, {
 									className: "size-4",
 									"aria-hidden": "true"
 								}), "Record"]
 							})]
-						}), d.isLoading ? /* @__PURE__ */ _(c, { rows: 2 }) : d.isError ? /* @__PURE__ */ _(o, { onRetry: () => d.refetch() }) : f.length === 0 ? /* @__PURE__ */ _(a, {
-							icon: /* @__PURE__ */ _(g, {
+						}), c.isLoading ? /* @__PURE__ */ x(f, { rows: 2 }) : c.isError ? /* @__PURE__ */ x(u, { onRetry: () => c.refetch() }) : d.length === 0 ? /* @__PURE__ */ x(l, {
+							icon: /* @__PURE__ */ x(b, {
 								className: "size-6",
 								"aria-hidden": "true"
 							}),
 							title: "No transactions",
 							description: "Record a transaction to see activity here.",
-							action: /* @__PURE__ */ v(b, {
+							action: /* @__PURE__ */ S(w, {
 								size: "sm",
 								onClick: r,
-								children: [/* @__PURE__ */ _(h, {
+								children: [/* @__PURE__ */ x(y, {
 									className: "size-4",
 									"aria-hidden": "true"
 								}), "Record transaction"]
 							})
-						}) : /* @__PURE__ */ _("div", {
+						}) : /* @__PURE__ */ S("div", {
 							className: "space-y-2",
-							children: f.map((e) => {
-								let t = V(e.type), n = t ? m : p, r = t ? "text-status-success-text" : "text-status-error-text";
-								return /* @__PURE__ */ v("div", {
+							children: [d.map((e) => {
+								let t = W(e.type), n = t ? v : _, r = t ? "text-status-success-text" : "text-status-error-text";
+								return /* @__PURE__ */ S("div", {
 									className: "flex items-center justify-between rounded-lg border border-border-subtle bg-bg-surface p-3",
-									children: [/* @__PURE__ */ v("div", {
+									children: [/* @__PURE__ */ S("div", {
 										className: "min-w-0",
-										children: [/* @__PURE__ */ v("div", {
+										children: [/* @__PURE__ */ S("div", {
 											className: "flex items-center gap-2",
-											children: [/* @__PURE__ */ _(y, {
+											children: [/* @__PURE__ */ x(C, {
 												variant: "outline",
 												children: e.type.replace(/_/g, " ")
-											}), e.symbol ? /* @__PURE__ */ _("span", {
+											}), e.symbol ? /* @__PURE__ */ x("span", {
 												className: "truncate text-xs text-text-secondary",
 												children: e.symbol
 											}) : null]
-										}), /* @__PURE__ */ _("p", {
+										}), /* @__PURE__ */ x("p", {
 											className: "mt-1 text-xs text-text-secondary",
-											children: re(e.tradeDate)
+											children: p(e.tradeDate)
 										})]
-									}), /* @__PURE__ */ v("span", {
+									}), /* @__PURE__ */ S("span", {
 										className: `inline-flex items-center gap-1 text-sm font-semibold ${r}`,
 										children: [
-											/* @__PURE__ */ _(n, {
+											/* @__PURE__ */ x(n, {
 												className: "size-4",
 												"aria-hidden": "true"
 											}),
 											t ? "+" : "−",
-											l(Math.abs(e.amount), e.currency)
+											m(Math.abs(e.amount), e.currency)
 										]
 									})]
 								}, e.id);
-							})
+							}), /* @__PURE__ */ x(o, {
+								hasMore: c.hasMore,
+								onClick: c.loadMore,
+								loading: c.isFetchingNextPage
+							})]
 						})]
+					}),
+					/* @__PURE__ */ x("div", {
+						className: "space-y-3",
+						children: /* @__PURE__ */ x(h, {
+							entityType: "brainyrich-account",
+							entityId: i.id
+						})
 					})
 				]
-			}) : /* @__PURE__ */ _("div", {
+			}) : /* @__PURE__ */ x("div", {
 				className: "mt-6",
-				children: /* @__PURE__ */ _(a, {
+				children: /* @__PURE__ */ x(l, {
 					title: "Account not found",
 					description: "This account is no longer available."
 				})
@@ -709,6 +762,6 @@ function Ee({ accountId: t, onClose: n, onRecordTransaction: r }) {
 	});
 }
 //#endregion
-export { W as AccountsPage };
+export { q as AccountsPage };
 
 //# sourceMappingURL=AccountsPage.js.map