{children}

); const NeuButton = ({ children, active, onClick, style, primary }) => ( ); const EventModal = () => { const ev = (events || []).find(e => e.id === selectedEventId); if (!ev) return null; return (

setSelectedEventId(null)} />

Event Strategy

EVENT NAME updateEvent(ev.id, { title: e.target.value })} style={{ width: '100%', border: 'none', background: 'transparent', padding: 16, fontSize: 18, fontWeight: 600, color: THEME.text, outline: 'none' }} />

WEEK

Week {ev.week} ▼

TYPE updateEvent(ev.id, { type: e.target.value })} style={{ width: '100%', border: 'none', background: 'transparent', padding: 16, fontSize: 16, fontWeight: 500, color: THEME.text, outline: 'none' }} />

STRATEGIC LOAD

Effort (Logistics)

{[1,2,3,4,5].map(lvl => (

updateEvent(ev.id, { effort: lvl })} style={{ width: 32, height: 32, borderRadius: 8, background: ev.effort >= lvl ? THEME.text : THEME.bg, boxShadow: ev.effort >= lvl ? 'none' : THEME.shadowDark, display: 'flex', alignItems: 'center', justifyContent: 'center', color: ev.effort >= lvl ? '#fff' : THEME.textLight, fontWeight: 700, cursor: 'pointer' }} >{lvl}

))}

Importance

{[1,2,3,4,5].map(lvl => (

updateEvent(ev.id, { importance: lvl })} style={{ width: 32, height: 32, borderRadius: 8, background: ev.importance >= lvl ? THEME.accent : THEME.bg, boxShadow: ev.importance >= lvl ? `0 0 10px ${THEME.accent}` : THEME.shadowDark, display: 'flex', alignItems: 'center', justifyContent: 'center', color: ev.importance >= lvl ? '#fff' : THEME.textLight, fontWeight: 700, cursor: 'pointer' }} >{lvl}

))}

updateEvent(ev.id, { fixed: !ev.fixed })} > {ev.fixed ? '🔒 Fixed Date' : '🔓 Flexible'} updateEvent(ev.id, { sponsors: !ev.sponsors })} > {ev.sponsors ? '💸 Needs Sponsors' : 'No Sponsors'}

{ const newEvents = (events || []).filter(e => e.id !== ev.id); saveData({ ...appData, events: newEvents }); setSelectedEventId(null); }}>Delete setSelectedEventId(null)}>Done

); }; // ══════════════════════════════════════════════════ // 📱 RENDER UI // ══════════════════════════════════════════════════ return (

{/* HEADER */}

SEMESTER
ROADMAP

{(memberList || []).slice(0, 3).map((m, i) => (

))} {isMultiplayer && ( )}

{/* TAB SWITCHER */}

{['Roadmap', 'Insights'].map(tab => (

setActiveTab(tab.toLowerCase())} style={{ flex: 1, textAlign: 'center', padding: '12px 0', borderRadius: 16, fontSize: 14, fontWeight: 700, background: activeTab === tab.toLowerCase() ? THEME.bg : 'transparent', boxShadow: activeTab === tab.toLowerCase() ? `${THEME.shadowDark}, ${THEME.shadowLight}` : 'none', color: activeTab === tab.toLowerCase() ? THEME.text : THEME.textLight, transition: 'all 0.2s ease', cursor: 'pointer' }} > {tab}

))}

{/* CONTENT AREA */}

{activeTab === 'roadmap' && (

{Object.keys(weekAnalysis || {}).map(w => { const week = weekAnalysis[w]; const isBlocked = (config.blockedWeeks || []).includes(parseInt(w)); const loadPercent = Math.min(100, (week.load / config.capacityPerWeek) * 100); const isOverload = week.load > config.capacityPerWeek; return (

{/* Week Indicator */}

{w.padStart(2, '0')}

{/* Events Container */}

{(week.deadlines || []).map((dl, idx) => (

{dl.type === 'sponsors' ? '💰' : '🚚'} {dl.text.toUpperCase()}

))} {(week.events || []).map(ev => ( setSelectedEventId(ev.id)} style={{ padding: '12px 16px', display: 'flex', alignItems: 'center', justifyContent: 'space-between', borderLeft: `4px solid ${ev.type === 'Social' ? '#F6AD55' : ev.type === 'Career' ? '#68D391' : '#63B3ED'}` }} >

{ev.title}

{ev.type} • Effort: {ev.effort}/5

{ev.fixed && 🔒} ))} {(week.events || []).length === 0 && !isBlocked && (

FREE WEEK

)} {isBlocked && (

BLOCKED (MIDTERMS)

)}

); })}

)} {activeTab === 'insights' && (

🤖

STRATEGIC AI

Your semester has {(events || []).reduce((sum, e) => sum + e.effort, 0)} total effort points distributed over {config.weeks} weeks.

{Object.values(weekAnalysis || {}).flatMap(w => w.warnings).length === 0 ? (

✨ Plan looks perfectly balanced!

) : ( Object.keys(weekAnalysis || {}).map(w => (weekAnalysis[w].warnings || []).map((warn, i) => (

Week {w}: {warn}

)) ) )}

ACTIONS

{isAutoPlanning ? 'Optimization in progress...' : '⚡ AI Auto-Balance Plan'}

Automatically moves flexible events to low-traffic weeks.

SEMESTER CONFIG

Total Weeks {config.weeks}

Capacity/Week {config.capacityPerWeek} pts

)}

{/* FAB: Add Event */} {/* MODAL */} {selectedEventId && }

); }