Avatar
Rounded-square avatar (not circular). Humans get a light background with a dark initial — color hashed from the name (one person, one color, everywhere). Agents get a solid primary background, instantly distinguishable.
Basic usage
Without src (or when the image fails to load) the first character of name is used:
张李L
Humans vs agents
张 真人：一人一色浅底小 数字人：主题色实底
Sizes & online dot
Radius scales with size (~0.3 × edge); online adds a green dot at bottom-right.
小中大在
API
Props
| Name | Type | Default | Description |
|---|---|---|---|
| src | string | — | image URL (falls back to text on error) |
| name | string | — | name (first character fallback + color hash) |
| size | number | 32 | edge length px |
| kind | 'user' | 'agent' | 'user' | human / AI agent |
| online | boolean | false | online dot |