@burdenoff/microfe-brainyrich 2026.512.1 → 2026.705.1

package/dist/brainyrich/pages/AccountsPage.js

@@ -1,184 +1,714 @@
-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, 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";
 //#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 B = [
+	"BANK",
+	"BROKERAGE",
+	"RETIREMENT",
+	"CASH",
+	"CRYPTO",
+	"REAL_ESTATE",
+	"ALTERNATIVE",
+	"LIABILITY"
+], Ce = [
+	"BUY",
+	"SELL",
+	"DIVIDEND",
+	"INTEREST",
+	"DEPOSIT",
+	"WITHDRAWAL",
+	"FEE",
+	"TRANSFER"
+];
+function V(e) {
+	return e === "DEPOSIT" || e === "DIVIDEND" || e === "INTEREST" || e === "SELL" || e === "TRANSFER";
+}
+function H(e) {
+	if (e.trim() === "") return;
+	let t = Number(e);
+	return Number.isFinite(t) ? t : void 0;
+}
+var U = {
+	name: "",
+	type: "BANK",
+	institution: "",
+	currency: "USD",
+	cashBalance: "",
+	accountMask: ""
+}, we = {
+	type: "DEPOSIT",
+	tradeDate: "",
+	symbol: "",
+	quantity: "",
+	price: "",
+	amount: "",
+	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 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 Pe(e) {
+		B(e), W({
+			name: e.name,
+			type: e.type,
+			institution: e.institution ?? "",
+			currency: e.currency,
+			cashBalance: String(e.cashBalance ?? ""),
+			accountMask: e.accountMask ?? ""
+		});
+	}
+	function Fe() {
+		!L || !V.name.trim() || Z.mutate({
+			id: L.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
+			}
+		}, { onSuccess: () => B(null) });
+	}
+	function Ie() {
+		if (!G) return;
+		let e = G.id;
+		Q.mutate(e, { onSuccess: () => {
+			K(null), m === e && g(void 0);
+		} });
+	}
+	function Le() {
+		Y(we), q(!0);
+	}
+	function Re() {
+		if (!m || !J.tradeDate) return;
+		let e = new Date(J.tradeDate);
+		Number.isNaN(e.getTime()) || $.mutate({
+			accountId: m,
+			type: J.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) });
+	}
+	return /* @__PURE__ */ v(ne, {
+		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,
 		children: [
-			/* @__PURE__ */ l(t, { items: [
+			/* @__PURE__ */ _(s, { 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: l(Oe, je)
 				},
 				{
-					label: "Last Sync",
-					value: "2h ago",
-					trend: "Auto-sync enabled"
+					label: "Active",
+					value: `${ke}/${e.length}`
 				},
 				{
-					label: "Account Types",
-					value: String(new Set(w.map((e) => e.type)).size),
-					trend: "Diversified"
+					label: "Institutions",
+					value: String(Ae)
 				}
 			] }),
-			/* @__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__ */ v(se, { children: [/* @__PURE__ */ v(ue, { children: [/* @__PURE__ */ v(de, {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ _(ie, {
+					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, {
+					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__ */ v(b, {
+					size: "sm",
+					onClick: Me,
+					children: [/* @__PURE__ */ _(h, {
+						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__ */ _("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, {
+						className: "text-right",
+						children: "Cash balance"
+					}),
+					/* @__PURE__ */ _(z, { children: "Status" }),
+					/* @__PURE__ */ _(z, {
+						className: "w-12 text-right",
+						children: "Actions"
+					})
+				] }) }), /* @__PURE__ */ _(ye, { children: e.map((e) => /* @__PURE__ */ v(xe, {
+					className: "cursor-pointer",
+					onClick: () => g(e.id),
+					children: [
+						/* @__PURE__ */ _(R, { children: /* @__PURE__ */ v("div", {
+							className: "flex items-center gap-3",
+							children: [/* @__PURE__ */ _("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", {
+								className: "min-w-0",
+								children: [/* @__PURE__ */ _("p", {
+									className: "truncate font-medium text-text-primary",
+									children: e.name
+								}), /* @__PURE__ */ v("p", {
+									className: "truncate text-xs text-text-secondary",
+									children: [e.institution ?? "Manual account", e.accountMask ? ` · ••${e.accountMask}` : ""]
+								})]
+							})]
+						}) }),
+						/* @__PURE__ */ _(R, { children: /* @__PURE__ */ _(y, {
 							variant: "outline",
-							size: "sm",
-							children: /* @__PURE__ */ l(c, { className: "h-3 w-3" })
-						}), /* @__PURE__ */ l(f, {
+							children: e.type.replace(/_/g, " ")
+						}) }),
+						/* @__PURE__ */ _(R, {
+							className: "text-right font-semibold text-text-primary",
+							children: l(e.cashBalance, e.currency)
+						}),
+						/* @__PURE__ */ _(R, { children: /* @__PURE__ */ _(y, {
+							variant: u(e.status),
+							children: e.status
+						}) }),
+						/* @__PURE__ */ _(R, {
+							className: "text-right",
+							onClick: (e) => e.stopPropagation(),
+							children: /* @__PURE__ */ v(pe, { children: [/* @__PURE__ */ _(ge, {
+								asChild: !0,
+								children: /* @__PURE__ */ _(b, {
+									variant: "ghost",
+									size: "sm",
+									"aria-label": `Actions for ${e.name}`,
+									children: /* @__PURE__ */ _(ae, {
+										className: "size-4",
+										"aria-hidden": "true"
+									})
+								})
+							}), /* @__PURE__ */ v(me, {
+								align: "end",
+								children: [/* @__PURE__ */ v(he, {
+									onClick: () => Pe(e),
+									children: [/* @__PURE__ */ _(oe, {
+										className: "size-4",
+										"aria-hidden": "true"
+									}), "Edit"]
+								}), /* @__PURE__ */ v(he, {
+									className: "text-status-error-text",
+									onClick: () => K(e),
+									children: [/* @__PURE__ */ _(f, {
+										className: "size-4",
+										"aria-hidden": "true"
+									}), "Archive"]
+								})]
+							})] })
+						})
+					]
+				}, e.id)) })] })
+			}) })] }),
+			/* @__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__ */ v(w, { children: [/* @__PURE__ */ _(fe, {
+						asChild: !0,
+						children: /* @__PURE__ */ _(b, {
 							variant: "outline",
-							size: "sm",
-							children: /* @__PURE__ */ l(o, { className: "h-3 w-3" })
+							children: "Cancel"
+						})
+					}), /* @__PURE__ */ _(b, {
+						onClick: Ne,
+						disabled: !F.name.trim() || X.isPending,
+						children: X.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__ */ v(w, { children: [/* @__PURE__ */ _(b, {
+						variant: "outline",
+						onClick: () => B(null),
+						children: "Cancel"
+					}), /* @__PURE__ */ _(b, {
+						onClick: Fe,
+						disabled: !V.name.trim() || Z.isPending,
+						children: Z.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__ */ _(Ee, {
+				accountId: m,
+				onClose: () => g(void 0),
+				onRecordTransaction: Le
+			}),
+			/* @__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", {
+						className: "grid gap-4",
+						children: [
+							/* @__PURE__ */ v("div", {
+								className: "grid grid-cols-2 gap-4",
+								children: [/* @__PURE__ */ v("div", {
+									className: "space-y-2",
+									children: [/* @__PURE__ */ _(O, {
+										htmlFor: "tx-type",
+										children: "Type"
+									}), /* @__PURE__ */ v(_e, {
+										value: J.type,
+										onValueChange: (e) => Y((t) => ({
+											...t,
+											type: e
+										})),
+										children: [/* @__PURE__ */ _(j, {
+											id: "tx-type",
+											children: /* @__PURE__ */ _(M, {})
+										}), /* @__PURE__ */ _(k, { children: Ce.map((e) => /* @__PURE__ */ _(A, {
+											value: e,
+											children: e.replace(/_/g, " ")
+										}, e)) })]
+									})]
+								}), /* @__PURE__ */ v("div", {
+									className: "space-y-2",
+									children: [/* @__PURE__ */ _(O, {
+										htmlFor: "tx-date",
+										children: "Trade date"
+									}), /* @__PURE__ */ _(D, {
+										id: "tx-date",
+										type: "date",
+										value: J.tradeDate,
+										onChange: (e) => Y((t) => ({
+											...t,
+											tradeDate: e.target.value
+										}))
+									})]
+								})]
+							}),
+							/* @__PURE__ */ v("div", {
+								className: "grid grid-cols-2 gap-4",
+								children: [/* @__PURE__ */ v("div", {
+									className: "space-y-2",
+									children: [/* @__PURE__ */ _(O, {
+										htmlFor: "tx-symbol",
+										children: "Symbol"
+									}), /* @__PURE__ */ _(D, {
+										id: "tx-symbol",
+										value: J.symbol,
+										onChange: (e) => Y((t) => ({
+											...t,
+											symbol: e.target.value
+										})),
+										placeholder: "e.g. VOO"
+									})]
+								}), /* @__PURE__ */ v("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
+										}))
+									})]
+								})]
+							}),
+							/* @__PURE__ */ v("div", {
+								className: "grid grid-cols-3 gap-4",
+								children: [
+									/* @__PURE__ */ v("div", {
+										className: "space-y-2",
+										children: [/* @__PURE__ */ _(O, {
+											htmlFor: "tx-qty",
+											children: "Quantity"
+										}), /* @__PURE__ */ _(D, {
+											id: "tx-qty",
+											type: "number",
+											value: J.quantity,
+											onChange: (e) => Y((t) => ({
+												...t,
+												quantity: e.target.value
+											}))
+										})]
+									}),
+									/* @__PURE__ */ v("div", {
+										className: "space-y-2",
+										children: [/* @__PURE__ */ _(O, {
+											htmlFor: "tx-price",
+											children: "Price"
+										}), /* @__PURE__ */ _(D, {
+											id: "tx-price",
+											type: "number",
+											value: J.price,
+											onChange: (e) => Y((t) => ({
+												...t,
+												price: e.target.value
+											}))
+										})]
+									}),
+									/* @__PURE__ */ v("div", {
+										className: "space-y-2",
+										children: [/* @__PURE__ */ _(O, {
+											htmlFor: "tx-fee",
+											children: "Fee"
+										}), /* @__PURE__ */ _(D, {
+											id: "tx-fee",
+											type: "number",
+											value: J.fee,
+											onChange: (e) => Y((t) => ({
+												...t,
+												fee: e.target.value
+											}))
+										})]
+									})
+								]
+							}),
+							/* @__PURE__ */ v("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ _(O, {
+									htmlFor: "tx-notes",
+									children: "Notes"
+								}), /* @__PURE__ */ _(Se, {
+									id: "tx-notes",
+									value: J.notes,
+									onChange: (e) => Y((t) => ({
+										...t,
+										notes: e.target.value
+									})),
+									placeholder: "Optional note"
+								})]
+							})
+						]
+					}),
+					/* @__PURE__ */ v(w, { children: [/* @__PURE__ */ _(b, {
+						variant: "outline",
+						onClick: () => q(!1),
+						children: "Cancel"
+					}), /* @__PURE__ */ _(b, {
+						onClick: Re,
+						disabled: !J.tradeDate || $.isPending,
+						children: $.isPending ? "Saving…" : "Record transaction"
+					})] })
+				] })
+			})
+		]
+	});
+}
+function Te({ form: e, onChange: t }) {
+	return /* @__PURE__ */ v("div", {
+		className: "grid gap-4",
+		children: [
+			/* @__PURE__ */ v("div", {
+				className: "space-y-2",
+				children: [/* @__PURE__ */ _(O, {
+					htmlFor: "acct-name",
+					children: "Name"
+				}), /* @__PURE__ */ _(D, {
+					id: "acct-name",
+					value: e.name,
+					onChange: (e) => t((t) => ({
+						...t,
+						name: e.target.value
+					})),
+					placeholder: "e.g. Everyday Checking"
+				})]
+			}),
+			/* @__PURE__ */ v("div", {
+				className: "grid grid-cols-2 gap-4",
+				children: [/* @__PURE__ */ v("div", {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ _(O, {
+						htmlFor: "acct-type",
+						children: "Type"
+					}), /* @__PURE__ */ v(_e, {
+						value: e.type,
+						onValueChange: (e) => t((t) => ({
+							...t,
+							type: e
+						})),
+						children: [/* @__PURE__ */ _(j, {
+							id: "acct-type",
+							children: /* @__PURE__ */ _(M, {})
+						}), /* @__PURE__ */ _(k, { children: B.map((e) => /* @__PURE__ */ _(A, {
+							value: e,
+							children: e.replace(/_/g, " ")
+						}, e)) })]
+					})]
+				}), /* @__PURE__ */ v("div", {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ _(O, {
+						htmlFor: "acct-currency",
+						children: "Currency"
+					}), /* @__PURE__ */ _(D, {
+						id: "acct-currency",
+						value: e.currency,
+						onChange: (e) => t((t) => ({
+							...t,
+							currency: e.target.value.toUpperCase()
+						})),
+						placeholder: "USD"
+					})]
+				})]
+			}),
+			/* @__PURE__ */ v("div", {
+				className: "space-y-2",
+				children: [/* @__PURE__ */ _(O, {
+					htmlFor: "acct-institution",
+					children: "Institution"
+				}), /* @__PURE__ */ _(D, {
+					id: "acct-institution",
+					value: e.institution,
+					onChange: (e) => t((t) => ({
+						...t,
+						institution: e.target.value
+					})),
+					placeholder: "e.g. Chase"
+				})]
+			}),
+			/* @__PURE__ */ v("div", {
+				className: "grid grid-cols-2 gap-4",
+				children: [/* @__PURE__ */ v("div", {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ _(O, {
+						htmlFor: "acct-balance",
+						children: "Cash balance"
+					}), /* @__PURE__ */ _(D, {
+						id: "acct-balance",
+						type: "number",
+						value: e.cashBalance,
+						onChange: (e) => t((t) => ({
+							...t,
+							cashBalance: e.target.value
+						}))
+					})]
+				}), /* @__PURE__ */ v("div", {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ _(O, {
+						htmlFor: "acct-mask",
+						children: "Account mask"
+					}), /* @__PURE__ */ _(D, {
+						id: "acct-mask",
+						value: e.accountMask,
+						onChange: (e) => t((t) => ({
+							...t,
+							accountMask: e.target.value
+						})),
+						placeholder: "Last 4 digits"
+					})]
+				})]
+			})
+		]
+	});
+}
+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, {
+		open: !!t,
+		onOpenChange: (e) => !e && n(),
+		children: /* @__PURE__ */ v(P, {
+			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", {
+				className: "mt-6",
+				children: /* @__PURE__ */ _(c, { rows: 3 })
+			}) : s ? /* @__PURE__ */ _("div", {
+				className: "mt-6",
+				children: /* @__PURE__ */ _(o, { onRetry: () => ne() })
+			}) : i ? /* @__PURE__ */ v("div", {
+				className: "mt-6 space-y-6",
+				children: [
+					/* @__PURE__ */ v("div", {
+						className: "grid grid-cols-2 gap-4",
+						children: [/* @__PURE__ */ v("div", {
+							className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
+							children: [/* @__PURE__ */ _("p", {
+								className: "text-xs text-text-secondary",
+								children: "Cash balance"
+							}), /* @__PURE__ */ _("p", {
+								className: "text-xl font-semibold text-text-primary",
+								children: l(i.cashBalance, i.currency)
+							})]
+						}), /* @__PURE__ */ v("div", {
+							className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
+							children: [/* @__PURE__ */ _("p", {
+								className: "text-xs text-text-secondary",
+								children: "Status"
+							}), /* @__PURE__ */ _(y, {
+								variant: u(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__ */ v("div", {
+						className: "space-y-3",
+						children: [/* @__PURE__ */ _("h3", {
+							className: "text-sm font-semibold text-text-primary",
+							children: "Holdings"
+						}), i.holdings.length === 0 ? /* @__PURE__ */ _(a, {
+							title: "No holdings",
+							description: "This account has no positions recorded yet."
+						}) : /* @__PURE__ */ _("div", {
+							className: "space-y-2",
+							children: i.holdings.map((e) => /* @__PURE__ */ v("div", {
+								className: "flex items-center justify-between rounded-lg border border-border-subtle bg-bg-surface p-3",
+								children: [/* @__PURE__ */ v("div", {
+									className: "min-w-0",
+									children: [/* @__PURE__ */ _("p", {
+										className: "truncate text-sm font-medium text-text-primary",
+										children: e.symbol
+									}), e.name ? /* @__PURE__ */ _("p", {
+										className: "truncate text-xs text-text-secondary",
+										children: e.name
+									}) : null]
+								}), /* @__PURE__ */ _("span", {
+									className: "text-sm font-semibold text-text-primary",
+									children: l(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__ */ v("div", {
+						className: "space-y-3",
+						children: [/* @__PURE__ */ v("div", {
+							className: "flex items-center justify-between",
+							children: [/* @__PURE__ */ _("h3", {
+								className: "text-sm font-semibold text-text-primary",
+								children: "Recent transactions"
+							}), /* @__PURE__ */ v(b, {
+								size: "sm",
+								variant: "outline",
+								onClick: r,
+								children: [/* @__PURE__ */ _(g, {
+									className: "size-4",
+									"aria-hidden": "true"
+								}), "Record"]
 							})]
-						}, 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)]
+						}), d.isLoading ? /* @__PURE__ */ _(c, { rows: 2 }) : d.isError ? /* @__PURE__ */ _(o, { onRetry: () => d.refetch() }) : f.length === 0 ? /* @__PURE__ */ _(a, {
+							icon: /* @__PURE__ */ _(g, {
+								className: "size-6",
+								"aria-hidden": "true"
+							}),
+							title: "No transactions",
+							description: "Record a transaction to see activity here.",
+							action: /* @__PURE__ */ v(b, {
+								size: "sm",
+								onClick: r,
+								children: [/* @__PURE__ */ _(h, {
+									className: "size-4",
+									"aria-hidden": "true"
+								}), "Record transaction"]
+							})
+						}) : /* @__PURE__ */ _("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", {
+									className: "flex items-center justify-between rounded-lg border border-border-subtle bg-bg-surface p-3",
+									children: [/* @__PURE__ */ v("div", {
+										className: "min-w-0",
+										children: [/* @__PURE__ */ v("div", {
+											className: "flex items-center gap-2",
+											children: [/* @__PURE__ */ _(y, {
+												variant: "outline",
+												children: e.type.replace(/_/g, " ")
+											}), e.symbol ? /* @__PURE__ */ _("span", {
+												className: "truncate text-xs text-text-secondary",
+												children: e.symbol
+											}) : null]
+										}), /* @__PURE__ */ _("p", {
+											className: "mt-1 text-xs text-text-secondary",
+											children: re(e.tradeDate)
+										})]
+									}), /* @__PURE__ */ v("span", {
+										className: `inline-flex items-center gap-1 text-sm font-semibold ${r}`,
+										children: [
+											/* @__PURE__ */ _(n, {
+												className: "size-4",
+												"aria-hidden": "true"
+											}),
+											t ? "+" : "−",
+											l(Math.abs(e.amount), e.currency)
+										]
+									})]
+								}, e.id);
+							})
 						})]
-					}, t))
-				})] })]
-			})
-		]
+					})
+				]
+			}) : /* @__PURE__ */ _("div", {
+				className: "mt-6",
+				children: /* @__PURE__ */ _(a, {
+					title: "Account not found",
+					description: "This account is no longer available."
+				})
+			})]
+		})
 	});
 }
 //#endregion
-export { w as AccountsPage };
+export { W as AccountsPage };
 
 //# sourceMappingURL=AccountsPage.js.map