Canvas Overview
The visual workspace where you build your product spec — drag-and-drop nodes, connect them, and let AI guide the conversation.
Canvas Overview
The Kommit canvas is an infinite, zoomable workspace for building your product spec visually. It's a free-form diagram where nodes and edges represent your product's structure.
Navigation
| Action | How |
|---|---|
| Pan | Click and drag on empty space |
| Zoom | Scroll wheel, or pinch on trackpad |
| Select a node | Click it |
| Select multiple nodes | Click and drag a selection box |
| Move a node | Click and drag the node |
| Fit everything on screen | Press Ctrl+Shift+F or use the fit-view button |
Adding nodes
Click the Add node button in the toolbar at the bottom of the canvas. A menu appears with the available node types. Click a type to place it on the canvas.
Nodes are placed near the centre of the current view. Drag them to your preferred position after placing.
Opening a node
Click any node to open its side panel. The panel contains:
- Chat tab — the AI conversation for that node
- PRD tab — PRD generation and version history (available from any node)
Click outside the panel or press Escape to close it.
Auto-save
The canvas saves automatically whenever there are unsaved changes. A subtle save indicator appears in the toolbar when a save is in progress.
Auto-save captures node positions, sizes, connections, and all structured data. Conversation messages are saved immediately as they are sent.
Snapshot history
Kommit keeps a rolling history of recent canvas snapshots. To access it:
- Click the History button in the toolbar.
- A panel opens showing previous snapshots with timestamps, node counts, and edge counts.
- Click a snapshot to preview it.
- Click Restore to roll back to that state.
Restoring a snapshot replaces the current canvas state. This action cannot be undone. If you want to preserve your current state first, the current canvas is always available as the most recent snapshot.
The most recent snapshot is labelled Latest. Snapshots are taken automatically at meaningful intervals — not just on a timer.
Toolbar
The toolbar at the bottom of the canvas provides quick access to:
- Add node — place a new node
- GitHub — connect a repository (see GitHub integration)
- History — view and restore snapshots
- Fit view — zoom to fit all nodes on screen