Conversación

La pantalla más representativa del producto: el ejecutivo conversa por texto o dictado con un cliente simulado que se identifica como IA. Sin coach, sin pistas, sin ficha del producto (reglas/03 §03.1, P29, DC-17).

• Esqueleto Foco sin coach, alto de viewport: título del escenario, meta «Turno N · mm:ss», sin progreso, sin pie (§03.6).
• Columna izquierda de 300: ClientPortrait (imagen fija tras la apertura, nombre, contexto y «Cliente simulado · IA»), Objective debajo y «Ver la apertura otra vez» (Button tertiary sm) (§03.2).
• Hilo a la derecha a todo el alto, en una tarjeta blanca: cada turno del cliente lleva su cara (Avatar image sm) y una ChatBubble client con rótulo «Nombre · Cliente simulado · IA»; los del ejecutivo, ChatBubble user a la derecha.
• Mientras el cliente responde: TypingIndicator junto a su cara, sin burbuja; el Field sigue activo y, si envía, lo interrumpe (§03.3, R-01.8).
• Abajo: Field «Escribe o dicta tu respuesta…», ayuda en caption, «Pausar» y «Finalizar simulación» (tertiary sm).

• Entrada siempre disponible; el chat no se bloquea mientras el cliente responde (R-01.8).
• Dictado, no voz: el micrófono dicta y se corrige antes de enviar (§03.4, H-09).
• El cliente simulado siempre lleva «Cliente simulado · IA» (DV-20) y su cara de Imagery (DV-28).
• «Finalizar simulación» y la ✕ abren el mismo Dialog «¿Terminar la práctica?» (§03.6, R-01.19).
• Sin semáforos ni correcciones durante la conversación (R-01.20).

• /design-system/componentes/app-shell-foco (Flow 1 › 03 y 06: envía un mensaje y aparece «Roberto está respondiendo…»)
• /design-system/componentes/dialog («¿Terminar la práctica?» con sus dos opciones)

• La ruta real /simulacion/sim-14 con preparando, apertura en video, estados de error y calificando (T-04).
• Tiempo límite supuesto de 15:00 (reglas/09 P-01).