@burdenoff/microfe-mybodyshield 2026.525.1 → 2026.705.2

package/dist/mybodyshield/pages/nutrition/NutritionPage.js

@@ -0,0 +1,1012 @@
+import { PageLayout as e } from "../../components/PageLayout.js";
+import { MetricsCard as t } from "../../components/MetricsCard.js";
+import { formatDate as n, formatEnumLabel as r, formatGrams as i, formatKcal as ee, formatNumber as a, formatRelativeTime as te } from "../../utils/formatters.js";
+import { StatusBadge as o } from "../../components/StatusBadge.js";
+import { ErrorView as s, LoadingView as c, Section as ne } from "../../components/StateViews.js";
+import { EmptyState as l } from "../../components/EmptyState.js";
+import { MacroBar as re, MacroLegend as ie, Meter as ae, ProgressRing as oe } from "../_shared/visuals.js";
+import { useMybActivateNutritionPlan as se, useMybActiveNutritionPlan as ce, useMybCreateNutritionPlan as le, useMybDailyMacros as ue, useMybDeleteMeal as de, useMybLogMeal as fe, useMybMeals as u, useMybUpdateNutritionPlan as pe } from "../../hooks/useMyBodyShieldApi.js";
+import { useOffsetPager as me } from "../../hooks/usePager.js";
+import "../../hooks/index.js";
+import { DataTable as he } from "../../components/DataTable.js";
+import { FilterTabs as ge } from "../../components/FilterTabs.js";
+import { Tabs as _e } from "../../components/Tabs.js";
+import { Pagination as ve } from "../../components/Pagination.js";
+import "../../components/index.js";
+import { useMemo as ye, useState as d } from "react";
+import { Beef as be, CheckCircle2 as xe, ClipboardList as Se, Droplet as Ce, Flame as we, Pencil as Te, Plus as f, Salad as Ee, Star as De, Trash2 as p, UtensilsCrossed as Oe, Wheat as ke } from "lucide-react";
+import { Fragment as Ae, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { Button as g, GlassCard as _, Input as v, Label as y, ResponsiveDialog as b, ResponsiveDialogContent as je, ResponsiveDialogDescription as x, ResponsiveDialogFooter as S, ResponsiveDialogHeader as C, ResponsiveDialogTitle as Me, Select as Ne, SelectContent as Pe, SelectItem as Fe, SelectTrigger as Ie, SelectValue as Le, Switch as Re, Textarea as ze } from "@burdenoff/fe-libs/ui";
+//#region src/mybodyshield/pages/nutrition/NutritionPage.tsx
+var w = 25, Be = [
+	"BREAKFAST",
+	"LUNCH",
+	"DINNER",
+	"SNACK"
+], Ve = [
+	"WEIGHT_LOSS",
+	"MUSCLE_GAIN",
+	"STRENGTH",
+	"ENDURANCE",
+	"MOBILITY",
+	"GENERAL_FITNESS"
+], He = [
+	{
+		value: "today",
+		label: "Today",
+		icon: /* @__PURE__ */ m(we, { className: "h-4 w-4" })
+	},
+	{
+		value: "plan",
+		label: "Plan",
+		icon: /* @__PURE__ */ m(Se, { className: "h-4 w-4" })
+	},
+	{
+		value: "meals",
+		label: "Meals",
+		icon: /* @__PURE__ */ m(Oe, { className: "h-4 w-4" })
+	}
+], Ue = [{
+	value: "ALL",
+	label: "All"
+}, ...Be.map((e) => ({
+	value: e,
+	label: r(e)
+}))], T = (e) => {
+	let t = e.trim();
+	if (!t) return;
+	let n = Number(t);
+	return Number.isFinite(n) ? n : void 0;
+}, E = (e) => e ? String(e) : "", We = (e) => {
+	if (!e) return "";
+	let t = new Date(e);
+	return Number.isNaN(t.getTime()) ? "" : t.toISOString().slice(0, 10);
+}, Ge = (e) => e ? new Date(e).toISOString() : void 0, D = {
+	name: "",
+	mealType: "BREAKFAST",
+	calories: "",
+	proteinG: "",
+	carbsG: "",
+	fatG: "",
+	servings: "",
+	isFavorite: !1
+}, Ke = {
+	name: "",
+	goalType: "GENERAL_FITNESS",
+	calorieTarget: "",
+	proteinTarget: "",
+	carbsTarget: "",
+	fatTarget: "",
+	startDate: "",
+	endDate: "",
+	notes: ""
+};
+function O() {
+	let [O, qe] = d("today"), k = ue(), A = ce(), j = u({}), [M, Je] = d("ALL"), N = me(w), P = u({
+		mealType: M === "ALL" ? void 0 : M,
+		pagination: {
+			limit: w,
+			offset: N.offset
+		}
+	}), F = fe(), Ye = de(), Xe = le(), Ze = pe(), I = se(), [Qe, L] = d(null), [$e, et] = d(null), [tt, R] = d(null), [nt, z] = d(!1), [B, V] = d(D), [rt, H] = d(null), [it, U] = d(!1), [W, at] = d("create"), [G, K] = d(Ke), [ot, q] = d(null), st = A.data ?? null, J = tt ?? st, Y = ye(() => {
+		let e = j.data?.items ?? [], t = (/* @__PURE__ */ new Date()).toDateString();
+		return e.filter((e) => {
+			let n = new Date(e.loggedAt);
+			return !Number.isNaN(n.getTime()) && n.toDateString() === t;
+		}).sort((e, t) => new Date(t.loggedAt).getTime() - new Date(e.loggedAt).getTime());
+	}, [j.data]), X = P.data?.items ?? [], ct = (e) => {
+		Je(e), N.reset();
+	}, Z = () => {
+		V(D), H(null), z(!0);
+	}, lt = () => {
+		at("create"), K(Ke), q(null), U(!0);
+	}, ut = () => {
+		J && (at("edit"), K({
+			name: J.name,
+			goalType: J.goalType,
+			calorieTarget: E(J.calorieTarget),
+			proteinTarget: E(J.proteinTarget),
+			carbsTarget: E(J.carbsTarget),
+			fatTarget: E(J.fatTarget),
+			startDate: We(J.startDate),
+			endDate: We(J.endDate),
+			notes: J.notes ?? ""
+		}), q(null), U(!0));
+	}, dt = async () => {
+		if (!B.name.trim()) {
+			H("Meal name is required.");
+			return;
+		}
+		H(null);
+		try {
+			await F.mutateAsync({
+				name: B.name.trim(),
+				mealType: B.mealType,
+				calories: T(B.calories),
+				proteinG: T(B.proteinG),
+				carbsG: T(B.carbsG),
+				fatG: T(B.fatG),
+				servings: T(B.servings),
+				isFavorite: B.isFavorite,
+				planId: J?.id ?? void 0,
+				loggedAt: (/* @__PURE__ */ new Date()).toISOString()
+			}), z(!1), V(D);
+		} catch (e) {
+			H(e instanceof Error ? e.message : "Failed to log meal.");
+		}
+	}, ft = async () => {
+		if (!G.name.trim()) {
+			q("Plan name is required.");
+			return;
+		}
+		q(null);
+		let e = {
+			goalType: G.goalType,
+			calorieTarget: T(G.calorieTarget),
+			proteinTarget: T(G.proteinTarget),
+			carbsTarget: T(G.carbsTarget),
+			fatTarget: T(G.fatTarget),
+			startDate: Ge(G.startDate),
+			endDate: Ge(G.endDate),
+			notes: G.notes.trim() || void 0
+		};
+		try {
+			if (W === "edit" && J) {
+				let t = await Ze.mutateAsync({
+					id: J.id,
+					input: {
+						name: G.name.trim(),
+						...e
+					}
+				});
+				R((e) => e && e.id === t.id ? t : e);
+			} else R(await Xe.mutateAsync({
+				name: G.name.trim(),
+				...e
+			})), qe("plan");
+			U(!1);
+		} catch (e) {
+			q(e instanceof Error ? e.message : "Failed to save plan.");
+		}
+	}, pt = async (e) => {
+		L(null);
+		try {
+			await I.mutateAsync(e), R(null);
+		} catch (e) {
+			L(e instanceof Error ? e.message : "Failed to activate plan.");
+		}
+	}, Q = async (e) => {
+		if (window.confirm("Delete this meal log? This cannot be undone.")) {
+			et(e), L(null);
+			try {
+				await Ye.mutateAsync(e);
+			} catch (e) {
+				L(e instanceof Error ? e.message : "Failed to delete meal.");
+			} finally {
+				et(null);
+			}
+		}
+	}, $ = W === "edit" ? Ze.isPending : Xe.isPending;
+	return /* @__PURE__ */ h(e, {
+		title: "Nutrition",
+		description: "Plans, meal logging and daily macro targets.",
+		actions: O === "today" ? /* @__PURE__ */ h(g, {
+			onClick: Z,
+			children: [/* @__PURE__ */ m(f, { className: "mr-1.5 h-4 w-4" }), " Log meal"]
+		}) : O === "plan" ? /* @__PURE__ */ h("div", {
+			className: "flex flex-wrap items-center gap-2",
+			children: [J && /* @__PURE__ */ h(g, {
+				variant: "outline",
+				onClick: ut,
+				children: [/* @__PURE__ */ m(Te, { className: "mr-1.5 h-4 w-4" }), " Edit targets"]
+			}), /* @__PURE__ */ h(g, {
+				onClick: lt,
+				children: [/* @__PURE__ */ m(f, { className: "mr-1.5 h-4 w-4" }), " Create plan"]
+			})]
+		}) : void 0,
+		children: [
+			/* @__PURE__ */ m(_e, {
+				items: He,
+				value: O,
+				onChange: qe,
+				className: "mb-6"
+			}),
+			Qe && /* @__PURE__ */ m("div", {
+				className: "mb-4 rounded-lg border border-status-error-text/40 bg-status-error-bg-subtle px-4 py-2 text-sm text-status-error-text",
+				children: Qe
+			}),
+			O === "today" && (() => {
+				if (k.isLoading) return /* @__PURE__ */ m(c, { label: "Loading today's nutrition…" });
+				if (k.isError) return /* @__PURE__ */ m(s, {
+					message: "We couldn't load your daily macros.",
+					onRetry: () => k.refetch()
+				});
+				let e = k.data;
+				if (!e) return /* @__PURE__ */ m(c, { label: "Loading today's nutrition…" });
+				let t = e.calorieTarget > 0, n = e.calories > 0 || Y.length > 0;
+				if (!t && !n) return /* @__PURE__ */ m(l, {
+					illustration: "empty-data",
+					icon: /* @__PURE__ */ m(Ee, { className: "h-10 w-10" }),
+					title: "No nutrition tracked yet",
+					description: "Activate a nutrition plan or log your first meal to start tracking daily macros.",
+					action: /* @__PURE__ */ h(g, {
+						onClick: Z,
+						children: [/* @__PURE__ */ m(f, { className: "mr-1.5 h-4 w-4" }), " Log meal"]
+					})
+				});
+				let r = e.calorieTarget ? e.calories / e.calorieTarget * 100 : 0;
+				return /* @__PURE__ */ h("div", {
+					className: "space-y-6",
+					children: [/* @__PURE__ */ h(_, {
+						treatment: "glass",
+						className: "p-6",
+						children: [/* @__PURE__ */ h("div", {
+							className: "mb-4",
+							children: [/* @__PURE__ */ m("h2", {
+								className: "text-base font-semibold text-text-primary",
+								children: "Today's macros"
+							}), /* @__PURE__ */ m("p", {
+								className: "mt-0.5 text-sm text-text-secondary",
+								children: "Calories & macros logged against your active plan."
+							})]
+						}), /* @__PURE__ */ h("div", {
+							className: "flex flex-col gap-6 sm:flex-row sm:items-center",
+							children: [/* @__PURE__ */ h(oe, {
+								value: r,
+								size: 128,
+								stroke: 12,
+								children: [/* @__PURE__ */ m("span", {
+									className: "text-xl font-bold tabular-nums text-text-primary",
+									children: a(e.calories)
+								}), /* @__PURE__ */ h("span", {
+									className: "text-xs text-text-tertiary",
+									children: [
+										"/ ",
+										a(e.calorieTarget),
+										" kcal"
+									]
+								})]
+							}), /* @__PURE__ */ h("div", {
+								className: "flex-1 space-y-4",
+								children: [/* @__PURE__ */ h("div", {
+									className: "space-y-2",
+									children: [/* @__PURE__ */ m(re, {
+										proteinG: e.proteinG,
+										carbsG: e.carbsG,
+										fatG: e.fatG,
+										height: 10
+									}), /* @__PURE__ */ m(ie, {})]
+								}), /* @__PURE__ */ m("div", {
+									className: "grid grid-cols-3 gap-3",
+									children: [
+										[
+											"Protein",
+											e.proteinG,
+											e.proteinTarget
+										],
+										[
+											"Carbs",
+											e.carbsG,
+											e.carbsTarget
+										],
+										[
+											"Fat",
+											e.fatG,
+											e.fatTarget
+										]
+									].map(([e, t, n]) => /* @__PURE__ */ h("div", {
+										className: "rounded-xl bg-bg-sunken/60 p-3",
+										children: [
+											/* @__PURE__ */ m("p", {
+												className: "text-xs text-text-tertiary",
+												children: e
+											}),
+											/* @__PURE__ */ h("p", {
+												className: "mt-0.5 text-sm font-semibold tabular-nums text-text-primary",
+												children: [a(t), /* @__PURE__ */ h("span", {
+													className: "text-xs font-normal text-text-tertiary",
+													children: [
+														" ",
+														"/ ",
+														a(n),
+														" g"
+													]
+												})]
+											}),
+											/* @__PURE__ */ m(ae, {
+												value: n ? t / n * 100 : 0,
+												height: 4,
+												className: "mt-2"
+											})
+										]
+									}, e))
+								})]
+							})]
+						})]
+					}), /* @__PURE__ */ m(ne, {
+						title: "Today's meals",
+						description: "Everything you've logged today.",
+						children: j.isLoading ? /* @__PURE__ */ m(c, { label: "Loading meals…" }) : j.isError ? /* @__PURE__ */ m(s, {
+							message: "We couldn't load today's meals.",
+							onRetry: () => j.refetch()
+						}) : Y.length === 0 ? /* @__PURE__ */ m(l, {
+							illustration: "empty-data",
+							icon: /* @__PURE__ */ m(Ee, { className: "h-10 w-10" }),
+							title: "No meals logged today",
+							description: "Use “Log meal” to record what you've eaten and keep your macros current.",
+							action: /* @__PURE__ */ h(g, {
+								onClick: Z,
+								children: [/* @__PURE__ */ m(f, { className: "mr-1.5 h-4 w-4" }), " Log meal"]
+							})
+						}) : /* @__PURE__ */ m(_, {
+							treatment: "plain",
+							className: "divide-y divide-border-seam/60 px-4",
+							children: Y.map((e) => /* @__PURE__ */ h("div", {
+								className: "flex items-center gap-3 py-3",
+								children: [
+									/* @__PURE__ */ m(o, { status: e.mealType }),
+									/* @__PURE__ */ h("div", {
+										className: "min-w-0 flex-1",
+										children: [/* @__PURE__ */ m("p", {
+											className: "truncate text-sm font-medium text-text-primary",
+											children: e.name
+										}), /* @__PURE__ */ h("p", {
+											className: "text-xs text-text-tertiary",
+											children: [
+												i(e.proteinG),
+												" P · ",
+												i(e.carbsG),
+												" C ·",
+												" ",
+												i(e.fatG),
+												" F · ",
+												a(e.servings),
+												" serving",
+												e.servings === 1 ? "" : "s"
+											]
+										})]
+									}),
+									/* @__PURE__ */ m("span", {
+										className: "shrink-0 text-sm font-semibold tabular-nums text-text-primary",
+										children: ee(e.calories)
+									}),
+									/* @__PURE__ */ m(g, {
+										variant: "ghost",
+										size: "icon-sm",
+										onClick: () => Q(e.id),
+										disabled: $e === e.id,
+										"aria-label": "Delete meal",
+										className: "shrink-0",
+										children: /* @__PURE__ */ m(p, { className: "h-4 w-4 text-status-error-text" })
+									})
+								]
+							}, e.id))
+						})
+					})]
+				});
+			})(),
+			O === "plan" && (() => {
+				if (A.isLoading) return /* @__PURE__ */ m(c, { label: "Loading your nutrition plan…" });
+				if (A.isError) return /* @__PURE__ */ m(s, {
+					message: "We couldn't load your active nutrition plan.",
+					onRetry: () => A.refetch()
+				});
+				if (!J) return /* @__PURE__ */ m(l, {
+					illustration: "empty-data",
+					icon: /* @__PURE__ */ m(Se, { className: "h-10 w-10" }),
+					title: "No active nutrition plan",
+					description: "Create a nutrition plan to set your daily calorie and macro targets.",
+					action: /* @__PURE__ */ h(g, {
+						onClick: lt,
+						children: [/* @__PURE__ */ m(f, { className: "mr-1.5 h-4 w-4" }), " Create plan"]
+					})
+				});
+				let e = [
+					{
+						icon: /* @__PURE__ */ m(we, { className: "h-5 w-5" }),
+						label: "Calorie target",
+						value: J.calorieTarget ? `${a(J.calorieTarget)} kcal` : "—"
+					},
+					{
+						icon: /* @__PURE__ */ m(be, { className: "h-5 w-5" }),
+						label: "Protein target",
+						value: J.proteinTarget ? i(J.proteinTarget) : "—"
+					},
+					{
+						icon: /* @__PURE__ */ m(ke, { className: "h-5 w-5" }),
+						label: "Carbs target",
+						value: J.carbsTarget ? i(J.carbsTarget) : "—"
+					},
+					{
+						icon: /* @__PURE__ */ m(Ce, { className: "h-5 w-5" }),
+						label: "Fat target",
+						value: J.fatTarget ? i(J.fatTarget) : "—"
+					}
+				];
+				return /* @__PURE__ */ h("div", {
+					className: "space-y-6",
+					children: [
+						!J.isActive && /* @__PURE__ */ h("div", {
+							className: "flex flex-wrap items-center justify-between gap-3 rounded-xl border border-border-seam bg-bg-sunken/60 px-4 py-3",
+							children: [/* @__PURE__ */ h("div", {
+								className: "min-w-0",
+								children: [/* @__PURE__ */ m("p", {
+									className: "text-sm font-medium text-text-primary",
+									children: "This plan isn't active yet"
+								}), /* @__PURE__ */ m("p", {
+									className: "text-xs text-text-secondary",
+									children: "Activate it to track today's macros against these targets."
+								})]
+							}), /* @__PURE__ */ h(g, {
+								onClick: () => pt(J.id),
+								disabled: I.isPending,
+								children: [/* @__PURE__ */ m(xe, { className: "mr-1.5 h-4 w-4" }), I.isPending ? "Activating…" : "Activate this plan"]
+							})]
+						}),
+						/* @__PURE__ */ m(_, {
+							treatment: "glass",
+							className: "p-6",
+							children: /* @__PURE__ */ h("div", {
+								className: "flex flex-wrap items-start justify-between gap-3",
+								children: [/* @__PURE__ */ h("div", {
+									className: "min-w-0",
+									children: [/* @__PURE__ */ m("h2", {
+										className: "text-lg font-semibold text-text-primary",
+										children: J.name
+									}), /* @__PURE__ */ h("div", {
+										className: "mt-2 flex flex-wrap items-center gap-2",
+										children: [
+											J.isActive ? /* @__PURE__ */ h("span", {
+												className: "inline-flex items-center gap-1 rounded-full bg-status-success-bg-subtle px-2.5 py-0.5 text-xs font-medium text-status-success-text",
+												children: [/* @__PURE__ */ m(xe, { className: "h-3.5 w-3.5" }), " Active"]
+											}) : /* @__PURE__ */ m("span", {
+												className: "inline-flex items-center gap-1 rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-secondary",
+												children: "Inactive"
+											}),
+											/* @__PURE__ */ m(o, { status: J.goalType }),
+											(J.startDate || J.endDate) && /* @__PURE__ */ h("span", {
+												className: "text-sm text-text-secondary",
+												children: [
+													n(J.startDate),
+													" – ",
+													n(J.endDate)
+												]
+											})
+										]
+									})]
+								}), /* @__PURE__ */ h(g, {
+									variant: "outline",
+									onClick: ut,
+									children: [/* @__PURE__ */ m(Te, { className: "mr-1.5 h-4 w-4" }), " Edit targets"]
+								})]
+							})
+						}),
+						/* @__PURE__ */ m("div", {
+							className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
+							children: e.map((e) => /* @__PURE__ */ m(t, {
+								icon: e.icon,
+								value: e.value,
+								label: e.label
+							}, e.label))
+						}),
+						J.notes && /* @__PURE__ */ m(ne, {
+							title: "Notes",
+							children: /* @__PURE__ */ m(_, {
+								treatment: "plain",
+								className: "p-4",
+								children: /* @__PURE__ */ m("p", {
+									className: "whitespace-pre-wrap text-sm text-text-secondary",
+									children: J.notes
+								})
+							})
+						})
+					]
+				});
+			})(),
+			O === "meals" && (P.isLoading ? /* @__PURE__ */ m(c, { label: "Loading meal log…" }) : P.isError ? /* @__PURE__ */ m(s, {
+				message: "We couldn't load your meal log.",
+				onRetry: () => P.refetch()
+			}) : /* @__PURE__ */ h("div", {
+				className: "space-y-4",
+				children: [/* @__PURE__ */ m(ge, {
+					options: Ue,
+					value: M,
+					onChange: ct
+				}), X.length === 0 ? /* @__PURE__ */ m(l, {
+					illustration: "empty-data",
+					icon: /* @__PURE__ */ m(Oe, { className: "h-10 w-10" }),
+					title: M === "ALL" ? "No meals logged yet" : "No meals for this filter",
+					description: M === "ALL" ? "Log meals from the Today tab to build up your nutrition history." : "Try a different meal type, or log a meal to get started.",
+					action: /* @__PURE__ */ h(g, {
+						onClick: Z,
+						children: [/* @__PURE__ */ m(f, { className: "mr-1.5 h-4 w-4" }), " Log meal"]
+					})
+				}) : /* @__PURE__ */ h(Ae, { children: [/* @__PURE__ */ m(he, {
+					columns: [
+						{
+							key: "favorite",
+							header: "",
+							sortValue: (e) => +!!e.isFavorite,
+							render: (e) => /* @__PURE__ */ h("span", {
+								className: "inline-flex",
+								title: e.isFavorite ? "Favorite meal" : "Not a favorite",
+								children: [/* @__PURE__ */ m(De, { className: `h-4 w-4 ${e.isFavorite ? "fill-current text-accent" : "text-text-tertiary"}` }), /* @__PURE__ */ m("span", {
+									className: "sr-only",
+									children: e.isFavorite ? "Favorite" : "Not favorite"
+								})]
+							})
+						},
+						{
+							key: "name",
+							header: "Meal",
+							render: (e) => /* @__PURE__ */ m("span", {
+								className: "font-medium text-text-primary",
+								children: e.name
+							})
+						},
+						{
+							key: "mealType",
+							header: "Type",
+							render: (e) => /* @__PURE__ */ m(o, { status: e.mealType })
+						},
+						{
+							key: "calories",
+							header: "Calories",
+							align: "right",
+							sortValue: (e) => e.calories,
+							render: (e) => /* @__PURE__ */ m("span", {
+								className: "tabular-nums",
+								children: ee(e.calories)
+							})
+						},
+						{
+							key: "proteinG",
+							header: "Protein",
+							align: "right",
+							hideOnMobile: !0,
+							sortValue: (e) => e.proteinG,
+							render: (e) => /* @__PURE__ */ m("span", {
+								className: "tabular-nums text-text-secondary",
+								children: i(e.proteinG)
+							})
+						},
+						{
+							key: "carbsG",
+							header: "Carbs",
+							align: "right",
+							hideOnMobile: !0,
+							sortValue: (e) => e.carbsG,
+							render: (e) => /* @__PURE__ */ m("span", {
+								className: "tabular-nums text-text-secondary",
+								children: i(e.carbsG)
+							})
+						},
+						{
+							key: "fatG",
+							header: "Fat",
+							align: "right",
+							hideOnMobile: !0,
+							sortValue: (e) => e.fatG,
+							render: (e) => /* @__PURE__ */ m("span", {
+								className: "tabular-nums text-text-secondary",
+								children: i(e.fatG)
+							})
+						},
+						{
+							key: "servings",
+							header: "Servings",
+							align: "right",
+							sortValue: (e) => e.servings,
+							render: (e) => /* @__PURE__ */ m("span", {
+								className: "tabular-nums",
+								children: a(e.servings)
+							})
+						},
+						{
+							key: "loggedAt",
+							header: "Logged",
+							hideOnMobile: !0,
+							sortValue: (e) => new Date(e.loggedAt).getTime(),
+							render: (e) => /* @__PURE__ */ m("span", {
+								className: "text-text-secondary",
+								children: te(e.loggedAt)
+							})
+						},
+						{
+							key: "actions",
+							header: "",
+							align: "right",
+							render: (e) => /* @__PURE__ */ m(g, {
+								variant: "ghost",
+								size: "icon-sm",
+								onClick: () => Q(e.id),
+								disabled: $e === e.id,
+								"aria-label": "Delete meal",
+								children: /* @__PURE__ */ m(p, { className: "h-4 w-4 text-status-error-text" })
+							})
+						}
+					],
+					rows: X,
+					rowKey: (e) => e.id,
+					defaultSort: {
+						key: "loggedAt",
+						dir: "desc"
+					}
+				}), /* @__PURE__ */ m(ve, {
+					page: N.page,
+					pageSize: w,
+					itemCount: X.length,
+					hasMore: P.data?.pageInfo?.hasMore ?? !1,
+					onPageChange: (e) => N.onPageChange(e)
+				})] })]
+			})),
+			/* @__PURE__ */ m(b, {
+				open: nt,
+				onOpenChange: z,
+				children: /* @__PURE__ */ h(je, {
+					className: "sm:max-w-lg",
+					children: [
+						/* @__PURE__ */ h(C, { children: [/* @__PURE__ */ m(Me, { children: "Log a meal" }), /* @__PURE__ */ m(x, { children: "Record what you ate to update today's macros." })] }),
+						/* @__PURE__ */ h("div", {
+							className: "space-y-4 py-2",
+							children: [
+								rt && /* @__PURE__ */ m("div", {
+									className: "rounded-lg border border-status-error-text/40 bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
+									children: rt
+								}),
+								/* @__PURE__ */ h("div", {
+									className: "space-y-1.5",
+									children: [/* @__PURE__ */ m(y, {
+										htmlFor: "meal-name",
+										children: "Name"
+									}), /* @__PURE__ */ m(v, {
+										id: "meal-name",
+										value: B.name,
+										onChange: (e) => V({
+											...B,
+											name: e.target.value
+										}),
+										placeholder: "Grilled chicken salad"
+									})]
+								}),
+								/* @__PURE__ */ h("div", {
+									className: "grid grid-cols-2 gap-3",
+									children: [/* @__PURE__ */ h("div", {
+										className: "space-y-1.5",
+										children: [/* @__PURE__ */ m(y, {
+											htmlFor: "meal-type",
+											children: "Meal type"
+										}), /* @__PURE__ */ h(Ne, {
+											value: B.mealType,
+											onValueChange: (e) => V({
+												...B,
+												mealType: e
+											}),
+											children: [/* @__PURE__ */ m(Ie, {
+												id: "meal-type",
+												children: /* @__PURE__ */ m(Le, {})
+											}), /* @__PURE__ */ m(Pe, { children: Be.map((e) => /* @__PURE__ */ m(Fe, {
+												value: e,
+												children: r(e)
+											}, e)) })]
+										})]
+									}), /* @__PURE__ */ h("div", {
+										className: "space-y-1.5",
+										children: [/* @__PURE__ */ m(y, {
+											htmlFor: "meal-servings",
+											children: "Servings"
+										}), /* @__PURE__ */ m(v, {
+											id: "meal-servings",
+											type: "number",
+											min: 0,
+											step: "0.5",
+											value: B.servings,
+											onChange: (e) => V({
+												...B,
+												servings: e.target.value
+											}),
+											placeholder: "1"
+										})]
+									})]
+								}),
+								/* @__PURE__ */ h("div", {
+									className: "grid grid-cols-2 gap-3",
+									children: [
+										/* @__PURE__ */ h("div", {
+											className: "space-y-1.5",
+											children: [/* @__PURE__ */ m(y, {
+												htmlFor: "meal-calories",
+												children: "Calories (kcal)"
+											}), /* @__PURE__ */ m(v, {
+												id: "meal-calories",
+												type: "number",
+												min: 0,
+												value: B.calories,
+												onChange: (e) => V({
+													...B,
+													calories: e.target.value
+												}),
+												placeholder: "0"
+											})]
+										}),
+										/* @__PURE__ */ h("div", {
+											className: "space-y-1.5",
+											children: [/* @__PURE__ */ m(y, {
+												htmlFor: "meal-protein",
+												children: "Protein (g)"
+											}), /* @__PURE__ */ m(v, {
+												id: "meal-protein",
+												type: "number",
+												min: 0,
+												value: B.proteinG,
+												onChange: (e) => V({
+													...B,
+													proteinG: e.target.value
+												}),
+												placeholder: "0"
+											})]
+										}),
+										/* @__PURE__ */ h("div", {
+											className: "space-y-1.5",
+											children: [/* @__PURE__ */ m(y, {
+												htmlFor: "meal-carbs",
+												children: "Carbs (g)"
+											}), /* @__PURE__ */ m(v, {
+												id: "meal-carbs",
+												type: "number",
+												min: 0,
+												value: B.carbsG,
+												onChange: (e) => V({
+													...B,
+													carbsG: e.target.value
+												}),
+												placeholder: "0"
+											})]
+										}),
+										/* @__PURE__ */ h("div", {
+											className: "space-y-1.5",
+											children: [/* @__PURE__ */ m(y, {
+												htmlFor: "meal-fat",
+												children: "Fat (g)"
+											}), /* @__PURE__ */ m(v, {
+												id: "meal-fat",
+												type: "number",
+												min: 0,
+												value: B.fatG,
+												onChange: (e) => V({
+													...B,
+													fatG: e.target.value
+												}),
+												placeholder: "0"
+											})]
+										})
+									]
+								}),
+								/* @__PURE__ */ h("div", {
+									className: "flex items-center justify-between gap-4 rounded-xl bg-bg-sunken/60 p-3",
+									children: [/* @__PURE__ */ h("div", {
+										className: "min-w-0",
+										children: [/* @__PURE__ */ m(y, {
+											htmlFor: "meal-favorite",
+											className: "cursor-pointer",
+											children: "Favorite"
+										}), /* @__PURE__ */ m("p", {
+											className: "text-xs text-text-tertiary",
+											children: "Save for quick re-log"
+										})]
+									}), /* @__PURE__ */ m(Re, {
+										id: "meal-favorite",
+										checked: B.isFavorite,
+										onCheckedChange: (e) => V({
+											...B,
+											isFavorite: e
+										})
+									})]
+								})
+							]
+						}),
+						/* @__PURE__ */ h(S, { children: [/* @__PURE__ */ m(g, {
+							variant: "outline",
+							onClick: () => z(!1),
+							disabled: F.isPending,
+							children: "Cancel"
+						}), /* @__PURE__ */ m(g, {
+							onClick: dt,
+							disabled: F.isPending,
+							children: F.isPending ? "Logging…" : "Log meal"
+						})] })
+					]
+				})
+			}),
+			/* @__PURE__ */ m(b, {
+				open: it,
+				onOpenChange: U,
+				children: /* @__PURE__ */ h(je, {
+					className: "sm:max-w-lg",
+					children: [
+						/* @__PURE__ */ h(C, { children: [/* @__PURE__ */ m(Me, { children: W === "edit" ? "Edit nutrition targets" : "Create nutrition plan" }), /* @__PURE__ */ m(x, { children: W === "edit" ? "Update your calorie and macro targets for this plan." : "Set your daily calorie and macro targets." })] }),
+						/* @__PURE__ */ h("div", {
+							className: "space-y-4 py-2",
+							children: [
+								ot && /* @__PURE__ */ m("div", {
+									className: "rounded-lg border border-status-error-text/40 bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
+									children: ot
+								}),
+								/* @__PURE__ */ h("div", {
+									className: "space-y-1.5",
+									children: [/* @__PURE__ */ m(y, {
+										htmlFor: "plan-name",
+										children: "Name"
+									}), /* @__PURE__ */ m(v, {
+										id: "plan-name",
+										value: G.name,
+										onChange: (e) => K({
+											...G,
+											name: e.target.value
+										}),
+										placeholder: "Lean bulk — Q3"
+									})]
+								}),
+								/* @__PURE__ */ h("div", {
+									className: "space-y-1.5",
+									children: [/* @__PURE__ */ m(y, {
+										htmlFor: "plan-goal",
+										children: "Goal type"
+									}), /* @__PURE__ */ h(Ne, {
+										value: G.goalType,
+										onValueChange: (e) => K({
+											...G,
+											goalType: e
+										}),
+										children: [/* @__PURE__ */ m(Ie, {
+											id: "plan-goal",
+											children: /* @__PURE__ */ m(Le, {})
+										}), /* @__PURE__ */ m(Pe, { children: Ve.map((e) => /* @__PURE__ */ m(Fe, {
+											value: e,
+											children: r(e)
+										}, e)) })]
+									})]
+								}),
+								/* @__PURE__ */ h("div", {
+									className: "grid grid-cols-2 gap-3",
+									children: [
+										/* @__PURE__ */ h("div", {
+											className: "space-y-1.5",
+											children: [/* @__PURE__ */ m(y, {
+												htmlFor: "plan-calories",
+												children: "Calorie target (kcal)"
+											}), /* @__PURE__ */ m(v, {
+												id: "plan-calories",
+												type: "number",
+												min: 0,
+												value: G.calorieTarget,
+												onChange: (e) => K({
+													...G,
+													calorieTarget: e.target.value
+												}),
+												placeholder: "2400"
+											})]
+										}),
+										/* @__PURE__ */ h("div", {
+											className: "space-y-1.5",
+											children: [/* @__PURE__ */ m(y, {
+												htmlFor: "plan-protein",
+												children: "Protein target (g)"
+											}), /* @__PURE__ */ m(v, {
+												id: "plan-protein",
+												type: "number",
+												min: 0,
+												value: G.proteinTarget,
+												onChange: (e) => K({
+													...G,
+													proteinTarget: e.target.value
+												}),
+												placeholder: "180"
+											})]
+										}),
+										/* @__PURE__ */ h("div", {
+											className: "space-y-1.5",
+											children: [/* @__PURE__ */ m(y, {
+												htmlFor: "plan-carbs",
+												children: "Carbs target (g)"
+											}), /* @__PURE__ */ m(v, {
+												id: "plan-carbs",
+												type: "number",
+												min: 0,
+												value: G.carbsTarget,
+												onChange: (e) => K({
+													...G,
+													carbsTarget: e.target.value
+												}),
+												placeholder: "250"
+											})]
+										}),
+										/* @__PURE__ */ h("div", {
+											className: "space-y-1.5",
+											children: [/* @__PURE__ */ m(y, {
+												htmlFor: "plan-fat",
+												children: "Fat target (g)"
+											}), /* @__PURE__ */ m(v, {
+												id: "plan-fat",
+												type: "number",
+												min: 0,
+												value: G.fatTarget,
+												onChange: (e) => K({
+													...G,
+													fatTarget: e.target.value
+												}),
+												placeholder: "70"
+											})]
+										})
+									]
+								}),
+								/* @__PURE__ */ h("div", {
+									className: "grid grid-cols-2 gap-3",
+									children: [/* @__PURE__ */ h("div", {
+										className: "space-y-1.5",
+										children: [/* @__PURE__ */ m(y, {
+											htmlFor: "plan-start",
+											children: "Start date"
+										}), /* @__PURE__ */ m(v, {
+											id: "plan-start",
+											type: "date",
+											value: G.startDate,
+											onChange: (e) => K({
+												...G,
+												startDate: e.target.value
+											})
+										})]
+									}), /* @__PURE__ */ h("div", {
+										className: "space-y-1.5",
+										children: [/* @__PURE__ */ m(y, {
+											htmlFor: "plan-end",
+											children: "End date"
+										}), /* @__PURE__ */ m(v, {
+											id: "plan-end",
+											type: "date",
+											value: G.endDate,
+											onChange: (e) => K({
+												...G,
+												endDate: e.target.value
+											})
+										})]
+									})]
+								}),
+								/* @__PURE__ */ h("div", {
+									className: "space-y-1.5",
+									children: [/* @__PURE__ */ m(y, {
+										htmlFor: "plan-notes",
+										children: "Notes"
+									}), /* @__PURE__ */ m(ze, {
+										id: "plan-notes",
+										value: G.notes,
+										onChange: (e) => K({
+											...G,
+											notes: e.target.value
+										}),
+										placeholder: "Coaching notes, refeed schedule, supplements…",
+										rows: 3
+									})]
+								})
+							]
+						}),
+						/* @__PURE__ */ h(S, { children: [/* @__PURE__ */ m(g, {
+							variant: "outline",
+							onClick: () => U(!1),
+							disabled: $,
+							children: "Cancel"
+						}), /* @__PURE__ */ m(g, {
+							onClick: ft,
+							disabled: $,
+							children: $ ? "Saving…" : W === "edit" ? "Save targets" : "Create plan"
+						})] })
+					]
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { O as NutritionPage };
+
+//# sourceMappingURL=NutritionPage.js.map