Agent Office — real-time дашборд AI-агентів
Live-візуалізація 20+ паралельних AI-агентних сесій у метафорі віртуального офісу. Кожна сесія — окремий персонаж із власним станом (working / idle / thinking), що пересувається між зонами офісу залежно від завдання.
Технічно: server-authoritative state (єдине джерело правди — Node.js-сервер), broadcast через WebSocket, рендер на Canvas 2D з детермінованим placement — однаковий ID завжди має те саме крісло. Підтримка filler-агентів коли реальних мало, синтез типових імен на льоту, session-alive heuristic (15 хв тиші = сесія мертва, її прибираємо).
Деплой: Fly.io, single-region edge. Stack: Node.js + Express + ws + Canvas 2D на клієнті.
#TypeScript #Canvas2D #WebSocket #NodeJS #FlyIO #Realtime #AIAgents #FullStack
Технічно: server-authoritative state (єдине джерело правди — Node.js-сервер), broadcast через WebSocket, рендер на Canvas 2D з детермінованим placement — однаковий ID завжди має те саме крісло. Підтримка filler-агентів коли реальних мало, синтез типових імен на льоту, session-alive heuristic (15 хв тиші = сесія мертва, її прибираємо).
Деплой: Fly.io, single-region edge. Stack: Node.js + Express + ws + Canvas 2D на клієнті.
#TypeScript #Canvas2D #WebSocket #NodeJS #FlyIO #Realtime #AIAgents #FullStack