\n Goal Amount History\n

\n {goalsToShow.slice(-10).map((goal) => {\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 if (!goal.resolved) {\n barColor = '#f59e0b'; // Yellow for pending (not red!)\n }\n }\n \n return (\n

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

\n {goal.date}\n

\n );\n })}\n

\n );\n}",[],[152,171],{"_102":179,"_95":180,"_153":181,"_155":154,"_156":138,"_157":137,"_159":160,"_104":182,"_99":118,"_162":174,"_164":183,"_165":22,"_166":-5,"_167":184,"_98":185},"10c0ddd6-713a-11f0-ba85-0224a6c84d84","ProbabilityInputForm.tsx","7737efd4-4b9f-11f0-bf3d-76b3cceeab13",["D",1754315465147],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { TodaysGoalView } from \"./TodaysGoalView.tsx\";\nimport { GoalBarChart } from \"./GoalBarChart.tsx\";\n\ninterface ProbabilityInputFormProps {\n settings: any;\n options: number[];\n currentStep: number;\n inputValue: string;\n setInputValue: (value: string) => void;\n probabilities: Record;\n pastGoals: any[];\n loadingGoals: boolean;\n onProbabilityInput: (value: string) => void;\n onShowSettings: () => void;\n}\n\nexport function ProbabilityInputForm({\n settings,\n options,\n currentStep,\n inputValue,\n setInputValue,\n probabilities,\n pastGoals,\n loadingGoals,\n onProbabilityInput,\n onShowSettings\n}: ProbabilityInputFormProps) {\n const currentValue = options[currentStep];\n const unit = settings.usePomodoros ? 'pomodoros' : 'hours';\n\n // Start at 50% if no value set\n React.useEffect(() => {\n if (!inputValue && currentStep === 0) {\n setInputValue('50');\n }\n }, [currentStep, inputValue, setInputValue]);\n\n const handleSubmit = (e: React.FormEvent) => {\n e.preventDefault();\n if (inputValue.trim()) {\n onProbabilityInput(inputValue);\n }\n };\n\n const handleKeyPress = (e: React.KeyboardEvent) => {\n if (e.key === 'Enter') {\n handleSubmit(e);\n } else if (e.key === 'ArrowUp') {\n e.preventDefault();\n const current = parseFloat(inputValue) || 0;\n const newValue = Math.min(100, current + 10);\n setInputValue(newValue.toString());\n } else if (e.key === 'ArrowDown') {\n e.preventDefault();\n const current = parseFloat(inputValue) || 0;\n const newValue = Math.max(0, current - 10);\n setInputValue(newValue.toString());\n } else if (e.key === 'ArrowLeft') {\n e.preventDefault();\n const current = parseFloat(inputValue) || 0;\n const newValue = Math.max(0, current - 1);\n setInputValue(newValue.toString());\n } else if (e.key === 'ArrowRight') {\n e.preventDefault();\n const current = parseFloat(inputValue) || 0;\n const newValue = Math.min(100, current + 1);\n setInputValue(newValue.toString());\n }\n };\n\n // Functions to handle button adjustments\n const adjustValue = (delta: number) => {\n const current = parseFloat(inputValue) || 0;\n const newValue = Math.max(0, Math.min(100, current + delta));\n setInputValue(newValue.toString());\n };\n\n // Check if we have a goal for today that should show a different interface\n const todaysActiveGoal = pastGoals.find(goal => \n new Date(goal.createdAt).toDateString() === new Date().toDateString()\n );\n\n // If we have a goal for today, show the goal management interface instead\n if (todaysActiveGoal && settings.fatebookApiKey) {\n return (\n \n );\n }\n\n return (\n

\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}",[],[152,180],{"_102":187,"_95":188,"_153":189,"_155":154,"_156":138,"_157":158,"_159":160,"_104":190,"_99":32,"_162":174,"_164":191,"_165":22,"_166":-5,"_167":192,"_98":193},"7737ff24-4b9f-11f0-bf3d-76b3cceeab13","ResultsDisplay.tsx","7737ffa6-4b9f-11f0-bf3d-76b3cceeab13",["D",1750180872038],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useRef } from \"https://esm.sh/react@18.2.0\";\n\ninterface ResultsDisplayProps {\n settings: any;\n options: number[];\n probabilities: Record;\n expectedValues: Array<{ value: number; expectedValue: number; probability: number }>;\n optimalGoal: { value: number; expectedValue: number; probability: number };\n pastGoals: any[];\n onCreateFatebookGoal: () => void;\n onReset: () => void;\n onShowSettings: () => void;\n}\n\nexport function ResultsDisplay({\n settings,\n options,\n probabilities,\n expectedValues,\n optimalGoal,\n pastGoals,\n onCreateFatebookGoal,\n onReset,\n onShowSettings\n}: ResultsDisplayProps) {\n const chartRef = useRef(null);\n const unit = settings.usePomodoros ? 'pomodoros' : 'hours';\n\n useEffect(() => {\n if (chartRef.current && window.echarts) {\n const chart = window.echarts.init(chartRef.current);\n \n // Sort by value (hours) for proper x-axis ordering\n const sortedData = expectedValues.sort((a, b) => a.value - b.value);\n \n const option = {\n title: {\n text: 'Expected Value by Goal Amount',\n left: 'center',\n textStyle: {\n fontSize: 18,\n fontWeight: 'bold',\n color: '#111827'\n }\n },\n tooltip: {\n trigger: 'axis',\n formatter: function(params: any) {\n const point = params[0];\n return `\n ${point.name} ${unit}
\n Expected Value: ${point.value.toFixed(3)}
\n Probability: ${probabilities[point.name] * 100}%\n `;\n }\n },\n xAxis: {\n type: 'category',\n data: sortedData.map(d => d.value),\n name: `Goal Amount (${unit})`,\n nameLocation: 'center',\n nameGap: 25,\n axisLabel: {\n fontSize: 14,\n fontWeight: 'bold'\n }\n },\n yAxis: {\n type: 'value',\n name: 'Expected Value',\n nameLocation: 'center',\n nameGap: 40,\n axisLabel: {\n fontSize: 14,\n fontWeight: 'bold'\n }\n },\n series: [{\n type: 'bar',\n data: sortedData.map(d => ({\n value: d.expectedValue,\n itemStyle: {\n color: d.value === optimalGoal.value ? '#dc2626' : '#4f46e5'\n }\n })),\n barWidth: '60%',\n label: {\n show: true,\n position: 'top',\n formatter: function(params: any) {\n const dataIndex = params.dataIndex;\n const goalValue = sortedData[dataIndex].value;\n return goalValue === optimalGoal.value ? 'OPTIMAL' : '';\n },\n fontSize: 12,\n fontWeight: 'bold',\n color: '#dc2626'\n }\n }],\n grid: {\n left: '10%',\n right: '10%',\n bottom: '15%',\n top: '15%'\n }\n };\n\n chart.setOption(option);\n\n return () => {\n chart.dispose();\n };\n }\n }, [expectedValues, optimalGoal, probabilities, unit]);\n\n // Extract goal amounts from past goals \n const extractGoalAmount = (title: string) => {\n const match = title.match(/My goal is ([\\d.]+)/);\n return match ? parseFloat(match[1]) : null;\n };\n\n const goalsWithAmounts = pastGoals.map(goal => ({\n ...goal,\n amount: extractGoalAmount(goal.title),\n date: new Date(goal.createdAt).toLocaleDateString('en-US', { month: 'short', day: 'numeric' }),\n isToday: new Date(goal.createdAt).toDateString() === new Date().toDateString()\n })).filter(goal => goal.amount !== null);\n\n // Add today placeholder if no goal exists for today\n const todayGoal = goalsWithAmounts.find(g => g.isToday);\n const goalsToShow = [...goalsWithAmounts];\n if (!todayGoal) {\n goalsToShow.push({\n id: 'today-placeholder',\n amount: null,\n date: 'Today',\n isToday: true,\n resolved: false,\n resolution: null\n });\n }\n\n const handleResolveGoal = async (goalId: string, resolution: 'YES' | 'NO') => {\n if (!settings.fatebookApiKey) return;\n \n try {\n const response = await fetch('/api/resolve-fatebook-goal', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ \n apiKey: settings.fatebookApiKey,\n questionId: goalId,\n resolution\n })\n });\n \n if (!response.ok) {\n throw new Error('Failed to resolve goal');\n }\n \n alert(`Goal resolved as ${resolution}! 🎯`);\n // Refresh the page to update the goals list\n window.location.reload();\n } catch (error) {\n alert('Failed to resolve goal. Please try again.');\n console.error('Goal resolution failed:', error);\n }\n };\n\n return (\n

\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 {/* 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}",[],[152,188],{"_102":195,"_95":196,"_153":197,"_155":154,"_156":138,"_157":158,"_159":160,"_104":198,"_99":32,"_162":174,"_164":199,"_165":22,"_166":-5,"_167":200,"_98":201},"77381446-4b9f-11f0-bf3d-76b3cceeab13","SettingsPanel.tsx","773814c8-4b9f-11f0-bf3d-76b3cceeab13",["D",1750180872038],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\ninterface SettingsPanelProps {\n settings: any;\n onSave: (settings: any) => void;\n onCancel: () => void;\n}\n\nexport function SettingsPanel({ settings, onSave, onCancel }: SettingsPanelProps) {\n const [localSettings, setLocalSettings] = React.useState(settings);\n\n const handleSave = () => {\n onSave(localSettings);\n };\n\n const updateSetting = (key: string, value: any) => {\n setLocalSettings(prev => ({ ...prev, [key]: value }));\n };\n\n return (\n

\n ⚙️ Settings\n

\n Customize your goal tracking preferences\n

\n\n

\n {/* Unit Toggle */}\n

\n \n Unit Type\n \n

\n \n updateSetting('usePomodoros', false)}\n style={{ marginRight: '8px' }}\n />\n Hours\n \n \n updateSetting('usePomodoros', true)}\n style={{ marginRight: '8px' }}\n />\n Pomodoros (25 min sessions)\n \n

\n\n {/* Min/Max Range */}\n

\n \n {localSettings.usePomodoros ? 'Pomodoro' : 'Hour'} Range\n \n

\n \n Minimum\n \n updateSetting('minValue', parseInt(e.target.value) || 1)}\n min=\"1\"\n max=\"23\"\n style={{\n width: '80px',\n padding: '8px',\n border: '1px solid #d1d5db',\n borderRadius: '4px'\n }}\n />\n

\n to\n

\n \n Maximum\n \n updateSetting('maxValue', parseInt(e.target.value) || 8)}\n min={localSettings.minValue}\n max=\"24\"\n style={{\n width: '80px',\n padding: '8px',\n border: '1px solid #d1d5db',\n borderRadius: '4px'\n }}\n />\n

\n\n {/* Increment */}\n

\n \n Increment Step\n \n

\n updateSetting('increment', parseFloat(e.target.value) || 0.5)}\n min=\"0.1\"\n max=\"2\"\n step=\"0.1\"\n style={{\n width: '100px',\n padding: '8px',\n border: '1px solid #d1d5db',\n borderRadius: '4px'\n }}\n />\n \n {localSettings.usePomodoros ? 'pomodoros' : 'hours'}\n \n

\n How much to increase between each option\n

\n\n {/* Fatebook API Key */}\n

\n \n Fatebook API Key (Optional)\n \n updateSetting('fatebookApiKey', e.target.value)}\n placeholder=\"Enter your Fatebook API key\"\n style={{\n width: '100%',\n padding: '8px',\n border: '1px solid #d1d5db',\n borderRadius: '4px',\n fontSize: '14px'\n }}\n />\n

\n Get your API key from{' '}\n \n fatebook.io/api-setup\n \n

\n\n {/* Action buttons */}\n

\n \n Cancel\n \n \n Save Settings\n \n

\n );\n}",[],[152,196],{"_102":203,"_95":204,"_153":205,"_155":154,"_156":138,"_157":158,"_159":160,"_104":206,"_99":32,"_162":174,"_164":207,"_165":22,"_166":-5,"_167":208,"_98":209},"77381bd0-4b9f-11f0-bf3d-76b3cceeab13","TodaysGoalView.tsx","77381c48-4b9f-11f0-bf3d-76b3cceeab13",["D",1750180872038],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { GoalBarChart } from \"./GoalBarChart.tsx\";\n\ninterface TodaysGoalViewProps {\n settings: any;\n todaysGoal: any;\n pastGoals: any[];\n onShowSettings: () => void;\n}\n\nexport function TodaysGoalView({ settings, todaysGoal, pastGoals, onShowSettings }: TodaysGoalViewProps) {\n const extractGoalAmount = (title: string) => {\n const match = title.match(/My goal is ([\\d.]+)/);\n return match ? parseFloat(match[1]) : null;\n };\n\n const goalAmount = extractGoalAmount(todaysGoal.title);\n const unit = settings.usePomodoros ? 'pomodoros' : 'hours';\n\n const handleResolveGoal = async (goalId: string, resolution: 'YES' | 'NO') => {\n if (!settings.fatebookApiKey) return;\n \n try {\n const response = await fetch('/api/resolve-fatebook-goal', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ \n apiKey: settings.fatebookApiKey,\n questionId: goalId,\n resolution\n })\n });\n \n if (!response.ok) {\n throw new Error('Failed to resolve goal');\n }\n \n alert(`Goal resolved as ${resolution}! 🎯`);\n window.location.reload();\n } catch (error) {\n alert('Failed to resolve goal. Please try again.');\n console.error('Goal resolution failed:', error);\n }\n };\n\n const handleUpdateForecast = async (goalId: string) => {\n const newForecast = prompt('Enter new forecast percentage (0-100):');\n if (!newForecast || !settings.fatebookApiKey) return;\n \n const forecast = parseFloat(newForecast);\n if (isNaN(forecast) || forecast < 0 || forecast > 100) {\n alert('Please enter a valid percentage between 0 and 100');\n return;\n }\n\n try {\n const response = await fetch('/api/update-fatebook-forecast', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ \n apiKey: settings.fatebookApiKey,\n questionId: goalId,\n forecast\n })\n });\n \n if (!response.ok) {\n throw new Error('Failed to update forecast');\n }\n \n alert(`Forecast updated to ${forecast}%! 📈`);\n } catch (error) {\n alert('Failed to update forecast. Please try again.');\n console.error('Forecast update failed:', error);\n }\n };\n\n return (\n

\n {/* Header */}\n

\n Today's Goal\n

\n \n \n Settings\n \n

\n\n {/* Today's Goal Card */}\n

\n \n

\n {goalAmount} {unit} Goal\n

\n {todaysGoal.resolved \n ? `${todaysGoal.resolution === 'YES' ? 'Completed!' : 'Missed'} - Resolved ${new Date(todaysGoal.resolvedAt).toLocaleDateString()}`\n : 'Active goal for today'\n }\n

\n \n {!todaysGoal.resolved && (\n

\n handleResolveGoal(todaysGoal.id, 'YES')}\n style={{\n padding: '12px 24px',\n background: '#059669',\n color: 'white',\n border: 'none',\n borderRadius: '8px',\n fontSize: '16px',\n fontWeight: '700',\n cursor: 'pointer'\n }}\n >\n ✅ Mark Complete\n \n handleResolveGoal(todaysGoal.id, 'NO')}\n style={{\n padding: '12px 24px',\n background: '#dc2626',\n color: 'white',\n border: 'none',\n borderRadius: '8px',\n fontSize: '16px',\n fontWeight: '700',\n cursor: 'pointer'\n }}\n >\n ❌ Mark Missed\n \n handleUpdateForecast(todaysGoal.id)}\n style={{\n padding: '12px 24px',\n background: 'white',\n color: '#f59e0b',\n border: 'none',\n borderRadius: '8px',\n fontSize: '16px',\n fontWeight: '700',\n cursor: 'pointer'\n }}\n >\n 📈 Update Forecast\n \n

\n )}\n \n {todaysGoal.resolved && (\n window.location.reload()}\n style={{\n padding: '12px 24px',\n background: 'white',\n color: todaysGoal.resolution === 'YES' ? '#059669' : '#dc2626',\n border: 'none',\n borderRadius: '8px',\n fontSize: '16px',\n fontWeight: '700',\n cursor: 'pointer'\n }}\n >\n 🔄 New Analysis\n \n )}\n

\n\n {/* Goal History - Using reusable component */}\n {pastGoals.length > 0 && (\n

\n Goal History\n

\n \n

\n )}\n

\n );\n}",[],[152,204],[152],{"_102":212,"_95":213,"_153":214,"_155":-5,"_156":138,"_157":158,"_159":160,"_104":215,"_99":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":216,"_98":241},"77382954-4b9f-11f0-bf3d-76b3cceeab13","utils","6b2ef505-7d74-464d-8320-5c4f3eee26b5",["D",1750180872038],[217,225,233],{"_102":218,"_95":219,"_153":220,"_155":214,"_156":138,"_157":158,"_159":160,"_104":221,"_99":32,"_162":174,"_164":222,"_165":22,"_166":-5,"_167":223,"_98":224},"77382396-4b9f-11f0-bf3d-76b3cceeab13","calculations.ts","7738240e-4b9f-11f0-bf3d-76b3cceeab13",["D",1750180872038],"import { Settings } from \"./storage.ts\";\n\nexport function getOptions(settings: Settings): number[] {\n const options = [];\n for (let i = settings.minValue; i <= settings.maxValue; i += settings.increment) {\n options.push(Number(i.toFixed(1))); // Avoid floating point precision issues\n }\n return options;\n}\n\nexport function calculateExpectedValues(options: number[], probabilities: Record) {\n return options.map(value => ({\n value,\n expectedValue: (probabilities[value] || 0) * value,\n probability: probabilities[value] || 0\n }));\n}\n\nexport function getUnit(settings: Settings, value: number): string {\n if (settings.usePomodoros) {\n return value === 1 ? 'pomodoro' : 'pomodoros';\n } else {\n return value === 1 ? 'hour' : 'hours';\n }\n}",[],[213,219],{"_102":226,"_95":227,"_153":228,"_155":214,"_156":138,"_157":158,"_159":160,"_104":229,"_99":32,"_162":174,"_164":230,"_165":22,"_166":-5,"_167":231,"_98":232},"77382508-4b9f-11f0-bf3d-76b3cceeab13","fatebook.ts","77382576-4b9f-11f0-bf3d-76b3cceeab13",["D",1750180872038],"export interface FatebookGoal {\n id: string;\n title: string;\n resolution?: string;\n resolved: boolean;\n resolvedAt?: string;\n createdAt: string;\n forecasts: Array<{\n forecast: string;\n createdAt: string;\n }>;\n}\n\nexport async function fetchPastGoals(apiKey: string): Promise {\n const response = await fetch('/api/fatebook-goals', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ apiKey })\n });\n \n if (!response.ok) {\n throw new Error(`Failed to fetch goals: ${response.status}`);\n }\n \n const data = await response.json();\n return data.goals || [];\n}\n\nexport async function createFatebookGoal(\n apiKey: string,\n goalValue: number,\n unit: string,\n confidence: number\n): Promise {\n const response = await fetch('/api/create-fatebook-goal', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ \n apiKey,\n goalValue,\n unit,\n confidence\n })\n });\n \n if (!response.ok) {\n throw new Error(`Failed to create goal: ${response.status}`);\n }\n}",[],[213,227],{"_102":234,"_95":235,"_153":236,"_155":214,"_156":138,"_157":158,"_159":160,"_104":237,"_99":32,"_162":174,"_164":238,"_165":22,"_166":-5,"_167":239,"_98":240},"7738268e-4b9f-11f0-bf3d-76b3cceeab13","storage.ts","773826fc-4b9f-11f0-bf3d-76b3cceeab13",["D",1750180872038],"export interface Settings {\n minValue: number;\n maxValue: number;\n increment: number;\n usePomodoros: boolean;\n fatebookApiKey: string;\n}\n\nconst DEFAULT_SETTINGS: Settings = {\n minValue: 1,\n maxValue: 6,\n increment: 0.5,\n usePomodoros: false,\n fatebookApiKey: ''\n};\n\nexport function loadSettings(): Settings {\n if (typeof localStorage === 'undefined') return DEFAULT_SETTINGS;\n \n try {\n const saved = localStorage.getItem('evgs-settings');\n return saved ? { ...DEFAULT_SETTINGS, ...JSON.parse(saved) } : DEFAULT_SETTINGS;\n } catch (error) {\n console.error('Failed to load settings:', error);\n return DEFAULT_SETTINGS;\n }\n}\n\nexport function saveSettings(settings: Settings): void {\n if (typeof localStorage === 'undefined') return;\n \n try {\n localStorage.setItem('evgs-settings', JSON.stringify(settings));\n } catch (error) {\n console.error('Failed to save settings:', error);\n }\n}",[],[213,235],[213],{"_102":243,"_95":244,"_153":245,"_155":-5,"_156":138,"_157":246,"_159":160,"_104":247,"_99":248,"_162":249,"_164":72,"_165":22,"_166":-5,"_167":250,"_98":251},"b1803582-4ba1-11f0-9e86-76b3cceeab13","images.md","ae3e2906-4ba1-11f0-bcc5-76b3cceeab13",16,["D",1750181828815],2,"file",[],[244],{"_102":253,"_95":254,"_153":255,"_155":-5,"_156":138,"_157":158,"_159":160,"_104":256,"_99":257,"_162":258,"_164":259,"_165":22,"_166":260,"_167":261,"_98":262},"77382aa8-4b9f-11f0-bf3d-76b3cceeab13","index.ts","1caa53ca-46e2-11f0-828e-76b3cceeab13",["D",1750180872038],6,"http","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { ProbabilityInputForm } from \"./components/ProbabilityInputForm.tsx\";\nimport { ResultsDisplay } from \"./components/ResultsDisplay.tsx\";\nimport { SettingsPanel } from \"./components/SettingsPanel.tsx\";\nimport { loadSettings, saveSettings } from \"./utils/storage.ts\";\nimport { getOptions, calculateExpectedValues } from \"./utils/calculations.ts\";\nimport { fetchPastGoals, createFatebookGoal } from \"./utils/fatebook.ts\";\n\nfunction App() {\n const [settings, setSettings] = useState(() => loadSettings());\n const [showSettings, setShowSettings] = useState(false);\n const [currentStep, setCurrentStep] = useState(0);\n const [probabilities, setProbabilities] = useState({});\n const [showResults, setShowResults] = useState(false);\n const [inputValue, setInputValue] = useState('');\n const [pastGoals, setPastGoals] = useState([]);\n const [loadingGoals, setLoadingGoals] = useState(false);\n\n // Save settings to localStorage whenever they change\n useEffect(() => {\n saveSettings(settings);\n }, [settings]);\n\n const options = getOptions(settings);\n const expectedValues = calculateExpectedValues(options, probabilities);\n const optimalGoal = expectedValues.reduce((max, current) => \n current.expectedValue > max.expectedValue ? current : max\n );\n\n // Fetch past goals from Fatebook\n const fetchGoals = async () => {\n if (!settings.fatebookApiKey) return;\n \n setLoadingGoals(true);\n try {\n const goals = await fetchPastGoals(settings.fatebookApiKey);\n setPastGoals(goals);\n } catch (error) {\n console.error('Failed to fetch Fatebook goals:', error);\n } finally {\n setLoadingGoals(false);\n }\n };\n\n // Create new goal in Fatebook\n const handleCreateFatebookGoal = async () => {\n if (!settings.fatebookApiKey || !optimalGoal) return;\n \n try {\n await createFatebookGoal(\n settings.fatebookApiKey,\n optimalGoal.value,\n settings.usePomodoros ? 'pomodoros' : 'hours',\n optimalGoal.probability\n );\n alert('Goal created in Fatebook! 🎯');\n fetchGoals(); // Refresh the goals list\n } catch (error) {\n alert('Failed to create Fatebook goal. Check your API key.');\n console.error('Fatebook goal creation failed:', error);\n }\n };\n\n useEffect(() => {\n if (settings.fatebookApiKey) {\n fetchGoals();\n }\n }, [settings.fatebookApiKey]);\n\n const handleProbabilityInput = (value) => {\n const prob = Math.max(0, Math.min(100, parseFloat(value) || 0)) / 100;\n const currentValue = options[currentStep];\n \n setProbabilities(prev => ({\n ...prev,\n [currentValue]: prob\n }));\n \n if (currentStep < options.length - 1) {\n setCurrentStep(currentStep + 1);\n setInputValue(value);\n } else {\n setShowResults(true);\n }\n };\n \n const resetProcess = () => {\n setCurrentStep(0);\n setProbabilities({});\n setShowResults(false);\n setInputValue('');\n };\n\n const handleSettingsUpdate = (newSettings) => {\n setSettings(newSettings);\n setShowSettings(false);\n // Reset if we've started\n if (currentStep > 0 || showResults) {\n resetProcess();\n }\n };\n\n if (showSettings) {\n return (\n setShowSettings(false)}\n />\n );\n }\n\n if (showResults) {\n return (\n setShowSettings(true)}\n />\n );\n }\n\n return (\n setShowSettings(true)}\n />\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") { \n client(); \n}\n\nexport default async function server(request: Request): Promise {\n const url = new URL(request.url);\n\n // Handle Fatebook API requests\n if (url.pathname === '/api/fatebook-goals' && request.method === 'POST') {\n const { apiKey } = await request.json();\n \n try {\n // Use searchString instead of filterTagIds for better results\n const response = await fetch(`https://fatebook.io/api/v0/getQuestions?apiKey=${apiKey}&searchString=evgs`, {\n method: 'GET',\n headers: {\n 'Content-Type': 'application/json',\n },\n });\n \n if (!response.ok) {\n throw new Error(`Fatebook API error: ${response.status}`);\n }\n \n const data = await response.json();\n // Filter the results to only include those with evgs-goals tag\n const allQuestions = data.items || [];\n const goals = allQuestions.filter(question => \n question.tags?.some(tag => tag.name === 'evgs-goals')\n );\n \n return new Response(JSON.stringify({ goals }), {\n headers: { 'Content-Type': 'application/json' }\n });\n } catch (error) {\n console.error('Fatebook fetch error:', error);\n return new Response(JSON.stringify({ error: 'Failed to fetch goals', details: error.message }), {\n status: 500,\n headers: { 'Content-Type': 'application/json' }\n });\n }\n }\n\n if (url.pathname === '/api/create-fatebook-goal' && request.method === 'POST') {\n const { apiKey, goalValue, unit, confidence } = await request.json();\n \n try {\n const title = `My goal is ${goalValue} ${unit} of work. Will I complete it?`;\n const resolveBy = new Date();\n resolveBy.setDate(resolveBy.getDate() + 1);\n resolveBy.setHours(3, 0, 0, 0); // 3 AM next day\n \n const params = new URLSearchParams({\n apiKey,\n title,\n forecast: confidence.toString(),\n resolveBy: resolveBy.toISOString().split('T')[0], // Just the date part\n tags: 'evgs-goals',\n sharePublicly: 'false'\n });\n \n const createResponse = await fetch(`https://fatebook.io/api/v0/createQuestion?${params}`, {\n method: 'GET'\n });\n \n if (!createResponse.ok) {\n const errorText = await createResponse.text();\n throw new Error(`Failed to create question: ${createResponse.status} - ${errorText}`);\n }\n \n return new Response(JSON.stringify({ success: true }), {\n headers: { 'Content-Type': 'application/json' }\n });\n } catch (error) {\n console.error('Fatebook creation error:', error);\n return new Response(JSON.stringify({ error: 'Failed to create goal', details: error.message }), {\n status: 500,\n headers: { 'Content-Type': 'application/json' }\n });\n }\n }\n\n // New endpoint for resolving goals\n if (url.pathname === '/api/resolve-fatebook-goal' && request.method === 'POST') {\n const { apiKey, questionId, resolution } = await request.json();\n \n try {\n const response = await fetch(`https://fatebook.io/api/v0/resolveQuestion`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify({\n apiKey,\n questionId,\n resolution,\n questionType: 'BINARY'\n })\n });\n \n if (!response.ok) {\n const errorText = await response.text();\n throw new Error(`Failed to resolve question: ${response.status} - ${errorText}`);\n }\n \n return new Response(JSON.stringify({ success: true }), {\n headers: { 'Content-Type': 'application/json' }\n });\n } catch (error) {\n console.error('Fatebook resolution error:', error);\n return new Response(JSON.stringify({ error: 'Failed to resolve goal', details: error.message }), {\n status: 500,\n headers: { 'Content-Type': 'application/json' }\n });\n }\n }\n\n // New endpoint for updating forecasts\n if (url.pathname === '/api/update-fatebook-forecast' && request.method === 'POST') {\n const { apiKey, questionId, forecast } = await request.json();\n \n try {\n const response = await fetch(`https://fatebook.io/api/v0/addForecast`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify({\n apiKey,\n questionId,\n forecast: forecast / 100 // Convert percentage to decimal\n })\n });\n \n if (!response.ok) {\n const errorText = await response.text();\n throw new Error(`Failed to update forecast: ${response.status} - ${errorText}`);\n }\n \n return new Response(JSON.stringify({ success: true }), {\n headers: { 'Content-Type': 'application/json' }\n });\n } catch (error) {\n console.error('Fatebook forecast update error:', error);\n return new Response(JSON.stringify({ error: 'Failed to update forecast', details: error.message }), {\n status: 500,\n headers: { 'Content-Type': 'application/json' }\n });\n }\n }\n\n return new Response(`\n \n \n EVGS - Expected Value Goal Setting\n \n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n });\n}\n\nconst css = `\nbody {\n margin: 0;\n font-family: system-ui, sans-serif;\n background: #fafafa;\n}\n\ninput:focus {\n outline: none;\n border-color: #4f46e5;\n box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1);\n}\n\nbutton:hover {\n opacity: 0.9;\n}\n\ninput[type=\"number\"]::-webkit-outer-spin-button,\ninput[type=\"number\"]::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n\ninput[type=\"number\"] {\n -moz-appearance: textfield;\n}\n`;","expectedwork",[],[254],{"_102":264,"_95":265,"_153":266,"_155":-5,"_156":138,"_157":267,"_159":160,"_104":268,"_99":158,"_162":249,"_164":269,"_165":22,"_166":-5,"_167":270,"_98":271},"f1d14b58-4ba1-11f0-9d50-76b3cceeab13","moi.md","b8f1ff6e-4b9f-11f0-88e7-76b3cceeab13",18,["D",1750181936719],"---\ntitle: \"expected-work\"\ndescription: \"Set your daily work goal by predicting the probability of achieving it.\"\nimageUrl: \"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/de28b7cc-a7af-4a87-ee09-d46b2ca3ea00/public\"\nurl: \"https://expectedwork.val.run\"\nauthor: \"dcm31\"\ntags: [\"val-town\"]\n---\n\n# workHoursProbabilityCalculator\n\nWork hours probability calculator with roughViz charts",[],[265],"files",[150,169,178,186,194,202,211,217,225,233,242,252,263],"counts",{"_276":32,"_277":278,"_279":32,"_280":281},"pulls","branches",3,"forks","envVars",{"_282":32,"_283":32},"count","emptyCount","contents",[286,289,292,295,298],{"_102":151,"_95":152,"_153":154,"_155":-5,"_156":138,"_157":158,"_159":160,"_104":287,"_99":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_98":288},["D",1750180872038],[152],{"_102":212,"_95":213,"_153":214,"_155":-5,"_156":138,"_157":158,"_159":160,"_104":290,"_99":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_98":291},["D",1750180872038],[213],{"_102":243,"_95":244,"_153":245,"_155":-5,"_156":138,"_157":246,"_159":160,"_104":293,"_99":248,"_162":249,"_164":72,"_165":22,"_166":-5,"_98":294},["D",1750181828815],[244],{"_102":253,"_95":254,"_153":255,"_155":-5,"_156":138,"_157":158,"_159":160,"_104":296,"_99":257,"_162":258,"_164":259,"_165":22,"_166":260,"_98":297},["D",1750180872038],[254],{"_102":264,"_95":265,"_153":266,"_155":-5,"_156":138,"_157":267,"_159":160,"_104":299,"_99":158,"_162":249,"_164":269,"_165":22,"_166":-5,"_98":300},["D",1750181936719],[265],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name._index",{"_93":94,"_95":96,"_97":-7,"_99":-7,"_100":309,"_284":314,"_325":-7,"_326":-5,"_327":-5,"_272":328,"_368":369,"_370":-5,"_371":-5},{"_102":103,"_95":96,"_104":310,"_106":-5,"_107":22,"_108":109,"_110":111,"_112":-5,"_14":113,"_114":-5,"_115":22,"_116":-5,"_117":118,"_16":119,"_120":121,"_122":121,"_123":124,"_125":124,"_126":124,"_127":121,"_128":121,"_23":311,"_132":312,"_135":313,"_147":22},["D",1749659708849],{"_93":94,"_130":131},{"_93":94,"_134":131},{"_99":137,"_95":43,"_102":138,"_139":103,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":96,"_146":94},[315,317,319,321,323],{"_102":151,"_95":152,"_153":154,"_155":-5,"_156":138,"_157":158,"_159":160,"_104":287,"_99":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_98":316},[152],{"_102":212,"_95":213,"_153":214,"_155":-5,"_156":138,"_157":158,"_159":160,"_104":290,"_99":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_98":318},[213],{"_102":243,"_95":244,"_153":245,"_155":-5,"_156":138,"_157":246,"_159":160,"_104":293,"_99":248,"_162":249,"_164":72,"_165":22,"_166":-5,"_98":320},[244],{"_102":253,"_95":254,"_153":255,"_155":-5,"_156":138,"_157":158,"_159":160,"_104":296,"_99":257,"_162":258,"_164":259,"_165":22,"_166":260,"_98":322},[254],{"_102":264,"_95":265,"_153":266,"_155":-5,"_156":138,"_157":267,"_159":160,"_104":299,"_99":158,"_162":249,"_164":269,"_165":22,"_166":-5,"_98":324},[265],"readme","upstream","pull",[329,331,334,337,340,343,347,349,352,355,359,362,365],{"_102":151,"_95":152,"_153":154,"_155":-5,"_156":138,"_157":158,"_159":160,"_104":161,"_99":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":330,"_98":346},[331,334,337,340,343],{"_102":170,"_95":171,"_153":172,"_155":154,"_156":138,"_157":158,"_159":160,"_104":173,"_99":32,"_162":174,"_164":175,"_165":22,"_166":-5,"_167":332,"_98":333},[],[152,171],{"_102":179,"_95":180,"_153":181,"_155":154,"_156":138,"_157":137,"_159":160,"_104":182,"_99":118,"_162":174,"_164":183,"_165":22,"_166":-5,"_167":335,"_98":336},[],[152,180],{"_102":187,"_95":188,"_153":189,"_155":154,"_156":138,"_157":158,"_159":160,"_104":190,"_99":32,"_162":174,"_164":191,"_165":22,"_166":-5,"_167":338,"_98":339},[],[152,188],{"_102":195,"_95":196,"_153":197,"_155":154,"_156":138,"_157":158,"_159":160,"_104":198,"_99":32,"_162":174,"_164":199,"_165":22,"_166":-5,"_167":341,"_98":342},[],[152,196],{"_102":203,"_95":204,"_153":205,"_155":154,"_156":138,"_157":158,"_159":160,"_104":206,"_99":32,"_162":174,"_164":207,"_165":22,"_166":-5,"_167":344,"_98":345},[],[152,204],[152],{"_102":212,"_95":213,"_153":214,"_155":-5,"_156":138,"_157":158,"_159":160,"_104":215,"_99":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":348,"_98":358},[349,352,355],{"_102":218,"_95":219,"_153":220,"_155":214,"_156":138,"_157":158,"_159":160,"_104":221,"_99":32,"_162":174,"_164":222,"_165":22,"_166":-5,"_167":350,"_98":351},[],[213,219],{"_102":226,"_95":227,"_153":228,"_155":214,"_156":138,"_157":158,"_159":160,"_104":229,"_99":32,"_162":174,"_164":230,"_165":22,"_166":-5,"_167":353,"_98":354},[],[213,227],{"_102":234,"_95":235,"_153":236,"_155":214,"_156":138,"_157":158,"_159":160,"_104":237,"_99":32,"_162":174,"_164":238,"_165":22,"_166":-5,"_167":356,"_98":357},[],[213,235],[213],{"_102":243,"_95":244,"_153":245,"_155":-5,"_156":138,"_157":246,"_159":160,"_104":247,"_99":248,"_162":249,"_164":72,"_165":22,"_166":-5,"_167":360,"_98":361},[],[244],{"_102":253,"_95":254,"_153":255,"_155":-5,"_156":138,"_157":158,"_159":160,"_104":256,"_99":257,"_162":258,"_164":259,"_165":22,"_166":260,"_167":363,"_98":364},[],[254],{"_102":264,"_95":265,"_153":266,"_155":-5,"_156":138,"_157":267,"_159":160,"_104":268,"_99":158,"_162":249,"_164":269,"_165":22,"_166":-5,"_167":366,"_98":367},[],[265],"previews",[362],"ahead","behind","actionData","errors"]

\n Goal Amount History\n

\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 \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 ⚙️ Settings\n

\n Today's Goal\n

\n {goalAmount} {unit} Goal\n

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

\n \n Results & Recommendations\n

\n \n Your Past Goals\n