Fix DIAL-V5: V44 polish and 4 setup approach mockups#131
Open
bmoss2015 wants to merge 1 commit into
Open
Conversation
V44 polish on /share/dialer-mockup-final - Right column: PanelSection internal padding goes from 16px all to 20px vertical / 16px horizontal so the divider sits in shared space. Sections feel like one continuous panel. - Case Details labels: ALL CAPS to Proper Case (Case Number, County, Sale Type, Sale Date, Time Since Sale, Closing Bid, Net to Firm, Recovery Fee, Owner Status, Attorney). 11px medium gray. - Contact Tree trailing: 11px medium gray (not uppercase 10px). - HeroDivider margin tightened from my-5 to my-4 to gain headroom. - Hero outer adds min-h-0 + overflow-hidden defensively so the inner flex column can never overflow the canvas. Inner padding tightened from pt-6 pb-7 to pt-5 pb-6 so the control row always renders. 4 Setup Approach Mockups - /share/setup-comparison index with a 2 by 2 thumbnail grid - /share/setup-a Wizard, 3 steps stacked (Pick Leads, Dialer Behavior, Follow Up Templates). Each step has progress dots + Back/Continue chrome. - /share/setup-b Two Pane With Smart Defaults. Left 70% Lead List with large 47 Leads · Est. 4h 12m callout + filters + scrollable preview. Right 30% settings stack with Edit links and the Start Session CTA at the bottom. - /share/setup-c Single Page Hierarchy. Lead List dominant, 4 mini cards row (Dial From / DNC / Wrap Up / Voicemail), collapsed email templates row, Start Session footer. - /share/setup-d Conversational. Question 1 (filters) + Question 2 (dial from number) presented one at a time with upcoming questions visible underneath at low opacity. Visual Language Applied To All Four - Page background: subtle radial dot pattern, 1px dots at 3% opacity on a 24px grid. - Lead count callout: 47 Leads · Est. 4h 12m in large semibold petrol. - Filter chips: petrol filled when active, gray outlined inactive. - Sliders: petrol fill on selected portion. - Selected lead rows: Proper Case bold name, surplus in petrol. - Section icons: 16px next to each section/setting label. - Start Session CTA: petrol gradient, soft shadow, 280px x 56px. - SMS Pending notice consistent across all four. Demo data unchanged across all four: 47 leads filtered by Estate + Foreclosure across Cuyahoga / Lancaster / Franklin / Hamilton, surplus $25K to $300K, last touch older than 30 days, dial from (216) 555-9100 with Auto Map, DNC Skip ON, Wrap 3s, Standard VM, 5 outcome email templates wired. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
|
This pull request has been ignored for the connected project Preview Branches by Supabase. |
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
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
V44 Polish Edits
Setup Routes
Visual Language Across All 4
Test Plan
🤖 Generated with Claude Code