Redesign web client: modern Telegram-shaped chat UI
Full presentation-layer rebuild of packages/web (no core/API/model changes).
- Design system: indigo light+dark token sets, 25 inline SVG icons, CSS
foundation (spacing/radius/type/motion scales, per-theme elevation, reset,
scrollbars).
- Shell: two-pane rail (brand, icon theme switch, live search, rich
conversation rows, account footer, group/contacts compose) + auth card.
- Chat pane: sticky header with presence/typing, grouped bubbles with date
separators, icon read-ticks, hover toolbar, inline edit, reaction pills,
auto-growing composer with Enter-to-send, near-bottom-aware autoscroll.
- Media renderers: waveform voice player (WebAudio decode + pseudo-waveform
fallback), circular video notes (rendered bare), image lightbox with
zoom/pan, framed video->lightbox player, file cards.
- Restore + modernize notification toast styles.
Emoji kept only as reaction content; all chrome is icons.
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01BFRyKxkKEjfAgpXygzoNiD
7ab6b72866