📚 Blend History

\n {blends.length} blend{blends.length !== 1 ? 's' : ''} created\n

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

🍷

No blends created yet. Start by generating your first blend!

\n ) : (\n

\n {blends.map((blend) => (\n

{blend.name}

\n \n {blend.market_analysis.appeal_score}/10\n \n

\n\n

Target Style:

{blend.target_style}

\n\n

Components:

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

\n {component.varietal}\n {component.percentage}%\n

\n ))}\n

\n\n

Predicted Profile:

\n {blend.predicted_sensory.aroma.slice(0, 3).join(', ')}\n {blend.predicted_sensory.aroma.length > 3 && '...'}\n

\n\n

Market Position:

\n \n {blend.market_analysis.price_point}\n \n

\n\n {blend.actual_results && (\n

Actual Results:

\n Performance: {blend.actual_results.market_performance}/10\n \n {blend.actual_results.would_make_again ? '✓ Would make again' : '✗ Would not repeat'}\n \n

\n )}\n\n

\n Created: {formatDate(blend.created_at)}\n

\n\n

\n setSelectedBlend(selectedBlend?.id === blend.id ? null : blend)}\n className=\"flex-1 text-xs bg-white border border-gray-300 text-gray-700 px-3 py-1 rounded hover:bg-gray-50 transition-colors\"\n >\n {selectedBlend?.id === blend.id ? 'Hide Details' : 'View Details'}\n \n openFeedbackModal(blend)}\n className=\"text-xs bg-red-800 text-white px-3 py-1 rounded hover:bg-red-900 transition-colors\"\n >\n {blend.actual_results ? 'Update' : 'Add'} Feedback\n \n

\n\n {/* Expanded Details */}\n {selectedBlend?.id === blend.id && (\n

\n Detailed Sensory Profile:\n

Aroma: {blend.predicted_sensory.aroma.join(', ')}

Taste: {blend.predicted_sensory.taste.join(', ')}

Mouthfeel: {blend.predicted_sensory.mouthfeel.join(', ')}

Finish: {blend.predicted_sensory.finish}

Overall: {blend.predicted_sensory.overall_notes}

\n \n

\n Market Analysis:\n

Target: {blend.market_analysis.target_market}

Consumer: {blend.market_analysis.consumer_profile}

Positioning: {blend.market_analysis.market_positioning}

\n\n {blend.winemaker_notes && (\n

\n Winemaker Notes:\n

\n {blend.winemaker_notes}\n

\n )}\n

\n ))}\n

\n )}\n

\n\n {/* Feedback Modal */}\n {showFeedbackModal && selectedBlend && (\n

\n Feedback for {selectedBlend.name}\n

\n\n

\n \n Sensory Feedback\n \n setFeedback(prev => ({ ...prev, sensory_feedback: e.target.value }))}\n placeholder=\"How did the actual wine compare to predictions? Describe the aroma, taste, and overall impression...\"\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 rows={4}\n />\n

\n\n

\n \n Market Performance (1-10)\n \n setFeedback(prev => ({ ...prev, market_performance: parseInt(e.target.value) }))}\n className=\"w-full\"\n />\n

\n Poor (1)\n {feedback.market_performance}\n Excellent (10)\n

\n\n

\n \n setFeedback(prev => ({ ...prev, would_make_again: e.target.checked }))}\n className=\"h-4 w-4 text-red-600 focus:ring-red-500 border-gray-300 rounded\"\n />\n \n Would make this blend again\n \n \n

\n\n

\n \n Save Feedback\n \n setShowFeedbackModal(false)}\n className=\"px-4 py-2 border border-gray-300 text-gray-700 rounded-md hover:bg-gray-50 transition-colors\"\n >\n Cancel\n \n

\n )}\n

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