);
}
function StatTile({ label, value, unit, sub, accent }) {
return (
{label}
{value}{unit ? {unit} : null}
{sub ?
{sub}
: null}
);
}
function Toast({ message, type = 'ok', onDone }) {
useEffect(() => {
const t = setTimeout(onDone, 2400);
return () => clearTimeout(t);
}, [onDone]);
return
{message}
;
}
function ToastHost({ toasts, dismiss }) {
return (
{toasts.map(t => dismiss(t.id)} />)}
);
}
/* ---------- Claude wrapper for nutrition lookup ---------- */
async function claudeLookupSingle(text, onProgress) {
// Step 1: extract item summaries (compact — name/serving only)
const summaries = await extractItemSummaries(text);
if (!summaries.length) return { items: [] };
if (onProgress) onProgress({ stage: 'parsing', total: summaries.length, done: 0 });
// Step 2: enrich with nutrition in batches
const items = await enrichItemsBatched(summaries, (done, total) => {
if (onProgress) onProgress({ stage: 'looking up', total, done });
});
return { items };
}
async function claudeLookupMulti(text, onProgress) {
// Step 1: parse free-form notes into structured summaries with meal + date
const summaries = await extractItemSummariesMulti(text);
if (!summaries.length) return { items: [] };
if (onProgress) onProgress({ stage: 'parsing', total: summaries.length, done: 0 });
// Step 2: enrich each with full nutrition in batches
const items = await enrichItemsBatched(summaries, (done, total) => {
if (onProgress) onProgress({ stage: 'looking up', total, done });
});
return { items };
}
/* Step 1a — single-meal Log Food: just split into items */
async function extractItemSummaries(text) {
const prompt = `Parse the food entry below into a list of separate items. Could be one item or many. Return ONLY a JSON array, no markdown.
Entry:
"""
${text}
"""
Each item: {"name": "clean canonical name", "serving": "e.g. 1 cup, 12 oz, 1 medium"}
Return: [{"name": "...", "serving": "..."}]`;
const raw = await window.claude.complete(prompt);
const parsed = extractJSON(raw);
if (Array.isArray(parsed)) return parsed;
if (parsed.items) return parsed.items;
return [parsed];
}
/* Step 1b — Paste Day: split with meal + date */
async function extractItemSummariesMulti(text) {
const prompt = `Parse the free-form food notes below into a list of items. Notes may include multiple days, multiple meals, bullet points, or running prose. Return ONLY a JSON array, no markdown, no explanation.
Notes:
"""
${text}
"""
Each item must have: {"name": "...", "serving": "...", "meal": "Breakfast"|"Lunch"|"Dinner"|"Snack"|"Water", "date": "YYYY-MM-DD or null"}
- If a section header mentions a meal (Breakfast, Lunch, Dinner, Snack, Water), tag items under it with that meal.
- If a date is mentioned (any format), convert to YYYY-MM-DD and tag items under it. If no date, use null.
- If the item is plain water (just "water" or "X oz water"), set meal to "Water" and include the oz in the name.
- Each individual food/drink should be its own item.
Return: [{"name": "...", "serving": "...", "meal": "...", "date": "..."}]`;
const raw = await window.claude.complete(prompt);
const parsed = extractJSON(raw);
if (Array.isArray(parsed)) return parsed;
if (parsed.items) return parsed.items;
return [parsed];
}
/* Step 2 — enrich a batch of items with full nutrition */
async function enrichItemsBatched(summaries, onProgress) {
const BATCH = 3; // keeps each response well under token cap
const all = [];
for (let i = 0; i < summaries.length; i += BATCH) {
const batch = summaries.slice(i, i + BATCH);
const enriched = await enrichBatch(batch);
all.push(...enriched);
if (onProgress) onProgress(all.length, summaries.length);
}
return all;
}
async function enrichBatch(items) {
const listText = items.map((it, i) => `${i + 1}. ${it.name}${it.serving ? ' (' + it.serving + ')' : ''}`).join('\n');
const prompt = `Look up nutrition for each of these food items. Return ONLY a JSON array (no markdown) with one object per item, in the same order:
Items:
${listText}
For each item return:
{
"name": "clean canonical name",
"servingDescription": "serving as described",
"calories": number, "fat": number, "satFat": number, "transFat": number,
"cholesterol": number, "sodium": number, "carbs": number, "fiber": number,
"sugar": number, "protein": number,
"vitA": number, "vitB6": number, "vitB12": number, "vitC": number, "vitD": number,
"calcium": number, "iron": number, "potassium": number,
"caffeine": number, "water": number,
"other": "short string of additional micros"
}
Units: g for fat/carbs/fiber/sugar/protein; mg for cholesterol/sodium/calcium/iron/potassium/caffeine/vitB6/vitC; mcg for vitA/vitB12/vitD; oz for water (drinks only, else 0). Use 0 when not applicable.
Return: [{...}, {...}, ...]`;
const raw = await window.claude.complete(prompt);
const parsed = extractJSON(raw);
const arr = Array.isArray(parsed) ? parsed : (parsed.items || [parsed]);
// Merge meal/date from summaries back in
return arr.map((nutri, idx) => ({
...nutri,
meal: items[idx] && items[idx].meal ? items[idx].meal : nutri.meal,
date: items[idx] && items[idx].date ? items[idx].date : nutri.date
}));
}
async function claudeInsight(todayTotals, weekAvg, goals, recentTrend) {
const prompt = `You are a sports nutrition coach for a 150-lb mountain bike cyclist focused on athletic performance and health. Given today's nutrition, the past week's average, and goals, write ONE concise insight (2-4 short sentences, under 60 words). Focus on what to improve TODAY or tomorrow for cycling performance. Use a direct, coach-like tone — no greeting, no signoff, no markdown. Talk in first person to the athlete ("you").
TODAY (so far): ${JSON.stringify(todayTotals)}
WEEK AVG: ${JSON.stringify(weekAvg)}
GOALS: ${JSON.stringify(goals)}
14-DAY TREND (cal/protein/carbs/water by day, oldest first): ${JSON.stringify(recentTrend)}
Return ONLY a JSON object: {"headline": "5-7 words", "body": "your 2-4 sentence insight", "tags": ["1-3 short topic tags like 'carbs', 'hydration', 'protein timing'"]}`;
const raw = await window.claude.complete(prompt);
return extractJSON(raw);
}
async function claudeCoachAnswer(question, ctx, currentInsight, history) {
const histStr = (history || []).slice(-4).map(t => `ATHLETE: ${t.q}\nCOACH: ${t.a}`).join('\n\n');
const prompt = `You are a sports nutrition, performance, and training coach for a 150-lb mountain bike cyclist. Answer the athlete's question with practical, specific advice grounded in their actual data when relevant. Use a direct, coach-like tone. Keep it concise (3-6 sentences, under 130 words). Plain prose only — no markdown headers, no bullet lists unless truly needed, no greeting, no signoff. Talk to them as "you". If the question is outside nutrition/performance/training, answer briefly but steer back to what you can help with.
ATHLETE'S DATA:
- Today so far: ${JSON.stringify(ctx.today)}
- 7-day average: ${JSON.stringify(ctx.week)}
- 14-day average: ${JSON.stringify(ctx.twoWeek)}
- Daily goals: ${JSON.stringify(ctx.goals)}
- 14-day trend (cal/protein/carbs/water by day, oldest first): ${JSON.stringify(ctx.trend)}
- Recent meals today: ${JSON.stringify(ctx.todayMeals)}
CURRENT COACH INSIGHT FOR TODAY: ${currentInsight ? JSON.stringify({headline: currentInsight.headline, body: currentInsight.body}) : 'none yet'}
${histStr ? '\nCONVERSATION SO FAR:\n' + histStr + '\n' : ''}
ATHLETE'S QUESTION: ${question}
Respond with prose only. Do not return JSON or code fences.`;
const raw = await window.claude.complete(prompt);
return String(raw).trim().replace(/^```[a-z]*\s*/i, '').replace(/```\s*$/i, '').trim();
}
function extractJSON(raw) {
if (!raw) throw new Error('Empty response');
let s = String(raw).trim();
// Strip ```json fences if any
s = s.replace(/^```(?:json|JSON)?\s*/i, '').replace(/```\s*$/i, '').trim();
// Try parse as-is
try { return JSON.parse(s); } catch (e) {}
// Try first array block (top-level [...])
const aStart = s.indexOf('[');
const aEnd = s.lastIndexOf(']');
if (aStart !== -1 && aEnd !== -1 && aEnd > aStart) {
try { return JSON.parse(s.slice(aStart, aEnd + 1)); } catch (e) {}
}
// Try first object block (top-level {...})
const oStart = s.indexOf('{');
const oEnd = s.lastIndexOf('}');
if (oStart !== -1 && oEnd !== -1 && oEnd > oStart) {
try { return JSON.parse(s.slice(oStart, oEnd + 1)); } catch (e) {}
}
// Repair: response was truncated mid-object. Try to recover complete objects.
const repaired = tryRepairTruncatedArray(s);
if (repaired) {
try { return JSON.parse(repaired); } catch (e) {}
}
throw new Error('Could not parse JSON: ' + s.slice(0, 200));
}
// If response looks like "[{...},{...},{ // truncated" — keep complete objects
function tryRepairTruncatedArray(s) {
const start = s.indexOf('[');
if (start === -1) return null;
let depth = 0, inStr = false, esc = false, lastCommaAfterClose = -1;
for (let i = start; i < s.length; i++) {
const c = s[i];
if (inStr) {
if (esc) { esc = false; }
else if (c === '\\') { esc = true; }
else if (c === '"') { inStr = false; }
continue;
}
if (c === '"') inStr = true;
else if (c === '{' || c === '[') depth++;
else if (c === '}' || c === ']') {
depth--;
if (depth === 1 && c === '}') {
// Just closed a top-level object inside the array
// Look ahead for a comma
let j = i + 1;
while (j < s.length && /\s/.test(s[j])) j++;
if (s[j] === ',') lastCommaAfterClose = j;
else if (s[j] === ']') { /* finished naturally, no repair needed */ }
}
}
}
if (lastCommaAfterClose > 0) {
return s.slice(start, lastCommaAfterClose) + ']';
}
return null;
}
/* ---------- App context ---------- */
const AppCtx = React.createContext(null);
Object.assign(window, {
Storage, STORAGE_KEY, PREFS_KEY,
tzNow, todayISO, todayHour, defaultMealForHour, isoOffset,
formatDay, formatDayLong, relativeDayLabel,
MEALS, GOAL_PROFILES,
fmtNum, ozToMl, gToOz, convertVol, convertMass,
SUMMABLE, emptyTotals, sumEntries, entriesForDay, totalsForDay, totalsForRange,
uniqueDatesInRange, avgPerDay,
Icon, Progress, ProgressRow, StatTile, Toast, ToastHost,
claudeLookupSingle, claudeLookupMulti, claudeInsight, claudeCoachAnswer, extractJSON,
AppCtx,
React, useState, useEffect, useRef, useMemo, useCallback
});