@burdenoff/microfe-mybodyshield 2026.705.1 → 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 { 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 { 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,63 +14,64 @@ 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";
+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 E = 25, Pe = [
+var C = 25, We = [
 	"BREAKFAST",
 	"LUNCH",
 	"DINNER",
 	"SNACK"
-], Fe = [
+], Ge = [
 	"WEIGHT_LOSS",
 	"MUSCLE_GAIN",
 	"STRENGTH",
 	"ENDURANCE",
 	"MOBILITY",
 	"GENERAL_FITNESS"
-], Ie = [
+], Ke = [
 	{
 		value: "today",
 		label: "Today",
-		icon: /* @__PURE__ */ g(f, { className: "h-4 w-4" })
+		icon: /* @__PURE__ */ _(we, { className: "h-4 w-4" })
 	},
 	{
 		value: "plan",
 		label: "Plan",
-		icon: /* @__PURE__ */ g(d, { className: "h-4 w-4" })
+		icon: /* @__PURE__ */ _(Se, { className: "h-4 w-4" })
 	},
 	{
 		value: "meals",
 		label: "Meals",
-		icon: /* @__PURE__ */ g(Ce, { className: "h-4 w-4" })
+		icon: /* @__PURE__ */ _(Oe, { className: "h-4 w-4" })
 	}
-], Le = [{
+], qe = [{
 	value: "ALL",
 	label: "All"
-}, ...Pe.map((e) => ({
+}, ...We.map((e) => ({
 	value: e,
-	label: r(e)
-}))], D = (e) => {
+	label: i(e)
+}))], w = (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) => {
+}, 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);
-}, ze = (e) => e ? new Date(e).toISOString() : void 0, k = {
+}, Ye = (e) => e ? new Date(e).toISOString() : void 0, E = {
 	name: "",
 	mealType: "BREAKFAST",
 	calories: "",
 	proteinG: "",
 	carbsG: "",
 	fatG: "",
-	servings: ""
-}, A = {
+	servings: "",
+	isFavorite: !1
+}, Xe = {
 	name: "",
 	goalType: "GENERAL_FITNESS",
 	calorieTarget: "",
@@ -80,59 +82,60 @@ var E = 25, Pe = [
 	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,
+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: E,
-			offset: I.offset
+			limit: C,
+			offset: N.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();
+	}), 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());
-	}, [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({
+	}, [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: O(J.calorieTarget),
-			proteinTarget: O(J.proteinTarget),
-			carbsTarget: O(J.carbsTarget),
-			fatTarget: O(J.fatTarget),
-			startDate: Re(J.startDate),
-			endDate: Re(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));
-	}, nt = async () => {
+	}, gt = async () => {
 		if (!B.name.trim()) {
 			H("Meal name is required.");
 			return;
 		}
 		H(null);
 		try {
-			await R.mutateAsync({
+			await F.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),
+				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(k);
+			}), z(!1), V(E);
 		} catch (e) {
 			H(e instanceof Error ? e.message : "Failed to log meal.");
 		}
-	}, rt = async () => {
+	}, _t = async () => {
 		if (!G.name.trim()) {
 			q("Plan name is required.");
 			return;
@@ -140,473 +143,690 @@ function j() {
 		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),
+			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 {
-			W === "edit" && J ? await We.mutateAsync({
-				id: J.id,
-				input: {
-					name: G.name.trim(),
-					...e
-				}
-			}) : await Ue.mutateAsync({
+			if (W === "edit" && J) {
+				let t = await tt.mutateAsync({
+					id: J.id,
+					input: {
+						name: G.name.trim(),
+						...e
+					}
+				});
+				R((e) => e && e.id === t.id ? t : e);
+			} else R(await et.mutateAsync({
 				name: G.name.trim(),
 				...e
-			}), U(!1);
+			})), Ze("plan");
+			U(!1);
 		} catch (e) {
 			q(e instanceof Error ? e.message : "Failed to save plan.");
 		}
-	}, it = 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.");
+		}
+	}, yt = async (e) => {
 		if (window.confirm("Delete this meal log? This cannot be undone.")) {
-			Je(e), Ke(null);
+			it(e), L(null);
 			try {
-				await He.mutateAsync(e);
+				await $e.mutateAsync(e);
 			} catch (e) {
-				Ke(e instanceof Error ? e.message : "Failed to delete meal.");
+				L(e instanceof Error ? e.message : "Failed to delete meal.");
 			} finally {
-				Je(null);
+				it(null);
+			}
+		}
+	}, 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"
 			}
 		}
-	}, $ = W === "edit" ? We.isPending : Ue.isPending;
-	return /* @__PURE__ */ _(e, {
+	}, 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: j === "today" ? /* @__PURE__ */ _(v, {
-			onClick: Z,
-			children: [/* @__PURE__ */ g(m, { className: "mr-1.5 h-4 w-4" }), " Log meal"]
-		}) : j === "plan" ? /* @__PURE__ */ _("div", {
+		actions: D === "plan" ? /* @__PURE__ */ v("div", {
 			className: "flex flex-wrap items-center gap-2",
-			children: [J && /* @__PURE__ */ _(v, {
+			children: [J && /* @__PURE__ */ v(y, {
 				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"]
+				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__ */ g(_e, {
-				items: Ie,
-				value: j,
-				onChange: Be,
+			/* @__PURE__ */ _(_e, {
+				items: Ke,
+				value: D,
+				onChange: Ze,
 				className: "mb-6"
 			}),
-			Ge && /* @__PURE__ */ g("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: Ge
+				children: nt
 			}),
-			j === "today" && (() => {
-				if (M.isLoading) return /* @__PURE__ */ g(c, { label: "Loading today's nutrition…" });
-				if (M.isError) return /* @__PURE__ */ g(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: () => M.refetch()
+					onRetry: () => k.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, {
+				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__ */ g(h, { 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__ */ _(v, {
-						onClick: Z,
-						children: [/* @__PURE__ */ g(m, { 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__ */ _("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__ */ _(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"
-									]
+					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__ */ _("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",
+							})
+						}),
+						/* @__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__ */ 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",
+											/* @__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__ */ g(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__ */ 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"]
+									}, e.id))
+								})
 							})
-						}) : /* @__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, {
+			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: () => N.refetch()
+					onRetry: () => A.refetch()
 				});
-				if (!J) return /* @__PURE__ */ g(l, {
+				if (!J) return /* @__PURE__ */ _(u, {
 					illustration: "empty-data",
-					icon: /* @__PURE__ */ g(d, { 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__ */ _(v, {
-						onClick: Q,
-						children: [/* @__PURE__ */ g(m, { 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__ */ g(f, { 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__ */ g(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__ */ g(we, { 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__ */ g(xe, { 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__ */ _("div", {
+				return /* @__PURE__ */ v(e.div, {
+					initial: "hidden",
+					animate: "show",
+					variants: Q,
 					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", {
+						!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__ */ 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: [/* @__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__ */ v(y, {
+								onClick: () => vt(J.id),
+								disabled: I.isPending,
+								children: [/* @__PURE__ */ _(m, { className: "mr-1.5 h-4 w-4" }), I.isPending ? "Activating…" : "Activate this plan"]
+							})]
+						}),
+						/* @__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: [
-												n(J.startDate),
-												" – ",
-												n(J.endDate)
+												/* @__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__ */ _(v, {
-									variant: "outline",
-									onClick: tt,
-									children: [/* @__PURE__ */ g(p, { className: "mr-1.5 h-4 w-4" }), " Edit targets"]
-								})]
+									}),
+									/* @__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__ */ 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.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
+									})
 								})
 							})
 						})
 					]
 				});
 			})(),
-			j === "meals" && (L.isLoading ? /* @__PURE__ */ g(c, { label: "Loading meal log…" }) : L.isError ? /* @__PURE__ */ g(s, {
+			D === "meals" && (P.isLoading ? /* @__PURE__ */ _(l, { label: "Loading meal log…" }) : P.isError ? /* @__PURE__ */ _(c, {
 				message: "We couldn't load your meal log.",
-				onRetry: () => L.refetch()
-			}) : /* @__PURE__ */ _("div", {
+				onRetry: () => P.refetch()
+			}) : /* @__PURE__ */ v(e.div, {
+				initial: "hidden",
+				animate: "show",
+				variants: Q,
 				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"]
+				children: [/* @__PURE__ */ _(e.div, {
+					variants: $,
+					children: /* @__PURE__ */ _(ge, {
+						options: qe,
+						value: M,
+						onChange: pt
 					})
-				}) : /* @__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)
-							})
-						},
-						{
+				}), 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__ */ 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" })
-							})
+							dir: "desc"
 						}
-					],
-					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__ */ _(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__ */ g(S, {
-				open: Ye,
+			/* @__PURE__ */ _(je, {
+				open: ot,
 				onOpenChange: z,
-				children: /* @__PURE__ */ _(C, {
+				children: /* @__PURE__ */ v(Me, {
 					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", {
+						/* @__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: [
-								Xe && /* @__PURE__ */ g("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: Xe
+									children: st
 								}),
-								/* @__PURE__ */ _("div", {
+								/* @__PURE__ */ v("div", {
 									className: "space-y-1.5",
-									children: [/* @__PURE__ */ g(x, {
+									children: [/* @__PURE__ */ _(S, {
 										htmlFor: "meal-name",
 										children: "Name"
-									}), /* @__PURE__ */ g(b, {
+									}), /* @__PURE__ */ _(x, {
 										id: "meal-name",
 										value: B.name,
 										onChange: (e) => V({
@@ -616,33 +836,33 @@ function j() {
 										placeholder: "Grilled chicken salad"
 									})]
 								}),
-								/* @__PURE__ */ _("div", {
+								/* @__PURE__ */ v("div", {
 									className: "grid grid-cols-2 gap-3",
-									children: [/* @__PURE__ */ _("div", {
+									children: [/* @__PURE__ */ v("div", {
 										className: "space-y-1.5",
-										children: [/* @__PURE__ */ g(x, {
+										children: [/* @__PURE__ */ _(S, {
 											htmlFor: "meal-type",
 											children: "Meal type"
-										}), /* @__PURE__ */ _(Oe, {
+										}), /* @__PURE__ */ v(Le, {
 											value: B.mealType,
 											onValueChange: (e) => V({
 												...B,
 												mealType: e
 											}),
-											children: [/* @__PURE__ */ g(je, {
+											children: [/* @__PURE__ */ _(Be, {
 												id: "meal-type",
-												children: /* @__PURE__ */ g(Me, {})
-											}), /* @__PURE__ */ g(ke, { children: Pe.map((e) => /* @__PURE__ */ g(Ae, {
+												children: /* @__PURE__ */ _(Ve, {})
+											}), /* @__PURE__ */ _(Re, { children: We.map((e) => /* @__PURE__ */ _(ze, {
 												value: e,
-												children: r(e)
+												children: i(e)
 											}, e)) })]
 										})]
-									}), /* @__PURE__ */ _("div", {
+									}), /* @__PURE__ */ v("div", {
 										className: "space-y-1.5",
-										children: [/* @__PURE__ */ g(x, {
+										children: [/* @__PURE__ */ _(S, {
 											htmlFor: "meal-servings",
 											children: "Servings"
-										}), /* @__PURE__ */ g(b, {
+										}), /* @__PURE__ */ _(x, {
 											id: "meal-servings",
 											type: "number",
 											min: 0,
@@ -656,15 +876,15 @@ function j() {
 										})]
 									})]
 								}),
-								/* @__PURE__ */ _("div", {
+								/* @__PURE__ */ v("div", {
 									className: "grid grid-cols-2 gap-3",
 									children: [
-										/* @__PURE__ */ _("div", {
+										/* @__PURE__ */ v("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ g(x, {
+											children: [/* @__PURE__ */ _(S, {
 												htmlFor: "meal-calories",
 												children: "Calories (kcal)"
-											}), /* @__PURE__ */ g(b, {
+											}), /* @__PURE__ */ _(x, {
 												id: "meal-calories",
 												type: "number",
 												min: 0,
@@ -676,12 +896,12 @@ function j() {
 												placeholder: "0"
 											})]
 										}),
-										/* @__PURE__ */ _("div", {
+										/* @__PURE__ */ v("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ g(x, {
+											children: [/* @__PURE__ */ _(S, {
 												htmlFor: "meal-protein",
 												children: "Protein (g)"
-											}), /* @__PURE__ */ g(b, {
+											}), /* @__PURE__ */ _(x, {
 												id: "meal-protein",
 												type: "number",
 												min: 0,
@@ -693,12 +913,12 @@ function j() {
 												placeholder: "0"
 											})]
 										}),
-										/* @__PURE__ */ _("div", {
+										/* @__PURE__ */ v("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ g(x, {
+											children: [/* @__PURE__ */ _(S, {
 												htmlFor: "meal-carbs",
 												children: "Carbs (g)"
-											}), /* @__PURE__ */ g(b, {
+											}), /* @__PURE__ */ _(x, {
 												id: "meal-carbs",
 												type: "number",
 												min: 0,
@@ -710,12 +930,12 @@ function j() {
 												placeholder: "0"
 											})]
 										}),
-										/* @__PURE__ */ _("div", {
+										/* @__PURE__ */ v("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ g(x, {
+											children: [/* @__PURE__ */ _(S, {
 												htmlFor: "meal-fat",
 												children: "Fat (g)"
-											}), /* @__PURE__ */ g(b, {
+											}), /* @__PURE__ */ _(x, {
 												id: "meal-fat",
 												type: "number",
 												min: 0,
@@ -728,42 +948,63 @@ function j() {
 											})]
 										})
 									]
+								}),
+								/* @__PURE__ */ v("div", {
+									className: "flex items-center justify-between gap-4 rounded-xl bg-bg-sunken/60 p-3",
+									children: [/* @__PURE__ */ v("div", {
+										className: "min-w-0",
+										children: [/* @__PURE__ */ _(S, {
+											htmlFor: "meal-favorite",
+											className: "cursor-pointer",
+											children: "Favorite"
+										}), /* @__PURE__ */ _("p", {
+											className: "text-xs text-text-tertiary",
+											children: "Save for quick re-log"
+										})]
+									}), /* @__PURE__ */ _(He, {
+										id: "meal-favorite",
+										checked: B.isFavorite,
+										onCheckedChange: (e) => V({
+											...B,
+											isFavorite: e
+										})
+									})]
 								})
 							]
 						}),
-						/* @__PURE__ */ _(T, { children: [/* @__PURE__ */ g(v, {
+						/* @__PURE__ */ v(Pe, { children: [/* @__PURE__ */ _(y, {
 							variant: "outline",
 							onClick: () => z(!1),
-							disabled: R.isPending,
+							disabled: F.isPending,
 							children: "Cancel"
-						}), /* @__PURE__ */ g(v, {
-							onClick: nt,
-							disabled: R.isPending,
-							children: R.isPending ? "Logging…" : "Log meal"
+						}), /* @__PURE__ */ _(y, {
+							onClick: gt,
+							disabled: F.isPending,
+							children: F.isPending ? "Logging…" : "Log meal"
 						})] })
 					]
 				})
 			}),
-			/* @__PURE__ */ g(S, {
-				open: Ze,
+			/* @__PURE__ */ _(je, {
+				open: ct,
 				onOpenChange: U,
-				children: /* @__PURE__ */ _(C, {
+				children: /* @__PURE__ */ v(Me, {
 					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", {
+						/* @__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: [
-								$e && /* @__PURE__ */ g("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: $e
+									children: ut
 								}),
-								/* @__PURE__ */ _("div", {
+								/* @__PURE__ */ v("div", {
 									className: "space-y-1.5",
-									children: [/* @__PURE__ */ g(x, {
+									children: [/* @__PURE__ */ _(S, {
 										htmlFor: "plan-name",
 										children: "Name"
-									}), /* @__PURE__ */ g(b, {
+									}), /* @__PURE__ */ _(x, {
 										id: "plan-name",
 										value: G.name,
 										onChange: (e) => K({
@@ -773,35 +1014,35 @@ function j() {
 										placeholder: "Lean bulk — Q3"
 									})]
 								}),
-								/* @__PURE__ */ _("div", {
+								/* @__PURE__ */ v("div", {
 									className: "space-y-1.5",
-									children: [/* @__PURE__ */ g(x, {
+									children: [/* @__PURE__ */ _(S, {
 										htmlFor: "plan-goal",
 										children: "Goal type"
-									}), /* @__PURE__ */ _(Oe, {
+									}), /* @__PURE__ */ v(Le, {
 										value: G.goalType,
 										onValueChange: (e) => K({
 											...G,
 											goalType: e
 										}),
-										children: [/* @__PURE__ */ g(je, {
+										children: [/* @__PURE__ */ _(Be, {
 											id: "plan-goal",
-											children: /* @__PURE__ */ g(Me, {})
-										}), /* @__PURE__ */ g(ke, { children: Fe.map((e) => /* @__PURE__ */ g(Ae, {
+											children: /* @__PURE__ */ _(Ve, {})
+										}), /* @__PURE__ */ _(Re, { children: Ge.map((e) => /* @__PURE__ */ _(ze, {
 											value: e,
-											children: r(e)
+											children: i(e)
 										}, e)) })]
 									})]
 								}),
-								/* @__PURE__ */ _("div", {
+								/* @__PURE__ */ v("div", {
 									className: "grid grid-cols-2 gap-3",
 									children: [
-										/* @__PURE__ */ _("div", {
+										/* @__PURE__ */ v("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ g(x, {
+											children: [/* @__PURE__ */ _(S, {
 												htmlFor: "plan-calories",
 												children: "Calorie target (kcal)"
-											}), /* @__PURE__ */ g(b, {
+											}), /* @__PURE__ */ _(x, {
 												id: "plan-calories",
 												type: "number",
 												min: 0,
@@ -813,12 +1054,12 @@ function j() {
 												placeholder: "2400"
 											})]
 										}),
-										/* @__PURE__ */ _("div", {
+										/* @__PURE__ */ v("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ g(x, {
+											children: [/* @__PURE__ */ _(S, {
 												htmlFor: "plan-protein",
 												children: "Protein target (g)"
-											}), /* @__PURE__ */ g(b, {
+											}), /* @__PURE__ */ _(x, {
 												id: "plan-protein",
 												type: "number",
 												min: 0,
@@ -830,12 +1071,12 @@ function j() {
 												placeholder: "180"
 											})]
 										}),
-										/* @__PURE__ */ _("div", {
+										/* @__PURE__ */ v("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ g(x, {
+											children: [/* @__PURE__ */ _(S, {
 												htmlFor: "plan-carbs",
 												children: "Carbs target (g)"
-											}), /* @__PURE__ */ g(b, {
+											}), /* @__PURE__ */ _(x, {
 												id: "plan-carbs",
 												type: "number",
 												min: 0,
@@ -847,12 +1088,12 @@ function j() {
 												placeholder: "250"
 											})]
 										}),
-										/* @__PURE__ */ _("div", {
+										/* @__PURE__ */ v("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ g(x, {
+											children: [/* @__PURE__ */ _(S, {
 												htmlFor: "plan-fat",
 												children: "Fat target (g)"
-											}), /* @__PURE__ */ g(b, {
+											}), /* @__PURE__ */ _(x, {
 												id: "plan-fat",
 												type: "number",
 												min: 0,
@@ -866,14 +1107,14 @@ function j() {
 										})
 									]
 								}),
-								/* @__PURE__ */ _("div", {
+								/* @__PURE__ */ v("div", {
 									className: "grid grid-cols-2 gap-3",
-									children: [/* @__PURE__ */ _("div", {
+									children: [/* @__PURE__ */ v("div", {
 										className: "space-y-1.5",
-										children: [/* @__PURE__ */ g(x, {
+										children: [/* @__PURE__ */ _(S, {
 											htmlFor: "plan-start",
 											children: "Start date"
-										}), /* @__PURE__ */ g(b, {
+										}), /* @__PURE__ */ _(x, {
 											id: "plan-start",
 											type: "date",
 											value: G.startDate,
@@ -882,12 +1123,12 @@ function j() {
 												startDate: e.target.value
 											})
 										})]
-									}), /* @__PURE__ */ _("div", {
+									}), /* @__PURE__ */ v("div", {
 										className: "space-y-1.5",
-										children: [/* @__PURE__ */ g(x, {
+										children: [/* @__PURE__ */ _(S, {
 											htmlFor: "plan-end",
 											children: "End date"
-										}), /* @__PURE__ */ g(b, {
+										}), /* @__PURE__ */ _(x, {
 											id: "plan-end",
 											type: "date",
 											value: G.endDate,
@@ -898,12 +1139,12 @@ function j() {
 										})]
 									})]
 								}),
-								/* @__PURE__ */ _("div", {
+								/* @__PURE__ */ v("div", {
 									className: "space-y-1.5",
-									children: [/* @__PURE__ */ g(x, {
+									children: [/* @__PURE__ */ _(S, {
 										htmlFor: "plan-notes",
 										children: "Notes"
-									}), /* @__PURE__ */ g(Ne, {
+									}), /* @__PURE__ */ _(Ue, {
 										id: "plan-notes",
 										value: G.notes,
 										onChange: (e) => K({
@@ -916,15 +1157,15 @@ function j() {
 								})
 							]
 						}),
-						/* @__PURE__ */ _(T, { children: [/* @__PURE__ */ g(v, {
+						/* @__PURE__ */ v(Pe, { children: [/* @__PURE__ */ _(y, {
 							variant: "outline",
 							onClick: () => U(!1),
-							disabled: $,
+							disabled: Z,
 							children: "Cancel"
-						}), /* @__PURE__ */ g(v, {
-							onClick: rt,
-							disabled: $,
-							children: $ ? "Saving…" : W === "edit" ? "Save targets" : "Create plan"
+						}), /* @__PURE__ */ _(y, {
+							onClick: _t,
+							disabled: Z,
+							children: Z ? "Saving…" : W === "edit" ? "Save targets" : "Create plan"
 						})] })
 					]
 				})
@@ -933,6 +1174,6 @@ function j() {
 	});
 }
 //#endregion
-export { j as NutritionPage };
+export { D as NutritionPage };
 
 //# sourceMappingURL=NutritionPage.js.map