{glitchText && } ARBORWAVE

ANN ARBOR // VIRTUAL_CAMPUS

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

openProfile(m.handle)} style={{ width: 36, height: 36, borderRadius: 4, marginLeft: i > 0 ? -10 : 0, border: '2px solid #FF71CE', cursor: 'pointer', overflow: 'hidden', background: m.avatarUrl ? 'transparent' : 'linear-gradient(135deg, #FF71CE, #01CDFE)', display: 'flex', alignItems: 'center', justifyContent: 'center', fontSize: 16, boxShadow: '0 0 10px rgba(255,113,206,0.4)', }}> {m.avatarUrl ? {m.displayName}

{ e.currentTarget.style.display='none'; }} /> : }

))}

{isPlacementMode &&

SELECT_COORDINATES_ON_MAP

}

{selectedPinData && !showForm &&

{selectedPinData.icon}

{selectedPinData.name}

{selectedPinData.isDemo && SYSTEM_DEMO} {!selectedPinData.isDemo && USER_ENTRY: {selectedPinData.createdByName?.toUpperCase()}}

{selectedPinData.desc || 'NO_DATA_AVAILABLE'}

{selectedPinData.photoUrl &&

}

VIBE_TRANSMISSION

{(VIBE_EMOJIS || []).map(emoji => { const count = selectedPinData?.vibes?.[emoji] ?? 0; const isAnimating = vibeAnimating?.pinId === selectedPinData.id && vibeAnimating?.emoji === emoji; return ; })}

{!selectedPinData.isDemo && selectedPinData.createdByHandle && }

} {showForm &&

INITIALIZE_PIN

SELECT_AVATAR

{(PIN_ICONS || []).map(icon => ( ))}

SPOT_IDENTIFIER setNewPin(p => ({ ...p, name: e.target.value }))} placeholder="INPUT_NAME..." maxLength={50} style={{ width: '100%', height: 52, fontSize: 18, padding: '0 16px', border: '2px solid #01CDFE', background: '#000', color: '#05FFA1', fontFamily: "'Courier New', monospace", outline: 'none', boxSizing: 'border-box', fontWeight: 'bold' }} />

DESCRIPTION_LOG

setNewPin(p => ({ ...p, desc: e.target.value }))} placeholder="INPUT_INTEL..." maxLength={200} rows={3} style={{
            width: '100%', fontSize: 16, padding: '14px', border: '2px solid #01CDFE', background: '#000', color: '#E0D0FF', fontFamily: "'Courier New', monospace", outline: 'none', boxSizing: 'border-box', resize: 'none'
          }} />
        </div>

{pickAndUploadPhoto && <div style={{ marginBottom: 24 }}>
          <button onClick={handleUploadPhoto} disabled={uploading} style={{
            width: '100%', minHeight: 52, background: 'transparent', border: '2px dashed #B967FF', color: '#B967FF', fontSize: 14, fontWeight: 900, cursor: uploading ? 'wait' : 'pointer', letterSpacing: 2
          }}>
            {uploading ? 'UPLOADING_DATA...' : photoPreview ? 'VISUAL_CAPTURED ✓' : 'ATTACH_VISUAL_DATA'}
          </button>
          {photoPreview && <div style={{ marginTop: 12, border: '2px solid #05FFA1', padding: 4 }}><img src={photoPreview} alt="Preview" style={{ width: '100%', height: 140, objectFit: 'cover' }} /></div>}
        </div>}

<button onClick={handleSubmitPin} disabled={!newPin.name.trim()} style={{
          width: '100%', minHeight: 60, background: newPin.name.trim() ? '#05FFA1' : 'rgba(185,103,255,0.1)', border: 'none', color: '#0a0520', fontSize: 20, fontWeight: 900, cursor: newPin.name.trim() ? 'pointer' : 'not-allowed', letterSpacing: 4, textTransform: 'uppercase', boxShadow: newPin.name.trim() ? neonGlow('#05FFA1', 15) : 'none'
        }}>
          EXECUTE_DROP
        </button>
      </div>}

{(showForm || selectedPinData) && <div onClick={() => { setSelectedPin(null); setShowForm(false); setPlacementPos(null); }} style={{
        position: 'fixed', top: 0, left: 0, right: 0, bottom: 0, background: 'rgba(0,0,0,0.7)', zIndex: 40, backdropFilter: 'blur(2px)'
      }} />}