\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};",[],[186,192,198,205,212],{"_102":222,"_95":223,"_156":224,"_158":206,"_159":136,"_160":225,"_162":163,"_104":226,"_99":227,"_165":217,"_167":228,"_168":22,"_169":-5,"_170":229,"_98":230},"216f3ada-5ba8-11f0-abbb-f69ea79377d9","DishAromaAnalysis.tsx","ebeb9330-551d-11f0-abff-f69ea79377d9",562,["D",1751943812199],11,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"react\";\nimport { Dish } from \"../../../types.ts\";\nimport AnalysisView from \"../AnalysisView.tsx\";\nimport AromaTimeSeriesChart from \"../AromaTimeSeriesChart.tsx\";\nimport ChartCard from \"../ChartCard.tsx\";\nimport IntensityRangeChart from \"../IntensityRangeChart.tsx\";\nimport KPI from \"../KPI.tsx\";\n\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 const kpis = [\n ,\n ,\n \n ];\n\n const charts = [\n \n \n ,\n \n \n \n ];\n\n return ;\n}\n\n// Bad aroma shit\n// - Everything hits (peaks) at the same time\n// - Deeply mismatched finishes\n// - Unintegrated aromas",[],[186,192,198,205,223],{"_102":232,"_95":233,"_156":234,"_158":206,"_159":136,"_160":235,"_162":163,"_104":236,"_99":237,"_165":217,"_167":238,"_168":22,"_169":-5,"_170":239,"_98":240},"bce8b560-5ba6-11f0-ab0a-f69ea79377d9","DishTasteAnalysis.tsx","6d79b380-550c-11f0-ba31-f69ea79377d9",552,["D",1751943213950],13,"/** @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 AnalysisView from '../AnalysisView.tsx';\nimport ChartCard from '../ChartCard.tsx';\nimport KPI 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 const kpis = [\n ,\n \n ];\n\n const charts = [\n \n {dish.analysis?.combinedTaste && }\n \n ];\n\n return ;\n}",[],[186,192,198,205,233],{"_102":242,"_95":243,"_156":244,"_158":206,"_159":136,"_160":245,"_162":163,"_104":246,"_99":247,"_165":217,"_167":248,"_168":22,"_169":-5,"_170":249,"_98":250},"bcd9b3b2-5ba6-11f0-9273-f69ea79377d9","DishTextureAnalysis.tsx","11046df8-554c-11f0-903a-f69ea79377d9",550,["D",1751943213946],8,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"react\";\nimport { Dish } from \"../../../types.ts\";\nimport AnalysisView from \"../AnalysisView.tsx\";\nimport ChartCard from \"../ChartCard.tsx\";\nimport HardnessMoistureScatter, { HardnessMoistureDataPoint } from \"../HardnessMoistureScatter.tsx\";\nimport KPI from \"../KPI.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 const kpis = [\n \n ];\n\n const charts = [\n \n \n \n ];\n\n return ;\n}",[],[186,192,198,205,243],[186,192,198,205],{"_102":253,"_95":254,"_156":255,"_158":199,"_159":136,"_160":256,"_162":163,"_104":257,"_99":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":258,"_98":378},"6f5068ea-569f-11f0-9c3c-f69ea79377d9","menu","6f50699e-569f-11f0-9c3c-f69ea79377d9",342,["D",1751390321575],[259,332,341,350,359,369],{"_102":260,"_95":261,"_156":262,"_158":255,"_159":136,"_160":263,"_162":163,"_104":264,"_99":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":265,"_98":331},"a4fa5a1e-56a4-11f0-b5d1-f69ea79377d9","charts","a4fa5af0-56a4-11f0-b5d1-f69ea79377d9",348,["D",1751392559089],[266,275,284,294,303,313,322],{"_102":267,"_95":268,"_156":269,"_158":262,"_159":136,"_160":270,"_162":163,"_104":271,"_99":161,"_165":217,"_167":272,"_168":22,"_169":-5,"_170":273,"_98":274},"4e9a757e-5c66-11f0-ade2-0224a6c84d84","AromaBalanceChart.tsx","b10a4976-5c63-11f0-ae20-0224a6c84d84",568,["D",1752025492356],"/** @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\nexport default function AromaBalanceChart({ analysis, width, height }: Props) {\n const augmentedData = analysis.aromaBalanceSeries\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};",[],[186,192,198,254,261,268],{"_102":276,"_95":277,"_156":278,"_158":262,"_159":136,"_160":279,"_162":163,"_104":280,"_99":32,"_165":217,"_167":281,"_168":22,"_169":-5,"_170":282,"_98":283},"b0fdc516-5c63-11f0-841d-0224a6c84d84","AromaIntensityChart.tsx","b0fdc5d4-5c63-11f0-841d-0224a6c84d84",564,["D",1752024368938],"/** @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 AromaIntensityChart({ analysis, width, height }: Props) {\n const augmentedData = analysis.aromaIntensitySeries\n\n return (\n \n \n \n \n \n \n \n \n \n )\n} ",[],[186,192,198,254,261,277],{"_102":285,"_95":286,"_156":287,"_158":262,"_159":136,"_160":288,"_162":163,"_104":289,"_99":290,"_165":217,"_167":291,"_168":22,"_169":-5,"_170":292,"_98":293},"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",[],[186,192,198,254,261,286],{"_102":295,"_95":296,"_156":297,"_158":262,"_159":136,"_160":298,"_162":163,"_104":299,"_99":141,"_165":217,"_167":300,"_168":22,"_169":-5,"_170":301,"_98":302},"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}",[],[186,192,198,254,261,296],{"_102":304,"_95":305,"_156":306,"_158":262,"_159":136,"_160":307,"_162":163,"_104":308,"_99":309,"_165":217,"_167":310,"_168":22,"_169":-5,"_170":311,"_98":312},"c186b708-5ab0-11f0-a36e-f69ea79377d9","MajorTasteChart.tsx","a51e258e-56a4-11f0-bce0-f69ea79377d9",450,["D",1751837565589],4,"/** @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",[],[186,192,198,254,261,305],{"_102":314,"_95":315,"_156":316,"_158":262,"_159":136,"_160":317,"_162":163,"_104":318,"_99":290,"_165":217,"_167":319,"_168":22,"_169":-5,"_170":320,"_98":321},"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",[],[186,192,198,254,261,315],{"_102":323,"_95":324,"_156":325,"_158":262,"_159":136,"_160":326,"_162":163,"_104":327,"_99":32,"_165":217,"_167":328,"_168":22,"_169":-5,"_170":329,"_98":330},"37be4e38-5b9a-11f0-b465-f69ea79377d9","TextureBalanceChart.tsx","37be4eec-5b9a-11f0-b465-f69ea79377d9",549,["D",1751937836516],"/** @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\nexport default function TextureBalanceChart({ analysis, width, height }: Props) {\n const augmentedData = analysis.textureSeries\n\n return (\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};",[],[186,192,198,254,261,324],[186,192,198,254,261],{"_102":333,"_95":334,"_156":335,"_158":255,"_159":136,"_160":336,"_162":163,"_104":337,"_99":290,"_165":217,"_167":338,"_168":22,"_169":-5,"_170":339,"_98":340},"bd023a58-5ba6-11f0-ae25-f69ea79377d9","MenuAnalysis.tsx","6f6781a6-569f-11f0-a353-f69ea79377d9",555,["D",1751943214048],"/** @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 MenuAromaAnalysis from './MenuAromaAnalysis.tsx';\nimport MenuHeuristicAnalysis from './MenuHeuristicAnalysis.tsx';\nimport MenuTasteAnalysis from './MenuTasteAnalysis.tsx';\nimport MenuTextureAnalysis from './MenuTextureAnalysis.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 return \n case 'texture':\n return \n case 'aroma':\n return \n default:\n return \n }\n};",[],[186,192,198,254,334],{"_102":342,"_95":343,"_156":344,"_158":255,"_159":136,"_160":345,"_162":163,"_104":346,"_99":161,"_165":217,"_167":347,"_168":22,"_169":-5,"_170":348,"_98":349},"b1045246-5c63-11f0-906d-0224a6c84d84","MenuAromaAnalysis.tsx","bd0bc71c-5ba6-11f0-b79c-f69ea79377d9",566,["D",1752024368941],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from 'react';\nimport { MenuAnalysis } from '../../../types.ts';\nimport AnalysisView from '../AnalysisView.tsx';\nimport ChartCard from '../ChartCard.tsx';\nimport KPI from '../KPI.tsx';\nimport AromaBalanceChart from './charts/AromaBalanceChart.tsx';\nimport AromaIntensityChart from './charts/AromaIntensityChart.tsx';\n\nexport default function MenuAromaAnalysis({ analysis }: { analysis: MenuAnalysis }) {\n const kpis = [\n ,\n \n ];\n\n const charts = [\n \n \n ,\n \n \n \n ];\n\n return ;\n} ",[],[186,192,198,254,343],{"_102":351,"_95":352,"_156":353,"_158":255,"_159":136,"_160":354,"_162":163,"_104":355,"_99":309,"_165":217,"_167":356,"_168":22,"_169":-5,"_170":357,"_98":358},"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} ",[],[186,192,198,254,352],{"_102":360,"_95":361,"_156":362,"_158":255,"_159":136,"_160":363,"_162":163,"_104":364,"_99":365,"_165":217,"_167":366,"_168":22,"_169":-5,"_170":367,"_98":368},"4ea65934-5c66-11f0-9226-0224a6c84d84","MenuTasteAnalysis.tsx","6f5ae824-569f-11f0-8e05-f69ea79377d9",570,["D",1752025492358],15,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from 'react';\nimport { MenuAnalysis } from '../../../types.ts';\nimport AnalysisView from '../AnalysisView.tsx';\nimport ChartCard from '../ChartCard.tsx';\nimport KPI 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 const kpis = [\n ,\n \n ];\n\n const charts = [\n \n \n ,\n \n \n ,\n \n \n ,\n \n \n \n ];\n\n return ;\n}",[],[186,192,198,254,361],{"_102":370,"_95":371,"_156":372,"_158":255,"_159":136,"_160":373,"_162":163,"_104":374,"_99":141,"_165":217,"_167":375,"_168":22,"_169":-5,"_170":376,"_98":377},"4e9df212-5c66-11f0-a194-0224a6c84d84","MenuTextureAnalysis.tsx","37a5d128-5b9a-11f0-b03c-f69ea79377d9",569,["D",1752025492379],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from 'react';\nimport { MenuAnalysis } from '../../../types.ts';\nimport AnalysisView from '../AnalysisView.tsx';\nimport ChartCard from '../ChartCard.tsx';\nimport KPI from '../KPI.tsx';\nimport TextureBalanceChart from './charts/TextureBalanceChart.tsx';\n\nexport default function MenuTextureAnalysis({ analysis }: { analysis: MenuAnalysis }) {\n const kpis = [\n \n ];\n\n const charts = [\n \n \n \n ];\n\n return ;\n} ",[],[186,192,198,254,371],[186,192,198,254],{"_102":380,"_95":381,"_156":382,"_158":199,"_159":136,"_160":383,"_162":163,"_104":384,"_99":161,"_165":217,"_167":385,"_168":22,"_169":-5,"_170":386,"_98":387},"1f3a9348-5b8c-11f0-a597-f69ea79377d9","AnalysisEmptyState.tsx","a44c96c2-5aaf-11f0-bef2-f69ea79377d9",528,["D",1751931782583],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n// import { 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}",[],[186,192,198,381],{"_102":389,"_95":390,"_156":391,"_158":199,"_159":136,"_160":392,"_162":163,"_104":393,"_99":237,"_165":217,"_167":394,"_168":22,"_169":-5,"_170":395,"_98":396},"fe8c9aaa-6055-11f0-b43b-0224a6c84d84","AnalysisSelector.tsx","4157b690-5691-11f0-86ac-f69ea79377d9",610,["D",1752458290749],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { InputLabel, MenuItem, Select, useMediaQuery, useTheme } 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 const theme = useTheme();\n const isMobile = useMediaQuery(theme.breakpoints.down('md'));\n\n return (\n

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

\n );\n}\n",[],[186,192,198,390],{"_102":398,"_95":399,"_156":400,"_158":199,"_159":136,"_160":401,"_162":163,"_104":402,"_99":161,"_165":217,"_167":403,"_168":22,"_169":-5,"_170":404,"_98":405},"cdb3202e-5ba6-11f0-aaff-f69ea79377d9","AnalysisView.tsx","bd3e2ee6-5ba6-11f0-a77e-f69ea79377d9",558,["D",1751943242213],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nimport React, { ReactNode } from \"react\";\nimport { KPIs } from \"./KPI.tsx\";\n\ntype Props = {\n kpis: ReactNode[]\n charts: ReactNode[]\n}\n\n export default function AnalysisView({ kpis, charts }: Props) {\n const chartCount = charts.length;\n \n const gridClasses = chartCount > 1 \n ? \"grid grid-cols-1 xl:grid-cols-2 gap-6\"\n : \"grid grid-cols-1 gap-6\";\n\n return

\n \n {kpis}\n \n

\n {charts}\n

\n}",[],[186,192,198,399],{"_102":407,"_95":408,"_156":409,"_158":199,"_159":136,"_160":410,"_162":163,"_104":411,"_99":141,"_165":217,"_167":412,"_168":22,"_169":-5,"_170":413,"_98":414},"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} ",[],[186,192,198,408],{"_102":416,"_95":417,"_156":418,"_158":199,"_159":136,"_160":419,"_162":163,"_104":420,"_99":290,"_165":217,"_167":421,"_168":22,"_169":-5,"_170":422,"_98":423},"1f3f5892-5b8c-11f0-a9f6-f69ea79377d9","ChartCard.tsx","f40a26e6-551b-11f0-87e3-f69ea79377d9",529,["D",1751931782604],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n// import { 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} ",[],[186,192,198,417],{"_102":425,"_95":426,"_156":427,"_158":199,"_159":136,"_160":428,"_162":163,"_104":429,"_99":161,"_165":217,"_167":430,"_168":22,"_169":-5,"_170":431,"_98":432},"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",[],[186,192,198,426],{"_102":434,"_95":435,"_156":436,"_158":199,"_159":136,"_160":437,"_162":163,"_104":438,"_99":216,"_165":217,"_167":439,"_168":22,"_169":-5,"_170":440,"_98":441},"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} ",[],[186,192,198,435],{"_102":443,"_95":444,"_156":445,"_158":199,"_159":136,"_160":446,"_162":163,"_104":447,"_99":448,"_165":217,"_167":449,"_168":22,"_169":-5,"_170":450,"_98":451},"8b58e260-5ff0-11f0-bc3a-0224a6c84d84","KPI.tsx","c5a0c922-5511-11f0-9a0f-f69ea79377d9",589,["D",1752414718301],10,"/** @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 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 \n {formattedNewValue}\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}",[],[186,192,198,444],{"_102":453,"_95":454,"_156":455,"_158":199,"_159":136,"_160":456,"_162":163,"_104":457,"_99":458,"_165":217,"_167":459,"_168":22,"_169":-5,"_170":460,"_98":461},"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",[],[186,192,198,454],[186,192,198],{"_102":464,"_95":465,"_156":466,"_158":193,"_159":136,"_160":467,"_162":163,"_104":468,"_99":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":469,"_98":479},"b4757a18-5ff1-11f0-bff7-0224a6c84d84","common","b4757acc-5ff1-11f0-bff7-0224a6c84d84",591,["D",1752415216779],[470],{"_102":471,"_95":472,"_156":473,"_158":466,"_159":136,"_160":474,"_162":163,"_104":475,"_99":32,"_165":217,"_167":476,"_168":22,"_169":-5,"_170":477,"_98":478},"b48652de-5ff1-11f0-8400-0224a6c84d84","SavingIndicator.tsx","b48653b0-5ff1-11f0-8400-0224a6c84d84",593,["D",1752415216854],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Box, CircularProgress, Typography } from \"@mui/material\";\nimport React from \"react\";\n\ninterface SavingIndicatorProps {\n isUpdating: boolean;\n}\n\nexport default function SavingIndicator({ isUpdating }: SavingIndicatorProps) {\n return (\n \n {isUpdating ? (\n <>\n \n \n Saving...\n \n \n ) : (\n \n Saved\n \n )}\n \n );\n} ",[],[186,192,465,472],[186,192,465],{"_102":481,"_95":482,"_156":483,"_158":193,"_159":136,"_160":484,"_162":163,"_104":485,"_99":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":486,"_98":532},"6747670e-569d-11f0-9054-f69ea79377d9","dialogs","674767cc-569d-11f0-9054-f69ea79377d9",327,["D",1751389449064],[487,496,505,514,523],{"_102":488,"_95":489,"_156":490,"_158":483,"_159":136,"_160":491,"_162":163,"_104":492,"_99":32,"_165":217,"_167":493,"_168":22,"_169":-5,"_170":494,"_98":495},"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} ",[],[186,192,482,489],{"_102":497,"_95":498,"_156":499,"_158":483,"_159":136,"_160":500,"_162":163,"_104":501,"_99":216,"_165":217,"_167":502,"_168":22,"_169":-5,"_170":503,"_98":504},"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} ",[],[186,192,482,498],{"_102":506,"_95":507,"_156":508,"_158":483,"_159":136,"_160":509,"_162":163,"_104":510,"_99":32,"_165":217,"_167":511,"_168":22,"_169":-5,"_170":512,"_98":513},"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} ",[],[186,192,482,507],{"_102":515,"_95":516,"_156":517,"_158":483,"_159":136,"_160":518,"_162":163,"_104":519,"_99":32,"_165":217,"_167":520,"_168":22,"_169":-5,"_170":521,"_98":522},"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} ",[],[186,192,482,516],{"_102":524,"_95":525,"_156":526,"_158":483,"_159":136,"_160":527,"_162":163,"_104":528,"_99":32,"_165":217,"_167":529,"_168":22,"_169":-5,"_170":530,"_98":531},"3efeb05c-5e97-11f0-8c0f-0224a6c84d84","DeleteMenuDialog.tsx","3efeb110-5e97-11f0-8c0f-0224a6c84d84",576,["D",1752266413841],"/** @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 { apiDelete } from \"../../utils/api.ts\";\n\ninterface DeleteMenuDialogProps {\n open: boolean;\n onClose: () => void;\n menuId: string;\n menuName: string;\n onMenuDeleted: () => void;\n}\n\nexport default function DeleteMenuDialog({\n open,\n onClose,\n menuId,\n menuName,\n onMenuDeleted\n}: DeleteMenuDialogProps) {\n const [isDeletingMenu, setIsDeletingMenu] = useState(false);\n const navigate = useNavigate();\n\n const handleConfirm = async () => {\n try {\n setIsDeletingMenu(true);\n const result = await apiDelete(`${API_URL}/api/menus/${menuId}`, navigate);\n\n if (result.error) {\n console.error('Error deleting menu:', result.error);\n // You might want to show an error message to the user here\n } else {\n onMenuDeleted();\n handleClose();\n }\n } catch (error) {\n console.error('Error deleting menu:', error);\n // You might want to show an error message to the user here\n } finally {\n setIsDeletingMenu(false);\n }\n };\n\n const handleClose = () => {\n setIsDeletingMenu(false);\n onClose();\n };\n\n return (\n \n );\n} ",[],[186,192,482,525],[186,192,482],{"_102":534,"_95":535,"_156":536,"_158":193,"_159":136,"_160":537,"_162":163,"_104":538,"_99":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":539,"_98":593},"411a79d8-5691-11f0-a46f-f69ea79377d9","display","411a7aa0-5691-11f0-a46f-f69ea79377d9",300,["D",1751384231089],[540,566],{"_102":541,"_95":205,"_156":542,"_158":536,"_159":136,"_160":543,"_162":163,"_104":544,"_99":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":545,"_98":565},"4133a8c2-5691-11f0-8c8e-f69ea79377d9","4133a976-5691-11f0-8c8e-f69ea79377d9",302,["D",1751384231250],[546,556],{"_102":547,"_95":548,"_156":549,"_158":542,"_159":136,"_160":550,"_162":163,"_104":551,"_99":552,"_165":217,"_167":553,"_168":22,"_169":-5,"_170":554,"_98":555},"18055c40-5fef-11f0-ae50-0224a6c84d84","DishDisplay.tsx","4161ea2a-5691-11f0-a4fb-f69ea79377d9",582,["D",1752414095318],6,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Box, Button, Chip, CircularProgress, Paper, TextField, Typography, useMediaQuery, useTheme } from \"@mui/material\";\nimport React from \"react\";\nimport { type Dish } from \"../../../types.ts\";\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 const theme = useTheme();\n const isMobile = useMediaQuery(theme.breakpoints.down('md'));\n\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 const content = (\n <>\n {/* Dish Name Section */}\n

\n \n

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

\n \n Components\n \n \n

\n \n Add\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 );\n\n if (isMobile) {\n return

{content}

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

\n {content}\n

\n );\n}\n",[],[186,192,535,205,548],{"_102":557,"_95":558,"_156":559,"_158":542,"_159":136,"_160":560,"_162":163,"_104":561,"_99":32,"_165":217,"_167":562,"_168":22,"_169":-5,"_170":563,"_98":564},"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",[],[186,192,535,205,558],[186,192,535,205],{"_102":567,"_95":254,"_156":568,"_158":536,"_159":136,"_160":569,"_162":163,"_104":570,"_99":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":571,"_98":592},"67531a04-569d-11f0-84b1-f69ea79377d9","67531acc-569d-11f0-84b1-f69ea79377d9",328,["D",1751389449177],[572,582],{"_102":573,"_95":574,"_156":575,"_158":568,"_159":136,"_160":576,"_162":163,"_104":577,"_99":578,"_165":217,"_167":579,"_168":22,"_169":-5,"_170":580,"_98":581},"3dce0762-64d9-11f0-b279-0224a6c84d84","CourseDisplay.tsx","67959cc6-569d-11f0-bc58-f69ea79377d9",624,["D",1752954465597],20,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n// import { Add } from \"@mui/icons-material\";\nimport { Box, Button, Chip, CircularProgress, Paper, TextField, Typography, useMediaQuery, useTheme } from \"@mui/material\";\nimport React from \"react\";\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 isDragging?: boolean;\n}\n\nexport default function CourseDisplay({ course, index, isUpdating, onCourseNameChange, onDeleteCourse, onAddDish, onRemoveDish, removingDishId, isDragging }: CourseDisplayProps) {\n const courseDishes = course.dishes || [];\n const theme = useTheme();\n const isMobile = useMediaQuery(theme.breakpoints.down('md'));\n\n const handleDishClick = (dishId: string) => {\n // Use browser's default navigation instead of React Router\n window.location.href = `/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 \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 {/* Drag handle - only show on desktop when not updating */}\n {!isMobile && !isUpdating && (\n \n ⋮⋮\n \n )}\n \n \n onAddDish(course.id)}\n disabled={isUpdating}\n // startIcon={}\n sx={{ minWidth: isMobile ? 'auto' : 120, flex: isMobile ? 1 : 'none' }}\n >\n Add Dish\n \n onDeleteCourse(course.id)}\n disabled={isUpdating}\n sx={{ flex: isMobile ? 1 : 'none' }}\n >\n Delete Course\n \n \n \n\n {/* Dishes List */}\n

\n {courseDishes.map((dish) => (\n handleDishClick(dish.id)}\n >\n \n \n {dish.name}\n \n {!isMobile && (\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}",[],[186,192,535,254,574],{"_102":583,"_95":584,"_156":585,"_158":568,"_159":136,"_160":586,"_162":163,"_104":587,"_99":588,"_165":217,"_167":589,"_168":22,"_169":-5,"_170":590,"_98":591},"d13b316e-64cf-11f0-9fcb-0224a6c84d84","MenuDisplay.tsx","6765b0a6-569d-11f0-9054-f69ea79377d9",615,["D",1752950417970],24,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n// import { Add } from \"@mui/icons-material\";\nimport { Box, Button, Chip, CircularProgress, Paper, TextField, Typography, useMediaQuery, useTheme } 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 onReorderCourses?: (sourceIndex: number, destinationIndex: number) => void;\n}\n\nexport default function MenuDisplay({ menu, loading, onAddCourse, isUpdating, onMenuNameChange, onCourseNameChange, onDeleteCourse, onAddDish, onRemoveDish, removingDishId, onReorderCourses }: MenuDisplayProps) {\n const theme = useTheme();\n const isMobile = useMediaQuery(theme.breakpoints.down('md'));\n\n // Drag and drop state\n const [draggedCourseIndex, setDraggedCourseIndex] = React.useState(null);\n const [dragOverIndex, setDragOverIndex] = React.useState(null);\n\n // Add CSS animation for pulse effect\n React.useEffect(() => {\n const style = document.createElement('style');\n style.textContent = `\n @keyframes pulse {\n 0% { opacity: 1; }\n 50% { opacity: 0.5; }\n 100% { opacity: 1; }\n }\n `;\n document.head.appendChild(style);\n return () => {\n if (document.head.contains(style)) {\n document.head.removeChild(style);\n }\n };\n }, []);\n\n const handleDragStart = (e: React.DragEvent, index: number) => {\n setDraggedCourseIndex(index);\n e.dataTransfer.effectAllowed = 'move';\n e.dataTransfer.setData('text/html', index.toString());\n // Prevent text selection during drag\n e.dataTransfer.setDragImage(e.currentTarget, 0, 0);\n };\n\n const handleDragOver = (e: React.DragEvent, index: number) => {\n e.preventDefault();\n e.dataTransfer.dropEffect = 'move';\n setDragOverIndex(index);\n };\n\n const handleDragLeave = (e: React.DragEvent) => {\n e.preventDefault();\n setDragOverIndex(null);\n };\n\n const handleDrop = (e: React.DragEvent, index: number) => {\n e.preventDefault();\n setDragOverIndex(null);\n \n if (draggedCourseIndex !== null && draggedCourseIndex !== index && onReorderCourses) {\n onReorderCourses(draggedCourseIndex, index);\n }\n setDraggedCourseIndex(null);\n };\n\n const handleDragEnd = () => {\n setDraggedCourseIndex(null);\n setDragOverIndex(null);\n };\n\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 const content = (\n <>\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={isMobile ? \"outlined\" : \"filled\"}\n />\n \n

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

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

\n\n {/* Drag and drop hint */}\n {!isMobile && menu.courses.length > 1 && (\n \n 💡 Drag courses to reorder them\n \n )}\n\n

\n {menu.courses.map((course, index) => (\n handleDragStart(e, index)}\n onDragOver={(e) => handleDragOver(e, index)}\n onDragLeave={handleDragLeave}\n onDrop={(e) => handleDrop(e, index)}\n onDragEnd={handleDragEnd}\n style={{\n cursor: !isMobile && !isUpdating ? 'grab' : 'default',\n opacity: draggedCourseIndex === index ? 0.5 : 1,\n transform: draggedCourseIndex === index ? 'rotate(2deg) scale(0.98)' : 'none',\n transition: 'all 0.2s ease',\n position: 'relative',\n userSelect: 'none',\n WebkitUserSelect: 'none',\n MozUserSelect: 'none',\n msUserSelect: 'none'\n }}\n >\n {/* Drop indicator */}\n {dragOverIndex === index && draggedCourseIndex !== index && (\n \n )}\n \n \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 \n );\n\n if (isMobile) {\n return

{content}

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

\n {content}\n

\n );\n}",[],[186,192,535,254,584],[186,192,535,254],[186,192,535],{"_102":595,"_95":596,"_156":597,"_158":193,"_159":136,"_160":598,"_162":163,"_104":599,"_99":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":600,"_98":667},"59c88a46-5502-11f0-9e67-f69ea79377d9","pages","59c88afa-5502-11f0-9e67-f69ea79377d9",46,["D",1751212903299],[601,619,629,638,647,657],{"_102":602,"_95":603,"_156":604,"_158":597,"_159":136,"_160":605,"_162":163,"_104":606,"_99":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":607,"_98":618},"1527abac-5510-11f0-90c0-f69ea79377d9","layouts","1527ac74-5510-11f0-90c0-f69ea79377d9",80,["D",1751218801116],[608],{"_102":609,"_95":610,"_156":611,"_158":604,"_159":136,"_160":612,"_162":163,"_104":613,"_99":614,"_165":217,"_167":615,"_168":22,"_169":-5,"_170":616,"_98":617},"a11457c4-6054-11f0-bbe9-0224a6c84d84","EntityLayout.tsx","153d4d18-5510-11f0-b368-f69ea79377d9",605,["D",1752457704437],19,"/** @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-4 px-6 text-base 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-4 px-6 text-base 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}",[],[186,192,596,603,610],[186,192,596,603],{"_102":620,"_95":621,"_156":622,"_158":597,"_159":136,"_160":623,"_162":163,"_104":624,"_99":625,"_165":217,"_167":626,"_168":22,"_169":-5,"_170":627,"_98":628},"8a592288-64d9-11f0-b9a3-0224a6c84d84","Dish.tsx","6422b538-5508-11f0-9f3b-f69ea79377d9",626,["D",1752954594015],51,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n// import { 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 SavingIndicator from \"../common/SavingIndicator.tsx\";\nimport { DishDisplay } from \"../display/dish/DishDisplay.tsx\";\nimport EntityLayout from \"./layouts/EntityLayout.tsx\";\n\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 const navigate = useNavigate();\n\n // Browser navigation function for API calls\n const browserNavigate = (path: string) => {\n window.location.href = path;\n };\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 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 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 }, 1000);\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 \n \n ,\n ,\n

\n \n

\n ]}\n lhs={\n \n }\n rhs={\n dish ? (\n

\n {/* Mobile Analysis Selector - shown only on mobile */}\n

\n \n

\n ) : (\n \n )\n }\n />\n );\n}",[],[186,192,596,621],{"_102":630,"_95":631,"_156":632,"_158":597,"_159":136,"_160":633,"_162":163,"_104":634,"_99":178,"_165":217,"_167":635,"_168":22,"_169":-5,"_170":636,"_98":637},"5e6b3180-64d3-11f0-9380-0224a6c84d84","Dishes.tsx","59d3b5ba-5502-11f0-b483-f69ea79377d9",621,["D",1752951943336],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Box, Button, CircularProgress, 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 [allDishes, 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 [searchQuery, setSearchQuery] = useState(\"\");\n const navigate = useNavigate();\n\n const dishes = allDishes.filter(dish => dish.name.toLowerCase().includes(searchQuery.toLowerCase()));\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 setSearchQuery(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 \n \n \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}",[],[186,192,596,631],{"_102":639,"_95":640,"_156":641,"_158":597,"_159":136,"_160":642,"_162":163,"_104":643,"_99":247,"_165":217,"_167":644,"_168":22,"_169":-5,"_170":645,"_98":646},"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; ",[],[186,192,596,640],{"_102":648,"_95":649,"_156":650,"_158":597,"_159":136,"_160":651,"_162":163,"_104":652,"_99":653,"_165":217,"_167":654,"_168":22,"_169":-5,"_170":655,"_98":656},"c000df38-64d0-11f0-b8c3-0224a6c84d84","Menu.tsx","6ef6f454-562c-11f0-842b-f69ea79377d9",616,["D",1752950818564],42,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n// import { ArrowBack, CheckCircle } from \"@mui/icons-material\";\nimport { Button, CircularProgress } 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 SavingIndicator from \"../common/SavingIndicator.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\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 const handleReorderCourses = async (sourceIndex: number, destinationIndex: number) => {\n if (!menu || !id || isUpdating) return;\n\n // Create new array with reordered courses\n const reorderedCourses = [...menu.courses];\n const [movedCourse] = reorderedCourses.splice(sourceIndex, 1);\n reorderedCourses.splice(destinationIndex, 0, movedCourse);\n\n // Optimistically update UI\n const updatedMenu = { ...menu, courses: reorderedCourses };\n setMenu(updatedMenu);\n\n try {\n setIsUpdating(true);\n const result = await apiPut(`${API_URL}/api/menus/${id}/courses/reorder`, navigate, {\n courseIds: reorderedCourses.map(course => course.id)\n });\n \n if (result.error) {\n console.error('Error reordering courses:', 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 reordering courses:', error);\n toast('Failed to reorder courses', \"error\");\n // Revert on error\n setMenu(menu);\n } finally {\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 {/* Mobile Analysis Selector - shown only on mobile */}\n

\n \n

\n ) : (\n \n )\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} ",[],[186,192,596,649],{"_102":658,"_95":659,"_156":660,"_158":597,"_159":136,"_160":661,"_162":163,"_104":662,"_99":663,"_165":217,"_167":664,"_168":22,"_169":-5,"_170":665,"_98":666},"3c6b80d0-64d3-11f0-b6de-0224a6c84d84","Menus.tsx","fe63284e-55f8-11f0-95d5-f69ea79377d9",620,["D",1752951886294],12,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Box, Button, CircularProgress, 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/string.ts\";\nimport AddMenuDialog from \"../dialogs/AddMenuDialog.tsx\";\nimport DeleteMenuDialog from \"../dialogs/DeleteMenuDialog.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, onDelete }: MenuProps & { onDelete: (menu: Menu) => void }) {\n const navigate = useNavigate();\n\n const handleMenuClick = () => {\n navigate(`/menus/${menu.id}`);\n };\n\n const handleDeleteClick = (e: React.MouseEvent) => {\n e.stopPropagation();\n onDelete(menu);\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 Delete\n \n \n );\n}\n\nexport default function Menus() {\n const [isDialogOpen, setIsDialogOpen] = useState(false);\n const [isDeleteDialogOpen, setIsDeleteDialogOpen] = useState(false);\n const [menuToDelete, setMenuToDelete] = useState(null);\n const [allMenus, setMenus] = useState([]);\n const [isLoadingMenus, setIsLoadingMenus] = useState(true);\n const [searchQuery, setSearchQuery] = useState(\"\");\n const navigate = useNavigate();\n\n const menus = allMenus.filter(menu => menu.name.toLowerCase().includes(searchQuery.toLowerCase()));\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 setSearchQuery(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 function handleDeleteMenu(menu: Menu) {\n setMenuToDelete(menu);\n setIsDeleteDialogOpen(true);\n }\n\n function handleCloseDeleteDialog() {\n setIsDeleteDialogOpen(false);\n setMenuToDelete(null);\n }\n\n function handleMenuDeleted() {\n if (menuToDelete) {\n setMenus(prevMenus => prevMenus.filter(menu => menu.id !== menuToDelete.id));\n }\n }\n\n return

\n \n \n

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

\n {isLoadingMenus ? (\n \n \n \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 \n

\n} ",[],[186,192,596,659],[186,192,596],{"_102":669,"_95":670,"_156":671,"_158":193,"_159":136,"_160":672,"_162":163,"_104":673,"_99":32,"_165":217,"_167":674,"_168":22,"_169":-5,"_170":675,"_98":676},"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}",[],[186,192,670],{"_102":678,"_95":679,"_156":680,"_158":193,"_159":136,"_160":681,"_162":163,"_104":682,"_99":141,"_165":217,"_167":683,"_168":22,"_169":-5,"_170":684,"_98":685},"108f53a8-5e9b-11f0-97de-0224a6c84d84","NavigationBar.tsx","469f3ee2-5697-11f0-8f21-f69ea79377d9",580,["D",1752268053916],"/** @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} ",[],[186,192,679],{"_102":687,"_95":688,"_156":689,"_158":193,"_159":136,"_160":690,"_162":163,"_104":691,"_99":237,"_165":217,"_167":692,"_168":22,"_169":-5,"_170":693,"_98":694},"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]);",[],[186,192,688],{"_102":696,"_95":697,"_156":698,"_158":193,"_159":136,"_160":699,"_162":163,"_104":700,"_99":32,"_165":217,"_167":701,"_168":22,"_169":-5,"_170":702,"_98":703},"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; ",[],[186,192,697],{"_102":705,"_95":706,"_156":707,"_158":193,"_159":136,"_160":708,"_162":163,"_104":709,"_99":32,"_165":217,"_167":710,"_168":22,"_169":-5,"_170":711,"_98":712},"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}; ",[],[186,192,706],[186,192],{"_102":715,"_95":716,"_156":717,"_158":187,"_159":136,"_160":718,"_162":163,"_104":719,"_99":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":720,"_98":739},"95573466-555e-11f0-8bc2-f69ea79377d9","utils","9557354c-555e-11f0-8bc2-f69ea79377d9",213,["D",1751252516922],[721,730],{"_102":722,"_95":723,"_156":724,"_158":717,"_159":136,"_160":725,"_162":163,"_104":726,"_99":309,"_165":217,"_167":727,"_168":22,"_169":-5,"_170":728,"_98":729},"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}; ",[],[186,716,723],{"_102":731,"_95":732,"_156":733,"_158":717,"_159":136,"_160":734,"_162":163,"_104":735,"_99":32,"_165":217,"_167":736,"_168":22,"_169":-5,"_170":737,"_98":738},"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",[],[186,716,732],[186,716],{"_102":741,"_95":742,"_156":743,"_158":187,"_159":136,"_160":744,"_162":163,"_104":745,"_99":32,"_165":217,"_167":746,"_168":22,"_169":-5,"_170":747,"_98":748},"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\";",[],[186,742],{"_102":750,"_95":751,"_156":752,"_158":187,"_159":136,"_160":135,"_162":163,"_104":753,"_99":365,"_165":754,"_167":755,"_168":22,"_169":-5,"_170":756,"_98":757},"b759f834-64d9-11f0-afd6-0224a6c84d84","index.html","2265d882-88bd-4461-b7f4-d6284cf2dea8",["D",1752954669513],"file","\n\n\n\n \n \n MenuApp\n \n \n \n \n\n\n\n

\n \n \n\n\n",[],[186,751],{"_102":759,"_95":760,"_156":761,"_158":187,"_159":136,"_160":762,"_162":163,"_104":763,"_99":552,"_165":217,"_167":764,"_168":22,"_169":-5,"_170":765,"_98":766},"88f72f64-5ba8-11f0-8f16-f69ea79377d9","index.tsx","f1b706a6-35a5-4bc2-b849-5fd22bf28c6c",563,["D",1751943985890],"/** @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);",[],[186,760],{"_102":768,"_95":769,"_156":770,"_158":187,"_159":136,"_160":771,"_162":163,"_104":772,"_99":614,"_165":217,"_167":773,"_168":22,"_169":-5,"_170":774,"_98":775},"b100d12a-5c63-11f0-8be1-0224a6c84d84","types.ts","5f825b50-5512-11f0-af68-f69ea79377d9",565,["D",1752024368939],"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 tasteIntensity: number;\n textureBalance: 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 tasteIntensity: number;\n textureBalance: 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 textureSeries: {\n balance: number;\n name: string;\n }[]\n aromaIntensitySeries: {\n intensity: number;\n name: string;\n }[]\n aromaBalanceSeries: {\n balance: 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",[],[186,769],[186],{"_102":778,"_95":779,"_156":780,"_158":-5,"_159":136,"_160":141,"_162":163,"_104":781,"_99":32,"_165":754,"_167":782,"_168":22,"_169":-5,"_170":783,"_98":784},"4ee1b340-54f9-11f0-90f3-f69ea79377d9",".vtignore","4ee1b3e0-54f9-11f0-90f3-f69ea79377d9",["D",1751209019543],"node_modules\npackage.json\npackage-lock.json\nscripts",[],[779],{"_102":786,"_95":787,"_156":788,"_158":-5,"_159":136,"_160":161,"_162":163,"_104":789,"_99":32,"_165":754,"_167":790,"_168":22,"_169":-5,"_170":791,"_98":792},"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.",[],[787],"files",[153,172,184,190,196,203,210,221,231,241,252,259,266,275,284,294,303,313,322,332,341,350,359,369,379,388,397,406,415,424,433,442,452,463,470,480,487,496,505,514,523,533,540,546,556,566,572,582,594,601,608,619,629,638,647,657,668,677,686,695,704,714,721,730,740,749,758,767,777,785],"counts",{"_797":32,"_798":161,"_799":32,"_800":32},"pulls","branches","forks","envVars","contents",[803,806,809,812],{"_102":154,"_95":155,"_156":157,"_158":-5,"_159":136,"_160":161,"_162":163,"_104":804,"_99":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_98":805},["D",1751208071838],[155],{"_102":185,"_95":186,"_156":187,"_158":-5,"_159":136,"_160":161,"_162":163,"_104":807,"_99":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_98":808},["D",1751208071838],[186],{"_102":778,"_95":779,"_156":780,"_158":-5,"_159":136,"_160":141,"_162":163,"_104":810,"_99":32,"_165":754,"_167":782,"_168":22,"_169":-5,"_98":811},["D",1751209019543],[779],{"_102":786,"_95":787,"_156":788,"_158":-5,"_159":136,"_160":161,"_162":163,"_104":813,"_99":32,"_165":754,"_167":790,"_168":22,"_169":-5,"_98":814},["D",1751208071838],[787],"upstreamProject",{"_102":145,"_95":96,"_110":-5,"_111":-5,"_108":143,"_23":817},{"_93":818,"_128":819},"stevekrouse","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg","upstreamBranch",{"_102":139,"_104":822,"_823":824,"_95":43,"_137":145,"_99":141,"_138":825,"_140":826,"_827":828,"_106":-5,"_150":22,"_108":143,"_149":818,"_16":147,"_148":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.compare.$branch",{"_93":94,"_95":96,"_97":43,"_100":835,"_840":623,"_841":32,"_842":843,"_1207":163,"_1208":839,"_1209":1210,"_1213":-5},{"_102":103,"_95":96,"_104":836,"_106":-5,"_107":22,"_108":109,"_110":-5,"_111":-5,"_14":112,"_113":-5,"_114":22,"_115":-5,"_116":32,"_16":117,"_118":119,"_120":119,"_121":122,"_123":122,"_124":122,"_125":119,"_126":119,"_23":837,"_130":838,"_133":839,"_150":22},["D",1751208071838],{"_93":94,"_128":129},{"_93":94,"_132":129},{"_99":135,"_95":43,"_102":136,"_137":103,"_138":139,"_140":141,"_142":143,"_144":145,"_146":147,"_148":96,"_149":94},"ahead","behind","diff",{"_844":845,"_168":1141,"_1142":1143},"added",[846,853,858,863,868,872,877,882,887,892,897,902,907,912,917,921,926,931,936,941,945,950,955,960,965,970,974,979,984,989,994,999,1004,1009,1013,1018,1022,1027,1032,1037,1042,1047,1051,1055,1060,1065,1069,1074,1079,1083,1088,1093,1098,1103,1108,1112,1117,1122,1127,1131,1136],{"_98":779,"_847":-7,"_848":849},"targetFile","sourceFile",{"_102":778,"_95":779,"_156":780,"_158":-5,"_159":136,"_160":141,"_162":163,"_104":781,"_99":32,"_165":754,"_167":782,"_168":22,"_169":-5,"_170":-7,"_98":850,"_851":852},[779],"contentHash","64cf611fdee92b8cfaf78f1001d014506d615426bb9dea816dccd591d2139b30",{"_98":854,"_847":-7,"_848":855},"frontend/components/NavigationBar.tsx",{"_102":678,"_95":679,"_156":680,"_158":193,"_159":136,"_160":681,"_162":163,"_104":682,"_99":141,"_165":217,"_167":683,"_168":22,"_169":-5,"_170":-7,"_98":856,"_851":857},[186,192,679],"4fd0db1c8f9e5d1bbfc40d2bba44e5460829be6898761d124a051730d1343d26",{"_98":859,"_847":-7,"_848":860},"frontend/components/Toast.tsx",{"_102":696,"_95":697,"_156":698,"_158":193,"_159":136,"_160":699,"_162":163,"_104":700,"_99":32,"_165":217,"_167":701,"_168":22,"_169":-5,"_170":-7,"_98":861,"_851":862},[186,192,697],"d2bb1ec867bee91b243fbb1e22bfb75d052a4cf41589d243a15a2adcdf399b1f",{"_98":864,"_847":-7,"_848":865},"frontend/components/ToastProvider.tsx",{"_102":705,"_95":706,"_156":707,"_158":193,"_159":136,"_160":708,"_162":163,"_104":709,"_99":32,"_165":217,"_167":710,"_168":22,"_169":-5,"_170":-7,"_98":866,"_851":867},[186,192,706],"b1c9f53820a07c7e04278c605601b43da537e4d11448ee93f48244b1c9897f23",{"_98":869,"_847":-7,"_848":870},"frontend/components/analysis",{"_102":197,"_95":198,"_156":199,"_158":193,"_159":136,"_160":200,"_162":163,"_104":201,"_99":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":-7,"_98":871,"_851":-5},[186,192,198],{"_98":873,"_847":-7,"_848":874},"frontend/components/analysis/AnalysisEmptyState.tsx",{"_102":380,"_95":381,"_156":382,"_158":199,"_159":136,"_160":383,"_162":163,"_104":384,"_99":161,"_165":217,"_167":385,"_168":22,"_169":-5,"_170":-7,"_98":875,"_851":876},[186,192,198,381],"e9d26584790048e0f0d493dc76499050793e18421ffde84542b855149562c1df",{"_98":878,"_847":-7,"_848":879},"frontend/components/analysis/AnalysisSelector.tsx",{"_102":389,"_95":390,"_156":391,"_158":199,"_159":136,"_160":392,"_162":163,"_104":393,"_99":237,"_165":217,"_167":394,"_168":22,"_169":-5,"_170":-7,"_98":880,"_851":881},[186,192,198,390],"9808aa9b8d0d28ca078218a1272e5346240fe1e5773d2f2064198ea9f0bcd71f",{"_98":883,"_847":-7,"_848":884},"frontend/components/analysis/AnalysisView.tsx",{"_102":398,"_95":399,"_156":400,"_158":199,"_159":136,"_160":401,"_162":163,"_104":402,"_99":161,"_165":217,"_167":403,"_168":22,"_169":-5,"_170":-7,"_98":885,"_851":886},[186,192,198,399],"8afd0c335e91583a4842ff25124a610a35d7e99f3de5bb8a9b4951281a86daa7",{"_98":888,"_847":-7,"_848":889},"frontend/components/analysis/AromaTimeSeriesChart.tsx",{"_102":407,"_95":408,"_156":409,"_158":199,"_159":136,"_160":410,"_162":163,"_104":411,"_99":141,"_165":217,"_167":412,"_168":22,"_169":-5,"_170":-7,"_98":890,"_851":891},[186,192,198,408],"a2b3f1ccabfb81cd9af7e88d1fc467c096a1000ac33485d6940d4cea6c5d796d",{"_98":893,"_847":-7,"_848":894},"frontend/components/analysis/ChartCard.tsx",{"_102":416,"_95":417,"_156":418,"_158":199,"_159":136,"_160":419,"_162":163,"_104":420,"_99":290,"_165":217,"_167":421,"_168":22,"_169":-5,"_170":-7,"_98":895,"_851":896},[186,192,198,417],"190b44e2f77c20793982adac9182f7394a844e7d21422362c1eb5cefae37557c",{"_98":898,"_847":-7,"_848":899},"frontend/components/analysis/HardnessMoistureScatter.tsx",{"_102":425,"_95":426,"_156":427,"_158":199,"_159":136,"_160":428,"_162":163,"_104":429,"_99":161,"_165":217,"_167":430,"_168":22,"_169":-5,"_170":-7,"_98":900,"_851":901},[186,192,198,426],"3f7fa8cb3339d983b69ebbf02f466234703a13931a13112d05a169c429952352",{"_98":903,"_847":-7,"_848":904},"frontend/components/analysis/IntensityRangeChart.tsx",{"_102":434,"_95":435,"_156":436,"_158":199,"_159":136,"_160":437,"_162":163,"_104":438,"_99":216,"_165":217,"_167":439,"_168":22,"_169":-5,"_170":-7,"_98":905,"_851":906},[186,192,198,435],"87f6b6747527f983468f4453aac17c10bab66de66e0a9635dee077c140abe1b5",{"_98":908,"_847":-7,"_848":909},"frontend/components/analysis/KPI.tsx",{"_102":443,"_95":444,"_156":445,"_158":199,"_159":136,"_160":446,"_162":163,"_104":447,"_99":448,"_165":217,"_167":449,"_168":22,"_169":-5,"_170":-7,"_98":910,"_851":911},[186,192,198,444],"27cecf725561512b869131bc3eadc9f7715b7157c13aed6e995eb27a48b7c2f0",{"_98":913,"_847":-7,"_848":914},"frontend/components/analysis/TasteChart.tsx",{"_102":453,"_95":454,"_156":455,"_158":199,"_159":136,"_160":456,"_162":163,"_104":457,"_99":458,"_165":217,"_167":459,"_168":22,"_169":-5,"_170":-7,"_98":915,"_851":916},[186,192,198,454],"a90c7791a1bfc6be0051be6fd3310a3578987be8f35653f9d4d193cd5a2292ac",{"_98":918,"_847":-7,"_848":919},"frontend/components/analysis/dish",{"_102":204,"_95":205,"_156":206,"_158":199,"_159":136,"_160":207,"_162":163,"_104":208,"_99":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":-7,"_98":920,"_851":-5},[186,192,198,205],{"_98":922,"_847":-7,"_848":923},"frontend/components/analysis/dish/DishAnalysis.tsx",{"_102":211,"_95":212,"_156":213,"_158":206,"_159":136,"_160":214,"_162":163,"_104":215,"_99":216,"_165":217,"_167":218,"_168":22,"_169":-5,"_170":-7,"_98":924,"_851":925},[186,192,198,205,212],"14732a4064b15b92116a2263c905e1298d82a35498ad100fe66887115a21775e",{"_98":927,"_847":-7,"_848":928},"frontend/components/analysis/dish/DishAromaAnalysis.tsx",{"_102":222,"_95":223,"_156":224,"_158":206,"_159":136,"_160":225,"_162":163,"_104":226,"_99":227,"_165":217,"_167":228,"_168":22,"_169":-5,"_170":-7,"_98":929,"_851":930},[186,192,198,205,223],"7a50d8e1b08f2f2114a2914cf916b3c16328dee89b91eec046fbe00ca5501765",{"_98":932,"_847":-7,"_848":933},"frontend/components/analysis/dish/DishTasteAnalysis.tsx",{"_102":232,"_95":233,"_156":234,"_158":206,"_159":136,"_160":235,"_162":163,"_104":236,"_99":237,"_165":217,"_167":238,"_168":22,"_169":-5,"_170":-7,"_98":934,"_851":935},[186,192,198,205,233],"9d88a8e849f6e58704c9b0ca7882b50fe584751215596e09734beb7b94a02ed4",{"_98":937,"_847":-7,"_848":938},"frontend/components/analysis/dish/DishTextureAnalysis.tsx",{"_102":242,"_95":243,"_156":244,"_158":206,"_159":136,"_160":245,"_162":163,"_104":246,"_99":247,"_165":217,"_167":248,"_168":22,"_169":-5,"_170":-7,"_98":939,"_851":940},[186,192,198,205,243],"5b73e58d9ea45e45149639583368f0260e4b39aaca51b902f8fa8b30be387e65",{"_98":942,"_847":-7,"_848":943},"frontend/components/analysis/menu",{"_102":253,"_95":254,"_156":255,"_158":199,"_159":136,"_160":256,"_162":163,"_104":257,"_99":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":-7,"_98":944,"_851":-5},[186,192,198,254],{"_98":946,"_847":-7,"_848":947},"frontend/components/analysis/menu/MenuAnalysis.tsx",{"_102":333,"_95":334,"_156":335,"_158":255,"_159":136,"_160":336,"_162":163,"_104":337,"_99":290,"_165":217,"_167":338,"_168":22,"_169":-5,"_170":-7,"_98":948,"_851":949},[186,192,198,254,334],"87145166b4ec713054f7c3c87cc8833f764c81bffe90541a00aedcebed0b34eb",{"_98":951,"_847":-7,"_848":952},"frontend/components/analysis/menu/MenuAromaAnalysis.tsx",{"_102":342,"_95":343,"_156":344,"_158":255,"_159":136,"_160":345,"_162":163,"_104":346,"_99":161,"_165":217,"_167":347,"_168":22,"_169":-5,"_170":-7,"_98":953,"_851":954},[186,192,198,254,343],"09f0ef7906f5a5bba1665b1b6f83380c0466f8a39fb6308e1c06dc818d707f20",{"_98":956,"_847":-7,"_848":957},"frontend/components/analysis/menu/MenuHeuristicAnalysis.tsx",{"_102":351,"_95":352,"_156":353,"_158":255,"_159":136,"_160":354,"_162":163,"_104":355,"_99":309,"_165":217,"_167":356,"_168":22,"_169":-5,"_170":-7,"_98":958,"_851":959},[186,192,198,254,352],"c5854b7ae13b072bdd9ec6f74ea0202d056cea3af1758ab0318cf08bfbe19872",{"_98":961,"_847":-7,"_848":962},"frontend/components/analysis/menu/MenuTasteAnalysis.tsx",{"_102":360,"_95":361,"_156":362,"_158":255,"_159":136,"_160":363,"_162":163,"_104":364,"_99":365,"_165":217,"_167":366,"_168":22,"_169":-5,"_170":-7,"_98":963,"_851":964},[186,192,198,254,361],"7d0a02e620a1c73bef02ccfaa954483a0e466f044f41d0a9787a03ef79d1ea07",{"_98":966,"_847":-7,"_848":967},"frontend/components/analysis/menu/MenuTextureAnalysis.tsx",{"_102":370,"_95":371,"_156":372,"_158":255,"_159":136,"_160":373,"_162":163,"_104":374,"_99":141,"_165":217,"_167":375,"_168":22,"_169":-5,"_170":-7,"_98":968,"_851":969},[186,192,198,254,371],"09273a97889ecd55326a6870f9aeefc829cc9d43eea601756304e2195b20e6d0",{"_98":971,"_847":-7,"_848":972},"frontend/components/analysis/menu/charts",{"_102":260,"_95":261,"_156":262,"_158":255,"_159":136,"_160":263,"_162":163,"_104":264,"_99":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":-7,"_98":973,"_851":-5},[186,192,198,254,261],{"_98":975,"_847":-7,"_848":976},"frontend/components/analysis/menu/charts/AromaBalanceChart.tsx",{"_102":267,"_95":268,"_156":269,"_158":262,"_159":136,"_160":270,"_162":163,"_104":271,"_99":161,"_165":217,"_167":272,"_168":22,"_169":-5,"_170":-7,"_98":977,"_851":978},[186,192,198,254,261,268],"a64accfbd99703a93fbedb573cd7df8afba4edc5222b041723ec51936c2f2519",{"_98":980,"_847":-7,"_848":981},"frontend/components/analysis/menu/charts/AromaIntensityChart.tsx",{"_102":276,"_95":277,"_156":278,"_158":262,"_159":136,"_160":279,"_162":163,"_104":280,"_99":32,"_165":217,"_167":281,"_168":22,"_169":-5,"_170":-7,"_98":982,"_851":983},[186,192,198,254,261,277],"621579af71e5b872f7fd8545ad4369ffd6a3de160b47b04bbded2e30ecaf7a35",{"_98":985,"_847":-7,"_848":986},"frontend/components/analysis/menu/charts/BalanceChart.tsx",{"_102":285,"_95":286,"_156":287,"_158":262,"_159":136,"_160":288,"_162":163,"_104":289,"_99":290,"_165":217,"_167":291,"_168":22,"_169":-5,"_170":-7,"_98":987,"_851":988},[186,192,198,254,261,286],"001ce5954bc15baec85f4b05fe6ac5bd120ca46767a9828e82402cdcd3559a32",{"_98":990,"_847":-7,"_848":991},"frontend/components/analysis/menu/charts/IntensityChart.tsx",{"_102":295,"_95":296,"_156":297,"_158":262,"_159":136,"_160":298,"_162":163,"_104":299,"_99":141,"_165":217,"_167":300,"_168":22,"_169":-5,"_170":-7,"_98":992,"_851":993},[186,192,198,254,261,296],"c037a90732a184ecb98c15b942ee7c6e774dd1eca2e324293fcb6b49ee1213db",{"_98":995,"_847":-7,"_848":996},"frontend/components/analysis/menu/charts/MajorTasteChart.tsx",{"_102":304,"_95":305,"_156":306,"_158":262,"_159":136,"_160":307,"_162":163,"_104":308,"_99":309,"_165":217,"_167":310,"_168":22,"_169":-5,"_170":-7,"_98":997,"_851":998},[186,192,198,254,261,305],"9c367df68aa2b58976ae8d8cd666aaf7c2318c75b7ac951ecd2bc5efca9881dd",{"_98":1000,"_847":-7,"_848":1001},"frontend/components/analysis/menu/charts/TastesChart.tsx",{"_102":314,"_95":315,"_156":316,"_158":262,"_159":136,"_160":317,"_162":163,"_104":318,"_99":290,"_165":217,"_167":319,"_168":22,"_169":-5,"_170":-7,"_98":1002,"_851":1003},[186,192,198,254,261,315],"516059a0d97289b5bd81d70f28d6cd1d645cffc9f69e5a4363692d08ee059bc3",{"_98":1005,"_847":-7,"_848":1006},"frontend/components/analysis/menu/charts/TextureBalanceChart.tsx",{"_102":323,"_95":324,"_156":325,"_158":262,"_159":136,"_160":326,"_162":163,"_104":327,"_99":32,"_165":217,"_167":328,"_168":22,"_169":-5,"_170":-7,"_98":1007,"_851":1008},[186,192,198,254,261,324],"2fc21f4d756f2e643ad923db36eb60f3b77480806acd4fd54a960b79ffe533f3",{"_98":1010,"_847":-7,"_848":1011},"frontend/components/common",{"_102":464,"_95":465,"_156":466,"_158":193,"_159":136,"_160":467,"_162":163,"_104":468,"_99":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":-7,"_98":1012,"_851":-5},[186,192,465],{"_98":1014,"_847":-7,"_848":1015},"frontend/components/common/SavingIndicator.tsx",{"_102":471,"_95":472,"_156":473,"_158":466,"_159":136,"_160":474,"_162":163,"_104":475,"_99":32,"_165":217,"_167":476,"_168":22,"_169":-5,"_170":-7,"_98":1016,"_851":1017},[186,192,465,472],"f9a7e2dce12f9a4a310675b578ce16cb0ba17e918af9ca3184acf85a5e5cbe95",{"_98":1019,"_847":-7,"_848":1020},"frontend/components/dialogs",{"_102":481,"_95":482,"_156":483,"_158":193,"_159":136,"_160":484,"_162":163,"_104":485,"_99":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":-7,"_98":1021,"_851":-5},[186,192,482],{"_98":1023,"_847":-7,"_848":1024},"frontend/components/dialogs/AddCourseDialog.tsx",{"_102":488,"_95":489,"_156":490,"_158":483,"_159":136,"_160":491,"_162":163,"_104":492,"_99":32,"_165":217,"_167":493,"_168":22,"_169":-5,"_170":-7,"_98":1025,"_851":1026},[186,192,482,489],"6c4ec553e8058f6b78decb1a94e06f617a2d7eb00f04cba3bce6a3106d713de4",{"_98":1028,"_847":-7,"_848":1029},"frontend/components/dialogs/AddDishDialog.tsx",{"_102":497,"_95":498,"_156":499,"_158":483,"_159":136,"_160":500,"_162":163,"_104":501,"_99":216,"_165":217,"_167":502,"_168":22,"_169":-5,"_170":-7,"_98":1030,"_851":1031},[186,192,482,498],"29be6939029213ec7a20c80e4e466a07c287f0424ed08885b97dfffeb3dc47cb",{"_98":1033,"_847":-7,"_848":1034},"frontend/components/dialogs/AddMenuDialog.tsx",{"_102":506,"_95":507,"_156":508,"_158":483,"_159":136,"_160":509,"_162":163,"_104":510,"_99":32,"_165":217,"_167":511,"_168":22,"_169":-5,"_170":-7,"_98":1035,"_851":1036},[186,192,482,507],"08fe0f89017677fc586cc6e9b23d48d303a9a0e1869ddd10aebdfe3487d77042",{"_98":1038,"_847":-7,"_848":1039},"frontend/components/dialogs/DeleteCourseDialog.tsx",{"_102":515,"_95":516,"_156":517,"_158":483,"_159":136,"_160":518,"_162":163,"_104":519,"_99":32,"_165":217,"_167":520,"_168":22,"_169":-5,"_170":-7,"_98":1040,"_851":1041},[186,192,482,516],"28a0274c4dd59f8b60591e25d8cee56a3f35d5c2f4a0cde4a3a1a794e1d5c3e8",{"_98":1043,"_847":-7,"_848":1044},"frontend/components/dialogs/DeleteMenuDialog.tsx",{"_102":524,"_95":525,"_156":526,"_158":483,"_159":136,"_160":527,"_162":163,"_104":528,"_99":32,"_165":217,"_167":529,"_168":22,"_169":-5,"_170":-7,"_98":1045,"_851":1046},[186,192,482,525],"a2fafbaa38645ed84cee51e66fb223c9d80a2b2cf6f4d6a8ce6aae327eacc89d",{"_98":1048,"_847":-7,"_848":1049},"frontend/components/display",{"_102":534,"_95":535,"_156":536,"_158":193,"_159":136,"_160":537,"_162":163,"_104":538,"_99":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":-7,"_98":1050,"_851":-5},[186,192,535],{"_98":1052,"_847":-7,"_848":1053},"frontend/components/display/dish",{"_102":541,"_95":205,"_156":542,"_158":536,"_159":136,"_160":543,"_162":163,"_104":544,"_99":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":-7,"_98":1054,"_851":-5},[186,192,535,205],{"_98":1056,"_847":-7,"_848":1057},"frontend/components/display/dish/DishDisplay.tsx",{"_102":547,"_95":548,"_156":549,"_158":542,"_159":136,"_160":550,"_162":163,"_104":551,"_99":552,"_165":217,"_167":553,"_168":22,"_169":-5,"_170":-7,"_98":1058,"_851":1059},[186,192,535,205,548],"a50d8e2fe97ee6a537c053755bbc555a6741df75278d849083ab29fb29e80ae8",{"_98":1061,"_847":-7,"_848":1062},"frontend/components/display/dish/DishName.tsx",{"_102":557,"_95":558,"_156":559,"_158":542,"_159":136,"_160":560,"_162":163,"_104":561,"_99":32,"_165":217,"_167":562,"_168":22,"_169":-5,"_170":-7,"_98":1063,"_851":1064},[186,192,535,205,558],"19e4a2c0cbd2871cea803db2c3ebe8e5554de34bd5a64e6c1332ce082932d4c4",{"_98":1066,"_847":-7,"_848":1067},"frontend/components/display/menu",{"_102":567,"_95":254,"_156":568,"_158":536,"_159":136,"_160":569,"_162":163,"_104":570,"_99":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":-7,"_98":1068,"_851":-5},[186,192,535,254],{"_98":1070,"_847":-7,"_848":1071},"frontend/components/display/menu/CourseDisplay.tsx",{"_102":573,"_95":574,"_156":575,"_158":568,"_159":136,"_160":576,"_162":163,"_104":577,"_99":578,"_165":217,"_167":579,"_168":22,"_169":-5,"_170":-7,"_98":1072,"_851":1073},[186,192,535,254,574],"1a3fddde8e35fb8982de981c032e1c80d7253ed8f4fd7a5bf8debadf678785bd",{"_98":1075,"_847":-7,"_848":1076},"frontend/components/display/menu/MenuDisplay.tsx",{"_102":583,"_95":584,"_156":585,"_158":568,"_159":136,"_160":586,"_162":163,"_104":587,"_99":588,"_165":217,"_167":589,"_168":22,"_169":-5,"_170":-7,"_98":1077,"_851":1078},[186,192,535,254,584],"d96bbaa0e6d1ec96a71d1fa37cbcf3cd1d70b747d4d8c9b8c81a0e5749d09511",{"_98":1080,"_847":-7,"_848":1081},"frontend/components/pages",{"_102":595,"_95":596,"_156":597,"_158":193,"_159":136,"_160":598,"_162":163,"_104":599,"_99":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":-7,"_98":1082,"_851":-5},[186,192,596],{"_98":1084,"_847":-7,"_848":1085},"frontend/components/pages/Dish.tsx",{"_102":620,"_95":621,"_156":622,"_158":597,"_159":136,"_160":623,"_162":163,"_104":624,"_99":625,"_165":217,"_167":626,"_168":22,"_169":-5,"_170":-7,"_98":1086,"_851":1087},[186,192,596,621],"dce3788747cc1df0a3d4823482edbec68c44245a0c0324e06757aff1346ec40b",{"_98":1089,"_847":-7,"_848":1090},"frontend/components/pages/Dishes.tsx",{"_102":630,"_95":631,"_156":632,"_158":597,"_159":136,"_160":633,"_162":163,"_104":634,"_99":178,"_165":217,"_167":635,"_168":22,"_169":-5,"_170":-7,"_98":1091,"_851":1092},[186,192,596,631],"69e79a8e82dc16e7ca24b7d28b324a3c99fc874815424cba5b2954c70a6c1d93",{"_98":1094,"_847":-7,"_848":1095},"frontend/components/pages/Login.tsx",{"_102":639,"_95":640,"_156":641,"_158":597,"_159":136,"_160":642,"_162":163,"_104":643,"_99":247,"_165":217,"_167":644,"_168":22,"_169":-5,"_170":-7,"_98":1096,"_851":1097},[186,192,596,640],"cc5c9a250611c9b50435bff929b0a7758eb782c56eedb59cf8b3ab077f12427e",{"_98":1099,"_847":-7,"_848":1100},"frontend/components/pages/Menu.tsx",{"_102":648,"_95":649,"_156":650,"_158":597,"_159":136,"_160":651,"_162":163,"_104":652,"_99":653,"_165":217,"_167":654,"_168":22,"_169":-5,"_170":-7,"_98":1101,"_851":1102},[186,192,596,649],"4127bb8d686d655cdad9daa0f81987096cc779ddcd2c935ef4685f01499a84d1",{"_98":1104,"_847":-7,"_848":1105},"frontend/components/pages/Menus.tsx",{"_102":658,"_95":659,"_156":660,"_158":597,"_159":136,"_160":661,"_162":163,"_104":662,"_99":663,"_165":217,"_167":664,"_168":22,"_169":-5,"_170":-7,"_98":1106,"_851":1107},[186,192,596,659],"c56e3c7c792accf15999745e7301b0fd13d34b3b67f52c58984d8ae550fa5e08",{"_98":1109,"_847":-7,"_848":1110},"frontend/components/pages/layouts",{"_102":602,"_95":603,"_156":604,"_158":597,"_159":136,"_160":605,"_162":163,"_104":606,"_99":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":-7,"_98":1111,"_851":-5},[186,192,596,603],{"_98":1113,"_847":-7,"_848":1114},"frontend/components/pages/layouts/EntityLayout.tsx",{"_102":609,"_95":610,"_156":611,"_158":604,"_159":136,"_160":612,"_162":163,"_104":613,"_99":614,"_165":217,"_167":615,"_168":22,"_169":-5,"_170":-7,"_98":1115,"_851":1116},[186,192,596,603,610],"917075220029a69f1781674cb62b1df41ebfa4aa6a62769947ec61dadf8dbdc0",{"_98":1118,"_847":-7,"_848":1119},"frontend/env.ts",{"_102":741,"_95":742,"_156":743,"_158":187,"_159":136,"_160":744,"_162":163,"_104":745,"_99":32,"_165":217,"_167":746,"_168":22,"_169":-5,"_170":-7,"_98":1120,"_851":1121},[186,742],"2231b9ba3608acb311338ec147b24d9c85ade40ac94daafd48358f67d067e7ff",{"_98":1123,"_847":-7,"_848":1124},"frontend/types.ts",{"_102":768,"_95":769,"_156":770,"_158":187,"_159":136,"_160":771,"_162":163,"_104":772,"_99":614,"_165":217,"_167":773,"_168":22,"_169":-5,"_170":-7,"_98":1125,"_851":1126},[186,769],"f0ea80a27579be818095db5238fd63eafa74adb77754607fd2c8d203c165ddc8",{"_98":1128,"_847":-7,"_848":1129},"frontend/utils",{"_102":715,"_95":716,"_156":717,"_158":187,"_159":136,"_160":718,"_162":163,"_104":719,"_99":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":-7,"_98":1130,"_851":-5},[186,716],{"_98":1132,"_847":-7,"_848":1133},"frontend/utils/api.ts",{"_102":722,"_95":723,"_156":724,"_158":717,"_159":136,"_160":725,"_162":163,"_104":726,"_99":309,"_165":217,"_167":727,"_168":22,"_169":-5,"_170":-7,"_98":1134,"_851":1135},[186,716,723],"36514260e9b7dcef64009b89311994a69fa63a6a5f8cb03d2c9a84c223896461",{"_98":1137,"_847":-7,"_848":1138},"frontend/utils/string.ts",{"_102":731,"_95":732,"_156":733,"_158":717,"_159":136,"_160":734,"_162":163,"_104":735,"_99":32,"_165":217,"_167":736,"_168":22,"_169":-5,"_170":-7,"_98":1139,"_851":1140},[186,716,732],"1e58488bf141fc3f52236ff954266f52d2e53711ff4990d2be592e384b504edb",[],"modified",[1144,1157,1170,1182,1195],{"_98":1145,"_847":1146,"_848":1154},"backend/index.ts",{"_102":1147,"_95":174,"_156":1148,"_158":1149,"_159":139,"_160":161,"_162":163,"_104":1150,"_99":32,"_165":179,"_167":1151,"_168":22,"_169":-5,"_170":-7,"_98":1152,"_851":1153},"3217ab90-0c13-11f0-9966-569c3dd06744","677f50ca-b958-49b6-adfb-5823dad7a540","459fbb10-125d-491b-9b7a-0ae50ba644f4",["D",1743193703232],"import { serveFile } from \"https://esm.town/v/std/utils@64-main/index.ts\";\nimport { Hono } from \"npm:hono\";\n\nconst app = new Hono();\n\n// Serve index.html at the root /\napp.get(\"/\", async c => {\n return serveFile(\"/frontend/index.html\", import.meta.url);\n});\n\n// Serve all /frontend files\napp.get(\"/frontend/**/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Add your API routes here\n// app.get(\"/api/data\", c => c.json({ hello: \"world\" }));\n\n// Unwrap and rethrow Hono errors as the original error\n// If you delete this, all errors will be \"Internal Server Error\"\napp.onError((err, c) => {\n throw err;\n});\n\n// HTTP vals expect an exported \"fetch handler\"\n// This is how you \"run the server\" in Val Town with Hono\nexport default app.fetch;",[155,174],"3166720d95df037d0cf98983d51ff859b6e1afe69e48d2162dee70fac4ca620c",{"_102":173,"_95":174,"_156":175,"_158":157,"_159":136,"_160":176,"_162":163,"_104":177,"_99":178,"_165":179,"_167":180,"_168":22,"_169":-5,"_170":-7,"_98":1155,"_851":1156},[155,174],"3b23148974719f5383042d6b5af44cb5294d1c00474a1068931ebed83f1fd10b",{"_98":1158,"_847":1159,"_848":1167},"frontend/components/App.tsx",{"_102":1160,"_95":670,"_156":1161,"_158":1162,"_159":139,"_160":161,"_162":163,"_104":1163,"_99":32,"_165":217,"_167":1164,"_168":22,"_169":-5,"_170":-7,"_98":1165,"_851":1166},"3217b52c-0c13-11f0-9966-569c3dd06744","913a133c-d657-4d89-8e7e-c7f1f9a9a66f","c166c7df-ed01-49d7-999c-704c12eb4bfa",["D",1743193703232],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nexport function App() {\n const [clicked, setClicked] = useState(0);\n return (\n

Val Town React + Hono Starter

\n I've been clicked times\n

\n );\n}",[186,192,670],"572f45a0f0ec99935ff566c31d3bbf761edf962e408c2e2fb6df62cbb636a5c4",{"_102":669,"_95":670,"_156":671,"_158":193,"_159":136,"_160":672,"_162":163,"_104":673,"_99":32,"_165":217,"_167":674,"_168":22,"_169":-5,"_170":-7,"_98":1168,"_851":1169},[186,192,670],"614fb11254f593e9a56e3f3b73821da2b1e780beb656555b687e9b36f380ba6d",{"_98":1171,"_847":1172,"_848":1179},"frontend/components/Router.tsx",{"_102":1173,"_95":688,"_156":1174,"_158":1162,"_159":139,"_160":216,"_162":163,"_104":1175,"_99":161,"_165":217,"_167":1176,"_168":22,"_169":-5,"_170":-7,"_98":1177,"_851":1178},"466e4b30-0c13-11f0-a05b-569c3dd06744","9ceeeb18-21d8-438d-a480-84da23913161",["D",1743193737391],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createBrowserRouter } from \"https://esm.sh/react-router-dom@6.22.2?deps=react@18.2.0&react-dom@18.2.0\";\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { App } from \"./App.tsx\";\n// Then create and export the router\nexport const Router = createBrowserRouter([\n { path: \"/\", element: },\n]);",[186,192,688],"3e2cd95039127bce3256c14470ddca4a5755d63073b820abbebb971c5562a0b7",{"_102":687,"_95":688,"_156":689,"_158":193,"_159":136,"_160":690,"_162":163,"_104":691,"_99":237,"_165":217,"_167":692,"_168":22,"_169":-5,"_170":-7,"_98":1180,"_851":1181},[186,192,688],"7f7685ccbebcfbda59e40f0f82fbd69520960e7bd34cd6ff7fe484fdab720a8c",{"_98":1183,"_847":1184,"_848":1192},"frontend/index.html",{"_102":1185,"_95":751,"_156":1186,"_158":1187,"_159":139,"_160":161,"_162":163,"_104":1188,"_99":32,"_165":754,"_167":1189,"_168":22,"_169":-5,"_170":-7,"_98":1190,"_851":1191},"3217b9aa-0c13-11f0-9966-569c3dd06744","6848a0fe-c38a-45b0-ad41-fe0fbfc66871","2aea3e1a-27f0-4190-9172-86ace647fe3b",["D",1743193703232],"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[186,751],"6b1c9821a1e5fe29f98397898f59db64b8de7c3fba771a6ff0f0f6d0f772267c",{"_102":750,"_95":751,"_156":752,"_158":187,"_159":136,"_160":135,"_162":163,"_104":753,"_99":365,"_165":754,"_167":755,"_168":22,"_169":-5,"_170":-7,"_98":1193,"_851":1194},[186,751],"450781d15ffd783f34466ef3e753707a389e4e3427c2961c809b899d75f61f00",{"_98":1196,"_847":1197,"_848":1204},"frontend/index.tsx",{"_102":1198,"_95":760,"_156":1199,"_158":1187,"_159":139,"_160":141,"_162":163,"_104":1200,"_99":161,"_165":217,"_167":1201,"_168":22,"_169":-5,"_170":-7,"_98":1202,"_851":1203},"5af46116-0c13-11f0-a05b-569c3dd06744","37814653-2589-4028-a633-cb1415f048fe",["D",1743193771819],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport {\n createBrowserRouter,\n RouterProvider,\n} from \"https://esm.sh/react-router-dom@6.22.2?deps=react@18.2.0&react-dom@18.2.0\";\nimport { StrictMode } from \"https://esm.sh/react@18.2.0\";\n\nimport { App } from \"./components/App.tsx\";\nconst Router = createBrowserRouter([\n { path: \"/\", element: },\n]);\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);",[186,760],"128e39df46ebf4559949b4c6d7102a812f07b1bed3b33f4f5d5e7a7c1bbd57c8",{"_102":759,"_95":760,"_156":761,"_158":187,"_159":136,"_160":762,"_162":163,"_104":763,"_99":552,"_165":217,"_167":764,"_168":22,"_169":-5,"_170":-7,"_98":1205,"_851":1206},[186,760],"7da1356f1b2b86e25903d11b5a5416ee2fe0ac018d7605ffd4370d9e607edc22","hasChanges","sourceBranch","targetBranch",{"_102":139,"_104":1211,"_823":1212,"_95":43,"_137":145,"_99":141,"_138":825,"_140":826,"_827":828,"_106":-5,"_150":22,"_108":143,"_149":818,"_16":147,"_148":96},["D",1743193703232],["D",1743193771819],"pull","actionData","errors"]

Mergedamonb/mainintostevekrouse/main

Hbackend/index.ts+8-2

frontend/components/App.tsx+18-3

frontend/components/Router.tsx+47-4

frontend/index.html+31-19

frontend/index.tsx+8-7

.vtignore+4-0

frontend/components/NavigationBar.tsx+31-0

frontend/components/Toast.tsx+90-0

frontend/components/ToastProvider.tsx+60-0

frontend/components/analysis

frontend/components/analysis/AnalysisEmptyState.tsx+33-0

frontend/components/analysis/AnalysisSelector.tsx+27-0

frontend/components/analysis/AnalysisView.tsx+26-0

frontend/components/analysis/AromaTimeSeriesChart.tsx+132-0

frontend/components/analysis/ChartCard.tsx+55-0

frontend/components/analysis/HardnessMoistureScatter.tsx+55-0

frontend/components/analysis/IntensityRangeChart.tsx+63-0

frontend/components/analysis/KPI.tsx+123-0

frontend/components/analysis/TasteChart.tsx+39-0

frontend/components/analysis/dish

frontend/…/dish/DishAnalysis.tsx+41-0

frontend/…/dish/DishAromaAnalysis.tsx+70-0

frontend/…/dish/DishTasteAnalysis.tsx+100-0

frontend/…/dish/DishTextureAnalysis.tsx+43-0

frontend/components/analysis/menu

frontend/…/menu/MenuAnalysis.tsx+35-0

frontend/…/menu/MenuAromaAnalysis.tsx+34-0

frontend/…/menu/MenuHeuristicAnalysis.tsx+147-0

frontend/…/menu/MenuTasteAnalysis.tsx+50-0

frontend/…/menu/MenuTextureAnalysis.tsx+25-0

frontend/…/menu/charts

frontend/…/charts/AromaBalanceChart.tsx+51-0

frontend/…/charts/AromaIntensityChart.tsx+36-0

frontend/…/charts/BalanceChart.tsx+53-0

frontend/…/charts/IntensityChart.tsx+36-0

frontend/…/charts/MajorTasteChart.tsx+58-0

frontend/…/charts/TastesChart.tsx+41-0

frontend/…/charts/TextureBalanceChart.tsx+50-0

frontend/components/common

frontend/components/common/SavingIndicator.tsx+32-0

frontend/components/dialogs

frontend/components/dialogs/AddCourseDialog.tsx+85-0

frontend/components/dialogs/AddDishDialog.tsx+154-0

frontend/components/dialogs/AddMenuDialog.tsx+85-0

frontend/components/dialogs/DeleteCourseDialog.tsx+84-0

frontend/components/dialogs/DeleteMenuDialog.tsx+75-0

frontend/components/display

frontend/components/display/dish

frontend/…/dish/DishDisplay.tsx+163-0

frontend/…/dish/DishName.tsx+42-0

frontend/components/display/menu

frontend/…/menu/CourseDisplay.tsx+197-0

frontend/…/menu/MenuDisplay.tsx+269-0

frontend/components/pages

frontend/components/pages/Dish.tsx+266-0

frontend/components/pages/Dishes.tsx+291-0

frontend/components/pages/Login.tsx+78-0

frontend/components/pages/Menu.tsx+320-0

frontend/components/pages/Menus.tsx+166-0

frontend/components/pages/layouts

frontend/…/layouts/EntityLayout.tsx+78-0

frontend/env.ts+1-0

frontend/types.ts+154-0

frontend/utils

frontend/utils/api.ts+108-0

frontend/utils/string.ts+3-0