redesign(ui): extensions page joins the premium checklist (CSS wave) - #2012
Merged
Conversation
Second execution wave of the premium-quality goal, scoped to the checklist violations that live purely in CSS: - Page rhythm: the flat 8px stack (banner / tabs / inspector / market / installed all identical) becomes the two-tier rhythm — 24px between page tiers, small steps inside units; the installed section label gets air above its list. - Hover lift retired (checklist rule 17): market cards no longer translateY + grow a hand-written shadow on hover — border tone is the whole hover story. The now-orphaned --lift-hover token is removed with a tombstone (its own doc called snap lifts out). - Hand-written icon-tile shadows removed (market icon + library status tile) — the hairline border is the edge. - Caption roles corrected (rule 14): five heading-5-as-caption sites (market slug/meta/foot, section-row count, context-inspector title, installed section label) move to the supporting/label roles. Deliberately untouched this wave: the featured-banner sticker collage (documented product art, z-index contract-tested) and the skills-panel TSX (Token chips, list conversion) — queued as the follow-up wave. Self-reviewed the diff per the standing review instruction: e2e selectors (.maka-skill-library-list) and the z-index allowlist are unaffected; dead-css/typecheck/format/smoke all green.
jackwener
added a commit
that referenced
this pull request
Aug 3, 2026
Premium-checklist follow-up to #2012 (the TSX half): the market-card category chip repeated a neutral Badge on every card — the docs' named DON'T. Categories are tags, and Token is the tag component; the exception-only warning Badges on library rows (state_error / needs-review / context attention) stay Badges by the same rule. Self-reviewed per the standing instruction. Verified: build, typecheck, format:check, dead-css, checks, Storybook smoke (74 renders x 3 viewports).
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.
Wave 2 of the premium-quality goal — the extensions page's pure-CSS checklist violations:
--lift-hovertoken is removed with a tombstone.Deliberately untouched: the featured-banner sticker collage (documented product art, z-index contract-tested) and the skills-panel TSX (Token chips, hand-rolled list → row primitives) — queued as the follow-up wave.
Diff self-reviewed per the standing review instruction. Verification: build ✅ typecheck ✅ format:check ✅ dead-css ✅ smoke 74 renders × 3 viewports ✅. Screenshot in the work thread.