Visual Workflow Editor - amitsri/rostyman-releases GitHub Wiki

Visual Workflow Editor

Build automated API sequences by dragging nodes onto a canvas and connecting them — no code required.

Opening the Workflow Editor

  • Click Workflow in the left sidebar
  • Or create a new Flow from the + (New Request) dialog

Node Types

Node Description
Start Entry point — every workflow begins here
End Terminal node — marks the end of a path
HTTP Request Make an API call with full request configuration
Set Variable Store a value for use in later nodes
Transform Extract data from responses via JSONPath
Delay Wait a specified number of milliseconds
Condition Branch the flow based on a JavaScript expression
Loop Iterate over an array and run child nodes for each item

Building a Workflow

  1. Add nodes — drag from the node palette on the left (organized by: Triggers, Actions, Logic, End)
  2. Connect nodes — drag from an output handle on one node to the input handle of another
  3. Configure — click a node to open its settings panel on the right
  4. Arrange — click the layout button to auto-arrange nodes top-to-bottom
  5. Save — workflows auto-save, or press Ctrl+S

Running a Workflow

  • Click the Run button in the toolbar
  • Nodes animate as they execute — edges highlight in green on success
  • Status badges appear on each node: idle, running, success, error, or skipped
  • The Flow Tracer opens automatically to show a real-time execution log

Canvas Controls

  • Zoom — scroll wheel or zoom buttons
  • Pan — click and drag the canvas background
  • Mini-map — overview of the full workflow in the corner
  • Delete — select a node and press Delete

Tips

  • Connect a Condition node to branch your workflow based on response status codes or body content
  • Use Set Variable + Transform to pass data between HTTP Request nodes
  • Loop nodes can iterate over JSON arrays from a previous response