@burdenoff/microfe-brainyrich 2026.525.1 → 2026.706.1

package/dist/brainyrich/pages/GoalsPage.js

@@ -1,160 +1,829 @@
 import { tWithFallback as e } from "../utils/i18n.js";
-import { useBrainyRichStore as t } from "../store/brainyrichStore.js";
-import { KpiGrid as n, SectionShell as r, formatMoney as i } from "./_shared.js";
-import { Clock as a, Plus as o, Target as s, TrendingUp as c } from "lucide-react";
-import { useI18n as l } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { Badge as f, Button as p, Card as m, CardContent as h, CardDescription as g, CardHeader as _, CardTitle as v } from "@burdenoff/fe-libs/ui";
+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 "../components/index.js";
+import { EmptyState as re, ErrorState as ie, KpiGrid as d, LoadingState as ae, SectionShell as f, formatDate as oe, formatMoney as p, statusBadgeVariant as m } from "./_shared.js";
+import { TagField as h } from "../components/reuse/TagField.js";
+import { useMemo as g, useState as _ } from "react";
+import { AlertTriangle as v, CalendarClock as y, Link2 as se, MoreHorizontal as b, Plus as ce, RefreshCw as le, Target as x, Trash2 as S, TrendingDown as C, TrendingUp as w, Unlink as ue } from "lucide-react";
+import { useI18n as de } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
+import { Badge as O, Button as k, Card as A, CardContent as j, CardDescription as M, CardHeader as N, CardTitle as fe, Dialog as P, DialogContent as F, DialogDescription as I, DialogFooter as L, DialogHeader as R, DialogTitle as z, DropdownMenu as pe, DropdownMenuContent as me, DropdownMenuItem as B, DropdownMenuSeparator as he, DropdownMenuTrigger as ge, Input as V, Label as H, Select as U, SelectContent as W, SelectItem as G, SelectTrigger as K, SelectValue as q, Sheet as J, SheetContent as Y, SheetDescription as X, SheetHeader as _e, SheetTitle as Z, Textarea as ve } from "@burdenoff/fe-libs/ui";
 //#region src/brainyrich/pages/GoalsPage.tsx
-var y = (/* @__PURE__ */ new Date(0)).getTime();
-function b() {
-	let { t: b } = l(), { goals: x } = t(), S = (t, n, r) => e(b, t, n, r), C = x.reduce((e, t) => e + t.targetAmount, 0), w = x.reduce((e, t) => e + t.currentAmount, 0), T = C > 0 ? Math.round(w / C * 100) : 0, E = C - w;
-	return /* @__PURE__ */ d(r, {
-		title: S("brainyrich.goals.title", "Financial Goals"),
-		description: S("brainyrich.goals.description", "Track progress toward your wealth milestones and life objectives"),
-		actionLabel: S("brainyrich.goals.actions.createGoal", "Create Goal"),
-		badges: [S("brainyrich.goals.badges.activeGoals", "{count} Active Goals", { count: x.length })],
-		children: [/* @__PURE__ */ u(n, { items: [
-			{
-				label: S("brainyrich.goals.metrics.totalSaved", "Total Saved"),
-				value: i(w),
-				trend: S("brainyrich.goals.metrics.totalSavedTrend", "Across all goals")
+var ye = [
+	"RETIREMENT",
+	"EDUCATION",
+	"HOME",
+	"EMERGENCY_FUND",
+	"MAJOR_PURCHASE",
+	"WEALTH_GROWTH",
+	"CUSTOM"
+], be = [
+	"ACTIVE",
+	"ACHIEVED",
+	"ON_HOLD",
+	"ABANDONED"
+];
+function xe(e) {
+	switch (e) {
+		case "AHEAD":
+		case "ON_TRACK": return {
+			icon: w,
+			tone: "text-status-success-text"
+		};
+		case "BEHIND": return {
+			icon: C,
+			tone: "text-status-warning-text"
+		};
+		default: return {
+			icon: v,
+			tone: "text-status-error-text"
+		};
+	}
+}
+function Q(e) {
+	return e.toLowerCase().split("_").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join(" ");
+}
+function Se(e) {
+	if (!e) return "";
+	let t = new Date(e);
+	return Number.isNaN(t.getTime()) ? "" : t.toISOString().slice(0, 10);
+}
+function Ce() {
+	return {
+		name: "",
+		type: "CUSTOM",
+		status: "ACTIVE",
+		targetAmount: "",
+		targetDate: "",
+		monthlyContribution: "",
+		priority: "1",
+		currency: "USD",
+		householdId: "",
+		notes: ""
+	};
+}
+function we(e) {
+	return {
+		name: e.name,
+		type: e.type,
+		status: e.status,
+		targetAmount: String(e.targetAmount),
+		targetDate: Se(e.targetDate),
+		monthlyContribution: String(e.monthlyContribution),
+		priority: String(e.priority),
+		currency: e.currency,
+		householdId: e.householdId ?? "",
+		notes: e.notes ?? ""
+	};
+}
+var Te = "__none__";
+function Ee() {
+	let { t } = de(), i = (n, r, i) => e(t, n, r, i), { items: a, hasMore: s, loadMore: l, isFetchingNextPage: u, isLoading: h, isError: v, refetch: C } = c(), { data: w } = o(), ue = r(), P = ee(), F = n(), [I, L] = _(!1), [R, z] = _(null), [V, H] = _(null), [U, W] = _(null), [G, K] = _(Ce), q = (e, t) => K((n) => ({
+		...n,
+		[e]: t
+	})), J = g(() => ({
+		totalTarget: a.reduce((e, t) => e + t.targetAmount, 0),
+		totalMonthly: a.reduce((e, t) => e + t.monthlyContribution, 0),
+		atRisk: a.filter((e) => e.projection === "AT_RISK" || e.projection === "BEHIND").length
+	}), [a]), Y = a[0]?.currency ?? "USD", X = () => {
+		K(Ce()), L(!0);
+	}, _e = (e) => {
+		K(we(e)), z(e);
+	}, Z = G.name.trim().length > 0 && Number(G.targetAmount) > 0 && G.targetDate.length > 0;
+	return /* @__PURE__ */ D(T, { children: [
+		/* @__PURE__ */ E(f, {
+			title: i("brainyrich.goals.title", "Financial Goals"),
+			description: i("brainyrich.goals.description", "Track progress toward your wealth milestones and life objectives"),
+			actionLabel: i("brainyrich.goals.actions.createGoal", "New goal"),
+			onAction: X,
+			children: h ? /* @__PURE__ */ E(ae, { rows: 4 }) : v ? /* @__PURE__ */ E(ie, {
+				title: i("brainyrich.goals.error.title", "Could not load goals"),
+				description: i("brainyrich.goals.error.description", "We could not reach the goals service. Please try again."),
+				onRetry: () => C()
+			}) : a.length === 0 ? /* @__PURE__ */ E(re, {
+				icon: /* @__PURE__ */ E(x, {
+					className: "size-6",
+					"aria-hidden": "true"
+				}),
+				title: i("brainyrich.goals.empty.title", "No financial goals yet"),
+				description: i("brainyrich.goals.empty.description", "Create your first goal to start tracking progress toward a milestone."),
+				action: /* @__PURE__ */ D(k, {
+					size: "sm",
+					onClick: X,
+					children: [/* @__PURE__ */ E(ce, {
+						className: "size-4",
+						"aria-hidden": "true"
+					}), i("brainyrich.goals.actions.createGoal", "New goal")]
+				})
+			}) : /* @__PURE__ */ D(T, { children: [
+				/* @__PURE__ */ E(d, { items: [
+					{
+						label: i("brainyrich.goals.metrics.activeGoals", "Goals"),
+						value: String(a.length),
+						trend: i("brainyrich.goals.metrics.activeGoalsTrend", "Being tracked")
+					},
+					{
+						label: i("brainyrich.goals.metrics.totalTarget", "Total target"),
+						value: p(J.totalTarget, Y)
+					},
+					{
+						label: i("brainyrich.goals.metrics.monthly", "Monthly contributions"),
+						value: p(J.totalMonthly, Y),
+						trend: i("brainyrich.goals.metrics.monthlyTrend", "Across all goals")
+					},
+					{
+						label: i("brainyrich.goals.metrics.atRisk", "Needs attention"),
+						value: String(J.atRisk),
+						trend: i("brainyrich.goals.metrics.atRiskTrend", "Behind or at risk"),
+						deltaTone: J.atRisk > 0 ? "negative" : "positive"
+					}
+				] }),
+				/* @__PURE__ */ E("div", {
+					className: "grid gap-4 md:grid-cols-2 xl:grid-cols-3",
+					children: a.map((e) => {
+						let t = xe(e.projection), n = t.icon;
+						return /* @__PURE__ */ D(A, {
+							className: "flex flex-col",
+							children: [/* @__PURE__ */ E(N, {
+								className: "pb-3",
+								children: /* @__PURE__ */ D("div", {
+									className: "flex items-start justify-between gap-2",
+									children: [/* @__PURE__ */ D("div", {
+										className: "min-w-0",
+										children: [/* @__PURE__ */ D(fe, {
+											className: "flex items-center gap-2 text-base",
+											children: [/* @__PURE__ */ E(x, {
+												className: "size-4 shrink-0 text-text-secondary",
+												"aria-hidden": "true"
+											}), /* @__PURE__ */ E("span", {
+												className: "truncate",
+												children: e.name
+											})]
+										}), /* @__PURE__ */ D(M, {
+											className: "mt-1 flex flex-wrap items-center gap-2",
+											children: [/* @__PURE__ */ E(O, {
+												variant: "outline",
+												children: Q(e.type)
+											}), /* @__PURE__ */ E(O, {
+												variant: m(e.status),
+												children: Q(e.status)
+											})]
+										})]
+									}), /* @__PURE__ */ D(pe, { children: [/* @__PURE__ */ E(ge, {
+										asChild: !0,
+										children: /* @__PURE__ */ E(k, {
+											variant: "ghost",
+											size: "icon",
+											"aria-label": i("brainyrich.goals.actions.menu", "Goal actions"),
+											children: /* @__PURE__ */ E(b, {
+												className: "size-4",
+												"aria-hidden": "true"
+											})
+										})
+									}), /* @__PURE__ */ D(me, {
+										align: "end",
+										children: [
+											/* @__PURE__ */ D(B, {
+												onSelect: () => H(e.id),
+												children: [/* @__PURE__ */ E(se, {
+													className: "size-4",
+													"aria-hidden": "true"
+												}), i("brainyrich.goals.actions.manageFunding", "Manage funding")]
+											}),
+											/* @__PURE__ */ D(B, {
+												onSelect: () => _e(e),
+												children: [/* @__PURE__ */ E(le, {
+													className: "size-4",
+													"aria-hidden": "true"
+												}), i("brainyrich.goals.actions.editGoal", "Edit goal")]
+											}),
+											/* @__PURE__ */ E(he, {}),
+											/* @__PURE__ */ D(B, {
+												className: "text-status-error-text focus:text-status-error-text",
+												onSelect: () => W(e),
+												children: [/* @__PURE__ */ E(S, {
+													className: "size-4",
+													"aria-hidden": "true"
+												}), i("brainyrich.goals.actions.archive", "Archive goal")]
+											})
+										]
+									})] })]
+								})
+							}), /* @__PURE__ */ D(j, {
+								className: "flex flex-1 flex-col gap-4",
+								children: [
+									/* @__PURE__ */ D("div", { children: [
+										/* @__PURE__ */ E("p", {
+											className: "text-xs text-text-secondary",
+											children: i("brainyrich.goals.card.target", "Target amount")
+										}),
+										/* @__PURE__ */ E("p", {
+											className: "text-2xl font-semibold text-text-primary",
+											children: p(e.targetAmount, e.currency)
+										}),
+										/* @__PURE__ */ D("span", {
+											className: `mt-1 inline-flex items-center gap-1 text-xs font-medium ${t.tone}`,
+											children: [/* @__PURE__ */ E(n, {
+												className: "size-3.5",
+												"aria-hidden": "true"
+											}), Q(e.projection)]
+										})
+									] }),
+									/* @__PURE__ */ D("dl", {
+										className: "grid grid-cols-2 gap-3 rounded-lg bg-bg-sunken p-3 text-sm",
+										children: [
+											/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("dt", {
+												className: "text-xs text-text-secondary",
+												children: i("brainyrich.goals.card.targetDate", "Target date")
+											}), /* @__PURE__ */ D("dd", {
+												className: "flex items-center gap-1 font-medium text-text-primary",
+												children: [/* @__PURE__ */ E(y, {
+													className: "size-3.5 text-text-secondary",
+													"aria-hidden": "true"
+												}), oe(e.targetDate)]
+											})] }),
+											/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("dt", {
+												className: "text-xs text-text-secondary",
+												children: i("brainyrich.goals.card.monthly", "Monthly")
+											}), /* @__PURE__ */ E("dd", {
+												className: "font-medium text-text-primary",
+												children: p(e.monthlyContribution, e.currency)
+											})] }),
+											/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("dt", {
+												className: "text-xs text-text-secondary",
+												children: i("brainyrich.goals.card.priority", "Priority")
+											}), /* @__PURE__ */ E("dd", {
+												className: "font-medium text-text-primary",
+												children: e.priority
+											})] }),
+											/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("dt", {
+												className: "text-xs text-text-secondary",
+												children: i("brainyrich.goals.card.fundings", "Funding links")
+											}), /* @__PURE__ */ E("dd", {
+												className: "font-medium text-text-primary",
+												children: e.fundings.length
+											})] })
+										]
+									}),
+									/* @__PURE__ */ E("div", {
+										className: "mt-auto",
+										children: /* @__PURE__ */ E(k, {
+											variant: "outline",
+											size: "sm",
+											className: "w-full",
+											onClick: () => H(e.id),
+											children: i("brainyrich.goals.actions.viewDetails", "View details & funding")
+										})
+									})
+								]
+							})]
+						}, e.id);
+					})
+				}),
+				/* @__PURE__ */ E(te, {
+					hasMore: s,
+					loading: u,
+					onClick: l,
+					label: i("brainyrich.goals.actions.loadMore", "Load more goals"),
+					loadingLabel: i("brainyrich.goals.actions.loadingMore", "Loading…")
+				})
+			] })
+		}),
+		/* @__PURE__ */ E(De, {
+			open: I,
+			mode: "create",
+			form: G,
+			setField: q,
+			households: w.map((e) => ({
+				id: e.id,
+				name: e.name
+			})),
+			valid: Z,
+			pending: ue.isPending,
+			onSubmit: () => {
+				if (!Z) return;
+				let e = {
+					name: G.name.trim(),
+					type: G.type,
+					targetAmount: Number(G.targetAmount),
+					targetDate: new Date(G.targetDate).toISOString(),
+					monthlyContribution: Number(G.monthlyContribution) || 0,
+					priority: Number(G.priority) || 1,
+					currency: G.currency.trim() || "USD",
+					notes: G.notes.trim() || null,
+					tags: [],
+					...G.householdId ? { householdId: G.householdId } : {}
+				};
+				ue.mutate(e, { onSuccess: () => L(!1) });
+			},
+			onOpenChange: (e) => L(e),
+			translate: i
+		}),
+		/* @__PURE__ */ E(De, {
+			open: !!R,
+			mode: "edit",
+			goalId: R?.id,
+			form: G,
+			setField: q,
+			households: w.map((e) => ({
+				id: e.id,
+				name: e.name
+			})),
+			valid: Z,
+			pending: P.isPending,
+			onSubmit: () => {
+				if (!R || !Z) return;
+				let e = {
+					name: G.name.trim(),
+					type: G.type,
+					status: G.status,
+					targetAmount: Number(G.targetAmount),
+					targetDate: new Date(G.targetDate).toISOString(),
+					monthlyContribution: Number(G.monthlyContribution) || 0,
+					priority: Number(G.priority) || 1,
+					currency: G.currency.trim() || "USD",
+					notes: G.notes.trim() || null,
+					tags: R.tags
+				};
+				P.mutate({
+					id: R.id,
+					input: e
+				}, { onSuccess: () => z(null) });
 			},
-			{
-				label: S("brainyrich.goals.metrics.totalTarget", "Total Target"),
-				value: i(C)
+			onOpenChange: (e) => {
+				e || z(null);
 			},
-			{
-				label: S("brainyrich.goals.metrics.overallProgress", "Overall Progress"),
-				value: `${T}%`,
-				trend: S("brainyrich.goals.metrics.overallProgressTrend", "{amount} remaining", { amount: i(E) })
+			translate: i
+		}),
+		/* @__PURE__ */ E(Oe, {
+			goalId: V,
+			onClose: () => H(null),
+			translate: i
+		}),
+		/* @__PURE__ */ E(ne, {
+			open: !!U,
+			onOpenChange: (e) => {
+				e || W(null);
 			},
-			{
-				label: S("brainyrich.goals.metrics.activeGoals", "Active Goals"),
-				value: String(x.length),
-				trend: S("brainyrich.goals.metrics.activeGoalsTrend", "In progress")
+			title: i("brainyrich.goals.archive.title", "Archive goal?"),
+			description: i("brainyrich.goals.archive.description", "This removes “{name}” from your active goals. You can no longer track its progress.", { name: U?.name ?? "" }),
+			confirmLabel: i("brainyrich.goals.archive.confirm", "Archive goal"),
+			pendingLabel: i("brainyrich.goals.archive.pending", "Archiving…"),
+			destructive: !0,
+			pending: F.isPending,
+			onConfirm: () => {
+				U && F.mutate(U.id, { onSuccess: () => W(null) });
 			}
-		] }), /* @__PURE__ */ u("div", {
-			className: "space-y-4",
-			children: x.map((e) => {
-				let t = Math.round(e.currentAmount / e.targetAmount * 100), n = e.targetAmount - e.currentAmount, r = new Date(e.deadline), l = Math.max(0, Math.round((r.getTime() - y) / (1e3 * 60 * 60 * 24 * 30))), b = l > 0 ? n / l : n;
-				return /* @__PURE__ */ d(m, { children: [/* @__PURE__ */ u(_, {
-					className: "pb-3",
-					children: /* @__PURE__ */ d("div", {
-						className: "flex items-start justify-between",
-						children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ d(v, {
-							className: "flex items-center gap-2 text-lg",
-							children: [/* @__PURE__ */ u(s, { className: "h-5 w-5" }), e.title]
-						}), /* @__PURE__ */ d(g, {
-							className: "flex items-center gap-3 mt-1",
-							children: [/* @__PURE__ */ d("span", {
-								className: "flex items-center gap-1",
-								children: [
-									/* @__PURE__ */ u(a, { className: "h-3 w-3" }),
-									S("brainyrich.goals.deadlineLabel", "Deadline:"),
-									" ",
-									r.toLocaleDateString("en-US", {
-										month: "short",
-										year: "numeric"
-									})
-								]
-							}), /* @__PURE__ */ u("span", { children: S("brainyrich.goals.monthsRemaining", "{count} months remaining", { count: l }) })]
-						})] }), /* @__PURE__ */ u(f, {
-							variant: t >= 75 ? "default" : t >= 40 ? "secondary" : "destructive",
-							children: S("brainyrich.goals.progressComplete", "{pct}% complete", { pct: t })
+		})
+	] });
+}
+function De({ open: e, mode: t, goalId: n, form: r, setField: i, households: a, valid: o, pending: s, onSubmit: c, onOpenChange: l, translate: u }) {
+	return /* @__PURE__ */ E(P, {
+		open: e,
+		onOpenChange: l,
+		children: /* @__PURE__ */ D(F, {
+			className: "max-h-[90vh] overflow-y-auto sm:max-w-lg",
+			children: [/* @__PURE__ */ D(R, { children: [/* @__PURE__ */ E(z, { children: t === "create" ? u("brainyrich.goals.form.createTitle", "New goal") : u("brainyrich.goals.form.editTitle", "Edit goal") }), /* @__PURE__ */ E(I, { children: u("brainyrich.goals.form.subtitle", "Define the milestone, target and contribution plan.") })] }), /* @__PURE__ */ D("form", {
+				className: "space-y-4",
+				onSubmit: (e) => {
+					e.preventDefault(), c();
+				},
+				children: [
+					/* @__PURE__ */ D("div", {
+						className: "space-y-1.5",
+						children: [/* @__PURE__ */ E(H, {
+							htmlFor: "goal-name",
+							children: u("brainyrich.goals.form.name", "Name")
+						}), /* @__PURE__ */ E(V, {
+							id: "goal-name",
+							value: r.name,
+							onChange: (e) => i("name", e.target.value),
+							placeholder: u("brainyrich.goals.form.namePlaceholder", "e.g. Retirement fund"),
+							required: !0
 						})]
-					})
-				}), /* @__PURE__ */ d(h, {
-					className: "space-y-4",
-					children: [
-						/* @__PURE__ */ d("div", { children: [
-							/* @__PURE__ */ d("div", {
-								className: "flex items-center justify-between text-sm mb-2",
-								children: [/* @__PURE__ */ u("span", {
-									className: "font-medium",
-									children: i(e.currentAmount)
-								}), /* @__PURE__ */ u("span", {
-									className: "text-muted-foreground",
-									children: i(e.targetAmount)
-								})]
+					}),
+					/* @__PURE__ */ D("div", {
+						className: "grid grid-cols-2 gap-3",
+						children: [/* @__PURE__ */ D("div", {
+							className: "space-y-1.5",
+							children: [/* @__PURE__ */ E(H, {
+								htmlFor: "goal-type",
+								children: u("brainyrich.goals.form.type", "Type")
+							}), /* @__PURE__ */ D(U, {
+								value: r.type,
+								onValueChange: (e) => i("type", e),
+								children: [/* @__PURE__ */ E(K, {
+									id: "goal-type",
+									children: /* @__PURE__ */ E(q, {})
+								}), /* @__PURE__ */ E(W, { children: ye.map((e) => /* @__PURE__ */ E(G, {
+									value: e,
+									children: Q(e)
+								}, e)) })]
+							})]
+						}), t === "edit" ? /* @__PURE__ */ D("div", {
+							className: "space-y-1.5",
+							children: [/* @__PURE__ */ E(H, {
+								htmlFor: "goal-status",
+								children: u("brainyrich.goals.form.status", "Status")
+							}), /* @__PURE__ */ D(U, {
+								value: r.status,
+								onValueChange: (e) => i("status", e),
+								children: [/* @__PURE__ */ E(K, {
+									id: "goal-status",
+									children: /* @__PURE__ */ E(q, {})
+								}), /* @__PURE__ */ E(W, { children: be.map((e) => /* @__PURE__ */ E(G, {
+									value: e,
+									children: Q(e)
+								}, e)) })]
+							})]
+						}) : /* @__PURE__ */ D("div", {
+							className: "space-y-1.5",
+							children: [/* @__PURE__ */ E(H, {
+								htmlFor: "goal-priority",
+								children: u("brainyrich.goals.form.priority", "Priority")
+							}), /* @__PURE__ */ E(V, {
+								id: "goal-priority",
+								type: "number",
+								min: 1,
+								value: r.priority,
+								onChange: (e) => i("priority", e.target.value)
+							})]
+						})]
+					}),
+					/* @__PURE__ */ D("div", {
+						className: "grid grid-cols-2 gap-3",
+						children: [/* @__PURE__ */ D("div", {
+							className: "space-y-1.5",
+							children: [/* @__PURE__ */ E(H, {
+								htmlFor: "goal-target",
+								children: u("brainyrich.goals.form.targetAmount", "Target amount")
+							}), /* @__PURE__ */ E(V, {
+								id: "goal-target",
+								type: "number",
+								min: 0,
+								step: "0.01",
+								value: r.targetAmount,
+								onChange: (e) => i("targetAmount", e.target.value),
+								required: !0
+							})]
+						}), /* @__PURE__ */ D("div", {
+							className: "space-y-1.5",
+							children: [/* @__PURE__ */ E(H, {
+								htmlFor: "goal-date",
+								children: u("brainyrich.goals.form.targetDate", "Target date")
+							}), /* @__PURE__ */ E(V, {
+								id: "goal-date",
+								type: "date",
+								value: r.targetDate,
+								onChange: (e) => i("targetDate", e.target.value),
+								required: !0
+							})]
+						})]
+					}),
+					/* @__PURE__ */ D("div", {
+						className: "grid grid-cols-2 gap-3",
+						children: [/* @__PURE__ */ D("div", {
+							className: "space-y-1.5",
+							children: [/* @__PURE__ */ E(H, {
+								htmlFor: "goal-monthly",
+								children: u("brainyrich.goals.form.monthly", "Monthly contribution")
+							}), /* @__PURE__ */ E(V, {
+								id: "goal-monthly",
+								type: "number",
+								min: 0,
+								step: "0.01",
+								value: r.monthlyContribution,
+								onChange: (e) => i("monthlyContribution", e.target.value)
+							})]
+						}), /* @__PURE__ */ D("div", {
+							className: "space-y-1.5",
+							children: [/* @__PURE__ */ E(H, {
+								htmlFor: "goal-currency",
+								children: u("brainyrich.goals.form.currency", "Currency")
+							}), /* @__PURE__ */ E(V, {
+								id: "goal-currency",
+								value: r.currency,
+								onChange: (e) => i("currency", e.target.value.toUpperCase()),
+								maxLength: 3
+							})]
+						})]
+					}),
+					t === "edit" ? /* @__PURE__ */ D("div", {
+						className: "space-y-1.5",
+						children: [/* @__PURE__ */ E(H, {
+							htmlFor: "goal-priority-edit",
+							children: u("brainyrich.goals.form.priority", "Priority")
+						}), /* @__PURE__ */ E(V, {
+							id: "goal-priority-edit",
+							type: "number",
+							min: 1,
+							value: r.priority,
+							onChange: (e) => i("priority", e.target.value)
+						})]
+					}) : null,
+					/* @__PURE__ */ D("div", {
+						className: "space-y-1.5",
+						children: [/* @__PURE__ */ E(H, {
+							htmlFor: "goal-household",
+							children: u("brainyrich.goals.form.household", "Household (optional)")
+						}), /* @__PURE__ */ D(U, {
+							value: r.householdId || Te,
+							onValueChange: (e) => i("householdId", e === Te ? "" : e),
+							children: [/* @__PURE__ */ E(K, {
+								id: "goal-household",
+								children: /* @__PURE__ */ E(q, { placeholder: u("brainyrich.goals.form.householdNone", "None") })
+							}), /* @__PURE__ */ D(W, { children: [/* @__PURE__ */ E(G, {
+								value: Te,
+								children: u("brainyrich.goals.form.householdNone", "None")
+							}), a.map((e) => /* @__PURE__ */ E(G, {
+								value: e.id,
+								children: e.name
+							}, e.id))] })]
+						})]
+					}),
+					t === "edit" && n ? /* @__PURE__ */ E(h, {
+						entityType: "brainyrich-goal",
+						entityId: n,
+						label: u("brainyrich.goals.form.tags", "Tags")
+					}) : /* @__PURE__ */ D("div", {
+						className: "space-y-1.5",
+						children: [/* @__PURE__ */ E(H, { children: u("brainyrich.goals.form.tags", "Tags") }), /* @__PURE__ */ E("p", {
+							className: "text-sm text-text-secondary",
+							children: u("brainyrich.goals.form.tagsAfterCreate", "You can add tags after creating the goal.")
+						})]
+					}),
+					/* @__PURE__ */ D("div", {
+						className: "space-y-1.5",
+						children: [/* @__PURE__ */ E(H, {
+							htmlFor: "goal-notes",
+							children: u("brainyrich.goals.form.notes", "Notes")
+						}), /* @__PURE__ */ E(ve, {
+							id: "goal-notes",
+							value: r.notes,
+							onChange: (e) => i("notes", e.target.value),
+							rows: 3
+						})]
+					}),
+					/* @__PURE__ */ D(L, { children: [/* @__PURE__ */ E(k, {
+						type: "button",
+						variant: "outline",
+						onClick: () => l(!1),
+						disabled: s,
+						children: u("brainyrich.goals.form.cancel", "Cancel")
+					}), /* @__PURE__ */ E(k, {
+						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")
+					})] })
+				]
+			})]
+		})
+	});
+}
+function Oe({ goalId: e, onClose: n, translate: r }) {
+	let { data: o, isLoading: c, isError: ee, refetch: te } = i(e ?? void 0), { data: d } = a(e ?? void 0), { data: f } = t(), m = s(), h = u(), g = l(), [v, y] = _(""), [b, ce] = _("PERCENT"), [S, C] = _(""), [w, de] = _(""), [O, A] = _(null), j = d.reduce((e, t) => e + (t.fixedAmount ?? 0), 0), M = o?.currency ?? "USD", N = (e) => f.find((t) => t.id === e)?.name ?? e, fe = () => {
+		if (!e || !v) return;
+		let t = Number(S);
+		!Number.isFinite(t) || t <= 0 || m.mutate({
+			goalId: e,
+			accountId: v,
+			...b === "PERCENT" ? { allocationPct: t } : { fixedAmount: t }
+		}, { onSuccess: () => {
+			y(""), C("");
+		} });
+	}, P = () => {
+		if (!e) return;
+		let t = w === "" ? j : Number(w);
+		Number.isFinite(t) && g.mutate({
+			id: e,
+			fundedAmount: t
+		});
+	}, F = !!v && Number(S) > 0, I = O ? O.fixedAmount == null ? N(O.accountId) : p(O.fixedAmount, M) : "";
+	return /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E(J, {
+		open: !!e,
+		onOpenChange: (e) => {
+			e || n();
+		},
+		children: /* @__PURE__ */ D(Y, {
+			className: "flex w-full flex-col gap-0 overflow-y-auto sm:max-w-md",
+			children: [/* @__PURE__ */ D(_e, { children: [/* @__PURE__ */ E(Z, { children: o?.name ?? r("brainyrich.goals.detail.title", "Goal") }), /* @__PURE__ */ E(X, { children: r("brainyrich.goals.detail.subtitle", "Manage funding links and projection.") })] }), /* @__PURE__ */ E("div", {
+				className: "space-y-6 p-4",
+				children: c ? /* @__PURE__ */ E(ae, { rows: 3 }) : ee ? /* @__PURE__ */ E(ie, {
+					title: r("brainyrich.goals.detail.error", "Could not load goal"),
+					onRetry: () => te()
+				}) : o ? /* @__PURE__ */ D(T, { children: [
+					/* @__PURE__ */ D("div", {
+						className: "grid grid-cols-2 gap-3",
+						children: [
+							/* @__PURE__ */ E($, {
+								label: r("brainyrich.goals.detail.target", "Target"),
+								value: p(o.targetAmount, M)
 							}),
-							/* @__PURE__ */ u("div", {
-								className: "h-3 rounded-full bg-muted overflow-hidden",
-								children: /* @__PURE__ */ u("div", {
-									className: "h-3 rounded-full bg-emerald-500 transition-all",
-									style: { width: `${Math.min(t, 100)}%` }
-								})
+							/* @__PURE__ */ E($, {
+								label: r("brainyrich.goals.detail.funded", "Funded (fixed)"),
+								value: p(j, M)
+							}),
+							/* @__PURE__ */ E($, {
+								label: r("brainyrich.goals.detail.projection", "Projection"),
+								value: Q(o.projection),
+								tone: xe(o.projection).tone
 							}),
-							/* @__PURE__ */ d("div", {
-								className: "flex items-center justify-between text-xs text-muted-foreground mt-1",
-								children: [/* @__PURE__ */ d("span", {
-									className: "text-emerald-600 font-medium",
-									children: [t, "%"]
-								}), /* @__PURE__ */ u("span", { children: S("brainyrich.goals.remainingAmount", "{amount} remaining", { amount: i(n) }) })]
+							/* @__PURE__ */ E($, {
+								label: r("brainyrich.goals.detail.targetDate", "Target date"),
+								value: oe(o.targetDate)
 							})
-						] }),
-						/* @__PURE__ */ d("div", {
-							className: "grid grid-cols-3 gap-4 rounded-lg bg-muted/50 p-3",
-							children: [
-								/* @__PURE__ */ d("div", {
-									className: "text-center",
-									children: [/* @__PURE__ */ u("p", {
-										className: "text-xs text-muted-foreground",
-										children: S("brainyrich.goals.cards.monthlySipNeeded", "Monthly SIP Needed")
-									}), /* @__PURE__ */ u("p", {
-										className: "text-sm font-semibold",
-										children: i(b)
+						]
+					}),
+					/* @__PURE__ */ D("section", {
+						className: "space-y-3",
+						children: [/* @__PURE__ */ E("h3", {
+							className: "text-sm font-semibold text-text-primary",
+							children: r("brainyrich.goals.detail.fundingLinks", "Funding links")
+						}), d.length === 0 ? /* @__PURE__ */ E("p", {
+							className: "rounded-lg border border-dashed border-border-subtle bg-bg-surface px-4 py-6 text-center text-sm text-text-secondary",
+							children: r("brainyrich.goals.detail.noFundings", "No accounts linked to fund this goal yet.")
+						}) : /* @__PURE__ */ E("ul", {
+							className: "space-y-2",
+							children: d.map((e) => /* @__PURE__ */ D("li", {
+								className: "flex items-center justify-between gap-2 rounded-lg border border-border-subtle bg-bg-surface px-3 py-2",
+								children: [/* @__PURE__ */ D("div", {
+									className: "min-w-0",
+									children: [/* @__PURE__ */ E("p", {
+										className: "truncate text-sm font-medium text-text-primary",
+										children: N(e.accountId)
+									}), /* @__PURE__ */ E("p", {
+										className: "text-xs text-text-secondary",
+										children: e.fixedAmount == null ? r("brainyrich.goals.detail.pctOfAccount", "{pct}% of account", { pct: e.allocationPct }) : p(e.fixedAmount, M)
 									})]
-								}),
-								/* @__PURE__ */ d("div", {
-									className: "text-center",
-									children: [/* @__PURE__ */ u("p", {
-										className: "text-xs text-muted-foreground",
-										children: S("brainyrich.goals.cards.gapAmount", "Gap Amount")
-									}), /* @__PURE__ */ u("p", {
-										className: "text-sm font-semibold",
-										children: i(n)
+								}), /* @__PURE__ */ E(k, {
+									variant: "ghost",
+									size: "icon",
+									"aria-label": r("brainyrich.goals.detail.unlink", "Unlink funding"),
+									onClick: () => A(e),
+									children: /* @__PURE__ */ E(ue, {
+										className: "size-4",
+										"aria-hidden": "true"
+									})
+								})]
+							}, e.id))
+						})]
+					}),
+					/* @__PURE__ */ D("section", {
+						className: "space-y-3 rounded-lg border border-border-subtle bg-bg-surface p-4",
+						children: [/* @__PURE__ */ E("h3", {
+							className: "text-sm font-semibold text-text-primary",
+							children: r("brainyrich.goals.detail.linkTitle", "Link an account")
+						}), f.length === 0 ? /* @__PURE__ */ E("p", {
+							className: "text-sm text-text-secondary",
+							children: r("brainyrich.goals.detail.noAccounts", "No accounts available to link.")
+						}) : /* @__PURE__ */ D(T, { children: [
+							/* @__PURE__ */ D("div", {
+								className: "space-y-1.5",
+								children: [/* @__PURE__ */ E(H, {
+									htmlFor: "funding-account",
+									children: r("brainyrich.goals.detail.account", "Account")
+								}), /* @__PURE__ */ D(U, {
+									value: v,
+									onValueChange: y,
+									children: [/* @__PURE__ */ E(K, {
+										id: "funding-account",
+										children: /* @__PURE__ */ E(q, { placeholder: r("brainyrich.goals.detail.selectAccount", "Select account") })
+									}), /* @__PURE__ */ E(W, { children: f.map((e) => /* @__PURE__ */ E(G, {
+										value: e.id,
+										children: e.name
+									}, e.id)) })]
+								})]
+							}),
+							/* @__PURE__ */ D("div", {
+								className: "grid grid-cols-2 gap-3",
+								children: [/* @__PURE__ */ D("div", {
+									className: "space-y-1.5",
+									children: [/* @__PURE__ */ E(H, {
+										htmlFor: "funding-mode",
+										children: r("brainyrich.goals.detail.mode", "Method")
+									}), /* @__PURE__ */ D(U, {
+										value: b,
+										onValueChange: (e) => ce(e),
+										children: [/* @__PURE__ */ E(K, {
+											id: "funding-mode",
+											children: /* @__PURE__ */ E(q, {})
+										}), /* @__PURE__ */ D(W, { children: [/* @__PURE__ */ E(G, {
+											value: "PERCENT",
+											children: r("brainyrich.goals.detail.percent", "Percentage")
+										}), /* @__PURE__ */ E(G, {
+											value: "FIXED",
+											children: r("brainyrich.goals.detail.fixed", "Fixed amount")
+										})] })]
 									})]
-								}),
-								/* @__PURE__ */ d("div", {
-									className: "text-center",
-									children: [/* @__PURE__ */ u("p", {
-										className: "text-xs text-muted-foreground",
-										children: S("brainyrich.goals.cards.onTrackStatus", "On-Track Status")
-									}), /* @__PURE__ */ d("p", {
-										className: "text-sm font-semibold flex items-center justify-center gap-1",
-										children: [/* @__PURE__ */ u(c, { className: "h-3 w-3 text-emerald-600" }), t >= 50 ? S("brainyrich.goals.status.onTrack", "On Track") : S("brainyrich.goals.status.behind", "Behind")]
+								}), /* @__PURE__ */ D("div", {
+									className: "space-y-1.5",
+									children: [/* @__PURE__ */ E(H, {
+										htmlFor: "funding-value",
+										children: b === "PERCENT" ? r("brainyrich.goals.detail.pct", "Percent") : r("brainyrich.goals.detail.amount", "Amount")
+									}), /* @__PURE__ */ E(V, {
+										id: "funding-value",
+										type: "number",
+										min: 0,
+										step: "0.01",
+										value: S,
+										onChange: (e) => C(e.target.value)
 									})]
-								})
-							]
-						}),
-						/* @__PURE__ */ d("div", {
-							className: "flex gap-2",
-							children: [
-								/* @__PURE__ */ u(p, {
-									variant: "outline",
-									size: "sm",
-									children: S("brainyrich.goals.actions.viewDetails", "View Details")
-								}),
-								/* @__PURE__ */ d(p, {
-									variant: "outline",
-									size: "sm",
-									children: [/* @__PURE__ */ u(o, { className: "mr-1 h-3 w-3" }), S("brainyrich.goals.actions.addFunds", "Add Funds")]
-								}),
-								/* @__PURE__ */ u(p, {
-									variant: "outline",
-									size: "sm",
-									children: S("brainyrich.goals.actions.editGoal", "Edit Goal")
-								})
-							]
-						})
-					]
-				})] }, e.id);
-			})
+								})]
+							}),
+							/* @__PURE__ */ D(k, {
+								size: "sm",
+								className: "w-full",
+								disabled: !F || m.isPending,
+								onClick: fe,
+								children: [/* @__PURE__ */ E(se, {
+									className: "size-4",
+									"aria-hidden": "true"
+								}), m.isPending ? r("brainyrich.goals.detail.linking", "Linking…") : r("brainyrich.goals.detail.link", "Link funding")]
+							})
+						] })]
+					}),
+					/* @__PURE__ */ D("section", {
+						className: "space-y-3 rounded-lg border border-border-subtle bg-bg-surface p-4",
+						children: [
+							/* @__PURE__ */ E("h3", {
+								className: "text-sm font-semibold text-text-primary",
+								children: r("brainyrich.goals.detail.recalcTitle", "Recalculate projection")
+							}),
+							/* @__PURE__ */ D("div", {
+								className: "space-y-1.5",
+								children: [
+									/* @__PURE__ */ E(H, {
+										htmlFor: "recalc-funded",
+										children: r("brainyrich.goals.detail.fundedAmount", "Funded amount")
+									}),
+									/* @__PURE__ */ E(V, {
+										id: "recalc-funded",
+										type: "number",
+										min: 0,
+										step: "0.01",
+										value: w,
+										placeholder: String(j),
+										onChange: (e) => de(e.target.value)
+									}),
+									/* @__PURE__ */ E("p", {
+										className: "text-xs text-text-secondary",
+										children: r("brainyrich.goals.detail.recalcHint", "Defaults to the sum of fixed fundings when left blank.")
+									})
+								]
+							}),
+							/* @__PURE__ */ D(k, {
+								size: "sm",
+								variant: "outline",
+								className: "w-full",
+								disabled: g.isPending,
+								onClick: P,
+								children: [/* @__PURE__ */ E(le, {
+									className: "size-4",
+									"aria-hidden": "true"
+								}), g.isPending ? r("brainyrich.goals.detail.recalculating", "Recalculating…") : r("brainyrich.goals.detail.recalc", "Recalculate")]
+							})
+						]
+					})
+				] }) : /* @__PURE__ */ E(re, {
+					icon: /* @__PURE__ */ E(x, {
+						className: "size-6",
+						"aria-hidden": "true"
+					}),
+					title: r("brainyrich.goals.detail.notFound", "Goal not found")
+				})
+			})]
+		})
+	}), /* @__PURE__ */ E(ne, {
+		open: !!O,
+		onOpenChange: (e) => {
+			e || A(null);
+		},
+		title: r("brainyrich.goals.detail.unlinkTitle", "Unlink funding?"),
+		description: r("brainyrich.goals.detail.unlinkConfirm", "This removes the “{name}” funding link from this goal.", { name: I }),
+		confirmLabel: r("brainyrich.goals.detail.unlink", "Unlink funding"),
+		pendingLabel: r("brainyrich.goals.detail.unlinking", "Unlinking…"),
+		destructive: !0,
+		pending: h.isPending,
+		onConfirm: () => {
+			O && h.mutate(O.id, { onSuccess: () => A(null) });
+		}
+	})] });
+}
+function $({ label: e, value: t, tone: n }) {
+	return /* @__PURE__ */ D("div", {
+		className: "rounded-lg bg-bg-sunken p-3",
+		children: [/* @__PURE__ */ E("p", {
+			className: "text-xs text-text-secondary",
+			children: e
+		}), /* @__PURE__ */ E("p", {
+			className: `text-sm font-semibold ${n ?? "text-text-primary"}`,
+			children: t
 		})]
 	});
 }
 //#endregion
-export { b as GoalsPage };
+export { Ee as GoalsPage };
 
 //# sourceMappingURL=GoalsPage.js.map