// Shared shell components — sidebar, topbar, icons const Ico = { home: , book: , note: , quiz: , hw: , cal: , cards: , grade: , tools: , file: , search: , plus: , flame: , drag: , arrow: , check: , clock: , dots: , bold: , italic: , list: , }; // Subject monogram glyphs — maps subject ID patterns to editorial SVG marks function SubjectGlyph({ id = "", size = 14, color = "currentColor" }) { const s = id.toLowerCase(); const isLit = /lit|eng(?!ineer)|poetry|rhetoric/.test(s); const isBio = /\bbio/.test(s); const isMath = /math|alg|calc|stat|trig/.test(s); const isHist = /hist|gov|civics|social/.test(s); const isChem = /chem/.test(s); const isArt = /\bart\b|draw|paint|studio|design/.test(s); const isLang = /span|french|german|japanese|latin|italian|arabic|chinese/.test(s); const isPhys = /\bphys/.test(s); const isCS = /\bcs\b|compsci|program|coding|tech/.test(s); const v = "0 0 16 16"; const p = { fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round" }; // ¶ Pilcrow for literature / English if (isLit) return ( ); // Leaf for biology if (isBio) return ( ); // ∫ Integral for math if (isMath) return ( ); // Ionic column for history if (isHist) return ( ); // Flask for chemistry if (isChem) return ( ); // Brush for art if (isArt) return ( ); // Quill for languages if (isLang) return ( ); // Sine wave for physics if (isPhys) return ( ); // Curly braces for CS if (isCS) return ( ); // Default: serif italic initial const letter = id ? id.replace(/[^a-zA-Z]/g, "")[0]?.toUpperCase() || "?" : "?"; return ( {letter} ); } function useFbUser() { const [user, setUser] = React.useState(window.__fbCurrentUser || null); React.useEffect(() => { const handler = (e) => setUser(e.detail); window.addEventListener("fbUserChanged", handler); return () => window.removeEventListener("fbUserChanged", handler); }, []); return user; } function UserAvatar({ fbUser, letter, size = 28, onClick }) { const style = { width: size, height: size, borderRadius: "50%", flexShrink: 0, cursor: onClick ? "pointer" : "default" }; if (fbUser && fbUser.photoURL) { return ; } return
{letter}
; } function Sidebar({ active = "dashboard", subjects = SUBJECTS, brandSub = "v1", onNav }) { const go = (key) => (e) => { if (onNav) { e.preventDefault(); onNav(key); } }; const fbUser = useFbUser(); const profile = React.useMemo(() => { try { return JSON.parse(localStorage.getItem("nb-profile-v1") || "null"); } catch { return null; } }, []); const displayName = fbUser ? fbUser.displayName : (profile ? profile.name : "Maya R."); const displayGrade = profile ? (profile.grade.charAt(0).toUpperCase() + profile.grade.slice(1)) : "Junior · 11ᵗʰ"; const avatarLetter = (fbUser ? fbUser.displayName : displayName).charAt(0).toUpperCase(); // Subscribe to store changes so badge counts update live const store = useNbStore(); const hwOpen = [...HOMEWORK, ...store.homework].filter(h => !h.done).length; const quizCount = QUIZZES_UPCOMING.length; return ( ); } function Topbar({ streak = nbGetStreak(), placeholder = "Search notes, homework, quizzes…", onSearchClick, onPlusClick, extras, onSignOut }) { const fbUser = useFbUser(); const avatarLetter = (() => { try { const p = JSON.parse(localStorage.getItem("nb-profile-v1") || "null"); return p ? p.name.charAt(0).toUpperCase() : "M"; } catch { return "M"; } })(); return (
{Ico.search} { if (onSearchClick) { e.target.blur(); onSearchClick(); } }} readOnly={!!onSearchClick} style={{ cursor: onSearchClick ? "pointer" : "text" }} /> ⌘K
{extras}
{Ico.flame} {streak}-day streak
); } function PageHeader({ eyebrow, title, italic, meta, actions, aside }) { return (
{eyebrow &&
{eyebrow}
}

{title} {italic && <> {italic}}

{meta &&
{meta}
}
{aside &&
{aside}
} {actions &&
{actions}
}
); } function SubjectDot({ id, size = 8 }) { const s = subjectBy(id); if (!s) return null; return ; } function ConfidenceMeter({ value }) { const pct = Math.round(value * 100); const color = value >= 0.7 ? "var(--done)" : value >= 0.5 ? "var(--ochre)" : "var(--danger)"; const label = value >= 0.7 ? "solid" : value >= 0.5 ? "ok" : "weak"; return (
{pct}% {label}
); } // ── Alloy theme — applied once on load ──────────────────────────────────────── (function() { const vars = { "--bg":"#18181a","--bg-2":"#212123","--surface":"#2b2b2d","--ink":"#e6e6ea","--ink-2":"#9898a4","--ink-3":"#585862","--hairline":"#2e2e34","--rule":"#3a3a3e","--accent":"#a4a8b4","--accent-ink":"#c4c8d4","--accent-soft":"#262630","--highlight":"#323238","--done":"#70c07a","--done-soft":"#183020","--danger":"#e6e6ea","--info":"#6090ba","--plum":"#9070ba","--ochre":"#9898a4","--sidebar-bg":"#181818","--sidebar-border":"#2b2b2d" }; const el = document.createElement("style"); el.id = "nb-theme-override"; el.textContent = ":root{" + Object.entries(vars).map(([k, v]) => k + ":" + v).join(";") + "}"; document.head.appendChild(el); window.dispatchEvent(new CustomEvent("nbThemeApplied", { detail: { accent: vars["--accent"] } })); })(); function StatNumber({ value, suffix = "", prefix = "", delay = 0, duration = 1000 }) { const numVal = typeof value === "number" ? value : parseFloat(value); const isNum = !isNaN(numVal) && value != null; const [disp, setDisp] = React.useState(isNum ? 0 : value); React.useEffect(function() { if (!isNum) { setDisp(value); return; } var raf; var startTime = null; function run(ts) { if (startTime === null) startTime = ts; var elapsed = ts - startTime - delay; if (elapsed < 0) { raf = requestAnimationFrame(run); return; } var t = Math.min(elapsed / duration, 1); var eased = 1 - Math.pow(1 - t, 3); // ease-out cubic setDisp(Math.round(eased * numVal)); if (t < 1) raf = requestAnimationFrame(run); else setDisp(numVal); } raf = requestAnimationFrame(run); return function() { cancelAnimationFrame(raf); }; }, [numVal, delay, duration]); return <>{prefix}{isNum ? disp : (value != null ? value : "—")}{suffix}; } Object.assign(window, { Ico, Sidebar, Topbar, PageHeader, SubjectDot, ConfidenceMeter, SubjectGlyph, StatNumber });