Integrate work companion visibility across components
ci / svc-realcombo (pull_request) Successful in 3m0s
ci / test (pull_request) Failing after 4m49s
ci / test-pg (pull_request) Successful in 13m36s

Why: The fast and slow channel UI duplicated work cards and hid intermediate output after the final reply.

Evidence: SELF isolated-network make test and make build; 15 browser scenarios; independent component review; component PRs #55, #199, #85.

Impact: Pin merged Backend, Frontend and UI revisions and update DESIGN.md for one detail location and durable folded history.

Refs: .task/feature-work-companion-visibility.md; Agent-System-UI #55; Agent-System-Backend #199; Agent-System-Frontend #85
This commit is contained in:
2026-10-14 14:52:04 +00:00
parent 67b5dcd320
commit c79458793e
5 changed files with 536 additions and 31 deletions
File diff suppressed because one or more lines are too long
+13 -4
View File
@@ -175,6 +175,12 @@ Office 分页预览是**内容**,不是界面。纸面与默认墨色固定,
信息架构原则:**对话优先**——普通用户仅凭对话即可完成全部工作,第三栏纯辅助、可完全收起;
系统管理类视图独立成区(管理员专属入口),不混入用户设置。
中右栏按对象分工:中栏按回合顺序保留用户输入、最终回复、文件入口和该轮可折叠的完整过程记录;
右栏「工作」是当前进度、待确认事项与成果卡的详细落位,右栏「文件」是文件列表与唯一预览。
右栏工作可见时,中栏只给需要定位的短入口,不复制完整工作卡或操作按钮;右栏关闭或切到文件时,
中栏承担完整卡片与操作。桌面顶栏的「工作/文件」入口只在右栏关闭时出现,窄屏保留导航。
当前工作卡的阅读表面使用 `--work-focus-surface` / `--work-focus-border`,两者由 UI 令牌定义。
## 7. 海拔(Elevation)
克制深度,分层顺序:背景对比 > 发丝描边 > 浮层阴影 > 注意级阴影。
@@ -243,14 +249,17 @@ Primary(`--primary` 反色)、Ghost(透明,hover 出表面)、Danger
助手消息默认先展示结论、必要确认与文件;工作状态用一行说明,技术执行记录按需展开。
- 默认运行中过程块也收起;块头是用户可理解的工作阶段,带 `mk-sweep`。用户手动展开或关闭自动折叠设置时可查看执行记录;模型内部思考不属于用户工作记录。
对用户的解说按正文样式直接显示。查阅和搜索合并成一行;执行、写入、委派每次一条 ToolBlock:
- 默认运行中过程块也收起;块头是用户可理解的工作阶段,带 `mk-sweep`。用户手动展开或关闭自动折叠设置时可查看执行记录。
过程解说、已有的思考文本、工具调用与输出保留在同一轮折叠记录中;以已保存消息的顺序和内容为准,事件只补齐缺失输出与协作进展,不覆盖已保存文字。思考文本只在用户主动展开后可读,不作为最终结论。
查阅和搜索合并成一行;执行、写入、委派每次一条 ToolBlock:
编写参数时显示「编写中」和脚本尾部,运行时显示计时和输出尾部,结束后可展开看完整参数与结果。
终轮检查在过程区单独一行(通过,或未通过及原因),不写进给用户的回复。
- 终轮结束后,过程段收进 Collapsible,触发行为「已工作 X 分 Y 秒 · N 次工具调用 · N 个文件」。
用户在运行中手动折过的,结束后沿用这次选择。最终回复(终轮正文、交付物、错误)留在折叠行下面;
交付物卡片等到最终回复出来、这一轮结束后才出现,工作过程中不挂预览条。
若这次没有终轮正文,把最后一段解说提到折叠行下面,不把回复藏进过程里。
折叠区展开时按会话和 run 归属分页读取已保存的事件,补齐终态消息不带回的工具输出与子任务进展/结果;
读取失败时明确说明并只展示已有摘要,不暗示完整记录可用。旧记录缺失的内容不凭前端重造。
不在每一轮 `responding` 时来回折叠。同一轮同名工件只留最新一张,并注明更新次数。
- 文件卡片:图标、名称、「类型 · 大小」、右侧「预览」。正文里的 `art_` 编号若对得上工件,在正文后补一张卡片;
对不上则显示「未找到该文件」,不伪装成可打开的文件。
@@ -312,6 +321,6 @@ Dev 组合 PR 更新 `DESIGN.md` 并固定对应 UI 提交;两者互链,附
### 12.3 渐进工作台(本次批准的界面设计)
沿用三栏、现有令牌与唯一文件预览。新用户默认浅色、辅助右栏收起,已有主题和布局偏好保留。中栏先给结论与必要动作,技术过程、会话设置和消息次要操作按需展开;后台工作通过同一任务卡显示。右栏打开时对话中的普通任务收为摘要锚点,确认、失败及已完成结果的缺项仍直接可读。状态和动作只消费服务端已有内容。窄屏单面板提供上下文、对话、工作、文件与返回入口;不丢失同一预览的状态。
沿用三栏、现有令牌与唯一文件预览。新用户默认浅色、辅助右栏收起,已有主题和布局偏好保留。中栏先给每轮结论,过程、会话设置和消息次要操作按需展开;后台工作通过同一任务卡显示。右栏「工作」打开时,工作卡详细内容与动作只在右栏;中栏保留对话顺序以及必要的定位入口。右栏收起或切到「文件」时,中栏提供完整工作卡。状态和动作只消费服务端已有内容。窄屏单面板提供上下文、对话、工作、文件与返回入口;不丢失同一预览的状态。
这是结构与信息层级调整,未改变颜色、圆角、字号或动效令牌值;UI 组件与 Dev 精确 gitlink 组合验证后交付。设计与实施依据见 Documents 的 work-companion-ui-design r0.2 / plan r1。
这是结构与信息层级调整;UI 仓新增当前工作卡的语义表面令牌,字号、圆角和动效仍使用现有标尺与原语。UI 组件与 Dev 精确 gitlink 组合验证后交付。设计与实施依据见 Documents 的 work-companion-ui-design r0.2 / plan r1,以及本次任务卡 I1。