fix(client-ui): polish header layout, icon-only logout button, and demo gif

[mcocdaa]

Summary

• Replace wrapped text logout button ([data-action="logout"]) with a clean, pure-SVG 36x36 icon button (aria-label="退出登录", title="退出登录", flex-shrink: 0).
• Compact .app-header .theme-picker into a single-row pill capsule (showing color swatches for inactive themes and expanding the active theme label) so .header-context (远程终端控制) and header actions never wrap or collide.
• Add white-space: nowrap and flex-shrink: 0 across navigation, toolbar, and policy buttons; fix TerminalAgentPanel title spacing so toolbar icons never overlap the title; auto-close open titlebar dropdowns when opening the Agent drawer.
• Re-record docs/assets/demo_termflow.gif (960x600, 48 frames, 886.6 KB, 28.05s variable-speed GIF89a timing) against the updated Web UI.

[coderabbitai]

Important

• 🔍 Trigger review

This repository does not receive automatic reviews because it has fewer than 10 stars.

⚙️ Run configuration

• Configuration used: defaults
• Review profile: CHILL
• Plan: Advanced
• Run ID: 9d32a9fd-d8ef-4467-a99a-8c0541db9a6e

• Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}