Vista general de chatbots

La lista de chatbots, la sub-navegación de cada chatbot y lo que muestra la página Overview.

La sección Chatbots es donde administrás cada bot de tu cuenta. La página de lista muestra todo de un vistazo; al abrir un chatbot aparece su propia sub-nav de ocho pestañas.

La lista de chatbots

Arriba de la página: un eyebrow "Chatbots", un título Your fleet, organized. y una fila con contadores.

┌──────────────────────────────────────────────────────────────┐
│  CHATBOTS                                                    │
│  Your fleet, organized.                      [ + New chatbot ]│
│  3 total  ·  ● 2 ready  ·  ● 1 training  ·  2 of 5 remaining │
└──────────────────────────────────────────────────────────────┘

Los contadores son en vivo — total, ready (punto verde), training (ámbar pulsante) — y se muestra {remaining} of {max} remaining contra el límite de chatbots de tu plan. El botón + New chatbot va al wizard de onboarding.

Toolbar

Debajo del header, cuando tenés al menos un chatbot:

  • Search — input con placeholder Search chatbots...
  • Filter pillsAll / Ready / Training
  • View toggle — icono de grilla o lista

Estado vacío

Sin chatbots, la página muestra:

No chatbots yet

Create your first chatbot to get started. Train it with docs, URLs, or Q&A, then deploy anywhere.

[ Create chatbot ]

Si los filtros excluyen a todos los chatbots, aparece un panel punteado:

No chatbots match your filters. [Clear filters]

Tarjeta en grilla vs fila en lista

Cada tarjeta muestra:

  • Un avatar cuadrado con la inicial del chatbot
  • El nombre
  • Un badge de estado — ready, training, o el estado crudo
  • Dos estadísticas: Messages (total) y Status (Live cuando está ready, si no Setup)
┌──────────────────────────────────┐
│  [S] Support bot     ● ready     │
│                                  │
│  MESSAGES        │  STATUS       │
│  1.2K            │  Live         │
└──────────────────────────────────┘

La vista de lista usa la misma info en una fila horizontal más densa.

La página Overview del chatbot

Al hacer clic en un chatbot se abre su Overview. Arriba de todo, una sub-nav de ocho pestañas (ver abajo). Después:

  1. Grilla de estadísticas — cuatro tarjetas: Conversations, Messages, Documents, URLs. Conversations/Documents/URLs son links que saltan a la pestaña relevante.
  2. Deploy your chatbot — dos bloques de código mostrando el script de embed y el link shareable, más All embed options → que lleva a la página Channels.
  3. Channels mini-panel — tres badges (Web, WhatsApp, Telegram) con puntos de estado. Web siempre está activo; WhatsApp/Telegram solo se ponen verdes cuando están conectados.
  4. Setup checklist — progreso de 6 pasos hacia el deploy:
┌─ Setup checklist ────────────────────── 50% complete ─┐
│  ██████████░░░░░░░░░░                                 │
│                                                       │
│  ✓ Set a custom system prompt                         │
│  ✓ Add training data (docs, URLs, Q&A)                │
│  ✓ Customize the widget appearance                    │
│  ○ Receive your first conversation                    │
│  ○ Connect WhatsApp                                   │
│  ○ Connect Telegram                                   │
│                                                       │
│  [ Edit Settings ]  [ Test Widget ]                   │
└───────────────────────────────────────────────────────┘

Cada ítem incompleto es un link que va directo a la pestaña correspondiente. Test Widget abre el link shareable en una pestaña nueva.

La sub-nav (ocho pestañas)

Cada página de chatbot comparte la misma sub-nav, en este orden:

  • Overview — esta página
  • Settings — nombre, prompt, plantillas, eliminar — ver Configuración del chatbot
  • WidgetApariencia del widget
  • Training — fuentes de conocimiento (Files, URLs, Q&A, Text)
  • Conversations — historial de mensajes
  • Tools — capacidades de agente IA
  • Channels — Web widget, WhatsApp, Telegram
  • Sandbox — pruebas en vivo

Estados

El status de un chatbot es uno de:

  • ready — se muestra como badge verde "Live"
  • training — badge ámbar pulsante mientras corren los embeddings
  • Cualquier otro valor aparece como una pill neutra con el string crudo