Design Page: Key Sections

1. Top Bar Navigation

   1. Pathway: Shows the current navigation path to the workflow being edited.

   2. Deploy Button: First, it tests each function within the workflow to ensure it works correctly before full deployment. Next, it finalises and deploys the workflow to run as specified.

2. Left-Hand Side Menu

   1. Functions Tab: Contains a list of all available functions that can be dragged and dropped into the workflow. Functions Overview

   2. Search Bar: Enables users to quickly find specific functions or templates by searching for keywords.

3. Main Workflow Editing Section. This is the central area where users build their workflows by dragging and dropping functions or templates from the left-hand where users build their workflows by dragging and dropping functions or templates from the left-hand side menu.

   1. Zoom In/Out: Adjusts the zoom level of the workflow editor for better visibility.

   2. Organize Button: Automatically organizes and aligns all the functions within the editor.

   3. Clear Workflow Button: Deletes all of the components of the workflow.

   4. Schedule / trigger function: added automatically, this function serves as a scheduler or trigger (depending on the set up), starting the workflow.

   5. Templates Tab: Provides pre-built templates for common use cases, such as On-chain Data Publishing, which exposes APIs and publishes data on-chain.

4. Right-Hand Side Menu (Functions Parameters). This section allows users to input and edit the parameters for each specific function within the workflow. It provides fields and options to configure how each function behaves and interacts with other functions in the workflow.