同一个 session(slug aacad1c4,"babysit PR #345 并 merge"),左边是当前线上卡片的忠实还原,右边是提议的重构。底部是 raw JSON,黄色高亮 = 数据里有但旧卡片没用上的字段。
你babysit一下https://github.com/tuo-lei/vibe-replay/pull/345, address comment,然后更新pr,自己review没啥问题就merge吧
▲ 标题和 prompt 同一句中文出现两次(Row1=Row2)。
▲ 13 个长得一样的灰 pill 平铺 4 行,无层级。
▲ 已 Scanned 却仍显示 ~约等于 估算值。
▲ [PR] 是死 badge——知道是 #345 却不可点、不显号。
▲ cache read 999K、auto 模式、0 errors、多分支 全部隐藏。
你babysit一下 PR #345,address comment,更新后自己 review 没问题就 merge
● 规则: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 成本构成。
Redesign session card 🎨
你babysit一下 PR #345,address comment,更新后自己 review 没问题就 merge
顺便把活动行的图标换成更细的 lucide 风格
● title 是用户重命名的名字("Redesign session card 🎨"),和 prompt 不同 → 两条 prompt 照常显示,布局稳。
● 同样的 provider 图标 + tooltip + 活动行 + footer,结构在两种场景下完全一致。
你babysit一下 PR #345,address comment,更新后自己 review 没问题就 merge
● 完全相同的卡片骨架——只有右下角 state chip + CTA 集群随状态切换:
Scanned + ● Watch live / Generate → Shared + View / Share / Redo。
● 去掉了进度条:CTA 已经表达了"下一步",进度条会和它抢语义、反而 confuse。状态用一个带颜色的词(灰 Scanned / 紫 Shared)就够,比抽象圆点直观。
● ● Watch live 作为 session 卡的 CTA(红色脉冲,复用现有 /api/live SSE 流)——最近/进行中的 session 可以直接边写边看,不必先 Generate。Live 一词保留给实时流,已分享 replay 的状态改叫 Shared 避免撞名。