Skip to content

Fix DIAL-V2: Two-variant dialer mockup with flattened hero#127

Open
bmoss2015 wants to merge 1 commit into
mainfrom
fix/dialer-final-v2-flatten-hero
Open

Fix DIAL-V2: Two-variant dialer mockup with flattened hero#127
bmoss2015 wants to merge 1 commit into
mainfrom
fix/dialer-final-v2-flatten-hero

Conversation

@bmoss2015

Copy link
Copy Markdown
Owner

Summary

  • Drops V47. Regenerates V44 + V45 at `/share/dialer-mockup-final` with the hero flattened and the right column / drawer kept as white cards on off-white
  • Adds a V45 Drawer Open state at `/v45-drawer-open` so the 3 lead cards (Estate Detail, Latest Activity, Contact Tree) can be viewed alongside the hero
  • Same lead, same estate, same AI summary across both variants

Hero

  • No tinted boxes around the case-type chip, financial number, or What You Already Know block
  • Typography hierarchy (weight + size + opacity) + 1px white-at-20% dividers carry the structure
  • Status: green dot + Connected + 04:32 in plain text; wrap state swaps to gray dot + Call Ended
  • Net to Firm $146,132 prominent; tiny gray line below reads `Case L-2026-0218`

Cards (V44 right column + V45 drawer)

  • White cards on off-white, 16px internal padding, 8px radius
  • Three cards: Estate Detail, Latest Activity, Contact Tree

Wrap Up Morph

  • Hero KEEPS the petrol gradient (no charcoal flip)
  • AI summary dims to 70% opacity
  • Control row replaces in place: "Disposition" header (large) + "How did the call go?" (small, lighter) + 5 outlined chips on the green hero + Quick Note input
  • Sticky countdown banner at viewport top: `Next: Otis Crockett · Cousin of Heir · 0:03 · Dial Now · Skip`

Stats

  • Single trend indicator per metric (arrow + one-word context like "above pace"); hover title attribute reveals session vs 30-day comparison
  • Connects pulses on each new connect
  • Queue header kept as `3 of 100 Leads · 47 Dials · 9 Connects · 19% Rate`

Routes

  • `/share/dialer-mockup-final` — comparison index with anchor nav
  • `/share/dialer-mockup-final/v44` + `/v44-wrap`
  • `/share/dialer-mockup-final/v45` + `/v45-wrap` + `/v45-drawer-open`

Test Plan

  • Preview URL renders the index with V44 (2 thumbs) + V45 (3 thumbs)
  • V44 and V45 live screens show the flattened hero with no nested tinted boxes
  • Wrap Up screens keep the petrol gradient; AI summary dimmed; disposition section visible
  • V45 Drawer Open shows Estate Detail / Latest Activity / Contact Tree as white cards in the right column
  • Same Estate · Contact 1 of 4 chip visible (no tinted background)
  • Case Number labeled; no Floor anywhere
  • Sticky countdown banner visible at top of viewport in wrap state

🤖 Generated with Claude Code

Drops V47. Regenerates V44 and V45 at /share/dialer-mockup-final
with the hero flattened and the right column / drawer kept as
white cards on off-white.

Hero changes:
- Removed tinted box backgrounds around Same Estate chip, financial
  number, and What You Already Know block.
- Typography hierarchy (weight, size, opacity) plus 1px white-at-20%
  dividers carry the structure.
- Status badge is a green dot + Connected + 04:32 in plain text; no
  background pill. Wrap state swaps to gray dot + Call Ended.
- Net to Firm $146,132 prominent on the right; Case L-2026-0218 tiny
  gray line below.

Right column (V44) and Drawer (V45):
- White cards on off-white background.
- 16px internal padding, 8px radius.
- Three cards: Estate Detail, Latest Activity, Contact Tree.

V45 gains a Drawer Open state at /v45-drawer-open showing the three
cards when the operator expands the pull tab. The Drawer Closed live
view keeps the slim 60px rail.

Wrap up morph:
- Hero KEEPS the petrol gradient (no charcoal flip).
- AI summary dims to 70% opacity (reference, not active).
- Control row replaces in place: Disposition (large) + How did the
  call go? (small) + 5 outlined chips on the green hero (white text,
  ring-white/30, 8px radius) + Quick Note input.
- Countdown banner sticks to viewport top, petrol-900 bg, white text,
  Dial Now + Skip always visible.

Stats strip:
- Single trend indicator per metric (arrow + one-word context like
  "above pace"). Hover title attribute exposes session vs 30-day
  comparison. Connects pulses on new connect.

Chip terminology:
- Same Estate / Same Property / Same Case selected by lead.case_type.
- Same Estate · Contact 1 of 4.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
@supabase

supabase Bot commented Jun 16, 2026

Copy link
Copy Markdown

This pull request has been ignored for the connected project rsdmyydyhqgkkvwlklif because there are no changes detected in supabase directory. You can change this behaviour in Project Integrations Settings ↗︎.


Preview Branches by Supabase.
Learn more about Supabase Branching ↗︎.

@vercel

vercel Bot commented Jun 16, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
moss-equity-portal Ready Ready Preview, Comment Jun 16, 2026 10:50pm

Request Review

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant