\n \n Heuristics analysis is not available for individual dishes.\n \n \n Heuristics analysis is designed to evaluate menu-level patterns and relationships between courses.\n For individual dishes, please use the taste, texture, or aroma analysis options.\n \n

\n );\n default:\n return ;\n }\n};",[],[188,194,200,207,214],{"_104":224,"_95":225,"_158":226,"_160":208,"_161":138,"_162":227,"_164":22,"_106":228,"_100":229,"_167":219,"_169":230,"_170":22,"_171":-5,"_172":231,"_98":232},"c209586a-5ade-11f0-9764-f69ea79377d9","DishAromaAnalysis.tsx","ebeb9330-551d-11f0-abff-f69ea79377d9",514,["D",1751857323266],8,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"react\";\nimport { Dish } from \"../../../types.ts\";\nimport AromaTimeSeriesChart from \"../AromaTimeSeriesChart.tsx\";\nimport ChartCard from \"../ChartCard.tsx\";\nimport IntensityRangeChart from \"../IntensityRangeChart.tsx\";\nimport { KPI, KPIs } from \"../KPI.tsx\";\nexport default function DishAromaAnalysis({ dish }: { dish: Dish }) {\n // const [syncId] = useState('aromaCharts'); // Unique sync ID for these charts\n\n // Transform the data into the format Recharts expects\n // const components = dish.components.map(c => ({ name: c.name, aroma: c.flavor?.aroma }))\n\n // // Create the VIP Dish Aroma Model once in the parent\n // const vipDishAromaModel = new VIPDishAromaModel([\n // ...components.map(c => new VIPAroma(c.name, c.aromaV2.volatility, c.aromaV2.intensity, c.aromaV2.persistence)),\n // ]);\n\n const analysis = dish.analysis\n\n return (\n

\n {/* Key Performance Indicators */}\n \n \n \n \n \n\n {/* Charts Section */}\n

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

\n )\n}\n\n// Bad aroma shit\n// - Everything hits (peaks) at the same time\n// - Deeply mismatched finishes\n// - Unintegrated aromas",[],[188,194,200,207,225],{"_104":234,"_95":235,"_158":236,"_160":208,"_161":138,"_162":237,"_164":22,"_106":238,"_100":229,"_167":219,"_169":239,"_170":22,"_171":-5,"_172":240,"_98":241},"6c25041c-5ab1-11f0-938e-f69ea79377d9","DishTasteAnalysis.tsx","6d79b380-550c-11f0-ba31-f69ea79377d9",457,["D",1751837851710],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { capitalize, Tooltip } from '@mui/material';\nimport chroma from 'chroma-js';\nimport React, { ReactNode } from 'react';\nimport { Dish } from '../../../types.ts';\nimport ChartCard from '../ChartCard.tsx';\nimport KPI, { KPIs } from '../KPI.tsx';\nimport TasteChart from '../TasteChart.tsx';\n\nexport function shortForm(s: string) {\n return s[0]!.toUpperCase() + s[1]\n}\n\ntype DotProps = {\n tooltip?: ReactNode\n intensity: number; // Should be in the range 0 - 10\n color: (intensity: number) => string\n content: string\n};\n\nconst Dot: React.FC = ({ tooltip, intensity, color, content }) => {\n // Ensure intensity is within range\n const intensityValue = Math.min(Math.max(intensity, 0), 10);\n\n // Style for the dot\n const dotStyle = {\n width: '30px',\n height: '30px',\n borderRadius: '50%',\n backgroundColor: color(intensity),\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n color: 'white',\n fontWeight: 'bold',\n fontSize: '14px',\n transition: 'background-color 0.3s ease-in-out', // Add a smooth transition effect\n };\n\n return (\n \n

{content}

\n \n );\n};\n\nconst scale = chroma.scale(['#A9A9A9', '#5FBD73', '#FFFF00']).domain([0, 10])\n\nfunction color(intensity: number) {\n return scale(intensity).hex()\n}\n\nconst Tastes = ['sweet', 'sour', 'salty', 'bitter', 'umami'] as const;\n\ninterface TasteDisplayProps {\n taste?: {\n sweet: number;\n sour: number;\n salty: number;\n bitter: number;\n umami: number;\n }\n}\n\nexport function TasteDisplay({ taste: tasteInstance }: TasteDisplayProps) {\n const content = !tasteInstance\n ? \"Analyzing...\"\n : Tastes.map((taste) => (\n \n

{capitalize(taste)}

Intensity: {tasteInstance[taste].toFixed(2)}/10

\n } />\n ))\n\n return (\n

\n {content}\n

\n );\n};\n\nexport default function DishTasteAnalysis({ dish }: { dish: Dish }) {\n return

\n \n \n \n \n \n {dish.analysis?.combinedTaste && }\n \n

\n}",[],[188,194,200,207,235],{"_104":243,"_95":244,"_158":245,"_160":208,"_161":138,"_162":246,"_164":22,"_106":247,"_100":248,"_167":219,"_169":249,"_170":22,"_171":-5,"_172":250,"_98":251},"6c294180-5ab1-11f0-8c8f-f69ea79377d9","DishTextureAnalysis.tsx","11046df8-554c-11f0-903a-f69ea79377d9",458,["D",1751837851715],4,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"react\";\nimport { Dish } from \"../../../types.ts\";\nimport ChartCard from \"../ChartCard.tsx\";\nimport HardnessMoistureScatter, { HardnessMoistureDataPoint } from \"../HardnessMoistureScatter.tsx\";\n\nexport default function DishTextureAnalysis({ dish }: { dish: Dish }) {\n const scatterData: HardnessMoistureDataPoint[] = []\n\n for (const component of dish.components) {\n if (component.flavor?.texture) {\n scatterData.push({\n name: component.name,\n moistureLevel: component.flavor.texture.moistureLevel,\n hardness: component.flavor.texture.hardness,\n })\n }\n }\n\n return <>\n

\n \n \n \n

\n \n}",[],[188,194,200,207,244],[188,194,200,207],{"_104":254,"_95":255,"_158":256,"_160":201,"_161":138,"_162":257,"_164":165,"_106":258,"_100":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":259,"_98":334},"6f5068ea-569f-11f0-9c3c-f69ea79377d9","menu","6f50699e-569f-11f0-9c3c-f69ea79377d9",342,["D",1751390321575],[260,305,315,324],{"_104":261,"_95":262,"_158":263,"_160":256,"_161":138,"_162":264,"_164":165,"_106":265,"_100":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":266,"_98":304},"a4fa5a1e-56a4-11f0-b5d1-f69ea79377d9","charts","a4fa5af0-56a4-11f0-b5d1-f69ea79377d9",348,["D",1751392559089],[267,277,286,295],{"_104":268,"_95":269,"_158":270,"_160":263,"_161":138,"_162":271,"_164":165,"_106":272,"_100":273,"_167":219,"_169":274,"_170":22,"_171":-5,"_172":275,"_98":276},"bd1fd1aa-5adc-11f0-8134-f69ea79377d9","BalanceChart.tsx","6264455a-56a6-11f0-8ced-f69ea79377d9",509,["D",1751856456014],7,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from 'react';\nimport { Line, LineChart, ReferenceArea, ResponsiveContainer, Tooltip, XAxis, YAxis } from 'recharts';\nimport { MenuAnalysis } from '../../../../types';\n\ninterface Props {\n analysis: MenuAnalysis\n width: `${number}%`\n height: number\n}\n\nconst BalanceChart: React.FC = ({ analysis, width, height }) => {\n const augmentedData = analysis.balanceSeries\n\n return (\n \n \n {/* */}\n \n {\n if (v === 0) return ''\n if (v === 1/6) return 'Unbalanced'\n if (v === 0.5) return 'Okay'\n if (v === 5/6) return 'Balanced'\n return ''\n }} \n />\n `${value.toFixed(0)}%`} />\n \n \n \n \n \n \n );\n};\n\nexport default BalanceChart;\n",[],[188,194,200,255,262,269],{"_104":278,"_95":279,"_158":280,"_160":263,"_161":138,"_162":281,"_164":165,"_106":282,"_100":143,"_167":219,"_169":283,"_170":22,"_171":-5,"_172":284,"_98":285},"3b447ae4-5ad4-11f0-8f70-f69ea79377d9","IntensityChart.tsx","9d3a173a-56a7-11f0-ad5c-f69ea79377d9",478,["D",1751852802060],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"react\";\nimport { CartesianGrid, Line, LineChart, ResponsiveContainer, Tooltip, XAxis, YAxis } from \"recharts\";\nimport { MenuAnalysis } from \"../../../../types\";\n\ntype Props = {\n analysis: MenuAnalysis\n width: `${number}%`\n height: number\n}\n\nexport default function IntensityChart({ analysis, width, height }: Props) {\n const augmentedData = analysis.intensitySeries\n\n return (\n \n \n \n \n \n \n \n \n \n )\n}",[],[188,194,200,255,262,279],{"_104":287,"_95":288,"_158":289,"_160":263,"_161":138,"_162":290,"_164":165,"_106":291,"_100":248,"_167":219,"_169":292,"_170":22,"_171":-5,"_172":293,"_98":294},"c186b708-5ab0-11f0-a36e-f69ea79377d9","MajorTasteChart.tsx","a51e258e-56a4-11f0-bce0-f69ea79377d9",450,["D",1751837565589],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { invert } from 'ramda';\nimport React from 'react';\nimport { Line, LineChart, ResponsiveContainer, Tooltip, XAxis, YAxis } from 'recharts';\nimport { MenuAnalysis } from '../../../../types.ts';\n\nconst Tastes = ['sweet', 'sour', 'salty', 'bitter', 'umami'] as const;\ntype Taste = typeof Tastes[number];\nexport type TasteInstance = { [taste in Taste]: number };\n\ninterface Props {\n analysis: MenuAnalysis;\n width: `${number}%`\n height: number\n}\n\nconst indexes = {\n sweet: 1,\n sour: 2,\n salty: 3,\n bitter: 4,\n umami: 5\n}\n\nexport default function MajorTasteChart({ analysis, width, height }: Props) {\n const seriesData = analysis.majorTasteSeries.map(d => ({\n ...d,\n majorTaste: indexes[d.majorTaste],\n minorTaste: indexes[d.minorTaste]\n }))\n\n return (\n <>\n \n \n \n invert(indexes)[v as string]![0]!} />\n invert(indexes)[v as string]} />\n \n \n \n \n \n\n );\n};\n",[],[188,194,200,255,262,288],{"_104":296,"_95":297,"_158":298,"_160":263,"_161":138,"_162":299,"_164":165,"_106":300,"_100":273,"_167":219,"_169":301,"_170":22,"_171":-5,"_172":302,"_98":303},"3b36121a-5ad4-11f0-ba5e-f69ea79377d9","TastesChart.tsx","34ffcf16-56a7-11f0-af0f-f69ea79377d9",477,["D",1751852802056],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from 'react';\nimport { CartesianGrid, Line, LineChart, ResponsiveContainer, Tooltip, XAxis, YAxis } from 'recharts';\nimport { MenuAnalysis } from '../../../../types.ts';\nimport { colors } from '../../TasteChart.tsx';\n\ninterface Props {\n analysis: MenuAnalysis;\n width: `${number}%`\n height: number\n}\n\nexport default function TastesChart({ analysis, width, height }: Props) {\n const tastes = Object.keys(analysis.flavorSeries[0].taste ?? {})\n return (\n \n ({\n name: f.name,\n ...f.taste\n }))}\n >\n \n \n \n \n {tastes.map((taste) => (\n \n ))}\n \n \n );\n};\n",[],[188,194,200,255,262,297],[188,194,200,255,262],{"_104":306,"_95":307,"_158":308,"_160":256,"_161":138,"_162":309,"_164":22,"_106":310,"_100":311,"_167":219,"_169":312,"_170":22,"_171":-5,"_172":313,"_98":314},"a453c3d4-5aaf-11f0-a97b-f69ea79377d9","MenuAnalysis.tsx","6f6781a6-569f-11f0-a353-f69ea79377d9",446,["D",1751837087077],5,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from 'react';\nimport { MenuWithResolvedDishes } from '../../../types.ts';\nimport AnalysisEmptyState from '../AnalysisEmptyState.tsx';\nimport { Analysis } from '../AnalysisSelector.tsx';\nimport MenuHeuristicAnalysis from './MenuHeuristicAnalysis.tsx';\nimport MenuTasteAnalysis from './MenuTasteAnalysis.tsx';\n\nexport default function MenuAnalysis({ menu, selectedAnalysis }: { menu: MenuWithResolvedDishes, selectedAnalysis: Analysis }) {\n const analysis = menu.analysis\n\n if (!analysis) {\n return (\n course.dishes).length} dish${menu.courses.flatMap(course => course.dishes).length !== 1 ? 'es' : ''} in menu`}\n />\n );\n }\n\n switch (selectedAnalysis) {\n case 'heuristic':\n return \n case 'taste':\n case 'texture':\n case 'aroma':\n default:\n return \n }\n};",[],[188,194,200,255,307],{"_104":316,"_95":317,"_158":318,"_160":256,"_161":138,"_162":319,"_164":165,"_106":320,"_100":248,"_167":219,"_169":321,"_170":22,"_171":-5,"_172":322,"_98":323},"359e9348-5aae-11f0-b0cd-f69ea79377d9","MenuHeuristicAnalysis.tsx","1fa4dde6-56e3-11f0-b3e0-f69ea79377d9",438,["D",1751836471837],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Alert, Box, Chip, Typography } from '@mui/material';\nimport React, { useMemo } from 'react';\nimport { MenuHeuristicAnalysis } from '../../../types';\n\ninterface HeuristicError {\n message: string;\n rootCause: any[];\n}\n\ninterface HeuristicResult {\n name: string;\n description: string;\n status: 'passed' | 'failed';\n errors?: HeuristicError[];\n}\n\ninterface HeuristicsAnalysis {\n totalHeuristics: number;\n passedHeuristics: number;\n failedHeuristics: number;\n heuristicResults: HeuristicResult[];\n summary: {\n overallScore: number;\n };\n}\n\nexport default function MenuHeuristicAnalysis({ heuristics }: { heuristics: MenuHeuristicAnalysis }) {\n const analysis = useMemo(() => {\n if (!heuristics || heuristics.length === 0) {\n return null;\n }\n\n const heuristicResults = heuristics.map(({ heuristic, result }) => {\n const isPassed = result === true;\n const errors = isPassed ? undefined : (result as any).errors.map((error: any) => ({\n message: error.message,\n rootCause: error.rootCause\n }));\n\n return {\n name: heuristic.name,\n description: heuristic.description,\n status: isPassed ? 'passed' as const : 'failed' as const,\n errors\n };\n });\n\n const passedHeuristics = heuristicResults.filter(h => h.status === 'passed').length;\n const failedHeuristics = heuristicResults.filter(h => h.status === 'failed').length;\n const totalHeuristics = heuristicResults.length;\n const overallScore = totalHeuristics > 0 ? (passedHeuristics / totalHeuristics) * 100 : 100;\n\n return {\n totalHeuristics,\n passedHeuristics,\n failedHeuristics,\n heuristicResults,\n summary: {\n overallScore: Math.round(overallScore * 100) / 100\n }\n };\n }, [heuristics]);\n\n if (!analysis) {\n return (\n \n No heuristics analysis available for this menu.\n \n );\n }\n\n const scoreColor = analysis.summary.overallScore >= 80 ? 'success' :\n analysis.summary.overallScore >= 60 ? 'warning' : 'error';\n\n return (\n

\n {/* Summary Section */}\n

\n \n Heuristics Analysis Summary\n \n \n \n \n \n \n

\n\n {/* Heuristics Results */}\n

\n \n Detailed Analysis\n \n\n {analysis.heuristicResults.map((heuristic, index) => (\n

\n \n \n {heuristic.status === 'passed' ? '✓' : '✗'}\n \n \n {heuristic.name}\n \n \n \n\n \n {heuristic.description}\n \n\n {heuristic.errors && heuristic.errors.length > 0 && (\n \n \n Issues Found:\n \n

\n {error.message}\n

\n \n )}\n

\n ))}\n

\n );\n} ",[],[188,194,200,255,317],{"_104":325,"_95":326,"_158":327,"_160":256,"_161":138,"_162":328,"_164":22,"_106":329,"_100":330,"_167":219,"_169":331,"_170":22,"_171":-5,"_172":332,"_98":333},"6c19707a-5ab1-11f0-9b42-f69ea79377d9","MenuTasteAnalysis.tsx","6f5ae824-569f-11f0-8e05-f69ea79377d9",456,["D",1751837851733],13,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from 'react';\nimport { MenuAnalysis } from '../../../types.ts';\nimport ChartCard from '../ChartCard.tsx';\nimport KPI, { KPIs } from '../KPI.tsx';\nimport BalanceChart from './charts/BalanceChart.tsx';\nimport IntensityChart from './charts/IntensityChart.tsx';\nimport MajorTasteChart from './charts/MajorTasteChart.tsx';\nimport TastesChart from './charts/TastesChart.tsx';\n\nexport default function MenuTasteAnalysis({ analysis }: { analysis: MenuAnalysis }) {\n return

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

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

\n}",[],[188,194,200,255,326],[188,194,200,255],{"_104":336,"_95":337,"_158":338,"_160":201,"_161":138,"_162":339,"_164":22,"_106":340,"_100":32,"_167":219,"_169":341,"_170":22,"_171":-5,"_172":342,"_98":343},"a44c95fa-5aaf-11f0-bef2-f69ea79377d9","AnalysisEmptyState.tsx","a44c96c2-5aaf-11f0-bef2-f69ea79377d9",445,["D",1751837087055],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Analytics } from '@mui/icons-material';\nimport { Box, Paper, Typography } from \"@mui/material\";\nimport React from \"react\";\n\nexport default function AnalysisEmptyState({ primaryText, secondaryText }: { primaryText: string, secondaryText: string }) {\n return \n \n \n \n No analysis available\n \n \n {primaryText}\n \n \n \n {secondaryText}\n \n \n \n\n}",[],[188,194,200,337],{"_104":345,"_95":346,"_158":347,"_160":201,"_161":138,"_162":348,"_164":22,"_106":349,"_100":350,"_167":219,"_169":351,"_170":22,"_171":-5,"_172":352,"_98":353},"24959cbe-5ad5-11f0-a3ce-f69ea79377d9","AnalysisSelector.tsx","4157b690-5691-11f0-86ac-f69ea79377d9",482,["D",1751853193666],6,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { InputLabel, MenuItem, Select } from \"@mui/material\";\nimport React from \"react\";\n\nexport type Analysis = 'taste' | 'texture' | 'aroma' | 'heuristic';\n\nexport default function AnalysisSelector({ value, onChange }: { value: Analysis, onChange: (value: Analysis) => Promise | void }) {\n return (\n

\n Select view:\n onChange(e.target.value as Analysis)}\n >\n Taste\n Texture\n Aroma\n Heuristic\n \n

\n );\n}\n",[],[188,194,200,346],{"_104":355,"_95":356,"_158":357,"_160":201,"_161":138,"_162":358,"_164":165,"_106":359,"_100":143,"_167":219,"_169":360,"_170":22,"_171":-5,"_172":361,"_98":362},"1c53a07a-5565-11f0-a03c-f69ea79377d9","AromaTimeSeriesChart.tsx","f25855fe-551e-11f0-b6a0-f69ea79377d9",226,["D",1751255320367],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"react\";\nimport { Legend, Line, LineChart, ResponsiveContainer, Tooltip, XAxis, YAxis } from 'recharts';\nimport seedrandom from 'seedrandom';\nimport { Dish } from \"../../types.ts\";\n\n\ninterface Props {\n dish: Dish;\n syncId?: string;\n}\n\nexport default function AromaTimeSeriesChart({ dish, syncId }: Props) {\n if (!dish.analysis) return

No data

\n\n const [hiddenSeries, setHiddenSeries] = useState>(new Set());\n const [hoveredSeries, setHoveredSeries] = useState(null);\n\n function generateHighContrastColors(count: number, minHueDistance = 30): string[] {\n const colors: string[] = [];\n const rng = seedrandom(dish.id);\n\n while (colors.length < count) {\n const h = Math.floor(rng() * 360);\n const s = 70 + Math.random() * 30; // Saturation 70–100%\n const l = 40 + Math.random() * 20; // Lightness 40–60%\n\n // Check against all existing colors\n const isDistinct = colors.every((existing) => {\n const [eh, ,] = parseHSL(existing);\n const hueDiff = Math.abs(h - eh) % 360;\n return hueDiff >= minHueDistance && hueDiff <= (360 - minHueDistance);\n });\n\n if (isDistinct) {\n colors.push(`hsl(${h}, ${s.toFixed(1)}%, ${l.toFixed(1)}%)`);\n }\n }\n\n return colors;\n }\n\n function parseHSL(hsl: string): [number, number, number] {\n const match = hsl.match(/hsl\$(\\d+),\\s*([\\d.]+)%,\\s*([\\d.]+)%\$/);\n if (!match) throw new Error(\"Invalid HSL format\");\n return [parseInt(match[1]!), parseFloat(match[2]!), parseFloat(match[3]!)];\n }\n\n const colors = generateHighContrastColors(dish.components.length);\n\n const handleLegendClick = (entry: any) => {\n const name = entry.value;\n setHiddenSeries(prev => {\n const newSet = new Set(prev);\n if (newSet.has(name)) {\n newSet.delete(name);\n } else {\n newSet.add(name);\n }\n return newSet;\n });\n };\n\n const handleLegendMouseEnter = (entry: any) => {\n setHoveredSeries(entry.value);\n };\n\n const handleLegendMouseLeave = () => {\n setHoveredSeries(null);\n };\n\n // Generate time series data using the extracted utility functions\n const timeSeriesData = dish.analysis?.allComponentsIntensityTimeSeries ?? [];\n const maxTime = Math.max(...timeSeriesData.map(d => d.time));\n\n return (\n \n \n \n \n [`${value.toFixed(2)}`, name]}\n labelFormatter={(time: number) => {\n const relativeTime = time / maxTime;\n if (relativeTime < 0.33) return 'Early';\n if (relativeTime < 0.66) return 'Middle';\n return 'Late';\n }}\n />\n \n {Object.keys(timeSeriesData[0]).filter(k => k !== 'time').map((key, i) => (\n \n ))}\n \n \n );\n} ",[],[188,194,200,356],{"_104":364,"_95":365,"_158":366,"_160":201,"_161":138,"_162":367,"_164":22,"_106":368,"_100":350,"_167":219,"_169":369,"_170":22,"_171":-5,"_172":370,"_98":371},"6c1057a6-5ab1-11f0-8d1b-f69ea79377d9","ChartCard.tsx","f40a26e6-551b-11f0-87e3-f69ea79377d9",454,["D",1751837851707],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Info } from \"@mui/icons-material\";\nimport React, { ReactNode, useState } from \"react\";\n\ninterface ChartCardProps {\n title: string;\n description?: string;\n children: ReactNode;\n}\n\nexport default function ChartCard({ title, description, children }: ChartCardProps) {\n const [isExpanded, setIsExpanded] = useState(false);\n\n return (\n

\n {/* Chart Title Section */}\n

\n {title}\n

\n {description && (\n setIsExpanded(!isExpanded)}\n className=\"flex-shrink-0 p-1 text-slate-400 hover:text-slate-600 transition-colors duration-200\"\n aria-label=\"Toggle description\"\n >\n \n \n )}\n

\n {description && (\n

\n {description}\n

\n )}\n

\n\n {/* Chart Content */}\n {children}\n

\n );\n} ",[],[188,194,200,365],{"_104":373,"_95":374,"_158":375,"_160":201,"_161":138,"_162":376,"_164":165,"_106":377,"_100":163,"_167":219,"_169":378,"_170":22,"_171":-5,"_172":379,"_98":380},"089fb090-5ad4-11f0-98a0-f69ea79377d9","HardnessMoistureScatter.tsx","110e7a32-554c-11f0-a1f8-f69ea79377d9",474,["D",1751852717099],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from 'react';\nimport { Label, ReferenceArea, ReferenceLine, ResponsiveContainer, Scatter, ScatterChart, Tooltip, XAxis, YAxis } from 'recharts';\n\n// Define the shape of the data points\nexport interface HardnessMoistureDataPoint {\n name: string;\n hardness: number;\n moistureLevel: number;\n}\n\n// Define props for the component\ninterface HardnessMoistureScatterProps {\n data: HardnessMoistureDataPoint[];\n}\n\n\n// Custom tooltip to display only the name\nconst CustomTooltip = ({ active, payload }: any) => {\n if (active && payload && payload.length) {\n const { name } = payload[0].payload;\n return (\n

{name}

\n );\n }\n return null;\n};\n\n\nconst HardnessMoistureScatter: React.FC = ({ data }) => {\n return (\n \n \n \n Moisture Level\n \n \n Hardness\n \n } />\n \n \n \n \n \n \n \n \n \n );\n};\n\nexport default HardnessMoistureScatter;\n",[],[188,194,200,374],{"_104":382,"_95":383,"_158":384,"_160":201,"_161":138,"_162":385,"_164":165,"_106":386,"_100":218,"_167":219,"_169":387,"_170":22,"_171":-5,"_172":388,"_98":389},"04f6f6f2-5ad8-11f0-a16c-f69ea79377d9","IntensityRangeChart.tsx","e240b9aa-554a-11f0-a3cd-f69ea79377d9",501,["D",1751854429070],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from 'react';\nimport { Line, LineChart, ResponsiveContainer, Tooltip, XAxis, YAxis } from 'recharts';\nimport { Dish } from '../../types.ts';\n\ninterface Props {\n dish: Dish;\n syncId?: string;\n}\n\nexport default function IntensityRangeChart({ dish, syncId }: Props) {\n // Generate time series data using the extracted utility functions\n const rangeData = dish.analysis?.aromaticIntegrationTimeSeries ?? [];\n\n return (\n \n \n \n \n {\n if (name === 'range') return [`${value.toFixed(1)}%`, 'Balance'];\n if (name === 'maxIntensity') return [`${value.toFixed(2)}`, 'Max Intensity'];\n if (name === 'minIntensity') return [`${value.toFixed(2)}`, 'Min Intensity'];\n return [`${value.toFixed(2)}`, name];\n }}\n labelFormatter={(time: number) => {\n // Get max time from the data to calculate relative position\n const maxTime = Math.max(...rangeData.map(d => d.time));\n const relativeTime = time / maxTime;\n if (relativeTime < 0.33) return 'Early';\n if (relativeTime < 0.66) return 'Middle';\n return 'Late';\n }}\n />\n \n \n \n );\n} ",[],[188,194,200,383],{"_104":391,"_95":392,"_158":393,"_160":201,"_161":138,"_162":394,"_164":22,"_106":395,"_100":311,"_167":219,"_169":396,"_170":22,"_171":-5,"_172":397,"_98":398},"3ed4c172-5adf-11f0-af96-f69ea79377d9","KPI.tsx","c5a0c922-5511-11f0-9a0f-f69ea79377d9",517,["D",1751857532668],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useTheme } from \"@mui/material\";\nimport React, { PropsWithChildren, useState } from \"react\";\n\nconst cache: Record = {}\nexport const percent = (num: number, precision = 1) => (num * 100).toFixed(precision) + '%'\n\nconst formatters = {\n percent,\n percent0: (v: number) => percent(v, 0),\n number: (v: number) => v,\n float: (v: number) => parseFloat(v.toFixed(2)),\n float1: (v: number) => parseFloat(v.toFixed(1))\n} as const\n\nfunction changeValueColor(changeValue: number, goodDirection?: 'up' | 'down') {\n if (changeValue === 0 || !goodDirection) return undefined\n\n if (goodDirection === 'up') {\n return changeValue > 0 ? 'success' : 'error'\n }\n\n if (goodDirection === 'down') {\n return changeValue > 0 ? 'error' : 'success'\n }\n}\n\ntype Props = {\n goodDirection?: 'up' | 'down'\n value: number\n label: string\n description?: string\n format?: keyof typeof formatters\n}\n\nexport function KPI({ goodDirection, value, label, description, format: inputFormat }: Props) {\n const [isExpanded, setIsExpanded] = useState(false);\n \n const key = JSON.stringify({\n label\n })\n\n const format = inputFormat ?? 'percent'\n\n if (!cache[key]) {\n cache[key] = []\n }\n\n const previousValue = cache[key]![cache[key]!.length - 1]\n if (!previousValue || previousValue !== value) {\n cache[key]?.push(value)\n }\n\n const oldValue = cache[key]![cache[key]!.length - 2]\n const newValue = cache[key]![cache[key]!.length - 1]\n const difference = oldValue && newValue && !isNaN(oldValue) && !isNaN(newValue) ? newValue - oldValue : undefined\n\n const formatter = formatters[format]\n const formattedOldValue = oldValue !== undefined ? formatter(oldValue) : undefined\n const formattedNewValue = newValue !== undefined ? formatter(newValue) : undefined\n const formattedDifference = difference !== undefined ? formatter(difference) : undefined\n\n const theme = useTheme()\n\n const Icon = difference && difference > 0 ? '^' : 'V'\n const iconColor = difference ? changeValueColor(difference, goodDirection) : undefined\n\n const handleClick = () => {\n if (description) {\n setIsExpanded(!isExpanded);\n }\n };\n\n return (\n

\n {/* Background gradient overlay */}\n

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

\n {/* Label */}\n

\n {label}\n

\n\n {/* Value section */}\n

\n {!!difference && Icon}\n \n {formattedNewValue}\n

\n\n {/* Previous value */}\n {!!difference && (\n

\n prev. {formattedOldValue}\n

\n )}\n

\n\n {/* Expandable description */}\n {description && (\n

\n {description}\n

\n )}\n

\n );\n};\n\nexport default KPI;\n\n\nexport function KPIs(props: PropsWithChildren) {\n return

\n {props.children}\n

\n}",[],[188,194,200,392],{"_104":400,"_95":401,"_158":402,"_160":201,"_161":138,"_162":403,"_164":165,"_106":404,"_100":405,"_167":219,"_169":406,"_170":22,"_171":-5,"_172":407,"_98":408},"bc2b0e4e-5ad3-11f0-b434-f69ea79377d9","TasteChart.tsx","f468e988-551b-11f0-b399-f69ea79377d9",470,["D",1751852588991],9,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from 'react';\nimport { Bar, BarChart, CartesianGrid, Cell, ResponsiveContainer, Tooltip, XAxis, YAxis } from 'recharts';\nimport { Dish } from '../../types';\n\ninterface Props {\n data: NonNullable['taste'];\n}\n\nexport const colors = {\n sweet: '#FFD700', // Gold\n sour: '#FF6347', // Tomato\n salty: '#1E90FF', // DodgerBlue\n bitter: '#2E8B57', // SeaGreen\n umami: '#A0522D', // Sienna\n} as const;\n\nconst TasteChart: React.FC = ({ data }) => {\n const chartData = Object.keys(data).map((taste) => ({ taste, value: data[taste] }));\n\n return (\n \n \n \n \n \n \n \n {chartData.map(d => )}\n \n \n \n );\n};\n\nexport default TasteChart;\n",[],[188,194,200,401],[188,194,200],{"_104":411,"_95":412,"_158":413,"_160":195,"_161":138,"_162":414,"_164":165,"_106":415,"_100":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":416,"_98":453},"6747670e-569d-11f0-9054-f69ea79377d9","dialogs","674767cc-569d-11f0-9054-f69ea79377d9",327,["D",1751389449064],[417,426,435,444],{"_104":418,"_95":419,"_158":420,"_160":413,"_161":138,"_162":421,"_164":165,"_106":422,"_100":32,"_167":219,"_169":423,"_170":22,"_171":-5,"_172":424,"_98":425},"676a7dca-569d-11f0-a906-f69ea79377d9","AddCourseDialog.tsx","676a7eb0-569d-11f0-a906-f69ea79377d9",332,["D",1751389449249],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Button, CircularProgress, Dialog, DialogActions, DialogContent, DialogTitle, TextField } from \"@mui/material\";\nimport React, { useState } from \"react\";\nimport { useNavigate } from \"react-router-dom\";\nimport { API_URL } from \"../../env.ts\";\nimport { MenuWithResolvedDishes } from \"../../types.ts\";\nimport { apiPost } from \"../../utils/api.ts\";\n\ninterface AddCourseDialogProps {\n open: boolean;\n onClose: () => void;\n menuId: string;\n onMenuUpdated: (menu: MenuWithResolvedDishes) => void;\n}\n\nexport default function AddCourseDialog({\n open,\n onClose,\n menuId,\n onMenuUpdated\n}: AddCourseDialogProps) {\n const [courseName, setCourseName] = useState(\"\");\n const [isAddingCourse, setIsAddingCourse] = useState(false);\n const navigate = useNavigate();\n\n const handleSubmit = async () => {\n try {\n setIsAddingCourse(true);\n const result = await apiPost(`${API_URL}/api/menus/${menuId}/courses`, navigate, {\n name: courseName.trim() || undefined\n });\n\n if (result.error) {\n console.error('Error adding course:', result.error);\n // You might want to show an error message to the user here\n } else if (result.data) {\n onMenuUpdated(result.data);\n handleClose();\n }\n } catch (error) {\n console.error('Error adding course:', error);\n // You might want to show an error message to the user here\n } finally {\n setIsAddingCourse(false);\n }\n };\n\n const handleClose = () => {\n setCourseName(\"\");\n setIsAddingCourse(false);\n onClose();\n };\n\n return (\n \n );\n} ",[],[188,194,412,419],{"_104":427,"_95":428,"_158":429,"_160":413,"_161":138,"_162":430,"_164":165,"_106":431,"_100":218,"_167":219,"_169":432,"_170":22,"_171":-5,"_172":433,"_98":434},"ac06411e-5add-11f0-9bed-f69ea79377d9","AddDishDialog.tsx","675e5568-569d-11f0-b8d4-f69ea79377d9",510,["D",1751856856876],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Box, Button, Chip, CircularProgress, Dialog, DialogActions, DialogContent, DialogTitle, Paper, Typography } from \"@mui/material\";\nimport React, { useEffect, useState } from \"react\";\nimport { useNavigate } from \"react-router-dom\";\nimport { API_URL } from \"../../env.ts\";\nimport { type Dish, MenuWithResolvedDishes } from \"../../types.ts\";\nimport { apiGet, apiPost } from \"../../utils/api.ts\";\n\ninterface AddDishDialogProps {\n open: boolean;\n onClose: () => void;\n menuId: string;\n selectedCourseId: string | null;\n onMenuUpdated: (menu: MenuWithResolvedDishes) => void;\n}\n\nexport default function AddDishDialog({\n open,\n onClose,\n menuId,\n selectedCourseId,\n onMenuUpdated\n}: AddDishDialogProps) {\n const [availableDishes, setAvailableDishes] = useState([]);\n const [isLoadingDishes, setIsLoadingDishes] = useState(false);\n const [isAddingDish, setIsAddingDish] = useState(undefined);\n const navigate = useNavigate();\n\n const fetchAvailableDishes = async () => {\n try {\n setIsLoadingDishes(true);\n const result = await apiGet(`${API_URL}/api/menus/${menuId}/available-dishes`, navigate);\n\n if (result.error) {\n console.error('Error fetching available dishes:', result.error);\n // You might want to show an error message to the user here\n } else if (result.data) {\n setAvailableDishes(result.data);\n }\n } catch (error) {\n console.error('Error fetching available dishes:', error);\n // You might want to show an error message to the user here\n } finally {\n setIsLoadingDishes(false);\n }\n };\n\n const handleAddDishToCourse = async (dishId: string) => {\n if (!selectedCourseId) return;\n\n try {\n setIsAddingDish(dishId);\n const result = await apiPost(`${API_URL}/api/menus/${menuId}/courses/${selectedCourseId}/dishes`, navigate, {\n dishId\n });\n\n if (result.error) {\n console.error('Error adding dish to course:', result.error);\n // You might want to show an error message to the user here\n } else if (result.data) {\n onMenuUpdated(result.data);\n handleClose();\n }\n } catch (error) {\n console.error('Error adding dish to course:', error);\n // You might want to show an error message to the user here\n } finally {\n setIsAddingDish(undefined);\n }\n };\n\n const handleClose = () => {\n setAvailableDishes([]);\n setIsLoadingDishes(false);\n setIsAddingDish(undefined);\n onClose();\n };\n\n // Fetch available dishes when dialog opens\n useEffect(() => {\n if (open && menuId) {\n fetchAvailableDishes();\n }\n }, [open, menuId]);\n\n return (\n \n );\n} ",[],[188,194,412,428],{"_104":436,"_95":437,"_158":438,"_160":413,"_161":138,"_162":439,"_164":165,"_106":440,"_100":32,"_167":219,"_169":441,"_170":22,"_171":-5,"_172":442,"_98":443},"3d8ed39c-569e-11f0-8ca8-f69ea79377d9","AddMenuDialog.tsx","3d8ed46e-569e-11f0-8ca8-f69ea79377d9",340,["D",1751389808591],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Button, Dialog, DialogActions, DialogContent, DialogTitle, TextField } from \"@mui/material\";\nimport React, { useState } from \"react\";\nimport { useNavigate } from \"react-router-dom\";\nimport { API_URL } from \"../../env.ts\";\nimport { apiPost } from \"../../utils/api.ts\";\n\ninterface Menu {\n id: string;\n name: string;\n courses: {\n id: string;\n name?: string;\n dishes: string[];\n }[];\n}\n\ninterface AddMenuDialogProps {\n open: boolean;\n onClose: () => void;\n onMenuCreated: (menu: Menu) => void;\n}\n\nexport default function AddMenuDialog({ open, onClose, onMenuCreated }: AddMenuDialogProps) {\n const [menuName, setMenuName] = useState(\"\");\n const [isLoading, setIsLoading] = useState(false);\n const navigate = useNavigate();\n\n const handleClose = () => {\n setMenuName(\"\");\n onClose();\n };\n\n const handleSubmit = async () => {\n if (!menuName.trim()) return;\n\n try {\n setIsLoading(true);\n const result = await apiPost(`${API_URL}/api/menus`, navigate, { name: menuName });\n\n if (result.error) {\n console.error('Error creating menu:', result.error);\n // You might want to show a toast notification here\n } else if (result.data) {\n onMenuCreated(result.data);\n setMenuName(\"\");\n onClose();\n }\n } catch (error) {\n console.error('Error creating menu:', error);\n // You might want to show a toast notification here\n } finally {\n setIsLoading(false);\n }\n };\n\n return (\n \n );\n} ",[],[188,194,412,437],{"_104":445,"_95":446,"_158":447,"_160":413,"_161":138,"_162":448,"_164":165,"_106":449,"_100":32,"_167":219,"_169":450,"_170":22,"_171":-5,"_172":451,"_98":452},"6760f82c-569d-11f0-ab3d-f69ea79377d9","DeleteCourseDialog.tsx","6760f8cc-569d-11f0-ab3d-f69ea79377d9",330,["D",1751389449256],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Button, CircularProgress, Dialog, DialogActions, DialogContent, DialogTitle, Typography } from \"@mui/material\";\nimport React, { useState } from \"react\";\nimport { useNavigate } from \"react-router-dom\";\nimport { API_URL } from \"../../env.ts\";\nimport { MenuWithResolvedDishes } from \"../../types.ts\";\nimport { apiDelete } from \"../../utils/api.ts\";\n\ninterface DeleteCourseDialogProps {\n open: boolean;\n onClose: () => void;\n menuId: string;\n courseToDelete: { id: string; name?: string } | null;\n menu: MenuWithResolvedDishes | null;\n onMenuUpdated: (menu: MenuWithResolvedDishes) => void;\n}\n\nexport default function DeleteCourseDialog({\n open,\n onClose,\n menuId,\n courseToDelete,\n menu,\n onMenuUpdated\n}: DeleteCourseDialogProps) {\n const [isDeletingCourse, setIsDeletingCourse] = useState(false);\n const navigate = useNavigate();\n\n const handleConfirm = async () => {\n if (!courseToDelete) return;\n\n try {\n setIsDeletingCourse(true);\n const result = await apiDelete(`${API_URL}/api/menus/${menuId}/courses/${courseToDelete.id}`, navigate);\n\n if (result.error) {\n console.error('Error deleting course:', result.error);\n // You might want to show an error message to the user here\n } else if (result.data) {\n onMenuUpdated(result.data);\n handleClose();\n }\n } catch (error) {\n console.error('Error deleting course:', error);\n // You might want to show an error message to the user here\n } finally {\n setIsDeletingCourse(false);\n }\n };\n\n const handleClose = () => {\n setIsDeletingCourse(false);\n onClose();\n };\n\n const courseName = courseToDelete?.name || `Course ${menu?.courses.findIndex(c => c.id === courseToDelete?.id) !== -1 ? menu?.courses.findIndex(c => c.id === courseToDelete?.id)! + 1 : ''}`;\n\n return (\n \n );\n} ",[],[188,194,412,446],[188,194,412],{"_104":455,"_95":456,"_158":457,"_160":195,"_161":138,"_162":458,"_164":165,"_106":459,"_100":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":460,"_98":513},"411a79d8-5691-11f0-a46f-f69ea79377d9","display","411a7aa0-5691-11f0-a46f-f69ea79377d9",300,["D",1751384231089],[461,486],{"_104":462,"_95":207,"_158":463,"_160":457,"_161":138,"_162":464,"_164":165,"_106":465,"_100":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":466,"_98":485},"4133a8c2-5691-11f0-8c8e-f69ea79377d9","4133a976-5691-11f0-8c8e-f69ea79377d9",302,["D",1751384231250],[467,476],{"_104":468,"_95":469,"_158":470,"_160":463,"_161":138,"_162":471,"_164":22,"_106":472,"_100":143,"_167":219,"_169":473,"_170":22,"_171":-5,"_172":474,"_98":475},"fd66b3b0-5ad6-11f0-b345-f69ea79377d9","DishDisplay.tsx","4161ea2a-5691-11f0-a4fb-f69ea79377d9",496,["D",1751853986894],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Box, Button, Chip, CircularProgress, Paper, TextField, Typography } from \"@mui/material\";\nimport React from \"react\";\nimport { type Dish } from \"../../../types.ts\";\nimport { TasteDisplay } from \"../../analysis/dish/DishTasteAnalysis.tsx\";\n\ninterface DishDisplayProps {\n dish: Dish | null;\n loading: boolean;\n error: string | null;\n isUpdating: boolean;\n onAddComponent: () => void;\n onDeleteComponent: (componentId: string) => void;\n onComponentNameChange: (componentId: string, newName: string) => void;\n onNameChange: (event: React.ChangeEvent) => void;\n}\n\nexport function DishDisplay({\n dish,\n loading,\n error,\n isUpdating,\n onAddComponent,\n onDeleteComponent,\n onComponentNameChange,\n onNameChange\n}: DishDisplayProps) {\n if (loading) {\n return (\n \n \n \n );\n }\n\n if (error) {\n return (\n \n \n Error\n \n \n {error}\n \n \n );\n }\n\n if (!dish) {\n return (\n \n \n Dish not found\n \n \n );\n }\n\n return

\n {/* Dish Name Section */}\n

\n \n

\n\n {/* Components Section */}\n

\n \n Components\n \n \n

\n \n + Add Component\n \n

\n\n

\n {dish.components.map((component) => (\n \n \n {/* Component Name Row */}\n \n onComponentNameChange(component.id, e.target.value)}\n disabled={isUpdating}\n variant=\"standard\"\n placeholder=\"Enter component name...\"\n sx={{\n '& .MuiInput-root': {\n fontSize: '1rem',\n }\n }}\n />\n \n onDeleteComponent(component.id)}\n disabled={isUpdating}\n >\n Delete\n \n \n \n \n ))}\n

\n}\n",[],[188,194,456,207,469],{"_104":477,"_95":478,"_158":479,"_160":463,"_161":138,"_162":480,"_164":165,"_106":481,"_100":32,"_167":219,"_169":482,"_170":22,"_171":-5,"_172":483,"_98":484},"41548600-5691-11f0-9313-f69ea79377d9","DishName.tsx","415486dc-5691-11f0-9313-f69ea79377d9",307,["D",1751384231472],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Box, CircularProgress, TextField, Typography } from \"@mui/material\";\nimport React from \"react\";\nimport { type Dish } from \"../../../types.ts\";\n\ninterface DishNameEditorProps {\n dish: Dish | null;\n isUpdating: boolean;\n onNameChange: (event: React.ChangeEvent) => void;\n}\n\nexport default function DishName({ dish, isUpdating, onNameChange }: DishNameEditorProps) {\n if (!dish) return null;\n\n return (\n

\n \n {isUpdating && (\n \n \n \n Saving...\n \n \n )}\n

\n );\n}\n",[],[188,194,456,207,478],[188,194,456,207],{"_104":487,"_95":255,"_158":488,"_160":457,"_161":138,"_162":489,"_164":165,"_106":490,"_100":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":491,"_98":512},"67531a04-569d-11f0-84b1-f69ea79377d9","67531acc-569d-11f0-84b1-f69ea79377d9",328,["D",1751389449177],[492,502],{"_104":493,"_95":494,"_158":495,"_160":488,"_161":138,"_162":496,"_164":22,"_106":497,"_100":498,"_167":219,"_169":499,"_170":22,"_171":-5,"_172":500,"_98":501},"3c9b1ae2-5ade-11f0-ab06-f69ea79377d9","CourseDisplay.tsx","67959cc6-569d-11f0-bc58-f69ea79377d9",511,["D",1751857099437],12,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Add } from \"@mui/icons-material\";\nimport { Box, Button, Chip, CircularProgress, Paper, TextField, Typography } from \"@mui/material\";\nimport React from \"react\";\nimport { useNavigate } from \"react-router-dom\";\nimport { type Dish } from \"../../../types.ts\";\n\ninterface CourseDisplayProps {\n course: {\n id: string;\n name?: string;\n dishes: Dish[];\n };\n index: number;\n isUpdating: boolean;\n onCourseNameChange: (courseId: string, newName: string) => void;\n onDeleteCourse: (courseId: string) => void;\n onAddDish: (courseId: string) => void;\n onRemoveDish: (courseId: string, dishId: string) => void;\n removingDishId: string | null;\n}\n\nexport default function CourseDisplay({ course, index, isUpdating, onCourseNameChange, onDeleteCourse, onAddDish, onRemoveDish, removingDishId }: CourseDisplayProps) {\n const courseDishes = course.dishes || [];\n const navigate = useNavigate();\n\n const handleDishClick = (dishId: string) => {\n navigate(`/dishes/${dishId}`);\n };\n\n const handleRemoveDishClick = (e: React.MouseEvent, courseId: string, dishId: string) => {\n e.stopPropagation(); // Prevent navigation when clicking remove\n onRemoveDish(courseId, dishId);\n };\n\n return (\n \n \n {/* Course Header Row */}\n \n \n onCourseNameChange(course.id, e.target.value)}\n disabled={isUpdating}\n variant=\"standard\"\n placeholder={`Course ${index + 1}`}\n sx={{\n '& .MuiInput-root': {\n fontSize: '1rem',\n fontWeight: 600,\n color: 'text.primary'\n }\n }}\n />\n onAddDish(course.id)}\n disabled={isUpdating}\n startIcon={}\n sx={{ minWidth: 120 }}\n >\n Add Dish\n \n onDeleteCourse(course.id)}\n disabled={isUpdating}\n >\n Delete\n \n \n\n {/* Dishes List */}\n

\n {courseDishes.map((dish) => (\n handleDishClick(dish.id)}\n >\n \n \n {dish.name}\n \n \n handleRemoveDishClick(e, course.id, dish.id)}\n disabled={isUpdating || removingDishId === dish.id}\n >\n {removingDishId === dish.id ? : 'Remove'}\n \n \n \n ))}\n\n {courseDishes.length === 0 && (\n \n No dishes in this course\n \n )}\n

\n \n \n );\n}",[],[188,194,456,255,494],{"_104":503,"_95":504,"_158":505,"_160":488,"_161":138,"_162":506,"_164":22,"_106":507,"_100":508,"_167":219,"_169":509,"_170":22,"_171":-5,"_172":510,"_98":511},"3ca8ded4-5ade-11f0-9ed4-f69ea79377d9","MenuDisplay.tsx","6765b0a6-569d-11f0-9054-f69ea79377d9",512,["D",1751857099438],16,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Add } from \"@mui/icons-material\";\nimport { Box, Button, Chip, CircularProgress, Paper, TextField, Typography } from \"@mui/material\";\nimport React from \"react\";\nimport { MenuWithResolvedDishes } from \"../../../types\";\nimport { inflect } from \"../../../utils/string.ts\";\nimport CourseDisplay from \"./CourseDisplay.tsx\";\n\ninterface MenuDisplayProps {\n menu: MenuWithResolvedDishes | null;\n loading: boolean;\n onAddCourse: () => void;\n isUpdating: boolean;\n onMenuNameChange: (event: React.ChangeEvent) => void;\n onCourseNameChange: (courseId: string, newName: string) => void;\n onDeleteCourse: (courseId: string) => void;\n onAddDish: (courseId: string) => void;\n onRemoveDish: (courseId: string, dishId: string) => void;\n removingDishId: string | null;\n}\n\nexport default function MenuDisplay({ menu, loading, onAddCourse, isUpdating, onMenuNameChange, onCourseNameChange, onDeleteCourse, onAddDish, onRemoveDish, removingDishId }: MenuDisplayProps) {\n if (loading) {\n return (\n \n \n \n );\n }\n\n if (!menu) {\n return (\n \n \n Menu not found\n \n \n );\n }\n\n return

\n {/* Menu Header Section */}\n

\n \n

\n course.dishes).length} ${inflect(\"dish\", \"dishes\", menu.courses.flatMap(course => course.dishes).length)}`}\n size=\"small\"\n color=\"info\"\n variant=\"filled\"\n />\n \n

\n\n {/* Courses Section */}\n

\n \n Courses\n \n\n }\n >\n Add Course\n \n

\n\n

\n {menu.courses.map((course, index) => (\n \n ))}\n\n {menu.courses.length === 0 && (\n \n \n No courses yet\n \n \n This menu doesn't have any courses yet.\n \n \n Add First Course\n \n \n )}\n

\n}",[],[188,194,456,255,504],[188,194,456,255],[188,194,456],{"_104":515,"_95":516,"_158":517,"_160":195,"_161":138,"_162":518,"_164":165,"_106":519,"_100":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":520,"_98":585},"59c88a46-5502-11f0-9e67-f69ea79377d9","pages","59c88afa-5502-11f0-9e67-f69ea79377d9",46,["D",1751212903299],[521,538,548,558,567,577],{"_104":522,"_95":523,"_158":524,"_160":517,"_161":138,"_162":525,"_164":165,"_106":526,"_100":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":527,"_98":537},"1527abac-5510-11f0-90c0-f69ea79377d9","layouts","1527ac74-5510-11f0-90c0-f69ea79377d9",80,["D",1751218801116],[528],{"_104":529,"_95":530,"_158":531,"_160":524,"_161":138,"_162":532,"_164":22,"_106":533,"_100":498,"_167":219,"_169":534,"_170":22,"_171":-5,"_172":535,"_98":536},"8fbcfd9c-5ad6-11f0-8274-f69ea79377d9","EntityLayout.tsx","153d4d18-5510-11f0-b368-f69ea79377d9",494,["D",1751853802945],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { CircularProgress } from \"@mui/material\"\nimport React, { ReactNode, useState } from \"react\"\n\ntype Props = {\n actions: ReactNode[] | ReactNode\n lhs: ReactNode\n rhs: ReactNode\n lhsTitle?: string\n rhsTitle?: string\n loading?: boolean\n}\n\nexport default function EntityLayout(props: Props) {\n const [activeTab, setActiveTab] = useState<'lhs' | 'rhs'>('lhs')\n\n return

\n {props.actions &&

\n {props.actions}\n

}\n\n {props.loading ? (\n // Loading state - show spinner in center\n

\n \n

\n ) : (\n <>\n {/* Mobile tabs - hidden on desktop */}\n

\n setActiveTab('lhs')}\n className={`flex-1 py-2 px-4 text-sm font-medium border-b-2 transition-colors ${activeTab === 'lhs'\n ? 'border-blue-500 text-blue-600'\n : 'border-transparent text-gray-500 hover:text-gray-700'\n }`}\n >\n {props.lhsTitle || 'Menu'}\n \n setActiveTab('rhs')}\n className={`flex-1 py-2 px-4 text-sm font-medium border-b-2 transition-colors ${activeTab === 'rhs'\n ? 'border-blue-500 text-blue-600'\n : 'border-transparent text-gray-500 hover:text-gray-700'\n }`}\n >\n {props.rhsTitle || 'Analysis'}\n \n

\n\n

\n {activeTab === 'lhs' && (\n

\n {props.lhs}\n

\n )}\n {activeTab === 'rhs' && (\n

\n {props.rhs}\n

\n )}\n

\n\n {/* Desktop side-by-side layout - hidden on mobile */}\n

\n {props.lhs}\n

\n {props.rhs}\n

\n \n )}\n

\n}",[],[188,194,516,523,530],[188,194,516,523],{"_104":539,"_95":540,"_158":541,"_160":517,"_161":138,"_162":542,"_164":22,"_106":543,"_100":544,"_167":219,"_169":545,"_170":22,"_171":-5,"_172":546,"_98":547},"075c8382-5ae0-11f0-9a16-f69ea79377d9","Dish.tsx","6422b538-5508-11f0-9f3b-f69ea79377d9",520,["D",1751857869104],42,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { ArrowBack } from \"@mui/icons-material\";\nimport { Button, CircularProgress } from \"@mui/material\";\nimport React, { useEffect, useRef, useState } from \"react\";\nimport { useNavigate, useParams, useSearchParams } from \"react-router-dom\";\nimport { API_URL } from \"../../env.ts\";\nimport { type Dish } from \"../../types.ts\";\nimport { apiGet, apiPut } from \"../../utils/api.ts\";\nimport AnalysisSelector, { type Analysis } from \"../analysis/AnalysisSelector.tsx\";\nimport DishAnalysis from \"../analysis/dish/DishAnalysis.tsx\";\nimport { DishDisplay } from \"../display/dish/DishDisplay.tsx\";\nimport EntityLayout from \"./layouts/EntityLayout.tsx\";\nexport default function Dish() {\n const { id } = useParams<{ id: string }>();\n const [searchParams, setSearchParams] = useSearchParams();\n const [dish, setDish] = useState(null);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n const [isUpdating, setIsUpdating] = useState(false);\n const [selectedAnalysis, setSelectedAnalysis] = useState('texture');\n \n const navigate = useNavigate();\n\n // Refs to store timeout IDs for debouncing\n const nameChangeTimeoutRef = useRef(undefined);\n const componentNameChangeTimeoutRef = useRef(undefined);\n\n // Initialize analysis selection from URL or localStorage\n useEffect(() => {\n const urlAnalysis = searchParams.get('analysis') as Analysis | null;\n\n if (urlAnalysis && ['taste', 'texture', 'aroma', 'heuristic'].includes(urlAnalysis)) {\n setSelectedAnalysis(urlAnalysis);\n // Update localStorage\n localStorage.setItem('dish-analysis-view', urlAnalysis);\n } else {\n // No URL param, check localStorage\n const storedAnalysis = localStorage.getItem('dish-analysis-view') as Analysis | null;\n if (storedAnalysis && ['taste', 'texture', 'aroma', 'heuristic'].includes(storedAnalysis)) {\n setSelectedAnalysis(storedAnalysis);\n // Update URL with localStorage value\n const newSearchParams = new URLSearchParams(searchParams);\n newSearchParams.set('analysis', storedAnalysis);\n setSearchParams(newSearchParams);\n } else {\n // Default to texture and update both URL and localStorage\n setSelectedAnalysis('texture');\n const newSearchParams = new URLSearchParams(searchParams);\n newSearchParams.set('analysis', 'texture');\n setSearchParams(newSearchParams);\n localStorage.setItem('dish-analysis-view', 'texture');\n }\n }\n }, [searchParams, setSearchParams]);\n\n // Fetch dish data on component mount\n useEffect(() => {\n if (id) {\n fetchDish();\n }\n }, [id]);\n\n // Cleanup timeouts on unmount\n useEffect(() => {\n return () => {\n if (nameChangeTimeoutRef.current !== undefined) {\n clearTimeout(nameChangeTimeoutRef.current);\n }\n if (componentNameChangeTimeoutRef.current !== undefined) {\n clearTimeout(componentNameChangeTimeoutRef.current);\n }\n };\n }, []);\n\n async function fetchDish() {\n try {\n setLoading(true);\n setError(null);\n\n const result = await apiGet(`${API_URL}/api/dishes/${id}`, navigate);\n\n if (result.error) {\n setError(result.error);\n } else if (result.data) {\n setDish(result.data);\n }\n } catch (error) {\n console.error('Error fetching dish:', error);\n setError(error instanceof Error ? error.message : 'Failed to fetch dish');\n } finally {\n setLoading(false);\n }\n }\n\n async function updateDish(updatedDish: Dish) {\n try {\n setIsUpdating(true);\n setError(null);\n\n const result = await apiPut(`${API_URL}/api/dishes/${id}`, navigate, updatedDish);\n\n if (result.error) {\n setError(result.error);\n throw new Error(result.error);\n } else if (result.data) {\n setDish(result.data);\n return result.data;\n }\n } catch (error) {\n console.error('Error updating dish:', error);\n setError(error instanceof Error ? error.message : 'Failed to update dish');\n throw error;\n } finally {\n setIsUpdating(false);\n }\n }\n\n const onNameChange = async (event: React.ChangeEvent) => {\n if (dish && !isUpdating) {\n const newName = event.target.value;\n setDish({ ...dish, name: newName });\n\n // Debounce the update to avoid too many API calls\n if (nameChangeTimeoutRef.current !== undefined) {\n clearTimeout(nameChangeTimeoutRef.current);\n }\n\n nameChangeTimeoutRef.current = setTimeout(async () => {\n try {\n await updateDish({ ...dish, name: newName });\n } catch (error) {\n // Revert the local change if update failed\n setDish({ ...dish, name: dish.name });\n }\n }, 500);\n }\n };\n\n const onAddComponent = async () => {\n if (!dish || isUpdating) return;\n\n const newComponent = {\n id: Math.random().toString(36).substr(2, 9), // Generate temporary ID\n name: \"\",\n };\n\n const updatedDish = {\n ...dish,\n components: [...dish.components, newComponent]\n };\n\n setDish(updatedDish); // Optimistically update UI\n };\n\n const onDeleteComponent = async (componentId: string) => {\n if (!dish || isUpdating) return;\n\n const updatedDish = {\n ...dish,\n components: dish.components.filter(comp => comp.id !== componentId)\n };\n\n try {\n setDish(updatedDish); // Optimistically update UI\n await updateDish(updatedDish);\n } catch (error) {\n // Revert on error\n setDish(dish);\n }\n };\n\n const onComponentNameChange = async (componentId: string, newName: string) => {\n if (!dish || isUpdating) return;\n\n const updatedDish = {\n ...dish,\n components: dish.components.map(comp =>\n comp.id === componentId ? { ...comp, name: newName } : comp\n )\n };\n\n setDish(updatedDish);\n\n // Debounce the update\n if (componentNameChangeTimeoutRef.current !== undefined) {\n clearTimeout(componentNameChangeTimeoutRef.current);\n }\n\n componentNameChangeTimeoutRef.current = setTimeout(async () => {\n try {\n await updateDish(updatedDish);\n } catch (error) {\n // Revert on error\n setDish(dish);\n }\n }, 500);\n };\n\n const handleAnalysisChange = (newAnalysis: Analysis) => {\n setSelectedAnalysis(newAnalysis);\n\n // Update URL\n const newSearchParams = new URLSearchParams(searchParams);\n newSearchParams.set('analysis', newAnalysis);\n setSearchParams(newSearchParams);\n\n // Update localStorage\n localStorage.setItem('dish-analysis-view', newAnalysis);\n };\n\n return (\n } key=\"back-button\" variant=\"outlined\" onClick={() => navigate(\"/dishes\")}>\n Back to Dishes\n ,\n \n ]}\n lhs={\n \n }\n rhs={dish ? : }\n />\n );\n}",[],[188,194,516,540],{"_104":549,"_95":550,"_158":551,"_160":517,"_161":138,"_162":552,"_164":22,"_106":553,"_100":554,"_167":219,"_169":555,"_170":22,"_171":-5,"_172":556,"_98":557},"303b6fd2-5ad8-11f0-b6bc-f69ea79377d9","Dishes.tsx","59d3b5ba-5502-11f0-b483-f69ea79377d9",503,["D",1751854501701],18,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Button, Dialog, DialogActions, DialogContent, DialogTitle, TextField } from \"@mui/material\";\nimport React, { useEffect, useState } from \"react\";\nimport { useNavigate } from \"react-router-dom\";\nimport { API_URL } from \"../../env.ts\";\nimport { apiDelete, apiGet, apiPost } from \"../../utils/api.ts\";\nimport { inflect } from \"../../utils/string.ts\";\n\ninterface Dish {\n id: string;\n name: string;\n createdBy: string;\n components: {\n id: string;\n name: string;\n }[];\n}\n\ninterface DishProps {\n dish: Dish;\n}\n\nfunction Dish({ dish, onDelete }: DishProps & { onDelete: (dishId: string) => void }) {\n const navigate = useNavigate();\n\n const handleDishClick = () => {\n navigate(`/dishes/${dish.id}`);\n };\n\n const handleDeleteClick = (e: React.MouseEvent) => {\n e.stopPropagation(); // Prevent navigation when clicking delete\n onDelete(dish.id);\n };\n\n return (\n \n

{dish.name}

{dish.components.length} {inflect('component', 'components', dish.components.length)}

\n \n Delete\n \n

\n );\n}\n\ninterface AddDishDialogProps {\n open: boolean;\n onClose: () => void;\n onSubmit: (dishName: string) => void;\n isLoading: boolean;\n}\n\nfunction AddDishDialog({ open, onClose, onSubmit, isLoading }: AddDishDialogProps) {\n const [dishName, setDishName] = useState(\"\");\n\n const handleClose = () => {\n setDishName(\"\");\n onClose();\n };\n\n const handleSubmit = () => {\n onSubmit(dishName);\n setDishName(\"\");\n };\n\n return (\n \n );\n}\n\ninterface DeleteConfirmationDialogProps {\n open: boolean;\n onClose: () => void;\n onConfirm: () => void;\n dishName: string;\n isLoading: boolean;\n}\n\nfunction DeleteConfirmationDialog({ open, onClose, onConfirm, dishName, isLoading }: DeleteConfirmationDialogProps) {\n return (\n \n );\n}\n\n//\n//\n//\n// PUBLIC INTERFACE\n//\n//\n//\n\nexport default function Dishes() {\n const [isDialogOpen, setIsDialogOpen] = useState(false);\n const [isDeleteDialogOpen, setIsDeleteDialogOpen] = useState(false);\n const [dishes, setDishes] = useState([]);\n const [isLoading, setIsLoading] = useState(false);\n const [isLoadingDishes, setIsLoadingDishes] = useState(true);\n const [isDeleting, setIsDeleting] = useState(false);\n const [dishToDelete, setDishToDelete] = useState(null);\n const navigate = useNavigate();\n\n // Fetch dishes on component mount\n useEffect(() => {\n fetchDishes();\n }, []);\n\n async function fetchDishes() {\n try {\n setIsLoadingDishes(true);\n const result = await apiGet(`${API_URL}/api/dishes`, navigate);\n\n if (result.error) {\n console.error('Error fetching dishes:', result.error);\n // You might want to show a toast notification here\n } else if (result.data) {\n setDishes(result.data);\n }\n } catch (error) {\n console.error('Error fetching dishes:', error);\n // You might want to show a toast notification here\n } finally {\n setIsLoadingDishes(false);\n }\n }\n\n function onSearchChanged(event: React.ChangeEvent) {\n console.log(event.target.value);\n }\n\n function addDish() {\n setIsDialogOpen(true);\n }\n\n function handleCloseDialog() {\n setIsDialogOpen(false);\n }\n\n async function handleSubmitDish(dishName: string) {\n try {\n setIsLoading(true);\n const result = await apiPost(`${API_URL}/api/dishes`, navigate, { name: dishName });\n\n if (result.error) {\n console.error('Error creating dish:', result.error);\n // You might want to show a toast notification here\n } else if (result.data) {\n setDishes(prevDishes => [...prevDishes, result.data!]);\n setIsDialogOpen(false);\n }\n } catch (error) {\n console.error('Error creating dish:', error);\n // You might want to show a toast notification here\n } finally {\n setIsLoading(false);\n }\n }\n\n function onAddProject() {\n console.log(\"onAddProject\");\n }\n\n function handleDeleteDish(dishId: string) {\n const dish = dishes.find(d => d.id === dishId);\n if (dish) {\n setDishToDelete(dish);\n setIsDeleteDialogOpen(true);\n }\n }\n\n function handleCloseDeleteDialog() {\n setIsDeleteDialogOpen(false);\n setDishToDelete(null);\n }\n\n async function handleConfirmDelete() {\n if (!dishToDelete) return;\n\n try {\n setIsDeleting(true);\n const result = await apiDelete(`${API_URL}/api/dishes/${dishToDelete.id}`, navigate);\n\n if (result.error) {\n console.error('Error deleting dish:', result.error);\n // You might want to show a toast notification here\n } else {\n // Remove the dish from the local state\n setDishes(prevDishes => prevDishes.filter(dish => dish.id !== dishToDelete.id));\n setIsDeleteDialogOpen(false);\n setDishToDelete(null);\n }\n } catch (error) {\n console.error('Error deleting dish:', error);\n // You might want to show a toast notification here\n } finally {\n setIsDeleting(false);\n }\n }\n\n return

\n \n \n

\n\n {/* Display dishes */}\n

\n {isLoadingDishes ? (\n

Loading dishes...

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

No dishes found. Create your first dish!

\n ) : (\n

\n {dishes.map((dish) => (\n \n ))}\n

\n )}\n

\n\n \n\n \n

\n}",[],[188,194,516,550],{"_104":559,"_95":560,"_158":561,"_160":517,"_161":138,"_162":562,"_164":165,"_106":563,"_100":229,"_167":219,"_169":564,"_170":22,"_171":-5,"_172":565,"_98":566},"7eeecf28-5adf-11f0-b04e-f69ea79377d9","Login.tsx","659b87ec-555c-11f0-b1d9-f69ea79377d9",519,["D",1751857640213],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Button, CircularProgress, Input } from \"@mui/material\";\nimport React, { useEffect, useState } from \"react\";\nimport { useNavigate } from \"react-router-dom\";\nimport { API_URL } from \"../../env.ts\";\n\nconst Login: React.FC = () => {\n const [login, setLogin] = useState(\"\");\n const [password, setPassword] = useState(\"\");\n const [isLoading, setIsLoading] = useState(false); \n const [error, setError] = useState(\"\");\n const navigate = useNavigate();\n\n useEffect(() => {\n const token = localStorage.getItem(\"token\");\n if (token) {\n navigate(\"/dishes\");\n }\n }, [navigate]);\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n setError(\"\");\n setIsLoading(true);\n try {\n const res = await fetch(`${API_URL}/api/login`, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ login, password }),\n });\n const data = await res.json();\n if (res.ok && data.token) {\n localStorage.setItem(\"token\", data.token);\n navigate(\"/dishes\");\n } else {\n setError(data.error || \"Login failed\");\n setIsLoading(false);\n }\n } catch (err) {\n setError(\"Network error\");\n setIsLoading(false);\n }\n };\n\n return (\n

Login

\n \n

\n );\n};\n\nexport default Login; ",[],[188,194,516,560],{"_104":568,"_95":569,"_158":570,"_160":517,"_161":138,"_162":571,"_164":22,"_106":572,"_100":573,"_167":219,"_169":574,"_170":22,"_171":-5,"_172":575,"_98":576},"fd6a1ea6-5ad6-11f0-a407-f69ea79377d9","Menu.tsx","6ef6f454-562c-11f0-842b-f69ea79377d9",497,["D",1751853986897],37,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { ArrowBack, CheckCircle } from \"@mui/icons-material\";\nimport { Box, Button, CircularProgress, Typography } from \"@mui/material\";\nimport React, { useEffect, useRef, useState } from \"react\";\nimport { useNavigate, useParams } from \"react-router-dom\";\nimport { API_URL } from \"../../env.ts\";\nimport { MenuWithResolvedDishes } from \"../../types.ts\";\nimport { apiDelete, apiGet, apiPut } from \"../../utils/api.ts\";\nimport AnalysisSelector, { Analysis } from \"../analysis/AnalysisSelector.tsx\";\nimport MenuAnalysis from \"../analysis/menu/MenuAnalysis.tsx\";\nimport AddCourseDialog from \"../dialogs/AddCourseDialog.tsx\";\nimport AddDishDialog from \"../dialogs/AddDishDialog.tsx\";\nimport DeleteCourseDialog from \"../dialogs/DeleteCourseDialog.tsx\";\nimport MenuDisplay from \"../display/menu/MenuDisplay.tsx\";\nimport { useToast } from \"../ToastProvider.tsx\";\nimport EntityLayout from \"./layouts/EntityLayout.tsx\";\n\ninterface MenuSavingIndicatorProps {\n isUpdating: boolean;\n}\n\nfunction MenuSavingIndicator({ isUpdating }: MenuSavingIndicatorProps) {\n // Show saved if isUpdating is false\n if (!isUpdating) {\n return (\n \n \n \n Saved\n \n \n );\n }\n\n return (\n \n \n \n Saving...\n \n \n );\n}\n\nexport default function Menu() {\n const { id } = useParams<{ id: string }>();\n const [menu, setMenu] = useState(null);\n const [loading, setLoading] = useState(true);\n const [isAddCourseDialogOpen, setIsAddCourseDialogOpen] = useState(false);\n const [isUpdating, setIsUpdating] = useState(false);\n const [isDeleteCourseDialogOpen, setIsDeleteCourseDialogOpen] = useState(false);\n const [courseToDelete, setCourseToDelete] = useState<{ id: string; name?: string } | null>(null);\n const [isAddDishDialogOpen, setIsAddDishDialogOpen] = useState(false);\n const [selectedCourseId, setSelectedCourseId] = useState(null);\n const [removingDishId, setRemovingDishId] = useState(null);\n const [selectedAnalysis, setSelectedAnalysis] = useState(\"taste\");\n const navigate = useNavigate();\n const { toast } = useToast();\n\n // Refs to store timeout IDs for debouncing\n const menuNameChangeTimeoutRef = useRef(undefined);\n const courseNameChangeTimeoutRef = useRef(undefined);\n\n // Fetch menu with resolved dishes on component mount\n useEffect(() => {\n if (id) {\n fetchMenu();\n }\n }, [id]);\n\n async function fetchMenu() {\n try {\n setLoading(true);\n const result = await apiGet(`${API_URL}/api/menus/${id}`, navigate);\n\n if (result.error) {\n console.error('Error fetching menu:', result.error);\n toast(result.error, \"error\");\n } else if (result.data) {\n setMenu(result.data);\n }\n } catch (error) {\n console.error('Error fetching menu:', error);\n toast('Failed to load menu', \"error\");\n } finally {\n setLoading(false);\n }\n }\n\n const handleMenuUpdated = (updatedMenu: MenuWithResolvedDishes) => {\n setMenu(updatedMenu);\n };\n\n const handleAddCourse = () => {\n setIsAddCourseDialogOpen(true);\n };\n\n const handleCloseAddCourseDialog = () => {\n setIsAddCourseDialogOpen(false);\n };\n\n // Cleanup timeout on unmount\n useEffect(() => {\n return () => {\n if (menuNameChangeTimeoutRef.current !== undefined) {\n clearTimeout(menuNameChangeTimeoutRef.current);\n }\n if (courseNameChangeTimeoutRef.current !== undefined) {\n clearTimeout(courseNameChangeTimeoutRef.current);\n }\n };\n }, []);\n\n const onMenuNameChange = async (event: React.ChangeEvent) => {\n if (!menu || !id || isUpdating) return;\n\n const newName = event.target.value;\n const updatedMenu = { ...menu, name: newName };\n setMenu(updatedMenu);\n\n // Debounce the update\n if (menuNameChangeTimeoutRef.current !== undefined) {\n clearTimeout(menuNameChangeTimeoutRef.current);\n }\n\n menuNameChangeTimeoutRef.current = setTimeout(async () => {\n try {\n setIsUpdating(true);\n const result = await apiPut(`${API_URL}/api/menus/${id}`, navigate, {\n name: newName.trim()\n });\n\n console.log('result', result)\n\n if (result.error) {\n console.error('Error updating menu name:', result.error);\n toast(result.error, \"error\");\n // Revert on error\n setMenu(menu);\n } else if (result.data) {\n setMenu(result.data);\n }\n } catch (error) {\n console.error('Error updating menu name:', error);\n toast('Failed to update menu name', \"error\");\n // Revert on error\n setMenu(menu);\n } finally {\n setIsUpdating(false);\n }\n }, 500);\n };\n\n const onCourseNameChange = async (courseId: string, newName: string) => {\n if (!menu || !id || isUpdating) return;\n\n const updatedMenu = {\n ...menu,\n courses: menu.courses.map(course =>\n course.id === courseId ? { ...course, name: newName } : course\n )\n };\n\n setMenu(updatedMenu);\n\n // Debounce the update\n if (courseNameChangeTimeoutRef.current !== undefined) {\n clearTimeout(courseNameChangeTimeoutRef.current);\n }\n\n courseNameChangeTimeoutRef.current = setTimeout(async () => {\n try {\n setIsUpdating(true);\n const result = await apiPut(`${API_URL}/api/menus/${id}/courses/${courseId}`, navigate, {\n name: newName.trim() || undefined\n });\n\n if (result.error) {\n console.error('Error updating course name:', result.error);\n toast(result.error, \"error\");\n // Revert on error\n setMenu(menu);\n } else if (result.data) {\n setMenu(result.data);\n }\n } catch (error) {\n console.error('Error updating course name:', error);\n toast('Failed to update course name', \"error\");\n // Revert on error\n setMenu(menu);\n } finally {\n setIsUpdating(false);\n }\n }, 500);\n };\n\n const handleDeleteCourse = (courseId: string) => {\n const course = menu?.courses.find(c => c.id === courseId);\n if (course) {\n setCourseToDelete(course);\n setIsDeleteCourseDialogOpen(true);\n }\n };\n\n const handleCloseDeleteCourseDialog = () => {\n setIsDeleteCourseDialogOpen(false);\n setCourseToDelete(null);\n };\n\n const handleAddDish = (courseId: string) => {\n setSelectedCourseId(courseId);\n setIsAddDishDialogOpen(true);\n };\n\n const handleCloseAddDishDialog = () => {\n setIsAddDishDialogOpen(false);\n setSelectedCourseId(null);\n };\n\n const handleRemoveDishFromCourse = async (courseId: string, dishId: string) => {\n if (!id) return;\n setRemovingDishId(dishId);\n setIsUpdating(true);\n try {\n const result = await apiDelete(`${API_URL}/api/menus/${id}/courses/${courseId}/dishes/${dishId}`, navigate);\n if (result.error) {\n toast(result.error, \"error\");\n } else if (result.data) {\n setMenu(result.data);\n }\n } catch (error) {\n toast('Failed to remove dish from course', \"error\");\n } finally {\n setRemovingDishId(null);\n setIsUpdating(false);\n }\n };\n\n return (\n <>\n \n \n ,\n ,\n

\n \n

\n ]}\n lhs={\n \n }\n rhs={\n menu ? : \n }\n />\n\n {/* Add Course Dialog */}\n < AddCourseDialog\n open={isAddCourseDialogOpen}\n onClose={handleCloseAddCourseDialog}\n menuId={id || \"\"}\n onMenuUpdated={handleMenuUpdated}\n />\n\n {/* Delete Course Dialog */}\n \n\n {/* Add Dish Dialog */}\n \n \n );\n} ",[],[188,194,516,569],{"_104":578,"_95":579,"_158":580,"_160":517,"_161":138,"_162":101,"_164":22,"_106":581,"_100":273,"_167":219,"_169":582,"_170":22,"_171":-5,"_172":583,"_98":584},"5458521a-5ae0-11f0-8b88-f69ea79377d9","Menus.tsx","fe63284e-55f8-11f0-95d5-f69ea79377d9",["D",1751857998261],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Button, TextField } from \"@mui/material\";\nimport React, { useEffect, useState } from \"react\";\nimport { useNavigate } from \"react-router-dom\";\nimport { API_URL } from \"../../env.ts\";\nimport { apiGet } from \"../../utils/api.ts\";\nimport { inflect } from \"../../utils/inflect.ts\";\nimport AddMenuDialog from \"../dialogs/AddMenuDialog.tsx\";\ninterface Menu {\n id: string;\n name: string;\n courses: {\n id: string;\n name?: string;\n dishes: string[];\n }[];\n}\n\ninterface MenuProps {\n menu: Menu;\n}\n\nfunction Menu({ menu }: MenuProps) {\n const navigate = useNavigate();\n\n const handleMenuClick = () => {\n navigate(`/menus/${menu.id}`);\n };\n\n return (\n \n

{menu.name}

\n {menu.courses.length} ${inflect(\"course\", \"courses\", menu.courses.length)} | {menu.courses.reduce((total, course) => total + course.dishes.length, 0)} ${inflect(\"dish\", \"dishes\", menu.courses.reduce((total, course) => total + course.dishes.length, 0))}\n

\n \n );\n}\n\nexport default function Menus() {\n const [isDialogOpen, setIsDialogOpen] = useState(false);\n const [menus, setMenus] = useState([]);\n const [isLoadingMenus, setIsLoadingMenus] = useState(true);\n const navigate = useNavigate();\n\n // Fetch menus on component mount\n useEffect(() => {\n fetchMenus();\n }, []);\n\n async function fetchMenus() {\n try {\n setIsLoadingMenus(true);\n const result = await apiGet(`${API_URL}/api/menus`, navigate);\n\n if (result.error) {\n console.error('Error fetching menus:', result.error);\n // You might want to show a toast notification here\n } else if (result.data) {\n setMenus(result.data);\n }\n } catch (error) {\n console.error('Error fetching menus:', error);\n // You might want to show a toast notification here\n } finally {\n setIsLoadingMenus(false);\n }\n }\n\n function onSearchChanged(event: React.ChangeEvent) {\n console.log(event.target.value);\n }\n\n function addMenu() {\n setIsDialogOpen(true);\n }\n\n function handleCloseDialog() {\n setIsDialogOpen(false);\n }\n\n function handleMenuCreated(menu: Menu) {\n setMenus(prevMenus => [...prevMenus, menu]);\n }\n\n return

\n \n \n

\n\n {/* Display menus */}\n

\n {isLoadingMenus ? (\n

Loading menus...

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

No menus found. Create your first menu!

\n ) : (\n

\n {menus.map((menu) => (\n \n ))}\n

\n )}\n

\n\n \n

\n} ",[],[188,194,516,579],[188,194,516],{"_104":587,"_95":588,"_158":589,"_160":195,"_161":138,"_162":590,"_164":165,"_106":591,"_100":32,"_167":219,"_169":592,"_170":22,"_171":-5,"_172":593,"_98":594},"65f28ea6-5689-11f0-9855-f69ea79377d9","App.tsx","65f28f78-5689-11f0-9855-f69ea79377d9",286,["D",1751380856932],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"react\";\nimport { useNavigate } from \"react-router-dom\";\nimport Other from \"./pages/Dishes.tsx\";\n\nexport function App() {\n const [clicked, setClicked] = useState(0);\n const navigate = useNavigate();\n\n function handleClick() {\n setClicked(clicked + 1);\n\n fetch(\"/api/data\")\n .then((res) => res.json())\n .then((data) => console.log(data));\n\n // Navigate to the /other route\n navigate(\"/other\");\n }\n return (\n

Damon Town React + Hono Starter

\n \n \n

\n );\n}",[],[188,194,588],{"_104":596,"_95":597,"_158":598,"_160":195,"_161":138,"_162":599,"_164":22,"_106":600,"_100":163,"_167":219,"_169":601,"_170":22,"_171":-5,"_172":602,"_98":603},"27115cc0-5ad6-11f0-801d-f69ea79377d9","NavigationBar.tsx","469f3ee2-5697-11f0-8f21-f69ea79377d9",489,["D",1751853627167],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Button } from \"@mui/material\";\nimport React from \"react\";\nimport { useLocation, useNavigate } from \"react-router-dom\";\n\nexport default function NavigationBar() {\n const navigate = useNavigate();\n const location = useLocation();\n\n // Don't show navigation bar on login page\n if (location.pathname === \"/\") {\n return null;\n }\n\n return (\n

\n navigate(\"/dishes\")}\n >\n Dishes\n \n navigate(\"/menus\")}\n >\n Tasting Menus\n \n

\n );\n} ",[],[188,194,597],{"_104":605,"_95":606,"_158":607,"_160":195,"_161":138,"_162":608,"_164":165,"_106":609,"_100":330,"_167":219,"_169":610,"_170":22,"_171":-5,"_172":611,"_98":612},"b476b56e-56a9-11f0-b55d-f69ea79377d9","Router.tsx","25750749-8a22-4964-a2cd-6804f0963f51",365,["D",1751394732550],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { PropsWithChildren } from \"react\";\nimport { createBrowserRouter } from \"react-router-dom\";\nimport NavigationBar from \"./NavigationBar.tsx\";\nimport Dish from \"./pages/Dish.tsx\";\nimport Dishes from \"./pages/Dishes.tsx\";\nimport Login from \"./pages/Login.tsx\";\nimport Menu from \"./pages/Menu.tsx\";\nimport Menus from \"./pages/Menus.tsx\";\n\nfunction MainLayout({ children }: PropsWithChildren) {\n return (\n

\n \n {children}\n

\n );\n}\n\n// Then create and export the router\nexport const Router = createBrowserRouter([\n { path: \"/\", element: },\n {\n path: \"/dishes\",\n element: (\n \n \n \n )\n },\n {\n path: \"/dishes/:id\",\n element: (\n \n )\n },\n {\n path: \"/menus\",\n element: (\n \n \n \n )\n },\n {\n path: \"/menus/:id\",\n element: (\n \n )\n },\n]);",[],[188,194,606],{"_104":614,"_95":615,"_158":616,"_160":195,"_161":138,"_162":617,"_164":165,"_106":618,"_100":32,"_167":219,"_169":619,"_170":22,"_171":-5,"_172":620,"_98":621},"96e49298-59f4-11f0-acb0-f69ea79377d9","Toast.tsx","96e49356-59f4-11f0-acb0-f69ea79377d9",427,["D",1751756748621],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useState } from \"react\";\n\nexport type ToastLevel = \"warning\" | \"info\" | \"error\";\n\nexport interface Toast {\n id: string;\n message: string;\n level: ToastLevel;\n timestamp: number;\n}\n\ninterface ToastProps {\n toast: Toast;\n onRemove: (id: string) => void;\n}\n\nconst ToastItem: React.FC = ({ toast, onRemove }) => {\n const [isVisible, setIsVisible] = useState(false);\n\n useEffect(() => {\n // Animate in\n const timer = setTimeout(() => setIsVisible(true), 10);\n return () => clearTimeout(timer);\n }, []);\n\n useEffect(() => {\n // Auto remove after 5 seconds\n const timer = setTimeout(() => {\n setIsVisible(false);\n setTimeout(() => onRemove(toast.id), 300); // Wait for fade out animation\n }, 5000);\n\n return () => clearTimeout(timer);\n }, [toast.id, onRemove]);\n\n const getLevelStyles = (level: ToastLevel) => {\n switch (level) {\n case \"error\":\n return \"bg-red-500 text-white border-red-600\";\n case \"warning\":\n return \"bg-yellow-500 text-white border-yellow-600\";\n case \"info\":\n return \"bg-blue-500 text-white border-blue-600\";\n default:\n return \"bg-gray-500 text-white border-gray-600\";\n }\n };\n\n const getIcon = (level: ToastLevel) => {\n switch (level) {\n case \"error\":\n return \"❌\";\n case \"warning\":\n return \"⚠️\";\n case \"info\":\n return \"ℹ️\";\n default:\n return \"💬\";\n }\n };\n\n return (\n \n {getIcon(toast.level)}\n

{toast.message}

\n {\n setIsVisible(false);\n setTimeout(() => onRemove(toast.id), 300);\n }}\n className=\"text-white/80 hover:text-white text-lg flex-shrink-0 ml-2\"\n >\n ×\n \n \n );\n};\n\nexport default ToastItem; ",[],[188,194,615],{"_104":623,"_95":624,"_158":625,"_160":195,"_161":138,"_162":626,"_164":165,"_106":627,"_100":32,"_167":219,"_169":628,"_170":22,"_171":-5,"_172":629,"_98":630},"96f34d60-59f4-11f0-a23e-f69ea79377d9","ToastProvider.tsx","96f34e0a-59f4-11f0-a23e-f69ea79377d9",429,["D",1751756748621],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { createContext, ReactNode, useCallback, useContext, useState } from \"react\";\nimport ToastItem, { Toast, ToastLevel } from \"./Toast.tsx\";\n\ninterface ToastContextType {\n toast: (message: string, level: ToastLevel) => void;\n removeToast: (id: string) => void;\n}\n\nconst ToastContext = createContext(undefined);\n\ninterface ToastProviderProps {\n children: ReactNode;\n}\n\nexport const ToastProvider: React.FC = ({ children }) => {\n const [toasts, setToasts] = useState([]);\n\n const addToast = useCallback((message: string, level: ToastLevel) => {\n const newToast: Toast = {\n id: Date.now().toString() + Math.random().toString(36).substr(2, 9),\n message,\n level,\n timestamp: Date.now(),\n };\n\n setToasts(prev => [...prev, newToast]);\n }, []);\n\n const removeToast = useCallback((id: string) => {\n setToasts(prev => prev.filter(toast => toast.id !== id));\n }, []);\n\n const contextValue: ToastContextType = {\n toast: addToast,\n removeToast,\n };\n\n return (\n \n {children}\n {/* Toast Container */}\n

\n {toasts.map((toast) => (\n

\n \n

\n ))}\n

\n \n );\n};\n\nexport const useToast = (): ToastContextType => {\n const context = useContext(ToastContext);\n if (context === undefined) {\n throw new Error(\"useToast must be used within a ToastProvider\");\n }\n return context;\n}; ",[],[188,194,624],[188,194],{"_104":633,"_95":634,"_158":635,"_160":189,"_161":138,"_162":636,"_164":165,"_106":637,"_100":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":638,"_98":657},"95573466-555e-11f0-8bc2-f69ea79377d9","utils","9557354c-555e-11f0-8bc2-f69ea79377d9",213,["D",1751252516922],[639,648],{"_104":640,"_95":641,"_158":642,"_160":635,"_161":138,"_162":643,"_164":165,"_106":644,"_100":248,"_167":219,"_169":645,"_170":22,"_171":-5,"_172":646,"_98":647},"f0edfa9c-5aa6-11f0-9f9e-f69ea79377d9","api.ts","957177d6-555e-11f0-85b5-f69ea79377d9",436,["D",1751833350149],"import { NavigateFunction } from \"react-router-dom\";\n\nexport interface ApiResponse {\n data?: T;\n error?: string;\n}\n\nexport interface ApiOptions {\n method?: 'GET' | 'POST' | 'PUT' | 'DELETE';\n body?: any;\n headers?: Record;\n}\n\n/**\n * Get authentication headers with token from localStorage\n * Redirects to login if no token is found\n */\nexport const getAuthHeaders = (navigate: NavigateFunction): Record | null => {\n const token = localStorage.getItem(\"token\");\n if (!token) {\n // Redirect to login if no token\n navigate(\"/\");\n return null;\n }\n return {\n 'Content-Type': 'application/json',\n 'authorization': `Bearer ${token}`\n };\n};\n\n/**\n * Handle common API error responses\n */\nexport const handleApiError = async (response: Response, navigate: NavigateFunction): Promise<{ error: string }> => {\n if (response.status === 401) {\n // Token is invalid, redirect to login\n localStorage.removeItem(\"token\");\n navigate(\"/\");\n } \n\n return await response.json()\n};\n\n/**\n * Generic API call function with authentication and error handling\n */\nexport const apiCall = async (\n url: string,\n navigate: NavigateFunction,\n options: ApiOptions = {}\n): Promise> => {\n try {\n const headers = getAuthHeaders(navigate);\n if (!headers) {\n return { error: 'Authentication required' };\n }\n\n const response = await fetch(url, {\n method: options.method || 'GET',\n headers: {\n ...headers,\n ...options.headers\n },\n body: options.body ? JSON.stringify(options.body) : undefined\n });\n\n if (!response.ok) {\n console.log('response not ok')\n return { error: (await handleApiError(response, navigate)).error };\n }\n\n const data = await response.json();\n return { data };\n } catch (error) {\n console.error('API call error:', error);\n return {\n error: error instanceof Error ? error.message : 'Network error'\n };\n }\n};\n\n/**\n * GET request helper\n */\nexport const apiGet = (url: string, navigate: NavigateFunction): Promise> => {\n return apiCall(url, navigate, { method: 'GET' });\n};\n\n/**\n * POST request helper\n */\nexport const apiPost = (url: string, navigate: NavigateFunction, body: any): Promise> => {\n return apiCall(url, navigate, { method: 'POST', body });\n};\n\n/**\n * PUT request helper\n */\nexport const apiPut = (url: string, navigate: NavigateFunction, body: any): Promise> => {\n return apiCall(url, navigate, { method: 'PUT', body });\n};\n\n/**\n * DELETE request helper\n */\nexport const apiDelete = (url: string, navigate: NavigateFunction): Promise> => {\n return apiCall(url, navigate, { method: 'DELETE' });\n}; ",[],[188,634,641],{"_104":649,"_95":650,"_158":651,"_160":635,"_161":138,"_162":652,"_164":165,"_106":653,"_100":32,"_167":219,"_169":654,"_170":22,"_171":-5,"_172":655,"_98":656},"12577c20-59f4-11f0-a474-f69ea79377d9","string.ts","12577ce8-59f4-11f0-a474-f69ea79377d9",422,["D",1751756526303],"export function inflect(singular: string, plural: string, count: number) {\n return count === 1 ? singular : plural;\n}\n",[],[188,634,650],[188,634],{"_104":659,"_95":660,"_158":661,"_160":189,"_161":138,"_162":662,"_164":165,"_106":663,"_100":32,"_167":219,"_169":664,"_170":22,"_171":-5,"_172":665,"_98":666},"cf91d49e-5688-11f0-93fa-f69ea79377d9","env.ts","cf91d552-5688-11f0-93fa-f69ea79377d9",282,["D",1751380604603],"export const API_URL = \"https://damonb--a4226abe568611f08b8bf69ea79377d9.web.val.run\";",[],[188,660],{"_104":668,"_95":669,"_158":670,"_160":189,"_161":138,"_162":671,"_164":22,"_106":672,"_100":330,"_167":673,"_169":674,"_170":22,"_171":-5,"_172":675,"_98":676},"73f0815e-56e6-11f0-8409-f69ea79377d9","index.html","2265d882-88bd-4461-b7f4-d6284cf2dea8",381,["D",1751420823565],"file","\n\n\n\n \n \n MenuApp\n \n \n \n \n\n\n\n

\n \n \n\n\n",[],[188,669],{"_104":678,"_95":679,"_158":680,"_160":189,"_161":138,"_162":681,"_164":22,"_106":682,"_100":311,"_167":219,"_169":683,"_170":22,"_171":-5,"_172":684,"_98":685},"96dad334-59f4-11f0-be94-f69ea79377d9","index.tsx","f1b706a6-35a5-4bc2-b849-5fd22bf28c6c",425,["D",1751756748617],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport {\n RouterProvider,\n} from \"https://esm.sh/react-router-dom@6.22.2?deps=react@18.2.0&react-dom@18.2.0\";\nimport React, { StrictMode } from \"react\";\n\nimport { Router } from \"./components/Router.tsx\";\nimport { ToastProvider } from \"./components/ToastProvider.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render(\n \n \n

\n \n

\n \n ,\n);",[],[188,679],{"_104":687,"_95":688,"_158":689,"_160":189,"_161":138,"_162":690,"_164":22,"_106":691,"_100":330,"_167":219,"_169":692,"_170":22,"_171":-5,"_172":693,"_98":694},"35981f54-5aae-11f0-9a7a-f69ea79377d9","types.ts","5f825b50-5512-11f0-af68-f69ea79377d9",437,["D",1751836471834],"export type UUID = string;\n\nexport type User = {\n id: UUID;\n login: string;\n passwordHash: string;\n}\n\nexport type Menu = {\n id: UUID;\n name: string;\n courses: Course[];\n}\n\nexport type Course = {\n id: UUID;\n name?: string;\n dishes: Dish['id'][];\n}\n\nexport type Taste = {\n sweet: number;\n salty: number;\n sour: number;\n bitter: number;\n umami: number;\n}\n\nexport type Flavor = {\n name: string;\n taste: Taste;\n texture: {\n hardness: number;\n moistureLevel: number;\n };\n aroma: {\n volatility: number;\n intensity: number;\n persistence: number;\n };\n}\n\nexport type Component = {\n id: string,\n name: string,\n}\n\nexport type EnrichedComponent = Component & {\n flavor: Flavor\n}\n\nexport interface Dish {\n id: string;\n name: string;\n createdBy: string;\n components: {\n id: string;\n name: string;\n flavor?: {\n name: string;\n taste: Taste;\n texture: {\n hardness: number;\n moistureLevel: number;\n };\n aroma: {\n volatility: number;\n intensity: number;\n persistence: number;\n };\n };\n }[];\n analysis?: {\n tasteBalance: number;\n combinedTaste: Taste\n averageAromaticIntegration: number;\n medianAromaIntensity: number;\n averageFlavorsActive: number;\n allComponentsIntensityTimeSeries: { time: number, [key: string]: number }[]\n aromaticIntegrationTimeSeries: { time: number, range: number }[]\n }\n}\n\nexport type EnrichedDish = Dish & {\n analysis?: {\n tasteBalance: number;\n combinedTaste: Taste;\n averageAromaticIntegration: number;\n medianAromaIntensity: number;\n averageFlavorsActive: number;\n allComponentsIntensityTimeSeries: { time: number, [key: string]: number }[]\n aromaticIntegrationTimeSeries: { time: number, range: number }[]\n }\n}\n\nexport interface MenuWithResolvedDishes {\n id: string;\n name: string;\n courses: {\n id: string;\n name?: string;\n dishes: Dish[];\n }[];\n analysis?: {\n averageBalance: number;\n averageIntensity: number;\n majorTasteSeries: {\n majorTaste: string;\n minorTaste: string;\n name: string;\n }[]\n flavorSeries: Flavor[]\n balanceSeries: {\n balance: number;\n name: string;\n }[]\n intensitySeries: {\n intensity: number;\n name: string;\n }[]\n }\n heuristics?: {\n heuristic: {\n name: string;\n description: string;\n evaluate: (menu: any) => any;\n };\n result: true | {\n errors: {\n message: string;\n rootCause: any[];\n }[];\n };\n }[];\n}\n\nexport type MenuAnalysis = NonNullable\nexport type MenuHeuristicAnalysis = NonNullable\n",[],[188,688],[188],{"_104":697,"_95":99,"_158":698,"_160":-5,"_161":138,"_162":143,"_164":165,"_106":699,"_100":32,"_167":673,"_169":700,"_170":22,"_171":-5,"_172":701,"_98":702},"4ee1b340-54f9-11f0-90f3-f69ea79377d9","4ee1b3e0-54f9-11f0-90f3-f69ea79377d9",["D",1751209019543],"node_modules\npackage.json\npackage-lock.json\nscripts",[],[99],{"_104":704,"_95":705,"_158":706,"_160":-5,"_161":138,"_162":163,"_164":165,"_106":707,"_100":32,"_167":673,"_169":708,"_170":22,"_171":-5,"_172":709,"_98":710},"1a0cd156-54f7-11f0-9758-f69ea79377d9","README.md","bb55827a-afd6-468c-bfcb-f3ad69dd3b8e",["D",1751208071838],"# React Hono Starter\n\nThis app is a starter template for client-side React and server-side Hono.\n\n- **Remix** this starter template on the top right to get started.\n\n- The **entrypoint** is `/backend/index.ts`. That's the backend HTTP server, which also serves the all the frontend assets.\n\n- The **client-side entrypoint** is `/frontend/index.html`, which in turn imports `/frontend/index.tsx`, which in turn imports the React app from `/frontend/components/App.tsx`.\n\n[React Hono Example](https://www.val.town/x/stevekrouse/reactHonoExample) is a fuller featured example project, with a SQLite database table, queries, client-side CSS and a favicon, and some shared code that runs on both client and server.",[],[705],"files",[155,174,186,192,198,205,212,223,233,242,253,260,267,277,286,295,305,315,324,335,344,354,363,372,381,390,399,410,417,426,435,444,454,461,467,476,486,492,502,514,521,528,538,548,558,567,577,586,595,604,613,622,632,639,648,658,667,677,686,696,703],"counts",{"_715":32,"_716":163,"_717":32,"_718":32},"pulls","branches","forks","envVars","contents",[],{"_104":697,"_95":99,"_158":698,"_160":-5,"_161":138,"_162":143,"_164":165,"_106":722,"_100":32,"_167":673,"_169":700,"_170":22,"_171":-5,"_98":723},["D",1751209019543],[99],"upstreamProject",{"_104":147,"_95":96,"_112":-5,"_113":-5,"_110":145,"_23":726},{"_93":727,"_130":728},"stevekrouse","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg","upstreamBranch",{"_104":141,"_106":731,"_732":733,"_95":43,"_139":147,"_100":143,"_140":734,"_142":735,"_736":737,"_108":-5,"_152":22,"_110":145,"_151":727,"_16":149,"_150":96},["D",1743193703232],"updatedAt",["D",1743193771819],"4326d6e8-0be3-11f0-bfc5-569c3dd06744",124,"lockfileKey","1744749836624-esm.town_v_stevekrouse_react-hono-with-react-router@3-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_93":94,"_95":96,"_97":43,"_100":101,"_98":99,"_102":744,"_153":749,"_711":933,"_673":934,"_719":936,"_937":938,"_941":22,"_942":-5,"_943":944,"_945":32,"_946":947},{"_104":105,"_95":96,"_106":745,"_108":-5,"_109":22,"_110":111,"_112":-5,"_113":-5,"_14":114,"_115":-5,"_116":22,"_117":-5,"_118":32,"_16":119,"_120":121,"_122":121,"_123":124,"_125":124,"_126":124,"_127":121,"_128":121,"_23":746,"_132":747,"_135":748,"_152":22},["D",1751208071838],{"_93":94,"_130":131},{"_93":94,"_134":131},{"_100":137,"_95":43,"_104":138,"_139":105,"_140":141,"_142":143,"_144":145,"_146":147,"_148":149,"_150":96,"_151":94},[750,756,927,930],{"_104":156,"_95":157,"_158":159,"_160":-5,"_161":138,"_162":163,"_164":165,"_106":166,"_100":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":751,"_98":755},[752],{"_104":175,"_95":176,"_158":177,"_160":159,"_161":138,"_162":178,"_164":165,"_106":179,"_100":180,"_167":181,"_169":182,"_170":22,"_171":-5,"_172":753,"_98":754},[],[157,176],[157],{"_104":187,"_95":188,"_158":189,"_160":-5,"_161":138,"_162":163,"_164":165,"_106":190,"_100":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":757,"_98":926},[758,905,914,917,920,923],{"_104":193,"_95":194,"_158":195,"_160":189,"_161":138,"_162":163,"_164":165,"_106":196,"_100":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":759,"_98":904},[760,829,844,865,889,892,895,898,901],{"_104":199,"_95":200,"_158":201,"_160":195,"_161":138,"_162":202,"_164":165,"_106":203,"_100":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":761,"_98":828},[762,777,804,807,810,813,816,819,822,825],{"_104":206,"_95":207,"_158":208,"_160":201,"_161":138,"_162":209,"_164":165,"_106":210,"_100":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":763,"_98":776},[764,767,770,773],{"_104":213,"_95":214,"_158":215,"_160":208,"_161":138,"_162":216,"_164":165,"_106":217,"_100":218,"_167":219,"_169":220,"_170":22,"_171":-5,"_172":765,"_98":766},[],[188,194,200,207,214],{"_104":224,"_95":225,"_158":226,"_160":208,"_161":138,"_162":227,"_164":22,"_106":228,"_100":229,"_167":219,"_169":230,"_170":22,"_171":-5,"_172":768,"_98":769},[],[188,194,200,207,225],{"_104":234,"_95":235,"_158":236,"_160":208,"_161":138,"_162":237,"_164":22,"_106":238,"_100":229,"_167":219,"_169":239,"_170":22,"_171":-5,"_172":771,"_98":772},[],[188,194,200,207,235],{"_104":243,"_95":244,"_158":245,"_160":208,"_161":138,"_162":246,"_164":22,"_106":247,"_100":248,"_167":219,"_169":249,"_170":22,"_171":-5,"_172":774,"_98":775},[],[188,194,200,207,244],[188,194,200,207],{"_104":254,"_95":255,"_158":256,"_160":201,"_161":138,"_162":257,"_164":165,"_106":258,"_100":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":778,"_98":803},[779,794,797,800],{"_104":261,"_95":262,"_158":263,"_160":256,"_161":138,"_162":264,"_164":165,"_106":265,"_100":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":780,"_98":793},[781,784,787,790],{"_104":268,"_95":269,"_158":270,"_160":263,"_161":138,"_162":271,"_164":165,"_106":272,"_100":273,"_167":219,"_169":274,"_170":22,"_171":-5,"_172":782,"_98":783},[],[188,194,200,255,262,269],{"_104":278,"_95":279,"_158":280,"_160":263,"_161":138,"_162":281,"_164":165,"_106":282,"_100":143,"_167":219,"_169":283,"_170":22,"_171":-5,"_172":785,"_98":786},[],[188,194,200,255,262,279],{"_104":287,"_95":288,"_158":289,"_160":263,"_161":138,"_162":290,"_164":165,"_106":291,"_100":248,"_167":219,"_169":292,"_170":22,"_171":-5,"_172":788,"_98":789},[],[188,194,200,255,262,288],{"_104":296,"_95":297,"_158":298,"_160":263,"_161":138,"_162":299,"_164":165,"_106":300,"_100":273,"_167":219,"_169":301,"_170":22,"_171":-5,"_172":791,"_98":792},[],[188,194,200,255,262,297],[188,194,200,255,262],{"_104":306,"_95":307,"_158":308,"_160":256,"_161":138,"_162":309,"_164":22,"_106":310,"_100":311,"_167":219,"_169":312,"_170":22,"_171":-5,"_172":795,"_98":796},[],[188,194,200,255,307],{"_104":316,"_95":317,"_158":318,"_160":256,"_161":138,"_162":319,"_164":165,"_106":320,"_100":248,"_167":219,"_169":321,"_170":22,"_171":-5,"_172":798,"_98":799},[],[188,194,200,255,317],{"_104":325,"_95":326,"_158":327,"_160":256,"_161":138,"_162":328,"_164":22,"_106":329,"_100":330,"_167":219,"_169":331,"_170":22,"_171":-5,"_172":801,"_98":802},[],[188,194,200,255,326],[188,194,200,255],{"_104":336,"_95":337,"_158":338,"_160":201,"_161":138,"_162":339,"_164":22,"_106":340,"_100":32,"_167":219,"_169":341,"_170":22,"_171":-5,"_172":805,"_98":806},[],[188,194,200,337],{"_104":345,"_95":346,"_158":347,"_160":201,"_161":138,"_162":348,"_164":22,"_106":349,"_100":350,"_167":219,"_169":351,"_170":22,"_171":-5,"_172":808,"_98":809},[],[188,194,200,346],{"_104":355,"_95":356,"_158":357,"_160":201,"_161":138,"_162":358,"_164":165,"_106":359,"_100":143,"_167":219,"_169":360,"_170":22,"_171":-5,"_172":811,"_98":812},[],[188,194,200,356],{"_104":364,"_95":365,"_158":366,"_160":201,"_161":138,"_162":367,"_164":22,"_106":368,"_100":350,"_167":219,"_169":369,"_170":22,"_171":-5,"_172":814,"_98":815},[],[188,194,200,365],{"_104":373,"_95":374,"_158":375,"_160":201,"_161":138,"_162":376,"_164":165,"_106":377,"_100":163,"_167":219,"_169":378,"_170":22,"_171":-5,"_172":817,"_98":818},[],[188,194,200,374],{"_104":382,"_95":383,"_158":384,"_160":201,"_161":138,"_162":385,"_164":165,"_106":386,"_100":218,"_167":219,"_169":387,"_170":22,"_171":-5,"_172":820,"_98":821},[],[188,194,200,383],{"_104":391,"_95":392,"_158":393,"_160":201,"_161":138,"_162":394,"_164":22,"_106":395,"_100":311,"_167":219,"_169":396,"_170":22,"_171":-5,"_172":823,"_98":824},[],[188,194,200,392],{"_104":400,"_95":401,"_158":402,"_160":201,"_161":138,"_162":403,"_164":165,"_106":404,"_100":405,"_167":219,"_169":406,"_170":22,"_171":-5,"_172":826,"_98":827},[],[188,194,200,401],[188,194,200],{"_104":411,"_95":412,"_158":413,"_160":195,"_161":138,"_162":414,"_164":165,"_106":415,"_100":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":830,"_98":843},[831,834,837,840],{"_104":418,"_95":419,"_158":420,"_160":413,"_161":138,"_162":421,"_164":165,"_106":422,"_100":32,"_167":219,"_169":423,"_170":22,"_171":-5,"_172":832,"_98":833},[],[188,194,412,419],{"_104":427,"_95":428,"_158":429,"_160":413,"_161":138,"_162":430,"_164":165,"_106":431,"_100":218,"_167":219,"_169":432,"_170":22,"_171":-5,"_172":835,"_98":836},[],[188,194,412,428],{"_104":436,"_95":437,"_158":438,"_160":413,"_161":138,"_162":439,"_164":165,"_106":440,"_100":32,"_167":219,"_169":441,"_170":22,"_171":-5,"_172":838,"_98":839},[],[188,194,412,437],{"_104":445,"_95":446,"_158":447,"_160":413,"_161":138,"_162":448,"_164":165,"_106":449,"_100":32,"_167":219,"_169":450,"_170":22,"_171":-5,"_172":841,"_98":842},[],[188,194,412,446],[188,194,412],{"_104":455,"_95":456,"_158":457,"_160":195,"_161":138,"_162":458,"_164":165,"_106":459,"_100":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":845,"_98":864},[846,855],{"_104":462,"_95":207,"_158":463,"_160":457,"_161":138,"_162":464,"_164":165,"_106":465,"_100":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":847,"_98":854},[848,851],{"_104":468,"_95":469,"_158":470,"_160":463,"_161":138,"_162":471,"_164":22,"_106":472,"_100":143,"_167":219,"_169":473,"_170":22,"_171":-5,"_172":849,"_98":850},[],[188,194,456,207,469],{"_104":477,"_95":478,"_158":479,"_160":463,"_161":138,"_162":480,"_164":165,"_106":481,"_100":32,"_167":219,"_169":482,"_170":22,"_171":-5,"_172":852,"_98":853},[],[188,194,456,207,478],[188,194,456,207],{"_104":487,"_95":255,"_158":488,"_160":457,"_161":138,"_162":489,"_164":165,"_106":490,"_100":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":856,"_98":863},[857,860],{"_104":493,"_95":494,"_158":495,"_160":488,"_161":138,"_162":496,"_164":22,"_106":497,"_100":498,"_167":219,"_169":499,"_170":22,"_171":-5,"_172":858,"_98":859},[],[188,194,456,255,494],{"_104":503,"_95":504,"_158":505,"_160":488,"_161":138,"_162":506,"_164":22,"_106":507,"_100":508,"_167":219,"_169":509,"_170":22,"_171":-5,"_172":861,"_98":862},[],[188,194,456,255,504],[188,194,456,255],[188,194,456],{"_104":515,"_95":516,"_158":517,"_160":195,"_161":138,"_162":518,"_164":165,"_106":519,"_100":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":866,"_98":888},[867,873,876,879,882,885],{"_104":522,"_95":523,"_158":524,"_160":517,"_161":138,"_162":525,"_164":165,"_106":526,"_100":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":868,"_98":872},[869],{"_104":529,"_95":530,"_158":531,"_160":524,"_161":138,"_162":532,"_164":22,"_106":533,"_100":498,"_167":219,"_169":534,"_170":22,"_171":-5,"_172":870,"_98":871},[],[188,194,516,523,530],[188,194,516,523],{"_104":539,"_95":540,"_158":541,"_160":517,"_161":138,"_162":542,"_164":22,"_106":543,"_100":544,"_167":219,"_169":545,"_170":22,"_171":-5,"_172":874,"_98":875},[],[188,194,516,540],{"_104":549,"_95":550,"_158":551,"_160":517,"_161":138,"_162":552,"_164":22,"_106":553,"_100":554,"_167":219,"_169":555,"_170":22,"_171":-5,"_172":877,"_98":878},[],[188,194,516,550],{"_104":559,"_95":560,"_158":561,"_160":517,"_161":138,"_162":562,"_164":165,"_106":563,"_100":229,"_167":219,"_169":564,"_170":22,"_171":-5,"_172":880,"_98":881},[],[188,194,516,560],{"_104":568,"_95":569,"_158":570,"_160":517,"_161":138,"_162":571,"_164":22,"_106":572,"_100":573,"_167":219,"_169":574,"_170":22,"_171":-5,"_172":883,"_98":884},[],[188,194,516,569],{"_104":578,"_95":579,"_158":580,"_160":517,"_161":138,"_162":101,"_164":22,"_106":581,"_100":273,"_167":219,"_169":582,"_170":22,"_171":-5,"_172":886,"_98":887},[],[188,194,516,579],[188,194,516],{"_104":587,"_95":588,"_158":589,"_160":195,"_161":138,"_162":590,"_164":165,"_106":591,"_100":32,"_167":219,"_169":592,"_170":22,"_171":-5,"_172":890,"_98":891},[],[188,194,588],{"_104":596,"_95":597,"_158":598,"_160":195,"_161":138,"_162":599,"_164":22,"_106":600,"_100":163,"_167":219,"_169":601,"_170":22,"_171":-5,"_172":893,"_98":894},[],[188,194,597],{"_104":605,"_95":606,"_158":607,"_160":195,"_161":138,"_162":608,"_164":165,"_106":609,"_100":330,"_167":219,"_169":610,"_170":22,"_171":-5,"_172":896,"_98":897},[],[188,194,606],{"_104":614,"_95":615,"_158":616,"_160":195,"_161":138,"_162":617,"_164":165,"_106":618,"_100":32,"_167":219,"_169":619,"_170":22,"_171":-5,"_172":899,"_98":900},[],[188,194,615],{"_104":623,"_95":624,"_158":625,"_160":195,"_161":138,"_162":626,"_164":165,"_106":627,"_100":32,"_167":219,"_169":628,"_170":22,"_171":-5,"_172":902,"_98":903},[],[188,194,624],[188,194],{"_104":633,"_95":634,"_158":635,"_160":189,"_161":138,"_162":636,"_164":165,"_106":637,"_100":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":906,"_98":913},[907,910],{"_104":640,"_95":641,"_158":642,"_160":635,"_161":138,"_162":643,"_164":165,"_106":644,"_100":248,"_167":219,"_169":645,"_170":22,"_171":-5,"_172":908,"_98":909},[],[188,634,641],{"_104":649,"_95":650,"_158":651,"_160":635,"_161":138,"_162":652,"_164":165,"_106":653,"_100":32,"_167":219,"_169":654,"_170":22,"_171":-5,"_172":911,"_98":912},[],[188,634,650],[188,634],{"_104":659,"_95":660,"_158":661,"_160":189,"_161":138,"_162":662,"_164":165,"_106":663,"_100":32,"_167":219,"_169":664,"_170":22,"_171":-5,"_172":915,"_98":916},[],[188,660],{"_104":668,"_95":669,"_158":670,"_160":189,"_161":138,"_162":671,"_164":22,"_106":672,"_100":330,"_167":673,"_169":674,"_170":22,"_171":-5,"_172":918,"_98":919},[],[188,669],{"_104":678,"_95":679,"_158":680,"_160":189,"_161":138,"_162":681,"_164":22,"_106":682,"_100":311,"_167":219,"_169":683,"_170":22,"_171":-5,"_172":921,"_98":922},[],[188,679],{"_104":687,"_95":688,"_158":689,"_160":189,"_161":138,"_162":690,"_164":22,"_106":691,"_100":330,"_167":219,"_169":692,"_170":22,"_171":-5,"_172":924,"_98":925},[],[188,688],[188],{"_104":697,"_95":99,"_158":698,"_160":-5,"_161":138,"_162":143,"_164":165,"_106":699,"_100":32,"_167":673,"_169":700,"_170":22,"_171":-5,"_172":928,"_98":929},[],[99],{"_104":704,"_95":705,"_158":706,"_160":-5,"_161":138,"_162":163,"_164":165,"_106":707,"_100":32,"_167":673,"_169":708,"_170":22,"_171":-5,"_172":931,"_98":932},[],[705],[750,752,756,758,760,762,764,767,770,773,777,779,781,784,787,790,794,797,800,804,807,810,813,816,819,822,825,829,831,834,837,840,844,846,848,851,855,857,860,865,867,869,873,876,879,882,885,889,892,895,898,901,905,907,910,914,917,920,923,927,930],{"_104":697,"_95":99,"_158":698,"_160":-5,"_161":138,"_162":143,"_164":165,"_106":722,"_100":32,"_167":673,"_169":700,"_170":22,"_171":-5,"_98":935},[99],[],"upstream",{"_104":141,"_106":939,"_732":940,"_95":43,"_139":147,"_100":143,"_140":734,"_142":735,"_736":737,"_108":-5,"_152":22,"_110":145,"_151":727,"_16":149,"_150":96},["D",1743193703232],["D",1743193771819],"showCompareCallout","pull","ahead",626,"behind","templates",[],"actionData","errors"]