Session Card — 旧样式 vs 新提议

同一个 session(slug aacad1c4,"babysit PR #345 并 merge"),左边是当前线上卡片的忠实还原,右边是提议的重构。底部是 raw JSON,黄色高亮 = 数据里有但旧卡片没用上的字段。

CURRENT

线上现状

你babysit一下https://github.com/tuo-lei/vibe-replay/pull/345, address comment,然后更新pr,自己review没啥问题就merge吧
slug: aacad1c4 · 1m ago
>

你babysit一下https://github.com/tuo-lei/vibe-replay/pull/345, address comment,然后更新pr,自己review没啥问题就merge吧

✳ Claude Code tuo-lei/vibe-replay ~/Code/vibe-replay2 ⎇ auto-quality/drop-dead-cursor-sdk-reader-stub Opus 4.8
Scanned No replay
1 prompts 29 tools ~4m 15s ~5 edits $2.86 PR
201KB

标题和 prompt 同一句中文出现两次(Row1=Row2)。
13 个长得一样的灰 pill 平铺 4 行,无层级
已 Scanned 却仍显示 ~约等于 估算值。
[PR] 是死 badge——知道是 #345 却不可点、不显号。
cache read 999Kauto 模式0 errors、多分支 全部隐藏。

PROPOSED

重构提议

你babysit一下 PR #345,address comment,更新后自己 review 没问题就 merge

aacad1c4 · 1m ago
📁 vibe-replay2 auto-quality/…stub +2 tuo-lei/vibe-replay
4m15s 💬 1 prompt 🔧 29 tools ✎ 5 files $2.86 999K cache read · 32K cache write
7.7K in · 8.7K out
✓ clean

规则:title 永远独立(重命名的名字 / fallback 到首条 prompt),仅当某条 prompt 与 title 逐字相同时才跳过那一条。本例是 fallback+单 prompt → 恰好省一行;重命名或多 prompt 时 prompt 行照常显示(见下方第二个场景)。
四个语义区:识别 / 上下文(provider·model·mode) / 地点(项目·分支·repo) / 活动
Scanned 后用精确值,去掉假波浪号;活动行用细线框出,数字对齐。
PR #345 可点跳转⚡auto 暖色提示自主运行;✓ clean = 0 报错。
右下三段进度条取代 [Scanned][No replay],亮蓝点 = 下一步动作。
model + mode 收进 provider 图标 tooltip(hover 左上角图标可见),卡面只留判断"值不值得生成"的关键信号。
cost hover 展开 999K cache read 成本构成。

PROPOSED

场景二 · 重命名 + 多 prompt(证明布局不塌)

Redesign session card 🎨

aacad1c4 · 1m ago
>

你babysit一下 PR #345,address comment,更新后自己 review 没问题就 merge

>

顺便把活动行的图标换成更细的 lucide 风格

📁 vibe-replay2 auto-quality/…stub +2 tuo-lei/vibe-replay
4m15s 💬 2 prompts 🔧 29 tools ✎ 5 files $2.86999K cache read · 32K cache write
7.7K in · 8.7K out
✓ clean

title 是用户重命名的名字("Redesign session card 🎨"),和 prompt 不同 → 两条 prompt 照常显示,布局稳。
同样的 provider 图标 + tooltip + 活动行 + footer,结构在两种场景下完全一致。

PROPOSED

场景三 · 已生成 replay(CTA 变 View/Share/Redo,同一套布局)

你babysit一下 PR #345,address comment,更新后自己 review 没问题就 merge

aacad1c4 · 1m ago
📁 vibe-replay2 auto-quality/…stub +2 tuo-lei/vibe-replay
4m15s 💬 1 prompt 🔧 29 tools ✎ 5 files $2.86999K cache read · 32K cache write
7.7K in · 8.7K out
✓ clean

完全相同的卡片骨架——只有右下角 state chip + CTA 集群随状态切换:
   Scanned + ● Watch live / GenerateShared + View / Share / Redo
去掉了进度条:CTA 已经表达了"下一步",进度条会和它抢语义、反而 confuse。状态用一个带颜色的词(灰 Scanned / 紫 Shared)就够,比抽象圆点直观。
● Watch live 作为 session 卡的 CTA(红色脉冲,复用现有 /api/live SSE 流)——最近/进行中的 session 可以直接边写边看,不必先 Generate。Live 一词保留给实时流,已分享 replay 的状态改叫 Shared 避免撞名。

Raw JSON — 字段去向

新卡片新surface的(旧卡片没有 / 改了用法) 数据可拿、暂未用的机会(含交互点子) 旧卡片已有、沿用