\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}",[],[151,170],{"_107":178,"_100":179,"_152":180,"_154":153,"_155":139,"_156":157,"_158":159,"_109":181,"_104":31,"_161":173,"_163":182,"_164":27,"_165":-5,"_166":183,"_103":184},"7737ef5c-4b9f-11f0-bf3d-76b3cceeab13","ProbabilityInputForm.tsx","7737efd4-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 { 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 // 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 ↑↓ 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}",[],[151,179],{"_107":186,"_100":187,"_152":188,"_154":153,"_155":139,"_156":157,"_158":159,"_109":189,"_104":31,"_161":173,"_163":190,"_164":27,"_165":-5,"_166":191,"_103":192},"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}",[],[151,187],{"_107":194,"_100":195,"_152":196,"_154":153,"_155":139,"_156":157,"_158":159,"_109":197,"_104":31,"_161":173,"_163":198,"_164":27,"_165":-5,"_166":199,"_103":200},"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}",[],[151,195],{"_107":202,"_100":203,"_152":204,"_154":153,"_155":139,"_156":157,"_158":159,"_109":205,"_104":31,"_161":173,"_163":206,"_164":27,"_165":-5,"_166":207,"_103":208},"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}",[],[151,203],[151],{"_107":211,"_100":212,"_152":213,"_154":-5,"_155":139,"_156":157,"_158":159,"_109":214,"_104":31,"_161":162,"_163":-5,"_164":27,"_165":-5,"_166":215,"_103":240},"77382954-4b9f-11f0-bf3d-76b3cceeab13","utils","6b2ef505-7d74-464d-8320-5c4f3eee26b5",["D",1750180872038],[216,224,232],{"_107":217,"_100":218,"_152":219,"_154":213,"_155":139,"_156":157,"_158":159,"_109":220,"_104":31,"_161":173,"_163":221,"_164":27,"_165":-5,"_166":222,"_103":223},"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}",[],[212,218],{"_107":225,"_100":226,"_152":227,"_154":213,"_155":139,"_156":157,"_158":159,"_109":228,"_104":31,"_161":173,"_163":229,"_164":27,"_165":-5,"_166":230,"_103":231},"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}",[],[212,226],{"_107":233,"_100":234,"_152":235,"_154":213,"_155":139,"_156":157,"_158":159,"_109":236,"_104":31,"_161":173,"_163":237,"_164":27,"_165":-5,"_166":238,"_103":239},"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}",[],[212,234],[212],{"_107":242,"_100":243,"_152":244,"_154":-5,"_155":139,"_156":245,"_158":159,"_109":246,"_104":247,"_161":248,"_163":73,"_164":27,"_165":-5,"_166":249,"_103":250},"b1803582-4ba1-11f0-9e86-76b3cceeab13","images.md","ae3e2906-4ba1-11f0-bcc5-76b3cceeab13",16,["D",1750181828815],2,"file",[],[243],{"_107":252,"_100":253,"_152":254,"_154":-5,"_155":139,"_156":157,"_158":159,"_109":255,"_104":256,"_161":257,"_163":258,"_164":27,"_165":259,"_166":260,"_103":261},"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",[],[253],{"_107":263,"_100":264,"_152":265,"_154":-5,"_155":139,"_156":138,"_158":159,"_109":266,"_104":157,"_161":248,"_163":267,"_164":27,"_165":-5,"_166":268,"_103":269},"f1d14b58-4ba1-11f0-9d50-76b3cceeab13","moi.md","b8f1ff6e-4b9f-11f0-88e7-76b3cceeab13",["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",[],[264],"files",[149,168,177,185,193,201,210,216,224,232,241,251,262],"counts",{"_274":31,"_275":247,"_276":31,"_277":31},"pulls","branches","forks","envVars","contents",[280,283,286,289,292],{"_107":150,"_100":151,"_152":153,"_154":-5,"_155":139,"_156":157,"_158":159,"_109":281,"_104":31,"_161":162,"_163":-5,"_164":27,"_165":-5,"_103":282},["D",1750180872038],[151],{"_107":211,"_100":212,"_152":213,"_154":-5,"_155":139,"_156":157,"_158":159,"_109":284,"_104":31,"_161":162,"_163":-5,"_164":27,"_165":-5,"_103":285},["D",1750180872038],[212],{"_107":242,"_100":243,"_152":244,"_154":-5,"_155":139,"_156":245,"_158":159,"_109":287,"_104":247,"_161":248,"_163":73,"_164":27,"_165":-5,"_103":288},["D",1750181828815],[243],{"_107":252,"_100":253,"_152":254,"_154":-5,"_155":139,"_156":157,"_158":159,"_109":290,"_104":256,"_161":257,"_163":258,"_164":27,"_165":259,"_103":291},["D",1750180872038],[253],{"_107":263,"_100":264,"_152":265,"_154":-5,"_155":139,"_156":138,"_158":159,"_109":293,"_104":157,"_161":248,"_163":267,"_164":27,"_165":-5,"_103":294},["D",1750181936719],[264],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","routes/_app.x.$handle.$name.branch.$branch.history",{"_98":99,"_100":101,"_102":42,"_105":301,"_305":306,"_469":31,"_470":27},{"_107":108,"_100":101,"_109":302,"_111":-5,"_112":27,"_113":114,"_115":116,"_117":-5,"_12":118,"_119":-5,"_120":27,"_121":-5,"_122":31,"_123":124,"_125":124,"_126":127,"_128":127,"_129":127,"_130":124,"_131":124,"_132":27,"_21":303,"_136":304},["D",1749659708849],{"_98":99,"_134":135},{"_104":138,"_100":42,"_107":139,"_140":108,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":101,"_146":99},"history",[307,312,320,325,333,341,350,359,368,376,384,392,427,434,441,448,455,462],{"_152":265,"_104":138,"_109":308,"_155":139,"_270":309},["D",1750181936719],[310],{"_107":263,"_155":139,"_152":265,"_100":264,"_163":267,"_161":248,"_104":157,"_154":-5,"_109":308,"_156":138,"_165":-5,"_158":159,"_164":27,"_103":311},[264],{"_152":265,"_104":313,"_109":314,"_155":139,"_270":315},17,["D",1750181864585],[316],{"_107":317,"_155":139,"_152":265,"_100":264,"_163":318,"_161":248,"_104":256,"_154":-5,"_109":314,"_156":313,"_165":-5,"_158":27,"_164":27,"_103":319},"c6d270e4-4ba1-11f0-ae53-76b3cceeab13","---\ntitle: \"expected-work\"\ndescription: \"Work hours probability calculator with roughViz charts\"\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",[264],{"_152":244,"_104":245,"_109":321,"_155":139,"_270":322},["D",1750181828815],[323],{"_107":242,"_155":139,"_152":244,"_100":243,"_163":73,"_161":248,"_104":247,"_154":-5,"_109":321,"_156":245,"_165":-5,"_158":159,"_164":27,"_103":324},[243],{"_152":244,"_104":326,"_109":327,"_155":139,"_270":328},15,["D",1750181828773],[329],{"_107":330,"_155":139,"_152":244,"_100":243,"_163":73,"_161":173,"_104":331,"_154":-5,"_109":327,"_156":326,"_165":-5,"_158":27,"_164":27,"_103":332},"b17a8f60-4ba1-11f0-9e86-76b3cceeab13",1,[243],{"_152":244,"_104":334,"_109":335,"_155":139,"_270":336},14,["D",1750181823352],[337],{"_107":338,"_155":139,"_152":244,"_100":339,"_163":73,"_161":173,"_104":31,"_154":-5,"_109":335,"_156":334,"_165":-5,"_158":27,"_164":27,"_103":340},"ae3e2848-4ba1-11f0-bcc5-76b3cceeab13","new-file-8030.tsx",[339],{"_152":265,"_104":342,"_109":343,"_155":139,"_270":344},13,["D",1750181815575],[345],{"_107":346,"_155":139,"_152":265,"_100":264,"_163":347,"_161":248,"_104":348,"_154":-5,"_109":343,"_156":342,"_165":-5,"_158":27,"_164":27,"_103":349},"a99bf3ba-4ba1-11f0-989d-76b3cceeab13","---\ntitle: \"expected-work\"\ndescription: \"Work hours probability calculator with roughViz charts\"\nimageUrl: \"\"\nurl: \"https://expectedwork.val.run\"\nauthor: \"dcm31\"\ntags: [\"val-town\"]\n---\n\n# workHoursProbabilityCalculator\n\nWork hours probability calculator with roughViz charts",5,[264],{"_152":265,"_104":351,"_109":352,"_155":139,"_270":353},12,["D",1750181285897],[354],{"_107":355,"_155":139,"_152":265,"_100":264,"_163":356,"_161":248,"_104":357,"_154":-5,"_109":352,"_156":351,"_165":-5,"_158":27,"_164":27,"_103":358},"6de62aee-4ba0-11f0-8422-76b3cceeab13","---\ntitle: \"expected-work\"\ndescription: \"Work hours probability calculator with roughViz charts\"\nurl: \"https://expectedwork.val.run\"\nauthor: \"dcm31\"\ntags: [\"val-town\"]\n---\n\n# workHoursProbabilityCalculator\n\nWork hours probability calculator with roughViz charts",4,[264],{"_152":265,"_104":360,"_109":361,"_155":139,"_270":362},11,["D",1750181231943],[363],{"_107":364,"_155":139,"_152":265,"_100":264,"_163":365,"_161":248,"_104":366,"_154":-5,"_109":361,"_156":360,"_165":-5,"_158":27,"_164":27,"_103":367},"4dbd0b84-4ba0-11f0-aa91-76b3cceeab13","---\ntitle: \"expected-work\"\ndescription: \"Work hours probability calculator with roughViz charts\"\nurl: \"https://www.expectedwork.val.run\"\nauthor: \"dcm31\"\ntags: [\"val-town\"]\n---\n\n# workHoursProbabilityCalculator\n\nWork hours probability calculator with roughViz charts",3,[264],{"_152":265,"_104":369,"_109":370,"_155":139,"_270":371},10,["D",1750181110073],[372],{"_107":373,"_155":139,"_152":265,"_100":264,"_163":374,"_161":248,"_104":247,"_154":-5,"_109":370,"_156":369,"_165":-5,"_158":27,"_164":27,"_103":375},"0519ad7e-4ba0-11f0-8adb-76b3cceeab13","---\ntitle: \"expected-work\"\ndescription: \"Work hours probability calculator with roughViz charts\"\nurl: \"expectedwork.val.run\"\nauthor: \"dcm31\"\ntags: [\"val-town\"]\n---\n\n# workHoursProbabilityCalculator\n\nWork hours probability calculator with roughViz charts",[264],{"_152":265,"_104":377,"_109":378,"_155":139,"_270":379},9,["D",1750181016644],[380],{"_107":381,"_155":139,"_152":265,"_100":264,"_163":382,"_161":248,"_104":331,"_154":-5,"_109":378,"_156":377,"_165":-5,"_158":27,"_164":27,"_103":383},"cd68a952-4b9f-11f0-85a2-76b3cceeab13","---\ntitle: \"expected-work\"\ndescription: \"Work hours probability calculator with roughViz charts\"\nurl: \"expected-work.val.run\"\nauthor: \"dcm31\"\ntags: [\"val-town\"]\n---\n\n# workHoursProbabilityCalculator\n\nWork hours probability calculator with roughViz charts",[264],{"_152":265,"_104":385,"_109":386,"_155":139,"_270":387},8,["D",1750180982316],[388],{"_107":389,"_155":139,"_152":265,"_100":264,"_163":390,"_161":248,"_104":31,"_154":-5,"_109":386,"_156":385,"_165":-5,"_158":27,"_164":27,"_103":391},"b8f1feb0-4b9f-11f0-88e7-76b3cceeab13","---\ntitle: \"workHoursProbabilityCalculator\"\ndescription: \"Work hours probability calculator with roughViz charts\"\nurl: \"fe\"\nauthor: \"dcm31\"\ntags: [\"val-town\"]\n---\n\n# workHoursProbabilityCalculator\n\nWork hours probability calculator with roughViz charts",[264],{"_152":213,"_104":157,"_109":393,"_155":139,"_270":394},["D",1750180872038],[395,397,400,403,406,409,412,415,418,421,424],{"_107":211,"_155":139,"_152":213,"_100":212,"_163":-5,"_161":162,"_104":31,"_154":-5,"_109":393,"_156":157,"_165":-5,"_158":159,"_164":27,"_103":396},[212],{"_107":150,"_155":139,"_152":153,"_100":151,"_163":-5,"_161":162,"_104":31,"_154":-5,"_109":398,"_156":157,"_165":-5,"_158":159,"_164":27,"_103":399},["D",1750180872038],[151],{"_107":225,"_155":139,"_152":227,"_100":226,"_163":229,"_161":173,"_104":31,"_154":213,"_109":401,"_156":157,"_165":-5,"_158":159,"_164":27,"_103":402},["D",1750180872038],[212,226],{"_107":169,"_155":139,"_152":171,"_100":170,"_163":174,"_161":173,"_104":31,"_154":153,"_109":404,"_156":157,"_165":-5,"_158":159,"_164":27,"_103":405},["D",1750180872038],[151,170],{"_107":252,"_155":139,"_152":254,"_100":253,"_163":258,"_161":257,"_104":256,"_154":-5,"_109":407,"_156":157,"_165":259,"_158":159,"_164":27,"_103":408},["D",1750180872038],[253],{"_107":178,"_155":139,"_152":180,"_100":179,"_163":182,"_161":173,"_104":31,"_154":153,"_109":410,"_156":157,"_165":-5,"_158":159,"_164":27,"_103":411},["D",1750180872038],[151,179],{"_107":186,"_155":139,"_152":188,"_100":187,"_163":190,"_161":173,"_104":31,"_154":153,"_109":413,"_156":157,"_165":-5,"_158":159,"_164":27,"_103":414},["D",1750180872038],[151,187],{"_107":194,"_155":139,"_152":196,"_100":195,"_163":198,"_161":173,"_104":31,"_154":153,"_109":416,"_156":157,"_165":-5,"_158":159,"_164":27,"_103":417},["D",1750180872038],[151,195],{"_107":233,"_155":139,"_152":235,"_100":234,"_163":237,"_161":173,"_104":31,"_154":213,"_109":419,"_156":157,"_165":-5,"_158":159,"_164":27,"_103":420},["D",1750180872038],[212,234],{"_107":202,"_155":139,"_152":204,"_100":203,"_163":206,"_161":173,"_104":31,"_154":153,"_109":422,"_156":157,"_165":-5,"_158":159,"_164":27,"_103":423},["D",1750180872038],[151,203],{"_107":217,"_155":139,"_152":219,"_100":218,"_163":221,"_161":173,"_104":31,"_154":213,"_109":425,"_156":157,"_165":-5,"_158":159,"_164":27,"_103":426},["D",1750180872038],[212,218],{"_152":254,"_104":256,"_109":428,"_155":139,"_270":429},["D",1749734573117],[430],{"_107":431,"_155":139,"_152":254,"_100":253,"_163":432,"_161":257,"_104":348,"_154":-5,"_109":428,"_156":256,"_165":259,"_158":27,"_164":27,"_103":433},"58548586-4790-11f0-b628-76b3cceeab13","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect, useRef } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\nfunction App() {\n // Create array for 0.5 to 6 hours in 0.5 increments\n const hourOptions = [];\n for (let i = 0.5; i <= 6; i += 0.5) {\n hourOptions.push(i);\n }\n \n const [currentStep, setCurrentStep] = useState(0);\n const [probabilities, setProbabilities] = useState({});\n const [showResults, setShowResults] = useState(false);\n const [inputValue, setInputValue] = useState('');\n \n const probChartRef = useRef(null);\n const expectedChartRef = useRef(null);\n \n // Calculate expected values for each hour increment\n const expectedValues = hourOptions.map(hour => ({\n hour,\n expectedValue: (probabilities[hour] || 0) * hour,\n probability: probabilities[hour] || 0\n }));\n \n // Find the hour with highest expected value\n const optimalGoal = expectedValues.reduce((max, current) => \n current.expectedValue > max.expectedValue ? current : max\n );\n \n const handleProbabilityInput = (value) => {\n const prob = Math.max(0, Math.min(100, parseFloat(value) || 0)) / 100;\n const currentHour = hourOptions[currentStep];\n \n setProbabilities(prev => ({\n ...prev,\n [currentHour]: prob\n }));\n \n if (currentStep < hourOptions.length - 1) {\n setCurrentStep(currentStep + 1);\n // Pre-fill next input with current value for easier adjustment\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 updateCharts = () => {\n if (!window.echarts || !showResults) return;\n \n // Probability chart\n if (probChartRef.current) {\n const chart = window.echarts.init(probChartRef.current);\n \n const option = {\n title: {\n text: 'Your Goal Achievement Probabilities (%)',\n left: 'center',\n textStyle: { fontSize: 16 }\n },\n tooltip: {\n trigger: 'axis',\n formatter: function(params) {\n const hour = params[0].name;\n const prob = probabilities[parseFloat(hour.replace('h', ''))];\n return `Goal: ${hour}
Success Probability: ${(prob * 100).toFixed(1)}%`;\n }\n },\n xAxis: {\n type: 'category',\n data: hourOptions.map(h => `${h}h`),\n axisLabel: { fontSize: 12 }\n },\n yAxis: {\n type: 'value',\n max: 100,\n axisLabel: {\n formatter: '{value}%',\n fontSize: 12\n }\n },\n series: [{\n type: 'bar',\n data: hourOptions.map(hour => ({\n value: (probabilities[hour] || 0) * 100,\n itemStyle: {\n color: hour === optimalGoal.hour ? '#dc2626' : '#4f46e5'\n }\n })),\n animationDelay: function (idx) {\n return idx * 50;\n }\n }]\n };\n \n chart.setOption(option);\n }\n \n // Expected value chart\n if (expectedChartRef.current) {\n const chart = window.echarts.init(expectedChartRef.current);\n \n const option = {\n title: {\n text: 'Expected Value for Each Goal (Hours)',\n left: 'center',\n textStyle: { fontSize: 16 }\n },\n tooltip: {\n trigger: 'axis',\n formatter: function(params) {\n const hour = parseFloat(params[0].name.replace('h', ''));\n const prob = probabilities[hour] || 0;\n const ev = prob * hour;\n return `${params[0].name} goal:
\n ${(prob * 100).toFixed(1)}% chance × ${hour} hours
\n = ${ev.toFixed(2)} expected hours`;\n }\n },\n xAxis: {\n type: 'category',\n data: hourOptions.map(h => `${h}h`),\n axisLabel: { fontSize: 12 }\n },\n yAxis: {\n type: 'value',\n axisLabel: {\n formatter: '{value}h',\n fontSize: 12\n }\n },\n series: [{\n type: 'bar',\n data: expectedValues.map(item => ({\n value: item.expectedValue,\n itemStyle: {\n color: item.hour === optimalGoal.hour ? '#dc2626' : '#059669'\n }\n })),\n animationDelay: function (idx) {\n return idx * 50;\n }\n }]\n };\n \n chart.setOption(option);\n }\n };\n \n useEffect(() => {\n if (showResults) {\n const timer = setTimeout(updateCharts, 100);\n return () => clearTimeout(timer);\n }\n }, [showResults, probabilities]);\n \n const ProbabilityInputForm = () => {\n const currentHour = hourOptions[currentStep];\n \n // Handle keyboard navigation\n useEffect(() => {\n const handleKeyDown = (e) => {\n if (e.target.type === 'number') {\n const currentVal = parseInt(inputValue) || 0;\n let newVal = currentVal;\n \n switch(e.key) {\n case 'ArrowUp':\n e.preventDefault();\n newVal = Math.min(100, currentVal + 10);\n break;\n case 'ArrowDown':\n e.preventDefault();\n newVal = Math.max(0, currentVal - 10);\n break;\n case 'ArrowRight':\n e.preventDefault();\n newVal = Math.min(100, currentVal + 1);\n break;\n case 'ArrowLeft':\n e.preventDefault();\n newVal = Math.max(0, currentVal - 1);\n break;\n case 'Enter':\n e.preventDefault();\n handleSubmit(e);\n return;\n default:\n return;\n }\n setInputValue(newVal.toString());\n }\n };\n \n document.addEventListener('keydown', handleKeyDown);\n return () => document.removeEventListener('keydown', handleKeyDown);\n }, [inputValue]);\n \n const handleSubmit = (e) => {\n e.preventDefault();\n handleProbabilityInput(inputValue);\n };\n \n return (\n

\n Expected Value Goal Setting (EVGS)\n

\n \n

\n Question {currentStep + 1} of {hourOptions.length}\n

\n What's your probability of working AT LEAST {currentHour} hours today?\n

\n Think of this as: \"If I set my goal at {currentHour} hours, what's the chance I'll actually achieve it?\"\n

\n \n

\n setInputValue(e.target.value)}\n placeholder=\"Enter percentage\"\n style={{\n padding: '20px',\n fontSize: '48px',\n fontWeight: 'bold',\n border: '3px solid #d1d5db',\n borderRadius: '12px',\n width: '200px',\n textAlign: 'center',\n background: '#ffffff'\n }}\n autoFocus\n />\n %\n

\n \n {/* Keyboard controls indicator */}\n

Keyboard Controls:

\n ↑↓ Tens (±10)\n ←→ Ones (±1)\n Enter to confirm\n

\n \n \n

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

\n {hourOptions.map((_, index) => (\n \n ))}\n

\n \n {/* Show entered probabilities */}\n {currentStep > 0 && (\n

Your answers so far:

\n {hourOptions.slice(0, currentStep).map(hour => (\n

\n {hour} hours:\n \n {((probabilities[hour] || 0) * 100).toFixed(0)}%\n \n

\n ))}\n

\n )}\n

\n );\n };\n \n const ResultsDisplay = () => {\n return (\n

🎯 Your EVGS Results

\n \n

\n 🏆 OPTIMAL GOAL: {optimalGoal.hour} hours\n

\n Expected Value: {optimalGoal.expectedValue.toFixed(2)} hours
\n ({(optimalGoal.probability * 100).toFixed(0)}% success chance × {optimalGoal.hour} hours)\n

\n \n \n

\n \n

Your Goal Achievement Probabilities:

\n \n

Expected Values Comparison:

\n \n

🧠 Why {optimalGoal.hour} hours is optimal:

Sweet spot: You have {(optimalGoal.probability * 100).toFixed(0)}% confidence you can achieve it
Meaningful goal: {optimalGoal.hour} hours represents substantial work
Expected value: {optimalGoal.expectedValue.toFixed(2)} hours - the best risk/reward ratio
Mathematical optimum: Higher goals have lower probability, lower goals leave expected value on the table

\n \n

\n {expectedValues.map(item => (\n

{item.hour}h goal

{(item.probability * 100).toFixed(0)}% chance

\n EV: {item.expectedValue.toFixed(2)}h\n

\n ))}\n

\n \n \n

\n );\n };\n \n return (\n

\n {!showResults ? : }\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 return new Response(`\n \n \n EVGS - Expected Value Goal Setting\n \n \n \n \n \n

\n Expected Value Goal Setting (EVGS)\n

\n \n

\n Question {currentStep + 1} of {hourOptions.length}\n

\n What's your probability of working AT LEAST {currentHour} hours today?\n

\n Think of this as: \"If I set my goal at {currentHour} hours, what's the chance I'll actually achieve it?\"\n

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

\n {hourOptions.map((_, index) => (\n \n ))}\n

\n \n {/* Show entered probabilities */}\n {currentStep > 0 && (\n

Your answers so far:

\n {hourOptions.slice(0, currentStep).map(hour => (\n

\n {hour} hours:\n \n {((probabilities[hour] || 0) * 100).toFixed(0)}%\n \n

\n ))}\n

\n )}\n

\n );\n };\n \n const ResultsDisplay = () => {\n return (\n

🎯 Your EVGS Results

\n \n

\n 🏆 OPTIMAL GOAL: {optimalGoal.hour} hours\n

\n Expected Value: {optimalGoal.expectedValue.toFixed(2)} hours
\n ({(optimalGoal.probability * 100).toFixed(0)}% success chance × {optimalGoal.hour} hours)\n

\n \n \n

\n \n

Your Goal Achievement Probabilities:

\n \n

Expected Values Comparison:

\n \n

🧠 Why {optimalGoal.hour} hours is optimal:

Sweet spot: You have {(optimalGoal.probability * 100).toFixed(0)}% confidence you can achieve it
Meaningful goal: {optimalGoal.hour} hours represents substantial work
Expected value: {optimalGoal.expectedValue.toFixed(2)} hours - the best risk/reward ratio
Mathematical optimum: Higher goals have lower probability, lower goals leave expected value on the table

\n \n

\n {expectedValues.map(item => (\n

{item.hour}h goal

{(item.probability * 100).toFixed(0)}% chance

\n EV: {item.expectedValue.toFixed(2)}h\n

\n ))}\n

\n \n \n

\n );\n };\n \n return (\n

\n {!showResults ? : }\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}\n\nbutton:hover {\n opacity: 0.9;\n}\n`;",[253],{"_152":254,"_104":357,"_109":442,"_155":139,"_270":443},["D",1749661168376],[444],{"_107":445,"_155":139,"_152":254,"_100":253,"_163":446,"_161":257,"_104":366,"_154":-5,"_109":442,"_156":357,"_165":259,"_158":27,"_164":27,"_103":447},"6fb29138-46e5-11f0-a558-76b3cceeab13","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect, useRef } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\nfunction App() {\n // Create array for 0.5 to 6 hours in 0.5 increments\n const hourOptions = [];\n for (let i = 0.5; i <= 6; i += 0.5) {\n hourOptions.push(i);\n }\n \n // Initialize with dcm31's actual probabilities\n const [probabilities, setProbabilities] = useState({\n 0.5: 1.00, // 100%\n 1: 0.93, // 93%\n 1.5: 0.92, // 92%\n 2: 0.85, // 85%\n 2.5: 0.80, // 80%\n 3: 0.72, // 72%\n 3.5: 0.70, // 70%\n 4: 0.55, // 55%\n 4.5: 0.39, // 39%\n 5: 0.32, // 32%\n 5.5: 0.15, // 15%\n 6: 0.10 // 10%\n });\n \n const probChartRef = useRef(null);\n const expectedChartRef = useRef(null);\n \n // Calculate expected values for each hour increment\n const expectedValues = hourOptions.map(hour => ({\n hour,\n expectedValue: probabilities[hour] * hour,\n probability: probabilities[hour]\n }));\n \n // Find the hour with highest expected value\n const optimalGoal = expectedValues.reduce((max, current) => \n current.expectedValue > max.expectedValue ? current : max\n );\n \n const updateProbChart = () => {\n if (!window.echarts || !probChartRef.current) return;\n \n const chart = window.echarts.init(probChartRef.current);\n \n const option = {\n title: {\n text: 'Probability of Achieving AT LEAST X Hours (%)',\n left: 'center',\n textStyle: { fontSize: 16 }\n },\n tooltip: {\n trigger: 'axis',\n formatter: function(params) {\n const hour = params[0].name;\n const prob = probabilities[parseFloat(hour.replace('h', ''))];\n return `Goal: ${hour}
Success Probability: ${(prob * 100).toFixed(1)}%
Click to adjust`;\n }\n },\n xAxis: {\n type: 'category',\n data: hourOptions.map(h => `${h}h`),\n axisLabel: { fontSize: 12 }\n },\n yAxis: {\n type: 'value',\n max: 100,\n axisLabel: {\n formatter: '{value}%',\n fontSize: 12\n }\n },\n series: [{\n type: 'bar',\n data: hourOptions.map(hour => ({\n value: probabilities[hour] * 100,\n itemStyle: {\n color: hour === optimalGoal.hour ? '#dc2626' : '#4f46e5'\n }\n })),\n animationDelay: function (idx) {\n return idx * 50;\n }\n }]\n };\n \n chart.setOption(option);\n \n // Add click interaction to adjust probabilities\n chart.on('click', function(params) {\n const hour = hourOptions[params.dataIndex];\n const newProb = prompt(`Set probability for achieving at least ${hour} hours (0-100%):`, (probabilities[hour] * 100).toFixed(1));\n if (newProb !== null) {\n const prob = Math.max(0, Math.min(100, parseFloat(newProb))) / 100;\n if (!isNaN(prob)) {\n setProbabilities(prev => ({\n ...prev,\n [hour]: prob\n }));\n }\n }\n });\n \n return chart;\n };\n \n const updateExpectedChart = () => {\n if (!window.echarts || !expectedChartRef.current) return;\n \n const chart = window.echarts.init(expectedChartRef.current);\n \n const option = {\n title: {\n text: 'Expected Value for Each Goal (Hours)',\n left: 'center',\n textStyle: { fontSize: 16 }\n },\n tooltip: {\n trigger: 'axis',\n formatter: function(params) {\n const hour = parseFloat(params[0].name.replace('h', ''));\n const prob = probabilities[hour];\n const ev = prob * hour;\n return `${params[0].name} goal:
\n ${(prob * 100).toFixed(1)}% chance × ${hour} hours
\n = ${ev.toFixed(2)} expected hours`;\n }\n },\n xAxis: {\n type: 'category',\n data: hourOptions.map(h => `${h}h`),\n axisLabel: { fontSize: 12 }\n },\n yAxis: {\n type: 'value',\n axisLabel: {\n formatter: '{value}h',\n fontSize: 12\n }\n },\n series: [{\n type: 'bar',\n data: expectedValues.map(item => ({\n value: item.expectedValue,\n itemStyle: {\n color: item.hour === optimalGoal.hour ? '#dc2626' : '#059669'\n }\n })),\n animationDelay: function (idx) {\n return idx * 50;\n }\n }]\n };\n \n chart.setOption(option);\n \n return chart;\n };\n \n useEffect(() => {\n const timer = setTimeout(() => {\n updateProbChart();\n updateExpectedChart();\n }, 100);\n \n return () => clearTimeout(timer);\n }, [probabilities]);\n \n // Manual probability input\n const updateProbability = (hour, value) => {\n const prob = Math.max(0, Math.min(1, value));\n setProbabilities(prev => ({\n ...prev,\n [hour]: prob\n }));\n };\n \n return (\n

🎯 dcm31's Optimal Work Goal Calculator

\n \n

\n 🏆 OPTIMAL GOAL: {optimalGoal.hour} hours\n

\n Expected Value: {optimalGoal.expectedValue.toFixed(2)} hours
\n ({(optimalGoal.probability * 100).toFixed(0)}% success chance × {optimalGoal.hour} hours)\n

\n \n

Your Goal Achievement Probabilities:

\n Each bar shows your probability of achieving at least that work goal. Click bars to adjust.\n

\n \n

Expected Values Comparison:

\n Expected value = probability × goal hours. The red bar shows your optimal goal.\n

\n \n

🧠 Why 3.5 hours is optimal:

Sweet spot: You have 70% confidence you can achieve it (high probability)
Meaningful goal: 3.5 hours is substantial work, not just token effort
Expected value: 2.45 hours - the best risk/reward ratio
Better than alternatives: 4h goal drops to 55% probability, 3h has lower total expected value

\n \n

\n {expectedValues.map(item => (\n

{item.hour}h goal

{(item.probability * 100).toFixed(0)}% chance

\n EV: {item.expectedValue.toFixed(2)}h\n

\n ))}\n

\n \n {/* Manual adjustment sliders */}\n

\n 🔧 Manual Adjustments (Click to expand)\n

\n {hourOptions.map(hour => (\n

\n \n {hour}h\n \n updateProbability(hour, parseFloat(e.target.value))}\n style={{ width: '100%', marginBottom: '5px' }}\n />\n

\n {(probabilities[hour] * 100).toFixed(0)}%\n

\n ))}\n

\n \n \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 return new Response(`\n \n \n dcm31's Optimal Work Hours Calculator\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[type=\"range\"] {\n -webkit-appearance: none;\n appearance: none;\n height: 4px;\n border-radius: 2px;\n background: #ddd;\n outline: none;\n}\n\ninput[type=\"range\"]::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n width: 16px;\n height: 16px;\n border-radius: 50%;\n background: #4f46e5;\n cursor: pointer;\n}\n\ninput[type=\"range\"]::-moz-range-thumb {\n width: 16px;\n height: 16px;\n border-radius: 50%;\n background: #4f46e5;\n cursor: pointer;\n border: none;\n}\n\ndetails summary {\n padding: 10px;\n background: #f3f4f6;\n border-radius: 6px;\n}\n\ndetails[open] summary {\n margin-bottom: 15px;\n}\n`;",[253],{"_152":254,"_104":366,"_109":449,"_155":139,"_270":450},["D",1749660679495],[451],{"_107":452,"_155":139,"_152":254,"_100":253,"_163":453,"_161":257,"_104":247,"_154":-5,"_109":449,"_156":366,"_165":259,"_158":27,"_164":27,"_103":454},"4c4cf428-46e4-11f0-999f-76b3cceeab13","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect, useRef } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\nfunction App() {\n // Create array for 0.5 to 6 hours in 0.5 increments\n const hourOptions = [];\n for (let i = 0.5; i <= 6; i += 0.5) {\n hourOptions.push(i);\n }\n \n // Initialize probabilities with reasonable defaults\n const [probabilities, setProbabilities] = useState(\n hourOptions.reduce((acc, hour) => {\n acc[hour] = Math.max(0.1, 1 - (hour / 8)); // Decreasing probability\n return acc;\n }, {})\n );\n \n const probChartRef = useRef(null);\n const expectedChartRef = useRef(null);\n \n // Calculate expected values for each hour increment\n const expectedValues = hourOptions.map(hour => ({\n hour,\n expectedValue: probabilities[hour] * hour,\n probability: probabilities[hour]\n }));\n \n // Find the hour with highest expected value\n const optimalGoal = expectedValues.reduce((max, current) => \n current.expectedValue > max.expectedValue ? current : max\n );\n \n const updateProbChart = () => {\n if (!window.echarts || !probChartRef.current) return;\n \n const chart = window.echarts.init(probChartRef.current);\n \n const option = {\n title: {\n text: 'Probability of Working AT LEAST X Hours (%)',\n left: 'center'\n },\n tooltip: {\n trigger: 'axis',\n formatter: function(params) {\n const hour = params[0].name;\n const prob = probabilities[parseFloat(hour.replace('h', ''))];\n return `${hour}: ${(prob * 100).toFixed(1)}%
Click and drag to adjust`;\n }\n },\n xAxis: {\n type: 'category',\n data: hourOptions.map(h => `${h}h`)\n },\n yAxis: {\n type: 'value',\n max: 100,\n axisLabel: {\n formatter: '{value}%'\n }\n },\n series: [{\n type: 'bar',\n data: hourOptions.map(hour => ({\n value: probabilities[hour] * 100,\n itemStyle: {\n color: '#4f46e5'\n }\n })),\n animationDelay: function (idx) {\n return idx * 100;\n }\n }]\n };\n \n chart.setOption(option);\n \n // Add click interaction to adjust probabilities\n chart.on('click', function(params) {\n const hour = hourOptions[params.dataIndex];\n const newProb = prompt(`Set probability for working at least ${hour} hours (0-100%):`, (probabilities[hour] * 100).toFixed(1));\n if (newProb !== null) {\n const prob = Math.max(0, Math.min(100, parseFloat(newProb))) / 100;\n if (!isNaN(prob)) {\n setProbabilities(prev => ({\n ...prev,\n [hour]: prob\n }));\n }\n }\n });\n \n return chart;\n };\n \n const updateExpectedChart = () => {\n if (!window.echarts || !expectedChartRef.current) return;\n \n const chart = window.echarts.init(expectedChartRef.current);\n \n const option = {\n title: {\n text: 'Expected Value for Each Hour Goal',\n left: 'center'\n },\n tooltip: {\n trigger: 'axis',\n formatter: function(params) {\n const hour = parseFloat(params[0].name.replace('h', ''));\n const prob = probabilities[hour];\n const ev = prob * hour;\n return `${params[0].name} goal:
\n ${(prob * 100).toFixed(1)}% chance × ${hour} hours
\n = ${ev.toFixed(2)} expected hours`;\n }\n },\n xAxis: {\n type: 'category',\n data: hourOptions.map(h => `${h}h`)\n },\n yAxis: {\n type: 'value',\n axisLabel: {\n formatter: '{value}h'\n }\n },\n series: [{\n type: 'bar',\n data: expectedValues.map(item => ({\n value: item.expectedValue,\n itemStyle: {\n color: item.hour === optimalGoal.hour ? '#dc2626' : '#059669'\n }\n })),\n animationDelay: function (idx) {\n return idx * 100;\n }\n }]\n };\n \n chart.setOption(option);\n \n return chart;\n };\n \n useEffect(() => {\n const timer = setTimeout(() => {\n updateProbChart();\n updateExpectedChart();\n }, 100);\n \n return () => clearTimeout(timer);\n }, [probabilities]);\n \n // Manual probability input\n const updateProbability = (hour, value) => {\n const prob = Math.max(0, Math.min(1, value));\n setProbabilities(prev => ({\n ...prev,\n [hour]: prob\n }));\n };\n \n return (\n

🎯 Optimal Work Hours Goal Calculator

\n \n

Probability of Working AT LEAST X Hours:

\n Click on bars to adjust probabilities, or use the sliders below. Each represents your chance of working AT LEAST that many hours.\n

\n \n

\n \n {/* Manual input sliders as backup */}\n

\n {hourOptions.map(hour => (\n

\n \n {hour}h\n \n updateProbability(hour, parseFloat(e.target.value))}\n style={{ width: '100%', marginBottom: '5px' }}\n />\n

\n {(probabilities[hour] * 100).toFixed(0)}%\n

\n ))}\n

\n \n

\n 🏆 OPTIMAL GOAL: {optimalGoal.hour} hours\n

\n Expected Value: {optimalGoal.expectedValue.toFixed(2)} hours \n ({(optimalGoal.probability * 100).toFixed(0)}% chance × {optimalGoal.hour} hours)\n

\n \n

Expected Values Comparison:

\n \n

💡 How this works:

AT LEAST probabilities: Each bar is independent - your chance of working at least that amount
Expected Value: Probability × Hours for each possible goal
Optimal Goal: The hour amount with the highest expected value (red bar)
Why this works: Balances ambition with realism - accounts for both your capability and likelihood

\n \n

\n {expectedValues.map(item => (\n

{item.hour}h goal

{(item.probability * 100).toFixed(0)}% chance

EV: {item.expectedValue.toFixed(2)}h

\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[type=\"range\"] {\n -webkit-appearance: none;\n appearance: none;\n height: 4px;\n border-radius: 2px;\n background: #ddd;\n outline: none;\n}\n\ninput[type=\"range\"]::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n width: 16px;\n height: 16px;\n border-radius: 50%;\n background: #4f46e5;\n cursor: pointer;\n}\n\ninput[type=\"range\"]::-moz-range-thumb {\n width: 16px;\n height: 16px;\n border-radius: 50%;\n background: #4f46e5;\n cursor: pointer;\n border: none;\n}\n`;",[253],{"_152":254,"_104":247,"_109":456,"_155":139,"_270":457},["D",1749660105598],[458],{"_107":459,"_155":139,"_152":254,"_100":253,"_163":460,"_161":257,"_104":331,"_154":-5,"_109":456,"_156":247,"_165":259,"_158":27,"_164":27,"_103":461},"f63b1f02-46e2-11f0-93f4-76b3cceeab13","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect, useRef } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\nfunction App() {\n // Create array for 0.5 to 6 hours in 0.5 increments (skip 0 since AT LEAST 0 is meaningless)\n const hourOptions = [];\n for (let i = 0.5; i <= 6; i += 0.5) {\n hourOptions.push(i);\n }\n \n // Initialize probabilities (start with reasonable defaults)\n const [probabilities, setProbabilities] = useState(\n hourOptions.reduce((acc, hour) => {\n acc[hour] = Math.max(0, 1 - (hour / 8)); // Decreasing probability as hours increase\n return acc;\n }, {})\n );\n \n const [hoveredHour, setHoveredHour] = useState(null);\n const [hoveredValue, setHoveredValue] = useState(0);\n const chartRef = useRef(null);\n const expectedChartRef = useRef(null);\n \n // Calculate expected values for each hour increment\n const expectedValues = hourOptions.map(hour => ({\n hour,\n expectedValue: probabilities[hour] * hour,\n probability: probabilities[hour]\n }));\n \n // Find the hour with highest expected value\n const optimalGoal = expectedValues.reduce((max, current) => \n current.expectedValue > max.expectedValue ? current : max\n );\n \n const updateChart = () => {\n if (!window.rough || !chartRef.current) return;\n \n chartRef.current.innerHTML = '';\n \n // Create data with hovered value if applicable\n const chartData = hourOptions.map(hour => ({\n label: `${hour}h`,\n value: hoveredHour === hour ? hoveredValue * 100 : probabilities[hour] * 100\n }));\n \n new window.rough.Bar({\n element: chartRef.current,\n data: chartData,\n title: 'Probability of Working AT LEAST X Hours (%)',\n color: '#4f46e5',\n fillStyle: 'cross-hatch',\n roughness: 2,\n bowing: 1,\n width: 800,\n height: 400\n });\n };\n \n const updateExpectedChart = () => {\n if (!window.rough || !expectedChartRef.current) return;\n \n expectedChartRef.current.innerHTML = '';\n \n const chartData = expectedValues.map(item => ({\n label: `${item.hour}h`,\n value: item.expectedValue\n }));\n \n new window.rough.Bar({\n element: expectedChartRef.current,\n data: chartData,\n title: 'Expected Value for Each Hour Goal',\n color: item => item.label === `${optimalGoal.hour}h` ? '#dc2626' : '#059669',\n fillStyle: 'zigzag',\n roughness: 2,\n bowing: 1,\n width: 800,\n height: 400\n });\n };\n \n // Handle mouse interactions on chart\n const handleChartInteraction = (event) => {\n if (!chartRef.current) return;\n \n const rect = chartRef.current.getBoundingClientRect();\n const x = event.clientX - rect.left;\n const y = event.clientY - rect.top;\n \n // Rough calculation of which bar we're over (this is approximate)\n const barWidth = rect.width / hourOptions.length;\n const barIndex = Math.floor(x / barWidth);\n \n if (barIndex >= 0 && barIndex < hourOptions.length) {\n const hour = hourOptions[barIndex];\n const relativeY = (rect.height - y) / rect.height; // 0 at bottom, 1 at top\n const newValue = Math.max(0, Math.min(1, relativeY));\n \n setHoveredHour(hour);\n setHoveredValue(newValue);\n \n if (event.type === 'click') {\n setProbabilities(prev => ({\n ...prev,\n [hour]: newValue\n }));\n }\n }\n };\n \n const handleMouseLeave = () => {\n setHoveredHour(null);\n setHoveredValue(0);\n };\n \n useEffect(() => {\n const timer = setTimeout(() => {\n updateChart();\n updateExpectedChart();\n }, 100);\n \n return () => clearTimeout(timer);\n }, [probabilities, hoveredHour, hoveredValue]);\n \n useEffect(() => {\n if (chartRef.current) {\n const element = chartRef.current;\n element.addEventListener('mousemove', handleChartInteraction);\n element.addEventListener('click', handleChartInteraction);\n element.addEventListener('mouseleave', handleMouseLeave);\n \n return () => {\n element.removeEventListener('mousemove', handleChartInteraction);\n element.removeEventListener('click', handleChartInteraction);\n element.removeEventListener('mouseleave', handleMouseLeave);\n };\n }\n }, []);\n \n return (\n

🎯 Optimal Work Hours Goal Calculator

\n \n

Interactive Probability Setting:

\n Hover over each bar to preview probability, click to set it. Each bar represents your chance of working AT LEAST that many hours.\n

\n \n

\n \n {hoveredHour && (\n

\n Hovering: {hoveredHour} hours at {(hoveredValue * 100).toFixed(0)}% probability\n

\n )}\n

\n \n

\n 🏆 OPTIMAL GOAL: {optimalGoal.hour} hours\n

\n Expected Value: {optimalGoal.expectedValue.toFixed(2)} hours \n ({(optimalGoal.probability * 100).toFixed(0)}% chance × {optimalGoal.hour} hours)\n

\n \n

Expected Values Comparison:

\n \n

💡 How this works:

AT LEAST probabilities: Each bar is independent - your chance of working at least that amount
Expected Value: Probability × Hours for each possible goal
Optimal Goal: The hour amount with the highest expected value
Why this works: Balances ambition with realism - accounts for both your capability and likelihood

\n \n

\n {expectedValues.map(item => (\n

{item.hour}h goal

{(item.probability * 100).toFixed(0)}% chance

EV: {item.expectedValue.toFixed(2)}h

\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`;",[253],{"_152":254,"_104":331,"_109":463,"_155":139,"_270":464},["D",1749659740590],[465],{"_107":466,"_155":139,"_152":254,"_100":253,"_163":467,"_161":257,"_104":31,"_154":-5,"_109":463,"_156":331,"_165":259,"_158":27,"_164":27,"_103":468},"1caa52f8-46e2-11f0-828e-76b3cceeab13","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect, useRef } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\nfunction App() {\n // Create array for 0 to 6 hours in 0.5 increments\n const hourOptions = [];\n for (let i = 0; i <= 6; i += 0.5) {\n hourOptions.push(i);\n }\n \n // Initialize probabilities (all equal initially, summing to 1)\n const initialProb = 1 / hourOptions.length;\n const [probabilities, setProbabilities] = useState(\n hourOptions.reduce((acc, hour) => {\n acc[hour] = initialProb;\n return acc;\n }, {})\n );\n \n const probChartRef = useRef(null);\n const expectedChartRef = useRef(null);\n \n // Calculate expected value\n const expectedHours = hourOptions.reduce((sum, hour) => {\n return sum + (hour * probabilities[hour]);\n }, 0);\n \n // Normalize probabilities to sum to 1\n const normalizeProbabilities = (newProbs) => {\n const total = Object.values(newProbs).reduce((sum, val) => sum + val, 0);\n if (total === 0) return newProbs;\n \n const normalized = {};\n Object.keys(newProbs).forEach(key => {\n normalized[key] = newProbs[key] / total;\n });\n return normalized;\n };\n \n const updateProbability = (hour, value) => {\n const newProbs = { ...probabilities, [hour]: Math.max(0, value) };\n setProbabilities(normalizeProbabilities(newProbs));\n };\n \n // Update charts when probabilities change\n useEffect(() => {\n if (window.rough) {\n // Probability distribution chart\n if (probChartRef.current) {\n probChartRef.current.innerHTML = '';\n new window.rough.Bar({\n element: probChartRef.current,\n data: hourOptions.map(hour => ({\n label: `${hour}h`,\n value: probabilities[hour] * 100\n })),\n title: 'Probability Distribution (%)',\n color: '#4f46e5',\n fillStyle: 'cross-hatch',\n roughness: 2,\n bowing: 1\n });\n }\n \n // Expected value visualization\n if (expectedChartRef.current) {\n expectedChartRef.current.innerHTML = '';\n new window.rough.Bar({\n element: expectedChartRef.current,\n data: hourOptions.map(hour => ({\n label: `${hour}h`,\n value: hour * probabilities[hour]\n })),\n title: 'Expected Value Contribution (hours)',\n color: '#059669',\n fillStyle: 'zigzag',\n roughness: 2,\n bowing: 1\n });\n }\n }\n }, [probabilities]);\n \n return (\n

🎯 Daily Work Hours Probability Calculator

\n \n

Set Probabilities for Each Hour Amount:

\n {hourOptions.map(hour => (\n

\n \n {hour} hours\n \n updateProbability(hour, parseFloat(e.target.value))}\n style={{ width: '100%', marginBottom: '5px' }}\n />\n

\n {(probabilities[hour] * 100).toFixed(1)}%\n

\n ))}\n

\n \n

\n 📊 Expected Work Hours: {expectedHours.toFixed(2)} hours\n

\n This is your optimal daily work goal based on the probabilities!\n

\n \n

Probability Distribution

\n \n

Expected Value by Hour Amount

\n \n

💡 How to use:

Adjust the sliders to reflect how likely you think you are to work each amount of hours
The probabilities automatically normalize to sum to 100%
Your expected work hours show your realistic daily goal
Use this to set achievable daily targets based on probability, not just hopes!

\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[type=\"range\"] {\n -webkit-appearance: none;\n appearance: none;\n height: 6px;\n border-radius: 3px;\n background: #ddd;\n outline: none;\n}\n\ninput[type=\"range\"]::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background: #4f46e5;\n cursor: pointer;\n}\n\ninput[type=\"range\"]::-moz-range-thumb {\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background: #4f46e5;\n cursor: pointer;\n border: none;\n}\n`;",[253],"page","hasNext","routes/_app","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 Expected Value Goal Setting (EVGS)\n

\n Question {currentStep + 1} of {hourOptions.length}\n

Your answers so far:

🎯 Your EVGS Results

\n 🏆 OPTIMAL GOAL: {optimalGoal.hour} hours\n

Your Goal Achievement Probabilities:

Expected Values Comparison:

🧠 Why {optimalGoal.hour} hours is optimal:

\n Expected Value Goal Setting (EVGS)\n

\n Question {currentStep + 1} of {hourOptions.length}\n

Your answers so far:

🎯 Your EVGS Results

\n 🏆 OPTIMAL GOAL: {optimalGoal.hour} hours\n

Your Goal Achievement Probabilities:

Expected Values Comparison:

🧠 Why {optimalGoal.hour} hours is optimal:

🎯 dcm31's Optimal Work Goal Calculator

\n 🏆 OPTIMAL GOAL: {optimalGoal.hour} hours\n

Your Goal Achievement Probabilities:

Expected Values Comparison:

🧠 Why 3.5 hours is optimal:

🎯 Optimal Work Hours Goal Calculator

Probability of Working AT LEAST X Hours:

\n 🏆 OPTIMAL GOAL: {optimalGoal.hour} hours\n

Expected Values Comparison:

💡 How this works:

🎯 Optimal Work Hours Goal Calculator

Interactive Probability Setting:

\n 🏆 OPTIMAL GOAL: {optimalGoal.hour} hours\n

Expected Values Comparison:

💡 How this works:

🎯 Daily Work Hours Probability Calculator

Set Probabilities for Each Hour Amount:

\n 📊 Expected Work Hours: {expectedHours.toFixed(2)} hours\n

Probability Distribution

Expected Value by Hour Amount

💡 How to use:

\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