'; return; } const ul = document.createElement('ul'); ul.style.listStyle = 'none'; ul.style.paddingLeft = '0'; wsoSessionTasksList.forEach(task => { const li = document.createElement('li'); li.className = 'wso-task-item-in-plan'; li.textContent = `${task.name}${task.estimatedTimeMinutes ? ` (${task.estimatedTimeMinutes}m)` : ''}`; const delBtn = document.createElement('button'); delBtn.innerHTML = '×'; delBtn.className = 'wso-button wso-danger'; delBtn.style.padding = '2px 6px'; delBtn.style.fontSize = '0.8em'; delBtn.onclick = () => { wsoSessionTasksList = wsoSessionTasksList.filter(t => t.id !== task.id); wsoRenderSessionTasksList(); }; li.appendChild(delBtn); ul.appendChild(li); }); wsoSessionTasksListEl.appendChild(ul); } // --- Session Plan Generation --- window.wsoGenerateSessionPlan = function() { /* ... from thought process ... */ const totalDurationInput = parseInt(wsoTotalSessionDurationInput.value); if (isNaN(totalDurationInput) || totalDurationInput <= 0) { alert("Please enter a valid total session duration."); return; } const activeConfig = wsoGetActiveSettingsForSession(); const plan = []; let currentTimeElapsed = 0; let workSprintCycleCount = 0; // For long breaks while (currentTimeElapsed < totalDurationInput) { // Add Work Sprint let currentWorkDuration = Math.min(activeConfig.workSprintDuration, totalDurationInput - currentTimeElapsed); if (currentWorkDuration <= 0) break; plan.push({ type: "work", duration: currentWorkDuration, start: currentTimeElapsed, end: currentTimeElapsed + currentWorkDuration }); currentTimeElapsed += currentWorkDuration; workSprintCycleCount++; if (currentTimeElapsed >= totalDurationInput) break; // Add Break let breakDurationToUse; let breakType; if (activeConfig.longBreakEnabled && workSprintCycleCount > 0 && workSprintCycleCount % activeConfig.sprintsBeforeLongBreak === 0) { breakDurationToUse = activeConfig.longBreakDuration; breakType = "long_break"; } else { breakDurationToUse = activeConfig.shortBreakDuration; breakType = "short_break"; } let currentBreakDuration = Math.min(breakDurationToUse, totalDurationInput - currentTimeElapsed); if (currentBreakDuration <= 0) break; plan.push({ type: breakType, duration: currentBreakDuration, start: currentTimeElapsed, end: currentTimeElapsed + currentBreakDuration }); currentTimeElapsed += currentBreakDuration; } wsoCurrentSessionPlan = { totalSessionDurationMinutes: totalDurationInput, planName: wsoSessionNameInput.value.trim() || "Work Session", intervals: plan, generatedAt: new Date().toISOString(), settingsUsed: activeConfig, userTasksForSession: [...wsoSessionTasksList] // Copy current tasks list }; wsoDisplayGeneratedPlanOutput(); if(wsoGeneratedPlanAreaEl) wsoGeneratedPlanAreaEl.style.display = 'block'; if(wsoActiveSessionAreaEl) wsoActiveSessionAreaEl.style.display = 'none'; if(wsoDownloadPdfButton) wsoDownloadPdfButton.style.display = 'block'; } function wsoDisplayGeneratedPlanOutput() { /* ... renders wsoCurrentSessionPlan.intervals ... */ if(!wsoGeneratedPlanOutputEl) return; wsoGeneratedPlanOutputEl.innerHTML = ''; if (!wsoCurrentSessionPlan || wsoCurrentSessionPlan.intervals.length === 0) { wsoGeneratedPlanOutputEl.innerHTML = '

No plan generated. Adjust settings and try again.

'; return; } const ul = document.createElement('ul'); let sessionClock = 0; // To show actual clock times if a start time was implied wsoCurrentSessionPlan.intervals.forEach((interval, index) => { const li = document.createElement('li'); let typeDisplay = interval.type.replace('_', ' ').replace(/\b\w/g, l => l.toUpperCase()); const startTimeDisplay = wsoMinutesToTime(interval.start); const endTimeDisplay = wsoMinutesToTime(interval.end); li.textContent = `${index + 1}. ${typeDisplay} (${interval.duration} min) | From ${startTimeDisplay} to ${endTimeDisplay} of session`; li.classList.add(`plan-${interval.type}`); ul.appendChild(li); }); wsoGeneratedPlanOutputEl.appendChild(ul); } // --- Active Session Timer Logic & UI Update --- // (wsoUpdateTimerDisplay, wsoUpdateActiveSessionUI, wsoStartNextInterval, wsoStartIntervalTimer, // wsoPauseResumeSession, wsoStopSession - similar to Smart Break Reminder but uses wsoCurrentSessionPlan.intervals) // ... Placeholder for these complex functions ... // Placeholder for active timer functions (to be adapted from Smart Break Reminder) function wsoUpdateActiveTimerDisplay() { if(!wsoTimerCountdownDisplayEl || !wsoActiveSessionState.isRunning) return; const minutes = Math.floor(wsoActiveSessionState.timeRemainingInIntervalSeconds / 60); const seconds = wsoActiveSessionState.timeRemainingInIntervalSeconds % 60; wsoTimerCountdownDisplayEl.textContent = `${String(minutes).padStart(2, '0')}:${String(seconds).padStart(2, '0')}`; const currentInterval = wsoCurrentSessionPlan.intervals[wsoActiveSessionState.currentIntervalIndex]; let intervalName = currentInterval.type.replace('_',' ').replace(/\b\w/g, l=>l.toUpperCase()); if (!wsoActiveSessionState.isPaused) { document.title = `${wsoTimerCountdownDisplayEl.textContent} - ${intervalName}`; } else { document.title = `Paused - ${intervalName}`; } } function wsoUpdateActiveSessionView() { if (!wsoCurrentSessionPlan || wsoActiveSessionState.currentIntervalIndex < 0 || wsoActiveSessionState.currentIntervalIndex >= wsoCurrentSessionPlan.intervals.length) { wsoActiveSessionAreaEl.style.display = 'none'; wsoGeneratedPlanAreaEl.style.display = 'block'; // Show plan setup again if(wsoStartSessionButtonEl) wsoStartSessionButtonEl.textContent = "Start New Session"; document.title = "Work Session Optimizer"; return; } wsoActiveSessionAreaEl.style.display = 'block'; wsoGeneratedPlanAreaEl.style.display = 'none'; const currentInterval = wsoCurrentSessionPlan.intervals[wsoActiveSessionState.currentIntervalIndex]; let intervalName = currentInterval.type.replace('_',' ').replace(/\b\w/g, l=>l.toUpperCase()); wsoCurrentIntervalNameDisplayEl.textContent = `${intervalName}`; wsoTimerCountdownDisplayEl.className = currentInterval.type.includes('work') ? 'work-active' : 'break-active'; wsoSessionProgressDisplayEl.textContent = `Interval ${wsoActiveSessionState.currentIntervalIndex + 1} of ${wsoCurrentSessionPlan.intervals.length}`; wsoCurrentTaskInputGroupEl.style.display = currentInterval.type.includes('work') ? 'block' : 'none'; if (wsoActiveSessionState.isPaused) { wsoPauseResumeButtonEl.textContent = "Resume"; } else { wsoPauseResumeButtonEl.textContent = "Pause"; } wsoUpdateActiveTimerDisplay(); } function wsoStartNextActiveInterval(isSkipping = false) { // Log previous interval completion if not skipped or if work was done if (!isSkipping && wsoActiveSessionState.currentIntervalIndex >=0) { const prevInterval = wsoCurrentSessionPlan.intervals[wsoActiveSessionState.currentIntervalIndex]; // Simple log to console for now; PDF/localStorage log could be more detailed console.log(`Finished: ${prevInterval.type} (${prevInterval.duration}m). Task: ${wsoCurrentTaskDescriptionInput.value}`); } wsoActiveSessionState.currentIntervalIndex++; if (wsoActiveSessionState.currentIntervalIndex >= wsoCurrentSessionPlan.intervals.length) { wsoStopActiveSession(true); wsoShowNotification("Session Complete!", "Great job finishing your planned session."); return; } const nextInterval = wsoCurrentSessionPlan.intervals[wsoActiveSessionState.currentIntervalIndex]; wsoActiveSessionState.timeRemainingInIntervalSeconds = nextInterval.duration * 60; wsoActiveSessionState.isPaused = false; wsoCurrentTaskDescriptionInput.value = ""; // Clear for next work sprint let notificationTitle = nextInterval.type.includes('work') ? "Time for Work!" : "Time for a Break!"; let notificationBody = `Starting ${nextInterval.type.replace('_',' ')} for ${nextInterval.duration} minutes.`; wsoShowNotification(notificationTitle, notificationBody); wsoPlayBeep(); wsoRunActiveIntervalTimer(); wsoUpdateActiveSessionView(); } function wsoRunActiveIntervalTimer() { clearInterval(wsoActiveSessionState.timerIntervalId); wsoActiveSessionState.isRunning = true; wsoActiveSessionState.isPaused = false; wsoUpdateActiveSessionView(); wsoActiveSessionState.timerIntervalId = setInterval(() => { if (wsoActiveSessionState.isPaused) return; wsoActiveSessionState.timeRemainingInIntervalSeconds--; wsoUpdateActiveTimerDisplay(); if (wsoActiveSessionState.timeRemainingInIntervalSeconds < 0) { wsoActiveSessionState.timeRemainingInIntervalSeconds = 0; clearInterval(wsoActiveSessionState.timerIntervalId); wsoStartNextActiveInterval(); // Auto-move to next } }, 1000); } function wsoTogglePauseResumeActiveTimer() { if (!wsoActiveSessionState.isRunning) return; wsoActiveSessionState.isPaused = !wsoActiveSessionState.isPaused; if (wsoActiveSessionState.isPaused) { clearInterval(wsoActiveSessionState.timerIntervalId); } else { wsoRunActiveIntervalTimer(); } wsoUpdateActiveSessionView(); } function wsoStopActiveSession(completedNormally = false) { clearInterval(wsoActiveSessionState.timerIntervalId); wsoActiveSessionState.isRunning = false; wsoActiveSessionState.isPaused = false; wsoCurrentIntervalNameDisplayEl.textContent = completedNormally ? "Session Completed!" : "Session Stopped"; wsoTimerCountdownDisplayEl.textContent = "00:00"; wsoTimerCountdownDisplayEl.className = ""; // Reset color wsoSessionProgressDisplayEl.textContent = completedNormally ? "All intervals finished." : "Session ended early."; wsoCurrentTaskInputGroupEl.style.display = 'none'; // Don't nullify wsoCurrentSessionPlan so PDF can still be generated // Reset active state parts for next potential run wsoActiveSessionState.currentIntervalIndex = -1; wsoActiveSessionState.timeRemainingInIntervalSeconds = 0; // Make plan generation visible again wsoActiveSessionAreaEl.style.display = 'none'; wsoGeneratedPlanAreaEl.style.display = 'block'; wsoStartSessionButtonEl.textContent = "Start This Session"; // Or "Start New Session" document.title = "Work Session Optimizer"; } // --- PDF Export --- function handleWsoPdfDownload() { /* ... similar to previous PDF logic, using wsoCurrentSessionPlan ... */ if (!wsoCurrentSessionPlan) { alert("Please generate a session plan first."); return; } const { jsPDF } = window.jspdf; const doc = new jsPDF(); const reportDate = new Date().toLocaleDateString(); const primaryColor = getComputedStyle(document.documentElement).getPropertyValue('--wso-primary-color').trim(); doc.setFontSize(18); doc.setTextColor(primaryColor); doc.text(wsoCurrentSessionPlan.planName || "Work Session Plan", 14, 22); doc.setFontSize(10); doc.setTextColor(100); doc.text(`Total Planned Duration: ${wsoCurrentSessionPlan.totalSessionDurationMinutes} minutes`, 14, 30); const settings = wsoCurrentSessionPlan.settingsUsed; let settingsText = `Config: Work ${settings.workSprintDuration}m, Short Break ${settings.shortBreakDuration}m`; if(settings.longBreakEnabled) { settingsText += `, Long Break ${settings.longBreakDuration}m after ${settings.sprintsBeforeLongBreak} sprints.`; } doc.text(settingsText, 14, 36); doc.text(`Plan Generated: ${new Date(wsoCurrentSessionPlan.generatedAt).toLocaleDateString()}`, 14, 42); let yPos = 50; if (wsoCurrentSessionPlan.userTasksForSession && wsoCurrentSessionPlan.userTasksForSession.length > 0) { doc.setFontSize(12); doc.setTextColor(primaryColor); doc.text("Intended Tasks for this Session:", 14, yPos); yPos +=7; doc.setFontSize(9); doc.setTextColor(50); wsoCurrentSessionPlan.userTasksForSession.forEach(task => { if (yPos > 270) { doc.addPage(); yPos = 20; } doc.text(`\u2022 ${task.name} ${task.estimatedTimeMinutes ? `(Est: ${task.estimatedTimeMinutes}m)` : ''}`, 16, yPos); yPos += 5; }); yPos += 5; } doc.setFontSize(12); doc.setTextColor(primaryColor); doc.text("Generated Interval Schedule:", 14, yPos); yPos+=2; const tableColumn = ["#", "Type", "Duration (min)", "Session Start", "Session End"]; const tableRows = []; wsoCurrentSessionPlan.intervals.forEach((interval, index) => { tableRows.push([ index + 1, interval.type.replace('_', ' ').replace(/\b\w/g, l => l.toUpperCase()), interval.duration, wsoMinutesToTime(interval.start), wsoMinutesToTime(interval.end) ]); }); doc.autoTable({ head: [tableColumn], body: tableRows, startY: yPos, theme: 'striped', headStyles: { fillColor: primaryColor } }); doc.save(`${(wsoCurrentSessionPlan.planName || 'WorkSessionPlan').replace(/\s+/g, '_')}.pdf`); } // --- Initialization --- document.addEventListener('DOMContentLoaded', () => { // Assign DOM elements wsoSessionNameInput = document.getElementById('wsoSessionName'); wsoTotalSessionDurationInput = document.getElementById('wsoTotalSessionDuration'); wsoOverrideWorkDurationInput = document.getElementById('wsoOverrideWorkDuration'); wsoOverrideShortBreakDurationInput = document.getElementById('wsoOverrideShortBreakDuration'); wsoOverrideLongBreakEnabledCheckbox = document.getElementById('wsoOverrideLongBreakEnabled'); wsoOverrideLongBreakSettingsEl = document.getElementById('wsoOverrideLongBreakSettings'); wsoOverrideLongBreakDurationInput = document.getElementById('wsoOverrideLongBreakDuration'); wsoOverrideSprintsBeforeLongBreakInput = document.getElementById('wsoOverrideSprintsBeforeLongBreak'); wsoAddTaskToSessionForm = document.getElementById('wsoAddTaskToSessionForm'); wsoSessionTaskNameInput = document.getElementById('wsoSessionTaskNameInput'); wsoSessionTaskEstTimeInput = document.getElementById('wsoSessionTaskEstTimeInput'); wsoSessionTasksListEl = document.getElementById('wsoSessionTasksList'); wsoGeneratedPlanAreaEl = document.getElementById('wsoGeneratedPlanArea'); wsoGeneratedPlanOutputEl = document.getElementById('wsoGeneratedPlanOutput'); wsoStartSessionButtonEl = document.getElementById('wsoStartSessionButton'); wsoActiveSessionAreaEl = document.getElementById('wsoActiveSessionArea'); wsoCurrentIntervalNameDisplayEl = document.getElementById('wsoCurrentIntervalNameDisplay'); wsoTimerCountdownDisplayEl = document.getElementById('wsoTimerCountdownDisplay'); wsoSessionProgressDisplayEl = document.getElementById('wsoSessionProgressDisplay'); wsoCurrentTaskInputGroupEl = document.getElementById('wsoCurrentTaskInputGroup'); wsoCurrentTaskDescriptionInputEl = document.getElementById('wsoCurrentTaskDescription'); wsoPauseResumeButtonEl = document.getElementById('wsoPauseResumeButton'); wsoNextIntervalButtonEl = document.getElementById('wsoNextIntervalButton'); wsoStopSessionButtonEl = document.getElementById('wsoStopSessionButton'); wsoDefaultWorkDurationInput = document.getElementById('wsoDefaultWorkDuration'); wsoDefaultShortBreakDurationInput = document.getElementById('wsoDefaultShortBreakDuration'); wsoDefaultLongBreakEnabledCheckbox = document.getElementById('wsoDefaultLongBreakEnabled'); wsoDefaultLongBreakFieldsEl = document.getElementById('wsoDefaultLongBreakFields'); wsoDefaultLongBreakDurationInput = document.getElementById('wsoDefaultLongBreakDuration'); wsoDefaultSprintsBeforeLongBreakInput = document.getElementById('wsoDefaultSprintsBeforeLongBreak'); wsoSoundAlertsCheckbox = document.getElementById('wsoSoundAlerts'); wsoBrowserNotificationsCheckbox = document.getElementById('wsoBrowserNotifications'); wsoDownloadPdfButton = document.getElementById('wsoDownloadPdfButton'); // Attach event listeners if(wsoDefaultLongBreakEnabledCheckbox) { wsoDefaultLongBreakEnabledCheckbox.addEventListener('change', function() { if(wsoDefaultLongBreakFieldsEl) wsoDefaultLongBreakFieldsEl.style.display = this.checked ? 'block' : 'none'; }); } if(wsoOverrideLongBreakEnabledCheckbox) { wsoOverrideLongBreakEnabledCheckbox.addEventListener('change', function() { if(wsoOverrideLongBreakSettingsEl) wsoOverrideLongBreakSettingsEl.style.display = this.checked ? 'block' : 'none'; if (this.checked) { // Pre-fill with defaults if enabling override wsoOverrideLongBreakDurationInput.value = wsoOverrideLongBreakDurationInput.value || wsoSettings.defaultLongBreakDuration; wsoOverrideSprintsBeforeLongBreakInput.value = wsoOverrideSprintsBeforeLongBreakInput.value || wsoSettings.defaultSprintsBeforeLongBreak; } }); } if(wsoAddTaskToSessionForm) wsoAddTaskToSessionForm.addEventListener('submit', handleAddTaskToSessionFormSubmit); if(wsoStartSessionButtonEl) wsoStartSessionButtonEl.onclick = () => { if (!wsoCurrentSessionPlan) { alert("Please generate a plan first."); return; } wsoActiveSessionState.currentIntervalIndex = -1; wsoActiveSessionState.sessionStartTimeEpoch = Date.now(); // Mark overall session start wsoStartNextActiveInterval(); }; if(wsoPauseResumeButtonEl) wsoPauseResumeButtonEl.onclick = wsoTogglePauseResumeActiveTimer; if(wsoNextIntervalButtonEl) wsoNextIntervalButtonEl.onclick = () => { // Log actual time spent in current interval if ending early? More complex. // For now, just skips to next planned. clearInterval(wsoActiveSessionState.timerIntervalId); wsoStartNextActiveInterval(true); // Pass true if skipping }; if(wsoStopSessionButtonEl) wsoStopSessionButtonEl.onclick = () => wsoStopActiveSession(false); if(wsoDownloadPdfButton) wsoDownloadPdfButton.onclick = handleWsoPdfDownload; wsoLoadGlobalSettings(); // Initialize override placeholders based on loaded defaults if(wsoOverrideWorkDurationInput) wsoOverrideWorkDurationInput.placeholder = `Default: ${wsoSettings.defaultWorkSprintDuration}`; if(wsoOverrideShortBreakDurationInput) wsoOverrideShortBreakDurationInput.placeholder = `Default: ${wsoSettings.defaultShortBreakDuration}`; if(wsoOverrideLongBreakEnabledCheckbox) wsoOverrideLongBreakEnabledCheckbox.checked = wsoSettings.defaultLongBreakEnabled; // Set override checkbox based on default if(wsoOverrideLongBreakSettingsEl) wsoOverrideLongBreakSettingsEl.style.display = wsoSettings.defaultLongBreakEnabled ? 'block' : 'none'; // Show/hide based on default initially if(wsoOverrideLongBreakDurationInput) wsoOverrideLongBreakDurationInput.placeholder = `Default: ${wsoSettings.defaultLongBreakDuration}`; if(wsoOverrideSprintsBeforeLongBreakInput) wsoOverrideSprintsBeforeLongBreakInput.placeholder = `Default: ${wsoSettings.defaultSprintsBeforeLongBreak}`; const firstTabButton = document.querySelector('#workSessionOptimizerTool .wso-tab-button'); if (firstTabButton) firstTabButton.click(); if (wsoBrowserNotificationsCheckbox) { wsoBrowserNotificationsCheckbox.addEventListener('change', function() { wsoSettings.browserNotifications = this.checked; if (this.checked && typeof Notification !== 'undefined' && Notification.permission !== "granted" && Notification.permission !== "denied") { Notification.requestPermission(); } }); } // Initial check for notification permission if already enabled in settings if (wsoSettings.browserNotifications && typeof Notification !== 'undefined' && Notification.permission !== "granted" && Notification.permission !== "denied") { Notification.requestPermission(); } });