style(ui): align pages with OpenBoot redesign mockup - #20
Merged
Conversation
Reconcile the pages that had drifted from the terminal-native design's unified card system. - Landing: replace demo.gif with the static ASCII install terminal, use the text "copy" label, and apply the mockup's exact spacing. - ConfigCard: rewrite the un-unified dashboard card (hardcoded colors, big-number stats, embedded terminal) into the unified card — name + visibility badge, cli/apps/installs/date footer, always-visible curl box, and Edit/Share/More action row. - ContextMenu: restyle the trigger into the flush "More" button. - Profile: drop the gradient/noise override, pulse-ring avatar and stat-bars in favour of the flat mockup layout and unified card grid. - Dashboard: add the "> dashboard" eyebrow, widen to 1160px, 3-col grid, and the mockup's header buttons. - Explore: show the install command on cards permanently. Real API data, route-based nav, and the footer are kept (the mockup's hardcoded data / page-switcher / missing footer are preview artifacts). Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01BCZEZu9qv2jQNjrYx2rWZ9
Codecov Report✅ All modified and coverable lines are covered by tests. 📢 Thoughts on this report? Let us know! |
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.
Summary
Faithfully re-implements the
OpenBoot Redesigndesign (imported via the claude_design MCP) across the pages that had drifted from the terminal-native unified card system. Design tokens already matched, so this reconciles markup/styles.demo.gif, text⧉ copy/✓ copiedbutton, mockup's exact spacing.#08080a/#4ade80, JetBrains Mono, big-number stats, embedded terminal) into the unified card — name + visibility badge,cli · apps · ↓installs · datefooter, always-visible curl box,Edit / Share / ⋯action row.⋯"More" button (only used by ConfigCard).> public configurationseyebrow, unified 3-col grid, simple banner).> dashboardeyebrow, widened to 1160px, 3-col grid, mockup header buttons.Deliberately kept (mockup preview-artifacts, not production intent)
Notes
static/demo.gifis now orphaned (no longer referenced); left in place rather than deleting a pre-existing asset.Test plan
npm run check— 0 errorsnpm run lint— 0 errorsnpm run build— cleannpm test— 281/281 passing/previewrendered correctly at 1280px🤖 Generated with Claude Code
https://claude.ai/code/session_01BCZEZu9qv2jQNjrYx2rWZ9