Feat: Five inbox connect wizard mockups under /inbox-connect-mockups#183
Open
bmoss2015 wants to merge 4 commits into
Open
Feat: Five inbox connect wizard mockups under /inbox-connect-mockups#183bmoss2015 wants to merge 4 commits into
bmoss2015 wants to merge 4 commits into
Conversation
Five directional mockups for the new Add Inbox wizard, under src/app/(mockups)/inbox-connect-mockups/. Each variant shows three flow states stacked vertically (initial, provider detected with password field revealed, connected) so the full flow is scannable on a single page without clicking. Variants and anchors: - v1 Progressive Column (Linear) - v2 Split Drawer With Live Preview (Attio) - v3 Magic Field (Superhuman / Raycast, dark canvas) - v4 Provider Tile Grid (Notion) - v5 Conversational Column (Stripe Atlas) Gallery index at /inbox-connect-mockups, with the existing mockups layout updated to include an "Inbox Connect Gallery" nav link alongside Signup and Login galleries. All variants follow portal design constraints: Inter font, petrol brand palette only, Title Case on every label, no em dashes, Tabler style line icons via inline SVG, equal button widths when side by side. No backend wiring, no schema change, no production routes affected. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
…t/no-unescaped-entities Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
|
This pull request has been ignored for the connected project Preview Branches by Supabase. |
…+ Google walkthrough V6 is the recommended hybrid combining V1 progressive base with the Google app password walkthrough flow. Replaces the tinted-background success icon (banned per feedback_no_tinted_green_chips) with style C: small petrol dot plus typographic Connected text. V6 adds four pieces to fix the lost-on-Google problem: 1. 2 Step Verification pre-flight question (stops the most common silent failure when Google won't generate app passwords for accounts without 2FA enabled) 2. Loom video card placeholder (record once, lasts forever) 3. Annotated 3-step screenshot strip showing Create, Name, Copy 4. Clipboard auto-detect pill that pulses when a 16-character lowercase string appears in clipboard, one-tap paste Provider preview from V2 collapses into a small disclosure chip under the email field instead of a separate pane. Stage 2 alternate shows what happens when the user picks No on the 2FA question: guided recovery to Google's 2 Step setup with side-by-side equal width Open and I Turned It On buttons. Gallery page updated to surface V6 first with a Recommended badge and brand ring. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
…S cost panel V7 shows the dedicated sending domain pattern broken out per DNS provider so click counts are visible side by side. Cost table at top covers AWS SES at every realistic volume from 1K to 1M emails per month with per customer math at the 49 dollar subscription price. Six provider flows stacked: Cloudflare 2 clicks, Vercel 2, GoDaddy 3, Namecheap 4, Newfold family copy paste, long tail copy paste. Style C success indicators throughout, no tinted backgrounds, no em dashes, Title Case copy. Co-Authored-By: Claude Opus 4.7 (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
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.
What
Five directional mockups for the new Add Inbox wizard, gated to non-prod hosts via the existing `(mockups)` route group.
Each variant page shows three stages stacked vertically (initial, provider detected with password field revealed, connected) so the full flow scans on one page without clicking.
Why
Brainstorm round for the new `+ Add Inbox` wizard that replaces the current three button row (Connect Gmail, Connect Outlook, Connect Other IMAP) in /settings > Email Accounts. Goal is 1 to 2 click setup via MX-driven autodetect + Thunderbird autoconfig DB, no OAuth required.
Constraints applied
Test plan
Generated with Claude Code