@burdenoff/microfe-brainyrich 2026.525.1 → 2026.705.1

package/dist/brainyrich/pages/FamilyPage.js

@@ -1,358 +1,571 @@
-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, useHouseholds as o, usePortfolios as s, useUpdateHousehold as c } from "../hooks/useBrainyRichApi.js";
+import { EmptyState as l, ErrorState as u, KpiGrid as d, LoadingState as f, SectionShell as p, formatDate as m, formatMoney as h, statusBadgeVariant as g } from "./_shared.js";
+import { useMemo as _, useState as v } from "react";
+import { Archive as y, Briefcase as b, Eye as ee, Mail as te, MoreHorizontal as ne, Pencil as x, Target as S, Users as C, Wallet as w } from "lucide-react";
+import { useI18n as re } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { jsx as T, jsxs as E } from "react/jsx-runtime";
+import { Badge as D, Button as O, Card as k, CardContent as A, Dialog as j, DialogClose as M, DialogContent as N, DialogDescription as P, DialogFooter as F, DialogHeader as I, DialogTitle as L, DropdownMenu as ie, DropdownMenuContent as ae, DropdownMenuItem as R, DropdownMenuSeparator as oe, DropdownMenuTrigger as se, Input as z, Label as B, Select as V, SelectContent as H, SelectItem as U, SelectTrigger as W, SelectValue as G, Sheet as K, SheetContent as ce, SheetDescription as le, SheetHeader as ue, SheetTitle as de, Table as fe, TableBody as pe, TableCell as q, TableHead as J, TableHeader as me, TableRow as Y, Textarea as he } 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 ge = [
+	"PROSPECT",
+	"ONBOARDING",
+	"ACTIVE",
+	"INACTIVE"
+], _e = [
+	"CONSERVATIVE",
+	"MODERATE",
+	"BALANCED",
+	"GROWTH",
+	"AGGRESSIVE"
+], ve = [
+	"USD",
+	"EUR",
+	"GBP",
+	"INR",
+	"AED",
+	"SGD"
+], X = {
+	name: "",
+	status: "PROSPECT",
+	riskProfile: "BALANCED",
+	currency: "USD",
+	advisorId: "",
+	primaryContactName: "",
+	primaryContactEmail: "",
+	notes: "",
+	tags: ""
+};
+function Z(e) {
+	return e.split(",").map((e) => e.trim()).filter(Boolean);
+}
+function ye() {
+	let { t } = re(), i = (n, r, i) => e(t, n, r, i), { data: a, isLoading: s, isError: m, refetch: b } = o(), S = r(), w = c(), j = n(), [M, N] = v(!1), [P, F] = v(null), [I, L] = v(X), [z, B] = v(void 0), V = (e, t) => L((n) => ({
+		...n,
+		[e]: t
+	})), H = () => {
+		F(null), L(X), N(!0);
+	}, U = (e) => {
+		F(e), L({
+			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(", ")
+		}), N(!0);
+	}, W = _(() => ({
+		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]), G = S.isPending || w.isPending, K = I.name.trim().length > 0 && !G;
+	return /* @__PURE__ */ E(p, {
+		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: H,
+		children: [
+			/* @__PURE__ */ T(d, { items: [
+				{
+					label: i("brainyrich.households.kpi.total", "Households"),
+					value: String(W.total)
+				},
+				{
+					label: i("brainyrich.households.kpi.active", "Active"),
+					value: String(W.active)
+				},
+				{
+					label: i("brainyrich.households.kpi.pipeline", "In pipeline"),
+					value: String(W.pipeline),
+					trend: i("brainyrich.households.kpi.pipelineHint", "Prospect + onboarding")
+				},
+				{
+					label: i("brainyrich.households.kpi.aum", "Total AUM"),
+					value: h(W.aum, W.currency)
+				}
+			] }),
+			s ? /* @__PURE__ */ T(f, { rows: 5 }) : m ? /* @__PURE__ */ T(u, {
+				title: i("brainyrich.households.error.title", "Could not load households"),
+				onRetry: () => b()
+			}) : a.length === 0 ? /* @__PURE__ */ T(l, {
+				icon: /* @__PURE__ */ T(C, {
+					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__ */ T(O, {
+					size: "sm",
+					onClick: H,
+					children: i("brainyrich.households.new", "New household")
+				})
+			}) : /* @__PURE__ */ T(k, { children: /* @__PURE__ */ T(A, {
+				className: "p-0",
+				children: /* @__PURE__ */ T("div", {
+					className: "overflow-x-auto",
+					children: /* @__PURE__ */ E(fe, { children: [/* @__PURE__ */ T(me, { children: /* @__PURE__ */ E(Y, { children: [
+						/* @__PURE__ */ T(J, { children: i("brainyrich.households.col.name", "Household") }),
+						/* @__PURE__ */ T(J, { children: i("brainyrich.households.col.status", "Status") }),
+						/* @__PURE__ */ T(J, { children: i("brainyrich.households.col.risk", "Risk profile") }),
+						/* @__PURE__ */ T(J, { children: i("brainyrich.households.col.contact", "Primary contact") }),
+						/* @__PURE__ */ T(J, {
+							className: "text-right",
+							children: i("brainyrich.households.col.aum", "AUM")
 						}),
-						/* @__PURE__ */ u(S, {
-							value: "goals",
-							children: "Family Goals"
+						/* @__PURE__ */ T(J, {
+							className: "w-12 text-right",
+							children: /* @__PURE__ */ T("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__ */ T(pe, { children: a.map((e) => /* @__PURE__ */ E(Y, { children: [
+						/* @__PURE__ */ E(q, { children: [/* @__PURE__ */ T("button", {
+							type: "button",
+							className: "text-left font-medium text-text-primary hover:underline",
+							onClick: () => B(e.id),
+							children: e.name
+						}), e.tags.length > 0 ? /* @__PURE__ */ T("div", {
+							className: "mt-1 flex flex-wrap gap-1",
+							children: e.tags.map((e) => /* @__PURE__ */ T(D, {
+								variant: "outline",
+								className: "text-xs",
+								children: e
+							}, e))
+						}) : null] }),
+						/* @__PURE__ */ T(q, { children: /* @__PURE__ */ T(D, {
+							variant: g(e.status),
+							children: e.status
+						}) }),
+						/* @__PURE__ */ T(q, { children: /* @__PURE__ */ T(D, {
+							variant: "secondary",
+							children: e.riskProfile
+						}) }),
+						/* @__PURE__ */ T(q, { children: e.primaryContactName ? /* @__PURE__ */ E("div", {
+							className: "space-y-0.5",
+							children: [/* @__PURE__ */ T("p", {
+								className: "text-sm text-text-primary",
+								children: e.primaryContactName
+							}), e.primaryContactEmail ? /* @__PURE__ */ E("p", {
+								className: "flex items-center gap-1 text-xs text-text-secondary",
+								children: [/* @__PURE__ */ T(te, {
+									className: "size-3",
+									"aria-hidden": "true"
+								}), e.primaryContactEmail]
+							}) : null]
+						}) : /* @__PURE__ */ T("span", {
+							className: "text-sm text-text-muted",
+							children: "—"
+						}) }),
+						/* @__PURE__ */ T(q, {
+							className: "text-right font-medium text-text-primary",
+							children: h(e.aum, e.currency)
+						}),
+						/* @__PURE__ */ T(q, {
+							className: "text-right",
+							children: /* @__PURE__ */ E(ie, { children: [/* @__PURE__ */ T(se, {
+								asChild: !0,
+								children: /* @__PURE__ */ T(O, {
+									variant: "ghost",
+									size: "icon",
+									"aria-label": i("brainyrich.households.rowMenu", "Household actions"),
+									children: /* @__PURE__ */ T(ne, {
+										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__ */ E(ae, {
+								align: "end",
 								children: [
-									/* @__PURE__ */ u(f, {
-										variant: e.status === "Active" ? "default" : "secondary",
-										children: e.status
+									/* @__PURE__ */ E(R, {
+										onClick: () => B(e.id),
+										children: [/* @__PURE__ */ T(ee, {
+											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__ */ E(R, {
+										onClick: () => U(e),
+										children: [/* @__PURE__ */ T(x, {
+											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__ */ T(oe, {}),
+									/* @__PURE__ */ E(R, {
+										className: "text-status-error-text focus:text-status-error-text",
+										disabled: j.isPending,
+										onClick: () => j.mutate(e.id),
+										children: [/* @__PURE__ */ T(y, {
+											className: "size-4",
+											"aria-hidden": "true"
+										}), i("brainyrich.households.action.archive", "Archive")]
 									})
 								]
+							})] })
+						})
+					] }, e.id)) })] })
+				})
+			}) }),
+			/* @__PURE__ */ T(be, {
+				open: M,
+				onOpenChange: N,
+				editing: P,
+				form: I,
+				setField: V,
+				onSubmit: () => {
+					if (K) if (P) {
+						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: Z(I.tags)
+						};
+						w.mutate({
+							id: P.id,
+							input: e
+						}, { onSuccess: () => N(!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: Z(I.tags)
+						};
+						I.advisorId.trim() && (e.advisorId = I.advisorId.trim()), S.mutate(e, { onSuccess: () => N(!1) });
+					}
+				},
+				canSubmit: K,
+				submitting: G,
+				tr: i
+			}),
+			/* @__PURE__ */ T(xe, {
+				householdId: z,
+				onClose: () => B(void 0),
+				onEdit: (e) => {
+					B(void 0), U(e);
+				},
+				tr: i
+			})
+		]
+	});
+}
+function be({ open: e, onOpenChange: t, editing: n, form: r, setField: i, onSubmit: a, canSubmit: o, submitting: s, tr: c }) {
+	return /* @__PURE__ */ T(j, {
+		open: e,
+		onOpenChange: t,
+		children: /* @__PURE__ */ E(N, {
+			className: "max-h-[90vh] overflow-y-auto sm:max-w-lg",
+			children: [/* @__PURE__ */ E(I, { children: [/* @__PURE__ */ T(L, { children: n ? c("brainyrich.households.form.editTitle", "Edit household") : c("brainyrich.households.form.createTitle", "New household") }), /* @__PURE__ */ T(P, { children: c("brainyrich.households.form.subtitle", "A household groups a client family’s accounts, portfolios and goals.") })] }), /* @__PURE__ */ E("form", {
+				className: "space-y-4",
+				onSubmit: (e) => {
+					e.preventDefault(), a();
+				},
+				children: [
+					/* @__PURE__ */ E("div", {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ E(B, {
+							htmlFor: "hh-name",
+							children: [c("brainyrich.households.form.name", "Name"), " *"]
+						}), /* @__PURE__ */ T(z, {
+							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__ */ E("div", {
+						className: "grid gap-4 sm:grid-cols-2",
+						children: [/* @__PURE__ */ E("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ T(B, { children: c("brainyrich.households.form.status", "Status") }), /* @__PURE__ */ E(V, {
+								value: r.status,
+								onValueChange: (e) => i("status", e),
+								children: [/* @__PURE__ */ T(W, { children: /* @__PURE__ */ T(G, {}) }), /* @__PURE__ */ T(H, { children: ge.map((e) => /* @__PURE__ */ T(U, {
+									value: e,
+									children: e
+								}, e)) })]
+							})]
+						}), /* @__PURE__ */ E("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ T(B, { children: c("brainyrich.households.form.risk", "Risk profile") }), /* @__PURE__ */ E(V, {
+								value: r.riskProfile,
+								onValueChange: (e) => i("riskProfile", e),
+								children: [/* @__PURE__ */ T(W, { children: /* @__PURE__ */ T(G, {}) }), /* @__PURE__ */ T(H, { children: _e.map((e) => /* @__PURE__ */ T(U, {
+									value: e,
+									children: e
+								}, e)) })]
+							})]
+						})]
+					}),
+					/* @__PURE__ */ E("div", {
+						className: "grid gap-4 sm:grid-cols-2",
+						children: [/* @__PURE__ */ E("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ T(B, {
+								htmlFor: "hh-contact-name",
+								children: c("brainyrich.households.form.contactName", "Primary contact")
+							}), /* @__PURE__ */ T(z, {
+								id: "hh-contact-name",
+								value: r.primaryContactName,
+								onChange: (e) => i("primaryContactName", e.target.value),
+								placeholder: c("brainyrich.households.form.contactNamePh", "Full name")
+							})]
+						}), /* @__PURE__ */ E("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ T(B, {
+								htmlFor: "hh-contact-email",
+								children: c("brainyrich.households.form.contactEmail", "Contact email")
+							}), /* @__PURE__ */ T(z, {
+								id: "hh-contact-email",
+								type: "email",
+								value: r.primaryContactEmail,
+								onChange: (e) => i("primaryContactEmail", e.target.value),
+								placeholder: "name@example.com"
 							})]
-						}, e.id))
+						})]
+					}),
+					/* @__PURE__ */ E("div", {
+						className: "grid gap-4 sm:grid-cols-2",
+						children: [/* @__PURE__ */ E("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ T(B, { children: c("brainyrich.households.form.currency", "Currency") }), /* @__PURE__ */ E(V, {
+								value: r.currency,
+								onValueChange: (e) => i("currency", e),
+								children: [/* @__PURE__ */ T(W, { children: /* @__PURE__ */ T(G, {}) }), /* @__PURE__ */ T(H, { children: ve.map((e) => /* @__PURE__ */ T(U, {
+									value: e,
+									children: e
+								}, e)) })]
+							})]
+						}), n ? null : /* @__PURE__ */ E("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ T(B, {
+								htmlFor: "hh-advisor",
+								children: c("brainyrich.households.form.advisor", "Advisor ID")
+							}), /* @__PURE__ */ T(z, {
+								id: "hh-advisor",
+								value: r.advisorId,
+								onChange: (e) => i("advisorId", e.target.value),
+								placeholder: c("brainyrich.households.form.advisorPh", "Optional")
+							})]
+						})]
+					}),
+					/* @__PURE__ */ E("div", {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ T(B, {
+							htmlFor: "hh-tags",
+							children: c("brainyrich.households.form.tags", "Tags")
+						}), /* @__PURE__ */ T(z, {
+							id: "hh-tags",
+							value: r.tags,
+							onChange: (e) => i("tags", e.target.value),
+							placeholder: c("brainyrich.households.form.tagsPh", "Comma-separated")
+						})]
+					}),
+					/* @__PURE__ */ E("div", {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ T(B, {
+							htmlFor: "hh-notes",
+							children: c("brainyrich.households.form.notes", "Notes")
+						}), /* @__PURE__ */ T(he, {
+							id: "hh-notes",
+							value: r.notes,
+							onChange: (e) => i("notes", e.target.value),
+							rows: 3
+						})]
+					}),
+					/* @__PURE__ */ E(F, { children: [/* @__PURE__ */ T(M, {
+						asChild: !0,
+						children: /* @__PURE__ */ T(O, {
+							type: "button",
+							variant: "outline",
+							children: c("brainyrich.common.cancel", "Cancel")
+						})
+					}), /* @__PURE__ */ T(O, {
+						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 xe({ householdId: e, onClose: n, onEdit: r, tr: o }) {
+	let { data: c, isLoading: d, isError: p, refetch: _ } = a(e), { data: v } = t(e ? { householdId: e } : {}), { data: y } = s(e ? { householdId: e } : {}), { data: ee } = i(e ? { householdId: e } : {});
+	return /* @__PURE__ */ T(K, {
+		open: !!e,
+		onOpenChange: (e) => e ? void 0 : n(),
+		children: /* @__PURE__ */ T(ce, {
+			className: "w-full overflow-y-auto sm:max-w-md",
+			children: d ? /* @__PURE__ */ T("div", {
+				className: "p-2",
+				children: /* @__PURE__ */ T(f, { rows: 4 })
+			}) : p ? /* @__PURE__ */ T(u, {
+				title: o("brainyrich.households.detail.error", "Could not load household"),
+				onRetry: () => _()
+			}) : c ? /* @__PURE__ */ E("div", {
+				className: "space-y-6",
+				children: [
+					/* @__PURE__ */ E(ue, {
+						className: "space-y-2",
+						children: [
+							/* @__PURE__ */ T(de, { children: c.name }),
+							/* @__PURE__ */ T(le, { children: o("brainyrich.households.detail.subtitle", "Household overview") }),
+							/* @__PURE__ */ E("div", {
+								className: "flex flex-wrap items-center gap-2 pt-1",
+								children: [/* @__PURE__ */ T(D, {
+									variant: g(c.status),
+									children: c.status
+								}), /* @__PURE__ */ T(D, {
+									variant: "secondary",
+									children: c.riskProfile
+								})]
+							})
+						]
+					}),
+					/* @__PURE__ */ E("div", {
+						className: "grid grid-cols-3 gap-3",
+						children: [
+							/* @__PURE__ */ T(Q, {
+								icon: /* @__PURE__ */ T(w, {
+									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(v.length)
+							}),
+							/* @__PURE__ */ T(Q, {
+								icon: /* @__PURE__ */ T(b, {
+									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(y.length)
+							}),
+							/* @__PURE__ */ T(Q, {
+								icon: /* @__PURE__ */ T(S, {
+									className: "size-4",
+									"aria-hidden": "true"
+								}),
+								label: o("brainyrich.households.detail.goals", "Goals"),
+								value: String(ee.length)
+							})
+						]
+					}),
+					/* @__PURE__ */ T(k, { children: /* @__PURE__ */ E(A, {
+						className: "space-y-3 p-4 text-sm",
+						children: [
+							/* @__PURE__ */ T($, {
+								label: o("brainyrich.households.detail.aum", "AUM"),
+								value: h(c.aum, c.currency)
+							}),
+							/* @__PURE__ */ T($, {
+								label: o("brainyrich.households.form.currency", "Currency"),
+								value: c.currency
+							}),
+							/* @__PURE__ */ T($, {
+								label: o("brainyrich.households.detail.contact", "Primary contact"),
+								value: c.primaryContactName ?? "—"
+							}),
+							/* @__PURE__ */ T($, {
+								label: o("brainyrich.households.form.contactEmail", "Contact email"),
+								value: c.primaryContactEmail ?? "—"
+							}),
+							/* @__PURE__ */ T($, {
+								label: o("brainyrich.households.detail.created", "Created"),
+								value: m(c.createdAt)
+							}),
+							/* @__PURE__ */ T($, {
+								label: o("brainyrich.households.detail.updated", "Last updated"),
+								value: m(c.updatedAt)
+							})
+						]
+					}) }),
+					c.tags.length > 0 ? /* @__PURE__ */ T("div", {
+						className: "flex flex-wrap gap-1",
+						children: c.tags.map((e) => /* @__PURE__ */ T(D, {
+							variant: "outline",
+							children: e
+						}, e))
+					}) : null,
+					c.notes ? /* @__PURE__ */ E("div", {
+						className: "space-y-1",
+						children: [/* @__PURE__ */ T("p", {
+							className: "text-xs font-medium text-text-secondary",
+							children: o("brainyrich.households.form.notes", "Notes")
+						}), /* @__PURE__ */ T("p", {
+							className: "text-sm text-text-primary",
+							children: c.notes
+						})]
+					}) : null,
+					/* @__PURE__ */ E(O, {
+						variant: "outline",
+						className: "w-full",
+						onClick: () => r(c),
+						children: [/* @__PURE__ */ T(x, {
+							className: "size-4",
+							"aria-hidden": "true"
+						}), o("brainyrich.households.action.edit", "Edit")]
 					})
-				})
-			]
+				]
+			}) : /* @__PURE__ */ T(l, {
+				icon: /* @__PURE__ */ T(C, {
+					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__ */ E("div", {
+		className: "rounded-lg border border-border-subtle bg-bg-surface p-3 text-center",
+		children: [
+			/* @__PURE__ */ T("div", {
+				className: "mx-auto mb-1 flex size-8 items-center justify-center rounded-full bg-bg-sunken text-text-secondary",
+				children: e
+			}),
+			/* @__PURE__ */ T("p", {
+				className: "text-lg font-semibold text-text-primary",
+				children: n
+			}),
+			/* @__PURE__ */ T("p", {
+				className: "text-xs text-text-secondary",
+				children: t
+			})
+		]
+	});
+}
+function $({ label: e, value: t }) {
+	return /* @__PURE__ */ E("div", {
+		className: "flex items-center justify-between gap-4",
+		children: [/* @__PURE__ */ T("span", {
+			className: "text-text-secondary",
+			children: e
+		}), /* @__PURE__ */ T("span", {
+			className: "text-right font-medium text-text-primary",
+			children: t
 		})]
 	});
 }
 //#endregion
-export { T as FamilyPage };
+export { ye as FamilyPage };
 
 //# sourceMappingURL=FamilyPage.js.map