@burdenoff/microfe-mybodyshield 2026.512.1 → 2026.705.1

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

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