// TODAY view — mission control + today's tasks + streak + hours + energy + digest + missed-day banner function TodayView() { const { state, update } = useStore(); const data = window.PLAN_DATA; const TODAY = useToday(); const today = fmtDate(TODAY); const todayEntry = data.calendar.find(c => c.date === today); const phase = currentPhaseFor(TODAY); // Countdown to interview launch const launchDate = parseDate(data.meta.interviewLaunch); const daysToLaunch = daysBetween(TODAY, launchDate); // Sprint progress const sprintStart = parseDate(data.meta.sprintStart); const sprintEnd = parseDate(data.meta.sprintEnd); const sprintTotal = daysBetween(sprintStart, sprintEnd) + 1; const rawElapsed = daysBetween(sprintStart, TODAY) + 1; const sprintElapsed = Math.max(0, Math.min(sprintTotal, rawElapsed)); const sprintPct = (sprintElapsed / sprintTotal) * 100; // Phase progress const phaseStart = parseDate(phase.start); const phaseEnd = parseDate(phase.end); const phaseTotal = daysBetween(phaseStart, phaseEnd) + 1; const phaseElapsed = Math.max(0, Math.min(phaseTotal, daysBetween(phaseStart, TODAY) + 1)); const phasePct = Math.min(100, (phaseElapsed / phaseTotal) * 100); // Total tasks done const totalDone = Object.values(state.days).filter(d => d?.done).length; // Upcoming preview const todayIdx = data.calendar.findIndex(c => c.date === today); const upcoming = data.calendar.slice(todayIdx === -1 ? 0 : todayIdx, (todayIdx === -1 ? 0 : todayIdx) + 7); // Today's per-day state const dayState = state.days[today] || {}; const setDay = (patch) => { update(prev => ({ ...prev, days: { ...prev.days, [today]: { ...prev.days[today], ...patch } } })); }; // ---- Feature 3: streak (active day = done OR note OR actualHours > 0) ---- function isActive(d) { return !!(d && (d.done || (d.note && d.note.trim()) || (parseFloat(d.actualHours) > 0))); } const streak = (() => { let s = 0; for (let i = 0; i < 365; i++) { const dt = new Date(TODAY); dt.setDate(dt.getDate() - i); const k = fmtDate(dt); if (isActive(state.days[k])) s++; else if (i === 0) continue; // today not yet logged is OK else break; } return s; })(); // ---- Feature 2: hours-this-week vs planned ---- function startOfWeek(d) { const out = new Date(d); while (out.getDay() !== 1) out.setDate(out.getDate() - 1); // Monday return out; } const weekStart = startOfWeek(TODAY); const weekDays = Array.from({length: 7}, (_, i) => { const dt = new Date(weekStart); dt.setDate(dt.getDate() + i); return fmtDate(dt); }); const plannedHrs = weekDays.reduce((sum, k) => { const e = data.calendar.find(c => c.date === k); return sum + (e?.hours || 0); }, 0); const actualHrs = weekDays.reduce((sum, k) => sum + (parseFloat(state.days[k]?.actualHours) || 0), 0); const hoursPctMatch = plannedHrs ? Math.round((actualHrs / plannedHrs) * 100) : 0; // ---- Feature 10: missed-day banner (yesterday had an entry but no activity) ---- const yesterdayDt = new Date(TODAY); yesterdayDt.setDate(yesterdayDt.getDate() - 1); const yKey = fmtDate(yesterdayDt); const yEntry = data.calendar.find(c => c.date === yKey); const yState = state.days[yKey]; const ySkippable = yEntry && ['DSA','LLD','MOCK','APPLY','POWER'].includes(yEntry.type); const yMissed = ySkippable && !isActive(yState) && !state[`dismissedMiss_${yKey}`]; const dismissMiss = () => update(prev => ({ ...prev, [`dismissedMiss_${yKey}`]: true })); function shiftRemaining() { if (!confirm('Shift every remaining day forward by 1? This rewrites the whole calendar from today onward.')) return; dismissMiss(); shiftScheduleForward(update, 1); } // ---- Feature 9: markdown weekly digest ---- function digest() { const lines = []; lines.push(`# Weekly digest — ${weekDays[0]} → ${weekDays[6]}`); lines.push(''); lines.push(`- Streak: **${streak} days**`); lines.push(`- Planned: **${plannedHrs}h** · Actual: **${actualHrs.toFixed(1)}h** (${hoursPctMatch}%)`); lines.push(`- Tasks closed this week: **${weekDays.filter(k => state.days[k]?.done).length}/7**`); const energyScores = weekDays.map(k => state.days[k]?.energy).filter(Boolean); if (energyScores.length) lines.push(`- Avg energy: **${(energyScores.reduce((a,b)=>a+b,0)/energyScores.length).toFixed(1)}/5**`); lines.push(''); lines.push('## Days'); for (const k of weekDays) { const e = data.calendar.find(c => c.date === k); const s = state.days[k] || {}; const done = s.done ? 'x' : ' '; lines.push(`- [${done}] **${k}** (${e?.type || 'OFF'}): ${s.actualHours || 0}h${s.energy ? ` · energy ${s.energy}/5` : ''}${s.note ? `\n > ${s.note.replace(/\n/g, ' ')}` : ''}`); } const dueWeak = Object.values(state.weak || {}).filter(w => w && w.dueDate <= today); if (dueWeak.length) { lines.push(''); lines.push('## Weak problems due'); for (const w of dueWeak) lines.push(`- ${w.topic} — ${w.title} (step ${(w.intervalIdx||0)+1}/${SRS_INTERVALS.length})`); } const upMocks = data.mocks.map(m => ({ m, s: state.mocks[m.id] })).filter(x => x.s?.score); if (upMocks.length) { lines.push(''); lines.push('## Mocks logged (all-time)'); for (const { m, s } of upMocks) lines.push(`- ${m.id} (${m.date}, ${m.type}): **${s.score}/10**${s.improve ? ` — to improve: ${s.improve}` : ''}`); } return lines.join('\n'); } function copyDigest() { const text = digest(); navigator.clipboard?.writeText(text).then( () => alert('Weekly digest copied to clipboard.'), () => prompt('Copy this digest:', text) ); } function downloadDigest() { const blob = new Blob([digest()], { type: 'text/markdown' }); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = `digest-${weekDays[0]}.md`; a.click(); setTimeout(() => URL.revokeObjectURL(url), 1000); } // ---- Backup: export / import full state blob ---- const fileInputRef = React.useRef(null); function handleImport(e) { const file = e.target.files?.[0]; if (!file) return; if (!confirm(`Import "${file.name}"? This will OVERWRITE your current data. (Tip: export first if unsure.)`)) { e.target.value = ''; return; } importBackup(file).then(() => { alert('Backup imported. Reloading…'); window.location.reload(); }).catch(err => { alert(`Import failed: ${err.message}`); e.target.value = ''; }); } // ---- Feature 1 integration: weak problems due today ---- const dueWeak = Object.values(state.weak || {}).filter(w => w && w.dueDate <= today); return (
{TODAY.toLocaleDateString('en-US', { weekday: 'long', month: 'long', day: 'numeric', year: 'numeric' })} · IST

{rawElapsed < 1 ? <>Sprint starts in {1 - rawElapsed} day{1 - rawElapsed === 1 ? '' : 's'}. : rawElapsed > sprintTotal ? <>Sprint complete. : <>Day {sprintElapsed} of {sprintTotal}.}
{daysToLaunch > 0 ? <>Interviews in {daysToLaunch} days. : Interviews live.}

STREAK
active day = done · note · or hours
{/* Missed-day banner */} {yMissed && (
Missed: {yKey} ({yEntry.type})
Yesterday slipped. Shift the remaining schedule, or absorb it.
)} {/* Stats grid */}
%} sub={`${sprintElapsed} / ${sprintTotal} days`} /> } sub={`of ${data.calendar.length}`} /> } sub={data.meta.interviewLaunch} />
{/* Phase progress strip */}
Phase Progress
{phase.focus}
{phaseElapsed} / {phaseTotal} days
{Math.round(phasePct)}%
→ {phase.output} {phase.goal}
{/* Hours this week + digest export + backup */}
Hours this week
= 80 ? 'var(--accent)' : hoursPctMatch >= 50 ? 'var(--warn)' : 'var(--rose)'}}>{actualHrs.toFixed(1)}h / {plannedHrs}h planned · {hoursPctMatch}%
parseFloat(state.days[k]?.actualHours) || 0)} width={200} height={42} />
BACKUP · all data stays in this browser. Export regularly.
{/* Today's task card */} {todayEntry ? (
Today's Mission
{todayEntry.hours}h planned
setDay({ done: !dayState.done })} size={22} />
{todayEntry.dsa && (
DSA

{todayEntry.dsa}

)} {todayEntry.lld && (
LLD / OTHER

{todayEntry.lld}

)}
{/* Hours + energy + sleep inputs */}
ACTUAL HOURS
setDay({ actualHours: e.target.value })} style={{padding:'8px 10px',fontFamily:'var(--mono)'}}/>
ENERGY (1–5)
setDay({ energy: v })} color="var(--accent)"/>
SLEEP QUALITY (1–5)
setDay({ sleep: v })} color="oklch(0.82 0.12 240)"/>