Panel Chat
El Chat Panel (panel de chat) ofrece mensajería entre los participantes de la sesión.
Ubicación
Está en el Tabs Panel (panel de pestañas), en el lado derecho de la interfaz del editor.

Estructura del panel
Vista de lista de chats
Muestra todas las conversaciones disponibles:
| Elemento | Descripción |
|---|---|
| Group (grupo) | Ícono con varias personas, envía mensajes a todos los participantes |
| Direct chats (chats directos) | Avatares y nombres de cada participante |
| Online indicator (indicador de conexión) | Texto verde “Online” para los usuarios conectados |
| Unread badge (insignia de no leídos) | Círculo rojo con el conteo |
Vista de sala de chat

Cuando seleccionas una conversación:
| Componente | Posición | Descripción |
|---|---|---|
| Back arrow (flecha atrás) | Arriba a la izquierda | Vuelve a la lista de chats |
| Avatar (avatar) | Encabezado | Ícono del usuario o del grupo |
| Name (nombre) | Encabezado | “Group” o el nombre del participante |
| Status (estado) | Encabezado | “Online” cuando está conectado |
| PTT button (botón PTT) | Encabezado, a la derecha | Push-to-Talk (solo para el editor) |
| Messages (mensajes) | Cuerpo | Lista de mensajes con desplazamiento |
| Input (entrada) | Abajo | Campo de texto y envío |
Visualización de mensajes
Cada mensaje muestra:
- Nombre del remitente - Solo en el primero de una secuencia
- Avatar - Solo en el primero de una secuencia
- Texto del mensaje - Con detección de enlaces
- Hora - Formato: “2:30 PM”
- Indicador de lectura - Marca de verificación + “Read” en los mensajes directos
Separadores de fecha
Formato: “December 17, 2025”
Push-to-Talk (PTT)
Disponible: cuando el editor abre un chat directo con un participante conectado
| Estado | Ícono | Descripción |
|---|---|---|
| Disponible | i_ptt | Mantén presionado para hablar |
| Activo | Animación SiriWave | Hablando en este momento |
| No disponible | i_ptt_disabled | El participante está desconectado |
Tooltip de PTT (no disponible): “Push-To-Talk is unavailable because guest is offline”
Archivos adjuntos
Progreso de subida
- Miniatura de vista previa del archivo
- Nombre y tamaño del archivo
- Barra de progreso con porcentaje
- Botón de cancelar (ícono X)
Visualización de archivos
| Tipo de archivo | Visualización |
|---|---|
| Imágenes | Vista previa en miniatura |
| Videos | Vista previa en miniatura |
| Documentos | Ícono de documento + nombre + tamaño |
Estado vacío
Mensaje del chat grupal vacío:
“Be the first one to write a message to the group”
Con la imagen de fondo del mensajero.
Mensajes no leídos
Botón para ir al final
- Botón circular azul con una flecha hacia abajo
- Insignia roja con el conteo de no leídos
- Aparece cuando llegan mensajes nuevos mientras estás desplazado hacia arriba
- Haz clic para ir al final y marcarlos como leídos
Estilo
Burbujas de mensaje
| Tipo | Estilo |
|---|---|
| Enviado (usuario) | Fondo gris, alineado a la derecha |
| Recibido | Fondo con tinte azul, alineado a la izquierda |
Encabezado
- Contenedor con bordes redondeados (10px)
- Fondo gris (modo oscuro: #1E222B)
- 44px de alto
Consideraciones para móviles
- Diseño a ancho completo
- Botón PTT optimizado para pantallas táctiles
- Sin relleno horizontal
- Altura del encabezado adaptada