\n {notification && (\n setNotification(null)}\n />\n )}\n

Third Timer

Work flexibly, break proportionally

\n \n \n

\n \n

\n );\n}\n\nconst rootElement = document.getElementById(\"root\");\nif (!rootElement) {\n throw new Error(\"Root element not found\");\n}\nconst root = createRoot(rootElement);\nroot.render();\n",[],[19,82,180],"e2f7466c-692b-11f0-a6f0-0224a6c84d84","index.html","0198408e-efb1-73fa-8cdf-a5405c250d8d",["D",1753429765988],"\n\n \n \n \n \n\n Third Timer\n\n \n \n \n \n \n \n\n \n \n \n\n \n \n \n\n \n \n\n \n

\n \n \n\n",[],[19,82,187],"e2f7457c-692b-11f0-a6f0-0224a6c84d84","favicon.http.tsx","0198408e-efb1-73fa-8cdf-a33f15a3ab89",["D",1753429765988],"http","/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nimport { renderToString } from \"npm:react-dom@18.2.0/server\";\n\nexport default function () {\n const svg = renderToString(\n \n \n Clock\n \n ,\n );\n\n return new Response(svg, {\n headers: {\n \"Content-Type\": \"image/svg+xml\",\n },\n });\n}\n",[],[19,82,194],"e2f74478-692b-11f0-a6f0-0224a6c84d84","utils","0198408e-efb1-73fa-8cdf-9d264912ebf0",["D",1753429765988],[207],[19,82,202],{"_35":208,"_13":209,"_65":210,"_67":203,"_69":70,"_71":43,"_72":73,"_37":211,"_17":32,"_75":152,"_77":212,"_78":52,"_79":-5,"_106":213,"_18":214},"e2f73ec4-692b-11f0-a6f0-0224a6c84d84","timer-actions.ts","0198408e-efb1-73fa-8cdf-9bf09bf47b32",["D",1753429765988],"import type { TimerState } from \"../../shared/types.ts\";\nimport { formatMinutes } from \"../../shared/utils.ts\";\n\nexport interface TimerActionResult {\n newState: TimerState;\n notification?: {\n message: string;\n type: \"success\" | \"info\" | \"warning\";\n };\n currentTime?: number;\n}\n\n/**\n * Starts a new work session by transitioning the timer to working mode.\n *\n * @param currentState - The current timer state\n * @returns A TimerActionResult containing the new state with work mode activated,\n * a success notification, and the current timestamp\n */\nexport function startWork(currentState: TimerState): TimerActionResult {\n const now = Date.now();\n\n return {\n newState: {\n ...currentState,\n mode: \"working\",\n workStartTime: now,\n breakStartTime: null,\n },\n notification: {\n message: \"Work session started! Focus time!\",\n type: \"success\",\n },\n currentTime: now,\n };\n}\n\n/**\n * Transitions from work mode to break mode, calculating earned break time based on work duration.\n * Break time is calculated using the break fraction multiplied by the work duration.\n *\n * @param currentState - The current timer state (must be in working mode with workStartTime set)\n * @returns A TimerActionResult with break mode activated and calculated available break time,\n * or unchanged state if not currently working\n */\nexport function takeBreak(currentState: TimerState): TimerActionResult {\n if (!currentState.workStartTime) {\n return { newState: currentState };\n }\n\n const now = Date.now();\n const workDuration = (now - currentState.workStartTime) / 1000 / 60; // minutes\n const earnedBreakTime = workDuration * currentState.breakFraction;\n const totalAvailableBreak = currentState.savedBreakMinutes + earnedBreakTime;\n\n return {\n newState: {\n ...currentState,\n mode: \"breaking\",\n breakStartTime: now,\n workStartTime: null,\n savedBreakMinutes: totalAvailableBreak,\n totalWorkTime: currentState.totalWorkTime + workDuration,\n },\n notification: {\n message: `Break earned! You have ${formatMinutes(totalAvailableBreak)} available`,\n type: \"success\",\n },\n currentTime: now,\n };\n}\n\n/**\n * Resumes work from a break, calculating consumed break time and preserving any unused break time.\n * If break time remains unused, it's saved for later use.\n *\n * @param currentState - The current timer state (should be in breaking mode with breakStartTime set)\n * @returns A TimerActionResult with work mode activated, updated break time tracking,\n * and notification about remaining break time\n */\nexport function resumeWork(currentState: TimerState): TimerActionResult {\n if (!currentState.breakStartTime) {\n return { newState: currentState, currentTime: Date.now() };\n }\n\n const now = Date.now();\n const breakDuration = (now - currentState.breakStartTime) / 1000 / 60; // minutes\n const remainingBreakTime = Math.max(0, currentState.savedBreakMinutes - breakDuration);\n\n const notifications = [];\n if (remainingBreakTime > 0) {\n notifications.push(`${formatMinutes(remainingBreakTime)} break time saved for later`);\n }\n notifications.push(\"Back to work! Stay focused\");\n\n return {\n newState: {\n ...currentState,\n mode: \"working\",\n workStartTime: now,\n breakStartTime: null,\n savedBreakMinutes: remainingBreakTime,\n totalBreakTime:\n currentState.totalBreakTime +\n Math.min(breakDuration, currentState.savedBreakMinutes),\n },\n notification: {\n message: notifications.join(\" \"),\n type: \"success\",\n },\n currentTime: now,\n };\n}\n\n/**\n * Handles interruptions during work sessions by automatically transitioning to break mode.\n * Calculates earned break time based on work completed before interruption.\n *\n * @param currentState - The current timer state (must be in working mode to have effect)\n * @returns A TimerActionResult with break mode activated if work was interrupted,\n * or unchanged state if not currently working\n */\nexport function handleInterruption(currentState: TimerState): TimerActionResult {\n if (!(currentState.mode === \"working\" && currentState.workStartTime)) {\n return { newState: currentState };\n }\n\n const now = Date.now();\n const workDuration = (now - currentState.workStartTime) / 1000 / 60;\n const earnedBreakTime = workDuration * currentState.breakFraction;\n\n return {\n newState: {\n ...currentState,\n mode: \"breaking\",\n breakStartTime: now,\n workStartTime: null,\n savedBreakMinutes: currentState.savedBreakMinutes + earnedBreakTime,\n totalWorkTime: currentState.totalWorkTime + workDuration,\n },\n notification: {\n message: \"Interruption break started automatically\",\n type: \"warning\",\n },\n currentTime: now,\n };\n}\n\n/**\n * Initiates a big break (meal time) that consumes all accumulated break time.\n * If currently working, the work session is ended and time is added to total work time.\n *\n * @param currentState - The current timer state\n * @returns A TimerActionResult with break mode activated and all saved break time consumed\n */\nexport function takeBigBreak(currentState: TimerState): TimerActionResult {\n const now = Date.now();\n const newState = { ...currentState };\n\n if (currentState.mode === \"working\" && currentState.workStartTime) {\n const workDuration = (now - currentState.workStartTime) / 1000 / 60;\n newState.totalWorkTime = currentState.totalWorkTime + workDuration;\n }\n\n return {\n newState: {\n ...newState,\n mode: \"breaking\",\n breakStartTime: now,\n workStartTime: null,\n savedBreakMinutes: 0, // Big breaks consume all saved time\n },\n notification: {\n message: \"Big break started (meal time)\",\n type: \"info\",\n },\n currentTime: now,\n };\n}\n\n/**\n * Resets the timer session to its initial idle state, clearing all time tracking.\n * Preserves the break fraction setting but resets all other timing data.\n *\n * @param currentState - The current timer state\n * @returns A TimerActionResult with the timer reset to idle state and all timing data cleared\n */\nexport function resetSession(currentState: TimerState): TimerActionResult {\n return {\n newState: {\n mode: \"idle\",\n workStartTime: null,\n breakStartTime: null,\n savedBreakMinutes: 0,\n breakFraction: currentState.breakFraction, // preserve break fraction\n totalWorkTime: 0,\n totalBreakTime: 0,\n },\n notification: {\n message: \"Session reset\",\n type: \"info\",\n },\n };\n}\n",[],[19,82,202,209],"e2f73dc0-692b-11f0-a6f0-0224a6c84d84","components","0198408e-efb1-73fa-8cdf-9577bb6b8f31",["D",1753429765988],[221,222,223,224,225,226,227,228,229,230,231,232,233],[19,82,216],{"_35":318,"_13":319,"_65":320,"_67":217,"_69":70,"_71":43,"_72":73,"_37":321,"_17":32,"_75":152,"_77":322,"_78":52,"_79":-5,"_106":323,"_18":324},{"_35":311,"_13":312,"_65":313,"_67":217,"_69":70,"_71":43,"_72":73,"_37":314,"_17":32,"_75":152,"_77":315,"_78":52,"_79":-5,"_106":316,"_18":317},{"_35":304,"_13":305,"_65":306,"_67":217,"_69":70,"_71":43,"_72":73,"_37":307,"_17":32,"_75":152,"_77":308,"_78":52,"_79":-5,"_106":309,"_18":310},{"_35":297,"_13":298,"_65":299,"_67":217,"_69":70,"_71":43,"_72":73,"_37":300,"_17":32,"_75":152,"_77":301,"_78":52,"_79":-5,"_106":302,"_18":303},{"_35":290,"_13":291,"_65":292,"_67":217,"_69":70,"_71":43,"_72":73,"_37":293,"_17":32,"_75":152,"_77":294,"_78":52,"_79":-5,"_106":295,"_18":296},{"_35":283,"_13":284,"_65":285,"_67":217,"_69":70,"_71":43,"_72":73,"_37":286,"_17":32,"_75":152,"_77":287,"_78":52,"_79":-5,"_106":288,"_18":289},{"_35":276,"_13":277,"_65":278,"_67":217,"_69":70,"_71":43,"_72":73,"_37":279,"_17":32,"_75":152,"_77":280,"_78":52,"_79":-5,"_106":281,"_18":282},{"_35":269,"_13":270,"_65":271,"_67":217,"_69":70,"_71":43,"_72":73,"_37":272,"_17":32,"_75":152,"_77":273,"_78":52,"_79":-5,"_106":274,"_18":275},{"_35":262,"_13":263,"_65":264,"_67":217,"_69":70,"_71":43,"_72":73,"_37":265,"_17":32,"_75":152,"_77":266,"_78":52,"_79":-5,"_106":267,"_18":268},{"_35":255,"_13":256,"_65":257,"_67":217,"_69":70,"_71":43,"_72":73,"_37":258,"_17":32,"_75":152,"_77":259,"_78":52,"_79":-5,"_106":260,"_18":261},{"_35":248,"_13":249,"_65":250,"_67":217,"_69":70,"_71":43,"_72":73,"_37":251,"_17":32,"_75":152,"_77":252,"_78":52,"_79":-5,"_106":253,"_18":254},{"_35":241,"_13":242,"_65":243,"_67":217,"_69":70,"_71":43,"_72":73,"_37":244,"_17":32,"_75":152,"_77":245,"_78":52,"_79":-5,"_106":246,"_18":247},{"_35":234,"_13":235,"_65":236,"_67":217,"_69":70,"_71":43,"_72":73,"_37":237,"_17":32,"_75":152,"_77":238,"_78":52,"_79":-5,"_106":239,"_18":240},"e2f73b0e-692b-11f0-a6f0-0224a6c84d84","TimerDisplay.tsx","0198408e-efb1-73fa-8cdf-93e5a4f50d0d",["D",1753429765988],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport type { TimerState } from \"../../shared/types.ts\";\nimport { ActionButtons } from \"./ActionButtons.tsx\";\nimport { Card } from \"./Card.tsx\";\n\ninterface TimerDisplayProps {\n state: TimerState;\n currentSessionTime: number;\n formatTime: (seconds: number) => string;\n formatMinutes: (minutes: number) => string;\n onStartWork: () => void;\n onTakeBreak: () => void;\n onResumeWork: () => void;\n onInterruption: () => void;\n onBigBreak: () => void;\n}\n\nexport function TimerDisplay({\n state,\n currentSessionTime,\n formatTime,\n formatMinutes,\n onStartWork,\n onTakeBreak,\n onResumeWork,\n onInterruption,\n onBigBreak,\n}: TimerDisplayProps) {\n const stateClasses = {\n working: \"bg-green-100 pulse-work\",\n breaking: \"bg-blue-100 pulse-break\",\n idle: \"bg-gray-100\",\n };\n\n return (\n \n

\n {formatTime(currentSessionTime)}\n

\n {state.mode === \"idle\" && \"Ready to start\"}\n {state.mode === \"working\" && \"Working\"}\n {state.mode === \"breaking\" && \"Breaking\"}\n

\n\n {state.savedBreakMinutes > 0 && (\n

\n \n Saved break time: {formatMinutes(state.savedBreakMinutes)}\n \n

\n )}\n\n \n \n );\n}\n",[],[19,82,216,235],"e2f737b2-692b-11f0-a6f0-0224a6c84d84","TimerContainer.tsx","0198408e-efb1-73fa-8cdf-8d6fdc17a581",["D",1753429765988],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nimport React, {\n useCallback,\n useEffect,\n useMemo,\n useState,\n} from \"https://esm.sh/react@18.2.0\";\nimport { formatTime, formatMinutes } from \"../../shared/utils.ts\";\nimport type { SessionStats, TimerState } from \"../../shared/types.ts\";\n\n// Component imports\nimport { SessionStatsDisplay } from \"./SessionStats.tsx\";\nimport { TimerDisplay } from \"./TimerDisplay.tsx\";\n\n// Timer action utilities\nimport * as TimerActions from \"../utils/timer-actions.ts\";\n\ninterface TimerContainerProps {\n state: TimerState;\n setState: React.Dispatch>;\n showNotification: (message: string, type?: \"success\" | \"info\" | \"warning\") => void;\n}\n\nexport const TimerContainer = React.memo(function TimerContainer({\n state,\n setState,\n showNotification,\n}: TimerContainerProps) {\n const [currentTime, setCurrentTime] = useState(Date.now());\n\n useEffect(() => {\n if (state.mode === \"idle\") {\n return;\n }\n\n const interval = setInterval(() => setCurrentTime(Date.now()), 1000);\n return () => clearInterval(interval);\n }, [state.mode]);\n\n const startWork = useCallback(() => {\n const result = TimerActions.startWork(state);\n setState(result.newState);\n if (result.currentTime) {\n setCurrentTime(result.currentTime);\n }\n if (result.notification) {\n showNotification(result.notification.message, result.notification.type);\n }\n }, [state, setState, showNotification]);\n\n const takeBreak = useCallback(() => {\n const result = TimerActions.takeBreak(state);\n setState(result.newState);\n if (result.currentTime) {\n setCurrentTime(result.currentTime);\n }\n if (result.notification) {\n showNotification(result.notification.message, result.notification.type);\n }\n }, [state, setState, showNotification]);\n\n const resumeWork = useCallback(() => {\n const result = TimerActions.resumeWork(state);\n setState(result.newState);\n if (result.currentTime) {\n setCurrentTime(result.currentTime);\n }\n if (result.notification) {\n showNotification(result.notification.message, result.notification.type);\n }\n }, [state, setState, showNotification]);\n\n const handleInterruption = useCallback(() => {\n const result = TimerActions.handleInterruption(state);\n setState(result.newState);\n if (result.notification) {\n showNotification(result.notification.message, result.notification.type);\n }\n }, [state, setState, showNotification]);\n\n const takeBigBreak = useCallback(() => {\n const result = TimerActions.takeBigBreak(state);\n setState(result.newState);\n if (result.notification) {\n showNotification(result.notification.message, result.notification.type);\n }\n }, [state, setState, showNotification]);\n\n const currentSessionTime = useMemo(() => {\n if (state.mode === \"working\" && state.workStartTime) {\n return Math.max(0, Math.floor((currentTime - state.workStartTime) / 1000));\n }\n if (state.mode === \"breaking\" && state.breakStartTime) {\n return Math.max(0, Math.floor((currentTime - state.breakStartTime) / 1000));\n }\n return 0;\n }, [state.mode, state.workStartTime, state.breakStartTime, currentTime]);\n\n // Calculate session stats - memoized to prevent unnecessary recalculations\n const stats = useMemo((): SessionStats => {\n let workTime = state.totalWorkTime;\n let breakTime = state.totalBreakTime;\n\n if (state.mode === \"working\" && state.workStartTime) {\n workTime += (currentTime - state.workStartTime) / 1000 / 60;\n }\n if (state.mode === \"breaking\" && state.breakStartTime) {\n const currentBreakTime = (currentTime - state.breakStartTime) / 1000 / 60;\n breakTime += Math.min(currentBreakTime, state.savedBreakMinutes);\n }\n\n const totalTime = workTime + breakTime;\n const efficiency = totalTime > 0 ? (workTime / totalTime) * 100 : 0;\n\n return { workTime, breakTime, efficiency };\n }, [\n state.totalWorkTime,\n state.totalBreakTime,\n state.mode,\n state.workStartTime,\n state.breakStartTime,\n state.savedBreakMinutes,\n currentTime,\n ]);\n\n return (\n <>\n \n\n \n \n );\n});\n",[],[19,82,216,242],"e2f73190-692b-11f0-a6f0-0224a6c84d84","StatsGrid.tsx","0198408e-efb1-73fa-8cdf-8afda4733d20",["D",1753429765988],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\ninterface StatItem {\n value: string | number;\n label: string;\n color?: \"green\" | \"blue\" | \"purple\" | \"gray\";\n}\n\ninterface StatsGridProps {\n stats: StatItem[];\n columns?: number;\n}\n\nexport function StatsGrid({ stats, columns = 3 }: StatsGridProps) {\n const colorClasses = {\n green: \"text-green-500\",\n blue: \"text-blue-500\",\n purple: \"text-purple-500\",\n gray: \"text-gray-500\",\n };\n\n const gridCols = {\n 1: \"grid-cols-1\",\n 2: \"grid-cols-2\",\n 3: \"grid-cols-3\",\n 4: \"grid-cols-4\",\n 5: \"grid-cols-5\",\n };\n\n return (\n \n {stats.map((stat, index) => (\n

\n {stat.value}\n

{stat.label}

\n ))}\n \n );\n}\n",[],[19,82,216,249],"e2f7305a-692b-11f0-a6f0-0224a6c84d84","SessionStats.tsx","0198408e-efb1-73fa-8cdf-8487ddb5c32e",["D",1753429765988],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nimport type { SessionStats } from \"../../shared/types.ts\";\nimport { Card, CardHeader } from \"./Card.tsx\";\nimport { StatsGrid } from \"./StatsGrid.tsx\";\n\ninterface SessionStatsProps {\n stats: SessionStats;\n formatMinutes: (minutes: number) => string;\n}\n\nexport function SessionStatsDisplay({ stats, formatMinutes }: SessionStatsProps) {\n const statsData = [\n {\n value: formatMinutes(stats.workTime),\n label: \"Work Time\",\n color: \"green\" as const,\n },\n {\n value: formatMinutes(stats.breakTime),\n label: \"Break Time\",\n color: \"blue\" as const,\n },\n {\n value: `${Math.round(stats.efficiency)}%`,\n label: \"Efficiency\",\n color: \"purple\" as const,\n },\n ];\n\n return (\n \n Session Stats\n \n \n );\n}\n",[],[19,82,216,256],"e2f72f24-692b-11f0-a6f0-0224a6c84d84","Notification.tsx","0198408e-efb1-73fa-8cdf-8289dae4f2b7",["D",1753429765988],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nimport { useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport { getAsset, type NotificationTypes } from \"./Icons.tsx\";\n\ninterface NotificationProps {\n message: string;\n type: NotificationTypes;\n onClose: () => void;\n}\n\nexport function Notification({ message, type, onClose }: NotificationProps) {\n const [isClosing, setIsClosing] = useState(false);\n const notificationRef = useRef(null);\n\n const handleClose = () => {\n setIsClosing(true);\n setTimeout(() => {\n onClose();\n }, 300);\n };\n\n const handleKeyDown = (event: React.KeyboardEvent) => {\n if (event.key === \"Enter\" || event.key === \" \") {\n event.preventDefault();\n handleClose();\n }\n };\n\n useEffect(() => {\n const timer = setTimeout(handleClose, 3000);\n\n return () => clearTimeout(timer);\n }, []);\n\n const icon = getAsset(type);\n\n const notificationColors = {\n success: \"bg-[#ecfdf3] border border-[#bffcd9] text-[#008a2e]\",\n info: \"bg-[#f0f8ff] border border-[#dde7fd] text-[#0973dc]\",\n warning: \"bg-[#fffcf0] border border-[#fbeeb1] text-[#dc7609]\",\n };\n\n return (\n \n

\n {icon}\n {message}\n

\n \n );\n}\n",[],[19,82,216,263],"e2f72e16-692b-11f0-a6f0-0224a6c84d84","Link.tsx","0198408e-efb1-73fa-8cdf-7e0c05b1ad12",["D",1753429765988],"/** @jsxImportSource https://esm.sh/react@18.2.0?dev */\n\nexport const Link = ({\n children,\n href,\n className = \"\",\n}: {\n children: React.ReactNode;\n href: string;\n className?: string;\n}) => (\n \n {children}\n \n);\n",[],[19,82,216,270],"e2f72aba-692b-11f0-a6f0-0224a6c84d84","Icons.tsx","0198408e-efb1-73fa-8cdf-7bf16dfb5bd2",["D",1753429765988],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nimport type { NotificationTypes } from \"../../shared/types.ts\";\n\nconst Icon = ({\n children,\n title,\n className,\n}: {\n children: React.ReactNode;\n title: string;\n className?: string;\n}) => (\n \n {title}\n {children}\n \n);\n\nexport const getAsset = (type: NotificationTypes): JSX.Element | null => {\n switch (type) {\n case \"success\":\n return SuccessIcon;\n\n case \"info\":\n return InfoIcon;\n\n case \"warning\":\n return WarningIcon;\n\n default:\n return null;\n }\n};\n\nconst SuccessIcon = (\n \n \n \n \n);\n\nconst WarningIcon = (\n \n \n \n \n \n);\n\nconst InfoIcon = (\n \n \n \n \n \n);\n",[],[19,82,216,277],"e2f729c0-692b-11f0-a6f0-0224a6c84d84","HelpText.tsx","0198408e-efb1-73fa-8cdf-772f5d680bf1",["D",1753429765988],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { Card } from \"./Card.tsx\";\nimport { Link } from \"./Link.tsx\";\n\nconst ListItem = ({ children }: { children: React.ReactNode }) => (\n

{children}

\n);\n\nexport const HelpText = React.memo(function HelpText() {\n return (\n \n

How it works

Work for any duration you choose

Earn break time equal to work time / fraction

Unused break time is saved for later

Use \"Interruption\" for non-work interruptions

Use \"Big Break\" for meals (consumes saved time)

\n See{\" \"}\n \n this LessWrong article\n {\" \"}\n for more info!\n

\n \n );\n});\n",[],[19,82,216,284],"e2f728a8-692b-11f0-a6f0-0224a6c84d84","Footer.tsx","0198408e-efb1-73fa-8cdf-72f00cf72b1c",["D",1753429765988],"/** @jsxImportSource https://esm.sh/react@18.2.0?dev */\n\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { Link } from \"./Link.tsx\";\n\nexport const SOURCE_URL = \"https://val.town/x/nbbaier/thirdTimer\";\n\nexport const Footer = React.memo(function Footer() {\n return (\n \n );\n});\n",[],[19,82,216,291],"e2f727b8-692b-11f0-a6f0-0224a6c84d84","Card.tsx","0198408e-efb1-73fa-8cdf-6d7590135666",["D",1753429765988],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\ninterface CardProps {\n children: React.ReactNode;\n className?: string;\n}\n\nexport function CardHeader({ children, className = \"\" }: CardProps) {\n return

{children}

;\n}\n\nexport function Card({ children, className = \"\" }: CardProps) {\n return (\n \n {children}\n \n );\n}\n",[],[19,82,216,298],"e2f726c8-692b-11f0-a6f0-0224a6c84d84","Button.tsx","0198408e-efb1-73fa-8cdf-6b490ebd43ff",["D",1753429765988],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\ninterface ButtonProps {\n children: React.ReactNode;\n onClick: () => void;\n variant?:\n | \"primary\"\n | \"secondary\"\n | \"info\"\n | \"warning\"\n | \"purple\"\n | \"danger\"\n | \"neutral\";\n size?: \"sm\" | \"md\" | \"lg\";\n className?: string;\n type?: \"button\" | \"submit\" | \"reset\";\n title?: string;\n disabled?: boolean;\n}\n\nexport function Button({\n children,\n onClick,\n variant = \"primary\",\n size = \"md\",\n className = \"\",\n type = \"button\",\n title,\n disabled = false,\n}: ButtonProps) {\n const baseClasses =\n \"border-2 border-black text-black font-semibold rounded-lg transition-colors\";\n\n const variantClasses = {\n primary: \"bg-green(300 hover:400)\",\n secondary: \"bg-gray(100 hover:200)\",\n info: \"bg-blue(300 hover:400)\",\n warning: \"bg-yellow(300 hover:400)\",\n purple: \"bg-purple(300 hover:400)\",\n danger: \"bg-red(300 hover:400)\",\n neutral: \"\",\n };\n\n const sizeClasses = {\n sm: \"py-2 px-4 text-sm\",\n md: \"py-3 px-6\",\n lg: \"py-3 px-6 text-lg\",\n };\n\n return (\n \n {children}\n \n );\n}\n",[],[19,82,216,305],"e2f7259c-692b-11f0-a6f0-0224a6c84d84","BreakFractionSettings.tsx","0198408e-efb1-73fa-8cdf-66d59bd916f2",["D",1753429765988],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nimport React from \"https://esm.sh/react@18.2.0\";\nimport type { BreakFraction } from \"../../shared/types.ts\";\nimport { Card, CardHeader } from \"./Card.tsx\";\nimport { Button } from \"./Button.tsx\";\n\nconst BREAK_FRACTIONS: BreakFraction[] = [\n { value: 1 / 2, label: \"1/2\", description: \"Lazy (67% work time)\" },\n { value: 1 / 3, label: \"1/3\", description: \"Standard (75% work time)\" },\n { value: 1 / 4, label: \"1/4\", description: \"Industrious (80% work time)\" },\n { value: 1 / 5, label: \"1/5\", description: \"Hard (83% work time)\" },\n { value: 1 / 6, label: \"1/6\", description: \"Grinding (86% work time)\" },\n];\n\ninterface BreakFractionSettingsProps {\n currentBreakFraction: number;\n onBreakFractionChange: (fraction: number) => void;\n}\n\nexport const BreakFractionSettings = React.memo(function BreakFractionSettings({\n currentBreakFraction,\n onBreakFractionChange,\n}: BreakFractionSettingsProps) {\n return (\n \n Break Fraction\n

\n {BREAK_FRACTIONS.map((fraction) => (\n onBreakFractionChange(fraction.value)}\n variant=\"neutral\"\n size=\"sm\"\n className={\n currentBreakFraction === fraction.value\n ? \"bg-blue(300 hover:400)\"\n : \"bg-gray(200 hover:300)\"\n }\n title={fraction.description}\n >\n {fraction.label}\n \n ))}\n

\n Current:{\" \"}\n {BREAK_FRACTIONS.find((f) => f.value === currentBreakFraction)?.description}\n

\n \n );\n});\n",[],[19,82,216,312],"e2f72330-692b-11f0-a6f0-0224a6c84d84","ActionButtons.tsx","0198408e-efb1-73fa-8cdf-622678763f15",["D",1753429765988],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport type { TimerState } from \"../../shared/types.ts\";\nimport { Button } from \"./Button.tsx\";\n\ninterface ActionButtonsProps {\n state: TimerState;\n onStartWork: () => void;\n onTakeBreak: () => void;\n onResumeWork: () => void;\n onInterruption: () => void;\n onBigBreak: () => void;\n}\n\nexport function ActionButtons({\n state,\n onStartWork,\n onTakeBreak,\n onResumeWork,\n onInterruption,\n onBigBreak,\n}: ActionButtonsProps) {\n return (\n

\n {state.mode === \"idle\" && (\n \n Start Working\n \n )}\n\n {state.mode === \"working\" && (\n

\n \n Take Break\n \n

\n \n Interruption\n \n \n Big Break\n \n

\n )}\n\n {state.mode === \"breaking\" && (\n \n Resume Work\n \n )}\n

\n );\n}\n",[],[19,82,216,319],["D",1753429765988],[328],[19,87],{"_35":329,"_13":330,"_65":331,"_67":88,"_69":70,"_71":43,"_72":73,"_37":332,"_17":32,"_75":197,"_77":333,"_78":52,"_79":-5,"_106":334,"_18":335},"e2f720b0-692b-11f0-a6f0-0224a6c84d84","index.ts","0198408e-efb1-73fa-8cdf-598d4c7768b2",["D",1753429765988],"import { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { Hono } from \"npm:hono\";\nimport favicon from \"../frontend/favicon.http.tsx\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, _c) => {\n throw err;\n});\n\n// Serve static files\napp.get(\"/src/frontend/*\", (c) => serveFile(c.req.path, import.meta.url));\napp.get(\"/src/shared/*\", (c) => serveFile(c.req.path, import.meta.url));\n\n// Serve the main app\napp.get(\"/\", async (c) => {\n const html = await readFile(\"/src/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\n// Health check endpoint\napp.get(\"/health\", (c) => {\n return c.json({ status: \"ok\", timestamp: new Date().toISOString() });\n});\n\napp.get(\"/favicon.svg\", (c) => {\n return favicon();\n});\nexport default app.fetch;\n",[],[19,87,330],"e2f71ed0-692b-11f0-a6f0-0224a6c84d84",".cursor","0198408e-efb1-73fa-8cdf-5773533ad86b",["D",1753429765988],[342],[337],{"_35":343,"_13":344,"_65":345,"_67":338,"_69":70,"_71":43,"_72":73,"_37":346,"_17":32,"_75":76,"_77":-5,"_78":52,"_79":-5,"_106":347,"_18":348},"e2f71d90-692b-11f0-a6f0-0224a6c84d84","rules","0198408e-efb1-73fa-8cdf-50d4a6ceb5d0",["D",1753429765988],[349],[337,344],{"_35":350,"_13":351,"_65":352,"_67":345,"_69":70,"_71":43,"_72":73,"_37":353,"_17":32,"_75":24,"_77":354,"_78":52,"_79":-5,"_106":355,"_18":356},"e2f7086e-692b-11f0-a6f0-0224a6c84d84","valtown.mdc","0198408e-efb1-73fa-8cdf-4d5bf98c2e1b",["D",1753429765988],"---\ndescription: \nglobs: \nalwaysApply: true\n---\nYou are an advanced assistant that helps programmers code on Val Town.\n\n## Core Guidelines\n\n- Ask clarifying questions when requirements are ambiguous\n- Provide complete, functional solutions rather than skeleton implementations\n- Test your logic against edge cases before presenting the final solution\n- Ensure all code follows Val Town's specific platform requirements\n- If a section of code that you're working on is getting too complex, consider refactoring it into subcomponents\n\n## Code Standards\n\n- Generate code in TypeScript or TSX\n- Add appropriate TypeScript types and interfaces for all data structures\n- Prefer official SDKs or libraries than writing API calls directly\n- Ask the user to supply API or library documentation if you are at all unsure about it\n- **Never bake in secrets into the code** - always use environment variables\n- Include comments explaining complex logic (avoid commenting obvious operations)\n- Follow modern ES6+ conventions and functional programming practices if possible\n\n## Types of triggers\n\n### 1. HTTP Trigger\n\n- Create web APIs and endpoints\n- Handle HTTP requests and responses\n- Example structure:\n\n```ts\nexport default async function (req: Request) {\n return new Response(\"Hello World\");\n}\n```\n\n### 2. Cron Triggers\n\n- Run on a schedule\n- Use cron expressions for timing\n- Example structure:\n\n```ts\nexport default async function () {\n // Scheduled task code\n}\n```\n\n### 3. Email Triggers\n\n- Process incoming emails\n- Handle email-based workflows\n- Example structure:\n\n```ts\nexport default async function (email: Email) {\n // Process email\n}\n```\n\n\n## Val Town Standard Libraries\n\nVal Town provides several hosted services and utility functions.\n\n### Blob Storage\n\n```ts\nimport { blob } from \"https://esm.town/v/std/blob\";\nawait blob.setJSON(\"myKey\", { hello: \"world\" });\nlet blobDemo = await blob.getJSON(\"myKey\");\nlet appKeys = await blob.list(\"app_\");\nawait blob.delete(\"myKey\");\n```\n\n### SQLite\n\n```ts\nimport { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nconst TABLE_NAME = 'todo_app_users_2';\n// Create table - do this before usage and change table name when modifying schema\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS ${TABLE_NAME} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n name TEXT NOT NULL\n)`);\n// Query data\nconst result = await sqlite.execute(`SELECT * FROM ${TABLE_NAME} WHERE id = ?`, [1]);\n```\n\nNote: When changing a SQLite table's schema, change the table's name (e.g., add _2 or _3) to create a fresh table.\n\n### OpenAI\n\n```ts\nimport { OpenAI } from \"https://esm.town/v/std/openai\";\nconst openai = new OpenAI();\nconst completion = await openai.chat.completions.create({\n messages: [\n { role: \"user\", content: \"Say hello in a creative way\" },\n ],\n model: \"gpt-4o-mini\",\n max_tokens: 30,\n});\n```\n\n### Email\n\n```ts\nimport { email } from \"https://esm.town/v/std/email\";\n// By default emails the owner of the val\nawait email({\n subject: \"Hi\",\n text: \"Hi\",\n html: \"

Hi

\"\n});\n```\n\n## Val Town Utility Functions\n\nVal Town provides several utility functions to help with common project tasks.\n\n### Importing Utilities\n\nAlways import utilities with version pins to avoid breaking changes:\n\n```ts\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n```\n\n### Available Utilities\n\n\n#### **serveFile** - Serve project files with proper content types\n\nFor example, in Hono:\n\n```ts\n// serve all files in frontend/ and shared/\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n```\n\n#### **readFile** - Read files from within the project:\n\n```ts\n// Read a file from the project\nconst fileContent = await readFile(\"/frontend/index.html\", import.meta.url);\n```\n\n#### **listFiles** - List all files in the project\n\n```ts\nconst files = await listFiles(import.meta.url);\n```\n\n## Val Town Platform Specifics\n\n- **Redirects:** Use `return new Response(null, { status: 302, headers: { Location: \"/place/to/redirect\" }})` instead of `Response.redirect` which is broken\n- **Images:** Avoid external images or base64 images. Use emojis, unicode symbols, or icon fonts/libraries instead\n- **AI Image:** To inline generate an AI image use: `

`\n- **Storage:** DO NOT use the Deno KV module for storage\n- **Browser APIs:** DO NOT use the `alert()`, `prompt()`, or `confirm()` methods\n- **Weather Data:** Use open-meteo for weather data (doesn't require API keys) unless otherwise specified\n- **Error Debugging:** Add `` to HTML to capture client-side errors\n- **Error Handling:** Only use try...catch when there's a clear local resolution; Avoid catches that merely log or return 500s. Let errors bubble up with full context\n- **Environment Variables:** Use `Deno.env.get('keyname')` when you need to, but generally prefer APIs that don't require keys\n- **Imports:** Use `https://esm.sh` for npm and Deno dependencies to ensure compatibility on server and browser\n- **Storage Strategy:** Only use backend storage if explicitly required; prefer simple static client-side sites\n- **React Configuration:** When using React libraries, pin versions with `?deps=react@18.2.0,react-dom@18.2.0` and start the file with `/** @jsxImportSource https://esm.sh/react@18.2.0 */`\n- Ensure all React dependencies and sub-dependencies are pinned to the same version\n- **Styling:** Default to using TailwindCSS via `` unless otherwise specified\n\n## Project Structure and Design Patterns\n\n### Recommended Directory Structure\n```\n├── backend/\n│ ├── database/\n│ │ ├── migrations.ts # Schema definitions\n│ │ ├── queries.ts # DB query functions\n│ │ └── README.md\n│ └── routes/ # Route modules\n│ ├── [route].ts\n│ └── static.ts # Static file serving\n│ ├── index.ts # Main entry point\n│ └── README.md\n├── frontend/\n│ ├── components/\n│ │ ├── App.tsx\n│ │ └── [Component].tsx\n│ ├── favicon.svg\n│ ├── index.html # Main HTML template\n│ ├── index.tsx # Frontend JS entry point\n│ ├── README.md\n│ └── style.css\n├── README.md\n└── shared/\n ├── README.md\n └── utils.ts # Shared types and functions\n```\n\n### Backend (Hono) Best Practices\n\n- Hono is the recommended API framework\n- Main entry point should be `backend/index.ts`\n- Do NOT use Hono serveStatic middleware\n- **Static asset serving:** Use the utility functions to read and serve project files:\n ```ts\n import { readFile, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\n\n // serve all files in frontend/ and shared/\n app.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\n app.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n\n // For index.html, often you'll want to bootstrap with initial data\n app.get(\"/\", async c => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n\n // Inject data to avoid extra round-trips\n const initialData = await fetchInitialData();\n const dataScript = ``;\n\n html = html.replace(\"\", `${dataScript}`);\n return c.html(html);\n });\n ```\n- Create RESTful API routes for CRUD operations\n- Always include this snippet at the top-level Hono app to re-throwing errors to see full stack traces:\n ```ts\n // Unwrap Hono errors to see original error details\n app.onError((err, c) => {\n throw err;\n });\n ```\n\n### Database Patterns\n- Run migrations on startup or comment out for performance\n- Change table names when modifying schemas rather than altering\n- Export clear query functions with proper TypeScript typing\n\n## Common Gotchas and Solutions\n\n1. **Environment Limitations:**\n - Val Town runs on Deno in a serverless context, not Node.js\n - Code in `shared/` must work in both frontend and backend environments\n - Cannot use `Deno` keyword in shared code\n - Use `https://esm.sh` for imports that work in both environments\n\n2. **SQLite Peculiarities:**\n - Limited support for ALTER TABLE operations\n - Create new tables with updated schemas and copy data when needed\n - Always run table creation before querying\n\n3. **React Configuration:**\n - All React dependencies must be pinned to 18.2.0\n - Always include `@jsxImportSource https://esm.sh/react@18.2.0` at the top of React files\n - Rendering issues often come from mismatched React versions\n\n4. **File Handling:**\n - Val Town only supports text files, not binary\n - Use the provided utilities to read files across branches and forks\n - For files in the project, use `readFile` helpers\n\n5. **API Design:**\n - `fetch` handler is the entry point for HTTP vals\n - Run the Hono app with `export default app.fetch // This is the entry point for HTTP vals`\n\n6. **Hono Peculiarities:**\n - NEVER EVER write this line: `import { serveStatic } from 'https://esm.sh/hono@3.11.7/middleware';`\n - Instead use: `import { readFile, serveFile } from \"https://esm.town/v/std/utils/index.ts\";`\n - NEVER EVER write this line: `import { cors } from \"https://esm.sh/@hono/cors@0.0.6\";`. \n - Val Town automatically handles CORS.\n - If you need cookies, use: import { deleteCookie, getCookie, setCookie } from \"npm:hono/cookie\";",[],[337,344,351],"e2ee4e68-692b-11f0-a6f0-0224a6c84d84",["D",1753429765988],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","01244884-04ac-44ce-a519-80359aaa9ecc","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","d36273cb-93ca-48ae-adf6-423b868bdd8f","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_399":395},"org",{"_11":12,"_393":-5,"_394":395,"_363":364,"_396":397,"_398":52},"branch",{"_17":43,"_13":16,"_35":70,"_41":357,"_44":36,"_46":43,"_390":54,"_391":42,"_392":58,"_59":14,"_55":12},"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaWtMQnQ4V3VSOTN0SUY5MmZjaDRRalE0bDIifQ","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":357,"_13":14,"_37":547,"_50":-5,"_359":52,"_53":54,"_360":54,"_361":-5,"_362":-5,"_363":364,"_365":195,"_366":73,"_367":73,"_368":-5,"_369":32,"_57":370,"_371":-5,"_372":-5,"_373":-5,"_374":-5,"_375":376,"_377":376,"_378":379,"_380":379,"_381":379,"_382":376,"_383":376,"_384":548,"_386":549,"_388":550,"_51":52},[442,445,472,473,474,475,476],"files",[442,443,444,445,446,447,448,449,450,451,452,453,454,455,456,457,458,459,460,461,462,463,464,465,466,467,468,469,470,471,472,473,474,475,476],"counts",{"_433":32,"_434":43,"_435":32,"_34":436,"_437":438},[427,428,429],{"_35":91,"_13":19,"_65":68,"_67":-5,"_69":70,"_71":43,"_72":73,"_37":425,"_17":32,"_75":76,"_77":-5,"_78":52,"_79":-5,"_18":426},"upstreamProject",{"_35":42,"_13":14,"_361":-5,"_362":-5,"_53":54,"_384":423},"upstreamBranch",{"_35":36,"_37":421,"_39":422,"_13":16,"_41":42,"_17":43,"_44":45,"_46":47,"_48":49,"_50":-5,"_51":52,"_53":54,"_55":56,"_57":58,"_59":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1752197217984],["D",1752197217984],{"_11":56,"_399":424},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/38c71a38-dc7d-45b0-67e6-36b7a437ec00/square512?exp=1789727266&sig=dc88e60bdff7ba7b0f83ee39a90997cf62cf1a8c909fa34bdf7613f4748f47c6",["D",1753429765988],[19],{"_35":86,"_13":87,"_65":88,"_67":68,"_69":70,"_71":43,"_72":73,"_37":89,"_17":32,"_75":76,"_77":-5,"_78":52,"_79":-5,"_18":432},{"_35":81,"_13":82,"_65":83,"_67":68,"_69":70,"_71":43,"_72":73,"_37":84,"_17":32,"_75":76,"_77":-5,"_78":52,"_79":-5,"_18":431},{"_35":63,"_13":64,"_65":66,"_67":68,"_69":70,"_71":43,"_72":73,"_37":74,"_17":32,"_75":76,"_77":-5,"_78":52,"_79":-5,"_18":430},[19,64],[19,82],[19,87],"pulls","branches","forks",{"_439":32,"_441":32},"connections",{"_439":32,"_440":32},"count","unfilledCount","emptyCount",{"_35":336,"_13":337,"_65":338,"_67":-5,"_69":70,"_71":43,"_72":73,"_37":339,"_17":32,"_75":76,"_77":-5,"_78":52,"_79":-5,"_106":545,"_18":546},{"_35":343,"_13":344,"_65":345,"_67":338,"_69":70,"_71":43,"_72":73,"_37":346,"_17":32,"_75":76,"_77":-5,"_78":52,"_79":-5,"_106":543,"_18":544},{"_35":350,"_13":351,"_65":352,"_67":345,"_69":70,"_71":43,"_72":73,"_37":353,"_17":32,"_75":24,"_77":354,"_78":52,"_79":-5,"_106":541,"_18":542},{"_35":91,"_13":19,"_65":68,"_67":-5,"_69":70,"_71":43,"_72":73,"_37":137,"_17":32,"_75":76,"_77":-5,"_78":52,"_79":-5,"_106":539,"_18":540},{"_35":86,"_13":87,"_65":88,"_67":68,"_69":70,"_71":43,"_72":73,"_37":325,"_17":32,"_75":76,"_77":-5,"_78":52,"_79":-5,"_106":537,"_18":538},{"_35":329,"_13":330,"_65":331,"_67":88,"_69":70,"_71":43,"_72":73,"_37":332,"_17":32,"_75":197,"_77":333,"_78":52,"_79":-5,"_106":535,"_18":536},{"_35":81,"_13":82,"_65":83,"_67":68,"_69":70,"_71":43,"_72":73,"_37":163,"_17":32,"_75":76,"_77":-5,"_78":52,"_79":-5,"_106":533,"_18":534},{"_35":215,"_13":216,"_65":217,"_67":83,"_69":70,"_71":43,"_72":73,"_37":218,"_17":32,"_75":76,"_77":-5,"_78":52,"_79":-5,"_106":531,"_18":532},{"_35":318,"_13":319,"_65":320,"_67":217,"_69":70,"_71":43,"_72":73,"_37":321,"_17":32,"_75":152,"_77":322,"_78":52,"_79":-5,"_106":529,"_18":530},{"_35":311,"_13":312,"_65":313,"_67":217,"_69":70,"_71":43,"_72":73,"_37":314,"_17":32,"_75":152,"_77":315,"_78":52,"_79":-5,"_106":527,"_18":528},{"_35":304,"_13":305,"_65":306,"_67":217,"_69":70,"_71":43,"_72":73,"_37":307,"_17":32,"_75":152,"_77":308,"_78":52,"_79":-5,"_106":525,"_18":526},{"_35":297,"_13":298,"_65":299,"_67":217,"_69":70,"_71":43,"_72":73,"_37":300,"_17":32,"_75":152,"_77":301,"_78":52,"_79":-5,"_106":523,"_18":524},{"_35":290,"_13":291,"_65":292,"_67":217,"_69":70,"_71":43,"_72":73,"_37":293,"_17":32,"_75":152,"_77":294,"_78":52,"_79":-5,"_106":521,"_18":522},{"_35":283,"_13":284,"_65":285,"_67":217,"_69":70,"_71":43,"_72":73,"_37":286,"_17":32,"_75":152,"_77":287,"_78":52,"_79":-5,"_106":519,"_18":520},{"_35":276,"_13":277,"_65":278,"_67":217,"_69":70,"_71":43,"_72":73,"_37":279,"_17":32,"_75":152,"_77":280,"_78":52,"_79":-5,"_106":517,"_18":518},{"_35":269,"_13":270,"_65":271,"_67":217,"_69":70,"_71":43,"_72":73,"_37":272,"_17":32,"_75":152,"_77":273,"_78":52,"_79":-5,"_106":515,"_18":516},{"_35":262,"_13":263,"_65":264,"_67":217,"_69":70,"_71":43,"_72":73,"_37":265,"_17":32,"_75":152,"_77":266,"_78":52,"_79":-5,"_106":513,"_18":514},{"_35":255,"_13":256,"_65":257,"_67":217,"_69":70,"_71":43,"_72":73,"_37":258,"_17":32,"_75":152,"_77":259,"_78":52,"_79":-5,"_106":511,"_18":512},{"_35":248,"_13":249,"_65":250,"_67":217,"_69":70,"_71":43,"_72":73,"_37":251,"_17":32,"_75":152,"_77":252,"_78":52,"_79":-5,"_106":509,"_18":510},{"_35":241,"_13":242,"_65":243,"_67":217,"_69":70,"_71":43,"_72":73,"_37":244,"_17":32,"_75":152,"_77":245,"_78":52,"_79":-5,"_106":507,"_18":508},{"_35":234,"_13":235,"_65":236,"_67":217,"_69":70,"_71":43,"_72":73,"_37":237,"_17":32,"_75":152,"_77":238,"_78":52,"_79":-5,"_106":505,"_18":506},{"_35":201,"_13":202,"_65":203,"_67":83,"_69":70,"_71":43,"_72":73,"_37":204,"_17":32,"_75":76,"_77":-5,"_78":52,"_79":-5,"_106":503,"_18":504},{"_35":208,"_13":209,"_65":210,"_67":203,"_69":70,"_71":43,"_72":73,"_37":211,"_17":32,"_75":152,"_77":212,"_78":52,"_79":-5,"_106":501,"_18":502},{"_35":193,"_13":194,"_65":195,"_67":83,"_69":70,"_71":43,"_72":73,"_37":196,"_17":32,"_75":197,"_77":198,"_78":52,"_79":-5,"_106":499,"_18":500},{"_35":186,"_13":187,"_65":188,"_67":83,"_69":70,"_71":43,"_72":73,"_37":189,"_17":32,"_75":24,"_77":190,"_78":52,"_79":-5,"_106":497,"_18":498},{"_35":179,"_13":180,"_65":181,"_67":83,"_69":70,"_71":43,"_72":73,"_37":182,"_17":32,"_75":152,"_77":183,"_78":52,"_79":-5,"_106":495,"_18":496},{"_35":172,"_13":173,"_65":174,"_67":83,"_69":70,"_71":43,"_72":73,"_37":175,"_17":32,"_75":24,"_77":176,"_78":52,"_79":-5,"_106":493,"_18":494},{"_35":63,"_13":64,"_65":66,"_67":68,"_69":70,"_71":43,"_72":73,"_37":143,"_17":32,"_75":76,"_77":-5,"_78":52,"_79":-5,"_106":491,"_18":492},{"_35":156,"_13":157,"_65":158,"_67":66,"_69":70,"_71":43,"_72":73,"_37":159,"_17":32,"_75":152,"_77":160,"_78":52,"_79":-5,"_106":489,"_18":490},{"_35":148,"_13":149,"_65":150,"_67":66,"_69":70,"_71":43,"_72":73,"_37":151,"_17":32,"_75":152,"_77":153,"_78":52,"_79":-5,"_106":487,"_18":488},{"_35":130,"_13":131,"_65":132,"_67":-5,"_69":70,"_71":43,"_72":73,"_37":133,"_17":32,"_75":24,"_77":134,"_78":52,"_79":-5,"_106":485,"_18":486},{"_35":123,"_13":124,"_65":125,"_67":-5,"_69":70,"_71":43,"_72":73,"_37":126,"_17":32,"_75":24,"_77":127,"_78":52,"_79":-5,"_106":483,"_18":484},{"_35":116,"_13":117,"_65":118,"_67":-5,"_69":70,"_71":43,"_72":73,"_37":119,"_17":32,"_75":24,"_77":120,"_78":52,"_79":-5,"_106":481,"_18":482},{"_35":109,"_13":110,"_65":111,"_67":-5,"_69":70,"_71":43,"_72":73,"_37":112,"_17":32,"_75":24,"_77":113,"_78":52,"_79":-5,"_106":479,"_18":480},{"_35":101,"_13":102,"_65":103,"_67":-5,"_69":70,"_71":43,"_72":73,"_37":104,"_17":32,"_75":24,"_77":105,"_78":52,"_79":-5,"_106":477,"_18":478},[],[102],[],[110],[],[117],[],[124],[],[131],[],[19,64,149],[],[19,64,157],[470,471],[19,64],[],[19,82,173],[],[19,82,180],[],[19,82,187],[],[19,82,194],[],[19,82,202,209],[464],[19,82,202],[],[19,82,216,235],[],[19,82,216,242],[],[19,82,216,249],[],[19,82,216,256],[],[19,82,216,263],[],[19,82,216,270],[],[19,82,216,277],[],[19,82,216,284],[],[19,82,216,291],[],[19,82,216,298],[],[19,82,216,305],[],[19,82,216,312],[],[19,82,216,319],[450,451,452,453,454,455,456,457,458,459,460,461,462],[19,82,216],[449,463,465,466,467,468],[19,82],[],[19,87,330],[447],[19,87],[446,448,469],[19],[],[337,344,351],[444],[337,344],[443],[337],["D",1753429765988],{"_11":12,"_399":395},{"_11":12,"_393":-5,"_394":395,"_363":364,"_396":397,"_398":52},{"_17":43,"_13":16,"_35":70,"_41":357,"_44":36,"_46":43,"_390":54,"_391":42,"_392":58,"_59":14,"_55":12},"ctx",{"_384":-5,"_418":584,"_585":586,"_587":588,"_589":52,"_590":52,"_591":52,"_592":73,"_593":-5,"_594":-7,"_595":-7,"_596":32,"_597":52,"_598":52,"_599":-5,"_600":52,"_601":52,"_602":52,"_603":-5},"ENV",{"_555":556,"_557":558,"_559":16,"_560":561,"_562":563,"_564":565,"_566":567,"_568":569,"_570":571,"_572":573,"_574":575,"_576":577,"_578":579,"_580":581,"_582":583},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]