\n {/* Header */}\n

\n \n Results & Recommendations\n

\n \n \n Settings\n \n \n \n New Analysis\n \n

\n\n {/* Optimal Goal Card */}\n

\n \n

\n Optimal Goal: {optimalGoal.value} {unit}\n

\n Expected Value: {optimalGoal.expectedValue.toFixed(3)} | \n Your Confidence: {Math.round(optimalGoal.probability * 100)}%\n

\n \n {settings.fatebookApiKey && (\n \n \n Create Fatebook Goal\n \n )}\n

\n\n {/* Chart */}\n

\n\n {/* Past Goals - Reusing the same bar chart component from home page */}\n {settings.fatebookApiKey && (\n

\n \n Your Past Goals\n

\n {pastGoals.length > 0 ? (\n

\n \n \n {pastGoals.filter(g => g.resolution === 'YES').length} completed\n \n \n \n {pastGoals.filter(g => g.resolution === 'NO').length} missed\n \n \n \n {pastGoals.filter(g => !g.resolved).length} pending\n \n

\n\n {/* Goal Bar Chart */}\n {goalsToShow.length > 0 && (\n

\n Goal Amount History\n

\n {goalsToShow.slice(-10).map((goal, index) => {\n const maxAmount = Math.max(...goalsWithAmounts.map(g => g.amount).filter(Boolean));\n const barHeight = goal.amount ? Math.max(8, (goal.amount / maxAmount) * 50) : 20;\n \n let barColor = '#6b7280'; // Gray for today placeholder\n if (goal.amount) {\n if (goal.isToday && !goal.resolved) {\n barColor = '#6b7280'; // Gray for today\n } else if (goal.resolution === 'YES') {\n barColor = '#059669'; // Green for completed\n } else if (goal.resolution === 'NO') {\n barColor = '#dc2626'; // Red for missed\n } else {\n barColor = '#f59e0b'; // Yellow for pending\n }\n }\n \n return (\n

\n {goal.amount || (goal.isToday ? '?' : '')}\n

\n {goal.date}\n

\n );\n })}\n

\n )}\n\n {/* Recent Goals with Resolution Controls */}\n

\n {pastGoals.slice(0, 3).map((goal) => (\n

\n {goal.title}\n

\n {!goal.resolved ? (\n <>\n handleResolveGoal(goal.id, 'YES')}\n style={{\n padding: '3px 6px',\n background: '#059669',\n color: 'white',\n border: 'none',\n borderRadius: '3px',\n fontSize: '11px',\n fontWeight: '600',\n cursor: 'pointer'\n }}\n >\n YES\n \n handleResolveGoal(goal.id, 'NO')}\n style={{\n padding: '3px 6px',\n background: '#dc2626',\n color: 'white',\n border: 'none',\n borderRadius: '3px',\n fontSize: '11px',\n fontWeight: '600',\n cursor: 'pointer'\n }}\n >\n NO\n \n \n ) : (\n

\n {goal.resolution === 'YES' ? 'DONE' : 'MISSED'}\n

\n )}\n

\n ))}\n

\n ) : (\n

\n No goals found with #evgs-goals tag yet.\n

\n )}\n

\n );\n}","deleted","label",[172,155],"components","permalink","https://www.val.town/x/dcm31/expected-work/code/components/ResultsDisplay.tsx","extension","actionData","errors"]

\n \n \n \n \n Results & Recommendations\n

\n Optimal Goal: {optimalGoal.value} {unit}\n

\n \n \n \n \n Your Past Goals\n

\n Goal Amount History\n

\n \n Results & Recommendations\n

\n \n Your Past Goals\n