// Subject Overview — per-class dashboard function SubjectTodayWidget({ subject: s, onOpenNotes, onOpenQuiz }) { const sched = nbGetSchedule(); const now = new Date(); const todayMinutes = now.getHours() * 60 + now.getMinutes(); const todayDayName = ["Sun","Mon","Tue","Wed","Thu","Fri","Sat"][now.getDay()]; // Find this subject in today's schedule const todayPeriod = sched.find((p) => p.subject === s.id); const subjectQuiz = QUIZZES_UPCOMING.find((q) => q.subject === s.id); const todayHW = [...HOMEWORK, ...nbGetHomework()].filter((h) => h.subject === s.id && !h.done && (h.due === "Tonight" || h.due === "Tomorrow")); // Is this class in session, past, or upcoming? let sessionStatus = null; if (todayPeriod) { const start = schedToMinutes(todayPeriod.time); const end = todayPeriod.end ? schedToMinutes(todayPeriod.end) : start + 50; if (todayMinutes >= start && todayMinutes < end) sessionStatus = "now"; else if (todayMinutes < start) sessionStatus = "upcoming"; else sessionStatus = "done"; } const isEmpty = !todayPeriod && todayHW.length === 0 && !subjectQuiz; if (isEmpty) return null; return (
{todayDayName} · Today's {s.short} snapshot
{todayPeriod && (
Class
{todayPeriod.time} {sessionStatus === "now" && · IN SESSION} {sessionStatus === "upcoming" && · upcoming} {sessionStatus === "done" && · done for today}
{todayPeriod.note &&
{todayPeriod.note}
}
)} {todayHW.length > 0 && (
Due
{todayHW.slice(0, 2).map((h) => (
{h.title} {h.due}
))}
)} {subjectQuiz && (
Quiz
{subjectQuiz.when} · {subjectQuiz.title.slice(0, 30)}
)}
{subjectQuiz && }
); } function SubjectOverviewContent({ subjectId, onOpenNotes, onOpenQuiz, onOpenHomework }) { const s = subjectBy(subjectId); if (!s) return null; const subjectHW = HOMEWORK.filter((h) => h.subject === subjectId); const openHW = subjectHW.filter((h) => !h.done); const subjectQuiz = QUIZZES_UPCOMING.find((q) => q.subject === subjectId); const subjectNotes = notesForSubject(subjectId).slice(0, 4); return ( <>
{s.short} · Period {(SUBJECTS.indexOf(s) % 7) + 1} · Room {s.room} · {s.teacher}

{s.name}

Unit 3 · Cellular Energetics · {s.notes} notes · {subjectHW.length} homework items · {s.quizzes} quizzes this term
{/* Stat strip */}
Grade · this term
{s.grade}
↑ 2.4 pts · since last report
Open work
0 ? "var(--ink)" : "var(--ink-3)" }}>{openHW.length}
{openHW.filter(h => h.urgent).length} URGENT
Next class
Wed
10:10 AM · ROOM {s.room.toUpperCase()}
Quiz confidence
{subjectQuiz ? ( <>
{Math.round(subjectQuiz.confidence * 100)}%
) : (
no quiz scheduled
)}
{/* 2-col body */}
{/* Left: notes + homework */}

Recent notes onOpenNotes(subjectId)} style={{ color: "var(--ink-2)", fontSize: 10.5, textDecoration: "none", cursor: "pointer" }}>ALL NOTES →

{subjectNotes.length > 0 ? (
{subjectNotes.map((n) => (
onOpenNotes(subjectId, n.id)} style={{ paddingBottom: 10, borderBottom: "1px dashed var(--hairline)", cursor: "pointer" }}>
{n.title}
{n.when}
{n.blocks && n.blocks[0] && (
{(n.blocks.find((b) => b.type === "p") || n.blocks[0]).text}
)}
))}
) : (
No notes yet for {s.short}. Click "Open notes" to create one.
)}

Homework onOpenHomework()} style={{ color: "var(--ink-2)", fontSize: 10.5, textDecoration: "none", cursor: "pointer" }}>ALL →

{subjectHW.length > 0 ? ( ) : (
No open homework for {s.short}. ✓
)}
{/* Right: quiz + flashcards + people */}
{subjectQuiz && (

Upcoming quiz

{subjectQuiz.title}
{subjectQuiz.when.toUpperCase()} · {subjectQuiz.length}
)}

Flashcard decks

{(() => { const subjectDecks = Object.entries(DECKS).filter(([_, d]) => d.subject === s.id); if (subjectDecks.length === 0) { return (
No decks yet for {s.short}. Click + to create one.
); } // Synthesize a "due" count per deck (consistent per-deck so it doesn't shuffle) const dueFor = (id) => Math.abs(id.split("").reduce((a, c) => a + c.charCodeAt(0), 0)) % 9; return subjectDecks.map(([deckId, d], i) => (
onOpenQuiz("flashcard", deckId)} style={{ display: "flex", justifyContent: "space-between", alignItems: "center", padding: "6px 0", borderBottom: i < subjectDecks.length - 1 ? "1px dashed var(--hairline)" : "none", cursor: "pointer" }}>
{d.title}
{d.cards.length} CARDS · {dueFor(deckId)} DUE
→
)); })()}
Margin note · pinned
{s.id === "ap-bio" && "Lab report needs three graphs (not two) + outliers discussion."} {s.id === "ap-lit" && "Sethe's milk: nourishment AND theft. Use for the body paragraph on motherhood."} {s.id === "alg2" && "When in doubt on double-angle, substitute cos²θ = 1 − sin²θ and see what cancels."} {!["ap-bio", "ap-lit", "alg2"].includes(s.id) && "Tap any note to pin a margin annotation here for next class."}
— Tue 10:24 · class
); } function SubjectSparkline({ color }) { const pts = [78, 82, 80, 85, 84, 87, 90, 89]; const w = 120, h = 36; const max = 100, min = 70; const path = pts.map((p, i) => { const x = (i / (pts.length - 1)) * w; const y = h - ((p - min) / (max - min)) * h; return `${i === 0 ? "M" : "L"} ${x} ${y}`; }).join(" "); const lastY = h - ((pts[pts.length - 1] - min) / (max - min)) * h; return ( ); } function NoteSamplesForSubject({ subjectId, onOpen }) { const placeholders = { "ap-lit": ["Beloved — motifs of memory", "The Great Gatsby — green light", "Toni Morrison — voice & rhythm"], "alg2": ["Double-angle identities", "Law of sines", "Inverse trig functions"], "us-hist": ["Federalist No. 10 — factions", "Causes of the Civil War", "Reconstruction amendments"], "spanish-3": ["Pretérito vs Imperfecto", "Subjuntivo — when to use", "Vocabulario Unidad 6"], "chem": ["Molarity & dilutions", "Periodic trends", "Stoichiometry"], "studio-art": ["Charcoal techniques", "Composition rules", "Color theory basics"], "phys-ed": ["Workout log — May", "Mile time tracking"], }; const list = placeholders[subjectId] || ["Notes will appear here"]; return (
{list.map((t, i) => (
{t}
{["yesterday", "Mon", "last week", "Apr 30", "Apr 28"][i % 5]}
))}
); } Object.assign(window, { SubjectOverviewContent });