@burdenoff/microfe-brainyrich 2026.1101.2 → 2026.1101.3

package/dist/brainyrich/pages/GoalsPage.js

@@ -4,17 +4,22 @@ import { LoadMore as te } from "../components/LoadMore.js";
 import { ConfirmDialog as ne } from "../components/ConfirmDialog.js";
 import { FadeIn as d, GlassCard as re, MiniAreaChart as ie, ProgressRing as ae, StatTile as f } from "../components/viz.js";
 import "../components/index.js";
-import { EmptyState as oe, ErrorState as se, LoadingState as ce, SectionShell as p, formatCompact as le, formatDate as ue, formatMoney as m, formatPct as h, statusBadgeVariant as de } from "./_shared.js";
+import { EmptyState as oe, ErrorState as se, LoadingState as ce, SectionShell as p, formatCompact as m, formatDate as le, formatMoney as h, formatPct as ue, statusBadgeVariant as de } from "./_shared.js";
 import { hapticSuccess as g, showToast as _ } from "../utils/nativeControls.js";
 import { useTrackBrainyRichPageView as v } from "../hooks/useBrainyRichAnalytics.js";
-import { TagField as y } from "../components/reuse/TagField.js";
-import { useMemo as b, useState as x } from "react";
-import { AlertTriangle as S, CalendarClock as fe, Coins as pe, LineChart as me, Link2 as he, MoreHorizontal as C, PiggyBank as ge, Plus as w, RefreshCw as _e, Target as T, Trash2 as ve, TrendingDown as E, TrendingUp as ye, Unlink as D, Wallet as O } from "lucide-react";
-import { useI18n as k } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Fragment as A, jsx as j, jsxs as M } from "react/jsx-runtime";
-import { Badge as N, Button as P, Card as be, CardContent as xe, CardDescription as F, CardHeader as I, CardTitle as L, DropdownMenu as Se, DropdownMenuContent as Ce, DropdownMenuItem as R, DropdownMenuSeparator as we, DropdownMenuTrigger as Te, Input as z, Label as B, ResponsiveDialog as V, ResponsiveDialogContent as H, ResponsiveDialogDescription as U, ResponsiveDialogFooter as W, ResponsiveDialogHeader as G, ResponsiveDialogTitle as Ee, Select as K, SelectContent as q, SelectItem as J, SelectTrigger as Y, SelectValue as X, Sheet as De, SheetContent as Oe, SheetDescription as ke, SheetHeader as Ae, SheetTitle as je, Table as Me, TableBody as Ne, TableCell as Z, TableHead as Q, TableHeader as Pe, TableRow as Fe, Textarea as Ie } from "@burdenoff/fe-libs/ui";
+import { useIsMobileViewport as y } from "../hooks/useIsMobileViewport.js";
+import { GOAL_DETAIL_PARAM as b } from "../navItems.js";
+import { fundedPercent as fe, goalTone as pe } from "../utils/goalMetrics.js";
+import { TagField as x } from "../components/reuse/TagField.js";
+import { MobileGoalsView as S } from "./mobile/MobileGoalsView.js";
+import { useMemo as me, useState as C } from "react";
+import { AlertTriangle as w, CalendarClock as he, Coins as ge, LineChart as _e, Link2 as ve, MoreHorizontal as ye, PiggyBank as T, Plus as be, RefreshCw as xe, Target as E, Trash2 as D, TrendingDown as O, TrendingUp as k, Unlink as Se, Wallet as A } from "lucide-react";
+import { useI18n as j } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useSearchParams as Ce } from "react-router";
+import { Fragment as M, jsx as N, jsxs as P } from "react/jsx-runtime";
+import { Badge as F, Button as I, Card as we, CardContent as Te, CardDescription as Ee, CardHeader as De, CardTitle as Oe, DropdownMenu as ke, DropdownMenuContent as Ae, DropdownMenuItem as L, DropdownMenuSeparator as je, DropdownMenuTrigger as Me, Input as R, Label as z, ResponsiveDialog as B, ResponsiveDialogContent as Ne, ResponsiveDialogDescription as Pe, ResponsiveDialogFooter as V, ResponsiveDialogHeader as Fe, ResponsiveDialogTitle 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 Ie, SheetHeader as X, SheetTitle as Le, Table as Re, TableBody as ze, TableCell as Z, TableHead as Q, TableHeader as Be, TableRow as Ve, Textarea as He } from "@burdenoff/fe-libs/ui";
 //#region src/brainyrich/pages/GoalsPage.tsx
-var Le = [
+var Ue = [
 	"RETIREMENT",
 	"EDUCATION",
 	"HOME",
@@ -22,25 +27,25 @@ var Le = [
 	"MAJOR_PURCHASE",
 	"WEALTH_GROWTH",
 	"CUSTOM"
-], Re = [
+], We = [
 	"ACTIVE",
 	"ACHIEVED",
 	"ON_HOLD",
 	"ABANDONED"
 ];
-function ze(e) {
+function Ge(e) {
 	switch (e) {
 		case "AHEAD":
 		case "ON_TRACK": return {
-			icon: ye,
+			icon: k,
 			tone: "text-status-success-text"
 		};
 		case "BEHIND": return {
-			icon: E,
+			icon: O,
 			tone: "text-status-warning-text"
 		};
 		default: return {
-			icon: S,
+			icon: w,
 			tone: "text-status-error-text"
 		};
 	}
@@ -48,22 +53,7 @@ function ze(e) {
 function $(e) {
 	return e.toLowerCase().split("_").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join(" ");
 }
-function Be(e) {
-	return (e.fundings ?? []).reduce((e, t) => e + (t.fixedAmount ?? 0), 0);
-}
-function Ve(e) {
-	return e.status === "ACHIEVED" ? 100 : e.targetAmount > 0 ? Math.max(0, Math.min(100, Be(e) / e.targetAmount * 100)) : 0;
-}
-function He(e, t) {
-	if (e === "ACHIEVED") return "success";
-	switch (t) {
-		case "AHEAD":
-		case "ON_TRACK": return "brand";
-		case "BEHIND": return "warning";
-		default: return "error";
-	}
-}
-function Ue(e, t, n) {
+function Ke(e, t, n) {
 	if (!n) return [];
 	let r = new Date(n);
 	if (Number.isNaN(r.getTime())) return [];
@@ -82,12 +72,12 @@ function Ue(e, t, n) {
 	}
 	return c;
 }
-function We(e) {
+function qe(e) {
 	if (!e) return "";
 	let t = new Date(e);
 	return Number.isNaN(t.getTime()) ? "" : t.toISOString().slice(0, 10);
 }
-function Ge() {
+function Je() {
 	return {
 		name: "",
 		type: "CUSTOM",
@@ -101,13 +91,13 @@ function Ge() {
 		notes: ""
 	};
 }
-function Ke(e) {
+function Ye(e) {
 	return {
 		name: e.name,
 		type: e.type,
 		status: e.status,
 		targetAmount: String(e.targetAmount),
-		targetDate: We(e.targetDate),
+		targetDate: qe(e.targetDate),
 		monthlyContribution: String(e.monthlyContribution),
 		priority: String(e.priority),
 		currency: e.currency,
@@ -115,381 +105,400 @@ function Ke(e) {
 		notes: e.notes ?? ""
 	};
 }
-var qe = "__none__";
-function Je() {
-	let { t } = k(), i = (n, r, i) => e(t, n, r, i);
+var Xe = "__none__";
+function Ze() {
+	let { t } = j(), i = (n, r, i) => e(t, n, r, i);
 	v("brainyrich.goals.viewed");
-	let { items: a, hasMore: s, loadMore: l, isFetchingNextPage: u, isLoading: re, isError: ie, refetch: le } = c(), { data: h } = o(), y = r(), me = ee(), E = n(), [ye, D] = x(!1), [O, z] = x(null), [B, V] = x(null), [H, U] = x(null), [W, G] = x(Ge), Ee = (e, t) => G((n) => ({
+	let a = y(), { items: s, hasMore: l, loadMore: u, isFetchingNextPage: re, isLoading: ie, isError: m, refetch: ue } = c(), { data: x } = o(), _e = r(), O = ee(), k = n(), [Se, A] = C(!1), [R, z] = C(null), [B, Ne] = Ce(), [Pe, V] = C(() => B.get(b)), Fe = () => {
+		if (V(null), B.has("goal")) {
+			let e = new URLSearchParams(B);
+			e.delete(b), Ne(e, { replace: !0 });
+		}
+	}, [H, U] = C(null), [W, G] = C(Je), K = (e, t) => G((n) => ({
 		...n,
 		[e]: t
-	})), K = b(() => ({
-		totalTarget: a.reduce((e, t) => e + t.targetAmount, 0),
-		totalMonthly: a.reduce((e, t) => e + t.monthlyContribution, 0),
-		atRisk: a.filter((e) => e.projection === "AT_RISK" || e.projection === "BEHIND").length
-	}), [a]), q = a[0]?.currency ?? "USD", J = () => {
-		G(Ge()), D(!0);
-	}, Y = (e) => {
-		G(Ke(e)), z(e);
-	}, X = W.name.trim().length > 0 && Number(W.targetAmount) > 0 && W.targetDate.length > 0;
-	return /* @__PURE__ */ M("div", {
-		"data-tour": "brainyrich-page-goals",
-		className: "contents",
-		children: [
-			/* @__PURE__ */ j(p, {
-				title: i("brainyrich.goals.title", "Financial Goals"),
-				description: i("brainyrich.goals.description", "Track progress toward your wealth milestones and life objectives"),
-				actionLabel: i("brainyrich.goals.actions.createGoal", "New goal"),
-				onAction: J,
-				children: re ? /* @__PURE__ */ j(ce, { rows: 4 }) : ie ? /* @__PURE__ */ j(se, {
-					title: i("brainyrich.goals.error.title", "Could not load goals"),
-					description: i("brainyrich.goals.error.description", "We could not reach the goals service. Please try again."),
-					onRetry: () => le()
-				}) : a.length === 0 ? /* @__PURE__ */ j(oe, {
-					icon: /* @__PURE__ */ j(T, {
-						className: "size-6",
-						"aria-hidden": "true"
-					}),
-					title: i("brainyrich.goals.empty.title", "No financial goals yet"),
-					description: i("brainyrich.goals.empty.description", "Create your first goal to start tracking progress toward a milestone."),
-					action: /* @__PURE__ */ M(P, {
-						size: "sm",
-						onClick: J,
-						children: [/* @__PURE__ */ j(w, {
+	})), q = me(() => ({
+		totalTarget: s.reduce((e, t) => e + t.targetAmount, 0),
+		totalMonthly: s.reduce((e, t) => e + t.monthlyContribution, 0),
+		atRisk: s.filter((e) => e.projection === "AT_RISK" || e.projection === "BEHIND").length
+	}), [s]), J = s[0]?.currency ?? "USD", Y = () => {
+		G(Je()), A(!0);
+	}, Ie = (e) => {
+		G(Ye(e)), z(e);
+	}, X = W.name.trim().length > 0 && Number(W.targetAmount) > 0 && W.targetDate.length > 0, Le = () => {
+		if (!X) return;
+		let e = {
+			name: W.name.trim(),
+			type: W.type,
+			targetAmount: Number(W.targetAmount),
+			targetDate: new Date(W.targetDate).toISOString(),
+			monthlyContribution: Number(W.monthlyContribution) || 0,
+			priority: Number(W.priority) || 1,
+			currency: W.currency.trim() || "USD",
+			notes: W.notes.trim() || null,
+			tags: [],
+			...W.householdId ? { householdId: W.householdId } : {}
+		};
+		_e.mutate(e, { onSuccess: () => {
+			g(), _(i("brainyrich.goals.created", "Goal created")), A(!1);
+		} });
+	}, Re = () => {
+		if (!R || !X) return;
+		let e = {
+			name: W.name.trim(),
+			type: W.type,
+			status: W.status,
+			targetAmount: Number(W.targetAmount),
+			targetDate: new Date(W.targetDate).toISOString(),
+			monthlyContribution: Number(W.monthlyContribution) || 0,
+			priority: Number(W.priority) || 1,
+			currency: W.currency.trim() || "USD",
+			notes: W.notes.trim() || null,
+			tags: R.tags
+		};
+		O.mutate({
+			id: R.id,
+			input: e
+		}, { onSuccess: () => {
+			g(), _(i("brainyrich.goals.saved", "Goal saved")), z(null);
+		} });
+	}, ze = () => ie ? /* @__PURE__ */ N(ce, { rows: 4 }) : m ? /* @__PURE__ */ N(se, {
+		title: i("brainyrich.goals.error.title", "Could not load goals"),
+		description: i("brainyrich.goals.error.description", "We could not reach the goals service. Please try again."),
+		onRetry: () => ue()
+	}) : s.length === 0 ? /* @__PURE__ */ N(oe, {
+		icon: /* @__PURE__ */ N(E, {
+			className: "size-6",
+			"aria-hidden": "true"
+		}),
+		title: i("brainyrich.goals.empty.title", "No financial goals yet"),
+		description: i("brainyrich.goals.empty.description", "Create your first goal to start tracking progress toward a milestone."),
+		action: /* @__PURE__ */ P(I, {
+			size: "sm",
+			onClick: Y,
+			children: [/* @__PURE__ */ N(be, {
+				className: "size-4",
+				"aria-hidden": "true"
+			}), i("brainyrich.goals.actions.createGoal", "New goal")]
+		})
+	}) : /* @__PURE__ */ P(M, { children: [
+		/* @__PURE__ */ P("div", {
+			className: "grid gap-4 sm:grid-cols-2 xl:grid-cols-4",
+			children: [
+				/* @__PURE__ */ N(d, {
+					index: 0,
+					children: /* @__PURE__ */ N(f, {
+						glow: !0,
+						icon: /* @__PURE__ */ N(E, {
 							className: "size-4",
 							"aria-hidden": "true"
-						}), i("brainyrich.goals.actions.createGoal", "New goal")]
+						}),
+						label: i("brainyrich.goals.metrics.activeGoals", "Goals"),
+						value: String(s.length)
 					})
-				}) : /* @__PURE__ */ M(A, { children: [
-					/* @__PURE__ */ M("div", {
-						className: "grid gap-4 sm:grid-cols-2 xl:grid-cols-4",
-						children: [
-							/* @__PURE__ */ j(d, {
-								index: 0,
-								children: /* @__PURE__ */ j(f, {
-									glow: !0,
-									icon: /* @__PURE__ */ j(T, {
-										className: "size-4",
-										"aria-hidden": "true"
-									}),
-									label: i("brainyrich.goals.metrics.activeGoals", "Goals"),
-									value: String(a.length)
-								})
-							}),
-							/* @__PURE__ */ j(d, {
-								index: 1,
-								children: /* @__PURE__ */ j(f, {
-									icon: /* @__PURE__ */ j(ge, {
-										className: "size-4",
-										"aria-hidden": "true"
-									}),
-									label: i("brainyrich.goals.metrics.totalTarget", "Total target"),
-									value: m(K.totalTarget, q)
-								})
-							}),
-							/* @__PURE__ */ j(d, {
-								index: 2,
-								children: /* @__PURE__ */ j(f, {
-									icon: /* @__PURE__ */ j(pe, {
-										className: "size-4",
-										"aria-hidden": "true"
-									}),
-									label: i("brainyrich.goals.metrics.monthly", "Monthly contributions"),
-									value: m(K.totalMonthly, q)
-								})
-							}),
-							/* @__PURE__ */ j(d, {
-								index: 3,
-								children: /* @__PURE__ */ j(f, {
-									icon: /* @__PURE__ */ j(S, {
-										className: "size-4",
-										"aria-hidden": "true"
-									}),
-									label: i("brainyrich.goals.metrics.atRisk", "Needs attention"),
-									value: String(K.atRisk),
-									className: K.atRisk > 0 ? "ring-1 ring-status-error-text/30" : void 0
-								})
-							})
-						]
-					}),
-					/* @__PURE__ */ j("div", {
-						className: "grid gap-4 md:grid-cols-2 xl:grid-cols-3",
-						children: a.map((e, t) => {
-							let n = ze(e.projection), r = n.icon, a = He(e.status, e.projection), o = Ve(e);
-							return /* @__PURE__ */ j(d, {
-								index: t,
-								children: /* @__PURE__ */ M(be, {
-									className: `group flex h-full flex-col transition-shadow motion-safe:hover:shadow-[var(--shadow-pop-hover,var(--shadow-elevation-2))] ${e.status === "ACHIEVED" ? "ring-1 ring-status-success-text/30" : ""}`,
-									children: [/* @__PURE__ */ j(I, {
-										className: "pb-3",
-										children: /* @__PURE__ */ M("div", {
-											className: "flex items-start justify-between gap-2",
-											children: [/* @__PURE__ */ M("div", {
-												className: "min-w-0",
-												children: [/* @__PURE__ */ M(L, {
-													className: "flex items-center gap-2 text-base",
-													children: [/* @__PURE__ */ j(T, {
-														className: "size-4 shrink-0 text-text-secondary",
-														"aria-hidden": "true"
-													}), /* @__PURE__ */ j("span", {
-														className: "truncate",
-														children: e.name
-													})]
-												}), /* @__PURE__ */ M(F, {
-													className: "mt-1 flex flex-wrap items-center gap-2",
-													children: [/* @__PURE__ */ j(N, {
-														variant: "outline",
-														children: $(e.type)
-													}), /* @__PURE__ */ j(N, {
-														variant: de(e.status),
-														children: $(e.status)
-													})]
-												})]
-											}), /* @__PURE__ */ M(Se, { children: [/* @__PURE__ */ j(Te, {
-												asChild: !0,
-												children: /* @__PURE__ */ j(P, {
-													variant: "ghost",
-													size: "icon",
-													"aria-label": i("brainyrich.goals.actions.menu", "Goal actions"),
-													children: /* @__PURE__ */ j(C, {
-														className: "size-4",
-														"aria-hidden": "true"
-													})
-												})
-											}), /* @__PURE__ */ M(Ce, {
-												align: "end",
-												children: [
-													/* @__PURE__ */ M(R, {
-														onSelect: () => V(e.id),
-														children: [/* @__PURE__ */ j(he, {
-															className: "size-4",
-															"aria-hidden": "true"
-														}), i("brainyrich.goals.actions.manageFunding", "Manage funding")]
-													}),
-													/* @__PURE__ */ M(R, {
-														onSelect: () => Y(e),
-														children: [/* @__PURE__ */ j(_e, {
-															className: "size-4",
-															"aria-hidden": "true"
-														}), i("brainyrich.goals.actions.editGoal", "Edit goal")]
-													}),
-													/* @__PURE__ */ j(we, {}),
-													/* @__PURE__ */ M(R, {
-														className: "text-status-error-text focus:text-status-error-text",
-														onSelect: () => U(e),
-														children: [/* @__PURE__ */ j(ve, {
-															className: "size-4",
-															"aria-hidden": "true"
-														}), i("brainyrich.goals.actions.archive", "Archive goal")]
-													})
-												]
-											})] })]
+				}),
+				/* @__PURE__ */ N(d, {
+					index: 1,
+					children: /* @__PURE__ */ N(f, {
+						icon: /* @__PURE__ */ N(T, {
+							className: "size-4",
+							"aria-hidden": "true"
+						}),
+						label: i("brainyrich.goals.metrics.totalTarget", "Total target"),
+						value: h(q.totalTarget, J)
+					})
+				}),
+				/* @__PURE__ */ N(d, {
+					index: 2,
+					children: /* @__PURE__ */ N(f, {
+						icon: /* @__PURE__ */ N(ge, {
+							className: "size-4",
+							"aria-hidden": "true"
+						}),
+						label: i("brainyrich.goals.metrics.monthly", "Monthly contributions"),
+						value: h(q.totalMonthly, J)
+					})
+				}),
+				/* @__PURE__ */ N(d, {
+					index: 3,
+					children: /* @__PURE__ */ N(f, {
+						icon: /* @__PURE__ */ N(w, {
+							className: "size-4",
+							"aria-hidden": "true"
+						}),
+						label: i("brainyrich.goals.metrics.atRisk", "Needs attention"),
+						value: String(q.atRisk),
+						className: q.atRisk > 0 ? "ring-1 ring-status-error-text/30" : void 0
+					})
+				})
+			]
+		}),
+		/* @__PURE__ */ N("div", {
+			className: "grid gap-4 md:grid-cols-2 xl:grid-cols-3",
+			children: s.map((e, t) => {
+				let n = Ge(e.projection), r = n.icon, a = pe(e.status, e.projection), o = fe(e);
+				return /* @__PURE__ */ N(d, {
+					index: t,
+					children: /* @__PURE__ */ P(we, {
+						className: `group flex h-full flex-col transition-shadow motion-safe:hover:shadow-[var(--shadow-pop-hover,var(--shadow-elevation-2))] ${e.status === "ACHIEVED" ? "ring-1 ring-status-success-text/30" : ""}`,
+						children: [/* @__PURE__ */ N(De, {
+							className: "pb-3",
+							children: /* @__PURE__ */ P("div", {
+								className: "flex items-start justify-between gap-2",
+								children: [/* @__PURE__ */ P("div", {
+									className: "min-w-0",
+									children: [/* @__PURE__ */ P(Oe, {
+										className: "flex items-center gap-2 text-base",
+										children: [/* @__PURE__ */ N(E, {
+											className: "size-4 shrink-0 text-text-secondary",
+											"aria-hidden": "true"
+										}), /* @__PURE__ */ N("span", {
+											className: "truncate",
+											children: e.name
+										})]
+									}), /* @__PURE__ */ P(Ee, {
+										className: "mt-1 flex flex-wrap items-center gap-2",
+										children: [/* @__PURE__ */ N(F, {
+											variant: "outline",
+											children: $(e.type)
+										}), /* @__PURE__ */ N(F, {
+											variant: de(e.status),
+											children: $(e.status)
+										})]
+									})]
+								}), /* @__PURE__ */ P(ke, { children: [/* @__PURE__ */ N(Me, {
+									asChild: !0,
+									children: /* @__PURE__ */ N(I, {
+										variant: "ghost",
+										size: "icon",
+										"aria-label": i("brainyrich.goals.actions.menu", "Goal actions"),
+										children: /* @__PURE__ */ N(ye, {
+											className: "size-4",
+											"aria-hidden": "true"
+										})
+									})
+								}), /* @__PURE__ */ P(Ae, {
+									align: "end",
+									children: [
+										/* @__PURE__ */ P(L, {
+											onSelect: () => V(e.id),
+											children: [/* @__PURE__ */ N(ve, {
+												className: "size-4",
+												"aria-hidden": "true"
+											}), i("brainyrich.goals.actions.manageFunding", "Manage funding")]
+										}),
+										/* @__PURE__ */ P(L, {
+											onSelect: () => Ie(e),
+											children: [/* @__PURE__ */ N(xe, {
+												className: "size-4",
+												"aria-hidden": "true"
+											}), i("brainyrich.goals.actions.editGoal", "Edit goal")]
+										}),
+										/* @__PURE__ */ N(je, {}),
+										/* @__PURE__ */ P(L, {
+											className: "text-status-error-text focus:text-status-error-text",
+											onSelect: () => U(e),
+											children: [/* @__PURE__ */ N(D, {
+												className: "size-4",
+												"aria-hidden": "true"
+											}), i("brainyrich.goals.actions.archive", "Archive goal")]
 										})
-									}), /* @__PURE__ */ M(xe, {
-										className: "flex flex-1 flex-col gap-4",
+									]
+								})] })]
+							})
+						}), /* @__PURE__ */ P(Te, {
+							className: "flex flex-1 flex-col gap-4",
+							children: [
+								/* @__PURE__ */ P("div", {
+									className: "flex items-center gap-4",
+									children: [/* @__PURE__ */ N(ae, {
+										value: o,
+										tone: a,
+										size: 92,
+										strokeWidth: 9,
+										label: i("brainyrich.goals.card.funded", "funded")
+									}), /* @__PURE__ */ P("div", {
+										className: "min-w-0 flex-1",
 										children: [
-											/* @__PURE__ */ M("div", {
-												className: "flex items-center gap-4",
-												children: [/* @__PURE__ */ j(ae, {
-													value: o,
-													tone: a,
-													size: 92,
-													strokeWidth: 9,
-													label: i("brainyrich.goals.card.funded", "funded")
-												}), /* @__PURE__ */ M("div", {
-													className: "min-w-0 flex-1",
-													children: [
-														/* @__PURE__ */ j("p", {
-															className: "text-xs text-text-secondary",
-															children: i("brainyrich.goals.card.target", "Target amount")
-														}),
-														/* @__PURE__ */ j("p", {
-															className: "truncate text-2xl font-semibold text-text-primary",
-															children: m(e.targetAmount, e.currency)
-														}),
-														/* @__PURE__ */ M("span", {
-															className: `mt-1 inline-flex items-center gap-1 rounded-full bg-bg-sunken px-2 py-0.5 text-xs font-medium ${n.tone}`,
-															children: [/* @__PURE__ */ j(r, {
-																className: "size-3.5",
-																"aria-hidden": "true"
-															}), $(e.projection)]
-														})
-													]
-												})]
+											/* @__PURE__ */ N("p", {
+												className: "text-xs text-text-secondary",
+												children: i("brainyrich.goals.card.target", "Target amount")
 											}),
-											/* @__PURE__ */ M("dl", {
-												className: "grid grid-cols-2 gap-3 rounded-lg bg-bg-sunken p-3 text-sm",
-												children: [
-													/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("dt", {
-														className: "text-xs text-text-secondary",
-														children: i("brainyrich.goals.card.targetDate", "Target date")
-													}), /* @__PURE__ */ M("dd", {
-														className: "flex items-center gap-1 font-medium text-text-primary",
-														children: [/* @__PURE__ */ j(fe, {
-															className: "size-3.5 text-text-secondary",
-															"aria-hidden": "true"
-														}), ue(e.targetDate)]
-													})] }),
-													/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("dt", {
-														className: "text-xs text-text-secondary",
-														children: i("brainyrich.goals.card.monthly", "Monthly")
-													}), /* @__PURE__ */ j("dd", {
-														className: "font-medium text-text-primary",
-														children: m(e.monthlyContribution, e.currency)
-													})] }),
-													/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("dt", {
-														className: "text-xs text-text-secondary",
-														children: i("brainyrich.goals.card.priority", "Priority")
-													}), /* @__PURE__ */ j("dd", {
-														className: "font-medium text-text-primary",
-														children: e.priority
-													})] }),
-													/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("dt", {
-														className: "text-xs text-text-secondary",
-														children: i("brainyrich.goals.card.fundings", "Funding links")
-													}), /* @__PURE__ */ j("dd", {
-														className: "font-medium text-text-primary",
-														children: e.fundings?.length ?? 0
-													})] })
-												]
+											/* @__PURE__ */ N("p", {
+												className: "truncate text-2xl font-semibold text-text-primary",
+												children: h(e.targetAmount, e.currency)
 											}),
-											/* @__PURE__ */ j("div", {
-												className: "mt-auto",
-												children: /* @__PURE__ */ j(P, {
-													variant: "outline",
-													size: "sm",
-													className: "w-full",
-													onClick: () => V(e.id),
-													children: i("brainyrich.goals.actions.viewDetails", "View details & funding")
-												})
+											/* @__PURE__ */ P("span", {
+												className: `mt-1 inline-flex items-center gap-1 rounded-full bg-bg-sunken px-2 py-0.5 text-xs font-medium ${n.tone}`,
+												children: [/* @__PURE__ */ N(r, {
+													className: "size-3.5",
+													"aria-hidden": "true"
+												}), $(e.projection)]
 											})
 										]
 									})]
+								}),
+								/* @__PURE__ */ P("dl", {
+									className: "grid grid-cols-2 gap-3 rounded-lg bg-bg-sunken p-3 text-sm",
+									children: [
+										/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("dt", {
+											className: "text-xs text-text-secondary",
+											children: i("brainyrich.goals.card.targetDate", "Target date")
+										}), /* @__PURE__ */ P("dd", {
+											className: "flex items-center gap-1 font-medium text-text-primary",
+											children: [/* @__PURE__ */ N(he, {
+												className: "size-3.5 text-text-secondary",
+												"aria-hidden": "true"
+											}), le(e.targetDate)]
+										})] }),
+										/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("dt", {
+											className: "text-xs text-text-secondary",
+											children: i("brainyrich.goals.card.monthly", "Monthly")
+										}), /* @__PURE__ */ N("dd", {
+											className: "font-medium text-text-primary",
+											children: h(e.monthlyContribution, e.currency)
+										})] }),
+										/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("dt", {
+											className: "text-xs text-text-secondary",
+											children: i("brainyrich.goals.card.priority", "Priority")
+										}), /* @__PURE__ */ N("dd", {
+											className: "font-medium text-text-primary",
+											children: e.priority
+										})] }),
+										/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("dt", {
+											className: "text-xs text-text-secondary",
+											children: i("brainyrich.goals.card.fundings", "Funding links")
+										}), /* @__PURE__ */ N("dd", {
+											className: "font-medium text-text-primary",
+											children: e.fundings?.length ?? 0
+										})] })
+									]
+								}),
+								/* @__PURE__ */ N("div", {
+									className: "mt-auto",
+									children: /* @__PURE__ */ N(I, {
+										variant: "outline",
+										size: "sm",
+										className: "w-full",
+										onClick: () => V(e.id),
+										children: i("brainyrich.goals.actions.viewDetails", "View details & funding")
+									})
 								})
-							}, e.id);
-						})
-					}),
-					/* @__PURE__ */ j(te, {
-						hasMore: s,
-						loading: u,
-						onClick: l,
-						label: i("brainyrich.goals.actions.loadMore", "Load more goals"),
-						loadingLabel: i("brainyrich.goals.actions.loadingMore", "Loading…")
+							]
+						})]
 					})
-				] })
-			}),
-			/* @__PURE__ */ j(Ye, {
-				open: ye,
-				mode: "create",
-				form: W,
-				setField: Ee,
-				households: h.map((e) => ({
-					id: e.id,
-					name: e.name
-				})),
-				valid: X,
-				pending: y.isPending,
-				onSubmit: () => {
-					if (!X) return;
-					let e = {
-						name: W.name.trim(),
-						type: W.type,
-						targetAmount: Number(W.targetAmount),
-						targetDate: new Date(W.targetDate).toISOString(),
-						monthlyContribution: Number(W.monthlyContribution) || 0,
-						priority: Number(W.priority) || 1,
-						currency: W.currency.trim() || "USD",
-						notes: W.notes.trim() || null,
-						tags: [],
-						...W.householdId ? { householdId: W.householdId } : {}
-					};
-					y.mutate(e, { onSuccess: () => {
-						g(), _(i("brainyrich.goals.created", "Goal created")), D(!1);
-					} });
-				},
-				onOpenChange: (e) => D(e),
-				translate: i
-			}),
-			/* @__PURE__ */ j(Ye, {
-				open: !!O,
-				mode: "edit",
-				goalId: O?.id,
-				form: W,
-				setField: Ee,
-				households: h.map((e) => ({
-					id: e.id,
-					name: e.name
-				})),
-				valid: X,
-				pending: me.isPending,
-				onSubmit: () => {
-					if (!O || !X) return;
-					let e = {
-						name: W.name.trim(),
-						type: W.type,
-						status: W.status,
-						targetAmount: Number(W.targetAmount),
-						targetDate: new Date(W.targetDate).toISOString(),
-						monthlyContribution: Number(W.monthlyContribution) || 0,
-						priority: Number(W.priority) || 1,
-						currency: W.currency.trim() || "USD",
-						notes: W.notes.trim() || null,
-						tags: O.tags
-					};
-					me.mutate({
-						id: O.id,
-						input: e
-					}, { onSuccess: () => {
-						g(), _(i("brainyrich.goals.saved", "Goal saved")), z(null);
-					} });
-				},
-				onOpenChange: (e) => {
-					e || z(null);
-				},
-				translate: i
-			}),
-			/* @__PURE__ */ j(Xe, {
-				goalId: B,
-				onClose: () => V(null),
-				translate: i
-			}),
-			/* @__PURE__ */ j(ne, {
-				open: !!H,
-				onOpenChange: (e) => {
-					e || U(null);
-				},
-				title: i("brainyrich.goals.archive.title", "Archive goal?"),
-				description: i("brainyrich.goals.archive.description", "This removes “{name}” from your active goals. You can no longer track its progress.", { name: H?.name ?? "" }),
-				confirmLabel: i("brainyrich.goals.archive.confirm", "Archive goal"),
-				pendingLabel: i("brainyrich.goals.archive.pending", "Archiving…"),
-				destructive: !0,
-				pending: E.isPending,
-				onConfirm: () => {
-					H && E.mutate(H.id, { onSuccess: () => {
-						g(), _(i("brainyrich.goals.archived", "Goal archived", { name: H.name })), U(null);
-					} });
-				}
+				}, e.id);
 			})
-		]
+		}),
+		/* @__PURE__ */ N(te, {
+			hasMore: l,
+			loading: re,
+			onClick: u,
+			label: i("brainyrich.goals.actions.loadMore", "Load more goals"),
+			loadingLabel: i("brainyrich.goals.actions.loadingMore", "Loading…")
+		})
+	] }), Z = /* @__PURE__ */ P(M, { children: [
+		/* @__PURE__ */ N(Qe, {
+			open: Se,
+			mode: "create",
+			form: W,
+			setField: K,
+			households: x.map((e) => ({
+				id: e.id,
+				name: e.name
+			})),
+			valid: X,
+			pending: _e.isPending,
+			onSubmit: Le,
+			onOpenChange: (e) => A(e),
+			translate: i
+		}),
+		/* @__PURE__ */ N(Qe, {
+			open: !!R,
+			mode: "edit",
+			goalId: R?.id,
+			form: W,
+			setField: K,
+			households: x.map((e) => ({
+				id: e.id,
+				name: e.name
+			})),
+			valid: X,
+			pending: O.isPending,
+			onSubmit: Re,
+			onOpenChange: (e) => {
+				e || z(null);
+			},
+			translate: i
+		}),
+		/* @__PURE__ */ N($e, {
+			goalId: Pe,
+			onClose: Fe,
+			translate: i
+		}),
+		/* @__PURE__ */ N(ne, {
+			open: !!H,
+			onOpenChange: (e) => {
+				e || U(null);
+			},
+			title: i("brainyrich.goals.archive.title", "Archive goal?"),
+			description: i("brainyrich.goals.archive.description", "This removes “{name}” from your active goals. You can no longer track its progress.", { name: H?.name ?? "" }),
+			confirmLabel: i("brainyrich.goals.archive.confirm", "Archive goal"),
+			pendingLabel: i("brainyrich.goals.archive.pending", "Archiving…"),
+			destructive: !0,
+			pending: k.isPending,
+			onConfirm: () => {
+				H && k.mutate(H.id, { onSuccess: () => {
+					g(), _(i("brainyrich.goals.archived", "Goal archived", { name: H.name })), U(null);
+				} });
+			}
+		})
+	] });
+	return a ? /* @__PURE__ */ P(M, { children: [/* @__PURE__ */ N(S, {
+		translate: i,
+		goals: s,
+		isLoading: ie,
+		isError: m,
+		refetch: () => ue(),
+		hasMore: l,
+		loadMore: u,
+		isFetchingNextPage: re,
+		totals: q,
+		currency: J,
+		onCreate: Y,
+		onOpen: (e) => V(e.id),
+		onEdit: Ie,
+		onArchive: U
+	}), Z] }) : /* @__PURE__ */ P("div", {
+		"data-tour": "brainyrich-page-goals",
+		className: "contents",
+		children: [/* @__PURE__ */ N(p, {
+			title: i("brainyrich.goals.title", "Financial Goals"),
+			description: i("brainyrich.goals.description", "Track progress toward your wealth milestones and life objectives"),
+			actionLabel: i("brainyrich.goals.actions.createGoal", "New goal"),
+			onAction: Y,
+			children: ze()
+		}), Z]
 	});
 }
-function Ye({ open: e, mode: t, goalId: n, form: r, setField: i, households: a, valid: o, pending: s, onSubmit: c, onOpenChange: l, translate: u }) {
-	return /* @__PURE__ */ j(V, {
+function Qe({ open: e, mode: t, goalId: n, form: r, setField: i, households: a, valid: o, pending: s, onSubmit: c, onOpenChange: l, translate: u }) {
+	return /* @__PURE__ */ N(B, {
 		open: e,
 		onOpenChange: l,
-		children: /* @__PURE__ */ M(H, {
+		children: /* @__PURE__ */ P(Ne, {
 			className: "max-h-[90vh] overflow-y-auto sm:max-w-lg",
-			children: [/* @__PURE__ */ M(G, { children: [/* @__PURE__ */ j(Ee, { children: t === "create" ? u("brainyrich.goals.form.createTitle", "New goal") : u("brainyrich.goals.form.editTitle", "Edit goal") }), /* @__PURE__ */ j(U, { children: u("brainyrich.goals.form.subtitle", "Define the milestone, target and contribution plan.") })] }), /* @__PURE__ */ M("form", {
+			children: [/* @__PURE__ */ P(Fe, { children: [/* @__PURE__ */ N(H, { children: t === "create" ? u("brainyrich.goals.form.createTitle", "New goal") : u("brainyrich.goals.form.editTitle", "Edit goal") }), /* @__PURE__ */ N(Pe, { children: u("brainyrich.goals.form.subtitle", "Define the milestone, target and contribution plan.") })] }), /* @__PURE__ */ P("form", {
 				className: "space-y-4",
 				onSubmit: (e) => {
 					e.preventDefault(), c();
 				},
 				children: [
-					/* @__PURE__ */ M("div", {
+					/* @__PURE__ */ P("div", {
 						className: "space-y-1.5",
-						children: [/* @__PURE__ */ j(B, {
+						children: [/* @__PURE__ */ N(z, {
 							htmlFor: "goal-name",
 							children: u("brainyrich.goals.form.name", "Name")
-						}), /* @__PURE__ */ j(z, {
+						}), /* @__PURE__ */ N(R, {
 							id: "goal-name",
 							value: r.name,
 							onChange: (e) => i("name", e.target.value),
@@ -497,46 +506,46 @@ function Ye({ open: e, mode: t, goalId: n, form: r, setField: i, households: a,
 							required: !0
 						})]
 					}),
-					/* @__PURE__ */ M("div", {
+					/* @__PURE__ */ P("div", {
 						className: "grid grid-cols-2 gap-3",
-						children: [/* @__PURE__ */ M("div", {
+						children: [/* @__PURE__ */ P("div", {
 							className: "space-y-1.5",
-							children: [/* @__PURE__ */ j(B, {
+							children: [/* @__PURE__ */ N(z, {
 								htmlFor: "goal-type",
 								children: u("brainyrich.goals.form.type", "Type")
-							}), /* @__PURE__ */ M(K, {
+							}), /* @__PURE__ */ P(U, {
 								value: r.type,
 								onValueChange: (e) => i("type", e),
-								children: [/* @__PURE__ */ j(Y, {
+								children: [/* @__PURE__ */ N(K, {
 									id: "goal-type",
-									children: /* @__PURE__ */ j(X, {})
-								}), /* @__PURE__ */ j(q, { children: Le.map((e) => /* @__PURE__ */ j(J, {
+									children: /* @__PURE__ */ N(q, {})
+								}), /* @__PURE__ */ N(W, { children: Ue.map((e) => /* @__PURE__ */ N(G, {
 									value: e,
 									children: $(e)
 								}, e)) })]
 							})]
-						}), t === "edit" ? /* @__PURE__ */ M("div", {
+						}), t === "edit" ? /* @__PURE__ */ P("div", {
 							className: "space-y-1.5",
-							children: [/* @__PURE__ */ j(B, {
+							children: [/* @__PURE__ */ N(z, {
 								htmlFor: "goal-status",
 								children: u("brainyrich.goals.form.status", "Status")
-							}), /* @__PURE__ */ M(K, {
+							}), /* @__PURE__ */ P(U, {
 								value: r.status,
 								onValueChange: (e) => i("status", e),
-								children: [/* @__PURE__ */ j(Y, {
+								children: [/* @__PURE__ */ N(K, {
 									id: "goal-status",
-									children: /* @__PURE__ */ j(X, {})
-								}), /* @__PURE__ */ j(q, { children: Re.map((e) => /* @__PURE__ */ j(J, {
+									children: /* @__PURE__ */ N(q, {})
+								}), /* @__PURE__ */ N(W, { children: We.map((e) => /* @__PURE__ */ N(G, {
 									value: e,
 									children: $(e)
 								}, e)) })]
 							})]
-						}) : /* @__PURE__ */ M("div", {
+						}) : /* @__PURE__ */ P("div", {
 							className: "space-y-1.5",
-							children: [/* @__PURE__ */ j(B, {
+							children: [/* @__PURE__ */ N(z, {
 								htmlFor: "goal-priority",
 								children: u("brainyrich.goals.form.priority", "Priority")
-							}), /* @__PURE__ */ j(z, {
+							}), /* @__PURE__ */ N(R, {
 								id: "goal-priority",
 								type: "number",
 								min: 1,
@@ -545,14 +554,14 @@ function Ye({ open: e, mode: t, goalId: n, form: r, setField: i, households: a,
 							})]
 						})]
 					}),
-					/* @__PURE__ */ M("div", {
+					/* @__PURE__ */ P("div", {
 						className: "grid grid-cols-2 gap-3",
-						children: [/* @__PURE__ */ M("div", {
+						children: [/* @__PURE__ */ P("div", {
 							className: "space-y-1.5",
-							children: [/* @__PURE__ */ j(B, {
+							children: [/* @__PURE__ */ N(z, {
 								htmlFor: "goal-target",
 								children: u("brainyrich.goals.form.targetAmount", "Target amount")
-							}), /* @__PURE__ */ j(z, {
+							}), /* @__PURE__ */ N(R, {
 								id: "goal-target",
 								type: "number",
 								min: 0,
@@ -561,12 +570,12 @@ function Ye({ open: e, mode: t, goalId: n, form: r, setField: i, households: a,
 								onChange: (e) => i("targetAmount", e.target.value),
 								required: !0
 							})]
-						}), /* @__PURE__ */ M("div", {
+						}), /* @__PURE__ */ P("div", {
 							className: "space-y-1.5",
-							children: [/* @__PURE__ */ j(B, {
+							children: [/* @__PURE__ */ N(z, {
 								htmlFor: "goal-date",
 								children: u("brainyrich.goals.form.targetDate", "Target date")
-							}), /* @__PURE__ */ j(z, {
+							}), /* @__PURE__ */ N(R, {
 								id: "goal-date",
 								type: "date",
 								value: r.targetDate,
@@ -575,14 +584,14 @@ function Ye({ open: e, mode: t, goalId: n, form: r, setField: i, households: a,
 							})]
 						})]
 					}),
-					/* @__PURE__ */ M("div", {
+					/* @__PURE__ */ P("div", {
 						className: "grid grid-cols-2 gap-3",
-						children: [/* @__PURE__ */ M("div", {
+						children: [/* @__PURE__ */ P("div", {
 							className: "space-y-1.5",
-							children: [/* @__PURE__ */ j(B, {
+							children: [/* @__PURE__ */ N(z, {
 								htmlFor: "goal-monthly",
 								children: u("brainyrich.goals.form.monthly", "Monthly contribution")
-							}), /* @__PURE__ */ j(z, {
+							}), /* @__PURE__ */ N(R, {
 								id: "goal-monthly",
 								type: "number",
 								min: 0,
@@ -590,12 +599,12 @@ function Ye({ open: e, mode: t, goalId: n, form: r, setField: i, households: a,
 								value: r.monthlyContribution,
 								onChange: (e) => i("monthlyContribution", e.target.value)
 							})]
-						}), /* @__PURE__ */ M("div", {
+						}), /* @__PURE__ */ P("div", {
 							className: "space-y-1.5",
-							children: [/* @__PURE__ */ j(B, {
+							children: [/* @__PURE__ */ N(z, {
 								htmlFor: "goal-currency",
 								children: u("brainyrich.goals.form.currency", "Currency")
-							}), /* @__PURE__ */ j(z, {
+							}), /* @__PURE__ */ N(R, {
 								id: "goal-currency",
 								value: r.currency,
 								onChange: (e) => i("currency", e.target.value.toUpperCase()),
@@ -603,12 +612,12 @@ function Ye({ open: e, mode: t, goalId: n, form: r, setField: i, households: a,
 							})]
 						})]
 					}),
-					t === "edit" ? /* @__PURE__ */ M("div", {
+					t === "edit" ? /* @__PURE__ */ P("div", {
 						className: "space-y-1.5",
-						children: [/* @__PURE__ */ j(B, {
+						children: [/* @__PURE__ */ N(z, {
 							htmlFor: "goal-priority-edit",
 							children: u("brainyrich.goals.form.priority", "Priority")
-						}), /* @__PURE__ */ j(z, {
+						}), /* @__PURE__ */ N(R, {
 							id: "goal-priority-edit",
 							type: "number",
 							min: 1,
@@ -616,56 +625,56 @@ function Ye({ open: e, mode: t, goalId: n, form: r, setField: i, households: a,
 							onChange: (e) => i("priority", e.target.value)
 						})]
 					}) : null,
-					/* @__PURE__ */ M("div", {
+					/* @__PURE__ */ P("div", {
 						className: "space-y-1.5",
-						children: [/* @__PURE__ */ j(B, {
+						children: [/* @__PURE__ */ N(z, {
 							htmlFor: "goal-household",
 							children: u("brainyrich.goals.form.household", "Household (optional)")
-						}), /* @__PURE__ */ M(K, {
-							value: r.householdId || qe,
-							onValueChange: (e) => i("householdId", e === qe ? "" : e),
-							children: [/* @__PURE__ */ j(Y, {
+						}), /* @__PURE__ */ P(U, {
+							value: r.householdId || Xe,
+							onValueChange: (e) => i("householdId", e === Xe ? "" : e),
+							children: [/* @__PURE__ */ N(K, {
 								id: "goal-household",
-								children: /* @__PURE__ */ j(X, { placeholder: u("brainyrich.goals.form.householdNone", "None") })
-							}), /* @__PURE__ */ M(q, { children: [/* @__PURE__ */ j(J, {
-								value: qe,
+								children: /* @__PURE__ */ N(q, { placeholder: u("brainyrich.goals.form.householdNone", "None") })
+							}), /* @__PURE__ */ P(W, { children: [/* @__PURE__ */ N(G, {
+								value: Xe,
 								children: u("brainyrich.goals.form.householdNone", "None")
-							}), a.map((e) => /* @__PURE__ */ j(J, {
+							}), a.map((e) => /* @__PURE__ */ N(G, {
 								value: e.id,
 								children: e.name
 							}, e.id))] })]
 						})]
 					}),
-					t === "edit" && n ? /* @__PURE__ */ j(y, {
+					t === "edit" && n ? /* @__PURE__ */ N(x, {
 						entityType: "brainyrich-goal",
 						entityId: n,
 						label: u("brainyrich.goals.form.tags", "Tags")
-					}) : /* @__PURE__ */ M("div", {
+					}) : /* @__PURE__ */ P("div", {
 						className: "space-y-1.5",
-						children: [/* @__PURE__ */ j(B, { children: u("brainyrich.goals.form.tags", "Tags") }), /* @__PURE__ */ j("p", {
+						children: [/* @__PURE__ */ N(z, { children: u("brainyrich.goals.form.tags", "Tags") }), /* @__PURE__ */ N("p", {
 							className: "text-sm text-text-secondary",
 							children: u("brainyrich.goals.form.tagsAfterCreate", "You can add tags after creating the goal.")
 						})]
 					}),
-					/* @__PURE__ */ M("div", {
+					/* @__PURE__ */ P("div", {
 						className: "space-y-1.5",
-						children: [/* @__PURE__ */ j(B, {
+						children: [/* @__PURE__ */ N(z, {
 							htmlFor: "goal-notes",
 							children: u("brainyrich.goals.form.notes", "Notes")
-						}), /* @__PURE__ */ j(Ie, {
+						}), /* @__PURE__ */ N(He, {
 							id: "goal-notes",
 							value: r.notes,
 							onChange: (e) => i("notes", e.target.value),
 							rows: 3
 						})]
 					}),
-					/* @__PURE__ */ M(W, { children: [/* @__PURE__ */ j(P, {
+					/* @__PURE__ */ P(V, { children: [/* @__PURE__ */ N(I, {
 						type: "button",
 						variant: "outline",
 						onClick: () => l(!1),
 						disabled: s,
 						children: u("brainyrich.goals.form.cancel", "Cancel")
-					}), /* @__PURE__ */ j(P, {
+					}), /* @__PURE__ */ N(I, {
 						type: "submit",
 						disabled: !o || s,
 						children: s ? u("brainyrich.goals.form.saving", "Saving…") : t === "create" ? u("brainyrich.goals.form.create", "Create goal") : u("brainyrich.goals.form.save", "Save changes")
@@ -675,173 +684,173 @@ function Ye({ open: e, mode: t, goalId: n, form: r, setField: i, households: a,
 		})
 	});
 }
-function Xe({ goalId: e, onClose: n, translate: r }) {
-	let { data: o, isLoading: c, isError: ee, refetch: te } = i(e ?? void 0), { data: d } = a(e ?? void 0), { data: p } = t(), g = s(), _ = u(), v = l(), [b, S] = x(""), [C, ge] = x("PERCENT"), [w, ve] = x(""), [E, ye] = x(""), [k, F] = x(null), I = d.reduce((e, t) => e + (t.fixedAmount ?? 0), 0), L = o?.currency ?? "USD", Se = o ? Ve(o) : 0, Ce = o ? He(o.status, o.projection) : "brand", R = o ? Ue(I, o.monthlyContribution, o.targetDate) : [], we = (e) => p.find((t) => t.id === e)?.name ?? e, Te = () => {
-		if (!e || !b) return;
+function $e({ goalId: e, onClose: n, translate: r }) {
+	let { data: o, isLoading: c, isError: ee, refetch: te } = i(e ?? void 0), { data: d } = a(e ?? void 0), { data: p } = t(), g = s(), _ = u(), v = l(), [y, b] = C(""), [S, me] = C("PERCENT"), [w, ye] = C(""), [T, be] = C(""), [D, O] = C(null), k = d.reduce((e, t) => e + (t.fixedAmount ?? 0), 0), j = o?.currency ?? "USD", Ce = o ? fe(o) : 0, Ee = o ? pe(o.status, o.projection) : "brand", De = o ? Ke(k, o.monthlyContribution, o.targetDate) : [], Oe = (e) => p.find((t) => t.id === e)?.name ?? e, ke = () => {
+		if (!e || !y) return;
 		let t = Number(w);
 		!Number.isFinite(t) || t <= 0 || g.mutate({
 			goalId: e,
-			accountId: b,
-			...C === "PERCENT" ? { allocationPct: t } : { fixedAmount: t }
+			accountId: y,
+			...S === "PERCENT" ? { allocationPct: t } : { fixedAmount: t }
 		}, { onSuccess: () => {
-			S(""), ve("");
+			b(""), ye("");
 		} });
-	}, V = () => {
+	}, Ae = () => {
 		if (!e) return;
-		let t = E === "" ? I : Number(E);
+		let t = T === "" ? k : Number(T);
 		Number.isFinite(t) && v.mutate({
 			id: e,
 			fundedAmount: t
 		});
-	}, H = !!b && Number(w) > 0, U = k ? k.fixedAmount == null ? we(k.accountId) : m(k.fixedAmount, L) : "";
-	return /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j(De, {
+	}, L = !!y && Number(w) > 0, je = D ? D.fixedAmount == null ? Oe(D.accountId) : h(D.fixedAmount, j) : "";
+	return /* @__PURE__ */ P(M, { children: [/* @__PURE__ */ N(J, {
 		open: !!e,
 		onOpenChange: (e) => {
 			e || n();
 		},
-		children: /* @__PURE__ */ M(Oe, {
+		children: /* @__PURE__ */ P(Y, {
 			className: "flex w-full flex-col gap-0 overflow-y-auto sm:max-w-xl",
-			children: [/* @__PURE__ */ M(Ae, { children: [/* @__PURE__ */ j(je, { children: o?.name ?? r("brainyrich.goals.detail.title", "Goal") }), /* @__PURE__ */ j(ke, { children: r("brainyrich.goals.detail.subtitle", "Manage funding links and projection.") })] }), /* @__PURE__ */ j("div", {
+			children: [/* @__PURE__ */ P(X, { children: [/* @__PURE__ */ N(Le, { children: o?.name ?? r("brainyrich.goals.detail.title", "Goal") }), /* @__PURE__ */ N(Ie, { children: r("brainyrich.goals.detail.subtitle", "Manage funding links and projection.") })] }), /* @__PURE__ */ N("div", {
 				className: "space-y-6 p-4",
-				children: c ? /* @__PURE__ */ j(ce, { rows: 3 }) : ee ? /* @__PURE__ */ j(se, {
+				children: c ? /* @__PURE__ */ N(ce, { rows: 3 }) : ee ? /* @__PURE__ */ N(se, {
 					title: r("brainyrich.goals.detail.error", "Could not load goal"),
 					onRetry: () => te()
-				}) : o ? /* @__PURE__ */ M(A, { children: [
-					/* @__PURE__ */ M(re, {
+				}) : o ? /* @__PURE__ */ P(M, { children: [
+					/* @__PURE__ */ P(re, {
 						glow: !0,
 						className: "flex items-center gap-5",
-						children: [/* @__PURE__ */ j(ae, {
-							value: Se,
-							tone: Ce,
+						children: [/* @__PURE__ */ N(ae, {
+							value: Ce,
+							tone: Ee,
 							size: 116,
 							strokeWidth: 11,
 							label: r("brainyrich.goals.detail.funded", "funded")
-						}), /* @__PURE__ */ M("div", {
+						}), /* @__PURE__ */ P("div", {
 							className: "min-w-0 flex-1 space-y-1",
 							children: [
-								/* @__PURE__ */ j(N, {
+								/* @__PURE__ */ N(F, {
 									variant: de(o.projection),
 									children: $(o.projection)
 								}),
-								/* @__PURE__ */ j("p", {
+								/* @__PURE__ */ N("p", {
 									className: "text-2xl font-semibold text-text-primary",
-									children: m(I, L)
+									children: h(k, j)
 								}),
-								/* @__PURE__ */ j("p", {
+								/* @__PURE__ */ N("p", {
 									className: "text-xs text-text-secondary",
-									children: r("brainyrich.goals.detail.ofTarget", "of {target} target", { target: le(o.targetAmount, L) })
+									children: r("brainyrich.goals.detail.ofTarget", "of {target} target", { target: m(o.targetAmount, j) })
 								})
 							]
 						})]
 					}),
-					/* @__PURE__ */ M("div", {
+					/* @__PURE__ */ P("div", {
 						className: "grid grid-cols-2 gap-3",
 						children: [
-							/* @__PURE__ */ j(f, {
-								icon: /* @__PURE__ */ j(T, {
+							/* @__PURE__ */ N(f, {
+								icon: /* @__PURE__ */ N(E, {
 									className: "size-4",
 									"aria-hidden": "true"
 								}),
 								label: r("brainyrich.goals.detail.target", "Target"),
-								value: m(o.targetAmount, L)
+								value: h(o.targetAmount, j)
 							}),
-							/* @__PURE__ */ j(f, {
-								icon: /* @__PURE__ */ j(O, {
+							/* @__PURE__ */ N(f, {
+								icon: /* @__PURE__ */ N(A, {
 									className: "size-4",
 									"aria-hidden": "true"
 								}),
 								label: r("brainyrich.goals.detail.funded", "Funded (fixed)"),
-								value: m(I, L)
+								value: h(k, j)
 							}),
-							/* @__PURE__ */ j(f, {
-								icon: /* @__PURE__ */ j(pe, {
+							/* @__PURE__ */ N(f, {
+								icon: /* @__PURE__ */ N(ge, {
 									className: "size-4",
 									"aria-hidden": "true"
 								}),
 								label: r("brainyrich.goals.detail.monthly", "Monthly"),
-								value: m(o.monthlyContribution, L)
+								value: h(o.monthlyContribution, j)
 							}),
-							/* @__PURE__ */ j(f, {
-								icon: /* @__PURE__ */ j(fe, {
+							/* @__PURE__ */ N(f, {
+								icon: /* @__PURE__ */ N(he, {
 									className: "size-4",
 									"aria-hidden": "true"
 								}),
 								label: r("brainyrich.goals.detail.targetDate", "Target date"),
-								value: ue(o.targetDate)
+								value: le(o.targetDate)
 							})
 						]
 					}),
-					R.length >= 2 ? /* @__PURE__ */ M("section", {
+					De.length >= 2 ? /* @__PURE__ */ P("section", {
 						className: "space-y-3 rounded-lg border border-border-subtle bg-bg-surface p-4",
 						children: [
-							/* @__PURE__ */ M("div", {
+							/* @__PURE__ */ P("div", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ j(me, {
+								children: [/* @__PURE__ */ N(_e, {
 									className: "size-4 text-text-secondary",
 									"aria-hidden": "true"
-								}), /* @__PURE__ */ j("h3", {
+								}), /* @__PURE__ */ N("h3", {
 									className: "text-sm font-semibold text-text-primary",
 									children: r("brainyrich.goals.detail.projectionChart", "Contribution projection")
 								})]
 							}),
-							/* @__PURE__ */ j(ie, {
-								data: R,
+							/* @__PURE__ */ N(ie, {
+								data: De,
 								target: o.targetAmount,
-								tone: Ce,
+								tone: Ee,
 								height: 180,
-								valueFormatter: (e) => le(e, L)
+								valueFormatter: (e) => m(e, j)
 							}),
-							/* @__PURE__ */ j("p", {
+							/* @__PURE__ */ N("p", {
 								className: "text-xs text-text-secondary",
 								children: r("brainyrich.goals.detail.projectionHint", "Starting balance plus {monthly}/mo through {date}.", {
-									monthly: m(o.monthlyContribution, L),
-									date: ue(o.targetDate)
+									monthly: h(o.monthlyContribution, j),
+									date: le(o.targetDate)
 								})
 							})
 						]
 					}) : null,
-					/* @__PURE__ */ M("section", {
+					/* @__PURE__ */ P("section", {
 						className: "space-y-3",
-						children: [/* @__PURE__ */ j("h3", {
+						children: [/* @__PURE__ */ N("h3", {
 							className: "text-sm font-semibold text-text-primary",
 							children: r("brainyrich.goals.detail.fundingLinks", "Funding sources")
-						}), d.length === 0 ? /* @__PURE__ */ j("p", {
+						}), d.length === 0 ? /* @__PURE__ */ N("p", {
 							className: "rounded-lg border border-dashed border-border-subtle bg-bg-surface px-4 py-6 text-center text-sm text-text-secondary",
 							children: r("brainyrich.goals.detail.noFundings", "No accounts linked to fund this goal yet.")
-						}) : /* @__PURE__ */ j("div", {
+						}) : /* @__PURE__ */ N("div", {
 							className: "overflow-x-auto rounded-lg border border-border-subtle",
-							children: /* @__PURE__ */ M(Me, { children: [/* @__PURE__ */ j(Pe, { children: /* @__PURE__ */ M(Fe, { children: [
-								/* @__PURE__ */ j(Q, { children: r("brainyrich.goals.detail.account", "Account") }),
-								/* @__PURE__ */ j(Q, {
+							children: /* @__PURE__ */ P(Re, { children: [/* @__PURE__ */ N(Be, { children: /* @__PURE__ */ P(Ve, { children: [
+								/* @__PURE__ */ N(Q, { children: r("brainyrich.goals.detail.account", "Account") }),
+								/* @__PURE__ */ N(Q, {
 									className: "text-right",
 									children: r("brainyrich.goals.detail.allocation", "Allocation")
 								}),
-								/* @__PURE__ */ j(Q, {
+								/* @__PURE__ */ N(Q, {
 									className: "text-right",
 									children: r("brainyrich.goals.detail.fixedAmount", "Fixed amount")
 								}),
-								/* @__PURE__ */ j(Q, { className: "w-10" })
-							] }) }), /* @__PURE__ */ j(Ne, { children: d.map((e) => /* @__PURE__ */ M(Fe, { children: [
-								/* @__PURE__ */ j(Z, {
+								/* @__PURE__ */ N(Q, { className: "w-10" })
+							] }) }), /* @__PURE__ */ N(ze, { children: d.map((e) => /* @__PURE__ */ P(Ve, { children: [
+								/* @__PURE__ */ N(Z, {
 									className: "font-medium text-text-primary",
-									children: we(e.accountId)
+									children: Oe(e.accountId)
 								}),
-								/* @__PURE__ */ j(Z, {
+								/* @__PURE__ */ N(Z, {
 									className: "text-right tabular-nums text-text-secondary",
-									children: e.fixedAmount == null ? h(e.allocationPct) : "—"
+									children: e.fixedAmount == null ? ue(e.allocationPct) : "—"
 								}),
-								/* @__PURE__ */ j(Z, {
+								/* @__PURE__ */ N(Z, {
 									className: "text-right tabular-nums text-text-secondary",
-									children: e.fixedAmount == null ? "—" : m(e.fixedAmount, L)
+									children: e.fixedAmount == null ? "—" : h(e.fixedAmount, j)
 								}),
-								/* @__PURE__ */ j(Z, {
+								/* @__PURE__ */ N(Z, {
 									className: "text-right",
-									children: /* @__PURE__ */ j(P, {
+									children: /* @__PURE__ */ N(I, {
 										variant: "ghost",
 										size: "icon",
 										"aria-label": r("brainyrich.goals.detail.unlink", "Unlink funding"),
-										onClick: () => F(e),
-										children: /* @__PURE__ */ j(D, {
+										onClick: () => O(e),
+										children: /* @__PURE__ */ N(Se, {
 											className: "size-4",
 											"aria-hidden": "true"
 										})
@@ -850,132 +859,132 @@ function Xe({ goalId: e, onClose: n, translate: r }) {
 							] }, e.id)) })] })
 						})]
 					}),
-					/* @__PURE__ */ M("section", {
+					/* @__PURE__ */ P("section", {
 						className: "space-y-3 rounded-lg border border-border-subtle bg-bg-surface p-4",
-						children: [/* @__PURE__ */ j("h3", {
+						children: [/* @__PURE__ */ N("h3", {
 							className: "text-sm font-semibold text-text-primary",
 							children: r("brainyrich.goals.detail.linkTitle", "Link an account")
-						}), p.length === 0 ? /* @__PURE__ */ j("p", {
+						}), p.length === 0 ? /* @__PURE__ */ N("p", {
 							className: "text-sm text-text-secondary",
 							children: r("brainyrich.goals.detail.noAccounts", "No accounts available to link.")
-						}) : /* @__PURE__ */ M(A, { children: [
-							/* @__PURE__ */ M("div", {
+						}) : /* @__PURE__ */ P(M, { children: [
+							/* @__PURE__ */ P("div", {
 								className: "space-y-1.5",
-								children: [/* @__PURE__ */ j(B, {
+								children: [/* @__PURE__ */ N(z, {
 									htmlFor: "funding-account",
 									children: r("brainyrich.goals.detail.account", "Account")
-								}), /* @__PURE__ */ M(K, {
-									value: b,
-									onValueChange: S,
-									children: [/* @__PURE__ */ j(Y, {
+								}), /* @__PURE__ */ P(U, {
+									value: y,
+									onValueChange: b,
+									children: [/* @__PURE__ */ N(K, {
 										id: "funding-account",
-										children: /* @__PURE__ */ j(X, { placeholder: r("brainyrich.goals.detail.selectAccount", "Select account") })
-									}), /* @__PURE__ */ j(q, { children: p.map((e) => /* @__PURE__ */ j(J, {
+										children: /* @__PURE__ */ N(q, { placeholder: r("brainyrich.goals.detail.selectAccount", "Select account") })
+									}), /* @__PURE__ */ N(W, { children: p.map((e) => /* @__PURE__ */ N(G, {
 										value: e.id,
 										children: e.name
 									}, e.id)) })]
 								})]
 							}),
-							/* @__PURE__ */ M("div", {
+							/* @__PURE__ */ P("div", {
 								className: "grid grid-cols-2 gap-3",
-								children: [/* @__PURE__ */ M("div", {
+								children: [/* @__PURE__ */ P("div", {
 									className: "space-y-1.5",
-									children: [/* @__PURE__ */ j(B, {
+									children: [/* @__PURE__ */ N(z, {
 										htmlFor: "funding-mode",
 										children: r("brainyrich.goals.detail.mode", "Method")
-									}), /* @__PURE__ */ M(K, {
-										value: C,
-										onValueChange: (e) => ge(e),
-										children: [/* @__PURE__ */ j(Y, {
+									}), /* @__PURE__ */ P(U, {
+										value: S,
+										onValueChange: (e) => me(e),
+										children: [/* @__PURE__ */ N(K, {
 											id: "funding-mode",
-											children: /* @__PURE__ */ j(X, {})
-										}), /* @__PURE__ */ M(q, { children: [/* @__PURE__ */ j(J, {
+											children: /* @__PURE__ */ N(q, {})
+										}), /* @__PURE__ */ P(W, { children: [/* @__PURE__ */ N(G, {
 											value: "PERCENT",
 											children: r("brainyrich.goals.detail.percent", "Percentage")
-										}), /* @__PURE__ */ j(J, {
+										}), /* @__PURE__ */ N(G, {
 											value: "FIXED",
 											children: r("brainyrich.goals.detail.fixed", "Fixed amount")
 										})] })]
 									})]
-								}), /* @__PURE__ */ M("div", {
+								}), /* @__PURE__ */ P("div", {
 									className: "space-y-1.5",
-									children: [/* @__PURE__ */ j(B, {
+									children: [/* @__PURE__ */ N(z, {
 										htmlFor: "funding-value",
-										children: C === "PERCENT" ? r("brainyrich.goals.detail.pct", "Percent") : r("brainyrich.goals.detail.amount", "Amount")
-									}), /* @__PURE__ */ j(z, {
+										children: S === "PERCENT" ? r("brainyrich.goals.detail.pct", "Percent") : r("brainyrich.goals.detail.amount", "Amount")
+									}), /* @__PURE__ */ N(R, {
 										id: "funding-value",
 										type: "number",
 										min: 0,
 										step: "0.01",
 										value: w,
-										onChange: (e) => ve(e.target.value)
+										onChange: (e) => ye(e.target.value)
 									})]
 								})]
 							}),
-							/* @__PURE__ */ M(P, {
+							/* @__PURE__ */ P(I, {
 								size: "sm",
 								className: "w-full",
-								disabled: !H || g.isPending,
-								onClick: Te,
-								children: [/* @__PURE__ */ j(he, {
+								disabled: !L || g.isPending,
+								onClick: ke,
+								children: [/* @__PURE__ */ N(ve, {
 									className: "size-4",
 									"aria-hidden": "true"
 								}), g.isPending ? r("brainyrich.goals.detail.linking", "Linking…") : r("brainyrich.goals.detail.link", "Link funding")]
 							})
 						] })]
 					}),
-					/* @__PURE__ */ j(be, { children: /* @__PURE__ */ j(xe, {
+					/* @__PURE__ */ N(we, { children: /* @__PURE__ */ N(Te, {
 						className: "p-4",
-						children: /* @__PURE__ */ j(y, {
+						children: /* @__PURE__ */ N(x, {
 							entityType: "brainyrich-goal",
 							entityId: o.id,
 							label: r("brainyrich.goals.detail.tags", "Tags")
 						})
 					}) }),
-					/* @__PURE__ */ M("section", {
+					/* @__PURE__ */ P("section", {
 						className: "space-y-3 rounded-lg border border-border-subtle bg-bg-surface p-4",
 						children: [
-							/* @__PURE__ */ j("h3", {
+							/* @__PURE__ */ N("h3", {
 								className: "text-sm font-semibold text-text-primary",
 								children: r("brainyrich.goals.detail.recalcTitle", "Recalculate projection")
 							}),
-							/* @__PURE__ */ M("div", {
+							/* @__PURE__ */ P("div", {
 								className: "space-y-1.5",
 								children: [
-									/* @__PURE__ */ j(B, {
+									/* @__PURE__ */ N(z, {
 										htmlFor: "recalc-funded",
 										children: r("brainyrich.goals.detail.fundedAmount", "Funded amount")
 									}),
-									/* @__PURE__ */ j(z, {
+									/* @__PURE__ */ N(R, {
 										id: "recalc-funded",
 										type: "number",
 										min: 0,
 										step: "0.01",
-										value: E,
-										placeholder: String(I),
-										onChange: (e) => ye(e.target.value)
+										value: T,
+										placeholder: String(k),
+										onChange: (e) => be(e.target.value)
 									}),
-									/* @__PURE__ */ j("p", {
+									/* @__PURE__ */ N("p", {
 										className: "text-xs text-text-secondary",
 										children: r("brainyrich.goals.detail.recalcHint", "Defaults to the sum of fixed fundings when left blank.")
 									})
 								]
 							}),
-							/* @__PURE__ */ M(P, {
+							/* @__PURE__ */ P(I, {
 								size: "sm",
 								variant: "outline",
 								className: "w-full",
 								disabled: v.isPending,
-								onClick: V,
-								children: [/* @__PURE__ */ j(_e, {
+								onClick: Ae,
+								children: [/* @__PURE__ */ N(xe, {
 									className: "size-4",
 									"aria-hidden": "true"
 								}), v.isPending ? r("brainyrich.goals.detail.recalculating", "Recalculating…") : r("brainyrich.goals.detail.recalc", "Recalculate")]
 							})
 						]
 					})
-				] }) : /* @__PURE__ */ j(oe, {
-					icon: /* @__PURE__ */ j(T, {
+				] }) : /* @__PURE__ */ N(oe, {
+					icon: /* @__PURE__ */ N(E, {
 						className: "size-6",
 						"aria-hidden": "true"
 					}),
@@ -983,23 +992,23 @@ function Xe({ goalId: e, onClose: n, translate: r }) {
 				})
 			})]
 		})
-	}), /* @__PURE__ */ j(ne, {
-		open: !!k,
+	}), /* @__PURE__ */ N(ne, {
+		open: !!D,
 		onOpenChange: (e) => {
-			e || F(null);
+			e || O(null);
 		},
 		title: r("brainyrich.goals.detail.unlinkTitle", "Unlink funding?"),
-		description: r("brainyrich.goals.detail.unlinkConfirm", "This removes the “{name}” funding link from this goal.", { name: U }),
+		description: r("brainyrich.goals.detail.unlinkConfirm", "This removes the “{name}” funding link from this goal.", { name: je }),
 		confirmLabel: r("brainyrich.goals.detail.unlink", "Unlink funding"),
 		pendingLabel: r("brainyrich.goals.detail.unlinking", "Unlinking…"),
 		destructive: !0,
 		pending: _.isPending,
 		onConfirm: () => {
-			k && _.mutate(k.id, { onSuccess: () => F(null) });
+			D && _.mutate(D.id, { onSuccess: () => O(null) });
 		}
 	})] });
 }
 //#endregion
-export { Je as GoalsPage };
+export { Ze as GoalsPage };
 
 //# sourceMappingURL=GoalsPage.js.map