Skip to content

fix(ui): visual audit round — list bullets, artifact toolbar, disclosure affordance - #488

Merged
jackwener merged 2 commits into
mainfrom
fix/ui-visual-audit-round3
Jul 3, 2026
Merged

fix(ui): visual audit round — list bullets, artifact toolbar, disclosure affordance#488
jackwener merged 2 commits into
mainfrom
fix/ui-visual-audit-round3

Conversation

@jackwener

@jackwenerjackwener commented Jul 3, 2026

Copy link
Copy Markdown
Member

背景

按 visual-audit workflow(capture-screenshots fixtures → 逐 PNG 审查)对 18 个核心场景 × light/dark 做了一轮全量走查,修掉 7 处真实 UI 问题。全部双主题截图验收(D2)。

修复清单

  1. 聊天 markdown 列表丢 bullet(真 bug):Tailwind v4 preflight 在 @layer base 全局 list-style: none.maka-bubble-assistant ul/ol 只恢复了 padding。与 permission-center.css 那次是同一根因。现在 ul→disc / ol→decimal / 嵌套 ul→circle;task-list 的 none 豁免不受影响。
  2. Artifact 面板工具栏换行:1280 视口下「删除」被挤到第二行孤立漂浮。「复制文本」→「复制」,删除改 icon-only(label 保留给屏幕阅读器 + title tooltip),单行放得下。
  3. Artifact 列表「已删除」badge 叠画在文件名上(真 bug):行 Button 默认 size=md 的 h-9 固定高度 + badge 隐式第二行 + 居中对齐 → 两行内容互相叠画。改用 size="nav"(仓库预留的 className-owns-layout 逃生口),高度随内容。
  4. 权限弹窗「查看完整参数」:无 marker 的 summary + 边框底色长得像输入框;补上与「查看思考过程」一致的旋转三角。
  5. 技能页 hero 贴纸卡被硬裁:卡片缩小重定位,banner 的 overflow:hidden 不再裁掉「总结沉淀」文字(角部出血保留,属拼贴风格)。
  6. 能力审计条文案冗余:dd 不再复读 dt 的词(「技能 3/3 技能启用」→「3/3 启用」);零来源改「暂无」。契约测试同步收紧为 dt+dd 结构断言。
  7. turn 时长格式1 m 0 s1m 0s,与同屏工具卡片的 8.2s 家族统一。

验证

  • npm run typecheck
  • @maka/desktop 1708 tests ✓(两次全跑);check-dead-css
  • @maka/ui 13/15 ✓ — 2 个失败为 main 上已存在的存量失败(chat-primitives 的 tailwind-merge 断言,干净 HEAD 复现),与本 PR 无关,已另开任务跟进
  • 截图:module-skills / artifact-pane / artifact-errors / permission-destructive / streaming-answer / plan-reminders / provider-workspace 等,light+dark 重截通过;第二轮快扫 connection-error / stale-sessions / module-daily-review / command-palette-open / settings-bots 无新问题

第二轮追加(2026-07-04,同分支)

  1. 聊天页「三块颜色」(owner 反馈):.maka-main 只给聊天滚动区刷了纯白,darwin 玻璃下与面板容器色 #fafafa 形成 composer 第三色带。改为 transparent —— 右面板单一表面(双主题验证);顺带删除 theme-glass 里永远打不赢 cascade 的死规则。
  2. 启动闪屏(owner 反馈「配置页闪一下」):snapshot 到达的那一帧 loading 门已放开而 sessions 仍为空,useEffect 在 paint 之后才种入会话 → 有历史的用户每次启动闪一帧空态 hero。种子逻辑改 useLayoutEffect(paint 前提交),契约测试同步放宽。
  3. 技能市场死按钮:永久 disabled 的「安装」按钮改为静态「即将上线」标签(与筛选 pill 同一设计判例)。
  4. 死代码清理:删 6 个从未被引用的 lucide icon 再导出;4 个仅文件内使用的 helper 去掉 export。全仓死文件/死 CSS 扫描为零(agent 全量核查)。

验证:typecheck ✓ / desktop 1708 ✓ / dead-css ✓ / ui 13/15(2 个为 main 存量失败,另行跟进)。

  1. 每日回顾 IA 重构(第一轮)(owner:「太乱、不直观」):时间上下文合一——日期步进器与 今日/本周/本月 tabs 并入同一 header 条(原来 tabs 漂在页面中部);两段说明卡片收成一行安静提示;导出操作紧贴其导出的统计区。radius 契约同步。双主题 + 990 窄屏截图验收。

…ure affordance
- restore markdown list markers in chat bubbles (Tailwind v4 preflight
strips list-style globally; same root cause as the permission-center
fix). ul→disc, ol→decimal, nested ul→circle; task-list exemption
keeps its higher-specificity none.
- artifact pane toolbar no longer wraps at 1280 pane width (删除 was
stranded alone on a second row): 复制文本→复制, delete becomes
icon-only with the label kept for screen readers + title tooltip.
- permission dialog 查看完整参数 gets the shared rotating disclosure
triangle — the bordered summary row read as a text input.
- skills hero sticker deck resized/repositioned so banner overflow
no longer crops card copy (总结沉淀 was cut mid-glyph).
- capability audit strip: metric <dd> no longer repeats the <dt> word
(技能 3/3 技能启用 → 3/3 启用); zero-source reads 暂无.
- formatTurnDuration aligned with tool-card durations (1 m 0 s → 1m 0s).
Row Button defaulted to size=md (h-9). Deleted rows add the 已删除
badge on an implicit second grid row; fixed height + center alignment
painted the badge over the first row. size="nav" is the designated
'className owns layout' escape hatch — height now follows content.
Badge gets a 2px top margin for breathing room.
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant

@jackwener