\n {/* Header */}\n

\n Expected Value Goal Setting\n

\n \n \n Settings\n \n

\n\n {/* Progress indicator */}\n

\n \n Question {currentStep + 1} of {options.length}\n \n \n {Math.round(((currentStep) / options.length) * 100)}% complete\n \n

\n\n {/* Main question */}\n

\n If your goal is{' '}\n \n {currentValue} {unit}\n \n ,
\n what is the probability that you achieve it?\n

\n\n

\n setInputValue(e.target.value)}\n onKeyDown={handleKeyPress}\n placeholder=\"50\"\n min=\"0\"\n max=\"100\"\n step=\"1\"\n style={{\n width: '200px',\n padding: '20px 24px',\n fontSize: '28px',\n fontWeight: '700',\n border: '3px solid #e5e7eb',\n borderRadius: '12px',\n textAlign: 'center',\n background: '#f9fafb',\n color: '#111827'\n }}\n autoFocus\n />\n \n %\n \n

\n\n {/* Mobile-friendly adjustment buttons */}\n

\n {/* -10% button */}\n adjustValue(-10)}\n style={{\n padding: '12px 16px',\n background: '#f3f4f6',\n border: '2px solid #d1d5db',\n borderRadius: '8px',\n fontSize: '16px',\n fontWeight: '600',\n color: '#374151',\n cursor: 'pointer',\n transition: 'all 0.2s',\n display: 'flex',\n alignItems: 'center',\n gap: '4px',\n minWidth: '60px',\n justifyContent: 'center'\n }}\n onMouseEnter={(e) => {\n e.currentTarget.style.background = '#e5e7eb';\n e.currentTarget.style.borderColor = '#9ca3af';\n }}\n onMouseLeave={(e) => {\n e.currentTarget.style.background = '#f3f4f6';\n e.currentTarget.style.borderColor = '#d1d5db';\n }}\n >\n -10%\n \n\n {/* -1% button */}\n adjustValue(-1)}\n style={{\n padding: '12px 16px',\n background: '#f3f4f6',\n border: '2px solid #d1d5db',\n borderRadius: '8px',\n fontSize: '16px',\n fontWeight: '600',\n color: '#374151',\n cursor: 'pointer',\n transition: 'all 0.2s',\n display: 'flex',\n alignItems: 'center',\n gap: '4px',\n minWidth: '50px',\n justifyContent: 'center'\n }}\n onMouseEnter={(e) => {\n e.currentTarget.style.background = '#e5e7eb';\n e.currentTarget.style.borderColor = '#9ca3af';\n }}\n onMouseLeave={(e) => {\n e.currentTarget.style.background = '#f3f4f6';\n e.currentTarget.style.borderColor = '#d1d5db';\n }}\n >\n -1%\n \n\n {/* +1% button */}\n adjustValue(1)}\n style={{\n padding: '12px 16px',\n background: '#f3f4f6',\n border: '2px solid #d1d5db',\n borderRadius: '8px',\n fontSize: '16px',\n fontWeight: '600',\n color: '#374151',\n cursor: 'pointer',\n transition: 'all 0.2s',\n display: 'flex',\n alignItems: 'center',\n gap: '4px',\n minWidth: '50px',\n justifyContent: 'center'\n }}\n onMouseEnter={(e) => {\n e.currentTarget.style.background = '#e5e7eb';\n e.currentTarget.style.borderColor = '#9ca3af';\n }}\n onMouseLeave={(e) => {\n e.currentTarget.style.background = '#f3f4f6';\n e.currentTarget.style.borderColor = '#d1d5db';\n }}\n >\n +1%\n \n\n {/* +10% button */}\n adjustValue(10)}\n style={{\n padding: '12px 16px',\n background: '#f3f4f6',\n border: '2px solid #d1d5db',\n borderRadius: '8px',\n fontSize: '16px',\n fontWeight: '600',\n color: '#374151',\n cursor: 'pointer',\n transition: 'all 0.2s',\n display: 'flex',\n alignItems: 'center',\n gap: '4px',\n minWidth: '60px',\n justifyContent: 'center'\n }}\n onMouseEnter={(e) => {\n e.currentTarget.style.background = '#e5e7eb';\n e.currentTarget.style.borderColor = '#9ca3af';\n }}\n onMouseLeave={(e) => {\n e.currentTarget.style.background = '#f3f4f6';\n e.currentTarget.style.borderColor = '#d1d5db';\n }}\n >\n +10%\n \n

\n\n

\n Use buttons above or keyboard: ↑↓ for tens, ←→ for ones\n

\n\n \n {currentStep < options.length - 1 ? (\n <>\n Next Question\n \n \n ) : (\n <>\n Calculate Results\n \n \n )}\n \n \n

\n\n {/* Past Goals Summary - Using reusable component */}\n {settings.fatebookApiKey && (\n

\n \n Your Past Goals\n

\n {loadingGoals ? (\n

Loading your Fatebook goals...

\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 \n

\n ) : (\n

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

\n )}\n

\n )}\n\n {/* Previous entries */}\n {Object.keys(probabilities).length > 0 && (\n

\n \n Your Answers So Far\n

\n {Object.entries(probabilities).map(([value, prob]) => (\n

\n \n {value} {unit}\n \n \n {Math.round(prob * 100)}%\n \n

\n ))}\n

\n )}\n

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

\n Expected Value Goal Setting\n

\n If your goal is{' '}\n \n {currentValue} {unit}\n \n ,\n what is the probability that you achieve it?\n

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

\n \n \n \n \n \n \n Your Answers So Far\n

\n If your goal is{' '}\n \n {currentValue} {unit}\n \n ,
\n what is the probability that you achieve it?\n

\n \n Your Past Goals\n

\n \n Your Answers So Far\n