> ## Documentation Index
> Fetch the complete documentation index at: https://docs.inceptia.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# The agent canvas

> The bot's conversational flow is designed on a visual canvas with connected nodes

## What the canvas is

When you open a bot and go to the **Agents** tab, you'll find a visual canvas where each node represents an **agent** — a conversation unit with its own identity, instructions, and tools.

Agents connect to each other to form the call's complete flow: the bot can move from one agent to another based on what the person says, which conditions are met, or which actions run.

<Tip>
  When does it make sense to split the flow across several agents instead of one? See [Design principles](/en/construccion/buenas-practicas/principios-de-diseno).
</Tip>

<img src="https://mintcdn.com/inceptia/2xrQ5P1QkQTHz4UH/images/construccion/agentes/canvas/01-canvas.png?fit=max&auto=format&n=2xrQ5P1QkQTHz4UH&q=85&s=d3f978b5507bf2d8ee59d5079b7555c5" alt="Agent canvas with connected nodes" width="1440" height="900" data-path="images/construccion/agentes/canvas/01-canvas.png" />

***

## Agent types

Agents are distinguished by their **color** on the canvas, which indicates their role in the flow:

| Color    | Type                  | Role                                                                                   |
| -------- | --------------------- | -------------------------------------------------------------------------------------- |
| 🟢 Green | **Starter**           | The conversation's entry point. Every call starts here. There can only be one per bot. |
| 🔵 Blue  | **Standard**          | A general agent for any part of the flow: negotiation, inquiries, agreements, etc.     |
| 🔴 Red   | **Post-Conversation** | Always runs, after the call ends. Assigns the result label, but isn't limited to that. |

<Info>
  The Post-Conversation agent is an agent like any other — it has Identity, Tools, and Logic —, it just triggers automatically when the call ends, and can't be disabled. Besides assigning the label, its tool supports additional parameters (for example, a conversation summary or other custom variables) that, with the help of Python code, become available to users in the platform's operational call view.
</Info>

***

## Connecting agents

Connections between agents define when and where the conversation can "jump." Each connection is configured from the **[Agent Handoff](/en/construccion/agentes/cambio-de-agente)** tab within the source agent.

<Tip>
  An agent can have multiple handoff rules to different destinations. The LLM evaluates the conditions and picks the right agent based on the conversation's context.
</Tip>

You can also start a connection directly by dragging on the canvas, without going into the agent's tab. See [Connecting agents by dragging on the Canvas](/en/construccion/agentes/cambio-de-agente#connecting-agents-by-dragging-on-the-canvas).

***

## Show the agents panel

With bots that have many agents, the canvas can get hard to scan at a glance. The **☰** icon in the canvas controls group (next to Zoom In, Zoom Out, and Fit View) opens a panel with the bot's full agent list, their type, and a search box to find one by name.

<img src="https://mintcdn.com/inceptia/2xrQ5P1QkQTHz4UH/images/construccion/agentes/canvas/02-panel-de-agentes.png?fit=max&auto=format&n=2xrQ5P1QkQTHz4UH&q=85&s=a78ee9e319ddc02bb9ed48289ff30d37" alt="Agents panel open with the full list and search box" width="1440" height="900" data-path="images/construccion/agentes/canvas/02-panel-de-agentes.png" />

Click any agent in the list to open its editor, same as clicking its node on the canvas.

***

## Exploring an agent

Click any node on the canvas to open the agent editor. Inside you'll find four tabs:

<CardGroup cols={2}>
  <Card title="Identity" icon="id-card" href="/en/construccion/agentes/identidad">
    The agent's initial message and instructions.
  </Card>

  <Card title="Tools" icon="wrench" href="/en/construccion/agentes/herramientas">
    Functions the agent can execute.
  </Card>

  <Card title="Logic" icon="code" href="/en/construccion/agentes/logica">
    Python code to prepare the context.
  </Card>

  <Card title="Agent Handoff" icon="arrow-right-arrow-left" href="/en/construccion/agentes/cambio-de-agente">
    Handoff rules to other agents.
  </Card>
</CardGroup>
