@burdenoff/microfe-brainyrich 2026.705.1 → 2026.706.2

package/dist/brainyrich/pages/GoalsPage.js

@@ -1,13 +1,18 @@
 import { tWithFallback as e } from "../utils/i18n.js";
-import { useAccounts as t, useArchiveGoal as n, useCreateGoal as r, useGoal as i, useGoalFundings as a, useGoals as o, useHouseholds as s, useLinkGoalFunding as c, useRecalcGoalProjection as l, useUnlinkGoalFunding as u, useUpdateGoal as ee } from "../hooks/useBrainyRichApi.js";
-import { EmptyState as d, ErrorState as f, KpiGrid as te, LoadingState as ne, SectionShell as p, formatDate as re, formatMoney as m, statusBadgeVariant as h } from "./_shared.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 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 ie, MoreHorizontal as b, Plus as x, RefreshCw as ae, Target as S, Trash2 as C, TrendingDown as w, TrendingUp as T, Unlink as E } from "lucide-react";
+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 N, CardContent as P, CardDescription as F, CardHeader as oe, CardTitle as I, Dialog as L, DialogContent as R, DialogDescription as z, DialogFooter as B, DialogHeader as se, DialogTitle as V, DropdownMenu as ce, DropdownMenuContent as le, DropdownMenuItem as H, DropdownMenuSeparator as ue, DropdownMenuTrigger as de, Input as U, Label as W, Select as G, SelectContent as K, SelectItem as q, SelectTrigger as J, SelectValue as Y, Sheet as X, SheetContent as fe, SheetDescription as pe, SheetHeader as me, SheetTitle as he, Textarea as ge } from "@burdenoff/fe-libs/ui";
+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 _e = [
+var Fe = [
 	"RETIREMENT",
 	"EDUCATION",
 	"HOME",
@@ -15,21 +20,21 @@ var _e = [
 	"MAJOR_PURCHASE",
 	"WEALTH_GROWTH",
 	"CUSTOM"
-], ve = [
+], Ie = [
 	"ACTIVE",
 	"ACHIEVED",
 	"ON_HOLD",
 	"ABANDONED"
 ];
-function ye(e) {
+function Le(e) {
 	switch (e) {
 		case "AHEAD":
 		case "ON_TRACK": return {
-			icon: T,
+			icon: w,
 			tone: "text-status-success-text"
 		};
 		case "BEHIND": return {
-			icon: w,
+			icon: C,
 			tone: "text-status-warning-text"
 		};
 		default: return {
@@ -38,15 +43,49 @@ function ye(e) {
 		};
 	}
 }
-function Z(e) {
+function Q(e) {
 	return e.toLowerCase().split("_").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join(" ");
 }
-function be(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 xe() {
+function Ue() {
 	return {
 		name: "",
 		type: "CUSTOM",
@@ -57,53 +96,48 @@ function xe() {
 		priority: "1",
 		currency: "USD",
 		householdId: "",
-		notes: "",
-		tags: ""
+		notes: ""
 	};
 }
-function Se(e) {
+function We(e) {
 	return {
 		name: e.name,
 		type: e.type,
 		status: e.status,
 		targetAmount: String(e.targetAmount),
-		targetDate: be(e.targetDate),
+		targetDate: He(e.targetDate),
 		monthlyContribution: String(e.monthlyContribution),
 		priority: String(e.priority),
 		currency: e.currency,
 		householdId: e.householdId ?? "",
-		notes: e.notes ?? "",
-		tags: e.tags.join(", ")
+		notes: e.notes ?? ""
 	};
 }
-function Ce(e) {
-	return e.split(",").map((e) => e.trim()).filter(Boolean);
-}
-var Q = "__none__";
-function we() {
-	let { t } = D(), i = (n, r, i) => e(t, n, r, i), { data: a, isLoading: c, isError: l, refetch: u } = o(), { data: v } = s(), w = r(), T = ee(), E = n(), [L, R] = _(!1), [z, B] = _(null), [se, V] = _(null), [U, W] = _(xe), G = (e, t) => W((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
-	})), K = 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]), q = a[0]?.currency ?? "USD", J = () => {
-		W(xe()), R(!0);
-	}, Y = (e) => {
-		W(Se(e)), B(e);
-	}, X = U.name.trim().length > 0 && Number(U.targetAmount) > 0 && U.targetDate.length > 0;
+	}), [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: J,
-			children: c ? /* @__PURE__ */ k(ne, { rows: 4 }) : l ? /* @__PURE__ */ k(f, {
+			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: () => u()
-			}) : a.length === 0 ? /* @__PURE__ */ k(d, {
+				onRetry: () => le()
+			}) : a.length === 0 ? /* @__PURE__ */ k(oe, {
 				icon: /* @__PURE__ */ k(S, {
 					className: "size-6",
 					"aria-hidden": "true"
@@ -112,271 +146,340 @@ function we() {
 				description: i("brainyrich.goals.empty.description", "Create your first goal to start tracking progress toward a milestone."),
 				action: /* @__PURE__ */ A(M, {
 					size: "sm",
-					onClick: J,
+					onClick: q,
 					children: [/* @__PURE__ */ k(x, {
 						className: "size-4",
 						"aria-hidden": "true"
 					}), i("brainyrich.goals.actions.createGoal", "New goal")]
 				})
-			}) : /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ k(te, { 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: m(K.totalTarget, q)
-				},
-				{
-					label: i("brainyrich.goals.metrics.monthly", "Monthly contributions"),
-					value: m(K.totalMonthly, q),
-					trend: i("brainyrich.goals.metrics.monthlyTrend", "Across all goals")
-				},
-				{
-					label: i("brainyrich.goals.metrics.atRisk", "Needs attention"),
-					value: String(K.atRisk),
-					trend: i("brainyrich.goals.metrics.atRiskTrend", "Behind or at risk"),
-					deltaTone: K.atRisk > 0 ? "negative" : "positive"
-				}
-			] }), /* @__PURE__ */ k("div", {
-				className: "grid gap-4 md:grid-cols-2 xl:grid-cols-3",
-				children: a.map((e) => {
-					let t = ye(e.projection), n = t.icon;
-					return /* @__PURE__ */ A(N, {
-						className: "flex flex-col",
-						children: [/* @__PURE__ */ k(oe, {
-							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"
-										}), /* @__PURE__ */ k("span", {
-											className: "truncate",
-											children: e.name
-										})]
-									}), /* @__PURE__ */ A(F, {
-										className: "mt-1 flex flex-wrap items-center gap-2",
-										children: [/* @__PURE__ */ k(j, {
-											variant: "outline",
-											children: Z(e.type)
-										}), /* @__PURE__ */ k(j, {
-											variant: h(e.status),
-											children: Z(e.status)
-										})]
-									})]
-								}), /* @__PURE__ */ A(ce, { children: [/* @__PURE__ */ k(de, {
-									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"
-										})
+			}) : /* @__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, 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"
+												}), /* @__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"
+												})
+											})
+										}), /* @__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(le, {
-									align: "end",
+								}), /* @__PURE__ */ A(N, {
+									className: "flex flex-1 flex-col gap-4",
 									children: [
-										/* @__PURE__ */ A(H, {
-											onSelect: () => V(e.id),
-											children: [/* @__PURE__ */ k(ie, {
-												className: "size-4",
-												"aria-hidden": "true"
-											}), i("brainyrich.goals.actions.manageFunding", "Manage funding")]
-										}),
-										/* @__PURE__ */ A(H, {
-											onSelect: () => Y(e),
+										/* @__PURE__ */ A("div", {
+											className: "flex items-center gap-4",
 											children: [/* @__PURE__ */ k(ae, {
-												className: "size-4",
-												"aria-hidden": "true"
-											}), i("brainyrich.goals.actions.editGoal", "Edit goal")]
+												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__ */ k(ue, {}),
-										/* @__PURE__ */ A(H, {
-											className: "text-status-error-text focus:text-status-error-text",
-											disabled: E.isPending,
-											onSelect: () => E.mutate(e.id),
-											children: [/* @__PURE__ */ k(C, {
-												className: "size-4",
-												"aria-hidden": "true"
-											}), i("brainyrich.goals.actions.archive", "Archive goal")]
+										/* @__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__ */ 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")
+											})
 										})
 									]
-								})] })]
+								})]
 							})
-						}), /* @__PURE__ */ A(P, {
-							className: "flex flex-1 flex-col gap-4",
-							children: [
-								/* @__PURE__ */ A("div", { children: [
-									/* @__PURE__ */ k("p", {
-										className: "text-xs text-text-secondary",
-										children: i("brainyrich.goals.card.target", "Target amount")
-									}),
-									/* @__PURE__ */ k("p", {
-										className: "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 text-xs font-medium ${t.tone}`,
-										children: [/* @__PURE__ */ k(n, {
-											className: "size-3.5",
-											"aria-hidden": "true"
-										}), Z(e.projection)]
-									})
-								] }),
-								/* @__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(y, {
-												className: "size-3.5 text-text-secondary",
-												"aria-hidden": "true"
-											}), re(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__ */ k("div", {
-									className: "mt-auto",
-									children: /* @__PURE__ */ k(M, {
-										variant: "outline",
-										size: "sm",
-										className: "w-full",
-										onClick: () => V(e.id),
-										children: i("brainyrich.goals.actions.viewDetails", "View details & funding")
-									})
-								})
-							]
-						})]
-					}, e.id);
+						}, e.id);
+					})
+				}),
+				/* @__PURE__ */ k(te, {
+					hasMore: s,
+					loading: u,
+					onClick: l,
+					label: i("brainyrich.goals.actions.loadMore", "Load more goals"),
+					loadingLabel: i("brainyrich.goals.actions.loadingMore", "Loading…")
 				})
-			})] })
+			] })
 		}),
-		/* @__PURE__ */ k(Te, {
-			open: L,
+		/* @__PURE__ */ k(Ke, {
+			open: w,
 			mode: "create",
-			form: U,
-			setField: G,
-			households: v.map((e) => ({
+			form: H,
+			setField: W,
+			households: de.map((e) => ({
 				id: e.id,
 				name: e.name
 			})),
-			valid: X,
-			pending: w.isPending,
+			valid: Y,
+			pending: h.isPending,
 			onSubmit: () => {
-				if (!X) return;
+				if (!Y) return;
 				let e = {
-					name: U.name.trim(),
-					type: U.type,
-					targetAmount: Number(U.targetAmount),
-					targetDate: new Date(U.targetDate).toISOString(),
-					monthlyContribution: Number(U.monthlyContribution) || 0,
-					priority: Number(U.priority) || 1,
-					currency: U.currency.trim() || "USD",
-					notes: U.notes.trim() || null,
-					tags: Ce(U.tags),
-					...U.householdId ? { householdId: U.householdId } : {}
+					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: [],
+					...H.householdId ? { householdId: H.householdId } : {}
 				};
-				w.mutate(e, { onSuccess: () => R(!1) });
+				h.mutate(e, { onSuccess: () => T(!1) });
 			},
-			onOpenChange: (e) => R(e),
+			onOpenChange: (e) => T(e),
 			translate: i
 		}),
-		/* @__PURE__ */ k(Te, {
-			open: !!z,
+		/* @__PURE__ */ k(Ke, {
+			open: !!E,
 			mode: "edit",
-			form: U,
-			setField: G,
-			households: v.map((e) => ({
+			goalId: E?.id,
+			form: H,
+			setField: W,
+			households: de.map((e) => ({
 				id: e.id,
 				name: e.name
 			})),
-			valid: X,
-			pending: T.isPending,
+			valid: Y,
+			pending: y.isPending,
 			onSubmit: () => {
-				if (!z || !X) return;
+				if (!E || !Y) return;
 				let e = {
-					name: U.name.trim(),
-					type: U.type,
-					status: U.status,
-					targetAmount: Number(U.targetAmount),
-					targetDate: new Date(U.targetDate).toISOString(),
-					monthlyContribution: Number(U.monthlyContribution) || 0,
-					priority: Number(U.priority) || 1,
-					currency: U.currency.trim() || "USD",
-					notes: U.notes.trim() || null,
-					tags: Ce(U.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
 				};
-				T.mutate({
-					id: z.id,
+				y.mutate({
+					id: E.id,
 					input: e
-				}, { onSuccess: () => B(null) });
+				}, { onSuccess: () => L(null) });
 			},
 			onOpenChange: (e) => {
-				e || B(null);
+				e || L(null);
 			},
 			translate: i
 		}),
-		/* @__PURE__ */ k(Ee, {
-			goalId: se,
-			onClose: () => V(null),
+		/* @__PURE__ */ k(qe, {
+			goalId: R,
+			onClose: () => z(null),
 			translate: i
+		}),
+		/* @__PURE__ */ k(ne, {
+			open: !!B,
+			onOpenChange: (e) => {
+				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: B?.name ?? "" }),
+			confirmLabel: i("brainyrich.goals.archive.confirm", "Archive goal"),
+			pendingLabel: i("brainyrich.goals.archive.pending", "Archiving…"),
+			destructive: !0,
+			pending: C.isPending,
+			onConfirm: () => {
+				B && C.mutate(B.id, { onSuccess: () => V(null) });
+			}
 		})
 	] });
 }
-function Te({ open: e, mode: t, form: n, setField: r, households: i, valid: a, pending: o, onSubmit: s, onOpenChange: c, translate: l }) {
+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: c,
+		onOpenChange: l,
 		children: /* @__PURE__ */ A(R, {
 			className: "max-h-[90vh] overflow-y-auto sm:max-w-lg",
-			children: [/* @__PURE__ */ A(se, { children: [/* @__PURE__ */ k(V, { children: t === "create" ? l("brainyrich.goals.form.createTitle", "New goal") : l("brainyrich.goals.form.editTitle", "Edit goal") }), /* @__PURE__ */ k(z, { children: l("brainyrich.goals.form.subtitle", "Define the milestone, target and contribution plan.") })] }), /* @__PURE__ */ A("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(), s();
+					e.preventDefault(), c();
 				},
 				children: [
 					/* @__PURE__ */ A("div", {
 						className: "space-y-1.5",
 						children: [/* @__PURE__ */ k(W, {
 							htmlFor: "goal-name",
-							children: l("brainyrich.goals.form.name", "Name")
+							children: u("brainyrich.goals.form.name", "Name")
 						}), /* @__PURE__ */ k(U, {
 							id: "goal-name",
-							value: n.name,
-							onChange: (e) => r("name", e.target.value),
-							placeholder: l("brainyrich.goals.form.namePlaceholder", "e.g. Retirement fund"),
+							value: r.name,
+							onChange: (e) => i("name", e.target.value),
+							placeholder: u("brainyrich.goals.form.namePlaceholder", "e.g. Retirement fund"),
 							required: !0
 						})]
 					}),
@@ -386,45 +489,45 @@ function Te({ open: e, mode: t, form: n, setField: r, households: i, valid: a, p
 							className: "space-y-1.5",
 							children: [/* @__PURE__ */ k(W, {
 								htmlFor: "goal-type",
-								children: l("brainyrich.goals.form.type", "Type")
+								children: u("brainyrich.goals.form.type", "Type")
 							}), /* @__PURE__ */ A(G, {
-								value: n.type,
-								onValueChange: (e) => r("type", e),
+								value: r.type,
+								onValueChange: (e) => i("type", e),
 								children: [/* @__PURE__ */ k(J, {
 									id: "goal-type",
 									children: /* @__PURE__ */ k(Y, {})
-								}), /* @__PURE__ */ k(K, { children: _e.map((e) => /* @__PURE__ */ k(q, {
+								}), /* @__PURE__ */ k(K, { children: Fe.map((e) => /* @__PURE__ */ k(q, {
 									value: e,
-									children: Z(e)
+									children: Q(e)
 								}, e)) })]
 							})]
 						}), t === "edit" ? /* @__PURE__ */ A("div", {
 							className: "space-y-1.5",
 							children: [/* @__PURE__ */ k(W, {
 								htmlFor: "goal-status",
-								children: l("brainyrich.goals.form.status", "Status")
+								children: u("brainyrich.goals.form.status", "Status")
 							}), /* @__PURE__ */ A(G, {
-								value: n.status,
-								onValueChange: (e) => r("status", e),
+								value: r.status,
+								onValueChange: (e) => i("status", e),
 								children: [/* @__PURE__ */ k(J, {
 									id: "goal-status",
 									children: /* @__PURE__ */ k(Y, {})
-								}), /* @__PURE__ */ k(K, { children: ve.map((e) => /* @__PURE__ */ k(q, {
+								}), /* @__PURE__ */ k(K, { children: Ie.map((e) => /* @__PURE__ */ k(q, {
 									value: e,
-									children: Z(e)
+									children: Q(e)
 								}, e)) })]
 							})]
 						}) : /* @__PURE__ */ A("div", {
 							className: "space-y-1.5",
 							children: [/* @__PURE__ */ k(W, {
 								htmlFor: "goal-priority",
-								children: l("brainyrich.goals.form.priority", "Priority")
+								children: u("brainyrich.goals.form.priority", "Priority")
 							}), /* @__PURE__ */ k(U, {
 								id: "goal-priority",
 								type: "number",
 								min: 1,
-								value: n.priority,
-								onChange: (e) => r("priority", e.target.value)
+								value: r.priority,
+								onChange: (e) => i("priority", e.target.value)
 							})]
 						})]
 					}),
@@ -434,26 +537,26 @@ function Te({ open: e, mode: t, form: n, setField: r, households: i, valid: a, p
 							className: "space-y-1.5",
 							children: [/* @__PURE__ */ k(W, {
 								htmlFor: "goal-target",
-								children: l("brainyrich.goals.form.targetAmount", "Target amount")
+								children: u("brainyrich.goals.form.targetAmount", "Target amount")
 							}), /* @__PURE__ */ k(U, {
 								id: "goal-target",
 								type: "number",
 								min: 0,
 								step: "0.01",
-								value: n.targetAmount,
-								onChange: (e) => r("targetAmount", e.target.value),
+								value: r.targetAmount,
+								onChange: (e) => i("targetAmount", e.target.value),
 								required: !0
 							})]
 						}), /* @__PURE__ */ A("div", {
 							className: "space-y-1.5",
 							children: [/* @__PURE__ */ k(W, {
 								htmlFor: "goal-date",
-								children: l("brainyrich.goals.form.targetDate", "Target date")
+								children: u("brainyrich.goals.form.targetDate", "Target date")
 							}), /* @__PURE__ */ k(U, {
 								id: "goal-date",
 								type: "date",
-								value: n.targetDate,
-								onChange: (e) => r("targetDate", e.target.value),
+								value: r.targetDate,
+								onChange: (e) => i("targetDate", e.target.value),
 								required: !0
 							})]
 						})]
@@ -464,24 +567,24 @@ function Te({ open: e, mode: t, form: n, setField: r, households: i, valid: a, p
 							className: "space-y-1.5",
 							children: [/* @__PURE__ */ k(W, {
 								htmlFor: "goal-monthly",
-								children: l("brainyrich.goals.form.monthly", "Monthly contribution")
+								children: u("brainyrich.goals.form.monthly", "Monthly contribution")
 							}), /* @__PURE__ */ k(U, {
 								id: "goal-monthly",
 								type: "number",
 								min: 0,
 								step: "0.01",
-								value: n.monthlyContribution,
-								onChange: (e) => r("monthlyContribution", e.target.value)
+								value: r.monthlyContribution,
+								onChange: (e) => i("monthlyContribution", e.target.value)
 							})]
 						}), /* @__PURE__ */ A("div", {
 							className: "space-y-1.5",
 							children: [/* @__PURE__ */ k(W, {
 								htmlFor: "goal-currency",
-								children: l("brainyrich.goals.form.currency", "Currency")
+								children: u("brainyrich.goals.form.currency", "Currency")
 							}), /* @__PURE__ */ k(U, {
 								id: "goal-currency",
-								value: n.currency,
-								onChange: (e) => r("currency", e.target.value.toUpperCase()),
+								value: r.currency,
+								onChange: (e) => i("currency", e.target.value.toUpperCase()),
 								maxLength: 3
 							})]
 						})]
@@ -490,162 +593,247 @@ function Te({ open: e, mode: t, form: n, setField: r, households: i, valid: a, p
 						className: "space-y-1.5",
 						children: [/* @__PURE__ */ k(W, {
 							htmlFor: "goal-priority-edit",
-							children: l("brainyrich.goals.form.priority", "Priority")
+							children: u("brainyrich.goals.form.priority", "Priority")
 						}), /* @__PURE__ */ k(U, {
 							id: "goal-priority-edit",
 							type: "number",
 							min: 1,
-							value: n.priority,
-							onChange: (e) => r("priority", e.target.value)
+							value: r.priority,
+							onChange: (e) => i("priority", e.target.value)
 						})]
 					}) : null,
 					/* @__PURE__ */ A("div", {
 						className: "space-y-1.5",
 						children: [/* @__PURE__ */ k(W, {
 							htmlFor: "goal-household",
-							children: l("brainyrich.goals.form.household", "Household (optional)")
+							children: u("brainyrich.goals.form.household", "Household (optional)")
 						}), /* @__PURE__ */ A(G, {
-							value: n.householdId || Q,
-							onValueChange: (e) => r("householdId", e === Q ? "" : e),
+							value: r.householdId || $,
+							onValueChange: (e) => i("householdId", e === $ ? "" : e),
 							children: [/* @__PURE__ */ k(J, {
 								id: "goal-household",
-								children: /* @__PURE__ */ k(Y, { placeholder: l("brainyrich.goals.form.householdNone", "None") })
+								children: /* @__PURE__ */ k(Y, { placeholder: u("brainyrich.goals.form.householdNone", "None") })
 							}), /* @__PURE__ */ A(K, { children: [/* @__PURE__ */ k(q, {
-								value: Q,
-								children: l("brainyrich.goals.form.householdNone", "None")
-							}), i.map((e) => /* @__PURE__ */ k(q, {
+								value: $,
+								children: u("brainyrich.goals.form.householdNone", "None")
+							}), a.map((e) => /* @__PURE__ */ k(q, {
 								value: e.id,
 								children: e.name
 							}, e.id))] })]
 						})]
 					}),
-					/* @__PURE__ */ A("div", {
+					t === "edit" && n ? /* @__PURE__ */ k(h, {
+						entityType: "brainyrich-goal",
+						entityId: n,
+						label: u("brainyrich.goals.form.tags", "Tags")
+					}) : /* @__PURE__ */ A("div", {
 						className: "space-y-1.5",
-						children: [/* @__PURE__ */ k(W, {
-							htmlFor: "goal-tags",
-							children: l("brainyrich.goals.form.tags", "Tags (comma separated)")
-						}), /* @__PURE__ */ k(U, {
-							id: "goal-tags",
-							value: n.tags,
-							onChange: (e) => r("tags", e.target.value),
-							placeholder: l("brainyrich.goals.form.tagsPlaceholder", "e.g. long-term, family")
+						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__ */ A("div", {
 						className: "space-y-1.5",
 						children: [/* @__PURE__ */ k(W, {
 							htmlFor: "goal-notes",
-							children: l("brainyrich.goals.form.notes", "Notes")
-						}), /* @__PURE__ */ k(ge, {
+							children: u("brainyrich.goals.form.notes", "Notes")
+						}), /* @__PURE__ */ k(Pe, {
 							id: "goal-notes",
-							value: n.notes,
-							onChange: (e) => r("notes", e.target.value),
+							value: r.notes,
+							onChange: (e) => i("notes", e.target.value),
 							rows: 3
 						})]
 					}),
 					/* @__PURE__ */ A(B, { children: [/* @__PURE__ */ k(M, {
 						type: "button",
 						variant: "outline",
-						onClick: () => c(!1),
-						disabled: o,
-						children: l("brainyrich.goals.form.cancel", "Cancel")
+						onClick: () => l(!1),
+						disabled: s,
+						children: u("brainyrich.goals.form.cancel", "Cancel")
 					}), /* @__PURE__ */ k(M, {
 						type: "submit",
-						disabled: !a || o,
-						children: o ? l("brainyrich.goals.form.saving", "Saving…") : t === "create" ? l("brainyrich.goals.form.create", "Create goal") : l("brainyrich.goals.form.save", "Save changes")
+						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")
 					})] })
 				]
 			})]
 		})
 	});
 }
-function Ee({ goalId: e, onClose: n, translate: r }) {
-	let { data: o, isLoading: s, isError: ee, refetch: te } = i(e ?? void 0), { data: p } = a(e ?? void 0), { data: h } = t(), g = c(), v = u(), y = l(), [b, x] = _(""), [C, w] = _("PERCENT"), [T, D] = _(""), [j, N] = _(""), P = p.reduce((e, t) => e + (t.fixedAmount ?? 0), 0), F = o?.currency ?? "USD", oe = (e) => h.find((t) => t.id === e)?.name ?? e, I = () => {
+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(T);
-		!Number.isFinite(t) || t <= 0 || g.mutate({
+		let t = Number(C);
+		!Number.isFinite(t) || t <= 0 || h.mutate({
 			goalId: e,
 			accountId: b,
-			...C === "PERCENT" ? { allocationPct: t } : { fixedAmount: t }
+			...x === "PERCENT" ? { allocationPct: t } : { fixedAmount: t }
 		}, { onSuccess: () => {
-			x(""), D("");
+			ge(""), w("");
 		} });
-	}, L = () => {
+	}, H = () => {
 		if (!e) return;
-		let t = j === "" ? P : Number(j);
-		Number.isFinite(t) && y.mutate({
+		let t = D === "" ? F : Number(D);
+		Number.isFinite(t) && v.mutate({
 			id: e,
 			fundedAmount: t
 		});
-	}, R = !!b && Number(T) > 0;
-	return /* @__PURE__ */ k(X, {
+	}, 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__ */ A(fe, {
-			className: "flex w-full flex-col gap-0 overflow-y-auto sm:max-w-md",
-			children: [/* @__PURE__ */ A(me, { children: [/* @__PURE__ */ k(he, { children: o?.name ?? r("brainyrich.goals.detail.title", "Goal") }), /* @__PURE__ */ k(pe, { children: r("brainyrich.goals.detail.subtitle", "Manage funding links and projection.") })] }), /* @__PURE__ */ k("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: s ? /* @__PURE__ */ k(ne, { rows: 3 }) : ee ? /* @__PURE__ */ k(f, {
+				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__ */ 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__ */ k($, {
+							/* @__PURE__ */ k(f, {
+								icon: /* @__PURE__ */ k(S, {
+									className: "size-4",
+									"aria-hidden": "true"
+								}),
 								label: r("brainyrich.goals.detail.target", "Target"),
-								value: m(o.targetAmount, F)
+								value: m(o.targetAmount, I)
 							}),
-							/* @__PURE__ */ k($, {
+							/* @__PURE__ */ k(f, {
+								icon: /* @__PURE__ */ k(E, {
+									className: "size-4",
+									"aria-hidden": "true"
+								}),
 								label: r("brainyrich.goals.detail.funded", "Funded (fixed)"),
-								value: m(P, F)
+								value: m(F, I)
 							}),
-							/* @__PURE__ */ k($, {
-								label: r("brainyrich.goals.detail.projection", "Projection"),
-								value: Z(o.projection),
-								tone: ye(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__ */ k($, {
+							/* @__PURE__ */ k(f, {
+								icon: /* @__PURE__ */ k(pe, {
+									className: "size-4",
+									"aria-hidden": "true"
+								}),
 								label: r("brainyrich.goals.detail.targetDate", "Target date"),
-								value: re(o.targetDate)
+								value: ue(o.targetDate)
 							})
 						]
 					}),
+					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__ */ k("h3", {
 							className: "text-sm font-semibold text-text-primary",
-							children: r("brainyrich.goals.detail.fundingLinks", "Funding links")
-						}), p.length === 0 ? /* @__PURE__ */ k("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__ */ k("ul", {
-							className: "space-y-2",
-							children: p.map((e) => /* @__PURE__ */ A("li", {
-								className: "flex items-center justify-between gap-2 rounded-lg border border-border-subtle bg-bg-surface px-3 py-2",
-								children: [/* @__PURE__ */ A("div", {
-									className: "min-w-0",
-									children: [/* @__PURE__ */ k("p", {
-										className: "truncate text-sm font-medium text-text-primary",
-										children: oe(e.accountId)
-									}), /* @__PURE__ */ k("p", {
-										className: "text-xs text-text-secondary",
-										children: e.fixedAmount == null ? r("brainyrich.goals.detail.pctOfAccount", "{pct}% of account", { pct: e.allocationPct }) : m(e.fixedAmount, F)
-									})]
-								}), /* @__PURE__ */ k(M, {
-									variant: "ghost",
-									size: "icon",
-									"aria-label": r("brainyrich.goals.detail.unlink", "Unlink funding"),
-									disabled: v.isPending,
-									onClick: () => v.mutate(e.id),
-									children: /* @__PURE__ */ k(E, {
-										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__ */ A("section", {
@@ -653,7 +841,7 @@ function Ee({ goalId: e, onClose: n, translate: r }) {
 						children: [/* @__PURE__ */ k("h3", {
 							className: "text-sm font-semibold text-text-primary",
 							children: r("brainyrich.goals.detail.linkTitle", "Link an account")
-						}), h.length === 0 ? /* @__PURE__ */ k("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__ */ A(O, { children: [
@@ -664,11 +852,11 @@ function Ee({ goalId: e, onClose: n, translate: r }) {
 									children: r("brainyrich.goals.detail.account", "Account")
 								}), /* @__PURE__ */ A(G, {
 									value: b,
-									onValueChange: x,
+									onValueChange: ge,
 									children: [/* @__PURE__ */ k(J, {
 										id: "funding-account",
 										children: /* @__PURE__ */ k(Y, { placeholder: r("brainyrich.goals.detail.selectAccount", "Select account") })
-									}), /* @__PURE__ */ k(K, { children: h.map((e) => /* @__PURE__ */ k(q, {
+									}), /* @__PURE__ */ k(K, { children: p.map((e) => /* @__PURE__ */ k(q, {
 										value: e.id,
 										children: e.name
 									}, e.id)) })]
@@ -682,8 +870,8 @@ function Ee({ goalId: e, onClose: n, translate: r }) {
 										htmlFor: "funding-mode",
 										children: r("brainyrich.goals.detail.mode", "Method")
 									}), /* @__PURE__ */ A(G, {
-										value: C,
-										onValueChange: (e) => w(e),
+										value: x,
+										onValueChange: (e) => ve(e),
 										children: [/* @__PURE__ */ k(J, {
 											id: "funding-mode",
 											children: /* @__PURE__ */ k(Y, {})
@@ -699,26 +887,26 @@ function Ee({ goalId: e, onClose: n, translate: r }) {
 									className: "space-y-1.5",
 									children: [/* @__PURE__ */ k(W, {
 										htmlFor: "funding-value",
-										children: C === "PERCENT" ? r("brainyrich.goals.detail.pct", "Percent") : r("brainyrich.goals.detail.amount", "Amount")
+										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: T,
-										onChange: (e) => D(e.target.value)
+										value: C,
+										onChange: (e) => w(e.target.value)
 									})]
 								})]
 							}),
 							/* @__PURE__ */ A(M, {
 								size: "sm",
 								className: "w-full",
-								disabled: !R || g.isPending,
-								onClick: I,
-								children: [/* @__PURE__ */ k(ie, {
+								disabled: !be || h.isPending,
+								onClick: V,
+								children: [/* @__PURE__ */ k(he, {
 									className: "size-4",
 									"aria-hidden": "true"
-								}), g.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")]
 							})
 						] })]
 					}),
@@ -741,9 +929,9 @@ function Ee({ goalId: e, onClose: n, translate: r }) {
 										type: "number",
 										min: 0,
 										step: "0.01",
-										value: j,
-										placeholder: String(P),
-										onChange: (e) => N(e.target.value)
+										value: D,
+										placeholder: String(F),
+										onChange: (e) => ye(e.target.value)
 									}),
 									/* @__PURE__ */ k("p", {
 										className: "text-xs text-text-secondary",
@@ -755,16 +943,16 @@ function Ee({ goalId: e, onClose: n, translate: r }) {
 								size: "sm",
 								variant: "outline",
 								className: "w-full",
-								disabled: y.isPending,
-								onClick: L,
-								children: [/* @__PURE__ */ k(ae, {
+								disabled: v.isPending,
+								onClick: H,
+								children: [/* @__PURE__ */ k(_e, {
 									className: "size-4",
 									"aria-hidden": "true"
-								}), y.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__ */ k(d, {
+				] }) : /* @__PURE__ */ k(oe, {
 					icon: /* @__PURE__ */ k(S, {
 						className: "size-6",
 						"aria-hidden": "true"
@@ -773,21 +961,23 @@ function Ee({ goalId: e, onClose: n, translate: r }) {
 				})
 			})]
 		})
-	});
-}
-function $({ label: e, value: t, tone: n }) {
-	return /* @__PURE__ */ A("div", {
-		className: "rounded-lg bg-bg-sunken p-3",
-		children: [/* @__PURE__ */ k("p", {
-			className: "text-xs text-text-secondary",
-			children: e
-		}), /* @__PURE__ */ k("p", {
-			className: `text-sm font-semibold ${n ?? "text-text-primary"}`,
-			children: t
-		})]
-	});
+	}), /* @__PURE__ */ k(ne, {
+		open: !!N,
+		onOpenChange: (e) => {
+			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: xe }),
+		confirmLabel: r("brainyrich.goals.detail.unlink", "Unlink funding"),
+		pendingLabel: r("brainyrich.goals.detail.unlinking", "Unlinking…"),
+		destructive: !0,
+		pending: g.isPending,
+		onConfirm: () => {
+			N && g.mutate(N.id, { onSuccess: () => P(null) });
+		}
+	})] });
 }
 //#endregion
-export { we as GoalsPage };
+export { Ge as GoalsPage };
 
 //# sourceMappingURL=GoalsPage.js.map