@burdenoff/microfe-brainyrich 2026.706.4 → 2026.713.1

package/dist/brainyrich/pages/GoalsPage.js

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