Repository navigation
Make the Connect step 2 its own view and polish the console - #5
Merged
Merged
Conversation
After the Vercel Connect round trip, /sign-in now shows a focused "Choose your database" view: no method tabs, no preview or how-it-works sections, a connected row with Disconnect, and searchable selects ported from jev-pr-quality. ?method=key is ignored while connected. Console: gray card icons nudged onto the title's optical center, the collector and database on their own line in the consent row, a visible hover on outline buttons, and room for the cards' ring in the scrolling column. Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
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.
Summary
After connecting through Vercel Connect and RawTree OAuth, you landed back on a
/sign-inthat looked almost the same as the start, so it felt like going back to the beginning. Step 2 is now its own focused view. The console also gets a few visual fixes.Changes
app/sign-in/page.tsx: once connected, the page shows "Choose your database" with a "Connected to RawTree · Disconnect" row and the picker only. The method tabs, preview, how-it-works and explainer are hidden, and?method=keyis ignored until you disconnect. Disconnect brings back the original layout.components/sign-in/search-select.tsx(new),workspace-picker.tsx: organization, cluster and database use searchable selects (base-ui Combobox), ported from jev-pr-quality.components/console/console-app.tsx: card title icons are gray and sit on the title's optical center. The consent row puts collector and database on one line and the IDs on the next. The scrolling left column pads all sides, so the cards' ring isn't clipped.components/date/button.tsx: the outline variant gets a visible hover (bg-muted). It was white on white. This also fixes Flush now, Reset identity and the date picker trigger.Test plan
npm run typechecknpm test/sign-instep 1 unchanged; step 2 checked with stubbed workspaces, including?method=key/console: icon alignment measured, consent row layout, cards' ring visible on all sides🤖 Generated with Claude Code