Understanding the Canvas

Understanding the Workflow Canvas

The Workflow Canvas is the heart of FeedFlux Desktop. It’s a visual interface where you design automation workflows by placing and connecting modules.

---

Canvas Overview

🖼️ [Image: Screenshot of the full Workflow Canvas interface with Toolbar, Modules Panel, Canvas Area, and Settings Panel labeled]

Element	Description
Toolbar	Save, run, stop workflows and control canvas view
Modules Panel	List of all available automation modules to drag onto canvas
Canvas Area	The main workspace where you build your workflow
Nodes	Individual modules placed on the canvas
Connections	Lines linking nodes to define execution flow
Settings Panel	Configuration options for the selected node

---

Canvas Navigation

Action	How To
Pan/Move	Click and drag on empty canvas area
Zoom In/Out	Mouse scroll wheel, or use zoom buttons
Fit to View	Click “Fit” button to see entire workflow
Select Node	Click on any node
Multi-Select	Hold Shift and click multiple nodes, or drag selection box
Delete Node	Select node and press Delete key

---

Node Anatomy

Each node on the canvas has these parts:

🖼️ [Image: Diagram of a single node showing Input Handle, Icon, Module Name, Status, and Output Handle]

• Input Handle (top): Where connections from previous modules attach
• Output Handle (bottom): Where connections to next modules start
• Icon: Visual indicator of module type
• Status: Shows if module is configured, running, completed, or has errors

---

Special Nodes

🖼️ [Image: Visual examples of Start, End, Condition, and Loop nodes side by side]

Node	Purpose	Handles
Start	Entry point of every workflow	Output only
End	Marks workflow completion	Input only
Condition (IF)	Branches workflow based on criteria	1 input, 2 outputs (Yes/No)
Loop	Repeats a sequence of actions	1 input, 2 outputs (Loop/Exit)

---