\n {TITLES[tab]}\n

\n {tab === \"meal\" && }\n {tab === \"symptom\" && }\n {tab === \"history\" && }\n {tab === \"insights\" && }\n

\n {TABS.map((t) => (\n setTab(t.id)}\n class={`flex-1 flex flex-col items-center gap-0.5 pt-2 pb-1.5 transition-colors cursor-pointer ${\n tab === t.id ? \"text-[#007AFF]\" : \"text-[#8E8E93]\"\n }`}\n >\n {t.emoji}\n \n {t.label}\n \n \n ))}\n

\n \n \n );\n}\n",[121,163,154],"f3157913cf90dd9ce2b9d5184081d007f301b13ddebb1cab688833bdc05100ba","components","5d7e5e30-3996-11f1-bbdd-42b51c65c3df","6e585892-f52b-11ef-a8e1-569c3dd06744","69ed66bc-f52b-11ef-9dac-569c3dd06744",75,["D",1776345339930],5,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Counter } from \"./Counter.tsx\";\n\nexport function App() {\n return (\n

React + Hono Starter

\n \n

\n View source\n

\n );\n}\n",[121,163,154],"de0a7e5fc76c6fd6135aff964af1a5835e04e2758b23f3d0c7d9fabffe514df7","README.md",{"_32":182,"_13":173,"_82":183,"_84":-5,"_85":33,"_86":60,"_88":48,"_34":184,"_40":185,"_91":117,"_93":186,"_66":48,"_95":-5,"_96":-7,"_75":187,"_98":188},{"_32":176,"_13":173,"_82":177,"_84":-5,"_85":58,"_86":57,"_88":26,"_34":178,"_40":22,"_91":117,"_93":179,"_66":48,"_95":-5,"_96":-7,"_75":180,"_98":181},"ff7a3c52-f454-4ef8-8ccb-bd7ef514bc7f","019f38dd-0b14-74df-87f3-f0f4f14b861d",["D",1783366482955],"# 🫃 Gut Tracker\n\nTrack what you eat and how your digestion responds — over time, identify which\ningredients are correlated with digestive issues.\n\n## Features\n\n- **AI-powered meal logging** — describe your meal in plain text, and GPT-4o-mini\n automatically extracts individual ingredients (powered by Val Town's built-in\n OpenAI integration — no API key needed!)\n- **Bristol Stool Scale** — track bowel movements using the medically-recognized\n 7-type scale (Type 1 = hard lumps/constipation → Type 7 = watery/diarrhea),\n with visual color indicators and category labels\n- **Digestion symptom tracking** — log bloating, gas, and pain/cramps on a 0–5\n scale with color-coded severity buttons\n- **Date & time backfilling** — pick any date/time when logging a meal or symptom,\n so you can add entries retroactively. On iOS, this uses the native wheel picker.\n- **Smart correlation** — ingredients are automatically linked to symptoms logged\n within 24 hours, or you can manually link a symptom to a specific meal\n- **Insights dashboard** — see which ingredients correlate with worse-than-average\n or better-than-average digestion, ranked by deviation from your baseline\n\n## Design\n\nBuilt to look and feel like a native iOS app:\n- SF Pro font stack via `-apple-system`\n- iOS system colors (`#007AFF` blue, `#34C759` green, `#F2F2F7` grouped background)\n- Frosted glass tab bar with `backdrop-filter: blur()`\n- Large title navigation pattern\n- Inset grouped table views with 12px rounded corners\n- Safe area insets for notch/Dynamic Island devices\n- PWA meta tags for \"Add to Home Screen\"\n\n## How it works\n\n```mermaid\ngraph LR\n User -->|\"describe meal\"| LogMeal[\"Log Meal\"]\n LogMeal -->|\"POST /api/meals\"| AI[\"OpenAI gpt-4o-mini\"]\n AI -->|extracts| Ingredients[\"ingredient list\"]\n Ingredients -->|stored in| SQLite[(SQLite)]\n\n User -->|\"rate symptoms + Bristol Scale\"| LogSymptom[\"Log Symptom\"]\n LogSymptom -->|\"POST /api/symptoms\"| SQLite\n\n Insights -->|\"GET /api/analysis\"| Analysis[\"Correlation Engine\"]\n Analysis -->|reads| SQLite\n Analysis -->|ranks| Output[\"ingredient ↔ severity deltas\"]\n```\n\n## File structure\n\n```\nindex.ts ← Hono server (API routes + frontend serving)\nlib/\n db.ts ← SQLite schema, queries, correlation analysis\n ai.ts ← OpenAI ingredient extraction via std/openai\nfrontend/\n index.html ← HTML shell (iOS fonts, Twind, safe areas)\n index.tsx ← React entrypoint\n favicon.svg ← App icon\n components/\n App.tsx ← Root layout + iOS frosted tab bar\n LogMeal.tsx ← Meal entry + AI extraction + date picker\n LogSymptom.tsx ← Symptom ratings + Bristol Stool Scale + date picker\n History.tsx ← iOS grouped list with date section headers\n Insights.tsx ← Ingredient correlation cards with delta bars\n```\n\n## Tech\n\n- **Frontend**: React 18 + Twind (Tailwind at runtime, no build step)\n- **Backend**: Hono on Val Town\n- **Database**: Val Town built-in SQLite (`std/sqlite`)\n- **AI**: Val Town's built-in OpenAI proxy (`std/openai`) — free tier covers\n `gpt-4o-mini`, no API key required\n\n## Usage\n\n1. Open the app on your phone (it's mobile-first!)\n2. **Meal** tab → type what you ate → tap \"Extract Ingredients with AI\" →\n review/edit the ingredient chips → pick a date if backfilling → save\n3. **Symptoms** tab → rate bloating/gas/pain → select Bristol Stool Scale type →\n optionally link to a meal → pick a date if backfilling → save\n4. **History** tab → see all entries grouped by date with Bristol color indicators\n5. **Insights** tab → see which ingredients correlate with bad digestion\n\nThe more meals and symptoms you log, the more reliable the correlations become.\nAt least 2 meals per ingredient are needed before it appears in insights.\n",[173],"f57449d6a74af1d51f5840419c51b6774f2457fd7948d308f048ba265248c0e8","b9c749c0-59e1-11f1-bb5f-ee650bb23af1","a50c3760-f53e-11ef-bd6d-569c3dd06744",["D",1779896144390],31,"# React + Hono Starter\n\nA minimal starter template for building client-side React apps with a Hono\nbackend on Val Town. Click **Remix** to get your own copy.\n\n## Picking a starter\n\n| Starter | When to pick it |\n| --- | --- |\n| [`basic-html-starter`](https://www.val.town/x/templates/basic-html-starter) | Static HTML pages. Sprinkle of vanilla JS. No server-side rendering. |\n| [`hono-jsx-starter`](https://www.val.town/x/templates/hono-jsx-starter) | Dynamic server-rendered HTML with JSX. API routes. No React, no SPA. |\n| **[`react-hono-starter`](https://www.val.town/x/templates/react-hono-starter)** *(you're here)* | Client-side React SPA with a Hono API backend. |\n\n**Want to build UI?** Start writing React components in\n[`frontend/components/`](/frontend/components/). Import them into `App.tsx` and\nyou're good to go. Styling is [Twind](https://twind.style/) — just use Tailwind\nutility classes, zero config.\n\n**Want to add an API?** Add routes in [`index.ts`](/index.ts) (there's a\ncommented-out example). Fetch them from your React components.\n\n## Architecture\n\n```mermaid\ngraph LR\n Browser -->|\"GET /\"| Hono[\"index.ts
(Hono server)\"]\n Hono -->|serves| HTML[\"index.html\"]\n HTML -->|loads| Entry[\"index.tsx\"]\n Entry -->|renders| App[\"App.tsx\"]\n App -->|renders| Counter[\"Counter.tsx\"]\n```\n\n## File structure\n\n```\nindex.ts ← Hono backend (serves frontend + API routes)\nfrontend/\n index.html ← HTML shell (loads Twind + React)\n index.tsx ← React entrypoint (mounts )\n favicon.svg ← App icon\n components/\n App.tsx ← Root component (layout + view source link)\n Counter.tsx ← Example component with state\n```\n\n## How it works\n\n1. **`index.ts`** is the HTTP entrypoint — a Hono server that serves the\n frontend and any API routes you add.\n2. **`frontend/index.html`** loads Twind and the React entrypoint.\n3. **`frontend/index.tsx`** mounts the React app.\n4. **`frontend/components/App.tsx`** is the root layout — add new components\n alongside it.\n5. **`frontend/components/Counter.tsx`** is an example stateful component —\n replace it with your own!\n\n## Next steps\n\n- Add API routes in `index.ts`\n- Add new components in `frontend/components/`\n- Add a SQLite database — see the\n [React Hono Example](https://www.val.town/x/stevekrouse/reactHonoExample) for\n a full-stack example with database, queries, and shared types\n",[173],"aaa4f5cc8e5bd01528335cdd2066e164bf95353ce2fe37c616b3e6406f49331e",{"_75":190,"_77":191,"_79":-7},"frontend/components/Counter.tsx",{"_32":192,"_13":193,"_82":194,"_84":166,"_85":33,"_86":195,"_88":26,"_34":196,"_40":197,"_91":159,"_93":198,"_66":48,"_95":-5,"_96":-7,"_75":199,"_98":200},"57a8cc52-3996-11f1-8db6-42b51c65c3df","Counter.tsx","57a8cd2e-3996-11f1-8db6-42b51c65c3df",73,["D",1776345330366],0,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nexport function Counter() {\n const [count, setCount] = useState(0);\n return (\n

\n Clicked\n setCount((c) => c + 1)}\n class=\"bg-blue-500 hover:bg-blue-600 text-white font-medium px-4 py-2 rounded-lg transition-colors cursor-pointer\"\n >\n {count}\n \n times\n

\n );\n}\n",[121,163,193],"10ce4fbd7e41af337e504c3877201698031249b437d941845f0f7cdc52a79e66",{"_75":264,"_77":-7,"_79":265},{"_75":255,"_77":-7,"_79":256},{"_75":245,"_77":-7,"_79":246},{"_75":235,"_77":-7,"_79":236},{"_75":220,"_77":-7,"_79":230},{"_75":221,"_77":-7,"_79":222},{"_75":208,"_77":-7,"_79":209},"lib/db.ts",{"_32":210,"_13":211,"_82":212,"_84":213,"_85":58,"_86":214,"_88":26,"_34":215,"_40":216,"_91":159,"_93":217,"_66":48,"_95":-5,"_96":-7,"_75":218,"_98":219},"b5a86bf5-6507-42e4-8afe-b0d3a461ff62","db.ts","6288c69a-796f-11f1-9f42-1607ee4eb77e","37dc5f98-ac69-41c7-a46f-f4585189e848",18,["D",1783366263235],4,"import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nexport type Meal = {\n id: number;\n description: string;\n ingredients: string[];\n created_at: string;\n};\n\nexport type Symptom = {\n id: number;\n meal_id: number | null;\n created_at: string;\n bloating: number;\n gas: number;\n pain: number;\n bowel_movement: string;\n notes: string;\n};\n\nexport type MealWithSymptoms = Meal & {\n symptoms: Symptom[];\n};\n\nexport type IngredientAnalysis = {\n ingredient: string;\n meal_count: number;\n symptom_count: number;\n avg_severity: number;\n overall_avg_severity: number;\n delta: number;\n};\n\nconst SYMPTOM_WINDOW_HOURS = 24;\n\nexport async function initDB() {\n await sqlite.batch([\n {\n sql: `CREATE TABLE IF NOT EXISTS meals (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n description TEXT NOT NULL,\n ingredients TEXT NOT NULL DEFAULT '[]',\n created_at TEXT NOT NULL DEFAULT (datetime('now'))\n )`,\n },\n {\n sql: `CREATE TABLE IF NOT EXISTS symptoms (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n meal_id INTEGER,\n created_at TEXT NOT NULL DEFAULT (datetime('now')),\n bloating INTEGER DEFAULT 0,\n gas INTEGER DEFAULT 0,\n pain INTEGER DEFAULT 0,\n bowel_movement TEXT DEFAULT 'none',\n notes TEXT DEFAULT '',\n FOREIGN KEY (meal_id) REFERENCES meals(id)\n )`,\n },\n ]);\n}\n\nexport async function createMeal(\n description: string,\n ingredients: string[],\n createdAt?: string,\n): Promise {\n await sqlite.execute({\n sql: \"INSERT INTO meals (description, ingredients, created_at) VALUES (?, ?, COALESCE(?, datetime('now')))\",\n args: [description, JSON.stringify(ingredients), createdAt ?? null],\n });\n const result = await sqlite.execute(\n \"SELECT * FROM meals ORDER BY id DESC LIMIT 1\",\n );\n const row = result.rows[0] as unknown as Meal;\n return {\n ...row,\n ingredients: JSON.parse(row.ingredients as unknown as string),\n };\n}\n\nexport async function getMeals(limit = 50): Promise {\n const result = await sqlite.execute({\n sql: \"SELECT * FROM meals ORDER BY created_at DESC LIMIT ?\",\n args: [limit],\n });\n return result.rows.map((row) => ({\n ...(row as unknown as Meal),\n ingredients: JSON.parse((row as unknown as Meal).ingredients as unknown as string),\n }));\n}\n\nexport async function createSymptom(\n data: Omit & { created_at?: string },\n): Promise {\n await sqlite.execute({\n sql: `INSERT INTO symptoms (meal_id, bloating, gas, pain, bowel_movement, notes, created_at)\n VALUES (?, ?, ?, ?, ?, ?, COALESCE(?, datetime('now')))`,\n args: [\n data.meal_id,\n data.bloating,\n data.gas,\n data.pain,\n data.bowel_movement,\n data.notes,\n data.created_at ?? null,\n ],\n });\n const result = await sqlite.execute(\n \"SELECT * FROM symptoms ORDER BY id DESC LIMIT 1\",\n );\n return result.rows[0] as unknown as Symptom;\n}\n\nexport async function getSymptoms(limit = 50): Promise {\n const result = await sqlite.execute({\n sql: \"SELECT * FROM symptoms ORDER BY created_at DESC LIMIT ?\",\n args: [limit],\n });\n return result.rows as unknown as Symptom[];\n}\n\nexport async function getMealsWithSymptoms(\n limit = 50,\n): Promise {\n const meals = await getMeals(limit);\n const allSymptoms = await sqlite.execute(\n \"SELECT * FROM symptoms ORDER BY created_at DESC\",\n );\n const symptoms = allSymptoms.rows as unknown as Symptom[];\n\n return meals.map((meal) => {\n const mealTime = new Date(meal.created_at + \"Z\").getTime();\n const windowMs = SYMPTOM_WINDOW_HOURS * 60 * 60 * 1000;\n const linked = symptoms.filter((s) => {\n if (s.meal_id === meal.id) return true;\n // Also match symptoms within the time window that aren't linked to another meal\n if (s.meal_id === null) {\n const symTime = new Date(s.created_at + \"Z\").getTime();\n return symTime >= mealTime && symTime <= mealTime + windowMs;\n }\n return false;\n });\n return { ...meal, symptoms: linked };\n });\n}\n\nfunction severityScore(s: Symptom): number {\n // Bristol Stool Scale penalties\n const bmPenalty: Record = {\n none: 0,\n type1: 2, // separate hard lumps — severe constipation\n type2: 1, // lumpy sausage — mild constipation\n type3: 0, // cracked sausage — normal\n type4: 0, // smooth snake — ideal\n type5: 0, // soft blobs — slightly soft\n type6: 2, // mushy — mild diarrhea\n type7: 3, // watery — severe diarrhea\n };\n return s.bloating + s.gas + s.pain + (bmPenalty[s.bowel_movement] ?? 0);\n}\n\nexport async function getAnalysis(): Promise<{\n ingredients: IngredientAnalysis[];\n total_meals: number;\n total_symptoms: number;\n}> {\n const mealsWithSymptoms = await getMealsWithSymptoms(200);\n\n // Build per-ingredient stats\n const stats: Record<\n string,\n { meal_count: number; total_severity: number; symptom_count: number }\n > = {};\n\n // Compute overall average per meal-symptom pair (not per ingredient-symptom pair)\n let overallTotalSeverity = 0;\n let overallSymptomCount = 0;\n const seenSymptomIds = new Set();\n\n for (const meal of mealsWithSymptoms) {\n for (const s of meal.symptoms) {\n // Count each unique symptom once for the overall average\n if (!seenSymptomIds.has(s.id)) {\n seenSymptomIds.add(s.id);\n const score = severityScore(s);\n overallTotalSeverity += score;\n overallSymptomCount++;\n }\n }\n\n for (const ingredient of meal.ingredients) {\n const key = ingredient.toLowerCase().trim();\n if (!key) continue;\n if (!stats[key]) {\n stats[key] = { meal_count: 0, total_severity: 0, symptom_count: 0 };\n }\n stats[key].meal_count++;\n\n for (const s of meal.symptoms) {\n const score = severityScore(s);\n stats[key].total_severity += score;\n stats[key].symptom_count++;\n }\n }\n }\n\n const overallAvg =\n overallSymptomCount > 0\n ? overallTotalSeverity / overallSymptomCount\n : 0;\n\n const ingredients: IngredientAnalysis[] = Object.entries(stats)\n .map(([ingredient, s]) => ({\n ingredient,\n meal_count: s.meal_count,\n symptom_count: s.symptom_count,\n avg_severity: s.symptom_count > 0\n ? s.total_severity / s.symptom_count\n : 0,\n overall_avg_severity: overallAvg,\n delta: s.symptom_count > 0\n ? (s.total_severity / s.symptom_count) - overallAvg\n : 0,\n }))\n .filter((i) => i.meal_count >= 2) // need at least 2 meals for meaningful data\n .sort((a, b) => Math.abs(b.delta) - Math.abs(a.delta));\n\n return {\n ingredients,\n total_meals: mealsWithSymptoms.length,\n total_symptoms: seenSymptomIds.size,\n };\n}\n",[220,211],"fba86ba9c02d8234806fc48673efe58d273ae380cbf7c86980e4c440c9dcfc78","lib","lib/ai.ts",{"_32":223,"_13":224,"_82":225,"_84":213,"_85":58,"_86":90,"_88":26,"_34":226,"_40":197,"_91":159,"_93":227,"_66":48,"_95":-5,"_96":-7,"_75":228,"_98":229},"57410bf6-8f01-40ea-b071-be1ca56c9ec5","ai.ts","67a34e98-796f-11f1-95b9-1607ee4eb77e",["D",1783365481219],"import { OpenAI } from \"https://esm.town/v/std/openai\";\n\n/**\n * Uses AI to extract a list of ingredients from a meal description.\n * Falls back to simple parsing if the AI call fails.\n */\nexport async function extractIngredients(description: string): Promise {\n const openai = new OpenAI();\n\n const completion = await openai.chat.completions.create({\n model: \"gpt-4o-mini\",\n max_completion_tokens: 500,\n messages: [\n {\n role: \"system\",\n content: `You are a nutrition assistant. Given a meal description, extract a list of individual food ingredients.\nReturn ONLY a JSON array of strings, each being a single ingredient in lowercase.\nBe specific (e.g. \"garlic\", \"onion\", \"wheat flour\", \"cow's milk\", \"black pepper\").\nInclude spices, sauces, and cooking oils if mentioned or strongly implied.\nDo not include generic terms like \"food\" or \"meal\".\nExample input: \"pasta with tomato sauce and garlic bread\"\nExample output: [\"wheat flour pasta\", \"tomato\", \"garlic\", \"wheat flour bread\", \"olive oil\"]`,\n },\n {\n role: \"user\",\n content: description,\n },\n ],\n });\n\n const content = completion.choices[0]?.message?.content?.trim() ?? \"[]\";\n\n // Strip markdown code fences if present\n const cleaned = content.replace(/^```(?:json)?\\s*/i, \"\").replace(/\\s*```$/i, \"\");\n\n try {\n const parsed = JSON.parse(cleaned);\n if (Array.isArray(parsed)) {\n return parsed\n .filter((x) => typeof x === \"string\")\n .map((x) => x.toLowerCase().trim())\n .filter(Boolean);\n }\n } catch {\n // fall through to simple parse\n }\n\n // Fallback: simple comma/space splitting\n return description\n .split(/[,;]/)\n .map((s) => s.trim().toLowerCase())\n .filter(Boolean);\n}\n",[220,224],"b274c234d29af79e191377b6ce38f91fc69f8b6da5254ba4422a3ff14498a537",{"_32":231,"_13":220,"_82":213,"_84":-5,"_85":58,"_86":22,"_88":26,"_34":232,"_40":197,"_91":233,"_93":-5,"_66":48,"_95":-5,"_96":-7,"_75":234,"_98":-5},"751301e0-2950-4c10-9582-d5389757d596",["D",1783365472652],"directory",[220],"frontend/components/LogSymptom.tsx",{"_32":237,"_13":238,"_82":239,"_84":156,"_85":58,"_86":240,"_88":26,"_34":241,"_40":139,"_91":159,"_93":242,"_66":48,"_95":-5,"_96":-7,"_75":243,"_98":244},"5ee7e1ec-5185-4440-ba84-b1e4db8db4ef","LogSymptom.tsx","87c734be-796f-11f1-822a-1607ee4eb77e",24,["D",1783366385200],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\n\ntype Meal = {\n id: number;\n description: string;\n ingredients: string[];\n created_at: string;\n};\n\nconst BRISTOL_TYPES = [\n { value: \"type1\", label: \"Hard lumps\", desc: \"Separate hard lumps, like nuts\", category: \"constipation\", color: \"#8B4513\" },\n { value: \"type2\", label: \"Lumpy sausage\", desc: \"Sausage-shaped but lumpy\", category: \"constipation\", color: \"#A0522D\" },\n { value: \"type3\", label: \"Cracked sausage\", desc: \"Sausage with cracks on surface\", category: \"normal\", color: \"#BC8F5F\" },\n { value: \"type4\", label: \"Smooth snake\", desc: \"Smooth, soft sausage or snake\", category: \"ideal\", color: \"#D2691E\" },\n { value: \"type5\", label: \"Soft blobs\", desc: \"Soft blobs with clear edges\", category: \"soft\", color: \"#DAA520\" },\n { value: \"type6\", label: \"Mushy\", desc: \"Mushy with ragged edges\", category: \"diarrhea\", color: \"#CD853F\" },\n { value: \"type7\", label: \"Watery\", desc: \"Watery, no solid pieces\", category: \"diarrhea\", color: \"#DEB887\" },\n];\n\nconst CATEGORY_COLORS: Record = {\n constipation: \"#FF9500\",\n normal: \"#34C759\",\n ideal: \"#34C759\",\n soft: \"#FFCC00\",\n diarrhea: \"#FF3B30\",\n};\n\nfunction nowLocalInput(): string {\n const now = new Date();\n const offset = now.getTimezoneOffset();\n const local = new Date(now.getTime() - offset * 60000);\n return local.toISOString().slice(0, 16);\n}\n\nfunction localToSQLiteUTC(localStr: string): string {\n const date = new Date(localStr);\n return date.toISOString().slice(0, 19).replace(\"T\", \" \");\n}\n\nfunction IOSRating({\n label,\n emoji,\n value,\n onChange,\n}: {\n label: string;\n emoji: string;\n value: number;\n onChange: (v: number) => void;\n}) {\n const colors = [\"#E5E5EA\", \"#34C759\", \"#FFCC00\", \"#FF9500\", \"#FF3B30\", \"#FF2D55\"];\n return (\n

\n {emoji} {label}\n {value}/5\n

\n {[0, 1, 2, 3, 4, 5].map((n) => (\n onChange(n)}\n class=\"flex-1 h-9 rounded-[8px] transition-all cursor-pointer active:scale-90\"\n style={{\n backgroundColor: n <= value ? colors[value] : \"#E5E5EA\",\n boxShadow: n === value ? `0 0 0 2px ${colors[value]}40` : \"none\",\n }}\n >\n {n}\n \n ))}\n

\n );\n}\n\nexport function LogSymptom({ onSaved }: { onSaved?: () => void }) {\n const [meals, setMeals] = useState([]);\n const [mealId, setMealId] = useState(null);\n const [bloating, setBloating] = useState(0);\n const [gas, setGas] = useState(0);\n const [pain, setPain] = useState(0);\n const [bowelMovement, setBowelMovement] = useState(\"none\");\n const [notes, setNotes] = useState(\"\");\n const [saving, setSaving] = useState(false);\n const [message, setMessage] = useState(\"\");\n const [dateTime, setDateTime] = useState(nowLocalInput());\n\n useEffect(() => {\n fetch(\"/api/meals\")\n .then((r) => r.json())\n .then((data: Meal[]) => setMeals(data.slice(0, 10)))\n .catch(() => {});\n }, []);\n\n async function handleSave() {\n setSaving(true);\n setMessage(\"\");\n try {\n const res = await fetch(\"/api/symptoms\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n meal_id: mealId,\n bloating,\n gas,\n pain,\n bowel_movement: bowelMovement,\n notes: notes.trim(),\n created_at: localToSQLiteUTC(dateTime),\n }),\n });\n const data = await res.json();\n if (data.error) {\n setMessage(\"⚠️ \" + data.error);\n } else {\n setMessage(\"Saved ✓\");\n setBloating(0);\n setGas(0);\n setPain(0);\n setBowelMovement(\"none\");\n setNotes(\"\");\n setMealId(null);\n setDateTime(nowLocalInput());\n onSaved?.();\n setTimeout(() => setMessage(\"\"), 2000);\n }\n } catch {\n setMessage(\"⚠️ Failed to save.\");\n } finally {\n setSaving(false);\n }\n }\n\n const hasData = bloating > 0 || gas > 0 || pain > 0 || bowelMovement !== \"none\";\n const selectedBristol = BRISTOL_TYPES.find((t) => t.value === bowelMovement);\n\n return (\n

\n {/* Meal link + Date */}\n

\n \n Linked Meal\n \n

\n setMealId(e.target.value ? Number(e.target.value) : null)}\n >\n \n {meals.map((m) => (\n \n ))}\n \n

\n \n Date & Time\n \n setDateTime(e.target.value)}\n />\n

\n\n {/* Severity ratings */}\n

\n \n Severity\n \n

\n \n \n \n

\n\n {/* Bristol Stool Scale */}\n

\n \n Bristol Stool Scale\n \n

\n {/* None option */}\n setBowelMovement(\"none\")}\n class=\"w-full flex items-center gap-3 px-4 py-3 transition-colors cursor-pointer\"\n style={{ backgroundColor: bowelMovement === \"none\" ? \"#F2F2F7\" : \"transparent\" }}\n >\n

\n {bowelMovement === \"none\" &&

}\n

\n None\n \n\n {BRISTOL_TYPES.map((t) => {\n const isSelected = bowelMovement === t.value;\n return (\n setBowelMovement(t.value)}\n class=\"w-full flex items-center gap-3 px-4 py-3 transition-colors cursor-pointer\"\n style={{ backgroundColor: isSelected ? \"#F2F2F7\" : \"transparent\" }}\n >\n

\n {isSelected &&

}\n

\n \n

\n Type {t.value.slice(4)}\n \n {t.category}\n \n

{t.desc}

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

\n\n {/* Notes */}\n

\n \n Notes\n \n

\n setNotes(e.target.value)}\n />\n

\n\n {/* Save */}\n \n {saving ? \"Saving…\" : \"Save Symptom\"}\n \n\n {message && (\n

\n {message}\n

\n )}\n

\n );\n}\n",[121,163,238],"e2004ef22d9492349f821aaa274943b4f5b1cde9d503551fb9f90d32adbace58","frontend/components/LogMeal.tsx",{"_32":247,"_13":248,"_82":249,"_84":156,"_85":58,"_86":250,"_88":26,"_34":251,"_40":139,"_91":159,"_93":252,"_66":48,"_95":-5,"_96":-7,"_75":253,"_98":254},"3ac3b4ee-2274-4373-8d63-ac523ea350d4","LogMeal.tsx","7e404d0e-796f-11f1-a636-1607ee4eb77e",23,["D",1783366352142],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nfunction nowLocalInput(): string {\n const now = new Date();\n const offset = now.getTimezoneOffset();\n const local = new Date(now.getTime() - offset * 60000);\n return local.toISOString().slice(0, 16);\n}\n\nfunction localToSQLiteUTC(localStr: string): string {\n const date = new Date(localStr);\n return date.toISOString().slice(0, 19).replace(\"T\", \" \");\n}\n\nexport function LogMeal({ onSaved }: { onSaved?: () => void }) {\n const [description, setDescription] = useState(\"\");\n const [ingredients, setIngredients] = useState([]);\n const [extracting, setExtracting] = useState(false);\n const [saving, setSaving] = useState(false);\n const [newIngredient, setNewIngredient] = useState(\"\");\n const [message, setMessage] = useState(\"\");\n const [dateTime, setDateTime] = useState(nowLocalInput());\n\n async function handleExtract() {\n if (!description.trim()) return;\n setExtracting(true);\n setMessage(\"\");\n try {\n const res = await fetch(\"/api/extract-ingredients\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ description: description.trim() }),\n });\n const data = await res.json();\n if (data.error) {\n setMessage(\"⚠️ \" + data.error);\n } else {\n setIngredients(data.ingredients);\n setMessage(\"✅ Ingredients extracted — review below\");\n setTimeout(() => setMessage(\"\"), 2500);\n }\n } catch {\n setMessage(\"⚠️ Could not extract. Try saving directly.\");\n } finally {\n setExtracting(false);\n }\n }\n\n async function handleSave() {\n if (!description.trim()) return;\n setSaving(true);\n setMessage(\"\");\n try {\n const res = await fetch(\"/api/meals\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n description: description.trim(),\n ingredients: ingredients.length > 0 ? ingredients : undefined,\n created_at: localToSQLiteUTC(dateTime),\n }),\n });\n const data = await res.json();\n if (data.error) {\n setMessage(\"⚠️ \" + data.error);\n } else {\n setMessage(\"Saved ✓\");\n setDescription(\"\");\n setIngredients([]);\n setDateTime(nowLocalInput());\n onSaved?.();\n setTimeout(() => setMessage(\"\"), 2000);\n }\n } catch {\n setMessage(\"⚠️ Failed to save.\");\n } finally {\n setSaving(false);\n }\n }\n\n function removeIngredient(idx: number) {\n setIngredients((prev) => prev.filter((_, i) => i !== idx));\n }\n\n function addIngredient() {\n const trimmed = newIngredient.trim().toLowerCase();\n if (trimmed && !ingredients.includes(trimmed)) {\n setIngredients((prev) => [...prev, trimmed]);\n }\n setNewIngredient(\"\");\n }\n\n return (\n

\n {/* Meal description */}\n

\n \n Description\n \n

\n setDescription(e.target.value)}\n />\n

\n\n {/* Date picker */}\n

\n \n Date & Time\n \n

\n setDateTime(e.target.value)}\n />\n

\n\n {/* AI Extract button */}\n \n {extracting ? \"Extracting…\" : \"✨ Extract Ingredients with AI\"}\n \n\n {/* Ingredients */}\n {ingredients.length > 0 && (\n

\n \n Ingredients\n \n {ingredients.length}\n

\n {ingredients.map((ing, idx) => (\n \n {ing}\n removeIngredient(idx)}\n class=\"text-[#8E8E93] hover:text-[#FF3B30] cursor-pointer text-sm leading-none\"\n >\n ✕\n \n \n ))}\n

\n )}\n\n {/* Manual add */}\n

\n setNewIngredient(e.target.value)}\n onKeyDown={(e) => e.key === \"Enter\" && (e.preventDefault(), addIngredient())}\n />\n \n Add\n \n

\n\n {/* Save */}\n \n {saving ? \"Saving…\" : \"Save Meal\"}\n \n\n {message && (\n

\n {message}\n

\n )}\n

\n );\n}\n",[121,163,248],"1e8e12d80624702e8fd5c9dcaf7abe0df46688ea04758c16c42fc6c8038e38d2","frontend/components/Insights.tsx",{"_32":257,"_13":258,"_82":259,"_84":156,"_85":58,"_86":20,"_88":26,"_34":260,"_40":139,"_91":159,"_93":261,"_66":48,"_95":-5,"_96":-7,"_75":262,"_98":263},"d6f919e1-2158-40db-9d75-4afff1b1b584","Insights.tsx","9ca23db6-796f-11f1-aa1d-1607ee4eb77e",["D",1783366439004],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\n\ntype IngredientAnalysis = {\n ingredient: string;\n meal_count: number;\n symptom_count: number;\n avg_severity: number;\n overall_avg_severity: number;\n delta: number;\n};\n\ntype AnalysisResponse = {\n ingredients: IngredientAnalysis[];\n total_meals: number;\n total_symptoms: number;\n};\n\nexport function Insights() {\n const [data, setData] = useState(null);\n const [loading, setLoading] = useState(true);\n\n useEffect(() => {\n fetch(\"/api/analysis\")\n .then((r) => r.json())\n .then((d: AnalysisResponse) => setData(d))\n .catch(() => {})\n .finally(() => setLoading(false));\n }, []);\n\n if (loading) {\n return (\n

\n );\n }\n\n if (!data || data.total_meals === 0) {\n return (\n

📊

No data yet

Log meals and symptoms to see insights

\n );\n }\n\n if (data.total_symptoms === 0) {\n return (\n

📊

{data.total_meals} meals logged

Log symptoms after eating to find patterns

\n );\n }\n\n if (data.ingredients.length === 0) {\n return (\n

📊

Not enough data yet

Need at least 2 meals per ingredient with linked symptoms

\n );\n }\n\n return (\n

\n {/* Summary stats */}\n

{data.total_meals}

meals logged

{data.total_symptoms}

symptoms tracked

\n\n {/* Correlations */}\n

\n Ingredient Correlations\n

\n {data.ingredients.map((ing, idx) => {\n const isWorse = ing.delta > 0.3;\n const isBetter = ing.delta < -0.3;\n const indicatorColor = isWorse ? \"#FF3B30\" : isBetter ? \"#34C759\" : \"#8E8E93\";\n const bgColor = isWorse ? \"#FFF5F5\" : isBetter ? \"#F0FBF4\" : \"transparent\";\n\n return (\n \n

\n {ing.ingredient}\n

\n {ing.meal_count} meals · {ing.symptom_count} symptom{ing.symptom_count !== 1 ? \"s\" : \"\"}\n

\n \n \n {ing.avg_severity.toFixed(1)}\n \n

\n avg {ing.overall_avg_severity.toFixed(1)}\n

\n {/* Delta bar */}\n

\n \n

\n \n {ing.delta > 0 ? \"+\" : \"\"}{ing.delta.toFixed(1)}\n \n

\n {isWorse && ing.delta > 1 && (\n

\n ⚠️ Potential trigger — {ing.delta.toFixed(1)} pts above average\n

\n )}\n

\n );\n })}\n

\n\n {/* Disclaimer */}\n

\n Correlations are not medical advice. Patterns become more reliable with more data.\n
\n View source\n

\n );\n}\n",[121,163,258],"26fb382b463079aa014ac20a70bd7f55d3bf65583f2cb7c902d35ef9e976a989","frontend/components/History.tsx",{"_32":266,"_13":267,"_82":268,"_84":156,"_85":58,"_86":269,"_88":26,"_34":270,"_40":139,"_91":159,"_93":271,"_66":48,"_95":-5,"_96":-7,"_75":272,"_98":273},"88be14d7-16f1-45a0-a47d-96bd69546e2b","History.tsx","936df852-796f-11f1-aa1d-1607ee4eb77e",25,["D",1783366420135],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\n\ntype Meal = {\n id: number;\n description: string;\n ingredients: string[];\n created_at: string;\n};\n\ntype Symptom = {\n id: number;\n meal_id: number | null;\n created_at: string;\n bloating: number;\n gas: number;\n pain: number;\n bowel_movement: string;\n notes: string;\n};\n\ntype Entry = {\n type: \"meal\" | \"symptom\";\n data: Meal | Symptom;\n};\n\nconst BRISTOL_LABELS: Record = {\n none: \"None\",\n type1: \"Type 1 · Hard lumps\",\n type2: \"Type 2 · Lumpy\",\n type3: \"Type 3 · Cracked\",\n type4: \"Type 4 · Smooth\",\n type5: \"Type 5 · Soft blobs\",\n type6: \"Type 6 · Mushy\",\n type7: \"Type 7 · Watery\",\n};\n\nconst BRISTOL_COLORS: Record = {\n type1: \"#8B4513\",\n type2: \"#A0522D\",\n type3: \"#BC8F5F\",\n type4: \"#D2691E\",\n type5: \"#DAA520\",\n type6: \"#CD853F\",\n type7: \"#DEB887\",\n};\n\nfunction formatTime(dateStr: string): string {\n const d = new Date(dateStr + \"Z\");\n return d.toLocaleTimeString(undefined, { hour: \"numeric\", minute: \"2-digit\" });\n}\n\nfunction formatDateGroup(dateStr: string): string {\n const d = new Date(dateStr + \"Z\");\n const today = new Date();\n const yesterday = new Date(today);\n yesterday.setDate(yesterday.getDate() - 1);\n\n if (d.toDateString() === today.toDateString()) return \"Today\";\n if (d.toDateString() === yesterday.toDateString()) return \"Yesterday\";\n return d.toLocaleDateString(undefined, { weekday: \"long\", month: \"long\", day: \"numeric\" });\n}\n\nexport function History() {\n const [entries, setEntries] = useState([]);\n const [loading, setLoading] = useState(true);\n\n useEffect(() => {\n Promise.all([\n fetch(\"/api/meals\").then((r) => r.json()),\n fetch(\"/api/symptoms\").then((r) => r.json()),\n ])\n .then(([meals, symptoms]: [Meal[], Symptom[]]) => {\n const combined: Entry[] = [\n ...meals.map((m) => ({ type: \"meal\" as const, data: m })),\n ...symptoms.map((s) => ({ type: \"symptom\" as const, data: s })),\n ];\n combined.sort((a, b) =>\n new Date(b.data.created_at + \"Z\").getTime() -\n new Date(a.data.created_at + \"Z\").getTime()\n );\n setEntries(combined);\n })\n .catch(() => {})\n .finally(() => setLoading(false));\n }, []);\n\n if (loading) {\n return (\n

\n );\n }\n\n if (entries.length === 0) {\n return (\n

📋

No entries yet

Log a meal or symptom to get started

\n );\n }\n\n // Group entries by date\n const grouped: { date: string; items: Entry[] }[] = [];\n for (const entry of entries) {\n const dateKey = formatDateGroup(entry.data.created_at);\n const last = grouped[grouped.length - 1];\n if (last && last.date === dateKey) {\n last.items.push(entry);\n } else {\n grouped.push({ date: dateKey, items: [entry] });\n }\n }\n\n return (\n

\n {grouped.map((group) => (\n

\n {/* Date section header */}\n

\n {group.date}\n

\n {/* Grouped list */}\n

\n {group.items.map((entry, idx) => {\n if (entry.type === \"meal\") {\n const meal = entry.data as Meal;\n return (\n

\n 🍽️\n

\n {meal.description}\n

\n \n {formatTime(meal.created_at)}\n \n

\n {meal.ingredients.length > 0 && (\n

\n {meal.ingredients.slice(0, 6).map((ing, i) => (\n \n {ing}\n \n ))}\n {meal.ingredients.length > 6 && (\n \n +{meal.ingredients.length - 6}\n \n )}\n

\n )}\n

\n );\n } else {\n const s = entry.data as Symptom;\n const severity = s.bloating + s.gas + s.pain;\n const severityColor = severity >= 8 ? \"#FF3B30\" : severity >= 4 ? \"#FF9500\" : severity > 0 ? \"#FFCC00\" : \"#8E8E93\";\n const hasBM = s.bowel_movement !== \"none\";\n const bmColor = BRISTOL_COLORS[s.bowel_movement];\n\n return (\n

\n 🚽\n

\n Digestion\n

\n \n {formatTime(s.created_at)}\n \n

\n {s.bloating > 0 && 🎈 {s.bloating}}\n {s.gas > 0 && 💨 {s.gas}}\n {s.pain > 0 && 😣 {s.pain}}\n

\n {hasBM && (\n

\n \n {BRISTOL_LABELS[s.bowel_movement]}\n \n

\n )}\n {s.notes && (\n

\n {s.notes}\n

\n )}\n {severity > 0 && (\n

\n \n

\n \n {severity}/15\n \n

\n )}\n

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

\n ))}\n

\n );\n}\n",[121,163,267],"52481f3b46a3b312e281f32d3a6457eb88ea470310ec17f6e9f810be2be5c0c1",["D",1783365438135],"legacyEnvVars","httpPrivacy","description","Track meals & digestion to find ingredient triggers","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789538399&sig=d91a7ef87f90c894c3b8d0b9fb95840fd02478ac34a646812058e001671e6ecb","userId","da1a614e-a84a-43b9-bbf6-5969f1069176","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","6a861506-d8e5-47a1-a02e-00a5b77fa13c","tursoName","c2d11b237899488dba0029c643d7c098","tursoHostname","c2d11b237899488dba0029c643d7c098-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789523429989],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_316":312},"org",{"_11":12,"_310":-5,"_311":312,"_281":282,"_313":314,"_315":48},"branch","displayName","avatar","https://images.clerk.dev/oauth_github/img_2SkcGKCyeruw4uumg9ZD9atSlkc.jpeg","tier","free","canRestrictVals","profileImageUrl","","adoptOrgId",{"_32":59,"_13":14,"_34":421,"_46":-5,"_275":48,"_49":50,"_276":50,"_277":278,"_279":280,"_281":282,"_283":83,"_284":26,"_285":-5,"_286":-5,"_287":197,"_53":288,"_289":290,"_291":292,"_293":422,"_295":-5,"_296":297,"_298":297,"_299":300,"_301":300,"_302":300,"_303":297,"_304":297,"_305":423,"_307":424,"_309":425,"_47":48},"tree",[368,378,381,382],"files",[368,369,370,371,372,373,374,375,376,377,378,379,380,381,382],"counts",{"_358":197,"_359":139,"_360":197,"_361":362,"_363":364},"contents",[345,346,347,348],"upstreamProject",{"_32":39,"_13":56,"_277":342,"_279":280,"_49":50,"_305":343},"upstreamBranch",{"_32":33,"_34":340,"_36":341,"_13":16,"_38":39,"_40":41,"_42":-5,"_43":-5,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":52,"_53":54,"_55":56},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740674013689],["D",1785420707976],"Starter template with client-side React & Hono server",{"_11":52,"_316":344},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789538399&sig=ed57122c136965e1015088c1b79a18d1d4e6250d1eb81abacde1e740f48894e7",{"_32":355,"_13":121,"_82":114,"_84":-5,"_85":58,"_86":139,"_88":26,"_34":356,"_40":197,"_91":233,"_93":-5,"_66":48,"_95":-5,"_75":357},{"_32":231,"_13":220,"_82":213,"_84":-5,"_85":58,"_86":22,"_88":26,"_34":353,"_40":197,"_91":233,"_93":-5,"_66":48,"_95":-5,"_75":354},{"_32":176,"_13":173,"_82":177,"_84":-5,"_85":58,"_86":57,"_88":26,"_34":351,"_40":22,"_91":117,"_93":179,"_66":48,"_95":-5,"_75":352},{"_32":81,"_13":76,"_82":83,"_84":-5,"_85":58,"_86":87,"_88":26,"_34":349,"_40":90,"_91":92,"_93":94,"_66":48,"_95":-5,"_75":350},["D",1783366271264],[76],["D",1783366482955],[173],["D",1783365472652],[220],"fe84cb2d-6f1e-4f9f-9034-bcb3bf68e6a3",["D",1783365438135],[121],"pulls","branches","forks","envVars",{"_365":197,"_367":197},"connections",{"_365":197,"_366":197},"count","unfilledCount","emptyCount",{"_32":355,"_13":121,"_82":114,"_84":-5,"_85":58,"_86":139,"_88":26,"_34":418,"_40":197,"_91":233,"_93":-5,"_66":48,"_95":-5,"_96":419,"_75":420},{"_32":414,"_13":163,"_82":156,"_84":114,"_85":58,"_86":139,"_88":26,"_34":415,"_40":197,"_91":233,"_93":-5,"_66":48,"_95":-5,"_96":416,"_75":417},{"_32":153,"_13":154,"_82":155,"_84":156,"_85":58,"_86":157,"_88":26,"_34":158,"_40":90,"_91":159,"_93":160,"_66":48,"_95":-5,"_96":412,"_75":413},{"_32":266,"_13":267,"_82":268,"_84":156,"_85":58,"_86":269,"_88":26,"_34":270,"_40":139,"_91":159,"_93":271,"_66":48,"_95":-5,"_96":410,"_75":411},{"_32":257,"_13":258,"_82":259,"_84":156,"_85":58,"_86":20,"_88":26,"_34":260,"_40":139,"_91":159,"_93":261,"_66":48,"_95":-5,"_96":408,"_75":409},{"_32":247,"_13":248,"_82":249,"_84":156,"_85":58,"_86":250,"_88":26,"_34":251,"_40":139,"_91":159,"_93":252,"_66":48,"_95":-5,"_96":406,"_75":407},{"_32":237,"_13":238,"_82":239,"_84":156,"_85":58,"_86":240,"_88":26,"_34":241,"_40":139,"_91":159,"_93":242,"_66":48,"_95":-5,"_96":404,"_75":405},{"_32":134,"_13":135,"_82":136,"_84":114,"_85":58,"_86":137,"_88":26,"_34":138,"_40":139,"_91":117,"_93":140,"_66":48,"_95":-5,"_96":402,"_75":403},{"_32":111,"_13":112,"_82":113,"_84":114,"_85":58,"_86":115,"_88":26,"_34":116,"_40":22,"_91":117,"_93":118,"_66":48,"_95":-5,"_96":400,"_75":401},{"_32":393,"_13":394,"_82":395,"_84":114,"_85":58,"_86":139,"_88":26,"_34":396,"_40":197,"_91":159,"_93":397,"_66":48,"_95":-5,"_96":398,"_75":399},{"_32":231,"_13":220,"_82":213,"_84":-5,"_85":58,"_86":22,"_88":26,"_34":232,"_40":197,"_91":233,"_93":-5,"_66":48,"_95":-5,"_96":391,"_75":392},{"_32":223,"_13":224,"_82":225,"_84":213,"_85":58,"_86":90,"_88":26,"_34":226,"_40":197,"_91":159,"_93":227,"_66":48,"_95":-5,"_96":389,"_75":390},{"_32":210,"_13":211,"_82":212,"_84":213,"_85":58,"_86":214,"_88":26,"_34":215,"_40":216,"_91":159,"_93":217,"_66":48,"_95":-5,"_96":387,"_75":388},{"_32":176,"_13":173,"_82":177,"_84":-5,"_85":58,"_86":57,"_88":26,"_34":178,"_40":22,"_91":117,"_93":179,"_66":48,"_95":-5,"_96":385,"_75":386},{"_32":81,"_13":76,"_82":83,"_84":-5,"_85":58,"_86":87,"_88":26,"_34":89,"_40":90,"_91":92,"_93":94,"_66":48,"_95":-5,"_96":383,"_75":384},[],[76],[],[173],[],[220,211],[],[220,224],[379,380],[220],"9010fb63-71b0-4c18-8054-f82928fb0dee","index.tsx","019f38dd-0b14-74df-87f3-e8f295bacecb",["D",1783365438135],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();",[],[121,394],[],[121,112],[],[121,135],[],[121,163,238],[],[121,163,248],[],[121,163,258],[],[121,163,267],[],[121,163,154],"00384e56-ce05-4f2d-a399-667e9a5785ba",["D",1783365438135],[370,371,372,373,374],[121,163],["D",1783365438135],[369,375,376,377],[121],["D",1783365438135],["D",1789523429989],{"_11":12,"_316":312},{"_11":12,"_310":-5,"_311":312,"_281":282,"_313":314,"_315":48},{"_40":57,"_13":16,"_32":58,"_38":59,"_42":33,"_43":60,"_61":50,"_62":39,"_63":54,"_55":14,"_51":12},"ctx",{"_305":-5,"_337":459,"_460":461,"_462":463,"_464":48,"_465":48,"_466":48,"_467":26,"_468":-5,"_469":-7,"_470":-7,"_471":197,"_472":48,"_473":48,"_474":-5,"_475":48,"_476":48,"_477":48,"_478":-5},"ENV",{"_430":431,"_432":433,"_434":16,"_435":436,"_437":438,"_439":440,"_441":442,"_443":444,"_445":446,"_447":448,"_449":450,"_451":452,"_453":454,"_455":456,"_457":458},"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",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Compare

Mergemxis/mainintotemplates/main

README.md+68-42

frontend/components/App.tsx+79-7

frontend/favicon.svg+3-3

frontend/index.html+21-4

Hindex.ts+88-4

frontend/components/History.tsx+228-0

frontend/components/Insights.tsx+163-0

frontend/components/LogMeal.tsx+202-0

frontend/components/LogSymptom.tsx+275-0

lib

lib/ai.ts+53-0

lib/db.ts+233-0

frontend/components/Counter.tsx+0-18