refactor(ui): unify styles, animations and shared components across Desktop, Gateway and agent-ui

[Loosand]

Summary

本次重构统一 Desktop GUI、Gateway WebUI 与共享 agent-ui 的样式、动效和交互基础设施，集中管理颜色、尺寸与动画，减少重复组件、分散 CSS 和命令式 DOM 实现。

同时整理聊天、设置、Skills、MCP 和工作区相关页面，改善布局一致性、响应式适配与交互反馈，并更新对应测试及工程检查配置。

样式架构

• 统一使用 Tailwind CSS v4，将业务样式迁移到实际消费组件，减少独立 CSS 文件与跨页面样式耦合。
• 通过 tokens.css、semantic-colors.css 和 animations.css 集中维护主题、语义颜色、特殊视觉值与基础动画。
• 统一常用字号、间距、圆角、按钮尺寸和输入控件规格，清理无引用样式、重复颜色及多余覆盖。
• 整理亮暗主题、移动端断点、安全区、焦点状态和 reduced-motion 规则。
• 保留编辑器、终端、第三方生成节点等需要专门维护的样式边界。

共享组件与交互能力

• 统一 Button、Input、Textarea、Switch、Tabs、RadioGroup、Dialog、Dropdown、Popover、Tooltip 等基础组件的使用方式。
• 提取 FormField、ChoiceCard、SettingsNotice、SettingsPanel、SettingsSurface 等设置展示组件，减少页面重复结构。
• 统一空态、加载态、骨架屏、状态徽标及复制反馈。
• Desktop 与 Gateway 接入共享 Toast，集中处理通知更新、关闭、撤销操作和定时器清理。
• 合并分散的剪贴板 fallback 与文本复制逻辑。
• 使用 Motion 处理折叠、弹层、卡片重排及列表排序，清理重复的动画计时器和手工布局测量。

主要页面改动

聊天与会话

• 调整聊天输入框、模型选择器、会话侧栏、顶部操作区和会话统计栏的布局与展示。
• 整理消息、推理折叠、工具结果、附件、图片预览、任务进度和 mention 弹层的样式与交互。
• 优化 Markdown、代码高亮与 Mermaid 展示，并调整流式内容渲染。
• 统一会话搜索、分享弹窗、顶部页签及相关菜单的基础组件。
• 修复部分弹层开关动画、焦点恢复和触屏输入场景的问题。

设置与配置

• 整理 Provider、模型、SSH、Cron、Hooks、系统、远程、CUA、STT、Memory 和备份同步等页面。
• 统一字段、标签、说明、错误提示、开关、选择卡片和操作按钮的展示方式。
• 调整模型选择、供应商配置和高级设置布局，改善窄窗口下的换行与操作区排列。
• 拆分快捷键设置中的键盘布局、渲染与主题样式，移除运行时整段 CSS 注入。
• 修复设置浮层重开闪烁、资源开关事件冒泡等交互问题。

Skills、MCP 与资源管理

• 整理已安装列表、商店、导入页和资源卡片，提取可复用的展示组件。
• 统一筛选、搜索、排序、启停、安装、卸载及批量操作的反馈。
• 使用共享布局动画处理卡片重排，减少手工维护的测量与计时逻辑。
• 复用缓存及在途请求，减少页面切换时的空列表和加载跳动。
• 整理卡片焦点样式、操作区布局和通知展示。

Workbench、Git、终端与 SFTP

• 使用显式节点引用处理工作区命中测试，减少全局 DOM 查询。
• 统一拖拽和缩放时的鼠标样式、文本选择限制及退出后的恢复逻辑。
• 整理 Git Review 滚动条实现，集中维护终端主题与尺寸配置。
• 复用文本框自动增高逻辑。
• 拆分 SFTP 路径导航与路径计算，减少主面板职责。

Desktop 与 Gateway WebUI

• 同步共享组件在桌面端与 WebUI 中的接入方式。
• 整理 Gateway 登录、聊天、共享历史、设备管理和状态仪表盘页面。
• 改善移动端聊天、侧栏、设置弹窗及安全区适配。
• 调整桌面标题栏、右键菜单、加载状态和通知适配，并补充 Windows 兼容性修复。

工程配置与测试

• 合并分散的 Biome 配置，统一前端格式化与 lint 入口。
• 提取共享 TypeScript 配置，统一 GUI、WebUI、agent-ui 等模块的检查选项。
• 更新 CI、Docker 构建及开发脚本相关配置。
• 补充和调整样式约束、组件交互、键盘操作、布局、缓存与流式渲染测试。

重点复测范围

本次改动包含字号、间距、状态色、投影、动画节奏和滚动条表现的调整，建议重点检查：

• 亮暗主题、窄窗口、移动端和字号缩放下的布局。
• 聊天发送、流式回复、Markdown/Mermaid、mention 输入及会话切换。
• 设置表单保存、模型选择、弹层重开和键盘焦点。
• Skills/MCP 的筛选、安装、启停、排序和批量操作。
• 工作区拖拽、面板缩放、Git 差异滚动、终端复制及 SFTP 导航。
• reduced-motion、键盘导航、禁用态和 Windows 下的交互表现。