feat(gui): 按 Apple 设计标准重构桌面端 UI 材料与动效 - #393
Draft
BingZi-233 wants to merge 15 commits into
Draft
Conversation
Introduce motion curves, neutral system colors, and material styles for the chat shell—header, sidebar, composer glass, floor nav, markdown typography, and reduced-motion/transparency fallbacks.
Scale buttons to 0.97 on active with property-specific transitions, and skip the scale for link variants and reduced-motion.
Use material suggestion cards, stronger CTA, and tighter entrance timing aligned with the Apple empty-state treatment.
Round user bubbles closer to Messages geometry and add subtle press feedback on copy/retry/branch/edit controls.
Update sidebar navigation chrome and highlight conversation/project rows on pointer-down for Apple-like list response.
Grow the model menu from the trigger with asymmetric enter/exit, clearer open-state chrome, and staggered item entrance.
Overlay the chat header on the transcript so content scrolls underneath, with top inset padding and jump-to-bottom material alignment.
Lower light fill opacity, strengthen blur, fade the bottom pad, and move glass styles out of utility layers so they are not overridden.
Use structural sidebar tones, translucent tab chrome, and material starter cards so the dock matches the rest of the shell.
Apply glass material to the expanded panel, touch-down row highlight, and snappier pin/marker feedback.
Slide the left sidebar and right dock as single drawers: track width and panel transform share one curve. Drop the right dock's delayed opacity-then-width collapse so content and chrome close together.
Share status banners, segmented tabs, and glass panels through HubChrome, tune light-mode translucency and card press feedback, and drop bouncey entrance curves so both hubs match the chat shell.
Restyle the settings sidebar and section cards to match chat/hub hierarchy, use neutral nav selection with press feedback, and soften section enter motion with critically damped easing.
StackCairn
marked this pull request as draft
August 7, 2026 17:01
Contributor
|
PR governance checks failed — this PR has been converted to draft.
Fix the items above, then click Ready for review to re-run the checks. |
ouoiouo
pushed a commit
to ouoiouo/LiveAgent
that referenced
this pull request
Aug 8, 2026
ouoiouo
pushed a commit
to ouoiouo/LiveAgent
that referenced
this pull request
Aug 8, 2026
…age conflict) ChatPage 冲突：Stack-Cairn#393 将 Header 移入 chat-header-overlay 叠层并重排 ChatTranscript 顺序；git 自动合并大部分，手工删除重复块并补回 Stack-Cairn#366 的 processDetailsExpanded prop（Stack-Cairn#393 旧 base 快照缺失）
ouoiouo
pushed a commit
to ouoiouo/LiveAgent
that referenced
this pull request
Aug 8, 2026
…red files PR Stack-Cairn#393 只改了 GUI 端，未同步 4 个镜像文件导致 check-mirror 漂移 （RightDockLauncher/RightDockPanel/FloorNavRail/McpHubPage）； 按镜像规则将 GUI 版同步到 WebUI，128 个镜像文件恢复一致
ouoiouo
pushed a commit
to ouoiouo/LiveAgent
that referenced
this pull request
Aug 8, 2026
…+ port Stack-Cairn#393 HubChrome exports - HubChrome：移植 Stack-Cairn#393 新增的 HubStatusBanner/HubSegmentedTrack/ HubSegmentButton（HubChrome 非镜像文件，不可直接 cp GUI 版） - RoundContent：补 useRef/useEffect/Lightbulb import，thinking 分支 改用 ThinkingBlock（与 GUI 对齐），删除多余 ThinkingActivity 引用 - AssistantBubble：删除 NativeDisplayImageBlock 不支持的 redactToolContent/isAborted/workdir 透传与未定义的 latestTodoItem 引用
Resolve GUI lint format failures and GUI/WebUI mirror drift so PR CI can pass. Port HubChrome exports and shared material CSS to the web adapter so mirrored MCP Hub / RightDock / FloorNav keep compiling.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
摘要
基于 Apple HIG / Fluid Interfaces 与设计工程实践，对桌面端（agent-gui）Chat 主界面、Hub 与 Settings 做了一轮视觉与交互重构，目标是让材料、按压反馈、抽屉动效和阅读节奏更统一、更像系统级应用。
主要改动：
动机
当前 UI 在材料（尤其是浅色毛玻璃）、列表反馈、面板开合上仍偏「通用 Web」：浅色 Composer 几乎看不出玻璃感；右栏关闭会先消失内容再收宽度，像播了两次动画。希望把 Chat / Hub / Settings 统一到同一套 Apple 风格材料与动效上，减少割裂感。
改动说明
设计 token 与全局
index.css：运动曲线、侧栏/画布色阶、毛玻璃材料、a11y（prefers-reduced-motion/prefers-reduced-transparency）button.tsx：active:scale(0.97)+ 指定属性过渡（避免transition: all）Chat
抽屉开合修复
translateX+ 轨道width同步；关闭时冻结分区 grid 高度过渡Hub / Settings
HubStatusBanner/HubSegmented*；Skills & MCP 接入测试计划
说明
crates/agent-gui前端表现与样式，无协议/业务逻辑变更.agents/等）