feat: make avatar size configurable via config.toml

[Br1an67]

What

Add avatar_size option to [UI] section in config.toml to configure the message avatar size.

Closes #2743

Why

The avatar is hardcoded to 20x20px, making custom logos and detailed avatars difficult to see clearly.

Changes

• backend/chainlit/config.py: Add avatar_size: Optional[int] = None to UISettings and add commented-out option in TOML template
• frontend/src/components/chat/Messages/Message/Avatar.tsx: Use config.ui.avatar_size for inline style when set, falling back to default Tailwind classes (h-5 w-5)

Usage

[UI]
avatar_size = 32

Testing

When avatar_size is not set, the avatar renders at the default 20x20px (backward compatible). When set, inline styles override the default.

---

Summary by cubic

Make message avatar size configurable via config.toml so teams can use larger logos or detailed avatars. Defaults to 20px to keep behavior unchanged.

• New Features
  • Added [UI].avatar_size (pixels) to config.toml, UISettings, and IChainlitConfig (react-client type updated).
  • Frontend applies config.ui.avatar_size via inline width/height and uses only mt-[3px] when set; otherwise falls back to h-5 w-5 (20px).

^{Written for commit 3dfe61a. Summary will update on new commits.}

[cubic-dev-ai]

No issues found across 2 files

[frigidpoetess]

Thanks a million! I literally just dealt with this issue a couple of days ago, and out of nowhere, here is your solution