[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_314":315,"_316":317},"routes/_app.x.$handle.$name",{"_112":111,"_38":52,"_120":98,"_33":121,"_13":14,"_122":-5,"_11":123,"_124":125,"_126":127,"_128":129,"_130":131,"_26":-5,"_132":133,"_134":135,"_136":31,"_137":138,"_139":67,"_140":-5,"_141":-5,"_142":143},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_50":51,"_38":52,"_45":53,"_54":-5,"_55":31,"_56":57,"_58":57,"_59":60,"_61":62,"_19":63,"_64":65,"_66":67,"_68":-5,"_69":-5,"_70":71,"_72":73,"_74":75,"_76":77,"_78":79,"_80":-5,"_81":82,"_83":82,"_84":85,"_86":85,"_87":85,"_88":82,"_89":82,"_90":91,"_92":93,"_94":95,"_96":31},"version",26,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","4741d85b-6563-46d0-a26e-6cbd8a9724a4","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":29,"_30":31,"_32":31,"_33":34,"_35":34},"file",{"_36":37,"_38":39,"_40":41,"_42":44,"_45":46,"_47":14,"_48":49,"_30":31},"previous",{"_36":37,"_38":39,"_40":41,"_42":43},"deleted",false,"deletedHere","path","frontend/components/Insights.tsx","latestPath","fileId","9ca23db6-796f-11f1-aa1d-1607ee4eb77e","name","Insights.tsx","fileType","script","content","/** @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

Loading…

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

📊

You've logged {data.total_meals} meals but no symptoms yet.

Log how you feel after eating to start finding patterns!

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

📊

Not enough data for correlations yet.

Keep logging — you need at least 2 meals per ingredient and linked symptoms.

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

{data.total_meals}

meals logged

{data.total_symptoms}

symptoms tracked

\n\n

\n 🔍 Ingredient Correlations\n

\n Ranked by how much each ingredient deviates from your average symptom severity.\n Red = worse than average,{\" \"}\n green = better.\n

\n {data.ingredients.map((ing) => {\n const isWorse = ing.delta > 0.3;\n const isBetter = ing.delta < -0.3;\n const bgColor = isWorse ? \"bg-red-50 border-red-200\" : isBetter ? \"bg-green-50 border-green-200\" : \"bg-gray-50 border-gray-200\";\n const textColor = isWorse ? \"text-red-700\" : isBetter ? \"text-green-700\" : \"text-gray-600\";\n const arrow = isWorse ? \"📈\" : isBetter ? \"📉\" : \"➡️\";\n\n return (\n

{ing.ingredient}

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

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

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

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

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

\n )}\n

\n );\n })}\n

\n\n

\n These are correlations, not medical advice. Patterns become more reliable with more data.\n

\n );\n}\n","/** @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","createdAt",["D",1783366439004],"branchVersion","branchId","42153877-4eeb-4d23-abc3-de54c2b71dab","id","c2d11b23-7899-488d-ba00-29c643d7c098","gut-tracker",["D",1783365438135],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Track meals & digestion to find ingredient triggers","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789559999&sig=919739a563bb9acb90fc6bc4f6c1789207958a7e1bd397d82b192d76e7e11de2","da1a614e-a84a-43b9-bbf6-5969f1069176","pinnedFileId","019f38dd-0b14-74df-87f3-f6e576a60937","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","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",{"_112":111,"_119":115},"org",{"_112":111,"_113":-5,"_114":115,"_19":63,"_116":117,"_118":31},"branch",{"_13":97,"_38":98,"_50":49,"_99":51,"_100":101,"_102":103,"_104":57,"_105":106,"_107":108,"_109":52,"_110":111},"isOwned",27,"main","projectId","forkedBranchId","961078ea-f528-11ef-aa68-569c3dd06744","forkedBranchVersion",89,"forkedProjectPrivacy","forkedProjectId","96102714-f528-11ef-aa68-569c3dd06744","forkedProjectOrgId","019aa807-52c2-709c-928b-2029bae9a558","projectName","userHandle","mxis","handle","displayName","avatar","https://images.clerk.dev/oauth_github/img_2SkcGKCyeruw4uumg9ZD9atSlkc.jpeg","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_50":51,"_38":52,"_45":309,"_54":-5,"_55":31,"_56":57,"_58":57,"_59":60,"_61":62,"_19":63,"_64":65,"_66":67,"_68":-5,"_69":-5,"_70":71,"_72":73,"_74":75,"_76":77,"_78":310,"_80":-5,"_81":82,"_83":82,"_84":85,"_86":85,"_87":85,"_88":82,"_89":82,"_90":311,"_92":312,"_94":313,"_96":31},"tree",[200,210,213,214],"files",[200,201,202,203,204,205,206,207,208,209,210,211,212,213,214],"counts",{"_190":71,"_191":175,"_192":71,"_193":194,"_195":196},"contents",[155,156,157,158],"upstreamProject",{"_50":106,"_38":151,"_59":152,"_61":62,"_56":57,"_90":153},"upstreamBranch",{"_50":101,"_45":144,"_145":146,"_38":98,"_99":106,"_13":147,"_100":-5,"_102":-5,"_148":149,"_54":-5,"_96":31,"_56":57,"_110":150,"_72":108,"_109":151},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740674013689],"updatedAt",["D",1785420707976],91,"lockfileKey","1785420708123-esm.town_v_templates_react-hono-starter@91-main","templates","react-hono-starter","Starter template with client-side React & Hono server",{"_112":150,"_119":154},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789559999&sig=5c07b77d973a9a7831cc1779f4bd4ec152796753863d0aeae4088e1e0ae03921",{"_50":185,"_38":186,"_36":187,"_161":-5,"_48":49,"_47":175,"_163":67,"_45":188,"_13":71,"_40":183,"_42":-5,"_30":31,"_168":-5,"_33":189},{"_50":178,"_38":179,"_36":180,"_161":-5,"_48":49,"_47":181,"_163":67,"_45":182,"_13":71,"_40":183,"_42":-5,"_30":31,"_168":-5,"_33":184},{"_50":170,"_38":171,"_36":172,"_161":-5,"_48":49,"_47":173,"_163":31,"_45":174,"_13":175,"_40":26,"_42":176,"_30":31,"_168":-5,"_33":177},{"_50":159,"_38":160,"_36":65,"_161":-5,"_48":49,"_47":162,"_163":67,"_45":164,"_13":165,"_40":166,"_42":167,"_30":31,"_168":-5,"_33":169},"53a8880a-1d76-46ab-9a08-d03ffb838031","index.ts","parentId",20,"latest",["D",1783366271264],3,"http","import { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\nimport {\n initDB,\n createMeal,\n getMeals,\n createSymptom,\n getSymptoms,\n getAnalysis,\n} from \"./lib/db.ts\";\nimport { extractIngredients } from \"./lib/ai.ts\";\n\nconst app = new Hono();\n\n// Initialize database on first request\nlet dbReady = false;\nasync function ensureDB() {\n if (!dbReady) {\n await initDB();\n dbReady = true;\n }\n}\n\n// Serve index.html at the root /\napp.get(\"/\", () => serveFile(\"/frontend/index.html\"));\n\n// Serve all /frontend files\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path));\n\n// View source redirect\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// ─── API Routes ───\n\n// Get all meals\napp.get(\"/api/meals\", async (c) => {\n await ensureDB();\n const meals = await getMeals();\n return c.json(meals);\n});\n\n// Create a meal (with AI ingredient extraction)\napp.post(\"/api/meals\", async (c) => {\n await ensureDB();\n const body = await c.req.json();\n const { description, ingredients, created_at } = body;\n\n if (!description?.trim()) {\n return c.json({ error: \"Description is required\" }, 400);\n }\n\n // If ingredients provided, use them; otherwise extract via AI\n const finalIngredients = Array.isArray(ingredients) && ingredients.length > 0\n ? ingredients.map((i: string) => i.toLowerCase().trim()).filter(Boolean)\n : await extractIngredients(description.trim());\n\n const meal = await createMeal(description.trim(), finalIngredients, created_at);\n return c.json(meal, 201);\n});\n\n// Extract ingredients from text (preview before saving)\napp.post(\"/api/extract-ingredients\", async (c) => {\n const body = await c.req.json();\n const { description } = body;\n if (!description?.trim()) {\n return c.json({ error: \"Description is required\" }, 400);\n }\n const ingredients = await extractIngredients(description.trim());\n return c.json({ ingredients });\n});\n\n// Get all symptoms\napp.get(\"/api/symptoms\", async (c) => {\n await ensureDB();\n const symptoms = await getSymptoms();\n return c.json(symptoms);\n});\n\n// Log a symptom\napp.post(\"/api/symptoms\", async (c) => {\n await ensureDB();\n const body = await c.req.json();\n const { meal_id, bloating, gas, pain, bowel_movement, notes, created_at } = body;\n\n const symptom = await createSymptom({\n meal_id: meal_id ?? null,\n bloating: Math.max(0, Math.min(5, Number(bloating) || 0)),\n gas: Math.max(0, Math.min(5, Number(gas) || 0)),\n pain: Math.max(0, Math.min(5, Number(pain) || 0)),\n bowel_movement: bowel_movement ?? \"none\",\n notes: notes ?? \"\",\n created_at: created_at ?? undefined,\n });\n return c.json(symptom, 201);\n});\n\n// Get ingredient correlation analysis\napp.get(\"/api/analysis\", async (c) => {\n await ensureDB();\n const analysis = await getAnalysis();\n return c.json(analysis);\n});\n\n// Unwrap and rethrow Hono errors as the original error\napp.onError((err) => Promise.reject(err));\n\n// HTTP vals expect an exported \"fetch handler\"\nexport default app.fetch;\n","label",[160],"e62ceda1-694d-41e1-bc8e-3b0bd4751daf","README.md","019f38dd-0b14-74df-87f3-f0f4f14b861d",15,["D",1783365669921],1,"# 🫃 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- **Digestion tracking** — log bloating, gas, pain/cramps (0–5 scale) and bowel\n movement quality (normal, loose, hard, urgent)\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\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\"| 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 (Twind + React)\n index.tsx ← React entrypoint\n favicon.svg ← App icon\n components/\n App.tsx ← Root layout + bottom tab navigation\n LogMeal.tsx ← Meal entry form with AI ingredient extraction\n LogSymptom.tsx ← Symptom rating form (sliders + BM selector)\n History.tsx ← Chronological timeline of meals & symptoms\n Insights.tsx ← Ingredient correlation dashboard\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## Privacy\n\nThis val is **public** by default (required for free-tier HTTP endpoints). Your\ndata lives in the val's private SQLite database — only accessible through the\napp's API. Set the val to **unlisted** or **private** on a paid plan if you want\nto hide it from discovery.\n\n## Usage\n\n1. Open the app on your phone (it's mobile-first!)\n2. **Log Meal** tab → type what you ate → tap \"Extract Ingredients with AI\" →\n review/edit the ingredient chips → save\n3. Later, **Symptoms** tab → rate how you feel → optionally link to a meal → save\n4. Check **Insights** tab to 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",[171],"751301e0-2950-4c10-9582-d5389757d596","lib","37dc5f98-ac69-41c7-a46f-f4585189e848",2,["D",1783365472652],"directory",[179],"fe84cb2d-6f1e-4f9f-9034-bcb3bf68e6a3","frontend","019f38dd-0b14-74df-87f3-ec5a67ef51e7",["D",1783365438135],[186],"pulls","branches","forks","envVars",{"_197":71,"_199":71},"connections",{"_197":71,"_198":71},"count","unfilledCount","emptyCount",{"_50":185,"_38":186,"_36":187,"_161":-5,"_48":49,"_47":175,"_163":67,"_45":306,"_13":71,"_40":183,"_42":-5,"_30":31,"_168":-5,"_216":307,"_33":308},{"_50":302,"_38":273,"_36":267,"_161":187,"_48":49,"_47":175,"_163":67,"_45":303,"_13":71,"_40":183,"_42":-5,"_30":31,"_168":-5,"_216":304,"_33":305},{"_50":294,"_38":295,"_36":296,"_161":267,"_48":49,"_47":297,"_163":67,"_45":298,"_13":165,"_40":41,"_42":299,"_30":31,"_168":-5,"_216":300,"_33":301},{"_50":286,"_38":287,"_36":288,"_161":267,"_48":49,"_47":289,"_163":67,"_45":290,"_13":175,"_40":41,"_42":291,"_30":31,"_168":-5,"_216":292,"_33":293},{"_50":282,"_38":39,"_36":37,"_161":267,"_48":49,"_47":14,"_163":67,"_45":283,"_13":175,"_40":41,"_42":44,"_30":31,"_168":-5,"_216":284,"_33":285},{"_50":274,"_38":275,"_36":276,"_161":267,"_48":49,"_47":277,"_163":67,"_45":278,"_13":175,"_40":41,"_42":279,"_30":31,"_168":-5,"_216":280,"_33":281},{"_50":264,"_38":265,"_36":266,"_161":267,"_48":49,"_47":268,"_163":67,"_45":269,"_13":175,"_40":41,"_42":270,"_30":31,"_168":-5,"_216":271,"_33":272},{"_50":256,"_38":257,"_36":258,"_161":187,"_48":49,"_47":259,"_163":67,"_45":260,"_13":175,"_40":26,"_42":261,"_30":31,"_168":-5,"_216":262,"_33":263},{"_50":248,"_38":249,"_36":250,"_161":187,"_48":49,"_47":251,"_163":67,"_45":252,"_13":181,"_40":26,"_42":253,"_30":31,"_168":-5,"_216":254,"_33":255},{"_50":241,"_38":242,"_36":243,"_161":187,"_48":49,"_47":175,"_163":67,"_45":244,"_13":71,"_40":41,"_42":245,"_30":31,"_168":-5,"_216":246,"_33":247},{"_50":178,"_38":179,"_36":180,"_161":-5,"_48":49,"_47":181,"_163":67,"_45":238,"_13":71,"_40":183,"_42":-5,"_30":31,"_168":-5,"_216":239,"_33":240},{"_50":231,"_38":232,"_36":233,"_161":180,"_48":49,"_47":165,"_163":67,"_45":234,"_13":71,"_40":41,"_42":235,"_30":31,"_168":-5,"_216":236,"_33":237},{"_50":222,"_38":223,"_36":224,"_161":180,"_48":49,"_47":225,"_163":67,"_45":226,"_13":227,"_40":41,"_42":228,"_30":31,"_168":-5,"_216":229,"_33":230},{"_50":170,"_38":171,"_36":172,"_161":-5,"_48":49,"_47":173,"_163":31,"_45":219,"_13":175,"_40":26,"_42":176,"_30":31,"_168":-5,"_216":220,"_33":221},{"_50":159,"_38":160,"_36":65,"_161":-5,"_48":49,"_47":162,"_163":67,"_45":215,"_13":165,"_40":166,"_42":167,"_30":31,"_168":-5,"_216":217,"_33":218},["D",1783366271264],"children",[],[160],["D",1783365669921],[],[171],"b5a86bf5-6507-42e4-8afe-b0d3a461ff62","db.ts","6288c69a-796f-11f1-9f42-1607ee4eb77e",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",[],[179,223],"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",[],[179,232],["D",1783365472652],[211,212],[179],"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();",[],[186,242],"501388b0-08b5-465e-afdd-e0c97ddd9cea","index.html","019f38dd-0b14-74df-87f3-e6c46abfaeb6",21,["D",1783366274595],"\n\n \n \n \n \n \n \n \n Gut Tracker\n \n \n \n \n \n

\n \n \n \n\n",[],[186,249],"fa258fa9-6cee-4f88-b8c8-243440ee545d","favicon.svg","019f38dd-0b14-74df-87f3-e2708bfa42e0",14,["D",1783365647101],"\n\n",[],[186,257],"5ee7e1ec-5185-4440-ba84-b1e4db8db4ef","LogSymptom.tsx","87c734be-796f-11f1-822a-1607ee4eb77e","019f38dd-0b14-74df-87f3-dec89a9b97e6",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",[],[186,273,265],"components","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",[],[186,273,275],"d6f919e1-2158-40db-9d75-4afff1b1b584",["D",1783366439004],[],[186,273,39],"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",[],[186,273,287],"b23e9fec-eb0e-492b-92e1-1e968098b380","App.tsx","019f38dd-0b13-778e-abae-dcb1dc5a7703",22,["D",1783366323012],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { LogMeal } from \"./LogMeal.tsx\";\nimport { LogSymptom } from \"./LogSymptom.tsx\";\nimport { History } from \"./History.tsx\";\nimport { Insights } from \"./Insights.tsx\";\n\ntype Tab = \"meal\" | \"symptom\" | \"history\" | \"insights\";\n\nconst TABS: { id: Tab; label: string; emoji: string }[] = [\n { id: \"meal\", label: \"Meal\", emoji: \"🍽️\" },\n { id: \"symptom\", label: \"Symptoms\", emoji: \"🚽\" },\n { id: \"history\", label: \"History\", emoji: \"📋\" },\n { id: \"insights\", label: \"Insights\", emoji: \"📊\" },\n];\n\nconst TITLES: Record = {\n meal: \"Log Meal\",\n symptom: \"Log Symptoms\",\n history: \"History\",\n insights: \"Insights\",\n};\n\nexport function App() {\n const [tab, setTab] = useState(\"meal\");\n const [refreshKey, setRefreshKey] = useState(0);\n\n const handleSaved = () => setRefreshKey((k) => k + 1);\n\n return (\n \n {/* Large Title Header */}\n \n

\n {TITLES[tab]}\n

\n \n\n {/* Content */}\n

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

\n\n {/* Frosted Glass Tab Bar */}\n \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",[],[186,273,295],"00384e56-ce05-4f2d-a399-667e9a5785ba",["D",1783365438135],[202,203,204,205,206],[186,273],["D",1783365438135],[201,207,208,209],[186],["D",1783365438135],["D",1789523429989],{"_112":111,"_119":115},{"_112":111,"_113":-5,"_114":115,"_19":63,"_116":117,"_118":31},{"_13":97,"_38":98,"_50":49,"_99":51,"_100":101,"_102":103,"_104":57,"_105":106,"_107":108,"_109":52,"_110":111},"ctx",{"_90":-5,"_141":347,"_348":349,"_350":351,"_352":31,"_353":31,"_354":31,"_355":67,"_356":-5,"_357":-7,"_358":-7,"_359":71,"_360":31,"_361":31,"_362":-5,"_363":31,"_364":31,"_365":31,"_366":-5},"ENV",{"_318":319,"_320":321,"_322":98,"_323":324,"_325":326,"_327":328,"_329":330,"_331":332,"_333":334,"_335":336,"_337":338,"_339":340,"_341":342,"_343":344,"_345":346},"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"]

Diff · v26