Visual workflow editor for AbstractFramework - drag-and-drop workflow authoring with real-time testing
npm install @abstractframework/flowThis package ships the browser UI for the AbstractFlow visual editor (React + ReactFlow).
It is designed to run alongside the editor backend (FastAPI), which provides /api/* endpoints for:
- saving/loading flows
- running flows (WebSocket streaming)
- configuring the optional AbstractGateway connection
Terminal 1 (backend):
``bash`
pip install "abstractflow[editor]"
abstractflow serve --reload --port 8080
Terminal 2 (UI):
`bash`
npx @abstractframework/flow
Open: http://localhost:3003
`bash`
npx @abstractframework/flow --port 3003 --host 0.0.0.0 --backend-url http://127.0.0.1:8080
Environment variables:
- PORT, HOSTABSTRACTFLOW_BACKEND_URL
- (or BACKEND_URL`)
If you run an AbstractGateway (default: http://127.0.0.1:8081), configure it from the UI “Connect” modal.
Gateway is required for embeddings-backed memory/KG features and “publish to gateway” flows.