SortMe Prototype — txn-filter-concepts-page

Screens in this prototype

Every screen and state, on desktop and mobile, at a glance. Click any frame — or Enter the prototype — to open it live.

Enter prototype

Transactions — action row (secondary buttons)

primary

Reach: Transactions, default load

Default populated list. The action row above the Income column now holds two SECONDARY buttons (.sm-btn .sm-btn-default): '+ Add transaction' and 'Export'.

Desktop
Mobile

Filter modal — Options pane (rail dividers)

state

Reach: Transactions → funnel → filter modal

Concept C two-pane modal open on Options. Left rail (Options / Tags / Bank accounts / Entities) shows faint 1px border-grey-2 dividers between items. On mobile the modal is a bottom sheet.

Desktop
Mobile

Filter modal — Entities pane (rail dividers + Pro lock)

state

Reach: Transactions → funnel → Entities rail item

Modal open on the Entities pane (free persona → locked upsell). Confirms the rail dividers sit correctly around the Pro-locked rail item too.

Desktop
Mobile

Transactions — saved default applied

state

Reach: Transactions, return visit with a saved default

The action row hosts the applied-filter readout (chips + 'Your default' pill) beside the two secondary buttons, so a saved default does not push the list down.

Desktop
Mobile

Spend Overview — filter system

primary

Reach: Spend Overview, default load

Same Concept C filter system on a page that is NOT a clone of Transactions. Deliberately has NO action-row links (no export, no add transaction).

Desktop
Mobile

Spend Overview — filter modal (rail dividers)

state

Reach: Spend Overview → funnel → filter modal

The shared two-pane modal on Spend Overview, open on Options. Same faint rail dividers as the Transactions page.

Desktop
Mobile