Patrones

Cómo se combinan los componentes en las pantallas del alcance. Fuente: design-system/patrones/*.md (generado 2026-10-27).

AppShellLos tres esqueletos del prototipo (Principal, Foco, Acceso), cuándo va cada uno y cómo se comporta el coach en cada ancho.
CalificaciónCómo se muestra el resultado de una simulación: semáforo con palabra por dimensión, evidencia por turnos, errores críticos y el feedback que nunca cambia la nota.
ConversaciónLa simulación con el cliente simulado (Roberto): cliente a la izquierda, hilo a la derecha, entrada siempre disponible y sin coach ni pistas.
Estados de errorMicrófono, video, conexión, pausa y tiempo: cómo se avisa sin penalizar al ejecutivo y qué pieza usa cada caso.
Formularios de accesoLogin y registro v2 sobre el esqueleto de Acceso centrado: campos con etiqueta, dominio fijo, OTP de seis dígitos y «Mantener sesión iniciada».