Files
united-workforce/packages/workflow-dashboard
xingyue 9cb7d68abe feat: Dashboard workflow graph visualization with React Flow (#198)
Phase 1: API + static graph rendering

Backend:
- GET /workflows/:name now returns descriptor (with graph) from bundle YAML
- Graceful fallback to null if YAML missing/invalid

Frontend:
- New workflow-graph/ component module (7 files)
- React Flow + dagre auto-layout (TB direction)
- Custom nodes: RoleNode (rounded rect) + TerminalNode (circle for START/END)
- Custom edges: dashed for FALLBACK, solid with label for conditions
- Self-loop edges supported (e.g. coder → coder)
- Node states: default/completed/active with color-coded borders
- Active node pulse animation
- Collapsible graph panel (300px) above thread records
- Dark theme using existing CSS variables

Integration:
- ThreadDetail extracts workflow name → fetches descriptor → computes node states → renders graph
- Node states derived from ThreadRecord[] (completed/active/default)
2026-05-12 10:27:07 +08:00
..

@uncaged/workflow-dashboard

Web dashboard for the Uncaged Workflow engine. Connects to the local uncaged-workflow serve API to display threads, workflows, and CAS data.

Development

# Start the local API server (in another terminal)
uncaged-workflow serve

# Start the dashboard dev server
bun run dev

Opens at http://localhost:5173. Vite proxies /api/* to localhost:7860.

Build

bun run build

Output goes to dist/ — static files ready for CF Pages or any host.