gupi-osint-board/src/main.tsx

import { StrictMode, Suspense, lazy } from 'react'
import { createRoot } from 'react-dom/client'
import { App } from './App'
import './styles.css'

// three.js is lazy-loaded so the board never pays for it up front.
const PhonePreview = lazy(() => import('./phone').then(m => ({ default: m.PhonePreview })))

// Visual spike: /?phone=1 renders the handset standalone, isolated from the board.
const root = new URLSearchParams(window.location.search).has('phone')
  ? <Suspense fallback={null}><PhonePreview /></Suspense>
  : <App />
createRoot(document.getElementById('root')!).render(<StrictMode>{root}</StrictMode>)