Saltar a contenido

Chat UPE

El chat de UPE es una interfaz inmersiva a pantalla completa para conversar con los agentes inteligentes en tiempo real.

Interfaz

┌─────────────────────────────────────────────────────────────────┐
│ Chat UPE                           🟢 Conectado  [+ Nueva conv]│
├──────────────┬──────────────────────────────────────────────────┤
│ Conversac.   │                                                  │
│              │  🤖 Agente                          10:23        │
│ ▶ Análisis   │  He analizado el módulo de auth.                │
│   código     │  Encontré 3 issues:                             │
│              │  1. Token no se renueva...                       │
│   Consulta   │  2. Rate limiting ausente...                    │
│   técnica    │  3. CORS mal configurado...                     │
│              │                                                  │
│   Reporte    │  ┌─ Función ejecutada ──────────┐              │
│   semanal    │  │ ▶ analyze_code_module         │              │
│              │  │   Resultado: 3 issues found   │              │
│              │  └───────────────────────────────┘              │
│              │                                                  │
│              │  👤 Tú                              10:24        │
│              │  ¿Puedes crear issues para cada uno?             │
│              │                                                  │
│              ├──────────────────────────────────────────────────┤
│              │ [Escribe un mensaje...]   [🎤] [📎] [Enviar →] │
└──────────────┴──────────────────────────────────────────────────┘

Características

Conexión en tiempo real

El chat usa SignalR para comunicación en tiempo real:

Indicador Significado
🟢 Conectado Conexión activa con el servidor
🔴 Desconectado Sin conexión, intentando reconectar
🟡 Escribiendo... El agente está procesando

Bloques de funciones

Cuando un agente ejecuta una herramienta, se muestra un bloque colapsable:

  • Nombre de la función ejecutada
  • Resultado resumido
  • Haz clic en para expandir y ver los detalles completos

Avatares

  • Los usuarios muestran su avatar de Gravatar
  • Los agentes muestran su icono configurado

Entrada de voz (audio)

El chat incluye un botón de micrófono para grabar y transcribir audio automáticamente.

┌──────────────────────────────────────────────────────────────────┐
│              │  ● REC  0:12  ████████████░░░  [Detener]          │
│              ├────────────────────────────────────────────────── │
│              │ [Escribe un mensaje...]   [🎤] [📎] [Enviar →]   │
└──────────────┴───────────────────────────────────────────────────┘

Cómo usar:

  1. Haz clic en 🎤 Micrófono
  2. Habla — verás el temporizador y la barra de progreso en tiempo real
  3. Haz clic en Detener (o espera el límite de 2 minutos)
  4. El audio se transcribe automáticamente con Whisper y se envía como mensaje de texto

Idioma

La transcripción está optimizada para español. Habla con claridad para mejores resultados.

Límites

  • Duración máxima: 2 minutos (se detiene solo al llegar al límite)
  • Tamaño máximo: 25 MB por grabación

Adjuntar documentos

El botón de clip 📎 permite enviar archivos al agente para que los analice.

Tipos de archivo soportados:

Tipo Extensiones
Documentos .pdf, .doc, .docx
Texto plano .txt, .md
Datos estructurados .json, .xml, .csv
Hojas de cálculo .xls, .xlsx

Cómo adjuntar:

  1. Haz clic en 📎
  2. Selecciona el archivo desde tu equipo
  3. Verás un preview del archivo pendiente encima del campo de texto
  4. Escribe un mensaje opcional y haz clic en Enviar

Límite de tamaño

Los archivos no pueden superar 10 MB.

Iniciar conversación

  1. Haz clic en + Nueva conversación
  2. Selecciona el agente con el que quieres conversar
  3. Escribe tu primer mensaje
  4. El agente responderá en tiempo real

Gestionar conversaciones

En el panel izquierdo se listan todas las conversaciones:

  • La conversación activa se marca con
  • Haz clic en cualquier conversación para cambiar
  • El historial completo se preserva

Siguiente: Contactos - Gestión de contactos.