@burdenoff/microfe-brainyrich 2026.525.1 → 2026.706.1

package/dist/brainyrich/pages/FamilyPage.js

@@ -1,358 +1,620 @@
-import { useBrainyRichStore as e } from "../store/brainyrichStore.js";
-import { KpiGrid as t, SectionShell as n, formatMoney as r } from "./_shared.js";
-import { AlertTriangle as i, CheckCircle as a, Shield as o, Target as s, TrendingUp as c, UserPlus as l } from "lucide-react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { Badge as f, Button as p, Card as m, CardContent as h, CardDescription as g, CardHeader as _, CardTitle as v, Tabs as y, TabsContent as b, TabsList as x, TabsTrigger as S } from "@burdenoff/fe-libs/ui";
+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 "../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";
 //#region src/brainyrich/pages/FamilyPage.tsx
-var C = [
-	{
-		id: "f1",
-		name: "Vikram Raghavan",
-		role: "Primary Owner",
-		status: "Active",
-		permissions: "Full Access",
-		lastActive: "Just now"
-	},
-	{
-		id: "f2",
-		name: "Priya Raghavan",
-		role: "Spouse",
-		status: "Active",
-		permissions: "Financial Planning, View Accounts",
-		lastActive: "30 min ago"
-	},
-	{
-		id: "f3",
-		name: "Aditya Raghavan",
-		role: "Child",
-		status: "Active",
-		permissions: "View Goals, Education Fund",
-		lastActive: "2 hrs ago"
-	},
-	{
-		id: "f4",
-		name: "Kavya Raghavan",
-		role: "Child",
-		status: "Pending",
-		permissions: "View Goals, Education Fund",
-		lastActive: "Invited"
-	}
-], w = [
-	{
-		id: "fg1",
-		title: "Emergency Fund",
-		category: "Safety Net",
-		target: 6e5,
-		current: 54e4,
-		status: "On Track",
-		assignees: ["Vikram", "Priya"]
-	},
-	{
-		id: "fg2",
-		title: "Aditya's College Fund",
-		category: "Education",
-		target: 25e5,
-		current: 118e4,
-		status: "On Track",
-		assignees: [
-			"Vikram",
-			"Priya",
-			"Aditya"
-		]
-	},
-	{
-		id: "fg3",
-		title: "Family Vacation - Japan",
-		category: "Lifestyle",
-		target: 4e5,
-		current: 31e4,
-		status: "On Track",
-		assignees: ["Vikram", "Priya"]
-	},
-	{
-		id: "fg4",
-		title: "Home Renovation",
-		category: "Home",
-		target: 12e5,
-		current: 38e4,
-		status: "Behind",
-		assignees: ["Vikram", "Priya"]
-	}
-];
-function T() {
-	let { goals: T } = e();
-	return /* @__PURE__ */ d(n, {
-		title: "Family Wealth Hub",
-		description: "Collaborative financial planning for your family members",
-		actionLabel: "Invite Member",
-		badges: ["4 Family Members"],
-		children: [/* @__PURE__ */ u(t, { items: [
-			{
-				label: "Active Members",
-				value: "3/4",
-				trend: "1 pending invite"
-			},
-			{
-				label: "Family Net Worth",
-				value: r(245e4),
-				trend: "+6.2% YTD"
-			},
-			{
-				label: "Family Goals",
-				value: `${w.filter((e) => e.status === "On Track").length}/${w.length}`,
-				trend: "On track"
-			},
-			{
-				label: "Monthly Budget",
-				value: r(95e3),
-				trend: "Shared allocation"
-			}
-		] }), /* @__PURE__ */ d(y, {
-			defaultValue: "overview",
-			className: "space-y-4",
-			children: [
-				/* @__PURE__ */ d(x, {
-					className: "grid w-full grid-cols-3",
-					children: [
-						/* @__PURE__ */ u(S, {
-							value: "overview",
-							children: "Overview"
-						}),
-						/* @__PURE__ */ u(S, {
-							value: "members",
-							children: "Members"
+var be = [
+	"PROSPECT",
+	"ONBOARDING",
+	"ACTIVE",
+	"INACTIVE"
+], xe = [
+	"CONSERVATIVE",
+	"MODERATE",
+	"BALANCED",
+	"GROWTH",
+	"AGGRESSIVE"
+], Se = [
+	"USD",
+	"EUR",
+	"GBP",
+	"INR",
+	"AED",
+	"SGD"
+], Ce = {
+	name: "",
+	status: "PROSPECT",
+	riskProfile: "BALANCED",
+	currency: "USD",
+	advisorId: "",
+	primaryContactName: "",
+	primaryContactEmail: "",
+	notes: "",
+	tags: ""
+};
+function we(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) => ({
+		...n,
+		[e]: t
+	})), G = () => {
+		I(null), R(Ce), P(!0);
+	}, K = (e) => {
+		I(e), R({
+			name: e.name,
+			status: e.status,
+			riskProfile: e.riskProfile,
+			currency: e.currency,
+			advisorId: e.advisorId ?? "",
+			primaryContactName: e.primaryContactName ?? "",
+			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, {
+		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,
+		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, {
+				title: i("brainyrich.households.error.title", "Could not load households"),
+				onRetry: () => x()
+			}) : a.length === 0 ? /* @__PURE__ */ k(f, {
+				icon: /* @__PURE__ */ k(D, {
+					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, {
+					size: "sm",
+					onClick: G,
+					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__ */ u(S, {
-							value: "goals",
-							children: "Family Goals"
+						/* @__PURE__ */ k(Z, {
+							className: "w-12 text-right",
+							children: /* @__PURE__ */ k("span", {
+								className: "sr-only",
+								children: i("brainyrich.households.col.actions", "Actions")
+							})
 						})
-					]
-				}),
-				/* @__PURE__ */ d(b, {
-					value: "overview",
-					className: "space-y-4",
-					children: [/* @__PURE__ */ d("div", {
-						className: "grid gap-4 lg:grid-cols-2",
-						children: [/* @__PURE__ */ d(m, { children: [/* @__PURE__ */ u(_, { children: /* @__PURE__ */ d(v, {
-							className: "flex items-center gap-2 text-base",
-							children: [/* @__PURE__ */ u(c, { className: "h-4 w-4" }), "Recent Family Activity"]
-						}) }), /* @__PURE__ */ u(h, {
-							className: "space-y-3",
-							children: [
-								{
-									member: "Priya Raghavan",
-									action: "Updated emergency fund goal",
-									time: "2 hours ago"
-								},
-								{
-									member: "Vikram Raghavan",
-									action: "Added $5,000 to vacation savings",
-									time: "1 day ago"
-								},
-								{
-									member: "Aditya Raghavan",
-									action: "Checked college fund progress",
-									time: "2 days ago"
-								},
-								{
-									member: "Priya Raghavan",
-									action: "Invited Kavya to family account",
-									time: "3 days ago"
-								}
-							].map((e, t) => /* @__PURE__ */ d("div", {
-								className: "flex items-center gap-3 rounded-lg border p-2.5",
-								children: [
-									/* @__PURE__ */ u("div", {
-										className: "flex h-8 w-8 items-center justify-center rounded-full bg-blue-100 text-xs font-bold text-blue-600",
-										children: e.member.split(" ").map((e) => e[0]).join("")
-									}),
-									/* @__PURE__ */ d("div", {
-										className: "flex-1",
-										children: [/* @__PURE__ */ u("p", {
-											className: "text-sm font-medium",
-											children: e.member
-										}), /* @__PURE__ */ u("p", {
-											className: "text-xs text-muted-foreground",
-											children: e.action
-										})]
-									}),
-									/* @__PURE__ */ u("span", {
-										className: "text-xs text-muted-foreground",
-										children: e.time
+					] }) }), /* @__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"
 									})
-								]
-							}, t))
-						})] }), /* @__PURE__ */ d(m, { children: [/* @__PURE__ */ u(_, { children: /* @__PURE__ */ d(v, {
-							className: "flex items-center gap-2 text-base",
-							children: [/* @__PURE__ */ u(s, { className: "h-4 w-4" }), "Goal Progress Summary"]
-						}) }), /* @__PURE__ */ u(h, {
-							className: "space-y-3",
-							children: w.map((e) => {
-								let t = Math.round(e.current / e.target * 100);
-								return /* @__PURE__ */ d("div", {
-									className: "space-y-1",
-									children: [
-										/* @__PURE__ */ d("div", {
-											className: "flex justify-between text-sm",
-											children: [/* @__PURE__ */ u("span", {
-												className: "font-medium",
-												children: e.title
-											}), /* @__PURE__ */ d("span", { children: [t, "%"] })]
-										}),
-										/* @__PURE__ */ u("div", {
-											className: "h-2 rounded bg-muted overflow-hidden",
-											children: /* @__PURE__ */ u("div", {
-												className: `h-2 rounded ${e.status === "On Track" ? "bg-emerald-500" : "bg-yellow-500"}`,
-												style: { width: `${t}%` }
-											})
-										}),
-										/* @__PURE__ */ d("div", {
-											className: "flex justify-between text-xs text-muted-foreground",
-											children: [/* @__PURE__ */ u("span", { children: r(e.current) }), /* @__PURE__ */ u("span", { children: r(e.target) })]
-										})
-									]
-								}, e.id);
-							})
-						})] })]
-					}), /* @__PURE__ */ d(m, { children: [/* @__PURE__ */ u(_, { children: /* @__PURE__ */ u(v, { children: "Family Financial Health" }) }), /* @__PURE__ */ u(h, { children: /* @__PURE__ */ u("div", {
-						className: "grid grid-cols-1 md:grid-cols-3 gap-4",
-						children: [
-							{
-								icon: a,
-								label: "Emergency Fund",
-								detail: "90% funded",
-								color: "bg-emerald-50 text-emerald-600"
-							},
-							{
-								icon: c,
-								label: "Savings Rate",
-								detail: "24% monthly",
-								color: "bg-blue-50 text-blue-600"
-							},
-							{
-								icon: i,
-								label: "Insurance Review",
-								detail: "Due for update",
-								color: "bg-yellow-50 text-yellow-600"
-							}
-						].map((e) => /* @__PURE__ */ d("div", {
-							className: `text-center p-4 rounded-lg ${e.color.split(" ")[0]}`,
-							children: [
-								/* @__PURE__ */ u(e.icon, { className: `h-7 w-7 mx-auto mb-2 ${e.color.split(" ")[1]}` }),
-								/* @__PURE__ */ u("p", {
-									className: "font-semibold text-sm",
-									children: e.label
-								}),
-								/* @__PURE__ */ u("p", {
-									className: "text-xs text-muted-foreground",
-									children: e.detail
 								})
-							]
-						}, e.label))
-					}) })] })]
-				}),
-				/* @__PURE__ */ u(b, {
-					value: "members",
-					className: "space-y-4",
-					children: /* @__PURE__ */ d(m, { children: [/* @__PURE__ */ d(_, {
-						className: "flex flex-row items-center justify-between",
-						children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u(v, { children: "Family Members" }), /* @__PURE__ */ u(g, { children: "Manage access and permissions" })] }), /* @__PURE__ */ d(p, {
-							size: "sm",
-							children: [/* @__PURE__ */ u(l, { className: "mr-1 h-4 w-4" }), "Invite"]
-						})]
-					}), /* @__PURE__ */ u(h, {
-						className: "space-y-3",
-						children: C.map((e) => /* @__PURE__ */ d("div", {
-							className: "flex items-center justify-between rounded-lg border p-3",
-							children: [/* @__PURE__ */ d("div", {
-								className: "flex items-center gap-3",
-								children: [/* @__PURE__ */ u("div", {
-									className: "flex h-10 w-10 items-center justify-center rounded-full bg-blue-100 font-bold text-sm text-blue-600",
-									children: e.name.split(" ").map((e) => e[0]).join("")
-								}), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
-									className: "font-medium text-sm",
-									children: e.name
-								}), /* @__PURE__ */ d("p", {
-									className: "text-xs text-muted-foreground",
-									children: [
-										e.role,
-										" · ",
-										e.permissions
-									]
-								})] })]
-							}), /* @__PURE__ */ d("div", {
-								className: "flex items-center gap-2",
+							}), /* @__PURE__ */ A(le, {
+								align: "end",
 								children: [
-									/* @__PURE__ */ u(f, {
-										variant: e.status === "Active" ? "default" : "secondary",
-										children: e.status
+									/* @__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__ */ u("span", {
-										className: "text-xs text-muted-foreground",
-										children: e.lastActive
+									/* @__PURE__ */ A(B, {
+										onClick: () => K(e),
+										children: [/* @__PURE__ */ k(T, {
+											className: "size-4",
+											"aria-hidden": "true"
+										}), i("brainyrich.households.action.edit", "Edit")]
 									}),
-									/* @__PURE__ */ u(p, {
-										variant: "outline",
-										size: "sm",
-										children: /* @__PURE__ */ u(o, { className: "h-3 w-3" })
+									/* @__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")]
 									})
 								]
+							})] })
+						})
+					] }, e.id)) })] })
+				})
+			}) }),
+			!_ && !b && a.length > 0 ? /* @__PURE__ */ k(l, {
+				hasMore: s,
+				onClick: d,
+				loading: y,
+				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,
+				tr: i
+			}),
+			/* @__PURE__ */ k(De, {
+				householdId: z,
+				onClose: () => V(void 0),
+				onEdit: (e) => {
+					V(void 0), K(e);
+				},
+				tr: i
+			}),
+			/* @__PURE__ */ k(u, {
+				open: !!H,
+				onOpenChange: (e) => e ? void 0 : U(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 ?? "" }),
+				confirmLabel: i("brainyrich.households.action.archive", "Archive"),
+				pendingLabel: i("brainyrich.households.archive.pending", "Archiving…"),
+				destructive: !0,
+				pending: O.isPending,
+				onConfirm: () => {
+					H && O.mutate(H.id, { onSuccess: () => U(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, {
+		open: e,
+		onOpenChange: t,
+		children: /* @__PURE__ */ A(F, {
+			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", {
+				className: "space-y-4",
+				onSubmit: (e) => {
+					e.preventDefault(), a();
+				},
+				children: [
+					/* @__PURE__ */ A("div", {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ A(H, {
+							htmlFor: "hh-name",
+							children: [c("brainyrich.households.form.name", "Name"), " *"]
+						}), /* @__PURE__ */ k(V, {
+							id: "hh-name",
+							value: r.name,
+							onChange: (e) => i("name", e.target.value),
+							placeholder: c("brainyrich.households.form.namePh", "e.g. The Raghavan Family"),
+							required: !0
+						})]
+					}),
+					/* @__PURE__ */ A("div", {
+						className: "grid gap-4 sm:grid-cols-2",
+						children: [/* @__PURE__ */ A("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ k(H, { children: c("brainyrich.households.form.status", "Status") }), /* @__PURE__ */ A(U, {
+								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, {
+									value: e,
+									children: e
+								}, e)) })]
+							})]
+						}), /* @__PURE__ */ A("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ k(H, { children: c("brainyrich.households.form.risk", "Risk profile") }), /* @__PURE__ */ A(U, {
+								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, {
+									value: e,
+									children: e
+								}, e)) })]
+							})]
+						})]
+					}),
+					/* @__PURE__ */ A("div", {
+						className: "grid gap-4 sm:grid-cols-2",
+						children: [/* @__PURE__ */ A("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ k(H, {
+								htmlFor: "hh-contact-name",
+								children: c("brainyrich.households.form.contactName", "Primary contact")
+							}), /* @__PURE__ */ k(V, {
+								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", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ k(H, {
+								htmlFor: "hh-contact-email",
+								children: c("brainyrich.households.form.contactEmail", "Contact email")
+							}), /* @__PURE__ */ k(V, {
+								id: "hh-contact-email",
+								type: "email",
+								value: r.primaryContactEmail,
+								onChange: (e) => i("primaryContactEmail", e.target.value),
+								placeholder: "name@example.com"
 							})]
-						}, e.id))
+						})]
+					}),
+					/* @__PURE__ */ A("div", {
+						className: "grid gap-4 sm:grid-cols-2",
+						children: [/* @__PURE__ */ A("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ k(H, { children: c("brainyrich.households.form.currency", "Currency") }), /* @__PURE__ */ A(U, {
+								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, {
+									value: e,
+									children: e
+								}, e)) })]
+							})]
+						}), n ? null : /* @__PURE__ */ A("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ k(H, {
+								htmlFor: "hh-advisor",
+								children: c("brainyrich.households.form.advisor", "Advisor ID")
+							}), /* @__PURE__ */ k(V, {
+								id: "hh-advisor",
+								value: r.advisorId,
+								onChange: (e) => i("advisorId", e.target.value),
+								placeholder: c("brainyrich.households.form.advisorPh", "Optional")
+							})]
+						})]
+					}),
+					n ? /* @__PURE__ */ k(b, {
+						entityType: "brainyrich-household",
+						entityId: n.id,
+						label: c("brainyrich.households.form.tags", "Tags")
+					}) : /* @__PURE__ */ A("div", {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ k(H, {
+							htmlFor: "hh-tags",
+							children: c("brainyrich.households.form.tags", "Tags")
+						}), /* @__PURE__ */ k(V, {
+							id: "hh-tags",
+							value: r.tags,
+							onChange: (e) => i("tags", e.target.value),
+							placeholder: c("brainyrich.households.form.tagsPh", "Comma-separated")
+						})]
+					}),
+					/* @__PURE__ */ A("div", {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ k(H, {
+							htmlFor: "hh-notes",
+							children: c("brainyrich.households.form.notes", "Notes")
+						}), /* @__PURE__ */ k(ye, {
+							id: "hh-notes",
+							value: r.notes,
+							onChange: (e) => i("notes", e.target.value),
+							rows: 3
+						})]
+					}),
+					/* @__PURE__ */ A(L, { children: [/* @__PURE__ */ k(P, {
+						asChild: !0,
+						children: /* @__PURE__ */ k(M, {
+							type: "button",
+							variant: "outline",
+							children: c("brainyrich.common.cancel", "Cancel")
+						})
+					}), /* @__PURE__ */ k(M, {
+						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")
 					})] })
-				}),
-				/* @__PURE__ */ u(b, {
-					value: "goals",
-					className: "space-y-4",
-					children: w.map((e) => {
-						let t = Math.round(e.current / e.target * 100);
-						return /* @__PURE__ */ u(m, { children: /* @__PURE__ */ d(h, {
-							className: "p-4 space-y-3",
-							children: [
-								/* @__PURE__ */ d("div", {
-									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
-										className: "font-semibold",
-										children: e.title
-									}), /* @__PURE__ */ d("p", {
-										className: "text-xs text-muted-foreground",
-										children: [
-											e.category,
-											" · Assigned to: ",
-											e.assignees.join(", ")
-										]
-									})] }), /* @__PURE__ */ u(f, {
-										variant: e.status === "On Track" ? "default" : "secondary",
-										children: e.status
-									})]
+				]
+			})]
+		})
+	});
+}
+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,
+		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(pe, {
+						className: "space-y-2",
+						children: [
+							/* @__PURE__ */ k(me, { children: c.name }),
+							/* @__PURE__ */ k(fe, { children: o("brainyrich.households.detail.subtitle", "Household overview") }),
+							/* @__PURE__ */ A("div", {
+								className: "flex flex-wrap items-center gap-2 pt-1",
+								children: [/* @__PURE__ */ k(j, {
+									variant: ee(c.status),
+									children: c.status
+								}), /* @__PURE__ */ k(j, {
+									variant: "secondary",
+									children: c.riskProfile
+								})]
+							})
+						]
+					}),
+					/* @__PURE__ */ A("div", {
+						className: "grid grid-cols-3 gap-3",
+						children: [
+							/* @__PURE__ */ k(Q, {
+								icon: /* @__PURE__ */ k(O, {
+									className: "size-4",
+									"aria-hidden": "true"
 								}),
-								/* @__PURE__ */ u("div", {
-									className: "h-3 rounded bg-muted overflow-hidden",
-									children: /* @__PURE__ */ u("div", {
-										className: `h-3 rounded ${e.status === "On Track" ? "bg-emerald-500" : "bg-yellow-500"}`,
-										style: { width: `${t}%` }
-									})
+								label: o("brainyrich.households.detail.accounts", "Accounts"),
+								value: String(g.length)
+							}),
+							/* @__PURE__ */ k(Q, {
+								icon: /* @__PURE__ */ k(w, {
+									className: "size-4",
+									"aria-hidden": "true"
 								}),
-								/* @__PURE__ */ d("div", {
-									className: "flex justify-between text-sm",
-									children: [/* @__PURE__ */ d("span", { children: [r(e.current), " saved"] }), /* @__PURE__ */ d("span", {
-										className: "font-medium",
-										children: [
-											t,
-											"% of ",
-											r(e.target)
-										]
-									})]
-								})
-							]
-						}) }, e.id);
+								label: o("brainyrich.households.detail.portfolios", "Portfolios"),
+								value: String(b.length)
+							}),
+							/* @__PURE__ */ k(Q, {
+								icon: /* @__PURE__ */ k(E, {
+									className: "size-4",
+									"aria-hidden": "true"
+								}),
+								label: o("brainyrich.households.detail.goals", "Goals"),
+								value: String(S.length)
+							})
+						]
+					}),
+					/* @__PURE__ */ k(oe, { children: /* @__PURE__ */ A(se, {
+						className: "space-y-3 p-4 text-sm",
+						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__ */ k($, {
+								label: o("brainyrich.households.detail.contact", "Primary contact"),
+								value: c.primaryContactName ?? "—"
+							}),
+							/* @__PURE__ */ k($, {
+								label: o("brainyrich.households.form.contactEmail", "Contact email"),
+								value: c.primaryContactEmail ?? "—"
+							}),
+							/* @__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__ */ k($, {
+								label: o("brainyrich.households.detail.created", "Created"),
+								value: _(c.createdAt)
+							}),
+							/* @__PURE__ */ k($, {
+								label: o("brainyrich.households.detail.updated", "Last updated"),
+								value: _(c.updatedAt)
+							})
+						]
+					}) }),
+					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, {
+						variant: "outline",
+						className: "w-full",
+						onClick: () => r(c),
+						children: [/* @__PURE__ */ k(T, {
+							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")
+			})
+		})
+	});
+}
+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",
+		children: [
+			/* @__PURE__ */ k("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", {
+				className: "text-lg font-semibold text-text-primary",
+				children: n
+			}),
+			/* @__PURE__ */ k("p", {
+				className: "text-xs text-text-secondary",
+				children: t
+			})
+		]
+	});
+}
+function $({ label: e, value: t }) {
+	return /* @__PURE__ */ A("div", {
+		className: "flex items-center justify-between gap-4",
+		children: [/* @__PURE__ */ k("span", {
+			className: "text-text-secondary",
+			children: e
+		}), /* @__PURE__ */ k("span", {
+			className: "text-right font-medium text-text-primary",
+			children: t
 		})]
 	});
 }
 //#endregion
-export { T as FamilyPage };
+export { Te as FamilyPage };
 
 //# sourceMappingURL=FamilyPage.js.map