1 Commits
Author SHA1 Message Date
Jason 0b1af534fa feat(ui): apply the v7 design review
Give each visual signal one meaning across pages.

Modes: only the mode being viewed gets the raised fill; the active mode
keeps its colour and dot. The Stack preview starts Stack from a row
("Start Stack with this as default…"), like the routing preview, so the
dialog no longer picks a default. The mode help moves next to the tabs,
the routing status drops the local address, the two-step explanation and
the "advanced feature" checkbox leave the dialogs, and added cards in
additive apps are white; grey now only marks the default provider.

Navigation: page-level switches use underline tabs (new PageTabs, also
used by Usage), with a smaller second level for OpenClaw config, Hermes
memory and Skills. Segmented controls stay for modes and in-page filters.
Hermes memory keeps unsaved edits when switching files.

Danger: irreversible confirmations use the red button; recoverable ones
(back to direct, remove from app, uninstall Skills, rebuild Codex usage,
delete env vars) no longer use red.

Pages:
- MCP/Skills matrix: one square checkbox shape for every state, and the
  column header highlights and shows the app name on hover or focus.
- Skills: drop the update banner; "N updatable" in the header filters
  the table and offers "Update all"; the unmanaged banner keeps only
  Ignore; the installed count lives on the tab only.
- Add provider: "All" is split by category, names sorted within each;
  versions split into plan and region, shown as two segmented rows when
  they form a grid and as a dropdown otherwise.
- Usage: the trend chart shows the selected metric only; today's log
  rows show the time only and the provider column gets the space.
- Sessions: the reader merges into the page header.
- Accounts: rows say how many providers use them, and removing an
  account confirms first and names the affected providers.
- Apps: small neutral switches for "Show"; Settings says "Check for new
  versions of your apps at launch".

Also add the provider empty state, a one-time "new layout" notice for
existing users, and a 1040px max width for card lists on wide windows.
2026-10-03 23:28:58 +08:00