📥 Bandeja de Entrada Unificada
La Bandeja de Entrada Unificada es el espacio de trabajo principal en PulseHub. Es una interfaz de tres paneles donde cada conversación de todos los canales aparece en una lista única, actualizada en tiempo real.
Diseño
┌──────────────┬─── ───────────────────────────────┬─────────────────┐
│ Lista de │ Hilo de Mensajes │ Detalles del │
│ Conversación │ │ Contacto │
│ │ Alice Smith │ Nombre: Alice │
│ 💬 Alice S. │ WhatsApp · abierta │ Email: — │
│ "Hola" │ ───────────────────────────── │ Tel: +155... │
│ hace 2m │ 👤 ¡Hola! 2:34 PM │ │
│ │ │ Tags: [urgente] │
│ ✉️ Bob K. │ Hola Alice, ¿cómo puedo │ │
│ "Factura" │ ayudarte? 🧑 │ Notas: VIP │
│ hace 1h │ 2:35 PM │ │
│ │ [ Escribe un mensaje… ] [Enviar] │ │
└──────────────┴──────────────────────────────────┴─────────────────┘
Panel Izquierdo: Lista de Conversaciones
Muestra las conversaciones que coinciden con el filtro actual, ordenadas por mensaje más reciente. Cada elemento muestra emoji del canal, nombre del contacto, vista previa del último mensaje, tiempo relativo, indicador de no leídos y badge de estado.
Filtros: Abiertas, Pendientes, Resueltas, Todas
Panel Central: Hilo de Mensajes
Muestra todos los mensajes en orden cronológico. Entrantes a la izquierda, salientes a la derecha (en verde). El botón ✨ Sugerir con IA envía los últimos 10 mensajes a OpenAI para obtener una respuesta sugerida.
Área de composición: Presiona Enter para enviar, Shift+Enter para nueva línea.
Panel Derecho: Detalles del Contacto
Muestra la información del contacto y el editor de etiquetas cuando se selecciona una conversación.
Actualizaciones en Tiempo Real
La bandeja usa Server-Sent Events (SSE) para actualizaciones en tiempo real. No se requiere recargar la página. Múltiples pestañas del navegador (múltiples agentes) reciben actualizaciones simultáneamente.
Gestión de Estado
| Estado | Significado |
|---|---|
open | Conversación activa que requiere atención |
pending | Esperando respuesta del cliente |
resolved | Problema cerrado |
snoozed | Temporalmente oculta |
Cuando una conversación resuelta recibe un nuevo mensaje entrante, se crea una nueva conversación en lugar de reabrir la anterior.
Etiquetas
Las etiquetas se almacenan como un array JSON en la conversación: ["urgent", "billing", "vip"]. Agrega etiquetas vía el panel derecho, filtra por etiqueta en la API, o agrega automáticamente vía reglas de automatización.
Atajos de Teclado
| Tecla | Acción |
|---|---|
Enter | Enviar mensaje |
Shift+Enter | Nueva línea en composición |