fix(ui): 加回 agent 头像,范围带调深到看得见
Independent Staging Quality Gate / validate (push) Successful in 10m34s
Independent Staging Quality Gate / publish (push) Successful in 3m48s

产品真机走查:

1. agent 头像加回来(推翻 R3 的 D7)。R3 删它的理由是「一屏几十条时是重复度
   最高的元素」,但没有它助手那一轮就没有视觉归属——生时校正面尤其明显,
   旁白、题干、选项全是平铺文字。--assistant-content-inset 随之回到
   「32px 头像 + 间隙」,追问 chip 与运行时间轴重新对齐正文。

2. 时间范围带用的是 --color-action-soft,那是给文字底色用的浅色调,
   画在画布上几乎看不见——而它是整条轴上唯一必须一眼看到的标记。
   改成 color-mix(--color-action-strong 32%, --color-canvas)。

测试 3369,fail 仍 31 且与基线逐条一致;四个路由标记不变。

未修:生时校正面顶部溢出。工作区在栅格里、没有脱离定位,
chat-panel.is-rectification 仍是 46px + 1fr 两行,从代码上看不出
46px 顶栏为什么会消失,待产品确认截图是否裁切。

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_0193vBv6w5MV2cifdTUu9H5P
This commit is contained in:
Jesse_Chen
2026-09-16 08:23:50 +00:00
co-authored by Claude Opus 5
parent 524015cfc1
commit 071317f7ee
5 changed files with 37 additions and 11 deletions
@@ -487,7 +487,7 @@ test("candidate state renders from the snapshot API and never from sentinels", (
assert.match(styles, /\.rectification-snapshot \{/);
assert.match(styles, /\.rectification-house-table \{[^}]*border:\s*1px solid var\(--color-border\)/);
assert.match(styles, /\.rectification-house-table \{[^}]*background:\s*var\(--color-canvas-soft\)/);
assert.match(styles, /\.message-list \{[\s\S]*?--assistant-content-inset: 0px/);
assert.match(styles, /\.message-list \{[\s\S]*?--assistant-content-inset: calc\(32px \+ var\(--space-3\)\)/);
assert.match(styles, /\.rectification-message-wrap \.rectification-candidates \{[\s\S]*width: calc\(100% - var\(--assistant-content-inset\)\)/);
assert.match(styles, /\.rectification-message-wrap \.rectification-candidates \{[\s\S]*margin-inline-start: var\(--assistant-content-inset\)/);
assert.match(styles, /\.rectification-workspace \{[\s\S]*grid-template-columns: minmax\(0, 1fr\) minmax\(18rem, 22\.5rem\)/);
@@ -408,7 +408,10 @@ test("the chat grid has three rows and the timeline row is a fixed height", () =
// stick-to-bottom, since it sits outside the observed scroll container.
assert.doesNotMatch(barRule, /min-height|height:\s*auto/);
// Inner padding matches the assistant column, not the chat-panel edge.
assert.match(chatRule, /--assistant-content-inset: 0px;/);
// 原值 `0px` / 新值 `calc(32px + var(--space-3))`
// / 原因:产品在真机走查后要求把 agent 头像加回来(推翻 R3 的 D7);
// 这条缩进跟着头像走,时间轴仍与助手正文左边界对齐,规则本身没变。
assert.match(chatRule, /--assistant-content-inset: calc\(32px \+ var\(--space-3\)\);/);
assert.match(barRule, /padding: 0 calc\(var\(--space-8\) \+ var\(--assistant-content-inset\)\);/);
});