Flow Canvas Interface Overview

The Flow canvas is your visual workspace for building automation workflows. Here's how to navigate and use the interface effectively.

Interface Layout

Canvas Navigation

1. Left sidebar for choosing block types
2. Built-in blocks (AI, HTTP, Time, Business Logic, Collections, Memory, Errors, Data Tables, Forms, Spacelift Deploy, Note)
3. Apps section for integrated services
4. Right sidebar for setting block configuration for selected block including:
5. Name and Description fields
6. Sockets section with Inputs and Outputs
7. Configuration details and JavaScript expression editor
8. Cursor Mode Toggle
9. Hand mode for moving around the canvas
10. Cursor mode for selecting blocks
11. Live Events Controls: Shows "Live events" with time duration options for monitoring event flow:
12. Can display events from last 15 minutes, 30 minutes, 1 hour, 1 day, or turn off
13. Green indicator shows it's currently active
14. When an invocation is selected in the Invocations sidebar, the control instead shows that invocation and the counters only include its events; picking a time window clears the selection
15. AI Assistant Toggle: Control for toggling the AI assistant on/off in the left sidebar
16. Canvas Zoom Controls: Shows "100%" zoom level with + and - buttons for adjusting the canvas view
17. Canvas Organization Options: Additional menu options for managing and organizing the canvas layout
18. The center canvas area shows a simple flow with two connected blocks: "Example Block" (Time/Sleep block) connected to "Second Example Block" (Business Logic/Transform block)