- React + @react-three/fiber + Zustand frontend - Isometric tile grid with 6 colored zones - Agent sprites as colored cubes with glow effects - Smooth movement animation via lerp - Zone labels (HTML overlay) - Hover tooltips with agent activity/task - WebSocket client with reconnect backoff - Mock mode for standalone operation (no backend needed) - Orthographic camera setup for true isometric projection - Vite build configuration (port 18790)
26 lines
595 B
JSON
26 lines
595 B
JSON
{
|
|
"name": "spatial-office-frontend",
|
|
"private": true,
|
|
"version": "0.1.0",
|
|
"type": "module",
|
|
"scripts": {
|
|
"dev": "vite --port 18790",
|
|
"build": "vite build",
|
|
"preview": "vite preview"
|
|
},
|
|
"dependencies": {
|
|
"@react-three/drei": "^9.117.0",
|
|
"@react-three/fiber": "^8.17.0",
|
|
"react": "^18.3.1",
|
|
"react-dom": "^18.3.1",
|
|
"three": "^0.170.0",
|
|
"zustand": "^5.0.0"
|
|
},
|
|
"devDependencies": {
|
|
"@types/react": "^18.3.0",
|
|
"@types/react-dom": "^18.3.0",
|
|
"@types/three": "^0.170.0",
|
|
"@vitejs/plugin-react": "^4.3.0",
|
|
"vite": "^6.0.0"
|
|
}
|
|
}
|