Typing Indicator Group Chat Block for Radix UI

Everything. The toggles stand in for typing events and the answer comes from a short typed script, so nothing is sent and no model runs, as the status line says. To wire it for real, feed the list of names from your presence channel (each person who sent a typing event in the last few seconds) into typingLine, and drop the toggles; the line, the log and the pane need no other change.

One name reads "Kai is typing", two read "Kai and Ana are typing", three list all three, and four or more name two and count the rest, "Kai, Ana and 2 others are typing", so the line never grows long. The names follow the roster's order, so the sentence does not reshuffle as people start and stop.

It shows "Typing" while your field holds text and "Online" when it is empty, a word as well as a glyph. In a real app this is where you would send your own typing event, throttled, as the field changes.

It is the last list item of the log region, which is announced as a log, so each change is read once in turn rather than on every keystroke. The status line under the panes is a separate polite region for results such as "Simulating Kai typing."

The catalog Typing Indicator Text honours reduced motion, so the dots hold still and the words carry the meaning. Nothing else here animates but the first fade.

A Chat and People switch under the top of the window shows one pane at a time, People with a count; the status line stays visible under both. The window keeps its height and only the regions scroll.