@burdenoff/microfe-brainyrich 2026.706.1 → 2026.706.2

package/dist/brainyrich/pages/GoalsPage.js

@@ -2,16 +2,17 @@ import { tWithFallback as e } from "../utils/i18n.js";
 import { useAccounts as t, useArchiveGoal as n, useCreateGoal as r, useGoal as i, useGoalFundings as a, useHouseholds as o, useLinkGoalFunding as s, usePagedGoals as c, useRecalcGoalProjection as l, useUnlinkGoalFunding as u, useUpdateGoal as ee } from "../hooks/useBrainyRichApi.js";
 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 re, ErrorState as ie, KpiGrid as d, LoadingState as ae, SectionShell as f, formatDate as oe, formatMoney as p, statusBadgeVariant as m } from "./_shared.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 de, statusBadgeVariant as fe } from "./_shared.js";
 import { TagField as h } from "../components/reuse/TagField.js";
 import { useMemo as g, useState as _ } from "react";
-import { AlertTriangle as v, CalendarClock as y, Link2 as se, MoreHorizontal as b, Plus as ce, RefreshCw as le, Target as x, Trash2 as S, TrendingDown as C, TrendingUp as w, Unlink as ue } from "lucide-react";
-import { useI18n as de } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
-import { Badge as O, Button as k, Card as A, CardContent as j, CardDescription as M, CardHeader as N, CardTitle as fe, Dialog as P, DialogContent as F, DialogDescription as I, DialogFooter as L, DialogHeader as R, DialogTitle as z, DropdownMenu as pe, DropdownMenuContent as me, DropdownMenuItem as B, DropdownMenuSeparator as he, DropdownMenuTrigger as ge, Input as V, Label as H, Select as U, SelectContent as W, SelectItem as G, SelectTrigger as K, SelectValue as q, Sheet as J, SheetContent as Y, SheetDescription as X, SheetHeader as _e, SheetTitle as Z, Textarea as ve } from "@burdenoff/fe-libs/ui";
+import { AlertTriangle as v, CalendarClock as pe, Coins as me, LineChart as y, Link2 as he, MoreHorizontal as b, PiggyBank as ge, Plus as x, RefreshCw as _e, Target as S, Trash2 as ve, TrendingDown as C, TrendingUp as w, Unlink as T, Wallet as E } from "lucide-react";
+import { useI18n as D } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Fragment as O, jsx as k, jsxs as A } from "react/jsx-runtime";
+import { Badge as j, Button as M, Card as ye, CardContent as N, CardDescription as P, CardHeader as F, CardTitle as I, Dialog as L, DialogContent as R, DialogDescription as z, DialogFooter as B, DialogHeader as V, DialogTitle as H, DropdownMenu as be, DropdownMenuContent as xe, DropdownMenuItem as Se, DropdownMenuSeparator as Ce, DropdownMenuTrigger as we, Input as U, Label as W, Select as G, SelectContent as K, SelectItem as q, SelectTrigger as J, SelectValue as Y, Sheet as Te, SheetContent as Ee, SheetDescription as De, SheetHeader as Oe, SheetTitle as ke, Table as Ae, TableBody as je, TableCell as X, TableHead as Z, TableHeader as Me, TableRow as Ne, Textarea as Pe } from "@burdenoff/fe-libs/ui";
 //#region src/brainyrich/pages/GoalsPage.tsx
-var ye = [
+var Fe = [
 	"RETIREMENT",
 	"EDUCATION",
 	"HOME",
@@ -19,13 +20,13 @@ var ye = [
 	"MAJOR_PURCHASE",
 	"WEALTH_GROWTH",
 	"CUSTOM"
-], be = [
+], Ie = [
 	"ACTIVE",
 	"ACHIEVED",
 	"ON_HOLD",
 	"ABANDONED"
 ];
-function xe(e) {
+function Le(e) {
 	switch (e) {
 		case "AHEAD":
 		case "ON_TRACK": return {
@@ -45,12 +46,46 @@ function xe(e) {
 function Q(e) {
 	return e.toLowerCase().split("_").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join(" ");
 }
-function Se(e) {
+function Re(e) {
+	return e.fundings.reduce((e, t) => e + (t.fixedAmount ?? 0), 0);
+}
+function ze(e) {
+	return e.status === "ACHIEVED" ? 100 : e.targetAmount > 0 ? Math.max(0, Math.min(100, Re(e) / e.targetAmount * 100)) : 0;
+}
+function Be(e, t) {
+	if (e === "ACHIEVED") return "success";
+	switch (t) {
+		case "AHEAD":
+		case "ON_TRACK": return "brand";
+		case "BEHIND": return "warning";
+		default: return "error";
+	}
+}
+function Ve(e, t, n) {
+	if (!n) return [];
+	let r = new Date(n);
+	if (Number.isNaN(r.getTime())) return [];
+	let i = /* @__PURE__ */ new Date(), a = (r.getFullYear() - i.getFullYear()) * 12 + (r.getMonth() - i.getMonth());
+	if (a <= 0) return [];
+	let o = Math.min(Math.max(a, 2), 12), s = new Intl.DateTimeFormat("en-US", {
+		month: "short",
+		year: "2-digit"
+	}), c = [];
+	for (let n = 0; n <= o; n += 1) {
+		let r = Math.round(a / o * n), l = new Date(i.getFullYear(), i.getMonth() + r, 1);
+		c.push({
+			x: s.format(l),
+			y: Math.round(e + t * r)
+		});
+	}
+	return c;
+}
+function He(e) {
 	if (!e) return "";
 	let t = new Date(e);
 	return Number.isNaN(t.getTime()) ? "" : t.toISOString().slice(0, 10);
 }
-function Ce() {
+function Ue() {
 	return {
 		name: "",
 		type: "CUSTOM",
@@ -64,13 +99,13 @@ function Ce() {
 		notes: ""
 	};
 }
-function we(e) {
+function We(e) {
 	return {
 		name: e.name,
 		type: e.type,
 		status: e.status,
 		targetAmount: String(e.targetAmount),
-		targetDate: Se(e.targetDate),
+		targetDate: He(e.targetDate),
 		monthlyContribution: String(e.monthlyContribution),
 		priority: String(e.priority),
 		currency: e.currency,
@@ -78,211 +113,255 @@ function we(e) {
 		notes: e.notes ?? ""
 	};
 }
-var Te = "__none__";
-function Ee() {
-	let { t } = de(), i = (n, r, i) => e(t, n, r, i), { items: a, hasMore: s, loadMore: l, isFetchingNextPage: u, isLoading: h, isError: v, refetch: C } = c(), { data: w } = o(), ue = r(), P = ee(), F = n(), [I, L] = _(!1), [R, z] = _(null), [V, H] = _(null), [U, W] = _(null), [G, K] = _(Ce), q = (e, t) => K((n) => ({
+var $ = "__none__";
+function Ge() {
+	let { t } = D(), i = (n, r, i) => e(t, n, r, i), { items: a, hasMore: s, loadMore: l, isFetchingNextPage: u, isLoading: re, isError: ie, refetch: le } = c(), { data: de } = o(), h = r(), y = ee(), C = n(), [w, T] = _(!1), [E, L] = _(null), [R, z] = _(null), [B, V] = _(null), [H, U] = _(Ue), W = (e, t) => U((n) => ({
 		...n,
 		[e]: t
-	})), J = g(() => ({
+	})), G = g(() => ({
 		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]), Y = a[0]?.currency ?? "USD", X = () => {
-		K(Ce()), L(!0);
-	}, _e = (e) => {
-		K(we(e)), z(e);
-	}, Z = G.name.trim().length > 0 && Number(G.targetAmount) > 0 && G.targetDate.length > 0;
-	return /* @__PURE__ */ D(T, { children: [
-		/* @__PURE__ */ E(f, {
+	}), [a]), K = a[0]?.currency ?? "USD", q = () => {
+		U(Ue()), T(!0);
+	}, J = (e) => {
+		U(We(e)), L(e);
+	}, Y = H.name.trim().length > 0 && Number(H.targetAmount) > 0 && H.targetDate.length > 0;
+	return /* @__PURE__ */ A(O, { children: [
+		/* @__PURE__ */ k(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: X,
-			children: h ? /* @__PURE__ */ E(ae, { rows: 4 }) : v ? /* @__PURE__ */ E(ie, {
+			onAction: q,
+			children: re ? /* @__PURE__ */ k(ce, { rows: 4 }) : ie ? /* @__PURE__ */ k(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: () => C()
-			}) : a.length === 0 ? /* @__PURE__ */ E(re, {
-				icon: /* @__PURE__ */ E(x, {
+				onRetry: () => le()
+			}) : a.length === 0 ? /* @__PURE__ */ k(oe, {
+				icon: /* @__PURE__ */ k(S, {
 					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__ */ D(k, {
+				action: /* @__PURE__ */ A(M, {
 					size: "sm",
-					onClick: X,
-					children: [/* @__PURE__ */ E(ce, {
+					onClick: q,
+					children: [/* @__PURE__ */ k(x, {
 						className: "size-4",
 						"aria-hidden": "true"
 					}), i("brainyrich.goals.actions.createGoal", "New goal")]
 				})
-			}) : /* @__PURE__ */ D(T, { children: [
-				/* @__PURE__ */ E(d, { items: [
-					{
-						label: i("brainyrich.goals.metrics.activeGoals", "Goals"),
-						value: String(a.length),
-						trend: i("brainyrich.goals.metrics.activeGoalsTrend", "Being tracked")
-					},
-					{
-						label: i("brainyrich.goals.metrics.totalTarget", "Total target"),
-						value: p(J.totalTarget, Y)
-					},
-					{
-						label: i("brainyrich.goals.metrics.monthly", "Monthly contributions"),
-						value: p(J.totalMonthly, Y),
-						trend: i("brainyrich.goals.metrics.monthlyTrend", "Across all goals")
-					},
-					{
-						label: i("brainyrich.goals.metrics.atRisk", "Needs attention"),
-						value: String(J.atRisk),
-						trend: i("brainyrich.goals.metrics.atRiskTrend", "Behind or at risk"),
-						deltaTone: J.atRisk > 0 ? "negative" : "positive"
-					}
-				] }),
-				/* @__PURE__ */ E("div", {
+			}) : /* @__PURE__ */ A(O, { children: [
+				/* @__PURE__ */ A("div", {
+					className: "grid gap-4 sm:grid-cols-2 xl:grid-cols-4",
+					children: [
+						/* @__PURE__ */ k(d, {
+							index: 0,
+							children: /* @__PURE__ */ k(f, {
+								glow: !0,
+								icon: /* @__PURE__ */ k(S, {
+									className: "size-4",
+									"aria-hidden": "true"
+								}),
+								label: i("brainyrich.goals.metrics.activeGoals", "Goals"),
+								value: String(a.length)
+							})
+						}),
+						/* @__PURE__ */ k(d, {
+							index: 1,
+							children: /* @__PURE__ */ k(f, {
+								icon: /* @__PURE__ */ k(ge, {
+									className: "size-4",
+									"aria-hidden": "true"
+								}),
+								label: i("brainyrich.goals.metrics.totalTarget", "Total target"),
+								value: m(G.totalTarget, K)
+							})
+						}),
+						/* @__PURE__ */ k(d, {
+							index: 2,
+							children: /* @__PURE__ */ k(f, {
+								icon: /* @__PURE__ */ k(me, {
+									className: "size-4",
+									"aria-hidden": "true"
+								}),
+								label: i("brainyrich.goals.metrics.monthly", "Monthly contributions"),
+								value: m(G.totalMonthly, K)
+							})
+						}),
+						/* @__PURE__ */ k(d, {
+							index: 3,
+							children: /* @__PURE__ */ k(f, {
+								icon: /* @__PURE__ */ k(v, {
+									className: "size-4",
+									"aria-hidden": "true"
+								}),
+								label: i("brainyrich.goals.metrics.atRisk", "Needs attention"),
+								value: String(G.atRisk),
+								className: G.atRisk > 0 ? "ring-1 ring-status-error-text/30" : void 0
+							})
+						})
+					]
+				}),
+				/* @__PURE__ */ k("div", {
 					className: "grid gap-4 md:grid-cols-2 xl:grid-cols-3",
-					children: a.map((e) => {
-						let t = xe(e.projection), n = t.icon;
-						return /* @__PURE__ */ D(A, {
-							className: "flex flex-col",
-							children: [/* @__PURE__ */ E(N, {
-								className: "pb-3",
-								children: /* @__PURE__ */ D("div", {
-									className: "flex items-start justify-between gap-2",
-									children: [/* @__PURE__ */ D("div", {
-										className: "min-w-0",
-										children: [/* @__PURE__ */ D(fe, {
-											className: "flex items-center gap-2 text-base",
-											children: [/* @__PURE__ */ E(x, {
-												className: "size-4 shrink-0 text-text-secondary",
-												"aria-hidden": "true"
-											}), /* @__PURE__ */ E("span", {
-												className: "truncate",
-												children: e.name
-											})]
-										}), /* @__PURE__ */ D(M, {
-											className: "mt-1 flex flex-wrap items-center gap-2",
-											children: [/* @__PURE__ */ E(O, {
-												variant: "outline",
-												children: Q(e.type)
-											}), /* @__PURE__ */ E(O, {
-												variant: m(e.status),
-												children: Q(e.status)
-											})]
-										})]
-									}), /* @__PURE__ */ D(pe, { children: [/* @__PURE__ */ E(ge, {
-										asChild: !0,
-										children: /* @__PURE__ */ E(k, {
-											variant: "ghost",
-											size: "icon",
-											"aria-label": i("brainyrich.goals.actions.menu", "Goal actions"),
-											children: /* @__PURE__ */ E(b, {
-												className: "size-4",
-												"aria-hidden": "true"
-											})
-										})
-									}), /* @__PURE__ */ D(me, {
-										align: "end",
-										children: [
-											/* @__PURE__ */ D(B, {
-												onSelect: () => H(e.id),
-												children: [/* @__PURE__ */ E(se, {
-													className: "size-4",
-													"aria-hidden": "true"
-												}), i("brainyrich.goals.actions.manageFunding", "Manage funding")]
-											}),
-											/* @__PURE__ */ D(B, {
-												onSelect: () => _e(e),
-												children: [/* @__PURE__ */ E(le, {
-													className: "size-4",
+					children: a.map((e, t) => {
+						let n = Le(e.projection), r = n.icon, a = Be(e.status, e.projection), o = ze(e);
+						return /* @__PURE__ */ k(d, {
+							index: t,
+							children: /* @__PURE__ */ A(ye, {
+								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__ */ k(F, {
+									className: "pb-3",
+									children: /* @__PURE__ */ A("div", {
+										className: "flex items-start justify-between gap-2",
+										children: [/* @__PURE__ */ A("div", {
+											className: "min-w-0",
+											children: [/* @__PURE__ */ A(I, {
+												className: "flex items-center gap-2 text-base",
+												children: [/* @__PURE__ */ k(S, {
+													className: "size-4 shrink-0 text-text-secondary",
 													"aria-hidden": "true"
-												}), i("brainyrich.goals.actions.editGoal", "Edit goal")]
-											}),
-											/* @__PURE__ */ E(he, {}),
-											/* @__PURE__ */ D(B, {
-												className: "text-status-error-text focus:text-status-error-text",
-												onSelect: () => W(e),
-												children: [/* @__PURE__ */ E(S, {
+												}), /* @__PURE__ */ k("span", {
+													className: "truncate",
+													children: e.name
+												})]
+											}), /* @__PURE__ */ A(P, {
+												className: "mt-1 flex flex-wrap items-center gap-2",
+												children: [/* @__PURE__ */ k(j, {
+													variant: "outline",
+													children: Q(e.type)
+												}), /* @__PURE__ */ k(j, {
+													variant: fe(e.status),
+													children: Q(e.status)
+												})]
+											})]
+										}), /* @__PURE__ */ A(be, { children: [/* @__PURE__ */ k(we, {
+											asChild: !0,
+											children: /* @__PURE__ */ k(M, {
+												variant: "ghost",
+												size: "icon",
+												"aria-label": i("brainyrich.goals.actions.menu", "Goal actions"),
+												children: /* @__PURE__ */ k(b, {
 													className: "size-4",
 													"aria-hidden": "true"
-												}), i("brainyrich.goals.actions.archive", "Archive goal")]
+												})
 											})
-										]
-									})] })]
-								})
-							}), /* @__PURE__ */ D(j, {
-								className: "flex flex-1 flex-col gap-4",
-								children: [
-									/* @__PURE__ */ D("div", { children: [
-										/* @__PURE__ */ E("p", {
-											className: "text-xs text-text-secondary",
-											children: i("brainyrich.goals.card.target", "Target amount")
+										}), /* @__PURE__ */ A(xe, {
+											align: "end",
+											children: [
+												/* @__PURE__ */ A(Se, {
+													onSelect: () => z(e.id),
+													children: [/* @__PURE__ */ k(he, {
+														className: "size-4",
+														"aria-hidden": "true"
+													}), i("brainyrich.goals.actions.manageFunding", "Manage funding")]
+												}),
+												/* @__PURE__ */ A(Se, {
+													onSelect: () => J(e),
+													children: [/* @__PURE__ */ k(_e, {
+														className: "size-4",
+														"aria-hidden": "true"
+													}), i("brainyrich.goals.actions.editGoal", "Edit goal")]
+												}),
+												/* @__PURE__ */ k(Ce, {}),
+												/* @__PURE__ */ A(Se, {
+													className: "text-status-error-text focus:text-status-error-text",
+													onSelect: () => V(e),
+													children: [/* @__PURE__ */ k(ve, {
+														className: "size-4",
+														"aria-hidden": "true"
+													}), i("brainyrich.goals.actions.archive", "Archive goal")]
+												})
+											]
+										})] })]
+									})
+								}), /* @__PURE__ */ A(N, {
+									className: "flex flex-1 flex-col gap-4",
+									children: [
+										/* @__PURE__ */ A("div", {
+											className: "flex items-center gap-4",
+											children: [/* @__PURE__ */ k(ae, {
+												value: o,
+												tone: a,
+												size: 92,
+												strokeWidth: 9,
+												label: i("brainyrich.goals.card.funded", "funded")
+											}), /* @__PURE__ */ A("div", {
+												className: "min-w-0 flex-1",
+												children: [
+													/* @__PURE__ */ k("p", {
+														className: "text-xs text-text-secondary",
+														children: i("brainyrich.goals.card.target", "Target amount")
+													}),
+													/* @__PURE__ */ k("p", {
+														className: "truncate text-2xl font-semibold text-text-primary",
+														children: m(e.targetAmount, e.currency)
+													}),
+													/* @__PURE__ */ A("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__ */ k(r, {
+															className: "size-3.5",
+															"aria-hidden": "true"
+														}), Q(e.projection)]
+													})
+												]
+											})]
 										}),
-										/* @__PURE__ */ E("p", {
-											className: "text-2xl font-semibold text-text-primary",
-											children: p(e.targetAmount, e.currency)
+										/* @__PURE__ */ A("dl", {
+											className: "grid grid-cols-2 gap-3 rounded-lg bg-bg-sunken p-3 text-sm",
+											children: [
+												/* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("dt", {
+													className: "text-xs text-text-secondary",
+													children: i("brainyrich.goals.card.targetDate", "Target date")
+												}), /* @__PURE__ */ A("dd", {
+													className: "flex items-center gap-1 font-medium text-text-primary",
+													children: [/* @__PURE__ */ k(pe, {
+														className: "size-3.5 text-text-secondary",
+														"aria-hidden": "true"
+													}), ue(e.targetDate)]
+												})] }),
+												/* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("dt", {
+													className: "text-xs text-text-secondary",
+													children: i("brainyrich.goals.card.monthly", "Monthly")
+												}), /* @__PURE__ */ k("dd", {
+													className: "font-medium text-text-primary",
+													children: m(e.monthlyContribution, e.currency)
+												})] }),
+												/* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("dt", {
+													className: "text-xs text-text-secondary",
+													children: i("brainyrich.goals.card.priority", "Priority")
+												}), /* @__PURE__ */ k("dd", {
+													className: "font-medium text-text-primary",
+													children: e.priority
+												})] }),
+												/* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("dt", {
+													className: "text-xs text-text-secondary",
+													children: i("brainyrich.goals.card.fundings", "Funding links")
+												}), /* @__PURE__ */ k("dd", {
+													className: "font-medium text-text-primary",
+													children: e.fundings.length
+												})] })
+											]
 										}),
-										/* @__PURE__ */ D("span", {
-											className: `mt-1 inline-flex items-center gap-1 text-xs font-medium ${t.tone}`,
-											children: [/* @__PURE__ */ E(n, {
-												className: "size-3.5",
-												"aria-hidden": "true"
-											}), Q(e.projection)]
-										})
-									] }),
-									/* @__PURE__ */ D("dl", {
-										className: "grid grid-cols-2 gap-3 rounded-lg bg-bg-sunken p-3 text-sm",
-										children: [
-											/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("dt", {
-												className: "text-xs text-text-secondary",
-												children: i("brainyrich.goals.card.targetDate", "Target date")
-											}), /* @__PURE__ */ D("dd", {
-												className: "flex items-center gap-1 font-medium text-text-primary",
-												children: [/* @__PURE__ */ E(y, {
-													className: "size-3.5 text-text-secondary",
-													"aria-hidden": "true"
-												}), oe(e.targetDate)]
-											})] }),
-											/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("dt", {
-												className: "text-xs text-text-secondary",
-												children: i("brainyrich.goals.card.monthly", "Monthly")
-											}), /* @__PURE__ */ E("dd", {
-												className: "font-medium text-text-primary",
-												children: p(e.monthlyContribution, e.currency)
-											})] }),
-											/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("dt", {
-												className: "text-xs text-text-secondary",
-												children: i("brainyrich.goals.card.priority", "Priority")
-											}), /* @__PURE__ */ E("dd", {
-												className: "font-medium text-text-primary",
-												children: e.priority
-											})] }),
-											/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("dt", {
-												className: "text-xs text-text-secondary",
-												children: i("brainyrich.goals.card.fundings", "Funding links")
-											}), /* @__PURE__ */ E("dd", {
-												className: "font-medium text-text-primary",
-												children: e.fundings.length
-											})] })
-										]
-									}),
-									/* @__PURE__ */ E("div", {
-										className: "mt-auto",
-										children: /* @__PURE__ */ E(k, {
-											variant: "outline",
-											size: "sm",
-											className: "w-full",
-											onClick: () => H(e.id),
-											children: i("brainyrich.goals.actions.viewDetails", "View details & funding")
+										/* @__PURE__ */ k("div", {
+											className: "mt-auto",
+											children: /* @__PURE__ */ k(M, {
+												variant: "outline",
+												size: "sm",
+												className: "w-full",
+												onClick: () => z(e.id),
+												children: i("brainyrich.goals.actions.viewDetails", "View details & funding")
+											})
 										})
-									})
-								]
-							})]
+									]
+								})]
+							})
 						}, e.id);
 					})
 				}),
-				/* @__PURE__ */ E(te, {
+				/* @__PURE__ */ k(te, {
 					hasMore: s,
 					loading: u,
 					onClick: l,
@@ -291,112 +370,112 @@ function Ee() {
 				})
 			] })
 		}),
-		/* @__PURE__ */ E(De, {
-			open: I,
+		/* @__PURE__ */ k(Ke, {
+			open: w,
 			mode: "create",
-			form: G,
-			setField: q,
-			households: w.map((e) => ({
+			form: H,
+			setField: W,
+			households: de.map((e) => ({
 				id: e.id,
 				name: e.name
 			})),
-			valid: Z,
-			pending: ue.isPending,
+			valid: Y,
+			pending: h.isPending,
 			onSubmit: () => {
-				if (!Z) return;
+				if (!Y) return;
 				let e = {
-					name: G.name.trim(),
-					type: G.type,
-					targetAmount: Number(G.targetAmount),
-					targetDate: new Date(G.targetDate).toISOString(),
-					monthlyContribution: Number(G.monthlyContribution) || 0,
-					priority: Number(G.priority) || 1,
-					currency: G.currency.trim() || "USD",
-					notes: G.notes.trim() || null,
+					name: H.name.trim(),
+					type: H.type,
+					targetAmount: Number(H.targetAmount),
+					targetDate: new Date(H.targetDate).toISOString(),
+					monthlyContribution: Number(H.monthlyContribution) || 0,
+					priority: Number(H.priority) || 1,
+					currency: H.currency.trim() || "USD",
+					notes: H.notes.trim() || null,
 					tags: [],
-					...G.householdId ? { householdId: G.householdId } : {}
+					...H.householdId ? { householdId: H.householdId } : {}
 				};
-				ue.mutate(e, { onSuccess: () => L(!1) });
+				h.mutate(e, { onSuccess: () => T(!1) });
 			},
-			onOpenChange: (e) => L(e),
+			onOpenChange: (e) => T(e),
 			translate: i
 		}),
-		/* @__PURE__ */ E(De, {
-			open: !!R,
+		/* @__PURE__ */ k(Ke, {
+			open: !!E,
 			mode: "edit",
-			goalId: R?.id,
-			form: G,
-			setField: q,
-			households: w.map((e) => ({
+			goalId: E?.id,
+			form: H,
+			setField: W,
+			households: de.map((e) => ({
 				id: e.id,
 				name: e.name
 			})),
-			valid: Z,
-			pending: P.isPending,
+			valid: Y,
+			pending: y.isPending,
 			onSubmit: () => {
-				if (!R || !Z) return;
+				if (!E || !Y) return;
 				let e = {
-					name: G.name.trim(),
-					type: G.type,
-					status: G.status,
-					targetAmount: Number(G.targetAmount),
-					targetDate: new Date(G.targetDate).toISOString(),
-					monthlyContribution: Number(G.monthlyContribution) || 0,
-					priority: Number(G.priority) || 1,
-					currency: G.currency.trim() || "USD",
-					notes: G.notes.trim() || null,
-					tags: R.tags
+					name: H.name.trim(),
+					type: H.type,
+					status: H.status,
+					targetAmount: Number(H.targetAmount),
+					targetDate: new Date(H.targetDate).toISOString(),
+					monthlyContribution: Number(H.monthlyContribution) || 0,
+					priority: Number(H.priority) || 1,
+					currency: H.currency.trim() || "USD",
+					notes: H.notes.trim() || null,
+					tags: E.tags
 				};
-				P.mutate({
-					id: R.id,
+				y.mutate({
+					id: E.id,
 					input: e
-				}, { onSuccess: () => z(null) });
+				}, { onSuccess: () => L(null) });
 			},
 			onOpenChange: (e) => {
-				e || z(null);
+				e || L(null);
 			},
 			translate: i
 		}),
-		/* @__PURE__ */ E(Oe, {
-			goalId: V,
-			onClose: () => H(null),
+		/* @__PURE__ */ k(qe, {
+			goalId: R,
+			onClose: () => z(null),
 			translate: i
 		}),
-		/* @__PURE__ */ E(ne, {
-			open: !!U,
+		/* @__PURE__ */ k(ne, {
+			open: !!B,
 			onOpenChange: (e) => {
-				e || W(null);
+				e || V(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: U?.name ?? "" }),
+			description: i("brainyrich.goals.archive.description", "This removes “{name}” from your active goals. You can no longer track its progress.", { name: B?.name ?? "" }),
 			confirmLabel: i("brainyrich.goals.archive.confirm", "Archive goal"),
 			pendingLabel: i("brainyrich.goals.archive.pending", "Archiving…"),
 			destructive: !0,
-			pending: F.isPending,
+			pending: C.isPending,
 			onConfirm: () => {
-				U && F.mutate(U.id, { onSuccess: () => W(null) });
+				B && C.mutate(B.id, { onSuccess: () => V(null) });
 			}
 		})
 	] });
 }
-function De({ open: e, mode: t, goalId: n, form: r, setField: i, households: a, valid: o, pending: s, onSubmit: c, onOpenChange: l, translate: u }) {
-	return /* @__PURE__ */ E(P, {
+function Ke({ open: e, mode: t, goalId: n, form: r, setField: i, households: a, valid: o, pending: s, onSubmit: c, onOpenChange: l, translate: u }) {
+	return /* @__PURE__ */ k(L, {
 		open: e,
 		onOpenChange: l,
-		children: /* @__PURE__ */ D(F, {
+		children: /* @__PURE__ */ A(R, {
 			className: "max-h-[90vh] overflow-y-auto sm:max-w-lg",
-			children: [/* @__PURE__ */ D(R, { children: [/* @__PURE__ */ E(z, { children: t === "create" ? u("brainyrich.goals.form.createTitle", "New goal") : u("brainyrich.goals.form.editTitle", "Edit goal") }), /* @__PURE__ */ E(I, { children: u("brainyrich.goals.form.subtitle", "Define the milestone, target and contribution plan.") })] }), /* @__PURE__ */ D("form", {
+			children: [/* @__PURE__ */ A(V, { children: [/* @__PURE__ */ k(H, { children: t === "create" ? u("brainyrich.goals.form.createTitle", "New goal") : u("brainyrich.goals.form.editTitle", "Edit goal") }), /* @__PURE__ */ k(z, { children: u("brainyrich.goals.form.subtitle", "Define the milestone, target and contribution plan.") })] }), /* @__PURE__ */ A("form", {
 				className: "space-y-4",
 				onSubmit: (e) => {
 					e.preventDefault(), c();
 				},
 				children: [
-					/* @__PURE__ */ D("div", {
+					/* @__PURE__ */ A("div", {
 						className: "space-y-1.5",
-						children: [/* @__PURE__ */ E(H, {
+						children: [/* @__PURE__ */ k(W, {
 							htmlFor: "goal-name",
 							children: u("brainyrich.goals.form.name", "Name")
-						}), /* @__PURE__ */ E(V, {
+						}), /* @__PURE__ */ k(U, {
 							id: "goal-name",
 							value: r.name,
 							onChange: (e) => i("name", e.target.value),
@@ -404,46 +483,46 @@ function De({ open: e, mode: t, goalId: n, form: r, setField: i, households: a,
 							required: !0
 						})]
 					}),
-					/* @__PURE__ */ D("div", {
+					/* @__PURE__ */ A("div", {
 						className: "grid grid-cols-2 gap-3",
-						children: [/* @__PURE__ */ D("div", {
+						children: [/* @__PURE__ */ A("div", {
 							className: "space-y-1.5",
-							children: [/* @__PURE__ */ E(H, {
+							children: [/* @__PURE__ */ k(W, {
 								htmlFor: "goal-type",
 								children: u("brainyrich.goals.form.type", "Type")
-							}), /* @__PURE__ */ D(U, {
+							}), /* @__PURE__ */ A(G, {
 								value: r.type,
 								onValueChange: (e) => i("type", e),
-								children: [/* @__PURE__ */ E(K, {
+								children: [/* @__PURE__ */ k(J, {
 									id: "goal-type",
-									children: /* @__PURE__ */ E(q, {})
-								}), /* @__PURE__ */ E(W, { children: ye.map((e) => /* @__PURE__ */ E(G, {
+									children: /* @__PURE__ */ k(Y, {})
+								}), /* @__PURE__ */ k(K, { children: Fe.map((e) => /* @__PURE__ */ k(q, {
 									value: e,
 									children: Q(e)
 								}, e)) })]
 							})]
-						}), t === "edit" ? /* @__PURE__ */ D("div", {
+						}), t === "edit" ? /* @__PURE__ */ A("div", {
 							className: "space-y-1.5",
-							children: [/* @__PURE__ */ E(H, {
+							children: [/* @__PURE__ */ k(W, {
 								htmlFor: "goal-status",
 								children: u("brainyrich.goals.form.status", "Status")
-							}), /* @__PURE__ */ D(U, {
+							}), /* @__PURE__ */ A(G, {
 								value: r.status,
 								onValueChange: (e) => i("status", e),
-								children: [/* @__PURE__ */ E(K, {
+								children: [/* @__PURE__ */ k(J, {
 									id: "goal-status",
-									children: /* @__PURE__ */ E(q, {})
-								}), /* @__PURE__ */ E(W, { children: be.map((e) => /* @__PURE__ */ E(G, {
+									children: /* @__PURE__ */ k(Y, {})
+								}), /* @__PURE__ */ k(K, { children: Ie.map((e) => /* @__PURE__ */ k(q, {
 									value: e,
 									children: Q(e)
 								}, e)) })]
 							})]
-						}) : /* @__PURE__ */ D("div", {
+						}) : /* @__PURE__ */ A("div", {
 							className: "space-y-1.5",
-							children: [/* @__PURE__ */ E(H, {
+							children: [/* @__PURE__ */ k(W, {
 								htmlFor: "goal-priority",
 								children: u("brainyrich.goals.form.priority", "Priority")
-							}), /* @__PURE__ */ E(V, {
+							}), /* @__PURE__ */ k(U, {
 								id: "goal-priority",
 								type: "number",
 								min: 1,
@@ -452,14 +531,14 @@ function De({ open: e, mode: t, goalId: n, form: r, setField: i, households: a,
 							})]
 						})]
 					}),
-					/* @__PURE__ */ D("div", {
+					/* @__PURE__ */ A("div", {
 						className: "grid grid-cols-2 gap-3",
-						children: [/* @__PURE__ */ D("div", {
+						children: [/* @__PURE__ */ A("div", {
 							className: "space-y-1.5",
-							children: [/* @__PURE__ */ E(H, {
+							children: [/* @__PURE__ */ k(W, {
 								htmlFor: "goal-target",
 								children: u("brainyrich.goals.form.targetAmount", "Target amount")
-							}), /* @__PURE__ */ E(V, {
+							}), /* @__PURE__ */ k(U, {
 								id: "goal-target",
 								type: "number",
 								min: 0,
@@ -468,12 +547,12 @@ function De({ open: e, mode: t, goalId: n, form: r, setField: i, households: a,
 								onChange: (e) => i("targetAmount", e.target.value),
 								required: !0
 							})]
-						}), /* @__PURE__ */ D("div", {
+						}), /* @__PURE__ */ A("div", {
 							className: "space-y-1.5",
-							children: [/* @__PURE__ */ E(H, {
+							children: [/* @__PURE__ */ k(W, {
 								htmlFor: "goal-date",
 								children: u("brainyrich.goals.form.targetDate", "Target date")
-							}), /* @__PURE__ */ E(V, {
+							}), /* @__PURE__ */ k(U, {
 								id: "goal-date",
 								type: "date",
 								value: r.targetDate,
@@ -482,14 +561,14 @@ function De({ open: e, mode: t, goalId: n, form: r, setField: i, households: a,
 							})]
 						})]
 					}),
-					/* @__PURE__ */ D("div", {
+					/* @__PURE__ */ A("div", {
 						className: "grid grid-cols-2 gap-3",
-						children: [/* @__PURE__ */ D("div", {
+						children: [/* @__PURE__ */ A("div", {
 							className: "space-y-1.5",
-							children: [/* @__PURE__ */ E(H, {
+							children: [/* @__PURE__ */ k(W, {
 								htmlFor: "goal-monthly",
 								children: u("brainyrich.goals.form.monthly", "Monthly contribution")
-							}), /* @__PURE__ */ E(V, {
+							}), /* @__PURE__ */ k(U, {
 								id: "goal-monthly",
 								type: "number",
 								min: 0,
@@ -497,12 +576,12 @@ function De({ open: e, mode: t, goalId: n, form: r, setField: i, households: a,
 								value: r.monthlyContribution,
 								onChange: (e) => i("monthlyContribution", e.target.value)
 							})]
-						}), /* @__PURE__ */ D("div", {
+						}), /* @__PURE__ */ A("div", {
 							className: "space-y-1.5",
-							children: [/* @__PURE__ */ E(H, {
+							children: [/* @__PURE__ */ k(W, {
 								htmlFor: "goal-currency",
 								children: u("brainyrich.goals.form.currency", "Currency")
-							}), /* @__PURE__ */ E(V, {
+							}), /* @__PURE__ */ k(U, {
 								id: "goal-currency",
 								value: r.currency,
 								onChange: (e) => i("currency", e.target.value.toUpperCase()),
@@ -510,12 +589,12 @@ function De({ open: e, mode: t, goalId: n, form: r, setField: i, households: a,
 							})]
 						})]
 					}),
-					t === "edit" ? /* @__PURE__ */ D("div", {
+					t === "edit" ? /* @__PURE__ */ A("div", {
 						className: "space-y-1.5",
-						children: [/* @__PURE__ */ E(H, {
+						children: [/* @__PURE__ */ k(W, {
 							htmlFor: "goal-priority-edit",
 							children: u("brainyrich.goals.form.priority", "Priority")
-						}), /* @__PURE__ */ E(V, {
+						}), /* @__PURE__ */ k(U, {
 							id: "goal-priority-edit",
 							type: "number",
 							min: 1,
@@ -523,56 +602,56 @@ function De({ open: e, mode: t, goalId: n, form: r, setField: i, households: a,
 							onChange: (e) => i("priority", e.target.value)
 						})]
 					}) : null,
-					/* @__PURE__ */ D("div", {
+					/* @__PURE__ */ A("div", {
 						className: "space-y-1.5",
-						children: [/* @__PURE__ */ E(H, {
+						children: [/* @__PURE__ */ k(W, {
 							htmlFor: "goal-household",
 							children: u("brainyrich.goals.form.household", "Household (optional)")
-						}), /* @__PURE__ */ D(U, {
-							value: r.householdId || Te,
-							onValueChange: (e) => i("householdId", e === Te ? "" : e),
-							children: [/* @__PURE__ */ E(K, {
+						}), /* @__PURE__ */ A(G, {
+							value: r.householdId || $,
+							onValueChange: (e) => i("householdId", e === $ ? "" : e),
+							children: [/* @__PURE__ */ k(J, {
 								id: "goal-household",
-								children: /* @__PURE__ */ E(q, { placeholder: u("brainyrich.goals.form.householdNone", "None") })
-							}), /* @__PURE__ */ D(W, { children: [/* @__PURE__ */ E(G, {
-								value: Te,
+								children: /* @__PURE__ */ k(Y, { placeholder: u("brainyrich.goals.form.householdNone", "None") })
+							}), /* @__PURE__ */ A(K, { children: [/* @__PURE__ */ k(q, {
+								value: $,
 								children: u("brainyrich.goals.form.householdNone", "None")
-							}), a.map((e) => /* @__PURE__ */ E(G, {
+							}), a.map((e) => /* @__PURE__ */ k(q, {
 								value: e.id,
 								children: e.name
 							}, e.id))] })]
 						})]
 					}),
-					t === "edit" && n ? /* @__PURE__ */ E(h, {
+					t === "edit" && n ? /* @__PURE__ */ k(h, {
 						entityType: "brainyrich-goal",
 						entityId: n,
 						label: u("brainyrich.goals.form.tags", "Tags")
-					}) : /* @__PURE__ */ D("div", {
+					}) : /* @__PURE__ */ A("div", {
 						className: "space-y-1.5",
-						children: [/* @__PURE__ */ E(H, { children: u("brainyrich.goals.form.tags", "Tags") }), /* @__PURE__ */ E("p", {
+						children: [/* @__PURE__ */ k(W, { children: u("brainyrich.goals.form.tags", "Tags") }), /* @__PURE__ */ k("p", {
 							className: "text-sm text-text-secondary",
 							children: u("brainyrich.goals.form.tagsAfterCreate", "You can add tags after creating the goal.")
 						})]
 					}),
-					/* @__PURE__ */ D("div", {
+					/* @__PURE__ */ A("div", {
 						className: "space-y-1.5",
-						children: [/* @__PURE__ */ E(H, {
+						children: [/* @__PURE__ */ k(W, {
 							htmlFor: "goal-notes",
 							children: u("brainyrich.goals.form.notes", "Notes")
-						}), /* @__PURE__ */ E(ve, {
+						}), /* @__PURE__ */ k(Pe, {
 							id: "goal-notes",
 							value: r.notes,
 							onChange: (e) => i("notes", e.target.value),
 							rows: 3
 						})]
 					}),
-					/* @__PURE__ */ D(L, { children: [/* @__PURE__ */ E(k, {
+					/* @__PURE__ */ A(B, { children: [/* @__PURE__ */ k(M, {
 						type: "button",
 						variant: "outline",
 						onClick: () => l(!1),
 						disabled: s,
 						children: u("brainyrich.goals.form.cancel", "Cancel")
-					}), /* @__PURE__ */ E(k, {
+					}), /* @__PURE__ */ k(M, {
 						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")
@@ -582,212 +661,299 @@ function De({ open: e, mode: t, goalId: n, form: r, setField: i, households: a,
 		})
 	});
 }
-function Oe({ 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: f } = t(), m = s(), h = u(), g = l(), [v, y] = _(""), [b, ce] = _("PERCENT"), [S, C] = _(""), [w, de] = _(""), [O, A] = _(null), j = d.reduce((e, t) => e + (t.fixedAmount ?? 0), 0), M = o?.currency ?? "USD", N = (e) => f.find((t) => t.id === e)?.name ?? e, fe = () => {
-		if (!e || !v) return;
-		let t = Number(S);
-		!Number.isFinite(t) || t <= 0 || m.mutate({
+function qe({ 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(), h = s(), g = u(), v = l(), [b, ge] = _(""), [x, ve] = _("PERCENT"), [C, w] = _(""), [D, ye] = _(""), [N, P] = _(null), F = d.reduce((e, t) => e + (t.fixedAmount ?? 0), 0), I = o?.currency ?? "USD", L = o ? ze(o) : 0, R = o ? Be(o.status, o.projection) : "brand", z = o ? Ve(F, o.monthlyContribution, o.targetDate) : [], B = (e) => p.find((t) => t.id === e)?.name ?? e, V = () => {
+		if (!e || !b) return;
+		let t = Number(C);
+		!Number.isFinite(t) || t <= 0 || h.mutate({
 			goalId: e,
-			accountId: v,
-			...b === "PERCENT" ? { allocationPct: t } : { fixedAmount: t }
+			accountId: b,
+			...x === "PERCENT" ? { allocationPct: t } : { fixedAmount: t }
 		}, { onSuccess: () => {
-			y(""), C("");
+			ge(""), w("");
 		} });
-	}, P = () => {
+	}, H = () => {
 		if (!e) return;
-		let t = w === "" ? j : Number(w);
-		Number.isFinite(t) && g.mutate({
+		let t = D === "" ? F : Number(D);
+		Number.isFinite(t) && v.mutate({
 			id: e,
 			fundedAmount: t
 		});
-	}, F = !!v && Number(S) > 0, I = O ? O.fixedAmount == null ? N(O.accountId) : p(O.fixedAmount, M) : "";
-	return /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E(J, {
+	}, be = !!b && Number(C) > 0, xe = N ? N.fixedAmount == null ? B(N.accountId) : m(N.fixedAmount, I) : "";
+	return /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ k(Te, {
 		open: !!e,
 		onOpenChange: (e) => {
 			e || n();
 		},
-		children: /* @__PURE__ */ D(Y, {
-			className: "flex w-full flex-col gap-0 overflow-y-auto sm:max-w-md",
-			children: [/* @__PURE__ */ D(_e, { children: [/* @__PURE__ */ E(Z, { children: o?.name ?? r("brainyrich.goals.detail.title", "Goal") }), /* @__PURE__ */ E(X, { children: r("brainyrich.goals.detail.subtitle", "Manage funding links and projection.") })] }), /* @__PURE__ */ E("div", {
+		children: /* @__PURE__ */ A(Ee, {
+			className: "flex w-full flex-col gap-0 overflow-y-auto sm:max-w-xl",
+			children: [/* @__PURE__ */ A(Oe, { children: [/* @__PURE__ */ k(ke, { children: o?.name ?? r("brainyrich.goals.detail.title", "Goal") }), /* @__PURE__ */ k(De, { children: r("brainyrich.goals.detail.subtitle", "Manage funding links and projection.") })] }), /* @__PURE__ */ k("div", {
 				className: "space-y-6 p-4",
-				children: c ? /* @__PURE__ */ E(ae, { rows: 3 }) : ee ? /* @__PURE__ */ E(ie, {
+				children: c ? /* @__PURE__ */ k(ce, { rows: 3 }) : ee ? /* @__PURE__ */ k(se, {
 					title: r("brainyrich.goals.detail.error", "Could not load goal"),
 					onRetry: () => te()
-				}) : o ? /* @__PURE__ */ D(T, { children: [
-					/* @__PURE__ */ D("div", {
+				}) : o ? /* @__PURE__ */ A(O, { children: [
+					/* @__PURE__ */ A(re, {
+						glow: !0,
+						className: "flex items-center gap-5",
+						children: [/* @__PURE__ */ k(ae, {
+							value: L,
+							tone: R,
+							size: 116,
+							strokeWidth: 11,
+							label: r("brainyrich.goals.detail.funded", "funded")
+						}), /* @__PURE__ */ A("div", {
+							className: "min-w-0 flex-1 space-y-1",
+							children: [
+								/* @__PURE__ */ k(j, {
+									variant: fe(o.projection),
+									children: Q(o.projection)
+								}),
+								/* @__PURE__ */ k("p", {
+									className: "text-2xl font-semibold text-text-primary",
+									children: m(F, I)
+								}),
+								/* @__PURE__ */ k("p", {
+									className: "text-xs text-text-secondary",
+									children: r("brainyrich.goals.detail.ofTarget", "of {target} target", { target: le(o.targetAmount, I) })
+								})
+							]
+						})]
+					}),
+					/* @__PURE__ */ A("div", {
 						className: "grid grid-cols-2 gap-3",
 						children: [
-							/* @__PURE__ */ E($, {
+							/* @__PURE__ */ k(f, {
+								icon: /* @__PURE__ */ k(S, {
+									className: "size-4",
+									"aria-hidden": "true"
+								}),
 								label: r("brainyrich.goals.detail.target", "Target"),
-								value: p(o.targetAmount, M)
+								value: m(o.targetAmount, I)
 							}),
-							/* @__PURE__ */ E($, {
+							/* @__PURE__ */ k(f, {
+								icon: /* @__PURE__ */ k(E, {
+									className: "size-4",
+									"aria-hidden": "true"
+								}),
 								label: r("brainyrich.goals.detail.funded", "Funded (fixed)"),
-								value: p(j, M)
+								value: m(F, I)
 							}),
-							/* @__PURE__ */ E($, {
-								label: r("brainyrich.goals.detail.projection", "Projection"),
-								value: Q(o.projection),
-								tone: xe(o.projection).tone
+							/* @__PURE__ */ k(f, {
+								icon: /* @__PURE__ */ k(me, {
+									className: "size-4",
+									"aria-hidden": "true"
+								}),
+								label: r("brainyrich.goals.detail.monthly", "Monthly"),
+								value: m(o.monthlyContribution, I)
 							}),
-							/* @__PURE__ */ E($, {
+							/* @__PURE__ */ k(f, {
+								icon: /* @__PURE__ */ k(pe, {
+									className: "size-4",
+									"aria-hidden": "true"
+								}),
 								label: r("brainyrich.goals.detail.targetDate", "Target date"),
-								value: oe(o.targetDate)
+								value: ue(o.targetDate)
 							})
 						]
 					}),
-					/* @__PURE__ */ D("section", {
+					z.length >= 2 ? /* @__PURE__ */ A("section", {
+						className: "space-y-3 rounded-lg border border-border-subtle bg-bg-surface p-4",
+						children: [
+							/* @__PURE__ */ A("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ k(y, {
+									className: "size-4 text-text-secondary",
+									"aria-hidden": "true"
+								}), /* @__PURE__ */ k("h3", {
+									className: "text-sm font-semibold text-text-primary",
+									children: r("brainyrich.goals.detail.projectionChart", "Contribution projection")
+								})]
+							}),
+							/* @__PURE__ */ k(ie, {
+								data: z,
+								target: o.targetAmount,
+								tone: R,
+								height: 180,
+								valueFormatter: (e) => le(e, I)
+							}),
+							/* @__PURE__ */ k("p", {
+								className: "text-xs text-text-secondary",
+								children: r("brainyrich.goals.detail.projectionHint", "Starting balance plus {monthly}/mo through {date}.", {
+									monthly: m(o.monthlyContribution, I),
+									date: ue(o.targetDate)
+								})
+							})
+						]
+					}) : null,
+					/* @__PURE__ */ A("section", {
 						className: "space-y-3",
-						children: [/* @__PURE__ */ E("h3", {
+						children: [/* @__PURE__ */ k("h3", {
 							className: "text-sm font-semibold text-text-primary",
-							children: r("brainyrich.goals.detail.fundingLinks", "Funding links")
-						}), d.length === 0 ? /* @__PURE__ */ E("p", {
+							children: r("brainyrich.goals.detail.fundingLinks", "Funding sources")
+						}), d.length === 0 ? /* @__PURE__ */ k("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__ */ E("ul", {
-							className: "space-y-2",
-							children: d.map((e) => /* @__PURE__ */ D("li", {
-								className: "flex items-center justify-between gap-2 rounded-lg border border-border-subtle bg-bg-surface px-3 py-2",
-								children: [/* @__PURE__ */ D("div", {
-									className: "min-w-0",
-									children: [/* @__PURE__ */ E("p", {
-										className: "truncate text-sm font-medium text-text-primary",
-										children: N(e.accountId)
-									}), /* @__PURE__ */ E("p", {
-										className: "text-xs text-text-secondary",
-										children: e.fixedAmount == null ? r("brainyrich.goals.detail.pctOfAccount", "{pct}% of account", { pct: e.allocationPct }) : p(e.fixedAmount, M)
-									})]
-								}), /* @__PURE__ */ E(k, {
-									variant: "ghost",
-									size: "icon",
-									"aria-label": r("brainyrich.goals.detail.unlink", "Unlink funding"),
-									onClick: () => A(e),
-									children: /* @__PURE__ */ E(ue, {
-										className: "size-4",
-										"aria-hidden": "true"
+						}) : /* @__PURE__ */ k("div", {
+							className: "overflow-x-auto rounded-lg border border-border-subtle",
+							children: /* @__PURE__ */ A(Ae, { children: [/* @__PURE__ */ k(Me, { children: /* @__PURE__ */ A(Ne, { children: [
+								/* @__PURE__ */ k(Z, { children: r("brainyrich.goals.detail.account", "Account") }),
+								/* @__PURE__ */ k(Z, {
+									className: "text-right",
+									children: r("brainyrich.goals.detail.allocation", "Allocation")
+								}),
+								/* @__PURE__ */ k(Z, {
+									className: "text-right",
+									children: r("brainyrich.goals.detail.fixedAmount", "Fixed amount")
+								}),
+								/* @__PURE__ */ k(Z, { className: "w-10" })
+							] }) }), /* @__PURE__ */ k(je, { children: d.map((e) => /* @__PURE__ */ A(Ne, { children: [
+								/* @__PURE__ */ k(X, {
+									className: "font-medium text-text-primary",
+									children: B(e.accountId)
+								}),
+								/* @__PURE__ */ k(X, {
+									className: "text-right tabular-nums text-text-secondary",
+									children: e.fixedAmount == null ? de(e.allocationPct) : "—"
+								}),
+								/* @__PURE__ */ k(X, {
+									className: "text-right tabular-nums text-text-secondary",
+									children: e.fixedAmount == null ? "—" : m(e.fixedAmount, I)
+								}),
+								/* @__PURE__ */ k(X, {
+									className: "text-right",
+									children: /* @__PURE__ */ k(M, {
+										variant: "ghost",
+										size: "icon",
+										"aria-label": r("brainyrich.goals.detail.unlink", "Unlink funding"),
+										onClick: () => P(e),
+										children: /* @__PURE__ */ k(T, {
+											className: "size-4",
+											"aria-hidden": "true"
+										})
 									})
-								})]
-							}, e.id))
+								})
+							] }, e.id)) })] })
 						})]
 					}),
-					/* @__PURE__ */ D("section", {
+					/* @__PURE__ */ A("section", {
 						className: "space-y-3 rounded-lg border border-border-subtle bg-bg-surface p-4",
-						children: [/* @__PURE__ */ E("h3", {
+						children: [/* @__PURE__ */ k("h3", {
 							className: "text-sm font-semibold text-text-primary",
 							children: r("brainyrich.goals.detail.linkTitle", "Link an account")
-						}), f.length === 0 ? /* @__PURE__ */ E("p", {
+						}), p.length === 0 ? /* @__PURE__ */ k("p", {
 							className: "text-sm text-text-secondary",
 							children: r("brainyrich.goals.detail.noAccounts", "No accounts available to link.")
-						}) : /* @__PURE__ */ D(T, { children: [
-							/* @__PURE__ */ D("div", {
+						}) : /* @__PURE__ */ A(O, { children: [
+							/* @__PURE__ */ A("div", {
 								className: "space-y-1.5",
-								children: [/* @__PURE__ */ E(H, {
+								children: [/* @__PURE__ */ k(W, {
 									htmlFor: "funding-account",
 									children: r("brainyrich.goals.detail.account", "Account")
-								}), /* @__PURE__ */ D(U, {
-									value: v,
-									onValueChange: y,
-									children: [/* @__PURE__ */ E(K, {
+								}), /* @__PURE__ */ A(G, {
+									value: b,
+									onValueChange: ge,
+									children: [/* @__PURE__ */ k(J, {
 										id: "funding-account",
-										children: /* @__PURE__ */ E(q, { placeholder: r("brainyrich.goals.detail.selectAccount", "Select account") })
-									}), /* @__PURE__ */ E(W, { children: f.map((e) => /* @__PURE__ */ E(G, {
+										children: /* @__PURE__ */ k(Y, { placeholder: r("brainyrich.goals.detail.selectAccount", "Select account") })
+									}), /* @__PURE__ */ k(K, { children: p.map((e) => /* @__PURE__ */ k(q, {
 										value: e.id,
 										children: e.name
 									}, e.id)) })]
 								})]
 							}),
-							/* @__PURE__ */ D("div", {
+							/* @__PURE__ */ A("div", {
 								className: "grid grid-cols-2 gap-3",
-								children: [/* @__PURE__ */ D("div", {
+								children: [/* @__PURE__ */ A("div", {
 									className: "space-y-1.5",
-									children: [/* @__PURE__ */ E(H, {
+									children: [/* @__PURE__ */ k(W, {
 										htmlFor: "funding-mode",
 										children: r("brainyrich.goals.detail.mode", "Method")
-									}), /* @__PURE__ */ D(U, {
-										value: b,
-										onValueChange: (e) => ce(e),
-										children: [/* @__PURE__ */ E(K, {
+									}), /* @__PURE__ */ A(G, {
+										value: x,
+										onValueChange: (e) => ve(e),
+										children: [/* @__PURE__ */ k(J, {
 											id: "funding-mode",
-											children: /* @__PURE__ */ E(q, {})
-										}), /* @__PURE__ */ D(W, { children: [/* @__PURE__ */ E(G, {
+											children: /* @__PURE__ */ k(Y, {})
+										}), /* @__PURE__ */ A(K, { children: [/* @__PURE__ */ k(q, {
 											value: "PERCENT",
 											children: r("brainyrich.goals.detail.percent", "Percentage")
-										}), /* @__PURE__ */ E(G, {
+										}), /* @__PURE__ */ k(q, {
 											value: "FIXED",
 											children: r("brainyrich.goals.detail.fixed", "Fixed amount")
 										})] })]
 									})]
-								}), /* @__PURE__ */ D("div", {
+								}), /* @__PURE__ */ A("div", {
 									className: "space-y-1.5",
-									children: [/* @__PURE__ */ E(H, {
+									children: [/* @__PURE__ */ k(W, {
 										htmlFor: "funding-value",
-										children: b === "PERCENT" ? r("brainyrich.goals.detail.pct", "Percent") : r("brainyrich.goals.detail.amount", "Amount")
-									}), /* @__PURE__ */ E(V, {
+										children: x === "PERCENT" ? r("brainyrich.goals.detail.pct", "Percent") : r("brainyrich.goals.detail.amount", "Amount")
+									}), /* @__PURE__ */ k(U, {
 										id: "funding-value",
 										type: "number",
 										min: 0,
 										step: "0.01",
-										value: S,
-										onChange: (e) => C(e.target.value)
+										value: C,
+										onChange: (e) => w(e.target.value)
 									})]
 								})]
 							}),
-							/* @__PURE__ */ D(k, {
+							/* @__PURE__ */ A(M, {
 								size: "sm",
 								className: "w-full",
-								disabled: !F || m.isPending,
-								onClick: fe,
-								children: [/* @__PURE__ */ E(se, {
+								disabled: !be || h.isPending,
+								onClick: V,
+								children: [/* @__PURE__ */ k(he, {
 									className: "size-4",
 									"aria-hidden": "true"
-								}), m.isPending ? r("brainyrich.goals.detail.linking", "Linking…") : r("brainyrich.goals.detail.link", "Link funding")]
+								}), h.isPending ? r("brainyrich.goals.detail.linking", "Linking…") : r("brainyrich.goals.detail.link", "Link funding")]
 							})
 						] })]
 					}),
-					/* @__PURE__ */ D("section", {
+					/* @__PURE__ */ A("section", {
 						className: "space-y-3 rounded-lg border border-border-subtle bg-bg-surface p-4",
 						children: [
-							/* @__PURE__ */ E("h3", {
+							/* @__PURE__ */ k("h3", {
 								className: "text-sm font-semibold text-text-primary",
 								children: r("brainyrich.goals.detail.recalcTitle", "Recalculate projection")
 							}),
-							/* @__PURE__ */ D("div", {
+							/* @__PURE__ */ A("div", {
 								className: "space-y-1.5",
 								children: [
-									/* @__PURE__ */ E(H, {
+									/* @__PURE__ */ k(W, {
 										htmlFor: "recalc-funded",
 										children: r("brainyrich.goals.detail.fundedAmount", "Funded amount")
 									}),
-									/* @__PURE__ */ E(V, {
+									/* @__PURE__ */ k(U, {
 										id: "recalc-funded",
 										type: "number",
 										min: 0,
 										step: "0.01",
-										value: w,
-										placeholder: String(j),
-										onChange: (e) => de(e.target.value)
+										value: D,
+										placeholder: String(F),
+										onChange: (e) => ye(e.target.value)
 									}),
-									/* @__PURE__ */ E("p", {
+									/* @__PURE__ */ k("p", {
 										className: "text-xs text-text-secondary",
 										children: r("brainyrich.goals.detail.recalcHint", "Defaults to the sum of fixed fundings when left blank.")
 									})
 								]
 							}),
-							/* @__PURE__ */ D(k, {
+							/* @__PURE__ */ A(M, {
 								size: "sm",
 								variant: "outline",
 								className: "w-full",
-								disabled: g.isPending,
-								onClick: P,
-								children: [/* @__PURE__ */ E(le, {
+								disabled: v.isPending,
+								onClick: H,
+								children: [/* @__PURE__ */ k(_e, {
 									className: "size-4",
 									"aria-hidden": "true"
-								}), g.isPending ? r("brainyrich.goals.detail.recalculating", "Recalculating…") : r("brainyrich.goals.detail.recalc", "Recalculate")]
+								}), v.isPending ? r("brainyrich.goals.detail.recalculating", "Recalculating…") : r("brainyrich.goals.detail.recalc", "Recalculate")]
 							})
 						]
 					})
-				] }) : /* @__PURE__ */ E(re, {
-					icon: /* @__PURE__ */ E(x, {
+				] }) : /* @__PURE__ */ k(oe, {
+					icon: /* @__PURE__ */ k(S, {
 						className: "size-6",
 						"aria-hidden": "true"
 					}),
@@ -795,35 +961,23 @@ function Oe({ goalId: e, onClose: n, translate: r }) {
 				})
 			})]
 		})
-	}), /* @__PURE__ */ E(ne, {
-		open: !!O,
+	}), /* @__PURE__ */ k(ne, {
+		open: !!N,
 		onOpenChange: (e) => {
-			e || A(null);
+			e || P(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: I }),
+		description: r("brainyrich.goals.detail.unlinkConfirm", "This removes the “{name}” funding link from this goal.", { name: xe }),
 		confirmLabel: r("brainyrich.goals.detail.unlink", "Unlink funding"),
 		pendingLabel: r("brainyrich.goals.detail.unlinking", "Unlinking…"),
 		destructive: !0,
-		pending: h.isPending,
+		pending: g.isPending,
 		onConfirm: () => {
-			O && h.mutate(O.id, { onSuccess: () => A(null) });
+			N && g.mutate(N.id, { onSuccess: () => P(null) });
 		}
 	})] });
 }
-function $({ label: e, value: t, tone: n }) {
-	return /* @__PURE__ */ D("div", {
-		className: "rounded-lg bg-bg-sunken p-3",
-		children: [/* @__PURE__ */ E("p", {
-			className: "text-xs text-text-secondary",
-			children: e
-		}), /* @__PURE__ */ E("p", {
-			className: `text-sm font-semibold ${n ?? "text-text-primary"}`,
-			children: t
-		})]
-	});
-}
 //#endregion
-export { Ee as GoalsPage };
+export { Ge as GoalsPage };
 
 //# sourceMappingURL=GoalsPage.js.map