@burdenoff/microfe-brainyrich 2026.706.1 → 2026.706.2

package/dist/brainyrich/pages/FamilyPage.js

@@ -1,38 +1,44 @@
 import { tWithFallback as e } from "../utils/i18n.js";
 import { useAccounts as t, useArchiveHousehold as n, useCreateHousehold as r, useGoals as i, useHousehold as a, usePagedHouseholds as o, usePortfolios as s, useUpdateHousehold as c } from "../hooks/useBrainyRichApi.js";
-import { LoadMore as l } from "../components/LoadMore.js";
-import { ConfirmDialog as u } from "../components/ConfirmDialog.js";
-import { ActorName as d } from "../components/ActorName.js";
+import { LoadMore as ee } from "../components/LoadMore.js";
+import { ConfirmDialog as te } from "../components/ConfirmDialog.js";
+import { ActorName as l } from "../components/ActorName.js";
+import { DonutChart as u, FadeIn as d, GlassCard as f, StatTile as p } from "../components/viz.js";
 import "../components/index.js";
-import { EmptyState as f, ErrorState as p, KpiGrid as m, LoadingState as h, SectionShell as g, formatDate as _, formatMoney as v, statusBadgeVariant as ee } from "./_shared.js";
-import { DocumentsPanel as y } from "../components/reuse/DocumentsPanel.js";
-import { TagField as b } from "../components/reuse/TagField.js";
-import { CommentThread as x } from "../components/reuse/CommentThread.js";
-import { useMemo as S, useState as C } from "react";
-import { Archive as te, Briefcase as w, Eye as ne, Mail as re, MoreHorizontal as ie, Pencil as T, Target as E, Users as D, Wallet as O } from "lucide-react";
-import { useI18n as ae } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { jsx as k, jsxs as A } from "react/jsx-runtime";
-import { Badge as j, Button as M, Card as oe, CardContent as se, Dialog as N, DialogClose as P, DialogContent as F, DialogDescription as I, DialogFooter as L, DialogHeader as R, DialogTitle as z, DropdownMenu as ce, DropdownMenuContent as le, DropdownMenuItem as B, DropdownMenuSeparator as ue, DropdownMenuTrigger as de, Input as V, Label as H, Select as U, SelectContent as W, SelectItem as G, SelectTrigger as K, SelectValue as q, Sheet as J, SheetContent as Y, SheetDescription as fe, SheetHeader as pe, SheetTitle as me, Table as he, TableBody as ge, TableCell as X, TableHead as Z, TableHeader as _e, TableRow as ve, Textarea as ye } from "@burdenoff/fe-libs/ui";
+import { EmptyState as m, ErrorState as ne, LoadingState as re, SectionShell as ie, formatCompact as h, formatDate as g, formatMoney as _, statusBadgeVariant as v } from "./_shared.js";
+import { DocumentsPanel as ae } from "../components/reuse/DocumentsPanel.js";
+import { TagField as y } from "../components/reuse/TagField.js";
+import { CommentThread as b } from "../components/reuse/CommentThread.js";
+import { useMemo as oe, useState as x } from "react";
+import { Archive as S, Briefcase as C, Building2 as w, Eye as T, Mail as se, MoreHorizontal as ce, Pencil as le, Target as E, TrendingUp as D, UserCircle2 as ue, Users as O, Wallet as k } from "lucide-react";
+import { useI18n as de } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { jsx as A, jsxs as j } from "react/jsx-runtime";
+import { Badge as M, Button as N, Card as P, CardContent as F, Dialog as I, DialogClose as L, DialogContent as fe, DialogDescription as R, DialogFooter as z, DialogHeader as B, DialogTitle as pe, DropdownMenu as me, DropdownMenuContent as he, DropdownMenuItem as V, DropdownMenuSeparator as ge, DropdownMenuTrigger as _e, Input as H, Label as U, Select as W, SelectContent as G, SelectItem as K, SelectTrigger as q, SelectValue as J, Separator as ve, Sheet as ye, SheetContent as be, SheetDescription as xe, SheetHeader as Se, SheetTitle as Ce, Table as we, TableBody as Te, TableCell as Y, TableHead as X, TableHeader as Ee, TableRow as De, Tabs as Oe, TabsContent as Z, TabsList as ke, TabsTrigger as Q, Textarea as Ae } from "@burdenoff/fe-libs/ui";
 //#region src/brainyrich/pages/FamilyPage.tsx
-var be = [
+var je = [
 	"PROSPECT",
 	"ONBOARDING",
 	"ACTIVE",
 	"INACTIVE"
-], xe = [
+], Me = [
 	"CONSERVATIVE",
 	"MODERATE",
 	"BALANCED",
 	"GROWTH",
 	"AGGRESSIVE"
-], Se = [
+], Ne = [
 	"USD",
 	"EUR",
 	"GBP",
 	"INR",
 	"AED",
 	"SGD"
-], Ce = {
+], Pe = {
+	ACTIVE: "brand",
+	ONBOARDING: "info",
+	PROSPECT: "warning",
+	INACTIVE: "neutral"
+}, Fe = {
 	name: "",
 	status: "PROSPECT",
 	riskProfile: "BALANCED",
@@ -43,17 +49,21 @@ var be = [
 	notes: "",
 	tags: ""
 };
-function we(e) {
+function Ie(e) {
 	return e.split(",").map((e) => e.trim()).filter(Boolean);
 }
-function Te() {
-	let { t } = ae(), i = (n, r, i) => e(t, n, r, i), { items: a, hasMore: s, loadMore: d, isLoading: _, isFetchingNextPage: y, isError: b, refetch: x } = o(), w = r(), E = c(), O = n(), [N, P] = C(!1), [F, I] = C(null), [L, R] = C(Ce), [z, V] = C(void 0), [H, U] = C(null), W = (e, t) => R((n) => ({
+function Le(e) {
+	let t = (e.holdings ?? []).reduce((e, t) => e + (Number.isFinite(t.marketValue) ? t.marketValue : 0), 0);
+	return (Number.isFinite(e.cashBalance) ? e.cashBalance : 0) + t;
+}
+function Re() {
+	let { t } = de(), i = (n, r, i) => e(t, n, r, i), { items: a, hasMore: s, loadMore: u, isLoading: f, isFetchingNextPage: h, isError: g, refetch: ae } = o(), y = r(), b = c(), C = n(), [w, E] = x(!1), [D, k] = x(null), [I, L] = x(Fe), [fe, R] = x(void 0), [z, B] = x(null), pe = (e, t) => L((n) => ({
 		...n,
 		[e]: t
-	})), G = () => {
-		I(null), R(Ce), P(!0);
-	}, K = (e) => {
-		I(e), R({
+	})), H = () => {
+		k(null), L(Fe), E(!0);
+	}, U = (e) => {
+		k(e), L({
 			name: e.name,
 			status: e.status,
 			riskProfile: e.riskProfile,
@@ -63,250 +73,448 @@ function Te() {
 			primaryContactEmail: e.primaryContactEmail ?? "",
 			notes: e.notes ?? "",
 			tags: e.tags.join(", ")
-		}), P(!0);
-	}, q = S(() => ({
-		total: a.length,
-		active: a.filter((e) => e.status === "ACTIVE").length,
-		pipeline: a.filter((e) => e.status === "PROSPECT" || e.status === "ONBOARDING").length,
-		aum: a.reduce((e, t) => e + (Number.isFinite(t.aum) ? t.aum : 0), 0),
-		currency: a[0]?.currency ?? "USD"
-	}), [a]), J = w.isPending || E.isPending, Y = L.name.trim().length > 0 && !J;
-	return /* @__PURE__ */ A(g, {
+		}), E(!0);
+	}, W = oe(() => {
+		let e = a[0]?.currency ?? "USD", t = a.length, n = a.filter((e) => e.status === "ACTIVE").length, r = a.filter((e) => e.status === "PROSPECT").length, i = a.filter((e) => e.status === "ONBOARDING").length, o = a.reduce((e, t) => e + (Number.isFinite(t.aum) ? t.aum : 0), 0), s = /* @__PURE__ */ new Map();
+		for (let e of a) {
+			let t = e.advisorId?.trim() || "";
+			s.set(t, (s.get(t) ?? 0) + (Number.isFinite(e.aum) ? e.aum : 0));
+		}
+		let c = Array.from(s.entries()).map(([e, t]) => ({
+			advisorId: e,
+			value: t
+		})).sort((e, t) => t.value - e.value);
+		return {
+			currency: e,
+			total: t,
+			active: n,
+			prospects: r,
+			onboarding: i,
+			aum: o,
+			advisors: c,
+			advisorCount: c.filter((e) => e.advisorId).length,
+			advisorMax: c.reduce((e, t) => Math.max(e, t.value), 0),
+			statusMix: je.map((e) => ({
+				label: e.charAt(0) + e.slice(1).toLowerCase(),
+				value: a.filter((t) => t.status === e).length,
+				tone: Pe[e]
+			})).filter((e) => e.value > 0)
+		};
+	}, [a]), G = y.isPending || b.isPending, K = I.name.trim().length > 0 && !G, q = () => {
+		if (K) if (D) {
+			let e = {
+				name: I.name.trim(),
+				status: I.status,
+				riskProfile: I.riskProfile,
+				currency: I.currency,
+				primaryContactName: I.primaryContactName.trim() || null,
+				primaryContactEmail: I.primaryContactEmail.trim() || null,
+				notes: I.notes.trim() || null,
+				tags: Ie(I.tags)
+			};
+			b.mutate({
+				id: D.id,
+				input: e
+			}, { onSuccess: () => E(!1) });
+		} else {
+			let e = {
+				name: I.name.trim(),
+				status: I.status,
+				riskProfile: I.riskProfile,
+				currency: I.currency,
+				primaryContactName: I.primaryContactName.trim() || null,
+				primaryContactEmail: I.primaryContactEmail.trim() || null,
+				notes: I.notes.trim() || null,
+				tags: Ie(I.tags)
+			};
+			I.advisorId.trim() && (e.advisorId = I.advisorId.trim()), y.mutate(e, { onSuccess: () => E(!1) });
+		}
+	}, J = !f && !g && a.length > 0;
+	return /* @__PURE__ */ j(ie, {
 		title: i("brainyrich.households.title", "Households"),
 		description: i("brainyrich.households.description", "Client households and family units under advisement"),
 		badges: a.length ? [i("brainyrich.households.count", "{count} households", { count: a.length })] : [],
 		actionLabel: i("brainyrich.households.new", "New household"),
-		onAction: G,
+		onAction: H,
 		children: [
-			/* @__PURE__ */ k(m, { items: [
-				{
-					label: i("brainyrich.households.kpi.total", "Households"),
-					value: String(q.total)
-				},
-				{
-					label: i("brainyrich.households.kpi.active", "Active"),
-					value: String(q.active)
-				},
-				{
-					label: i("brainyrich.households.kpi.pipeline", "In pipeline"),
-					value: String(q.pipeline),
-					trend: i("brainyrich.households.kpi.pipelineHint", "Prospect + onboarding")
-				},
-				{
-					label: i("brainyrich.households.kpi.aum", "Total AUM"),
-					value: v(q.aum, q.currency)
-				}
-			] }),
-			_ ? /* @__PURE__ */ k(h, { rows: 5 }) : b ? /* @__PURE__ */ k(p, {
+			J ? /* @__PURE__ */ A(ze, {
+				firm: W,
+				tr: i
+			}) : /* @__PURE__ */ j("div", {
+				className: "grid gap-4 md:grid-cols-2 xl:grid-cols-4",
+				children: [
+					/* @__PURE__ */ A(p, {
+						label: i("brainyrich.households.kpi.aum", "Total AUM"),
+						value: "—",
+						glow: !0
+					}),
+					/* @__PURE__ */ A(p, {
+						label: i("brainyrich.households.kpi.total", "Households"),
+						value: "—"
+					}),
+					/* @__PURE__ */ A(p, {
+						label: i("brainyrich.households.kpi.active", "Active"),
+						value: "—"
+					}),
+					/* @__PURE__ */ A(p, {
+						label: i("brainyrich.households.kpi.prospects", "Prospects"),
+						value: "—"
+					})
+				]
+			}),
+			f ? /* @__PURE__ */ A(re, { rows: 5 }) : g ? /* @__PURE__ */ A(ne, {
 				title: i("brainyrich.households.error.title", "Could not load households"),
-				onRetry: () => x()
-			}) : a.length === 0 ? /* @__PURE__ */ k(f, {
-				icon: /* @__PURE__ */ k(D, {
+				onRetry: () => ae()
+			}) : a.length === 0 ? /* @__PURE__ */ A(m, {
+				icon: /* @__PURE__ */ A(O, {
 					className: "size-6",
 					"aria-hidden": "true"
 				}),
 				title: i("brainyrich.households.empty.title", "No households yet"),
 				description: i("brainyrich.households.empty.description", "Create your first client household to start organizing accounts, portfolios and goals."),
-				action: /* @__PURE__ */ k(M, {
+				action: /* @__PURE__ */ A(N, {
 					size: "sm",
-					onClick: G,
+					onClick: H,
 					children: i("brainyrich.households.new", "New household")
 				})
-			}) : /* @__PURE__ */ k(oe, { children: /* @__PURE__ */ k(se, {
-				className: "p-0",
-				children: /* @__PURE__ */ k("div", {
-					className: "overflow-x-auto",
-					children: /* @__PURE__ */ A(he, { children: [/* @__PURE__ */ k(_e, { children: /* @__PURE__ */ A(ve, { children: [
-						/* @__PURE__ */ k(Z, { children: i("brainyrich.households.col.name", "Household") }),
-						/* @__PURE__ */ k(Z, { children: i("brainyrich.households.col.status", "Status") }),
-						/* @__PURE__ */ k(Z, { children: i("brainyrich.households.col.risk", "Risk profile") }),
-						/* @__PURE__ */ k(Z, { children: i("brainyrich.households.col.contact", "Primary contact") }),
-						/* @__PURE__ */ k(Z, {
-							className: "text-right",
-							children: i("brainyrich.households.col.aum", "AUM")
-						}),
-						/* @__PURE__ */ k(Z, {
-							className: "w-12 text-right",
-							children: /* @__PURE__ */ k("span", {
-								className: "sr-only",
-								children: i("brainyrich.households.col.actions", "Actions")
-							})
-						})
-					] }) }), /* @__PURE__ */ k(ge, { children: a.map((e) => /* @__PURE__ */ A(ve, { children: [
-						/* @__PURE__ */ A(X, { children: [/* @__PURE__ */ k("button", {
-							type: "button",
-							className: "text-left font-medium text-text-primary hover:underline",
-							onClick: () => V(e.id),
-							children: e.name
-						}), e.tags.length > 0 ? /* @__PURE__ */ k("div", {
-							className: "mt-1 flex flex-wrap gap-1",
-							children: e.tags.map((e) => /* @__PURE__ */ k(j, {
-								variant: "outline",
-								className: "text-xs",
-								children: e
-							}, e))
-						}) : null] }),
-						/* @__PURE__ */ k(X, { children: /* @__PURE__ */ k(j, {
-							variant: ee(e.status),
-							children: e.status
-						}) }),
-						/* @__PURE__ */ k(X, { children: /* @__PURE__ */ k(j, {
-							variant: "secondary",
-							children: e.riskProfile
-						}) }),
-						/* @__PURE__ */ k(X, { children: e.primaryContactName ? /* @__PURE__ */ A("div", {
-							className: "space-y-0.5",
-							children: [/* @__PURE__ */ k("p", {
-								className: "text-sm text-text-primary",
-								children: e.primaryContactName
-							}), e.primaryContactEmail ? /* @__PURE__ */ A("p", {
-								className: "flex items-center gap-1 text-xs text-text-secondary",
-								children: [/* @__PURE__ */ k(re, {
-									className: "size-3",
-									"aria-hidden": "true"
-								}), e.primaryContactEmail]
-							}) : null]
-						}) : /* @__PURE__ */ k("span", {
-							className: "text-sm text-text-muted",
-							children: "—"
-						}) }),
-						/* @__PURE__ */ k(X, {
-							className: "text-right font-medium text-text-primary",
-							children: v(e.aum, e.currency)
-						}),
-						/* @__PURE__ */ k(X, {
-							className: "text-right",
-							children: /* @__PURE__ */ A(ce, { children: [/* @__PURE__ */ k(de, {
-								asChild: !0,
-								children: /* @__PURE__ */ k(M, {
-									variant: "ghost",
-									size: "icon",
-									"aria-label": i("brainyrich.households.rowMenu", "Household actions"),
-									children: /* @__PURE__ */ k(ie, {
-										className: "size-4",
-										"aria-hidden": "true"
-									})
-								})
-							}), /* @__PURE__ */ A(le, {
-								align: "end",
+			}) : /* @__PURE__ */ A(d, {
+				as: "section",
+				children: /* @__PURE__ */ A(P, {
+					className: "overflow-hidden",
+					children: /* @__PURE__ */ A(F, {
+						className: "p-0",
+						children: /* @__PURE__ */ A("div", {
+							className: "overflow-x-auto",
+							children: /* @__PURE__ */ j(we, { children: [/* @__PURE__ */ A(Ee, { children: /* @__PURE__ */ j(De, {
+								className: "hover:bg-transparent",
 								children: [
-									/* @__PURE__ */ A(B, {
-										onClick: () => V(e.id),
-										children: [/* @__PURE__ */ k(ne, {
-											className: "size-4",
-											"aria-hidden": "true"
-										}), i("brainyrich.households.action.view", "View details")]
+									/* @__PURE__ */ A(X, { children: i("brainyrich.households.col.name", "Household") }),
+									/* @__PURE__ */ A(X, { children: i("brainyrich.households.col.status", "Status") }),
+									/* @__PURE__ */ A(X, {
+										className: "hidden md:table-cell",
+										children: i("brainyrich.households.col.risk", "Risk profile")
 									}),
-									/* @__PURE__ */ A(B, {
-										onClick: () => K(e),
-										children: [/* @__PURE__ */ k(T, {
-											className: "size-4",
-											"aria-hidden": "true"
-										}), i("brainyrich.households.action.edit", "Edit")]
+									/* @__PURE__ */ A(X, {
+										className: "hidden lg:table-cell",
+										children: i("brainyrich.households.col.contact", "Primary contact")
 									}),
-									/* @__PURE__ */ k(ue, {}),
-									/* @__PURE__ */ A(B, {
-										className: "text-status-error-text focus:text-status-error-text",
-										onClick: () => U(e),
-										children: [/* @__PURE__ */ k(te, {
-											className: "size-4",
-											"aria-hidden": "true"
-										}), i("brainyrich.households.action.archive", "Archive")]
+									/* @__PURE__ */ A(X, {
+										className: "hidden sm:table-cell",
+										children: i("brainyrich.households.col.advisor", "Advisor")
+									}),
+									/* @__PURE__ */ A(X, {
+										className: "text-right",
+										children: i("brainyrich.households.col.aum", "AUM")
+									}),
+									/* @__PURE__ */ A(X, {
+										className: "w-12 text-right",
+										children: /* @__PURE__ */ A("span", {
+											className: "sr-only",
+											children: i("brainyrich.households.col.actions", "Actions")
+										})
 									})
 								]
-							})] })
+							}) }), /* @__PURE__ */ A(Te, { children: a.map((e) => {
+								let t = W.aum > 0 ? Math.min(100, e.aum / W.aum * 100) : 0;
+								return /* @__PURE__ */ j(De, {
+									className: "group cursor-pointer transition-colors",
+									onClick: () => R(e.id),
+									children: [
+										/* @__PURE__ */ j(Y, { children: [/* @__PURE__ */ A("span", {
+											className: "font-medium text-text-primary transition-colors group-hover:text-[var(--color-action-primary-text)]",
+											children: e.name
+										}), e.tags.length > 0 ? /* @__PURE__ */ j("div", {
+											className: "mt-1 flex flex-wrap gap-1",
+											children: [e.tags.slice(0, 3).map((e) => /* @__PURE__ */ A(M, {
+												variant: "outline",
+												className: "text-xs",
+												children: e
+											}, e)), e.tags.length > 3 ? /* @__PURE__ */ j(M, {
+												variant: "outline",
+												className: "text-xs",
+												children: ["+", e.tags.length - 3]
+											}) : null]
+										}) : null] }),
+										/* @__PURE__ */ A(Y, { children: /* @__PURE__ */ A(M, {
+											variant: v(e.status),
+											children: e.status
+										}) }),
+										/* @__PURE__ */ A(Y, {
+											className: "hidden md:table-cell",
+											children: /* @__PURE__ */ A(M, {
+												variant: "secondary",
+												children: e.riskProfile
+											})
+										}),
+										/* @__PURE__ */ A(Y, {
+											className: "hidden lg:table-cell",
+											children: e.primaryContactName ? /* @__PURE__ */ j("div", {
+												className: "space-y-0.5",
+												children: [/* @__PURE__ */ A("p", {
+													className: "text-sm text-text-primary",
+													children: e.primaryContactName
+												}), e.primaryContactEmail ? /* @__PURE__ */ j("p", {
+													className: "flex items-center gap-1 text-xs text-text-secondary",
+													children: [/* @__PURE__ */ A(se, {
+														className: "size-3",
+														"aria-hidden": "true"
+													}), e.primaryContactEmail]
+												}) : null]
+											}) : /* @__PURE__ */ A("span", {
+												className: "text-sm text-text-muted",
+												children: "—"
+											})
+										}),
+										/* @__PURE__ */ A(Y, {
+											className: "hidden sm:table-cell",
+											children: e.advisorId ? /* @__PURE__ */ j("span", {
+												className: "flex items-center gap-1.5 text-sm text-text-secondary",
+												children: [/* @__PURE__ */ A(ue, {
+													className: "size-3.5",
+													"aria-hidden": "true"
+												}), /* @__PURE__ */ A(l, { id: e.advisorId })]
+											}) : /* @__PURE__ */ A("span", {
+												className: "text-sm text-text-muted",
+												children: i("brainyrich.common.unassigned", "Unassigned")
+											})
+										}),
+										/* @__PURE__ */ A(Y, {
+											className: "text-right",
+											children: /* @__PURE__ */ j("div", {
+												className: "flex flex-col items-end gap-1",
+												children: [/* @__PURE__ */ A("span", {
+													className: "font-medium tabular-nums text-text-primary",
+													children: _(e.aum, e.currency)
+												}), /* @__PURE__ */ A("span", {
+													className: "h-1 w-16 overflow-hidden rounded-full bg-bg-sunken",
+													"aria-hidden": "true",
+													children: /* @__PURE__ */ A("span", {
+														className: "block h-full rounded-full bg-[var(--color-action-primary-bg)]",
+														style: { width: `${t}%` }
+													})
+												})]
+											})
+										}),
+										/* @__PURE__ */ A(Y, {
+											className: "text-right",
+											onClick: (e) => e.stopPropagation(),
+											children: /* @__PURE__ */ j(me, { children: [/* @__PURE__ */ A(_e, {
+												asChild: !0,
+												children: /* @__PURE__ */ A(N, {
+													variant: "ghost",
+													size: "icon",
+													"aria-label": i("brainyrich.households.rowMenu", "Household actions"),
+													children: /* @__PURE__ */ A(ce, {
+														className: "size-4",
+														"aria-hidden": "true"
+													})
+												})
+											}), /* @__PURE__ */ j(he, {
+												align: "end",
+												children: [
+													/* @__PURE__ */ j(V, {
+														onClick: () => R(e.id),
+														children: [/* @__PURE__ */ A(T, {
+															className: "size-4",
+															"aria-hidden": "true"
+														}), i("brainyrich.households.action.view", "View details")]
+													}),
+													/* @__PURE__ */ j(V, {
+														onClick: () => U(e),
+														children: [/* @__PURE__ */ A(le, {
+															className: "size-4",
+															"aria-hidden": "true"
+														}), i("brainyrich.households.action.edit", "Edit")]
+													}),
+													/* @__PURE__ */ A(ge, {}),
+													/* @__PURE__ */ j(V, {
+														className: "text-status-error-text focus:text-status-error-text",
+														onClick: () => B(e),
+														children: [/* @__PURE__ */ A(S, {
+															className: "size-4",
+															"aria-hidden": "true"
+														}), i("brainyrich.households.action.archive", "Archive")]
+													})
+												]
+											})] })
+										})
+									]
+								}, e.id);
+							}) })] })
 						})
-					] }, e.id)) })] })
+					})
 				})
-			}) }),
-			!_ && !b && a.length > 0 ? /* @__PURE__ */ k(l, {
+			}),
+			!f && !g && a.length > 0 ? /* @__PURE__ */ A(ee, {
 				hasMore: s,
-				onClick: d,
-				loading: y,
+				onClick: u,
+				loading: h,
 				label: i("brainyrich.households.loadMore", "Load more households")
 			}) : null,
-			/* @__PURE__ */ k(Ee, {
-				open: N,
-				onOpenChange: P,
-				editing: F,
-				form: L,
-				setField: W,
-				onSubmit: () => {
-					if (Y) if (F) {
-						let e = {
-							name: L.name.trim(),
-							status: L.status,
-							riskProfile: L.riskProfile,
-							currency: L.currency,
-							primaryContactName: L.primaryContactName.trim() || null,
-							primaryContactEmail: L.primaryContactEmail.trim() || null,
-							notes: L.notes.trim() || null,
-							tags: we(L.tags)
-						};
-						E.mutate({
-							id: F.id,
-							input: e
-						}, { onSuccess: () => P(!1) });
-					} else {
-						let e = {
-							name: L.name.trim(),
-							status: L.status,
-							riskProfile: L.riskProfile,
-							currency: L.currency,
-							primaryContactName: L.primaryContactName.trim() || null,
-							primaryContactEmail: L.primaryContactEmail.trim() || null,
-							notes: L.notes.trim() || null,
-							tags: we(L.tags)
-						};
-						L.advisorId.trim() && (e.advisorId = L.advisorId.trim()), w.mutate(e, { onSuccess: () => P(!1) });
-					}
-				},
-				canSubmit: Y,
-				submitting: J,
+			/* @__PURE__ */ A(Be, {
+				open: w,
+				onOpenChange: E,
+				editing: D,
+				form: I,
+				setField: pe,
+				onSubmit: q,
+				canSubmit: K,
+				submitting: G,
 				tr: i
 			}),
-			/* @__PURE__ */ k(De, {
-				householdId: z,
-				onClose: () => V(void 0),
+			/* @__PURE__ */ A(Ve, {
+				householdId: fe,
+				onClose: () => R(void 0),
 				onEdit: (e) => {
-					V(void 0), K(e);
+					R(void 0), U(e);
 				},
 				tr: i
 			}),
-			/* @__PURE__ */ k(u, {
-				open: !!H,
-				onOpenChange: (e) => e ? void 0 : U(null),
+			/* @__PURE__ */ A(te, {
+				open: !!z,
+				onOpenChange: (e) => e ? void 0 : B(null),
 				title: i("brainyrich.households.archive.title", "Archive household?"),
-				description: i("brainyrich.households.archive.description", "Archiving “{name}” removes it from the active list. You can still access its records, but it will no longer appear here.", { name: H?.name ?? "" }),
+				description: i("brainyrich.households.archive.description", "Archiving “{name}” removes it from the active list. You can still access its records, but it will no longer appear here.", { name: z?.name ?? "" }),
 				confirmLabel: i("brainyrich.households.action.archive", "Archive"),
 				pendingLabel: i("brainyrich.households.archive.pending", "Archiving…"),
 				destructive: !0,
-				pending: O.isPending,
+				pending: C.isPending,
 				onConfirm: () => {
-					H && O.mutate(H.id, { onSuccess: () => U(null) });
+					z && C.mutate(z.id, { onSuccess: () => B(null) });
 				}
 			})
 		]
 	});
 }
-function Ee({ open: e, onOpenChange: t, editing: n, form: r, setField: i, onSubmit: a, canSubmit: o, submitting: s, tr: c }) {
-	return /* @__PURE__ */ k(N, {
+function ze({ firm: e, tr: t }) {
+	return /* @__PURE__ */ j(d, {
+		as: "section",
+		className: "space-y-4",
+		children: [/* @__PURE__ */ j("div", {
+			className: "grid gap-4 md:grid-cols-2 xl:grid-cols-4",
+			children: [
+				/* @__PURE__ */ A(p, {
+					label: t("brainyrich.households.kpi.aum", "Total AUM"),
+					value: _(e.aum, e.currency),
+					glow: !0,
+					icon: /* @__PURE__ */ A(k, {
+						className: "size-4",
+						"aria-hidden": "true"
+					})
+				}),
+				/* @__PURE__ */ A(p, {
+					label: t("brainyrich.households.kpi.total", "Households"),
+					value: String(e.total),
+					icon: /* @__PURE__ */ A(O, {
+						className: "size-4",
+						"aria-hidden": "true"
+					})
+				}),
+				/* @__PURE__ */ A(p, {
+					label: t("brainyrich.households.kpi.active", "Active"),
+					value: String(e.active),
+					icon: /* @__PURE__ */ A(D, {
+						className: "size-4",
+						"aria-hidden": "true"
+					})
+				}),
+				/* @__PURE__ */ A(p, {
+					label: t("brainyrich.households.kpi.prospects", "Prospects"),
+					value: String(e.prospects),
+					icon: /* @__PURE__ */ A(E, {
+						className: "size-4",
+						"aria-hidden": "true"
+					})
+				})
+			]
+		}), /* @__PURE__ */ j("div", {
+			className: "grid gap-4 lg:grid-cols-3",
+			children: [/* @__PURE__ */ j(f, {
+				className: "lg:col-span-2",
+				children: [/* @__PURE__ */ j("div", {
+					className: "mb-4 flex items-center justify-between gap-2",
+					children: [/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("h2", {
+						className: "text-sm font-semibold text-text-primary",
+						children: t("brainyrich.households.firm.byAdvisor", "AUM by advisor")
+					}), /* @__PURE__ */ A("p", {
+						className: "text-xs text-text-secondary",
+						children: t("brainyrich.households.firm.advisorCount", "{count} advisors", { count: e.advisorCount })
+					})] }), /* @__PURE__ */ A(w, {
+						className: "size-4 text-text-secondary",
+						"aria-hidden": "true"
+					})]
+				}), /* @__PURE__ */ A("ul", {
+					className: "space-y-3.5",
+					"aria-label": t("brainyrich.households.firm.byAdvisor", "AUM by advisor"),
+					children: e.advisors.map((n) => {
+						let r = e.advisorMax > 0 ? Math.max(2, n.value / e.advisorMax * 100) : 0;
+						return /* @__PURE__ */ j("li", {
+							className: "space-y-1.5",
+							children: [/* @__PURE__ */ j("div", {
+								className: "flex items-center justify-between gap-3 text-xs",
+								children: [/* @__PURE__ */ j("span", {
+									className: "flex items-center gap-1.5 truncate font-medium text-text-primary",
+									children: [/* @__PURE__ */ A(ue, {
+										className: "size-3.5 shrink-0 text-text-secondary",
+										"aria-hidden": "true"
+									}), n.advisorId ? /* @__PURE__ */ A(l, { id: n.advisorId }) : t("brainyrich.common.unassigned", "Unassigned")]
+								}), /* @__PURE__ */ A("span", {
+									className: "shrink-0 tabular-nums text-text-secondary",
+									children: h(n.value, e.currency)
+								})]
+							}), /* @__PURE__ */ A("div", {
+								className: "h-2 w-full overflow-hidden rounded-full bg-bg-sunken",
+								role: "progressbar",
+								"aria-valuenow": Math.round(r),
+								"aria-valuemin": 0,
+								"aria-valuemax": 100,
+								"aria-label": n.advisorId || "Unassigned",
+								children: /* @__PURE__ */ A("div", {
+									className: "h-full rounded-full bg-[var(--color-action-primary-bg)] transition-[width] duration-500 ease-out",
+									style: { width: `${r}%` }
+								})
+							})]
+						}, n.advisorId || "unassigned");
+					})
+				})]
+			}), /* @__PURE__ */ j(f, { children: [/* @__PURE__ */ A("div", {
+				className: "mb-2 flex items-center justify-between gap-2",
+				children: /* @__PURE__ */ A("h2", {
+					className: "text-sm font-semibold text-text-primary",
+					children: t("brainyrich.households.firm.bookMix", "Book by status")
+				})
+			}), e.statusMix.length > 0 ? /* @__PURE__ */ A(u, {
+				data: e.statusMix,
+				centerValue: String(e.total),
+				centerLabel: t("brainyrich.households.kpi.total", "Households"),
+				legend: !0,
+				height: 200,
+				valueFormatter: (e) => String(e)
+			}) : /* @__PURE__ */ A("p", {
+				className: "text-sm text-text-secondary",
+				children: t("brainyrich.households.firm.noMix", "No households to chart yet.")
+			})] })]
+		})]
+	});
+}
+function Be({ open: e, onOpenChange: t, editing: n, form: r, setField: i, onSubmit: a, canSubmit: o, submitting: s, tr: c }) {
+	return /* @__PURE__ */ A(I, {
 		open: e,
 		onOpenChange: t,
-		children: /* @__PURE__ */ A(F, {
+		children: /* @__PURE__ */ j(fe, {
 			className: "max-h-[90vh] overflow-y-auto sm:max-w-lg",
-			children: [/* @__PURE__ */ A(R, { children: [/* @__PURE__ */ k(z, { children: n ? c("brainyrich.households.form.editTitle", "Edit household") : c("brainyrich.households.form.createTitle", "New household") }), /* @__PURE__ */ k(I, { children: c("brainyrich.households.form.subtitle", "A household groups a client family’s accounts, portfolios and goals.") })] }), /* @__PURE__ */ A("form", {
+			children: [/* @__PURE__ */ j(B, { children: [/* @__PURE__ */ A(pe, { children: n ? c("brainyrich.households.form.editTitle", "Edit household") : c("brainyrich.households.form.createTitle", "New household") }), /* @__PURE__ */ A(R, { children: c("brainyrich.households.form.subtitle", "A household groups a client family’s accounts, portfolios and goals.") })] }), /* @__PURE__ */ j("form", {
 				className: "space-y-4",
 				onSubmit: (e) => {
 					e.preventDefault(), a();
 				},
 				children: [
-					/* @__PURE__ */ A("div", {
+					/* @__PURE__ */ j("div", {
 						className: "space-y-2",
-						children: [/* @__PURE__ */ A(H, {
+						children: [/* @__PURE__ */ j(U, {
 							htmlFor: "hh-name",
 							children: [c("brainyrich.households.form.name", "Name"), " *"]
-						}), /* @__PURE__ */ k(V, {
+						}), /* @__PURE__ */ A(H, {
 							id: "hh-name",
 							value: r.name,
 							onChange: (e) => i("name", e.target.value),
@@ -314,49 +522,49 @@ function Ee({ open: e, onOpenChange: t, editing: n, form: r, setField: i, onSubm
 							required: !0
 						})]
 					}),
-					/* @__PURE__ */ A("div", {
+					/* @__PURE__ */ j("div", {
 						className: "grid gap-4 sm:grid-cols-2",
-						children: [/* @__PURE__ */ A("div", {
+						children: [/* @__PURE__ */ j("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ k(H, { children: c("brainyrich.households.form.status", "Status") }), /* @__PURE__ */ A(U, {
+							children: [/* @__PURE__ */ A(U, { children: c("brainyrich.households.form.status", "Status") }), /* @__PURE__ */ j(W, {
 								value: r.status,
 								onValueChange: (e) => i("status", e),
-								children: [/* @__PURE__ */ k(K, { children: /* @__PURE__ */ k(q, {}) }), /* @__PURE__ */ k(W, { children: be.map((e) => /* @__PURE__ */ k(G, {
+								children: [/* @__PURE__ */ A(q, { children: /* @__PURE__ */ A(J, {}) }), /* @__PURE__ */ A(G, { children: je.map((e) => /* @__PURE__ */ A(K, {
 									value: e,
 									children: e
 								}, e)) })]
 							})]
-						}), /* @__PURE__ */ A("div", {
+						}), /* @__PURE__ */ j("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ k(H, { children: c("brainyrich.households.form.risk", "Risk profile") }), /* @__PURE__ */ A(U, {
+							children: [/* @__PURE__ */ A(U, { children: c("brainyrich.households.form.risk", "Risk profile") }), /* @__PURE__ */ j(W, {
 								value: r.riskProfile,
 								onValueChange: (e) => i("riskProfile", e),
-								children: [/* @__PURE__ */ k(K, { children: /* @__PURE__ */ k(q, {}) }), /* @__PURE__ */ k(W, { children: xe.map((e) => /* @__PURE__ */ k(G, {
+								children: [/* @__PURE__ */ A(q, { children: /* @__PURE__ */ A(J, {}) }), /* @__PURE__ */ A(G, { children: Me.map((e) => /* @__PURE__ */ A(K, {
 									value: e,
 									children: e
 								}, e)) })]
 							})]
 						})]
 					}),
-					/* @__PURE__ */ A("div", {
+					/* @__PURE__ */ j("div", {
 						className: "grid gap-4 sm:grid-cols-2",
-						children: [/* @__PURE__ */ A("div", {
+						children: [/* @__PURE__ */ j("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ k(H, {
+							children: [/* @__PURE__ */ A(U, {
 								htmlFor: "hh-contact-name",
 								children: c("brainyrich.households.form.contactName", "Primary contact")
-							}), /* @__PURE__ */ k(V, {
+							}), /* @__PURE__ */ A(H, {
 								id: "hh-contact-name",
 								value: r.primaryContactName,
 								onChange: (e) => i("primaryContactName", e.target.value),
 								placeholder: c("brainyrich.households.form.contactNamePh", "Full name")
 							})]
-						}), /* @__PURE__ */ A("div", {
+						}), /* @__PURE__ */ j("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ k(H, {
+							children: [/* @__PURE__ */ A(U, {
 								htmlFor: "hh-contact-email",
 								children: c("brainyrich.households.form.contactEmail", "Contact email")
-							}), /* @__PURE__ */ k(V, {
+							}), /* @__PURE__ */ A(H, {
 								id: "hh-contact-email",
 								type: "email",
 								value: r.primaryContactEmail,
@@ -365,24 +573,24 @@ function Ee({ open: e, onOpenChange: t, editing: n, form: r, setField: i, onSubm
 							})]
 						})]
 					}),
-					/* @__PURE__ */ A("div", {
+					/* @__PURE__ */ j("div", {
 						className: "grid gap-4 sm:grid-cols-2",
-						children: [/* @__PURE__ */ A("div", {
+						children: [/* @__PURE__ */ j("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ k(H, { children: c("brainyrich.households.form.currency", "Currency") }), /* @__PURE__ */ A(U, {
+							children: [/* @__PURE__ */ A(U, { children: c("brainyrich.households.form.currency", "Currency") }), /* @__PURE__ */ j(W, {
 								value: r.currency,
 								onValueChange: (e) => i("currency", e),
-								children: [/* @__PURE__ */ k(K, { children: /* @__PURE__ */ k(q, {}) }), /* @__PURE__ */ k(W, { children: Se.map((e) => /* @__PURE__ */ k(G, {
+								children: [/* @__PURE__ */ A(q, { children: /* @__PURE__ */ A(J, {}) }), /* @__PURE__ */ A(G, { children: Ne.map((e) => /* @__PURE__ */ A(K, {
 									value: e,
 									children: e
 								}, e)) })]
 							})]
-						}), n ? null : /* @__PURE__ */ A("div", {
+						}), n ? null : /* @__PURE__ */ j("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ k(H, {
+							children: [/* @__PURE__ */ A(U, {
 								htmlFor: "hh-advisor",
 								children: c("brainyrich.households.form.advisor", "Advisor ID")
-							}), /* @__PURE__ */ k(V, {
+							}), /* @__PURE__ */ A(H, {
 								id: "hh-advisor",
 								value: r.advisorId,
 								onChange: (e) => i("advisorId", e.target.value),
@@ -390,42 +598,42 @@ function Ee({ open: e, onOpenChange: t, editing: n, form: r, setField: i, onSubm
 							})]
 						})]
 					}),
-					n ? /* @__PURE__ */ k(b, {
+					n ? /* @__PURE__ */ A(y, {
 						entityType: "brainyrich-household",
 						entityId: n.id,
 						label: c("brainyrich.households.form.tags", "Tags")
-					}) : /* @__PURE__ */ A("div", {
+					}) : /* @__PURE__ */ j("div", {
 						className: "space-y-2",
-						children: [/* @__PURE__ */ k(H, {
+						children: [/* @__PURE__ */ A(U, {
 							htmlFor: "hh-tags",
 							children: c("brainyrich.households.form.tags", "Tags")
-						}), /* @__PURE__ */ k(V, {
+						}), /* @__PURE__ */ A(H, {
 							id: "hh-tags",
 							value: r.tags,
 							onChange: (e) => i("tags", e.target.value),
 							placeholder: c("brainyrich.households.form.tagsPh", "Comma-separated")
 						})]
 					}),
-					/* @__PURE__ */ A("div", {
+					/* @__PURE__ */ j("div", {
 						className: "space-y-2",
-						children: [/* @__PURE__ */ k(H, {
+						children: [/* @__PURE__ */ A(U, {
 							htmlFor: "hh-notes",
 							children: c("brainyrich.households.form.notes", "Notes")
-						}), /* @__PURE__ */ k(ye, {
+						}), /* @__PURE__ */ A(Ae, {
 							id: "hh-notes",
 							value: r.notes,
 							onChange: (e) => i("notes", e.target.value),
 							rows: 3
 						})]
 					}),
-					/* @__PURE__ */ A(L, { children: [/* @__PURE__ */ k(P, {
+					/* @__PURE__ */ j(z, { children: [/* @__PURE__ */ A(L, {
 						asChild: !0,
-						children: /* @__PURE__ */ k(M, {
+						children: /* @__PURE__ */ A(N, {
 							type: "button",
 							variant: "outline",
 							children: c("brainyrich.common.cancel", "Cancel")
 						})
-					}), /* @__PURE__ */ k(M, {
+					}), /* @__PURE__ */ A(N, {
 						type: "submit",
 						disabled: !o,
 						children: s ? c("brainyrich.common.saving", "Saving…") : n ? c("brainyrich.common.save", "Save changes") : c("brainyrich.households.form.create", "Create household")
@@ -435,186 +643,346 @@ function Ee({ open: e, onOpenChange: t, editing: n, form: r, setField: i, onSubm
 		})
 	});
 }
-function De({ householdId: e, onClose: n, onEdit: r, tr: o }) {
-	let { data: c, isLoading: l, isError: u, refetch: m } = a(e), { data: g } = t(e ? { householdId: e } : {}), { data: b } = s(e ? { householdId: e } : {}), { data: S } = i(e ? { householdId: e } : {});
-	return /* @__PURE__ */ k(J, {
-		open: !!e,
+function Ve({ householdId: e, onClose: n, onEdit: r, tr: o }) {
+	let { data: c, isLoading: ee, isError: te, refetch: d } = a(e), { data: p } = t(e ? { householdId: e } : {}), { data: ie } = s(e ? { householdId: e } : {}), { data: y } = i(e ? { householdId: e } : {}), x = !!e, S = oe(() => [...p].map((e) => ({
+		account: e,
+		value: Le(e)
+	})).sort((e, t) => t.value - e.value), [p]), w = S.reduce((e, t) => e + t.value, 0), T = S.filter((e) => e.value > 0).slice(0, 6).map((e) => ({
+		label: e.account.name,
+		value: e.value
+	}));
+	return /* @__PURE__ */ A(ye, {
+		open: x,
 		onOpenChange: (e) => e ? void 0 : n(),
-		children: /* @__PURE__ */ k(Y, {
-			className: "w-full overflow-y-auto sm:max-w-md",
-			children: l ? /* @__PURE__ */ k("div", {
-				className: "p-2",
-				children: /* @__PURE__ */ k(h, { rows: 4 })
-			}) : u ? /* @__PURE__ */ k(p, {
-				title: o("brainyrich.households.detail.error", "Could not load household"),
-				onRetry: () => m()
-			}) : c ? /* @__PURE__ */ A("div", {
-				className: "space-y-6",
+		children: /* @__PURE__ */ A(be, {
+			className: "flex w-full flex-col gap-0 overflow-y-auto p-0 sm:max-w-xl",
+			children: ee ? /* @__PURE__ */ A("div", {
+				className: "p-6",
+				children: /* @__PURE__ */ A(re, { rows: 4 })
+			}) : te ? /* @__PURE__ */ A("div", {
+				className: "p-6",
+				children: /* @__PURE__ */ A(ne, {
+					title: o("brainyrich.households.detail.error", "Could not load household"),
+					onRetry: () => d()
+				})
+			}) : c ? /* @__PURE__ */ j("div", {
+				className: "space-y-5 p-6",
 				children: [
-					/* @__PURE__ */ A(pe, {
-						className: "space-y-2",
+					/* @__PURE__ */ j(Se, {
+						className: "space-y-2 p-0 text-left",
 						children: [
-							/* @__PURE__ */ k(me, { children: c.name }),
-							/* @__PURE__ */ k(fe, { children: o("brainyrich.households.detail.subtitle", "Household overview") }),
-							/* @__PURE__ */ A("div", {
+							/* @__PURE__ */ A(Ce, {
+								className: "text-xl",
+								children: c.name
+							}),
+							/* @__PURE__ */ A(xe, {
+								className: "sr-only",
+								children: o("brainyrich.households.detail.subtitle", "Household overview")
+							}),
+							/* @__PURE__ */ j("div", {
 								className: "flex flex-wrap items-center gap-2 pt-1",
-								children: [/* @__PURE__ */ k(j, {
-									variant: ee(c.status),
+								children: [/* @__PURE__ */ A(M, {
+									variant: v(c.status),
 									children: c.status
-								}), /* @__PURE__ */ k(j, {
+								}), /* @__PURE__ */ A(M, {
 									variant: "secondary",
 									children: c.riskProfile
 								})]
 							})
 						]
 					}),
-					/* @__PURE__ */ A("div", {
+					/* @__PURE__ */ A(f, {
+						glow: !0,
+						children: /* @__PURE__ */ j("div", {
+							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+							children: [/* @__PURE__ */ j("div", { children: [
+								/* @__PURE__ */ A("p", {
+									className: "text-xs uppercase tracking-wide text-text-secondary",
+									children: o("brainyrich.households.detail.aum", "AUM")
+								}),
+								/* @__PURE__ */ A("p", {
+									className: "mt-1 text-3xl font-semibold tracking-tight text-text-primary",
+									children: _(c.aum, c.currency)
+								}),
+								/* @__PURE__ */ A("p", {
+									className: "mt-1 text-xs text-text-secondary",
+									children: c.currency
+								})
+							] }), /* @__PURE__ */ j("div", {
+								className: "sm:text-right",
+								children: [
+									/* @__PURE__ */ A("p", {
+										className: "text-xs uppercase tracking-wide text-text-secondary",
+										children: o("brainyrich.households.detail.contact", "Primary contact")
+									}),
+									/* @__PURE__ */ A("p", {
+										className: "mt-1 text-base font-medium text-text-primary",
+										children: c.primaryContactName ?? "—"
+									}),
+									c.primaryContactEmail ? /* @__PURE__ */ j("a", {
+										href: `mailto:${c.primaryContactEmail}`,
+										className: "mt-0.5 inline-flex items-center gap-1 text-xs text-text-secondary hover:text-[var(--color-action-primary-text)] sm:justify-end",
+										children: [/* @__PURE__ */ A(se, {
+											className: "size-3",
+											"aria-hidden": "true"
+										}), c.primaryContactEmail]
+									}) : null
+								]
+							})]
+						})
+					}),
+					/* @__PURE__ */ j("div", {
 						className: "grid grid-cols-3 gap-3",
 						children: [
-							/* @__PURE__ */ k(Q, {
-								icon: /* @__PURE__ */ k(O, {
+							/* @__PURE__ */ A($, {
+								icon: /* @__PURE__ */ A(k, {
 									className: "size-4",
 									"aria-hidden": "true"
 								}),
 								label: o("brainyrich.households.detail.accounts", "Accounts"),
-								value: String(g.length)
+								value: String(p.length)
 							}),
-							/* @__PURE__ */ k(Q, {
-								icon: /* @__PURE__ */ k(w, {
+							/* @__PURE__ */ A($, {
+								icon: /* @__PURE__ */ A(C, {
 									className: "size-4",
 									"aria-hidden": "true"
 								}),
 								label: o("brainyrich.households.detail.portfolios", "Portfolios"),
-								value: String(b.length)
+								value: String(ie.length)
 							}),
-							/* @__PURE__ */ k(Q, {
-								icon: /* @__PURE__ */ k(E, {
+							/* @__PURE__ */ A($, {
+								icon: /* @__PURE__ */ A(E, {
 									className: "size-4",
 									"aria-hidden": "true"
 								}),
 								label: o("brainyrich.households.detail.goals", "Goals"),
-								value: String(S.length)
+								value: String(y.length)
 							})
 						]
 					}),
-					/* @__PURE__ */ k(oe, { children: /* @__PURE__ */ A(se, {
-						className: "space-y-3 p-4 text-sm",
+					c.tags.length > 0 ? /* @__PURE__ */ A("div", {
+						className: "flex flex-wrap gap-1",
+						children: c.tags.map((e) => /* @__PURE__ */ A(M, {
+							variant: "outline",
+							children: e
+						}, e))
+					}) : null,
+					/* @__PURE__ */ j(Oe, {
+						defaultValue: "overview",
+						className: "w-full",
 						children: [
-							/* @__PURE__ */ k($, {
-								label: o("brainyrich.households.detail.aum", "AUM"),
-								value: v(c.aum, c.currency)
-							}),
-							/* @__PURE__ */ k($, {
-								label: o("brainyrich.households.form.currency", "Currency"),
-								value: c.currency
+							/* @__PURE__ */ j(ke, {
+								className: "w-full justify-start overflow-x-auto",
+								children: [
+									/* @__PURE__ */ A(Q, {
+										value: "overview",
+										children: o("brainyrich.households.tab.overview", "Overview")
+									}),
+									/* @__PURE__ */ A(Q, {
+										value: "accounts",
+										children: o("brainyrich.households.detail.accounts", "Accounts")
+									}),
+									/* @__PURE__ */ A(Q, {
+										value: "goals",
+										children: o("brainyrich.households.detail.goals", "Goals")
+									}),
+									/* @__PURE__ */ A(Q, {
+										value: "documents",
+										children: o("brainyrich.households.detail.documents", "Documents")
+									}),
+									/* @__PURE__ */ A(Q, {
+										value: "discussion",
+										children: o("brainyrich.households.detail.discussion", "Discussion")
+									})
+								]
 							}),
-							/* @__PURE__ */ k($, {
-								label: o("brainyrich.households.detail.contact", "Primary contact"),
-								value: c.primaryContactName ?? "—"
+							/* @__PURE__ */ j(Z, {
+								value: "overview",
+								className: "mt-4 space-y-4",
+								children: [
+									T.length > 0 ? /* @__PURE__ */ A(P, { children: /* @__PURE__ */ j(F, {
+										className: "p-4",
+										children: [/* @__PURE__ */ A("h3", {
+											className: "mb-3 text-sm font-medium text-text-primary",
+											children: o("brainyrich.households.detail.allocation", "Where assets sit")
+										}), /* @__PURE__ */ A(u, {
+											data: T,
+											centerValue: h(w, c.currency),
+											centerLabel: o("brainyrich.households.detail.invested", "Invested"),
+											height: 200,
+											valueFormatter: (e) => _(e, c.currency)
+										})]
+									}) }) : null,
+									/* @__PURE__ */ A(P, { children: /* @__PURE__ */ j(F, {
+										className: "space-y-3 p-4 text-sm",
+										children: [
+											/* @__PURE__ */ j("div", {
+												className: "flex items-center justify-between gap-4",
+												children: [/* @__PURE__ */ A("span", {
+													className: "text-text-secondary",
+													children: o("brainyrich.households.detail.advisor", "Advisor")
+												}), /* @__PURE__ */ A("span", {
+													className: "text-right font-medium text-text-primary",
+													children: c.advisorId ? /* @__PURE__ */ A(l, { id: c.advisorId }) : o("brainyrich.common.unassigned", "Unassigned")
+												})]
+											}),
+											/* @__PURE__ */ A(ve, {}),
+											/* @__PURE__ */ A(He, {
+												label: o("brainyrich.households.detail.created", "Created"),
+												value: g(c.createdAt)
+											}),
+											/* @__PURE__ */ A(He, {
+												label: o("brainyrich.households.detail.updated", "Last updated"),
+												value: g(c.updatedAt)
+											})
+										]
+									}) }),
+									c.notes ? /* @__PURE__ */ A(P, { children: /* @__PURE__ */ j(F, {
+										className: "space-y-1 p-4",
+										children: [/* @__PURE__ */ A("p", {
+											className: "text-xs font-medium uppercase tracking-wide text-text-secondary",
+											children: o("brainyrich.households.detail.summary", "Summary")
+										}), /* @__PURE__ */ A("p", {
+											className: "text-sm text-text-primary",
+											children: c.notes
+										})]
+									}) }) : null
+								]
 							}),
-							/* @__PURE__ */ k($, {
-								label: o("brainyrich.households.form.contactEmail", "Contact email"),
-								value: c.primaryContactEmail ?? "—"
+							/* @__PURE__ */ A(Z, {
+								value: "accounts",
+								className: "mt-4 space-y-2",
+								children: S.length === 0 ? /* @__PURE__ */ A(m, {
+									icon: /* @__PURE__ */ A(k, {
+										className: "size-6",
+										"aria-hidden": "true"
+									}),
+									title: o("brainyrich.households.detail.noAccounts", "No accounts linked")
+								}) : S.map(({ account: e, value: t }) => /* @__PURE__ */ j("div", {
+									className: "flex items-center justify-between gap-3 rounded-lg border border-border-subtle bg-bg-surface p-3 transition-colors hover:border-[var(--color-action-primary-border)]",
+									children: [/* @__PURE__ */ j("div", {
+										className: "min-w-0",
+										children: [/* @__PURE__ */ A("p", {
+											className: "truncate text-sm font-medium text-text-primary",
+											children: e.name
+										}), /* @__PURE__ */ j("p", {
+											className: "text-xs text-text-secondary",
+											children: [e.institution ?? e.type, e.accountMask ? ` ·••${e.accountMask}` : ""]
+										})]
+									}), /* @__PURE__ */ A("span", {
+										className: "shrink-0 text-sm font-semibold tabular-nums text-status-success-text",
+										children: _(t, e.currency)
+									})]
+								}, e.id))
 							}),
-							/* @__PURE__ */ A("div", {
-								className: "flex items-center justify-between gap-4",
-								children: [/* @__PURE__ */ k("span", {
-									className: "text-text-secondary",
-									children: o("brainyrich.households.detail.advisor", "Advisor")
-								}), /* @__PURE__ */ k("span", {
-									className: "text-right font-medium text-text-primary",
-									children: c.advisorId ? /* @__PURE__ */ k(d, { id: c.advisorId }) : o("brainyrich.common.unassigned", "Unassigned")
-								})]
+							/* @__PURE__ */ A(Z, {
+								value: "goals",
+								className: "mt-4 space-y-2",
+								children: y.length === 0 ? /* @__PURE__ */ A(m, {
+									icon: /* @__PURE__ */ A(E, {
+										className: "size-6",
+										"aria-hidden": "true"
+									}),
+									title: o("brainyrich.households.detail.noGoals", "No goals set")
+								}) : y.map((e) => /* @__PURE__ */ j("div", {
+									className: "flex items-center justify-between gap-3 rounded-lg border border-border-subtle bg-bg-surface p-3",
+									children: [/* @__PURE__ */ j("div", {
+										className: "min-w-0",
+										children: [/* @__PURE__ */ A("p", {
+											className: "truncate text-sm font-medium text-text-primary",
+											children: e.name
+										}), /* @__PURE__ */ j("p", {
+											className: "text-xs text-text-secondary",
+											children: [
+												o("brainyrich.households.detail.goalTarget", "Target"),
+												" ",
+												_(e.targetAmount, e.currency),
+												" · ",
+												g(e.targetDate)
+											]
+										})]
+									}), /* @__PURE__ */ A(M, {
+										variant: v(e.projection),
+										className: "shrink-0",
+										children: e.projection.replace(/_/g, " ")
+									})]
+								}, e.id))
 							}),
-							/* @__PURE__ */ k($, {
-								label: o("brainyrich.households.detail.created", "Created"),
-								value: _(c.createdAt)
+							/* @__PURE__ */ A(Z, {
+								value: "documents",
+								className: "mt-4",
+								children: /* @__PURE__ */ A(ae, {
+									entityType: "brainyrich-household",
+									entityId: c.id,
+									heading: o("brainyrich.households.detail.documents", "Documents")
+								})
 							}),
-							/* @__PURE__ */ k($, {
-								label: o("brainyrich.households.detail.updated", "Last updated"),
-								value: _(c.updatedAt)
+							/* @__PURE__ */ A(Z, {
+								value: "discussion",
+								className: "mt-4",
+								children: /* @__PURE__ */ A(b, {
+									entityType: "brainyrich-household",
+									entityId: c.id,
+									heading: o("brainyrich.households.detail.discussion", "Discussion")
+								})
 							})
 						]
-					}) }),
-					c.tags.length > 0 ? /* @__PURE__ */ k("div", {
-						className: "flex flex-wrap gap-1",
-						children: c.tags.map((e) => /* @__PURE__ */ k(j, {
-							variant: "outline",
-							children: e
-						}, e))
-					}) : null,
-					c.notes ? /* @__PURE__ */ A("div", {
-						className: "space-y-1",
-						children: [/* @__PURE__ */ k("p", {
-							className: "text-xs font-medium text-text-secondary",
-							children: o("brainyrich.households.detail.summary", "Summary")
-						}), /* @__PURE__ */ k("p", {
-							className: "text-sm text-text-primary",
-							children: c.notes
-						})]
-					}) : null,
-					/* @__PURE__ */ k(y, {
-						entityType: "brainyrich-household",
-						entityId: c.id,
-						heading: o("brainyrich.households.detail.documents", "Documents")
-					}),
-					/* @__PURE__ */ k(x, {
-						entityType: "brainyrich-household",
-						entityId: c.id,
-						heading: o("brainyrich.households.detail.discussion", "Discussion")
 					}),
-					/* @__PURE__ */ A(M, {
+					/* @__PURE__ */ j(N, {
 						variant: "outline",
 						className: "w-full",
 						onClick: () => r(c),
-						children: [/* @__PURE__ */ k(T, {
+						children: [/* @__PURE__ */ A(le, {
 							className: "size-4",
 							"aria-hidden": "true"
 						}), o("brainyrich.households.action.edit", "Edit")]
 					})
 				]
-			}) : /* @__PURE__ */ k(f, {
-				icon: /* @__PURE__ */ k(D, {
-					className: "size-6",
-					"aria-hidden": "true"
-				}),
-				title: o("brainyrich.households.detail.missing", "Household not found")
+			}) : /* @__PURE__ */ A("div", {
+				className: "p-6",
+				children: /* @__PURE__ */ A(m, {
+					icon: /* @__PURE__ */ A(O, {
+						className: "size-6",
+						"aria-hidden": "true"
+					}),
+					title: o("brainyrich.households.detail.missing", "Household not found")
+				})
 			})
 		})
 	});
 }
-function Q({ icon: e, label: t, value: n }) {
-	return /* @__PURE__ */ A("div", {
-		className: "rounded-lg border border-border-subtle bg-bg-surface p-3 text-center",
+function $({ icon: e, label: t, value: n }) {
+	return /* @__PURE__ */ j("div", {
+		className: "rounded-lg border border-border-subtle bg-bg-surface p-3 text-center transition-shadow motion-safe:hover:shadow-[var(--shadow-pop-hover,var(--shadow-elevation-2))]",
 		children: [
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ A("div", {
 				className: "mx-auto mb-1 flex size-8 items-center justify-center rounded-full bg-bg-sunken text-text-secondary",
 				children: e
 			}),
-			/* @__PURE__ */ k("p", {
+			/* @__PURE__ */ A("p", {
 				className: "text-lg font-semibold text-text-primary",
 				children: n
 			}),
-			/* @__PURE__ */ k("p", {
+			/* @__PURE__ */ A("p", {
 				className: "text-xs text-text-secondary",
 				children: t
 			})
 		]
 	});
 }
-function $({ label: e, value: t }) {
-	return /* @__PURE__ */ A("div", {
+function He({ label: e, value: t }) {
+	return /* @__PURE__ */ j("div", {
 		className: "flex items-center justify-between gap-4",
-		children: [/* @__PURE__ */ k("span", {
+		children: [/* @__PURE__ */ A("span", {
 			className: "text-text-secondary",
 			children: e
-		}), /* @__PURE__ */ k("span", {
+		}), /* @__PURE__ */ A("span", {
 			className: "text-right font-medium text-text-primary",
 			children: t
 		})]
 	});
 }
 //#endregion
-export { Te as FamilyPage };
+export { Re as FamilyPage };
 
 //# sourceMappingURL=FamilyPage.js.map