Notificaciones

Trochai tiene un sistema de notificaciones integrado que le alerta sobre eventos importantes en su bandeja de entrada: nuevas asignaciones, escalaciones del bot, advertencias de SLA y mensajes nuevos. Las notificaciones se muestran en tiempo real sin necesidad de recargar la página.

Campana de notificaciones

La campana de notificaciones se encuentra en la barra lateral izquierda de la aplicación. Muestra:

• Icono de campana: acceso al centro de notificaciones.
• Badge de conteo: un círculo rojo con el número de notificaciones no leídas. Si tiene más de 99, se muestra "99+".
• Texto "Notificaciones": visible cuando la barra lateral está expandida.

Al hacer clic en la campana, se abre un popover con las últimas notificaciones.

Centro de notificaciones

El popover de notificaciones muestra:

Encabezado

• Título "Notificaciones"
• Botón "Marcar todo leído" (solo visible si hay notificaciones no leídas)

Lista de notificaciones

Cada notificación muestra:

• Icono de tipo: un emoji que indica el tipo de notificación
• Título: descripción breve del evento
• Cuerpo (opcional): detalles adicionales
• Tiempo relativo: cuándo ocurrió (ejemplo: "hace 5m", "hace 2h", "hace 3d")
• Indicador de no leída: un punto azul a la derecha de las notificaciones no leídas

Las notificaciones no leídas tienen un fondo ligeramente resaltado para distinguirlas de las ya leídas.

Tipos de notificaciones

Interactuar con notificaciones

Leer una notificación

Al hacer clic en una notificación:

1. Se marca automáticamente como leída.
2. Se le redirige a la conversación relacionada en la bandeja de entrada.
3. El popover se cierra.

Marcar todo como leído

Para marcar todas las notificaciones como leídas a la vez:

1. Abra el popover de notificaciones.
2. Haga clic en el botón "Marcar todo leído" en el encabezado.
3. Todas las notificaciones pierden el indicador de no leída y el badge de la campana desaparece.

Actualizaciones en tiempo real

Las notificaciones se actualizan en tiempo real gracias a Supabase Realtime. Cuando ocurre un evento que genera una notificación:

1. La notificación se crea en la base de datos.
2. La suscripción en tiempo real detecta la inserción automáticamente.
3. El conteo del badge se actualiza sin recargar la página.
4. La notificación aparece en el popover al abrirlo.

Además, las notificaciones se refrescan automáticamente cada 60 segundos como respaldo.

Estado vacío

Si no tiene notificaciones, el popover muestra el mensaje: "No hay notificaciones".

Indicadores de tiempo

Los tiempos de las notificaciones se muestran en formato relativo:

Navegación desde notificaciones

Al hacer clic en una notificación, se navega directamente a la conversación relevante en la bandeja de entrada. La URL incluye el ID de la conversación para que se seleccione automáticamente.

Consejos

• Revise las escalaciones primero: las notificaciones de escalación (círculo rojo) indican que un contacto necesita atención humana urgente.
• Atienda las advertencias de SLA: las notificaciones de SLA le avisan cuando una conversación está a punto de exceder el tiempo de respuesta objetivo.
• Use "Marcar todo leído" periódicamente para mantener su centro de notificaciones organizado.

Páginas relacionadas

• Conversaciones — gestionar las conversaciones donde ocurren los eventos
• Asignaciones — notificaciones de asignación automática