@burdenoff/microfe-brainyrich 2026.512.1 → 2026.705.1

package/dist/brainyrich/pages/GoalsPage.js

@@ -1,160 +1,793 @@
 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, useGoals as o, useHouseholds as s, useLinkGoalFunding as c, useRecalcGoalProjection as l, useUnlinkGoalFunding as u, useUpdateGoal as ee } from "../hooks/useBrainyRichApi.js";
+import { EmptyState as d, ErrorState as f, KpiGrid as te, LoadingState as ne, SectionShell as p, formatDate as re, formatMoney as m, statusBadgeVariant as h } from "./_shared.js";
+import { useMemo as g, useState as _ } from "react";
+import { AlertTriangle as v, CalendarClock as y, Link2 as ie, MoreHorizontal as b, Plus as x, RefreshCw as ae, Target as S, Trash2 as C, TrendingDown as w, TrendingUp as T, Unlink as E } from "lucide-react";
+import { useI18n as D } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Fragment as O, jsx as k, jsxs as A } from "react/jsx-runtime";
+import { Badge as j, Button as M, Card as N, CardContent as P, CardDescription as F, CardHeader as oe, CardTitle as I, Dialog as L, DialogContent as R, DialogDescription as z, DialogFooter as B, DialogHeader as se, DialogTitle as V, DropdownMenu as ce, DropdownMenuContent as le, DropdownMenuItem as H, DropdownMenuSeparator as ue, DropdownMenuTrigger as de, Input as U, Label as W, Select as G, SelectContent as K, SelectItem as q, SelectTrigger as J, SelectValue as Y, Sheet as X, SheetContent as fe, SheetDescription as pe, SheetHeader as me, SheetTitle as he, Textarea as ge } from "@burdenoff/fe-libs/ui";
 //#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 _e = [
+	"RETIREMENT",
+	"EDUCATION",
+	"HOME",
+	"EMERGENCY_FUND",
+	"MAJOR_PURCHASE",
+	"WEALTH_GROWTH",
+	"CUSTOM"
+], ve = [
+	"ACTIVE",
+	"ACHIEVED",
+	"ON_HOLD",
+	"ABANDONED"
+];
+function ye(e) {
+	switch (e) {
+		case "AHEAD":
+		case "ON_TRACK": return {
+			icon: T,
+			tone: "text-status-success-text"
+		};
+		case "BEHIND": return {
+			icon: w,
+			tone: "text-status-warning-text"
+		};
+		default: return {
+			icon: v,
+			tone: "text-status-error-text"
+		};
+	}
+}
+function Z(e) {
+	return e.toLowerCase().split("_").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join(" ");
+}
+function be(e) {
+	if (!e) return "";
+	let t = new Date(e);
+	return Number.isNaN(t.getTime()) ? "" : t.toISOString().slice(0, 10);
+}
+function xe() {
+	return {
+		name: "",
+		type: "CUSTOM",
+		status: "ACTIVE",
+		targetAmount: "",
+		targetDate: "",
+		monthlyContribution: "",
+		priority: "1",
+		currency: "USD",
+		householdId: "",
+		notes: "",
+		tags: ""
+	};
+}
+function Se(e) {
+	return {
+		name: e.name,
+		type: e.type,
+		status: e.status,
+		targetAmount: String(e.targetAmount),
+		targetDate: be(e.targetDate),
+		monthlyContribution: String(e.monthlyContribution),
+		priority: String(e.priority),
+		currency: e.currency,
+		householdId: e.householdId ?? "",
+		notes: e.notes ?? "",
+		tags: e.tags.join(", ")
+	};
+}
+function Ce(e) {
+	return e.split(",").map((e) => e.trim()).filter(Boolean);
+}
+var Q = "__none__";
+function we() {
+	let { t } = D(), i = (n, r, i) => e(t, n, r, i), { data: a, isLoading: c, isError: l, refetch: u } = o(), { data: v } = s(), w = r(), T = ee(), E = n(), [L, R] = _(!1), [z, B] = _(null), [se, V] = _(null), [U, W] = _(xe), G = (e, t) => W((n) => ({
+		...n,
+		[e]: t
+	})), K = g(() => ({
+		totalTarget: a.reduce((e, t) => e + t.targetAmount, 0),
+		totalMonthly: a.reduce((e, t) => e + t.monthlyContribution, 0),
+		atRisk: a.filter((e) => e.projection === "AT_RISK" || e.projection === "BEHIND").length
+	}), [a]), q = a[0]?.currency ?? "USD", J = () => {
+		W(xe()), R(!0);
+	}, Y = (e) => {
+		W(Se(e)), B(e);
+	}, X = U.name.trim().length > 0 && Number(U.targetAmount) > 0 && U.targetDate.length > 0;
+	return /* @__PURE__ */ A(O, { children: [
+		/* @__PURE__ */ k(p, {
+			title: i("brainyrich.goals.title", "Financial Goals"),
+			description: i("brainyrich.goals.description", "Track progress toward your wealth milestones and life objectives"),
+			actionLabel: i("brainyrich.goals.actions.createGoal", "New goal"),
+			onAction: J,
+			children: c ? /* @__PURE__ */ k(ne, { rows: 4 }) : l ? /* @__PURE__ */ k(f, {
+				title: i("brainyrich.goals.error.title", "Could not load goals"),
+				description: i("brainyrich.goals.error.description", "We could not reach the goals service. Please try again."),
+				onRetry: () => u()
+			}) : a.length === 0 ? /* @__PURE__ */ k(d, {
+				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: J,
+					children: [/* @__PURE__ */ k(x, {
+						className: "size-4",
+						"aria-hidden": "true"
+					}), i("brainyrich.goals.actions.createGoal", "New goal")]
+				})
+			}) : /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ k(te, { items: [
+				{
+					label: i("brainyrich.goals.metrics.activeGoals", "Goals"),
+					value: String(a.length),
+					trend: i("brainyrich.goals.metrics.activeGoalsTrend", "Being tracked")
+				},
+				{
+					label: i("brainyrich.goals.metrics.totalTarget", "Total target"),
+					value: m(K.totalTarget, q)
+				},
+				{
+					label: i("brainyrich.goals.metrics.monthly", "Monthly contributions"),
+					value: m(K.totalMonthly, q),
+					trend: i("brainyrich.goals.metrics.monthlyTrend", "Across all goals")
+				},
+				{
+					label: i("brainyrich.goals.metrics.atRisk", "Needs attention"),
+					value: String(K.atRisk),
+					trend: i("brainyrich.goals.metrics.atRiskTrend", "Behind or at risk"),
+					deltaTone: K.atRisk > 0 ? "negative" : "positive"
+				}
+			] }), /* @__PURE__ */ k("div", {
+				className: "grid gap-4 md:grid-cols-2 xl:grid-cols-3",
+				children: a.map((e) => {
+					let t = ye(e.projection), n = t.icon;
+					return /* @__PURE__ */ A(N, {
+						className: "flex flex-col",
+						children: [/* @__PURE__ */ k(oe, {
+							className: "pb-3",
+							children: /* @__PURE__ */ A("div", {
+								className: "flex items-start justify-between gap-2",
+								children: [/* @__PURE__ */ A("div", {
+									className: "min-w-0",
+									children: [/* @__PURE__ */ A(I, {
+										className: "flex items-center gap-2 text-base",
+										children: [/* @__PURE__ */ k(S, {
+											className: "size-4 shrink-0 text-text-secondary",
+											"aria-hidden": "true"
+										}), /* @__PURE__ */ k("span", {
+											className: "truncate",
+											children: e.name
+										})]
+									}), /* @__PURE__ */ A(F, {
+										className: "mt-1 flex flex-wrap items-center gap-2",
+										children: [/* @__PURE__ */ k(j, {
+											variant: "outline",
+											children: Z(e.type)
+										}), /* @__PURE__ */ k(j, {
+											variant: h(e.status),
+											children: Z(e.status)
+										})]
+									})]
+								}), /* @__PURE__ */ A(ce, { children: [/* @__PURE__ */ k(de, {
+									asChild: !0,
+									children: /* @__PURE__ */ k(M, {
+										variant: "ghost",
+										size: "icon",
+										"aria-label": i("brainyrich.goals.actions.menu", "Goal actions"),
+										children: /* @__PURE__ */ k(b, {
+											className: "size-4",
+											"aria-hidden": "true"
+										})
+									})
+								}), /* @__PURE__ */ A(le, {
+									align: "end",
+									children: [
+										/* @__PURE__ */ A(H, {
+											onSelect: () => V(e.id),
+											children: [/* @__PURE__ */ k(ie, {
+												className: "size-4",
+												"aria-hidden": "true"
+											}), i("brainyrich.goals.actions.manageFunding", "Manage funding")]
+										}),
+										/* @__PURE__ */ A(H, {
+											onSelect: () => Y(e),
+											children: [/* @__PURE__ */ k(ae, {
+												className: "size-4",
+												"aria-hidden": "true"
+											}), i("brainyrich.goals.actions.editGoal", "Edit goal")]
+										}),
+										/* @__PURE__ */ k(ue, {}),
+										/* @__PURE__ */ A(H, {
+											className: "text-status-error-text focus:text-status-error-text",
+											disabled: E.isPending,
+											onSelect: () => E.mutate(e.id),
+											children: [/* @__PURE__ */ k(C, {
+												className: "size-4",
+												"aria-hidden": "true"
+											}), i("brainyrich.goals.actions.archive", "Archive goal")]
+										})
+									]
+								})] })]
+							})
+						}), /* @__PURE__ */ A(P, {
+							className: "flex flex-1 flex-col gap-4",
+							children: [
+								/* @__PURE__ */ A("div", { children: [
+									/* @__PURE__ */ k("p", {
+										className: "text-xs text-text-secondary",
+										children: i("brainyrich.goals.card.target", "Target amount")
+									}),
+									/* @__PURE__ */ k("p", {
+										className: "text-2xl font-semibold text-text-primary",
+										children: m(e.targetAmount, e.currency)
+									}),
+									/* @__PURE__ */ A("span", {
+										className: `mt-1 inline-flex items-center gap-1 text-xs font-medium ${t.tone}`,
+										children: [/* @__PURE__ */ k(n, {
+											className: "size-3.5",
+											"aria-hidden": "true"
+										}), Z(e.projection)]
+									})
+								] }),
+								/* @__PURE__ */ A("dl", {
+									className: "grid grid-cols-2 gap-3 rounded-lg bg-bg-sunken p-3 text-sm",
+									children: [
+										/* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("dt", {
+											className: "text-xs text-text-secondary",
+											children: i("brainyrich.goals.card.targetDate", "Target date")
+										}), /* @__PURE__ */ A("dd", {
+											className: "flex items-center gap-1 font-medium text-text-primary",
+											children: [/* @__PURE__ */ k(y, {
+												className: "size-3.5 text-text-secondary",
+												"aria-hidden": "true"
+											}), re(e.targetDate)]
+										})] }),
+										/* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("dt", {
+											className: "text-xs text-text-secondary",
+											children: i("brainyrich.goals.card.monthly", "Monthly")
+										}), /* @__PURE__ */ k("dd", {
+											className: "font-medium text-text-primary",
+											children: m(e.monthlyContribution, e.currency)
+										})] }),
+										/* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("dt", {
+											className: "text-xs text-text-secondary",
+											children: i("brainyrich.goals.card.priority", "Priority")
+										}), /* @__PURE__ */ k("dd", {
+											className: "font-medium text-text-primary",
+											children: e.priority
+										})] }),
+										/* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("dt", {
+											className: "text-xs text-text-secondary",
+											children: i("brainyrich.goals.card.fundings", "Funding links")
+										}), /* @__PURE__ */ k("dd", {
+											className: "font-medium text-text-primary",
+											children: e.fundings.length
+										})] })
+									]
+								}),
+								/* @__PURE__ */ k("div", {
+									className: "mt-auto",
+									children: /* @__PURE__ */ k(M, {
+										variant: "outline",
+										size: "sm",
+										className: "w-full",
+										onClick: () => V(e.id),
+										children: i("brainyrich.goals.actions.viewDetails", "View details & funding")
+									})
+								})
+							]
+						})]
+					}, e.id);
+				})
+			})] })
+		}),
+		/* @__PURE__ */ k(Te, {
+			open: L,
+			mode: "create",
+			form: U,
+			setField: G,
+			households: v.map((e) => ({
+				id: e.id,
+				name: e.name
+			})),
+			valid: X,
+			pending: w.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: Ce(U.tags),
+					...U.householdId ? { householdId: U.householdId } : {}
+				};
+				w.mutate(e, { onSuccess: () => R(!1) });
 			},
-			{
-				label: S("brainyrich.goals.metrics.totalTarget", "Total Target"),
-				value: i(C)
+			onOpenChange: (e) => R(e),
+			translate: i
+		}),
+		/* @__PURE__ */ k(Te, {
+			open: !!z,
+			mode: "edit",
+			form: U,
+			setField: G,
+			households: v.map((e) => ({
+				id: e.id,
+				name: e.name
+			})),
+			valid: X,
+			pending: T.isPending,
+			onSubmit: () => {
+				if (!z || !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: Ce(U.tags)
+				};
+				T.mutate({
+					id: z.id,
+					input: e
+				}, { onSuccess: () => B(null) });
 			},
-			{
-				label: S("brainyrich.goals.metrics.overallProgress", "Overall Progress"),
-				value: `${T}%`,
-				trend: S("brainyrich.goals.metrics.overallProgressTrend", "{amount} remaining", { amount: i(E) })
+			onOpenChange: (e) => {
+				e || B(null);
 			},
-			{
-				label: S("brainyrich.goals.metrics.activeGoals", "Active Goals"),
-				value: String(x.length),
-				trend: S("brainyrich.goals.metrics.activeGoalsTrend", "In progress")
-			}
-		] }), /* @__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 })
+			translate: i
+		}),
+		/* @__PURE__ */ k(Ee, {
+			goalId: se,
+			onClose: () => V(null),
+			translate: i
+		})
+	] });
+}
+function Te({ open: e, mode: t, form: n, setField: r, households: i, valid: a, pending: o, onSubmit: s, onOpenChange: c, translate: l }) {
+	return /* @__PURE__ */ k(L, {
+		open: e,
+		onOpenChange: c,
+		children: /* @__PURE__ */ A(R, {
+			className: "max-h-[90vh] overflow-y-auto sm:max-w-lg",
+			children: [/* @__PURE__ */ A(se, { children: [/* @__PURE__ */ k(V, { children: t === "create" ? l("brainyrich.goals.form.createTitle", "New goal") : l("brainyrich.goals.form.editTitle", "Edit goal") }), /* @__PURE__ */ k(z, { children: l("brainyrich.goals.form.subtitle", "Define the milestone, target and contribution plan.") })] }), /* @__PURE__ */ A("form", {
+				className: "space-y-4",
+				onSubmit: (e) => {
+					e.preventDefault(), s();
+				},
+				children: [
+					/* @__PURE__ */ A("div", {
+						className: "space-y-1.5",
+						children: [/* @__PURE__ */ k(W, {
+							htmlFor: "goal-name",
+							children: l("brainyrich.goals.form.name", "Name")
+						}), /* @__PURE__ */ k(U, {
+							id: "goal-name",
+							value: n.name,
+							onChange: (e) => r("name", e.target.value),
+							placeholder: l("brainyrich.goals.form.namePlaceholder", "e.g. Retirement fund"),
+							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__ */ A("div", {
+						className: "grid grid-cols-2 gap-3",
+						children: [/* @__PURE__ */ A("div", {
+							className: "space-y-1.5",
+							children: [/* @__PURE__ */ k(W, {
+								htmlFor: "goal-type",
+								children: l("brainyrich.goals.form.type", "Type")
+							}), /* @__PURE__ */ A(G, {
+								value: n.type,
+								onValueChange: (e) => r("type", e),
+								children: [/* @__PURE__ */ k(J, {
+									id: "goal-type",
+									children: /* @__PURE__ */ k(Y, {})
+								}), /* @__PURE__ */ k(K, { children: _e.map((e) => /* @__PURE__ */ k(q, {
+									value: e,
+									children: Z(e)
+								}, e)) })]
+							})]
+						}), t === "edit" ? /* @__PURE__ */ A("div", {
+							className: "space-y-1.5",
+							children: [/* @__PURE__ */ k(W, {
+								htmlFor: "goal-status",
+								children: l("brainyrich.goals.form.status", "Status")
+							}), /* @__PURE__ */ A(G, {
+								value: n.status,
+								onValueChange: (e) => r("status", e),
+								children: [/* @__PURE__ */ k(J, {
+									id: "goal-status",
+									children: /* @__PURE__ */ k(Y, {})
+								}), /* @__PURE__ */ k(K, { children: ve.map((e) => /* @__PURE__ */ k(q, {
+									value: e,
+									children: Z(e)
+								}, e)) })]
+							})]
+						}) : /* @__PURE__ */ A("div", {
+							className: "space-y-1.5",
+							children: [/* @__PURE__ */ k(W, {
+								htmlFor: "goal-priority",
+								children: l("brainyrich.goals.form.priority", "Priority")
+							}), /* @__PURE__ */ k(U, {
+								id: "goal-priority",
+								type: "number",
+								min: 1,
+								value: n.priority,
+								onChange: (e) => r("priority", e.target.value)
+							})]
+						})]
+					}),
+					/* @__PURE__ */ A("div", {
+						className: "grid grid-cols-2 gap-3",
+						children: [/* @__PURE__ */ A("div", {
+							className: "space-y-1.5",
+							children: [/* @__PURE__ */ k(W, {
+								htmlFor: "goal-target",
+								children: l("brainyrich.goals.form.targetAmount", "Target amount")
+							}), /* @__PURE__ */ k(U, {
+								id: "goal-target",
+								type: "number",
+								min: 0,
+								step: "0.01",
+								value: n.targetAmount,
+								onChange: (e) => r("targetAmount", e.target.value),
+								required: !0
+							})]
+						}), /* @__PURE__ */ A("div", {
+							className: "space-y-1.5",
+							children: [/* @__PURE__ */ k(W, {
+								htmlFor: "goal-date",
+								children: l("brainyrich.goals.form.targetDate", "Target date")
+							}), /* @__PURE__ */ k(U, {
+								id: "goal-date",
+								type: "date",
+								value: n.targetDate,
+								onChange: (e) => r("targetDate", e.target.value),
+								required: !0
+							})]
+						})]
+					}),
+					/* @__PURE__ */ A("div", {
+						className: "grid grid-cols-2 gap-3",
+						children: [/* @__PURE__ */ A("div", {
+							className: "space-y-1.5",
+							children: [/* @__PURE__ */ k(W, {
+								htmlFor: "goal-monthly",
+								children: l("brainyrich.goals.form.monthly", "Monthly contribution")
+							}), /* @__PURE__ */ k(U, {
+								id: "goal-monthly",
+								type: "number",
+								min: 0,
+								step: "0.01",
+								value: n.monthlyContribution,
+								onChange: (e) => r("monthlyContribution", e.target.value)
+							})]
+						}), /* @__PURE__ */ A("div", {
+							className: "space-y-1.5",
+							children: [/* @__PURE__ */ k(W, {
+								htmlFor: "goal-currency",
+								children: l("brainyrich.goals.form.currency", "Currency")
+							}), /* @__PURE__ */ k(U, {
+								id: "goal-currency",
+								value: n.currency,
+								onChange: (e) => r("currency", e.target.value.toUpperCase()),
+								maxLength: 3
+							})]
+						})]
+					}),
+					t === "edit" ? /* @__PURE__ */ A("div", {
+						className: "space-y-1.5",
+						children: [/* @__PURE__ */ k(W, {
+							htmlFor: "goal-priority-edit",
+							children: l("brainyrich.goals.form.priority", "Priority")
+						}), /* @__PURE__ */ k(U, {
+							id: "goal-priority-edit",
+							type: "number",
+							min: 1,
+							value: n.priority,
+							onChange: (e) => r("priority", e.target.value)
+						})]
+					}) : null,
+					/* @__PURE__ */ A("div", {
+						className: "space-y-1.5",
+						children: [/* @__PURE__ */ k(W, {
+							htmlFor: "goal-household",
+							children: l("brainyrich.goals.form.household", "Household (optional)")
+						}), /* @__PURE__ */ A(G, {
+							value: n.householdId || Q,
+							onValueChange: (e) => r("householdId", e === Q ? "" : e),
+							children: [/* @__PURE__ */ k(J, {
+								id: "goal-household",
+								children: /* @__PURE__ */ k(Y, { placeholder: l("brainyrich.goals.form.householdNone", "None") })
+							}), /* @__PURE__ */ A(K, { children: [/* @__PURE__ */ k(q, {
+								value: Q,
+								children: l("brainyrich.goals.form.householdNone", "None")
+							}), i.map((e) => /* @__PURE__ */ k(q, {
+								value: e.id,
+								children: e.name
+							}, e.id))] })]
+						})]
+					}),
+					/* @__PURE__ */ A("div", {
+						className: "space-y-1.5",
+						children: [/* @__PURE__ */ k(W, {
+							htmlFor: "goal-tags",
+							children: l("brainyrich.goals.form.tags", "Tags (comma separated)")
+						}), /* @__PURE__ */ k(U, {
+							id: "goal-tags",
+							value: n.tags,
+							onChange: (e) => r("tags", e.target.value),
+							placeholder: l("brainyrich.goals.form.tagsPlaceholder", "e.g. long-term, family")
+						})]
+					}),
+					/* @__PURE__ */ A("div", {
+						className: "space-y-1.5",
+						children: [/* @__PURE__ */ k(W, {
+							htmlFor: "goal-notes",
+							children: l("brainyrich.goals.form.notes", "Notes")
+						}), /* @__PURE__ */ k(ge, {
+							id: "goal-notes",
+							value: n.notes,
+							onChange: (e) => r("notes", e.target.value),
+							rows: 3
+						})]
+					}),
+					/* @__PURE__ */ A(B, { children: [/* @__PURE__ */ k(M, {
+						type: "button",
+						variant: "outline",
+						onClick: () => c(!1),
+						disabled: o,
+						children: l("brainyrich.goals.form.cancel", "Cancel")
+					}), /* @__PURE__ */ k(M, {
+						type: "submit",
+						disabled: !a || o,
+						children: o ? l("brainyrich.goals.form.saving", "Saving…") : t === "create" ? l("brainyrich.goals.form.create", "Create goal") : l("brainyrich.goals.form.save", "Save changes")
+					})] })
+				]
+			})]
+		})
+	});
+}
+function Ee({ goalId: e, onClose: n, translate: r }) {
+	let { data: o, isLoading: s, isError: ee, refetch: te } = i(e ?? void 0), { data: p } = a(e ?? void 0), { data: h } = t(), g = c(), v = u(), y = l(), [b, x] = _(""), [C, w] = _("PERCENT"), [T, D] = _(""), [j, N] = _(""), P = p.reduce((e, t) => e + (t.fixedAmount ?? 0), 0), F = o?.currency ?? "USD", oe = (e) => h.find((t) => t.id === e)?.name ?? e, I = () => {
+		if (!e || !b) return;
+		let t = Number(T);
+		!Number.isFinite(t) || t <= 0 || g.mutate({
+			goalId: e,
+			accountId: b,
+			...C === "PERCENT" ? { allocationPct: t } : { fixedAmount: t }
+		}, { onSuccess: () => {
+			x(""), D("");
+		} });
+	}, L = () => {
+		if (!e) return;
+		let t = j === "" ? P : Number(j);
+		Number.isFinite(t) && y.mutate({
+			id: e,
+			fundedAmount: t
+		});
+	}, R = !!b && Number(T) > 0;
+	return /* @__PURE__ */ k(X, {
+		open: !!e,
+		onOpenChange: (e) => {
+			e || n();
+		},
+		children: /* @__PURE__ */ A(fe, {
+			className: "flex w-full flex-col gap-0 overflow-y-auto sm:max-w-md",
+			children: [/* @__PURE__ */ A(me, { children: [/* @__PURE__ */ k(he, { children: o?.name ?? r("brainyrich.goals.detail.title", "Goal") }), /* @__PURE__ */ k(pe, { children: r("brainyrich.goals.detail.subtitle", "Manage funding links and projection.") })] }), /* @__PURE__ */ k("div", {
+				className: "space-y-6 p-4",
+				children: s ? /* @__PURE__ */ k(ne, { rows: 3 }) : ee ? /* @__PURE__ */ k(f, {
+					title: r("brainyrich.goals.detail.error", "Could not load goal"),
+					onRetry: () => te()
+				}) : o ? /* @__PURE__ */ A(O, { children: [
+					/* @__PURE__ */ A("div", {
+						className: "grid grid-cols-2 gap-3",
+						children: [
+							/* @__PURE__ */ k($, {
+								label: r("brainyrich.goals.detail.target", "Target"),
+								value: m(o.targetAmount, F)
 							}),
-							/* @__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__ */ k($, {
+								label: r("brainyrich.goals.detail.funded", "Funded (fixed)"),
+								value: m(P, F)
 							}),
-							/* @__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__ */ k($, {
+								label: r("brainyrich.goals.detail.projection", "Projection"),
+								value: Z(o.projection),
+								tone: ye(o.projection).tone
+							}),
+							/* @__PURE__ */ k($, {
+								label: r("brainyrich.goals.detail.targetDate", "Target date"),
+								value: re(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__ */ A("section", {
+						className: "space-y-3",
+						children: [/* @__PURE__ */ k("h3", {
+							className: "text-sm font-semibold text-text-primary",
+							children: r("brainyrich.goals.detail.fundingLinks", "Funding links")
+						}), p.length === 0 ? /* @__PURE__ */ k("p", {
+							className: "rounded-lg border border-dashed border-border-subtle bg-bg-surface px-4 py-6 text-center text-sm text-text-secondary",
+							children: r("brainyrich.goals.detail.noFundings", "No accounts linked to fund this goal yet.")
+						}) : /* @__PURE__ */ k("ul", {
+							className: "space-y-2",
+							children: p.map((e) => /* @__PURE__ */ A("li", {
+								className: "flex items-center justify-between gap-2 rounded-lg border border-border-subtle bg-bg-surface px-3 py-2",
+								children: [/* @__PURE__ */ A("div", {
+									className: "min-w-0",
+									children: [/* @__PURE__ */ k("p", {
+										className: "truncate text-sm font-medium text-text-primary",
+										children: oe(e.accountId)
+									}), /* @__PURE__ */ k("p", {
+										className: "text-xs text-text-secondary",
+										children: e.fixedAmount == null ? r("brainyrich.goals.detail.pctOfAccount", "{pct}% of account", { pct: e.allocationPct }) : m(e.fixedAmount, F)
 									})]
-								}),
-								/* @__PURE__ */ 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__ */ k(M, {
+									variant: "ghost",
+									size: "icon",
+									"aria-label": r("brainyrich.goals.detail.unlink", "Unlink funding"),
+									disabled: v.isPending,
+									onClick: () => v.mutate(e.id),
+									children: /* @__PURE__ */ k(E, {
+										className: "size-4",
+										"aria-hidden": "true"
+									})
+								})]
+							}, e.id))
+						})]
+					}),
+					/* @__PURE__ */ A("section", {
+						className: "space-y-3 rounded-lg border border-border-subtle bg-bg-surface p-4",
+						children: [/* @__PURE__ */ k("h3", {
+							className: "text-sm font-semibold text-text-primary",
+							children: r("brainyrich.goals.detail.linkTitle", "Link an account")
+						}), h.length === 0 ? /* @__PURE__ */ k("p", {
+							className: "text-sm text-text-secondary",
+							children: r("brainyrich.goals.detail.noAccounts", "No accounts available to link.")
+						}) : /* @__PURE__ */ A(O, { children: [
+							/* @__PURE__ */ A("div", {
+								className: "space-y-1.5",
+								children: [/* @__PURE__ */ k(W, {
+									htmlFor: "funding-account",
+									children: r("brainyrich.goals.detail.account", "Account")
+								}), /* @__PURE__ */ A(G, {
+									value: b,
+									onValueChange: x,
+									children: [/* @__PURE__ */ k(J, {
+										id: "funding-account",
+										children: /* @__PURE__ */ k(Y, { placeholder: r("brainyrich.goals.detail.selectAccount", "Select account") })
+									}), /* @__PURE__ */ k(K, { children: h.map((e) => /* @__PURE__ */ k(q, {
+										value: e.id,
+										children: e.name
+									}, e.id)) })]
+								})]
+							}),
+							/* @__PURE__ */ A("div", {
+								className: "grid grid-cols-2 gap-3",
+								children: [/* @__PURE__ */ A("div", {
+									className: "space-y-1.5",
+									children: [/* @__PURE__ */ k(W, {
+										htmlFor: "funding-mode",
+										children: r("brainyrich.goals.detail.mode", "Method")
+									}), /* @__PURE__ */ A(G, {
+										value: C,
+										onValueChange: (e) => w(e),
+										children: [/* @__PURE__ */ k(J, {
+											id: "funding-mode",
+											children: /* @__PURE__ */ k(Y, {})
+										}), /* @__PURE__ */ A(K, { children: [/* @__PURE__ */ k(q, {
+											value: "PERCENT",
+											children: r("brainyrich.goals.detail.percent", "Percentage")
+										}), /* @__PURE__ */ k(q, {
+											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__ */ A("div", {
+									className: "space-y-1.5",
+									children: [/* @__PURE__ */ k(W, {
+										htmlFor: "funding-value",
+										children: C === "PERCENT" ? r("brainyrich.goals.detail.pct", "Percent") : r("brainyrich.goals.detail.amount", "Amount")
+									}), /* @__PURE__ */ k(U, {
+										id: "funding-value",
+										type: "number",
+										min: 0,
+										step: "0.01",
+										value: T,
+										onChange: (e) => D(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__ */ A(M, {
+								size: "sm",
+								className: "w-full",
+								disabled: !R || g.isPending,
+								onClick: I,
+								children: [/* @__PURE__ */ k(ie, {
+									className: "size-4",
+									"aria-hidden": "true"
+								}), g.isPending ? r("brainyrich.goals.detail.linking", "Linking…") : r("brainyrich.goals.detail.link", "Link funding")]
+							})
+						] })]
+					}),
+					/* @__PURE__ */ A("section", {
+						className: "space-y-3 rounded-lg border border-border-subtle bg-bg-surface p-4",
+						children: [
+							/* @__PURE__ */ k("h3", {
+								className: "text-sm font-semibold text-text-primary",
+								children: r("brainyrich.goals.detail.recalcTitle", "Recalculate projection")
+							}),
+							/* @__PURE__ */ A("div", {
+								className: "space-y-1.5",
+								children: [
+									/* @__PURE__ */ k(W, {
+										htmlFor: "recalc-funded",
+										children: r("brainyrich.goals.detail.fundedAmount", "Funded amount")
+									}),
+									/* @__PURE__ */ k(U, {
+										id: "recalc-funded",
+										type: "number",
+										min: 0,
+										step: "0.01",
+										value: j,
+										placeholder: String(P),
+										onChange: (e) => N(e.target.value)
+									}),
+									/* @__PURE__ */ k("p", {
+										className: "text-xs text-text-secondary",
+										children: r("brainyrich.goals.detail.recalcHint", "Defaults to the sum of fixed fundings when left blank.")
+									})
+								]
+							}),
+							/* @__PURE__ */ A(M, {
+								size: "sm",
+								variant: "outline",
+								className: "w-full",
+								disabled: y.isPending,
+								onClick: L,
+								children: [/* @__PURE__ */ k(ae, {
+									className: "size-4",
+									"aria-hidden": "true"
+								}), y.isPending ? r("brainyrich.goals.detail.recalculating", "Recalculating…") : r("brainyrich.goals.detail.recalc", "Recalculate")]
+							})
+						]
+					})
+				] }) : /* @__PURE__ */ k(d, {
+					icon: /* @__PURE__ */ k(S, {
+						className: "size-6",
+						"aria-hidden": "true"
+					}),
+					title: r("brainyrich.goals.detail.notFound", "Goal not found")
+				})
+			})]
+		})
+	});
+}
+function $({ label: e, value: t, tone: n }) {
+	return /* @__PURE__ */ A("div", {
+		className: "rounded-lg bg-bg-sunken p-3",
+		children: [/* @__PURE__ */ k("p", {
+			className: "text-xs text-text-secondary",
+			children: e
+		}), /* @__PURE__ */ k("p", {
+			className: `text-sm font-semibold ${n ?? "text-text-primary"}`,
+			children: t
 		})]
 	});
 }
 //#endregion
-export { b as GoalsPage };
+export { we as GoalsPage };
 
 //# sourceMappingURL=GoalsPage.js.map