YC OPS ARENA

LVL {currentUserStats.level} {currentUserStats.totalXp} XP

{/* TABS */}

{['LOG', 'METRICS'].map(tab => ( ))}

{/* CONTENT AREA */}

{activeTab === 'LOG' ? ( (sortedUpdates || []).length > 0 ? (sortedUpdates || []).map(update => { const authorName = update._user?.displayName || update.authorName; const authorHandle = update._user?.handle || update.authorHandle; const authorAvatar = update._user?.profileImageUrl || update.authorAvatar; const statusDef = (STATUS_OPTIONS || []).find(s => s.id === update.status) || STATUS_OPTIONS[0]; const boosts = boostsMap[update.id] || []; const hasBoosted = (boosts || []).includes(user?.id); const isAuthor = update._user?.id === user?.id || update.authorId === user?.id; return (

authorHandle && typeof openProfile === 'function' ? openProfile(authorHandle) : null} style={{ display: 'flex', alignItems: 'center', gap: 10, cursor: authorHandle ? 'pointer' : 'default' }} >

{!authorAvatar && 👤}

{authorName} {update.isDemo && DEMO}

{statusDef.icon} {update.status}

{isAuthor && !update.isDemo && ( )}

{editingId === update.id ? (

setEditText(e.target.value)} style={{ flex: 1, background: '#000', border: `1px solid ${theme.border}`, color: '#fff', padding: '8px 12px', borderRadius: 4, fontSize: 15 }} />

) : (

{update.text}

)} {/* Comments Section */}

{expandedComments[update.id] && (

{(update.comments || []).map(cmt => (

{cmt.authorName} • {cmt.text}

))}

setCommentTexts({...commentTexts, [update.id]: e.target.value})} placeholder="Add a comment..." style={{ flex: 1, background: '#000', border: `1px solid ${theme.border}`, color: '#fff', padding: '8px 12px', fontSize: 13, borderRadius: 4 }} />

)}

); }) : (

📡

NO SIGNALS DETECTED

Deploy your first update to initialize the operations log.

) ) : (

OPERATOR

VELOCITY TOTAL XP

{(userStats || []).map((stat, i) => (

stat.handle && typeof openProfile === 'function' ? openProfile(stat.handle) : null} style={{ background: stat.id === user?.id ? `${theme.primary}15` : theme.surface, border: stat.id === user?.id ? `1px solid ${theme.primary}50` : `1px solid ${theme.border}`, padding: '12px 16px', display: 'flex', justifyContent: 'space-between', alignItems: 'center', borderRadius: 8, cursor: stat.handle ? 'pointer' : 'default' }}>

#{i + 1}

{stat.displayName || 'OPERATOR'}

LVL {stat.level}

{stat.velocity} {stat.totalXp}

))}

)}

{/* DEPLOY BUTTON (Sticky Bottom) */}

{/* DEPLOY MODAL (Bottom Sheet) */}

setIsDeploying(false)} />

TRANSMIT STATUS

MISSION STATUS

{(STATUS_OPTIONS || []).map(opt => ( ))}

setNewUpdateText(e.target.value)}
            placeholder="Enter SITREP (Situation Report)..."
            style={{ 
              width: '100%', height: 120, background: '#000', border: `1px solid ${theme.border}`,
              color: theme.text, padding: 12, fontSize: 16, fontFamily: 'inherit', resize: 'none',
              boxSizing: 'border-box', marginBottom: 20, borderRadius: 8
            }}
          />

<button 
            onClick={handleTransmit}
            disabled={!newUpdateText.trim()}
            style={{ 
              width: '100%', height: 56, background: newUpdateText.trim() ? theme.primary : theme.border, 
              border: 'none', color: '#000', fontSize: 18, fontWeight: 900, letterSpacing: '2px', 
              borderRadius: 8, cursor: newUpdateText.trim() ? 'pointer' : 'default',
              opacity: newUpdateText.trim() ? 1 : 0.5,
              transition: 'all 0.2s'
            }}
          >
            TRANSMIT
          </button>
        </div>
      </div>
    </div>
  );
}</article></body></html>