Speaking Row

The component is self-contained: one file, no dependencies, its own palette in the local --vibeui-avatar-033-* variables. Server-side: there are no hooks. The pulsing ring spreads out from the portrait: movement is caught by peripheral vision, and a list of ten people is not scanned by eye. But movement cannot be the only sign — under prefers-reduced-motion the pulse is replaced by a steady ring of the same colour, the microphone is drawn with pseudo-elements (a capsule on a stem, struck through when muted), and the state is duplicated by a word. The three states are switched by the data-state attribute. The theme comes from the surrounding color-scheme through light-dark(): the dark branch is not an inversion of the light one — the circle fill, the rings and the statuses each have their own pair of lightnesses.