@burdenoff/microfe-mybodyshield 2026.525.1 → 2026.705.1

package/dist/mybodyshield/pages/goals/GoalsPage.js

@@ -0,0 +1,518 @@
+import { PageLayout as e } from "../../components/PageLayout.js";
+import { MetricsCard as t } from "../../components/MetricsCard.js";
+import { formatDate as n, formatEnumLabel as r, formatNumber as i, formatPercent as a, formatRelativeTime as o } from "../../utils/formatters.js";
+import { StatusBadge as s } from "../../components/StatusBadge.js";
+import { MiniBar as c } from "../../components/MiniBar.js";
+import { ErrorView as l, LoadingView as u } from "../../components/StateViews.js";
+import { EmptyState as d } from "../../components/EmptyState.js";
+import { GOAL_TYPE_META as f, IconChip as p, Meter as m, computeGoalProgress as h } from "../_shared/visuals.js";
+import { useMybAchieveGoal as g, useMybCreateGoal as _, useMybGoals as v, useMybUpdateGoal as y } from "../../hooks/useMyBodyShieldApi.js";
+import { useOffsetPager as b } from "../../hooks/usePager.js";
+import "../../hooks/index.js";
+import { FilterTabs as ee } from "../../components/FilterTabs.js";
+import { Pagination as te } from "../../components/Pagination.js";
+import "../../components/index.js";
+import { useMemo as x, useState as S } from "react";
+import { CalendarClock as C, CheckCircle2 as w, Plus as T, Target as E, TrendingUp as D, Trophy as O } from "lucide-react";
+import { Fragment as k, jsx as A, jsxs as j } from "react/jsx-runtime";
+import { Button as M, GlassCard as N, Input as P, Label as F, ResponsiveDialog as I, ResponsiveDialogContent as L, ResponsiveDialogDescription as R, ResponsiveDialogFooter as z, ResponsiveDialogHeader as B, ResponsiveDialogTitle as V, Select as H, SelectContent as U, SelectItem as W, SelectTrigger as G, SelectValue as K, Textarea as q } from "@burdenoff/fe-libs/ui";
+//#region src/mybodyshield/pages/goals/GoalsPage.tsx
+var J = 12, Y = 100, X = [
+	{
+		value: "ALL",
+		label: "All"
+	},
+	{
+		value: "ACTIVE",
+		label: "Active"
+	},
+	{
+		value: "ACHIEVED",
+		label: "Achieved"
+	},
+	{
+		value: "PAUSED",
+		label: "Paused"
+	},
+	{
+		value: "ABANDONED",
+		label: "Abandoned"
+	}
+], Z = [
+	"WEIGHT_LOSS",
+	"MUSCLE_GAIN",
+	"STRENGTH",
+	"ENDURANCE",
+	"MOBILITY",
+	"GENERAL_FITNESS"
+];
+function Q(e) {
+	let t = e.trim();
+	if (t === "") return;
+	let n = Number(t);
+	return Number.isFinite(n) ? n : void 0;
+}
+var $ = {
+	title: "",
+	type: "GENERAL_FITNESS",
+	baselineValue: "",
+	targetValue: "",
+	unit: "",
+	targetDate: "",
+	description: ""
+};
+function ne({ open: e, onOpenChange: t }) {
+	let n = _(), [i, a] = S($), [o, s] = S(null), c = (e) => {
+		e || (a($), s(null)), t(e);
+	}, l = async () => {
+		let e = i.title.trim();
+		if (!e) {
+			s("Goal title is required.");
+			return;
+		}
+		s(null);
+		let r = {
+			title: e,
+			type: i.type,
+			description: i.description.trim() || void 0,
+			baselineValue: Q(i.baselineValue),
+			targetValue: Q(i.targetValue),
+			unit: i.unit.trim() || void 0,
+			targetDate: i.targetDate ? new Date(i.targetDate).toISOString() : void 0
+		};
+		try {
+			await n.mutateAsync(r), a($), t(!1);
+		} catch (e) {
+			s(e instanceof Error ? e.message : "Failed to create goal.");
+		}
+	};
+	return /* @__PURE__ */ A(I, {
+		open: e,
+		onOpenChange: c,
+		children: /* @__PURE__ */ j(L, { children: [/* @__PURE__ */ j(B, { children: [/* @__PURE__ */ A(V, { children: "New goal" }), /* @__PURE__ */ A(R, { children: "Set a target across training, nutrition or body composition and track it to completion." })] }), /* @__PURE__ */ j("form", {
+			className: "space-y-4",
+			onSubmit: (e) => {
+				e.preventDefault(), l();
+			},
+			children: [
+				o && /* @__PURE__ */ A("p", {
+					className: "rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
+					children: o
+				}),
+				/* @__PURE__ */ j("div", {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ A(F, {
+						htmlFor: "myb-goal-title",
+						children: "Title"
+					}), /* @__PURE__ */ A(P, {
+						id: "myb-goal-title",
+						value: i.title,
+						onChange: (e) => a((t) => ({
+							...t,
+							title: e.target.value
+						})),
+						placeholder: "e.g., Squat 140 kg"
+					})]
+				}),
+				/* @__PURE__ */ j("div", {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ A(F, {
+						htmlFor: "myb-goal-type",
+						children: "Type"
+					}), /* @__PURE__ */ j(H, {
+						value: i.type,
+						onValueChange: (e) => a((t) => ({
+							...t,
+							type: e
+						})),
+						children: [/* @__PURE__ */ A(G, {
+							id: "myb-goal-type",
+							children: /* @__PURE__ */ A(K, { placeholder: "Select a goal type" })
+						}), /* @__PURE__ */ A(U, { children: Z.map((e) => /* @__PURE__ */ A(W, {
+							value: e,
+							children: r(e)
+						}, e)) })]
+					})]
+				}),
+				/* @__PURE__ */ j("div", {
+					className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
+					children: [
+						/* @__PURE__ */ j("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ A(F, {
+								htmlFor: "myb-goal-baseline",
+								children: "Baseline"
+							}), /* @__PURE__ */ A(P, {
+								id: "myb-goal-baseline",
+								type: "number",
+								inputMode: "decimal",
+								value: i.baselineValue,
+								onChange: (e) => a((t) => ({
+									...t,
+									baselineValue: e.target.value
+								})),
+								placeholder: "0"
+							})]
+						}),
+						/* @__PURE__ */ j("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ A(F, {
+								htmlFor: "myb-goal-target",
+								children: "Target"
+							}), /* @__PURE__ */ A(P, {
+								id: "myb-goal-target",
+								type: "number",
+								inputMode: "decimal",
+								value: i.targetValue,
+								onChange: (e) => a((t) => ({
+									...t,
+									targetValue: e.target.value
+								})),
+								placeholder: "100"
+							})]
+						}),
+						/* @__PURE__ */ j("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ A(F, {
+								htmlFor: "myb-goal-unit",
+								children: "Unit"
+							}), /* @__PURE__ */ A(P, {
+								id: "myb-goal-unit",
+								value: i.unit,
+								onChange: (e) => a((t) => ({
+									...t,
+									unit: e.target.value
+								})),
+								placeholder: "kg / reps / min"
+							})]
+						})
+					]
+				}),
+				/* @__PURE__ */ j("div", {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ A(F, {
+						htmlFor: "myb-goal-date",
+						children: "Target date"
+					}), /* @__PURE__ */ A(P, {
+						id: "myb-goal-date",
+						type: "date",
+						value: i.targetDate,
+						onChange: (e) => a((t) => ({
+							...t,
+							targetDate: e.target.value
+						}))
+					})]
+				}),
+				/* @__PURE__ */ j("div", {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ A(F, {
+						htmlFor: "myb-goal-desc",
+						children: "Description"
+					}), /* @__PURE__ */ A(q, {
+						id: "myb-goal-desc",
+						rows: 3,
+						value: i.description,
+						onChange: (e) => a((t) => ({
+							...t,
+							description: e.target.value
+						})),
+						placeholder: "Why this goal matters and how you'll get there."
+					})]
+				}),
+				/* @__PURE__ */ j(z, { children: [/* @__PURE__ */ A(M, {
+					type: "button",
+					variant: "outline",
+					onClick: () => c(!1),
+					disabled: n.isPending,
+					children: "Cancel"
+				}), /* @__PURE__ */ A(M, {
+					type: "submit",
+					disabled: n.isPending,
+					children: n.isPending ? "Creating…" : "Create goal"
+				})] })
+			]
+		})] })
+	});
+}
+function re({ goal: e, onOpenChange: t }) {
+	let n = y(), [r, a] = S(""), [o, s] = S(null), [c, l] = S(null);
+	e && e.id !== c && (l(e.id), a(String(e.currentValue)), s(null));
+	let u = async () => {
+		if (!e) return;
+		let i = Q(r);
+		if (i === void 0) {
+			s("Enter a valid number.");
+			return;
+		}
+		s(null);
+		try {
+			await n.mutateAsync({
+				id: e.id,
+				input: { currentValue: i }
+			}), t(!1);
+		} catch (e) {
+			s(e instanceof Error ? e.message : "Failed to update progress.");
+		}
+	};
+	return /* @__PURE__ */ A(I, {
+		open: e != null,
+		onOpenChange: t,
+		children: /* @__PURE__ */ j(L, { children: [/* @__PURE__ */ j(B, { children: [/* @__PURE__ */ A(V, { children: "Update progress" }), /* @__PURE__ */ A(R, { children: e ? e.title : "Log your latest value for this goal." })] }), /* @__PURE__ */ j("form", {
+			className: "space-y-4",
+			onSubmit: (e) => {
+				e.preventDefault(), u();
+			},
+			children: [
+				o && /* @__PURE__ */ A("p", {
+					className: "rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
+					children: o
+				}),
+				/* @__PURE__ */ j("div", {
+					className: "space-y-2",
+					children: [
+						/* @__PURE__ */ j(F, {
+							htmlFor: "myb-goal-current",
+							children: ["Current value", e?.unit ? ` (${e.unit})` : ""]
+						}),
+						/* @__PURE__ */ A(P, {
+							id: "myb-goal-current",
+							type: "number",
+							inputMode: "decimal",
+							autoFocus: !0,
+							value: r,
+							onChange: (e) => a(e.target.value),
+							placeholder: "0"
+						}),
+						e && /* @__PURE__ */ j("p", {
+							className: "text-xs text-text-tertiary",
+							children: [
+								"Target: ",
+								i(e.targetValue),
+								e.unit ? ` ${e.unit}` : ""
+							]
+						})
+					]
+				}),
+				/* @__PURE__ */ j(z, { children: [/* @__PURE__ */ A(M, {
+					type: "button",
+					variant: "outline",
+					onClick: () => t(!1),
+					disabled: n.isPending,
+					children: "Cancel"
+				}), /* @__PURE__ */ A(M, {
+					type: "submit",
+					disabled: n.isPending,
+					children: n.isPending ? "Saving…" : "Save progress"
+				})] })
+			]
+		})] })
+	});
+}
+function ie({ goal: e, onUpdateProgress: t, onAchieve: c, isAchieving: l }) {
+	let u = f[e.type], d = u.icon, g = h(e), _ = e.unit ? ` ${e.unit}` : "";
+	return /* @__PURE__ */ j(N, {
+		treatment: "glass",
+		className: "flex flex-col gap-3 p-5",
+		children: [
+			/* @__PURE__ */ j("div", {
+				className: "flex items-start justify-between gap-3",
+				children: [/* @__PURE__ */ j("div", {
+					className: "flex min-w-0 items-start gap-3",
+					children: [/* @__PURE__ */ A(p, {
+						icon: /* @__PURE__ */ A(d, { className: "h-4 w-4" }),
+						tint: u.tint
+					}), /* @__PURE__ */ j("div", {
+						className: "min-w-0",
+						children: [/* @__PURE__ */ A("p", {
+							className: "truncate text-sm font-semibold text-text-primary",
+							children: e.title
+						}), /* @__PURE__ */ A("span", {
+							className: "mt-1 inline-flex items-center rounded-full bg-bg-sunken px-2 py-0.5 text-xs text-text-secondary",
+							children: r(e.type)
+						})]
+					})]
+				}), /* @__PURE__ */ A(s, { status: e.status })]
+			}),
+			e.description && /* @__PURE__ */ A("p", {
+				className: "line-clamp-2 text-xs text-text-secondary",
+				children: e.description
+			}),
+			/* @__PURE__ */ j("div", {
+				className: "space-y-1.5",
+				children: [/* @__PURE__ */ A(m, {
+					value: g,
+					color: u.tint
+				}), /* @__PURE__ */ j("div", {
+					className: "flex items-center justify-between text-xs",
+					children: [/* @__PURE__ */ j("span", {
+						className: "tabular-nums text-text-secondary",
+						children: [
+							i(e.currentValue),
+							_,
+							" / ",
+							i(e.targetValue),
+							_
+						]
+					}), /* @__PURE__ */ A("span", {
+						className: "tabular-nums text-text-tertiary",
+						children: a(g)
+					})]
+				})]
+			}),
+			(e.targetDate || e.status === "ACHIEVED" && e.achievedAt) && /* @__PURE__ */ j("div", {
+				className: "flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-text-tertiary",
+				children: [e.targetDate && /* @__PURE__ */ j("span", {
+					className: "inline-flex items-center gap-1",
+					children: [
+						/* @__PURE__ */ A(C, { className: "h-3.5 w-3.5" }),
+						"Target ",
+						n(e.targetDate),
+						/* @__PURE__ */ j("span", {
+							className: "text-text-secondary",
+							children: ["· ", o(e.targetDate)]
+						})
+					]
+				}), e.status === "ACHIEVED" && e.achievedAt && /* @__PURE__ */ j("span", {
+					className: "inline-flex items-center gap-1 text-status-success-text",
+					children: [
+						/* @__PURE__ */ A(w, { className: "h-3.5 w-3.5" }),
+						"Achieved ",
+						n(e.achievedAt)
+					]
+				})]
+			}),
+			/* @__PURE__ */ j("div", {
+				className: "mt-auto flex flex-wrap gap-2 pt-1",
+				children: [/* @__PURE__ */ A(M, {
+					variant: "outline",
+					size: "sm",
+					onClick: () => t(e),
+					children: "Update progress"
+				}), e.status === "ACTIVE" && /* @__PURE__ */ A(M, {
+					size: "sm",
+					onClick: () => c(e),
+					disabled: l,
+					children: l ? "Marking…" : "Mark achieved"
+				})]
+			})
+		]
+	});
+}
+function ae() {
+	let [n, r] = S("ALL"), [o, s] = S(!1), [f, p] = S(null), [m, _] = S(null), [y, C] = S(null), w = b(J), N = v({
+		status: n === "ALL" ? void 0 : n,
+		pagination: {
+			limit: J,
+			offset: w.offset
+		}
+	}), P = v({
+		status: "ACTIVE",
+		pagination: { limit: Y }
+	}), F = v({
+		status: "ACHIEVED",
+		pagination: { limit: Y }
+	}), I = g(), L = N.data?.items ?? [], R = P.data?.items ?? [], z = F.data?.items ?? [], B = x(() => R.length === 0 ? 0 : R.reduce((e, t) => e + h(t), 0) / R.length, [R]), V = (e) => {
+		r(e), w.reset();
+	}, H = async (e) => {
+		_(e.id), C(null);
+		try {
+			await I.mutateAsync(e.id);
+		} catch (e) {
+			C(e instanceof Error ? e.message : "Failed to mark goal as achieved.");
+		} finally {
+			_(null);
+		}
+	}, U = N.isLoading && !N.data;
+	return /* @__PURE__ */ j(e, {
+		title: "Goals",
+		description: "Targets across training, nutrition and body composition.",
+		actions: /* @__PURE__ */ j(M, {
+			onClick: () => s(!0),
+			children: [/* @__PURE__ */ A(T, { className: "mr-2 h-4 w-4" }), "New goal"]
+		}),
+		children: [
+			/* @__PURE__ */ j("div", {
+				className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
+				children: [
+					/* @__PURE__ */ A(t, {
+						icon: /* @__PURE__ */ A(E, { className: "h-5 w-5" }),
+						value: i(P.data ? R.length : void 0),
+						label: "Active goals"
+					}),
+					/* @__PURE__ */ A(t, {
+						icon: /* @__PURE__ */ A(O, { className: "h-5 w-5" }),
+						value: i(F.data ? z.length : void 0),
+						label: "Achieved",
+						accent: "success"
+					}),
+					/* @__PURE__ */ A(t, {
+						icon: /* @__PURE__ */ A(D, { className: "h-5 w-5" }),
+						value: P.data ? a(B) : "—",
+						label: "Avg progress (active)",
+						footer: /* @__PURE__ */ A(c, {
+							value: B,
+							height: 4,
+							barClassName: "bg-accent-teal"
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ A("div", {
+				className: "mt-6",
+				children: /* @__PURE__ */ A(ee, {
+					options: X,
+					value: n,
+					onChange: V
+				})
+			}),
+			y && /* @__PURE__ */ A("p", {
+				className: "mt-4 rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
+				children: y
+			}),
+			/* @__PURE__ */ A("div", {
+				className: "mt-4",
+				children: U ? /* @__PURE__ */ A(u, { label: "Loading your goals…" }) : N.isError ? /* @__PURE__ */ A(l, {
+					message: "We couldn't load your goals.",
+					onRetry: () => void N.refetch()
+				}) : L.length === 0 ? /* @__PURE__ */ A(d, {
+					illustration: "empty-data",
+					icon: /* @__PURE__ */ A(E, { className: "h-10 w-10" }),
+					title: n === "ALL" ? "No goals yet" : "No goals match this filter",
+					description: n === "ALL" ? "Set a goal to give your training and nutrition a clear target to work toward." : "Try a different status filter, or create a new goal.",
+					action: /* @__PURE__ */ j(M, {
+						onClick: () => s(!0),
+						children: [/* @__PURE__ */ A(T, { className: "mr-2 h-4 w-4" }), "New goal"]
+					})
+				}) : /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A("div", {
+					className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
+					children: L.map((e) => /* @__PURE__ */ A(ie, {
+						goal: e,
+						onUpdateProgress: p,
+						onAchieve: (e) => void H(e),
+						isAchieving: m === e.id
+					}, e.id))
+				}), /* @__PURE__ */ A(te, {
+					page: w.page,
+					pageSize: J,
+					itemCount: L.length,
+					hasMore: N.data?.pageInfo?.hasMore ?? !1,
+					onPageChange: (e) => w.onPageChange(e)
+				})] })
+			}),
+			/* @__PURE__ */ A(ne, {
+				open: o,
+				onOpenChange: s
+			}),
+			/* @__PURE__ */ A(re, {
+				goal: f,
+				onOpenChange: (e) => {
+					e || p(null);
+				}
+			})
+		]
+	});
+}
+//#endregion
+export { ae as GoalsPage };
+
+//# sourceMappingURL=GoalsPage.js.map

package/dist/mybodyshield/pages/goals/GoalsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GoalsPage.js","names":[],"sources":["../../../../src/mybodyshield/pages/goals/GoalsPage.tsx"],"sourcesContent":["/**\n * Goals — targets across training, nutrition and body composition.\n * @module mybodyshield/pages/goals\n *\n * Lists the member's `MybGoal`s with a status filter, per-goal progress meters\n * and inline \"update progress\" / \"mark achieved\" actions, plus a create flow.\n * KPIs (active count, achieved count, average active progress) are aggregated\n * client-side from the real `mybListGoals` endpoint. No mock data.\n */\n\nimport { useMemo, useState } from 'react';\nimport { Target, Plus, CheckCircle2, TrendingUp, Trophy, CalendarClock } from 'lucide-react';\nimport {\n  Button,\n  Input,\n  Label,\n  Textarea,\n  Select,\n  SelectTrigger,\n  SelectContent,\n  SelectItem,\n  SelectValue,\n  GlassCard,\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  ResponsiveDialogDescription,\n  ResponsiveDialogFooter,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  PageLayout,\n  MetricsCard,\n  StatusBadge,\n  EmptyState,\n  LoadingView,\n  ErrorView,\n  FilterTabs,\n  Pagination,\n  MiniBar,\n  type FilterOption,\n} from '../../components';\nimport { Meter, IconChip, GOAL_TYPE_META, computeGoalProgress } from '../_shared/visuals';\nimport {\n  useMybGoals,\n  useMybCreateGoal,\n  useMybUpdateGoal,\n  useMybAchieveGoal,\n  useOffsetPager,\n} from '../../hooks';\nimport type { MybGoal, MybGoalStatus, MybGoalType, MybCreateGoalInput } from '../../types';\nimport {\n  formatDate,\n  formatRelativeTime,\n  formatNumber,\n  formatPercent,\n  formatEnumLabel,\n} from '../../utils/formatters';\n\nconst PAGE_SIZE = 12;\nconst KPI_LIMIT = 100;\n\ntype StatusFilter = MybGoalStatus | 'ALL';\n\nconst STATUS_FILTERS: FilterOption<StatusFilter>[] = [\n  { value: 'ALL', label: 'All' },\n  { value: 'ACTIVE', label: 'Active' },\n  { value: 'ACHIEVED', label: 'Achieved' },\n  { value: 'PAUSED', label: 'Paused' },\n  { value: 'ABANDONED', label: 'Abandoned' },\n];\n\nconst GOAL_TYPE_OPTIONS: MybGoalType[] = [\n  'WEIGHT_LOSS',\n  'MUSCLE_GAIN',\n  'STRENGTH',\n  'ENDURANCE',\n  'MOBILITY',\n  'GENERAL_FITNESS',\n];\n\n/** Parse a free-text numeric input → a finite number, or undefined when blank/invalid. */\nfunction numOrUndef(raw: string): number | undefined {\n  const trimmed = raw.trim();\n  if (trimmed === '') return undefined;\n  const parsed = Number(trimmed);\n  return Number.isFinite(parsed) ? parsed : undefined;\n}\n\n// ============================================================================\n// Create-goal dialog\n// ============================================================================\n\ninterface CreateGoalForm {\n  title: string;\n  type: MybGoalType;\n  baselineValue: string;\n  targetValue: string;\n  unit: string;\n  targetDate: string;\n  description: string;\n}\n\nconst EMPTY_CREATE_FORM: CreateGoalForm = {\n  title: '',\n  type: 'GENERAL_FITNESS',\n  baselineValue: '',\n  targetValue: '',\n  unit: '',\n  targetDate: '',\n  description: '',\n};\n\nfunction CreateGoalDialog({\n  open,\n  onOpenChange,\n}: {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n}) {\n  const create = useMybCreateGoal();\n  const [form, setForm] = useState<CreateGoalForm>(EMPTY_CREATE_FORM);\n  const [error, setError] = useState<string | null>(null);\n\n  const handleOpenChange = (next: boolean) => {\n    if (!next) {\n      setForm(EMPTY_CREATE_FORM);\n      setError(null);\n    }\n    onOpenChange(next);\n  };\n\n  const submit = async () => {\n    const title = form.title.trim();\n    if (!title) {\n      setError('Goal title is required.');\n      return;\n    }\n    setError(null);\n    const input: MybCreateGoalInput = {\n      title,\n      type: form.type,\n      description: form.description.trim() || undefined,\n      baselineValue: numOrUndef(form.baselineValue),\n      targetValue: numOrUndef(form.targetValue),\n      unit: form.unit.trim() || undefined,\n      targetDate: form.targetDate ? new Date(form.targetDate).toISOString() : undefined,\n    };\n    try {\n      await create.mutateAsync(input);\n      setForm(EMPTY_CREATE_FORM);\n      onOpenChange(false);\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to create goal.');\n    }\n  };\n\n  return (\n    <ResponsiveDialog open={open} onOpenChange={handleOpenChange}>\n      <ResponsiveDialogContent>\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>New goal</ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>\n            Set a target across training, nutrition or body composition and track it to completion.\n          </ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n        <form\n          className=\"space-y-4\"\n          onSubmit={(event) => {\n            event.preventDefault();\n            void submit();\n          }}\n        >\n          {error && (\n            <p className=\"rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text\">\n              {error}\n            </p>\n          )}\n          <div className=\"space-y-2\">\n            <Label htmlFor=\"myb-goal-title\">Title</Label>\n            <Input\n              id=\"myb-goal-title\"\n              value={form.title}\n              onChange={(event) => setForm((f) => ({ ...f, title: event.target.value }))}\n              placeholder=\"e.g., Squat 140 kg\"\n            />\n          </div>\n          <div className=\"space-y-2\">\n            <Label htmlFor=\"myb-goal-type\">Type</Label>\n            <Select\n              value={form.type}\n              // SelectItem values are exactly the MybGoalType members below, so the\n              // string emitted by Radix is always a valid MybGoalType.\n              onValueChange={(value) => setForm((f) => ({ ...f, type: value as MybGoalType }))}\n            >\n              <SelectTrigger id=\"myb-goal-type\">\n                <SelectValue placeholder=\"Select a goal type\" />\n              </SelectTrigger>\n              <SelectContent>\n                {GOAL_TYPE_OPTIONS.map((type) => (\n                  <SelectItem key={type} value={type}>\n                    {formatEnumLabel(type)}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n          </div>\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-3\">\n            <div className=\"space-y-2\">\n              <Label htmlFor=\"myb-goal-baseline\">Baseline</Label>\n              <Input\n                id=\"myb-goal-baseline\"\n                type=\"number\"\n                inputMode=\"decimal\"\n                value={form.baselineValue}\n                onChange={(event) => setForm((f) => ({ ...f, baselineValue: event.target.value }))}\n                placeholder=\"0\"\n              />\n            </div>\n            <div className=\"space-y-2\">\n              <Label htmlFor=\"myb-goal-target\">Target</Label>\n              <Input\n                id=\"myb-goal-target\"\n                type=\"number\"\n                inputMode=\"decimal\"\n                value={form.targetValue}\n                onChange={(event) => setForm((f) => ({ ...f, targetValue: event.target.value }))}\n                placeholder=\"100\"\n              />\n            </div>\n            <div className=\"space-y-2\">\n              <Label htmlFor=\"myb-goal-unit\">Unit</Label>\n              <Input\n                id=\"myb-goal-unit\"\n                value={form.unit}\n                onChange={(event) => setForm((f) => ({ ...f, unit: event.target.value }))}\n                placeholder=\"kg / reps / min\"\n              />\n            </div>\n          </div>\n          <div className=\"space-y-2\">\n            <Label htmlFor=\"myb-goal-date\">Target date</Label>\n            <Input\n              id=\"myb-goal-date\"\n              type=\"date\"\n              value={form.targetDate}\n              onChange={(event) => setForm((f) => ({ ...f, targetDate: event.target.value }))}\n            />\n          </div>\n          <div className=\"space-y-2\">\n            <Label htmlFor=\"myb-goal-desc\">Description</Label>\n            <Textarea\n              id=\"myb-goal-desc\"\n              rows={3}\n              value={form.description}\n              onChange={(event) => setForm((f) => ({ ...f, description: event.target.value }))}\n              placeholder=\"Why this goal matters and how you'll get there.\"\n            />\n          </div>\n          <ResponsiveDialogFooter>\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              onClick={() => handleOpenChange(false)}\n              disabled={create.isPending}\n            >\n              Cancel\n            </Button>\n            <Button type=\"submit\" disabled={create.isPending}>\n              {create.isPending ? 'Creating…' : 'Create goal'}\n            </Button>\n          </ResponsiveDialogFooter>\n        </form>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n\n// ============================================================================\n// Update-progress dialog\n// ============================================================================\n\nfunction UpdateProgressDialog({\n  goal,\n  onOpenChange,\n}: {\n  goal: MybGoal | null;\n  onOpenChange: (open: boolean) => void;\n}) {\n  const update = useMybUpdateGoal();\n  const [value, setValue] = useState('');\n  const [error, setError] = useState<string | null>(null);\n  const [seededId, setSeededId] = useState<string | null>(null);\n\n  // Seed the input with the goal's current value whenever the dialog target\n  // changes — React's render-phase \"reset state when a prop changes\" pattern\n  // (no effect, so no synchronous-setState-in-effect cascade).\n  if (goal && goal.id !== seededId) {\n    setSeededId(goal.id);\n    setValue(String(goal.currentValue));\n    setError(null);\n  }\n\n  const submit = async () => {\n    if (!goal) return;\n    const parsed = numOrUndef(value);\n    if (parsed === undefined) {\n      setError('Enter a valid number.');\n      return;\n    }\n    setError(null);\n    try {\n      await update.mutateAsync({ id: goal.id, input: { currentValue: parsed } });\n      onOpenChange(false);\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to update progress.');\n    }\n  };\n\n  return (\n    <ResponsiveDialog open={goal != null} onOpenChange={onOpenChange}>\n      <ResponsiveDialogContent>\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>Update progress</ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>\n            {goal ? goal.title : 'Log your latest value for this goal.'}\n          </ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n        <form\n          className=\"space-y-4\"\n          onSubmit={(event) => {\n            event.preventDefault();\n            void submit();\n          }}\n        >\n          {error && (\n            <p className=\"rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text\">\n              {error}\n            </p>\n          )}\n          <div className=\"space-y-2\">\n            <Label htmlFor=\"myb-goal-current\">\n              Current value{goal?.unit ? ` (${goal.unit})` : ''}\n            </Label>\n            <Input\n              id=\"myb-goal-current\"\n              type=\"number\"\n              inputMode=\"decimal\"\n              autoFocus\n              value={value}\n              onChange={(event) => setValue(event.target.value)}\n              placeholder=\"0\"\n            />\n            {goal && (\n              <p className=\"text-xs text-text-tertiary\">\n                Target: {formatNumber(goal.targetValue)}\n                {goal.unit ? ` ${goal.unit}` : ''}\n              </p>\n            )}\n          </div>\n          <ResponsiveDialogFooter>\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              onClick={() => onOpenChange(false)}\n              disabled={update.isPending}\n            >\n              Cancel\n            </Button>\n            <Button type=\"submit\" disabled={update.isPending}>\n              {update.isPending ? 'Saving…' : 'Save progress'}\n            </Button>\n          </ResponsiveDialogFooter>\n        </form>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n\n// ============================================================================\n// Goal card\n// ============================================================================\n\nfunction GoalCard({\n  goal,\n  onUpdateProgress,\n  onAchieve,\n  isAchieving,\n}: {\n  goal: MybGoal;\n  onUpdateProgress: (goal: MybGoal) => void;\n  onAchieve: (goal: MybGoal) => void;\n  isAchieving: boolean;\n}) {\n  const meta = GOAL_TYPE_META[goal.type];\n  const Icon = meta.icon;\n  const pct = computeGoalProgress(goal);\n  const unitSuffix = goal.unit ? ` ${goal.unit}` : '';\n\n  return (\n    <GlassCard treatment=\"glass\" className=\"flex flex-col gap-3 p-5\">\n      <div className=\"flex items-start justify-between gap-3\">\n        <div className=\"flex min-w-0 items-start gap-3\">\n          <IconChip icon={<Icon className=\"h-4 w-4\" />} tint={meta.tint} />\n          <div className=\"min-w-0\">\n            <p className=\"truncate text-sm font-semibold text-text-primary\">{goal.title}</p>\n            <span className=\"mt-1 inline-flex items-center rounded-full bg-bg-sunken px-2 py-0.5 text-xs text-text-secondary\">\n              {formatEnumLabel(goal.type)}\n            </span>\n          </div>\n        </div>\n        <StatusBadge status={goal.status} />\n      </div>\n\n      {goal.description && (\n        <p className=\"line-clamp-2 text-xs text-text-secondary\">{goal.description}</p>\n      )}\n\n      <div className=\"space-y-1.5\">\n        <Meter value={pct} color={meta.tint} />\n        <div className=\"flex items-center justify-between text-xs\">\n          <span className=\"tabular-nums text-text-secondary\">\n            {formatNumber(goal.currentValue)}\n            {unitSuffix} / {formatNumber(goal.targetValue)}\n            {unitSuffix}\n          </span>\n          <span className=\"tabular-nums text-text-tertiary\">{formatPercent(pct)}</span>\n        </div>\n      </div>\n\n      {(goal.targetDate || (goal.status === 'ACHIEVED' && goal.achievedAt)) && (\n        <div className=\"flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-text-tertiary\">\n          {goal.targetDate && (\n            <span className=\"inline-flex items-center gap-1\">\n              <CalendarClock className=\"h-3.5 w-3.5\" />\n              Target {formatDate(goal.targetDate)}\n              <span className=\"text-text-secondary\">· {formatRelativeTime(goal.targetDate)}</span>\n            </span>\n          )}\n          {goal.status === 'ACHIEVED' && goal.achievedAt && (\n            <span className=\"inline-flex items-center gap-1 text-status-success-text\">\n              <CheckCircle2 className=\"h-3.5 w-3.5\" />\n              Achieved {formatDate(goal.achievedAt)}\n            </span>\n          )}\n        </div>\n      )}\n\n      <div className=\"mt-auto flex flex-wrap gap-2 pt-1\">\n        <Button variant=\"outline\" size=\"sm\" onClick={() => onUpdateProgress(goal)}>\n          Update progress\n        </Button>\n        {goal.status === 'ACTIVE' && (\n          <Button size=\"sm\" onClick={() => onAchieve(goal)} disabled={isAchieving}>\n            {isAchieving ? 'Marking…' : 'Mark achieved'}\n          </Button>\n        )}\n      </div>\n    </GlassCard>\n  );\n}\n\n// ============================================================================\n// Page\n// ============================================================================\n\nexport function GoalsPage() {\n  const [statusFilter, setStatusFilter] = useState<StatusFilter>('ALL');\n  const [createOpen, setCreateOpen] = useState(false);\n  const [progressGoal, setProgressGoal] = useState<MybGoal | null>(null);\n  const [achievingId, setAchievingId] = useState<string | null>(null);\n  const [actionError, setActionError] = useState<string | null>(null);\n\n  const pager = useOffsetPager(PAGE_SIZE);\n\n  const goalsQuery = useMybGoals({\n    status: statusFilter === 'ALL' ? undefined : statusFilter,\n    pagination: { limit: PAGE_SIZE, offset: pager.offset },\n  });\n\n  // Separate bounded queries power the KPI row so the counts stay accurate\n  // regardless of the active filter / page (connections expose no total count).\n  const activeGoals = useMybGoals({ status: 'ACTIVE', pagination: { limit: KPI_LIMIT } });\n  const achievedGoals = useMybGoals({ status: 'ACHIEVED', pagination: { limit: KPI_LIMIT } });\n\n  const achieve = useMybAchieveGoal();\n\n  const rows = goalsQuery.data?.items ?? [];\n  const activeItems = activeGoals.data?.items ?? [];\n  const achievedItems = achievedGoals.data?.items ?? [];\n\n  const avgActiveProgress = useMemo(() => {\n    if (activeItems.length === 0) return 0;\n    const sum = activeItems.reduce((acc, goal) => acc + computeGoalProgress(goal), 0);\n    return sum / activeItems.length;\n  }, [activeItems]);\n\n  const handleFilterChange = (next: StatusFilter) => {\n    setStatusFilter(next);\n    pager.reset();\n  };\n\n  const handleAchieve = async (goal: MybGoal) => {\n    setAchievingId(goal.id);\n    setActionError(null);\n    try {\n      await achieve.mutateAsync(goal.id);\n    } catch (err) {\n      setActionError(err instanceof Error ? err.message : 'Failed to mark goal as achieved.');\n    } finally {\n      setAchievingId(null);\n    }\n  };\n\n  const showLoading = goalsQuery.isLoading && !goalsQuery.data;\n\n  return (\n    <PageLayout\n      title=\"Goals\"\n      description=\"Targets across training, nutrition and body composition.\"\n      actions={\n        <Button onClick={() => setCreateOpen(true)}>\n          <Plus className=\"mr-2 h-4 w-4\" />\n          New goal\n        </Button>\n      }\n    >\n      {/* KPI row */}\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-3\">\n        <MetricsCard\n          icon={<Target className=\"h-5 w-5\" />}\n          value={formatNumber(activeGoals.data ? activeItems.length : undefined)}\n          label=\"Active goals\"\n        />\n        <MetricsCard\n          icon={<Trophy className=\"h-5 w-5\" />}\n          value={formatNumber(achievedGoals.data ? achievedItems.length : undefined)}\n          label=\"Achieved\"\n          accent=\"success\"\n        />\n        <MetricsCard\n          icon={<TrendingUp className=\"h-5 w-5\" />}\n          value={activeGoals.data ? formatPercent(avgActiveProgress) : '—'}\n          label=\"Avg progress (active)\"\n          footer={<MiniBar value={avgActiveProgress} height={4} barClassName=\"bg-accent-teal\" />}\n        />\n      </div>\n\n      {/* Filter */}\n      <div className=\"mt-6\">\n        <FilterTabs options={STATUS_FILTERS} value={statusFilter} onChange={handleFilterChange} />\n      </div>\n\n      {actionError && (\n        <p className=\"mt-4 rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text\">\n          {actionError}\n        </p>\n      )}\n\n      {/* Grid */}\n      <div className=\"mt-4\">\n        {showLoading ? (\n          <LoadingView label=\"Loading your goals…\" />\n        ) : goalsQuery.isError ? (\n          <ErrorView\n            message=\"We couldn't load your goals.\"\n            onRetry={() => void goalsQuery.refetch()}\n          />\n        ) : rows.length === 0 ? (\n          <EmptyState\n            illustration=\"empty-data\"\n            icon={<Target className=\"h-10 w-10\" />}\n            title={statusFilter === 'ALL' ? 'No goals yet' : 'No goals match this filter'}\n            description={\n              statusFilter === 'ALL'\n                ? 'Set a goal to give your training and nutrition a clear target to work toward.'\n                : 'Try a different status filter, or create a new goal.'\n            }\n            action={\n              <Button onClick={() => setCreateOpen(true)}>\n                <Plus className=\"mr-2 h-4 w-4\" />\n                New goal\n              </Button>\n            }\n          />\n        ) : (\n          <>\n            <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n              {rows.map((goal) => (\n                <GoalCard\n                  key={goal.id}\n                  goal={goal}\n                  onUpdateProgress={setProgressGoal}\n                  onAchieve={(g) => void handleAchieve(g)}\n                  isAchieving={achievingId === goal.id}\n                />\n              ))}\n            </div>\n            <Pagination\n              page={pager.page}\n              pageSize={PAGE_SIZE}\n              itemCount={rows.length}\n              hasMore={goalsQuery.data?.pageInfo?.hasMore ?? false}\n              onPageChange={(target) => pager.onPageChange(target)}\n            />\n          </>\n        )}\n      </div>\n\n      <CreateGoalDialog open={createOpen} onOpenChange={setCreateOpen} />\n      <UpdateProgressDialog\n        goal={progressGoal}\n        onOpenChange={(open) => {\n          if (!open) setProgressGoal(null);\n        }}\n      />\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}