{activeTab === 'feed' && !selectedChallengeId && (

// MATCH ARCHIVE //

CHALLENGES

)} {activeTab === 'feed' && selectedChallengeId && (() => { const selChal = (challenges || []).find(c => c.id === selectedChallengeId); const expired = selChal && isExpired(selChal.timestamp); const remaining = selChal && getTimeRemaining(selChal.timestamp); return (

{expired ? '// EXPIRED OBJECTIVE //' : '// ACTIVE OBJECTIVE //'}

{remaining && (

{remaining}

)} {expired && (

CLOSED

)}

{selChal?.text}

); })()} {activeTab === 'rankings' && (

// LEADERBOARD //

TOP FRAGGERS

)}

{activeTab === 'feed' && !isSubmitting && !selectedChallengeId && (

{(challenges || []).map(chal => (

setSelectedChallengeId(chal.id)} onPointerOver={e => e.currentTarget.style.borderColor = theme.primary} onPointerOut={e => e.currentTarget.style.borderColor = '#333'}>

{new Date(chal.timestamp).toLocaleString()}

{isExpired(chal.timestamp) ? (

EXPIRED

) : (

{getTimeRemaining(chal.timestamp)}

)}

LOGS: {(chal.submissions || []).length}

{chal.text}

))}

)} {activeTab === 'feed' && !isSubmitting && selectedChallengeId && (

{(() => { const chal = (challenges || []).find(c => c.id === selectedChallengeId); if (!chal) return null; const subs = chal.submissions || []; const chalExpired = isExpired(chal.timestamp); return ( <> {chalExpired ? (

MISSION CLOSED

) : ( )} {(subs || []).length === 0 && (

AWAITING INTEL...

)} {(subs || []).map(sub => (

{sub.isDemo && (

ARCHIVED //

)}

(sub._user?.handle || sub.handle) && openProfile(sub._user?.handle || sub.handle)}>

{sub._user?.profileImageUrl ?

}

{sub._user?.displayName || sub.authorName || 'UNKNOWN'} {new Date(sub._timestamp || sub.timestamp).toLocaleTimeString([], {hour: '2-digit', minute:'2-digit'})}

{sub.type === 'text' ? (

"{sub.content}"

) : sub.type === 'video' ? (

)} {isSubmitting && (

UPLOAD INTEL

OBJECTIVE: {(challenges || []).find(c => c.id === selectedChallengeId)?.text}

SELECT FILE FORMAT

{uploadError && (

⚠️ {uploadError}

)} {isUploading ? (

⏳ UPLOADING INTEL...
ESTABLISHING SECURE CONNECTION

) : ( <>

MAX FILE SIZE: 100 MB

)}

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

{(rankings || []).map((rank, index) => (

rank.handle && openProfile(rank.handle)} style={{ backgroundColor: index === 0 ? `${theme.primary}20` : theme.panel, border: `1px solid ${index === 0 ? theme.primary : '#333'}`, padding: '12px', display: 'flex', alignItems: 'center', gap: '16px', cursor: 'pointer', position: 'relative', overflow: 'hidden' }} > {index === 0 &&

}

{index + 1}

{rank.avatar ?

}

{rank.name} {rank.id === user?.id && [YOU]}

{rank.score * 100}

))}

)}

{isGenerating && (

🧠 GENERATING...

)}

{showStamp &&

{showStamp}

}

); }