# Flujo del Agente

La función **Flujo del Agente** permite construir flujos de interacción personalizados utilizando componentes visuales como mensajes, agentes de IA y botones.

### Cómo acceder

Puede acceder a la pantalla de **Flujo del Agente** de dos formas:

* **Menú superior:** Desde cualquier área de **Skyone Studio**, haga clic en **Flujo del Agente** en la esquina superior derecha.
* **Menú lateral:** Durante la navegación (excepto en el Inicio), seleccione **Flujo del Agente** en la barra lateral izquierda.

Al hacer clic en el menú, podrá:

* Visualizar todos los flujos de agente existentes en el espacio de trabajo.
* Crear un nuevo flujo directamente desde el botón disponible.

#### **Recursos de** visualización

En la esquina superior derecha, utilice las herramientas para organizar su vista:

* **Buscar:** Localice flujos por nombre.
* **Modo cuadrícula:** Vista predeterminada en formato de tarjetas.
* **Modo lista:** Exhibición en filas para consulta rápida.
* **Orden ascendente:** Organiza los flujos por orden alfabético.

### Cómo crear un Flujo del Agente

Para crear un Flujo del Agente, sigue los seguintes pasos:

1. En el área de Flujo del Agente, haga clic en Crear flujo.
2. Complete la información en el modal:
   1. **Nombre**
   2. **Descripción**
   3. **Imagen:** Cargue o arrastre un archivo (PNG o JPG). Tras la carga, ajuste el tamaño y haga clic en **Aplicar imagen**.

* 3\. Haga clic en **Crear** para finalizar..

### Opciones del Flujo del Agente

Cada flujo tiene un botón de Opciones (tres puntos). Al hacer clic, verá:

* **Visualizar:** Abre el flujo para consulta (también accesible haciendo clic en la tarjeta).
* **Editar:** Permite cambiar nombre, descripción e imagen. Haga clic en **Editar** flujo para guardar.
* **Eliminar:** Para borrar un flujo. Se mostrará una pantalla de confirmación; escriba el nombre del flujo en el campo específico y haga clic en **Eliminar**.

{% hint style="warning" %}
Esta acción es irreversible.
{% endhint %}

### Configuración del flujo del agente

Al ingresar a un flujo, será dirigido al Whiteboard (Pizarrón), donde podrá crear, editar y configurar su flujo.

#### Barra de Herramientas

Ubicada a la izquierda del whiteboard, ofrece:

* **Herramienta Mover:** Para navegar por el área arrastrando la pantalla.
* **Herramienta de Selección:** Para seleccionar componentes.
* **Módulos:** Contiene los bloques de construcción (mensajes, botones y agentes).

#### **Cómo utilizar los módulos**

Arrastre el componente deseado hacia el flujo:

* **Agentes:** Seleccione un agente ya existente. [Aprenda a crear un agente.](https://docs.skyone.cloud/espanol/skyone-studio/agentes#crear-un-agente)
* **Construção:** Hay dos tipos de bloques de construcción:
  * **Mensagem:** Útil para añadir texto en cualquier momento del flujo.
  * **Botão:** Añada opciones para los usuarios.

**Editar bloques de construcción**

Con la **Herramienta Selección** activa, haga doble clic en el componente para editar un bloque de construcción. Puede realizar las siguientes acciones:

* **Nombre del botón:** Máximo 20 caracteres.
* **Copiar URL:** Copia el enlace directo del componente.
* **Eliminar componente:** Borra el elemento.
* **Título:** Texto descriptivo para el usuario.
* **Botones:** Muestra todos los botones (máx. 3 por bloque).
* **Agregar acción:** Añade un botón de acción.

Haga clic en **Aplicar** para guardar.

#### Recursos Adicionales

* **Ejecución manual:** Inicia la prueba del flujo para validar la lógica. [Saber más sobre Playground](https://docs.skyone.cloud/espanol/skyone-studio/inteligencia-artificial/playground).
* **Zoom:** Ajusta el nivel de acercamiento del whiteboard.
* **Logs:** Muestra el historial de cambios con filtro por fecha.

{% hint style="success" %}
Lea también: [Conexión de componentes de flujo](https://docs.skyone.cloud/espanol/skyone-studio/integraciones/conectando-componentes-de-un-flujo)
{% endhint %}

***

### FAQ

<details>

<summary>¿Qué es la función de Flujo del Agente?</summary>

Es un recurso que permite construir flujos de interacción personalizados utilizando componentes visuales como mensajes, agentes de IA y botones.

</details>

<details>

<summary>¿Cómo puedo acceder a la pantalla de Flujo del Agente?</summary>

* Puede acceder a través del menú superior (esquina derecha) o del menú lateral (barra izquierda) dentro de **Skyone Studio**.

</details>

<details>

<summary>¿Qué información se requiere para crear un nuevo flujo?</summary>

Es necesario completar el nombre, una descripción y cargar una imagen (PNG o JPG)

</details>

<details>

<summary>¿Qué tipos de módulos están disponibles para la construcción del flujo?</summary>

Hay dos tipos: "Agentes" (agentes ya existentes) y "Construcción" (bloques de Mensaje y Botón).

</details>

<details>

<summary>¿Cómo edito un bloque de construcción en el whiteboard?</summary>

Con la Herramienta de Selección activa, haga doble clic en el componente para editarlo.

</details>

<details>

<summary>¿Qué muestran los Logs en el Flujo del Agente?</summary>

Muestran el historial de cambios realizados en el flujo, con la opción de filtrar por fecha.

</details>