Skip to content

fix(ui): designer-audit round 1 — sidebar overlap, count mismatch, tab split, empty-state placement, vaporware chrome - #571

Merged
Astro-Han merged 1 commit into
mainfrom
fix/ui-audit-p0-batch
Jul 6, 2026
Merged

fix(ui): designer-audit round 1 — sidebar overlap, count mismatch, tab split, empty-state placement, vaporware chrome#571
Astro-Han merged 1 commit into
mainfrom
fix/ui-audit-p0-batch

Conversation

@jackwener

Copy link
Copy Markdown
Member

背景

对 15 个界面做了设计师视角的截图审查,本 PR 修复其中 P0 全部 + 两个高价值 P1 减法。

修复内容

问题 根因 修法
P0-1 每一页侧栏的「会话」标签被「按状态/按项目」压住 面板 grid 只声明 4 行但有 5 个子元素 → 1fr 轨道塌成 0,toggle 溢出叠在列表上;且 toggle 样式引用了从未定义的 token(--surface-secondary 一族)导致底色透明 grid 补第 5 行;手写按钮换成共享 SettingsSegmented primitive(与每日回顾的今日/本周/本月同族)
P0-2 侧栏「定时任务 3」vs 页内 tab「4」 侧栏排除 completed,tab 数全部 tab 徽章改为同口径;新增默认「进行中」筛选(全部/已完成仍可选),数字与可见卡片永远一致
P0-3 技能页「内置」「已安装」渲染同一份列表 两个 TabsPanel 都传 filteredSkills sourceType 真分流,每个 tab 带计数
P0-4 模块页空态卡悬浮在 46% 处遮挡 banner/内容 侧栏专用的绝对居中配方写在了基类 .maka-empty-state 上,所有共享 EmptyState 都被波及 定位限定到 .maka-session-list 作用域;每日回顾在已有报告时空态降级为一行提示
P1-5 技能页默认落在全是「即将上线」的市场 默认落在可用技能(已安装→内置→市场兜底);撤掉定时任务蓝条里的「保持系统唤醒·即将支持」
P1-9 「全部/排序:热门」假按钮 样式像按钮但没接线 整行移除,待市场上线再回归真控件

验证

  • 每页 CDP 截图逐项复核(segmented 正常渲染、计数一致、内置技能列表可见、空态不再悬浮)
  • check-dead-css ✓(被删类零残留);@maka/ui 45/45;@maka/desktop 2109/2110(唯一失败为 origin/main 既有的 history-compact 用例,已单独立项)

后续

审查清单其余项(dark 模式层级、每日回顾重排、外观页 IA、文案人话化等)在后续轮次继续。

…b split, empty-state placement, vaporware chrome

Fixes the P0 batch plus two P1 subtractions from the 2026-07-06 designer
audit (15-surface screenshot review):

- P0-1 sidebar 会话 label overlapped the 按状态/按项目 toggle on EVERY
  page: .maka-session-panel declared 4 grid rows for 5 children, so the
  1fr track collapsed to 0 and the toggle overflowed onto the list's
  group label. The toggle's own chrome also referenced tokens that never
  existed (--surface-secondary/-primary/-tertiary, --foreground-primary,
  --shadow-sm) and rendered invisible. Fixed with a 5-row template and by
  replacing the hand-rolled buttons with the shared SettingsSegmented
  primitive (same family as the daily-review range tabs).
- P0-2 sidebar badge said 定时任务 3 while the page tab said 4: the tab
  badge now counts non-completed reminders like the sidebar does, and the
  list's default filter is a new 进行中 view (全部/已完成 still
  selectable) so the number always matches the visible cards.
- P0-3 skills 内置 and 已安装 tabs rendered the SAME list — now split by
  sourceType (bundled vs user-added), with counts on every tab.
- P0-4 the shared EmptyState floated at 46% of the page and overlapped
  banners/cards on module pages: the absolute centering was a sidebar-
  only recipe living on the base .maka-empty-state class — now scoped to
  .maka-session-list. Daily review additionally collapses the 无活动
  empty card to a one-line note when saved reports already fill the page.
- P1-5 skills page now lands on skills the user can run (已安装 →
  内置 → market fallback) instead of the all-即将上线 marketplace;
  removed the 保持系统唤醒·即将支持 tag from the automations banner.
- P1-9 removed the dead 全部/排序:热门 pills that were styled like
  buttons but never wired.

Verified per page with CDP screenshots (segmented renders, counts match,
built-ins listed, no floating empty card). check-dead-css clean;
@maka/ui 45/45; @maka/desktop 2109/2110 — the 1 failure (history compact
artifact lifecycle) fails identically on origin/main (pre-existing,
flagged separately).
@jackwener
jackwener force-pushed the fix/ui-audit-p0-batch branch from bd84f82 to da8d653 Compare July 6, 2026 12:45
@Astro-Han
Astro-Han merged commit 05a036f into main Jul 6, 2026
Astro-Han added a commit to sunheyi6/maka-agent that referenced this pull request Jul 6, 2026
apache#571 rerouted the view-mode toggle through the shared SettingsSegmented primitive; its <button> puts the label inline (no wrapping <span>) and marks selection via aria-pressed + data-pressed. Drop the <span>/type-order assumptions from the assertion.
Astro-Han pushed a commit that referenced this pull request Jul 6, 2026
#557)

Adds a status/project view-mode toggle and renders project-grouped sessions as collapsible folder sections with a 4-session preview. Project headers + show-more route through UiButton; collapsed sidebar keeps a 4-row grid; session rows align left under folders. Rebases onto main incl. #571 (SettingsSegmented) and #572.
@Astro-Han
Astro-Han deleted the fix/ui-audit-p0-batch branch July 14, 2026 05:05
Sign up for free to 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.

2 participants