\n {/* Notification */}\n {notification && (\n

{notification}

\n )}\n\n {/* Header */}\n

\n 🍅\n

Pomodoro Timer

\n \n

\n setActiveTab('timer')}\n className={`px-4 py-2 rounded-lg font-medium transition-colors ${\n activeTab === 'timer'\n ? 'bg-red-100 text-red-700'\n : 'text-gray-600 hover:text-gray-900 hover:bg-gray-100'\n }`}\n >\n Timer\n \n setActiveTab('stats')}\n className={`px-4 py-2 rounded-lg font-medium transition-colors ${\n activeTab === 'stats'\n ? 'bg-red-100 text-red-700'\n : 'text-gray-600 hover:text-gray-900 hover:bg-gray-100'\n }`}\n >\n Statistics\n \n

\n\n {/* Main Content */}\n

\n {activeTab === 'timer' ? (\n \n ) : (\n \n )}\n

\n );\n}",[],[227,234,241],{"_104":248,"_98":249,"_148":250,"_150":235,"_151":135,"_152":251,"_154":155,"_106":252,"_102":31,"_157":175,"_159":253,"_160":27,"_161":-5,"_162":254,"_101":255},"30662b5e-3806-11f0-b29e-9e149126039e","Chart.tsx","30662c12-3806-11f0-b29e-9e149126039e",13,["D",1748025968140],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useRef } from \"https://esm.sh/react@18.2.0\";\nimport { Chart as ChartJS, CategoryScale, LinearScale, PointElement, LineElement, BarElement, Title, Tooltip, Legend, Filler } from \"https://esm.sh/chart.js@4.4.0?deps=react@18.2.0,react-dom@18.2.0\";\n\n// Register Chart.js components\nChartJS.register(\n CategoryScale,\n LinearScale,\n PointElement,\n LineElement,\n BarElement,\n Title,\n Tooltip,\n Legend,\n Filler\n);\n\ninterface ChartProps {\n type: 'line' | 'bar';\n data: any;\n options?: any;\n}\n\nexport default function Chart({ type, data, options = {} }: ChartProps) {\n const canvasRef = useRef(null);\n const chartRef = useRef(null);\n\n useEffect(() => {\n if (!canvasRef.current) return;\n\n // Destroy existing chart\n if (chartRef.current) {\n chartRef.current.destroy();\n }\n\n // Create new chart\n const ctx = canvasRef.current.getContext('2d');\n if (!ctx) return;\n\n const defaultOptions = {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: {\n display: false\n },\n tooltip: {\n backgroundColor: 'rgba(0, 0, 0, 0.8)',\n titleColor: 'white',\n bodyColor: 'white',\n borderColor: 'rgba(255, 255, 255, 0.1)',\n borderWidth: 1,\n cornerRadius: 8,\n displayColors: false\n }\n },\n scales: {\n x: {\n grid: {\n display: false\n },\n ticks: {\n color: '#6b7280'\n }\n },\n y: {\n grid: {\n color: 'rgba(0, 0, 0, 0.05)'\n },\n ticks: {\n color: '#6b7280'\n }\n }\n }\n };\n\n const mergedOptions = {\n ...defaultOptions,\n ...options,\n plugins: {\n ...defaultOptions.plugins,\n ...options.plugins\n },\n scales: {\n ...defaultOptions.scales,\n ...options.scales\n }\n };\n\n chartRef.current = new ChartJS(ctx, {\n type,\n data,\n options: mergedOptions\n });\n\n return () => {\n if (chartRef.current) {\n chartRef.current.destroy();\n }\n };\n }, [type, data, options]);\n\n return (\n

\n );\n}",[],[227,234,249],{"_104":257,"_98":258,"_148":259,"_150":235,"_151":135,"_152":260,"_154":155,"_106":261,"_102":31,"_157":175,"_159":262,"_160":27,"_161":-5,"_162":263,"_101":264},"286da59e-3806-11f0-b1f6-9e149126039e","Stats.tsx","286da68e-3806-11f0-b1f6-9e149126039e",12,["D",1748025954767],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useRef } from \"https://esm.sh/react@18.2.0\";\nimport Chart from \"./Chart.tsx\";\nimport type { StatsResponse } from \"../../shared/types.ts\";\n\ninterface StatsProps {\n stats: StatsResponse | null;\n onRefresh: () => void;\n}\n\nexport default function Stats({ stats, onRefresh }: StatsProps) {\n useEffect(() => {\n if (!stats) {\n onRefresh();\n }\n }, []);\n\n if (!stats) {\n return (\n

Loading statistics...

\n );\n }\n\n const formatTime = (minutes: number): string => {\n const hours = Math.floor(minutes / 60);\n const mins = minutes % 60;\n if (hours > 0) {\n return `${hours}h ${mins}m`;\n }\n return `${mins}m`;\n };\n\n const todayStats = stats.daily.find(day => {\n const today = new Date().toISOString().split('T')[0];\n return day.date === today;\n });\n\n const thisWeekStats = stats.weekly[0];\n\n return (\n

\n {/* Header with refresh button */}\n

Productivity Statistics

\n \n 🔄\n Refresh\n \n

\n\n {/* Overview Cards */}\n

Total Pomodoros

{stats.total_pomodoros}

\n 🍅\n

\n\n

Total Focus Time

{formatTime(stats.total_focus_time)}

\n ⏰\n

\n\n

Current Streak

{stats.current_streak}

days

\n 🔥\n

\n\n

Today's Pomodoros

{todayStats?.completed_pomodoros || 0}

\n 📅\n

\n\n {/* Charts Section */}\n

\n {/* Daily Pomodoros Chart */}\n

Daily Pomodoros (Last 30 Days)

\n {\n const date = new Date(day.date);\n return date.toLocaleDateString('en-US', { month: 'short', day: 'numeric' });\n }),\n datasets: [{\n label: 'Completed Pomodoros',\n data: stats.daily.slice().reverse().map(day => day.completed_pomodoros),\n borderColor: '#ef4444',\n backgroundColor: 'rgba(239, 68, 68, 0.1)',\n tension: 0.4,\n fill: true\n }]\n }}\n options={{\n responsive: true,\n maintainAspectRatio: false,\n scales: {\n y: {\n beginAtZero: true,\n ticks: {\n stepSize: 1\n }\n }\n }\n }}\n />\n

\n\n {/* Weekly Focus Time Chart */}\n

Weekly Focus Time (Last 12 Weeks)

\n {\n const date = new Date(week.week_start);\n return date.toLocaleDateString('en-US', { month: 'short', day: 'numeric' });\n }),\n datasets: [{\n label: 'Focus Time (hours)',\n data: stats.weekly.slice().reverse().map(week => Math.round(week.total_focus_time / 60 * 10) / 10),\n backgroundColor: '#10b981',\n borderColor: '#059669',\n borderWidth: 1\n }]\n }}\n options={{\n responsive: true,\n maintainAspectRatio: false,\n scales: {\n y: {\n beginAtZero: true\n }\n }\n }}\n />\n

\n\n {/* Detailed Stats Tables */}\n

\n {/* Recent Daily Stats */}\n

Recent Daily Performance

\n \n \n \n \n \n \n \n \n \n \n {stats.daily.slice(0, 10).map(day => (\n \n \n \n \n \n \n ))}\n \n

Date	Pomodoros	Focus Time	Breaks
\n {new Date(day.date).toLocaleDateString('en-US', { \n month: 'short', \n day: 'numeric',\n weekday: 'short'\n })}\n	{day.completed_pomodoros}	{formatTime(day.total_focus_time)}	{day.completed_breaks}

\n\n {/* Weekly Summary */}\n

Weekly Summary

\n \n \n \n \n \n \n \n \n \n \n {stats.weekly.slice(0, 8).map(week => (\n \n \n \n \n \n \n ))}\n \n

Week	Pomodoros	Avg/Day	Active Days
\n {new Date(week.week_start).toLocaleDateString('en-US', { \n month: 'short', \n day: 'numeric'\n })}\n	{week.total_pomodoros}	{week.average_daily_pomodoros}	{week.days_active}/7

\n\n {/* Insights */}\n

📊 Insights

\n Best day this week:{' '}\n {thisWeekStats ? `${Math.max(...stats.daily.slice(0, 7).map(d => d.completed_pomodoros))} pomodoros` : 'No data'}\n

\n Average session length: 25 minutes\n

\n Most productive time: Track your patterns!\n

\n Consistency score:{' '}\n {stats.current_streak > 0 ? '🔥 On fire!' : '💪 Keep building!'}\n

\n );\n}",[],[227,234,258],{"_104":266,"_98":267,"_148":268,"_150":235,"_151":135,"_152":269,"_154":155,"_106":270,"_102":31,"_157":175,"_159":271,"_160":27,"_161":-5,"_162":272,"_101":273},"0f0b1e4c-3806-11f0-8579-9e149126039e","Timer.tsx","0f0b1f1e-3806-11f0-8579-9e149126039e",11,["D",1748025912180],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useRef } from \"https://esm.sh/react@18.2.0\";\nimport type { TimerState } from \"../../shared/types.ts\";\nimport { TIMER_DURATIONS, POMODOROS_BEFORE_LONG_BREAK } from \"../../shared/types.ts\";\n\ninterface TimerProps {\n timerState: TimerState;\n setTimerState: React.Dispatch>;\n onStartSession: (type: 'work' | 'short_break' | 'long_break') => void;\n onCompleteSession: () => void;\n onInterruptSession: () => void;\n}\n\nexport default function Timer({\n timerState,\n setTimerState,\n onStartSession,\n onCompleteSession,\n onInterruptSession\n}: TimerProps) {\n const intervalRef = useRef(null);\n const audioRef = useRef(null);\n\n // Initialize audio\n useEffect(() => {\n // Create a simple beep sound using Web Audio API\n const createBeepSound = () => {\n const audioContext = new (window.AudioContext || (window as any).webkitAudioContext)();\n const oscillator = audioContext.createOscillator();\n const gainNode = audioContext.createGain();\n \n oscillator.connect(gainNode);\n gainNode.connect(audioContext.destination);\n \n oscillator.frequency.value = 800;\n oscillator.type = 'sine';\n \n gainNode.gain.setValueAtTime(0.3, audioContext.currentTime);\n gainNode.gain.exponentialRampToValueAtTime(0.01, audioContext.currentTime + 0.5);\n \n oscillator.start(audioContext.currentTime);\n oscillator.stop(audioContext.currentTime + 0.5);\n };\n \n audioRef.current = { play: createBeepSound } as any;\n }, []);\n\n // Timer countdown effect\n useEffect(() => {\n if (timerState.isRunning && timerState.timeLeft > 0) {\n intervalRef.current = window.setInterval(() => {\n setTimerState(prev => ({\n ...prev,\n timeLeft: prev.timeLeft - 1\n }));\n }, 1000);\n } else {\n if (intervalRef.current) {\n clearInterval(intervalRef.current);\n intervalRef.current = null;\n }\n \n // Timer completed\n if (timerState.isRunning && timerState.timeLeft === 0) {\n audioRef.current?.play();\n onCompleteSession();\n }\n }\n\n return () => {\n if (intervalRef.current) {\n clearInterval(intervalRef.current);\n }\n };\n }, [timerState.isRunning, timerState.timeLeft]);\n\n const formatTime = (seconds: number): string => {\n const mins = Math.floor(seconds / 60);\n const secs = seconds % 60;\n return `${mins.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`;\n };\n\n const getPhaseInfo = () => {\n switch (timerState.phase) {\n case 'work':\n return {\n title: 'Focus Time',\n emoji: '🍅',\n color: 'text-red-600',\n bgColor: 'bg-red-50',\n borderColor: 'border-red-200'\n };\n case 'short_break':\n return {\n title: 'Short Break',\n emoji: '☕',\n color: 'text-green-600',\n bgColor: 'bg-green-50',\n borderColor: 'border-green-200'\n };\n case 'long_break':\n return {\n title: 'Long Break',\n emoji: '🌟',\n color: 'text-blue-600',\n bgColor: 'bg-blue-50',\n borderColor: 'border-blue-200'\n };\n default:\n return {\n title: 'Ready to Start',\n emoji: '⏰',\n color: 'text-gray-600',\n bgColor: 'bg-gray-50',\n borderColor: 'border-gray-200'\n };\n }\n };\n\n const getProgress = () => {\n const totalTime = timerState.phase !== 'idle' \n ? TIMER_DURATIONS[timerState.phase] \n : TIMER_DURATIONS.work;\n return ((totalTime - timerState.timeLeft) / totalTime) * 100;\n };\n\n const phaseInfo = getPhaseInfo();\n const progress = getProgress();\n const circumference = 2 * Math.PI * 120; // radius = 120\n const strokeDashoffset = circumference - (progress / 100) * circumference;\n\n const shouldShowLongBreak = timerState.sessionCount > 0 && \n timerState.sessionCount % POMODOROS_BEFORE_LONG_BREAK === 0;\n\n return (\n

\n {/* Session Counter */}\n

\n Completed Pomodoros:\n {timerState.sessionCount}\n

\n {Array.from({ length: POMODOROS_BEFORE_LONG_BREAK }).map((_, i) => (\n \n ))}\n

\n\n {/* Timer Display */}\n

\n {phaseInfo.emoji}\n

\n {phaseInfo.title}\n

\n\n {/* Circular Progress */}\n

\n \n \n {/* Time display */}\n

\n {formatTime(timerState.timeLeft)}\n

\n {timerState.phase !== 'idle' ? 'remaining' : 'ready'}\n

\n\n {/* Control Buttons */}\n

\n {!timerState.isRunning ? (\n <>\n onStartSession('work')}\n className=\"btn-primary bg-red-600 hover:bg-red-700 text-white px-6 py-3 rounded-lg font-medium shadow-md\"\n >\n Start Pomodoro\n \n \n onStartSession('short_break')}\n className=\"btn-primary bg-green-600 hover:bg-green-700 text-white px-6 py-3 rounded-lg font-medium shadow-md\"\n >\n Short Break\n \n \n {shouldShowLongBreak && (\n onStartSession('long_break')}\n className=\"btn-primary bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-lg font-medium shadow-md\"\n >\n Long Break\n \n )}\n \n ) : (\n

\n setTimerState(prev => ({ ...prev, isRunning: false }))}\n className=\"bg-yellow-600 hover:bg-yellow-700 text-white px-6 py-3 rounded-lg font-medium shadow-md\"\n >\n Pause\n \n \n \n Stop\n \n

\n )}\n

\n\n {/* Resume button when paused */}\n {!timerState.isRunning && timerState.currentSession && (\n

\n setTimerState(prev => ({ ...prev, isRunning: true }))}\n className=\"btn-primary bg-green-600 hover:bg-green-700 text-white px-6 py-3 rounded-lg font-medium shadow-md\"\n >\n Resume\n \n

\n )}\n

\n\n {/* Tips */}\n

Pomodoro Technique Tips

\n •\n Work for 25 minutes with complete focus\n
\n •\n Take a 5-minute break after each session\n
\n •\n Take a 15-minute long break every 4 sessions\n
\n •\n Eliminate distractions during focus time\n

\n );\n}",[],[227,234,267],[227,234],{"_104":276,"_98":277,"_148":278,"_150":228,"_151":135,"_152":229,"_154":155,"_106":279,"_102":31,"_157":280,"_159":281,"_160":27,"_161":-5,"_162":282,"_101":283},"d7d52a76-3805-11f0-a82c-9e149126039e","index.html","d7d52b48-3805-11f0-a82c-9e149126039e",["D",1748025819549],"file","\n\n\n \n \n Pomodoro Productivity Timer\n \n \n \n 🍅\">\n\n\n

\n \n\n",[],[227,277],{"_104":285,"_98":286,"_148":287,"_150":228,"_151":135,"_152":288,"_154":155,"_106":289,"_102":31,"_157":175,"_159":290,"_160":27,"_161":-5,"_162":291,"_101":292},"337483b8-3806-11f0-b828-9e149126039e","index.tsx","337484b2-3806-11f0-b828-9e149126039e",14,["D",1748025973267],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport App from \"./components/App.tsx\";\n\nconst root = createRoot(document.getElementById('root')!);\nroot.render();",[],[227,286],{"_104":294,"_98":295,"_148":296,"_150":228,"_151":135,"_152":297,"_154":155,"_106":298,"_102":31,"_157":280,"_159":299,"_160":27,"_161":-5,"_162":300,"_101":301},"e138d68a-3805-11f0-aab0-9e149126039e","style.css","e138d752-3805-11f0-aab0-9e149126039e",9,["D",1748025835302],"/* Custom styles for Pomodoro Timer */\n\n@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');\n\nbody {\n font-family: 'Inter', sans-serif;\n}\n\n/* Timer circle animation */\n.timer-circle {\n transition: stroke-dashoffset 1s linear;\n}\n\n/* Pulse animation for active timer */\n@keyframes pulse {\n 0%, 100% {\n transform: scale(1);\n opacity: 1;\n }\n 50% {\n transform: scale(1.05);\n opacity: 0.8;\n }\n}\n\n.timer-pulse {\n animation: pulse 2s infinite;\n}\n\n/* Notification styles */\n.notification {\n animation: slideIn 0.3s ease-out;\n}\n\n@keyframes slideIn {\n from {\n transform: translateY(-100%);\n opacity: 0;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n}\n\n/* Chart container */\n.chart-container {\n position: relative;\n height: 300px;\n width: 100%;\n}\n\n/* Custom scrollbar */\n.custom-scrollbar::-webkit-scrollbar {\n width: 6px;\n}\n\n.custom-scrollbar::-webkit-scrollbar-track {\n background: #f1f5f9;\n border-radius: 3px;\n}\n\n.custom-scrollbar::-webkit-scrollbar-thumb {\n background: #cbd5e1;\n border-radius: 3px;\n}\n\n.custom-scrollbar::-webkit-scrollbar-thumb:hover {\n background: #94a3b8;\n}\n\n/* Button hover effects */\n.btn-primary {\n transition: all 0.2s ease;\n}\n\n.btn-primary:hover {\n transform: translateY(-1px);\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n}\n\n/* Stats cards */\n.stats-card {\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.stats-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);\n}\n\n/* Timer phases colors */\n.phase-work {\n background: linear-gradient(135deg, #ef4444, #dc2626);\n}\n\n.phase-short-break {\n background: linear-gradient(135deg, #10b981, #059669);\n}\n\n.phase-long-break {\n background: linear-gradient(135deg, #3b82f6, #2563eb);\n}\n\n.phase-idle {\n background: linear-gradient(135deg, #6b7280, #4b5563);\n}",[],[227,295],[227],{"_104":304,"_98":305,"_148":306,"_150":-5,"_151":135,"_152":219,"_154":155,"_106":307,"_102":31,"_157":158,"_159":-5,"_160":27,"_161":-5,"_162":308,"_101":317},"ada50546-3805-11f0-9e1e-9e149126039e","shared","24039255-43dc-495a-b02b-5562b598fc9a",["D",1748025748768],[309],{"_104":310,"_98":311,"_148":312,"_150":306,"_151":135,"_152":219,"_154":155,"_106":313,"_102":31,"_157":175,"_159":314,"_160":27,"_161":-5,"_162":315,"_101":316},"ada4adc6-3805-11f0-9e1e-9e149126039e","types.ts","ada4ae84-3805-11f0-9e1e-9e149126039e",["D",1748025748768],"// Shared types for Pomodoro timer application\n\nexport interface PomodoroSession {\n id?: number;\n type: 'work' | 'short_break' | 'long_break';\n duration: number; // in minutes\n completed: boolean;\n started_at: string; // ISO timestamp\n completed_at?: string; // ISO timestamp\n interrupted?: boolean;\n}\n\nexport interface DailyStats {\n date: string; // YYYY-MM-DD format\n completed_pomodoros: number;\n completed_breaks: number;\n total_focus_time: number; // in minutes\n interruptions: number;\n}\n\nexport interface WeeklyStats {\n week_start: string; // YYYY-MM-DD format\n total_pomodoros: number;\n total_focus_time: number;\n average_daily_pomodoros: number;\n days_active: number;\n}\n\nexport interface TimerState {\n isRunning: boolean;\n timeLeft: number; // in seconds\n currentSession: PomodoroSession | null;\n sessionCount: number; // completed pomodoros in current cycle\n phase: 'work' | 'short_break' | 'long_break' | 'idle';\n}\n\nexport interface StatsResponse {\n daily: DailyStats[];\n weekly: WeeklyStats[];\n total_pomodoros: number;\n total_focus_time: number;\n current_streak: number;\n}\n\nexport const TIMER_DURATIONS = {\n work: 25 * 60, // 25 minutes in seconds\n short_break: 5 * 60, // 5 minutes in seconds\n long_break: 15 * 60, // 15 minutes in seconds\n} as const;\n\nexport const POMODOROS_BEFORE_LONG_BREAK = 4;",[],[305,311],[305],{"_104":319,"_98":320,"_148":321,"_150":-5,"_151":135,"_152":322,"_154":155,"_106":323,"_102":31,"_157":280,"_159":324,"_160":27,"_161":-5,"_162":325,"_101":326},"a7c4f94c-3805-11f0-b3ec-9e149126039e","README.md","a7c4f9f6-3805-11f0-b3ec-9e149126039e",1,["D",1748025738912],"# Pomodoro Productivity Timer\n\nA full-featured Pomodoro technique timer with productivity tracking and analytics.\n\n## Features\n\n- **Timer Functionality**\n - 25-minute work sessions (Pomodoros)\n - 5-minute short breaks\n - 15-minute long breaks (every 4 Pomodoros)\n - Audio notifications\n - Visual progress indicators\n\n- **Productivity Tracking**\n - Log completed Pomodoros\n - Track break completion\n - Session history with timestamps\n - Daily/weekly/monthly statistics\n\n- **Analytics & Charts**\n - Productivity trends over time\n - Daily completion rates\n - Weekly patterns\n - Monthly summaries\n\n## Project Structure\n\n```\n├── backend/\n│ ├── database/\n│ │ ├── migrations.ts # Database schema\n│ │ └── queries.ts # Database operations\n│ ├── routes/\n│ │ ├── sessions.ts # Session CRUD operations\n│ │ └── stats.ts # Analytics endpoints\n│ └── index.ts # Main Hono server\n├── frontend/\n│ ├── components/\n│ │ ├── App.tsx # Main application\n│ │ ├── Timer.tsx # Pomodoro timer component\n│ │ ├── Stats.tsx # Statistics dashboard\n│ │ └── Chart.tsx # Chart components\n│ ├── index.html # Main HTML template\n│ ├── index.tsx # Frontend entry point\n│ └── style.css # Custom styles\n└── shared/\n └── types.ts # Shared TypeScript types\n```\n\n## Usage\n\n1. Click \"Start\" to begin a 25-minute Pomodoro session\n2. Work until the timer completes\n3. Take a 5-minute break (or 15-minute long break every 4 sessions)\n4. View your productivity statistics in the Stats tab\n5. Track your progress over time with interactive charts\n\n## Technology Stack\n\n- **Frontend**: React 18.2.0 with TypeScript\n- **Backend**: Hono framework\n- **Database**: SQLite\n- **Styling**: TailwindCSS\n- **Charts**: Chart.js\n- **Audio**: Web Audio API for notifications",[],[320],"files",[145,164,170,179,189,196,204,214,225,232,239,247,256,265,275,284,293,303,309,318],"counts",{"_331":31,"_332":322,"_333":31,"_334":31},"pulls","branches","forks","envVars","contents",[337,340,343,346],{"_104":146,"_98":147,"_148":149,"_150":-5,"_151":135,"_152":153,"_154":155,"_106":338,"_102":31,"_157":158,"_159":-5,"_160":27,"_161":-5,"_101":339},["D",1748025756056],[147],{"_104":226,"_98":227,"_148":228,"_150":-5,"_151":135,"_152":229,"_154":155,"_106":341,"_102":31,"_157":158,"_159":-5,"_160":27,"_161":-5,"_101":342},["D",1748025819549],[227],{"_104":304,"_98":305,"_148":306,"_150":-5,"_151":135,"_152":219,"_154":155,"_106":344,"_102":31,"_157":158,"_159":-5,"_160":27,"_161":-5,"_101":345},["D",1748025748768],[305],{"_104":319,"_98":320,"_148":321,"_150":-5,"_151":135,"_152":322,"_154":155,"_106":347,"_102":31,"_157":280,"_159":324,"_160":27,"_161":-5,"_101":348},["D",1748025738912],[320],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","routes/_app.x.$handle.$name.branch.$branch.history",{"_96":97,"_98":99,"_100":42,"_99":355,"_359":360,"_464":31,"_465":27},{"_104":105,"_98":99,"_106":356,"_108":-5,"_109":27,"_110":111,"_112":-5,"_113":-5,"_12":114,"_115":-5,"_116":27,"_117":-5,"_118":31,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_128":27,"_21":357,"_132":358},["D",1748025706246],{"_96":97,"_130":131},{"_102":134,"_98":42,"_104":135,"_136":105,"_137":-5,"_138":-5,"_139":-5,"_140":-5,"_141":99,"_142":97},"history",[361,366,374,379,384,389,394,402,407,415,422,427,435,440,451,459],{"_148":217,"_102":134,"_106":362,"_151":135,"_327":363},["D",1748025998852],[364],{"_104":215,"_151":135,"_148":217,"_98":216,"_159":221,"_157":220,"_102":219,"_150":149,"_106":362,"_152":134,"_161":-5,"_154":155,"_160":27,"_101":365},[147,216],{"_148":217,"_102":367,"_106":368,"_151":135,"_327":369},15,["D",1748025979157],[370],{"_104":371,"_151":135,"_148":217,"_98":216,"_159":372,"_157":220,"_102":322,"_150":149,"_106":368,"_152":367,"_161":-5,"_154":27,"_160":27,"_101":373},"36f78e4a-3806-11f0-87a0-9e149126039e","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { runMigrations } from \"./database/migrations.ts\";\nimport sessions from \"./routes/sessions.ts\";\nimport stats from \"./routes/stats.ts\";\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// Initialize database on startup\nawait runMigrations();\n\n// API routes\napp.route(\"/api/sessions\", sessions);\napp.route(\"/api/stats\", stats);\n\n// Serve static files\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Serve main application\napp.get(\"/\", async c => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\n// Health check\napp.get(\"/health\", c => {\n return c.json({ status: \"ok\", timestamp: new Date().toISOString() });\n});\n\nexport default app;",[147,216],{"_148":287,"_102":288,"_106":375,"_151":135,"_327":376},["D",1748025973267],[377],{"_104":285,"_151":135,"_148":287,"_98":286,"_159":290,"_157":175,"_102":31,"_150":228,"_106":375,"_152":288,"_161":-5,"_154":155,"_160":27,"_101":378},[227,286],{"_148":250,"_102":251,"_106":380,"_151":135,"_327":381},["D",1748025968140],[382],{"_104":248,"_151":135,"_148":250,"_98":249,"_159":253,"_157":175,"_102":31,"_150":235,"_106":380,"_152":251,"_161":-5,"_154":155,"_160":27,"_101":383},[227,234,249],{"_148":259,"_102":260,"_106":385,"_151":135,"_327":386},["D",1748025954767],[387],{"_104":257,"_151":135,"_148":259,"_98":258,"_159":262,"_157":175,"_102":31,"_150":235,"_106":385,"_152":260,"_161":-5,"_154":155,"_160":27,"_101":388},[227,234,258],{"_148":268,"_102":269,"_106":390,"_151":135,"_327":391},["D",1748025912180],[392],{"_104":266,"_151":135,"_148":268,"_98":267,"_159":271,"_157":175,"_102":31,"_150":235,"_106":390,"_152":269,"_161":-5,"_154":155,"_160":27,"_101":393},[227,234,267],{"_148":235,"_102":236,"_106":395,"_151":135,"_327":396},["D",1748025864392],[397,399],{"_104":233,"_151":135,"_148":235,"_98":234,"_159":-5,"_157":158,"_102":31,"_150":228,"_106":395,"_152":236,"_161":-5,"_154":155,"_160":27,"_101":398},[227,234],{"_104":240,"_151":135,"_148":242,"_98":241,"_159":244,"_157":175,"_102":31,"_150":235,"_106":400,"_152":236,"_161":-5,"_154":155,"_160":27,"_101":401},["D",1748025864392],[227,234,241],{"_148":296,"_102":297,"_106":403,"_151":135,"_327":404},["D",1748025835302],[405],{"_104":294,"_151":135,"_148":296,"_98":295,"_159":299,"_157":280,"_102":31,"_150":228,"_106":403,"_152":297,"_161":-5,"_154":155,"_160":27,"_101":406},[227,295],{"_148":278,"_102":229,"_106":408,"_151":135,"_327":409},["D",1748025819549],[410,412],{"_104":276,"_151":135,"_148":278,"_98":277,"_159":281,"_157":280,"_102":31,"_150":228,"_106":408,"_152":229,"_161":-5,"_154":155,"_160":27,"_101":411},[227,277],{"_104":226,"_151":135,"_148":228,"_98":227,"_159":-5,"_157":158,"_102":31,"_150":-5,"_106":413,"_152":229,"_161":-5,"_154":155,"_160":27,"_101":414},["D",1748025819549],[227],{"_148":217,"_102":416,"_106":417,"_151":135,"_327":418},7,["D",1748025812940],[419],{"_104":420,"_151":135,"_148":217,"_98":216,"_159":372,"_157":175,"_102":31,"_150":149,"_106":417,"_152":416,"_161":-5,"_154":27,"_160":27,"_101":421},"d3e4d61e-3805-11f0-8fa7-9e149126039e",[147,216],{"_148":207,"_102":208,"_106":423,"_151":135,"_327":424},["D",1748025804459],[425],{"_104":205,"_151":135,"_148":207,"_98":206,"_159":210,"_157":175,"_102":31,"_150":192,"_106":423,"_152":208,"_161":-5,"_154":155,"_160":27,"_101":426},[147,191,206],{"_148":199,"_102":193,"_106":428,"_151":135,"_327":429},["D",1748025794725],[430,432],{"_104":197,"_151":135,"_148":199,"_98":198,"_159":201,"_157":175,"_102":31,"_150":192,"_106":428,"_152":193,"_161":-5,"_154":155,"_160":27,"_101":431},[147,191,198],{"_104":190,"_151":135,"_148":192,"_98":191,"_159":-5,"_157":158,"_102":31,"_150":149,"_106":433,"_152":193,"_161":-5,"_154":155,"_160":27,"_101":434},["D",1748025794725],[147,191],{"_148":182,"_102":183,"_106":436,"_151":135,"_327":437},["D",1748025782594],[438],{"_104":180,"_151":135,"_148":182,"_98":181,"_159":185,"_157":175,"_102":31,"_150":167,"_106":436,"_152":183,"_161":-5,"_154":155,"_160":27,"_101":439},[147,166,181],{"_148":173,"_102":153,"_106":441,"_151":135,"_327":442},["D",1748025756056],[443,445,448],{"_104":171,"_151":135,"_148":173,"_98":172,"_159":176,"_157":175,"_102":31,"_150":167,"_106":441,"_152":153,"_161":-5,"_154":155,"_160":27,"_101":444},[147,166,172],{"_104":146,"_151":135,"_148":149,"_98":147,"_159":-5,"_157":158,"_102":31,"_150":-5,"_106":446,"_152":153,"_161":-5,"_154":155,"_160":27,"_101":447},["D",1748025756056],[147],{"_104":165,"_151":135,"_148":167,"_98":166,"_159":-5,"_157":158,"_102":31,"_150":149,"_106":449,"_152":153,"_161":-5,"_154":155,"_160":27,"_101":450},["D",1748025756056],[147,166],{"_148":306,"_102":219,"_106":452,"_151":135,"_327":453},["D",1748025748768],[454,456],{"_104":304,"_151":135,"_148":306,"_98":305,"_159":-5,"_157":158,"_102":31,"_150":-5,"_106":452,"_152":219,"_161":-5,"_154":155,"_160":27,"_101":455},[305],{"_104":310,"_151":135,"_148":312,"_98":311,"_159":314,"_157":175,"_102":31,"_150":306,"_106":457,"_152":219,"_161":-5,"_154":155,"_160":27,"_101":458},["D",1748025748768],[305,311],{"_148":321,"_102":322,"_106":460,"_151":135,"_327":461},["D",1748025738912],[462],{"_104":319,"_151":135,"_148":321,"_98":320,"_159":324,"_157":280,"_102":31,"_150":-5,"_106":460,"_152":322,"_161":-5,"_154":155,"_160":27,"_101":463},[320],"page","hasNext","routes/_app","actionData","errors"]

History