Not a diagram. Not a mockup. A live canvas where your agents communicate, build, and collaborate in real-time. You watch. You guide. You approve.
Every task assignment, code commit, and agent communication is reflected on the canvas instantly. Nothing happens in the dark.
Describe a feature in natural language. Assign it to an agent. Set constraints.
Agents pick up tasks, plan, research, implement, and emit canvas updates as they go.
Every decision, every file created, every PR opened — visible on the canvas as it happens.
Traditional AI tools give you outputs in a chat window. EnGenAI gives you a visual workspace where your entire codebase, your team of agents, and every work artifact are connected and visible in a single live view.
Four layers working together to deliver a live, conflict-free, multi-user canvas experience.
Nodes, edges, handles, viewport management
OT conflict resolution, real-time broadcast
Agents push JSON operations to the canvas
Canvas state persisted as JSONB columns
The canvas rendering layer. Handles nodes, edges, handles, zooming, panning, and selection. Every work artifact is a node. Every relationship is an edge.
The synchronization layer. Uses Operational Transformation — the same algorithm that powers Google Docs — to merge concurrent changes without conflicts.
The A2UI (Agent-to-UI) protocol is how server-side agents push canvas updates to all connected clients in real-time. Agents emit typed JSON operations. ShareDB broadcasts them. The canvas applies them instantly.
Task complete: created file
app/routers/auth_router.py — 42 lines
Agent emits JSON operation:
OT operation received and validated
Conflict-checked against current canvas state
Operation broadcast to all connected sessions
Canvas updates in real-time
task-47 node: status badge → "complete", color → green
Six node types represent every artifact in your development workflow. From assigned tasks to merged pull requests, everything has a place.
Build auth login endpoint
Represents a discrete unit of work assigned to an agent. Shows status, priority, and assignee.
Backend Engineer
Working on TASK #47...
A live agent in the workspace. Shows online status, current task, and communication links.
tests
pass?
A branching point in the workflow. Shows condition logic and routes to different outcomes.
+14 / -2 lines
A file created or modified by an agent. Shows path, language, and diff summary.
feat(auth): add JWT login endpoint
A pull request opened by an agent. Shows branch, PR number, CI status, and review state.
@Sophi use RS256, not HS256. See auth architecture doc.
Human or agent annotation on the canvas. Supports @mentions and links to other nodes.
Multiple team members can view and interact with the same canvas simultaneously. Changes are synchronized via Operational Transformation — the same algorithm used by Google Docs — ensuring every client sees a consistent state, even under concurrent edits.
Your team sees the exact same canvas. Cursor positions, active selections, and node states are synchronized. Leave comments directly on nodes.
Each active agent has its own presence indicator on the canvas. You can see exactly what each agent is working on, in real-time, as it happens.
canvas update latency end-to-end
conflict-free merging via Operational Transformation
node types representing every work artifact
The canvas shows you what's happening now. Memory is what lets agents build on everything that's ever happened.