[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_208":209,"_210":211},"routes/_app.x.$handle.$name",{"_95":94,"_31":43,"_104":85,"_26":51,"_13":14,"_105":-5,"_11":106,"_107":108,"_109":110,"_111":112,"_113":114,"_20":-5,"_115":-5,"_116":-5,"_117":24,"_118":119,"_120":24,"_121":-5,"_122":-5,"_123":124},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_41":42,"_31":43,"_36":44,"_45":-5,"_46":24,"_47":48,"_49":48,"_50":51,"_52":-5,"_18":53,"_54":55,"_56":57,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":24},"version",7,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":32,"_33":20,"_34":35,"_36":37,"_38":14,"_39":40,"_23":24},"previous","deleted",false,"deletedHere","path","src/catalog.mjs","latestPath","fileId","eaeea2fa-a45a-11f1-8d94-1607ee4eb77e","name","catalog.mjs","fileType","content","// Catalog access + free-text parsing.\n\nexport function indexCatalog(catalogFile) {\n const byId = Object.create(null);\n for (const it of catalogFile.items) byId[it.id] = it;\n return byId;\n}\n\nexport function groupMembers(catalog, group, store) {\n return Object.values(catalog).filter(\n (it) => it.substituteGroup === group && (!store || it.store === store),\n );\n}\n\n/** Split free text (\"mushrooms, coriander; olives\") into lowercase terms. */\nexport function parseTerms(text) {\n if (!text) return [];\n return String(text)\n .split(/[,;\\n]/)\n .map((t) => t.trim().toLowerCase())\n .filter((t) => t.length > 1);\n}\n\n/**\n * Does a catalog item match a free-text term? Matches on name, substitute group\n * and category, with naive singularisation so \"mushrooms\" catches \"Mushroom\".\n *\n * This is a SUGGESTION engine, not a decision engine. \"olives\" matches \"Olive\n * Oil\" and no amount of stemming fixes that — the fix is resolveDislikes()\n * below, which turns fuzzy terms into a concrete list the user confirms.\n */\nexport function itemMatchesTerm(item, term) {\n const t = term.toLowerCase().trim();\n // Try every plausible stem rather than picking one: \"olives\" → oliv/olive/olives,\n // \"boxes\" → box/boxe/boxes. Guessing a single stem silently drops matches.\n const stems = new Set([t]);\n if (t.endsWith('es')) stems.add(t.slice(0, -2));\n if (t.endsWith('s')) stems.add(t.slice(0, -1));\n const hay = `${item.name} ${item.substituteGroup} ${item.category}`.toLowerCase().replace(/-/g, ' ');\n const esc = (s) => s.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n for (const s of stems) {\n if (s.length < 3) continue;\n if (new RegExp(`\\\\b${esc(s)}(s|es)?\\\\b`, 'i').test(hay)) return true;\n }\n return false;\n}\n\n/**\n * Turn free-text dislikes into concrete candidate items for the user to\n * confirm. Fuzzy matching decides what to SHOW; the user decides what counts.\n */\nexport function resolveDislikes(text, catalog, { store } = {}) {\n return parseTerms(text).map((term) => ({\n term,\n matches: Object.values(catalog)\n .filter((it) => (!store || it.store === store) && itemMatchesTerm(it, term))\n .map((it) => ({ id: it.id, name: it.name, substituteGroup: it.substituteGroup })),\n }));\n}\n\n/**\n * Diet patterns we can actually check against inferred `contains` flags.\n * Anything not in here stays free text for the model and is reported as\n * unverified — the validator never claims to have checked what it can't.\n */\nexport const DIET_RULES = [\n { label: 'vegan', match: /\\bvegan\\b/i, forbids: ['meat', 'fish', 'shellfish', 'dairy', 'egg'] },\n { label: 'vegetarian', match: /\\bvegetarian\\b/i, forbids: ['meat', 'fish', 'shellfish'] },\n { label: 'pescatarian', match: /\\bpescatarian\\b/i, forbids: ['meat'] },\n { label: 'dairy-free', match: /\\b(dairy[- ]free|no dairy|lactose)\\b/i, forbids: ['dairy'] },\n { label: 'gluten-free', match: /\\b(gluten[- ]free|no gluten|coeliac|celiac)\\b/i, forbids: ['gluten'] },\n { label: 'nut-free', match: /\\b(nut[- ]free|no nuts|nut allergy)\\b/i, forbids: ['nuts'] },\n { label: 'sesame-free', match: /\\b(sesame[- ]free|no sesame)\\b/i, forbids: ['sesame'] },\n { label: 'egg-free', match: /\\b(egg[- ]free|no eggs?)\\b/i, forbids: ['egg'] },\n { label: 'soy-free', match: /\\b(soy[- ]free|no soy)\\b/i, forbids: ['soy'] },\n { label: 'shellfish-free', match: /\\b(shellfish[- ]free|no shellfish)\\b/i, forbids: ['shellfish'] },\n { label: 'no-pork', match: /\\b(no pork|pork[- ]free|halal|kosher)\\b/i, forbids: ['pork'] },\n];\n\nexport function parseRestrictions(text) {\n const raw = String(text || '');\n const recognised = DIET_RULES.filter((r) => r.match.test(raw));\n const forbids = [...new Set(recognised.flatMap((r) => r.forbids))];\n // Clauses that matched nothing we can check.\n const unverified = parseTerms(raw).filter(\n (clause) => !recognised.some((r) => r.match.test(clause)),\n );\n return { recognised: recognised.map((r) => r.label), forbids, unverified };\n}\n","createdAt",["D",1788084582048],"branchVersion","branchId","1292f370-aeda-42ab-9f99-660cd13fe90d","id","5876531c-b2c3-4c1f-93ee-8f8dac9edcf9","mealplanner",["D",1788084579215],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","","imageUrl","ac016058-4dff-4268-a58d-c6377cb09a13","pinnedFileId","ebb4a234-a45a-11f1-9160-1607ee4eb77e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019f1fab-a2bc-73b7-aa9b-5a23f068d628","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_95":94,"_103":99},"org",{"_95":94,"_96":97,"_98":99,"_18":53,"_100":101,"_102":24},"branch",{"_13":84,"_31":85,"_41":40,"_86":42,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":43,"_93":94},"isOwned",94,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","wakawaka1","handle","displayName","waka waka","avatar","https://lh3.googleusercontent.com/a/ACg8ocIfPhdrpGDjFrYHrMnU190pz133j3MwBQZnU7s6gdFpOCob2Q=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_41":42,"_31":43,"_36":204,"_45":-5,"_46":24,"_47":48,"_49":48,"_50":51,"_52":-5,"_18":53,"_54":55,"_56":57,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":205,"_79":206,"_81":207,"_83":24},"tree",[153,157],"files",[153,154,155,156,157,158,159],"counts",{"_143":61,"_144":140,"_145":61,"_146":147,"_148":149},"contents",[125,126],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_41":137,"_31":138,"_29":139,"_130":-5,"_39":40,"_38":140,"_132":57,"_36":141,"_13":61,"_33":134,"_34":-5,"_23":24,"_135":-5,"_26":142},{"_41":127,"_31":128,"_29":129,"_130":-5,"_39":40,"_38":131,"_132":57,"_36":133,"_13":61,"_33":134,"_34":-5,"_23":24,"_135":-5,"_26":136},"13783cce-18a7-4d07-8383-5a78cbd51537","src","ea6d22f2-a45a-11f1-a34b-1607ee4eb77e","parentId",2,"latest",["D",1788084581210],"directory","label",[128],"8b73580c-8619-4b4b-830c-c39cdd08dbf5","client","ea3d34b6-a45a-11f1-9160-1607ee4eb77e",1,["D",1788084580897],[138],"pulls","branches","forks","envVars",{"_150":131,"_152":61},"connections",{"_150":61,"_151":61},"count","unfilledCount","emptyCount",{"_41":137,"_31":138,"_29":139,"_130":-5,"_39":40,"_38":140,"_132":57,"_36":201,"_13":61,"_33":134,"_34":-5,"_23":24,"_135":-5,"_166":202,"_26":203},{"_41":193,"_31":194,"_29":195,"_130":139,"_39":40,"_38":196,"_132":24,"_36":197,"_13":61,"_33":181,"_34":198,"_23":24,"_135":-5,"_166":199,"_26":200},{"_41":185,"_31":186,"_29":187,"_130":139,"_39":40,"_38":188,"_132":24,"_36":189,"_13":61,"_33":181,"_34":190,"_23":24,"_135":-5,"_166":191,"_26":192},{"_41":176,"_31":177,"_29":178,"_130":139,"_39":40,"_38":179,"_132":24,"_36":180,"_13":61,"_33":181,"_34":182,"_23":24,"_135":-5,"_166":183,"_26":184},{"_41":127,"_31":128,"_29":129,"_130":-5,"_39":40,"_38":131,"_132":57,"_36":173,"_13":61,"_33":134,"_34":-5,"_23":24,"_135":-5,"_166":174,"_26":175},{"_41":169,"_31":32,"_29":30,"_130":129,"_39":40,"_38":14,"_132":57,"_36":170,"_13":61,"_33":20,"_34":35,"_23":24,"_135":-5,"_166":171,"_26":172},{"_41":160,"_31":161,"_29":162,"_130":129,"_39":40,"_38":163,"_132":57,"_36":164,"_13":61,"_33":20,"_34":165,"_23":24,"_135":-5,"_166":167,"_26":168},"4de1d0e4-4c73-4ff8-a792-d5d6a005cdbb","compute.mjs","eaea6e42-a45a-11f1-891f-1607ee4eb77e",6,["D",1788084582037],"// Phase B — compute. The ONLY place macros are calculated.\n// Anything a model claimed about numbers is discarded here, not merged.\n\nconst ZERO = () => ({ kcal: 0, protein: 0, carbs: 0, fat: 0, fibre: 0 });\n\nconst add = (a, b, f = 1) => {\n a.kcal += b.kcal * f;\n a.protein += b.protein * f;\n a.carbs += b.carbs * f;\n a.fat += b.fat * f;\n a.fibre += (b.fibre || 0) * f;\n return a;\n};\n\nexport const roundMacros = (m) => ({\n kcal: Math.round(m.kcal),\n protein: Math.round(m.protein),\n carbs: Math.round(m.carbs),\n fat: Math.round(m.fat),\n});\n\n/**\n * Actual grams for a component amount.\n * For packUnit 'ea', `amount` is a COUNT of units, not a weight.\n */\nexport function gramsOf(item, amount) {\n if (!item) return 0;\n return item.packUnit === 'ea' ? amount * (item.unitGrams || 0) : amount;\n}\n\n/** Exact (unrounded) macros for one meal, plus any component ids that didn't resolve. */\nexport function computeMeal(meal, catalog) {\n const exact = ZERO();\n const unresolved = [];\n for (const c of meal.components || []) {\n const item = catalog[c.itemId];\n if (!item) { unresolved.push(c.itemId); continue; }\n if (!item.per100) { unresolved.push(c.itemId); continue; }\n add(exact, item.per100, gramsOf(item, c.grams) / 100);\n }\n return { exact, unresolved };\n}\n\n/**\n * Compute a whole plan. Returns a NEW plan with computed macros written by this\n * function only, plus exact figures for the validator to work from.\n * Rounding happens once, at the display boundary — per-day totals are summed\n * from exact meal values so they never drift from the meals they contain.\n */\nexport function computePlan(plan, catalog) {\n const byMeal = new Map();\n const unresolved = [];\n\n const meals = (plan.meals || []).map((meal) => {\n const { exact, unresolved: u } = computeMeal(meal, catalog);\n byMeal.set(meal.id, exact);\n for (const id of u) unresolved.push({ mealId: meal.id, itemId: id });\n // Overwrite, never merge: a model-supplied `computed` is discarded here.\n return { ...meal, computed: roundMacros(exact) };\n });\n\n const perDayExact = [];\n for (let d = 1; d <= plan.days; d++) {\n const t = ZERO();\n for (const m of meals) if (m.day === d) add(t, byMeal.get(m.id));\n perDayExact.push({ day: d, ...t });\n }\n\n const overallExact = ZERO();\n for (const t of perDayExact) add(overallExact, t);\n\n return {\n plan: {\n ...plan,\n meals,\n totals: {\n perDay: perDayExact.map((t) => ({ day: t.day, ...roundMacros(t) })),\n overall: roundMacros(overallExact),\n estCost: plan.totals?.estCost ?? 0,\n },\n },\n exact: { byMeal, perDay: perDayExact, overall: overallExact },\n unresolved,\n };\n}\n","children",[],[128,161],"0fd87aa2-a090-4173-b317-f2cd365ef39b",["D",1788084582048],[],[128,32],["D",1788084581210],[158,159],[128],"7835ca63-acc1-4a29-8948-9a5c98075cde","index.ts","eab9f316-a45a-11f1-891f-1607ee4eb77e",4,["D",1788084581718],"script","// GENERATED. Rebuild with: node scripts/build-deploy.mjs\nimport { PART as P1 } from './app1.ts';\nimport { PART as P2 } from './app2.ts';\nimport { CSS } from './css.ts';\n\n// Split only because of the 80,000-character file limit — it is one script.\nexport const APP_JS = P1 + P2;\n\nexport const CLIENT_HTML = `\n\n\n\n\n\nMeal planner\n\n\n\n

\n\n\n`;\n\nexport { CSS };\n",[],[138,177],"d6f5a7b8-509d-44c0-9c3f-48c210f4423f","app2.ts","eaa6b42c-a45a-11f1-95c7-1607ee4eb77e",3,["D",1788084581588],"// GENERATED part 2 of 2. Edit ui/client-app.js instead.\nexport const PART = \"meal names beyond the variety setting.'\\n : 'Happy to cook: more involved meals and more variety across the week.'}\\n

\\n Variety\\n

${['relaxed', 'normal', 'strict'].map((v) => h`\\n `)}

\\n \\n Meals per day\\n

${['breakfast', 'lunch', 'dinner', 'snack'].map((v) => h`\\n `)}

\\n \\n \\n\\n

\\n \\n

\\n\\n

\\n

Send to the tracker

\\n

Only meals you marked as eaten. Unrecorded ones stay out rather than being assumed.

\\n

\\n Download CSV\\n View JSON\\n

\\n

\\n `;\\n}\\n\\nfunction Empty({ title, body }) {\\n return h`

${title}

\\n

${body}

`;\\n}\\n\\n/* ── shell ────────────────────────────────────────────────────────────── */\\n\\n// Five tabs, chosen by how often you'd actually press them in a cycle.\\n// Everything else is configuration or review and lives behind \\\"more\\\" — a\\n// thirteen-tab bar is 29px per tab on a phone, which is no bar at all.\\nconst TABS = [['plan', 'plan'], ['shop', 'shop'], ['proof', 'proof'], ['prep', 'prep'], ['more', 'more']];\\n\\nconst MORE = [\\n ['new', 'New plan', 'Build the next few days'],\\n ['fridge', 'Fridge', 'What is left over, and what to use first'],\\n ['store', 'In the aisle', 'Stuck on an item while shopping'],\\n ['recipes', 'My recipes', 'Meals you want in the plan'],\\n ['wanted', 'Foods I want', 'Ingredients to work in, gut-friendly and otherwise'],\\n ['supps', 'Supplements', 'Daily doses, counted in your macros'],\\n ['labels', 'Nutrition panels', 'Replace estimated numbers with the real ones'],\\n ['history', 'Past plans', 'Previous shops and how closely you followed them'],\\n ['setup', 'Settings', 'Targets, store, restrictions, effort and variety'],\\n];\\n\\nfunction MoreScreen({ go }) {\\n return h`

\\n

Everything else

\\n

\\n \\n

\\n

`;\\n}\\n\\nfunction LockScreen({ onUnlock, error, busy }) {\\n const [pin, setPin] = useState('');\\n return h`

\\n

Locked

\\n

Meal planner

\\n

\\n PIN\\n setPin(e.target.value)}\\n onKeyDown=${(e) => e.key === 'Enter' && pin && onUnlock(pin)} />\\n \\n ${error && h`

${error}

`}\\n

Asked once per device.

\\n

`;\\n}\\n\\nfunction App() {\\n const [state, setState] = useState(null);\\n const [locked, setLocked] = useState(null);\\n const [pinError, setPinError] = useState(null);\\n const [tab, setTab] = useState('plan');\\n const [phases, setPhases] = useState([]);\\n const [busy, setBusy] = useState(false);\\n const [saving, setSaving] = useState(false);\\n const [error, setError] = useState(null);\\n const [useFirstList, setUseFirstList] = useState([]);\\n const [history, setHistory] = useState(null);\\n const [labels, setLabels] = useState(null);\\n const [busyMeal, setBusyMeal] = useState(null);\\n const [recipes, setRecipes] = useState(null);\\n const [proof, setProof] = useState(null);\\n\\n const unlock = async (pin) => {\\n setSaving(true); setPinError(null);\\n try { await api('/api/auth', { method: 'POST', body: { pin } }); setLocked(false); }\\n catch { setPinError('That PIN was not right.'); }\\n finally { setSaving(false); }\\n };\\n\\n const load = useCallback(async () => {\\n try {\\n const gate = await api('/api/auth').catch(() => ({ required: false, authed: true }));\\n if (gate.required && !gate.authed) { setLocked(true); return; }\\n setLocked(false);\\n const s = await api('/api/state');\\n setState(s);\\n if (!s.plan) setTab('new');\\n const uf = await api('/api/use-first').catch(() => ({ useFirst: [] }));\\n setUseFirstList(uf.useFirst || []);\\n api('/api/history').then((r) => setHistory(r.plans)).catch(() => setHistory([]));\\n api('/api/labels').then(setLabels).catch(() => setLabels({ captured: [], queue: [] }));\\n api('/api/recipes').then((r) => setRecipes(r.recipes)).catch(() => setRecipes([]));\\n api('/api/proof').then(setProof).catch(() => setProof({ meals: [], proofs: [], card: { state: 'none', verdict: 'No meal verified yet' } }));\\n } catch (err) { setError(err.message); }\\n }, []);\\n\\n useEffect(() => { load(); }, [load]);\\n useEffect(() => { if (locked === false && !state) load(); }, [locked]);\\n\\n const onStatus = (mealId, status) => {\\n // Optimistic: the tap should feel instant in an aisle with bad signal.\\n setState((s) => ({ ...s, plan: { ...s.plan,\\n meals: s.plan.meals.map((m) => (m.id === mealId ? { ...m, status: status || undefined } : m)) } }));\\n serialise(async () => {\\n try {\\n const r = await api('/api/meal-status', { method: 'POST',\\n body: { planId: state.plan.id, mealId, status } });\\n setState((s) => ({ ...s, adherence: r.adherence }));\\n } catch (err) { setError(err.message); load(); }\\n });\\n };\\n\\n const onLock = (mealId, locked) => {\\n setState((s) => ({ ...s, plan: { ...s.plan,\\n meals: s.plan.meals.map((m) => (m.id === mealId ? { ...m, locked } : m)) } }));\\n serialise(() => api('/api/meal-lock', { method: 'POST', body: { mealId, locked } })\\n .catch((err) => { setError(err.message); load(); }));\\n };\\n\\n const onRegenerate = async (mealId) => {\\n setBusyMeal(mealId); setError(null);\\n try { await api('/api/meal-regenerate', { method: 'POST', body: { mealId } }); await load(); }\\n catch (err) { setError(err.message); }\\n finally { setBusyMeal(null); }\\n };\\n\\n const onReadLabel = async (itemId, imageBase64, mediaType) => {\\n try { return await api('/api/label/read', { method: 'POST', body: { itemId, imageBase64, mediaType } }); }\\n catch (err) { return { ok: false, problems: [err.message], per100: {} }; }\\n };\\n\\n const onConfirmLabel = async (itemId, per100) => {\\n setSaving(true);\\n try {\\n const r = await api('/api/label/confirm', { method: 'POST', body: { itemId, per100 } });\\n setLabels(await api('/api/labels'));\\n await load();\\n return r;\\n } catch (err) { return { ok: false, error: err.message }; }\\n finally { setSaving(false); }\\n };\\n\\n const onForgetLabel = async (itemId) => {\\n try { await api('/api/label/' + itemId, { method: 'DELETE' }); setLabels(await api('/api/labels')); await load(); }\\n catch (err) { setError(err.message); }\\n };\\n\\n const verifiedIds = new Set(((proof && proof.proofs) || [])\\n .filter((p) => p.verdict === 'pass').map((p) => p.mealId));\\n\\n const onClearProof = async (mealId) => {\\n try {\\n await api('/api/proof/' + mealId, { method: 'DELETE' });\\n setProof(await api('/api/proof'));\\n await load();\\n } catch (err) { setError(err.message); }\\n };\\n\\n const onVerifyMeal = async (mealId, imageBase64, mediaType) => {\\n setSaving(true);\\n try {\\n const r = await api('/api/proof/verify', { method: 'POST', body: { mealId, imageBase64, mediaType } });\\n setProof(await api('/api/proof'));\\n await load();\\n return r;\\n } catch (err) { return { error: err.message }; }\\n finally { setSaving(false); }\\n };\\n\\n const onParseRecipe = async (text) => {\\n setSaving(true);\\n try { return await api('/api/recipes/parse', { method: 'POST', body: { text } }); }\\n catch (err) { return { error: err.message }; }\\n finally { setSaving(false); }\\n };\\n\\n const onSaveRecipe = async (recipe) => {\\n setSaving(true);\\n try {\\n const r = await api('/api/recipes', { method: 'PUT', body: { recipe } });\\n setRecipes((await api('/api/recipes')).recipes);\\n return r;\\n } catch (err) { return { ok: false, error: err.message }; }\\n finally { setSaving(false); }\\n };\\n\\n const onDeleteRecipe = async (id) => {\\n try { await api('/api/recipes/' + id, { method: 'DELETE' }); setRecipes((await api('/api/recipes')).recipes); }\\n catch (err) { setError(err.message); }\\n };\\n\\n const onGenerate = async (days) => {\\n setBusy(true); setPhases([]); setError(null);\\n try {\\n const res = await fetch('/api/plan', {\\n method: 'POST', headers: { 'content-type': 'application/json' },\\n body: JSON.stringify({ days }),\\n });\\n if (!res.ok) throw new Error((await res.json().catch(() => ({}))).error || 'Request failed');\\n\\n const reader = res.body.getReader();\\n const decoder = new TextDecoder();\\n let buf = '';\\n for (;;) {\\n const { value, done } = await reader.read();\\n if (done) break;\\n buf += decoder.decode(value, { stream: true });\\n const lines = buf.split('\\\\n');\\n buf = lines.pop();\\n for (const line of lines) {\\n if (!line.trim()) continue;\\n const ev = JSON.parse(line);\\n if (ev.type === 'phase') setPhases((p) => [...p, { phase: ev.phase, round: ev.round }]);\\n if (ev.type === 'error') throw new Error(ev.error);\\n if (ev.type === 'done') { await load(); setTab('plan'); }\\n }\\n }\\n } catch (err) { setError(err.message); }\\n finally { setBusy(false); }\\n };\\n\\n const onSave = async (settings) => {\\n setSaving(true);\\n try {\\n await api('/api/settings', { method: 'PUT', body: { settings, rev: state.settingsRev } });\\n await load();\\n } catch (err) { setError(err.message); }\\n finally { setSaving(false); }\\n };\\n\\n const onShopComplete = async () => {\\n setBusy(true);\\n try { await api('/api/shop-complete', { method: 'POST', body: {} }); await load(); setTab('fridge'); }\\n catch (err) { setError(err.message); }\\n finally { setBusy(false); }\\n };\\n\\n if (locked) return h`<${LockScreen} onUnlock=${unlock} error=${pinError} busy=${saving} />`;\\n\\n if (!state) {\\n return h`

\\n

Meal planner

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

`;\\n }\\n\\n const { plan, items, settings, stock } = state;\\n\\n return h`

\\n

${settings.store === 'pns' ? \\\"Pak'nSave\\\" : 'Woolworths'}${plan ? ' · ' + plan.days + ' days' : ''}

\\n ${!['plan', 'shop', 'proof', 'prep', 'more'].includes(tab) && h`\\n `}\\n

${tab === 'setup' ? 'Settings' : tab === 'new' ? 'New plan'\\n : tab === 'store' ? 'In the aisle' : 'This week’s plan'}

\\n

\\n\\n ${state.catalog.stale && h``}\\n ${error && h``}\\n ${tab === 'plan' && plan && h`<${Banner} validation=${plan.validation} />`}\\n\\n ${tab === 'plan' && h`<${PlanScreen} plan=${plan} items=${items} onStatus=${onStatus}\\n onLock=${onLock} onRegenerate=${onRegenerate} onClearProof=${onClearProof}\\n busyMeal=${busyMeal} verified=${verifiedIds} />`}\\n ${tab === 'shop' && h`<${ShopScreen} plan=${plan} items=${items} onShopComplete=${onShopComplete}\\n onAisle=${() => setTab('store')} busy=${busy} />`}\\n ${tab === 'more' && h`<${MoreScreen} go=${setTab} />`}\\n ${tab === 'store' && h`<${StoreScreen} plan=${plan} items=${items} onReload=${load} />`}\\n ${tab === 'fridge' && h`<${FridgeScreen} stock=${stock} items=${items} adherence=${state.adherence} useFirstList=${useFirstList} />`}\\n ${tab === 'prep' && h`<${PrepScreen} plan=${plan} />`}\\n ${tab === 'history' && h`<${HistoryScreen} history=${history} />`}\\n ${tab === 'proof' && h`<${ProofScreen} proof=${proof} onVerify=${onVerifyMeal} busy=${saving} />`}\\n ${tab === 'recipes' && h`<${RecipesScreen} recipes=${recipes} items=${items} slots=${settings.slotsPerDay}\\n onParse=${onParseRecipe} onSave=${onSaveRecipe} onDelete=${onDeleteRecipe} busy=${saving} />`}\\n ${tab === 'supps' && h`<${SupplementsScreen} settings=${settings} plan=${plan} onSave=${onSave} saving=${saving} />`}\\n ${tab === 'wanted' && h`<${WantedScreen} settings=${settings} onSave=${onSave} saving=${saving} />`}\\n ${tab === 'labels' && h`<${LabelsScreen} labels=${labels} items=${items}\\n onRead=${onReadLabel} onConfirm=${onConfirmLabel} onForget=${onForgetLabel} busy=${saving} />`}\\n ${tab === 'new' && h`<${NewPlanScreen} onGenerate=${onGenerate} phases=${phases} busy=${busy} error=${null} />`}\\n ${tab === 'setup' && h`<${SetupScreen} settings=${settings} onSave=${onSave} saving=${saving} />`}\\n\\n

≈ marks nutrition estimated from product type rather than read off a packet.

\\n\\n \\n

`;\\n}\\n\\nReactDOM.createRoot(document.getElementById('root')).render(h`<${App} />`);\";\n",[],[138,186],"942b3856-6212-4a18-8f5e-44c4190e2b41","app1.ts","eaca98ba-a45a-11f1-8830-1607ee4eb77e",5,["D",1788084581686],"// 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\\nconst BANDS = { kcal: 0.05, carbs: 0.15, fat: 0.15 };\\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\\nasync function api(path, opts = {}) {\\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}\\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 }) {\\n const isFloor = metric === 'protein';\\n const r = isFloor ? floorRail(actual, target) : 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\\nfunction PlanScreen({ plan, items, onStatus }) {\\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

\\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

\\n ${amount}\\n ${it.name || c.itemId}${it.estimated && h`^≈`}\\n

\\n\\n

${s}

\\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 ${primary.name || l.primaryItemId}\\n ${money(l.estCost)}\\n \\n \\n ${l.packsToBuy}×${size}\\n need ${l.requiredGrams}${l.packUnit === 'ea' ? '' : l.packUnit}\\n ${l.fromStockGrams > 0 && h`${l.fromStockGrams}g on hand`}\\n ${l.surplusGrams > 0 && h`\\n ${l.surplusGrams}${l.packUnit === 'ea' ? '' : 'g'} over${l.carryForward ? ' · keeps' : ''}`}\\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\\nfunction FridgeScreen({ stock, items, adherence, useFirstList }) {\\n const total = adherence && adherence.decided;\\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

In the fridge

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

Nothing carried over. It fills up when you mark meals and finish a shop.

`\\n : h`

\\n ${it.name || e.itemId}${e.note || e.source}\\n ${Math.round(e.grams)}${e.unit === 'ea' ? '' : (e.unit || 'g')}\\n \\n ${e.expired ? 'expired' : e.remainingDays <= 0 ? 'use today' : e.remainingDays + 'd left'}\\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\\nfunction RecipesScreen({ recipes, items, slots, onParse, onSave, onDelete, busy }) {\\n const [text, setText] = useState('');\\n const [draft, setDraft] = useState(null);\\n const [error, setError] = 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 : h`

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

`}\\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\\nfunction NewPlanScreen({ onGenerate, phases, busy, error }) {\\n const [days, setDays] = useState(3);\\n return h`<>\\n

\\n

Shopping window

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

\\n Takes 30–90 seconds. Replaces the current plan; the old one is archived with whatever you recorded against it.

`}\\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 }) {\\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 cooking. Some batching, no repeated \";\n",[],[138,194],["D",1788084580897],[154,155,156],[138],["D",1788084579215],{"_95":94,"_103":99},{"_95":94,"_96":97,"_98":99,"_18":53,"_100":101,"_102":24},{"_13":84,"_31":85,"_41":40,"_86":42,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":43,"_93":94},"ctx",{"_77":-5,"_122":241,"_242":243,"_244":245,"_246":24,"_247":24,"_248":24,"_249":57,"_250":-5,"_251":-7,"_252":-7,"_253":61,"_254":24,"_255":24,"_256":-5,"_257":24,"_258":24,"_259":24,"_260":-5},"ENV",{"_212":213,"_214":215,"_216":85,"_217":218,"_219":220,"_221":222,"_223":224,"_225":226,"_227":228,"_229":230,"_231":232,"_233":234,"_235":236,"_237":238,"_239":240},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v7