@burdenoff/microfe-brainyrich 2026.525.1 → 2026.706.1

package/dist/brainyrich/pages/AccountsPage.js

@@ -1,184 +1,767 @@
-import { useBrainyRichStore as e } from "../store/brainyrichStore.js";
-import { KpiGrid as t, SectionShell as n, formatMoney as r, statusBadgeVariant as i } from "./_shared.js";
-import { Landmark as a, Link2 as o, Plus as s, RefreshCw as c } from "lucide-react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { Badge as d, Button as f, Card as p, CardContent as m, CardDescription as h, CardHeader as g, CardTitle as _, Table as v, TableBody as y, TableCell as b, TableHead as x, TableHeader as S, TableRow as C } 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
-function w() {
-	let { accounts: w } = e(), T = w.reduce((e, t) => e + t.balance, 0), E = w.filter((e) => e.status === "Connected").length;
-	return /* @__PURE__ */ u(n, {
-		title: "Account Management",
-		description: "Connect and manage all your financial accounts in one place",
-		actionLabel: "Link Account",
-		badges: [`${w.length} Accounts`],
+var Te = [
+	"BANK",
+	"BROKERAGE",
+	"RETIREMENT",
+	"CASH",
+	"CRYPTO",
+	"REAL_ESTATE",
+	"ALTERNATIVE",
+	"LIABILITY"
+], Ee = [
+	"BUY",
+	"SELL",
+	"DIVIDEND",
+	"INTEREST",
+	"DEPOSIT",
+	"WITHDRAWAL",
+	"FEE",
+	"TRANSFER"
+];
+function W(e) {
+	return e === "DEPOSIT" || e === "DIVIDEND" || e === "INTEREST" || e === "SELL" || e === "TRANSFER";
+}
+function G(e) {
+	if (e.trim() === "") return;
+	let t = Number(e);
+	return Number.isFinite(t) ? t : void 0;
+}
+var K = {
+	name: "",
+	type: "BANK",
+	institution: "",
+	currency: "USD",
+	cashBalance: "",
+	accountMask: "",
+	householdId: null
+}, De = {
+	type: "DEPOSIT",
+	tradeDate: "",
+	symbol: "",
+	quantity: "",
+	price: "",
+	amount: "",
+	fee: "",
+	notes: ""
+};
+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 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 Le(e) {
+		L(e), z({
+			name: e.name,
+			type: e.type,
+			institution: e.institution ?? "",
+			currency: e.currency,
+			cashBalance: String(e.cashBalance ?? ""),
+			accountMask: e.accountMask ?? "",
+			householdId: e.householdId
+		});
+	}
+	function Re() {
+		!b || !R.name.trim() || X.mutate({
+			id: b.id,
+			input: {
+				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: () => L(null) });
+	}
+	function ze() {
+		if (!B) return;
+		let e = B.id;
+		Ae.mutate(e, { onSuccess: () => {
+			V(null), s === e && c(void 0);
+		} });
+	}
+	function Be() {
+		J(De), W(!0);
+	}
+	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: 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__ */ 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: Fe,
 		children: [
-			/* @__PURE__ */ l(t, { items: [
+			/* @__PURE__ */ x(d, { items: [
 				{
-					label: "Total Balance",
-					value: r(T),
-					trend: "+2.3% this month"
+					label: "Total accounts",
+					value: String(e.length)
 				},
 				{
-					label: "Connected",
-					value: `${E}/${w.length}`,
-					trend: "Active connections"
+					label: "Total cash",
+					value: m(je, Pe)
 				},
 				{
-					label: "Last Sync",
-					value: "2h ago",
-					trend: "Auto-sync enabled"
+					label: "Active",
+					value: `${Me}/${e.length}`
 				},
 				{
-					label: "Account Types",
-					value: String(new Set(w.map((e) => e.type)).size),
-					trend: "Diversified"
+					label: "Institutions",
+					value: String(Ne)
 				}
 			] }),
-			/* @__PURE__ */ u(p, { children: [/* @__PURE__ */ u(g, {
-				className: "flex flex-row items-center justify-between",
-				children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ u(_, {
-					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ l(a, { className: "h-5 w-5" }), "Linked Accounts"]
-				}), /* @__PURE__ */ l(h, { children: "Your connected financial institutions" })] }), /* @__PURE__ */ u("div", {
-					className: "flex gap-2",
-					children: [/* @__PURE__ */ u(f, {
-						variant: "outline",
-						size: "sm",
-						children: [/* @__PURE__ */ l(c, { className: "mr-1 h-4 w-4" }), "Sync All"]
-					}), /* @__PURE__ */ u(f, {
-						size: "sm",
-						children: [/* @__PURE__ */ l(s, { className: "mr-1 h-4 w-4" }), "Link Account"]
-					})]
-				})]
-			}), /* @__PURE__ */ l(m, { children: /* @__PURE__ */ u(v, { children: [/* @__PURE__ */ l(S, { children: /* @__PURE__ */ u(C, { children: [
-				/* @__PURE__ */ l(x, { children: "Institution" }),
-				/* @__PURE__ */ l(x, { children: "Type" }),
-				/* @__PURE__ */ l(x, {
-					className: "text-right",
-					children: "Balance"
+			/* @__PURE__ */ S(le, { children: [/* @__PURE__ */ S(fe, { children: [/* @__PURE__ */ S(pe, {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ x(oe, {
+					className: "h-5 w-5",
+					"aria-hidden": "true"
+				}), "Linked accounts"]
+			}), /* @__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"
 				}),
-				/* @__PURE__ */ l(x, { children: "Status" }),
-				/* @__PURE__ */ l(x, {
-					className: "text-right",
-					children: "Actions"
+				title: "No accounts yet",
+				description: "Add your first bank, brokerage or retirement account to start tracking net worth.",
+				action: /* @__PURE__ */ S(w, {
+					size: "sm",
+					onClick: Fe,
+					children: [/* @__PURE__ */ x(y, {
+						className: "size-4",
+						"aria-hidden": "true"
+					}), "New account"]
 				})
-			] }) }), /* @__PURE__ */ l(y, { children: w.map((e) => /* @__PURE__ */ u(C, { children: [
-				/* @__PURE__ */ l(b, { children: /* @__PURE__ */ u("div", {
-					className: "flex items-center gap-3",
-					children: [/* @__PURE__ */ l("div", {
-						className: "flex h-9 w-9 items-center justify-center rounded-full bg-blue-100 text-xs font-bold text-blue-600",
-						children: e.institution.slice(0, 2).toUpperCase()
-					}), /* @__PURE__ */ l("span", {
-						className: "font-medium",
-						children: e.institution
-					})]
-				}) }),
-				/* @__PURE__ */ l(b, { children: /* @__PURE__ */ l(d, {
-					variant: "outline",
-					children: e.type
-				}) }),
-				/* @__PURE__ */ l(b, {
-					className: "text-right font-semibold",
-					children: r(e.balance)
-				}),
-				/* @__PURE__ */ l(b, { children: /* @__PURE__ */ l(d, {
-					variant: i(e.status),
-					children: e.status
-				}) }),
-				/* @__PURE__ */ l(b, {
-					className: "text-right",
-					children: /* @__PURE__ */ u("div", {
-						className: "flex justify-end gap-1",
-						children: [/* @__PURE__ */ l(f, {
+			}) : /* @__PURE__ */ S("div", {
+				className: "overflow-x-auto",
+				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__ */ x(U, { children: "Status" }),
+					/* @__PURE__ */ x(U, {
+						className: "w-12 text-right",
+						children: "Actions"
+					})
+				] }) }), /* @__PURE__ */ x(xe, { children: a.items.map((e) => /* @__PURE__ */ S(Ce, {
+					className: "cursor-pointer",
+					onClick: () => c(e.id),
+					children: [
+						/* @__PURE__ */ x(H, { children: /* @__PURE__ */ S("div", {
+							className: "flex items-center gap-3",
+							children: [/* @__PURE__ */ x("div", {
+								className: "flex h-9 w-9 items-center justify-center rounded-full bg-muted text-xs font-semibold text-muted-foreground",
+								children: (e.institution ?? e.name).slice(0, 2).toUpperCase()
+							}), /* @__PURE__ */ S("div", {
+								className: "min-w-0",
+								children: [/* @__PURE__ */ x("p", {
+									className: "truncate font-medium text-text-primary",
+									children: e.name
+								}), /* @__PURE__ */ S("p", {
+									className: "truncate text-xs text-text-secondary",
+									children: [e.institution ?? "Manual account", e.accountMask ? ` · ••${e.accountMask}` : ""]
+								})]
+							})]
+						}) }),
+						/* @__PURE__ */ x(H, { children: /* @__PURE__ */ x(C, {
 							variant: "outline",
-							size: "sm",
-							children: /* @__PURE__ */ l(c, { className: "h-3 w-3" })
-						}), /* @__PURE__ */ l(f, {
+							children: e.type.replace(/_/g, " ")
+						}) }),
+						/* @__PURE__ */ x(H, {
+							className: "text-right font-semibold text-text-primary",
+							children: m(e.cashBalance, e.currency)
+						}),
+						/* @__PURE__ */ x(H, { children: /* @__PURE__ */ x(C, {
+							variant: ie(e.status),
+							children: e.status
+						}) }),
+						/* @__PURE__ */ x(H, {
+							className: "text-right",
+							onClick: (e) => e.stopPropagation(),
+							children: /* @__PURE__ */ S(he, { children: [/* @__PURE__ */ x(_e, {
+								asChild: !0,
+								children: /* @__PURE__ */ x(w, {
+									variant: "ghost",
+									size: "sm",
+									"aria-label": `Actions for ${e.name}`,
+									children: /* @__PURE__ */ x(se, {
+										className: "size-4",
+										"aria-hidden": "true"
+									})
+								})
+							}), /* @__PURE__ */ S(ge, {
+								align: "end",
+								children: [/* @__PURE__ */ S(j, {
+									onClick: () => Le(e),
+									children: [/* @__PURE__ */ x(ce, {
+										className: "size-4",
+										"aria-hidden": "true"
+									}), "Edit"]
+								}), /* @__PURE__ */ S(j, {
+									className: "text-status-error-text",
+									onClick: () => V(e),
+									children: [/* @__PURE__ */ x(ae, {
+										className: "size-4",
+										"aria-hidden": "true"
+									}), "Archive"]
+								})]
+							})] })
+						})
+					]
+				}, e.id)) })] }), /* @__PURE__ */ x(o, {
+					hasMore: a.hasMore,
+					onClick: a.loadMore,
+					loading: a.isFetchingNextPage,
+					className: "mt-4"
+				})]
+			}) })] }),
+			/* @__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__ */ S(O, { children: [/* @__PURE__ */ x(me, {
+						asChild: !0,
+						children: /* @__PURE__ */ x(w, {
 							variant: "outline",
-							size: "sm",
-							children: /* @__PURE__ */ l(o, { className: "h-3 w-3" })
+							children: "Cancel"
+						})
+					}), /* @__PURE__ */ x(w, {
+						onClick: Ie,
+						disabled: !_.name.trim() || Y.isPending,
+						children: Y.isPending ? "Creating…" : "Create account"
+					})] })
+				] })
+			}),
+			/* @__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__ */ S(O, { children: [/* @__PURE__ */ x(w, {
+						variant: "outline",
+						onClick: () => L(null),
+						children: "Cancel"
+					}), /* @__PURE__ */ x(w, {
+						onClick: Re,
+						disabled: !R.name.trim() || X.isPending,
+						children: X.isPending ? "Saving…" : "Save changes"
+					})] })
+				] })
+			}),
+			/* @__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__ */ x(ke, {
+				accountId: s,
+				onClose: () => c(void 0),
+				onRecordTransaction: Be
+			}),
+			/* @__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__ */ S("div", {
+								className: "grid grid-cols-2 gap-4",
+								children: [/* @__PURE__ */ S("div", {
+									className: "space-y-2",
+									children: [/* @__PURE__ */ x(N, {
+										htmlFor: "tx-type",
+										children: "Type"
+									}), /* @__PURE__ */ S(P, {
+										value: q.type,
+										onValueChange: (e) => J((t) => ({
+											...t,
+											type: e
+										})),
+										children: [/* @__PURE__ */ x(ve, {
+											id: "tx-type",
+											children: /* @__PURE__ */ x(ye, {})
+										}), /* @__PURE__ */ x(F, { children: Ee.map((e) => /* @__PURE__ */ x(I, {
+											value: e,
+											children: e.replace(/_/g, " ")
+										}, e)) })]
+									})]
+								}), /* @__PURE__ */ S("div", {
+									className: "space-y-2",
+									children: [/* @__PURE__ */ x(N, {
+										htmlFor: "tx-date",
+										children: "Trade date"
+									}), /* @__PURE__ */ x(M, {
+										id: "tx-date",
+										type: "date",
+										value: q.tradeDate,
+										onChange: (e) => J((t) => ({
+											...t,
+											tradeDate: e.target.value
+										}))
+									})]
+								})]
+							}),
+							/* @__PURE__ */ S("div", {
+								className: "grid grid-cols-2 gap-4",
+								children: [/* @__PURE__ */ S("div", {
+									className: "space-y-2",
+									children: [/* @__PURE__ */ x(N, {
+										htmlFor: "tx-symbol",
+										children: "Symbol"
+									}), /* @__PURE__ */ x(M, {
+										id: "tx-symbol",
+										value: q.symbol,
+										onChange: (e) => J((t) => ({
+											...t,
+											symbol: e.target.value
+										})),
+										placeholder: "e.g. VOO"
+									})]
+								}), /* @__PURE__ */ S("div", {
+									className: "space-y-2",
+									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__ */ S("div", {
+								className: "grid grid-cols-3 gap-4",
+								children: [
+									/* @__PURE__ */ S("div", {
+										className: "space-y-2",
+										children: [/* @__PURE__ */ x(N, {
+											htmlFor: "tx-qty",
+											children: "Quantity"
+										}), /* @__PURE__ */ x(M, {
+											id: "tx-qty",
+											type: "number",
+											value: q.quantity,
+											onChange: (e) => J((t) => ({
+												...t,
+												quantity: e.target.value
+											}))
+										})]
+									}),
+									/* @__PURE__ */ S("div", {
+										className: "space-y-2",
+										children: [/* @__PURE__ */ x(N, {
+											htmlFor: "tx-price",
+											children: "Price"
+										}), /* @__PURE__ */ x(M, {
+											id: "tx-price",
+											type: "number",
+											value: q.price,
+											onChange: (e) => J((t) => ({
+												...t,
+												price: e.target.value
+											}))
+										})]
+									}),
+									/* @__PURE__ */ S("div", {
+										className: "space-y-2",
+										children: [/* @__PURE__ */ x(N, {
+											htmlFor: "tx-fee",
+											children: "Fee"
+										}), /* @__PURE__ */ x(M, {
+											id: "tx-fee",
+											type: "number",
+											value: q.fee,
+											onChange: (e) => J((t) => ({
+												...t,
+												fee: e.target.value
+											}))
+										})]
+									})
+								]
+							}),
+							/* @__PURE__ */ S("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ x(N, {
+									htmlFor: "tx-notes",
+									children: "Notes"
+								}), /* @__PURE__ */ x(we, {
+									id: "tx-notes",
+									value: q.notes,
+									onChange: (e) => J((t) => ({
+										...t,
+										notes: e.target.value
+									})),
+									placeholder: "Optional note"
+								})]
+							})
+						]
+					}),
+					/* @__PURE__ */ S(O, { children: [/* @__PURE__ */ x(w, {
+						variant: "outline",
+						onClick: () => W(!1),
+						children: "Cancel"
+					}), /* @__PURE__ */ x(w, {
+						onClick: He,
+						disabled: !Ve || Z.isPending,
+						children: Z.isPending ? "Saving…" : "Record transaction"
+					})] })
+				] })
+			})
+		]
+	});
+}
+function Oe({ form: e, onChange: t }) {
+	return /* @__PURE__ */ S("div", {
+		className: "grid gap-4",
+		children: [
+			/* @__PURE__ */ S("div", {
+				className: "space-y-2",
+				children: [/* @__PURE__ */ x(N, {
+					htmlFor: "acct-name",
+					children: "Name"
+				}), /* @__PURE__ */ x(M, {
+					id: "acct-name",
+					value: e.name,
+					onChange: (e) => t((t) => ({
+						...t,
+						name: e.target.value
+					})),
+					placeholder: "e.g. Everyday Checking"
+				})]
+			}),
+			/* @__PURE__ */ S("div", {
+				className: "grid grid-cols-2 gap-4",
+				children: [/* @__PURE__ */ S("div", {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ x(N, {
+						htmlFor: "acct-type",
+						children: "Type"
+					}), /* @__PURE__ */ S(P, {
+						value: e.type,
+						onValueChange: (e) => t((t) => ({
+							...t,
+							type: e
+						})),
+						children: [/* @__PURE__ */ x(ve, {
+							id: "acct-type",
+							children: /* @__PURE__ */ x(ye, {})
+						}), /* @__PURE__ */ x(F, { children: Te.map((e) => /* @__PURE__ */ x(I, {
+							value: e,
+							children: e.replace(/_/g, " ")
+						}, e)) })]
+					})]
+				}), /* @__PURE__ */ S("div", {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ x(N, {
+						htmlFor: "acct-currency",
+						children: "Currency"
+					}), /* @__PURE__ */ x(M, {
+						id: "acct-currency",
+						value: e.currency,
+						onChange: (e) => t((t) => ({
+							...t,
+							currency: e.target.value.toUpperCase()
+						})),
+						placeholder: "USD"
+					})]
+				})]
+			}),
+			/* @__PURE__ */ S("div", {
+				className: "space-y-2",
+				children: [/* @__PURE__ */ x(N, {
+					htmlFor: "acct-institution",
+					children: "Institution"
+				}), /* @__PURE__ */ x(M, {
+					id: "acct-institution",
+					value: e.institution,
+					onChange: (e) => t((t) => ({
+						...t,
+						institution: e.target.value
+					})),
+					placeholder: "e.g. Chase"
+				})]
+			}),
+			/* @__PURE__ */ S("div", {
+				className: "grid grid-cols-2 gap-4",
+				children: [/* @__PURE__ */ S("div", {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ x(N, {
+						htmlFor: "acct-balance",
+						children: "Cash balance"
+					}), /* @__PURE__ */ x(M, {
+						id: "acct-balance",
+						type: "number",
+						value: e.cashBalance,
+						onChange: (e) => t((t) => ({
+							...t,
+							cashBalance: e.target.value
+						}))
+					})]
+				}), /* @__PURE__ */ S("div", {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ x(N, {
+						htmlFor: "acct-mask",
+						children: "Account mask"
+					}), /* @__PURE__ */ x(M, {
+						id: "acct-mask",
+						value: e.accountMask,
+						onChange: (e) => t((t) => ({
+							...t,
+							accountMask: e.target.value
+						})),
+						placeholder: "Last 4 digits"
+					})]
+				})]
+			}),
+			/* @__PURE__ */ x(c, {
+				value: e.householdId,
+				onChange: (e) => t((t) => ({
+					...t,
+					householdId: e
+				}))
+			})
+		]
+	});
+}
+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__ */ S(R, {
+			className: "w-full overflow-y-auto sm:max-w-lg",
+			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__ */ x(f, { rows: 3 })
+			}) : te ? /* @__PURE__ */ x("div", {
+				className: "mt-6",
+				children: /* @__PURE__ */ x(u, { onRetry: () => ne() })
+			}) : i ? /* @__PURE__ */ S("div", {
+				className: "mt-6 space-y-6",
+				children: [
+					/* @__PURE__ */ S("div", {
+						className: "grid grid-cols-2 gap-4",
+						children: [/* @__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: "Cash balance"
+							}), /* @__PURE__ */ x("p", {
+								className: "text-xl font-semibold text-text-primary",
+								children: m(i.cashBalance, i.currency)
+							})]
+						}), /* @__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: "Status"
+							}), /* @__PURE__ */ x(C, {
+								variant: ie(i.status),
+								children: i.status
+							})]
 						})]
-					})
-				})
-			] }, e.id)) })] }) })] }),
-			/* @__PURE__ */ u("div", {
-				className: "grid gap-4 md:grid-cols-2",
-				children: [/* @__PURE__ */ u(p, { children: [/* @__PURE__ */ u(g, { children: [/* @__PURE__ */ l(_, {
-					className: "text-base",
-					children: "Account Distribution"
-				}), /* @__PURE__ */ l(h, { children: "Balance allocation by account type" })] }), /* @__PURE__ */ l(m, {
-					className: "space-y-3",
-					children: w.map((e) => {
-						let t = Math.round(e.balance / T * 100);
-						return /* @__PURE__ */ u("div", {
-							className: "space-y-1",
-							children: [/* @__PURE__ */ u("div", {
-								className: "flex justify-between text-sm",
-								children: [/* @__PURE__ */ u("span", { children: [
-									e.institution,
-									" (",
-									e.type,
-									")"
-								] }), /* @__PURE__ */ u("span", {
-									className: "font-medium",
-									children: [t, "%"]
+					}),
+					/* @__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__ */ x("h3", {
+							className: "text-sm font-semibold text-text-primary",
+							children: "Holdings"
+						}), i.holdings.length === 0 ? /* @__PURE__ */ x(l, {
+							title: "No holdings",
+							description: "This account has no positions recorded yet."
+						}) : /* @__PURE__ */ x("div", {
+							className: "space-y-2",
+							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__ */ S("div", {
+									className: "min-w-0",
+									children: [/* @__PURE__ */ x("p", {
+										className: "truncate text-sm font-medium text-text-primary",
+										children: e.symbol
+									}), e.name ? /* @__PURE__ */ x("p", {
+										className: "truncate text-xs text-text-secondary",
+										children: e.name
+									}) : null]
+								}), /* @__PURE__ */ x("span", {
+									className: "text-sm font-semibold text-text-primary",
+									children: m(e.marketValue, e.currency)
 								})]
-							}), /* @__PURE__ */ l("div", {
-								className: "h-2 rounded bg-muted overflow-hidden",
-								children: /* @__PURE__ */ l("div", {
-									className: "h-2 rounded bg-primary",
-									style: { width: `${t}%` }
-								})
+							}, e.id))
+						})]
+					}),
+					/* @__PURE__ */ S("div", {
+						className: "space-y-3",
+						children: [/* @__PURE__ */ S("div", {
+							className: "flex items-center justify-between",
+							children: [/* @__PURE__ */ x("h3", {
+								className: "text-sm font-semibold text-text-primary",
+								children: "Recent transactions"
+							}), /* @__PURE__ */ S(w, {
+								size: "sm",
+								variant: "outline",
+								onClick: r,
+								children: [/* @__PURE__ */ x(b, {
+									className: "size-4",
+									"aria-hidden": "true"
+								}), "Record"]
+							})]
+						}), 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__ */ S(w, {
+								size: "sm",
+								onClick: r,
+								children: [/* @__PURE__ */ x(y, {
+									className: "size-4",
+									"aria-hidden": "true"
+								}), "Record transaction"]
+							})
+						}) : /* @__PURE__ */ S("div", {
+							className: "space-y-2",
+							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__ */ S("div", {
+										className: "min-w-0",
+										children: [/* @__PURE__ */ S("div", {
+											className: "flex items-center gap-2",
+											children: [/* @__PURE__ */ x(C, {
+												variant: "outline",
+												children: e.type.replace(/_/g, " ")
+											}), e.symbol ? /* @__PURE__ */ x("span", {
+												className: "truncate text-xs text-text-secondary",
+												children: e.symbol
+											}) : null]
+										}), /* @__PURE__ */ x("p", {
+											className: "mt-1 text-xs text-text-secondary",
+											children: p(e.tradeDate)
+										})]
+									}), /* @__PURE__ */ S("span", {
+										className: `inline-flex items-center gap-1 text-sm font-semibold ${r}`,
+										children: [
+											/* @__PURE__ */ x(n, {
+												className: "size-4",
+												"aria-hidden": "true"
+											}),
+											t ? "+" : "−",
+											m(Math.abs(e.amount), e.currency)
+										]
+									})]
+								}, e.id);
+							}), /* @__PURE__ */ x(o, {
+								hasMore: c.hasMore,
+								onClick: c.loadMore,
+								loading: c.isFetchingNextPage
 							})]
-						}, e.id);
-					})
-				})] }), /* @__PURE__ */ u(p, { children: [/* @__PURE__ */ u(g, { children: [/* @__PURE__ */ l(_, {
-					className: "text-base",
-					children: "Recent Transactions"
-				}), /* @__PURE__ */ l(h, { children: "Latest activity across linked accounts" })] }), /* @__PURE__ */ l(m, {
-					className: "space-y-3",
-					children: [
-						{
-							desc: "SIP - Axis Bluechip Fund",
-							account: "HDFC Securities",
-							amount: -15e3,
-							date: "2026-06-01"
-						},
-						{
-							desc: "Salary Credit - Tech Corp",
-							account: "ICICI Bank",
-							amount: 185e3,
-							date: "2026-05-31"
-						},
-						{
-							desc: "EPF Monthly Contribution",
-							account: "EPF Trust",
-							amount: -12500,
-							date: "2026-05-28"
-						}
-					].map((e, t) => /* @__PURE__ */ u("div", {
-						className: "flex items-center justify-between rounded-lg border p-3",
-						children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("p", {
-							className: "text-sm font-medium",
-							children: e.desc
-						}), /* @__PURE__ */ u("p", {
-							className: "text-xs text-muted-foreground",
-							children: [
-								e.account,
-								" · ",
-								e.date
-							]
-						})] }), /* @__PURE__ */ u("span", {
-							className: `text-sm font-semibold ${e.amount >= 0 ? "text-emerald-600" : "text-red-600"}`,
-							children: [e.amount >= 0 ? "+" : "", r(e.amount)]
 						})]
-					}, t))
-				})] })]
-			})
-		]
+					}),
+					/* @__PURE__ */ x("div", {
+						className: "space-y-3",
+						children: /* @__PURE__ */ x(h, {
+							entityType: "brainyrich-account",
+							entityId: i.id
+						})
+					})
+				]
+			}) : /* @__PURE__ */ x("div", {
+				className: "mt-6",
+				children: /* @__PURE__ */ x(l, {
+					title: "Account not found",
+					description: "This account is no longer available."
+				})
+			})]
+		})
 	});
 }
 //#endregion
-export { w as AccountsPage };
+export { q as AccountsPage };
 
 //# sourceMappingURL=AccountsPage.js.map