Ficha
- Categoría
- Layout
- Nivel
- organismo
- Estado
- en revisión
- Radix
- no
- Actualizado
- 2026-10-26
- Figma
- 393:9678
- Fuente
design-system/componentes/CoachPanel.md
La conversación con Aithu Sales Coach acoplada a la derecha (360 en 1280, 324 en 1024; se superpone en 768). Cabecera con isotipo, nombre en burgundy (DV-24) y el contexto que está mirando (AX-21); slot Messages; el Field de pregunta abajo.
Cuándo usarlo
- Toda sección salvo Inicio (donde el coach es la página) y las evaluaciones (sin coach); la simulación tampoco (reglas/05 §05.6).
Cuándo NO usarlo
- Dentro de la conversación de la simulación (el hilo del cliente); como modal.
Anatomía
<aside> radius-5x, filo blanco, Shadow/Card: cabecera (padding 16/12/12/20: IsotipoCoach 32, nombre label/sm burgundy, contexto caption/md, IconButton sm ghost chevron-right) · hilo (padding 12/20, gap 12, región log) · pie (padding 12/16/16/16) con Field.
Props
| Prop | Figma | Valores | Por defecto |
|---|---|---|---|
context | Context | texto | Viendo: Mastercard Platinum |
children | Messages | nodos | — |
onCollapse | collapse (IconButton) | callback | — |
value, onChange, onSend, onDictate | field (Field expuesto) | ver Field | — |
enfocarAlAbrir | — | mueve el foco al campo al abrir | false |
Estados
Sin estados propios.
Accesibilidad
- Landmark complementary con nombre «Aithu Sales Coach»; los mensajes nuevos en una región aria-live polite; el botón de colapsar lleva aria-label «Ocultar al coach»; el foco pasa al campo cuando el panel se abre.
Contenido
La línea de contexto empieza por «Viendo:» + pantalla o producto; el coach nunca muestra calificaciones numéricas. Sin pistas durante la simulación (DC-17).
Errores conocidos
- Las respuestas ricas del coach (Card, Badge, Chip dentro del mensaje) se componen en la pantalla: el panel solo da el hilo.
Changelog
- 2026-10-26 · nace (T-02).