Infinite Canvas Agent
An infinite engineering canvas where agents read and draw P&IDs — equipment as nodes, piping as edges.
LangGraphVue 3GeminiP&ID
Why it exists
P&IDs are the working language of process engineering, and they spend most of their life trapped in flat images. This is a ComfyUI-style infinite canvas where the diagram is live graph data instead — equipment are nodes, piping are edges — so an agent can read it, draw into it, and rearrange it alongside you.
What’s in it
- Three agents — Optimus routes a request to the right specialist, P&ID Extractor pulls equipment and connections out of an uploaded image while preserving relative positions, and Canvas Commander operates the canvas from plain language.
- One command protocol — every mutation, whether it came from the toolbar, an agent, or another browser, goes through a single
CanvasCommandunion, so human edits and AI actions share one state model. - Vue 3 + Vue Flow front end, FastAPI + LangGraph back end, Gemini by default but provider-agnostic behind a small model interface.
Notes
The reducer over that command union is mirrored in TypeScript and Pydantic and run on both sides — which is what leaves the door open for CRDT multiplayer later. Without a provider key the canvas and persistence still work fully; only the AI endpoints go quiet.