Replacing the current “Under $X” dropdown with min/max price filtering. Scale widened to $0 – $15M+ (vs competitor $50K–$10M slider). Every option uses inputs, chips, lists, or steppers — never a dual-handle slider.
ScoutFilterBar.tsx — single price_max select (Under $400K … Under $2M). Backend already supports price_min + price_max via URL params.Min/max currency fields up top, then a wrap grid of one-click range chips ($250K–$400K through $5M–$15M). Fast for common bands; precise when typed.
Two scrollable button columns — pick a floor and ceiling from 22 tiers ($Any → $15M+). Clear visual pairing, no typing required.
Redfin-style list of named ranges (Any, Under $300K, $300K–$500K … $10M+) with a “Custom” tab for free-form min/max. Zero slider.
Segmented tabs (Starter, Move-up, Premium, Luxury, Estate) each show relevant sub-ranges. Custom min/max always visible below.
Large min/max fields with comma formatting and ± $50K / ± $100K / ± $250K step buttons. Column shortcuts at bottom for power users.
npm run dev running):
http://localhost:3000/mockups/scout-price-picker-index.html
http://localhost:3000/mockups/scout-price-picker-slider-index.html — Redfin/Zillow dual-slider (R1–R5)
http://localhost:3000/mockups/scout-price-picker-mps-index.html — MPS original dual-slider (M1–M5)
http://localhost:3000/mockups — all mockups index