improve(ui): flatten sessions page surfaces#102760
Merged
Merged
Conversation
Drops the decorative layer from the sessions roster per maintainer feedback: overview tiles, the drawer hero, detail sections, stat cards, checkpoint cards, and the goal chip become flat token surfaces (no gradients, no inset highlight shadows, no translucent color-mix glass); kind avatars and overview icon chips lose their nested borders and read as flat tints; the skeleton shimmer gradient becomes a plain opacity pulse. Focus rings, the drag-drop target outline, and the live status dot ring stay - those are signal, not decoration.
openclaw-barnacle
Bot
added
app: web-ui
github-actions Bot
pushed a commit
to Desicool/openclaw
that referenced
this pull request
Jul 10, 2026
Drops the decorative layer from the sessions roster per maintainer feedback: overview tiles, the drawer hero, detail sections, stat cards, checkpoint cards, and the goal chip become flat token surfaces (no gradients, no inset highlight shadows, no translucent color-mix glass); kind avatars and overview icon chips lose their nested borders and read as flat tints; the skeleton shimmer gradient becomes a plain opacity pulse. Focus rings, the drag-drop target outline, and the live status dot ring stay - those are signal, not decoration.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Related: #102654
What Problem This Solves
Maintainer feedback on the redesigned Sessions page: the gradient washes and inset highlight shadows on the overview tiles and row drawer read as decoration rather than intent — the page did not feel confident.
Why This Change Was Made
CSS-only flattening pass over
ui/src/styles/sessions.css. Every decorative gradient and shadow is gone: overview tiles, the drawer hero, detail sections, stat cards, checkpoint cards, and the goal chip are now flat token surfaces (--card/--bg-elevated+ hairline--border); kind avatars and overview icon chips drop their nested borders and read as flat tints; the skeleton loses its shimmer gradient for a plain opacity pulse (keyframes renamed accordingly, reduced-motion still disables it). Functional emphasis stays: focus rings, the drag-drop target outline, and the live status dot ring are signal, not decoration.User Impact
The Sessions page reads flatter and calmer in both themes — same layout, same information, no behavior change.
Evidence
Validation:
linear-gradientleft in sessions.css; remainingbox-shadowuses are focus rings, the drop-target outline, and the live dot ring.uiVitest project on Blacksmith Testbox (Linux, Node 24): 148 files / 2392 tests passed, including the browser-layout suite that pins the no-pill status and overflow behavior across 375/430/768/1440px.pnpm check:changeddelegated to Testbox: all lanes green.