[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_107":108,"_109":110},"routes/embed.x.$handle.$name.$",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":-5},"handle","wakawaka1","name","mealplanner","path","client/app1.ts","project",{"_22":48,"_11":12,"_35":49,"_50":-5,"_51":44,"_52":53,"_54":53,"_55":56,"_57":-5,"_58":59,"_60":61,"_62":34,"_63":-5,"_64":-5,"_65":66,"_67":68,"_69":-5,"_70":-5,"_71":-5,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":83,"_84":85,"_86":87,"_88":44},"file",{"_22":23,"_11":24,"_25":26,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":-5,"_13":46},"permalink","https://www.val.town/x/wakawaka1/mealplanner/code/client/app1.ts","extension","id","f0755d39-b278-4dac-b366-218bb7115eab","app1.ts","fileId","eaca98ba-a45a-11f1-8830-1607ee4eb77e","parentId","ea3d34b6-a45a-11f1-9160-1607ee4eb77e","branchId","1292f370-aeda-42ab-9f99-660cd13fe90d","branchVersion",93,"latest",true,"createdAt",["D",1788929446552],"version",13,"fileType","script","content","// GENERATED part 1 of 2. Edit ui/client-app.js instead.\nexport const PART = \"// The browser app. Plain JS + htm — no build step in the browser, no JSX\\n// transpiler to download before first paint on a phone in a supermarket.\\n// Assembled into valtown/client.ts by scripts/build-client.mjs.\\n\\nconst { useState, useEffect, useMemo, useCallback } = React;\\nconst h = htm.bind(React.createElement);\\n\\n// Variance rail geometry.\\n//\\n// Shared deliberately: the display must not carry its own copy of the\\n// thresholds. If the validator says day 2 missed, the rail shows a miss,\\n// because both read the same numbers. This module is inlined into the\\n// single-file UI at build time.\\n\\n// Defaults only. The live thresholds depend on the macro strictness setting and\\n// travel on the plan as plan.validation.bands — a rail drawn from a stale local\\n// copy would say \\\"on target\\\" about a day the validator has already failed.\\nconst BANDS = { kcal: 0.05, carbs: 0.15, fat: 0.15 };\\nconst bandsOf = (plan) => (plan && plan.validation && plan.validation.bands) || BANDS;\\n\\n/** Judge the number on screen, not the float behind it. See validate.mjs. */\\nconst shown = (v) => Math.round(v);\\n\\n/** Banded metric: a tolerance either side of target. */\\nfunction bandRail(raw, target, tol) {\\n const actual = shown(raw);\\n const span = target * 0.45; // rail covers target ±45%\\n const pos = (v) => Math.max(0, Math.min(100, ((v - (target - span)) / (2 * span)) * 100));\\n const lo = pos(target * (1 - tol));\\n const hi = pos(target * (1 + tol));\\n const at = pos(actual);\\n const over = actual > target * (1 + tol);\\n const under = actual < target * (1 - tol);\\n return {\\n lo, hi, at, mid: pos(target),\\n miss: over || under, over, under,\\n missFrom: over ? hi : at,\\n missTo: over ? at : lo,\\n };\\n}\\n\\n/** Protein: a floor, not a band. Drawn differently because it IS different. */\\nfunction floorRail(raw, floor) {\\n const actual = shown(raw);\\n const span = floor * 0.5;\\n const pos = (v) => Math.max(0, Math.min(100, ((v - (floor - span)) / (2 * span)) * 100));\\n return {\\n at: pos(actual), mid: pos(floor),\\n miss: actual < floor,\\n missFrom: pos(actual), missTo: pos(floor),\\n };\\n}\\n\\n/** What the rail will show for one day. Used by the UI and by its test. */\\nfunction railVerdicts(dayTotals, targets) {\\n const out = {};\\n for (const m of ['kcal', 'carbs', 'fat']) {\\n out[m] = bandRail(dayTotals[m], targets[m], BANDS[m]).miss;\\n }\\n out.protein = floorRail(dayTotals.protein, targets.protein).miss;\\n return out;\\n}\\n\\n/* ── api ──────────────────────────────────────────────────────────────── */\\n\\n// The client-side write chain from the spec. The server's compare-and-swap is\\n// what actually protects the data; this just stops us racing ourselves.\\nlet chain = Promise.resolve();\\nconst serialise = (fn) => (chain = chain.then(fn, fn));\\n\\n// Val Town shuts a worker down ~10s after the last request it RECEIVES, and\\n// that clock is not reset by a request still being served. Anything that calls\\n// the model — reading a receipt, a nutrition panel, parsing a recipe, verifying\\n// a photo — can outlive it, especially with a 3MB photo from a phone camera.\\n// A cheap request every 4s while anything is in flight keeps the worker up.\\n// Plan generation streams and holds its own keepalive; this covers the rest.\\nlet inFlight = 0;\\nlet keepWarm = null;\\nfunction holdWorker() {\\n if (++inFlight === 1) {\\n keepWarm = setInterval(() => { fetch('/api/auth').catch(() => {}); }, 4000);\\n }\\n}\\nfunction releaseWorker() {\\n if (--inFlight <= 0) {\\n inFlight = 0;\\n clearInterval(keepWarm);\\n keepWarm = null;\\n }\\n}\\n\\nasync function api(path, opts = {}) {\\n holdWorker();\\n try {\\n const res = await fetch(path, {\\n ...opts,\\n headers: opts.body ? { 'content-type': 'application/json' } : undefined,\\n body: opts.body ? JSON.stringify(opts.body) : undefined,\\n });\\n const data = await res.json().catch(() => ({}));\\n if (!res.ok) throw new Error(data.error || ('Request failed: ' + res.status));\\n return data;\\n } finally {\\n releaseWorker();\\n }\\n}\\n\\n/* ── shared bits ──────────────────────────────────────────────────────── */\\n\\nconst money = (n) => '$' + (n ?? 0).toFixed(2);\\nconst signed = (n) => (n >= 0 ? '+' : '') + Math.round(n);\\n\\nfunction Rail({ metric, actual, target, bands = BANDS, floorAt }) {\\n const isFloor = metric === 'protein';\\n // On the loose setting the floor sits below the target, so the rail is drawn\\n // against the floor actually in force rather than the target.\\n const floor = isFloor && floorAt ? floorAt : target;\\n const r = isFloor ? floorRail(actual, floor) : bandRail(actual, target, bands[metric]);\\n const delta = Math.round(actual - target);\\n const unit = metric === 'kcal' ? '' : 'g';\\n\\n return h`

\\n

\\n ${metric === 'kcal' ? 'energy' : metric}\\n \\n ${Math.round(actual)}/${target}${unit}\\n ${signed(delta)}${unit}\\n \\n

\\n

\\n ${isFloor\\n ? h`

`\\n : h`

`}\\n ${r.miss && h`

`}\\n

\\n

\\n ${isFloor && h`

floor — under is never “close enough”

`}\\n

`;\\n}\\n\\nfunction Banner({ validation }) {\\n if (!validation) return null;\\n const hard = validation.failures.filter((f) => f.kind === 'hard');\\n const band = validation.failures.filter((f) => f.kind === 'band');\\n const shown = [...hard, ...band];\\n return h``;\\n}\\n\\n/* ── screens ──────────────────────────────────────────────────────────── */\\n\\nconst STATUS_LABEL = { ate: 'ate it', 'ate-elsewhere': 'ate out', skipped: 'skipped' };\\n\\n// verified/onClearProof/busyMeal are passed by the shell but were missing from\\n// this signature, so the first plan to render threw ReferenceError: verified is\\n// not defined — a blank screen the moment a plan actually existed.\\nfunction PlanScreen({ plan, items, onStatus, verified, onClearProof, busyMeal }) {\\n const [day, setDay] = useState(1);\\n if (!plan) return h`<${Empty} title=\\\"No plan yet\\\" body=\\\"Head to New plan to build one.\\\" />`;\\n\\n const totals = plan.totals.perDay.find((t) => t.day === day) || plan.totals.perDay[0];\\n const supp = plan.supplements;\\n // The rail is measured against the FULL target, so it has to show the full\\n // day — food plus whatever the supplements contribute.\\n const withSupps = (plan.totals.withSupplements || []).find((t) => t.day === totals.day) || totals;\\n const meals = plan.meals.filter((m) => m.day === totals.day);\\n\\n return h`<>\\n \\n\\n

\\n

Against target

\\n ${['kcal', 'protein', 'carbs', 'fat'].map((m) => h`\\n <${Rail} key=${m} metric=${m} actual=${totals[m]} target=${plan.targets[m]}\\n bands=${bandsOf(plan)} floorAt=${bandsOf(plan).proteinFloorAt} />`)}\\n ${bandsOf(plan).proteinFloorAt != null && bandsOf(plan).proteinFloorAt < plan.targets.protein\\n && h`

\\n Macro strictness is loose, so the protein floor sits at\\n ${bandsOf(plan).proteinFloorAt}g rather than ${plan.targets.protein}g.

`}\\n

\\n\\n ${(((plan.recipes || {}).overflow) || []).length > 0 && h`

\\n

Cooked more than the plan uses

\\n

The batch is bigger than the window, so these portions aren’t\\n scheduled anywhere. Freeze them, eat them off-plan, or stretch the window next time —\\n the macros above count only the portions that are scheduled.

\\n

\\n ${o.name}\\n ${o.spare} spare${o.placed} of ${o.servings} used\\n

\\n

`}\\n\\n ${(((plan.recipes || {}).skipped) || []).length > 0 && h`

\\n

Your recipes that didn’t fit

\\n

Asked for, but there was no room left at all — another recipe had\\n already taken every slot of that meal.

\\n

${s.name} — ${s.reason}

\\n

`}\\n\\n ${meals.map((m) => h`\\n

\\n

\\n ${m.slot}\\n

${m.name}

\\n

\\n ${m.computed.kcal}\\n P${m.computed.protein} C${m.computed.carbs} F${m.computed.fat}\\n

\\n

\\n\\n ${m.batch && !m.batch.cooking\\n ? h`

\\n A portion of the batch cooked on day ${m.batch.cookDay}. Take it out of the\\n fridge — there is nothing to cook and nothing to buy for it.

`\\n : h`<>\\n ${m.batch && m.batch.cooking && h`

\\n Cook this once — it makes ${m.batch.portions} portions, eaten across\\n ${m.batch.portions} ${m.batch.portions === 1 ? 'meal' : 'meals'}.\\n The amounts below are for the whole pot.

`}\\n\\n

\\n ${d ? d.text : ((it.packUnit === 'ea' ? c.grams : c.grams + (it.packUnit || 'g')) + ' ' + (it.name || c.itemId))}${it.estimated && h`^≈`}\\n ${d && d.exact && h`${d.exact}`}\\n

\\n\\n

${s}

\\n `}\\n\\n ${verified.has(m.id)\\n ? h`

\\n \\\\u2713 photo verified\\n \\n

`\\n : h`

\\n ${['ate', 'ate-elsewhere', 'skipped'].map((k) => h`\\n `)}\\n

`}\\n\\n

\\n \\n \\n

\\n

`)}\\n `;\\n}\\n\\nfunction ShopScreen({ plan, items, onShopComplete, onAisle, busy }) {\\n const [picked, setPicked] = useState(() => new Set());\\n const [open, setOpen] = useState(null);\\n if (!plan) return h`<${Empty} title=\\\"No plan yet\\\" body=\\\"Build a plan and the list appears here.\\\" />`;\\n\\n const toggle = (id) => setPicked((p) => {\\n const n = new Set(p); n.has(id) ? n.delete(id) : n.add(id); return n;\\n });\\n\\n const staples = plan.shopping.filter((l) => l.staple);\\n const fresh = plan.shopping.filter((l) => !l.staple);\\n const freshCost = fresh.reduce((s, l) => s + l.estCost, 0);\\n const left = fresh.filter((l) => !picked.has(l.id)).reduce((s, l) => s + l.estCost, 0);\\n\\n const aisles = [];\\n for (const l of fresh) {\\n const last = aisles[aisles.length - 1];\\n if (last && last[0] === l.aisle) last[1].push(l);\\n else aisles.push([l.aisle, [l]]);\\n }\\n\\n return h`<>\\n

\\n

picked\\n ${picked.size}/${fresh.length}

\\n

left to buy\\n ${money(left)}of ${money(freshCost)}

\\n

\\n ${picked.size === fresh.length && fresh.length > 0 && h`\\n `}\\n \\n

\\n\\n ${staples.length > 0 && h`

\\n

Check the cupboard first

\\n

Staples. Buying them all would add\\n ${money(staples.reduce((s, l) => s + l.estCost, 0))}.

\\n

\\n ${l.substituteGroup.replace(/-/g, ' ')}\\n ${l.requiredGrams}${l.packUnit === 'ea' ? '' : l.packUnit}\\n

\\n

`}\\n\\n ${aisles.map(([aisle, lines]) => h`

\\n

${aisle}

\\n

\\n \\n toggle(l.id)} />\\n \\n \\n ${l.buy ? l.buy.text : (primary.name || l.primaryItemId)}\\n ${money(l.estCost)}\\n \\n \\n ${primary.name || l.primaryItemId}${l.buy && l.buy.detail ? ' · ' + l.buy.detail : ''}\\n ${l.fromStockGrams > 0 && h`some already in the fridge`}\\n ${l.carryForward && l.surplusGrams > 0 && h`keeps for next time`}\\n \\n \\n \\n ${l.candidates.length > 1 && h`\\n `}\\n ${isOpen && h`
- \\n ${c.name || ci.name}\\n \\n ${c.packSize}${c.packUnit === 'ea' ? 'pk' : c.packUnit}${c.price != null ? ' · ' + money(c.price) : ''}\\n ${!c.delta\\n ? h`planned`\\n : c.delta.equivalent\\n ? h`same numbers`\\n : h`${signed(c.delta.kcalPerDay)} kcal/day`}\\n \\n
`}\\n

\\n

`)}\\n `;\\n}\\n\\nfunction PrepScreen({ plan }) {\\n if (!plan || !plan.prep) return h`<${Empty} title=\\\"No prep sheet\\\" body=\\\"It's written when a plan is generated.\\\" />`;\\n const { prep } = plan;\\n return h`<>\\n ${prep.freezeSurplus && prep.freezeSurplus.length > 0 && h`

\\n

Straight in the freezer

\\n

Bigger packs than the plan needs. Portion and freeze on shopping day.

\\n

\\n ${f.name}${f.surplusGrams}g

\\n

`}\\n\\n ${prep.freezePortions && prep.freezePortions.length > 0 && h`

\\n

Portion and freeze after cooking

\\n

\\n ${f.name}${f.reason}

\\n

`}\\n\\n ${prep.freezeOnArrival && prep.freezeOnArrival.length > 0 && h`

\\n

Freeze on arrival

\\n

\\n ${f.name}${f.reason}

\\n

`}\\n\\n ${prep.batchSessions.map((b, i) => h`

\\n

Day ${b.day} · ${b.title}

\\n

${s}

\\n

`)}\\n\\n ${prep.perDay.map((d) => h`

\\n

Day ${d.day}

\\n

${s}

\\n

`)}\\n\\n ${prep.notes && prep.notes.length > 0 && h`

\\n

Leftovers

\\n

${n}

\\n

`}\\n `;\\n}\\n\\n// The only question anyone can answer standing at an open fridge.\\nconst REVIEW_LEVELS = [\\n ['gone', 'all gone'],\\n ['some', 'a bit left'],\\n ['most', 'most left'],\\n ['all', 'untouched'],\\n];\\n\\nfunction FridgeScreen({ stock, items, adherence, useFirstList, onReviewStock, busy }) {\\n const total = adherence && adherence.decided;\\n const [review, setReview] = useState({});\\n const answered = Object.values(review).filter(Boolean).length;\\n return h`<>\\n ${adherence && h`

\\n

ate as planned\\n ${adherence.ate}/${total || 0}

\\n

\\n ${adherence.planned} meal${adherence.planned === 1 ? '' : 's'} not recorded — counted as unknown, not as misses.\\n

\\n

`}\\n\\n ${useFirstList && useFirstList.length > 0 && h`

\\n

Next plan gets built around these

\\n

Paid for, and gone if the next window doesn’t use them.

\\n

\\n ${u.name}\\n ${u.grams}${u.unit === 'ea' ? '' : (u.unit || 'g')}${u.remainingDays <= 0 ? 'use today' : u.remainingDays + 'd left'}\\n

\\n

`}\\n\\n

\\n

What’s left?

\\n ${stock.length === 0\\n ? h`

Nothing carried over. It fills up when you photograph a receipt, mark meals, or finish a shop.

`\\n : h`<>\\n

Go through this before you shop again. Nobody weighs a jar of\\n soy sauce, so just say roughly how much is left — the next plan builds around\\n your answers. Buying something other than what the plan said is fine; it\\n changes nothing but this list.

\\n ${stock.map((e) => {\\n const it = items[e.itemId] || {};\\n const chosen = review[e.id];\\n return h`

\\n

\\n ${it.name || e.itemId}\\n ${Math.round(e.grams)}${e.unit === 'ea' ? '' : (e.unit || 'g')} · ${e.note || e.source}\\n \\n ${e.expired ? 'expired' : e.remainingDays <= 0 ? 'use today' : e.remainingDays + 'd left'}\\n

\\n

\\n ${REVIEW_LEVELS.map(([v, label]) => h`\\n `)}\\n

\\n

`;\\n })}\\n \\n `}\\n

\\n `;\\n}\\n\\nfunction StoreScreen({ plan, items, onReload }) {\\n const [itemId, setItemId] = useState(null);\\n const [log, setLog] = useState([]);\\n const [busy, setBusy] = useState(false);\\n const [text, setText] = useState('');\\n\\n if (!plan) return h`<${Empty} title=\\\"No plan yet\\\" body=\\\"Store mode works on the current plan.\\\" />`;\\n\\n const lines = plan.shopping.filter((l) => !l.staple);\\n\\n const ask = async (message) => {\\n if (!itemId || busy) return;\\n setBusy(true); setText('');\\n setLog((l) => [...l, { me: true, text: message }]);\\n try {\\n const r = await api('/api/chat', { method: 'POST', body: { itemId, message } });\\n setLog((l) => [...l, {\\n text: r.reply, applied: r.applied, blocked: r.blocked,\\n impact: r.impact, equivalent: r.equivalent, action: r.action,\\n }]);\\n if (r.applied) await onReload();\\n } catch (err) {\\n setLog((l) => [...l, { text: err.message, error: true }]);\\n } finally { setBusy(false); }\\n };\\n\\n if (!itemId) {\\n return h`

\\n

What's the problem with?

\\n

Pick the item you're stuck on. I'll only change that one.

\\n

\\n \\n

\\n

`;\\n }\\n\\n const item = items[itemId] || {};\\n return h`<>\\n

\\n

\\n ${item.name || itemId}\\n \\n

\\n

\\n\\n ${log.map((m, i) => h`

\\n

${m.text}

\\n ${m.blocked && m.blocked.length > 0 && h`

${b}

`}\\n ${m.applied && h`

\\n ${m.equivalent ? 'same numbers' : 'swapped'}\\n ${(m.impact || []).map((im, j) => h`${im.text}`)}\\n

`}\\n

`)}\\n\\n

\\n

\\n ${[\\\"Can't find it\\\", 'Out of stock', 'Too expensive', 'Wrong size'].map((c) => h`\\n `)}\\n

\\n \\n setText(e.target.value)}\\n onKeyDown=${(e) => e.key === 'Enter' && text.trim() && ask(text.trim())} />\\n \\n ${busy && h`

Thinking…

`}\\n

\\n `;\\n}\\n\\nfunction HistoryScreen({ history }) {\\n if (!history) return h`<${Empty} title=\\\"Loading\\\" body=\\\"Fetching past plans.\\\" />`;\\n if (!history.length) {\\n return h`<${Empty} title=\\\"No past plans\\\"\\n body=\\\"Plans are archived here when you generate a new one, with whatever you recorded against them.\\\" />`;\\n }\\n return h`<>${history.map((p) => h`

\\n

\\n ${p.days}-day plan\\n ${new Date(p.createdAt).toDateString()}\\n ${money(p.estCost)}\\n

\\n

\\n ate as planned\\n ${p.adherence.rate === null ? '\\\\u2014' : Math.round(p.adherence.rate * 100) + '%'}\\n ${p.adherence.ate}/${p.adherence.decided || 0} recorded\\n

\\n

\\n ${m.name}day ${m.day} ${m.slot}\\n ${STATUS_LABEL[m.status] || m.status}

\\n

`)}`;\\n}\\n\\nfunction LabelsScreen({ labels, items, onRead, onConfirm, onForget, busy }) {\\n const [draft, setDraft] = useState(null);\\n const [target, setTarget] = useState(null);\\n\\n if (!labels) return h`<${Empty} title=\\\"Loading\\\" body=\\\"Checking which products need a photo.\\\" />`;\\n\\n const pick = async (file, itemId) => {\\n const b64 = await new Promise((resolve, reject) => {\\n const r = new FileReader();\\n r.onload = () => resolve(String(r.result).split(',')[1]);\\n r.onerror = () => reject(new Error('Could not read that image'));\\n r.readAsDataURL(file);\\n });\\n setTarget(itemId);\\n setDraft(await onRead(itemId, b64, file.type || 'image/jpeg'));\\n };\\n\\n return h`<>\\n

\\n

Why this matters

\\n

\\n Branded products ship with estimated nutrition. Photograph the panel once and the real\\n numbers replace the guess for good \\\\u2014 a catalog refresh never overwrites them.\\n

\\n

\\n\\n ${draft && h`

\\n

Check before saving

\\n

${(items[target] || {}).name || target}

\\n ${draft.ok === false && h`

${x}

`}\\n ${(draft.warnings || []).length > 0 && h`

${w}

`}\\n

\\n ${['kcal', 'protein', 'carbs', 'fat'].map((k) => h`\\n ${k} per 100g\\n setDraft({ ...draft, per100: { ...draft.per100, [k]: Number(e.target.value) } })} />\\n `)}\\n

\\n \\n \\n

`}\\n\\n ${labels.queue.length > 0 && h`

\\n

Worth photographing next

\\n

Estimated, and the plan leans on them hardest.

\\n

\\n ${q.name}${q.grams}${q.unit === 'ea' ? '' : (q.unit || 'g')} this plan \\\\u00b7 ~${q.kcalAtStake} kcal riding on the estimate\\n photo\\n e.target.files[0] && pick(e.target.files[0], q.itemId)} />\\n \\n

\\n

`}\\n\\n

\\n

Read off a packet

\\n ${labels.captured.length === 0\\n ? h`

Nothing yet.

`\\n : h`

\\n ${c.name}\\n ${Math.round(c.per100.kcal)} kcal \\\\u00b7 P${c.per100.protein}${c.previous ? ' \\\\u00b7 was ' + Math.round(c.previous.kcal) : ''}\\n \\n

`}\\n

\\n `;\\n}\\n\\n/** Shared picker: search the catalog, tap to add or remove. */\\nfunction ItemPicker({ selected, onChange, supplements = false, tags = [], placeholder }) {\\n const [q, setQ] = useState('');\\n const [tag, setTag] = useState(null);\\n const [hits, setHits] = useState([]);\\n const [loading, setLoading] = useState(false);\\n\\n const search = useCallback(async (query, t) => {\\n setLoading(true);\\n try {\\n const params = new URLSearchParams();\\n if (query) params.set('q', query);\\n if (t) params.set('tag', t);\\n if (supplements) params.set('supplements', '1');\\n const r = await api('/api/catalog-search?' + params.toString());\\n setHits(r.items);\\n } catch { setHits([]); } finally { setLoading(false); }\\n }, [supplements]);\\n\\n useEffect(() => { search(q, tag); }, [q, tag, search]);\\n\\n const chosen = new Set(selected.map((x) => (typeof x === 'string' ? x : x.itemId)));\\n\\n return h`

\\n ${tags.length > 0 && h`

\\n ${[[null, 'everything'], ...tags].map(([t, label]) => h`\\n `)}\\n

`}\\n \\n setQ(e.target.value)} />\\n \\n ${loading && h`

searching\\\\u2026

`}\\n

\\n \\n
nothing matches

\\n

`;\\n}\\n\\nfunction SupplementsScreen({ settings, plan, onSave, saving }) {\\n const list = settings.supplements || [];\\n const setList = (next) => onSave({ ...settings, supplements: next });\\n\\n const toggle = (item, already) => setList(already\\n ? list.filter((x) => x.itemId !== item.id)\\n : [...list, { itemId: item.id, dose: item.dailyDose ?? 1, timing: null }]);\\n\\n const supp = plan?.supplements;\\n\\n return h`<>\\n ${supp && supp.checklist.length > 0 && h`

\\n

Every day

\\n

\\n ${c.name}${c.timing ? h`${c.timing}` : null}\\n ${c.dose}

\\n ${(supp.daily.kcal > 0 || supp.daily.protein > 0) && h`

\\n Adds ${supp.daily.kcal} kcal and ${supp.daily.protein}g protein a day.\\n Food targets are set ${supp.fullTargets.protein - supp.foodTargets.protein}g lower to match,\\n so the day still lands on ${supp.fullTargets.protein}g.\\n

`}\\n ${(supp.breakdown.notes || []).map((n, i) => h`

${n}

`)}\\n

`}\\n\\n

\\n

Your supplements

\\n ${list.length === 0\\n ? h`

None yet. Anything you add is bought with the shop and counted in the day's macros.

`\\n : h`

\\n ${x.itemId.replace(/^\\\\w+-/, '').replace(/-/g, ' ')}\\n \\n setList(list.map((y) => (y.itemId === x.itemId ? { ...y, dose: Number(e.target.value) } : y)))} />\\n \\n \\n \\n

`}\\n

\\n Doses default to what's printed on the product. Changing them is up to you \\\\u2014 this app\\n plans food, it doesn't advise on supplements.\\n

\\n

\\n\\n

\\n

Add a supplement

\\n <${ItemPicker} selected=${list} onChange=${toggle} supplements=${true}\\n placeholder=\\\"creatine, collagen, multivitamin\\\\u2026\\\" />\\n

\\n `;\\n}\\n\\nfunction WantedScreen({ settings, onSave, saving }) {\\n const ids = settings.wantedItemIds || [];\\n const toggle = (item, already) => onSave({\\n ...settings,\\n wantedItemIds: already ? ids.filter((x) => x !== item.id) : [...ids, item.id],\\n });\\n\\n return h`<>\\n

\\n

Foods you want in the plan

\\n

\\n Each of these gets worked into the week at least once. Restrictions still win \\\\u2014\\n anything you can't eat stays out even if you pick it.\\n

\\n

\\n\\n ${ids.length > 0 && h`

\\n

${ids.length} chosen

\\n

\\n ${id.replace(/^\\\\w+-/, '').replace(/-/g, ' ')}\\n \\n

\\n

`}\\n\\n

\\n

Find foods

\\n <${ItemPicker} selected=${ids} onChange=${toggle}\\n tags=${[['gut-friendly', 'gut-friendly'], ['fermented', 'fermented'], ['prebiotic', 'prebiotic'], ['high-fibre', 'high fibre']]}\\n placeholder=\\\"kefir, kimchi, oats\\\\u2026\\\" />\\n

\\n `;\\n}\\n\\nconst FREQ_LABEL = {\\n 'every-window': 'every shop',\\n weekly: 'about weekly',\\n sometimes: 'now and then',\\n};\\n\\n// 'auto' is not \\\"on\\\" — it hands the decision to the frequency above, which may\\n// legitimately skip a short window. 'on' overrides that for this plan.\\nconst MAIN_SLOTS = ['breakfast', 'lunch', 'dinner'];\\nconst USE_LABEL = { auto: 'app decides', on: 'on', off: 'off' };\\nconst useOf = (r) => r.use ?? (r.enabled === false ? 'off' : 'auto');\\n\\n/** The three-state control, shared by the recipe list and the new-plan screen. */\\nfunction UseSeg({ recipe, onUse, busy }) {\\n const current = useOf(recipe);\\n return h`

${Object.entries(USE_LABEL).map(([v, label]) => h`\\n `)}

`;\\n}\\n\\nfunction RecipesScreen({ recipes, items, slots, onParse, onSave, onDelete, onPatch, onUse, busy }) {\\n const [text, setText] = useState('');\\n const [draft, setDraft] = useState(null);\\n const [error, setError] = useState(null);\\n const [confirmDelete, setConfirmDelete] = useState(null);\\n\\n if (!recipes) return h`<${Empty} title=\\\"Loading\\\" body=\\\"Fetching your recipes.\\\" />`;\\n\\n const parse = async () => {\\n setError(null);\\n const out = await onParse(text);\\n if (out.error) { setError(out.error); return; }\\n setDraft(out);\\n };\\n\\n const saveDraft = async () => {\\n const r = await onSave(draft.recipe);\\n if (r && r.ok) { setDraft(null); setText(''); }\\n else if (r) setError((r.problems || [r.error]).join('; '));\\n };\\n\\n const setD = (patch) => setDraft({ ...draft, recipe: { ...draft.recipe, ...patch } });\\n\\n return h`<>\\n

\\n

Paste a recipe

\\n

\\n It gets mapped onto real products so it can be costed and counted. You check the\\n mapping before it's saved \\\\u2014 anything the catalog can't match is left out rather\\n than swapped for something else.\\n

\\n \\n \\n \\n \\n ${error && h`

${error}

`}\\n

\\n\\n ${draft && h`

\\n

Check before saving

\\n name\\n setD({ name: e.target.value })} />\\n\\n which meal\\n

${slots.map((sl) => h`\\n `)}

\\n\\n how often\\n

${Object.entries(FREQ_LABEL).map(([f, label]) => h`\\n `)}

\\n\\n

\\n servings it makes\\n setD({ servings: Number(e.target.value) })} />\\n portions\\n

\\n \\n \\n

\\n

\\n ${draft.recipe.servings > 1 && h`

\\n Cooked once and eaten across ${draft.recipe.servings} days.

`}\\n\\n ${(draft.warnings || []).length > 0 && h`

${w}

`}\\n\\n

Ingredients, one serving

\\n

\\n setD({ components: draft.recipe.components.map((x, j) =>\\n (j === i ? { ...x, grams: Number(e.target.value) } : x)) })} />\\n ${(items[c.itemId] || {}).name || c.itemId}\\n \\n

\\n\\n ${draft.recipe.unmatched.length > 0 && h`

\\n

Not counted

\\n

No catalog match, so these are left out of the macros and the list.

\\n

${u}

\\n

`}\\n\\n \\n \\n

`}\\n\\n

\\n

Your recipes

\\n ${recipes.length === 0\\n ? h`

None yet. Anything saved here is placed into the plan first, and the rest is generated around it.

`\\n : recipes.map((r) => h`

\\n

\\n ${r.name}\\n ${r.slot}${r.servings > 1 ? ' \\\\u00b7 serves ' + r.servings : ''}${r.scalePortions ? '' : ' \\\\u00b7 exact portions'}\\n \\n

\\n\\n ${confirmDelete === r.id\\n ? h``\\n : h`<>\\n use it\\n <${UseSeg} recipe=${r} onUse=${onUse} busy=${busy} />\\n how often\\n

${Object.entries(FREQ_LABEL).map(([f, label]) => h`\\n `)}

\\n which meal\\n

${slots.map((sl) => h`\\n `)}

\\n

\\n servings it makes\\n {\\n const n = Number(e.target.value);\\n if (n >= 1 && n <= 12) onPatch(r.id, { servings: n });\\n }} />\\n portions\\n

\\n \\n \\n

\\n

\\n ${useOf(r) === 'on' && r.frequency === 'sometimes' && h`

\\n Forced in, so it appears even in a short window that \\\\u201cnow and then\\\\u201d would skip.

`}\\n `}\\n

`)}\\n

\\n app decides follows \\\\u201chow often\\\\u201d. on forces it into the next plan even\\n when the frequency would skip it. off leaves it out entirely.

\\n

\\n `;\\n}\\n\\nfunction ProofScreen({ proof, onVerify, busy }) {\\n const [pick, setPick] = useState(null);\\n const [result, setResult] = useState(null);\\n const [error, setError] = useState(null);\\n\\n if (!proof) return h`<${Empty} title=\\\"Loading\\\" body=\\\"Fetching the plan.\\\" />`;\\n\\n const card = result ? result.card : proof.card;\\n const open = proof.meals.filter((m) => !m.claimed);\\n\\n const shoot = async (file, mealId) => {\\n setError(null);\\n const b64 = await new Promise((resolve, reject) => {\\n const r = new FileReader();\\n r.onload = () => resolve(String(r.result).split(',')[1]);\\n r.onerror = () => reject(new Error('Could not read that photo'));\\n r.readAsDataURL(file);\\n });\\n const out = await onVerify(mealId, b64, file.type || 'image/jpeg');\\n if (out.error) { setError(out.error); return; }\\n setResult(out);\\n setPick(null);\\n };\\n\\n return h`<>\\n

\\n

${card.verdict}

\\n ${card.mealName && h`

${card.mealName}

`}\\n ${card.day && h`

day ${card.day} \\\\u00b7 ${card.slot}

`}\\n

${card.stamp || card.detail}

\\n ${card.note && h`

${card.note}

`}\\n

\\n\\n ${card.state === 'pass' && h`

\\n

\\n Screenshot the card above and submit it to Vouch. The timestamp is what makes it\\n today’s proof rather than an old screenshot.\\n

\\n

`}\\n\\n ${result && result.identified && result.identified.length > 0 && h`

\\n

What the check saw

\\n

${x}

\\n ${result.reason && h`

${result.reason}

`}\\n ${result.overridden && h`

${result.overridden}

`}\\n

`}\\n\\n ${error && h`

${error}

`}\\n\\n

\\n

Photograph a meal

\\n

\\n Pick the meal you actually cooked. Each one can only be verified once, so a good\\n dinner can’t be claimed twice.\\n

\\n ${open.length === 0\\n ? h`

Every meal in this plan has been verified.

`\\n : h`

\\n \\n ${m.name}day ${m.day} \\\\u00b7 ${m.slot}\\n ${busy && pick === m.id ? 'checking\\\\u2026' : 'photo'}\\n { if (e.target.files[0]) { setPick(m.id); shoot(e.target.files[0], m.id); } }} />\\n \\n \\n

`}\\n

\\n\\n ${proof.proofs.length > 0 && h`

\\n

Verified this plan

\\n

\\n ${p2.mealName}${p2.stamp || ''}\\n ${p2.verdict === 'pass' ? '\\\\u2713' : '\\\\u2717'}\\n

\\n

`}\\n `;\\n}\\n\\n/** Closest to target first — that is the only ordering worth defaulting to. */\\nfunction byFit(a, b) {\\n if (a.fit == null && b.fit == null) return (b.createdAt || 0) - (a.createdAt || 0);\\n if (a.fit == null) return 1;\\n if (b.fit == null) return -1;\\n return a.fit - b.fit;\\n}\\n\\nfunction NewPlanScreen({ onGenerate, phases, busy, error, plan, onClearPlan, recipes, onUse,\\n history, onReusePlan, slots }) {\\n const [days, setDays] = useState(3);\\n // Only worth asking when there is a plan you might have shopped for already.\\n const askBought = !!plan && !plan.shoppedAt;\\n const [bought, setBought] = useState(null);\\n const [confirmClear, setConfirmClear] = useState(false);\\n return h`<>\\n ${askBought && h`

\\n

The plan you are replacing

\\n

Did you buy the food for it? If you did, it goes into the fridge\\n and the next plan is built to eat it rather than to buy it again.

\\n

\\n ${[['no', 'Never shopped'], ['yes', 'Already bought it']].map(([v, label]) => h`\\n `)}\\n

\\n

`}\\n\\n

\\n

Shopping window

\\n \\n \\n ${!busy && askBought && bought === null && h`

\\n Answer the question above first — it decides whether the old shop is counted as food you have.

`}\\n ${!busy && h`

\\n Takes 2–4 minutes. Replaces the current plan; the old one is archived with whatever you recorded against it.

`}\\n

\\n\\n ${(history || []).length > 0 && h`

\\n

Or cook one you already have

\\n

Costs nothing and takes a second — no model call. Closest to your\\n current targets first; the percentage is the average daily miss across energy,\\n protein, carbs and fat.

\\n ${[...history].sort(byFit).slice(0, 8).map((p) => h`

\\n

\\n ${p.days}-day plan\\n ${new Date(p.createdAt).toLocaleDateString()}${p.estCost ? ' · ' + money(p.estCost) : ''}\\n \\n ${p.fit == null ? 'no totals' : 'within ' + p.fit + '%'}\\n

\\n ${p.macros && h`

\\n ${p.macros.kcal} kcal · P${p.macros.protein} C${p.macros.carbs} F${p.macros.fat} a day

`}\\n \\n

`)}\\n

`}\\n\\n ${(recipes || []).length > 0 && h`

\\n

Your recipes in this plan

\\n

“app decides” follows the recipe’s own frequency, which can skip a\\n short window. Set one to on to have it placed regardless.

\\n ${recipes.map((r) => {\\n // A batch needs one slot per serving. Breakfast, lunch and dinner are\\n // interchangeable, so a 4-serving dinner fits a 2-day window; a snack\\n // can only use snack slots. Worth saying now, not after a 3-minute wait.\\n const perDay = MAIN_SLOTS.includes(r.slot)\\n ? (slots || []).filter((s) => MAIN_SLOTS.includes(s)).length\\n : 1;\\n const capacity = Math.max(1, perDay) * days;\\n const tooBig = useOf(r) !== 'off' && (r.servings ?? 1) > capacity;\\n return h`

\\n ${r.name}\\n ${r.slot} · ${FREQ_LABEL[r.frequency] || r.frequency}${r.servings > 1 ? ' · serves ' + r.servings : ''}\\n

\\n <${UseSeg} recipe=${r} onUse=${onUse} busy=${busy} />\\n

\\n ${tooBig && h`

\\n Serves ${r.servings} but this window only has room for ${capacity}, so it is cooked\\n anyway and ${r.servings - capacity} portion(s) end up spare.

`}\\n

`;\\n })}\\n

`}\\n\\n ${plan && !busy && h`

\\n

Clear the current plan

\\n

Leaves you with no plan at all, rather than building a new one.\\n It is archived to Past plans with whatever you recorded against it, and the\\n fridge is left exactly as it is.

\\n ${confirmClear\\n ? h`

\\n \\n \\n

`\\n : h``}\\n

`}\\n\\n ${phases.length > 0 && h`

\\n

Progress

\\n

\\n ${p.phase}${p.round ? ' · round ' + p.round : ''}\\n ${i === phases.length - 1 && busy ? '…' : '✓'}\\n

\\n

`}\\n\\n ${error && h`

Didn’t work

\\n

${error}

`}\\n `;\\n}\\n\\nfunction SetupScreen({ settings, onSave, saving, catalog, onRefreshCatalog, refresh }) {\\n const [s, setS] = useState(settings);\\n useEffect(() => setS(settings), [settings]);\\n const set = (k, v) => setS((c) => ({ ...c, [k]: v }));\\n const setTarget = (k, v) => setS((c) => ({ ...c, targets: { ...c.targets, [k]: Number(v) || 0 } }));\\n\\n const field = (label, key, placeholder) => h`\\n ${label}\\n \\n `;\\n\\n return h`<>\\n

\\n

Daily targets

\\n

\\n ${['kcal', 'protein', 'carbs', 'fat'].map((k) => h`\\n ${k === 'kcal' ? 'energy' : k}\\n setTarget(k, e.target.value)} />\\n `)}\\n

\\n

\\n\\n

\\n

Store

\\n

\\n ${[['pns', \\\"Pak'nSave\\\"], ['ww', 'Woolworths']].map(([v, label]) => h`\\n `)}\\n

\\n

Switching store re-plans — the two carry different stock.

\\n

\\n\\n

\\n

Food

\\n ${field('Restrictions', 'restrictions', 'vegetarian, gluten-free…')}\\n ${field('Never use', 'dislikes', 'olives, coriander…')}\\n ${field('Use often', 'mustInclude', 'eggs, salmon…')}\\n ${field('Goals', 'philosophy', 'max variety, gut-friendly…')}\\n

\\n\\n

\\n

Cooking

\\n How much cooking\\n

${['minimal', 'moderate', 'happy-to-cook'].map((v) => h`\\n `)}

\\n \\n

\\n ${s.effortCeiling === 'minimal'\\n ? 'Repeats are the point: the same lunch several days running is allowed, batch cooking is favoured, and variety checks on meal names switch off.'\\n : s.effortCeiling === 'moderate'\\n ? 'Everyday \";\n","deleted",false,"label",[47,24],"client","5876531c-b2c3-4c1f-93ee-8f8dac9edcf9",["D",1788084579215],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","","imageUrl","userId","ac016058-4dff-4268-a58d-c6377cb09a13","pinnedFileId","ebb4a234-a45a-11f1-9160-1607ee4eb77e","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019f1fab-a2bc-73b7-aa9b-5a23f068d628","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_9":10,"_106":102},"org",{"_9":10,"_99":100,"_101":102,"_58":59,"_103":104,"_105":44},"branch",{"_37":89,"_11":90,"_22":30,"_91":48,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":12,"_98":10},"isOwned",94,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","waka waka","avatar","https://lh3.googleusercontent.com/a/ACg8ocIfPhdrpGDjFrYHrMnU190pz133j3MwBQZnU7s6gdFpOCob2Q=s96-c","tier","free","canRestrictVals","profileImageUrl","ctx",{"_82":-5,"_140":141,"_142":143,"_144":145,"_146":44,"_147":44,"_148":44,"_149":34,"_150":-5,"_151":-7,"_152":-7,"_153":66,"_154":44,"_155":44,"_156":-5,"_157":44,"_158":44,"_159":44,"_160":-5},"ENV",{"_111":112,"_113":114,"_115":90,"_116":117,"_118":119,"_120":121,"_122":123,"_124":125,"_126":127,"_128":129,"_130":131,"_132":133,"_134":135,"_136":137,"_138":139},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town","orgs",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]