@burdenoff/microfe-mybodyshield 2026.720.3 → 2026.731.2

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

@@ -1,68 +1,68 @@
 import { PageLayout as e } from "../../components/PageLayout.js";
 import { formatDate as t, formatEnumLabel as n, formatGrams as r, formatKcal as ee, formatNumber as i, formatRelativeTime as a } from "../../utils/formatters.js";
-import { StatusBadge as o } from "../../components/StatusBadge.js";
-import { EmptyState as s } from "../../components/EmptyState.js";
-import { ErrorView as c, LoadingView as l, Section as te } from "../../components/StateViews.js";
-import { DataTable as ne } from "../../components/DataTable.js";
-import { FilterTabs as u } from "../../components/FilterTabs.js";
-import { Tabs as re } from "../../components/Tabs.js";
-import { Pagination as ie } from "../../components/Pagination.js";
-import { useMybActivateNutritionPlan as ae, useMybActiveNutritionPlan as oe, useMybCreateNutritionPlan as se, useMybDailyMacros as ce, useMybDeleteMeal as le, useMybLogMeal as ue, useMybMeals as de, useMybUpdateNutritionPlan as fe } from "../../hooks/useMyBodyShieldApi.js";
-import { useOffsetPager as pe } from "../../hooks/usePager.js";
+import { StatusBadge as te } from "../../components/StatusBadge.js";
+import { EmptyState as o } from "../../components/EmptyState.js";
+import { ErrorView as s, LoadingView as c, Section as ne } from "../../components/StateViews.js";
+import { DataTable as re } from "../../components/DataTable.js";
+import { FilterTabs as l } from "../../components/FilterTabs.js";
+import { Tabs as ie } from "../../components/Tabs.js";
+import { Pagination as ae } from "../../components/Pagination.js";
+import { useMybActivateNutritionPlan as oe, useMybActiveNutritionPlan as se, useMybCreateNutritionPlan as ce, useMybDailyMacros as le, useMybDeleteMeal as ue, useMybFoodByBarcode as de, useMybLogMeal as fe, useMybMeals as pe, useMybSearchFoods as me, useMybUpdateNutritionPlan as he } from "../../hooks/useMyBodyShieldApi.js";
+import { useOffsetPager as ge } from "../../hooks/usePager.js";
 import "../../hooks/index.js";
 import "../../components/index.js";
-import { motion as d } from "../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
-import { useReducedMotion as me } from "../../../node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.js";
-import { IconChip as he, MACRO_HUE as f, MacroBar as ge, Meter as _e, ProgressRing as ve } from "../_shared/visuals.js";
-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";
+import { motion as u } from "../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
+import { useReducedMotion as _e } from "../../../node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.js";
+import { IconChip as ve, MACRO_HUE as d, MacroBar as ye, Meter as be, ProgressRing as xe } from "../_shared/visuals.js";
+import { useMemo as Se, useState as f } from "react";
+import { Beef as Ce, Calendar as we, CheckCircle2 as Te, ClipboardList as Ee, Droplet as De, Flame as Oe, Pencil as ke, Plus as p, Salad as Ae, Star as m, Trash2 as je, UtensilsCrossed as Me, Wheat as Ne } from "lucide-react";
+import { Fragment as Pe, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { Button as _, GlassCard as v, Input as y, Label as b, ResponsiveDialog as Fe, ResponsiveDialogContent as Ie, ResponsiveDialogDescription as Le, ResponsiveDialogFooter as Re, ResponsiveDialogHeader as ze, ResponsiveDialogTitle as Be, Select as Ve, SelectContent as He, SelectItem as Ue, SelectTrigger as We, SelectValue as Ge, Switch as Ke, Textarea as qe } from "@burdenoff/fe-libs/ui";
 //#region src/mybodyshield/pages/nutrition/NutritionPage.tsx
-var C = 25, We = [
+var x = 25, Je = [
 	"BREAKFAST",
 	"LUNCH",
 	"DINNER",
 	"SNACK"
-], Ge = [
+], Ye = [
 	"WEIGHT_LOSS",
 	"MUSCLE_GAIN",
 	"STRENGTH",
 	"ENDURANCE",
 	"MOBILITY",
 	"GENERAL_FITNESS"
-], Ke = [
+], Xe = [
 	{
 		value: "today",
 		label: "Today",
-		icon: /* @__PURE__ */ _(we, { className: "h-4 w-4" })
+		icon: /* @__PURE__ */ h(Oe, { className: "h-4 w-4" })
 	},
 	{
 		value: "plan",
 		label: "Plan",
-		icon: /* @__PURE__ */ _(Se, { className: "h-4 w-4" })
+		icon: /* @__PURE__ */ h(Ee, { className: "h-4 w-4" })
 	},
 	{
 		value: "meals",
 		label: "Meals",
-		icon: /* @__PURE__ */ _(Oe, { className: "h-4 w-4" })
+		icon: /* @__PURE__ */ h(Me, { className: "h-4 w-4" })
 	}
-], qe = [{
+], Ze = [{
 	value: "ALL",
 	label: "All"
-}, ...We.map((e) => ({
+}, ...Je.map((e) => ({
 	value: e,
 	label: n(e)
-}))], w = (e) => {
+}))], S = (e) => {
 	let t = e.trim();
 	if (!t) return;
 	let n = Number(t);
 	return Number.isFinite(n) ? n : void 0;
-}, T = (e) => e ? String(e) : "", Je = (e) => {
+}, C = (e) => e ? String(e) : "", Qe = (e) => {
 	if (!e) return "";
 	let t = new Date(e);
 	return Number.isNaN(t.getTime()) ? "" : t.toISOString().slice(0, 10);
-}, Ye = (e) => e ? new Date(e).toISOString() : void 0, E = {
+}, $e = (e) => e ? new Date(e).toISOString() : void 0, w = {
 	name: "",
 	mealType: "BREAKFAST",
 	calories: "",
@@ -70,8 +70,9 @@ var C = 25, We = [
 	carbsG: "",
 	fatG: "",
 	servings: "",
-	isFavorite: !1
-}, Xe = {
+	isFavorite: !1,
+	barcode: null
+}, et = {
 	name: "",
 	goalType: "GENERAL_FITNESS",
 	calorieTarget: "",
@@ -82,119 +83,146 @@ var C = 25, We = [
 	endDate: "",
 	notes: ""
 };
-function D() {
-	let [D, Ze] = p("today"), O = me(), k = ce(), A = oe(), j = de({}), [M, Qe] = p("ALL"), N = pe(C), P = de({
-		mealType: M === "ALL" ? void 0 : M,
+function T() {
+	let [T, tt] = f("today"), E = _e(), D = le(), O = se(), k = pe({}), [A, nt] = f("ALL"), j = ge(x), M = pe({
+		mealType: A === "ALL" ? void 0 : A,
 		pagination: {
-			limit: C,
-			offset: N.offset
+			limit: x,
+			offset: j.offset
 		}
-	}), F = ue(), $e = le(), et = se(), tt = fe(), I = ae(), [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();
+	}), N = fe(), rt = ue(), it = ce(), at = he(), P = oe(), [ot, F] = f(null), [st, ct] = f(null), [lt, I] = f(null), [ut, L] = f(!1), [R, z] = f(w), [dt, B] = f(null), [V, ft] = f(""), H = me(V), [pt, mt] = f(""), [ht, U] = f(null), gt = de(), _t = (e) => {
+		z({
+			...R,
+			name: e.name,
+			calories: C(e.calories),
+			proteinG: C(e.proteinG),
+			carbsG: C(e.carbsG),
+			fatG: C(e.fatG),
+			servings: R.servings || "1",
+			barcode: e.barcode ?? null
+		}), ft("");
+	}, vt = async () => {
+		let e = pt.trim();
+		if (e) {
+			U(null);
+			try {
+				let t = await gt.mutateAsync(e);
+				if (!t) {
+					U(`No product found for barcode ${e}.`);
+					return;
+				}
+				_t(t), mt("");
+			} catch (e) {
+				U(e instanceof Error ? e.message : "Barcode lookup failed.");
+			}
+		}
+	}, [yt, W] = f(!1), [G, bt] = f("create"), [K, q] = f(et), [xt, J] = f(null), St = O.data ?? null, Y = lt ?? St, X = Se(() => {
+		let e = k.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 ?? [], ft = (e) => {
-		Qe(e), N.reset();
+	}, [k.data]), Ct = M.data?.items ?? [], wt = (e) => {
+		nt(e), j.reset();
 	}, Z = () => {
-		V(E), H(null), z(!0);
-	}, pt = () => {
-		lt("create"), K(Xe), q(null), U(!0);
-	}, mt = () => {
-		J && (lt("edit"), K({
-			name: J.name,
-			goalType: J.goalType,
-			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));
-	}, ht = async () => {
-		if (!B.name.trim()) {
-			H("Meal name is required.");
+		z(w), B(null), ft(""), mt(""), U(null), L(!0);
+	}, Tt = () => {
+		bt("create"), q(et), J(null), W(!0);
+	}, Et = () => {
+		Y && (bt("edit"), q({
+			name: Y.name,
+			goalType: Y.goalType,
+			calorieTarget: C(Y.calorieTarget),
+			proteinTarget: C(Y.proteinTarget),
+			carbsTarget: C(Y.carbsTarget),
+			fatTarget: C(Y.fatTarget),
+			startDate: Qe(Y.startDate),
+			endDate: Qe(Y.endDate),
+			notes: Y.notes ?? ""
+		}), J(null), W(!0));
+	}, Dt = async () => {
+		if (!R.name.trim()) {
+			B("Meal name is required.");
 			return;
 		}
-		H(null);
+		B(null);
 		try {
-			await F.mutateAsync({
-				name: B.name.trim(),
-				mealType: B.mealType,
-				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(E);
+			await N.mutateAsync({
+				name: R.name.trim(),
+				mealType: R.mealType,
+				calories: S(R.calories),
+				proteinG: S(R.proteinG),
+				carbsG: S(R.carbsG),
+				fatG: S(R.fatG),
+				servings: S(R.servings),
+				isFavorite: R.isFavorite,
+				planId: Y?.id ?? void 0,
+				loggedAt: (/* @__PURE__ */ new Date()).toISOString(),
+				barcode: R.barcode ?? void 0
+			}), L(!1), z(w);
 		} catch (e) {
-			H(e instanceof Error ? e.message : "Failed to log meal.");
+			B(e instanceof Error ? e.message : "Failed to log meal.");
 		}
-	}, gt = async () => {
-		if (!G.name.trim()) {
-			q("Plan name is required.");
+	}, Ot = async () => {
+		if (!K.name.trim()) {
+			J("Plan name is required.");
 			return;
 		}
-		q(null);
+		J(null);
 		let e = {
-			goalType: G.goalType,
-			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
+			goalType: K.goalType,
+			calorieTarget: S(K.calorieTarget),
+			proteinTarget: S(K.proteinTarget),
+			carbsTarget: S(K.carbsTarget),
+			fatTarget: S(K.fatTarget),
+			startDate: $e(K.startDate),
+			endDate: $e(K.endDate),
+			notes: K.notes.trim() || void 0
 		};
 		try {
-			if (W === "edit" && J) {
-				let t = await tt.mutateAsync({
-					id: J.id,
+			if (G === "edit" && Y) {
+				let t = await at.mutateAsync({
+					id: Y.id,
 					input: {
-						name: G.name.trim(),
+						name: K.name.trim(),
 						...e
 					}
 				});
-				R((e) => e && e.id === t.id ? t : e);
-			} else R(await et.mutateAsync({
-				name: G.name.trim(),
+				I((e) => e && e.id === t.id ? t : e);
+			} else I(await it.mutateAsync({
+				name: K.name.trim(),
 				...e
-			})), Ze("plan");
-			U(!1);
+			})), tt("plan");
+			W(!1);
 		} catch (e) {
-			q(e instanceof Error ? e.message : "Failed to save plan.");
+			J(e instanceof Error ? e.message : "Failed to save plan.");
 		}
-	}, _t = async (e) => {
-		L(null);
+	}, kt = async (e) => {
+		F(null);
 		try {
-			await I.mutateAsync(e), R(null);
+			await P.mutateAsync(e), I(null);
 		} catch (e) {
-			L(e instanceof Error ? e.message : "Failed to activate plan.");
+			F(e instanceof Error ? e.message : "Failed to activate plan.");
 		}
-	}, vt = async (e) => {
+	}, At = async (e) => {
 		if (window.confirm("Delete this meal log? This cannot be undone.")) {
-			it(e), L(null);
+			ct(e), F(null);
 			try {
-				await $e.mutateAsync(e);
+				await rt.mutateAsync(e);
 			} catch (e) {
-				L(e instanceof Error ? e.message : "Failed to delete meal.");
+				F(e instanceof Error ? e.message : "Failed to delete meal.");
 			} finally {
-				it(null);
+				ct(null);
 			}
 		}
-	}, yt = W === "edit" ? tt.isPending : et.isPending, Q = {
+	}, jt = G === "edit" ? at.isPending : it.isPending, Q = {
 		hidden: {},
 		show: { transition: {
-			staggerChildren: O ? 0 : .06,
-			delayChildren: O ? 0 : .03
+			staggerChildren: E ? 0 : .06,
+			delayChildren: E ? 0 : .03
 		} }
 	}, $ = {
-		hidden: O ? { opacity: 0 } : {
+		hidden: E ? { opacity: 0 } : {
 			opacity: 0,
 			y: 14
 		},
@@ -202,23 +230,23 @@ function D() {
 			opacity: 1,
 			y: 0,
 			transition: {
-				duration: O ? .2 : .45,
+				duration: E ? .2 : .45,
 				ease: "easeOut"
 			}
 		}
-	}, bt = [
+	}, Mt = [
 		{
 			key: "favorite",
-			header: /* @__PURE__ */ _(g, {
+			header: /* @__PURE__ */ h(m, {
 				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", {
+			render: (e) => /* @__PURE__ */ g("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", {
+				children: [/* @__PURE__ */ h(m, { className: `h-4 w-4 transition-colors ${e.isFavorite ? "fill-current text-action-primary-bg" : "text-text-tertiary"}` }), /* @__PURE__ */ h("span", {
 					className: "sr-only",
 					children: e.isFavorite ? "Favorite" : "Not favorite"
 				})]
@@ -227,7 +255,7 @@ function D() {
 		{
 			key: "name",
 			header: "Meal",
-			render: (e) => /* @__PURE__ */ _("span", {
+			render: (e) => /* @__PURE__ */ h("span", {
 				className: "font-medium text-text-primary",
 				children: e.name
 			})
@@ -235,14 +263,14 @@ function D() {
 		{
 			key: "mealType",
 			header: "Type",
-			render: (e) => /* @__PURE__ */ _(o, { status: e.mealType })
+			render: (e) => /* @__PURE__ */ h(te, { status: e.mealType })
 		},
 		{
 			key: "calories",
 			header: "Calories",
 			align: "right",
 			sortValue: (e) => e.calories,
-			render: (e) => /* @__PURE__ */ _("span", {
+			render: (e) => /* @__PURE__ */ h("span", {
 				className: "font-semibold tabular-nums text-text-primary",
 				children: ee(e.calories)
 			})
@@ -253,7 +281,7 @@ function D() {
 			align: "right",
 			hideOnMobile: !0,
 			sortValue: (e) => e.proteinG,
-			render: (e) => /* @__PURE__ */ _("span", {
+			render: (e) => /* @__PURE__ */ h("span", {
 				className: "tabular-nums text-text-secondary",
 				children: r(e.proteinG)
 			})
@@ -264,7 +292,7 @@ function D() {
 			align: "right",
 			hideOnMobile: !0,
 			sortValue: (e) => e.carbsG,
-			render: (e) => /* @__PURE__ */ _("span", {
+			render: (e) => /* @__PURE__ */ h("span", {
 				className: "tabular-nums text-text-secondary",
 				children: r(e.carbsG)
 			})
@@ -275,7 +303,7 @@ function D() {
 			align: "right",
 			hideOnMobile: !0,
 			sortValue: (e) => e.fatG,
-			render: (e) => /* @__PURE__ */ _("span", {
+			render: (e) => /* @__PURE__ */ h("span", {
 				className: "tabular-nums text-text-secondary",
 				children: r(e.fatG)
 			})
@@ -285,7 +313,7 @@ function D() {
 			header: "Servings",
 			align: "right",
 			sortValue: (e) => e.servings,
-			render: (e) => /* @__PURE__ */ _("span", {
+			render: (e) => /* @__PURE__ */ h("span", {
 				className: "tabular-nums",
 				children: i(e.servings)
 			})
@@ -295,7 +323,7 @@ function D() {
 			header: "Logged",
 			hideOnMobile: !0,
 			sortValue: (e) => new Date(e.loggedAt).getTime(),
-			render: (e) => /* @__PURE__ */ _("span", {
+			render: (e) => /* @__PURE__ */ h("span", {
 				className: "text-text-secondary",
 				children: a(e.loggedAt)
 			})
@@ -304,121 +332,121 @@ function D() {
 			key: "actions",
 			header: "",
 			align: "right",
-			render: (e) => /* @__PURE__ */ _(y, {
+			render: (e) => /* @__PURE__ */ h(_, {
 				variant: "ghost",
 				size: "icon-sm",
-				onClick: () => vt(e.id),
-				disabled: rt === e.id,
+				onClick: () => At(e.id),
+				disabled: st === e.id,
 				"aria-label": "Delete meal",
-				children: /* @__PURE__ */ _(De, { className: "h-4 w-4 text-status-error-text" })
+				children: /* @__PURE__ */ h(je, { className: "h-4 w-4 text-status-error-text" })
 			})
 		}
 	];
-	return /* @__PURE__ */ v(e, {
+	return /* @__PURE__ */ g(e, {
 		title: "Nutrition",
 		description: "Plans, meal logging and daily macro targets.",
-		actions: D === "plan" ? /* @__PURE__ */ v("div", {
+		actions: T === "plan" ? /* @__PURE__ */ g("div", {
 			className: "flex flex-wrap items-center gap-2",
-			children: [J && /* @__PURE__ */ v(y, {
+			children: [Y && /* @__PURE__ */ g(_, {
 				variant: "outline",
-				onClick: mt,
-				children: [/* @__PURE__ */ _(Te, { className: "mr-1.5 h-4 w-4" }), " Edit targets"]
-			}), /* @__PURE__ */ v(y, {
-				onClick: pt,
-				children: [/* @__PURE__ */ _(h, { className: "mr-1.5 h-4 w-4" }), " Create plan"]
+				onClick: Et,
+				children: [/* @__PURE__ */ h(ke, { className: "mr-1.5 h-4 w-4" }), " Edit targets"]
+			}), /* @__PURE__ */ g(_, {
+				onClick: Tt,
+				children: [/* @__PURE__ */ h(p, { className: "mr-1.5 h-4 w-4" }), " Create plan"]
 			})]
-		}) : /* @__PURE__ */ v(y, {
+		}) : /* @__PURE__ */ g(_, {
 			onClick: Z,
-			children: [/* @__PURE__ */ _(h, { className: "mr-1.5 h-4 w-4" }), " Log meal"]
+			children: [/* @__PURE__ */ h(p, { className: "mr-1.5 h-4 w-4" }), " Log meal"]
 		}),
 		children: [
-			/* @__PURE__ */ _(re, {
-				items: Ke,
-				value: D,
-				onChange: Ze,
+			/* @__PURE__ */ h(ie, {
+				items: Xe,
+				value: T,
+				onChange: tt,
 				className: "mb-6"
 			}),
-			nt && /* @__PURE__ */ _("div", {
+			ot && /* @__PURE__ */ h("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: nt
+				children: ot
 			}),
-			D === "today" && (() => {
-				if (k.isLoading) return /* @__PURE__ */ _(l, { label: "Loading today's nutrition…" });
-				if (k.isError) return /* @__PURE__ */ _(c, {
+			T === "today" && (() => {
+				if (D.isLoading) return /* @__PURE__ */ h(c, { label: "Loading today's nutrition…" });
+				if (D.isError) return /* @__PURE__ */ h(s, {
 					message: "We couldn't load your daily macros.",
-					onRetry: () => k.refetch()
+					onRetry: () => D.refetch()
 				});
-				let e = k.data;
-				if (!e) return /* @__PURE__ */ _(l, { label: "Loading today's nutrition…" });
-				let t = e.calorieTarget > 0, n = e.calories > 0 || Y.length > 0;
-				if (!t && !n) return /* @__PURE__ */ _(s, {
+				let e = D.data;
+				if (!e) return /* @__PURE__ */ h(c, { label: "Loading today's nutrition…" });
+				let t = e.calorieTarget > 0, n = e.calories > 0 || X.length > 0;
+				if (!t && !n) return /* @__PURE__ */ h(o, {
 					illustration: "empty-data",
-					icon: /* @__PURE__ */ _(Ee, { className: "h-10 w-10" }),
+					icon: /* @__PURE__ */ h(Ae, { 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(y, {
+					action: /* @__PURE__ */ g(_, {
 						onClick: Z,
-						children: [/* @__PURE__ */ _(h, { className: "mr-1.5 h-4 w-4" }), " Log meal"]
+						children: [/* @__PURE__ */ h(p, { className: "mr-1.5 h-4 w-4" }), " Log meal"]
 					})
 				});
-				let a = e.calorieTarget ? e.calories / e.calorieTarget * 100 : 0, ne = Math.round(Math.max(0, Math.min(100, a))), u = [
+				let a = e.calorieTarget ? e.calories / e.calorieTarget * 100 : 0, re = Math.round(Math.max(0, Math.min(100, a))), l = [
 					{
 						label: "Protein",
 						value: e.proteinG,
 						target: e.proteinTarget,
-						color: f.protein
+						color: d.protein
 					},
 					{
 						label: "Carbs",
 						value: e.carbsG,
 						target: e.carbsTarget,
-						color: f.carbs
+						color: d.carbs
 					},
 					{
 						label: "Fat",
 						value: e.fatG,
 						target: e.fatTarget,
-						color: f.fat
+						color: d.fat
 					}
 				];
-				return /* @__PURE__ */ v(d.div, {
+				return /* @__PURE__ */ g(u.div, {
 					initial: "hidden",
 					animate: "show",
 					variants: Q,
 					className: "space-y-6",
 					children: [
-						/* @__PURE__ */ _(d.div, {
+						/* @__PURE__ */ h(u.div, {
 							variants: $,
-							children: /* @__PURE__ */ v(b, {
+							children: /* @__PURE__ */ g(v, {
 								treatment: "glass",
 								glow: !0,
 								className: "p-6 sm:p-7",
-								children: [/* @__PURE__ */ v("div", {
+								children: [/* @__PURE__ */ g("div", {
 									className: "mb-5",
-									children: [/* @__PURE__ */ _("h2", {
+									children: [/* @__PURE__ */ h("h2", {
 										className: "text-base font-semibold text-text-primary",
 										children: "Today's macros"
-									}), /* @__PURE__ */ _("p", {
+									}), /* @__PURE__ */ h("p", {
 										className: "mt-0.5 text-sm text-text-secondary",
 										children: "Calories & macros logged against your active plan."
 									})]
-								}), /* @__PURE__ */ v("div", {
+								}), /* @__PURE__ */ g("div", {
 									className: "flex flex-col items-center gap-6 sm:flex-row sm:items-center sm:gap-8",
-									children: [/* @__PURE__ */ v("div", {
+									children: [/* @__PURE__ */ g("div", {
 										className: "relative flex shrink-0 items-center justify-center",
-										children: [/* @__PURE__ */ _("div", {
+										children: [/* @__PURE__ */ h("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(ve, {
+										}), /* @__PURE__ */ g(xe, {
 											value: a,
 											size: 168,
 											stroke: 14,
 											className: "relative",
-											children: [/* @__PURE__ */ _("span", {
+											children: [/* @__PURE__ */ h("span", {
 												className: "text-3xl font-bold tabular-nums text-text-primary",
 												children: i(e.calories)
-											}), /* @__PURE__ */ v("span", {
+											}), /* @__PURE__ */ g("span", {
 												className: "mt-0.5 text-xs text-text-tertiary",
 												children: [
 													"/ ",
@@ -427,43 +455,43 @@ function D() {
 												]
 											})]
 										})]
-									}), /* @__PURE__ */ v("div", {
+									}), /* @__PURE__ */ g("div", {
 										className: "flex w-full flex-1 flex-col gap-4",
-										children: [/* @__PURE__ */ _(ge, {
+										children: [/* @__PURE__ */ h(ye, {
 											proteinG: e.proteinG,
 											carbsG: e.carbsG,
 											fatG: e.fatG,
 											height: 12
-										}), /* @__PURE__ */ v("div", {
+										}), /* @__PURE__ */ g("div", {
 											className: "flex flex-col gap-4 sm:flex-row sm:items-stretch",
-											children: [/* @__PURE__ */ _("div", {
+											children: [/* @__PURE__ */ h("div", {
 												className: "flex-1 space-y-2.5",
-												children: u.map((e) => /* @__PURE__ */ v("div", {
+												children: l.map((e) => /* @__PURE__ */ g("div", {
 													className: "flex items-center justify-between gap-3",
-													children: [/* @__PURE__ */ v("span", {
+													children: [/* @__PURE__ */ g("span", {
 														className: "inline-flex items-center gap-2 text-sm text-text-secondary",
-														children: [/* @__PURE__ */ _("span", {
+														children: [/* @__PURE__ */ h("span", {
 															className: "h-2.5 w-2.5 rounded-full",
 															style: { backgroundColor: e.color }
 														}), e.label]
-													}), /* @__PURE__ */ _("span", {
+													}), /* @__PURE__ */ h("span", {
 														className: "text-sm font-semibold tabular-nums text-text-primary",
 														children: r(e.value)
 													})]
 												}, e.label))
-											}), /* @__PURE__ */ v("div", {
+											}), /* @__PURE__ */ g("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", {
+													/* @__PURE__ */ h("span", {
 														className: "text-xs font-medium text-text-tertiary",
 														children: "Calorie ring"
 													}),
-													/* @__PURE__ */ v("span", {
+													/* @__PURE__ */ g("span", {
 														className: "text-2xl font-bold tabular-nums text-action-primary-bg",
-														children: [ne, "%"]
+														children: [re, "%"]
 													}),
-													/* @__PURE__ */ _("span", {
+													/* @__PURE__ */ h("span", {
 														className: "text-xs text-text-secondary",
 														children: "of daily target"
 													})
@@ -474,26 +502,26 @@ function D() {
 								})]
 							})
 						}),
-						/* @__PURE__ */ _(d.div, {
+						/* @__PURE__ */ h(u.div, {
 							variants: Q,
 							className: "grid grid-cols-1 gap-3 sm:grid-cols-3 sm:gap-4",
-							children: u.map((e) => /* @__PURE__ */ _(d.div, {
+							children: l.map((e) => /* @__PURE__ */ h(u.div, {
 								variants: $,
-								children: /* @__PURE__ */ v(b, {
+								children: /* @__PURE__ */ g(v, {
 									treatment: "metric",
 									className: "p-4",
-									children: [/* @__PURE__ */ v("div", {
+									children: [/* @__PURE__ */ g("div", {
 										className: "flex flex-wrap items-center justify-between gap-2",
-										children: [/* @__PURE__ */ v("span", {
+										children: [/* @__PURE__ */ g("span", {
 											className: "inline-flex items-center gap-2 text-sm font-medium text-text-primary",
-											children: [/* @__PURE__ */ _("span", {
+											children: [/* @__PURE__ */ h("span", {
 												className: "h-2.5 w-2.5 rounded-full",
 												style: { backgroundColor: e.color }
 											}), e.label]
-										}), /* @__PURE__ */ v("span", {
+										}), /* @__PURE__ */ g("span", {
 											className: "text-sm tabular-nums text-text-secondary",
 											children: [
-												/* @__PURE__ */ _("span", {
+												/* @__PURE__ */ h("span", {
 													className: "font-semibold text-text-primary",
 													children: i(e.value)
 												}),
@@ -503,7 +531,7 @@ function D() {
 												" g"
 											]
 										})]
-									}), /* @__PURE__ */ _(_e, {
+									}), /* @__PURE__ */ h(be, {
 										value: e.target ? e.value / e.target * 100 : 0,
 										color: e.color,
 										height: 8,
@@ -512,42 +540,42 @@ function D() {
 								})
 							}, e.label))
 						}),
-						/* @__PURE__ */ _(d.div, {
+						/* @__PURE__ */ h(u.div, {
 							variants: $,
-							children: /* @__PURE__ */ _(te, {
+							children: /* @__PURE__ */ h(ne, {
 								title: "Today's meals",
 								description: "Everything you've logged today.",
-								children: j.isLoading ? /* @__PURE__ */ _(l, { label: "Loading meals…" }) : j.isError ? /* @__PURE__ */ _(c, {
+								children: k.isLoading ? /* @__PURE__ */ h(c, { label: "Loading meals…" }) : k.isError ? /* @__PURE__ */ h(s, {
 									message: "We couldn't load today's meals.",
-									onRetry: () => j.refetch()
-								}) : Y.length === 0 ? /* @__PURE__ */ _(s, {
+									onRetry: () => k.refetch()
+								}) : X.length === 0 ? /* @__PURE__ */ h(o, {
 									illustration: "empty-data",
-									icon: /* @__PURE__ */ _(Ee, { className: "h-10 w-10" }),
+									icon: /* @__PURE__ */ h(Ae, { 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, {
+									action: /* @__PURE__ */ g(_, {
 										onClick: Z,
-										children: [/* @__PURE__ */ _(h, { className: "mr-1.5 h-4 w-4" }), " Log meal"]
+										children: [/* @__PURE__ */ h(p, { className: "mr-1.5 h-4 w-4" }), " Log meal"]
 									})
-								}) : /* @__PURE__ */ _(b, {
+								}) : /* @__PURE__ */ h(v, {
 									treatment: "plain",
 									className: "divide-y divide-border-seam/60 px-2 sm:px-3",
-									children: Y.map((e) => /* @__PURE__ */ v("div", {
+									children: X.map((e) => /* @__PURE__ */ g("div", {
 										className: "flex items-center gap-3 rounded-xl px-2 py-3 transition-colors hover:bg-bg-sunken/40",
 										children: [
-											/* @__PURE__ */ _(o, { status: e.mealType }),
-											/* @__PURE__ */ v("div", {
+											/* @__PURE__ */ h(te, { status: e.mealType }),
+											/* @__PURE__ */ g("div", {
 												className: "min-w-0 flex-1",
-												children: [/* @__PURE__ */ v("div", {
+												children: [/* @__PURE__ */ g("div", {
 													className: "flex items-center gap-1.5",
-													children: [/* @__PURE__ */ _("p", {
+													children: [/* @__PURE__ */ h("p", {
 														className: "truncate text-sm font-medium text-text-primary",
 														children: e.name
-													}), e.isFavorite && /* @__PURE__ */ _(g, {
+													}), e.isFavorite && /* @__PURE__ */ h(m, {
 														className: "h-3.5 w-3.5 shrink-0 fill-current text-action-primary-bg",
 														"aria-label": "Favorite meal"
 													})]
-												}), /* @__PURE__ */ v("p", {
+												}), /* @__PURE__ */ g("p", {
 													className: "text-xs text-text-tertiary",
 													children: [
 														r(e.proteinG),
@@ -563,18 +591,18 @@ function D() {
 													]
 												})]
 											}),
-											/* @__PURE__ */ _("span", {
+											/* @__PURE__ */ h("span", {
 												className: "shrink-0 text-sm font-semibold tabular-nums text-text-primary",
 												children: ee(e.calories)
 											}),
-											/* @__PURE__ */ _(y, {
+											/* @__PURE__ */ h(_, {
 												variant: "ghost",
 												size: "icon-sm",
-												onClick: () => vt(e.id),
-												disabled: rt === e.id,
+												onClick: () => At(e.id),
+												disabled: st === e.id,
 												"aria-label": "Delete meal",
 												className: "shrink-0",
-												children: /* @__PURE__ */ _(De, { className: "h-4 w-4 text-status-error-text" })
+												children: /* @__PURE__ */ h(je, { className: "h-4 w-4 text-status-error-text" })
 											})
 										]
 									}, e.id))
@@ -584,154 +612,154 @@ function D() {
 					]
 				});
 			})(),
-			D === "plan" && (() => {
-				if (A.isLoading) return /* @__PURE__ */ _(l, { label: "Loading your nutrition plan…" });
-				if (A.isError) return /* @__PURE__ */ _(c, {
+			T === "plan" && (() => {
+				if (O.isLoading) return /* @__PURE__ */ h(c, { label: "Loading your nutrition plan…" });
+				if (O.isError) return /* @__PURE__ */ h(s, {
 					message: "We couldn't load your active nutrition plan.",
-					onRetry: () => A.refetch()
+					onRetry: () => O.refetch()
 				});
-				if (!J) return /* @__PURE__ */ _(s, {
+				if (!Y) return /* @__PURE__ */ h(o, {
 					illustration: "empty-data",
-					icon: /* @__PURE__ */ _(Se, { className: "h-10 w-10" }),
+					icon: /* @__PURE__ */ h(Ee, { 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(y, {
-						onClick: pt,
-						children: [/* @__PURE__ */ _(h, { className: "mr-1.5 h-4 w-4" }), " Create plan"]
+					action: /* @__PURE__ */ g(_, {
+						onClick: Tt,
+						children: [/* @__PURE__ */ h(p, { className: "mr-1.5 h-4 w-4" }), " Create plan"]
 					})
 				});
 				let e = [
 					{
-						icon: /* @__PURE__ */ _(we, { className: "h-5 w-5" }),
+						icon: /* @__PURE__ */ h(Oe, { className: "h-5 w-5" }),
 						label: "Calorie target",
-						value: J.calorieTarget ? `${i(J.calorieTarget)} kcal` : "—",
+						value: Y.calorieTarget ? `${i(Y.calorieTarget)} kcal` : "—",
 						tint: "var(--color-action-primary-bg)"
 					},
 					{
-						icon: /* @__PURE__ */ _(be, { className: "h-5 w-5" }),
+						icon: /* @__PURE__ */ h(Ce, { className: "h-5 w-5" }),
 						label: "Protein target",
-						value: J.proteinTarget ? r(J.proteinTarget) : "—",
-						tint: f.protein
+						value: Y.proteinTarget ? r(Y.proteinTarget) : "—",
+						tint: d.protein
 					},
 					{
-						icon: /* @__PURE__ */ _(ke, { className: "h-5 w-5" }),
+						icon: /* @__PURE__ */ h(Ne, { className: "h-5 w-5" }),
 						label: "Carbs target",
-						value: J.carbsTarget ? r(J.carbsTarget) : "—",
-						tint: f.carbs
+						value: Y.carbsTarget ? r(Y.carbsTarget) : "—",
+						tint: d.carbs
 					},
 					{
-						icon: /* @__PURE__ */ _(Ce, { className: "h-5 w-5" }),
+						icon: /* @__PURE__ */ h(De, { className: "h-5 w-5" }),
 						label: "Fat target",
-						value: J.fatTarget ? r(J.fatTarget) : "—",
-						tint: f.fat
+						value: Y.fatTarget ? r(Y.fatTarget) : "—",
+						tint: d.fat
 					}
 				];
-				return /* @__PURE__ */ v(d.div, {
+				return /* @__PURE__ */ g(u.div, {
 					initial: "hidden",
 					animate: "show",
 					variants: Q,
 					className: "space-y-6",
 					children: [
-						!J.isActive && /* @__PURE__ */ v(d.div, {
+						!Y.isActive && /* @__PURE__ */ g(u.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", {
+							children: [/* @__PURE__ */ g("div", {
 								className: "flex min-w-0 items-center gap-3",
-								children: [/* @__PURE__ */ _(he, { icon: /* @__PURE__ */ _(m, { className: "h-5 w-5" }) }), /* @__PURE__ */ v("div", {
+								children: [/* @__PURE__ */ h(ve, { icon: /* @__PURE__ */ h(Te, { className: "h-5 w-5" }) }), /* @__PURE__ */ g("div", {
 									className: "min-w-0",
-									children: [/* @__PURE__ */ _("p", {
+									children: [/* @__PURE__ */ h("p", {
 										className: "text-sm font-medium text-text-primary",
 										children: "This plan isn't active yet"
-									}), /* @__PURE__ */ _("p", {
+									}), /* @__PURE__ */ h("p", {
 										className: "text-xs text-text-secondary",
 										children: "Activate it to track today's macros against these targets."
 									})]
 								})]
-							}), /* @__PURE__ */ v(y, {
-								onClick: () => _t(J.id),
-								disabled: I.isPending,
-								children: [/* @__PURE__ */ _(m, { className: "mr-1.5 h-4 w-4" }), I.isPending ? "Activating…" : "Activate this plan"]
+							}), /* @__PURE__ */ g(_, {
+								onClick: () => kt(Y.id),
+								disabled: P.isPending,
+								children: [/* @__PURE__ */ h(Te, { className: "mr-1.5 h-4 w-4" }), P.isPending ? "Activating…" : "Activate this plan"]
 							})]
 						}),
-						/* @__PURE__ */ _(d.div, {
+						/* @__PURE__ */ h(u.div, {
 							variants: $,
-							children: /* @__PURE__ */ v(b, {
+							children: /* @__PURE__ */ g(v, {
 								treatment: "glass",
 								glow: !0,
 								className: "relative overflow-hidden p-6 sm:p-7",
 								children: [
-									/* @__PURE__ */ _("div", {
+									/* @__PURE__ */ h("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", {
+									/* @__PURE__ */ g("div", {
 										className: "relative flex flex-wrap items-start justify-between gap-4",
-										children: [/* @__PURE__ */ v("div", {
+										children: [/* @__PURE__ */ g("div", {
 											className: "min-w-0",
 											children: [
-												/* @__PURE__ */ _("p", {
+												/* @__PURE__ */ h("p", {
 													className: "text-xs font-semibold uppercase tracking-wide text-action-primary-bg",
-													children: J.isActive ? "Active plan" : "Nutrition plan"
+													children: Y.isActive ? "Active plan" : "Nutrition plan"
 												}),
-												/* @__PURE__ */ v("div", {
+												/* @__PURE__ */ g("div", {
 													className: "mt-1.5 flex flex-wrap items-baseline gap-x-2 gap-y-1",
 													children: [
-														/* @__PURE__ */ _("h2", {
+														/* @__PURE__ */ h("h2", {
 															className: "text-2xl font-bold text-text-primary",
-															children: J.name
+															children: Y.name
 														}),
-														J.calorieTarget > 0 && /* @__PURE__ */ v("span", {
+														Y.calorieTarget > 0 && /* @__PURE__ */ g("span", {
 															className: "text-lg font-semibold tabular-nums text-text-tertiary",
-															children: [i(J.calorieTarget), " kcal"]
+															children: [i(Y.calorieTarget), " kcal"]
 														}),
-														J.isActive ? /* @__PURE__ */ v("span", {
+														Y.isActive ? /* @__PURE__ */ g("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", {
+															children: [/* @__PURE__ */ h(Te, { className: "h-3.5 w-3.5" }), " Active"]
+														}) : /* @__PURE__ */ h("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", {
+												(Y.startDate || Y.endDate) && /* @__PURE__ */ g("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" }),
-														t(J.startDate),
+														/* @__PURE__ */ h(we, { className: "h-4 w-4 text-text-tertiary" }),
+														t(Y.startDate),
 														" – ",
-														t(J.endDate)
+														t(Y.endDate)
 													]
 												})
 											]
-										}), /* @__PURE__ */ v("div", {
+										}), /* @__PURE__ */ g("div", {
 											className: "flex shrink-0 items-center gap-2",
-											children: [/* @__PURE__ */ _("span", {
+											children: [/* @__PURE__ */ h("span", {
 												className: "text-sm text-text-tertiary",
 												children: "Goal"
-											}), /* @__PURE__ */ _(o, { status: J.goalType })]
+											}), /* @__PURE__ */ h(te, { status: Y.goalType })]
 										})]
 									}),
-									/* @__PURE__ */ _(d.div, {
+									/* @__PURE__ */ h(u.div, {
 										variants: Q,
 										className: "relative mt-6 grid grid-cols-2 gap-3 sm:gap-4 lg:grid-cols-4",
-										children: e.map((e) => /* @__PURE__ */ v(d.div, {
+										children: e.map((e) => /* @__PURE__ */ g(u.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__ */ _(he, {
+												/* @__PURE__ */ h(ve, {
 													icon: e.icon,
 													tint: e.tint
 												}),
-												/* @__PURE__ */ _("p", {
+												/* @__PURE__ */ h("p", {
 													className: "mt-3 text-xs text-text-tertiary",
 													children: e.label
 												}),
-												/* @__PURE__ */ _("p", {
+												/* @__PURE__ */ h("p", {
 													className: "mt-1 text-xl font-bold tabular-nums text-text-primary",
 													children: e.value
 												})
@@ -741,16 +769,16 @@ function D() {
 								]
 							})
 						}),
-						J.notes && /* @__PURE__ */ _(d.div, {
+						Y.notes && /* @__PURE__ */ h(u.div, {
 							variants: $,
-							children: /* @__PURE__ */ _(te, {
+							children: /* @__PURE__ */ h(ne, {
 								title: "Notes",
-								children: /* @__PURE__ */ _(b, {
+								children: /* @__PURE__ */ h(v, {
 									treatment: "plain",
 									className: "p-4",
-									children: /* @__PURE__ */ _("p", {
+									children: /* @__PURE__ */ h("p", {
 										className: "whitespace-pre-wrap text-sm text-text-secondary",
-										children: J.notes
+										children: Y.notes
 									})
 								})
 							})
@@ -758,190 +786,261 @@ function D() {
 					]
 				});
 			})(),
-			D === "meals" && (P.isLoading ? /* @__PURE__ */ _(l, { label: "Loading meal log…" }) : P.isError ? /* @__PURE__ */ _(c, {
+			T === "meals" && (M.isLoading ? /* @__PURE__ */ h(c, { label: "Loading meal log…" }) : M.isError ? /* @__PURE__ */ h(s, {
 				message: "We couldn't load your meal log.",
-				onRetry: () => P.refetch()
-			}) : /* @__PURE__ */ v(d.div, {
+				onRetry: () => M.refetch()
+			}) : /* @__PURE__ */ g(u.div, {
 				initial: "hidden",
 				animate: "show",
 				variants: Q,
 				className: "space-y-4",
-				children: [/* @__PURE__ */ _(d.div, {
+				children: [/* @__PURE__ */ h(u.div, {
 					variants: $,
-					children: /* @__PURE__ */ _(u, {
-						options: qe,
-						value: M,
-						onChange: ft
+					children: /* @__PURE__ */ h(l, {
+						options: Ze,
+						value: A,
+						onChange: wt
 					})
-				}), X.length === 0 ? /* @__PURE__ */ _(d.div, {
+				}), Ct.length === 0 ? /* @__PURE__ */ h(u.div, {
 					variants: $,
-					children: /* @__PURE__ */ _(s, {
+					children: /* @__PURE__ */ h(o, {
 						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, {
+						icon: /* @__PURE__ */ h(Me, { className: "h-10 w-10" }),
+						title: A === "ALL" ? "No meals logged yet" : "No meals for this filter",
+						description: A === "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__ */ g(_, {
 							onClick: Z,
-							children: [/* @__PURE__ */ _(h, { className: "mr-1.5 h-4 w-4" }), " Log meal"]
+							children: [/* @__PURE__ */ h(p, { className: "mr-1.5 h-4 w-4" }), " Log meal"]
 						})
 					})
-				}) : /* @__PURE__ */ v(Ae, { children: [/* @__PURE__ */ _(d.div, {
+				}) : /* @__PURE__ */ g(Pe, { children: [/* @__PURE__ */ h(u.div, {
 					variants: $,
-					children: /* @__PURE__ */ _(ne, {
-						columns: bt,
-						rows: X,
+					children: /* @__PURE__ */ h(re, {
+						columns: Mt,
+						rows: Ct,
 						rowKey: (e) => e.id,
 						defaultSort: {
 							key: "loggedAt",
 							dir: "desc"
 						}
 					})
-				}), /* @__PURE__ */ _(d.div, {
+				}), /* @__PURE__ */ h(u.div, {
 					variants: $,
-					children: /* @__PURE__ */ _(ie, {
-						page: N.page,
-						pageSize: C,
-						itemCount: X.length,
-						hasMore: P.data?.pageInfo?.hasMore ?? !1,
-						onPageChange: (e) => N.onPageChange(e)
+					children: /* @__PURE__ */ h(ae, {
+						page: j.page,
+						pageSize: x,
+						itemCount: Ct.length,
+						hasMore: M.data?.pageInfo?.hasMore ?? !1,
+						onPageChange: (e) => j.onPageChange(e)
 					})
 				})] })]
 			})),
-			/* @__PURE__ */ _(je, {
-				open: ot,
-				onOpenChange: z,
-				children: /* @__PURE__ */ v(Me, {
+			/* @__PURE__ */ h(Fe, {
+				open: ut,
+				onOpenChange: L,
+				children: /* @__PURE__ */ g(Ie, {
 					className: "sm:max-w-lg",
 					children: [
-						/* @__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", {
+						/* @__PURE__ */ g(ze, { children: [/* @__PURE__ */ h(Be, { children: "Log a meal" }), /* @__PURE__ */ h(Le, { children: "Record what you ate to update today's macros." })] }),
+						/* @__PURE__ */ g("div", {
 							className: "space-y-4 py-2",
 							children: [
-								st && /* @__PURE__ */ _("div", {
+								dt && /* @__PURE__ */ h("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: st
+									children: dt
+								}),
+								/* @__PURE__ */ g("div", {
+									className: "space-y-2 rounded-xl border border-seam bg-surface p-3",
+									children: [
+										/* @__PURE__ */ h(b, {
+											htmlFor: "meal-food-search",
+											children: "Quick-log from food database"
+										}),
+										/* @__PURE__ */ h(y, {
+											id: "meal-food-search",
+											value: V,
+											onChange: (e) => ft(e.target.value),
+											placeholder: "Search foods (e.g. grilled chicken)"
+										}),
+										H.isFetching && /* @__PURE__ */ h("p", {
+											className: "text-xs text-text-tertiary",
+											children: "Searching…"
+										}),
+										!H.isFetching && V.trim().length >= 2 && (H.data?.length ?? 0) === 0 && /* @__PURE__ */ h("p", {
+											className: "text-xs text-text-tertiary",
+											children: "No matches found."
+										}),
+										(H.data?.length ?? 0) > 0 && /* @__PURE__ */ h("ul", {
+											className: "max-h-40 space-y-1 overflow-y-auto",
+											children: H.data.map((e, t) => /* @__PURE__ */ h("li", { children: /* @__PURE__ */ g("button", {
+												type: "button",
+												onClick: () => _t(e),
+												className: "flex w-full items-center justify-between rounded-lg px-2 py-1.5 text-left text-sm hover:bg-surface-hover",
+												children: [/* @__PURE__ */ g("span", {
+													className: "truncate",
+													children: [e.name, e.brand ? /* @__PURE__ */ g("span", {
+														className: "text-text-tertiary",
+														children: [" · ", e.brand]
+													}) : null]
+												}), /* @__PURE__ */ g("span", {
+													className: "ml-2 shrink-0 text-xs text-text-tertiary",
+													children: [
+														e.calories,
+														" kcal / ",
+														e.servingG,
+														"g"
+													]
+												})]
+											}) }, `${e.barcode ?? e.name}-${t}`))
+										}),
+										/* @__PURE__ */ g("div", {
+											className: "flex items-end gap-2 pt-1",
+											children: [/* @__PURE__ */ g("div", {
+												className: "flex-1 space-y-1.5",
+												children: [/* @__PURE__ */ h(b, {
+													htmlFor: "meal-barcode",
+													children: "Or scan/enter a barcode"
+												}), /* @__PURE__ */ h(y, {
+													id: "meal-barcode",
+													value: pt,
+													onChange: (e) => mt(e.target.value),
+													placeholder: "e.g. 3017620422003"
+												})]
+											}), /* @__PURE__ */ h(_, {
+												type: "button",
+												variant: "outline",
+												onClick: vt,
+												disabled: gt.isPending || !pt.trim(),
+												children: gt.isPending ? "Looking up…" : "Look up"
+											})]
+										}),
+										ht && /* @__PURE__ */ h("p", {
+											className: "text-xs text-status-error-text",
+											children: ht
+										})
+									]
 								}),
-								/* @__PURE__ */ v("div", {
+								/* @__PURE__ */ g("div", {
 									className: "space-y-1.5",
-									children: [/* @__PURE__ */ _(S, {
+									children: [/* @__PURE__ */ h(b, {
 										htmlFor: "meal-name",
 										children: "Name"
-									}), /* @__PURE__ */ _(x, {
+									}), /* @__PURE__ */ h(y, {
 										id: "meal-name",
-										value: B.name,
-										onChange: (e) => V({
-											...B,
+										value: R.name,
+										onChange: (e) => z({
+											...R,
 											name: e.target.value
 										}),
 										placeholder: "Grilled chicken salad"
 									})]
 								}),
-								/* @__PURE__ */ v("div", {
+								/* @__PURE__ */ g("div", {
 									className: "grid grid-cols-2 gap-3",
-									children: [/* @__PURE__ */ v("div", {
+									children: [/* @__PURE__ */ g("div", {
 										className: "space-y-1.5",
-										children: [/* @__PURE__ */ _(S, {
+										children: [/* @__PURE__ */ h(b, {
 											htmlFor: "meal-type",
 											children: "Meal type"
-										}), /* @__PURE__ */ v(Le, {
-											value: B.mealType,
-											onValueChange: (e) => V({
-												...B,
+										}), /* @__PURE__ */ g(Ve, {
+											value: R.mealType,
+											onValueChange: (e) => z({
+												...R,
 												mealType: e
 											}),
-											children: [/* @__PURE__ */ _(Be, {
+											children: [/* @__PURE__ */ h(We, {
 												id: "meal-type",
-												children: /* @__PURE__ */ _(Ve, {})
-											}), /* @__PURE__ */ _(Re, { children: We.map((e) => /* @__PURE__ */ _(ze, {
+												children: /* @__PURE__ */ h(Ge, {})
+											}), /* @__PURE__ */ h(He, { children: Je.map((e) => /* @__PURE__ */ h(Ue, {
 												value: e,
 												children: n(e)
 											}, e)) })]
 										})]
-									}), /* @__PURE__ */ v("div", {
+									}), /* @__PURE__ */ g("div", {
 										className: "space-y-1.5",
-										children: [/* @__PURE__ */ _(S, {
+										children: [/* @__PURE__ */ h(b, {
 											htmlFor: "meal-servings",
 											children: "Servings"
-										}), /* @__PURE__ */ _(x, {
+										}), /* @__PURE__ */ h(y, {
 											id: "meal-servings",
 											type: "number",
 											min: 0,
 											step: "0.5",
-											value: B.servings,
-											onChange: (e) => V({
-												...B,
+											value: R.servings,
+											onChange: (e) => z({
+												...R,
 												servings: e.target.value
 											}),
 											placeholder: "1"
 										})]
 									})]
 								}),
-								/* @__PURE__ */ v("div", {
+								/* @__PURE__ */ g("div", {
 									className: "grid grid-cols-2 gap-3",
 									children: [
-										/* @__PURE__ */ v("div", {
+										/* @__PURE__ */ g("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ _(S, {
+											children: [/* @__PURE__ */ h(b, {
 												htmlFor: "meal-calories",
 												children: "Calories (kcal)"
-											}), /* @__PURE__ */ _(x, {
+											}), /* @__PURE__ */ h(y, {
 												id: "meal-calories",
 												type: "number",
 												min: 0,
-												value: B.calories,
-												onChange: (e) => V({
-													...B,
+												value: R.calories,
+												onChange: (e) => z({
+													...R,
 													calories: e.target.value
 												}),
 												placeholder: "0"
 											})]
 										}),
-										/* @__PURE__ */ v("div", {
+										/* @__PURE__ */ g("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ _(S, {
+											children: [/* @__PURE__ */ h(b, {
 												htmlFor: "meal-protein",
 												children: "Protein (g)"
-											}), /* @__PURE__ */ _(x, {
+											}), /* @__PURE__ */ h(y, {
 												id: "meal-protein",
 												type: "number",
 												min: 0,
-												value: B.proteinG,
-												onChange: (e) => V({
-													...B,
+												value: R.proteinG,
+												onChange: (e) => z({
+													...R,
 													proteinG: e.target.value
 												}),
 												placeholder: "0"
 											})]
 										}),
-										/* @__PURE__ */ v("div", {
+										/* @__PURE__ */ g("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ _(S, {
+											children: [/* @__PURE__ */ h(b, {
 												htmlFor: "meal-carbs",
 												children: "Carbs (g)"
-											}), /* @__PURE__ */ _(x, {
+											}), /* @__PURE__ */ h(y, {
 												id: "meal-carbs",
 												type: "number",
 												min: 0,
-												value: B.carbsG,
-												onChange: (e) => V({
-													...B,
+												value: R.carbsG,
+												onChange: (e) => z({
+													...R,
 													carbsG: e.target.value
 												}),
 												placeholder: "0"
 											})]
 										}),
-										/* @__PURE__ */ v("div", {
+										/* @__PURE__ */ g("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ _(S, {
+											children: [/* @__PURE__ */ h(b, {
 												htmlFor: "meal-fat",
 												children: "Fat (g)"
-											}), /* @__PURE__ */ _(x, {
+											}), /* @__PURE__ */ h(y, {
 												id: "meal-fat",
 												type: "number",
 												min: 0,
-												value: B.fatG,
-												onChange: (e) => V({
-													...B,
+												value: R.fatG,
+												onChange: (e) => z({
+													...R,
 													fatG: e.target.value
 												}),
 												placeholder: "0"
@@ -949,157 +1048,157 @@ function D() {
 										})
 									]
 								}),
-								/* @__PURE__ */ v("div", {
+								/* @__PURE__ */ g("div", {
 									className: "flex items-center justify-between gap-4 rounded-xl bg-bg-sunken/60 p-3",
-									children: [/* @__PURE__ */ v("div", {
+									children: [/* @__PURE__ */ g("div", {
 										className: "min-w-0",
-										children: [/* @__PURE__ */ _(S, {
+										children: [/* @__PURE__ */ h(b, {
 											htmlFor: "meal-favorite",
 											className: "cursor-pointer",
 											children: "Favorite"
-										}), /* @__PURE__ */ _("p", {
+										}), /* @__PURE__ */ h("p", {
 											className: "text-xs text-text-tertiary",
 											children: "Save for quick re-log"
 										})]
-									}), /* @__PURE__ */ _(He, {
+									}), /* @__PURE__ */ h(Ke, {
 										id: "meal-favorite",
-										checked: B.isFavorite,
-										onCheckedChange: (e) => V({
-											...B,
+										checked: R.isFavorite,
+										onCheckedChange: (e) => z({
+											...R,
 											isFavorite: e
 										})
 									})]
 								})
 							]
 						}),
-						/* @__PURE__ */ v(Pe, { children: [/* @__PURE__ */ _(y, {
+						/* @__PURE__ */ g(Re, { children: [/* @__PURE__ */ h(_, {
 							variant: "outline",
-							onClick: () => z(!1),
-							disabled: F.isPending,
+							onClick: () => L(!1),
+							disabled: N.isPending,
 							children: "Cancel"
-						}), /* @__PURE__ */ _(y, {
-							onClick: ht,
-							disabled: F.isPending,
-							children: F.isPending ? "Logging…" : "Log meal"
+						}), /* @__PURE__ */ h(_, {
+							onClick: Dt,
+							disabled: N.isPending,
+							children: N.isPending ? "Logging…" : "Log meal"
 						})] })
 					]
 				})
 			}),
-			/* @__PURE__ */ _(je, {
-				open: ct,
-				onOpenChange: U,
-				children: /* @__PURE__ */ v(Me, {
+			/* @__PURE__ */ h(Fe, {
+				open: yt,
+				onOpenChange: W,
+				children: /* @__PURE__ */ g(Ie, {
 					className: "sm:max-w-lg",
 					children: [
-						/* @__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", {
+						/* @__PURE__ */ g(ze, { children: [/* @__PURE__ */ h(Be, { children: G === "edit" ? "Edit nutrition targets" : "Create nutrition plan" }), /* @__PURE__ */ h(Le, { children: G === "edit" ? "Update your calorie and macro targets for this plan." : "Set your daily calorie and macro targets." })] }),
+						/* @__PURE__ */ g("div", {
 							className: "space-y-4 py-2",
 							children: [
-								ut && /* @__PURE__ */ _("div", {
+								xt && /* @__PURE__ */ h("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: ut
+									children: xt
 								}),
-								/* @__PURE__ */ v("div", {
+								/* @__PURE__ */ g("div", {
 									className: "space-y-1.5",
-									children: [/* @__PURE__ */ _(S, {
+									children: [/* @__PURE__ */ h(b, {
 										htmlFor: "plan-name",
 										children: "Name"
-									}), /* @__PURE__ */ _(x, {
+									}), /* @__PURE__ */ h(y, {
 										id: "plan-name",
-										value: G.name,
-										onChange: (e) => K({
-											...G,
+										value: K.name,
+										onChange: (e) => q({
+											...K,
 											name: e.target.value
 										}),
 										placeholder: "Lean bulk — Q3"
 									})]
 								}),
-								/* @__PURE__ */ v("div", {
+								/* @__PURE__ */ g("div", {
 									className: "space-y-1.5",
-									children: [/* @__PURE__ */ _(S, {
+									children: [/* @__PURE__ */ h(b, {
 										htmlFor: "plan-goal",
 										children: "Goal type"
-									}), /* @__PURE__ */ v(Le, {
-										value: G.goalType,
-										onValueChange: (e) => K({
-											...G,
+									}), /* @__PURE__ */ g(Ve, {
+										value: K.goalType,
+										onValueChange: (e) => q({
+											...K,
 											goalType: e
 										}),
-										children: [/* @__PURE__ */ _(Be, {
+										children: [/* @__PURE__ */ h(We, {
 											id: "plan-goal",
-											children: /* @__PURE__ */ _(Ve, {})
-										}), /* @__PURE__ */ _(Re, { children: Ge.map((e) => /* @__PURE__ */ _(ze, {
+											children: /* @__PURE__ */ h(Ge, {})
+										}), /* @__PURE__ */ h(He, { children: Ye.map((e) => /* @__PURE__ */ h(Ue, {
 											value: e,
 											children: n(e)
 										}, e)) })]
 									})]
 								}),
-								/* @__PURE__ */ v("div", {
+								/* @__PURE__ */ g("div", {
 									className: "grid grid-cols-2 gap-3",
 									children: [
-										/* @__PURE__ */ v("div", {
+										/* @__PURE__ */ g("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ _(S, {
+											children: [/* @__PURE__ */ h(b, {
 												htmlFor: "plan-calories",
 												children: "Calorie target (kcal)"
-											}), /* @__PURE__ */ _(x, {
+											}), /* @__PURE__ */ h(y, {
 												id: "plan-calories",
 												type: "number",
 												min: 0,
-												value: G.calorieTarget,
-												onChange: (e) => K({
-													...G,
+												value: K.calorieTarget,
+												onChange: (e) => q({
+													...K,
 													calorieTarget: e.target.value
 												}),
 												placeholder: "2400"
 											})]
 										}),
-										/* @__PURE__ */ v("div", {
+										/* @__PURE__ */ g("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ _(S, {
+											children: [/* @__PURE__ */ h(b, {
 												htmlFor: "plan-protein",
 												children: "Protein target (g)"
-											}), /* @__PURE__ */ _(x, {
+											}), /* @__PURE__ */ h(y, {
 												id: "plan-protein",
 												type: "number",
 												min: 0,
-												value: G.proteinTarget,
-												onChange: (e) => K({
-													...G,
+												value: K.proteinTarget,
+												onChange: (e) => q({
+													...K,
 													proteinTarget: e.target.value
 												}),
 												placeholder: "180"
 											})]
 										}),
-										/* @__PURE__ */ v("div", {
+										/* @__PURE__ */ g("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ _(S, {
+											children: [/* @__PURE__ */ h(b, {
 												htmlFor: "plan-carbs",
 												children: "Carbs target (g)"
-											}), /* @__PURE__ */ _(x, {
+											}), /* @__PURE__ */ h(y, {
 												id: "plan-carbs",
 												type: "number",
 												min: 0,
-												value: G.carbsTarget,
-												onChange: (e) => K({
-													...G,
+												value: K.carbsTarget,
+												onChange: (e) => q({
+													...K,
 													carbsTarget: e.target.value
 												}),
 												placeholder: "250"
 											})]
 										}),
-										/* @__PURE__ */ v("div", {
+										/* @__PURE__ */ g("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ _(S, {
+											children: [/* @__PURE__ */ h(b, {
 												htmlFor: "plan-fat",
 												children: "Fat target (g)"
-											}), /* @__PURE__ */ _(x, {
+											}), /* @__PURE__ */ h(y, {
 												id: "plan-fat",
 												type: "number",
 												min: 0,
-												value: G.fatTarget,
-												onChange: (e) => K({
-													...G,
+												value: K.fatTarget,
+												onChange: (e) => q({
+													...K,
 													fatTarget: e.target.value
 												}),
 												placeholder: "70"
@@ -1107,48 +1206,48 @@ function D() {
 										})
 									]
 								}),
-								/* @__PURE__ */ v("div", {
+								/* @__PURE__ */ g("div", {
 									className: "grid grid-cols-2 gap-3",
-									children: [/* @__PURE__ */ v("div", {
+									children: [/* @__PURE__ */ g("div", {
 										className: "space-y-1.5",
-										children: [/* @__PURE__ */ _(S, {
+										children: [/* @__PURE__ */ h(b, {
 											htmlFor: "plan-start",
 											children: "Start date"
-										}), /* @__PURE__ */ _(x, {
+										}), /* @__PURE__ */ h(y, {
 											id: "plan-start",
 											type: "date",
-											value: G.startDate,
-											onChange: (e) => K({
-												...G,
+											value: K.startDate,
+											onChange: (e) => q({
+												...K,
 												startDate: e.target.value
 											})
 										})]
-									}), /* @__PURE__ */ v("div", {
+									}), /* @__PURE__ */ g("div", {
 										className: "space-y-1.5",
-										children: [/* @__PURE__ */ _(S, {
+										children: [/* @__PURE__ */ h(b, {
 											htmlFor: "plan-end",
 											children: "End date"
-										}), /* @__PURE__ */ _(x, {
+										}), /* @__PURE__ */ h(y, {
 											id: "plan-end",
 											type: "date",
-											value: G.endDate,
-											onChange: (e) => K({
-												...G,
+											value: K.endDate,
+											onChange: (e) => q({
+												...K,
 												endDate: e.target.value
 											})
 										})]
 									})]
 								}),
-								/* @__PURE__ */ v("div", {
+								/* @__PURE__ */ g("div", {
 									className: "space-y-1.5",
-									children: [/* @__PURE__ */ _(S, {
+									children: [/* @__PURE__ */ h(b, {
 										htmlFor: "plan-notes",
 										children: "Notes"
-									}), /* @__PURE__ */ _(Ue, {
+									}), /* @__PURE__ */ h(qe, {
 										id: "plan-notes",
-										value: G.notes,
-										onChange: (e) => K({
-											...G,
+										value: K.notes,
+										onChange: (e) => q({
+											...K,
 											notes: e.target.value
 										}),
 										placeholder: "Coaching notes, refeed schedule, supplements…",
@@ -1157,15 +1256,15 @@ function D() {
 								})
 							]
 						}),
-						/* @__PURE__ */ v(Pe, { children: [/* @__PURE__ */ _(y, {
+						/* @__PURE__ */ g(Re, { children: [/* @__PURE__ */ h(_, {
 							variant: "outline",
-							onClick: () => U(!1),
-							disabled: yt,
+							onClick: () => W(!1),
+							disabled: jt,
 							children: "Cancel"
-						}), /* @__PURE__ */ _(y, {
-							onClick: gt,
-							disabled: yt,
-							children: yt ? "Saving…" : W === "edit" ? "Save targets" : "Create plan"
+						}), /* @__PURE__ */ h(_, {
+							onClick: Ot,
+							disabled: jt,
+							children: jt ? "Saving…" : G === "edit" ? "Save targets" : "Create plan"
 						})] })
 					]
 				})
@@ -1174,6 +1273,6 @@ function D() {
 	});
 }
 //#endregion
-export { D as NutritionPage };
+export { T as NutritionPage };
 
 //# sourceMappingURL=NutritionPage.js.map