Vista general de conversaciones

La pestaña Conversations muestra cada hilo que tuvo tu chatbot, en cada canal. Lado izquierdo: una lista con scroll. Lado derecho: el transcript del hilo seleccionado.

Layout de la página

┌─ Conversations ──────────────────────────────────────────────────┐
│  ┌────────────────────────┐ ┌──────────────────────────────────┐ │
│  │  [ All ][Needs Reply][Closed]                                │ │
│  │                        │                                     │ │
│  │  🔍 Search messages…   │   Select a conversation             │ │
│  │                        │   Choose from the list to view      │ │
│  │  24 conversations      │   messages                          │ │
│  │  ──────────────        │                                     │ │
│  │  J  Jane Doe   12:04   │                                     │ │
│  │     ● widget · 6 msgs  │                                     │ │
│  │                        │                                     │ │
│  │  ? a91f22a0…  Yesterday│                                     │ │
│  │     ● whatsapp · 3 msgs│                                     │ │
│  └────────────────────────┘ └──────────────────────────────────┘ │
└──────────────────────────────────────────────────────────────────┘

Pestañas de filtro

Tres pestañas arriba de la lista, de izquierda a derecha: All, Needs Reply, Closed. Hacer clic en una pestaña filtra la lista. El filtro actual se guarda en la URL para que puedas compartirla o marcarla como favorita.

Búsqueda

Debajo de las pestañas, un input de búsqueda con placeholder "Search messages..." más un botón de submit y (al buscar) un botón de limpiar. La búsqueda corre contra el contenido del mensaje, no contra nombres de visitantes.

Bajo el campo, un contador se actualiza en vivo:

• 24 conversations cuando no hay búsqueda activa
• 3 results for "pricing" cuando hay búsqueda

Al tocar Enter o hacer clic en la lupa se envía.

La lista de conversaciones

Cada fila muestra:

• Un avatar circular con la inicial del visitante (o ? para anónimo)
• Nombre — nombre del visitante si se conoce, si no un identificador corto de la sesión del visitante
• Timestamp — alineado a la derecha, formateado contextualmente (12:04, Yesterday, Tue, Apr 14)
• Punto de canal — codificado por color: verde para WhatsApp, azul para Telegram, gris para widget
• Conteo de mensajes — N msg(s)
• Badge de estado — Needs reply (punto ámbar) cuando está esperando a una persona, Closed (pill gris) para closed, nada para active

La fila seleccionada tiene una franja del color primary a la izquierda.

Estados vacíos:

• Sin filtro y sin conversaciones nunca: "No conversations yet."
• Con una búsqueda que no devolvió nada: "No matches."

Actualizaciones en tiempo real

La página se mantiene fresca sin recargar. Cuando llega un mensaje nuevo, cuando una conversación se transfiere a una persona, o cuando el resumen de handoff está listo, vas a ver cómo se actualiza en el lugar.

Seleccionar una conversación

Hacer clic en una fila carga el transcript en el panel derecho. En pantallas chicas, la lista se reemplaza por el transcript; una flecha atrás te devuelve a la lista.

Siguientes pasos

• Leer transcripts — qué muestra cada mensaje
• Responder como agente — tomar una conversación en handed-off