boc/packages/ui/src/App.tsx

import { Routes, Route, Link } from 'react-router-dom';
import DatasetExplorer from './pages/DatasetExplorer';
import ArtifactViewer from './pages/ArtifactViewer';
import MissionUpload from './pages/MissionUpload';
import FieldConsole from './pages/FieldConsole';
import HealthDashboard from './pages/HealthDashboard';
import PilotChecklist from './pages/PilotChecklist';

function App() {
  return (
    <div style={{ fontFamily: 'system-ui, sans-serif', maxWidth: 1200, margin: '0 auto', padding: 20 }}>
      <header style={{ borderBottom: '2px solid #333', paddingBottom: 20, marginBottom: 20 }}>
        <h1>LandveX Intelligence Lab</h1>
        <nav style={{ display: 'flex', gap: 20, marginTop: 10 }}>
          <Link to="/">Dataset Explorer</Link>
          <Link to="/upload">Mission Upload</Link>
          <Link to="/console">Field Console</Link>
          <Link to="/health">Health</Link>
          <Link to="/pilot">Pilot 001</Link>
        </nav>
      </header>

      <Routes>
        <Route path="/" element={<DatasetExplorer />} />
        <Route path="/upload" element={<MissionUpload />} />
        <Route path="/artifact/:id" element={<ArtifactViewer />} />
        <Route path="/console" element={<FieldConsole />} />
        <Route path="/health" element={<HealthDashboard />} />
        <Route path="/pilot" element={<PilotChecklist />} />
      </Routes>
    </div>
  );
}

export default App;