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 only what you want to work on in detail.
What changed
Previously, every dashboard page showed all of its blocks open at once. On screens packed with 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 navigation groups in the sidebar. Each section follows a predictable behavior: one section stays open by default — the most relevant one on each page — so you start exactly where it matters.
Accessibility details
The header of each section 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 as inactive so it doesn't get trapped in the tab order. The opening animation uses a smooth grid-row transition rather than fixed heights, so long tables like your 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 a cosmetic whim: it shortens the time it takes to find your available balance, confirm a payment or review 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.
