Skip to content

Flow Canvas

What is the Flow Canvas?

Think of the Flow Canvas as your workspace or drawing board where you create and organize the steps your assistant will follow. Each piece of the system is like a "building block" (called a node), and you can connect these blocks to show how they interact with each other. It's like building a LEGO set, where every block has a specific purpose, and together they create something functional and amazing. The Flow Canvas makes it easy to design, adjust, and fine-tune your assistant to do exactly what you need.

Getting Started

To begin working on your flow: 1. Click on the pencil icon in the top-left corner to enable editing of the Flow Canvas.
2. From here, you can: - Click on existing nodes to configure their parameters.
- Click the plus icon (+) on the left side to add new nodes to your flow.

Now you're ready to design your system by customizing and connecting nodes!

Key Features of the Flow Canvas

1. Nodes

  • What are Nodes?
    Nodes are the building blocks of your system. Each node has a specific function and can be customized with the necessary parameters for its operation.

  • Node Types:

  • Interface Node (Special Node):

    • Represents how users interact with the bot (the assistant).
    • Types:
    • Voice and Text: Supports both voice and text-based interactions.
    • Text: Supports text-only interactions.
    • Important: The Interface Node cannot be removed, only switched between the two types.

  • Standard Nodes: Nodes that perform specific tasks, like processing data or communicating with external APIs (e.g., OpenAI ChatGPT, Open API).

  • Editing Nodes:

  • Click on a node to open its settings.
  • Configure the necessary parameters. For example:
    • ChatGPT Node: Requires an endpoint, a key, and a token.

  • Change a node's name by clicking the pencil icon.

  • Adding Nodes:
    Click the + icon on the left side of the Canvas to add new nodes.

  • Deleting Nodes:
    Standard nodes can be removed by selecting them and confirming the action. (The Interface Node cannot be deleted.)

2. Connections

  • What are Connections?
    Connections link nodes together and define how data flows between them.

  • How to Connect Nodes:

  • Drag from the output of one node to the input of another.
  • Example:
    • A node with an "api" output (e.g., Open API) can connect to a node with an "api" input (e.g., OpenAI ChatGPT).
  • Hierarchy: The receiving node (the one with the input) governs the relationship.

3. Saving and Publishing

  • Save Your Work:

  • Use the disk icon to save your progress.

  • Publish Your Flow:

  • Click the play icon to deploy the system.
  • This first creates a sandbox environment for local testing before deploying live.

Summary of Icons

  • + Icon: Add new nodes.
  • Pencil Icon: Starts editing your flow.
  • Disk Icon: Save your work.
  • Play Icon: Publish your system for testing and deployment.

The Flow Canvas is an intuitive and powerful tool for designing your assistant. Experiment with adding, editing, and connecting nodes to create a flow that perfectly suits your needs!