@burdenoff/microfe-mybodyshield 2026.705.2 → 2026.706.1

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

@@ -1,11 +1,12 @@
-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 { motion as e } from "../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
+import { useReducedMotion as t } from "../../../node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.js";
+import { PageLayout as n } from "../../components/PageLayout.js";
+import { formatDate as r, formatEnumLabel as i, formatGrams as a, formatKcal as ee, formatNumber as o, formatRelativeTime as te } from "../../utils/formatters.js";
+import { StatusBadge as s } from "../../components/StatusBadge.js";
+import { ErrorView as c, LoadingView as l, Section as ne } from "../../components/StateViews.js";
+import { EmptyState as u } from "../../components/EmptyState.js";
+import { IconChip as d, MACRO_HUE as f, MacroBar as re, Meter as ie, ProgressRing as ae } from "../_shared/visuals.js";
+import { useMybActivateNutritionPlan as oe, 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";
@@ -13,55 +14,55 @@ 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";
+import { useMemo as ye, useState as p } from "react";
+import { Beef as be, Calendar as xe, CheckCircle2 as m, ClipboardList as Se, Droplet as Ce, Flame as we, Pencil as Te, Plus as h, Salad as Ee, Star as g, Trash2 as De, UtensilsCrossed as Oe, Wheat as ke } from "lucide-react";
+import { Fragment as Ae, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { Button as y, GlassCard as b, Input as x, Label as S, ResponsiveDialog as je, ResponsiveDialogContent as Me, ResponsiveDialogDescription as Ne, ResponsiveDialogFooter as Pe, ResponsiveDialogHeader as Fe, ResponsiveDialogTitle as Ie, Select as Le, SelectContent as Re, SelectItem as ze, SelectTrigger as Be, SelectValue as Ve, Switch as He, Textarea as Ue } from "@burdenoff/fe-libs/ui";
 //#region src/mybodyshield/pages/nutrition/NutritionPage.tsx
-var w = 25, Be = [
+var C = 25, We = [
 	"BREAKFAST",
 	"LUNCH",
 	"DINNER",
 	"SNACK"
-], Ve = [
+], Ge = [
 	"WEIGHT_LOSS",
 	"MUSCLE_GAIN",
 	"STRENGTH",
 	"ENDURANCE",
 	"MOBILITY",
 	"GENERAL_FITNESS"
-], He = [
+], Ke = [
 	{
 		value: "today",
 		label: "Today",
-		icon: /* @__PURE__ */ m(we, { className: "h-4 w-4" })
+		icon: /* @__PURE__ */ _(we, { className: "h-4 w-4" })
 	},
 	{
 		value: "plan",
 		label: "Plan",
-		icon: /* @__PURE__ */ m(Se, { className: "h-4 w-4" })
+		icon: /* @__PURE__ */ _(Se, { className: "h-4 w-4" })
 	},
 	{
 		value: "meals",
 		label: "Meals",
-		icon: /* @__PURE__ */ m(Oe, { className: "h-4 w-4" })
+		icon: /* @__PURE__ */ _(Oe, { className: "h-4 w-4" })
 	}
-], Ue = [{
+], qe = [{
 	value: "ALL",
 	label: "All"
-}, ...Be.map((e) => ({
+}, ...We.map((e) => ({
 	value: e,
-	label: r(e)
-}))], T = (e) => {
+	label: i(e)
+}))], w = (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) => {
+}, T = (e) => e ? String(e) : "", Je = (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 = {
+}, Ye = (e) => e ? new Date(e).toISOString() : void 0, E = {
 	name: "",
 	mealType: "BREAKFAST",
 	calories: "",
@@ -70,7 +71,7 @@ var w = 25, Be = [
 	fatG: "",
 	servings: "",
 	isFavorite: !1
-}, Ke = {
+}, Xe = {
 	name: "",
 	goalType: "GENERAL_FITNESS",
 	calorieTarget: "",
@@ -81,38 +82,38 @@ var w = 25, Be = [
 	endDate: "",
 	notes: ""
 };
-function O() {
-	let [O, qe] = d("today"), k = ue(), A = ce(), j = u({}), [M, Je] = d("ALL"), N = me(w), P = u({
+function D() {
+	let [D, Ze] = p("today"), O = t(), k = le(), A = se(), j = fe({}), [M, Qe] = p("ALL"), N = me(C), P = fe({
 		mealType: M === "ALL" ? void 0 : M,
 		pagination: {
-			limit: w,
+			limit: C,
 			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(() => {
+	}), F = de(), $e = ue(), et = ce(), tt = pe(), I = oe(), [nt, L] = p(null), [rt, it] = p(null), [at, R] = p(null), [ot, z] = p(!1), [B, V] = p(E), [st, H] = p(null), [ct, U] = p(!1), [W, lt] = p("create"), [G, K] = p(Xe), [ut, q] = p(null), dt = A.data ?? null, J = at ?? dt, 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({
+	}, [j.data]), ft = P.data?.items ?? [], pt = (e) => {
+		Qe(e), N.reset();
+	}, X = () => {
+		V(E), H(null), z(!0);
+	}, mt = () => {
+		lt("create"), K(Xe), q(null), U(!0);
+	}, ht = () => {
+		J && (lt("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),
+			calorieTarget: T(J.calorieTarget),
+			proteinTarget: T(J.proteinTarget),
+			carbsTarget: T(J.carbsTarget),
+			fatTarget: T(J.fatTarget),
+			startDate: Je(J.startDate),
+			endDate: Je(J.endDate),
 			notes: J.notes ?? ""
 		}), q(null), U(!0));
-	}, dt = async () => {
+	}, gt = async () => {
 		if (!B.name.trim()) {
 			H("Meal name is required.");
 			return;
@@ -122,19 +123,19 @@ function O() {
 			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),
+				calories: w(B.calories),
+				proteinG: w(B.proteinG),
+				carbsG: w(B.carbsG),
+				fatG: w(B.fatG),
+				servings: w(B.servings),
 				isFavorite: B.isFavorite,
 				planId: J?.id ?? void 0,
 				loggedAt: (/* @__PURE__ */ new Date()).toISOString()
-			}), z(!1), V(D);
+			}), z(!1), V(E);
 		} catch (e) {
 			H(e instanceof Error ? e.message : "Failed to log meal.");
 		}
-	}, ft = async () => {
+	}, _t = async () => {
 		if (!G.name.trim()) {
 			q("Plan name is required.");
 			return;
@@ -142,17 +143,17 @@ function O() {
 		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),
+			calorieTarget: w(G.calorieTarget),
+			proteinTarget: w(G.proteinTarget),
+			carbsTarget: w(G.carbsTarget),
+			fatTarget: w(G.fatTarget),
+			startDate: Ye(G.startDate),
+			endDate: Ye(G.endDate),
 			notes: G.notes.trim() || void 0
 		};
 		try {
 			if (W === "edit" && J) {
-				let t = await Ze.mutateAsync({
+				let t = await tt.mutateAsync({
 					id: J.id,
 					input: {
 						name: G.name.trim(),
@@ -160,506 +161,672 @@ function O() {
 					}
 				});
 				R((e) => e && e.id === t.id ? t : e);
-			} else R(await Xe.mutateAsync({
+			} else R(await et.mutateAsync({
 				name: G.name.trim(),
 				...e
-			})), qe("plan");
+			})), Ze("plan");
 			U(!1);
 		} catch (e) {
 			q(e instanceof Error ? e.message : "Failed to save plan.");
 		}
-	}, pt = async (e) => {
+	}, vt = 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) => {
+	}, yt = async (e) => {
 		if (window.confirm("Delete this meal log? This cannot be undone.")) {
-			et(e), L(null);
+			it(e), L(null);
 			try {
-				await Ye.mutateAsync(e);
+				await $e.mutateAsync(e);
 			} catch (e) {
 				L(e instanceof Error ? e.message : "Failed to delete meal.");
 			} finally {
-				et(null);
+				it(null);
 			}
 		}
-	}, $ = W === "edit" ? Ze.isPending : Xe.isPending;
-	return /* @__PURE__ */ h(e, {
+	}, Z = W === "edit" ? tt.isPending : et.isPending, Q = {
+		hidden: {},
+		show: { transition: {
+			staggerChildren: O ? 0 : .06,
+			delayChildren: O ? 0 : .03
+		} }
+	}, $ = {
+		hidden: O ? { opacity: 0 } : {
+			opacity: 0,
+			y: 14
+		},
+		show: {
+			opacity: 1,
+			y: 0,
+			transition: {
+				duration: O ? .2 : .45,
+				ease: "easeOut"
+			}
+		}
+	}, bt = [
+		{
+			key: "favorite",
+			header: /* @__PURE__ */ _(g, {
+				className: "h-3.5 w-3.5 text-action-primary-bg",
+				"aria-hidden": "true"
+			}),
+			align: "center",
+			sortValue: (e) => +!!e.isFavorite,
+			render: (e) => /* @__PURE__ */ v("span", {
+				className: "inline-flex",
+				title: e.isFavorite ? "Favorite meal" : "Not a favorite",
+				children: [/* @__PURE__ */ _(g, { className: `h-4 w-4 transition-colors ${e.isFavorite ? "fill-current text-action-primary-bg" : "text-text-tertiary"}` }), /* @__PURE__ */ _("span", {
+					className: "sr-only",
+					children: e.isFavorite ? "Favorite" : "Not favorite"
+				})]
+			})
+		},
+		{
+			key: "name",
+			header: "Meal",
+			render: (e) => /* @__PURE__ */ _("span", {
+				className: "font-medium text-text-primary",
+				children: e.name
+			})
+		},
+		{
+			key: "mealType",
+			header: "Type",
+			render: (e) => /* @__PURE__ */ _(s, { status: e.mealType })
+		},
+		{
+			key: "calories",
+			header: "Calories",
+			align: "right",
+			sortValue: (e) => e.calories,
+			render: (e) => /* @__PURE__ */ _("span", {
+				className: "font-semibold tabular-nums text-text-primary",
+				children: ee(e.calories)
+			})
+		},
+		{
+			key: "proteinG",
+			header: "Protein",
+			align: "right",
+			hideOnMobile: !0,
+			sortValue: (e) => e.proteinG,
+			render: (e) => /* @__PURE__ */ _("span", {
+				className: "tabular-nums text-text-secondary",
+				children: a(e.proteinG)
+			})
+		},
+		{
+			key: "carbsG",
+			header: "Carbs",
+			align: "right",
+			hideOnMobile: !0,
+			sortValue: (e) => e.carbsG,
+			render: (e) => /* @__PURE__ */ _("span", {
+				className: "tabular-nums text-text-secondary",
+				children: a(e.carbsG)
+			})
+		},
+		{
+			key: "fatG",
+			header: "Fat",
+			align: "right",
+			hideOnMobile: !0,
+			sortValue: (e) => e.fatG,
+			render: (e) => /* @__PURE__ */ _("span", {
+				className: "tabular-nums text-text-secondary",
+				children: a(e.fatG)
+			})
+		},
+		{
+			key: "servings",
+			header: "Servings",
+			align: "right",
+			sortValue: (e) => e.servings,
+			render: (e) => /* @__PURE__ */ _("span", {
+				className: "tabular-nums",
+				children: o(e.servings)
+			})
+		},
+		{
+			key: "loggedAt",
+			header: "Logged",
+			hideOnMobile: !0,
+			sortValue: (e) => new Date(e.loggedAt).getTime(),
+			render: (e) => /* @__PURE__ */ _("span", {
+				className: "text-text-secondary",
+				children: te(e.loggedAt)
+			})
+		},
+		{
+			key: "actions",
+			header: "",
+			align: "right",
+			render: (e) => /* @__PURE__ */ _(y, {
+				variant: "ghost",
+				size: "icon-sm",
+				onClick: () => yt(e.id),
+				disabled: rt === e.id,
+				"aria-label": "Delete meal",
+				children: /* @__PURE__ */ _(De, { className: "h-4 w-4 text-status-error-text" })
+			})
+		}
+	];
+	return /* @__PURE__ */ v(n, {
 		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", {
+		actions: D === "plan" ? /* @__PURE__ */ v("div", {
 			className: "flex flex-wrap items-center gap-2",
-			children: [J && /* @__PURE__ */ h(g, {
+			children: [J && /* @__PURE__ */ v(y, {
 				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"]
+				onClick: ht,
+				children: [/* @__PURE__ */ _(Te, { className: "mr-1.5 h-4 w-4" }), " Edit targets"]
+			}), /* @__PURE__ */ v(y, {
+				onClick: mt,
+				children: [/* @__PURE__ */ _(h, { className: "mr-1.5 h-4 w-4" }), " Create plan"]
 			})]
-		}) : void 0,
+		}) : /* @__PURE__ */ v(y, {
+			onClick: X,
+			children: [/* @__PURE__ */ _(h, { className: "mr-1.5 h-4 w-4" }), " Log meal"]
+		}),
 		children: [
-			/* @__PURE__ */ m(_e, {
-				items: He,
-				value: O,
-				onChange: qe,
+			/* @__PURE__ */ _(_e, {
+				items: Ke,
+				value: D,
+				onChange: Ze,
 				className: "mb-6"
 			}),
-			Qe && /* @__PURE__ */ m("div", {
+			nt && /* @__PURE__ */ _("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
+				children: nt
 			}),
-			O === "today" && (() => {
-				if (k.isLoading) return /* @__PURE__ */ m(c, { label: "Loading today's nutrition…" });
-				if (k.isError) return /* @__PURE__ */ m(s, {
+			D === "today" && (() => {
+				if (k.isLoading) return /* @__PURE__ */ _(l, { label: "Loading today's nutrition…" });
+				if (k.isError) return /* @__PURE__ */ _(c, {
 					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, {
+				let t = k.data;
+				if (!t) return /* @__PURE__ */ _(l, { label: "Loading today's nutrition…" });
+				let n = t.calorieTarget > 0, r = t.calories > 0 || Y.length > 0;
+				if (!n && !r) return /* @__PURE__ */ _(u, {
 					illustration: "empty-data",
-					icon: /* @__PURE__ */ m(Ee, { className: "h-10 w-10" }),
+					icon: /* @__PURE__ */ _(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"]
+					action: /* @__PURE__ */ v(y, {
+						onClick: X,
+						children: [/* @__PURE__ */ _(h, { className: "mr-1.5 h-4 w-4" }), " Log meal"]
 					})
 				});
-				let r = e.calorieTarget ? e.calories / e.calorieTarget * 100 : 0;
-				return /* @__PURE__ */ h("div", {
+				let i = t.calorieTarget ? t.calories / t.calorieTarget * 100 : 0, te = Math.round(Math.max(0, Math.min(100, i))), d = [
+					{
+						label: "Protein",
+						value: t.proteinG,
+						target: t.proteinTarget,
+						color: f.protein
+					},
+					{
+						label: "Carbs",
+						value: t.carbsG,
+						target: t.carbsTarget,
+						color: f.carbs
+					},
+					{
+						label: "Fat",
+						value: t.fatG,
+						target: t.fatTarget,
+						color: f.fat
+					}
+				];
+				return /* @__PURE__ */ v(e.div, {
+					initial: "hidden",
+					animate: "show",
+					variants: Q,
 					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"
-									]
+					children: [
+						/* @__PURE__ */ _(e.div, {
+							variants: $,
+							children: /* @__PURE__ */ v(b, {
+								treatment: "glass",
+								glow: !0,
+								className: "p-6 sm:p-7",
+								children: [/* @__PURE__ */ v("div", {
+									className: "mb-5",
+									children: [/* @__PURE__ */ _("h2", {
+										className: "text-base font-semibold text-text-primary",
+										children: "Today's macros"
+									}), /* @__PURE__ */ _("p", {
+										className: "mt-0.5 text-sm text-text-secondary",
+										children: "Calories & macros logged against your active plan."
+									})]
+								}), /* @__PURE__ */ v("div", {
+									className: "flex flex-col items-center gap-6 sm:flex-row sm:items-center sm:gap-8",
+									children: [/* @__PURE__ */ v("div", {
+										className: "relative flex shrink-0 items-center justify-center",
+										children: [/* @__PURE__ */ _("div", {
+											"aria-hidden": "true",
+											className: "pointer-events-none absolute inset-3 rounded-full blur-2xl",
+											style: { background: "radial-gradient(circle, color-mix(in srgb, var(--color-action-primary-bg) 30%, transparent), transparent 68%)" }
+										}), /* @__PURE__ */ v(ae, {
+											value: i,
+											size: 168,
+											stroke: 14,
+											className: "relative",
+											children: [/* @__PURE__ */ _("span", {
+												className: "text-3xl font-bold tabular-nums text-text-primary",
+												children: o(t.calories)
+											}), /* @__PURE__ */ v("span", {
+												className: "mt-0.5 text-xs text-text-tertiary",
+												children: [
+													"/ ",
+													o(t.calorieTarget),
+													" kcal"
+												]
+											})]
+										})]
+									}), /* @__PURE__ */ v("div", {
+										className: "flex w-full flex-1 flex-col gap-4",
+										children: [/* @__PURE__ */ _(re, {
+											proteinG: t.proteinG,
+											carbsG: t.carbsG,
+											fatG: t.fatG,
+											height: 12
+										}), /* @__PURE__ */ v("div", {
+											className: "flex flex-col gap-4 sm:flex-row sm:items-stretch",
+											children: [/* @__PURE__ */ _("div", {
+												className: "flex-1 space-y-2.5",
+												children: d.map((e) => /* @__PURE__ */ v("div", {
+													className: "flex items-center justify-between gap-3",
+													children: [/* @__PURE__ */ v("span", {
+														className: "inline-flex items-center gap-2 text-sm text-text-secondary",
+														children: [/* @__PURE__ */ _("span", {
+															className: "h-2.5 w-2.5 rounded-full",
+															style: { backgroundColor: e.color }
+														}), e.label]
+													}), /* @__PURE__ */ _("span", {
+														className: "text-sm font-semibold tabular-nums text-text-primary",
+														children: a(e.value)
+													})]
+												}, e.label))
+											}), /* @__PURE__ */ v("div", {
+												className: "flex flex-col justify-center rounded-2xl px-4 py-3 sm:min-w-[9rem]",
+												style: { backgroundColor: "color-mix(in srgb, var(--color-action-primary-bg) 12%, transparent)" },
+												children: [
+													/* @__PURE__ */ _("span", {
+														className: "text-xs font-medium text-text-tertiary",
+														children: "Calorie ring"
+													}),
+													/* @__PURE__ */ v("span", {
+														className: "text-2xl font-bold tabular-nums text-action-primary-bg",
+														children: [te, "%"]
+													}),
+													/* @__PURE__ */ _("span", {
+														className: "text-xs text-text-secondary",
+														children: "of daily target"
+													})
+												]
+											})]
+										})]
+									})]
 								})]
-							}), /* @__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",
+							})
+						}),
+						/* @__PURE__ */ _(e.div, {
+							variants: Q,
+							className: "grid grid-cols-1 gap-3 sm:grid-cols-3 sm:gap-4",
+							children: d.map((t) => /* @__PURE__ */ _(e.div, {
+								variants: $,
+								children: /* @__PURE__ */ v(b, {
+									treatment: "metric",
+									className: "p-4",
+									children: [/* @__PURE__ */ v("div", {
+										className: "flex flex-wrap items-center justify-between gap-2",
+										children: [/* @__PURE__ */ v("span", {
+											className: "inline-flex items-center gap-2 text-sm font-medium text-text-primary",
+											children: [/* @__PURE__ */ _("span", {
+												className: "h-2.5 w-2.5 rounded-full",
+												style: { backgroundColor: t.color }
+											}), t.label]
+										}), /* @__PURE__ */ v("span", {
+											className: "text-sm tabular-nums text-text-secondary",
+											children: [
+												/* @__PURE__ */ _("span", {
+													className: "font-semibold text-text-primary",
+													children: o(t.value)
+												}),
+												" ",
+												"/ ",
+												o(t.target),
+												" g"
+											]
+										})]
+									}), /* @__PURE__ */ _(ie, {
+										value: t.target ? t.value / t.target * 100 : 0,
+										color: t.color,
+										height: 8,
+										className: "mt-3"
+									})]
+								})
+							}, t.label))
+						}),
+						/* @__PURE__ */ _(e.div, {
+							variants: $,
+							children: /* @__PURE__ */ _(ne, {
+								title: "Today's meals",
+								description: "Everything you've logged today.",
+								children: j.isLoading ? /* @__PURE__ */ _(l, { label: "Loading meals…" }) : j.isError ? /* @__PURE__ */ _(c, {
+									message: "We couldn't load today's meals.",
+									onRetry: () => j.refetch()
+								}) : Y.length === 0 ? /* @__PURE__ */ _(u, {
+									illustration: "empty-data",
+									icon: /* @__PURE__ */ _(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__ */ v(y, {
+										onClick: X,
+										children: [/* @__PURE__ */ _(h, { className: "mr-1.5 h-4 w-4" }), " Log meal"]
+									})
+								}) : /* @__PURE__ */ _(b, {
+									treatment: "plain",
+									className: "divide-y divide-border-seam/60 px-2 sm:px-3",
+									children: Y.map((e) => /* @__PURE__ */ v("div", {
+										className: "flex items-center gap-3 rounded-xl px-2 py-3 transition-colors hover:bg-bg-sunken/40",
 										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",
+											/* @__PURE__ */ _(s, { status: e.mealType }),
+											/* @__PURE__ */ v("div", {
+												className: "min-w-0 flex-1",
+												children: [/* @__PURE__ */ v("div", {
+													className: "flex items-center gap-1.5",
+													children: [/* @__PURE__ */ _("p", {
+														className: "truncate text-sm font-medium text-text-primary",
+														children: e.name
+													}), e.isFavorite && /* @__PURE__ */ _(g, {
+														className: "h-3.5 w-3.5 shrink-0 fill-current text-action-primary-bg",
+														"aria-label": "Favorite meal"
+													})]
+												}), /* @__PURE__ */ v("p", {
+													className: "text-xs text-text-tertiary",
 													children: [
+														a(e.proteinG),
+														" P · ",
+														a(e.carbsG),
+														" C ·",
 														" ",
-														"/ ",
-														a(n),
-														" g"
+														a(e.fatG),
+														" F · ",
+														o(e.servings),
+														" serving",
+														e.servings === 1 ? "" : "s"
 													]
 												})]
 											}),
-											/* @__PURE__ */ m(ae, {
-												value: n ? t / n * 100 : 0,
-												height: 4,
-												className: "mt-2"
+											/* @__PURE__ */ _("span", {
+												className: "shrink-0 text-sm font-semibold tabular-nums text-text-primary",
+												children: ee(e.calories)
+											}),
+											/* @__PURE__ */ _(y, {
+												variant: "ghost",
+												size: "icon-sm",
+												onClick: () => yt(e.id),
+												disabled: rt === e.id,
+												"aria-label": "Delete meal",
+												className: "shrink-0",
+												children: /* @__PURE__ */ _(De, { className: "h-4 w-4 text-status-error-text" })
 											})
 										]
-									}, 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"]
+									}, e.id))
+								})
 							})
-						}) : /* @__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, {
+			D === "plan" && (() => {
+				if (A.isLoading) return /* @__PURE__ */ _(l, { label: "Loading your nutrition plan…" });
+				if (A.isError) return /* @__PURE__ */ _(c, {
 					message: "We couldn't load your active nutrition plan.",
 					onRetry: () => A.refetch()
 				});
-				if (!J) return /* @__PURE__ */ m(l, {
+				if (!J) return /* @__PURE__ */ _(u, {
 					illustration: "empty-data",
-					icon: /* @__PURE__ */ m(Se, { className: "h-10 w-10" }),
+					icon: /* @__PURE__ */ _(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"]
+					action: /* @__PURE__ */ v(y, {
+						onClick: mt,
+						children: [/* @__PURE__ */ _(h, { className: "mr-1.5 h-4 w-4" }), " Create plan"]
 					})
 				});
-				let e = [
+				let t = [
 					{
-						icon: /* @__PURE__ */ m(we, { className: "h-5 w-5" }),
+						icon: /* @__PURE__ */ _(we, { className: "h-5 w-5" }),
 						label: "Calorie target",
-						value: J.calorieTarget ? `${a(J.calorieTarget)} kcal` : "—"
+						value: J.calorieTarget ? `${o(J.calorieTarget)} kcal` : "—",
+						tint: "var(--color-action-primary-bg)"
 					},
 					{
-						icon: /* @__PURE__ */ m(be, { className: "h-5 w-5" }),
+						icon: /* @__PURE__ */ _(be, { className: "h-5 w-5" }),
 						label: "Protein target",
-						value: J.proteinTarget ? i(J.proteinTarget) : "—"
+						value: J.proteinTarget ? a(J.proteinTarget) : "—",
+						tint: f.protein
 					},
 					{
-						icon: /* @__PURE__ */ m(ke, { className: "h-5 w-5" }),
+						icon: /* @__PURE__ */ _(ke, { className: "h-5 w-5" }),
 						label: "Carbs target",
-						value: J.carbsTarget ? i(J.carbsTarget) : "—"
+						value: J.carbsTarget ? a(J.carbsTarget) : "—",
+						tint: f.carbs
 					},
 					{
-						icon: /* @__PURE__ */ m(Ce, { className: "h-5 w-5" }),
+						icon: /* @__PURE__ */ _(Ce, { className: "h-5 w-5" }),
 						label: "Fat target",
-						value: J.fatTarget ? i(J.fatTarget) : "—"
+						value: J.fatTarget ? a(J.fatTarget) : "—",
+						tint: f.fat
 					}
 				];
-				return /* @__PURE__ */ h("div", {
+				return /* @__PURE__ */ v(e.div, {
+					initial: "hidden",
+					animate: "show",
+					variants: Q,
 					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."
+						!J.isActive && /* @__PURE__ */ v(e.div, {
+							variants: $,
+							className: "flex flex-wrap items-center justify-between gap-3 rounded-2xl border p-4",
+							style: {
+								borderColor: "color-mix(in srgb, var(--color-action-primary-bg) 32%, transparent)",
+								backgroundColor: "color-mix(in srgb, var(--color-action-primary-bg) 8%, transparent)"
+							},
+							children: [/* @__PURE__ */ v("div", {
+								className: "flex min-w-0 items-center gap-3",
+								children: [/* @__PURE__ */ _(d, { icon: /* @__PURE__ */ _(m, { className: "h-5 w-5" }) }), /* @__PURE__ */ v("div", {
+									className: "min-w-0",
+									children: [/* @__PURE__ */ _("p", {
+										className: "text-sm font-medium text-text-primary",
+										children: "This plan isn't active yet"
+									}), /* @__PURE__ */ _("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),
+							}), /* @__PURE__ */ v(y, {
+								onClick: () => vt(J.id),
 								disabled: I.isPending,
-								children: [/* @__PURE__ */ m(xe, { className: "mr-1.5 h-4 w-4" }), I.isPending ? "Activating…" : "Activate this plan"]
+								children: [/* @__PURE__ */ _(m, { 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__ */ _(e.div, {
+							variants: $,
+							children: /* @__PURE__ */ v(b, {
+								treatment: "glass",
+								glow: !0,
+								className: "relative overflow-hidden p-6 sm:p-7",
+								children: [
+									/* @__PURE__ */ _("div", {
+										"aria-hidden": "true",
+										className: "pointer-events-none absolute inset-0",
+										style: { background: "radial-gradient(120% 120% at 0% 0%, color-mix(in srgb, var(--color-action-primary-bg) 13%, transparent), transparent 55%)" }
+									}),
+									/* @__PURE__ */ v("div", {
+										className: "relative flex flex-wrap items-start justify-between gap-4",
+										children: [/* @__PURE__ */ v("div", {
+											className: "min-w-0",
+											children: [
+												/* @__PURE__ */ _("p", {
+													className: "text-xs font-semibold uppercase tracking-wide text-action-primary-bg",
+													children: J.isActive ? "Active plan" : "Nutrition plan"
+												}),
+												/* @__PURE__ */ v("div", {
+													className: "mt-1.5 flex flex-wrap items-baseline gap-x-2 gap-y-1",
+													children: [
+														/* @__PURE__ */ _("h2", {
+															className: "text-2xl font-bold text-text-primary",
+															children: J.name
+														}),
+														J.calorieTarget > 0 && /* @__PURE__ */ v("span", {
+															className: "text-lg font-semibold tabular-nums text-text-tertiary",
+															children: [o(J.calorieTarget), " kcal"]
+														}),
+														J.isActive ? /* @__PURE__ */ v("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, { className: "h-3.5 w-3.5" }), " Active"]
+														}) : /* @__PURE__ */ _("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"
+														})
+													]
+												}),
+												(J.startDate || J.endDate) && /* @__PURE__ */ v("p", {
+													className: "mt-2 inline-flex items-center gap-1.5 text-sm text-text-secondary",
+													children: [
+														/* @__PURE__ */ _(xe, { className: "h-4 w-4 text-text-tertiary" }),
+														r(J.startDate),
+														" – ",
+														r(J.endDate)
+													]
+												})
+											]
+										}), /* @__PURE__ */ v("div", {
+											className: "flex shrink-0 items-center gap-2",
+											children: [/* @__PURE__ */ _("span", {
+												className: "text-sm text-text-tertiary",
+												children: "Goal"
+											}), /* @__PURE__ */ _(s, { status: J.goalType })]
+										})]
+									}),
+									/* @__PURE__ */ _(e.div, {
+										variants: Q,
+										className: "relative mt-6 grid grid-cols-2 gap-3 sm:gap-4 lg:grid-cols-4",
+										children: t.map((t) => /* @__PURE__ */ v(e.div, {
+											variants: $,
+											className: "rounded-2xl border border-border-seam bg-bg-sunken/40 p-4 transition-shadow duration-200 hover:shadow-elevation-2",
+											children: [
+												/* @__PURE__ */ _(d, {
+													icon: t.icon,
+													tint: t.tint
+												}),
+												/* @__PURE__ */ _("p", {
+													className: "mt-3 text-xs text-text-tertiary",
+													children: t.label
+												}),
+												/* @__PURE__ */ _("p", {
+													className: "mt-1 text-xl font-bold tabular-nums text-text-primary",
+													children: t.value
+												})
+											]
+										}, t.label))
+									})
+								]
 							})
 						}),
-						/* @__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
+						J.notes && /* @__PURE__ */ _(e.div, {
+							variants: $,
+							children: /* @__PURE__ */ _(ne, {
+								title: "Notes",
+								children: /* @__PURE__ */ _(b, {
+									treatment: "plain",
+									className: "p-4",
+									children: /* @__PURE__ */ _("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, {
+			D === "meals" && (P.isLoading ? /* @__PURE__ */ _(l, { label: "Loading meal log…" }) : P.isError ? /* @__PURE__ */ _(c, {
 				message: "We couldn't load your meal log.",
 				onRetry: () => P.refetch()
-			}) : /* @__PURE__ */ h("div", {
+			}) : /* @__PURE__ */ v(e.div, {
+				initial: "hidden",
+				animate: "show",
+				variants: Q,
 				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"]
+				children: [/* @__PURE__ */ _(e.div, {
+					variants: $,
+					children: /* @__PURE__ */ _(ge, {
+						options: qe,
+						value: M,
+						onChange: pt
 					})
-				}) : /* @__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)
-							})
-						},
-						{
+				}), ft.length === 0 ? /* @__PURE__ */ _(e.div, {
+					variants: $,
+					children: /* @__PURE__ */ _(u, {
+						illustration: "empty-data",
+						icon: /* @__PURE__ */ _(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__ */ v(y, {
+							onClick: X,
+							children: [/* @__PURE__ */ _(h, { className: "mr-1.5 h-4 w-4" }), " Log meal"]
+						})
+					})
+				}) : /* @__PURE__ */ v(Ae, { children: [/* @__PURE__ */ _(e.div, {
+					variants: $,
+					children: /* @__PURE__ */ _(he, {
+						columns: bt,
+						rows: ft,
+						rowKey: (e) => e.id,
+						defaultSort: {
 							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" })
-							})
+							dir: "desc"
 						}
-					],
-					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__ */ _(e.div, {
+					variants: $,
+					children: /* @__PURE__ */ _(ve, {
+						page: N.page,
+						pageSize: C,
+						itemCount: ft.length,
+						hasMore: P.data?.pageInfo?.hasMore ?? !1,
+						onPageChange: (e) => N.onPageChange(e)
+					})
 				})] })]
 			})),
-			/* @__PURE__ */ m(b, {
-				open: nt,
+			/* @__PURE__ */ _(je, {
+				open: ot,
 				onOpenChange: z,
-				children: /* @__PURE__ */ h(je, {
+				children: /* @__PURE__ */ v(Me, {
 					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", {
+						/* @__PURE__ */ v(Fe, { children: [/* @__PURE__ */ _(Ie, { children: "Log a meal" }), /* @__PURE__ */ _(Ne, { children: "Record what you ate to update today's macros." })] }),
+						/* @__PURE__ */ v("div", {
 							className: "space-y-4 py-2",
 							children: [
-								rt && /* @__PURE__ */ m("div", {
+								st && /* @__PURE__ */ _("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
+									children: st
 								}),
-								/* @__PURE__ */ h("div", {
+								/* @__PURE__ */ v("div", {
 									className: "space-y-1.5",
-									children: [/* @__PURE__ */ m(y, {
+									children: [/* @__PURE__ */ _(S, {
 										htmlFor: "meal-name",
 										children: "Name"
-									}), /* @__PURE__ */ m(v, {
+									}), /* @__PURE__ */ _(x, {
 										id: "meal-name",
 										value: B.name,
 										onChange: (e) => V({
@@ -669,33 +836,33 @@ function O() {
 										placeholder: "Grilled chicken salad"
 									})]
 								}),
-								/* @__PURE__ */ h("div", {
+								/* @__PURE__ */ v("div", {
 									className: "grid grid-cols-2 gap-3",
-									children: [/* @__PURE__ */ h("div", {
+									children: [/* @__PURE__ */ v("div", {
 										className: "space-y-1.5",
-										children: [/* @__PURE__ */ m(y, {
+										children: [/* @__PURE__ */ _(S, {
 											htmlFor: "meal-type",
 											children: "Meal type"
-										}), /* @__PURE__ */ h(Ne, {
+										}), /* @__PURE__ */ v(Le, {
 											value: B.mealType,
 											onValueChange: (e) => V({
 												...B,
 												mealType: e
 											}),
-											children: [/* @__PURE__ */ m(Ie, {
+											children: [/* @__PURE__ */ _(Be, {
 												id: "meal-type",
-												children: /* @__PURE__ */ m(Le, {})
-											}), /* @__PURE__ */ m(Pe, { children: Be.map((e) => /* @__PURE__ */ m(Fe, {
+												children: /* @__PURE__ */ _(Ve, {})
+											}), /* @__PURE__ */ _(Re, { children: We.map((e) => /* @__PURE__ */ _(ze, {
 												value: e,
-												children: r(e)
+												children: i(e)
 											}, e)) })]
 										})]
-									}), /* @__PURE__ */ h("div", {
+									}), /* @__PURE__ */ v("div", {
 										className: "space-y-1.5",
-										children: [/* @__PURE__ */ m(y, {
+										children: [/* @__PURE__ */ _(S, {
 											htmlFor: "meal-servings",
 											children: "Servings"
-										}), /* @__PURE__ */ m(v, {
+										}), /* @__PURE__ */ _(x, {
 											id: "meal-servings",
 											type: "number",
 											min: 0,
@@ -709,15 +876,15 @@ function O() {
 										})]
 									})]
 								}),
-								/* @__PURE__ */ h("div", {
+								/* @__PURE__ */ v("div", {
 									className: "grid grid-cols-2 gap-3",
 									children: [
-										/* @__PURE__ */ h("div", {
+										/* @__PURE__ */ v("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ m(y, {
+											children: [/* @__PURE__ */ _(S, {
 												htmlFor: "meal-calories",
 												children: "Calories (kcal)"
-											}), /* @__PURE__ */ m(v, {
+											}), /* @__PURE__ */ _(x, {
 												id: "meal-calories",
 												type: "number",
 												min: 0,
@@ -729,12 +896,12 @@ function O() {
 												placeholder: "0"
 											})]
 										}),
-										/* @__PURE__ */ h("div", {
+										/* @__PURE__ */ v("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ m(y, {
+											children: [/* @__PURE__ */ _(S, {
 												htmlFor: "meal-protein",
 												children: "Protein (g)"
-											}), /* @__PURE__ */ m(v, {
+											}), /* @__PURE__ */ _(x, {
 												id: "meal-protein",
 												type: "number",
 												min: 0,
@@ -746,12 +913,12 @@ function O() {
 												placeholder: "0"
 											})]
 										}),
-										/* @__PURE__ */ h("div", {
+										/* @__PURE__ */ v("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ m(y, {
+											children: [/* @__PURE__ */ _(S, {
 												htmlFor: "meal-carbs",
 												children: "Carbs (g)"
-											}), /* @__PURE__ */ m(v, {
+											}), /* @__PURE__ */ _(x, {
 												id: "meal-carbs",
 												type: "number",
 												min: 0,
@@ -763,12 +930,12 @@ function O() {
 												placeholder: "0"
 											})]
 										}),
-										/* @__PURE__ */ h("div", {
+										/* @__PURE__ */ v("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ m(y, {
+											children: [/* @__PURE__ */ _(S, {
 												htmlFor: "meal-fat",
 												children: "Fat (g)"
-											}), /* @__PURE__ */ m(v, {
+											}), /* @__PURE__ */ _(x, {
 												id: "meal-fat",
 												type: "number",
 												min: 0,
@@ -782,19 +949,19 @@ function O() {
 										})
 									]
 								}),
-								/* @__PURE__ */ h("div", {
+								/* @__PURE__ */ v("div", {
 									className: "flex items-center justify-between gap-4 rounded-xl bg-bg-sunken/60 p-3",
-									children: [/* @__PURE__ */ h("div", {
+									children: [/* @__PURE__ */ v("div", {
 										className: "min-w-0",
-										children: [/* @__PURE__ */ m(y, {
+										children: [/* @__PURE__ */ _(S, {
 											htmlFor: "meal-favorite",
 											className: "cursor-pointer",
 											children: "Favorite"
-										}), /* @__PURE__ */ m("p", {
+										}), /* @__PURE__ */ _("p", {
 											className: "text-xs text-text-tertiary",
 											children: "Save for quick re-log"
 										})]
-									}), /* @__PURE__ */ m(Re, {
+									}), /* @__PURE__ */ _(He, {
 										id: "meal-favorite",
 										checked: B.isFavorite,
 										onCheckedChange: (e) => V({
@@ -805,39 +972,39 @@ function O() {
 								})
 							]
 						}),
-						/* @__PURE__ */ h(S, { children: [/* @__PURE__ */ m(g, {
+						/* @__PURE__ */ v(Pe, { children: [/* @__PURE__ */ _(y, {
 							variant: "outline",
 							onClick: () => z(!1),
 							disabled: F.isPending,
 							children: "Cancel"
-						}), /* @__PURE__ */ m(g, {
-							onClick: dt,
+						}), /* @__PURE__ */ _(y, {
+							onClick: gt,
 							disabled: F.isPending,
 							children: F.isPending ? "Logging…" : "Log meal"
 						})] })
 					]
 				})
 			}),
-			/* @__PURE__ */ m(b, {
-				open: it,
+			/* @__PURE__ */ _(je, {
+				open: ct,
 				onOpenChange: U,
-				children: /* @__PURE__ */ h(je, {
+				children: /* @__PURE__ */ v(Me, {
 					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", {
+						/* @__PURE__ */ v(Fe, { children: [/* @__PURE__ */ _(Ie, { children: W === "edit" ? "Edit nutrition targets" : "Create nutrition plan" }), /* @__PURE__ */ _(Ne, { children: W === "edit" ? "Update your calorie and macro targets for this plan." : "Set your daily calorie and macro targets." })] }),
+						/* @__PURE__ */ v("div", {
 							className: "space-y-4 py-2",
 							children: [
-								ot && /* @__PURE__ */ m("div", {
+								ut && /* @__PURE__ */ _("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
+									children: ut
 								}),
-								/* @__PURE__ */ h("div", {
+								/* @__PURE__ */ v("div", {
 									className: "space-y-1.5",
-									children: [/* @__PURE__ */ m(y, {
+									children: [/* @__PURE__ */ _(S, {
 										htmlFor: "plan-name",
 										children: "Name"
-									}), /* @__PURE__ */ m(v, {
+									}), /* @__PURE__ */ _(x, {
 										id: "plan-name",
 										value: G.name,
 										onChange: (e) => K({
@@ -847,35 +1014,35 @@ function O() {
 										placeholder: "Lean bulk — Q3"
 									})]
 								}),
-								/* @__PURE__ */ h("div", {
+								/* @__PURE__ */ v("div", {
 									className: "space-y-1.5",
-									children: [/* @__PURE__ */ m(y, {
+									children: [/* @__PURE__ */ _(S, {
 										htmlFor: "plan-goal",
 										children: "Goal type"
-									}), /* @__PURE__ */ h(Ne, {
+									}), /* @__PURE__ */ v(Le, {
 										value: G.goalType,
 										onValueChange: (e) => K({
 											...G,
 											goalType: e
 										}),
-										children: [/* @__PURE__ */ m(Ie, {
+										children: [/* @__PURE__ */ _(Be, {
 											id: "plan-goal",
-											children: /* @__PURE__ */ m(Le, {})
-										}), /* @__PURE__ */ m(Pe, { children: Ve.map((e) => /* @__PURE__ */ m(Fe, {
+											children: /* @__PURE__ */ _(Ve, {})
+										}), /* @__PURE__ */ _(Re, { children: Ge.map((e) => /* @__PURE__ */ _(ze, {
 											value: e,
-											children: r(e)
+											children: i(e)
 										}, e)) })]
 									})]
 								}),
-								/* @__PURE__ */ h("div", {
+								/* @__PURE__ */ v("div", {
 									className: "grid grid-cols-2 gap-3",
 									children: [
-										/* @__PURE__ */ h("div", {
+										/* @__PURE__ */ v("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ m(y, {
+											children: [/* @__PURE__ */ _(S, {
 												htmlFor: "plan-calories",
 												children: "Calorie target (kcal)"
-											}), /* @__PURE__ */ m(v, {
+											}), /* @__PURE__ */ _(x, {
 												id: "plan-calories",
 												type: "number",
 												min: 0,
@@ -887,12 +1054,12 @@ function O() {
 												placeholder: "2400"
 											})]
 										}),
-										/* @__PURE__ */ h("div", {
+										/* @__PURE__ */ v("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ m(y, {
+											children: [/* @__PURE__ */ _(S, {
 												htmlFor: "plan-protein",
 												children: "Protein target (g)"
-											}), /* @__PURE__ */ m(v, {
+											}), /* @__PURE__ */ _(x, {
 												id: "plan-protein",
 												type: "number",
 												min: 0,
@@ -904,12 +1071,12 @@ function O() {
 												placeholder: "180"
 											})]
 										}),
-										/* @__PURE__ */ h("div", {
+										/* @__PURE__ */ v("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ m(y, {
+											children: [/* @__PURE__ */ _(S, {
 												htmlFor: "plan-carbs",
 												children: "Carbs target (g)"
-											}), /* @__PURE__ */ m(v, {
+											}), /* @__PURE__ */ _(x, {
 												id: "plan-carbs",
 												type: "number",
 												min: 0,
@@ -921,12 +1088,12 @@ function O() {
 												placeholder: "250"
 											})]
 										}),
-										/* @__PURE__ */ h("div", {
+										/* @__PURE__ */ v("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ m(y, {
+											children: [/* @__PURE__ */ _(S, {
 												htmlFor: "plan-fat",
 												children: "Fat target (g)"
-											}), /* @__PURE__ */ m(v, {
+											}), /* @__PURE__ */ _(x, {
 												id: "plan-fat",
 												type: "number",
 												min: 0,
@@ -940,14 +1107,14 @@ function O() {
 										})
 									]
 								}),
-								/* @__PURE__ */ h("div", {
+								/* @__PURE__ */ v("div", {
 									className: "grid grid-cols-2 gap-3",
-									children: [/* @__PURE__ */ h("div", {
+									children: [/* @__PURE__ */ v("div", {
 										className: "space-y-1.5",
-										children: [/* @__PURE__ */ m(y, {
+										children: [/* @__PURE__ */ _(S, {
 											htmlFor: "plan-start",
 											children: "Start date"
-										}), /* @__PURE__ */ m(v, {
+										}), /* @__PURE__ */ _(x, {
 											id: "plan-start",
 											type: "date",
 											value: G.startDate,
@@ -956,12 +1123,12 @@ function O() {
 												startDate: e.target.value
 											})
 										})]
-									}), /* @__PURE__ */ h("div", {
+									}), /* @__PURE__ */ v("div", {
 										className: "space-y-1.5",
-										children: [/* @__PURE__ */ m(y, {
+										children: [/* @__PURE__ */ _(S, {
 											htmlFor: "plan-end",
 											children: "End date"
-										}), /* @__PURE__ */ m(v, {
+										}), /* @__PURE__ */ _(x, {
 											id: "plan-end",
 											type: "date",
 											value: G.endDate,
@@ -972,12 +1139,12 @@ function O() {
 										})]
 									})]
 								}),
-								/* @__PURE__ */ h("div", {
+								/* @__PURE__ */ v("div", {
 									className: "space-y-1.5",
-									children: [/* @__PURE__ */ m(y, {
+									children: [/* @__PURE__ */ _(S, {
 										htmlFor: "plan-notes",
 										children: "Notes"
-									}), /* @__PURE__ */ m(ze, {
+									}), /* @__PURE__ */ _(Ue, {
 										id: "plan-notes",
 										value: G.notes,
 										onChange: (e) => K({
@@ -990,15 +1157,15 @@ function O() {
 								})
 							]
 						}),
-						/* @__PURE__ */ h(S, { children: [/* @__PURE__ */ m(g, {
+						/* @__PURE__ */ v(Pe, { children: [/* @__PURE__ */ _(y, {
 							variant: "outline",
 							onClick: () => U(!1),
-							disabled: $,
+							disabled: Z,
 							children: "Cancel"
-						}), /* @__PURE__ */ m(g, {
-							onClick: ft,
-							disabled: $,
-							children: $ ? "Saving…" : W === "edit" ? "Save targets" : "Create plan"
+						}), /* @__PURE__ */ _(y, {
+							onClick: _t,
+							disabled: Z,
+							children: Z ? "Saving…" : W === "edit" ? "Save targets" : "Create plan"
 						})] })
 					]
 				})
@@ -1007,6 +1174,6 @@ function O() {
 	});
 }
 //#endregion
-export { O as NutritionPage };
+export { D as NutritionPage };
 
 //# sourceMappingURL=NutritionPage.js.map