Agent Office — real-time dashboard of AI agents

Live visualization of 20+ parallel AI-agent sessions in the metaphor of a virtual office. Each session is a separate character with its own state (working / idle / thinking), moving between office zones depending on the task.

Technically: server-authoritative state (the single source of truth is a Node.js server), broadcast via WebSocket, rendering on Canvas 2D with deterministic placement — the same ID always has the same chair. Support for filler agents when there are few real ones, synthesis of typical names on the fly, session-alive heuristic (15 minutes of silence = session dead, we remove it).

Deployment: Fly.io, single-region edge. Stack: Node.js + Express + ws + Canvas 2D on the client.

#TypeScript #Canvas2D #WebSocket #NodeJS #FlyIO #Realtime #AIAgents #FullStack