[Web UX] 精修桌面对话、输入区与交互动效 #867

想完成什么？

提升 OpenPI Web 的桌面对话体验：沿用现有色调，统一输入区、模型选择器、消息阅读、工具输出和图片预览的设计细节，让动效表达实际操作和状态变化。

哪里不顺手？

输入区和模型菜单的字体层级、图标对齐与间距不够统一；长模型名和长输出不便阅读。菜单、附件和折叠区切换比较生硬，流式回复的等待与跟随反馈不足。图片检查、代码换行、Bash 输出和 Diff 引用也缺少一致的交互。

希望怎样表现？

• 精修桌面输入区和模型/思考强度选择器，保留长名称可读性、键盘操作与中文输入法行为。
• 为菜单、弹窗、附件、折叠区和流式回复提供连贯动效；连续文本按实际到达的内容呈现，上翻阅读历史时保留阅读位置。
• 保留用时区域的分隔线和 OpenPI 现有色调。
• 图片支持前后切换、以操作点为中心缩放、有边界的拖动、取消拖动与关闭后焦点返回；预览动效说明图片来源。
• 改进代码块换行/复制反馈、Bash 命令与输出层级、Diff 双栏阅读及旧/新文件行引用。
• 统一排队提示、问题复核、子会话状态、用量详情和面板拖动反馈。

实现和验证

实现见 PR #865，提交 03474961，已合并 main 至 78dc5743。

• bun run check 通过。
• bun run test：2,647 项 Node 通过、9 项既有跳过；98 个 UI 测试文件、1,525 项 UI 用例通过。
• 已有桌面真实浏览器审阅和本地 Before/After HTML；没有上传私人会话截图。
• 沿用已有测试并补齐必要的行为边界，没有新增 E2E 场景；合并后的完整 E2E 和浏览器/provider smoke 未执行。
• 本轮优先桌面，手机专项适配后续迭代。Pi 执行事实、权限、配置和存储合同保持原有来源。

关联

Web UI/UX 总任务：#455。对应实现：#865。