{/* Injecting CSS for retro animations */}

{/* Title Bar */}

🌐 O-WEEK EXPLORER '99

□

{/* Toolbar */}

{isMultiplayer && (

👥 {(memberList || []).length} Connected

)}

{/* Live Feed Marquee */}

{(announcements || []).map(a => ( {a.type === 'alert' && '⚠️ '} {a.text} ))}

{/* Content Area */}

{/* Tabs */}

{(days || []).map(day => (

setActiveDay(day)} style={{ ...retroBorders.outset, borderBottom: activeDay === day ? 'none' : '2px solid #808080', padding: '4px 12px', marginTop: activeDay === day ? 0 : 4, backgroundColor: activeDay === day ? '#C0C0C0' : '#d4d4d4', cursor: 'pointer', fontWeight: activeDay === day ? 'bold' : 'normal', borderTopLeftRadius: 3, borderTopRightRadius: 3, position: 'relative', zIndex: activeDay === day ? 2 : 1, fontSize: 14 }} > {day.substring(0, 3)}

))}

{/* Main Tab Content Container */}

{activeDay}'s Itinerary

{isAddingEvent && ( )} {(currentEvents || []).length === 0 ? (

No events scheduled for this day.

) : ( (currentEvents || []).map(event => { const isExpanded = expandedEventId === event.id; const eventRsvps = (rsvps || []).filter(r => r.eventId === event.id); const iHaveRsvped = (eventRsvps || []).some(r => r.userId === user?.id); let typeColor = '#000'; let typeIcon = '📅'; if (event.type === 'academic') { typeColor = '#000080'; typeIcon = '📚'; } if (event.type === 'social') { typeColor = '#FF0000'; typeIcon = '🎉'; } if (event.type === 'info') { typeColor = '#008000'; typeIcon = 'ℹ️'; } return (

{/* Event Header (Always visible) */}

setExpandedEventId(isExpanded ? null : event.id)} style={{ padding: 8, cursor: 'pointer', display: 'flex', alignItems: 'flex-start', gap: 8, backgroundColor: isExpanded ? '#000080' : 'transparent', color: isExpanded ? '#fff' : '#000' }} >

{event.time}

{event.isDemo && [DEMO] } {event.title}

{event.location}

{typeIcon}

{/* Expanded Details */} {isExpanded && (

{event.description}

{/* Confetti Animation Layer */} {showConfettiFor === event.id && (

🎉 ✨ 🎊

)} {/* Avatars of Attendees */}

{(eventRsvps || []).slice(0, 3).map((rsvp, idx) => (

rsvp._user?.handle && openProfile(rsvp._user.handle)} title={rsvp._user?.displayName} style={{ width: 24, height: 24, backgroundColor: '#fff', ...retroBorders.outset, marginLeft: idx > 0 ? -8 : 0, zIndex: 10 - idx, position: 'relative', cursor: rsvp._user?.handle ? 'pointer' : 'default', overflow: 'hidden', display: 'flex', justifyContent: 'center', alignItems: 'center', fontSize: 12 }} > {rsvp._user?.profileImageUrl ? (

) : ( )}

))} {(eventRsvps || []).length > 3 && (

+{(eventRsvps || []).length - 3}

)} {(eventRsvps || []).length === 0 && ( Be the first! )}

)}

); }) )}

{/* Status Bar */}

{(rsvps || []).filter(r => r.userId === user?.id).length} Events Registered

v1.9.9

); }

{activeDay}'s Itinerary

New Event