Hi

\"\n});\n```\n\n## Val Town Utility Functions\n\nVal Town provides several utility functions to help with common project tasks.\n\n### Importing Utilities\n\nAlways import utilities with version pins to avoid breaking changes:\n\n```ts\nimport { parseProject, readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n```\n\n### Available Utilities\n\n\n#### **serveFile** - Serve project files with proper content types\n\nFor example, in Hono:\n\n```ts\n// serve all files in frontend/ and shared/\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n```\n\n#### **readFile** - Read files from within the project:\n\n```ts\n// Read a file from the project\nconst fileContent = await readFile(\"/frontend/index.html\", import.meta.url);\n```\n\n#### **listFiles** - List all files in the project\n\n```ts\nconst files = await listFiles(import.meta.url);\n```\n\n#### **parseProject** - Extract information about the current project from import.meta.url\n\nThis is useful for including info for linking back to a val, ie in \"view source\" urls:\n\n```ts\nconst projectVal = parseProject(import.meta.url);\nconsole.log(projectVal.username); // Owner of the project\nconsole.log(projectVal.name); // Project name\nconsole.log(projectVal.version); // Version number\nconsole.log(projectVal.branch); // Branch name\nconsole.log(projectVal.links.self.project); // URL to the project page\n```\n\nHowever, it's *extremely importing* to note that `parseProject` and other Standard Library utilities ONLY RUN ON THE SERVER.\nIf you need access to this data on the client, run it in the server and pass it to the client by splicing it into the HTML page\nor by making an API request for it.\n\n## Val Town Platform Specifics\n\n- **Redirects:** Use `return new Response(null, { status: 302, headers: { Location: \"/place/to/redirect\" }})` instead of `Response.redirect` which is broken\n- **Images:** Avoid external images or base64 images. Use emojis, unicode symbols, or icon fonts/libraries instead\n- **AI Image:** To inline generate an AI image use: `

`\n- **Storage:** DO NOT use the Deno KV module for storage\n- **Browser APIs:** DO NOT use the `alert()`, `prompt()`, or `confirm()` methods\n- **Weather Data:** Use open-meteo for weather data (doesn't require API keys) unless otherwise specified\n- **View Source:** Add a view source link by importing & using `import.meta.url.replace(\"ems.sh\", \"val.town)\"` (or passing this data to the client) and include `target=\"_top\"` attribute\n- **Error Debugging:** Add `` to HTML to capture client-side errors\n- **Error Handling:** Only use try...catch when there's a clear local resolution; Avoid catches that merely log or return 500s. Let errors bubble up with full context\n- **Environment Variables:** Use `Deno.env.get('keyname')` when you need to, but generally prefer APIs that don't require keys\n- **Imports:** Use `https://esm.sh` for npm and Deno dependencies to ensure compatibility on server and browser\n- **Storage Strategy:** Only use backend storage if explicitly required; prefer simple static client-side sites\n- **React Configuration:** When using React libraries, pin versions with `?deps=react@18.2.0,react-dom@18.2.0` and start the file with `/** @jsxImportSource https://esm.sh/react@18.2.0 */`\n- Ensure all React dependencies and sub-dependencies are pinned to the same version\n- **Styling:** Default to using TailwindCSS via `` unless otherwise specified\n\n## Project Structure and Design Patterns\n\n### Recommended Directory Structure\n```\n├── backend/\n│ ├── database/\n│ │ ├── migrations.ts # Schema definitions\n│ │ ├── queries.ts # DB query functions\n│ │ └── README.md\n│ └── routes/ # Route modules\n│ ├── [route].ts\n│ └── static.ts # Static file serving\n│ ├── index.ts # Main entry point\n│ └── README.md\n├── frontend/\n│ ├── components/\n│ │ ├── App.tsx\n│ │ └── [Component].tsx\n│ ├── favicon.svg\n│ ├── index.html # Main HTML template\n│ ├── index.tsx # Frontend JS entry point\n│ ├── README.md\n│ └── style.css\n├── README.md\n└── shared/\n ├── README.md\n └── utils.ts # Shared types and functions\n```\n\n### Backend (Hono) Best Practices\n\n- Hono is the recommended API framework\n- Main entry point should be `backend/index.ts`\n- **Static asset serving:** Use the utility functions to read and serve project files:\n ```ts\n import { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n \n // serve all files in frontend/ and shared/\n app.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\n app.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n \n // For index.html, often you'll want to bootstrap with initial data\n app.get(\"/\", async c => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // Inject data to avoid extra round-trips\n const initialData = await fetchInitialData();\n const dataScript = ``;\n \n html = html.replace(\"\", `${dataScript}`);\n return c.html(html);\n });\n ```\n- Create RESTful API routes for CRUD operations\n- Always include this snippet at the top-level Hono app to re-throwing errors to see full stack traces:\n ```ts\n // Unwrap Hono errors to see original error details\n app.onError((err, c) => {\n throw err;\n });\n ```\n\n### Database Patterns\n- Run migrations on startup or comment out for performance\n- Change table names when modifying schemas rather than altering\n- Export clear query functions with proper TypeScript typing\n\n## Common Gotchas and Solutions\n\n1. **Environment Limitations:** \n - Val Town runs on Deno in a serverless context, not Node.js\n - Code in `shared/` must work in both frontend and backend environments\n - Cannot use `Deno` keyword in shared code\n - Use `https://esm.sh` for imports that work in both environments\n\n2. **SQLite Peculiarities:**\n - Limited support for ALTER TABLE operations\n - Create new tables with updated schemas and copy data when needed\n - Always run table creation before querying\n\n3. **React Configuration:**\n - All React dependencies must be pinned to 18.2.0\n - Always include `@jsxImportSource https://esm.sh/react@18.2.0` at the top of React files\n - Rendering issues often come from mismatched React versions\n\n4. **File Handling:**\n - Val Town only supports text files, not binary\n - Use the provided utilities to read files across branches and forks\n - For files in the project, use `readFile` helpers\n\n5. **API Design:**\n - `fetch` handler is the entry point for HTTP vals\n - Run the Hono app with `export default app.fetch // This is the entry point for HTTP vals`\n\n",[],[101],"e872ba97-2dcf-4eeb-abf7-b57251a26dd0",".vtignore","b93ee86e-d3a9-11f0-b1e3-42dde27851f2",244,["D",1788040793657],1,".git\n.github\n.gitignore\n.vscode\n.claude\n.cursorrules\n.DS_Store\nnode_modules\nvendor\ndeno.lock\n\n# Local-only: archived Magic Patterns Vite prototype, not part of the val\nlegacy-vite-prototype\n",[],[109],"b856c354-d3a9-11f0-8e4b-42dde27851f2","shared","b856c412-d3a9-11f0-8e4b-42dde27851f2",3,["D",1765138634405],[124],[118],{"_35":125,"_13":126,"_38":127,"_40":119,"_42":43,"_44":128,"_46":47,"_48":129,"_17":130,"_51":52,"_53":131,"_55":56,"_57":-5,"_89":132,"_18":133},"926f43df-3a25-4c21-9cfb-6bb3e59a88ae","types.ts","b9331f48-d3a9-11f0-a755-42dde27851f2",250,["D",1788041253100],12,"// Shared types for Carmy - Recipe and Meal Planning App\n// NOTE: This file runs in both frontend and backend - do not use Deno APIs here\n\nexport interface User {\n id: string;\n email: string;\n name: string | null;\n picture: string | null;\n}\n\nexport interface Recipe {\n id: string;\n userId: string;\n title: string;\n url: string | null;\n instructions: string | null;\n servingSize: number;\n createdAt: string;\n updatedAt: string;\n ingredients: RecipeIngredient[];\n nutrition: RecipeNutrition | null;\n}\n\nexport interface RecipeIngredient {\n id: string;\n recipeId: string;\n name: string;\n amount: number | null;\n unit: string | null;\n amountGrams: number | null; // Converted amount in grams for nutrition calculation\n notes: string | null;\n orderIndex: number;\n // FDC linking fields\n fdcId: number | null;\n fdcDescription: string | null;\n fdcDataType: FDCDataType | null;\n}\n\nexport type FDCDataType = 'Branded' | 'Foundation' | 'SR Legacy' | 'Survey (FNDDS)';\n\n// Cached FDC food data\nexport interface FDCFood {\n fdcId: number;\n description: string;\n dataType: FDCDataType;\n brandOwner: string | null;\n brandName: string | null;\n servingSize: number | null;\n servingSizeUnit: string | null;\n householdServingText: string | null;\n nutrition: FDCNutrition;\n cachedAt: string;\n}\n\n// Comprehensive nutrition data from FDC (per 100g)\n// Includes all available nutrients from USDA FoodData Central\nexport interface FDCNutrition {\n // Energy\n calories: number | null; // kcal\n \n // Macronutrients\n protein: number | null; // g\n fat: number | null; // g - Total lipid\n carbs: number | null; // g - Carbohydrate, by difference\n fiber: number | null; // g - Fiber, total dietary\n sugars: number | null; // g - Sugars, total\n addedSugars: number | null; // g - Sugars, added\n starch: number | null; // g\n \n // Fats breakdown\n saturatedFat: number | null; // g - Fatty acids, total saturated\n transFat: number | null; // g - Fatty acids, total trans\n monounsaturatedFat: number | null; // g - Fatty acids, total monounsaturated\n polyunsaturatedFat: number | null; // g - Fatty acids, total polyunsaturated\n cholesterol: number | null; // mg\n \n // Other macros\n water: number | null; // g\n alcohol: number | null; // g - Ethanol\n caffeine: number | null; // mg\n \n // Minerals\n sodium: number | null; // mg\n potassium: number | null; // mg\n calcium: number | null; // mg\n iron: number | null; // mg\n magnesium: number | null; // mg\n zinc: number | null; // mg\n phosphorus: number | null; // mg\n selenium: number | null; // mcg\n copper: number | null; // mg\n manganese: number | null; // mg\n fluoride: number | null; // mcg\n chromium: number | null; // mcg\n molybdenum: number | null; // mcg\n iodine: number | null; // mcg\n chloride: number | null; // mg\n \n // Vitamins - Fat soluble\n vitaminA: number | null; // mcg RAE\n retinol: number | null; // mcg\n betaCarotene: number | null; // mcg\n alphaCarotene: number | null; // mcg\n betaCryptoxanthin: number | null; // mcg\n lycopene: number | null; // mcg\n luteinZeaxanthin: number | null; // mcg\n vitaminD: number | null; // mcg (D2 + D3)\n vitaminD2: number | null; // mcg\n vitaminD3: number | null; // mcg\n vitaminE: number | null; // mg (alpha-tocopherol)\n vitaminK: number | null; // mcg (phylloquinone)\n vitaminK2: number | null; // mcg (menaquinone)\n \n // Vitamins - Water soluble\n vitaminC: number | null; // mg\n vitaminB6: number | null; // mg\n vitaminB12: number | null; // mcg\n thiamin: number | null; // mg (B1)\n riboflavin: number | null; // mg (B2)\n niacin: number | null; // mg (B3)\n pantothenicAcid: number | null; // mg (B5)\n biotin: number | null; // mcg (B7)\n folate: number | null; // mcg DFE\n folicAcid: number | null; // mcg\n choline: number | null; // mg\n betaine: number | null; // mg\n}\n\n// Recipe nutrition - same structure as FDCNutrition plus metadata\nexport interface RecipeNutrition extends FDCNutrition {\n id: string;\n recipeId: string;\n // Whether all ingredients have FDC links\n isComplete: boolean;\n}\n\nexport interface GroceryList {\n id: string;\n userId: string;\n name: string;\n createdAt: string;\n updatedAt: string;\n items: GroceryListItem[];\n}\n\nexport interface GroceryListItem {\n id: string;\n listId: string;\n name: string;\n quantity: number | null;\n unit: string | null;\n notes: string | null;\n recipeId: string | null;\n recipeName: string | null;\n checked: boolean;\n createdAt: string;\n}\n\nexport interface NutritionGoals {\n id: string;\n userId: string;\n primaryGoalType: NutritionGoalType;\n primaryGoalValue: number;\n subGoal1Type: NutritionGoalType | null;\n subGoal1Value: number | null;\n subGoal2Type: NutritionGoalType | null;\n subGoal2Value: number | null;\n updatedAt: string;\n}\n\nexport type NutritionGoalType = 'calories' | 'protein' | 'fiber' | 'fat' | 'carbs';\n\nexport const NUTRITION_GOAL_UNITS: Record = {\n calories: 'kcal',\n protein: 'g',\n fiber: 'g',\n fat: 'g',\n carbs: 'g',\n};\n\nexport const NUTRITION_GOAL_LABELS: Record = {\n calories: 'Calories',\n protein: 'Protein',\n fiber: 'Fiber',\n fat: 'Fat',\n carbs: 'Carbohydrates',\n};\n\n// All nutrition keys (comprehensive list from USDA FDC)\nexport type NutrientKey =\n // Energy\n | 'calories'\n // Macronutrients\n | 'protein' | 'fat' | 'carbs' | 'fiber' | 'sugars' | 'addedSugars' | 'starch'\n // Fats breakdown\n | 'saturatedFat' | 'transFat' | 'monounsaturatedFat' | 'polyunsaturatedFat' | 'cholesterol'\n // Other macros\n | 'water' | 'alcohol' | 'caffeine'\n // Minerals\n | 'sodium' | 'potassium' | 'calcium' | 'iron' | 'magnesium' | 'zinc'\n | 'phosphorus' | 'selenium' | 'copper' | 'manganese'\n | 'fluoride' | 'chromium' | 'molybdenum' | 'iodine' | 'chloride'\n // Vitamins - Fat soluble\n | 'vitaminA' | 'retinol' | 'betaCarotene' | 'alphaCarotene' | 'betaCryptoxanthin'\n | 'lycopene' | 'luteinZeaxanthin'\n | 'vitaminD' | 'vitaminD2' | 'vitaminD3'\n | 'vitaminE' | 'vitaminK' | 'vitaminK2'\n // Vitamins - Water soluble\n | 'vitaminC' | 'vitaminB6' | 'vitaminB12'\n | 'thiamin' | 'riboflavin' | 'niacin' | 'pantothenicAcid' | 'biotin'\n | 'folate' | 'folicAcid' | 'choline' | 'betaine';\n\n// Nutrient categories for grouping in UI\nexport type NutrientCategory = 'energy' | 'macro' | 'fats' | 'other' | 'mineral' | 'vitaminFatSoluble' | 'vitaminWaterSoluble' | 'carotenoid';\n\nexport const NUTRIENT_INFO: Record = {\n // Energy\n calories: { label: 'Calories', unit: 'kcal', category: 'energy' },\n \n // Macronutrients\n protein: { label: 'Protein', unit: 'g', category: 'macro' },\n fat: { label: 'Total Fat', unit: 'g', category: 'macro' },\n carbs: { label: 'Carbohydrates', unit: 'g', category: 'macro' },\n fiber: { label: 'Fiber', unit: 'g', category: 'macro' },\n sugars: { label: 'Sugars', unit: 'g', category: 'macro' },\n addedSugars: { label: 'Added Sugars', unit: 'g', category: 'macro' },\n starch: { label: 'Starch', unit: 'g', category: 'macro' },\n \n // Fats breakdown\n saturatedFat: { label: 'Saturated Fat', unit: 'g', category: 'fats' },\n transFat: { label: 'Trans Fat', unit: 'g', category: 'fats' },\n monounsaturatedFat: { label: 'Monounsaturated Fat', unit: 'g', category: 'fats' },\n polyunsaturatedFat: { label: 'Polyunsaturated Fat', unit: 'g', category: 'fats' },\n cholesterol: { label: 'Cholesterol', unit: 'mg', category: 'fats' },\n \n // Other macros\n water: { label: 'Water', unit: 'g', category: 'other' },\n alcohol: { label: 'Alcohol', unit: 'g', category: 'other' },\n caffeine: { label: 'Caffeine', unit: 'mg', category: 'other' },\n \n // Minerals\n sodium: { label: 'Sodium', unit: 'mg', category: 'mineral' },\n potassium: { label: 'Potassium', unit: 'mg', category: 'mineral' },\n calcium: { label: 'Calcium', unit: 'mg', category: 'mineral' },\n iron: { label: 'Iron', unit: 'mg', category: 'mineral' },\n magnesium: { label: 'Magnesium', unit: 'mg', category: 'mineral' },\n zinc: { label: 'Zinc', unit: 'mg', category: 'mineral' },\n phosphorus: { label: 'Phosphorus', unit: 'mg', category: 'mineral' },\n selenium: { label: 'Selenium', unit: 'mcg', category: 'mineral' },\n copper: { label: 'Copper', unit: 'mg', category: 'mineral' },\n manganese: { label: 'Manganese', unit: 'mg', category: 'mineral' },\n fluoride: { label: 'Fluoride', unit: 'mcg', category: 'mineral' },\n chromium: { label: 'Chromium', unit: 'mcg', category: 'mineral' },\n molybdenum: { label: 'Molybdenum', unit: 'mcg', category: 'mineral' },\n iodine: { label: 'Iodine', unit: 'mcg', category: 'mineral' },\n chloride: { label: 'Chloride', unit: 'mg', category: 'mineral' },\n \n // Vitamins - Fat soluble\n vitaminA: { label: 'Vitamin A', unit: 'mcg', category: 'vitaminFatSoluble' },\n retinol: { label: 'Retinol', unit: 'mcg', category: 'vitaminFatSoluble' },\n betaCarotene: { label: 'Beta-Carotene', unit: 'mcg', category: 'carotenoid' },\n alphaCarotene: { label: 'Alpha-Carotene', unit: 'mcg', category: 'carotenoid' },\n betaCryptoxanthin: { label: 'Beta-Cryptoxanthin', unit: 'mcg', category: 'carotenoid' },\n lycopene: { label: 'Lycopene', unit: 'mcg', category: 'carotenoid' },\n luteinZeaxanthin: { label: 'Lutein + Zeaxanthin', unit: 'mcg', category: 'carotenoid' },\n vitaminD: { label: 'Vitamin D', unit: 'mcg', category: 'vitaminFatSoluble' },\n vitaminD2: { label: 'Vitamin D2', unit: 'mcg', category: 'vitaminFatSoluble' },\n vitaminD3: { label: 'Vitamin D3', unit: 'mcg', category: 'vitaminFatSoluble' },\n vitaminE: { label: 'Vitamin E', unit: 'mg', category: 'vitaminFatSoluble' },\n vitaminK: { label: 'Vitamin K', unit: 'mcg', category: 'vitaminFatSoluble' },\n vitaminK2: { label: 'Vitamin K2', unit: 'mcg', category: 'vitaminFatSoluble' },\n \n // Vitamins - Water soluble\n vitaminC: { label: 'Vitamin C', unit: 'mg', category: 'vitaminWaterSoluble' },\n vitaminB6: { label: 'Vitamin B6', unit: 'mg', category: 'vitaminWaterSoluble' },\n vitaminB12: { label: 'Vitamin B12', unit: 'mcg', category: 'vitaminWaterSoluble' },\n thiamin: { label: 'Thiamin (B1)', unit: 'mg', category: 'vitaminWaterSoluble' },\n riboflavin: { label: 'Riboflavin (B2)', unit: 'mg', category: 'vitaminWaterSoluble' },\n niacin: { label: 'Niacin (B3)', unit: 'mg', category: 'vitaminWaterSoluble' },\n pantothenicAcid: { label: 'Pantothenic Acid (B5)', unit: 'mg', category: 'vitaminWaterSoluble' },\n biotin: { label: 'Biotin (B7)', unit: 'mcg', category: 'vitaminWaterSoluble' },\n folate: { label: 'Folate', unit: 'mcg', category: 'vitaminWaterSoluble' },\n folicAcid: { label: 'Folic Acid', unit: 'mcg', category: 'vitaminWaterSoluble' },\n choline: { label: 'Choline', unit: 'mg', category: 'vitaminWaterSoluble' },\n betaine: { label: 'Betaine', unit: 'mg', category: 'vitaminWaterSoluble' },\n};\n\n// List of all nutrient keys for iteration\nexport const ALL_NUTRIENT_KEYS: NutrientKey[] = Object.keys(NUTRIENT_INFO) as NutrientKey[];\n\n// Get nutrients by category\nexport function getNutrientsByCategory(category: NutrientCategory): NutrientKey[] {\n return ALL_NUTRIENT_KEYS.filter(key => NUTRIENT_INFO[key].category === category);\n}\n\n// ---- Calorie resolution ------------------------------------------------------\n// USDA FDC foods don't always carry an energy value (nutrient 1008); many\n// Foundation Foods only report the Atwater-factor variants, and some have no\n// energy row at all. When that value is missing, summed calories come out lower\n// than the macros imply. These helpers estimate calories from macros so calories\n// and protein/carbs/fat stay consistent everywhere they're displayed.\n\ntype MacroCalorieInput = {\n calories?: number | null;\n protein?: number | null;\n carbs?: number | null;\n fat?: number | null;\n alcohol?: number | null;\n};\n\n// Atwater general factors: 4 kcal/g protein & carbs, 9 kcal/g fat, 7 kcal/g alcohol.\nexport function atwaterCalories(n: MacroCalorieInput): number {\n return (\n (n.protein ?? 0) * 4 +\n (n.carbs ?? 0) * 4 +\n (n.fat ?? 0) * 9 +\n (n.alcohol ?? 0) * 7\n );\n}\n\n// A usable calorie number: the stored value if it's a positive number, else an\n// Atwater estimate from macros, else 0.\nexport function resolveCalories(n: MacroCalorieInput): number {\n if (typeof n.calories === 'number' && n.calories > 0) return n.calories;\n return atwaterCalories(n);\n}\n\n// Same, but preserves `null` when there is neither a stored value nor any macro\n// data to estimate from — for nullable nutrition records (recipes, FDC/custom foods).\nexport function resolveCaloriesOrNull(n: MacroCalorieInput): number | null {\n if (typeof n.calories === 'number' && n.calories > 0) return n.calories;\n const estimate = atwaterCalories(n);\n return estimate > 0 ? estimate : (n.calories ?? null);\n}\n\n// Common ingredient units with gram conversions (approximate, for common ingredients)\nexport const COMMON_UNITS = ['g', 'oz', 'lb', 'cup', 'tbsp', 'tsp', 'ml', 'piece', 'whole'] as const;\nexport type IngredientUnit = typeof COMMON_UNITS[number];\n\n// FDC search result (summary)\nexport interface FDCSearchResult {\n fdcId: number;\n description: string;\n dataType: FDCDataType;\n brandOwner: string | null;\n brandName: string | null;\n score: number;\n micronutrientCount: number | null; // How many micronutrients have data\n}\n\nexport interface MealPlan {\n id: string;\n userId: string;\n weekStartDate: string; // ISO date string (Sunday)\n createdAt: string;\n updatedAt: string;\n entries: MealPlanEntry[];\n}\n\nexport type DayOfWeek = 0 | 1 | 2 | 3 | 4 | 5 | 6; // Sunday = 0\nexport type MealType = 'breakfast' | 'lunch' | 'dinner' | 'snacks';\n\nexport const DAY_NAMES: string[] = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];\nexport const MEAL_TYPES: MealType[] = ['breakfast', 'lunch', 'dinner', 'snacks'];\nexport const MEAL_TYPE_LABELS: Record = {\n breakfast: 'Breakfast',\n lunch: 'Lunch',\n dinner: 'Dinner',\n snacks: 'Snacks',\n};\n\n// Custom food with user-defined nutrition (per serving)\nexport interface CustomFood {\n id: string;\n userId: string;\n name: string;\n servingSizeGrams: number; // default 100g\n // All nutrition fields from FDCNutrition\n calories: number | null;\n protein: number | null;\n fat: number | null;\n carbs: number | null;\n fiber: number | null;\n sugars: number | null;\n addedSugars: number | null;\n starch: number | null;\n saturatedFat: number | null;\n transFat: number | null;\n monounsaturatedFat: number | null;\n polyunsaturatedFat: number | null;\n cholesterol: number | null;\n water: number | null;\n alcohol: number | null;\n caffeine: number | null;\n sodium: number | null;\n potassium: number | null;\n calcium: number | null;\n iron: number | null;\n magnesium: number | null;\n zinc: number | null;\n phosphorus: number | null;\n selenium: number | null;\n copper: number | null;\n manganese: number | null;\n fluoride: number | null;\n chromium: number | null;\n molybdenum: number | null;\n iodine: number | null;\n chloride: number | null;\n vitaminA: number | null;\n retinol: number | null;\n betaCarotene: number | null;\n alphaCarotene: number | null;\n betaCryptoxanthin: number | null;\n lycopene: number | null;\n luteinZeaxanthin: number | null;\n vitaminD: number | null;\n vitaminD2: number | null;\n vitaminD3: number | null;\n vitaminE: number | null;\n vitaminK: number | null;\n vitaminK2: number | null;\n vitaminC: number | null;\n vitaminB6: number | null;\n vitaminB12: number | null;\n thiamin: number | null;\n riboflavin: number | null;\n niacin: number | null;\n pantothenicAcid: number | null;\n biotin: number | null;\n folate: number | null;\n folicAcid: number | null;\n choline: number | null;\n betaine: number | null;\n createdAt: string;\n updatedAt: string;\n}\n\n// Meal plan entry - supports recipes, custom foods, or individual FDC ingredients\n// Exactly one of recipeId, customFoodId, or fdcId should be set\nexport interface MealPlanEntry {\n id: string;\n mealPlanId: string;\n dayOfWeek: DayOfWeek;\n mealType: MealType;\n // One of these three will be set\n recipeId: string | null;\n customFoodId: string | null;\n fdcId: number | null;\n // Associated data (populated when fetched)\n recipe?: Recipe;\n customFood?: CustomFood;\n fdcFood?: FDCFood;\n // Servings for recipes, amount for custom foods/ingredients\n servings: number;\n amountGrams: number | null; // Used for custom foods and FDC ingredients\n}\n\n// Daily nutrition totals\nexport interface DailyNutrition {\n calories: number;\n protein: number;\n fat: number;\n carbs: number;\n fiber: number;\n sugars: number;\n addedSugars: number;\n starch: number;\n saturatedFat: number;\n transFat: number;\n monounsaturatedFat: number;\n polyunsaturatedFat: number;\n cholesterol: number;\n water: number;\n alcohol: number;\n caffeine: number;\n sodium: number;\n potassium: number;\n calcium: number;\n iron: number;\n magnesium: number;\n zinc: number;\n phosphorus: number;\n selenium: number;\n copper: number;\n manganese: number;\n fluoride: number;\n chromium: number;\n molybdenum: number;\n iodine: number;\n chloride: number;\n vitaminA: number;\n retinol: number;\n betaCarotene: number;\n alphaCarotene: number;\n betaCryptoxanthin: number;\n lycopene: number;\n luteinZeaxanthin: number;\n vitaminD: number;\n vitaminD2: number;\n vitaminD3: number;\n vitaminE: number;\n vitaminK: number;\n vitaminK2: number;\n vitaminC: number;\n vitaminB6: number;\n vitaminB12: number;\n thiamin: number;\n riboflavin: number;\n niacin: number;\n pantothenicAcid: number;\n biotin: number;\n folate: number;\n folicAcid: number;\n choline: number;\n betaine: number;\n}\n\n// Helper to create empty daily nutrition\nexport function createEmptyDailyNutrition(): DailyNutrition {\n return {\n calories: 0,\n protein: 0,\n fat: 0,\n carbs: 0,\n fiber: 0,\n sugars: 0,\n addedSugars: 0,\n starch: 0,\n saturatedFat: 0,\n transFat: 0,\n monounsaturatedFat: 0,\n polyunsaturatedFat: 0,\n cholesterol: 0,\n water: 0,\n alcohol: 0,\n caffeine: 0,\n sodium: 0,\n potassium: 0,\n calcium: 0,\n iron: 0,\n magnesium: 0,\n zinc: 0,\n phosphorus: 0,\n selenium: 0,\n copper: 0,\n manganese: 0,\n fluoride: 0,\n chromium: 0,\n molybdenum: 0,\n iodine: 0,\n chloride: 0,\n vitaminA: 0,\n retinol: 0,\n betaCarotene: 0,\n alphaCarotene: 0,\n betaCryptoxanthin: 0,\n lycopene: 0,\n luteinZeaxanthin: 0,\n vitaminD: 0,\n vitaminD2: 0,\n vitaminD3: 0,\n vitaminE: 0,\n vitaminK: 0,\n vitaminK2: 0,\n vitaminC: 0,\n vitaminB6: 0,\n vitaminB12: 0,\n thiamin: 0,\n riboflavin: 0,\n niacin: 0,\n pantothenicAcid: 0,\n biotin: 0,\n folate: 0,\n folicAcid: 0,\n choline: 0,\n betaine: 0,\n };\n}\n\nexport interface ApiResponse {\n success: boolean;\n data?: T;\n error?: string;\n}\n\n// Request types\nexport interface CreateRecipeIngredient {\n name: string;\n amount?: number | null;\n unit?: string | null;\n notes?: string | null;\n fdcId?: number | null;\n fdcDescription?: string | null;\n fdcDataType?: FDCDataType | null;\n}\n\nexport interface CreateRecipeRequest {\n title: string;\n url?: string | null;\n instructions?: string | null;\n servingSize: number;\n ingredients: CreateRecipeIngredient[];\n // Note: nutrition is now calculated from ingredients, not manually provided\n}\n\n// Response type for parsing a recipe from URL\nexport interface ParsedRecipeFromUrl {\n title: string;\n url: string;\n instructions: string | null;\n servingSize: number;\n ingredients: {\n name: string;\n amount: number | null;\n unit: string | null;\n notes: string | null;\n originalText: string;\n }[];\n nutrition: {\n calories: number | null;\n protein: number | null;\n fiber: number | null;\n fat: number | null;\n carbs: number | null;\n } | null;\n}\n\nexport interface UpdateRecipeRequest extends Partial {\n id: string;\n}\n\nexport const DEFAULT_GROCERY_LIST_NAME = 'Grocery List';\n\nexport interface CreateGroceryListRequest {\n name: string;\n}\n\nexport interface AddGroceryItemRequest {\n name: string;\n quantity?: number | null;\n unit?: string | null;\n notes?: string | null;\n}\n\nexport interface UpdateGroceryItemRequest {\n name?: string;\n quantity?: number | null;\n unit?: string | null;\n notes?: string | null;\n checked?: boolean;\n}\n\nexport interface AddRecipeIngredientsRequest {\n recipeId: string;\n servings?: number; // Number of servings to add (defaults to recipe's serving size)\n}\n\nexport interface UpdateNutritionGoalsRequest {\n primaryGoalType: NutritionGoalType;\n primaryGoalValue: number;\n subGoal1Type?: NutritionGoalType | null;\n subGoal1Value?: number | null;\n subGoal2Type?: NutritionGoalType | null;\n subGoal2Value?: number | null;\n}\n\n// Supports adding recipes, custom foods, or FDC ingredients to meal plan\nexport interface AddMealPlanEntryRequest {\n weekStartDate: string;\n dayOfWeek: DayOfWeek;\n mealType: MealType;\n // One of these three should be provided\n recipeId?: string;\n customFoodId?: string;\n fdcId?: number;\n servings?: number;\n amountGrams?: number; // For custom foods and FDC ingredients\n}\n\n// Starred ingredient for quick access when linking\nexport interface StarredIngredient {\n id: string;\n userId: string;\n fdcId: number;\n fdcDescription: string;\n fdcDataType: FDCDataType;\n brandOwner: string | null;\n createdAt: string;\n}\n\nexport interface ScheduleMealRequest {\n recipeId?: string;\n customFoodId?: string;\n fdcId?: number;\n amountGrams?: number;\n mealType: MealType;\n weekStartDate: string;\n days: DayOfWeek[]; // which days to add to\n servings?: number;\n}\n\n// Custom food request types\nexport interface CreateCustomFoodRequest {\n name: string;\n servingSizeGrams?: number; // defaults to 100\n // All nutrient fields are optional\n calories?: number | null;\n protein?: number | null;\n fat?: number | null;\n carbs?: number | null;\n fiber?: number | null;\n sugars?: number | null;\n addedSugars?: number | null;\n starch?: number | null;\n saturatedFat?: number | null;\n transFat?: number | null;\n monounsaturatedFat?: number | null;\n polyunsaturatedFat?: number | null;\n cholesterol?: number | null;\n water?: number | null;\n alcohol?: number | null;\n caffeine?: number | null;\n sodium?: number | null;\n potassium?: number | null;\n calcium?: number | null;\n iron?: number | null;\n magnesium?: number | null;\n zinc?: number | null;\n phosphorus?: number | null;\n selenium?: number | null;\n copper?: number | null;\n manganese?: number | null;\n fluoride?: number | null;\n chromium?: number | null;\n molybdenum?: number | null;\n iodine?: number | null;\n chloride?: number | null;\n vitaminA?: number | null;\n retinol?: number | null;\n betaCarotene?: number | null;\n alphaCarotene?: number | null;\n betaCryptoxanthin?: number | null;\n lycopene?: number | null;\n luteinZeaxanthin?: number | null;\n vitaminD?: number | null;\n vitaminD2?: number | null;\n vitaminD3?: number | null;\n vitaminE?: number | null;\n vitaminK?: number | null;\n vitaminK2?: number | null;\n vitaminC?: number | null;\n vitaminB6?: number | null;\n vitaminB12?: number | null;\n thiamin?: number | null;\n riboflavin?: number | null;\n niacin?: number | null;\n pantothenicAcid?: number | null;\n biotin?: number | null;\n folate?: number | null;\n folicAcid?: number | null;\n choline?: number | null;\n betaine?: number | null;\n}\n\nexport interface UpdateCustomFoodRequest extends Partial {\n id: string;\n}\n",[],[118,126],"b82c4976-d3a9-11f0-8e4b-42dde27851f2","frontend","b82c4a48-d3a9-11f0-8e4b-42dde27851f2",["D",1765138634122],[140,141,142,143],[135],{"_35":169,"_13":170,"_38":171,"_40":136,"_42":43,"_44":157,"_46":47,"_48":172,"_17":73,"_51":74,"_53":-5,"_55":56,"_57":-5,"_89":173,"_18":174},{"_35":161,"_13":162,"_38":163,"_40":136,"_42":43,"_44":164,"_46":47,"_48":165,"_17":120,"_51":24,"_53":166,"_55":56,"_57":-5,"_89":167,"_18":168},{"_35":152,"_13":153,"_38":154,"_40":136,"_42":43,"_44":155,"_46":47,"_48":156,"_17":157,"_51":24,"_53":158,"_55":56,"_57":-5,"_89":159,"_18":160},{"_35":144,"_13":145,"_38":146,"_40":136,"_42":43,"_44":147,"_46":47,"_48":148,"_17":120,"_51":52,"_53":149,"_55":56,"_57":-5,"_89":150,"_18":151},"82072d06-e13d-11f0-9cc2-42dde27851f2","index.tsx","b8cb9256-d3a9-11f0-ba80-42dde27851f2",148,["D",1766631473917],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"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 = createRoot(document.getElementById('root')!);\nroot.render();\n\n\n\n\n",[],[135,145],"926f71f6-e793-11f0-bf91-42dde27851f2","index.html","b8d03d1a-d3a9-11f0-8004-42dde27851f2",196,["D",1767328145120],4,"\n\n\n \n \n Carmy - Recipe & Meal Planning\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n\n \n

\n \n\n\n\n\n\n\n",[],[135,153],"8307e934-e13d-11f0-b455-42dde27851f2","favicon.svg","b8f8fbb0-d3a9-11f0-897f-42dde27851f2",155,["D",1766631475442],"\n\n\n\n\n",[],[135,162],"b86d0600-d3a9-11f0-b1e3-42dde27851f2","components","b86d06aa-d3a9-11f0-b1e3-42dde27851f2",["D",1765138634552],[175,176,177,178,179,180,181,182,183,184,185,186,187,188,189,190,191,192,193,194],[135,170],{"_35":351,"_13":352,"_38":353,"_40":171,"_42":43,"_44":354,"_46":47,"_48":355,"_17":73,"_51":52,"_53":356,"_55":56,"_57":-5,"_89":357,"_18":358},{"_35":343,"_13":344,"_38":345,"_40":171,"_42":43,"_44":346,"_46":47,"_48":347,"_17":71,"_51":52,"_53":348,"_55":56,"_57":-5,"_89":349,"_18":350},{"_35":335,"_13":336,"_38":337,"_40":171,"_42":43,"_44":338,"_46":47,"_48":339,"_17":73,"_51":52,"_53":340,"_55":56,"_57":-5,"_89":341,"_18":342},{"_35":326,"_13":327,"_38":328,"_40":171,"_42":43,"_44":329,"_46":47,"_48":330,"_17":331,"_51":52,"_53":332,"_55":56,"_57":-5,"_89":333,"_18":334},{"_35":318,"_13":319,"_38":320,"_40":171,"_42":43,"_44":321,"_46":47,"_48":322,"_17":113,"_51":52,"_53":323,"_55":56,"_57":-5,"_89":324,"_18":325},{"_35":309,"_13":310,"_38":311,"_40":171,"_42":43,"_44":312,"_46":47,"_48":313,"_17":314,"_51":52,"_53":315,"_55":56,"_57":-5,"_89":316,"_18":317},{"_35":301,"_13":302,"_38":303,"_40":171,"_42":43,"_44":304,"_46":47,"_48":305,"_17":73,"_51":52,"_53":306,"_55":56,"_57":-5,"_89":307,"_18":308},{"_35":293,"_13":294,"_38":295,"_40":171,"_42":43,"_44":296,"_46":47,"_48":297,"_17":73,"_51":52,"_53":298,"_55":56,"_57":-5,"_89":299,"_18":300},{"_35":285,"_13":286,"_38":287,"_40":171,"_42":43,"_44":288,"_46":47,"_48":289,"_17":157,"_51":52,"_53":290,"_55":56,"_57":-5,"_89":291,"_18":292},{"_35":276,"_13":277,"_38":278,"_40":171,"_42":43,"_44":279,"_46":47,"_48":280,"_17":281,"_51":52,"_53":282,"_55":56,"_57":-5,"_89":283,"_18":284},{"_35":268,"_13":269,"_38":270,"_40":171,"_42":43,"_44":271,"_46":47,"_48":272,"_17":73,"_51":52,"_53":273,"_55":56,"_57":-5,"_89":274,"_18":275},{"_35":260,"_13":261,"_38":262,"_40":171,"_42":43,"_44":263,"_46":47,"_48":264,"_17":73,"_51":52,"_53":265,"_55":56,"_57":-5,"_89":266,"_18":267},{"_35":252,"_13":253,"_38":254,"_40":171,"_42":43,"_44":255,"_46":47,"_48":256,"_17":157,"_51":52,"_53":257,"_55":56,"_57":-5,"_89":258,"_18":259},{"_35":244,"_13":245,"_38":246,"_40":171,"_42":43,"_44":247,"_46":47,"_48":248,"_17":73,"_51":52,"_53":249,"_55":56,"_57":-5,"_89":250,"_18":251},{"_35":236,"_13":237,"_38":238,"_40":171,"_42":43,"_44":239,"_46":47,"_48":240,"_17":50,"_51":52,"_53":241,"_55":56,"_57":-5,"_89":242,"_18":243},{"_35":228,"_13":229,"_38":230,"_40":171,"_42":43,"_44":231,"_46":47,"_48":232,"_17":130,"_51":52,"_53":233,"_55":56,"_57":-5,"_89":234,"_18":235},{"_35":219,"_13":220,"_38":221,"_40":171,"_42":43,"_44":222,"_46":47,"_48":223,"_17":224,"_51":52,"_53":225,"_55":56,"_57":-5,"_89":226,"_18":227},{"_35":211,"_13":212,"_38":213,"_40":171,"_42":43,"_44":214,"_46":47,"_48":215,"_17":73,"_51":52,"_53":216,"_55":56,"_57":-5,"_89":217,"_18":218},{"_35":203,"_13":204,"_38":205,"_40":171,"_42":43,"_44":206,"_46":47,"_48":207,"_17":73,"_51":52,"_53":208,"_55":56,"_57":-5,"_89":209,"_18":210},{"_35":195,"_13":196,"_38":197,"_40":171,"_42":43,"_44":198,"_46":47,"_48":199,"_17":73,"_51":52,"_53":200,"_55":56,"_57":-5,"_89":201,"_18":202},"9268a86c-e793-11f0-aabf-42dde27851f2","UserDropdown.tsx","9268a948-e793-11f0-aabf-42dde27851f2",195,["D",1767328145092],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useRef, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport type { User } from \"../../shared/types.ts\";\nimport { useTheme, SunIcon, MoonIcon, ComputerIcon, ThemeMode } from \"./ThemeContext.tsx\";\n\ninterface UserDropdownProps {\n user: User;\n onLogout: () => void;\n}\n\nexport function UserDropdown({ user, onLogout }: UserDropdownProps) {\n const [isOpen, setIsOpen] = useState(false);\n const dropdownRef = useRef(null);\n const { mode, resolvedTheme, setMode, toggleTheme } = useTheme();\n\n // Close dropdown when clicking outside\n useEffect(() => {\n function handleClickOutside(event: MouseEvent) {\n if (dropdownRef.current && !dropdownRef.current.contains(event.target as Node)) {\n setIsOpen(false);\n }\n }\n\n document.addEventListener('mousedown', handleClickOutside);\n return () => document.removeEventListener('mousedown', handleClickOutside);\n }, []);\n\n // Close dropdown on escape key\n useEffect(() => {\n function handleEscape(event: KeyboardEvent) {\n if (event.key === 'Escape') {\n setIsOpen(false);\n }\n }\n\n document.addEventListener('keydown', handleEscape);\n return () => document.removeEventListener('keydown', handleEscape);\n }, []);\n\n const handleModeChange = (newMode: ThemeMode) => {\n setMode(newMode);\n };\n\n return (\n

\n {/* User button with quick theme toggle */}\n

\n {/* Quick theme toggle button */}\n \n {resolvedTheme === 'dark' ? (\n \n ) : (\n \n )}\n \n\n {/* User avatar button */}\n setIsOpen(!isOpen)}\n className=\"flex items-center gap-2 p-1.5 rounded-lg transition-all hover:bg-gray-100\"\n style={{ background: isOpen ? 'var(--bg-tertiary)' : 'transparent' }}\n >\n {user.picture ? (\n $\"\"$ \n ) : (\n

\n {user.name?.charAt(0).toUpperCase() || user.email.charAt(0).toUpperCase()}\n

\n )}\n \n \n

\n\n {/* Dropdown menu */}\n {isOpen && (\n

\n {/* User info */}\n

\n {user.name || 'User'}\n

\n {user.email}\n

\n\n {/* Appearance section */}\n

\n Appearance\n

\n handleModeChange('light')}\n className={`theme-segment-btn ${mode === 'light' ? 'active' : ''}`}\n >\n \n Light\n \n handleModeChange('dark')}\n className={`theme-segment-btn ${mode === 'dark' ? 'active' : ''}`}\n >\n \n Dark\n \n handleModeChange('system')}\n className={`theme-segment-btn ${mode === 'system' ? 'active' : ''}`}\n >\n \n Auto\n \n

\n\n {/* Actions */}\n

\n {\n setIsOpen(false);\n onLogout();\n }}\n className=\"dropdown-item\"\n style={{ color: 'var(--text-primary)' }}\n >\n \n Sign out\n \n

\n )}\n

\n );\n}\n\n",[],[135,170,196],"7d4bc1fc-e78f-11f0-b382-42dde27851f2","UnitSelect.tsx","7d4bc288-e78f-11f0-b382-42dde27851f2",188,["D",1767326391689],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useRef, useEffect } from \"https://esm.sh/react@18.2.0\";\n\n// Common units for grocery items\nconst COMMON_UNITS = [\n { value: '', label: '—' },\n { value: 'g', label: 'g' },\n { value: 'kg', label: 'kg' },\n { value: 'oz', label: 'oz' },\n { value: 'lb', label: 'lb' },\n { value: 'cup', label: 'cup' },\n { value: 'cups', label: 'cups' },\n { value: 'tbsp', label: 'tbsp' },\n { value: 'tsp', label: 'tsp' },\n { value: 'ml', label: 'ml' },\n { value: 'L', label: 'L' },\n { value: 'piece', label: 'piece' },\n { value: 'pieces', label: 'pieces' },\n { value: 'whole', label: 'whole' },\n { value: 'can', label: 'can' },\n { value: 'bottle', label: 'bottle' },\n { value: 'bag', label: 'bag' },\n { value: 'box', label: 'box' },\n { value: 'bunch', label: 'bunch' },\n { value: 'head', label: 'head' },\n { value: 'clove', label: 'clove' },\n { value: 'slice', label: 'slice' },\n { value: 'slices', label: 'slices' },\n];\n\ninterface UnitSelectProps {\n value: string | null;\n onChange: (value: string | null) => void;\n className?: string;\n placeholder?: string;\n disabled?: boolean;\n}\n\nexport function UnitSelect({ \n value, \n onChange, \n className = '', \n placeholder = 'Unit',\n disabled = false \n}: UnitSelectProps) {\n const [isOpen, setIsOpen] = useState(false);\n const [customMode, setCustomMode] = useState(false);\n const [customValue, setCustomValue] = useState('');\n const containerRef = useRef(null);\n const inputRef = useRef(null);\n\n // Check if current value is a custom value (not in common units)\n const isCustomValue = value && !COMMON_UNITS.some(u => u.value === value);\n\n useEffect(() => {\n if (isCustomValue && value) {\n setCustomValue(value);\n setCustomMode(true);\n }\n }, [isCustomValue, value]);\n\n // Close dropdown when clicking outside\n useEffect(() => {\n function handleClickOutside(event: MouseEvent) {\n if (containerRef.current && !containerRef.current.contains(event.target as Node)) {\n setIsOpen(false);\n if (customMode && customValue) {\n onChange(customValue);\n }\n }\n }\n\n document.addEventListener('mousedown', handleClickOutside);\n return () => document.removeEventListener('mousedown', handleClickOutside);\n }, [customMode, customValue, onChange]);\n\n // Focus input when entering custom mode\n useEffect(() => {\n if (customMode && isOpen && inputRef.current) {\n inputRef.current.focus();\n }\n }, [customMode, isOpen]);\n\n const handleSelect = (unitValue: string) => {\n if (unitValue === '__custom__') {\n setCustomMode(true);\n setCustomValue(value || '');\n } else {\n onChange(unitValue || null);\n setCustomMode(false);\n setIsOpen(false);\n }\n };\n\n const handleCustomSubmit = () => {\n onChange(customValue.trim() || null);\n setIsOpen(false);\n };\n\n const handleCustomKeyDown = (e: React.KeyboardEvent) => {\n if (e.key === 'Enter') {\n handleCustomSubmit();\n } else if (e.key === 'Escape') {\n setCustomMode(false);\n setCustomValue('');\n }\n };\n\n const displayValue = value || placeholder;\n\n return (\n

\n !disabled && setIsOpen(!isOpen)}\n disabled={disabled}\n className={`\n w-full px-2 py-1.5 text-sm text-left border rounded-md\n ${disabled ? 'bg-gray-100 cursor-not-allowed' : 'bg-white hover:border-gray-400 cursor-pointer'}\n ${isOpen ? 'border-blue-500 ring-1 ring-blue-500' : 'border-gray-300'}\n ${!value ? 'text-gray-400' : 'text-gray-900'}\n transition-colors\n `}\n >\n {displayValue}\n \n \n \n \n\n {isOpen && !disabled && (\n

\n {customMode ? (\n

\n setCustomValue(e.target.value)}\n onKeyDown={handleCustomKeyDown}\n placeholder=\"Type custom unit...\"\n className=\"w-full px-2 py-1.5 text-sm border border-gray-300 rounded focus:outline-none focus:border-blue-500\"\n />\n

\n \n Apply\n \n {\n setCustomMode(false);\n setCustomValue('');\n }}\n className=\"flex-1 px-2 py-1 text-xs bg-gray-100 text-gray-700 rounded hover:bg-gray-200\"\n >\n Cancel\n \n

\n ) : (\n <>\n {COMMON_UNITS.map((unit) => (\n handleSelect(unit.value)}\n className={`\n w-full px-3 py-1.5 text-sm text-left hover:bg-gray-100\n ${value === unit.value ? 'bg-blue-50 text-blue-700' : 'text-gray-900'}\n `}\n >\n {unit.label}\n \n ))}\n

\n handleSelect('__custom__')}\n className=\"w-full px-3 py-1.5 text-sm text-left text-blue-600 hover:bg-blue-50 flex items-center gap-1\"\n >\n \n Custom unit...\n \n

\n \n )}\n

\n )}\n

\n );\n}\n\n",[],[135,170,204],"92752bfa-e793-11f0-91fb-42dde27851f2","ThemeContext.tsx","92752ca4-e793-11f0-91fb-42dde27851f2",197,["D",1767328145101],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { createContext, useContext, useState, useEffect, useCallback } from \"https://esm.sh/react@18.2.0\";\n\nexport type ThemeMode = 'light' | 'dark' | 'system';\nexport type ResolvedTheme = 'light' | 'dark';\n\ninterface ThemeContextValue {\n mode: ThemeMode;\n resolvedTheme: ResolvedTheme;\n setMode: (mode: ThemeMode) => void;\n toggleTheme: () => void;\n}\n\nconst ThemeContext = createContext(undefined);\n\nconst STORAGE_KEY = 'carmy-theme';\n\nfunction getSystemTheme(): ResolvedTheme {\n if (typeof window === 'undefined') return 'light';\n return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';\n}\n\nfunction resolveTheme(mode: ThemeMode): ResolvedTheme {\n if (mode === 'system') {\n return getSystemTheme();\n }\n return mode;\n}\n\nfunction applyTheme(theme: ResolvedTheme) {\n if (theme === 'dark') {\n document.documentElement.setAttribute('data-theme', 'dark');\n } else {\n document.documentElement.removeAttribute('data-theme');\n }\n}\n\nexport function ThemeProvider({ children }: { children: React.ReactNode }) {\n // Initialize from localStorage or default to system\n const [mode, setModeState] = useState(() => {\n if (typeof window === 'undefined') return 'system';\n const stored = localStorage.getItem(STORAGE_KEY);\n if (stored === 'light' || stored === 'dark' || stored === 'system') {\n return stored;\n }\n return 'system';\n });\n\n const [resolvedTheme, setResolvedTheme] = useState(() => resolveTheme(mode));\n\n // Apply theme on mount and mode change\n useEffect(() => {\n const resolved = resolveTheme(mode);\n setResolvedTheme(resolved);\n applyTheme(resolved);\n }, [mode]);\n\n // Listen for system preference changes\n useEffect(() => {\n if (mode !== 'system') return;\n\n const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');\n const handler = (e: MediaQueryListEvent) => {\n const newTheme = e.matches ? 'dark' : 'light';\n setResolvedTheme(newTheme);\n applyTheme(newTheme);\n };\n\n mediaQuery.addEventListener('change', handler);\n return () => mediaQuery.removeEventListener('change', handler);\n }, [mode]);\n\n const setMode = useCallback((newMode: ThemeMode) => {\n setModeState(newMode);\n localStorage.setItem(STORAGE_KEY, newMode);\n }, []);\n\n const toggleTheme = useCallback(() => {\n const newTheme = resolvedTheme === 'dark' ? 'light' : 'dark';\n setMode(newTheme);\n }, [resolvedTheme, setMode]);\n\n return (\n \n {children}\n \n );\n}\n\nexport function useTheme() {\n const context = useContext(ThemeContext);\n if (context === undefined) {\n throw new Error('useTheme must be used within a ThemeProvider');\n }\n return context;\n}\n\n// Icon components for theme toggle\nexport function SunIcon({ className = \"w-4 h-4\" }: { className?: string }) {\n return (\n \n );\n}\n\nexport function MoonIcon({ className = \"w-4 h-4\" }: { className?: string }) {\n return (\n \n );\n}\n\nexport function ComputerIcon({ className = \"w-4 h-4\" }: { className?: string }) {\n return (\n \n );\n}\n\n",[],[135,170,212],"22826d4a-e797-11f0-992e-42dde27851f2","ScraperEvalView.tsx","0850829e-d91f-11f0-bf8f-42dde27851f2",203,["D",1767329675344],7,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useCallback, useEffect } from \"https://esm.sh/react@18.2.0\";\n\ninterface ScraperResult {\n scraper: string;\n success: boolean;\n data?: any;\n error?: string;\n durationMs: number;\n}\n\ninterface UrlResult {\n url: string;\n results: ScraperResult[];\n}\n\ninterface SavedUrl {\n id: string;\n url: string;\n createdAt: string;\n}\n\ntype ViewMode = \"key-fields\" | \"full-json\";\n\ninterface ExpandedCell {\n viewMode: ViewMode;\n}\n\ninterface ScraperEvalState {\n savedUrls: SavedUrl[];\n results: UrlResult[];\n loading: boolean;\n loadingUrls: boolean;\n // Map key is \"urlIndex-scraperIndex\", value is the expanded state\n expandedCells: Map;\n selectedUrlIds: Set;\n}\n\nconst SCRAPER_NAMES = [\n \"json-ld-native\",\n \"microdata-native\",\n \"html-recipe-parser\",\n \"schema-org-extractor\",\n];\n\nfunction getCellKey(urlIndex: number, scraperIndex: number): string {\n return `${urlIndex}-${scraperIndex}`;\n}\n\nexport function ScraperEvalView() {\n const [state, setState] = useState({\n savedUrls: [],\n results: [],\n loading: false,\n loadingUrls: true,\n expandedCells: new Map(),\n selectedUrlIds: new Set(),\n });\n const [urlInput, setUrlInput] = useState(\"\");\n const [bulkInput, setBulkInput] = useState(\"\");\n const [showBulkInput, setShowBulkInput] = useState(false);\n \n // Loading states to prevent double-clicks\n const [addingUrl, setAddingUrl] = useState(false);\n const [addingBulkUrls, setAddingBulkUrls] = useState(false);\n const [removingUrlId, setRemovingUrlId] = useState(null);\n const [clearingAll, setClearingAll] = useState(false);\n\n // Load saved URLs on mount\n useEffect(() => {\n const loadUrls = async () => {\n try {\n const response = await fetch(\"/api/scraper-eval/urls\");\n const data = await response.json();\n if (data.success) {\n setState((prev) => ({\n ...prev,\n savedUrls: data.data,\n loadingUrls: false,\n }));\n }\n } catch (err) {\n console.error(\"Failed to load saved URLs:\", err);\n setState((prev) => ({ ...prev, loadingUrls: false }));\n }\n };\n loadUrls();\n }, []);\n\n const addUrl = useCallback(async () => {\n const trimmedUrl = urlInput.trim();\n if (!trimmedUrl || addingUrl) return;\n \n // Check if URL already exists\n if (state.savedUrls.some((u) => u.url === trimmedUrl)) {\n setUrlInput(\"\");\n return;\n }\n \n try {\n new URL(trimmedUrl);\n } catch {\n return; // Invalid URL\n }\n \n setAddingUrl(true);\n try {\n const response = await fetch(\"/api/scraper-eval/urls\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ url: trimmedUrl }),\n });\n const data = await response.json();\n \n if (data.success && data.data.length > 0) {\n setState((prev) => ({\n ...prev,\n savedUrls: [...data.data, ...prev.savedUrls],\n }));\n }\n setUrlInput(\"\");\n } catch (err) {\n console.error(\"Failed to save URL:\", err);\n } finally {\n setAddingUrl(false);\n }\n }, [urlInput, state.savedUrls, addingUrl]);\n\n const addBulkUrls = useCallback(async () => {\n if (addingBulkUrls) return;\n \n const newUrls = bulkInput\n .split(\"\\n\")\n .map((u) => u.trim())\n .filter((u) => {\n if (!u || state.savedUrls.some((saved) => saved.url === u)) return false;\n try {\n new URL(u);\n return true;\n } catch {\n return false;\n }\n });\n\n if (newUrls.length === 0) {\n setBulkInput(\"\");\n setShowBulkInput(false);\n return;\n }\n \n setAddingBulkUrls(true);\n try {\n const response = await fetch(\"/api/scraper-eval/urls\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ urls: newUrls }),\n });\n const data = await response.json();\n \n if (data.success) {\n setState((prev) => ({\n ...prev,\n savedUrls: [...data.data, ...prev.savedUrls],\n }));\n }\n setBulkInput(\"\");\n setShowBulkInput(false);\n } catch (err) {\n console.error(\"Failed to save URLs:\", err);\n } finally {\n setAddingBulkUrls(false);\n }\n }, [bulkInput, state.savedUrls, addingBulkUrls]);\n\n const removeUrl = useCallback(async (savedUrl: SavedUrl) => {\n if (removingUrlId) return;\n \n setRemovingUrlId(savedUrl.id);\n try {\n const response = await fetch(`/api/scraper-eval/urls/${savedUrl.id}`, {\n method: \"DELETE\",\n });\n const data = await response.json();\n \n if (data.success) {\n setState((prev) => {\n const newSelectedIds = new Set(prev.selectedUrlIds);\n newSelectedIds.delete(savedUrl.id);\n return {\n ...prev,\n savedUrls: prev.savedUrls.filter((u) => u.id !== savedUrl.id),\n results: prev.results.filter((r) => r.url !== savedUrl.url),\n selectedUrlIds: newSelectedIds,\n };\n });\n }\n } catch (err) {\n console.error(\"Failed to delete URL:\", err);\n } finally {\n setRemovingUrlId(null);\n }\n }, [removingUrlId]);\n\n const clearAll = useCallback(async () => {\n if (clearingAll) return;\n \n setClearingAll(true);\n try {\n const response = await fetch(\"/api/scraper-eval/urls\", {\n method: \"DELETE\",\n });\n const data = await response.json();\n \n if (data.success) {\n setState((prev) => ({\n ...prev,\n savedUrls: [],\n results: [],\n expandedCells: new Map(),\n selectedUrlIds: new Set(),\n }));\n }\n } catch (err) {\n console.error(\"Failed to clear URLs:\", err);\n } finally {\n setClearingAll(false);\n }\n }, [clearingAll]);\n\n const toggleUrlSelection = useCallback((urlId: string) => {\n setState((prev) => {\n const newSelectedIds = new Set(prev.selectedUrlIds);\n if (newSelectedIds.has(urlId)) {\n newSelectedIds.delete(urlId);\n } else {\n newSelectedIds.add(urlId);\n }\n return { ...prev, selectedUrlIds: newSelectedIds };\n });\n }, []);\n\n const selectAllUrls = useCallback(() => {\n setState((prev) => ({\n ...prev,\n selectedUrlIds: new Set(prev.savedUrls.map((u) => u.id)),\n }));\n }, []);\n\n const deselectAllUrls = useCallback(() => {\n setState((prev) => ({\n ...prev,\n selectedUrlIds: new Set(),\n }));\n }, []);\n\n const runScrapers = useCallback(async (urlsToScrape: string[]) => {\n if (urlsToScrape.length === 0) return;\n\n setState((prev) => ({ ...prev, loading: true }));\n\n try {\n const response = await fetch(\"/api/scraper-eval\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ urls: urlsToScrape }),\n });\n const data = await response.json();\n\n if (data.success) {\n setState((prev) => {\n // Merge new results with existing results\n const existingResults = prev.results.filter(\n (r) => !urlsToScrape.includes(r.url)\n );\n return {\n ...prev,\n results: [...existingResults, ...data.data],\n loading: false,\n };\n });\n } else {\n console.error(\"Scraper eval failed:\", data.error);\n setState((prev) => ({ ...prev, loading: false }));\n }\n } catch (err) {\n console.error(\"Failed to run scrapers:\", err);\n setState((prev) => ({ ...prev, loading: false }));\n }\n }, []);\n\n const runAllScrapers = useCallback(() => {\n const urls = state.savedUrls.map((u) => u.url);\n runScrapers(urls);\n }, [state.savedUrls, runScrapers]);\n\n const runSelectedScrapers = useCallback(() => {\n const urls = state.savedUrls\n .filter((u) => state.selectedUrlIds.has(u.id))\n .map((u) => u.url);\n runScrapers(urls);\n }, [state.savedUrls, state.selectedUrlIds, runScrapers]);\n\n const toggleExpandCell = useCallback(\n (urlIndex: number, scraperIndex: number, viewMode: ViewMode = \"key-fields\") => {\n setState((prev) => {\n const key = getCellKey(urlIndex, scraperIndex);\n const newExpandedCells = new Map(prev.expandedCells);\n \n if (newExpandedCells.has(key)) {\n newExpandedCells.delete(key);\n } else {\n newExpandedCells.set(key, { viewMode });\n }\n \n return { ...prev, expandedCells: newExpandedCells };\n });\n },\n []\n );\n\n const setExpandedViewMode = useCallback((urlIndex: number, scraperIndex: number, viewMode: ViewMode) => {\n setState((prev) => {\n const key = getCellKey(urlIndex, scraperIndex);\n const newExpandedCells = new Map(prev.expandedCells);\n const existing = newExpandedCells.get(key);\n if (existing) {\n newExpandedCells.set(key, { ...existing, viewMode });\n }\n return { ...prev, expandedCells: newExpandedCells };\n });\n }, []);\n\n const isExpanded = useCallback((urlIndex: number, scraperIndex: number): boolean => {\n return state.expandedCells.has(getCellKey(urlIndex, scraperIndex));\n }, [state.expandedCells]);\n\n const getExpandedViewMode = useCallback((urlIndex: number, scraperIndex: number): ViewMode => {\n return state.expandedCells.get(getCellKey(urlIndex, scraperIndex))?.viewMode || \"key-fields\";\n }, [state.expandedCells]);\n\n // Extract key fields (name, ingredients, instructions) from scraper data\n const extractKeyFields = (data: any) => {\n if (!data) return null;\n \n const name = data.name || data.title || data.headline || null;\n \n // Get ingredients from various possible field names\n let ingredients = data.ingredients || data.recipeIngredient || [];\n if (!Array.isArray(ingredients)) {\n ingredients = ingredients ? [ingredients] : [];\n }\n ingredients = ingredients.map((i: any) => \n typeof i === \"string\" ? i : i.text || i.name || String(i)\n );\n \n // Get instructions from various possible field names\n let instructions = data.instructions || data.recipeInstructions || [];\n if (!Array.isArray(instructions)) {\n instructions = instructions ? [instructions] : [];\n }\n instructions = instructions.map((i: any) => {\n if (typeof i === \"string\") return i;\n if (i.text) return i.text;\n if (i.name) return i.name;\n if (i[\"@type\"] === \"HowToStep\") return i.text || i.name || \"\";\n return String(i);\n });\n \n return { name, ingredients, instructions };\n };\n\n const getResultForUrl = (url: string): UrlResult | undefined => {\n return state.results.find((r) => r.url === url);\n };\n\n const getScraperResultSummary = (result: ScraperResult | undefined) => {\n if (!result) return { status: \"pending\", text: \"—\" };\n if (!result.success) return { status: \"error\", text: result.error || \"Error\" };\n\n const data = result.data;\n const name = data?.name || data?.title || \"Untitled\";\n const ingredientCount =\n data?.ingredients?.length || data?.recipeIngredient?.length || 0;\n const instructionCount =\n data?.instructions?.length || data?.recipeInstructions?.length || 0;\n\n return {\n status: \"success\",\n text: name,\n ingredientCount,\n instructionCount,\n durationMs: result.durationMs,\n };\n };\n\n const allSelected = state.savedUrls.length > 0 && state.selectedUrlIds.size === state.savedUrls.length;\n const someSelected = state.selectedUrlIds.size > 0;\n\n // Show loading while fetching saved URLs\n if (state.loadingUrls) {\n return (\n

\n Loading saved URLs...\n

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

\n {/* Header */}\n

\n Recipe Scraper Evaluation\n

\n\n {/* URL Input */}\n

\n setUrlInput(e.target.value)}\n onKeyDown={(e) => e.key === \"Enter\" && addUrl()}\n placeholder=\"Enter recipe URL...\"\n className=\"flex-1 px-3 py-2 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n style={{ background: 'var(--bg-secondary)', border: '1px solid var(--border-primary)', color: 'var(--text-primary)' }}\n />\n \n {addingUrl ? 'Adding...' : 'Add URL'}\n \n setShowBulkInput(!showBulkInput)}\n className=\"btn-secondary\"\n >\n Bulk Import\n \n

\n\n {/* Bulk Import */}\n {showBulkInput && (\n

\n setBulkInput(e.target.value)}\n placeholder=\"Paste multiple URLs (one per line)...\"\n rows={4}\n className=\"w-full px-3 py-2 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent resize-none\"\n style={{ background: 'var(--bg-secondary)', border: '1px solid var(--border-primary)', color: 'var(--text-primary)' }}\n />\n

\n \n {addingBulkUrls ? 'Adding...' : 'Add All URLs'}\n \n {\n setShowBulkInput(false);\n setBulkInput(\"\");\n }}\n disabled={addingBulkUrls}\n className=\"btn-secondary disabled:opacity-50\"\n >\n Cancel\n \n

\n )}\n\n {/* Actions */}\n {state.savedUrls.length > 0 && (\n

\n \n {state.loading && (\n

\n )}\n Run All\n \n {someSelected && (\n \n {state.loading && (\n

\n )}\n Run Selected ({state.selectedUrlIds.size})\n \n )}\n \n {clearingAll ? 'Clearing...' : 'Clear All'}\n \n \n {state.savedUrls.length} URL{state.savedUrls.length !== 1 ? \"s\" : \"\"} saved\n {someSelected && ` · ${state.selectedUrlIds.size} selected`}\n \n

\n )}\n

\n\n {/* Results Table */}\n {state.savedUrls.length > 0 && (\n

\n \n \n \n \n {SCRAPER_NAMES.map((name) => (\n \n {name}\n {name.split(\"-\")[0]}\n \n ))}\n \n \n \n {state.savedUrls.map((savedUrl, urlIndex) => {\n const urlResult = getResultForUrl(savedUrl.url);\n const isSelected = state.selectedUrlIds.has(savedUrl.id);\n return (\n \n \n {SCRAPER_NAMES.map((scraperName, scraperIndex) => {\n const scraperResult = urlResult?.results.find(\n (r) => r.scraper === scraperName\n );\n const summary = getScraperResultSummary(scraperResult);\n const cellExpanded = isExpanded(urlIndex, scraperIndex);\n const cellViewMode = getExpandedViewMode(urlIndex, scraperIndex);\n\n return (\n \n {state.loading && !urlResult ? (\n

\n Loading...\n

\n ) : summary.status === \"pending\" ? (\n —\n ) : summary.status === \"error\" ? (\n

\n ❌\n Error\n

\n toggleExpandCell(urlIndex, scraperIndex)}\n className=\"text-xs text-red-500 hover:underline mt-1\"\n >\n {cellExpanded ? \"Hide details\" : \"Show details\"}\n \n {cellExpanded && (\n

\n                                  {summary.text}\n

\n )}\n

\n ) : (\n

\n ✅\n \n {summary.text}\n \n

\n {summary.ingredientCount} ingredients ·{\" \"}\n {summary.instructionCount} steps ·{\" \"}\n {summary.durationMs}ms\n

\n toggleExpandCell(urlIndex, scraperIndex, \"key-fields\")}\n className=\"text-xs hover:underline\"\n style={{ color: 'var(--accent)' }}\n >\n {cellExpanded ? \"Hide\" : \"View Details\"}\n \n

\n {cellExpanded && (\n

\n {/* View Mode Toggle */}\n

\n setExpandedViewMode(urlIndex, scraperIndex, \"key-fields\")}\n className=\"px-2 py-1 text-xs rounded\"\n style={cellViewMode === \"key-fields\"\n ? { background: 'var(--accent)', color: 'white' }\n : { background: 'var(--bg-tertiary)', color: 'var(--text-secondary)' }}\n >\n Key Fields\n \n setExpandedViewMode(urlIndex, scraperIndex, \"full-json\")}\n className=\"px-2 py-1 text-xs rounded\"\n style={cellViewMode === \"full-json\"\n ? { background: 'var(--accent)', color: 'white' }\n : { background: 'var(--bg-tertiary)', color: 'var(--text-secondary)' }}\n >\n Full JSON\n \n

\n \n {cellViewMode === \"key-fields\" ? (\n

\n {(() => {\n const keyFields = extractKeyFields(scraperResult?.data);\n if (!keyFields) return No data;\n return (\n <>\n

Name:

{keyFields.name || \"—\"}

\n Ingredients ({keyFields.ingredients.length}):\n

\n {keyFields.ingredients.length > 0 ? (\n

\n •{ing}\n

\n ) : (\n None found\n )}\n

\n Instructions ({keyFields.instructions.length}):\n

\n {keyFields.instructions.length > 0 ? (\n

\n {i + 1}.{inst}\n

\n ) : (\n None found\n )}\n

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

\n ) : (\n

\n                                      {JSON.stringify(scraperResult?.data, null, 2)}\n

\n )}\n

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

\n \n allSelected ? deselectAllUrls() : selectAllUrls()}\n className=\"w-4 h-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500 cursor-pointer\"\n title={allSelected ? \"Deselect all\" : \"Select all\"}\n />\n Recipe URL\n \n
\n \n toggleUrlSelection(savedUrl.id)}\n className=\"w-4 h-4 mt-0.5 rounded border-gray-300 text-blue-600 focus:ring-blue-500 cursor-pointer flex-shrink-0\"\n />\n removeUrl(savedUrl)}\n disabled={removingUrlId !== null}\n className=\"text-red-500 hover:text-red-700 text-sm flex-shrink-0 disabled:opacity-50 disabled:cursor-not-allowed\"\n title=\"Remove URL\"\n >\n {removingUrlId === savedUrl.id ? '...' : '✕'}\n \n \n {new URL(savedUrl.url).hostname}\n {new URL(savedUrl.url).pathname.slice(0, 20)}\n {new URL(savedUrl.url).pathname.length > 20 ? \"...\" : \"\"}\n \n \n

\n allSelected ? deselectAllUrls() : selectAllUrls()}\n className=\"w-4 h-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500 cursor-pointer\"\n title={allSelected ? \"Deselect all\" : \"Select all\"}\n />\n Recipe URL\n

\n toggleUrlSelection(savedUrl.id)}\n className=\"w-4 h-4 mt-0.5 rounded border-gray-300 text-blue-600 focus:ring-blue-500 cursor-pointer flex-shrink-0\"\n />\n removeUrl(savedUrl)}\n disabled={removingUrlId !== null}\n className=\"text-red-500 hover:text-red-700 text-sm flex-shrink-0 disabled:opacity-50 disabled:cursor-not-allowed\"\n title=\"Remove URL\"\n >\n {removingUrlId === savedUrl.id ? '...' : '✕'}\n \n \n {new URL(savedUrl.url).hostname}\n {new URL(savedUrl.url).pathname.slice(0, 20)}\n {new URL(savedUrl.url).pathname.length > 20 ? \"...\" : \"\"}\n \n

\n )}\n\n {/* Empty State */}\n {state.savedUrls.length === 0 && (\n

🔍

No recipe URLs saved yet

\n Add recipe URLs above to compare scraper performance\n

\n )}\n

\n );\n}\n",[],[135,170,220],"1173ee84-eeae-11f0-b2bd-42dde27851f2","RecipesView.tsx","b8e58968-d3a9-11f0-a23f-42dde27851f2",233,["D",1768109183278],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport type { Recipe, CreateRecipeRequest, ParsedRecipeFromUrl, CustomFood, CreateCustomFoodRequest, RecipeIngredient } from \"../../shared/types.ts\";\nimport { RecipeForm } from \"./RecipeForm.tsx\";\nimport { CustomFoodForm } from \"./CustomFoodForm.tsx\";\nimport { NutritionSection } from \"./NutritionSection.tsx\";\nimport { IngredientNutritionModal } from \"./IngredientNutritionModal.tsx\";\n\ntype ViewTab = 'recipes' | 'custom-foods';\n\ninterface RecipesViewProps {\n recipes: Recipe[];\n customFoods: CustomFood[];\n onRecipesChange: () => Promise;\n onCustomFoodsChange: () => Promise;\n}\n\n// Helper to get linked/total ingredients count\nfunction getIngredientLinkStatus(recipe: Recipe): { linked: number; total: number } {\n const total = recipe.ingredients.length;\n const linked = recipe.ingredients.filter(i => i.fdcId !== null).length;\n return { linked, total };\n}\n\n\nexport function RecipesView({ recipes, customFoods, onRecipesChange, onCustomFoodsChange }: RecipesViewProps) {\n const [activeTab, setActiveTab] = useState('recipes');\n const [showForm, setShowForm] = useState(false);\n const [editingRecipe, setEditingRecipe] = useState(null);\n const [searchQuery, setSearchQuery] = useState('');\n const [expandedRecipe, setExpandedRecipe] = useState(null);\n const [showImportModal, setShowImportModal] = useState(false);\n const [importUrl, setImportUrl] = useState('');\n const [importLoading, setImportLoading] = useState(false);\n const [importError, setImportError] = useState(null);\n const [importedRecipe, setImportedRecipe] = useState(null);\n // Custom food state\n const [showCustomFoodForm, setShowCustomFoodForm] = useState(false);\n const [editingCustomFood, setEditingCustomFood] = useState(null);\n\n // Loading states to prevent double-clicks\n const [duplicatingRecipeId, setDuplicatingRecipeId] = useState(null);\n const [deletingRecipeId, setDeletingRecipeId] = useState(null);\n const [deletingCustomFoodId, setDeletingCustomFoodId] = useState(null);\n\n // Ingredient nutrition modal state\n const [selectedIngredient, setSelectedIngredient] = useState(null);\n const [selectedIngredientServingSize, setSelectedIngredientServingSize] = useState(1);\n\n const filteredRecipes = recipes.filter(recipe =>\n recipe.title.toLowerCase().includes(searchQuery.toLowerCase()) ||\n recipe.ingredients.some(i => i.name.toLowerCase().includes(searchQuery.toLowerCase()))\n );\n\n const filteredCustomFoods = customFoods.filter(food =>\n food.name.toLowerCase().includes(searchQuery.toLowerCase())\n );\n\n const handleCreateRecipe = async (data: CreateRecipeRequest) => {\n const response = await fetch('/api/recipes', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(data),\n });\n \n if (response.ok) {\n await onRecipesChange();\n setShowForm(false);\n }\n };\n\n const handleUpdateRecipe = async (data: CreateRecipeRequest) => {\n if (!editingRecipe) return;\n \n const response = await fetch(`/api/recipes/${editingRecipe.id}`, {\n method: 'PATCH',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(data),\n });\n \n if (response.ok) {\n await onRecipesChange();\n setEditingRecipe(null);\n }\n };\n\n const handleDuplicate = async (recipeId: string) => {\n if (duplicatingRecipeId) return;\n \n setDuplicatingRecipeId(recipeId);\n try {\n const response = await fetch(`/api/recipes/${recipeId}/duplicate`, {\n method: 'POST',\n });\n \n if (response.ok) {\n await onRecipesChange();\n }\n } finally {\n setDuplicatingRecipeId(null);\n }\n };\n\n const handleDelete = async (recipeId: string) => {\n if (deletingRecipeId) return;\n \n setDeletingRecipeId(recipeId);\n try {\n const response = await fetch(`/api/recipes/${recipeId}`, {\n method: 'DELETE',\n });\n \n if (response.ok) {\n await onRecipesChange();\n if (expandedRecipe === recipeId) {\n setExpandedRecipe(null);\n }\n }\n } finally {\n setDeletingRecipeId(null);\n }\n };\n\n const handleImportFromUrl = async () => {\n if (!importUrl.trim()) return;\n \n setImportLoading(true);\n setImportError(null);\n \n try {\n const response = await fetch('/api/recipes/parse-url', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ url: importUrl.trim() }),\n });\n \n const result = await response.json();\n \n if (!result.success) {\n setImportError(result.error || 'Failed to import recipe');\n return;\n }\n \n // Close import modal and open recipe form with imported data\n setImportedRecipe(result.data);\n setShowImportModal(false);\n setImportUrl('');\n setShowForm(true);\n } catch (error) {\n setImportError('Failed to import recipe. Please check the URL and try again.');\n } finally {\n setImportLoading(false);\n }\n };\n\n const handleCloseForm = () => {\n setShowForm(false);\n setImportedRecipe(null);\n };\n\n // Custom food handlers\n const handleCreateCustomFood = async (data: CreateCustomFoodRequest) => {\n const response = await fetch('/api/custom-foods', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(data),\n });\n \n if (response.ok) {\n await onCustomFoodsChange();\n setShowCustomFoodForm(false);\n }\n };\n\n const handleUpdateCustomFood = async (data: CreateCustomFoodRequest) => {\n if (!editingCustomFood) return;\n \n const response = await fetch(`/api/custom-foods/${editingCustomFood.id}`, {\n method: 'PATCH',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(data),\n });\n \n if (response.ok) {\n await onCustomFoodsChange();\n setEditingCustomFood(null);\n }\n };\n\n const handleDeleteCustomFood = async (customFoodId: string) => {\n if (deletingCustomFoodId) return;\n \n setDeletingCustomFoodId(customFoodId);\n try {\n const response = await fetch(`/api/custom-foods/${customFoodId}`, {\n method: 'DELETE',\n });\n \n if (response.ok) {\n await onCustomFoodsChange();\n }\n } finally {\n setDeletingCustomFoodId(null);\n }\n };\n\n // Handle clicking on a linked ingredient to view its nutrition\n const handleIngredientClick = (ingredient: RecipeIngredient, recipeServingSize: number) => {\n if (!ingredient.fdcId) return;\n setSelectedIngredient(ingredient);\n setSelectedIngredientServingSize(recipeServingSize);\n };\n\n const closeIngredientModal = () => {\n setSelectedIngredient(null);\n };\n\n return (\n

\n {/* Header */}\n

Recipes & Foods

\n {recipes.length} recipes · {customFoods.length} custom foods\n

\n {activeTab === 'recipes' ? (\n <>\n setShowImportModal(true)}\n className=\"btn-secondary flex items-center gap-2\"\n >\n \n Import from URL\n \n setShowForm(true)}\n className=\"btn-primary flex items-center gap-2\"\n >\n \n Add Recipe\n \n \n ) : (\n setShowCustomFoodForm(true)}\n className=\"btn-primary flex items-center gap-2\"\n >\n \n Add Custom Food\n \n )}\n

\n \n {/* Tabs */}\n

\n setActiveTab('recipes')}\n className=\"pb-3 px-1 text-sm font-medium border-b-2 transition-colors\"\n style={activeTab === 'recipes' \n ? { borderColor: 'var(--accent)', color: 'var(--accent)' } \n : { borderColor: 'transparent', color: 'var(--text-secondary)' }}\n >\n Recipes ({recipes.length})\n \n setActiveTab('custom-foods')}\n className=\"pb-3 px-1 text-sm font-medium border-b-2 transition-colors\"\n style={activeTab === 'custom-foods' \n ? { borderColor: 'var(--accent)', color: 'var(--accent)' } \n : { borderColor: 'transparent', color: 'var(--text-secondary)' }}\n >\n Custom Foods ({customFoods.length})\n \n

\n \n {/* Search */}\n

\n setSearchQuery(e.target.value)}\n className=\"input max-w-md\"\n />\n

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

\n {/* Recipes Tab */}\n {activeTab === 'recipes' && (\n <>\n {filteredRecipes.length === 0 ? (\n

\n 📖\n

\n {searchQuery ? 'No recipes found' : 'No recipes yet'}\n

\n {searchQuery ? 'Try a different search term' : 'Add your first recipe to get started'}\n

\n ) : (\n

\n {filteredRecipes.map((recipe) => {\n const linkStatus = getIngredientLinkStatus(recipe);\n const hasNutrition = recipe.nutrition && recipe.nutrition.calories !== null;\n const isComplete = recipe.nutrition?.isComplete ?? false;\n \n return (\n \n {/* Recipe header */}\n setExpandedRecipe(expandedRecipe === recipe.id ? null : recipe.id)}\n >\n

{recipe.title}

\n {recipe.servingSize} serving{recipe.servingSize !== 1 ? 's' : ''}\n

\n \n \n \n

\n \n {/* Nutrition preview */}\n {hasNutrition ? (\n

\n {recipe.nutrition!.calories && (\n \n {Math.round(recipe.nutrition!.calories)} kcal\n \n )}\n {recipe.nutrition!.protein && (\n \n {Math.round(recipe.nutrition!.protein)}g protein\n \n )}\n {!isComplete && (\n \n \n Partial\n \n )}\n

\n ) : (\n

\n \n No nutrition data - link ingredients\n \n

\n )}\n

\n \n {/* Expanded content */}\n {expandedRecipe === recipe.id && (\n

\n {/* URL */}\n {recipe.url && (\n

\n \n \n View original recipe\n \n

\n )}\n \n {/* Ingredient link status */}\n

\n \n Ingredients linked to USDA\n \n \n {linkStatus.linked}/{linkStatus.total}\n \n

0 ? (linkStatus.linked / linkStatus.total) * 100 : 0}%` }}\n />\n

\n \n {/* Nutrition details */}\n \n\n {/* Ingredients */}\n

\n Ingredients\n \n (click linked items for nutrition)\n \n

\n \n
\n {ing.fdcId ? (\n handleIngredientClick(ing, recipe.servingSize)}\n className=\"text-left hover:underline inline-flex items-center gap-1 group\"\n style={{ color: 'var(--text-secondary)' }}\n >\n \n {ing.amount && {ing.amount} }\n {ing.unit && {ing.unit} }\n {ing.name}\n \n {ing.notes && (\n ({ing.notes})\n )}\n \n \n [{ing.fdcDataType === 'Branded' ? 'B' : 'USDA'}]\n \n \n ) : (\n \n {ing.amount && {ing.amount} }\n {ing.unit && {ing.unit} }\n {ing.name}\n {ing.notes && (\n ({ing.notes})\n )}\n \n )}\n
\n

\n \n {/* Instructions */}\n {recipe.instructions && (\n

Instructions

{recipe.instructions}

\n )}\n \n {/* Actions */}\n

\n setEditingRecipe(recipe)}\n className=\"btn-secondary text-sm flex-1\"\n >\n Edit\n \n handleDuplicate(recipe.id)}\n disabled={duplicatingRecipeId !== null}\n className=\"btn-secondary text-sm flex-1 disabled:opacity-50 disabled:cursor-not-allowed\"\n >\n {duplicatingRecipeId === recipe.id ? 'Duplicating...' : 'Duplicate'}\n \n handleDelete(recipe.id)}\n disabled={deletingRecipeId !== null}\n className=\"btn-secondary text-sm text-red-600 hover:bg-red-50 disabled:opacity-50 disabled:cursor-not-allowed\"\n >\n {deletingRecipeId === recipe.id ? 'Deleting...' : 'Delete'}\n \n

\n )}\n

\n );\n })}\n

\n )}\n \n )}\n\n {/* Custom Foods Tab */}\n {activeTab === 'custom-foods' && (\n <>\n {filteredCustomFoods.length === 0 ? (\n

\n 🍎\n

\n {searchQuery ? 'No custom foods found' : 'No custom foods yet'}\n

\n {searchQuery ? 'Try a different search term' : 'Add your first custom food to get started'}\n

\n ) : (\n

\n {filteredCustomFoods.map((food) => (\n

{food.name}

\n Per {food.servingSizeGrams}g serving\n

\n \n Custom\n \n

\n \n {/* Nutrition preview */}\n

\n {food.calories !== null && (\n \n {Math.round(food.calories)} kcal\n \n )}\n {food.protein !== null && (\n \n {Math.round(food.protein)}g protein\n \n )}\n {food.carbs !== null && (\n \n {Math.round(food.carbs)}g carbs\n \n )}\n {food.fat !== null && (\n \n {Math.round(food.fat)}g fat\n \n )}\n

\n \n {/* Actions */}\n

\n setEditingCustomFood(food)}\n className=\"btn-secondary text-sm flex-1\"\n >\n Edit\n \n handleDeleteCustomFood(food.id)}\n disabled={deletingCustomFoodId !== null}\n className=\"btn-secondary text-sm text-red-600 hover:bg-red-50 disabled:opacity-50 disabled:cursor-not-allowed\"\n >\n {deletingCustomFoodId === food.id ? 'Deleting...' : 'Delete'}\n \n

\n ))}\n

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

\n \n {/* Import from URL modal */}\n {showImportModal && (\n

setShowImportModal(false)}>\n e.stopPropagation()}\n >\n

Import from URL

\n setShowImportModal(false)}\n className=\"transition-colors\"\n style={{ color: 'var(--text-tertiary)' }}\n >\n \n \n

\n \n

\n Paste a recipe URL to automatically extract ingredients and instructions. You'll need to link ingredients to USDA foods for nutrition data.\n

\n \n setImportUrl(e.target.value)}\n placeholder=\"https://www.example.com/recipe/...\"\n className=\"input w-full mb-4\"\n disabled={importLoading}\n onKeyDown={(e) => {\n if (e.key === 'Enter' && !importLoading) {\n handleImportFromUrl();\n }\n }}\n />\n \n {importError && (\n

\n {importError}\n

\n )}\n \n

\n setShowImportModal(false)}\n className=\"btn-secondary flex-1\"\n disabled={importLoading}\n >\n Cancel\n \n \n {importLoading ? (\n <>\n \n Importing...\n \n ) : (\n 'Import'\n )}\n \n

\n \n )}\n \n {/* Create recipe modal */}\n {showForm && (\n \n )}\n \n {/* Edit recipe modal */}\n {editingRecipe && (\n setEditingRecipe(null)}\n />\n )}\n \n {/* Create custom food modal */}\n {showCustomFoodForm && (\n setShowCustomFoodForm(false)}\n />\n )}\n \n {/* Edit custom food modal */}\n {editingCustomFood && (\n setEditingCustomFood(null)}\n />\n )}\n \n {/* Ingredient nutrition modal */}\n {selectedIngredient && (\n \n )}\n \n );\n}\n",[],[135,170,229],"d9b20db4-eea8-11f0-9126-42dde27851f2","RecipeForm.tsx","b8ea08ee-d3a9-11f0-8d63-42dde27851f2",228,["D",1768106942250],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport type { Recipe, CreateRecipeRequest, ParsedRecipeFromUrl, FDCDataType, FDCSearchResult, CreateRecipeIngredient, FDCFood, StarredIngredient } from \"../../shared/types.ts\";\nimport { COMMON_UNITS, NUTRIENT_INFO } from \"../../shared/types.ts\";\n\ninterface FormIngredient {\n amount: string;\n unit: string;\n name: string;\n notes: string;\n // FDC linking\n fdcId: number | null;\n fdcDescription: string | null;\n fdcDataType: FDCDataType | null;\n}\n\ninterface RecipeFormProps {\n recipe?: Recipe;\n importedRecipe?: ParsedRecipeFromUrl | null;\n onSubmit: (data: CreateRecipeRequest) => Promise;\n onClose: () => void;\n}\n\n// Helper to initialize form state from either recipe or importedRecipe\nfunction getInitialIngredients(recipe?: Recipe, importedRecipe?: ParsedRecipeFromUrl | null): FormIngredient[] {\n if (importedRecipe?.ingredients?.length) {\n return importedRecipe.ingredients.map(i => ({\n amount: i.amount?.toString() || '',\n unit: i.unit || '',\n name: i.name,\n notes: i.notes || '',\n fdcId: null,\n fdcDescription: null,\n fdcDataType: null,\n }));\n }\n if (recipe?.ingredients?.length) {\n return recipe.ingredients.map(i => ({\n amount: i.amount?.toString() || '',\n unit: i.unit || '',\n name: i.name,\n notes: i.notes || '',\n fdcId: i.fdcId ?? null,\n fdcDescription: i.fdcDescription ?? null,\n fdcDataType: i.fdcDataType ?? null,\n }));\n }\n return [{ amount: '', unit: '', name: '', notes: '', fdcId: null, fdcDescription: null, fdcDataType: null }];\n}\n\nexport function RecipeForm({ recipe, importedRecipe, onSubmit, onClose }: RecipeFormProps) {\n // Store initial values for dirty checking\n const initialTitle = importedRecipe?.title || recipe?.title || '';\n const initialUrl = importedRecipe?.url || recipe?.url || '';\n const initialServingSize = importedRecipe?.servingSize?.toString() || recipe?.servingSize?.toString() || '1';\n const initialInstructions = importedRecipe?.instructions || recipe?.instructions || '';\n\n const [title, setTitle] = useState(initialTitle);\n const [url, setUrl] = useState(initialUrl);\n const [servingSize, setServingSize] = useState(initialServingSize);\n const [instructions, setInstructions] = useState(initialInstructions);\n const [ingredients, setIngredients] = useState(\n getInitialIngredients(recipe, importedRecipe)\n );\n const [submitting, setSubmitting] = useState(false);\n\n // Exit confirmation state\n const [showExitConfirm, setShowExitConfirm] = useState(false);\n\n // Track unmatched ingredients for passive alert\n const [unmatchedIngredients, setUnmatchedIngredients] = useState([]);\n\n // Import from URL state\n const [showImportUrl, setShowImportUrl] = useState(false);\n const [importUrl, setImportUrl] = useState('');\n const [importLoading, setImportLoading] = useState(false);\n const [importError, setImportError] = useState(null);\n\n // FDC search modal state\n const [fdcSearchOpen, setFdcSearchOpen] = useState(false);\n const [fdcSearchIndex, setFdcSearchIndex] = useState(null);\n const [fdcSearchQuery, setFdcSearchQuery] = useState('');\n const [fdcSearchLoading, setFdcSearchLoading] = useState(false);\n\n // Tabbed search results\n const [fdcActiveTab, setFdcActiveTab] = useState<'starred' | 'foundation' | 'branded'>('starred');\n const [fdcFoundationResults, setFdcFoundationResults] = useState([]);\n\n // Starred ingredients\n const [starredIngredients, setStarredIngredients] = useState([]);\n const [starredLoading, setStarredLoading] = useState(false);\n const [starredLoaded, setStarredLoaded] = useState(false);\n\n // Food detail view state\n const [fdcDetailFood, setFdcDetailFood] = useState(null);\n const [fdcDetailLoading, setFdcDetailLoading] = useState(false);\n const [fdcDetailSearchResult, setFdcDetailSearchResult] = useState(null);\n const [fdcDetailError, setFdcDetailError] = useState(null);\n const [showFdcMicronutrients, setShowFdcMicronutrients] = useState(false);\n\n // Check if form has unsaved changes\n const hasUnsavedChanges = () => {\n if (title !== initialTitle) return true;\n if (url !== initialUrl) return true;\n if (servingSize !== initialServingSize) return true;\n if (instructions !== initialInstructions) return true;\n // Check if any ingredient has content\n const hasIngredientContent = ingredients.some(i => i.name.trim() || i.amount || i.notes.trim());\n if (hasIngredientContent) return true;\n return false;\n };\n\n // Handle close attempt (backdrop click or X button)\n const handleCloseAttempt = () => {\n if (hasUnsavedChanges()) {\n setShowExitConfirm(true);\n } else {\n onClose();\n }\n };\n const [fdcBrandedResults, setFdcBrandedResults] = useState([]);\n\n const addIngredient = () => {\n setIngredients([...ingredients, { amount: '', unit: '', name: '', notes: '', fdcId: null, fdcDescription: null, fdcDataType: null }]);\n };\n\n const removeIngredient = (index: number) => {\n setIngredients(ingredients.filter((_, i) => i !== index));\n };\n\n const updateIngredient = (index: number, field: keyof FormIngredient, value: any) => {\n const updated = [...ingredients];\n (updated[index] as any)[field] = value;\n setIngredients(updated);\n };\n\n // Load starred ingredients\n const loadStarredIngredients = async () => {\n if (starredLoaded) return;\n setStarredLoading(true);\n try {\n const response = await fetch('/api/fdc/starred');\n const result = await response.json();\n if (result.success) {\n setStarredIngredients(result.data);\n setStarredLoaded(true);\n }\n } catch (error) {\n console.error('Failed to load starred ingredients:', error);\n } finally {\n setStarredLoading(false);\n }\n };\n\n // Load starred ingredients on mount\n useEffect(() => {\n loadStarredIngredients();\n }, []);\n\n // Star an ingredient\n const starIngredient = async (food: FDCSearchResult | FDCFood) => {\n try {\n const response = await fetch('/api/fdc/starred', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({\n fdcId: food.fdcId,\n fdcDescription: food.description,\n fdcDataType: food.dataType,\n brandOwner: food.brandOwner || null,\n }),\n });\n const result = await response.json();\n if (result.success) {\n setStarredIngredients(prev => [result.data, ...prev]);\n }\n } catch (error) {\n console.error('Failed to star ingredient:', error);\n }\n };\n\n // Unstar an ingredient\n const unstarIngredient = async (fdcId: number) => {\n try {\n const response = await fetch(`/api/fdc/starred/${fdcId}`, { method: 'DELETE' });\n const result = await response.json();\n if (result.success) {\n setStarredIngredients(prev => prev.filter(s => s.fdcId !== fdcId));\n }\n } catch (error) {\n console.error('Failed to unstar ingredient:', error);\n }\n };\n\n // Check if an ingredient is starred\n const isStarred = (fdcId: number): boolean => {\n return starredIngredients.some(s => s.fdcId === fdcId);\n };\n\n // Open FDC search modal for an ingredient\n const openFdcSearch = (index: number) => {\n setFdcSearchIndex(index);\n setFdcSearchQuery(ingredients[index].name);\n setFdcFoundationResults([]);\n setFdcBrandedResults([]);\n setFdcActiveTab('starred'); // Start with starred tab\n setFdcDetailFood(null);\n setFdcDetailSearchResult(null);\n setFdcSearchOpen(true);\n };\n\n // Search FDC foods with categorized results\n const handleFdcSearch = async () => {\n if (!fdcSearchQuery.trim()) return;\n\n setFdcSearchLoading(true);\n try {\n const response = await fetch(`/api/fdc/search-categorized?query=${encodeURIComponent(fdcSearchQuery)}&pageSize=15`);\n const result = await response.json();\n\n if (result.success) {\n setFdcFoundationResults(result.data.foundation || []);\n setFdcBrandedResults(result.data.branded || []);\n }\n } catch (error) {\n console.error('FDC search failed:', error);\n } finally {\n setFdcSearchLoading(false);\n }\n };\n\n // View food details before selecting\n const viewFoodDetails = async (searchResult: FDCSearchResult) => {\n setFdcDetailLoading(true);\n setFdcDetailSearchResult(searchResult);\n setFdcDetailError(null);\n try {\n const response = await fetch(`/api/fdc/food/${searchResult.fdcId}`);\n const result = await response.json();\n\n if (result.success) {\n setFdcDetailFood(result.data);\n } else {\n // Handle error (e.g., 404 - food not found)\n setFdcDetailError(result.error || 'This food is no longer available in the USDA database.');\n setFdcDetailFood(null);\n }\n } catch (error) {\n console.error('Failed to fetch food details:', error);\n setFdcDetailError('Failed to load food details. Please try again.');\n setFdcDetailFood(null);\n } finally {\n setFdcDetailLoading(false);\n }\n };\n\n // Go back from detail view to search results\n const backToSearchResults = () => {\n setFdcDetailFood(null);\n setFdcDetailSearchResult(null);\n setFdcDetailError(null);\n setShowFdcMicronutrients(false);\n };\n\n // Select food from detail view\n const selectFoodFromDetail = () => {\n if (fdcDetailSearchResult) {\n selectFdcFood(fdcDetailSearchResult);\n setFdcDetailFood(null);\n setFdcDetailSearchResult(null);\n }\n };\n\n // Count micronutrients that have data\n const countMicronutrients = (food: FDCFood): number => {\n const micronutrientKeys = [\n 'potassium', 'calcium', 'iron', 'magnesium', 'zinc',\n 'vitaminA', 'vitaminC', 'vitaminD', 'vitaminE', 'vitaminK',\n 'vitaminB6', 'vitaminB12', 'thiamin', 'riboflavin', 'niacin', 'folate'\n ] as const;\n\n return micronutrientKeys.filter(key => food.nutrition[key] !== null).length;\n };\n\n // Format nutrient value with appropriate precision\n const formatNutrientValue = (value: number | null, unit: string): string => {\n if (value === null) return '—';\n if (unit === 'mcg') return value.toFixed(1);\n if (unit === 'mg' && value < 1) return value.toFixed(2);\n if (unit === 'mg') return value.toFixed(1);\n return value.toFixed(1);\n };\n\n // Select an FDC food for an ingredient\n const selectFdcFood = (food: FDCSearchResult | StarredIngredient) => {\n if (fdcSearchIndex === null) return;\n\n const updated = [...ingredients];\n updated[fdcSearchIndex].fdcId = food.fdcId;\n updated[fdcSearchIndex].fdcDescription = food.fdcDescription ?? (food as FDCSearchResult).description;\n updated[fdcSearchIndex].fdcDataType = food.fdcDataType ?? (food as FDCSearchResult).dataType;\n setIngredients(updated);\n\n // Remove from unmatched if it was there\n setUnmatchedIngredients(prev => prev.filter(name => name !== updated[fdcSearchIndex].name));\n\n setFdcSearchOpen(false);\n setFdcSearchIndex(null);\n };\n\n // Select a starred ingredient directly (quick select)\n const selectStarredIngredient = (starred: StarredIngredient) => {\n if (fdcSearchIndex === null) return;\n\n const updated = [...ingredients];\n updated[fdcSearchIndex].fdcId = starred.fdcId;\n updated[fdcSearchIndex].fdcDescription = starred.fdcDescription;\n updated[fdcSearchIndex].fdcDataType = starred.fdcDataType;\n setIngredients(updated);\n\n // Remove from unmatched if it was there\n setUnmatchedIngredients(prev => prev.filter(name => name !== updated[fdcSearchIndex].name));\n\n setFdcSearchOpen(false);\n setFdcSearchIndex(null);\n };\n\n // Clear FDC link from an ingredient\n const clearFdcLink = (index: number) => {\n const updated = [...ingredients];\n updated[index].fdcId = null;\n updated[index].fdcDescription = null;\n updated[index].fdcDataType = null;\n setIngredients(updated);\n };\n\n const handleImportFromUrl = async () => {\n if (!importUrl.trim()) return;\n\n setImportLoading(true);\n setImportError(null);\n\n try {\n const response = await fetch('/api/recipes/parse-url', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ url: importUrl.trim() }),\n });\n\n const result = await response.json();\n\n if (!result.success) {\n setImportError(result.error || 'Failed to import recipe');\n return;\n }\n\n const imported: ParsedRecipeFromUrl = result.data;\n\n // Update form fields with imported data\n setTitle(imported.title);\n setUrl(imported.url);\n setServingSize(imported.servingSize?.toString() || '1');\n setInstructions(imported.instructions || '');\n setIngredients(\n imported.ingredients.map(i => ({\n amount: i.amount?.toString() || '',\n unit: i.unit || '',\n name: i.name,\n notes: i.notes || '',\n fdcId: null,\n fdcDescription: null,\n fdcDataType: null,\n }))\n );\n\n // Clear unmatched state\n setUnmatchedIngredients([]);\n\n // Close import section\n setShowImportUrl(false);\n setImportUrl('');\n } catch (error) {\n setImportError('Failed to import recipe. Please check the URL and try again.');\n } finally {\n setImportLoading(false);\n }\n };\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n\n if (!title.trim()) return;\n\n setSubmitting(true);\n\n try {\n // Get ingredient names that don't have FDC links\n const unmatchedNames = ingredients\n .filter(i => i.name.trim() && !i.fdcId)\n .map(i => i.name.trim());\n\n let updatedIngredients = [...ingredients];\n const stillUnmatched: string[] = [];\n\n // Auto-match unlinked ingredients from Foundation Foods\n if (unmatchedNames.length > 0) {\n try {\n const matchResponse = await fetch('/api/fdc/auto-match-batch', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ ingredientNames: unmatchedNames }),\n });\n\n const matchResult = await matchResponse.json();\n\n if (matchResult.success) {\n // Apply matches to ingredients\n for (let i = 0; i < updatedIngredients.length; i++) {\n const ing = updatedIngredients[i];\n const name = ing.name.trim();\n\n if (name && !ing.fdcId && matchResult.data[name]) {\n const matchData = matchResult.data[name];\n if (matchData.match) {\n updatedIngredients[i] = {\n ...ing,\n fdcId: matchData.match.fdcId,\n fdcDescription: matchData.match.description,\n fdcDataType: matchData.match.dataType,\n };\n } else {\n stillUnmatched.push(name);\n }\n } else if (name && !ing.fdcId) {\n stillUnmatched.push(name);\n }\n }\n }\n } catch (error) {\n console.error('Auto-match failed:', error);\n // Continue with submission even if auto-match fails\n }\n }\n\n // Update state with matched ingredients\n setIngredients(updatedIngredients);\n setUnmatchedIngredients(stillUnmatched);\n\n // Build the recipe data\n const data: CreateRecipeRequest = {\n title: title.trim(),\n url: url.trim() || null,\n servingSize: parseInt(servingSize) || 1,\n instructions: instructions.trim() || null,\n ingredients: updatedIngredients\n .filter(i => i.name.trim())\n .map(i => ({\n name: i.name.trim(),\n amount: i.amount ? parseFloat(i.amount) : null,\n unit: i.unit.trim() || null,\n notes: i.notes.trim() || null,\n fdcId: i.fdcId,\n fdcDescription: i.fdcDescription,\n fdcDataType: i.fdcDataType,\n } as CreateRecipeIngredient)),\n };\n\n await onSubmit(data);\n } finally {\n setSubmitting(false);\n }\n };\n\n // Count linked ingredients\n const linkedCount = ingredients.filter(i => i.fdcId !== null).length;\n const totalCount = ingredients.filter(i => i.name.trim()).length;\n\n // Get current tab results\n const currentTabResults = fdcActiveTab === 'foundation' ? fdcFoundationResults : fdcBrandedResults;\n\n return (\n

\n e.stopPropagation()}\n >\n

\n {/* Header */}\n

\n {recipe ? 'Edit Recipe' : 'Add Recipe'}\n

\n \n \n \n

\n\n {/* Body */}\n

\n {/* Import from URL section - only show when not editing */}\n {!recipe && (\n

\n setShowImportUrl(!showImportUrl)}\n className=\"text-sm font-medium flex items-center gap-2 mb-2\"\n style={{ color: 'var(--accent)' }}\n >\n \n Import from URL\n \n\n {showImportUrl && (\n

\n Paste a recipe URL to auto-fill the form with ingredients and instructions.\n

\n setImportUrl(e.target.value)}\n placeholder=\"https://www.example.com/recipe/...\"\n className=\"input flex-1\"\n disabled={importLoading}\n onKeyDown={(e) => {\n if (e.key === 'Enter') {\n e.preventDefault();\n handleImportFromUrl();\n }\n }}\n />\n \n {importLoading ? (\n <>\n \n Importing...\n \n ) : (\n 'Import'\n )}\n \n

\n {importError && (\n

\n {importError}\n

\n )}\n

\n )}\n\n {/* Passive alert for unmatched ingredients */}\n {unmatchedIngredients.length > 0 && (\n

\n \n

\n {unmatchedIngredients.length} ingredient(s) need manual linking:{' '}\n {unmatchedIngredients.join(', ')}. Click \"Link to USDA food\" to search manually.\n

\n )}\n\n {/* Title */}\n

\n \n Recipe Title *\n \n setTitle(e.target.value)}\n className=\"input\"\n placeholder=\"e.g., Chicken Stir Fry\"\n required\n />\n

\n\n {/* URL */}\n

\n \n Recipe URL (optional)\n \n setUrl(e.target.value)}\n className=\"input\"\n placeholder=\"https://...\"\n />\n

\n\n {/* Serving size */}\n

\n \n Serving Size\n \n setServingSize(e.target.value)}\n className=\"input w-32\"\n min=\"1\"\n />\n

\n\n {/* Ingredients */}\n

\n \n Ingredients\n \n {totalCount > 0 && (\n \n {linkedCount}/{totalCount} linked to USDA\n \n )}\n

\n {ingredients.map((ing, index) => (\n

\n {/* Amount */}\n updateIngredient(index, 'amount', e.target.value)}\n className=\"input flex-shrink-0\"\n style={{ width: '4rem' }}\n placeholder=\"Amt\"\n />\n {/* Unit */}\n updateIngredient(index, 'unit', e.target.value)}\n className=\"input flex-shrink-0\"\n style={{ width: '5rem' }}\n >\n \n {COMMON_UNITS.map(u => (\n \n ))}\n \n {/* Name */}\n updateIngredient(index, 'name', e.target.value)}\n className=\"input flex-1 min-w-0\"\n style={{ minWidth: '120px' }}\n placeholder=\"Ingredient name\"\n />\n {/* Notes */}\n updateIngredient(index, 'notes', e.target.value)}\n className=\"input flex-shrink-0 text-sm text-gray-500\"\n style={{ width: '6rem' }}\n placeholder=\"Notes\"\n />\n {/* Remove button */}\n {ingredients.length > 1 && (\n removeIngredient(index)}\n className=\"text-gray-400 hover:text-red-500 transition-colors flex-shrink-0 p-1\"\n >\n \n \n )}\n

\n\n {/* FDC Link Row */}\n

\n {ing.fdcId ? (\n <>\n \n \n {ing.fdcDataType === 'Branded' ? 'Branded' : 'Foundation'}\n \n \n {ing.fdcDescription}\n \n clearFdcLink(index)}\n className=\"text-xs text-gray-400 hover:text-red-500\"\n >\n Clear\n \n openFdcSearch(index)}\n className=\"text-xs text-blue-600 hover:text-blue-800\"\n >\n Change\n \n \n ) : (\n openFdcSearch(index)}\n className=\"text-xs flex items-center gap-1 text-blue-600 hover:text-blue-800\"\n >\n \n Link to USDA food for nutrition\n \n )}\n

\n ))}\n

\n \n \n Add ingredient\n \n

\n\n {/* Instructions */}\n

\n \n Instructions (optional)\n \n setInstructions(e.target.value)}\n className=\"input min-h-[100px] resize-y\"\n placeholder=\"Enter cooking instructions...\"\n />\n

\n\n {/* Nutrition info note */}\n

\n Nutrition is calculated automatically from linked ingredients using USDA FoodData Central.\n Ingredients are auto-matched to Foundation Foods when you save. Link all ingredients to get complete nutrition information.\n

\n\n {/* Footer */}\n

\n \n Cancel\n \n \n {submitting ? 'Saving...' : (recipe ? 'Save Changes' : 'Add Recipe')}\n \n

\n\n {/* Exit Confirmation Dialog */}\n {showExitConfirm && (\n setShowExitConfirm(false)}\n >\n e.stopPropagation()}\n >\n

\n \n

Unsaved Changes

\n You have unsaved changes. What would you like to do?\n

\n {\n setShowExitConfirm(false);\n // Trigger form submission\n const form = document.querySelector('form');\n if (form) {\n form.requestSubmit();\n }\n }}\n className=\"btn-primary w-full flex items-center justify-center gap-2\"\n disabled={!title.trim()}\n >\n \n Save & Exit\n \n {\n setShowExitConfirm(false);\n onClose();\n }}\n className=\"btn-secondary w-full flex items-center justify-center gap-2 text-red-600 border-red-200 hover:bg-red-50\"\n >\n \n Discard & Exit\n \n setShowExitConfirm(false)}\n className=\"btn-secondary w-full flex items-center justify-center gap-2\"\n >\n \n Go Back\n \n

\n \n \n )}\n\n {/* FDC Search Modal with Tabs */}\n {fdcSearchOpen && (\n setFdcSearchOpen(false)}\n >\n e.stopPropagation()}\n >\n

Search USDA Foods

\n Find a food to link for nutrition data\n

\n\n

\n setFdcSearchQuery(e.target.value)}\n placeholder=\"Search foods...\"\n className=\"input flex-1\"\n onKeyDown={(e) => {\n if (e.key === 'Enter') {\n e.preventDefault();\n handleFdcSearch();\n }\n }}\n />\n \n {fdcSearchLoading ? 'Searching...' : 'Search'}\n \n

\n\n {/* Tabs */}\n

\n setFdcActiveTab('starred')}\n className=\"flex-1 px-4 py-3 text-sm font-medium transition-colors\"\n style={fdcActiveTab === 'starred'\n ? { color: 'var(--accent)', borderBottom: '2px solid var(--accent)', background: 'var(--bg-tertiary)' }\n : { color: 'var(--text-secondary)' }}\n >\n ★ Starred\n {starredIngredients.length > 0 && (\n \n {starredIngredients.length}\n \n )}\n \n setFdcActiveTab('foundation')}\n className=\"flex-1 px-4 py-3 text-sm font-medium transition-colors\"\n style={fdcActiveTab === 'foundation'\n ? { color: 'var(--accent)', borderBottom: '2px solid var(--accent)', background: 'var(--bg-tertiary)' }\n : { color: 'var(--text-secondary)' }}\n >\n Foundation\n {fdcFoundationResults.length > 0 && (\n \n {fdcFoundationResults.length}\n \n )}\n \n setFdcActiveTab('branded')}\n className=\"flex-1 px-4 py-3 text-sm font-medium transition-colors\"\n style={fdcActiveTab === 'branded'\n ? { color: 'var(--accent)', borderBottom: '2px solid var(--accent)', background: 'var(--bg-tertiary)' }\n : { color: 'var(--text-secondary)' }}\n >\n Branded\n {fdcBrandedResults.length > 0 && (\n \n {fdcBrandedResults.length}\n \n )}\n \n

\n\n

\n {/* Starred Ingredients Tab */}\n {fdcActiveTab === 'starred' && !fdcDetailFood && !fdcDetailLoading && (\n

\n {starredLoading ? (\n

\n \n

\n ) : starredIngredients.length === 0 ? (\n

⭐

No starred ingredients yet

\n Star your commonly used ingredients from the search results for quick access\n

\n ) : (\n

\n {starredIngredients.map((starred) => (\n \n unstarIngredient(starred.fdcId)}\n className=\"text-amber-500 hover:text-amber-600 flex-shrink-0\"\n title=\"Unstar\"\n >\n \n \n selectStarredIngredient(starred)}\n className=\"flex-1 text-left min-w-0\"\n >\n

{starred.fdcDescription}

\n \n {starred.fdcDataType}\n \n {starred.brandOwner && (\n {starred.brandOwner}\n )}\n

\n \n \n

\n ))}\n

\n )}\n

\n )}\n\n {/* Food Detail View */}\n {(fdcDetailFood || fdcDetailLoading || fdcDetailError) && (\n

\n {fdcDetailLoading ? (\n

\n \n

\n ) : fdcDetailError ? (\n

\n \n

Food Unavailable

\n {fdcDetailError}\n

\n \n ← Back to search results\n \n

\n ) : fdcDetailFood && (\n

\n {/* Food Header */}\n

{fdcDetailFood.description}

\n \n {fdcDetailFood.dataType}\n \n {fdcDetailFood.brandOwner && (\n {fdcDetailFood.brandOwner}\n )}\n

\n {fdcDetailFood.householdServingText && (\n

\n Serving: {fdcDetailFood.householdServingText}\n {fdcDetailFood.servingSize && fdcDetailFood.servingSizeUnit &&\n ` (${fdcDetailFood.servingSize}${fdcDetailFood.servingSizeUnit})`\n }\n

\n )}\n

\n\n {/* Nutrition Facts */}\n

Nutrition Facts

\n\n {/* Header Row */}\n

Per 100g

\n {fdcDetailFood.servingSize && fdcDetailFood.servingSizeUnit\n ? `Per Serving (${fdcDetailFood.servingSize}${fdcDetailFood.servingSizeUnit})`\n : 'Per Serving'\n }\n

\n\n {/* Macros */}\n

\n {/* Calories */}\n

Calories

\n {fdcDetailFood.nutrition.calories !== null\n ? `${Math.round(fdcDetailFood.nutrition.calories)} kcal`\n : '—'}\n

\n {fdcDetailFood.nutrition.calories !== null && fdcDetailFood.servingSize\n ? `${Math.round(fdcDetailFood.nutrition.calories * fdcDetailFood.servingSize / 100)} kcal`\n : fdcDetailFood.nutrition.calories !== null ? `${Math.round(fdcDetailFood.nutrition.calories)} kcal` : '—'}\n

\n\n

\n\n {/* Protein */}\n

Protein

\n {fdcDetailFood.nutrition.protein !== null\n ? `${fdcDetailFood.nutrition.protein.toFixed(1)}g`\n : '—'}\n

\n {fdcDetailFood.nutrition.protein !== null && fdcDetailFood.servingSize\n ? `${(fdcDetailFood.nutrition.protein * fdcDetailFood.servingSize / 100).toFixed(1)}g`\n : fdcDetailFood.nutrition.protein !== null ? `${fdcDetailFood.nutrition.protein.toFixed(1)}g` : '—'}\n

\n\n {/* Fat */}\n

Fat

\n {fdcDetailFood.nutrition.fat !== null\n ? `${fdcDetailFood.nutrition.fat.toFixed(1)}g`\n : '—'}\n

\n {fdcDetailFood.nutrition.fat !== null && fdcDetailFood.servingSize\n ? `${(fdcDetailFood.nutrition.fat * fdcDetailFood.servingSize / 100).toFixed(1)}g`\n : fdcDetailFood.nutrition.fat !== null ? `${fdcDetailFood.nutrition.fat.toFixed(1)}g` : '—'}\n

\n\n {/* Carbs */}\n

Carbohydrates

\n {fdcDetailFood.nutrition.carbs !== null\n ? `${fdcDetailFood.nutrition.carbs.toFixed(1)}g`\n : '—'}\n

\n {fdcDetailFood.nutrition.carbs !== null && fdcDetailFood.servingSize\n ? `${(fdcDetailFood.nutrition.carbs * fdcDetailFood.servingSize / 100).toFixed(1)}g`\n : fdcDetailFood.nutrition.carbs !== null ? `${fdcDetailFood.nutrition.carbs.toFixed(1)}g` : '—'}\n

\n\n {/* Fiber */}\n

Fiber

\n {fdcDetailFood.nutrition.fiber !== null\n ? `${fdcDetailFood.nutrition.fiber.toFixed(1)}g`\n : '—'}\n

\n {fdcDetailFood.nutrition.fiber !== null && fdcDetailFood.servingSize\n ? `${(fdcDetailFood.nutrition.fiber * fdcDetailFood.servingSize / 100).toFixed(1)}g`\n : fdcDetailFood.nutrition.fiber !== null ? `${fdcDetailFood.nutrition.fiber.toFixed(1)}g` : '—'}\n

\n\n

\n\n {/* Sodium */}\n

Sodium

\n {fdcDetailFood.nutrition.sodium !== null\n ? `${Math.round(fdcDetailFood.nutrition.sodium)}mg`\n : '—'}\n

\n {fdcDetailFood.nutrition.sodium !== null && fdcDetailFood.servingSize\n ? `${Math.round(fdcDetailFood.nutrition.sodium * fdcDetailFood.servingSize / 100)}mg`\n : fdcDetailFood.nutrition.sodium !== null ? `${Math.round(fdcDetailFood.nutrition.sodium)}mg` : '—'}\n

\n\n {/* Micronutrients Toggle */}\n

\n setShowFdcMicronutrients(!showFdcMicronutrients)}\n className=\"flex items-center justify-between w-full text-left\"\n >\n

\n Micronutrients available:\n \n {countMicronutrients(fdcDetailFood)} / 16\n \n

\n {showFdcMicronutrients ? 'Hide' : 'Show all'}\n \n \n \n

\n \n\n {/* Expanded Micronutrients */}\n {showFdcMicronutrients && (\n

\n {/* Minerals */}\n {(['sodium', 'potassium', 'calcium', 'iron', 'magnesium', 'zinc', 'phosphorus', 'selenium', 'copper', 'manganese'] as const).some(key => fdcDetailFood.nutrition[key] !== null) && (\n

\n Minerals\n

\n {(['sodium', 'potassium', 'calcium', 'iron', 'magnesium', 'zinc', 'phosphorus', 'selenium', 'copper', 'manganese'] as const).map(key => {\n const info = NUTRIENT_INFO[key];\n const value = fdcDetailFood.nutrition[key];\n if (value === null) return null;\n const servingValue = fdcDetailFood.servingSize ? value * fdcDetailFood.servingSize / 100 : value;\n return (\n

\n {info.label}\n \n {formatNutrientValue(servingValue, info.unit)}{info.unit}\n \n

\n );\n })}\n

\n )}\n\n {/* Vitamins - Fat Soluble */}\n {(['vitaminA', 'vitaminD', 'vitaminE', 'vitaminK'] as const).some(key => fdcDetailFood.nutrition[key] !== null) && (\n

\n Vitamins (Fat-Soluble)\n

\n {(['vitaminA', 'vitaminD', 'vitaminE', 'vitaminK'] as const).map(key => {\n const info = NUTRIENT_INFO[key];\n const value = fdcDetailFood.nutrition[key];\n if (value === null) return null;\n const servingValue = fdcDetailFood.servingSize ? value * fdcDetailFood.servingSize / 100 : value;\n return (\n

\n {info.label}\n \n {formatNutrientValue(servingValue, info.unit)}{info.unit}\n \n

\n );\n })}\n

\n )}\n\n {/* Vitamins - Water Soluble */}\n {(['vitaminC', 'vitaminB6', 'vitaminB12', 'thiamin', 'riboflavin', 'niacin', 'pantothenicAcid', 'folate', 'choline'] as const).some(key => fdcDetailFood.nutrition[key] !== null) && (\n

\n Vitamins (Water-Soluble)\n

\n {(['vitaminC', 'vitaminB6', 'vitaminB12', 'thiamin', 'riboflavin', 'niacin', 'pantothenicAcid', 'folate', 'choline'] as const).map(key => {\n const info = NUTRIENT_INFO[key];\n const value = fdcDetailFood.nutrition[key];\n if (value === null) return null;\n const servingValue = fdcDetailFood.servingSize ? value * fdcDetailFood.servingSize / 100 : value;\n return (\n

\n {info.label}\n \n {formatNutrientValue(servingValue, info.unit)}{info.unit}\n \n

\n );\n })}\n

\n )}\n\n {/* Fats Breakdown */}\n {(['saturatedFat', 'transFat', 'monounsaturatedFat', 'polyunsaturatedFat', 'cholesterol'] as const).some(key => fdcDetailFood.nutrition[key] !== null) && (\n

\n Fats Breakdown\n

\n {(['saturatedFat', 'transFat', 'monounsaturatedFat', 'polyunsaturatedFat', 'cholesterol'] as const).map(key => {\n const info = NUTRIENT_INFO[key];\n const value = fdcDetailFood.nutrition[key];\n if (value === null) return null;\n const servingValue = fdcDetailFood.servingSize ? value * fdcDetailFood.servingSize / 100 : value;\n return (\n

\n {info.label}\n \n {formatNutrientValue(servingValue, info.unit)}{info.unit}\n \n

\n );\n })}\n

\n )}\n\n {/* Sugars */}\n {(['sugars', 'addedSugars'] as const).some(key => fdcDetailFood.nutrition[key] !== null) && (\n

\n Sugars\n

\n {(['sugars', 'addedSugars'] as const).map(key => {\n const info = NUTRIENT_INFO[key];\n const value = fdcDetailFood.nutrition[key];\n if (value === null) return null;\n const servingValue = fdcDetailFood.servingSize ? value * fdcDetailFood.servingSize / 100 : value;\n return (\n

\n {info.label}\n \n {formatNutrientValue(servingValue, info.unit)}{info.unit}\n \n

\n );\n })}\n

\n )}\n

\n\n {/* Action Buttons */}\n

\n {/* Star/Unstar Button */}\n {isStarred(fdcDetailFood.fdcId) ? (\n unstarIngredient(fdcDetailFood.fdcId)}\n className=\"w-full py-2 px-4 rounded-lg border border-amber-300 bg-amber-50 text-amber-700 font-medium text-sm flex items-center justify-center gap-2 hover:bg-amber-100 transition-colors\"\n >\n \n Remove from Starred\n \n ) : (\n starIngredient(fdcDetailFood)}\n className=\"w-full py-2 px-4 rounded-lg border border-gray-300 bg-white text-gray-700 font-medium text-sm flex items-center justify-center gap-2 hover:bg-amber-50 hover:border-amber-300 hover:text-amber-700 transition-colors\"\n >\n \n Add to Starred\n \n )}\n\n

\n \n \n Back\n \n \n \n Select This Food\n \n

\n )}\n

\n )}\n\n {/* Search Results List (Foundation/Branded tabs only) */}\n {fdcActiveTab !== 'starred' && !fdcDetailFood && !fdcDetailLoading && (\n currentTabResults.length === 0 ? (\n

\n {fdcSearchLoading ? 'Searching...' : 'Enter a search term and click Search'}\n

\n ) : (\n

\n {currentTabResults.map((food) => (\n \n {/* Star button */}\n {\n e.stopPropagation();\n if (isStarred(food.fdcId)) {\n unstarIngredient(food.fdcId);\n } else {\n starIngredient(food);\n }\n }}\n className={`flex-shrink-0 ${isStarred(food.fdcId) ? 'text-amber-500' : 'text-gray-300 hover:text-amber-400'}`}\n title={isStarred(food.fdcId) ? 'Unstar' : 'Add to starred'}\n >\n \n \n\n viewFoodDetails(food)}\n className=\"flex-1 text-left min-w-0\"\n >\n

{food.description}

\n \n {food.dataType}\n \n {food.micronutrientCount !== null && (\n = 12\n ? 'bg-emerald-100 text-emerald-700'\n : food.micronutrientCount >= 6\n ? 'bg-amber-100 text-amber-700'\n : 'bg-gray-100 text-gray-600'\n }`} title=\"Micronutrients available\">\n 🧬 {food.micronutrientCount}/16\n \n )}\n {food.brandOwner && (\n {food.brandOwner}\n )}\n

\n \n

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

\n setFdcSearchOpen(false)}\n className=\"btn-secondary w-full\"\n >\n Cancel\n \n

\n \n \n )}\n \n );\n}\n",[],[135,170,237],"7d52e018-e78f-11f0-8f9e-42dde27851f2","QuantityUnitInput.tsx","7d52e0ae-e78f-11f0-8f9e-42dde27851f2",189,["D",1767326391581],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { UnitSelect } from \"./UnitSelect.tsx\";\n\ninterface QuantityUnitInputProps {\n quantity: number | null;\n unit: string | null;\n onQuantityChange: (value: number | null) => void;\n onUnitChange: (value: string | null) => void;\n disabled?: boolean;\n className?: string;\n}\n\nexport function QuantityUnitInput({\n quantity,\n unit,\n onQuantityChange,\n onUnitChange,\n disabled = false,\n className = '',\n}: QuantityUnitInputProps) {\n const handleQuantityChange = (e: React.ChangeEvent) => {\n const value = e.target.value;\n if (value === '') {\n onQuantityChange(null);\n } else {\n const parsed = parseFloat(value);\n if (!isNaN(parsed)) {\n onQuantityChange(parsed);\n }\n }\n };\n\n return (\n

\n \n \n

\n );\n}\n\n",[],[135,170,245],"92e29ed8-e793-11f0-bf91-42dde27851f2","NutritionView.tsx","b8f099c0-d3a9-11f0-8d63-42dde27851f2",200,["D",1767328145890],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect, useCallback } from \"https://esm.sh/react@18.2.0\";\nimport type { NutritionGoals, NutritionGoalType, DailyNutrition } from \"../../shared/types.ts\";\nimport { NUTRITION_GOAL_LABELS, NUTRITION_GOAL_UNITS } from \"../../shared/types.ts\";\n\ninterface NutritionViewProps {\n goals: NutritionGoals | null;\n onGoalsChange: () => Promise;\n}\n\nconst GOAL_TYPES: NutritionGoalType[] = ['calories', 'protein', 'fiber', 'fat', 'carbs'];\n\nfunction getWeekStartDate(date: Date): string {\n const d = new Date(date);\n const day = d.getDay();\n d.setDate(d.getDate() - day);\n d.setHours(0, 0, 0, 0);\n return d.toISOString().split('T')[0];\n}\n\nexport function NutritionView({ goals, onGoalsChange }: NutritionViewProps) {\n const [editing, setEditing] = useState(false);\n const [primaryType, setPrimaryType] = useState(goals?.primaryGoalType || 'calories');\n const [primaryValue, setPrimaryValue] = useState(goals?.primaryGoalValue?.toString() || '2000');\n const [sub1Type, setSub1Type] = useState(goals?.subGoal1Type || '');\n const [sub1Value, setSub1Value] = useState(goals?.subGoal1Value?.toString() || '');\n const [sub2Type, setSub2Type] = useState(goals?.subGoal2Type || '');\n const [sub2Value, setSub2Value] = useState(goals?.subGoal2Value?.toString() || '');\n const [submitting, setSubmitting] = useState(false);\n \n const [weeklyData, setWeeklyData] = useState<{\n daily: Record;\n weeklyAverage: DailyNutrition;\n } | null>(null);\n const [loadingWeekly, setLoadingWeekly] = useState(false);\n\n const fetchWeeklyData = useCallback(async () => {\n setLoadingWeekly(true);\n try {\n const weekStart = getWeekStartDate(new Date());\n const response = await fetch(`/api/nutrition/weekly?weekStartDate=${weekStart}`);\n const data = await response.json();\n if (data.success) {\n setWeeklyData(data.data);\n }\n } catch (err) {\n console.error('Failed to fetch weekly nutrition:', err);\n } finally {\n setLoadingWeekly(false);\n }\n }, []);\n\n useEffect(() => {\n fetchWeeklyData();\n }, [fetchWeeklyData]);\n\n // Update form when goals change\n useEffect(() => {\n if (goals) {\n setPrimaryType(goals.primaryGoalType);\n setPrimaryValue(goals.primaryGoalValue.toString());\n setSub1Type(goals.subGoal1Type || '');\n setSub1Value(goals.subGoal1Value?.toString() || '');\n setSub2Type(goals.subGoal2Type || '');\n setSub2Value(goals.subGoal2Value?.toString() || '');\n }\n }, [goals]);\n\n const handleSave = async (e: React.FormEvent) => {\n e.preventDefault();\n if (!primaryValue) return;\n \n setSubmitting(true);\n \n try {\n const response = await fetch('/api/nutrition/goals', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({\n primaryGoalType: primaryType,\n primaryGoalValue: parseFloat(primaryValue),\n subGoal1Type: sub1Type || null,\n subGoal1Value: sub1Value ? parseFloat(sub1Value) : null,\n subGoal2Type: sub2Type || null,\n subGoal2Value: sub2Value ? parseFloat(sub2Value) : null,\n }),\n });\n \n if (response.ok) {\n await onGoalsChange();\n setEditing(false);\n }\n } finally {\n setSubmitting(false);\n }\n };\n\n const getProgressColor = (percent: number): string => {\n if (percent >= 90 && percent <= 110) return 'var(--leaf)'; // success\n if (percent > 110) return '#fbbf24'; // warning\n return 'var(--accent)'; // primary\n };\n\n const renderGoalCard = (\n type: NutritionGoalType,\n targetValue: number,\n currentValue: number,\n isPrimary: boolean\n ) => {\n const percent = (currentValue / targetValue) * 100;\n const cappedPercent = Math.min(percent, 100);\n \n return (\n \n

\n \n {type === 'calories' ? '🔥' : type === 'protein' ? '💪' : type === 'fiber' ? '🥬' : type === 'fat' ? '🥑' : '🍞'}\n \n

{NUTRITION_GOAL_LABELS[type]}

\n {isPrimary && (\n \n Primary Goal\n \n )}\n

{Math.round(currentValue)}

of {targetValue} {NUTRITION_GOAL_UNITS[type]}

\n \n

\n {Math.round(percent)}% of daily goal\n = 90 && percent <= 110 ? 'var(--leaf)' : percent > 110 ? '#fbbf24' : 'var(--text-secondary)' }}\n >\n {targetValue - currentValue > 0 ? `${Math.round(targetValue - currentValue)} ${NUTRITION_GOAL_UNITS[type]} remaining` : 'Goal reached!'}\n \n

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

\n {/* Header */}\n

Nutrition Goals

Track your daily nutrition against your goals

\n setEditing(true)}\n className=\"btn-secondary text-sm\"\n >\n {goals ? 'Edit Goals' : 'Set Goals'}\n \n

\n \n {/* Goals display */}\n {goals ? (\n

\n {/* Primary goal */}\n

\n {renderGoalCard(\n goals.primaryGoalType,\n goals.primaryGoalValue,\n weeklyData?.weeklyAverage[goals.primaryGoalType as keyof DailyNutrition] || 0,\n true\n )}\n \n {/* Sub goals */}\n {goals.subGoal1Type && goals.subGoal1Value && (\n renderGoalCard(\n goals.subGoal1Type,\n goals.subGoal1Value,\n weeklyData?.weeklyAverage[goals.subGoal1Type as keyof DailyNutrition] || 0,\n false\n )\n )}\n \n {goals.subGoal2Type && goals.subGoal2Value && (\n renderGoalCard(\n goals.subGoal2Type,\n goals.subGoal2Value,\n weeklyData?.weeklyAverage[goals.subGoal2Type as keyof DailyNutrition] || 0,\n false\n )\n )}\n

\n \n {/* Weekly overview */}\n {weeklyData && (\n

This Week's Overview

\n {['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'].map((day, i) => {\n const dayData = weeklyData.daily[i];\n const percent = (dayData[goals.primaryGoalType as keyof DailyNutrition] / goals.primaryGoalValue) * 100;\n \n return (\n

{day}

\n \n

\n {Math.round(dayData[goals.primaryGoalType as keyof DailyNutrition])}\n

\n );\n })}\n

\n On target (90-110%)\n

\n Over target\n

\n Under target\n

\n )}\n \n {/* All nutrition breakdown */}\n

Weekly Average Breakdown

\n {GOAL_TYPES.map((type) => {\n const value = weeklyData?.weeklyAverage[type as keyof DailyNutrition] || 0;\n let goal: number | null = null;\n \n if (goals.primaryGoalType === type) goal = goals.primaryGoalValue;\n else if (goals.subGoal1Type === type) goal = goals.subGoal1Value;\n else if (goals.subGoal2Type === type) goal = goals.subGoal2Value;\n \n return (\n

\n {type === 'calories' ? '🔥' : type === 'protein' ? '💪' : type === 'fiber' ? '🥬' : type === 'fat' ? '🥑' : '🍞'}\n

\n {Math.round(value)}\n {NUTRITION_GOAL_UNITS[type]}\n

{NUTRITION_GOAL_LABELS[type]}

\n {goal && (\n

\n {Math.round((value / goal) * 100)}% of goal\n

\n )}\n

\n );\n })}\n

\n ) : (\n

\n 🎯\n

Set Your Nutrition Goals

\n Define your daily nutrition targets to track your progress and stay on track with your health goals.\n

\n \n

\n )}\n

\n \n {/* Edit goals modal */}\n {editing && (\n

setEditing(false)}>\n

e.stopPropagation()}>\n

\n {goals ? 'Edit Nutrition Goals' : 'Set Nutrition Goals'}\n

\n Set one primary goal and up to two sub-goals\n

\n \n

\n {/* Primary goal */}\n

\n \n Primary Goal\n \n

\n Type\n setPrimaryType(e.target.value as NutritionGoalType)}\n className=\"input\"\n >\n {GOAL_TYPES.map((type) => (\n \n ))}\n \n

\n \n Target ({NUTRITION_GOAL_UNITS[primaryType]})\n \n setPrimaryValue(e.target.value)}\n className=\"input\"\n required\n />\n

\n \n {/* Sub-goal 1 */}\n

\n Sub-Goal 1 (Optional)\n {sub1Type && (\n { setSub1Type(''); setSub1Value(''); }}\n className=\"text-xs hover:text-red-500\"\n style={{ color: 'var(--text-secondary)' }}\n >\n Remove\n \n )}\n

\n setSub1Type(e.target.value as NutritionGoalType)}\n className=\"input\"\n >\n \n {GOAL_TYPES.filter(t => t !== primaryType && t !== sub2Type).map((type) => (\n \n ))}\n \n

\n setSub1Value(e.target.value)}\n className=\"input\"\n placeholder={sub1Type ? NUTRITION_GOAL_UNITS[sub1Type] : 'Target'}\n disabled={!sub1Type}\n />\n

\n \n {/* Sub-goal 2 */}\n

\n Sub-Goal 2 (Optional)\n {sub2Type && (\n { setSub2Type(''); setSub2Value(''); }}\n className=\"text-xs hover:text-red-500\"\n style={{ color: 'var(--text-secondary)' }}\n >\n Remove\n \n )}\n

\n setSub2Type(e.target.value as NutritionGoalType)}\n className=\"input\"\n >\n \n {GOAL_TYPES.filter(t => t !== primaryType && t !== sub1Type).map((type) => (\n \n ))}\n \n

\n setSub2Value(e.target.value)}\n className=\"input\"\n placeholder={sub2Type ? NUTRITION_GOAL_UNITS[sub2Type] : 'Target'}\n disabled={!sub2Type}\n />\n

\n \n

\n \n \n

\n )}\n

\n );\n}\n\n\n\n\n",[],[135,170,253],"116b693a-eeae-11f0-b9ca-42dde27851f2","NutritionSection.tsx","116b6a16-eeae-11f0-b9ca-42dde27851f2",232,["D",1768109183239],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport type { Recipe, RecipeIngredient, FDCFood, NutrientKey } from \"../../shared/types.ts\";\nimport { NUTRIENT_INFO } from \"../../shared/types.ts\";\n\n// Type for ingredient nutrition cache\ntype IngredientNutritionMap = Record;\n\ninterface NutritionSectionProps {\n recipe: Recipe;\n}\n\n// Format nutrient value with appropriate precision\nfunction formatNutrient(value: number | null, unit: string): string {\n if (value === null) return '-';\n if (unit === 'mcg') return value.toFixed(1);\n if (unit === 'mg' && value < 1) return value.toFixed(2);\n return Math.round(value).toString();\n}\n\nexport function NutritionSection({ recipe }: NutritionSectionProps) {\n const [showMicronutrients, setShowMicronutrients] = useState(false);\n const [expandedNutrient, setExpandedNutrient] = useState(null);\n const [ingredientNutritionCache, setIngredientNutritionCache] = useState(null);\n const [breakdownLoading, setBreakdownLoading] = useState(false);\n\n if (!recipe.nutrition) return null;\n\n // Handle nutrient click to expand and show ingredient breakdown\n const handleNutrientClick = async (nutrient: NutrientKey) => {\n // Toggle off if clicking the same nutrient\n if (expandedNutrient === nutrient) {\n setExpandedNutrient(null);\n return;\n }\n\n setExpandedNutrient(nutrient);\n\n // Check if we already have the nutrition data cached\n if (ingredientNutritionCache) {\n return;\n }\n\n // Fetch ingredient nutrition for this recipe\n setBreakdownLoading(true);\n try {\n const response = await fetch(`/api/recipes/${recipe.id}/ingredient-nutrition`);\n const result = await response.json();\n if (result.success) {\n setIngredientNutritionCache(result.data);\n }\n } catch (error) {\n console.error('Failed to fetch ingredient nutrition:', error);\n } finally {\n setBreakdownLoading(false);\n }\n };\n\n // Calculate ingredient contribution for a specific nutrient\n const getIngredientContributions = (\n nutrient: NutrientKey\n ): Array<{ ingredient: RecipeIngredient; contribution: number | null; hasData: boolean }> => {\n return recipe.ingredients.map(ingredient => {\n if (!ingredient.fdcId || !ingredientNutritionCache || !ingredientNutritionCache[ingredient.fdcId]) {\n return { ingredient, contribution: null, hasData: false };\n }\n\n const fdcFood = ingredientNutritionCache[ingredient.fdcId];\n const valuePer100g = fdcFood.nutrition[nutrient];\n\n if (valuePer100g === null || !ingredient.amountGrams) {\n return { ingredient, contribution: null, hasData: !!fdcFood };\n }\n\n const contribution = (valuePer100g * ingredient.amountGrams / 100) / recipe.servingSize;\n return { ingredient, contribution, hasData: true };\n }).sort((a, b) => {\n if (a.contribution === null && b.contribution === null) return 0;\n if (a.contribution === null) return 1;\n if (b.contribution === null) return -1;\n return b.contribution - a.contribution;\n });\n };\n\n // Render breakdown panel for any nutrient\n const renderBreakdown = (nutrientKeys: readonly NutrientKey[]) => {\n if (!expandedNutrient || !nutrientKeys.includes(expandedNutrient)) return null;\n \n const info = NUTRIENT_INFO[expandedNutrient];\n return (\n

\n \n {info.label}: {formatNutrient(recipe.nutrition![expandedNutrient], info.unit)}{info.unit}/serving\n \n

\n {breakdownLoading ? (\n

\n ) : (\n

\n {getIngredientContributions(expandedNutrient).map(({ ingredient, contribution, hasData }) => (\n

\n {ingredient.name}\n \n {contribution !== null ? `${formatNutrient(contribution, info.unit)}${info.unit}` : hasData ? '-' : 'N/A'}\n \n

\n ))}\n

\n )}\n

\n );\n };\n\n // Render a clickable nutrient card\n const renderNutrientCard = (key: NutrientKey, displayLabel?: string, small = false) => {\n const info = NUTRIENT_INFO[key];\n const value = recipe.nutrition![key];\n if (value === null) return null;\n \n const isExpanded = expandedNutrient === key;\n return (\n handleNutrientClick(key)}\n className={`${small ? 'p-1.5' : 'p-2'} rounded cursor-pointer transition-all hover:ring-1 hover:ring-blue-400`}\n style={{ \n background: isExpanded ? 'var(--accent)' : 'var(--bg-primary)', \n border: '1px solid var(--border-primary)'\n }}\n >\n

\n {formatNutrient(value, info.unit)}{info.unit === 'kcal' ? '' : info.unit}\n

\n {displayLabel || info.label}\n

\n \n );\n };\n\n const macroKeys = ['calories', 'protein', 'carbs', 'fat', 'fiber'] as const;\n const fatsKeys = ['saturatedFat', 'transFat', 'monounsaturatedFat', 'polyunsaturatedFat', 'cholesterol'] as const;\n const sugarsKeys = ['sugars', 'addedSugars', 'starch'] as const;\n const mineralsKeys = ['sodium', 'potassium', 'calcium', 'iron', 'magnesium', 'zinc', 'phosphorus', 'selenium', 'copper', 'manganese'] as const;\n const vitFatKeys = ['vitaminA', 'vitaminD', 'vitaminE', 'vitaminK', 'retinol'] as const;\n const vitWater1Keys = ['vitaminC', 'vitaminB6', 'vitaminB12', 'thiamin', 'riboflavin', 'niacin'] as const;\n const vitWater2Keys = ['pantothenicAcid', 'biotin', 'folate', 'folicAcid', 'choline', 'betaine'] as const;\n const carotenoidKeys = ['betaCarotene', 'alphaCarotene', 'lycopene', 'luteinZeaxanthin'] as const;\n const otherKeys = ['water', 'alcohol', 'caffeine'] as const;\n\n return (\n

Nutrition (per serving)

\n setShowMicronutrients(!showMicronutrients)}\n className=\"text-xs hover:underline\"\n style={{ color: 'var(--accent)' }}\n >\n {showMicronutrients ? 'Hide details' : 'Show vitamins & minerals'}\n \n

\n \n {/* Macros */}\n

\n {macroKeys.map(key => renderNutrientCard(key, key === 'calories' ? 'kcal' : key))}\n

\n {renderBreakdown(macroKeys)}\n \n {/* Micronutrients */}\n {showMicronutrients && (\n

\n {/* Fats Breakdown */}\n {fatsKeys.some(key => recipe.nutrition![key] !== null) && (\n

\n Fats Breakdown\n

\n {fatsKeys.map(key => {\n const info = NUTRIENT_INFO[key];\n const value = recipe.nutrition![key];\n if (value === null) return null;\n const isExpanded = expandedNutrient === key;\n return (\n handleNutrientClick(key)}\n className=\"p-1.5 rounded cursor-pointer transition-all hover:ring-1 hover:ring-blue-400\"\n style={{ background: isExpanded ? 'var(--accent)' : 'var(--bg-primary)', border: '1px solid var(--border-primary)' }}\n >\n

\n {formatNutrient(value, info.unit)}{info.unit}\n

{info.label.replace(' Fat', '')}

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

\n {renderBreakdown(fatsKeys)}\n

\n )}\n\n {/* Sugars */}\n {sugarsKeys.some(key => recipe.nutrition![key] !== null) && (\n

\n Sugars & Starch\n

\n {sugarsKeys.map(key => {\n const info = NUTRIENT_INFO[key];\n const value = recipe.nutrition![key];\n if (value === null) return null;\n const isExpanded = expandedNutrient === key;\n return (\n handleNutrientClick(key)}\n className=\"p-1.5 rounded cursor-pointer transition-all hover:ring-1 hover:ring-blue-400\"\n style={{ background: isExpanded ? 'var(--accent)' : 'var(--bg-primary)', border: '1px solid var(--border-primary)' }}\n >\n

\n {formatNutrient(value, info.unit)}{info.unit}\n

{info.label}

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

\n {renderBreakdown(sugarsKeys)}\n

\n )}\n\n {/* Minerals */}\n

\n Minerals\n

\n {mineralsKeys.map(key => {\n const info = NUTRIENT_INFO[key];\n const value = recipe.nutrition![key];\n if (value === null) return null;\n const isExpanded = expandedNutrient === key;\n return (\n handleNutrientClick(key)}\n className=\"p-1.5 rounded cursor-pointer transition-all hover:ring-1 hover:ring-blue-400\"\n style={{ background: isExpanded ? 'var(--accent)' : 'var(--bg-primary)', border: '1px solid var(--border-primary)' }}\n >\n

\n {formatNutrient(value, info.unit)}{info.unit}\n

{info.label}

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

\n {renderBreakdown(mineralsKeys)}\n

\n \n {/* Vitamins - Fat Soluble */}\n

\n Vitamins (Fat-Soluble)\n

\n {vitFatKeys.map(key => {\n const info = NUTRIENT_INFO[key];\n const value = recipe.nutrition![key];\n if (value === null) return null;\n const isExpanded = expandedNutrient === key;\n return (\n handleNutrientClick(key)}\n className=\"p-1.5 rounded cursor-pointer transition-all hover:ring-1 hover:ring-blue-400\"\n style={{ background: isExpanded ? 'var(--accent)' : 'var(--bg-primary)', border: '1px solid var(--border-primary)' }}\n >\n

\n {formatNutrient(value, info.unit)}{info.unit}\n

{info.label.replace('Vitamin ', 'Vit ')}

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

\n {renderBreakdown(vitFatKeys)}\n

\n\n {/* Vitamins - Water Soluble */}\n

\n Vitamins (Water-Soluble)\n

\n {vitWater1Keys.map(key => {\n const info = NUTRIENT_INFO[key];\n const value = recipe.nutrition![key];\n if (value === null) return null;\n const isExpanded = expandedNutrient === key;\n return (\n handleNutrientClick(key)}\n className=\"p-1.5 rounded cursor-pointer transition-all hover:ring-1 hover:ring-blue-400\"\n style={{ background: isExpanded ? 'var(--accent)' : 'var(--bg-primary)', border: '1px solid var(--border-primary)' }}\n >\n

\n {formatNutrient(value, info.unit)}{info.unit}\n

{info.label.replace('Vitamin ', 'Vit ').replace(' (B1)', '').replace(' (B2)', '').replace(' (B3)', '')}

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

\n {vitWater2Keys.map(key => {\n const info = NUTRIENT_INFO[key];\n const value = recipe.nutrition![key];\n if (value === null) return null;\n const isExpanded = expandedNutrient === key;\n return (\n handleNutrientClick(key)}\n className=\"p-1.5 rounded cursor-pointer transition-all hover:ring-1 hover:ring-blue-400\"\n style={{ background: isExpanded ? 'var(--accent)' : 'var(--bg-primary)', border: '1px solid var(--border-primary)' }}\n >\n

\n {formatNutrient(value, info.unit)}{info.unit}\n

{info.label.replace(' (B5)', '').replace(' (B7)', '')}

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

\n {renderBreakdown([...vitWater1Keys, ...vitWater2Keys])}\n

\n\n {/* Carotenoids */}\n {carotenoidKeys.some(key => recipe.nutrition![key] !== null) && (\n

\n Carotenoids\n

\n {carotenoidKeys.map(key => {\n const info = NUTRIENT_INFO[key];\n const value = recipe.nutrition![key];\n if (value === null) return null;\n const isExpanded = expandedNutrient === key;\n return (\n handleNutrientClick(key)}\n className=\"p-1.5 rounded cursor-pointer transition-all hover:ring-1 hover:ring-blue-400\"\n style={{ background: isExpanded ? 'var(--accent)' : 'var(--bg-primary)', border: '1px solid var(--border-primary)' }}\n >\n

\n {formatNutrient(value, info.unit)}{info.unit}\n

{info.label}

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

\n {renderBreakdown(carotenoidKeys)}\n

\n )}\n\n {/* Other */}\n {otherKeys.some(key => recipe.nutrition![key] !== null && recipe.nutrition![key]! > 0) && (\n

\n Other\n

\n {otherKeys.map(key => {\n const info = NUTRIENT_INFO[key];\n const value = recipe.nutrition![key];\n if (value === null || value === 0) return null;\n const isExpanded = expandedNutrient === key;\n return (\n handleNutrientClick(key)}\n className=\"p-1.5 rounded cursor-pointer transition-all hover:ring-1 hover:ring-blue-400\"\n style={{ background: isExpanded ? 'var(--accent)' : 'var(--bg-primary)', border: '1px solid var(--border-primary)' }}\n >\n

\n {formatNutrient(value, info.unit)}{info.unit}\n

{info.label}

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

\n {renderBreakdown(otherKeys)}\n

\n )}\n

\n );\n}\n\n",[],[135,170,261],"7d46564a-e78f-11f0-ac78-42dde27851f2","NotesInput.tsx","7d4656fe-e78f-11f0-ac78-42dde27851f2",187,["D",1767326391573],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\ninterface NotesInputProps {\n value: string | null;\n onChange: (value: string | null) => void;\n disabled?: boolean;\n className?: string;\n placeholder?: string;\n onKeyDown?: (e: React.KeyboardEvent) => void;\n}\n\nexport function NotesInput({\n value,\n onChange,\n disabled = false,\n className = '',\n placeholder = 'Notes (optional)',\n onKeyDown,\n}: NotesInputProps) {\n const handleChange = (e: React.ChangeEvent) => {\n const newValue = e.target.value;\n onChange(newValue || null);\n };\n\n return (\n \n );\n}\n\n",[],[135,170,269],"9a512911-04f5-4947-bc5d-3001150292cb","MealPlanView.tsx","b9076826-d3a9-11f0-8004-42dde27851f2",248,["D",1788041253004],31,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect, useCallback } from \"https://esm.sh/react@18.2.0\";\nimport type { Recipe, MealPlan, MealPlanEntry, NutritionGoals, DayOfWeek, MealType, DailyNutrition, CustomFood, FDCSearchResult, NutrientKey, FDCNutrition } from \"../../shared/types.ts\";\nimport { DAY_NAMES, MEAL_TYPES, MEAL_TYPE_LABELS, NUTRIENT_INFO, ALL_NUTRIENT_KEYS, createEmptyDailyNutrition, resolveCalories } from \"../../shared/types.ts\";\n\ntype AddMealTab = 'recipes' | 'custom-foods' | 'ingredients';\n\ninterface MealPlanViewProps {\n recipes: Recipe[];\n customFoods: CustomFood[];\n nutritionGoals: NutritionGoals | null;\n}\n\ninterface NutrientRowProps {\n nutrientKey: NutrientKey;\n value: number;\n goal?: number | null;\n hideIfZero?: boolean;\n}\n\nfunction NutrientRow({ nutrientKey, value, goal, hideIfZero }: NutrientRowProps) {\n const info = NUTRIENT_INFO[nutrientKey];\n\n // Skip if value is 0 and not a core macro\n const coreMacros = ['calories', 'protein', 'fat', 'carbs', 'fiber'];\n if (hideIfZero && value === 0 && !coreMacros.includes(nutrientKey)) return null;\n\n return (\n

\n {info.label}\n

\n \n {value < 1 && value > 0 ? value.toFixed(2) : Math.round(value)} {info.unit}\n \n {goal && (\n / {goal}\n )}\n

\n );\n}\n\ninterface NutrientSectionProps {\n title: string;\n keys: NutrientKey[];\n data: DailyNutrition;\n nutritionGoals?: NutritionGoals | null;\n hideEmpty?: boolean;\n}\n\nfunction NutrientSection({ title, keys, data, nutritionGoals, hideEmpty }: NutrientSectionProps) {\n const hasAnyData = keys.some(key => (data[key] ?? 0) > 0);\n if (hideEmpty && !hasAnyData && title !== 'Macronutrients') return null;\n\n return (\n

{title}

\n {keys.map(key => {\n let goal: number | null = null;\n if (nutritionGoals?.primaryGoalType === key) goal = nutritionGoals.primaryGoalValue;\n else if (nutritionGoals?.subGoal1Type === key) goal = nutritionGoals.subGoal1Value;\n else if (nutritionGoals?.subGoal2Type === key) goal = nutritionGoals.subGoal2Value;\n\n return (\n \n );\n })}\n

\n );\n}\n\nfunction calculateEntryNutrition(entry: MealPlanEntry): DailyNutrition {\n const result = createEmptyDailyNutrition();\n let sourceNutrition: FDCNutrition | null = null;\n let scale = 1;\n\n if (entry.recipe && entry.recipe.nutrition) {\n sourceNutrition = entry.recipe.nutrition;\n scale = entry.servings;\n } else if (entry.customFood) {\n sourceNutrition = entry.customFood;\n scale = (entry.amountGrams ?? entry.customFood.servingSizeGrams) / entry.customFood.servingSizeGrams;\n } else if (entry.fdcId && entry.fdcFood) {\n sourceNutrition = entry.fdcFood.nutrition;\n scale = (entry.amountGrams ?? 100) / 100;\n }\n\n if (sourceNutrition) {\n (Object.keys(NUTRIENT_INFO) as NutrientKey[]).forEach(key => {\n const val = sourceNutrition![key as keyof FDCNutrition];\n if (typeof val === 'number') {\n result[key as keyof DailyNutrition] = val * scale;\n }\n });\n }\n\n // Keep calories consistent with macros when the source lacked an energy value.\n result.calories = resolveCalories(result);\n\n return result;\n}\n\nconst ItemDetailModal = ({\n entry,\n nutritionGoals,\n onClose,\n onRemove,\n onDuplicate\n}: {\n entry: MealPlanEntry;\n nutritionGoals: NutritionGoals | null;\n onClose: () => void;\n onRemove: (id: string) => Promise;\n onDuplicate: (entry: MealPlanEntry, days: DayOfWeek[]) => Promise;\n}) => {\n const [showNutrition, setShowNutrition] = useState(false);\n const [showDuplicate, setShowDuplicate] = useState(false);\n const [duplicateDays, setDuplicateDays] = useState([]);\n const [isRemoving, setIsRemoving] = useState(false);\n const [isDuplicating, setIsDuplicating] = useState(false);\n\n const entryNutrition = calculateEntryNutrition(entry);\n\n let name = 'Unknown';\n if (entry.recipeId && entry.recipe) name = entry.recipe.title;\n else if (entry.customFoodId && entry.customFood) name = entry.customFood.name;\n else if (entry.fdcId && entry.fdcFood) name = entry.fdcFood.description;\n\n const handleRemove = async () => {\n setIsRemoving(true);\n await onRemove(entry.id);\n onClose();\n };\n\n const handleDuplicate = async () => {\n if (duplicateDays.length === 0) return;\n setIsDuplicating(true);\n await onDuplicate(entry, duplicateDays);\n onClose();\n };\n\n return (\n

e.stopPropagation()}>\n

{name}

\n {MEAL_TYPE_LABELS[entry.mealType]} • {DAY_NAMES[entry.dayOfWeek]}\n

\n \n

\n\n {!showNutrition && !showDuplicate ? (\n

\n setShowNutrition(true)}\n className=\"w-full flex items-center gap-3 p-4 rounded-xl hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors border border-transparent hover:border-gray-100 dark:hover:border-gray-700\"\n >\n

\n \n

View Nutrition

{Math.round(entryNutrition.calories)} kcal • {Math.round(entryNutrition.protein)}g protein

\n \n\n setShowDuplicate(true)}\n className=\"w-full flex items-center gap-3 p-4 rounded-xl hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors border border-transparent hover:border-gray-100 dark:hover:border-gray-700\"\n >\n

\n \n

Duplicate

Add to other days of the week

\n \n\n \n

\n {isRemoving ? (\n \n ) : (\n \n )}\n

Delete

\n \n

\n ) : showNutrition ? (\n

\n setShowNutrition(false)}\n className=\"text-xs font-medium flex items-center gap-1 hover:underline\"\n style={{ color: 'var(--accent)' }}\n >\n ← Back to Options\n \n

\n \n \n \n

\n ) : (\n

\n setShowDuplicate(false)}\n className=\"text-xs font-medium flex items-center gap-1 hover:underline mb-2\"\n style={{ color: 'var(--accent)' }}\n >\n ← Back to Options\n \n

\n Select days to add this to:\n

\n {DAY_NAMES.map((day, i) => (\n {\n if (duplicateDays.includes(i as DayOfWeek)) {\n setDuplicateDays(duplicateDays.filter(d => d !== i));\n } else {\n setDuplicateDays([...duplicateDays, i as DayOfWeek]);\n }\n }}\n className=\"px-3 py-2 rounded-lg text-sm font-medium transition-all border\"\n style={duplicateDays.includes(i as DayOfWeek)\n ? { background: 'var(--accent)', color: 'white', borderColor: 'var(--accent)' }\n : { background: 'var(--bg-tertiary)', color: 'var(--text-secondary)', borderColor: 'transparent' }}\n >\n {day.slice(0, 3)}\n \n ))}\n

\n \n {isDuplicating ? (\n \n ) : null}\n {isDuplicating ? 'Duplicating...' : `Add to ${duplicateDays.length} day${duplicateDays.length === 1 ? '' : 's'}`}\n \n

\n )}\n

\n );\n};\n\nconst AllNutrientsView = ({\n displayData,\n displayLabel,\n nutritionGoals,\n onClose\n}: {\n displayData: DailyNutrition;\n displayLabel: string;\n nutritionGoals?: NutritionGoals | null;\n onClose: () => void;\n}) => {\n // Define comprehensive nutrient groups\n const macroKeys: NutrientKey[] = ['calories', 'protein', 'fat', 'carbs', 'fiber', 'sugars', 'addedSugars', 'starch'];\n const fatsKeys: NutrientKey[] = ['saturatedFat', 'transFat', 'monounsaturatedFat', 'polyunsaturatedFat', 'cholesterol'];\n const otherKeys: NutrientKey[] = ['water', 'alcohol', 'caffeine'];\n const mineralKeys: NutrientKey[] = ['sodium', 'potassium', 'calcium', 'iron', 'magnesium', 'zinc', 'phosphorus', 'selenium', 'copper', 'manganese', 'fluoride', 'chromium', 'molybdenum', 'iodine', 'chloride'];\n const vitaminFatSolubleKeys: NutrientKey[] = ['vitaminA', 'retinol', 'vitaminD', 'vitaminD2', 'vitaminD3', 'vitaminE', 'vitaminK', 'vitaminK2'];\n const carotenoidKeys: NutrientKey[] = ['betaCarotene', 'alphaCarotene', 'betaCryptoxanthin', 'lycopene', 'luteinZeaxanthin'];\n const vitaminWaterSolubleKeys: NutrientKey[] = ['vitaminC', 'vitaminB6', 'vitaminB12', 'thiamin', 'riboflavin', 'niacin', 'pantothenicAcid', 'biotin', 'folate', 'folicAcid', 'choline', 'betaine'];\n\n return (\n

e.stopPropagation()}>\n

{displayLabel}

\n \n \n \n

\n\n

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

\n\n

\n \n

\n );\n};\n\ninterface WeeklyNutritionData {\n daily: Record;\n weeklyAverage: DailyNutrition;\n goals: NutritionGoals | null;\n}\n\n// Weekly nutrition totals, computed on the client from the meal plan entries we\n// already have. Mirrors the math in backend/routes/nutrition.ts (`/weekly`) so the\n// Meal Plan view needs only one request per week instead of also round-tripping to\n// that endpoint (which re-ran the same meal-plan hydration on the server).\nfunction computeWeeklyNutrition(plan: MealPlan | null, goals: NutritionGoals | null): WeeklyNutritionData {\n const daily: Record = {};\n for (let day = 0; day < 7; day++) daily[day] = createEmptyDailyNutrition();\n\n for (const entry of plan?.entries ?? []) {\n const entryNutrition = calculateEntryNutrition(entry);\n const target = daily[entry.dayOfWeek];\n for (const key of ALL_NUTRIENT_KEYS) {\n target[key] += entryNutrition[key] ?? 0;\n }\n }\n for (let day = 0; day < 7; day++) {\n daily[day].calories = resolveCalories(daily[day]);\n }\n\n const weeklyAverage = createEmptyDailyNutrition();\n let daysWithMeals = 0;\n for (let day = 0; day < 7; day++) {\n const d = daily[day];\n if (ALL_NUTRIENT_KEYS.some(key => d[key] > 0)) {\n daysWithMeals++;\n for (const key of ALL_NUTRIENT_KEYS) weeklyAverage[key] += d[key];\n }\n }\n if (daysWithMeals > 0) {\n for (const key of ALL_NUTRIENT_KEYS) weeklyAverage[key] /= daysWithMeals;\n }\n weeklyAverage.calories = resolveCalories(weeklyAverage);\n\n return { daily, weeklyAverage, goals };\n}\n\nfunction getWeekStartDate(date: Date): string {\n const d = new Date(date);\n const day = d.getDay();\n d.setDate(d.getDate() - day);\n d.setHours(0, 0, 0, 0);\n return d.toISOString().split('T')[0];\n}\n\nfunction formatDate(dateStr: string, dayOffset: number): string {\n const date = new Date(dateStr);\n date.setDate(date.getDate() + dayOffset);\n return date.toLocaleDateString('en-US', { month: 'short', day: 'numeric' });\n}\n\nexport function MealPlanView({ recipes, customFoods, nutritionGoals }: MealPlanViewProps) {\n const [currentWeek, setCurrentWeek] = useState(() => getWeekStartDate(new Date()));\n const [mealPlan, setMealPlan] = useState(null);\n const [nutritionData, setNutritionData] = useState(null);\n const [loading, setLoading] = useState(true);\n const [showAddMeal, setShowAddMeal] = useState<{ day: DayOfWeek; mealType: MealType } | null>(null);\n const [addMealTab, setAddMealTab] = useState('recipes');\n const [showSchedule, setShowSchedule] = useState(false);\n const [scheduleRecipe, setScheduleRecipe] = useState('');\n const [scheduleCustomFood, setScheduleCustomFood] = useState('');\n const [scheduleFdcId, setScheduleFdcId] = useState(null);\n const [scheduleTab, setScheduleTab] = useState('recipes');\n const [scheduleMealType, setScheduleMealType] = useState('breakfast');\n const [scheduleDays, setScheduleDays] = useState([]);\n const [scheduleAmountGrams, setScheduleAmountGrams] = useState('');\n\n // FDC search state for ingredients tab\n const [fdcSearchQuery, setFdcSearchQuery] = useState('');\n const [fdcSearchResults, setFdcSearchResults] = useState([]);\n const [fdcSearchLoading, setFdcSearchLoading] = useState(false);\n const [selectedFdcId, setSelectedFdcId] = useState(null);\n const [fdcAmountGrams, setFdcAmountGrams] = useState('100');\n const [customFoodAmountGrams, setCustomFoodAmountGrams] = useState('');\n\n // Day selection state: null = weekly average, 0-6 = specific day\n const [selectedDay, setSelectedDay] = useState(null);\n const [showAllNutrients, setShowAllNutrients] = useState(false);\n\n // Loading states to prevent duplicate submissions\n const [addingRecipe, setAddingRecipe] = useState(false);\n const [addingCustomFood, setAddingCustomFood] = useState(false);\n const [addingFdcIngredient, setAddingFdcIngredient] = useState(false);\n const [schedulingMeals, setSchedulingMeals] = useState(false);\n const [removingMealId, setRemovingMealId] = useState(null);\n const [selectedEntry, setSelectedEntry] = useState(null);\n\n const fetchMealPlan = useCallback(async () => {\n setLoading(true);\n try {\n const res = await fetch(`/api/meal-plans?weekStartDate=${currentWeek}`);\n const planData = await res.json();\n\n if (planData.success) {\n setMealPlan(planData.data);\n setNutritionData(computeWeeklyNutrition(planData.data, nutritionGoals));\n }\n } catch (err) {\n console.error('Failed to fetch meal plan:', err);\n } finally {\n setLoading(false);\n }\n }, [currentWeek, nutritionGoals]);\n\n useEffect(() => {\n fetchMealPlan();\n }, [fetchMealPlan]);\n\n const navigateWeek = (direction: number) => {\n // Parse the date string explicitly to avoid timezone issues\n const [year, month, day] = currentWeek.split('-').map(Number);\n const date = new Date(year, month - 1, day);\n date.setDate(date.getDate() + (direction * 7));\n setCurrentWeek(getWeekStartDate(date));\n };\n\n const goToCurrentWeek = () => {\n setCurrentWeek(getWeekStartDate(new Date()));\n };\n\n const handleAddRecipe = async (recipeId: string) => {\n if (!showAddMeal || addingRecipe) return;\n\n setAddingRecipe(true);\n try {\n const response = await fetch('/api/meal-plans/entries', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({\n weekStartDate: currentWeek,\n dayOfWeek: showAddMeal.day,\n mealType: showAddMeal.mealType,\n recipeId,\n servings: 1,\n }),\n });\n\n if (response.ok) {\n await fetchMealPlan();\n setShowAddMeal(null);\n }\n } finally {\n setAddingRecipe(false);\n }\n };\n\n const handleAddCustomFood = async (customFoodId: string, food: CustomFood) => {\n if (!showAddMeal || addingCustomFood) return;\n\n setAddingCustomFood(true);\n try {\n const amountGrams = customFoodAmountGrams ? parseFloat(customFoodAmountGrams) : food.servingSizeGrams;\n\n const response = await fetch('/api/meal-plans/entries', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({\n weekStartDate: currentWeek,\n dayOfWeek: showAddMeal.day,\n mealType: showAddMeal.mealType,\n customFoodId,\n amountGrams,\n }),\n });\n\n if (response.ok) {\n await fetchMealPlan();\n setShowAddMeal(null);\n setCustomFoodAmountGrams('');\n }\n } finally {\n setAddingCustomFood(false);\n }\n };\n\n const handleAddFdcIngredient = async () => {\n if (!showAddMeal || !selectedFdcId || addingFdcIngredient) return;\n\n setAddingFdcIngredient(true);\n try {\n const amountGrams = parseFloat(fdcAmountGrams) || 100;\n\n const response = await fetch('/api/meal-plans/entries', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({\n weekStartDate: currentWeek,\n dayOfWeek: showAddMeal.day,\n mealType: showAddMeal.mealType,\n fdcId: selectedFdcId,\n amountGrams,\n }),\n });\n\n if (response.ok) {\n await fetchMealPlan();\n setShowAddMeal(null);\n setSelectedFdcId(null);\n setFdcSearchQuery('');\n setFdcSearchResults([]);\n setFdcAmountGrams('100');\n }\n } finally {\n setAddingFdcIngredient(false);\n }\n };\n\n const handleFdcSearch = async () => {\n if (!fdcSearchQuery.trim()) return;\n\n setFdcSearchLoading(true);\n try {\n const response = await fetch(`/api/fdc/search?query=${encodeURIComponent(fdcSearchQuery)}`);\n const data = await response.json();\n if (data.success) {\n setFdcSearchResults(data.data);\n }\n } catch (err) {\n console.error('FDC search failed:', err);\n } finally {\n setFdcSearchLoading(false);\n }\n };\n\n const handleRemoveMeal = async (entryId: string) => {\n if (removingMealId) return;\n\n setRemovingMealId(entryId);\n try {\n const response = await fetch(`/api/meal-plans/entries/${entryId}`, {\n method: 'DELETE',\n });\n\n if (response.ok) {\n await fetchMealPlan();\n }\n } finally {\n setRemovingMealId(null);\n }\n };\n\n const handleDuplicateEntry = async (entry: MealPlanEntry, days: DayOfWeek[]) => {\n setSchedulingMeals(true);\n try {\n const response = await fetch('/api/meal-plans/schedule', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({\n weekStartDate: currentWeek,\n mealType: entry.mealType,\n days,\n recipeId: entry.recipeId,\n customFoodId: entry.customFoodId,\n fdcId: entry.fdcId,\n servings: entry.servings,\n amountGrams: entry.amountGrams,\n }),\n });\n\n if (response.ok) {\n await fetchMealPlan();\n }\n } finally {\n setSchedulingMeals(false);\n }\n };\n\n const handleScheduleMeals = async () => {\n if (schedulingMeals) return;\n\n let payload: any = {\n weekStartDate: currentWeek,\n mealType: scheduleMealType,\n days: scheduleDays,\n servings: 1,\n };\n\n if (scheduleTab === 'recipes') {\n if (!scheduleRecipe || scheduleDays.length === 0) return;\n payload.recipeId = scheduleRecipe;\n } else if (scheduleTab === 'custom-foods') {\n if (!scheduleCustomFood || scheduleDays.length === 0) return;\n payload.customFoodId = scheduleCustomFood;\n payload.amountGrams = parseFloat(scheduleAmountGrams) || 0;\n } else if (scheduleTab === 'ingredients') {\n if (!selectedFdcId || scheduleDays.length === 0) return;\n payload.fdcId = selectedFdcId;\n payload.amountGrams = parseFloat(fdcAmountGrams) || 100;\n }\n\n setSchedulingMeals(true);\n try {\n const response = await fetch('/api/meal-plans/schedule', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(payload),\n });\n\n if (response.ok) {\n await fetchMealPlan();\n setShowSchedule(false);\n setScheduleRecipe('');\n setScheduleCustomFood('');\n setScheduleFdcId(null);\n setScheduleDays([]);\n setScheduleAmountGrams('');\n // Reset generic search state too\n setSelectedFdcId(null);\n setFdcSearchQuery('');\n setFdcSearchResults([]);\n setFdcAmountGrams('100');\n }\n } finally {\n setSchedulingMeals(false);\n }\n };\n\n const getEntriesForCell = (day: DayOfWeek, mealType: MealType): MealPlanEntry[] => {\n if (!mealPlan?.entries) return [];\n return mealPlan.entries.filter(e => e.dayOfWeek === day && e.mealType === mealType);\n };\n\n const getNutritionProgress = (value: number, goal: number): { percent: number; status: 'success' | 'warning' | 'primary' } => {\n const percent = Math.min((value / goal) * 100, 100);\n if (percent >= 90 && percent <= 110) return { percent, status: 'success' };\n if (percent > 110) return { percent: 100, status: 'warning' };\n return { percent, status: 'primary' };\n };\n\n if (loading) {\n return (\n

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

\n {/* Header */}\n

\n navigateWeek(-1)}\n className=\"p-1.5 rounded-lg transition-colors\"\n style={{ color: 'var(--text-secondary)' }}\n >\n \n \n

\n Week of {formatDate(currentWeek, 0)}\n

\n {formatDate(currentWeek, 0)} - {formatDate(currentWeek, 6)}\n

\n navigateWeek(1)}\n className=\"p-1.5 rounded-lg transition-colors\"\n style={{ color: 'var(--text-secondary)' }}\n >\n \n \n

\n\n

\n \n \n

\n\n {/* Nutrition summary - Weekly average or selected day */}\n {nutritionData && nutritionGoals && (() => {\n // Get nutrition data based on selection\n const displayData = selectedDay !== null\n ? nutritionData.daily[selectedDay]\n : nutritionData.weeklyAverage;\n const displayLabel = selectedDay !== null\n ? `${DAY_NAMES[selectedDay]}'s Nutrition`\n : 'Weekly Average';\n\n // Define all macronutrients\n const allMacros = [\n { key: 'calories', label: 'Calories', unit: 'kcal' },\n { key: 'protein', label: 'Protein', unit: 'g' },\n { key: 'carbs', label: 'Carbs', unit: 'g' },\n { key: 'fat', label: 'Fat', unit: 'g' },\n { key: 'fiber', label: 'Fiber', unit: 'g' },\n ];\n\n // Sort macros: ones with goals first, then others\n const sortedMacros = allMacros.sort((a, b) => {\n const aHasGoal =\n nutritionGoals.primaryGoalType === a.key ||\n nutritionGoals.subGoal1Type === a.key ||\n nutritionGoals.subGoal2Type === a.key;\n const bHasGoal =\n nutritionGoals.primaryGoalType === b.key ||\n nutritionGoals.subGoal1Type === b.key ||\n nutritionGoals.subGoal2Type === b.key;\n\n if (aHasGoal && !bHasGoal) return -1;\n if (!aHasGoal && bHasGoal) return 1;\n\n // If both have goals, prioritize by goal order (primary > sub1 > sub2)\n if (aHasGoal && bHasGoal) {\n const aPriority =\n nutritionGoals.primaryGoalType === a.key ? 1 :\n nutritionGoals.subGoal1Type === a.key ? 2 :\n nutritionGoals.subGoal2Type === a.key ? 3 : 99;\n const bPriority =\n nutritionGoals.primaryGoalType === b.key ? 1 :\n nutritionGoals.subGoal1Type === b.key ? 2 :\n nutritionGoals.subGoal2Type === b.key ? 3 : 99;\n return aPriority - bPriority;\n }\n\n return 0;\n });\n\n return (\n

{displayLabel}

\n setShowAllNutrients(true)}\n className=\"text-xs font-medium hover:underline\"\n style={{ color: 'var(--accent)' }}\n >\n View All Nutrients →\n \n

\n {sortedMacros.map(({ key, label, unit }) => {\n const value = displayData[key as keyof DailyNutrition];\n let goal: number | null = null;\n\n if (nutritionGoals.primaryGoalType === key) goal = nutritionGoals.primaryGoalValue;\n else if (nutritionGoals.subGoal1Type === key) goal = nutritionGoals.subGoal1Value;\n else if (nutritionGoals.subGoal2Type === key) goal = nutritionGoals.subGoal2Value;\n\n return (\n

\n {Math.round(value)}\n {unit}\n

{label}

\n {goal && (\n

\n \n

\n )}\n

\n );\n })}\n

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

\n\n {/* Calendar grid */}\n

\n {/* Day headers - clickable to view day nutrition */}\n

{/* Label column spacer */}\n {DAY_NAMES.map((day, i) => {\n const isSelected = selectedDay === i;\n return (\n setSelectedDay(isSelected ? null : i as DayOfWeek)}\n className=\"text-center p-1.5 rounded-lg transition-all cursor-pointer\"\n style={{\n background: isSelected ? 'rgba(59, 130, 246, 0.12)' : 'transparent',\n opacity: selectedDay !== null && !isSelected ? 0.4 : 1,\n border: 'none',\n marginBottom: '0',\n }}\n >\n

{day}

{formatDate(currentWeek, i)}

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

\n\n {/* Meal rows */}\n

\n {MEAL_TYPES.map((mealType, mealIdx) => (\n

\n {MEAL_TYPE_LABELS[mealType]}\n

\n {[0, 1, 2, 3, 4, 5, 6].map((day) => {\n const entries = getEntriesForCell(day as DayOfWeek, mealType);\n const isSelected = selectedDay === day;\n const isFirstRow = mealIdx === 0;\n const isLastRow = mealIdx === MEAL_TYPES.length - 1;\n \n return (\n \n {entries.length > 0 ? (\n

\n {entries.map((entry) => {\n let name = 'Unknown';\n if (entry.recipeId && entry.recipe) name = entry.recipe.title;\n else if (entry.customFoodId && entry.customFood) name = entry.customFood.name;\n else if (entry.fdcId && entry.fdcFood) name = entry.fdcFood.description;\n\n return (\n setSelectedEntry(entry)}\n className=\"w-full text-left text-sm p-1.5 rounded hover:bg-white dark:hover:bg-gray-700 shadow-sm border border-transparent hover:border-gray-200 dark:hover:border-gray-600 transition-all\"\n style={{ background: 'var(--bg-secondary)' }}\n >\n

\n {name}\n

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

\n ) : (\n setShowAddMeal({ day: day as DayOfWeek, mealType })}\n className=\"w-full h-full min-h-[40px] flex items-center justify-center text-gray-300 hover:text-gray-500 transition-colors opacity-0 group-hover:opacity-100\"\n >\n \n \n )}\n\n {/* Add more button when has entries */}\n {entries.length > 0 && (\n setShowAddMeal({ day: day as DayOfWeek, mealType })}\n className=\"absolute bottom-1 right-1 p-0.5 rounded text-gray-300 hover:text-gray-500 opacity-0 group-hover:opacity-100 transition-all\"\n >\n \n \n )}\n

\n );\n })}\n

\n ))}\n

\n\n {/* Add meal modal - with tabs for recipes, custom foods, and ingredients */}\n {showAddMeal && (\n

setShowAddMeal(null)}>\n

e.stopPropagation()}>\n

\n Add {MEAL_TYPE_LABELS[showAddMeal.mealType]} - {DAY_NAMES[showAddMeal.day]}\n

\n\n {/* Tabs */}\n

\n setAddMealTab('recipes')}\n className=\"pb-2 px-3 text-sm font-medium border-b-2 transition-colors\"\n style={addMealTab === 'recipes' \n ? { borderColor: 'var(--accent)', color: 'var(--accent)' } \n : { borderColor: 'transparent', color: 'var(--text-secondary)' }}\n >\n Recipes\n \n setAddMealTab('custom-foods')}\n className=\"pb-2 px-3 text-sm font-medium border-b-2 transition-colors\"\n style={addMealTab === 'custom-foods' \n ? { borderColor: 'var(--accent)', color: 'var(--accent)' } \n : { borderColor: 'transparent', color: 'var(--text-secondary)' }}\n >\n Custom Foods\n \n setAddMealTab('ingredients')}\n className=\"pb-2 px-3 text-sm font-medium border-b-2 transition-colors\"\n style={addMealTab === 'ingredients' \n ? { borderColor: 'var(--accent)', color: 'var(--accent)' } \n : { borderColor: 'transparent', color: 'var(--text-secondary)' }}\n >\n USDA Foods\n \n

\n\n

\n {/* Recipes Tab */}\n {addMealTab === 'recipes' && (\n <>\n {recipes.length === 0 ? (\n

\n No recipes yet. Create a recipe first.\n

\n ) : (\n

\n {recipes.map((recipe) => (\n handleAddRecipe(recipe.id)}\n disabled={addingRecipe}\n className=\"w-full p-3 text-left rounded-lg transition-colors flex items-center justify-between disabled:opacity-50 disabled:cursor-not-allowed\"\n style={{ background: 'transparent' }}\n >\n

{recipe.title}

\n {recipe.nutrition?.calories && (\n

\n {Math.round(recipe.nutrition.calories)} kcal per serving\n

\n )}\n

\n \n \n ))}\n

\n )}\n \n )}\n\n {/* Custom Foods Tab */}\n {addMealTab === 'custom-foods' && (\n <>\n {customFoods.length === 0 ? (\n

\n No custom foods yet. Create one in the Recipes tab.\n

\n ) : (\n

\n {customFoods.map((food) => (\n

\n {food.name}\n Custom\n

\n {food.calories && (\n

\n {Math.round(food.calories)} kcal per {food.servingSizeGrams}g\n

\n )}\n

\n setCustomFoodAmountGrams(e.target.value)}\n className=\"input w-24 text-sm py-1\"\n min=\"1\"\n />\n grams\n handleAddCustomFood(food.id, food)}\n disabled={addingCustomFood}\n className=\"btn-primary text-sm py-1 px-3 ml-auto disabled:opacity-50 disabled:cursor-not-allowed\"\n >\n {addingCustomFood ? 'Adding...' : 'Add'}\n \n

\n ))}\n

\n )}\n \n )}\n\n {/* USDA Foods/Ingredients Tab */}\n {addMealTab === 'ingredients' && (\n

\n {/* Search */}\n

\n setFdcSearchQuery(e.target.value)}\n className=\"input flex-1\"\n onKeyDown={(e) => e.key === 'Enter' && handleFdcSearch()}\n />\n \n {fdcSearchLoading ? '...' : 'Search'}\n \n

\n\n {/* Search results */}\n {fdcSearchResults.length > 0 && (\n

\n {fdcSearchResults.map((result) => (\n setSelectedFdcId(result.fdcId)}\n className=\"w-full p-2 text-left rounded-lg transition-colors\"\n style={selectedFdcId === result.fdcId\n ? { border: '1px solid var(--accent)', background: 'var(--bg-tertiary)' }\n : { border: '1px solid var(--border-primary)' }}\n >\n

{result.description}

\n \n {result.dataType === 'Branded' ? 'Branded' : 'USDA'}\n \n {result.brandOwner && {result.brandOwner}}\n

\n \n ))}\n

\n )}\n\n {/* Amount and Add button */}\n {selectedFdcId && (\n

\n Amount:\n setFdcAmountGrams(e.target.value)}\n className=\"input w-24 text-sm py-1\"\n min=\"1\"\n />\n grams\n \n {addingFdcIngredient ? 'Adding...' : 'Add to Meal'}\n \n

\n )}\n

\n\n

\n \n

\n )}\n\n {/* Schedule meals modal */}\n {showSchedule && (\n

setShowSchedule(false)}>\n

e.stopPropagation()}>\n

Schedule Meals

Add items to multiple days at once

\n\n {/* Tabs */}\n

\n setScheduleTab('recipes')}\n className=\"pb-2 px-3 text-sm font-medium border-b-2 transition-colors\"\n style={scheduleTab === 'recipes' \n ? { borderColor: 'var(--accent)', color: 'var(--accent)' } \n : { borderColor: 'transparent', color: 'var(--text-secondary)' }}\n >\n Recipes\n \n setScheduleTab('custom-foods')}\n className=\"pb-2 px-3 text-sm font-medium border-b-2 transition-colors\"\n style={scheduleTab === 'custom-foods' \n ? { borderColor: 'var(--accent)', color: 'var(--accent)' } \n : { borderColor: 'transparent', color: 'var(--text-secondary)' }}\n >\n Custom Foods\n \n setScheduleTab('ingredients')}\n className=\"pb-2 px-3 text-sm font-medium border-b-2 transition-colors\"\n style={scheduleTab === 'ingredients' \n ? { borderColor: 'var(--accent)', color: 'var(--accent)' } \n : { borderColor: 'transparent', color: 'var(--text-secondary)' }}\n >\n USDA Foods\n \n

\n\n

\n {/* Content based on tab */}\n {scheduleTab === 'recipes' && (\n

\n Recipe\n setScheduleRecipe(e.target.value)}\n className=\"input\"\n >\n \n {recipes.map((recipe) => (\n \n ))}\n \n

\n )}\n\n {scheduleTab === 'custom-foods' && (\n

\n Custom Food\n {\n setScheduleCustomFood(e.target.value);\n const food = customFoods.find(f => f.id === e.target.value);\n if (food) setScheduleAmountGrams(food.servingSizeGrams.toString());\n }}\n className=\"input\"\n >\n \n {customFoods.map((food) => (\n \n ))}\n \n

\n {scheduleCustomFood && (\n

\n Amount:\n setScheduleAmountGrams(e.target.value)}\n className=\"input w-24 text-sm\"\n min=\"1\"\n />\n grams\n

\n )}\n

\n )}\n\n {scheduleTab === 'ingredients' && (\n

\n setFdcSearchQuery(e.target.value)}\n className=\"input flex-1\"\n onKeyDown={(e) => e.key === 'Enter' && handleFdcSearch()}\n />\n \n {fdcSearchLoading ? '...' : 'Search'}\n \n

\n\n {fdcSearchResults.length > 0 && (\n

{result.description}

{result.brandOwner || result.dataType}

\n \n ))}\n

\n )}\n\n {selectedFdcId && (\n

\n Amount:\n setFdcAmountGrams(e.target.value)}\n className=\"input w-24 text-sm\"\n min=\"1\"\n />\n grams\n

\n )}\n

\n )}\n\n

\n\n {/* Meal type */}\n

\n Meal Type\n setScheduleMealType(e.target.value as MealType)}\n className=\"input\"\n >\n {MEAL_TYPES.map((type) => (\n \n ))}\n \n

\n\n {/* Days selection */}\n

\n Days\n

\n {DAY_NAMES.map((day, i) => (\n {\n if (scheduleDays.includes(i as DayOfWeek)) {\n setScheduleDays(scheduleDays.filter(d => d !== i));\n } else {\n setScheduleDays([...scheduleDays, i as DayOfWeek]);\n }\n }}\n className=\"px-3 py-1.5 rounded-lg text-sm font-medium transition-colors\"\n style={scheduleDays.includes(i as DayOfWeek) \n ? { background: 'var(--accent)', color: 'white' } \n : { background: 'var(--bg-tertiary)', color: 'var(--text-secondary)' }}\n >\n {day.slice(0, 3)}\n \n ))}\n

\n setScheduleDays([0, 1, 2, 3, 4, 5, 6])}\n className=\"text-xs mt-2 hover:underline\"\n style={{ color: 'var(--accent)' }}\n >\n Select all (repeat daily)\n \n

\n {\n setShowSchedule(false);\n setScheduleRecipe('');\n setScheduleCustomFood('');\n setSelectedFdcId(null);\n setFdcSearchQuery('');\n setFdcSearchResults([]);\n }}\n className=\"btn-secondary flex-1\"\n >\n Cancel\n \n \n {schedulingMeals ? 'Scheduling...' : 'Schedule'}\n \n

\n )}\n\n {/* View All Nutrients Modal */}\n {showAllNutrients && nutritionData && (() => {\n const displayData = selectedDay !== null\n ? nutritionData.daily[selectedDay]\n : nutritionData.weeklyAverage;\n const displayLabel = selectedDay !== null\n ? `${DAY_NAMES[selectedDay]} - All Nutrients`\n : 'Weekly Average - All Nutrients';\n\n return (\n setShowAllNutrients(false)}\n />\n );\n })()}\n\n {/* Item Detail Modal */}\n {selectedEntry && (\n setSelectedEntry(null)}\n onRemove={handleRemoveMeal}\n onDuplicate={handleDuplicateEntry}\n />\n )}\n \n );\n}\n\n\n",[],[135,170,277],"92d35c16-e793-11f0-8afb-42dde27851f2","Login.tsx","b9001dfa-d3a9-11f0-a755-42dde27851f2",199,["D",1767328145790],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { useTheme, SunIcon, MoonIcon } from \"./ThemeContext.tsx\";\n\nexport function Login() {\n const { resolvedTheme, toggleTheme } = useTheme();\n \n return (\n

\n {/* Theme toggle in corner */}\n \n {resolvedTheme === 'dark' ? (\n \n ) : (\n \n )}\n \n\n

\n {/* Logo and branding */}\n

\n \n

Carmy

Recipe Saver, Meal Planning & Nutrition

\n \n {/* Login card */}\n

Welcome back

\n \n \n \n Continue with Google\n \n \n

\n By signing in, you agree to our terms of service\n

\n \n {/* Features preview */}\n

\n 📖\n

Save Recipes

\n 🛒\n

Grocery Lists

\n 📅\n

Meal Planning

\n 💪\n

Track Nutrition

\n );\n}\n",[],[135,170,286],"7d3b31fc-e78f-11f0-a0ac-42dde27851f2","ItemNameInput.tsx","7d3b32ce-e78f-11f0-a0ac-42dde27851f2",185,["D",1767326391572],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\ninterface ItemNameInputProps {\n value: string;\n onChange: (value: string) => void;\n disabled?: boolean;\n className?: string;\n placeholder?: string;\n onKeyDown?: (e: React.KeyboardEvent) => void;\n autoFocus?: boolean;\n}\n\nexport function ItemNameInput({\n value,\n onChange,\n disabled = false,\n className = '',\n placeholder = 'Item name',\n onKeyDown,\n autoFocus = false,\n}: ItemNameInputProps) {\n return (\n onChange(e.target.value)}\n onKeyDown={onKeyDown}\n placeholder={placeholder}\n disabled={disabled}\n autoFocus={autoFocus}\n className={`\n px-2 py-1.5 text-sm border rounded-md\n ${disabled ? 'bg-gray-100 cursor-not-allowed' : 'bg-white'}\n border-gray-300 focus:border-blue-500 focus:ring-1 focus:ring-blue-500\n focus:outline-none transition-colors\n ${className}\n `}\n />\n );\n}\n\n",[],[135,170,294],"11a778a8-eeae-11f0-a362-42dde27851f2","IngredientNutritionModal.tsx","11a77998-eeae-11f0-a362-42dde27851f2",234,["D",1768109183318],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport type { RecipeIngredient, FDCFood } from \"../../shared/types.ts\";\nimport { NUTRIENT_INFO } from \"../../shared/types.ts\";\n\ninterface IngredientNutritionModalProps {\n ingredient: RecipeIngredient;\n recipeServingSize: number;\n onClose: () => void;\n}\n\n// Format nutrient value with appropriate precision\nfunction formatNutrient(value: number | null, unit: string): string {\n if (value === null) return '-';\n if (unit === 'mcg') return value.toFixed(1);\n if (unit === 'mg' && value < 1) return value.toFixed(2);\n return Math.round(value).toString();\n}\n\nexport function IngredientNutritionModal({ \n ingredient, \n recipeServingSize, \n onClose \n}: IngredientNutritionModalProps) {\n const [nutrition, setNutrition] = useState(null);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n const [showMicronutrients, setShowMicronutrients] = useState(false);\n\n // Fetch nutrition data on mount\n React.useEffect(() => {\n if (!ingredient.fdcId) {\n setError('No FDC data linked');\n setLoading(false);\n return;\n }\n\n const fetchNutrition = async () => {\n try {\n const response = await fetch(`/api/fdc/food/${ingredient.fdcId}`);\n const result = await response.json();\n \n if (result.success) {\n setNutrition(result.data);\n } else {\n setError(result.error || 'Failed to load nutrition data');\n }\n } catch (err) {\n setError('Failed to fetch nutrition data');\n } finally {\n setLoading(false);\n }\n };\n\n fetchNutrition();\n }, [ingredient.fdcId]);\n\n // Calculate nutrition value per serving for this ingredient\n // Formula: (valuePer100g * amountGrams / 100) / servingSize\n const getPerServingNutrition = (valuePer100g: number | null): number | null => {\n if (valuePer100g === null) return null;\n // If we have amountGrams, calculate per-serving contribution\n if (ingredient.amountGrams) {\n const totalForRecipe = (valuePer100g * ingredient.amountGrams) / 100;\n return totalForRecipe / recipeServingSize;\n }\n // Otherwise show per 100g value (fallback)\n return valuePer100g;\n };\n\n return (\n

\n e.stopPropagation()}\n >\n {/* Header */}\n

\n Ingredient Nutrition\n

\n {ingredient.amount && {ingredient.amount} }\n {ingredient.unit && {ingredient.unit} }\n {ingredient.name}\n

\n \n \n \n

\n \n {/* Body */}\n

\n {loading ? (\n

\n \n

\n ) : error ? (\n

\n \n

{error}

\n ) : nutrition && (\n

\n {/* FDC Food Info */}\n

\n \n {nutrition.dataType}\n \n {nutrition.brandOwner && (\n {nutrition.brandOwner}\n )}\n

\n {nutrition.description}\n

\n {ingredient.amountGrams ? (\n

\n Contribution per serving ({ingredient.amountGrams}g ÷ {recipeServingSize} serving{recipeServingSize !== 1 ? 's' : ''})\n

\n ) : (\n

\n Nutrition shown per 100g (amount not specified)\n

\n )}\n

\n \n {/* Macronutrients */}\n

\n Nutrition per Serving\n {ingredient.amountGrams && (\n \n (from this ingredient)\n \n )}\n

\n {formatNutrient(getPerServingNutrition(nutrition.nutrition.calories), 'kcal')}\n

kcal

\n {formatNutrient(getPerServingNutrition(nutrition.nutrition.protein), 'g')}g\n

protein

\n {formatNutrient(getPerServingNutrition(nutrition.nutrition.carbs), 'g')}g\n

carbs

\n {formatNutrient(getPerServingNutrition(nutrition.nutrition.fat), 'g')}g\n

fat

\n {formatNutrient(getPerServingNutrition(nutrition.nutrition.fiber), 'g')}g\n

fiber

\n \n {/* Micronutrients Toggle */}\n

\n setShowMicronutrients(!showMicronutrients)}\n className=\"flex items-center justify-between w-full text-left p-2 rounded-lg transition-colors\"\n style={{ background: 'var(--bg-tertiary)', border: '1px solid var(--border-primary)' }}\n >\n \n Vitamins & Minerals\n \n \n \n \n \n \n {showMicronutrients && (\n

\n {/* Minerals */}\n {(['sodium', 'potassium', 'calcium', 'iron', 'magnesium', 'zinc', 'phosphorus', 'selenium', 'copper', 'manganese'] as const).some(key => nutrition.nutrition[key] !== null) && (\n

\n Minerals\n

\n {(['sodium', 'potassium', 'calcium', 'iron', 'magnesium', 'zinc', 'phosphorus', 'selenium', 'copper', 'manganese'] as const).map(key => {\n const info = NUTRIENT_INFO[key];\n const value = getPerServingNutrition(nutrition.nutrition[key]);\n if (value === null) return null;\n return (\n

\n {info.label}\n \n {formatNutrient(value, info.unit)}{info.unit}\n \n

\n );\n })}\n

\n )}\n \n {/* Vitamins - Fat Soluble */}\n {(['vitaminA', 'vitaminD', 'vitaminE', 'vitaminK'] as const).some(key => nutrition.nutrition[key] !== null) && (\n

\n Vitamins (Fat-Soluble)\n

\n {(['vitaminA', 'vitaminD', 'vitaminE', 'vitaminK'] as const).map(key => {\n const info = NUTRIENT_INFO[key];\n const value = getPerServingNutrition(nutrition.nutrition[key]);\n if (value === null) return null;\n return (\n

\n {info.label}\n \n {formatNutrient(value, info.unit)}{info.unit}\n \n

\n );\n })}\n

\n )}\n \n {/* Vitamins - Water Soluble */}\n {(['vitaminC', 'vitaminB6', 'vitaminB12', 'thiamin', 'riboflavin', 'niacin', 'pantothenicAcid', 'folate', 'choline'] as const).some(key => nutrition.nutrition[key] !== null) && (\n

\n Vitamins (Water-Soluble)\n

\n {(['vitaminC', 'vitaminB6', 'vitaminB12', 'thiamin', 'riboflavin', 'niacin', 'pantothenicAcid', 'folate', 'choline'] as const).map(key => {\n const info = NUTRIENT_INFO[key];\n const value = getPerServingNutrition(nutrition.nutrition[key]);\n if (value === null) return null;\n return (\n

\n {info.label}\n \n {formatNutrient(value, info.unit)}{info.unit}\n \n

\n );\n })}\n

\n )}\n \n {/* Fats Breakdown */}\n {(['saturatedFat', 'transFat', 'monounsaturatedFat', 'polyunsaturatedFat', 'cholesterol'] as const).some(key => nutrition.nutrition[key] !== null) && (\n

\n Fats Breakdown\n

\n {(['saturatedFat', 'transFat', 'monounsaturatedFat', 'polyunsaturatedFat', 'cholesterol'] as const).map(key => {\n const info = NUTRIENT_INFO[key];\n const value = getPerServingNutrition(nutrition.nutrition[key]);\n if (value === null) return null;\n return (\n

\n {info.label}\n \n {formatNutrient(value, info.unit)}{info.unit}\n \n

\n );\n })}\n

\n )}\n \n {/* Sugars */}\n {(['sugars', 'addedSugars'] as const).some(key => nutrition.nutrition[key] !== null) && (\n

\n Sugars\n

\n {(['sugars', 'addedSugars'] as const).map(key => {\n const info = NUTRIENT_INFO[key];\n const value = getPerServingNutrition(nutrition.nutrition[key]);\n if (value === null) return null;\n return (\n

\n {info.label}\n \n {formatNutrient(value, info.unit)}{info.unit}\n \n

\n );\n })}\n

\n )}\n

\n \n {/* Footer */}\n

\n \n Close\n \n

\n \n );\n}\n\n",[],[135,170,302],"e151e1b2-eeb6-11f0-ba13-42dde27851f2","GroceryListsView.tsx","b8d2d002-d3a9-11f0-8e4b-42dde27851f2",240,["D",1768112968005],9,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport type { GroceryList, GroceryListItem, Recipe } from \"../../shared/types.ts\";\nimport { DEFAULT_GROCERY_LIST_NAME } from \"../../shared/types.ts\";\nimport { GroceryItemRow } from \"./GroceryItemRow.tsx\";\nimport { CombinedGroceryItemRow } from \"./CombinedGroceryItemRow.tsx\";\nimport { QuantityUnitInput } from \"./QuantityUnitInput.tsx\";\nimport { NotesInput } from \"./NotesInput.tsx\";\nimport { AddRecipeToListModal } from \"./AddRecipeToListModal.tsx\";\n\ninterface GroceryListsViewProps {\n lists: GroceryList[];\n recipes: Recipe[];\n onListsChange: () => Promise;\n}\n\n// Represents a combined grocery item (multiple items with same name + notes)\ninterface CombinedGroceryItem {\n // Unique key for the combined item (lowercase name + notes)\n key: string;\n name: string;\n notes: string | null;\n // All source items that were combined\n sourceItems: GroceryListItem[];\n // Whether all source items are checked\n allChecked: boolean;\n // Formatted quantity display (e.g., \"3 cups\" or \"2 cups + 150g\")\n quantityDisplay: string;\n}\n\n// Combine items by name + notes (case-insensitive)\nfunction combineItems(items: GroceryListItem[]): CombinedGroceryItem[] {\n const groups = new Map();\n \n for (const item of items) {\n // Create key from lowercase name + notes\n const key = `${item.name.toLowerCase().trim()}|${(item.notes || '').toLowerCase().trim()}`;\n if (!groups.has(key)) {\n groups.set(key, []);\n }\n groups.get(key)!.push(item);\n }\n \n const combined: CombinedGroceryItem[] = [];\n \n groups.forEach((sourceItems, key) => {\n // Use the first item's name (preserving original case)\n const name = sourceItems[0].name;\n const notes = sourceItems[0].notes;\n \n // Check if all items are checked\n const allChecked = sourceItems.every(item => item.checked);\n \n // Build quantity display\n const quantityDisplay = buildQuantityDisplay(sourceItems);\n \n combined.push({\n key,\n name,\n notes,\n sourceItems,\n allChecked,\n quantityDisplay,\n });\n });\n \n return combined;\n}\n\n// Build a display string for combined quantities\nfunction buildQuantityDisplay(items: GroceryListItem[]): string {\n // Group by unit\n const byUnit = new Map();\n const noUnit: number[] = [];\n \n for (const item of items) {\n if (item.quantity === null) continue;\n \n const unit = (item.unit || '').trim().toLowerCase();\n if (!unit) {\n noUnit.push(item.quantity);\n } else {\n byUnit.set(unit, (byUnit.get(unit) || 0) + item.quantity);\n }\n }\n \n const parts: string[] = [];\n \n // Add summed quantities by unit\n byUnit.forEach((total, unit) => {\n // Round to 2 decimal places\n const rounded = Math.round(total * 100) / 100;\n // Use the original case from first matching item\n const originalUnit = items.find(i => (i.unit || '').toLowerCase() === unit)?.unit || unit;\n parts.push(`${rounded} ${originalUnit}`);\n });\n \n // Add quantities without units\n if (noUnit.length > 0) {\n const total = noUnit.reduce((sum, q) => sum + q, 0);\n const rounded = Math.round(total * 100) / 100;\n parts.push(String(rounded));\n }\n \n return parts.join(' + ');\n}\n\nexport function GroceryListsView({ lists, recipes, onListsChange }: GroceryListsViewProps) {\n const [selectedList, setSelectedList] = useState(null);\n const [showNewListForm, setShowNewListForm] = useState(false);\n const [newListName, setNewListName] = useState('');\n const [showAddItem, setShowAddItem] = useState(false);\n const [newItemName, setNewItemName] = useState('');\n const [newItemQuantity, setNewItemQuantity] = useState(null);\n const [newItemUnit, setNewItemUnit] = useState(null);\n const [newItemNotes, setNewItemNotes] = useState(null);\n const [showAddRecipe, setShowAddRecipe] = useState(false);\n const [selectedRecipeForPreview, setSelectedRecipeForPreview] = useState(null);\n \n // Editing state\n const [editingItemId, setEditingItemId] = useState(null);\n \n // Loading states to prevent double-clicks\n const [creatingList, setCreatingList] = useState(false);\n const [deletingListId, setDeletingListId] = useState(null);\n const [addingItem, setAddingItem] = useState(false);\n const [addingRecipeId, setAddingRecipeId] = useState(null);\n const [togglingItemId, setTogglingItemId] = useState(null);\n const [deletingItemId, setDeletingItemId] = useState(null);\n const [clearingAllItems, setClearingAllItems] = useState(false);\n\n const handleCreateList = async (e: React.FormEvent) => {\n e.preventDefault();\n if (!newListName.trim() || creatingList) return;\n\n setCreatingList(true);\n try {\n const response = await fetch('/api/grocery-lists', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ name: newListName.trim() }),\n });\n\n if (response.ok) {\n await onListsChange();\n setNewListName('');\n setShowNewListForm(false);\n }\n } finally {\n setCreatingList(false);\n }\n };\n\n const handleDeleteList = async (listId: string) => {\n if (deletingListId) return;\n\n setDeletingListId(listId);\n try {\n const response = await fetch(`/api/grocery-lists/${listId}`, {\n method: 'DELETE',\n });\n\n if (response.ok) {\n await onListsChange();\n if (selectedList?.id === listId) {\n setSelectedList(null);\n }\n }\n } finally {\n setDeletingListId(null);\n }\n };\n\n const handleAddItem = async (e: React.FormEvent) => {\n e.preventDefault();\n if (!selectedList || !newItemName.trim() || addingItem) return;\n\n setAddingItem(true);\n try {\n const response = await fetch(`/api/grocery-lists/${selectedList.id}/items`, {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({\n name: newItemName.trim(),\n quantity: newItemQuantity,\n unit: newItemUnit,\n notes: newItemNotes,\n }),\n });\n\n if (response.ok) {\n await onListsChange();\n setNewItemName('');\n setNewItemQuantity(null);\n setNewItemUnit(null);\n setNewItemNotes(null);\n setShowAddItem(false);\n // Update selected list\n const updatedLists = await fetch('/api/grocery-lists').then(r => r.json());\n if (updatedLists.success) {\n const updated = updatedLists.data.find((l: GroceryList) => l.id === selectedList.id);\n if (updated) setSelectedList(updated);\n }\n }\n } finally {\n setAddingItem(false);\n }\n };\n\n // Select a recipe to preview before adding\n const handleSelectRecipeForPreview = (recipe: Recipe) => {\n setSelectedRecipeForPreview(recipe);\n setShowAddRecipe(false);\n };\n\n // Add recipe ingredients with specified servings\n const handleAddRecipeIngredients = async (recipeId: string, servings: number) => {\n if (!selectedList || addingRecipeId) return;\n\n setAddingRecipeId(recipeId);\n try {\n const response = await fetch(`/api/grocery-lists/${selectedList.id}/add-recipe`, {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ recipeId, servings }),\n });\n\n if (response.ok) {\n await onListsChange();\n setSelectedRecipeForPreview(null);\n // Update selected list\n const updatedLists = await fetch('/api/grocery-lists').then(r => r.json());\n if (updatedLists.success) {\n const updated = updatedLists.data.find((l: GroceryList) => l.id === selectedList.id);\n if (updated) setSelectedList(updated);\n }\n }\n } finally {\n setAddingRecipeId(null);\n }\n };\n\n const handleToggleItem = async (item: GroceryListItem) => {\n if (!selectedList || togglingItemId) return;\n\n // Optimistically update first\n setTogglingItemId(item.id);\n setSelectedList({\n ...selectedList,\n items: selectedList.items.map(i =>\n i.id === item.id ? { ...i, checked: !i.checked } : i\n ),\n });\n\n try {\n await fetch(`/api/grocery-lists/${selectedList.id}/items/${item.id}`, {\n method: 'PATCH',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ checked: !item.checked }),\n });\n } finally {\n setTogglingItemId(null);\n }\n };\n\n const handleUpdateItem = async (\n item: GroceryListItem,\n updates: {\n name?: string;\n quantity?: number | null;\n unit?: string | null;\n notes?: string | null;\n }\n ) => {\n if (!selectedList) return;\n\n // Optimistically update\n setSelectedList({\n ...selectedList,\n items: selectedList.items.map(i =>\n i.id === item.id ? { ...i, ...updates } : i\n ),\n });\n setEditingItemId(null);\n\n try {\n await fetch(`/api/grocery-lists/${selectedList.id}/items/${item.id}`, {\n method: 'PATCH',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(updates),\n });\n \n // Refresh the list to ensure sync\n const updatedLists = await fetch('/api/grocery-lists').then(r => r.json());\n if (updatedLists.success) {\n const updated = updatedLists.data.find((l: GroceryList) => l.id === selectedList.id);\n if (updated) setSelectedList(updated);\n }\n } catch {\n // Revert on error by refreshing\n const updatedLists = await fetch('/api/grocery-lists').then(r => r.json());\n if (updatedLists.success) {\n const updated = updatedLists.data.find((l: GroceryList) => l.id === selectedList.id);\n if (updated) setSelectedList(updated);\n }\n }\n };\n\n const handleDeleteItem = async (itemId: string) => {\n if (!selectedList || deletingItemId) return;\n\n // Optimistically update first\n setDeletingItemId(itemId);\n setSelectedList({\n ...selectedList,\n items: selectedList.items.filter(i => i.id !== itemId),\n });\n\n try {\n await fetch(`/api/grocery-lists/${selectedList.id}/items/${itemId}`, {\n method: 'DELETE',\n });\n } finally {\n setDeletingItemId(null);\n }\n };\n\n // Toggle all items in a combined group\n const handleToggleCombinedItems = async (items: GroceryListItem[], checked: boolean) => {\n if (!selectedList || togglingItemId) return;\n\n // Use first item id as the toggling indicator\n setTogglingItemId(items[0].id);\n \n // Optimistically update all items\n setSelectedList({\n ...selectedList,\n items: selectedList.items.map(i =>\n items.some(item => item.id === i.id) ? { ...i, checked } : i\n ),\n });\n\n try {\n // Update all items in parallel\n await Promise.all(\n items.map(item =>\n fetch(`/api/grocery-lists/${selectedList.id}/items/${item.id}`, {\n method: 'PATCH',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ checked }),\n })\n )\n );\n } finally {\n setTogglingItemId(null);\n }\n };\n\n // Delete all items in a combined group\n const handleDeleteCombinedItems = async (items: GroceryListItem[]) => {\n if (!selectedList || deletingItemId) return;\n\n // Use first item id as the deleting indicator\n setDeletingItemId(items[0].id);\n \n // Optimistically remove all items\n const itemIds = new Set(items.map(i => i.id));\n setSelectedList({\n ...selectedList,\n items: selectedList.items.filter(i => !itemIds.has(i.id)),\n });\n\n try {\n // Delete all items in parallel\n await Promise.all(\n items.map(item =>\n fetch(`/api/grocery-lists/${selectedList.id}/items/${item.id}`, {\n method: 'DELETE',\n })\n )\n );\n } finally {\n setDeletingItemId(null);\n }\n };\n\n const handleClearAllItems = async () => {\n if (!selectedList || selectedList.items.length === 0 || clearingAllItems) return;\n \n if (!confirm(`Are you sure you want to clear all ${selectedList.items.length} item${selectedList.items.length !== 1 ? 's' : ''} from \"${selectedList.name}\"?`)) {\n return;\n }\n\n setClearingAllItems(true);\n try {\n const response = await fetch(`/api/grocery-lists/${selectedList.id}/items`, {\n method: 'DELETE',\n });\n\n if (response.ok) {\n await onListsChange();\n // Update selected list\n const updatedLists = await fetch('/api/grocery-lists').then(r => r.json());\n if (updatedLists.success) {\n const updated = updatedLists.data.find((l: GroceryList) => l.id === selectedList.id);\n if (updated) setSelectedList(updated);\n }\n }\n } finally {\n setClearingAllItems(false);\n }\n };\n\n return (\n

\n {/* Sidebar - Lists */}\n

Grocery Lists

\n setShowNewListForm(true)}\n className=\"p-1 rounded transition-colors\"\n style={{ color: 'var(--accent)' }}\n >\n \n \n

\n \n {showNewListForm && (\n

\n \n

\n {lists.length === 0 ? (\n

\n No lists yet. Create one to get started.\n

\n ) : (\n

\n {lists.map((list) => (\n setSelectedList(list)}\n >\n

{list.name}

\n {list.items.length} item{list.items.length !== 1 ? 's' : ''}\n

\n {list.name !== DEFAULT_GROCERY_LIST_NAME && (\n {\n e.stopPropagation();\n handleDeleteList(list.id);\n }}\n disabled={deletingListId === list.id}\n className=\"opacity-0 group-hover:opacity-100 p-1 text-gray-400 hover:text-red-500 transition-all disabled:opacity-50\"\n >\n {deletingListId === list.id ? (\n \n ) : (\n \n )}\n \n )}\n

\n ))}\n

\n )}\n

\n \n {/* Main content - List details */}\n

\n {selectedList ? (\n <>\n {/* Header */}\n

{selectedList.name}

\n {selectedList.items.filter(i => i.checked).length} of {selectedList.items.length} checked\n

\n {selectedList.items.length > 0 && (\n \n {clearingAllItems ? (\n \n ) : (\n \n )}\n {clearingAllItems ? 'Clearing...' : 'Clear All'}\n \n )}\n setShowAddItem(true)}\n className=\"btn-secondary text-sm flex items-center gap-1\"\n >\n \n Add Item\n \n setShowAddRecipe(true)}\n className=\"btn-primary text-sm flex items-center gap-1\"\n >\n \n Add Recipe\n \n

\n \n {/* Items */}\n

\n {selectedList.items.length === 0 ? (\n

\n 🛒\n

No items yet

Add items or import from a recipe

\n ) : (\n

\n {combineItems(selectedList.items).map((combinedItem, index) => (\n

\n {combinedItem.sourceItems.length === 1 ? (\n // Single item - use regular GroceryItemRow\n setEditingItemId(combinedItem.sourceItems[0].id)}\n onSave={(updates) => handleUpdateItem(combinedItem.sourceItems[0], updates)}\n onToggleChecked={() => handleToggleItem(combinedItem.sourceItems[0])}\n onDelete={() => handleDeleteItem(combinedItem.sourceItems[0].id)}\n disabled={!!togglingItemId || !!deletingItemId}\n />\n ) : (\n // Multiple items - use CombinedGroceryItemRow\n handleToggleCombinedItems(combinedItem.sourceItems, checked)}\n onDeleteAll={() => handleDeleteCombinedItems(combinedItem.sourceItems)}\n disabled={!!togglingItemId || !!deletingItemId}\n />\n )}\n

\n ))}\n

\n )}\n

\n \n ) : (\n

\n 👈\n

Select a list to view items

\n )}\n

\n \n {/* Add item modal */}\n {showAddItem && selectedList && (\n

setShowAddItem(false)}>\n

e.stopPropagation()}>\n

Add Item

\n {/* Quantity + Unit + Name row */}\n

\n \n setNewItemName(e.target.value)}\n className=\"input flex-1\"\n placeholder=\"Item name\"\n autoFocus\n disabled={addingItem}\n />\n

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

\n \n \n

\n )}\n \n {/* Add recipe picker modal */}\n {showAddRecipe && selectedList && (\n

setShowAddRecipe(false)}>\n

e.stopPropagation()}>\n

Add Recipe Ingredients

Select a recipe to add its ingredients

\n {recipes.length === 0 ? (\n

\n No recipes yet. Create a recipe first.\n

\n ) : (\n

\n {recipes.map((recipe) => (\n handleSelectRecipeForPreview(recipe)}\n className=\"w-full p-3 text-left rounded-lg transition-colors flex items-center justify-between hover:bg-opacity-50\"\n style={{ background: 'transparent' }}\n >\n

{recipe.title}

\n {recipe.ingredients.length} ingredients · {recipe.servingSize} serving{recipe.servingSize !== 1 ? 's' : ''}\n

\n \n \n ))}\n

\n )}\n

\n \n

\n )}\n\n {/* Add recipe preview modal */}\n {selectedRecipeForPreview && selectedList && (\n handleAddRecipeIngredients(selectedRecipeForPreview.id, servings)}\n onClose={() => setSelectedRecipeForPreview(null)}\n isAdding={addingRecipeId === selectedRecipeForPreview.id}\n />\n )}\n \n );\n}\n\n",[],[135,170,310],"22932680-e797-11f0-b548-42dde27851f2","GroceryItemRow.tsx","7d3f05a2-e78f-11f0-a395-42dde27851f2",205,["D",1767329675442],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport type { GroceryListItem } from \"../../shared/types.ts\";\nimport { QuantityUnitInput } from \"./QuantityUnitInput.tsx\";\nimport { ItemNameInput } from \"./ItemNameInput.tsx\";\nimport { NotesInput } from \"./NotesInput.tsx\";\n\ninterface GroceryItemRowProps {\n item: GroceryListItem;\n isEditing: boolean;\n onStartEdit: () => void;\n onSave: (updates: {\n name?: string;\n quantity?: number | null;\n unit?: string | null;\n notes?: string | null;\n }) => Promise;\n onToggleChecked: () => void;\n onDelete: () => void;\n disabled?: boolean;\n}\n\nexport function GroceryItemRow({\n item,\n isEditing,\n onStartEdit,\n onSave,\n onToggleChecked,\n onDelete,\n disabled = false,\n}: GroceryItemRowProps) {\n // Edit state\n const [editQuantity, setEditQuantity] = useState(item.quantity);\n const [editUnit, setEditUnit] = useState(item.unit);\n const [editName, setEditName] = useState(item.name);\n const [editNotes, setEditNotes] = useState(item.notes);\n const [saving, setSaving] = useState(false);\n\n // Reset edit state when item changes or editing starts\n useEffect(() => {\n if (isEditing) {\n setEditQuantity(item.quantity);\n setEditUnit(item.unit);\n setEditName(item.name);\n setEditNotes(item.notes);\n }\n }, [isEditing, item]);\n\n const hasChanges = \n editQuantity !== item.quantity ||\n editUnit !== item.unit ||\n editName !== item.name ||\n editNotes !== item.notes;\n\n const handleSave = async () => {\n if (!editName.trim()) return;\n \n setSaving(true);\n try {\n const updates: {\n name?: string;\n quantity?: number | null;\n unit?: string | null;\n notes?: string | null;\n } = {};\n\n if (editName !== item.name) updates.name = editName.trim();\n if (editQuantity !== item.quantity) updates.quantity = editQuantity;\n if (editUnit !== item.unit) updates.unit = editUnit;\n if (editNotes !== item.notes) updates.notes = editNotes;\n\n if (Object.keys(updates).length > 0) {\n await onSave(updates);\n }\n } finally {\n setSaving(false);\n }\n };\n\n const handleKeyDown = (e: React.KeyboardEvent) => {\n if (e.key === 'Enter' && !e.shiftKey) {\n e.preventDefault();\n handleSave();\n } else if (e.key === 'Escape') {\n // Reset to original values\n setEditQuantity(item.quantity);\n setEditUnit(item.unit);\n setEditName(item.name);\n setEditNotes(item.notes);\n }\n };\n\n // Format quantity and unit for display\n const formatQuantityUnit = () => {\n const parts: string[] = [];\n if (item.quantity !== null) {\n parts.push(String(item.quantity));\n }\n if (item.unit) {\n parts.push(item.unit);\n }\n return parts.join(' ');\n };\n\n if (isEditing) {\n return (\n

\n {/* Checkbox */}\n \n {item.checked && (\n \n )}\n \n\n {/* Quantity + Unit */}\n \n\n {/* Item Name */}\n \n\n {/* Delete button */}\n \n \n \n

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

\n \n\n {/* Save/Cancel buttons */}\n \n {saving ? 'Saving...' : 'Save'}\n \n

\n );\n }\n\n // Display mode\n return (\n \n {/* Checkbox */}\n {\n e.stopPropagation();\n onToggleChecked();\n }}\n disabled={disabled}\n className={`checkbox flex-shrink-0 ${item.checked ? 'checked' : ''}`}\n >\n {item.checked && (\n \n )}\n \n\n {/* Content */}\n

\n {/* Quantity and Unit */}\n {(item.quantity !== null || item.unit) && (\n \n {formatQuantityUnit()}\n \n )}\n {/* Item name */}\n {item.name}\n

\n \n {/* Notes */}\n {item.notes && (\n

\n {item.notes}\n

\n )}\n

\n\n {/* Delete button */}\n {\n e.stopPropagation();\n onDelete();\n }}\n disabled={disabled}\n className=\"text-gray-400 hover:text-red-500 transition-colors opacity-0 group-hover:opacity-100 p-1 flex-shrink-0\"\n style={{ opacity: 1 }} // Always visible for now since group-hover needs parent styling\n >\n \n \n \n );\n}\n\n",[],[135,170,319],"227cc55c-e797-11f0-bbcf-42dde27851f2","CustomFoodForm.tsx","92a694ec-db09-11f0-a68d-42dde27851f2",202,["D",1767329675294],2,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport type { CustomFood, CreateCustomFoodRequest } from \"../../shared/types.ts\";\nimport { NUTRIENT_INFO, NutrientKey } from \"../../shared/types.ts\";\n\ninterface CustomFoodFormProps {\n customFood?: CustomFood;\n onSubmit: (data: CreateCustomFoodRequest) => Promise;\n onClose: () => void;\n}\n\n// Nutrient keys grouped by category\nconst MACRO_KEYS: NutrientKey[] = ['calories', 'protein', 'fat', 'carbs', 'fiber'];\nconst MINERAL_KEYS: NutrientKey[] = ['sodium', 'potassium', 'calcium', 'iron', 'magnesium', 'zinc'];\nconst VITAMIN_KEYS: NutrientKey[] = ['vitaminA', 'vitaminC', 'vitaminD', 'vitaminE', 'vitaminK', 'vitaminB6', 'vitaminB12', 'thiamin', 'riboflavin', 'niacin', 'folate'];\n\nexport function CustomFoodForm({ customFood, onSubmit, onClose }: CustomFoodFormProps) {\n const [name, setName] = useState(customFood?.name || '');\n const [servingSizeGrams, setServingSizeGrams] = useState(customFood?.servingSizeGrams?.toString() || '100');\n const [nutrients, setNutrients] = useState>(() => {\n const initial: Record = {};\n const allKeys = [...MACRO_KEYS, ...MINERAL_KEYS, ...VITAMIN_KEYS];\n for (const key of allKeys) {\n const value = customFood?.[key as keyof CustomFood];\n initial[key] = value !== null && value !== undefined ? value.toString() : '';\n }\n return initial as Record;\n });\n const [submitting, setSubmitting] = useState(false);\n const [showMicronutrients, setShowMicronutrients] = useState(false);\n\n const handleNutrientChange = (key: NutrientKey, value: string) => {\n setNutrients(prev => ({ ...prev, [key]: value }));\n };\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n if (!name.trim()) return;\n\n setSubmitting(true);\n try {\n const data: CreateCustomFoodRequest = {\n name: name.trim(),\n servingSizeGrams: parseFloat(servingSizeGrams) || 100,\n };\n\n // Add all nutrient values\n const allKeys = [...MACRO_KEYS, ...MINERAL_KEYS, ...VITAMIN_KEYS];\n for (const key of allKeys) {\n const value = nutrients[key];\n if (value !== '') {\n (data as any)[key] = parseFloat(value) || null;\n } else {\n (data as any)[key] = null;\n }\n }\n\n await onSubmit(data);\n } finally {\n setSubmitting(false);\n }\n };\n\n const renderNutrientInput = (key: NutrientKey) => {\n const info = NUTRIENT_INFO[key];\n return (\n

\n \n {info.label} ({info.unit})\n \n handleNutrientChange(key, e.target.value)}\n className=\"input text-sm py-1.5\"\n placeholder=\"0\"\n />\n

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

\n e.stopPropagation()}\n >\n

\n {/* Header */}\n

\n {customFood ? 'Edit Custom Food' : 'Add Custom Food'}\n

\n \n \n \n

\n Create a food with custom nutrition values\n

\n\n {/* Scrollable content */}\n

\n {/* Name */}\n

\n \n Name *\n \n setName(e.target.value)}\n className=\"input\"\n placeholder=\"e.g., Homemade Protein Shake\"\n required\n />\n

\n\n {/* Serving Size */}\n

\n \n Serving Size (grams)\n \n setServingSizeGrams(e.target.value)}\n className=\"input w-32\"\n placeholder=\"100\"\n />\n

\n Nutrition values are per this serving size\n

\n\n {/* Macronutrients */}\n

Macronutrients

\n {MACRO_KEYS.map(key => renderNutrientInput(key))}\n

\n\n {/* Toggle for micronutrients */}\n

\n setShowMicronutrients(!showMicronutrients)}\n className=\"text-sm font-medium flex items-center gap-2\"\n style={{ color: 'var(--accent)' }}\n >\n \n \n \n {showMicronutrients ? 'Hide' : 'Show'} Vitamins & Minerals (optional)\n \n

\n\n {/* Micronutrients (collapsible) */}\n {showMicronutrients && (\n

\n {/* Minerals */}\n

Minerals

\n {MINERAL_KEYS.map(key => renderNutrientInput(key))}\n

\n\n {/* Vitamins */}\n

Vitamins

\n {VITAMIN_KEYS.map(key => renderNutrientInput(key))}\n

\n )}\n

\n\n {/* Footer */}\n

\n \n Cancel\n \n \n {submitting ? 'Saving...' : customFood ? 'Save Changes' : 'Create Food'}\n \n

\n \n );\n}\n\n\n",[],[135,170,327],"e156fe54-eeb6-11f0-908a-42dde27851f2","CombinedGroceryItemRow.tsx","e156fef4-eeb6-11f0-908a-42dde27851f2",241,["D",1768112968007],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport type { GroceryListItem } from \"../../shared/types.ts\";\n\ninterface CombinedGroceryItem {\n key: string;\n name: string;\n notes: string | null;\n sourceItems: GroceryListItem[];\n allChecked: boolean;\n quantityDisplay: string;\n}\n\ninterface CombinedGroceryItemRowProps {\n combinedItem: CombinedGroceryItem;\n onToggleAll: (checked: boolean) => void;\n onDeleteAll: () => void;\n disabled?: boolean;\n}\n\nexport function CombinedGroceryItemRow({\n combinedItem,\n onToggleAll,\n onDeleteAll,\n disabled = false,\n}: CombinedGroceryItemRowProps) {\n const [isExpanded, setIsExpanded] = useState(false);\n \n const { name, notes, sourceItems, allChecked, quantityDisplay } = combinedItem;\n const hasMultipleSources = sourceItems.length > 1;\n\n const handleToggle = (e: React.MouseEvent) => {\n e.stopPropagation();\n onToggleAll(!allChecked);\n };\n\n const handleRowClick = () => {\n if (hasMultipleSources) {\n setIsExpanded(!isExpanded);\n }\n };\n\n return (\n

\n {/* Main row */}\n \n {/* Checkbox */}\n \n {allChecked && (\n \n )}\n \n\n {/* Content */}\n

\n {/* Quantity display */}\n {quantityDisplay && (\n \n {quantityDisplay}\n \n )}\n {/* Item name */}\n {name}\n {/* Source count badge */}\n {hasMultipleSources && (\n \n {sourceItems.length}\n \n )}\n

\n \n {/* Notes */}\n {notes && (\n

\n {notes}\n

\n )}\n

\n\n {/* Expand/collapse arrow for combined items */}\n {hasMultipleSources && (\n \n )}\n\n {/* Delete button */}\n {\n e.stopPropagation();\n onDeleteAll();\n }}\n disabled={disabled}\n className=\"text-gray-400 hover:text-red-500 transition-colors p-1 flex-shrink-0\"\n >\n \n \n

\n\n {/* Expanded dropdown showing source items */}\n {isExpanded && hasMultipleSources && (\n

\n Sources:\n

\n {sourceItems.map((item) => (\n

\n {/* Small indicator dot */}\n \n \n {/* Quantity + unit */}\n \n {item.quantity !== null && item.quantity}\n {item.unit && ` ${item.unit}`}\n \n \n {/* Source label */}\n \n {item.recipeName || 'Manual'}\n \n

\n ))}\n

\n )}\n \n );\n}\n\n",[],[135,170,336],"44645e9e-e9ce-11f0-92d2-42dde27851f2","App.tsx","b8d991d0-d3a9-11f0-8d63-42dde27851f2",222,["D",1767573256834],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect, useCallback } from \"https://esm.sh/react@18.2.0\";\nimport type { User, Recipe, GroceryList, NutritionGoals, CustomFood } from \"../../shared/types.ts\";\nimport { Login } from \"./Login.tsx\";\nimport { RecipesView } from \"./RecipesView.tsx\";\nimport { GroceryListsView } from \"./GroceryListsView.tsx\";\nimport { MealPlanView } from \"./MealPlanView.tsx\";\nimport { NutritionView } from \"./NutritionView.tsx\";\nimport { ScraperEvalView } from \"./ScraperEvalView.tsx\";\nimport { ThemeProvider } from \"./ThemeContext.tsx\";\nimport { UserDropdown } from \"./UserDropdown.tsx\";\n\ntype Tab = 'recipes' | 'grocery' | 'mealplan' | 'nutrition' | 'scraper-eval';\n\nexport function App() {\n const [user, setUser] = useState(undefined);\n const [activeTab, setActiveTab] = useState('recipes');\n const [recipes, setRecipes] = useState([]);\n const [customFoods, setCustomFoods] = useState([]);\n const [groceryLists, setGroceryLists] = useState([]);\n const [nutritionGoals, setNutritionGoals] = useState(null);\n const [loading, setLoading] = useState(true);\n\n // Fetch current user\n const fetchUser = useCallback(async () => {\n try {\n const response = await fetch('/api/auth/me');\n const data = await response.json();\n if (data.success) {\n setUser(data.data);\n }\n } catch (err) {\n console.error('Failed to fetch user:', err);\n setUser(null);\n }\n }, []);\n\n // Fetch recipes\n const fetchRecipes = useCallback(async () => {\n try {\n const response = await fetch('/api/recipes');\n const data = await response.json();\n if (data.success) {\n setRecipes(data.data);\n }\n } catch (err) {\n console.error('Failed to fetch recipes:', err);\n }\n }, []);\n\n // Fetch custom foods\n const fetchCustomFoods = useCallback(async () => {\n try {\n const response = await fetch('/api/custom-foods');\n const data = await response.json();\n if (data.success) {\n setCustomFoods(data.data);\n }\n } catch (err) {\n console.error('Failed to fetch custom foods:', err);\n }\n }, []);\n\n // Fetch grocery lists\n const fetchGroceryLists = useCallback(async () => {\n try {\n const response = await fetch('/api/grocery-lists');\n const data = await response.json();\n if (data.success) {\n setGroceryLists(data.data);\n }\n } catch (err) {\n console.error('Failed to fetch grocery lists:', err);\n }\n }, []);\n\n // Fetch nutrition goals\n const fetchNutritionGoals = useCallback(async () => {\n try {\n const response = await fetch('/api/nutrition/goals');\n const data = await response.json();\n if (data.success) {\n setNutritionGoals(data.data);\n }\n } catch (err) {\n console.error('Failed to fetch nutrition goals:', err);\n }\n }, []);\n\n // Initial load\n useEffect(() => {\n fetchUser();\n }, [fetchUser]);\n\n // Fetch data when user is authenticated\n useEffect(() => {\n if (user) {\n setLoading(true);\n Promise.all([\n fetchRecipes(),\n fetchCustomFoods(),\n fetchGroceryLists(),\n fetchNutritionGoals(),\n ]).finally(() => {\n setLoading(false);\n });\n } else if (user === null) {\n setLoading(false);\n }\n }, [user, fetchRecipes, fetchCustomFoods, fetchGroceryLists, fetchNutritionGoals]);\n\n const handleLogout = async () => {\n try {\n await fetch('/api/auth/logout', { method: 'POST' });\n setUser(null);\n setRecipes([]);\n setCustomFoods([]);\n setGroceryLists([]);\n setNutritionGoals(null);\n } catch (err) {\n console.error('Failed to logout:', err);\n }\n };\n\n // Show loading while checking auth\n if (user === undefined) {\n return (\n \n

\n \n );\n }\n\n // Show login if not authenticated\n if (user === null) {\n return (\n \n \n \n );\n }\n\n // Loading data\n if (loading) {\n return (\n \n

\n Loading your data...\n

\n \n );\n }\n\n const tabs: { id: Tab; label: string; icon: string }[] = [\n { id: 'recipes', label: 'Recipes', icon: '📖' },\n { id: 'grocery', label: 'Grocery Lists', icon: '🛒' },\n { id: 'mealplan', label: 'Meal Plan', icon: '📅' },\n { id: 'nutrition', label: 'Nutrition', icon: '💪' },\n { id: 'scraper-eval', label: 'Scraper Eval', icon: '🔬' },\n ];\n\n return (\n \n

\n {/* Header */}\n

\n {/* Logo */}\n

\n \n

\n Carmy\n

\n \n {/* User menu with theme toggle */}\n \n

\n \n {/* Tab navigation */}\n

\n \n

\n \n {/* Main content */}\n

\n {activeTab === 'recipes' && (\n \n )}\n {activeTab === 'grocery' && (\n \n )}\n {activeTab === 'mealplan' && (\n \n )}\n {activeTab === 'nutrition' && (\n \n )}\n {activeTab === 'scraper-eval' && (\n \n )}\n

\n \n );\n}\n\n\n",[],[135,170,344],"efad5db4-eeb5-11f0-b530-42dde27851f2","AddRecipeToListModal.tsx","efad5e86-eeb5-11f0-b530-42dde27851f2",235,["D",1768112562603],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport type { Recipe, RecipeIngredient } from \"../../shared/types.ts\";\n\ninterface AddRecipeToListModalProps {\n recipe: Recipe;\n onAdd: (servings: number) => void;\n onClose: () => void;\n isAdding: boolean;\n}\n\n// Helper to format scaled ingredient amount\nfunction formatAmount(amount: number | null, multiplier: number): string {\n if (amount === null) return '';\n const scaled = amount * multiplier;\n // Round to 2 decimal places and remove trailing zeros\n const rounded = Math.round(scaled * 100) / 100;\n return rounded.toString();\n}\n\nexport function AddRecipeToListModal({ recipe, onAdd, onClose, isAdding }: AddRecipeToListModalProps) {\n // Start with the recipe's serving size as default\n const [servings, setServings] = useState(recipe.servingSize);\n \n // Calculate multiplier for scaling ingredients\n const multiplier = servings / recipe.servingSize;\n\n const handleDecrement = () => {\n if (servings > 1) {\n setServings(servings - 1);\n }\n };\n\n const handleIncrement = () => {\n setServings(servings + 1);\n };\n\n const handleAdd = () => {\n onAdd(servings);\n };\n\n return (\n

e.stopPropagation()}>\n {/* Header */}\n

\n Add to Grocery List\n

\n {recipe.title}\n

\n \n \n \n

\n\n {/* Serving Size Selector */}\n

\n Servings\n

\n Recipe makes {recipe.servingSize} serving{recipe.servingSize !== 1 ? 's' : ''}\n

\n \n \n \n \n {servings}\n \n \n \n \n

\n {multiplier !== 1 && (\n

\n Ingredient amounts scaled {multiplier > 1 ? 'up' : 'down'} ({multiplier.toFixed(2)}x)\n

\n )}\n

\n\n {/* Ingredients List */}\n

\n Ingredients to Add ({recipe.ingredients.length})\n

\n \n
\n \n {ing.amount !== null && (\n \n {formatAmount(ing.amount, multiplier)}{' '}\n \n )}\n {ing.unit && (\n \n {ing.unit}{' '}\n \n )}\n {ing.name}\n \n {ing.notes && (\n ({ing.notes})\n )}\n
\n

\n\n {/* Footer */}\n

\n \n Cancel\n \n \n {isAdding ? (\n <>\n \n Adding...\n \n ) : (\n <>\n \n Add {servings} Serving{servings !== 1 ? 's' : ''}\n \n )}\n \n

\n );\n}\n\n",[],[135,170,352],"b8403292-d3a9-11f0-8e76-42dde27851f2",["D",1765138634257],[363,364,365,366,367],[59],{"_35":69,"_13":60,"_38":41,"_40":70,"_42":43,"_44":71,"_46":47,"_48":496,"_17":73,"_51":74,"_53":-5,"_55":56,"_57":-5,"_89":497,"_18":498},{"_35":481,"_13":482,"_38":483,"_40":70,"_42":43,"_44":373,"_46":47,"_48":484,"_17":73,"_51":74,"_53":-5,"_55":56,"_57":-5,"_89":485,"_18":486},{"_35":403,"_13":404,"_38":405,"_40":70,"_42":43,"_44":224,"_46":47,"_48":406,"_17":73,"_51":74,"_53":-5,"_55":56,"_57":-5,"_89":407,"_18":408},{"_35":378,"_13":379,"_38":380,"_40":70,"_42":43,"_44":381,"_46":47,"_48":382,"_17":73,"_51":74,"_53":-5,"_55":56,"_57":-5,"_89":383,"_18":384},{"_35":368,"_13":369,"_38":370,"_40":70,"_42":43,"_44":371,"_46":47,"_48":372,"_17":373,"_51":374,"_53":375,"_55":56,"_57":-5,"_89":376,"_18":377},"937c6518-db09-11f0-82a1-42dde27851f2","index.ts","b9153140-d3a9-11f0-8d63-42dde27851f2",121,["D",1765949461117],5,"http","import { Hono } from \"https://esm.sh/hono@4.4.2\";\nimport { serveFile, readFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { runMigrations } from \"./database/migrations.ts\";\nimport { authRoutes } from \"./routes/auth.ts\";\nimport { recipesRoutes } from \"./routes/recipes.ts\";\nimport { groceryListsRoutes } from \"./routes/grocery-lists.ts\";\nimport { mealPlansRoutes } from \"./routes/meal-plans.ts\";\nimport { nutritionRoutes } from \"./routes/nutrition.ts\";\nimport { scraperEvalRoutes } from \"./routes/scraper-eval.ts\";\nimport { fdcRoutes } from \"./routes/fdc.ts\";\nimport { customFoodsRoutes } from \"./routes/custom-foods.ts\";\nimport { sessionMiddleware } from \"./middleware/session.ts\";\n\nconst app = new Hono();\n\n// Run migrations on startup\nawait runMigrations();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n console.error('Error:', err);\n if (err.message === 'Unauthorized') {\n return c.json({ success: false, error: 'Unauthorized' }, 401);\n }\n throw err;\n});\n\n// Apply session middleware to all routes\napp.use('*', sessionMiddleware);\n\n// API routes\napp.route('/api/auth', authRoutes);\napp.route('/api/recipes', recipesRoutes);\napp.route('/api/grocery-lists', groceryListsRoutes);\napp.route('/api/meal-plans', mealPlansRoutes);\napp.route('/api/nutrition', nutritionRoutes);\napp.route('/api/scraper-eval', scraperEvalRoutes);\napp.route('/api/fdc', fdcRoutes);\napp.route('/api/custom-foods', customFoodsRoutes);\n\n// Serve static files from frontend and shared\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Serve index.html for root route\napp.get(\"/\", async c => {\n const html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\n// Serve favicon\napp.get(\"/favicon.svg\", c => serveFile(\"/frontend/favicon.svg\", import.meta.url));\n\n// This is the entry point for HTTP vals\nexport default app.fetch;\n\n\n",[],[59,369],"6a0c0aa2-da38-11f0-8f3b-42dde27851f2","services","6a0c0b60-da38-11f0-8f3b-42dde27851f2",85,["D",1765859628057],[385,386],[59,379],{"_35":395,"_13":396,"_38":397,"_40":380,"_42":43,"_44":398,"_46":47,"_48":399,"_17":224,"_51":52,"_53":400,"_55":56,"_57":-5,"_89":401,"_18":402},{"_35":387,"_13":388,"_38":389,"_40":380,"_42":43,"_44":390,"_46":47,"_48":391,"_17":157,"_51":52,"_53":392,"_55":56,"_57":-5,"_89":393,"_18":394},"20602d4b-9d28-4e6b-9a13-648b18d2c40e","nutrition-calculator.ts","6a3733ee-da38-11f0-8a3d-42dde27851f2",251,["D",1788041252942],"// Nutrition Calculator Service\n// Calculates recipe nutrition by summing ingredient nutrition from FDC data\n\nimport { getFDCFoods } from \"./fdc-client.ts\";\nimport type { RecipeIngredient, RecipeNutrition, FDCNutrition, NutrientKey } from \"../../shared/types.ts\";\nimport { ALL_NUTRIENT_KEYS, resolveCaloriesOrNull } from \"../../shared/types.ts\";\n\n// Unit conversion factors to grams\nconst UNIT_TO_GRAMS: Record = {\n 'g': 1,\n 'gram': 1,\n 'grams': 1,\n 'kg': 1000,\n 'kilogram': 1000,\n 'oz': 28.3495,\n 'ounce': 28.3495,\n 'ounces': 28.3495,\n 'lb': 453.592,\n 'lbs': 453.592,\n 'pound': 453.592,\n 'pounds': 453.592,\n 'ml': 1, // Approximate, assumes density of water\n 'milliliter': 1,\n 'milliliters': 1,\n 'l': 1000,\n 'liter': 1000,\n 'liters': 1000,\n // Common cooking measurements (approximate, for water-like liquids)\n 'cup': 236.588,\n 'cups': 236.588,\n 'tbsp': 14.787,\n 'tablespoon': 14.787,\n 'tablespoons': 14.787,\n 'tsp': 4.929,\n 'teaspoon': 4.929,\n 'teaspoons': 4.929,\n};\n\n// Convert amount + unit to grams\nexport function convertToGrams(amount: number | null, unit: string | null): number | null {\n if (amount === null) return null;\n if (!unit) return null; // Don't assume grams if no unit\n\n const normalizedUnit = unit.toLowerCase().trim();\n const factor = UNIT_TO_GRAMS[normalizedUnit];\n\n if (factor !== undefined) {\n return amount * factor;\n }\n\n // Handle units like \"2 cups\" where the unit includes a number\n const match = normalizedUnit.match(/^(\\d+(?:\\.\\d+)?)\\s*(.+)$/);\n if (match) {\n const [, numStr, baseUnit] = match;\n const baseFactor = UNIT_TO_GRAMS[baseUnit.trim()];\n if (baseFactor !== undefined) {\n return amount * parseFloat(numStr) * baseFactor;\n }\n }\n\n // For unknown units (like \"piece\", \"whole\", etc.), return null\n // These will need FDC portion data for accurate conversion\n return null;\n}\n\n// Create empty nutrition object with all nutrient keys\nfunction createEmptyNutrition(): Omit & { isComplete: boolean } {\n const nutrition: Record = { isComplete: false };\n for (const key of ALL_NUTRIENT_KEYS) {\n nutrition[key] = null;\n }\n return nutrition as Omit & { isComplete: boolean };\n}\n\n// Scale nutrition values by a factor (amountGrams / 100)\nfunction scaleNutrition(nutrition: FDCNutrition, factor: number): Partial {\n const scaled: Partial = {};\n\n for (const key of ALL_NUTRIENT_KEYS) {\n const value = nutrition[key];\n if (value !== null && value !== undefined) {\n (scaled as any)[key] = value * factor;\n }\n }\n\n return scaled;\n}\n\n// Sum nutrition values\nfunction sumNutrition(\n total: Partial>,\n toAdd: Partial\n): void {\n for (const key of ALL_NUTRIENT_KEYS) {\n const value = (toAdd as any)[key];\n if (value !== null && value !== undefined) {\n (total as any)[key] = ((total as any)[key] || 0) + value;\n }\n }\n}\n\nexport interface CalculatedNutrition {\n nutrition: Omit;\n linkedCount: number;\n totalCount: number;\n unlinkedIngredients: string[];\n}\n\n// Calculate recipe nutrition from ingredients\nexport async function calculateRecipeNutrition(\n ingredients: RecipeIngredient[],\n servingSize: number\n): Promise {\n if (ingredients.length === 0) {\n return {\n nutrition: { ...createEmptyNutrition(), isComplete: true },\n linkedCount: 0,\n totalCount: 0,\n unlinkedIngredients: [],\n };\n }\n\n // Collect FDC IDs that need to be fetched\n const fdcIds = ingredients\n .filter(i => i.fdcId !== null)\n .map(i => i.fdcId as number);\n\n // Fetch all FDC foods at once\n const fdcFoods = fdcIds.length > 0 ? await getFDCFoods(fdcIds) : new Map();\n\n const totalNutrition: Partial> = {};\n const unlinkedIngredients: string[] = [];\n const incalculableIngredients: string[] = [];\n let linkedCount = 0;\n\n for (const ingredient of ingredients) {\n // Check if ingredient has FDC link\n if (!ingredient.fdcId) {\n unlinkedIngredients.push(ingredient.name);\n continue;\n }\n\n const fdcFood = fdcFoods.get(ingredient.fdcId);\n if (!fdcFood) {\n unlinkedIngredients.push(ingredient.name);\n continue;\n }\n\n // Get amount in grams\n let amountGrams = ingredient.amountGrams;\n\n // If no pre-calculated grams, try to convert\n if (amountGrams === null && ingredient.amount !== null) {\n amountGrams = convertToGrams(ingredient.amount, ingredient.unit);\n }\n\n // If still no amount, use FDC serving size as default\n if (amountGrams === null) {\n if (fdcFood.servingSize && fdcFood.servingSizeUnit?.toLowerCase() === 'g') {\n amountGrams = fdcFood.servingSize * (ingredient.amount || 1);\n }\n else {\n // Can't calculate without amount\n incalculableIngredients.push(ingredient.name);\n continue;\n }\n }\n\n // FDC nutrition is per 100g, scale by actual amount\n const scaleFactor = amountGrams / 100;\n const scaledNutrition = scaleNutrition(fdcFood.nutrition, scaleFactor);\n sumNutrition(totalNutrition, scaledNutrition);\n\n linkedCount++;\n }\n\n // Divide by serving size to get per-serving values\n const perServing: Partial> = {};\n for (const key of ALL_NUTRIENT_KEYS) {\n const value = (totalNutrition as any)[key];\n if (value !== undefined) {\n (perServing as any)[key] = value / servingSize;\n } else {\n (perServing as any)[key] = null;\n }\n }\n\n const isComplete = unlinkedIngredients.length === 0 && ingredients.length > 0;\n\n // Build result with all nutrient keys\n const resultNutrition: any = { isComplete };\n for (const key of ALL_NUTRIENT_KEYS) {\n resultNutrition[key] = (perServing as any)[key] ?? null;\n }\n // If no ingredient carried an energy value, estimate it from the summed macros\n // so the recipe's calories stay consistent with its protein/carbs/fat.\n resultNutrition.calories = resolveCaloriesOrNull(resultNutrition);\n\n return {\n nutrition: resultNutrition,\n linkedCount,\n totalCount: ingredients.length,\n unlinkedIngredients,\n };\n}\n\n// Recalculate nutrition when serving size changes\nexport function recalculateForServingSize(\n originalNutrition: RecipeNutrition,\n originalServingSize: number,\n newServingSize: number\n): Omit {\n if (originalServingSize === newServingSize) {\n return { ...originalNutrition };\n }\n\n const factor = originalServingSize / newServingSize;\n\n const result: any = { isComplete: originalNutrition.isComplete };\n for (const key of ALL_NUTRIENT_KEYS) {\n const value = (originalNutrition as any)[key];\n if (value !== null) {\n result[key] = value * factor;\n } else {\n result[key] = null;\n }\n }\n result.calories = resolveCaloriesOrNull(result);\n\n return result as Omit;\n}\n",[],[59,379,388],"7d68a7a1-cf70-4825-bda6-e58a030c89f3","fdc-client.ts","6a3ab8ca-da38-11f0-8f3b-42dde27851f2",247,["D",1788041252922],"// USDA FoodData Central API Client\n// Documentation: https://fdc.nal.usda.gov/api-guide.html\n\nimport { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nimport { FDC_FOODS_CACHE_TABLE } from \"../database/migrations.ts\";\nimport type { FDCFood, FDCNutrition, FDCSearchResult, FDCDataType, NutrientKey } from \"../../shared/types.ts\";\nimport { ALL_NUTRIENT_KEYS, resolveCaloriesOrNull } from \"../../shared/types.ts\";\n\nconst FDC_API_BASE = \"https://api.nal.usda.gov/fdc/v1\";\n\n// USDA FDC Nutrient IDs (per USDA FDC documentation)\n// Full comprehensive list of all available nutrients\nconst NUTRIENT_IDS: Record = {\n // Energy\n calories: 1008, // Energy (kcal)\n \n // Macronutrients\n protein: 1003, // Protein\n fat: 1004, // Total lipid (fat)\n carbs: 1005, // Carbohydrate, by difference\n fiber: 1079, // Fiber, total dietary\n sugars: 2000, // Sugars, total including NLEA\n addedSugars: 1235, // Sugars, added\n starch: 1009, // Starch\n \n // Fats breakdown\n saturatedFat: 1258, // Fatty acids, total saturated\n transFat: 1257, // Fatty acids, total trans\n monounsaturatedFat: 1292, // Fatty acids, total monounsaturated\n polyunsaturatedFat: 1293, // Fatty acids, total polyunsaturated\n cholesterol: 1253, // Cholesterol\n \n // Other macros\n water: 1051, // Water\n alcohol: 1018, // Alcohol, ethyl\n caffeine: 1057, // Caffeine\n \n // Minerals\n sodium: 1093, // Sodium, Na\n potassium: 1092, // Potassium, K\n calcium: 1087, // Calcium, Ca\n iron: 1089, // Iron, Fe\n magnesium: 1090, // Magnesium, Mg\n zinc: 1095, // Zinc, Zn\n phosphorus: 1091, // Phosphorus, P\n selenium: 1103, // Selenium, Se\n copper: 1098, // Copper, Cu\n manganese: 1101, // Manganese, Mn\n fluoride: 1099, // Fluoride, F\n chromium: 1096, // Chromium, Cr\n molybdenum: 1102, // Molybdenum, Mo\n iodine: 1100, // Iodine, I\n chloride: 1088, // Chlorine, Cl (Chloride)\n \n // Vitamins - Fat soluble\n vitaminA: 1106, // Vitamin A, RAE\n retinol: 1105, // Retinol\n betaCarotene: 1107, // Carotene, beta\n alphaCarotene: 1108, // Carotene, alpha\n betaCryptoxanthin: 1120, // Cryptoxanthin, beta\n lycopene: 1122, // Lycopene\n luteinZeaxanthin: 1123, // Lutein + zeaxanthin\n vitaminD: 1114, // Vitamin D (D2 + D3)\n vitaminD2: 1111, // Vitamin D2 (ergocalciferol)\n vitaminD3: 1112, // Vitamin D3 (cholecalciferol)\n vitaminE: 1109, // Vitamin E (alpha-tocopherol)\n vitaminK: 1185, // Vitamin K (phylloquinone)\n vitaminK2: 1184, // Vitamin K (Dihydrophylloquinone) / menaquinone-4\n \n // Vitamins - Water soluble\n vitaminC: 1162, // Vitamin C, total ascorbic acid\n vitaminB6: 1175, // Vitamin B-6\n vitaminB12: 1178, // Vitamin B-12\n thiamin: 1165, // Thiamin (B1)\n riboflavin: 1166, // Riboflavin (B2)\n niacin: 1167, // Niacin (B3)\n pantothenicAcid: 1170, // Pantothenic acid (B5)\n biotin: 1176, // Biotin (B7)\n folate: 1177, // Folate, total (DFE)\n folicAcid: 1186, // Folic acid\n choline: 1180, // Choline, total\n betaine: 1198, // Betaine\n};\n\nfunction getApiKey(): string {\n const apiKey = Deno.env.get(\"FDC_API_KEY\");\n if (!apiKey) {\n throw new Error(\"FDC_API_KEY environment variable is not set\");\n }\n return apiKey;\n}\n\n// Micronutrient IDs for counting available data (vitamins + minerals, excluding basic macros)\nconst MICRONUTRIENT_KEYS: NutrientKey[] = [\n // Minerals\n 'sodium', 'potassium', 'calcium', 'iron', 'magnesium', 'zinc',\n 'phosphorus', 'selenium', 'copper', 'manganese',\n // Vitamins\n 'vitaminA', 'vitaminC', 'vitaminD', 'vitaminE', 'vitaminK',\n 'vitaminB6', 'vitaminB12', 'thiamin', 'riboflavin', 'niacin',\n 'pantothenicAcid', 'biotin', 'folate', 'choline',\n];\n\nconst MICRONUTRIENT_IDS = MICRONUTRIENT_KEYS.map(key => NUTRIENT_IDS[key]);\n\n// Count micronutrients from food nutrients array\nfunction countMicronutrientsFromNutrients(nutrients: any[]): number {\n if (!nutrients || !Array.isArray(nutrients)) return 0;\n\n let count = 0;\n for (const nutrientId of MICRONUTRIENT_IDS) {\n const nutrient = nutrients.find((n: any) =>\n n.nutrientId === nutrientId || n.nutrient?.id === nutrientId\n );\n if (nutrient && (nutrient.amount != null || nutrient.value != null)) {\n count++;\n }\n }\n return count;\n}\n\n// Search FDC foods\nexport async function searchFDCFoods(\n query: string,\n options?: {\n dataType?: FDCDataType[];\n pageSize?: number;\n pageNumber?: number;\n sortBy?: string;\n sortOrder?: 'asc' | 'desc';\n }\n): Promise {\n const apiKey = getApiKey();\n const pageSize = options?.pageSize ?? 25;\n const pageNumber = options?.pageNumber ?? 1;\n\n // Build data type filter\n const dataTypes = options?.dataType ?? ['Branded', 'Foundation', 'SR Legacy'];\n\n const response = await fetch(`${FDC_API_BASE}/foods/search?api_key=${apiKey}`, {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({\n query: query.trim(),\n dataType: dataTypes,\n pageSize,\n pageNumber,\n sortBy: options?.sortBy,\n sortOrder: options?.sortOrder,\n }),\n });\n\n if (!response.ok) {\n const errorText = await response.text();\n throw new Error(`FDC API search failed: ${response.status} ${errorText}`);\n }\n\n const data = await response.json();\n\n return (data.foods || []).map((food: any) => ({\n fdcId: food.fdcId,\n description: food.description,\n dataType: food.dataType,\n brandOwner: food.brandOwner || null,\n brandName: food.brandName || null,\n score: food.score || 0,\n micronutrientCount: food.foodNutrients\n ? countMicronutrientsFromNutrients(food.foodNutrients)\n : null,\n }));\n}\n\n// Extract nutrition from FDC food nutrients array\nfunction extractNutrition(nutrients: any[]): FDCNutrition {\n const getNutrientValue = (nutrientId: number): number | null => {\n const nutrient = nutrients.find((n: any) => n.nutrientId === nutrientId || n.nutrient?.id === nutrientId);\n if (!nutrient) return null;\n return nutrient.amount ?? nutrient.value ?? null;\n };\n\n // Build nutrition object dynamically from NUTRIENT_IDS\n const nutrition: Partial = {};\n for (const key of ALL_NUTRIENT_KEYS) {\n const nutrientId = NUTRIENT_IDS[key];\n if (nutrientId !== undefined) {\n (nutrition as any)[key] = getNutrientValue(nutrientId);\n }\n }\n\n // Energy fallback: 1008 (Energy, kcal) is the usual source but many foods only\n // carry the Atwater-factor variants (2047/2048) or energy in kJ (1062).\n if (nutrition.calories == null) {\n const kcal = getNutrientValue(2047) ?? getNutrientValue(2048);\n const kj = getNutrientValue(1062);\n nutrition.calories = kcal ?? (kj != null ? kj / 4.184 : null);\n }\n // Last resort: estimate from macros so calories never reads null while\n // protein/carbs/fat have values.\n nutrition.calories = resolveCaloriesOrNull(nutrition);\n\n return nutrition as FDCNutrition;\n}\n\n// Get detailed food info from FDC API\nexport async function getFDCFoodFromApi(fdcId: number): Promise {\n const apiKey = getApiKey();\n\n const response = await fetch(`${FDC_API_BASE}/food/${fdcId}?api_key=${apiKey}`);\n\n if (!response.ok) {\n const errorText = await response.text();\n throw new Error(`FDC API food fetch failed: ${response.status} ${errorText}`);\n }\n\n const food = await response.json();\n\n // Extract nutrients (different structure for different data types)\n const nutrients = food.foodNutrients || [];\n\n return {\n fdcId: food.fdcId,\n description: food.description,\n dataType: food.dataType,\n brandOwner: food.brandOwner || null,\n brandName: food.brandName || null,\n servingSize: food.servingSize || null,\n servingSizeUnit: food.servingSizeUnit || null,\n householdServingText: food.householdServingFullText || null,\n nutrition: extractNutrition(nutrients),\n cachedAt: new Date().toISOString(),\n };\n}\n\n// Cache FDC food to database\nexport async function cacheFDCFood(food: FDCFood): Promise {\n const n = food.nutrition;\n\n await sqlite.execute(`\n INSERT OR REPLACE INTO ${FDC_FOODS_CACHE_TABLE} (\n fdc_id, description, data_type, brand_owner, brand_name,\n serving_size, serving_size_unit, household_serving_text,\n calories, protein, fat, carbs, fiber, sugars, added_sugars, starch,\n saturated_fat, trans_fat, monounsaturated_fat, polyunsaturated_fat, cholesterol,\n water, alcohol, caffeine,\n sodium, potassium, calcium, iron, magnesium, zinc,\n phosphorus, selenium, copper, manganese, fluoride, chromium, molybdenum, iodine, chloride,\n vitamin_a, retinol, beta_carotene, alpha_carotene, beta_cryptoxanthin, lycopene, lutein_zeaxanthin,\n vitamin_d, vitamin_d2, vitamin_d3, vitamin_e, vitamin_k, vitamin_k2,\n vitamin_c, vitamin_b6, vitamin_b12, thiamin, riboflavin, niacin,\n pantothenic_acid, biotin, folate, folic_acid, choline, betaine,\n cached_at\n ) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)\n `, [\n food.fdcId, food.description, food.dataType, food.brandOwner, food.brandName,\n food.servingSize, food.servingSizeUnit, food.householdServingText,\n n.calories, n.protein, n.fat, n.carbs, n.fiber, n.sugars, n.addedSugars, n.starch,\n n.saturatedFat, n.transFat, n.monounsaturatedFat, n.polyunsaturatedFat, n.cholesterol,\n n.water, n.alcohol, n.caffeine,\n n.sodium, n.potassium, n.calcium, n.iron, n.magnesium, n.zinc,\n n.phosphorus, n.selenium, n.copper, n.manganese, n.fluoride, n.chromium, n.molybdenum, n.iodine, n.chloride,\n n.vitaminA, n.retinol, n.betaCarotene, n.alphaCarotene, n.betaCryptoxanthin, n.lycopene, n.luteinZeaxanthin,\n n.vitaminD, n.vitaminD2, n.vitaminD3, n.vitaminE, n.vitaminK, n.vitaminK2,\n n.vitaminC, n.vitaminB6, n.vitaminB12, n.thiamin, n.riboflavin, n.niacin,\n n.pantothenicAcid, n.biotin, n.folate, n.folicAcid, n.choline, n.betaine,\n food.cachedAt,\n ]);\n}\n\n// Get FDC food from cache\nexport async function getFDCFoodFromCache(fdcId: number): Promise {\n const result = await sqlite.execute(\n `SELECT * FROM ${FDC_FOODS_CACHE_TABLE} WHERE fdc_id = ?`,\n [fdcId]\n );\n\n if (result.rows.length === 0) return null;\n\n const row = result.rows[0];\n const nutrition: FDCNutrition = {\n calories: row.calories as number | null,\n protein: row.protein as number | null,\n fat: row.fat as number | null,\n carbs: row.carbs as number | null,\n fiber: row.fiber as number | null,\n sugars: row.sugars as number | null,\n addedSugars: row.added_sugars as number | null,\n starch: row.starch as number | null,\n saturatedFat: row.saturated_fat as number | null,\n transFat: row.trans_fat as number | null,\n monounsaturatedFat: row.monounsaturated_fat as number | null,\n polyunsaturatedFat: row.polyunsaturated_fat as number | null,\n cholesterol: row.cholesterol as number | null,\n water: row.water as number | null,\n alcohol: row.alcohol as number | null,\n caffeine: row.caffeine as number | null,\n sodium: row.sodium as number | null,\n potassium: row.potassium as number | null,\n calcium: row.calcium as number | null,\n iron: row.iron as number | null,\n magnesium: row.magnesium as number | null,\n zinc: row.zinc as number | null,\n phosphorus: row.phosphorus as number | null,\n selenium: row.selenium as number | null,\n copper: row.copper as number | null,\n manganese: row.manganese as number | null,\n fluoride: row.fluoride as number | null,\n chromium: row.chromium as number | null,\n molybdenum: row.molybdenum as number | null,\n iodine: row.iodine as number | null,\n chloride: row.chloride as number | null,\n vitaminA: row.vitamin_a as number | null,\n retinol: row.retinol as number | null,\n betaCarotene: row.beta_carotene as number | null,\n alphaCarotene: row.alpha_carotene as number | null,\n betaCryptoxanthin: row.beta_cryptoxanthin as number | null,\n lycopene: row.lycopene as number | null,\n luteinZeaxanthin: row.lutein_zeaxanthin as number | null,\n vitaminD: row.vitamin_d as number | null,\n vitaminD2: row.vitamin_d2 as number | null,\n vitaminD3: row.vitamin_d3 as number | null,\n vitaminE: row.vitamin_e as number | null,\n vitaminK: row.vitamin_k as number | null,\n vitaminK2: row.vitamin_k2 as number | null,\n vitaminC: row.vitamin_c as number | null,\n vitaminB6: row.vitamin_b6 as number | null,\n vitaminB12: row.vitamin_b12 as number | null,\n thiamin: row.thiamin as number | null,\n riboflavin: row.riboflavin as number | null,\n niacin: row.niacin as number | null,\n pantothenicAcid: row.pantothenic_acid as number | null,\n biotin: row.biotin as number | null,\n folate: row.folate as number | null,\n folicAcid: row.folic_acid as number | null,\n choline: row.choline as number | null,\n betaine: row.betaine as number | null,\n };\n // Backfill energy for rows cached before the fallback existed.\n nutrition.calories = resolveCaloriesOrNull(nutrition);\n\n return {\n fdcId: row.fdc_id as number,\n description: row.description as string,\n dataType: row.data_type as FDCDataType,\n brandOwner: row.brand_owner as string | null,\n brandName: row.brand_name as string | null,\n servingSize: row.serving_size as number | null,\n servingSizeUnit: row.serving_size_unit as string | null,\n householdServingText: row.household_serving_text as string | null,\n nutrition,\n cachedAt: row.cached_at as string,\n };\n}\n\n// Get FDC food with caching (fetches from API if not cached or cache is old)\nexport async function getFDCFood(fdcId: number, maxCacheAgeHours = 24 * 7): Promise {\n // Try cache first\n const cached = await getFDCFoodFromCache(fdcId);\n\n if (cached) {\n // Check if cache is still valid\n const cacheAge = Date.now() - new Date(cached.cachedAt).getTime();\n const maxAge = maxCacheAgeHours * 60 * 60 * 1000;\n\n if (cacheAge < maxAge) {\n return cached;\n }\n }\n\n // Fetch from API\n const food = await getFDCFoodFromApi(fdcId);\n\n // Cache the result\n await cacheFDCFood(food);\n\n return food;\n}\n\n// Get multiple FDC foods (batch with caching)\nexport async function getFDCFoods(fdcIds: number[]): Promise> {\n const result = new Map();\n const toFetch: number[] = [];\n\n // Check cache for each\n for (const fdcId of fdcIds) {\n const cached = await getFDCFoodFromCache(fdcId);\n if (cached) {\n const cacheAge = Date.now() - new Date(cached.cachedAt).getTime();\n const maxAge = 24 * 7 * 60 * 60 * 1000; // 7 days\n if (cacheAge < maxAge) {\n result.set(fdcId, cached);\n continue;\n }\n }\n toFetch.push(fdcId);\n }\n\n // Fetch missing from API (one by one to avoid rate limits)\n for (const fdcId of toFetch) {\n try {\n const food = await getFDCFoodFromApi(fdcId);\n await cacheFDCFood(food);\n result.set(fdcId, food);\n } catch (error) {\n console.error(`Failed to fetch FDC food ${fdcId}:`, error);\n }\n }\n\n return result;\n}\n\n// Auto-match ingredient name to FDC food (Foundation Foods only)\nexport async function autoMatchIngredient(ingredientName: string): Promise<{\n match: FDCSearchResult | null;\n confidence: number;\n alternatives: FDCSearchResult[];\n}> {\n // Clean up ingredient name for better matching\n const cleanName = ingredientName\n .toLowerCase()\n .replace(/[,()]/g, ' ')\n .replace(/\\s+/g, ' ')\n .trim();\n\n // Search only Foundation Foods and SR Legacy for auto-matching (not Branded)\n const results = await searchFDCFoods(cleanName, {\n dataType: ['Foundation', 'SR Legacy'],\n pageSize: 5\n });\n\n if (results.length === 0) {\n return { match: null, confidence: 0, alternatives: [] };\n }\n\n // Return the first result as the match (per user request)\n return {\n match: results[0],\n confidence: 100,\n alternatives: results.slice(1, 5),\n };\n}\n",[],[59,379,396],"b8ad561a-d3a9-11f0-8e4b-42dde27851f2","routes","b8ad56f6-d3a9-11f0-8e4b-42dde27851f2",["D",1765138634968],[409,410,411,412,413,414,415,416],[59,404],{"_35":473,"_13":474,"_38":475,"_40":405,"_42":43,"_44":476,"_46":47,"_48":477,"_17":120,"_51":52,"_53":478,"_55":56,"_57":-5,"_89":479,"_18":480},{"_35":465,"_13":466,"_38":467,"_40":405,"_42":43,"_44":468,"_46":47,"_48":469,"_17":113,"_51":52,"_53":470,"_55":56,"_57":-5,"_89":471,"_18":472},{"_35":457,"_13":458,"_38":459,"_40":405,"_42":43,"_44":460,"_46":47,"_48":461,"_17":157,"_51":52,"_53":462,"_55":56,"_57":-5,"_89":463,"_18":464},{"_35":449,"_13":450,"_38":451,"_40":405,"_42":43,"_44":452,"_46":47,"_48":453,"_17":224,"_51":52,"_53":454,"_55":56,"_57":-5,"_89":455,"_18":456},{"_35":441,"_13":442,"_38":443,"_40":405,"_42":43,"_44":444,"_46":47,"_48":445,"_17":157,"_51":52,"_53":446,"_55":56,"_57":-5,"_89":447,"_18":448},{"_35":433,"_13":434,"_38":435,"_40":405,"_42":43,"_44":436,"_46":47,"_48":437,"_17":224,"_51":52,"_53":438,"_55":56,"_57":-5,"_89":439,"_18":440},{"_35":425,"_13":426,"_38":427,"_40":405,"_42":43,"_44":428,"_46":47,"_48":429,"_17":71,"_51":52,"_53":430,"_55":56,"_57":-5,"_89":431,"_18":432},{"_35":417,"_13":418,"_38":419,"_40":405,"_42":43,"_44":420,"_46":47,"_48":421,"_17":331,"_51":52,"_53":422,"_55":56,"_57":-5,"_89":423,"_18":424},"8d1e60f2-d926-11f0-8373-42dde27851f2","scraper-eval.ts","085d9006-d91f-11f0-9791-42dde27851f2",63,["D",1765742004797],"import { Hono } from \"https://esm.sh/hono@4.4.2\";\nimport * as cheerio from \"https://esm.sh/cheerio@1.0.0-rc.12\";\nimport { requireAuth } from \"../middleware/session.ts\";\nimport {\n getScraperEvalUrls,\n addScraperEvalUrl,\n addScraperEvalUrls,\n deleteScraperEvalUrl,\n deleteAllScraperEvalUrls,\n} from \"../database/queries.ts\";\n\nconst app = new Hono();\n\n// Scraper names for consistent reference\nconst SCRAPER_NAMES = [\n \"json-ld-native\",\n \"microdata-native\",\n \"html-recipe-parser\",\n \"schema-org-extractor\",\n] as const;\n\ntype ScraperName = typeof SCRAPER_NAMES[number];\n\ninterface ScraperResult {\n scraper: ScraperName;\n success: boolean;\n data?: any;\n error?: string;\n durationMs: number;\n}\n\ninterface UrlResult {\n url: string;\n results: ScraperResult[];\n}\n\n// Helper to fetch HTML with proper headers\nasync function fetchHtml(url: string): Promise {\n const response = await fetch(url, {\n headers: {\n \"User-Agent\": \"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36\",\n \"Accept\": \"text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8\",\n \"Accept-Language\": \"en-US,en;q=0.9\",\n },\n });\n if (!response.ok) {\n throw new Error(`HTTP ${response.status}: ${response.statusText}`);\n }\n return await response.text();\n}\n\n// Native JSON-LD parser - extracts schema.org Recipe from JSON-LD scripts\nfunction parseJsonLd(html: string, sourceUrl: string): any {\n const $ = cheerio.load(html);\n const scripts = $('script[type=\"application/ld+json\"]');\n \n for (let i = 0; i < scripts.length; i++) {\n try {\n const content = $(scripts[i]).html();\n if (!content) continue;\n \n const data = JSON.parse(content);\n const recipe = findRecipeInData(data);\n if (recipe) {\n return normalizeRecipe(recipe, sourceUrl);\n }\n } catch (e) {\n // Continue to next script\n }\n }\n \n throw new Error(\"No JSON-LD Recipe schema found\");\n}\n\n// Native Microdata parser - extracts schema.org Recipe from microdata attributes\nfunction parseMicrodata(html: string, sourceUrl: string): any {\n const $ = cheerio.load(html);\n \n // Look for itemtype=\"https://schema.org/Recipe\" or \"http://schema.org/Recipe\"\n const recipeElement = $('[itemtype*=\"schema.org/Recipe\"]').first();\n \n if (recipeElement.length === 0) {\n throw new Error(\"No Microdata Recipe schema found\");\n }\n \n const recipe: any = {\n \"@type\": \"Recipe\",\n sourceUrl,\n };\n \n // Extract itemprop values\n recipeElement.find('[itemprop]').each((_, el) => {\n const prop = $(el).attr('itemprop');\n if (!prop) return;\n \n let value: string | undefined;\n if ($(el).attr('content')) {\n value = $(el).attr('content');\n } else if ($(el).is('meta')) {\n value = $(el).attr('content');\n } else if ($(el).is('time')) {\n value = $(el).attr('datetime') || $(el).text().trim();\n } else if ($(el).is('img')) {\n value = $(el).attr('src');\n } else if ($(el).is('a')) {\n value = $(el).attr('href') || $(el).text().trim();\n } else {\n value = $(el).text().trim();\n }\n \n if (value) {\n // Handle arrays (ingredients, instructions)\n if (prop === 'recipeIngredient' || prop === 'ingredients') {\n if (!recipe.recipeIngredient) recipe.recipeIngredient = [];\n recipe.recipeIngredient.push(value);\n } else if (prop === 'recipeInstructions' || prop === 'instructions') {\n if (!recipe.recipeInstructions) recipe.recipeInstructions = [];\n recipe.recipeInstructions.push(value);\n } else {\n recipe[prop] = value;\n }\n }\n });\n \n return normalizeRecipe(recipe, sourceUrl);\n}\n\n// Schema.org extractor - combines multiple extraction methods\nfunction parseSchemaOrg(html: string, sourceUrl: string): any {\n const $ = cheerio.load(html);\n \n // Try JSON-LD first\n try {\n return parseJsonLd(html, sourceUrl);\n } catch (e) {\n // Continue\n }\n \n // Try Microdata\n try {\n return parseMicrodata(html, sourceUrl);\n } catch (e) {\n // Continue\n }\n \n // Fallback: Try to extract common recipe patterns from HTML\n const recipe: any = {\n sourceUrl,\n extractionMethod: \"heuristic\",\n };\n \n // Try to find title\n recipe.name = $('h1').first().text().trim() || \n $('meta[property=\"og:title\"]').attr('content') ||\n $('title').text().trim();\n \n // Try to find ingredients by common class names\n const ingredientSelectors = [\n '.ingredients li',\n '.ingredient-list li',\n '[class*=\"ingredient\"] li',\n '.recipe-ingredients li',\n 'ul.ingredients li',\n ];\n \n for (const selector of ingredientSelectors) {\n const items = $(selector);\n if (items.length > 0) {\n recipe.recipeIngredient = items.map((_, el) => $(el).text().trim()).get();\n break;\n }\n }\n \n // Try to find instructions\n const instructionSelectors = [\n '.instructions li',\n '.instruction-list li',\n '[class*=\"instruction\"] li',\n '.recipe-instructions li',\n '.directions li',\n '.steps li',\n ];\n \n for (const selector of instructionSelectors) {\n const items = $(selector);\n if (items.length > 0) {\n recipe.recipeInstructions = items.map((_, el) => $(el).text().trim()).get();\n break;\n }\n }\n \n if (!recipe.recipeIngredient && !recipe.recipeInstructions) {\n throw new Error(\"Could not extract recipe data using any method\");\n }\n \n return recipe;\n}\n\n// HTML Recipe Parser - simulates the npm package behavior using JSON-LD\nasync function parseHtmlRecipeParser(html: string, sourceUrl: string): Promise {\n // This mimics html-recipe-parser which primarily uses JSON-LD\n return parseJsonLd(html, sourceUrl);\n}\n\n// Find Recipe in nested JSON-LD data\nfunction findRecipeInData(data: any): any {\n if (!data) return null;\n \n // Direct Recipe type\n if (data[\"@type\"] === \"Recipe\") {\n return data;\n }\n \n // Array of types (e.g., [\"Recipe\", \"HowTo\"])\n if (Array.isArray(data[\"@type\"]) && data[\"@type\"].includes(\"Recipe\")) {\n return data;\n }\n \n // Check in @graph\n if (data[\"@graph\"] && Array.isArray(data[\"@graph\"])) {\n for (const item of data[\"@graph\"]) {\n const recipe = findRecipeInData(item);\n if (recipe) return recipe;\n }\n }\n \n // Check in array\n if (Array.isArray(data)) {\n for (const item of data) {\n const recipe = findRecipeInData(item);\n if (recipe) return recipe;\n }\n }\n \n return null;\n}\n\n// Normalize recipe data to a consistent format\nfunction normalizeRecipe(recipe: any, sourceUrl: string): any {\n const normalized: any = {\n name: recipe.name || recipe.headline || \"Untitled Recipe\",\n sourceUrl,\n ingredients: [],\n instructions: [],\n };\n \n // Normalize ingredients\n const rawIngredients = recipe.recipeIngredient || recipe.ingredients || [];\n normalized.ingredients = Array.isArray(rawIngredients) \n ? rawIngredients.map((i: any) => typeof i === 'string' ? i : i.text || String(i))\n : [rawIngredients];\n \n // Normalize instructions\n const rawInstructions = recipe.recipeInstructions || recipe.instructions || [];\n if (Array.isArray(rawInstructions)) {\n normalized.instructions = rawInstructions.map((i: any) => {\n if (typeof i === 'string') return i;\n if (i.text) return i.text;\n if (i[\"@type\"] === \"HowToStep\") return i.text || i.name || \"\";\n if (i[\"@type\"] === \"HowToSection\") {\n // Handle sections with nested steps\n const steps = i.itemListElement || [];\n return steps.map((s: any) => s.text || s.name || \"\").join(\" \");\n }\n return String(i);\n });\n } else {\n normalized.instructions = [rawInstructions];\n }\n \n // Copy other useful fields\n if (recipe.image) {\n normalized.imageUrl = Array.isArray(recipe.image) \n ? recipe.image[0] \n : (typeof recipe.image === 'string' ? recipe.image : recipe.image.url);\n }\n if (recipe.author) {\n normalized.author = typeof recipe.author === 'string' \n ? recipe.author \n : recipe.author.name || recipe.author[0]?.name;\n }\n if (recipe.prepTime) normalized.prepTime = recipe.prepTime;\n if (recipe.cookTime) normalized.cookTime = recipe.cookTime;\n if (recipe.totalTime) normalized.totalTime = recipe.totalTime;\n if (recipe.recipeYield) normalized.yield = recipe.recipeYield;\n if (recipe.nutrition) normalized.nutrition = recipe.nutrition;\n if (recipe.recipeCategory) normalized.category = recipe.recipeCategory;\n if (recipe.recipeCuisine) normalized.cuisine = recipe.recipeCuisine;\n if (recipe.description) normalized.description = recipe.description;\n \n // Include raw data for debugging\n normalized._raw = recipe;\n \n return normalized;\n}\n\n// Individual scraper runners\nasync function runJsonLdNative(html: string, url: string): Promise {\n const start = Date.now();\n try {\n const data = parseJsonLd(html, url);\n return {\n scraper: \"json-ld-native\",\n success: true,\n data,\n durationMs: Date.now() - start,\n };\n } catch (error) {\n return {\n scraper: \"json-ld-native\",\n success: false,\n error: error instanceof Error ? error.message : String(error),\n durationMs: Date.now() - start,\n };\n }\n}\n\nasync function runMicrodataNative(html: string, url: string): Promise {\n const start = Date.now();\n try {\n const data = parseMicrodata(html, url);\n return {\n scraper: \"microdata-native\",\n success: true,\n data,\n durationMs: Date.now() - start,\n };\n } catch (error) {\n return {\n scraper: \"microdata-native\",\n success: false,\n error: error instanceof Error ? error.message : String(error),\n durationMs: Date.now() - start,\n };\n }\n}\n\nasync function runHtmlRecipeParser(html: string, url: string): Promise {\n const start = Date.now();\n try {\n const data = await parseHtmlRecipeParser(html, url);\n return {\n scraper: \"html-recipe-parser\",\n success: true,\n data,\n durationMs: Date.now() - start,\n };\n } catch (error) {\n return {\n scraper: \"html-recipe-parser\",\n success: false,\n error: error instanceof Error ? error.message : String(error),\n durationMs: Date.now() - start,\n };\n }\n}\n\nasync function runSchemaOrgExtractor(html: string, url: string): Promise {\n const start = Date.now();\n try {\n const data = parseSchemaOrg(html, url);\n return {\n scraper: \"schema-org-extractor\",\n success: true,\n data,\n durationMs: Date.now() - start,\n };\n } catch (error) {\n return {\n scraper: \"schema-org-extractor\",\n success: false,\n error: error instanceof Error ? error.message : String(error),\n durationMs: Date.now() - start,\n };\n }\n}\n\n// Run all scrapers for a single URL\nasync function scrapeUrl(url: string): Promise {\n let html: string;\n const fetchStart = Date.now();\n \n try {\n html = await fetchHtml(url);\n } catch (error) {\n const errorMsg = error instanceof Error ? error.message : String(error);\n // Return error for all scrapers if fetch fails\n return {\n url,\n results: SCRAPER_NAMES.map(scraper => ({\n scraper,\n success: false,\n error: `Failed to fetch: ${errorMsg}`,\n durationMs: Date.now() - fetchStart,\n })),\n };\n }\n \n // Run all scrapers in parallel on the fetched HTML\n const results = await Promise.all([\n runJsonLdNative(html, url),\n runMicrodataNative(html, url),\n runHtmlRecipeParser(html, url),\n runSchemaOrgExtractor(html, url),\n ]);\n\n return { url, results };\n}\n\n// POST endpoint to scrape multiple URLs\napp.post(\"/\", async (c) => {\n const body = await c.req.json();\n const urls: string[] = body.urls;\n\n if (!Array.isArray(urls) || urls.length === 0) {\n return c.json({ success: false, error: \"urls must be a non-empty array\" }, 400);\n }\n\n // Validate URLs\n const validUrls = urls.filter((url) => {\n try {\n new URL(url);\n return true;\n } catch {\n return false;\n }\n });\n\n if (validUrls.length === 0) {\n return c.json({ success: false, error: \"No valid URLs provided\" }, 400);\n }\n\n // Run scrapers for all URLs in parallel\n const results = await Promise.all(validUrls.map(scrapeUrl));\n\n return c.json({\n success: true,\n data: results,\n scraperNames: SCRAPER_NAMES,\n });\n});\n\n// GET endpoint to get scraper info\napp.get(\"/info\", (c) => {\n return c.json({\n success: true,\n data: {\n scrapers: SCRAPER_NAMES,\n description: \"Recipe scraper evaluation tool - compares different extraction methods\",\n methods: {\n \"json-ld-native\": \"Extracts Recipe schema from JSON-LD script tags\",\n \"microdata-native\": \"Extracts Recipe schema from microdata attributes\",\n \"html-recipe-parser\": \"Simulates html-recipe-parser npm package (JSON-LD based)\",\n \"schema-org-extractor\": \"Combines JSON-LD, Microdata, and heuristic fallback\",\n },\n },\n });\n});\n\n// ============ URL PERSISTENCE ENDPOINTS ============\n\n// GET /urls - Get all saved URLs for the user\napp.get(\"/urls\", async (c) => {\n const user = requireAuth(c);\n const urls = await getScraperEvalUrls(user.id);\n return c.json({ success: true, data: urls });\n});\n\n// POST /urls - Add new URLs\napp.post(\"/urls\", async (c) => {\n const user = requireAuth(c);\n const body = await c.req.json();\n \n // Support both single URL and array of URLs\n const urlsToAdd: string[] = Array.isArray(body.urls) \n ? body.urls \n : (body.url ? [body.url] : []);\n \n // Validate URLs\n const validUrls = urlsToAdd.filter((url) => {\n try {\n new URL(url);\n return true;\n } catch {\n return false;\n }\n });\n \n if (validUrls.length === 0) {\n return c.json({ success: false, error: \"No valid URLs provided\" }, 400);\n }\n \n const added = await addScraperEvalUrls(user.id, validUrls);\n return c.json({ \n success: true, \n data: added,\n message: `Added ${added.length} URL(s)` \n });\n});\n\n// DELETE /urls/:id - Delete a specific URL\napp.delete(\"/urls/:id\", async (c) => {\n const user = requireAuth(c);\n const urlId = c.req.param(\"id\");\n \n const deleted = await deleteScraperEvalUrl(user.id, urlId);\n \n if (!deleted) {\n return c.json({ success: false, error: \"URL not found\" }, 404);\n }\n \n return c.json({ success: true });\n});\n\n// DELETE /urls - Clear all URLs\napp.delete(\"/urls\", async (c) => {\n const user = requireAuth(c);\n const count = await deleteAllScraperEvalUrls(user.id);\n return c.json({ success: true, deleted: count });\n});\n\nexport const scraperEvalRoutes = app;\n",[],[59,404,418],"fa3e22ae-eeab-11f0-adef-42dde27851f2","recipes.ts","b91aea68-d3a9-11f0-897f-42dde27851f2",231,["D",1768108285360],"import { Hono } from \"https://esm.sh/hono@4.4.2\";\nimport * as cheerio from \"https://esm.sh/cheerio@1.0.0-rc.12\";\nimport { parseIngredient as sharpParseIngredient } from \"https://esm.sh/@jlucaspains/sharp-recipe-parser@1.1.0\";\nimport { requireAuth } from \"../middleware/session.ts\";\nimport {\n getRecipesByUser,\n getRecipeById,\n createRecipe,\n updateRecipe,\n deleteRecipe,\n duplicateRecipe,\n} from \"../database/queries.ts\";\nimport { getFDCFoods } from \"../services/fdc-client.ts\";\nimport type { CreateRecipeRequest, UpdateRecipeRequest, ParsedRecipeFromUrl, FDCFood } from \"../../shared/types.ts\";\n\nconst recipesRoutes = new Hono();\n\n// Get all recipes for user\nrecipesRoutes.get('/', async (c) => {\n const user = requireAuth(c);\n const recipes = await getRecipesByUser(user.id);\n return c.json({ success: true, data: recipes });\n});\n\n// Get single recipe\nrecipesRoutes.get('/:id', async (c) => {\n const user = requireAuth(c);\n const recipeId = c.req.param('id');\n\n const recipe = await getRecipeById(recipeId, user.id);\n\n if (!recipe) {\n return c.json({ success: false, error: 'Recipe not found' }, 404);\n }\n\n return c.json({ success: true, data: recipe });\n});\n\n// Create new recipe\nrecipesRoutes.post('/', async (c) => {\n const user = requireAuth(c);\n const body: CreateRecipeRequest = await c.req.json();\n\n if (!body.title) {\n return c.json({ success: false, error: 'Title is required' }, 400);\n }\n\n // Note: nutrition is now calculated from FDC-linked ingredients, not passed in\n const recipe = await createRecipe(\n user.id,\n body.title,\n body.url ?? null,\n body.instructions ?? null,\n body.servingSize || 1,\n body.ingredients || []\n );\n\n return c.json({ success: true, data: recipe });\n});\n\n// Update recipe\nrecipesRoutes.patch('/:id', async (c) => {\n const user = requireAuth(c);\n const recipeId = c.req.param('id');\n const body: UpdateRecipeRequest = await c.req.json();\n\n // Note: nutrition is recalculated from FDC-linked ingredients when ingredients change\n const recipe = await updateRecipe(recipeId, user.id, {\n title: body.title,\n url: body.url,\n instructions: body.instructions,\n servingSize: body.servingSize,\n ingredients: body.ingredients,\n });\n\n if (!recipe) {\n return c.json({ success: false, error: 'Recipe not found' }, 404);\n }\n\n return c.json({ success: true, data: recipe });\n});\n\n// Delete recipe\nrecipesRoutes.delete('/:id', async (c) => {\n const user = requireAuth(c);\n const recipeId = c.req.param('id');\n\n const deleted = await deleteRecipe(recipeId, user.id);\n\n if (!deleted) {\n return c.json({ success: false, error: 'Recipe not found' }, 404);\n }\n\n return c.json({ success: true });\n});\n\n// Duplicate recipe\nrecipesRoutes.post('/:id/duplicate', async (c) => {\n const user = requireAuth(c);\n const recipeId = c.req.param('id');\n\n const recipe = await duplicateRecipe(recipeId, user.id);\n\n if (!recipe) {\n return c.json({ success: false, error: 'Recipe not found' }, 404);\n }\n\n return c.json({ success: true, data: recipe });\n});\n\n// Get nutrition data for all linked ingredients in a recipe\n// Returns a map of fdcId -> FDCFood for calculating nutrient breakdowns\nrecipesRoutes.get('/:id/ingredient-nutrition', async (c) => {\n const user = requireAuth(c);\n const recipeId = c.req.param('id');\n\n const recipe = await getRecipeById(recipeId, user.id);\n\n if (!recipe) {\n return c.json({ success: false, error: 'Recipe not found' }, 404);\n }\n\n // Get all unique fdcIds from linked ingredients\n const fdcIds = recipe.ingredients\n .filter(ing => ing.fdcId !== null)\n .map(ing => ing.fdcId as number);\n\n const uniqueFdcIds = [...new Set(fdcIds)];\n\n if (uniqueFdcIds.length === 0) {\n return c.json({ success: true, data: {} });\n }\n\n try {\n // Fetch nutrition data for all linked ingredients\n const nutritionMap = await getFDCFoods(uniqueFdcIds);\n\n // Convert Map to plain object for JSON serialization\n const nutritionData: Record = {};\n for (const [fdcId, food] of nutritionMap) {\n nutritionData[fdcId] = food;\n }\n\n return c.json({ success: true, data: nutritionData });\n } catch (error) {\n const message = error instanceof Error ? error.message : 'Unknown error';\n return c.json({ success: false, error: message }, 500);\n }\n});\n\n// ============ RECIPE URL PARSING ============\n\n// Helper to fetch HTML with proper headers\nasync function fetchHtml(url: string): Promise {\n const response = await fetch(url, {\n headers: {\n \"User-Agent\": \"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36\",\n \"Accept\": \"text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8\",\n \"Accept-Language\": \"en-US,en;q=0.9\",\n },\n });\n if (!response.ok) {\n throw new Error(`HTTP ${response.status}: ${response.statusText}`);\n }\n return await response.text();\n}\n\n// Find Recipe in nested JSON-LD data\nfunction findRecipeInData(data: any): any {\n if (!data) return null;\n\n // Direct Recipe type\n if (data[\"@type\"] === \"Recipe\") {\n return data;\n }\n\n // Array of types (e.g., [\"Recipe\", \"HowTo\"])\n if (Array.isArray(data[\"@type\"]) && data[\"@type\"].includes(\"Recipe\")) {\n return data;\n }\n\n // Check in @graph\n if (data[\"@graph\"] && Array.isArray(data[\"@graph\"])) {\n for (const item of data[\"@graph\"]) {\n const recipe = findRecipeInData(item);\n if (recipe) return recipe;\n }\n }\n\n // Check in array\n if (Array.isArray(data)) {\n for (const item of data) {\n const recipe = findRecipeInData(item);\n if (recipe) return recipe;\n }\n }\n\n return null;\n}\n\n// Parse JSON-LD from HTML\nfunction parseJsonLd(html: string): any {\n const $ = cheerio.load(html);\n const scripts = $('script[type=\"application/ld+json\"]');\n\n for (let i = 0; i < scripts.length; i++) {\n try {\n const content = $(scripts[i]).html();\n if (!content) continue;\n\n const data = JSON.parse(content);\n const recipe = findRecipeInData(data);\n if (recipe) {\n return recipe;\n }\n } catch (e) {\n // Continue to next script\n }\n }\n\n return null;\n}\n\n// Map full unit names to Carmy's canonical shorthands\nconst UNIT_SHORTHANDS: Record = {\n 'tablespoon': 'tbsp',\n 'teaspoon': 'tsp',\n 'pound': 'lb',\n 'gram': 'g',\n 'ounce': 'oz',\n 'milliliter': 'ml',\n};\n\n// Normalize ingredient text to handle specific edge cases\nexport function normalizeIngredientText(text: string): string {\n let normalized = text.trim();\n\n // Rule 1: Add space between number and unit (e.g., 500g -> 500 g)\n normalized = normalized.replace(/(\\d+)([a-zA-Z]+)/g, '$1 $2');\n\n // Rule 2: Handle \"T\" as tablespoon (both parsers often mistake it for teaspoon)\n // Only match \"T\" as a standalone word (possibly with punctuation)\n normalized = normalized.replace(/\\bT\\b/g, 'tablespoon');\n\n return normalized;\n}\n\n// Extract notes from ingredient string using Sharp's result or fallback\nfunction extractNotes(originalText: string, sharpExtra: string, parsedIngredient: string): string | null {\n // If Sharp found an \"extra\", use it\n if (sharpExtra && sharpExtra.length > 1) {\n return sharpExtra.trim();\n }\n\n // Fallback: Check for parentheticals or commas in the original text that might have been missed\n const notesPatterns = [\n /,\\s*(.+)$/, // Everything after comma\n /\$([^)]+)\$/, // Parenthetical notes\n ];\n\n for (const pattern of notesPatterns) {\n const match = originalText.match(pattern);\n if (match && match[1]) {\n const note = match[1].trim();\n // Only use if it's not the same as the ingredient name\n if (note.toLowerCase() !== parsedIngredient.toLowerCase()) {\n return note;\n }\n }\n }\n\n return null;\n}\n\n// Parse a single ingredient string into structured data\nexport function parseIngredientString(text: string): {\n name: string;\n amount: number | null;\n unit: string | null;\n notes: string | null;\n originalText: string;\n} {\n const originalText = text.trim();\n const normalizedText = normalizeIngredientText(originalText);\n\n try {\n // Use @jlucaspains/sharp-recipe-parser\n const parsed = sharpParseIngredient(normalizedText, 'en');\n\n // Extract notes\n const notes = extractNotes(\n originalText,\n parsed.extra,\n parsed.ingredient\n );\n\n // Map to canonical shorthands if possible\n let unit = parsed.unit || null;\n if (unit && UNIT_SHORTHANDS[unit.toLowerCase()]) {\n unit = UNIT_SHORTHANDS[unit.toLowerCase()];\n }\n\n return {\n name: parsed.ingredient || originalText,\n amount: parsed.quantity || null,\n unit,\n notes,\n originalText,\n };\n } catch (e) {\n // Fallback: return the whole string as the ingredient name\n return {\n name: originalText,\n amount: null,\n unit: null,\n notes: null,\n originalText,\n };\n }\n}\n\n// Parse recipe from URL\nrecipesRoutes.post('/parse-url', async (c) => {\n requireAuth(c);\n\n const body = await c.req.json();\n const { url } = body;\n\n if (!url) {\n return c.json({ success: false, error: 'URL is required' }, 400);\n }\n\n // Validate URL\n try {\n new URL(url);\n } catch {\n return c.json({ success: false, error: 'Invalid URL' }, 400);\n }\n\n try {\n // Fetch HTML\n const html = await fetchHtml(url);\n\n // Parse JSON-LD\n const recipeData = parseJsonLd(html);\n\n if (!recipeData) {\n return c.json({\n success: false,\n error: 'Could not find recipe data on this page. The page may not have schema.org recipe markup.'\n }, 400);\n }\n\n // Extract recipe title\n const title = recipeData.name || recipeData.headline || 'Untitled Recipe';\n\n // Extract ingredients\n const rawIngredients = recipeData.recipeIngredient || recipeData.ingredients || [];\n const ingredientsList = Array.isArray(rawIngredients) ? rawIngredients : [rawIngredients];\n\n const parsedIngredients = ingredientsList\n .filter((ing: any) => ing && typeof ing === 'string')\n .map((ing: string) => parseIngredientString(ing));\n\n // Extract instructions\n let instructions: string | null = null;\n const rawInstructions = recipeData.recipeInstructions || recipeData.instructions || [];\n if (rawInstructions) {\n if (Array.isArray(rawInstructions)) {\n instructions = rawInstructions.map((i: any) => {\n if (typeof i === 'string') return i;\n if (i.text) return i.text;\n if (i[\"@type\"] === \"HowToStep\") return i.text || i.name || \"\";\n if (i[\"@type\"] === \"HowToSection\") {\n const steps = i.itemListElement || [];\n return steps.map((s: any) => s.text || s.name || \"\").join(\"\\n\");\n }\n return String(i);\n }).filter(Boolean).join(\"\\n\\n\");\n } else {\n instructions = String(rawInstructions);\n }\n }\n\n // Extract serving size\n let servingSize = 1;\n if (recipeData.recipeYield) {\n const yieldStr = Array.isArray(recipeData.recipeYield)\n ? recipeData.recipeYield[0]\n : recipeData.recipeYield;\n const match = String(yieldStr).match(/\\d+/);\n if (match) {\n servingSize = parseInt(match[0]) || 1;\n }\n }\n\n // Extract nutrition if available\n let nutrition: ParsedRecipeFromUrl['nutrition'] = null;\n if (recipeData.nutrition) {\n const n = recipeData.nutrition;\n const parseNutritionValue = (val: any): number | null => {\n if (!val) return null;\n const match = String(val).match(/[\\d.]+/);\n return match ? parseFloat(match[0]) : null;\n };\n\n nutrition = {\n calories: parseNutritionValue(n.calories),\n protein: parseNutritionValue(n.proteinContent),\n fiber: parseNutritionValue(n.fiberContent),\n fat: parseNutritionValue(n.fatContent),\n carbs: parseNutritionValue(n.carbohydrateContent),\n };\n\n // Only include nutrition if at least one value is present\n if (!nutrition.calories && !nutrition.protein && !nutrition.fiber && !nutrition.fat && !nutrition.carbs) {\n nutrition = null;\n }\n }\n\n const result: ParsedRecipeFromUrl = {\n title,\n url,\n instructions,\n servingSize,\n ingredients: parsedIngredients,\n nutrition,\n };\n\n return c.json({ success: true, data: result });\n } catch (error) {\n const message = error instanceof Error ? error.message : 'Unknown error occurred';\n return c.json({ success: false, error: `Failed to parse recipe: ${message}` }, 500);\n }\n});\n\nexport { recipesRoutes };\n\n\n\n",[],[59,404,426],"2fd80cb4-f4e2-47ce-a9a4-6d8509c60b1d","nutrition.ts","b92224d6-d3a9-11f0-893e-42dde27851f2",246,["D",1788041252857],"import { Hono } from \"https://esm.sh/hono@4.4.2\";\nimport { requireAuth } from \"../middleware/session.ts\";\nimport {\n getNutritionGoals,\n setNutritionGoals,\n getMealPlan,\n} from \"../database/queries.ts\";\nimport type { UpdateNutritionGoalsRequest, DailyNutrition, NutritionGoalType, NutrientKey, RecipeNutrition, CustomFood, FDCNutrition, MealPlanEntry } from \"../../shared/types.ts\";\nimport { createEmptyDailyNutrition, ALL_NUTRIENT_KEYS, resolveCalories } from \"../../shared/types.ts\";\n\nconst nutritionRoutes = new Hono();\n\n// Get nutrition goals\nnutritionRoutes.get('/goals', async (c) => {\n const user = requireAuth(c);\n const goals = await getNutritionGoals(user.id);\n return c.json({ success: true, data: goals });\n});\n\n// Set nutrition goals\nnutritionRoutes.post('/goals', async (c) => {\n const user = requireAuth(c);\n const body: UpdateNutritionGoalsRequest = await c.req.json();\n \n if (!body.primaryGoalType || body.primaryGoalValue === undefined) {\n return c.json({ success: false, error: 'Primary goal is required' }, 400);\n }\n \n const validTypes: NutritionGoalType[] = ['calories', 'protein', 'fiber', 'fat', 'carbs'];\n if (!validTypes.includes(body.primaryGoalType)) {\n return c.json({ success: false, error: 'Invalid goal type' }, 400);\n }\n \n const goals = await setNutritionGoals(\n user.id,\n body.primaryGoalType,\n body.primaryGoalValue,\n body.subGoal1Type ?? null,\n body.subGoal1Value ?? null,\n body.subGoal2Type ?? null,\n body.subGoal2Value ?? null\n );\n \n return c.json({ success: true, data: goals });\n});\n\n// Calculate daily nutrition for a week (for meal plan view)\nnutritionRoutes.get('/weekly', async (c) => {\n const user = requireAuth(c);\n const weekStartDate = c.req.query('weekStartDate');\n \n if (!weekStartDate) {\n return c.json({ success: false, error: 'weekStartDate is required' }, 400);\n }\n \n const mealPlan = await getMealPlan(user.id, weekStartDate);\n \n // Calculate daily totals (now with all micronutrients)\n const dailyNutrition: Record = {};\n \n for (let day = 0; day < 7; day++) {\n dailyNutrition[day] = createEmptyDailyNutrition();\n }\n \n if (mealPlan) {\n for (const entry of mealPlan.entries) {\n const day = entry.dayOfWeek;\n \n if (entry.recipeId && entry.recipe?.nutrition) {\n // Recipe entry - multiply nutrition per serving by servings\n const n = entry.recipe.nutrition;\n const servings = entry.servings;\n \n for (const key of ALL_NUTRIENT_KEYS) {\n const value = n[key as keyof RecipeNutrition];\n if (typeof value === 'number') {\n dailyNutrition[day][key] += value * servings;\n }\n }\n } else if (entry.customFoodId && entry.customFood) {\n // Custom food entry - scale by amountGrams / servingSizeGrams\n const cf = entry.customFood;\n const scaleFactor = (entry.amountGrams ?? cf.servingSizeGrams) / cf.servingSizeGrams;\n \n for (const key of ALL_NUTRIENT_KEYS) {\n const value = cf[key as keyof CustomFood];\n if (typeof value === 'number') {\n dailyNutrition[day][key] += value * scaleFactor;\n }\n }\n } else if (entry.fdcId && entry.fdcFood) {\n // FDC ingredient entry - nutrition is per 100g, scale by amountGrams / 100\n const fdc = entry.fdcFood.nutrition;\n const amountGrams = entry.amountGrams ?? 100;\n const scaleFactor = amountGrams / 100;\n \n for (const key of ALL_NUTRIENT_KEYS) {\n const value = fdc[key as keyof FDCNutrition];\n if (typeof value === 'number') {\n dailyNutrition[day][key] += value * scaleFactor;\n }\n }\n }\n }\n }\n \n // Reconcile each day's calories against its macros (some FDC foods / older\n // recipes lack an energy value, which would make the daily total read low).\n for (let day = 0; day < 7; day++) {\n dailyNutrition[day].calories = resolveCalories(dailyNutrition[day]);\n }\n\n // Calculate weekly average\n const weeklyAverage: DailyNutrition = createEmptyDailyNutrition();\n\n let daysWithMeals = 0;\n for (let day = 0; day < 7; day++) {\n const d = dailyNutrition[day];\n // Check if any nutrition value is present\n const hasNutrition = ALL_NUTRIENT_KEYS.some(key => d[key] > 0);\n\n if (hasNutrition) {\n daysWithMeals++;\n for (const key of ALL_NUTRIENT_KEYS) {\n weeklyAverage[key] += d[key];\n }\n }\n }\n\n if (daysWithMeals > 0) {\n for (const key of ALL_NUTRIENT_KEYS) {\n weeklyAverage[key] /= daysWithMeals;\n }\n }\n weeklyAverage.calories = resolveCalories(weeklyAverage);\n \n const goals = await getNutritionGoals(user.id);\n \n return c.json({\n success: true,\n data: {\n daily: dailyNutrition,\n weeklyAverage,\n goals,\n },\n });\n});\n\nexport { nutritionRoutes };\n\n\n\n",[],[59,404,434],"8245e6a8-dbcb-11f0-a55d-42dde27851f2","meal-plans.ts","b91726c6-d3a9-11f0-9cb5-42dde27851f2",142,["D",1766032755884],"import { Hono } from \"https://esm.sh/hono@4.4.2\";\nimport { requireAuth } from \"../middleware/session.ts\";\nimport {\n getMealPlan,\n getOrCreateMealPlan,\n addMealPlanEntry,\n deleteMealPlanEntry,\n scheduleMeals,\n} from \"../database/queries.ts\";\nimport type { AddMealPlanEntryRequest, ScheduleMealRequest } from \"../../shared/types.ts\";\n\nconst mealPlansRoutes = new Hono();\n\n// Get meal plan for a specific week\nmealPlansRoutes.get('/', async (c) => {\n const user = requireAuth(c);\n const weekStartDate = c.req.query('weekStartDate');\n\n if (!weekStartDate) {\n return c.json({ success: false, error: 'weekStartDate is required' }, 400);\n }\n\n const mealPlan = await getMealPlan(user.id, weekStartDate);\n\n // Return empty plan structure if none exists\n if (!mealPlan) {\n return c.json({\n success: true,\n data: {\n id: null,\n userId: user.id,\n weekStartDate,\n entries: [],\n createdAt: null,\n updatedAt: null,\n }\n });\n }\n\n return c.json({ success: true, data: mealPlan });\n});\n\n// Add entry to meal plan (supports recipes, custom foods, and FDC ingredients)\nmealPlansRoutes.post('/entries', async (c) => {\n const user = requireAuth(c);\n const body: AddMealPlanEntryRequest = await c.req.json();\n\n if (!body.weekStartDate || body.dayOfWeek === undefined || !body.mealType) {\n return c.json({ success: false, error: 'Missing required fields' }, 400);\n }\n\n // Validate that exactly one of recipeId, customFoodId, or fdcId is provided\n const idCount = [body.recipeId, body.customFoodId, body.fdcId].filter(Boolean).length;\n if (idCount !== 1) {\n return c.json({ success: false, error: 'Exactly one of recipeId, customFoodId, or fdcId must be provided' }, 400);\n }\n\n const entry = await addMealPlanEntry(\n user.id,\n body.weekStartDate,\n body.dayOfWeek,\n body.mealType,\n {\n recipeId: body.recipeId,\n customFoodId: body.customFoodId,\n fdcId: body.fdcId,\n servings: body.servings || 1,\n amountGrams: body.amountGrams,\n }\n );\n\n if (!entry) {\n return c.json({ success: false, error: 'Failed to add entry (item not found?)' }, 404);\n }\n\n return c.json({ success: true, data: entry });\n});\n\n// Schedule meals (add to multiple days)\nmealPlansRoutes.post('/schedule', async (c) => {\n const user = requireAuth(c);\n const body: ScheduleMealRequest = await c.req.json();\n\n if (!body.weekStartDate || !body.mealType || !body.days || body.days.length === 0) {\n return c.json({ success: false, error: 'Missing required fields' }, 400);\n }\n\n // Validate that exactly one of recipeId, customFoodId, or fdcId is provided\n const idCount = [body.recipeId, body.customFoodId, body.fdcId].filter(Boolean).length;\n if (idCount !== 1) {\n return c.json({ success: false, error: 'Exactly one of recipeId, customFoodId, or fdcId must be provided' }, 400);\n }\n\n const entries = await scheduleMeals(\n user.id,\n body.weekStartDate,\n {\n recipeId: body.recipeId,\n customFoodId: body.customFoodId,\n fdcId: body.fdcId,\n servings: body.servings || 1,\n amountGrams: body.amountGrams,\n },\n body.mealType,\n body.days\n );\n\n return c.json({ success: true, data: entries });\n});\n\n// Delete meal plan entry\nmealPlansRoutes.delete('/entries/:id', async (c) => {\n const user = requireAuth(c);\n const entryId = c.req.param('id');\n\n const deleted = await deleteMealPlanEntry(entryId, user.id);\n\n if (!deleted) {\n return c.json({ success: false, error: 'Entry not found' }, 404);\n }\n\n return c.json({ success: true });\n});\n\nexport { mealPlansRoutes };\n\n\n\n",[],[59,404,442],"efb9284c-eeb5-11f0-827f-42dde27851f2","grocery-lists.ts","b95a451e-d3a9-11f0-897f-42dde27851f2",237,["D",1768112562642],"import { Hono } from \"https://esm.sh/hono@4.4.2\";\nimport { requireAuth } from \"../middleware/session.ts\";\nimport {\n getGroceryListsByUser,\n getGroceryListById,\n createGroceryList,\n updateGroceryList,\n deleteGroceryList,\n addGroceryItem,\n addRecipeIngredientsToList,\n updateGroceryItem,\n deleteGroceryItem,\n deleteAllGroceryItems,\n} from \"../database/queries.ts\";\nimport type { CreateGroceryListRequest, AddGroceryItemRequest, AddRecipeIngredientsRequest, UpdateGroceryItemRequest } from \"../../shared/types.ts\";\nimport { DEFAULT_GROCERY_LIST_NAME } from \"../../shared/types.ts\";\n\nconst groceryListsRoutes = new Hono();\n\n// Get all grocery lists\ngroceryListsRoutes.get('/', async (c) => {\n const user = requireAuth(c);\n const lists = await getGroceryListsByUser(user.id);\n return c.json({ success: true, data: lists });\n});\n\n// Get single grocery list\ngroceryListsRoutes.get('/:id', async (c) => {\n const user = requireAuth(c);\n const listId = c.req.param('id');\n \n const list = await getGroceryListById(listId, user.id);\n \n if (!list) {\n return c.json({ success: false, error: 'List not found' }, 404);\n }\n \n return c.json({ success: true, data: list });\n});\n\n// Create new grocery list\ngroceryListsRoutes.post('/', async (c) => {\n const user = requireAuth(c);\n const body: CreateGroceryListRequest = await c.req.json();\n \n if (!body.name) {\n return c.json({ success: false, error: 'Name is required' }, 400);\n }\n \n const list = await createGroceryList(user.id, body.name);\n return c.json({ success: true, data: list });\n});\n\n// Update grocery list name\ngroceryListsRoutes.patch('/:id', async (c) => {\n const user = requireAuth(c);\n const listId = c.req.param('id');\n const body: { name: string } = await c.req.json();\n \n if (!body.name) {\n return c.json({ success: false, error: 'Name is required' }, 400);\n }\n \n const list = await updateGroceryList(listId, user.id, body.name);\n \n if (!list) {\n return c.json({ success: false, error: 'List not found' }, 404);\n }\n \n return c.json({ success: true, data: list });\n});\n\n// Delete grocery list\ngroceryListsRoutes.delete('/:id', async (c) => {\n const user = requireAuth(c);\n const listId = c.req.param('id');\n \n // Check if this is the default list before attempting deletion\n const list = await getGroceryListById(listId, user.id);\n if (list && list.name === DEFAULT_GROCERY_LIST_NAME) {\n return c.json({ success: false, error: 'Cannot delete the default grocery list' }, 400);\n }\n \n const deleted = await deleteGroceryList(listId, user.id);\n \n if (!deleted) {\n return c.json({ success: false, error: 'List not found' }, 404);\n }\n \n return c.json({ success: true });\n});\n\n// Add item to grocery list\ngroceryListsRoutes.post('/:id/items', async (c) => {\n const user = requireAuth(c);\n const listId = c.req.param('id');\n const body: AddGroceryItemRequest = await c.req.json();\n \n if (!body.name) {\n return c.json({ success: false, error: 'Name is required' }, 400);\n }\n \n const item = await addGroceryItem(\n listId,\n user.id,\n body.name,\n body.quantity ?? null,\n body.unit ?? null,\n body.notes ?? null\n );\n \n if (!item) {\n return c.json({ success: false, error: 'List not found' }, 404);\n }\n \n return c.json({ success: true, data: item });\n});\n\n// Add recipe ingredients to grocery list\ngroceryListsRoutes.post('/:id/add-recipe', async (c) => {\n const user = requireAuth(c);\n const listId = c.req.param('id');\n const body: AddRecipeIngredientsRequest = await c.req.json();\n \n if (!body.recipeId) {\n return c.json({ success: false, error: 'Recipe ID is required' }, 400);\n }\n \n const items = await addRecipeIngredientsToList(listId, user.id, body.recipeId, body.servings);\n \n return c.json({ success: true, data: items });\n});\n\n// Update item (name, quantity, unit, notes, checked)\ngroceryListsRoutes.patch('/:listId/items/:itemId', async (c) => {\n const user = requireAuth(c);\n const listId = c.req.param('listId');\n const itemId = c.req.param('itemId');\n const body: UpdateGroceryItemRequest = await c.req.json();\n \n const updatedItem = await updateGroceryItem(itemId, listId, user.id, body);\n \n if (!updatedItem) {\n return c.json({ success: false, error: 'Item not found' }, 404);\n }\n \n return c.json({ success: true, data: updatedItem });\n});\n\n// Delete item from grocery list\ngroceryListsRoutes.delete('/:listId/items/:itemId', async (c) => {\n const user = requireAuth(c);\n const listId = c.req.param('listId');\n const itemId = c.req.param('itemId');\n \n const deleted = await deleteGroceryItem(itemId, listId, user.id);\n \n if (!deleted) {\n return c.json({ success: false, error: 'Item not found' }, 404);\n }\n \n return c.json({ success: true });\n});\n\n// Clear all items from grocery list\ngroceryListsRoutes.delete('/:id/items', async (c) => {\n const user = requireAuth(c);\n const listId = c.req.param('id');\n \n const deleted = await deleteAllGroceryItems(listId, user.id);\n \n if (!deleted) {\n return c.json({ success: false, error: 'List not found' }, 404);\n }\n \n return c.json({ success: true });\n});\n\nexport { groceryListsRoutes };\n\n\n\n\n",[],[59,404,450],"530012e4-dbc9-11f0-8756-42dde27851f2","fdc.ts","6a2512f4-da38-11f0-86df-42dde27851f2",137,["D",1766031817577],"// USDA FoodData Central API Routes\nimport { Hono } from \"https://esm.sh/hono@4.4.2\";\nimport { requireAuth } from \"../middleware/session.ts\";\nimport {\n searchFDCFoods,\n getFDCFood,\n autoMatchIngredient,\n} from \"../services/fdc-client.ts\";\nimport {\n getStarredIngredients,\n addStarredIngredient,\n removeStarredIngredient,\n} from \"../database/queries.ts\";\nimport type { FDCDataType } from \"../../shared/types.ts\";\n\nconst fdcRoutes = new Hono();\n\n// Search FDC foods\nfdcRoutes.get('/search', async (c) => {\n requireAuth(c);\n\n const query = c.req.query('query');\n if (!query) {\n return c.json({ success: false, error: 'Query parameter is required' }, 400);\n }\n\n const pageSize = parseInt(c.req.query('pageSize') || '25');\n const pageNumber = parseInt(c.req.query('pageNumber') || '1');\n const dataTypeParam = c.req.query('dataType');\n\n let dataTypes: FDCDataType[] | undefined;\n if (dataTypeParam) {\n dataTypes = dataTypeParam.split(',') as FDCDataType[];\n }\n\n try {\n const results = await searchFDCFoods(query, {\n dataType: dataTypes,\n pageSize,\n pageNumber,\n });\n\n return c.json({ success: true, data: results });\n } catch (error) {\n const message = error instanceof Error ? error.message : 'Unknown error';\n return c.json({ success: false, error: message }, 500);\n }\n});\n\n// Get detailed food info by FDC ID\nfdcRoutes.get('/food/:fdcId', async (c) => {\n requireAuth(c);\n\n const fdcId = parseInt(c.req.param('fdcId'));\n if (isNaN(fdcId)) {\n return c.json({ success: false, error: 'Invalid FDC ID' }, 400);\n }\n\n try {\n const food = await getFDCFood(fdcId);\n return c.json({ success: true, data: food });\n } catch (error) {\n console.error(`Error fetching FDC food ${fdcId}:`, error);\n const message = error instanceof Error ? error.message : 'Unknown error';\n\n // If FDC API returned 404, return 404 to client\n if (message.includes('404')) {\n return c.json({ success: false, error: 'Food not found in USDA database. It may have been removed or archived.' }, 404);\n }\n\n return c.json({ success: false, error: message }, 500);\n }\n});\n\n// Auto-match a single ingredient to FDC food\nfdcRoutes.post('/auto-match', async (c) => {\n requireAuth(c);\n\n const body = await c.req.json();\n const { ingredientName } = body;\n\n if (!ingredientName || typeof ingredientName !== 'string') {\n return c.json({ success: false, error: 'ingredientName is required' }, 400);\n }\n\n try {\n const result = await autoMatchIngredient(ingredientName);\n return c.json({ success: true, data: result });\n } catch (error) {\n const message = error instanceof Error ? error.message : 'Unknown error';\n return c.json({ success: false, error: message }, 500);\n }\n});\n\n// Auto-match multiple ingredients\nfdcRoutes.post('/auto-match-batch', async (c) => {\n requireAuth(c);\n\n const body = await c.req.json();\n const { ingredientNames } = body;\n\n if (!Array.isArray(ingredientNames)) {\n return c.json({ success: false, error: 'ingredientNames must be an array' }, 400);\n }\n\n try {\n const results: Record>> = {};\n\n for (const name of ingredientNames) {\n if (typeof name === 'string' && name.trim()) {\n results[name] = await autoMatchIngredient(name);\n }\n }\n\n return c.json({ success: true, data: results });\n } catch (error) {\n const message = error instanceof Error ? error.message : 'Unknown error';\n return c.json({ success: false, error: message }, 500);\n }\n});\n\n// Search FDC foods with results categorized by data type (Foundation vs Branded)\nfdcRoutes.get('/search-categorized', async (c) => {\n requireAuth(c);\n\n const query = c.req.query('query');\n if (!query) {\n return c.json({ success: false, error: 'Query parameter is required' }, 400);\n }\n\n const pageSize = parseInt(c.req.query('pageSize') || '15');\n\n try {\n // Search Foundation Foods and SR Legacy\n const foundationResults = await searchFDCFoods(query, {\n dataType: ['Foundation', 'SR Legacy'],\n pageSize,\n });\n\n // Search Branded Foods\n const brandedResults = await searchFDCFoods(query, {\n dataType: ['Branded'],\n pageSize,\n });\n\n return c.json({\n success: true,\n data: {\n foundation: foundationResults,\n branded: brandedResults,\n }\n });\n } catch (error) {\n const message = error instanceof Error ? error.message : 'Unknown error';\n return c.json({ success: false, error: message }, 500);\n }\n});\n\n// ============ STARRED INGREDIENTS ============\n\n// Get user's starred ingredients\nfdcRoutes.get('/starred', async (c) => {\n const user = requireAuth(c);\n\n const starred = await getStarredIngredients(user.id);\n return c.json({ success: true, data: starred });\n});\n\n// Star an ingredient\nfdcRoutes.post('/starred', async (c) => {\n const user = requireAuth(c);\n\n const body = await c.req.json();\n const { fdcId, fdcDescription, fdcDataType, brandOwner } = body;\n\n if (!fdcId || !fdcDescription || !fdcDataType) {\n return c.json({ success: false, error: 'fdcId, fdcDescription, and fdcDataType are required' }, 400);\n }\n\n const result = await addStarredIngredient(\n user.id,\n fdcId,\n fdcDescription,\n fdcDataType,\n brandOwner || null\n );\n\n if (!result) {\n return c.json({ success: false, error: 'Already starred' }, 409);\n }\n\n return c.json({ success: true, data: result });\n});\n\n// Unstar an ingredient\nfdcRoutes.delete('/starred/:fdcId', async (c) => {\n const user = requireAuth(c);\n\n const fdcId = parseInt(c.req.param('fdcId'));\n if (isNaN(fdcId)) {\n return c.json({ success: false, error: 'Invalid FDC ID' }, 400);\n }\n\n const removed = await removeStarredIngredient(user.id, fdcId);\n\n if (!removed) {\n return c.json({ success: false, error: 'Not found' }, 404);\n }\n\n return c.json({ success: true });\n});\n\nexport { fdcRoutes };\n\n",[],[59,404,458],"83634482-e13d-11f0-8aa5-42dde27851f2","custom-foods.ts","928db788-db09-11f0-8d0c-42dde27851f2",156,["D",1766631476191],"import { Hono } from \"https://esm.sh/hono@4.4.2\";\nimport { requireAuth } from \"../middleware/session.ts\";\nimport {\n getCustomFoodsByUser,\n getCustomFoodById,\n createCustomFood,\n updateCustomFood,\n deleteCustomFood,\n} from \"../database/queries.ts\";\nimport type { CreateCustomFoodRequest } from \"../../shared/types.ts\";\n\nconst customFoodsRoutes = new Hono();\n\n// Get all custom foods for the user\ncustomFoodsRoutes.get('/', async (c) => {\n const user = requireAuth(c);\n const customFoods = await getCustomFoodsByUser(user.id);\n return c.json({ success: true, data: customFoods });\n});\n\n// Get a single custom food\ncustomFoodsRoutes.get('/:id', async (c) => {\n const user = requireAuth(c);\n const customFoodId = c.req.param('id');\n \n const customFood = await getCustomFoodById(customFoodId, user.id);\n \n if (!customFood) {\n return c.json({ success: false, error: 'Custom food not found' }, 404);\n }\n \n return c.json({ success: true, data: customFood });\n});\n\n// Create a new custom food\ncustomFoodsRoutes.post('/', async (c) => {\n const user = requireAuth(c);\n const body: CreateCustomFoodRequest = await c.req.json();\n \n if (!body.name || body.name.trim() === '') {\n return c.json({ success: false, error: 'Name is required' }, 400);\n }\n \n const customFood = await createCustomFood(user.id, {\n ...body,\n name: body.name.trim(),\n });\n \n return c.json({ success: true, data: customFood });\n});\n\n// Update a custom food\ncustomFoodsRoutes.patch('/:id', async (c) => {\n const user = requireAuth(c);\n const customFoodId = c.req.param('id');\n const body: Partial = await c.req.json();\n \n // Trim name if provided\n if (body.name !== undefined) {\n body.name = body.name.trim();\n if (body.name === '') {\n return c.json({ success: false, error: 'Name cannot be empty' }, 400);\n }\n }\n \n const customFood = await updateCustomFood(customFoodId, user.id, body);\n \n if (!customFood) {\n return c.json({ success: false, error: 'Custom food not found' }, 404);\n }\n \n return c.json({ success: true, data: customFood });\n});\n\n// Delete a custom food\ncustomFoodsRoutes.delete('/:id', async (c) => {\n const user = requireAuth(c);\n const customFoodId = c.req.param('id');\n \n const deleted = await deleteCustomFood(customFoodId, user.id);\n \n if (!deleted) {\n return c.json({ success: false, error: 'Custom food not found' }, 404);\n }\n \n return c.json({ success: true });\n});\n\nexport { customFoodsRoutes };\n\n\n",[],[59,404,466],"83697c80-e13d-11f0-853d-42dde27851f2","auth.ts","b928d074-d3a9-11f0-9cb5-42dde27851f2",157,["D",1766631476204],"import { Hono } from \"https://esm.sh/hono@4.4.2\";\nimport { getCookie, setCookie, deleteCookie } from \"https://esm.sh/hono@4.4.2/cookie\";\nimport { createOrUpdateUser, createSession, deleteSession, getSessionUser } from \"../database/queries.ts\";\n\nconst authRoutes = new Hono();\n\n// Get Google OAuth credentials\nfunction getGoogleCredentials() {\n const clientId = Deno.env.get('GOOGLE_CLIENT_ID');\n const clientSecret = Deno.env.get('GOOGLE_CLIENT_SECRET');\n \n if (!clientId || !clientSecret) {\n throw new Error('Google OAuth credentials not configured');\n }\n \n return { clientId, clientSecret };\n}\n\n// Get the app's base URL for OAuth callbacks\nfunction getBaseUrl(c: { req: { url: string } }): string {\n const url = new URL(c.req.url);\n return `${url.protocol}//${url.host}`;\n}\n\n// Google OAuth: Redirect to Google authorization\nauthRoutes.get('/google', (c) => {\n const { clientId } = getGoogleCredentials();\n const baseUrl = getBaseUrl(c);\n const redirectUri = `${baseUrl}/api/auth/google/callback`;\n \n const params = new URLSearchParams({\n client_id: clientId,\n redirect_uri: redirectUri,\n response_type: 'code',\n scope: 'openid email profile',\n access_type: 'offline',\n prompt: 'consent',\n });\n \n const authUrl = `https://accounts.google.com/o/oauth2/v2/auth?${params}`;\n \n return new Response(null, {\n status: 302,\n headers: { Location: authUrl },\n });\n});\n\n// Google OAuth: Handle callback\nauthRoutes.get('/google/callback', async (c) => {\n const code = c.req.query('code');\n const error = c.req.query('error');\n \n if (error) {\n return new Response(null, {\n status: 302,\n headers: { Location: '/?error=google_auth_denied' },\n });\n }\n \n if (!code) {\n return new Response(null, {\n status: 302,\n headers: { Location: '/?error=missing_code' },\n });\n }\n \n const { clientId, clientSecret } = getGoogleCredentials();\n const baseUrl = getBaseUrl(c);\n const redirectUri = `${baseUrl}/api/auth/google/callback`;\n \n // Exchange code for tokens\n const tokenResponse = await fetch('https://oauth2.googleapis.com/token', {\n method: 'POST',\n headers: { 'Content-Type': 'application/x-www-form-urlencoded' },\n body: new URLSearchParams({\n client_id: clientId,\n client_secret: clientSecret,\n code,\n redirect_uri: redirectUri,\n grant_type: 'authorization_code',\n }),\n });\n \n if (!tokenResponse.ok) {\n const errorText = await tokenResponse.text();\n console.error('Google token exchange failed:', errorText);\n return new Response(null, {\n status: 302,\n headers: { Location: '/?error=token_exchange_failed' },\n });\n }\n \n const tokenData = await tokenResponse.json();\n const accessToken = tokenData.access_token;\n \n // Fetch user info from Google\n const userInfoResponse = await fetch('https://www.googleapis.com/oauth2/v2/userinfo', {\n headers: {\n 'Authorization': `Bearer ${accessToken}`,\n },\n });\n \n if (!userInfoResponse.ok) {\n return new Response(null, {\n status: 302,\n headers: { Location: '/?error=user_fetch_failed' },\n });\n }\n \n const userInfo = await userInfoResponse.json();\n \n // Create or update user in database\n const user = await createOrUpdateUser(\n userInfo.email,\n userInfo.name || null,\n userInfo.picture || null\n );\n \n // Create session\n const sessionId = await createSession(user.id);\n \n // Set session cookie and redirect\n setCookie(c, 'session', sessionId, {\n path: '/',\n httpOnly: true,\n secure: true,\n sameSite: 'Lax',\n maxAge: 30 * 24 * 60 * 60, // 30 days\n });\n \n return new Response(null, {\n status: 302,\n headers: { \n Location: '/',\n 'Set-Cookie': `session=${sessionId}; Path=/; HttpOnly; Secure; SameSite=Lax; Max-Age=${30 * 24 * 60 * 60}`,\n },\n });\n});\n\n// Get current user info\nauthRoutes.get('/me', async (c) => {\n const sessionId = getCookie(c, 'session');\n \n if (!sessionId) {\n return c.json({ success: true, data: null });\n }\n \n const user = await getSessionUser(sessionId);\n \n if (!user) {\n return c.json({ success: true, data: null });\n }\n \n return c.json({\n success: true,\n data: user,\n });\n});\n\n// Logout\nauthRoutes.post('/logout', async (c) => {\n const sessionId = getCookie(c, 'session');\n \n if (sessionId) {\n await deleteSession(sessionId);\n deleteCookie(c, 'session', { path: '/' });\n }\n \n return c.json({ success: true });\n});\n\nexport { authRoutes };\n\n\n\n\n",[],[59,404,474],"b882c86e-d3a9-11f0-8004-42dde27851f2","middleware","b882c990-d3a9-11f0-8004-42dde27851f2",["D",1765138634693],[487],[59,482],{"_35":488,"_13":489,"_38":490,"_40":483,"_42":43,"_44":491,"_46":47,"_48":492,"_17":120,"_51":52,"_53":493,"_55":56,"_57":-5,"_89":494,"_18":495},"82f250ba-e13d-11f0-b262-42dde27851f2","session.ts","b9030f74-d3a9-11f0-b1e3-42dde27851f2",153,["D",1766631475419],"import { getCookie } from \"https://esm.sh/hono@4.4.2/cookie\";\nimport { getSessionUser } from \"../database/queries.ts\";\nimport type { User } from \"../../shared/types.ts\";\n\n// Extend Hono context with user\ndeclare module \"https://esm.sh/hono@4.4.2\" {\n interface ContextVariableMap {\n user: User | null;\n }\n}\n\nexport async function sessionMiddleware(c: any, next: () => Promise) {\n const sessionId = getCookie(c, 'session');\n \n if (sessionId) {\n const user = await getSessionUser(sessionId);\n c.set('user', user);\n } else {\n c.set('user', null);\n }\n \n await next();\n}\n\n// Helper to require authentication\nexport function requireAuth(c: any): User {\n const user = c.get('user');\n if (!user) {\n throw new Error('Unauthorized');\n }\n return user;\n}\n\n\n\n\n",[],[59,482,489],["D",1765138634821],[499,500],[59,60],{"_35":61,"_13":62,"_38":63,"_40":41,"_42":43,"_44":64,"_46":47,"_48":504,"_17":66,"_51":52,"_53":67,"_55":56,"_57":-5,"_89":505,"_18":506},{"_35":36,"_13":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":501,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_89":502,"_18":503},["D",1788041252879],[],[59,60,37],["D",1767326393277],[],[59,60,62],"75b56760-d3a6-11f0-86d1-42dde27851f2",["D",1765137234131],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","","imageUrl","userId","7ed186b0-c78a-4757-a5b0-12c00ac89afa","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","e9195859-3c6b-4b40-bb3e-c11844477fdf","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_560":556},"org",{"_11":12,"_554":-5,"_555":556,"_517":518,"_557":558,"_559":56},"branch",{"_17":390,"_13":16,"_35":43,"_546":507,"_547":-5,"_548":-5,"_549":-5,"_550":-5,"_551":-5,"_552":14,"_553":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yYlc2Q1A2eUFyNEdDeXBud0E0bFJyWlJVUzQifQ","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":507,"_13":14,"_48":745,"_509":-5,"_510":56,"_511":512,"_513":512,"_514":515,"_516":-5,"_517":518,"_519":370,"_520":47,"_521":47,"_522":-5,"_523":73,"_524":525,"_526":-5,"_527":-5,"_528":-5,"_529":-5,"_530":531,"_532":531,"_533":534,"_535":534,"_536":534,"_537":531,"_538":531,"_539":746,"_541":747,"_543":748,"_545":56},[595,614,639,641,642,643,644],"files",[595,596,597,598,599,600,601,602,603,604,605,606,607,608,609,610,611,612,613,614,615,616,617,618,619,620,621,622,623,624,625,626,627,628,629,630,631,632,633,634,635,636,637,638,639,640,641,642,643,644],"counts",{"_586":73,"_587":113,"_588":73,"_32":589,"_590":591},[582,583],{"_35":69,"_13":60,"_38":41,"_40":70,"_42":43,"_44":71,"_46":47,"_48":72,"_17":73,"_51":74,"_53":-5,"_55":56,"_57":-5,"_18":581},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{"_370":580},"carmy.shapedlines.com",[59,60],{"_35":61,"_13":62,"_38":63,"_40":41,"_42":43,"_44":64,"_46":47,"_48":65,"_17":66,"_51":52,"_53":67,"_55":56,"_57":-5,"_18":585},{"_35":36,"_13":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_18":584},[59,60,37],[59,60,62],"pulls","branches","forks",{"_592":120,"_594":73},"connections",{"_592":73,"_593":73},"count","unfilledCount","emptyCount",{"_35":359,"_13":59,"_38":70,"_40":-5,"_42":43,"_44":331,"_46":47,"_48":360,"_17":73,"_51":74,"_53":-5,"_55":56,"_57":-5,"_89":743,"_18":744},{"_35":69,"_13":60,"_38":41,"_40":70,"_42":43,"_44":71,"_46":47,"_48":496,"_17":73,"_51":74,"_53":-5,"_55":56,"_57":-5,"_89":741,"_18":742},{"_35":61,"_13":62,"_38":63,"_40":41,"_42":43,"_44":64,"_46":47,"_48":504,"_17":66,"_51":52,"_53":67,"_55":56,"_57":-5,"_89":739,"_18":740},{"_35":36,"_13":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":501,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_89":737,"_18":738},{"_35":481,"_13":482,"_38":483,"_40":70,"_42":43,"_44":373,"_46":47,"_48":484,"_17":73,"_51":74,"_53":-5,"_55":56,"_57":-5,"_89":735,"_18":736},{"_35":488,"_13":489,"_38":490,"_40":483,"_42":43,"_44":491,"_46":47,"_48":492,"_17":120,"_51":52,"_53":493,"_55":56,"_57":-5,"_89":733,"_18":734},{"_35":403,"_13":404,"_38":405,"_40":70,"_42":43,"_44":224,"_46":47,"_48":406,"_17":73,"_51":74,"_53":-5,"_55":56,"_57":-5,"_89":731,"_18":732},{"_35":473,"_13":474,"_38":475,"_40":405,"_42":43,"_44":476,"_46":47,"_48":477,"_17":120,"_51":52,"_53":478,"_55":56,"_57":-5,"_89":729,"_18":730},{"_35":465,"_13":466,"_38":467,"_40":405,"_42":43,"_44":468,"_46":47,"_48":469,"_17":113,"_51":52,"_53":470,"_55":56,"_57":-5,"_89":727,"_18":728},{"_35":457,"_13":458,"_38":459,"_40":405,"_42":43,"_44":460,"_46":47,"_48":461,"_17":157,"_51":52,"_53":462,"_55":56,"_57":-5,"_89":725,"_18":726},{"_35":449,"_13":450,"_38":451,"_40":405,"_42":43,"_44":452,"_46":47,"_48":453,"_17":224,"_51":52,"_53":454,"_55":56,"_57":-5,"_89":723,"_18":724},{"_35":441,"_13":442,"_38":443,"_40":405,"_42":43,"_44":444,"_46":47,"_48":445,"_17":157,"_51":52,"_53":446,"_55":56,"_57":-5,"_89":721,"_18":722},{"_35":433,"_13":434,"_38":435,"_40":405,"_42":43,"_44":436,"_46":47,"_48":437,"_17":224,"_51":52,"_53":438,"_55":56,"_57":-5,"_89":719,"_18":720},{"_35":425,"_13":426,"_38":427,"_40":405,"_42":43,"_44":428,"_46":47,"_48":429,"_17":71,"_51":52,"_53":430,"_55":56,"_57":-5,"_89":717,"_18":718},{"_35":417,"_13":418,"_38":419,"_40":405,"_42":43,"_44":420,"_46":47,"_48":421,"_17":331,"_51":52,"_53":422,"_55":56,"_57":-5,"_89":715,"_18":716},{"_35":378,"_13":379,"_38":380,"_40":70,"_42":43,"_44":381,"_46":47,"_48":382,"_17":73,"_51":74,"_53":-5,"_55":56,"_57":-5,"_89":713,"_18":714},{"_35":395,"_13":396,"_38":397,"_40":380,"_42":43,"_44":398,"_46":47,"_48":399,"_17":224,"_51":52,"_53":400,"_55":56,"_57":-5,"_89":711,"_18":712},{"_35":387,"_13":388,"_38":389,"_40":380,"_42":43,"_44":390,"_46":47,"_48":391,"_17":157,"_51":52,"_53":392,"_55":56,"_57":-5,"_89":709,"_18":710},{"_35":368,"_13":369,"_38":370,"_40":70,"_42":43,"_44":371,"_46":47,"_48":372,"_17":373,"_51":374,"_53":375,"_55":56,"_57":-5,"_89":707,"_18":708},{"_35":134,"_13":135,"_38":136,"_40":-5,"_42":43,"_44":113,"_46":47,"_48":137,"_17":73,"_51":74,"_53":-5,"_55":56,"_57":-5,"_89":705,"_18":706},{"_35":169,"_13":170,"_38":171,"_40":136,"_42":43,"_44":157,"_46":47,"_48":172,"_17":73,"_51":74,"_53":-5,"_55":56,"_57":-5,"_89":703,"_18":704},{"_35":351,"_13":352,"_38":353,"_40":171,"_42":43,"_44":354,"_46":47,"_48":355,"_17":73,"_51":52,"_53":356,"_55":56,"_57":-5,"_89":701,"_18":702},{"_35":343,"_13":344,"_38":345,"_40":171,"_42":43,"_44":346,"_46":47,"_48":347,"_17":71,"_51":52,"_53":348,"_55":56,"_57":-5,"_89":699,"_18":700},{"_35":335,"_13":336,"_38":337,"_40":171,"_42":43,"_44":338,"_46":47,"_48":339,"_17":73,"_51":52,"_53":340,"_55":56,"_57":-5,"_89":697,"_18":698},{"_35":326,"_13":327,"_38":328,"_40":171,"_42":43,"_44":329,"_46":47,"_48":330,"_17":331,"_51":52,"_53":332,"_55":56,"_57":-5,"_89":695,"_18":696},{"_35":318,"_13":319,"_38":320,"_40":171,"_42":43,"_44":321,"_46":47,"_48":322,"_17":113,"_51":52,"_53":323,"_55":56,"_57":-5,"_89":693,"_18":694},{"_35":309,"_13":310,"_38":311,"_40":171,"_42":43,"_44":312,"_46":47,"_48":313,"_17":314,"_51":52,"_53":315,"_55":56,"_57":-5,"_89":691,"_18":692},{"_35":301,"_13":302,"_38":303,"_40":171,"_42":43,"_44":304,"_46":47,"_48":305,"_17":73,"_51":52,"_53":306,"_55":56,"_57":-5,"_89":689,"_18":690},{"_35":293,"_13":294,"_38":295,"_40":171,"_42":43,"_44":296,"_46":47,"_48":297,"_17":73,"_51":52,"_53":298,"_55":56,"_57":-5,"_89":687,"_18":688},{"_35":285,"_13":286,"_38":287,"_40":171,"_42":43,"_44":288,"_46":47,"_48":289,"_17":157,"_51":52,"_53":290,"_55":56,"_57":-5,"_89":685,"_18":686},{"_35":276,"_13":277,"_38":278,"_40":171,"_42":43,"_44":279,"_46":47,"_48":280,"_17":281,"_51":52,"_53":282,"_55":56,"_57":-5,"_89":683,"_18":684},{"_35":268,"_13":269,"_38":270,"_40":171,"_42":43,"_44":271,"_46":47,"_48":272,"_17":73,"_51":52,"_53":273,"_55":56,"_57":-5,"_89":681,"_18":682},{"_35":260,"_13":261,"_38":262,"_40":171,"_42":43,"_44":263,"_46":47,"_48":264,"_17":73,"_51":52,"_53":265,"_55":56,"_57":-5,"_89":679,"_18":680},{"_35":252,"_13":253,"_38":254,"_40":171,"_42":43,"_44":255,"_46":47,"_48":256,"_17":157,"_51":52,"_53":257,"_55":56,"_57":-5,"_89":677,"_18":678},{"_35":244,"_13":245,"_38":246,"_40":171,"_42":43,"_44":247,"_46":47,"_48":248,"_17":73,"_51":52,"_53":249,"_55":56,"_57":-5,"_89":675,"_18":676},{"_35":236,"_13":237,"_38":238,"_40":171,"_42":43,"_44":239,"_46":47,"_48":240,"_17":50,"_51":52,"_53":241,"_55":56,"_57":-5,"_89":673,"_18":674},{"_35":228,"_13":229,"_38":230,"_40":171,"_42":43,"_44":231,"_46":47,"_48":232,"_17":130,"_51":52,"_53":233,"_55":56,"_57":-5,"_89":671,"_18":672},{"_35":219,"_13":220,"_38":221,"_40":171,"_42":43,"_44":222,"_46":47,"_48":223,"_17":224,"_51":52,"_53":225,"_55":56,"_57":-5,"_89":669,"_18":670},{"_35":211,"_13":212,"_38":213,"_40":171,"_42":43,"_44":214,"_46":47,"_48":215,"_17":73,"_51":52,"_53":216,"_55":56,"_57":-5,"_89":667,"_18":668},{"_35":203,"_13":204,"_38":205,"_40":171,"_42":43,"_44":206,"_46":47,"_48":207,"_17":73,"_51":52,"_53":208,"_55":56,"_57":-5,"_89":665,"_18":666},{"_35":195,"_13":196,"_38":197,"_40":171,"_42":43,"_44":198,"_46":47,"_48":199,"_17":73,"_51":52,"_53":200,"_55":56,"_57":-5,"_89":663,"_18":664},{"_35":161,"_13":162,"_38":163,"_40":136,"_42":43,"_44":164,"_46":47,"_48":165,"_17":120,"_51":24,"_53":166,"_55":56,"_57":-5,"_89":661,"_18":662},{"_35":152,"_13":153,"_38":154,"_40":136,"_42":43,"_44":155,"_46":47,"_48":156,"_17":157,"_51":24,"_53":158,"_55":56,"_57":-5,"_89":659,"_18":660},{"_35":144,"_13":145,"_38":146,"_40":136,"_42":43,"_44":147,"_46":47,"_48":148,"_17":120,"_51":52,"_53":149,"_55":56,"_57":-5,"_89":657,"_18":658},{"_35":117,"_13":118,"_38":119,"_40":-5,"_42":43,"_44":120,"_46":47,"_48":121,"_17":73,"_51":74,"_53":-5,"_55":56,"_57":-5,"_89":655,"_18":656},{"_35":125,"_13":126,"_38":127,"_40":119,"_42":43,"_44":128,"_46":47,"_48":129,"_17":130,"_51":52,"_53":131,"_55":56,"_57":-5,"_89":653,"_18":654},{"_35":108,"_13":109,"_38":110,"_40":-5,"_42":43,"_44":111,"_46":47,"_48":112,"_17":113,"_51":24,"_53":114,"_55":56,"_57":-5,"_89":651,"_18":652},{"_35":100,"_13":101,"_38":102,"_40":-5,"_42":43,"_44":103,"_46":47,"_48":104,"_17":73,"_51":24,"_53":105,"_55":56,"_57":-5,"_89":649,"_18":650},{"_35":92,"_13":93,"_38":94,"_40":-5,"_42":43,"_44":95,"_46":47,"_48":96,"_17":73,"_51":24,"_53":97,"_55":56,"_57":-5,"_89":647,"_18":648},{"_35":83,"_13":84,"_38":85,"_40":-5,"_42":43,"_44":86,"_46":47,"_48":87,"_17":73,"_51":24,"_53":88,"_55":56,"_57":-5,"_89":645,"_18":646},[],[84],[],[93],[],[101],[],[109],[],[118,126],[640],[118],[],[135,145],[],[135,153],[],[135,162],[],[135,170,196],[],[135,170,204],[],[135,170,212],[],[135,170,220],[],[135,170,229],[],[135,170,237],[],[135,170,245],[],[135,170,253],[],[135,170,261],[],[135,170,269],[],[135,170,277],[],[135,170,286],[],[135,170,294],[],[135,170,302],[],[135,170,310],[],[135,170,319],[],[135,170,327],[],[135,170,336],[],[135,170,344],[],[135,170,352],[616,617,618,619,620,621,622,623,624,625,626,627,628,629,630,631,632,633,634,635],[135,170],[615,636,637,638],[135],[],[59,369],[],[59,379,388],[],[59,379,396],[611,612],[59,379],[],[59,404,418],[],[59,404,426],[],[59,404,434],[],[59,404,442],[],[59,404,450],[],[59,404,458],[],[59,404,466],[],[59,404,474],[602,603,604,605,606,607,608,609],[59,404],[],[59,482,489],[600],[59,482],[],[59,60,37],[],[59,60,62],[597,598],[59,60],[596,599,601,610,613],[59],["D",1765137234131],{"_11":12,"_560":556},{"_11":12,"_554":-5,"_555":556,"_517":518,"_557":558,"_559":56},{"_17":390,"_13":16,"_35":43,"_546":507,"_547":-5,"_548":-5,"_549":-5,"_550":-5,"_551":-5,"_552":14,"_553":12},"ctx",{"_539":-5,"_577":782,"_783":784,"_785":786,"_787":56,"_788":56,"_789":56,"_790":47,"_791":-5,"_792":-7,"_793":-7,"_794":73,"_795":56,"_796":56,"_797":-5,"_798":56,"_799":56,"_800":56,"_801":-5},"ENV",{"_753":754,"_755":756,"_757":16,"_758":759,"_760":761,"_762":763,"_764":765,"_766":767,"_768":769,"_770":771,"_772":773,"_774":775,"_776":777,"_778":779,"_780":781},"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"]