@executioncontrolprotocol/format-reactflow

Encode-only formatter that turns an @executioncontrolprotocol.workflow manifest into React Flow–compatible JSON (flat step nodes, projected Inputs/Outputs from accepts/returns, $ref data edges, and dagre layout).

Render contract (required reading): REACTFLOW_RENDER.md — flat canvas, data edges only, port bindings, fan-out, and viewer run/configure expectations.

Also binds lifecycle hooks that publish run progress on {@link reactFlowRunProgress} for browser viewers.

import "@executioncontrolprotocol/format-reactflow"
import { registerFormatReactflowExtension, reactFlowRunProgress } from "@executioncontrolprotocol/format-reactflow"

await registerFormatReactflowExtension()
env.addExtensionBinding("@executioncontrolprotocol/format-reactflow", {})

const encoded = await ecp
  .encode(manifest)
  .uses("@executioncontrolprotocol/format-reactflow")
  .process()

reactFlowRunProgress.addEventListener("step:status", (ev) => {
  // CustomEvent detail: { stepId, status }
})