Files
buzz/mobile/lib
klopez4212 0768397092 feat(mobile): show inline human typing and outgoing avatars (#8505)
## Summary

People typing in a mobile channel now appear beside their avatar in an
inline three-dot bubble, using the existing agent typing animation
instead of the separate composer status strip. Human avatars stay round;
agent identities retain their agent shape. Reduced Motion keeps the dots
still, and thread-scoped typing remains inside its thread.

Restore the viewer’s avatar on the right of their own messages in
channel and Me timelines. Grouped messages show the avatar on the final
bubble, with reactions and reply footers aligned to the bubble.

### Related issue

No duplicate found. Related: #3668 tracks observer-backed agent working
status; this PR changes presentation only and does not add observer
lifecycle behavior.

### Testing

- `just mobile-install`; final pre-push `just mobile-check && just
mobile-test` passed (3,728 tests passed, 16 skipped; 4 unconfigured-push
tests passed). Repository file-size gate and commit formatting passed.
- Regression checks fail against the original channel typing and
outgoing-avatar implementation.
- Pixel 10 / Honeycomb Studios: the recording build exercised inline
human/agent typing, avatar shapes, own-message avatars, and message
arrival. That build predates this fresh-main PR; the PR additionally
uses the shared agent identity lookup.
- Before/after widget-rendered previews use generic sample messages. No
recording identity, app-package override, or demo scripts are included.

### Before / after

Rendered from the production channel widgets using generic sample
messages; Reduce Motion enabled for the stills.

| Before | After |
| --- | --- |
|
![Before](https://raw.githubusercontent.com/block/buzz/cc8df55d3a8bbccee4205593fbcff6760a7d1143/pr-8505--before.png)
|
![After](https://raw.githubusercontent.com/block/buzz/cc8df55d3a8bbccee4205593fbcff6760a7d1143/pr-8505--after.png)
|

### Manual check

Open a channel and have another person type: their round avatar and
animated dots should appear at the bottom of the conversation and
disappear when the message arrives. Send two consecutive messages: your
avatar should appear once beside the final bubble. Repeat with Reduce
Motion and larger text.

Draft pending human testing of this PR snapshot. Do not merge based on
the earlier recording alone.

---------

Signed-off-by: kenny lopez <klopez4212@gmail.com>
Co-authored-by: Terp <5856f6900e8e0a4e0ea1f4f8d2ee33e4753d2119bc122f94ecafc660b46c0511@buzz.block.builderlab.xyz>
2026-10-20 21:59:41 -04:00
..