{/* MAIN RETRO WINDOW */}

{/* WINDOW TITLE BAR */}

Line_Reporter_v3.exe

✖

{/* SCROLLING MARQUEE */}

*** WELCOME TO THE GLOBAL BAR LINE TRACKER *** SYSTEM STATUS: ONLINE *** MULTIPLAYER READY *** DON'T WAIT IN LINE LIKE A NOOB ***

{/* MAIN CONTENT AREA */}

{/* HEADER SECTION */}

🚨 LIVE LINE STATUS 🚨

Check the wait times before you go! Real-time updates from other surfers on the World Wide Web.

{isMultiplayer && (

NETWORK MODE ACTIVE

)}

{/* BARS LIST */}

{(localBars || []).length === 0 ? (

No bars tracked yet. Add one below!

) : ( (localBars || []).map((bar) => { const config = STATUS_CONFIG[bar.status] || STATUS_CONFIG["UNKNOWN"]; const isUpdating = updatingIds[bar.id]; const isDeleting = deletingId === bar.id; return (

{/* Bar Name & Demo Badge */}

{bar.name} {bar.isDemo && ( DEMO )} {isUpdating && ( ✨ NEW DATA! )}

{/* Status Display Area */}

STATUS: {config.label}

{/* Actions & Metadata */}

{bar.lastReportedBy ? (

typeof openProfile === 'function' && openProfile(bar.lastReportedBy.handle)} style={{ width: 24, height: 24, border: '1px solid #000', backgroundColor: '#FFF', backgroundImage: bar.lastReportedBy.avatarUrl ? `url(${bar.lastReportedBy.avatarUrl})` : 'none', backgroundSize: 'cover', display: 'flex', alignItems: 'center', justifyContent: 'center', fontSize: 14, cursor: 'pointer' }} > {!bar.lastReportedBy.avatarUrl && }

Updated by: {bar.lastReportedBy.name}

{new Date(bar.lastReportedAt).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}

) : (

Awaiting first report...

)}

openReportModal(bar.id)} style={{ backgroundColor: COLORS.titleBar, color: COLORS.white, borderColor: '#4040FF #000040 #000040 #4040FF' }} > REPORT LINE

); }) )}

{/* ADD NEW BAR FIELDSET */}

Add New Location

setNewBarName(e.target.value)} placeholder="e.g. The Salty Spitoon" style={{ flex: 1, border: BORDERS.inset, padding: '6px 8px', fontFamily: '"MS Sans Serif", Arial, sans-serif', fontSize: 16, minWidth: 0 }} onKeyDown={(e) => e.key === 'Enter' && handleAddBar()} /> ADD

{/* SHARE ACTION */}

Don't keep the intel to yourself!

typeof share === 'function' && share()} style={{ margin: '0 auto', fontSize: 16, backgroundColor: COLORS.lime }} > SHARE APP WITH CREW

{/* FAKE VISITOR COUNTER */}

YOU ARE VISITOR NO:

0042069

{/* REPORT MODAL (Windows 95 Dialog Style) */} {reportModalOpen && (

{/* Dialog Title Bar */}

System Alert

setReportModalOpen(false)} style={{ backgroundColor: COLORS.window, border: BORDERS.outsetThin, width: 20, height: 20, display: 'flex', alignItems: 'center', justifyContent: 'center', color: 'black', fontSize: 12, cursor: 'pointer' }} > ✖

{/* Dialog Content */}

What is the current line status for:
{activeBarDetails?.name}?

Select one option below and click Submit.

{/* Radio Options */}

{[ { val: 'NO WAIT', icon: '🟢' }, { val: 'SHORT', icon: '🟡' }, { val: 'MEDIUM', icon: '🟠' }, { val: 'LONG', icon: '🔴' }, { val: 'PACKED', icon: '💀' } ].map(opt => (

{selectedStatus === opt.val &&

}

{/* Invisible actual radio for accessibility */} setSelectedStatus(opt.val)} style={{ display: 'none' }} /> {opt.val} ))}

{/* Dialog Actions */}

SUBMIT setReportModalOpen(false)} style={{ padding: '4px 20px' }}> Cancel

)}

); }