Repository navigation
Conversation
The Gateway config UI and the shared-ui sheets now take every value from the Gateway UI style guide instead of Cursor's dark theme, and no stylesheet references a --cursor- token. Each hue carries one meaning: orange for the primary action and the selection, green for success, blue for links, amber for warnings, and red for destructive actions. The nav keeps its current layout under the new names. - tokens.css defines the palette directly: a chrome surface and three panel steps, three line weights, three text tiers, and each color family with a lighter text tint. The Cursor primitives, aliases, syntax colors, and unused spacing steps are gone. - The type scale starts from a 14.5px root, radii run 8, 9, 10, 12, and 14px, and controls are 24, 28, and 32px tall. - Buttons are 28px: the primary is an orange wash, secondary and outline share one raised neutral style, and danger is a red tint. A disabled primary or danger button drops its family color, since half opacity alone still reads as ready to press. - Fields are bordered on the page surface and light their border on focus. Cards, tables, banners, and model rows sit on the raised panel with a line border. - The About page's license link stays link blue.
The nav moves from a sticky column beside the content into a full-height rail on the chrome surface, pinned under a sticky 56px header strip. A toggle at the top of the rail collapses it from 150px to a 56px icon column and expands it again; the state lasts for the session. Below 710px the rail always shows only its icons and the toggle is hidden. - Collapsed labels are hidden with clip-path, so each stays the link's accessible name, and every cell keeps its tooltip. - The toggle carries aria-controls and aria-expanded, swaps its chevron with the state, and hugs the chevron so its focus ring frames only the chevron. - Cells grow to 13.5px text with 14px icons; a hover raises the surface one step and the current page two.
The Local and Remote splits carry a family class, so a selected model row's left rule and the pressed filter chip take green on Local and blue on Remote, the style guide's hue for each scope. Other selections keep the orange accent.
The model and Discover lists sat flush against the divider beside the detail pane, so the sort control and filter chips touched the line. In the side-by-side layout the list now keeps 16px of padding on that side, the same gap the detail pane keeps on its own side.
julioest
marked this pull request as ready for review
October 20, 2026 17:13
|
@julioest please revert the nav bar change and put it back to the top. |
Contributor
Author
|
@cprevatte Moved the nav back to the top in #165, no CSS changes. Closing this one and holding the CSS until the new mock is ready. |
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
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.
Applies the style guide to the Gateway config UI and moves the top nav into a collapsible left sidebar.
Best reviewed commit by commit:
crates/shared-ui/tokens.css, then skim the rest.Changes
Preview
Click through it here: https://runvil-gateway-143.ngrok.app (fake data, nothing real behind it; temporary, so it may be offline)
Testing
npm test(214 pass, and each commit passes on its own) andtsc --noEmitincrates/gateway/config-ui/uicargo clippy -p gateway-config-uiNot in this PR
These are already on master, so I'll file them separately:
The sidebar's collapsed state resets on reload. Happy to persist it if we want that, it would need a new ui-storage key.
Fixes #143