[EN] No reference - New Spaceflow flow editor screen

  1. 1. On the workspace Home screen, the left side menu separates what you use day to day, under Member, from what you configure, under Settings. Click Structure

    On the workspace Home screen, the left side menu separates what you use day to day, under Member, from what you configure, under Settings. Click Structure
  2. 2. Next, click Spaceflow

    Next, click Spaceflow
  3. 3. The list shows the workspace flows with Name, Description and the Version column

    The list shows the workspace flows with Name, Description and the Version column
  4. 4. To set up a flow in Spaceflow, click New Workflow. You can also open a flow that is already set up from the actions menu.

    To set up a flow in Spaceflow, click New Workflow. You can also open a flow that is already set up from the actions menu.
  5. 5. The editor opens in two columns: the flow diagram takes the main area and, at the top, sit the Editor, Executions, Versions, Comments and Logs tabs, all on the same page, without taking you out of the flow

    The editor opens in two columns: the flow diagram takes the main area and, at the top, sit the Editor, Executions, Versions, Comments and Logs tabs, all on the same page, without taking you out of the flow
  6. 6. The minimap comes on by default in the bottom right corner and shows where the visible area sits within the whole flow, which helps you find your way around large flows

    The minimap comes on by default in the bottom right corner and shows where the visible area sits within the whole flow, which helps you find your way around large flows
  7. 7. The round button to the right of the diagram opens the Available Nodes panel, with a search box and the Triggers, Actions, AI, Logic & Control, Documentation and Integrations groups. You add a node by dragging it from the panel onto the flow

    The round button to the right of the diagram opens the Available Nodes panel, with a search box and the Triggers, Actions, AI, Logic & Control, Documentation and Integrations groups. You add a node by dragging it from the panel onto the flow
  8. 8. Each node shows its own status inside the diagram: OK when it is set up, and the error count when something is missing. That is validation working on the flow diagram

    Each node shows its own status inside the diagram: OK when it is set up, and the error count when something is missing. That is validation working on the flow diagram
  9. 9. When you change a node, it starts showing the MODIFIED mark and the save icon gets a red dot: that is how the editor shows there are unsaved changes

    When you change a node, it starts showing the MODIFIED mark and the save icon gets a red dot: that is how the editor shows there are unsaved changes
  10. 10. The Executions tab lists the flow executions on the page itself. Comments and Logs follow the same logic: you check them without leaving the editor

    The Executions tab lists the flow executions on the page itself. Comments and Logs follow the same logic: you check them without leaving the editor
  11. 11. The Versions tab keeps the flow history, with number, title, description, date and the node count of each saved version

    The Versions tab keeps the flow history, with number, title, description, date and the node count of each saved version