/agents filter — field-picker dropdown · vibrancy directions

Same dropdown, three treatments. Current is a faithful replica of today. Direction A (Refined) and Direction B (Vibrant) both surface License category as the recommended primary filter, show the new descriptions, and make the list feel more alive. All anchored to the real Inter + shadcn tokens. Hover rows to feel the states; the License category row shows as selected. Motion is restrained on purpose — this picker opens dozens of times a day.

Current

Today

288px · monochrome · plain text group headers · all pills the same gray · description as tiny 10px subtext · weak ✓-only selected state.

License
Licensed in (state)
multi
License type
multi
License category
multi
License status
multi
License expiration
License issue date
Address — Residence
Residence city
multi
Residence state
multi
Direction A

Refined

328px · group icon + count · descriptions legible (11px) · Recommended = primary-tinted row + filled blue pill + star · accent selected row. Professional, calm.

License11
Licensed in (state)
multi
License categoryClean product grouping (Life, Health, Annuity, P&C…). Covers every licensed agent.
Recommended
License typeExact license text as issued (~90 raw variants). Most users want License category.
multi
License status
multi
License expiration
Address — Residence5
Residence city
multi
Residence state
multi
Direction B

Vibrant

356px · per-category color (icon chip + tinted hover + selected rail) · Recommended = emerald elevated card + ✦ pill · color-coded pills. More alive, still tasteful.

License11 fields
Licensed in (state)
multi
License categoryClean product grouping (Life, Health, Annuity, P&C…). Covers every licensed agent.
Recommended
License typeExact license text as issued (~90 raw variants). Most users want License category.
multi
License status
multi
License expiration
Address — Residence5 fields
Residence city
multi
Residence state
multi
Motion (both directions, emil-correct): popover scales in from its trigger corner — scale .96→1 + opacity, 180ms ease-out (you see it on load/refresh). Row hover = background 150ms ease-out; press = scale(0.99). No per-row stagger (the picker opens too often for that). Respects prefers-reduced-motion.
What's the same as today: search-to-filter, grouping by category, the multi / inferred / n/a badges, keyboard nav. Nothing functional is removed — this is presentation only.