mpolatcan/flowpane

README preview

# flowpane — a live graph of a Claude Code workflow run

**Claude Code** runs a workflow as a list of agents ticking over. **flowpane**
draws it instead: one column per phase, an agent as a node, the barriers and
carries between them as edges, repainted about eight times a second while the
run is live.

Built on Claude Code **function hooks** (**Claude Mods**), the early-access
plugin API from [anthropics/claude-code#91870](https://github.com/anthropics/claude-code/issues/91870).

## Screenshots

| Phases across | Phases down |
| --- | --- |
| ![The graph with its phases laid out across the pane](docs/images/flow.png) | ![The same run with its phases stacked down the pane](docs/images/stack.png) |

| Timeline | A node's detail |
| --- | --- |
| ![One bar per agent against the clock](docs/images/timeline.png) | ![The dialog a node opens, over the graph](docs/images/detail.png) |

View full repository on GitHub →