OrchFlow — AI Agent Orchestrator
A live visual pipeline builder for multi-agent AI workflows. Drag nodes, connect agents, watch the DAG execute step-by-step with real-time token usage, latency metrics, and a streaming log panel.
- Next.js
- TypeScript
- Framer Motion
- Canvas API
- Recharts
Visual pipeline canvas
A DAG-based canvas where each node is an agent. Bezier edges animate data flowing between agents, each node cycles through queued, running, done, and error states in sequence.
Real-time observability
Token usage, latency, cost, and throughput update live as the pipeline runs. A streaming log panel shows structured events from each agent in the order they fire.
Interactive control layer
Sidebar listing all agents with their current status, token budget, and run history. Drag to reposition nodes, click to inspect, run/pause/reset the whole graph from the toolbar.