We've redesigned the operator dashboard with an accordion approach: every important card can now be collapsed and expanded. The idea is simple — see the essentials at a glance, and open in detail only what you want to work on.
What changed
Before, each dashboard page showed all of its blocks open at once. On screens with a lot of information — balances, payment history, referrals, compliance — that forced too much scrolling. With the new collapsible component, each section shows a header with its title and a short summary while closed, and expands with a single click.
Designed for the whole dashboard
The pattern is applied consistently across the dashboard pages and the sidebar navigation groups. Each section follows predictable behavior: a single section stays open by default — the most relevant one on each page — so you start exactly where it matters.
Accessibility details
Each section header is a native button, so it works with the keyboard and announces its state (expanded or collapsed) to screen readers. When a section is closed, its content is marked inactive so it doesn't get trapped in the tab order. The opening animation uses a smooth grid-row transition instead of fixed heights, so long tables like the transaction history don't get clipped or jump.
Why we did it
An active operator checks their dashboard several times a day. Reducing visual noise and giving you control over what you see isn't an aesthetic whim: it shortens the time it takes to find your available balance, confirm a payment or check the status of a referral. Keeping information density high but orderly is one of our core design priorities.
This change is presentation-only: no data, calculation or flow changed. Everything you already did still works the same way, now with a tidier interface.
