ChatBubble

• Hilos de Inicio, del panel del coach y de la simulación. En la simulación, la pantalla pone la cara del cliente (Avatar image sm) a la izquierda de sus burbujas.

• Respuestas ricas del coach con contexto, ficha y siguientes pasos → se componen dentro del mensaje (Card, Badge, Chip); esto lleva solo texto.

<li>: user → burbuja radius-3x surface/neutral/03-soft, padding 8/12, ancho máximo ⅔ · client → burbuja surface/neutral/01-base con borde 04-tint, rótulo caption/md + texto body/sm · coach → cabecera (IsotipoCoach 32 + label/sm burgundy) y texto body/md.

Sin estados. El «recién enviado» de Figma es el mismo componente.

• Cada mensaje es un <li> de un <ol>; la pantalla envuelve la lista en <div role="log" aria-live="polite"> (role=log sobre el <ol> le quitaría la semántica de lista: lo detecta axe).
• El autor se anuncia antes del texto: rótulo visible en client y coach; «Tú:» solo para lectores de pantalla en user. El isotipo es decorativo.

Texto plano, sin emojis (DV-03); el coach habla en primera persona y nunca inventa datos (AX-04).

• Ninguno medido (test @R-01.21: el rótulo del cliente siempre presente).

• 2026-10-26 · nace (T-02). caption añadido porque Flow 1 › 03 antepone el nombre del cliente (R4: se agrega al componente, no se parchea en la pantalla).