🎯 Generate New Wine Blend

\n \n {error && (\n

{error}

\n )}\n\n

\n {/* Left Column - Input Form */}\n

\n {/* Target Style */}\n

\n \n Target Wine Style *\n \n setTargetStyle(e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-red-500\"\n >\n \n {wineStyles.map(style => (\n \n ))}\n \n

\n\n {/* Available Vineyard Blocks */}\n

\n \n Available Vineyard Blocks * ({selectedBlocks.length} selected)\n \n

\n {vineyardBlocks.map(block => (\n \n handleBlockSelection(block.id)}\n className=\"mt-1 h-4 w-4 text-red-600 focus:ring-red-500 border-gray-300 rounded\"\n />\n

\n {block.name} ({block.varietal})\n

\n {block.vintage} • {block.alcohol}% ABV • pH {block.ph} • Tannins {block.tannins}/10\n

\n {block.notes && (\n

{block.notes}

\n )}\n

\n \n ))}\n

\n\n {/* Preferences */}\n

Blending Preferences

\n \n

\n \n Max Components\n \n setPreferences(prev => ({\n ...prev,\n maxComponents: parseInt(e.target.value) || 4\n }))}\n className=\"w-full px-2 py-1 text-sm border border-gray-300 rounded focus:outline-none focus:ring-1 focus:ring-red-500\"\n />\n

\n \n

\n \n Target Alcohol %\n \n setPreferences(prev => ({\n ...prev,\n targetAlcohol: parseFloat(e.target.value) || 14.0\n }))}\n className=\"w-full px-2 py-1 text-sm border border-gray-300 rounded focus:outline-none focus:ring-1 focus:ring-red-500\"\n />\n

\n \n

\n \n Additional Style Notes\n \n setPreferences(prev => ({\n ...prev,\n styleNotes: e.target.value\n }))}\n placeholder=\"e.g., emphasize fruit character, minimize oak influence...\"\n className=\"w-full px-2 py-1 text-sm border border-gray-300 rounded focus:outline-none focus:ring-1 focus:ring-red-500\"\n rows={2}\n />\n

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

\n \n 🧪 Generate Blend\n \n \n Reset\n \n

\n\n {/* Right Column - Generated Blend */}\n

\n {generatedBlend ? (\n

\n 🍷 {generatedBlend.name}\n

\n\n {/* Blend Components */}\n

Blend Composition

\n {generatedBlend.components.map((component, index) => (\n

\n \n {component.block_name} ({component.varietal})\n \n \n {component.percentage}%\n \n

\n ))}\n

\n\n {/* Predicted Sensory Profile */}\n

Predicted Sensory Profile

\n Aroma: {generatedBlend.predicted_sensory.aroma.join(', ')}\n

\n Taste: {generatedBlend.predicted_sensory.taste.join(', ')}\n

\n Mouthfeel: {generatedBlend.predicted_sensory.mouthfeel.join(', ')}\n

\n Finish: {generatedBlend.predicted_sensory.finish}\n

\n Overall: {generatedBlend.predicted_sensory.overall_notes}\n

\n\n {/* Market Analysis */}\n

Market Analysis

\n Appeal Score:\n \n {generatedBlend.market_analysis.appeal_score}/10\n \n

\n Price Point: {generatedBlend.market_analysis.price_point}\n

\n Target Market: {generatedBlend.market_analysis.target_market}\n

\n Positioning: {generatedBlend.market_analysis.market_positioning}\n

\n ) : (\n

🍷

Configure your blend parameters and click \"Generate Blend\" to see AI recommendations

\n )}\n

\n\n {/* AI Reasoning */}\n {reasoning && (\n

🤖 AI Reasoning

\n {reasoning}\n

\n )}\n

\n );\n}","deleted","label",[168,169,150],"frontend","components","permalink","https://www.val.town/x/spooky/winn/code/frontend/components/BlendGenerator.tsx","extension","actionData","errors"]