{/* Header */}

Matrix Inverter

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

m.handle && openProfile(m.handle)} style={{ width: 32, height: 32, borderRadius: '50%', background: m.avatarUrl ? `url(${m.avatarUrl}) center/cover` : '#334155', border: '2px solid rgba(255,255,255,0.2)', cursor: m.handle ? 'pointer' : 'default', display: 'flex', alignItems: 'center', justifyContent: 'center' }}> {!m.avatarUrl && 👤}

))}

{/* Canvas Area */} {/* Recent Activity Panel */} {showActivity && (

Recent Activity

{(appData?.activityLog ?? []).length === 0 && (

No activity yet — drag a vector!

)} {(appData?.activityLog ?? []).map((entry, i) => (

entry._user?.handle && openProfile(entry._user.handle)} style={{ width: 24, height: 24, borderRadius: '50%', flexShrink: 0, background: entry._user?.profileImageUrl ? `url(${entry._user.profileImageUrl}) center/cover` : '#334155', border: '1px solid rgba(255,255,255,0.2)', cursor: entry._user?.handle ? 'pointer' : 'default', display: 'flex', alignItems: 'center', justifyContent: 'center' }} > {!entry._user?.profileImageUrl && 👤}

entry._user?.handle && openProfile(entry._user.handle)} style={{ fontSize: 13, fontWeight: 600, color: '#06b6d4', cursor: entry._user?.handle ? 'pointer' : 'default' }} > {entry._user?.displayName ?? 'Anonymous'} {entry.action}

{entry._timestamp ? new Date(entry._timestamp).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }) : ''}

))}

)}

{/* Singularity Alert Overlay */}

SINGULAR!

{/* Interactive SVG */}

{/* Bottom Panel: Math Display */}

{/* Matrix A (Forward) */}

Matrix A

{v1.x.toFixed(1)} {v1.y.toFixed(1)}

{v2.x.toFixed(1)} {v2.y.toFixed(1)}

det = {det.toFixed(2)}

{/* Matrix A^-1 (Inverse) */}

Inverse A⁻¹

{formatNum(inv.a)} {formatNum(inv.c)}

{formatNum(inv.b)} {formatNum(inv.d)}

{isSingular ? 'Cannot invert singular matrix' : 'Transforms yellow grid to standard space'}

); }