[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_497":498,"_499":500},"routes/_app.x.$handle.$name",{"_98":97,"_32":46,"_106":88,"_27":54,"_13":14,"_107":-5,"_11":108,"_109":110,"_111":112,"_113":114,"_115":116,"_20":-5,"_117":-5,"_118":-5,"_119":25,"_120":121,"_122":60,"_123":-5,"_124":-5,"_125":126},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_32":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":60,"_61":60,"_62":-5,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":-5,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":81,"_82":83,"_84":85,"_86":25},"version",167,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","backend/services/fdc-client.ts","latestPath","fileId","6a3ab8ca-da38-11f0-8f3b-42dde27851f2","name","fdc-client.ts","fileType","script","content","// 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 } 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)\nconst NUTRIENT_IDS = {\n calories: 1008, // Energy (kcal)\n protein: 1003, // Protein\n fat: 1004, // Total lipid (fat)\n carbs: 1005, // Carbohydrate, by difference\n fiber: 1079, // Fiber, total dietary\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 vitaminA: 1106, // Vitamin A, RAE\n vitaminC: 1162, // Vitamin C, total ascorbic acid\n vitaminD: 1114, // Vitamin D (D2 + D3)\n vitaminE: 1109, // Vitamin E (alpha-tocopherol)\n vitaminK: 1185, // Vitamin K (phylloquinone)\n vitaminB6: 1175, // Vitamin B-6\n vitaminB12: 1178, // Vitamin B-12\n thiamin: 1165, // Thiamin\n riboflavin: 1166, // Riboflavin\n niacin: 1167, // Niacin\n folate: 1177, // Folate, total\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\nconst MICRONUTRIENT_IDS = [\n NUTRIENT_IDS.potassium,\n NUTRIENT_IDS.calcium,\n NUTRIENT_IDS.iron,\n NUTRIENT_IDS.magnesium,\n NUTRIENT_IDS.zinc,\n NUTRIENT_IDS.vitaminA,\n NUTRIENT_IDS.vitaminC,\n NUTRIENT_IDS.vitaminD,\n NUTRIENT_IDS.vitaminE,\n NUTRIENT_IDS.vitaminK,\n NUTRIENT_IDS.vitaminB6,\n NUTRIENT_IDS.vitaminB12,\n NUTRIENT_IDS.thiamin,\n NUTRIENT_IDS.riboflavin,\n NUTRIENT_IDS.niacin,\n NUTRIENT_IDS.folate,\n];\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 return {\n calories: getNutrientValue(NUTRIENT_IDS.calories),\n protein: getNutrientValue(NUTRIENT_IDS.protein),\n fat: getNutrientValue(NUTRIENT_IDS.fat),\n carbs: getNutrientValue(NUTRIENT_IDS.carbs),\n fiber: getNutrientValue(NUTRIENT_IDS.fiber),\n sodium: getNutrientValue(NUTRIENT_IDS.sodium),\n potassium: getNutrientValue(NUTRIENT_IDS.potassium),\n calcium: getNutrientValue(NUTRIENT_IDS.calcium),\n iron: getNutrientValue(NUTRIENT_IDS.iron),\n magnesium: getNutrientValue(NUTRIENT_IDS.magnesium),\n zinc: getNutrientValue(NUTRIENT_IDS.zinc),\n vitaminA: getNutrientValue(NUTRIENT_IDS.vitaminA),\n vitaminC: getNutrientValue(NUTRIENT_IDS.vitaminC),\n vitaminD: getNutrientValue(NUTRIENT_IDS.vitaminD),\n vitaminE: getNutrientValue(NUTRIENT_IDS.vitaminE),\n vitaminK: getNutrientValue(NUTRIENT_IDS.vitaminK),\n vitaminB6: getNutrientValue(NUTRIENT_IDS.vitaminB6),\n vitaminB12: getNutrientValue(NUTRIENT_IDS.vitaminB12),\n thiamin: getNutrientValue(NUTRIENT_IDS.thiamin),\n riboflavin: getNutrientValue(NUTRIENT_IDS.riboflavin),\n niacin: getNutrientValue(NUTRIENT_IDS.niacin),\n folate: getNutrientValue(NUTRIENT_IDS.folate),\n };\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,\n sodium, potassium, calcium, iron,\n vitamin_a, vitamin_c, vitamin_d, vitamin_e, vitamin_k,\n vitamin_b6, vitamin_b12, thiamin, riboflavin, niacin, folate,\n magnesium, zinc, 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 n.sodium, n.potassium, n.calcium, n.iron,\n n.vitaminA, n.vitaminC, n.vitaminD, n.vitaminE, n.vitaminK,\n n.vitaminB6, n.vitaminB12, n.thiamin, n.riboflavin, n.niacin, n.folate,\n n.magnesium, n.zinc, 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 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 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 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 vitaminA: row.vitamin_a as number | null,\n vitaminC: row.vitamin_c as number | null,\n vitaminD: row.vitamin_d as number | null,\n vitaminE: row.vitamin_e as number | null,\n vitaminK: row.vitamin_k 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 folate: row.folate as number | null,\n },\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\n","// 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 } 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 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 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 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 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","createdAt",["D",1766633823750],"branchVersion","branchId","75b5bdc8-d3a6-11f0-86d1-42dde27851f2","id","75b56760-d3a6-11f0-86d1-42dde27851f2","carmy",["D",1765137234131],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","","imageUrl","7ed186b0-c78a-4757-a5b0-12c00ac89afa","pinnedFileId","b9153140-d3a9-11f0-8d63-42dde27851f2","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","e9195859-3c6b-4b40-bb3e-c11844477fdf","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_98":97,"_105":101},"org",{"_98":97,"_99":-5,"_100":101,"_18":56,"_102":103,"_104":25},"branch",{"_13":87,"_32":88,"_44":43,"_89":45,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":46,"_96":97},"isOwned",251,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","shapedlines","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yYlc2Q1A2eUFyNEdDeXBud0E0bFJyWlJVUzQifQ","tier","pro","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_44":45,"_32":46,"_39":493,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":60,"_61":60,"_62":-5,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":-5,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":494,"_82":495,"_84":496,"_86":25},"tree",[187,206,220,222,223,224],"files",[187,188,189,190,191,192,193,194,195,196,197,198,199,200,201,202,203,204,205,206,207,208,209,210,211,212,213,214,215,216,217,218,219,220,221,222,223,224],"counts",{"_177":64,"_178":168,"_179":64,"_180":181,"_182":183},"contents",[128,129,130,131,132,133],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{"_58":127},"carmy.shapedlines.com",{"_44":171,"_32":172,"_30":173,"_137":-5,"_42":43,"_41":174,"_139":60,"_39":175,"_13":64,"_34":163,"_36":-5,"_24":25,"_142":-5,"_27":176},{"_44":165,"_32":166,"_30":167,"_137":-5,"_42":43,"_41":168,"_139":60,"_39":169,"_13":64,"_34":163,"_36":-5,"_24":25,"_142":-5,"_27":170},{"_44":158,"_32":159,"_30":160,"_137":-5,"_42":43,"_41":161,"_139":60,"_39":162,"_13":64,"_34":163,"_36":-5,"_24":25,"_142":-5,"_27":164},{"_44":151,"_32":152,"_30":153,"_137":-5,"_42":43,"_41":154,"_139":25,"_39":155,"_13":64,"_34":20,"_36":156,"_24":25,"_142":-5,"_27":157},{"_44":144,"_32":145,"_30":146,"_137":-5,"_42":43,"_41":147,"_139":60,"_39":148,"_13":64,"_34":20,"_36":149,"_24":25,"_142":-5,"_27":150},{"_44":134,"_32":135,"_30":136,"_137":-5,"_42":43,"_41":138,"_139":60,"_39":140,"_13":64,"_34":20,"_36":141,"_24":25,"_142":-5,"_27":143},"b8fc0cce-d3a9-11f0-a23f-42dde27851f2","deno.json","b8fc0d82-d3a9-11f0-a23f-42dde27851f2","parentId",16,"latest",["D",1765138635487],"{\n \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/98f62cee78e85bfc47c62ed703777c6bc8794f1c/cli/schemas/config-file.v1.json\",\n \"lock\": false,\n \"compilerOptions\": {\n \"noImplicitAny\": false,\n \"strict\": true,\n \"types\": [\"https://www.val.town/types/valtown.d.ts\"],\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"dom.asynciterable\",\n \"deno.ns\",\n \"deno.unstable\"\n ]\n },\n \"lint\": {\n \"include\": [\"deno:/https/esm.town/**/*\"],\n \"rules\": {\n \"exclude\": [\"no-explicit-any\"]\n }\n },\n \"node_modules_dir\": false,\n \"experimental\": {\n \"unstable-node-globals\": true,\n \"unstable-temporal\": true,\n \"unstable-worker-options\": true,\n \"unstable-sloppy-imports\": true\n }\n}","label",[135],"b93a060a-d3a9-11f0-b1bf-42dde27851f2","AGENTS.md","b93a06dc-d3a9-11f0-b1bf-42dde27851f2",28,["D",1765138635892],"You are an advanced assistant specialized in generating Val Town code.\n\n## Core Guidelines\n\n- Ask clarifying questions when requirements are ambiguous\n- Provide complete, functional solutions rather than skeleton implementations\n- Test your logic against edge cases before presenting the final solution\n- Ensure all code follows Val Town's specific platform requirements\n- If a section of code that you're working on is getting too complex, consider refactoring it into subcomponents\n\n## Code Standards\n\n- Generate code in TypeScript or TSX\n- Add appropriate TypeScript types and interfaces for all data structures\n- Prefer official SDKs or libraries than writing API calls directly\n- Ask the user to supply API or library documentation if you are at all unsure about it\n- **Never bake in secrets into the code** - always use environment variables\n- Include comments explaining complex logic (avoid commenting obvious operations)\n- Follow modern ES6+ conventions and functional programming practices if possible\n\n## Types of triggers\n\n### 1. HTTP Trigger\n\n- Create web APIs and endpoints\n- Handle HTTP requests and responses\n- Example structure:\n\n```ts\nexport default async function (req: Request) {\n return new Response(\"Hello World\");\n}\n```\n\nFiles that are HTTP triggers have http in their name like `foobar.http.tsx`\n\n### 2. Cron Triggers\n\n- Run on a schedule\n- Use cron expressions for timing\n- Example structure:\n\n```ts\nexport default async function () {\n // Scheduled task code\n}\n```\n\nFiles that are Cron triggers have cron in their name like `foobar.cron.tsx`\n\n### 3. Email Triggers\n\n- Process incoming emails\n- Handle email-based workflows\n- Example structure:\n\n```ts\nexport default async function (email: Email) {\n // Process email\n}\n```\n\nFiles that are Email triggers have email in their name like `foobar.email.tsx`\n\n\n## Val Town Standard Libraries\n\nVal Town provides several hosted services and utility functions.\n\n### Blob Storage\n\n```ts\nimport { blob } from \"https://esm.town/v/std/blob\";\nawait blob.setJSON(\"myKey\", { hello: \"world\" });\nlet blobDemo = await blob.getJSON(\"myKey\");\nlet appKeys = await blob.list(\"app_\");\nawait blob.delete(\"myKey\");\n```\n\n### SQLite\n\n```ts\nimport { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nconst TABLE_NAME = 'todo_app_users_2';\n// Create table - do this before usage and change table name when modifying schema\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS ${TABLE_NAME} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n name TEXT NOT NULL\n)`);\n// Query data\nconst result = await sqlite.execute(`SELECT * FROM ${TABLE_NAME} WHERE id = ?`, [1]);\n```\n\nNote: When changing a SQLite table's schema, change the table's name (e.g., add _2 or _3) to create a fresh table.\n\n### OpenAI\n\n```ts\nimport { OpenAI } from \"https://esm.town/v/std/openai\";\nconst openai = new OpenAI();\nconst completion = await openai.chat.completions.create({\n messages: [\n { role: \"user\", content: \"Say hello in a creative way\" },\n ],\n model: \"gpt-4o-mini\",\n max_tokens: 30,\n});\n```\n\n### Email\n\n```ts\nimport { email } from \"https://esm.town/v/std/email\";\n// By default emails the owner of the val\nawait email({ \n subject: \"Hi\", \n text: \"Hi\", \n html: \"

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",[145],"b93ee7d8-d3a9-11f0-b1e3-42dde27851f2",".vtignore","b93ee86e-d3a9-11f0-b1e3-42dde27851f2",29,["D",1765138635895],".git\n.vscode\n.cursorrules\n.DS_Store\nnode_modules\nvendor",[152],"b856c354-d3a9-11f0-8e4b-42dde27851f2","shared","b856c412-d3a9-11f0-8e4b-42dde27851f2",3,["D",1765138634405],"directory",[159],"b82c4976-d3a9-11f0-8e4b-42dde27851f2","frontend","b82c4a48-d3a9-11f0-8e4b-42dde27851f2",1,["D",1765138634122],[166],"b8403292-d3a9-11f0-8e76-42dde27851f2","backend","b8403350-d3a9-11f0-8e76-42dde27851f2",2,["D",1765138634257],[172],"pulls","branches","forks","envVars",{"_184":161,"_186":64},"connections",{"_184":64,"_185":64},"count","unfilledCount","emptyCount",{"_44":171,"_32":172,"_30":173,"_137":-5,"_42":43,"_41":174,"_139":60,"_39":490,"_13":64,"_34":163,"_36":-5,"_24":25,"_142":-5,"_226":491,"_27":492},{"_44":486,"_32":477,"_30":471,"_137":173,"_42":43,"_41":376,"_139":60,"_39":487,"_13":64,"_34":163,"_36":-5,"_24":25,"_142":-5,"_226":488,"_27":489},{"_44":478,"_32":479,"_30":480,"_137":471,"_42":43,"_41":481,"_139":25,"_39":482,"_13":295,"_34":35,"_36":483,"_24":25,"_142":-5,"_226":484,"_27":485},{"_44":468,"_32":469,"_30":470,"_137":471,"_42":43,"_41":472,"_139":25,"_39":473,"_13":312,"_34":35,"_36":474,"_24":25,"_142":-5,"_226":475,"_27":476},{"_44":464,"_32":463,"_30":457,"_137":173,"_42":43,"_41":277,"_139":60,"_39":465,"_13":64,"_34":163,"_36":-5,"_24":25,"_142":-5,"_226":466,"_27":467},{"_44":454,"_32":455,"_30":456,"_137":457,"_42":43,"_41":458,"_139":60,"_39":459,"_13":161,"_34":35,"_36":460,"_24":25,"_142":-5,"_226":461,"_27":462},{"_44":450,"_32":393,"_30":387,"_137":173,"_42":43,"_41":240,"_139":60,"_39":451,"_13":64,"_34":163,"_36":-5,"_24":25,"_142":-5,"_226":452,"_27":453},{"_44":442,"_32":443,"_30":444,"_137":387,"_42":43,"_41":445,"_139":60,"_39":446,"_13":161,"_34":35,"_36":447,"_24":25,"_142":-5,"_226":448,"_27":449},{"_44":434,"_32":435,"_30":436,"_137":387,"_42":43,"_41":437,"_139":60,"_39":438,"_13":168,"_34":35,"_36":439,"_24":25,"_142":-5,"_226":440,"_27":441},{"_44":426,"_32":427,"_30":428,"_137":387,"_42":43,"_41":429,"_139":60,"_39":430,"_13":349,"_34":35,"_36":431,"_24":25,"_142":-5,"_226":432,"_27":433},{"_44":418,"_32":419,"_30":420,"_137":387,"_42":43,"_41":421,"_139":25,"_39":422,"_13":161,"_34":35,"_36":423,"_24":25,"_142":-5,"_226":424,"_27":425},{"_44":410,"_32":411,"_30":412,"_137":387,"_42":43,"_41":413,"_139":60,"_39":414,"_13":349,"_34":35,"_36":415,"_24":25,"_142":-5,"_226":416,"_27":417},{"_44":402,"_32":403,"_30":404,"_137":387,"_42":43,"_41":405,"_139":25,"_39":406,"_13":277,"_34":35,"_36":407,"_24":25,"_142":-5,"_226":408,"_27":409},{"_44":394,"_32":395,"_30":396,"_137":387,"_42":43,"_41":397,"_139":25,"_39":398,"_13":277,"_34":35,"_36":399,"_24":25,"_142":-5,"_226":400,"_27":401},{"_44":384,"_32":385,"_30":386,"_137":387,"_42":43,"_41":388,"_139":60,"_39":389,"_13":174,"_34":35,"_36":390,"_24":25,"_142":-5,"_226":391,"_27":392},{"_44":379,"_32":373,"_30":367,"_137":173,"_42":43,"_41":380,"_139":60,"_39":381,"_13":64,"_34":163,"_36":-5,"_24":25,"_142":-5,"_226":382,"_27":383},{"_44":374,"_32":33,"_30":31,"_137":367,"_42":43,"_41":14,"_139":25,"_39":375,"_13":376,"_34":35,"_36":38,"_24":25,"_142":-5,"_226":377,"_27":378},{"_44":364,"_32":365,"_30":366,"_137":367,"_42":43,"_41":368,"_139":25,"_39":369,"_13":174,"_34":35,"_36":370,"_24":25,"_142":-5,"_226":371,"_27":372},{"_44":356,"_32":357,"_30":58,"_137":173,"_42":43,"_41":358,"_139":60,"_39":359,"_13":277,"_34":360,"_36":361,"_24":25,"_142":-5,"_226":362,"_27":363},{"_44":165,"_32":166,"_30":167,"_137":-5,"_42":43,"_41":168,"_139":60,"_39":353,"_13":64,"_34":163,"_36":-5,"_24":25,"_142":-5,"_226":354,"_27":355},{"_44":348,"_32":281,"_30":274,"_137":167,"_42":43,"_41":349,"_139":60,"_39":350,"_13":64,"_34":163,"_36":-5,"_24":25,"_142":-5,"_226":351,"_27":352},{"_44":340,"_32":341,"_30":342,"_137":274,"_42":43,"_41":343,"_139":25,"_39":344,"_13":161,"_34":35,"_36":345,"_24":25,"_142":-5,"_226":346,"_27":347},{"_44":332,"_32":333,"_30":334,"_137":274,"_42":43,"_41":335,"_139":25,"_39":336,"_13":168,"_34":35,"_36":337,"_24":25,"_142":-5,"_226":338,"_27":339},{"_44":324,"_32":325,"_30":326,"_137":274,"_42":43,"_41":327,"_139":25,"_39":328,"_13":174,"_34":35,"_36":329,"_24":25,"_142":-5,"_226":330,"_27":331},{"_44":316,"_32":317,"_30":318,"_137":274,"_42":43,"_41":319,"_139":25,"_39":320,"_13":161,"_34":35,"_36":321,"_24":25,"_142":-5,"_226":322,"_27":323},{"_44":307,"_32":308,"_30":309,"_137":274,"_42":43,"_41":310,"_139":25,"_39":311,"_13":312,"_34":35,"_36":313,"_24":25,"_142":-5,"_226":314,"_27":315},{"_44":299,"_32":300,"_30":301,"_137":274,"_42":43,"_41":302,"_139":25,"_39":303,"_13":161,"_34":35,"_36":304,"_24":25,"_142":-5,"_226":305,"_27":306},{"_44":290,"_32":291,"_30":292,"_137":274,"_42":43,"_41":293,"_139":25,"_39":294,"_13":295,"_34":35,"_36":296,"_24":25,"_142":-5,"_226":297,"_27":298},{"_44":282,"_32":283,"_30":284,"_137":274,"_42":43,"_41":285,"_139":25,"_39":286,"_13":277,"_34":35,"_36":287,"_24":25,"_142":-5,"_226":288,"_27":289},{"_44":271,"_32":272,"_30":273,"_137":274,"_42":43,"_41":275,"_139":25,"_39":276,"_13":277,"_34":35,"_36":278,"_24":25,"_142":-5,"_226":279,"_27":280},{"_44":263,"_32":264,"_30":265,"_137":167,"_42":43,"_41":266,"_139":60,"_39":267,"_13":161,"_34":20,"_36":268,"_24":25,"_142":-5,"_226":269,"_27":270},{"_44":255,"_32":256,"_30":257,"_137":167,"_42":43,"_41":258,"_139":25,"_39":259,"_13":161,"_34":20,"_36":260,"_24":25,"_142":-5,"_226":261,"_27":262},{"_44":247,"_32":248,"_30":249,"_137":167,"_42":43,"_41":250,"_139":60,"_39":251,"_13":161,"_34":35,"_36":252,"_24":25,"_142":-5,"_226":253,"_27":254},{"_44":158,"_32":159,"_30":160,"_137":-5,"_42":43,"_41":161,"_139":60,"_39":244,"_13":64,"_34":163,"_36":-5,"_24":25,"_142":-5,"_226":245,"_27":246},{"_44":235,"_32":236,"_30":237,"_137":160,"_42":43,"_41":238,"_139":25,"_39":239,"_13":240,"_34":35,"_36":241,"_24":25,"_142":-5,"_226":242,"_27":243},{"_44":151,"_32":152,"_30":153,"_137":-5,"_42":43,"_41":154,"_139":25,"_39":232,"_13":64,"_34":20,"_36":156,"_24":25,"_142":-5,"_226":233,"_27":234},{"_44":144,"_32":145,"_30":146,"_137":-5,"_42":43,"_41":147,"_139":60,"_39":229,"_13":64,"_34":20,"_36":149,"_24":25,"_142":-5,"_226":230,"_27":231},{"_44":134,"_32":135,"_30":136,"_137":-5,"_42":43,"_41":138,"_139":60,"_39":225,"_13":64,"_34":20,"_36":141,"_24":25,"_142":-5,"_226":227,"_27":228},["D",1765138635487],"children",[],[135],["D",1765138635892],[],[145],["D",1765138635895],[],[152],"8261b324-dbcb-11f0-8572-42dde27851f2","types.ts","b9331f48-d3a9-11f0-a755-42dde27851f2",145,["D",1766032755893],7,"// 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// Nutrition data from FDC (per 100g)\nexport interface FDCNutrition {\n calories: number | null;\n protein: number | null;\n fat: number | null;\n carbs: number | null;\n fiber: number | null;\n // Minerals\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 // Vitamins\n vitaminA: number | null;\n vitaminC: number | null;\n vitaminD: number | null;\n vitaminE: number | null;\n vitaminK: number | null;\n vitaminB6: number | null;\n vitaminB12: number | null;\n thiamin: number | null;\n riboflavin: number | null;\n niacin: number | null;\n folate: number | null;\n}\n\nexport interface RecipeNutrition {\n id: string;\n recipeId: string;\n // Macros\n calories: number | null;\n protein: number | null;\n fat: number | null;\n carbs: number | null;\n fiber: number | null;\n // Minerals\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 // Vitamins\n vitaminA: number | null;\n vitaminC: number | null;\n vitaminD: number | null;\n vitaminE: number | null;\n vitaminK: number | null;\n vitaminB6: number | null;\n vitaminB12: number | null;\n thiamin: number | null;\n riboflavin: number | null;\n niacin: number | null;\n folate: number | null;\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 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 (macros + micronutrients)\nexport type NutrientKey =\n | 'calories' | 'protein' | 'fat' | 'carbs' | 'fiber'\n | 'sodium' | 'potassium' | 'calcium' | 'iron' | 'magnesium' | 'zinc'\n | 'vitaminA' | 'vitaminC' | 'vitaminD' | 'vitaminE' | 'vitaminK'\n | 'vitaminB6' | 'vitaminB12' | 'thiamin' | 'riboflavin' | 'niacin' | 'folate';\n\nexport const NUTRIENT_INFO: Record = {\n calories: { label: 'Calories', unit: 'kcal', category: 'macro' },\n protein: { label: 'Protein', unit: 'g', category: 'macro' },\n fat: { label: 'Fat', unit: 'g', category: 'macro' },\n carbs: { label: 'Carbohydrates', unit: 'g', category: 'macro' },\n fiber: { label: 'Fiber', unit: 'g', category: 'macro' },\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 vitaminA: { label: 'Vitamin A', unit: 'mcg', category: 'vitamin' },\n vitaminC: { label: 'Vitamin C', unit: 'mg', category: 'vitamin' },\n vitaminD: { label: 'Vitamin D', unit: 'mcg', category: 'vitamin' },\n vitaminE: { label: 'Vitamin E', unit: 'mg', category: 'vitamin' },\n vitaminK: { label: 'Vitamin K', unit: 'mcg', category: 'vitamin' },\n vitaminB6: { label: 'Vitamin B6', unit: 'mg', category: 'vitamin' },\n vitaminB12: { label: 'Vitamin B12', unit: 'mcg', category: 'vitamin' },\n thiamin: { label: 'Thiamin (B1)', unit: 'mg', category: 'vitamin' },\n riboflavin: { label: 'Riboflavin (B2)', unit: 'mg', category: 'vitamin' },\n niacin: { label: 'Niacin (B3)', unit: 'mg', category: 'vitamin' },\n folate: { label: 'Folate', unit: 'mcg', category: 'vitamin' },\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 (out of 16)\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 // Macros\n calories: number | null;\n protein: number | null;\n fat: number | null;\n carbs: number | null;\n fiber: number | null;\n // Minerals\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 // Vitamins\n vitaminA: number | null;\n vitaminC: number | null;\n vitaminD: number | null;\n vitaminE: number | null;\n vitaminK: number | null;\n vitaminB6: number | null;\n vitaminB12: number | null;\n thiamin: number | null;\n riboflavin: number | null;\n niacin: number | null;\n folate: 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\nexport interface DailyNutrition {\n // Macros\n calories: number;\n protein: number;\n fat: number;\n carbs: number;\n fiber: number;\n // Minerals\n sodium: number;\n potassium: number;\n calcium: number;\n iron: number;\n magnesium: number;\n zinc: number;\n // Vitamins\n vitaminA: number;\n vitaminC: number;\n vitaminD: number;\n vitaminE: number;\n vitaminK: number;\n vitaminB6: number;\n vitaminB12: number;\n thiamin: number;\n riboflavin: number;\n niacin: number;\n folate: number;\n}\n\n// Helper to create empty daily nutrition\nexport function createEmptyDailyNutrition(): DailyNutrition {\n return {\n calories: 0, protein: 0, fat: 0, carbs: 0, fiber: 0,\n sodium: 0, potassium: 0, calcium: 0, iron: 0, magnesium: 0, zinc: 0,\n vitaminA: 0, vitaminC: 0, vitaminD: 0, vitaminE: 0, vitaminK: 0,\n vitaminB6: 0, vitaminB12: 0, thiamin: 0, riboflavin: 0, niacin: 0, folate: 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 interface CreateGroceryListRequest {\n name: string;\n}\n\nexport interface AddGroceryItemRequest {\n name: string;\n quantity?: number | null;\n unit?: string | null;\n}\n\nexport interface AddRecipeIngredientsRequest {\n recipeId: string;\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 // Macros\n calories?: number | null;\n protein?: number | null;\n fat?: number | null;\n carbs?: number | null;\n fiber?: number | null;\n // Minerals\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 // Vitamins\n vitaminA?: number | null;\n vitaminC?: number | null;\n vitaminD?: number | null;\n vitaminE?: number | null;\n vitaminK?: number | null;\n vitaminB6?: number | null;\n vitaminB12?: number | null;\n thiamin?: number | null;\n riboflavin?: number | null;\n niacin?: number | null;\n folate?: number | null;\n}\n\nexport interface UpdateCustomFoodRequest extends Partial {\n id: string;\n}\n\n\n\n",[],[159,236],["D",1765138634405],[221],[159],"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",[],[166,248],"82109896-e13d-11f0-99a8-42dde27851f2","index.html","b8d03d1a-d3a9-11f0-8004-42dde27851f2",149,["D",1766631473955],"\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",[],[166,256],"8307e934-e13d-11f0-b455-42dde27851f2","favicon.svg","b8f8fbb0-d3a9-11f0-897f-42dde27851f2",155,["D",1766631475442],"\n\n\n\n\n",[],[166,264],"440620a4-d92a-11f0-a349-42dde27851f2","ScraperEvalView.tsx","0850829e-d91f-11f0-bf8f-42dde27851f2","b86d06aa-d3a9-11f0-b1e3-42dde27851f2",67,["D",1765743600152],5,"/** @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 // 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) 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 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 }\n }, [urlInput, state.savedUrls]);\n\n const addBulkUrls = useCallback(async () => {\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 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 }\n }, [bulkInput, state.savedUrls]);\n\n const removeUrl = useCallback(async (savedUrl: SavedUrl) => {\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 }\n }, []);\n\n const clearAll = useCallback(async () => {\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 }\n }, []);\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 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n />\n \n Add URL\n \n setShowBulkInput(!showBulkInput)}\n className=\"px-4 py-2 border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors\"\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 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent resize-none\"\n />\n

\n \n Add All URLs\n \n {\n setShowBulkInput(false);\n setBulkInput(\"\");\n }}\n className=\"px-4 py-2 border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors\"\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 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 text-blue-500 hover:underline\"\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 cellViewMode === \"key-fields\"\n ? \"bg-blue-600 text-white\"\n : \"bg-gray-200 text-gray-700 hover:bg-gray-300\"\n }`}\n >\n Key Fields\n \n setExpandedViewMode(urlIndex, scraperIndex, \"full-json\")}\n className={`px-2 py-1 text-xs rounded ${\n cellViewMode === \"full-json\"\n ? \"bg-blue-600 text-white\"\n : \"bg-gray-200 text-gray-700 hover:bg-gray-300\"\n }`}\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 className=\"text-red-500 hover:text-red-700 text-sm flex-shrink-0\"\n title=\"Remove URL\"\n >\n ✕\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 className=\"text-red-500 hover:text-red-700 text-sm flex-shrink-0\"\n title=\"Remove URL\"\n >\n ✕\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",[],[166,281,272],"components","f9f3a880-e142-11f0-8955-42dde27851f2","RecipesView.tsx","b8e58968-d3a9-11f0-a23f-42dde27851f2",161,["D",1766633822595],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport type { Recipe, CreateRecipeRequest, ParsedRecipeFromUrl, RecipeNutrition, CustomFood, CreateCustomFoodRequest } from \"../../shared/types.ts\";\nimport { NUTRIENT_INFO } from \"../../shared/types.ts\";\nimport { RecipeForm } from \"./RecipeForm.tsx\";\nimport { CustomFoodForm } from \"./CustomFoodForm.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// 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 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 const [showMicronutrients, setShowMicronutrients] = useState(false);\n \n // Custom food state\n const [showCustomFoodForm, setShowCustomFoodForm] = useState(false);\n const [editingCustomFood, setEditingCustomFood] = useState(null);\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 const response = await fetch(`/api/recipes/${recipeId}/duplicate`, {\n method: 'POST',\n });\n \n if (response.ok) {\n await onRecipesChange();\n }\n };\n\n const handleDelete = async (recipeId: string) => {\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 };\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 const response = await fetch(`/api/custom-foods/${customFoodId}`, {\n method: 'DELETE',\n });\n \n if (response.ok) {\n await onCustomFoodsChange();\n }\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 activeTab === 'recipes'\n ? 'border-current text-gray-900'\n : 'border-transparent text-gray-500 hover:text-gray-700'\n }`}\n style={activeTab === 'recipes' ? { borderColor: '#0f2763', color: '#0f2763' } : {}}\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 activeTab === 'custom-foods'\n ? 'border-current text-gray-900'\n : 'border-transparent text-gray-500 hover:text-gray-700'\n }`}\n style={activeTab === 'custom-foods' ? { borderColor: '#0f2763', color: '#0f2763' } : {}}\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.ingredients.length} ingredients · {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 {/* Ingredients */}\n

Ingredients

\n \n
\n \n {ing.amount && {ing.amount} }\n {ing.unit && {ing.unit} }\n {ing.name}\n \n {ing.notes && (\n ({ing.notes})\n )}\n {ing.fdcId && (\n \n [{ing.fdcDataType === 'Branded' ? 'B' : 'USDA'}]\n \n )}\n
\n

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

Instructions

{recipe.instructions}

\n )}\n \n {/* Nutrition details */}\n {recipe.nutrition && (\n

Nutrition (per serving)

\n setShowMicronutrients(!showMicronutrients)}\n className=\"text-xs text-blue-600 hover:text-blue-800\"\n >\n {showMicronutrients ? 'Hide details' : 'Show vitamins & minerals'}\n \n

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

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

kcal

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

protein

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

carbs

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

fat

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

fiber

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

\n {/* Fats Breakdown */}\n {(['saturatedFat', 'transFat', 'monounsaturatedFat', 'polyunsaturatedFat', 'cholesterol'] as const).some(key => recipe.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 = recipe.nutrition![key];\n if (value === null) return null;\n return (\n

Diff · v167