{/* Header */}

📊 Empirical Risk

Drag handles to minimize MSE

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

m.handle ? openProfile(m.handle) : null} style={{ width: 28, height: 28, borderRadius: '50%', background: m.avatarUrl ? `url(${m.avatarUrl}) center/cover` : 'linear-gradient(135deg, #00F0FF, #0055FF)', display: 'flex', alignItems: 'center', justifyContent: 'center', fontSize: 12, fontWeight: 'bold', border: '2px solid #040812', cursor: m.handle ? 'pointer' : 'default' }}> {!m.avatarUrl && (m.displayName?.charAt(0).toUpperCase() || '👤')}

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

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

}

{/* Members & Activity Panel */} {showMembers && (

Members & Recent Activity

{/* Member List */}

{(memberList || []).map(m => (

m.handle ? openProfile(m.handle) : null} style={{ display: 'flex', alignItems: 'center', gap: 10, padding: '8px 10px', borderRadius: 12, background: 'rgba(255,255,255,0.03)', cursor: m.handle ? 'pointer' : 'default', transition: 'background 0.15s' }} >

{!m.avatarUrl && (m.displayName?.charAt(0).toUpperCase() || '👤')}

{m.displayName || 'Anonymous'}

{m.handle &&

@{m.handle}

}

{m.role === 'owner' && Owner}

))}

{/* Activity Feed */} {(activityLog || []).length > 0 && (

Recent Activity

{[...activityLog].reverse().slice(0, 10).map(entry => (

entry._user?.handle ? openProfile(entry._user.handle) : null} style={{ width: 22, height: 22, borderRadius: '50%', flexShrink: 0, background: entry._user?.profileImageUrl ? `url(${entry._user.profileImageUrl}) center/cover` : 'linear-gradient(135deg, #00F0FF, #0055FF)', display: 'flex', alignItems: 'center', justifyContent: 'center', fontSize: 10, fontWeight: 'bold', cursor: entry._user?.handle ? 'pointer' : 'default' }}> {!entry._user?.profileImageUrl && (entry._user?.displayName?.charAt(0)?.toUpperCase() || '?')}

{entry._user?.displayName || 'Someone'} {' '}{entry.action}{' '} MSE: {(entry.mse ?? 0).toFixed(3)} {entry._timestamp ? new Date(entry._timestamp).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }) : ''}

))}

)}

{/* SCATTER PLOT */}

Data Distribution {activeUserName && activeUserName !== user?.name && ( 🔥 {activeUserName} is editing )}

{/* Grid Lines */}

{/* Data Points */} {(points || []).map(pt => (

))} {/* Regression Line SVG */} {/* Draggable Handles */}

handlePointerDown('left', e)} style={{ position: 'absolute', left: '0%', top: toPercentY(localLine.y1, PLOT_MIN, PLOT_MAX), width: 44, height: 44, transform: 'translate(-50%, -50%)', display: 'flex', alignItems: 'center', justifyContent: 'center', cursor: 'ns-resize', zIndex: 10 }} >

handlePointerDown('right', e)} style={{ position: 'absolute', left: '100%', top: toPercentY(localLine.y2, PLOT_MIN, PLOT_MAX), width: 44, height: 44, transform: 'translate(-50%, -50%)', display: 'flex', alignItems: 'center', justifyContent: 'center', cursor: 'ns-resize', zIndex: 10 }} >

w: {currentW.toFixed(2)} b: {currentB.toFixed(2)}

{/* LOSS SURFACE */}

Loss Surface (w, b)

Mean Sq Error {currentMSE.toFixed(3)}

); }