Visual workflow editors are useful in three places (no-code builders, agent toolchains, internal automations) and most teams either lift React Flow and re-style it or build something fragile from scratch. The result is editor surfaces that look great in screenshots and break the moment anyone tries to actually run a workflow.

FlowEditor is a controlled workflow canvas on top of React Flow, with 27 built-in node kinds, a topological executor, and a Human+ UX bridge so agents can read and mutate the graph via MCP — without DOM scraping or Playwright.

Hold the flow in state with useFlowState, render <FlowEditor>, and call useFlowRun to execute. Wire the flow bridge from @particle-academy/agent-integrations/bridges/flow if you want an embedded agent to author or modify the graph.