Simulador de Demo Interactivo

Entorno Interactivo

Utiliza este simulador para experimentar la respuesta de Maya ante cada turno conversacional y verificar cómo los eventos táctiles mutan la interfaz y la base de datos.

Simulador del Guión de Demo en Vivo

Reproduce paso a paso los 3 minutos de corrida verificada en producción.

LLM→

MCP(panorama_inicial · simular_reestructura)

→A2UI v0.9.1

10.5 s (medido con modelo real)

Entrada & Razonamiento del Agente

Perfil & Entrada del Usuario

👤 Beto (Supervisor de logística, tarjeta al 96.7%, 12 días de mora)

"Quiero pagar menos intereses de mi tarjeta"

Lógica del Agente & MCP

El agente interpreta la urgencia de deuda revolvente con mora, consulta el MCP y emite A2UI con opciones concretas de reestructura en vez de redactar texto.

💡 Cero pantallas programadas. El LLM compone la vista usando el catálogo registrado y restringe el uso a componentes oficiales.

Componentes del Catálogo Emitidos

ResumenTarjeta (Héroe)PlanDePago (12, 18, 24 meses)BotonAccion

Superficie A2UI Renderizada en Tiempo Real

Banorte Clásica •••• 4821

12 DÍAS DE ATRASO

Saldo total a pagar

$47,386.00

Límite de crédito

$49,000.00 (96.7% uso)

Tasa anual: 48.9% · Pago mínimo: $2,950.73 (solo intereses)

Alternativas de Reestructura a Tasa Preferencial (22.5%)

12 meses

$4,640.10

Ahorras $8,240

18 mesesTOP

$3,193.35

Ahorras $14,650

24 meses

$2,510.40

Ahorras $11,100

Paso 1 de 4

Explicación de los Estados

Estado Inicial (Beto): La IA detecta atraso de 12 días y un ratio de utilización de tarjeta del 96.7%. En lugar de redactar recomendaciones abstractas, renderiza el componente PlanDePago con alternativas de amortización inmediata.
Ciclo de Retorno (Action): El botón “Aplicar plan” emite una acción tipada hacia /api/agente. El backend registra la transacción con clave de idempotencia única y el frontend actualiza la tarjeta con saldo revolvente en cero.
Persistencia y Adaptabilidad (Ana): Cuando un usuario sin tarjeta revolvente introduce la misma frase, Maya detecta que su costo financiero radica en un crédito simple, reorientando el flujo hacia amortización anticipada o creación de apartados con slider interactivo.