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 pills — All / 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 (
Livecuando está ready, si noSetup)
┌──────────────────────────────────┐
│ [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:
- Grilla de estadísticas — cuatro tarjetas: Conversations, Messages, Documents, URLs. Conversations/Documents/URLs son links que saltan a la pestaña relevante.
- 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.
- 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.
- 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
- Widget — Apariencia 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