The Transactions screen

The Transactions screen is where you spend your time. It's one question asked five ways: a category rail, a filter bar, four headline numbers, a chart, a breakdown wheel, and the list underneath. They all read from the same filtered set, so a change anywhere moves everything at once.

Everything here runs against transactions already in your browser. Filtering, drilling, and re-categorizing don't wait on a server round trip.

The category rail

The persistent left column is an always-on category filter. Checking and unchecking categories scopes the chart, the wheel, the headline numbers, and the list — everything except the rail itself, which always shows the full picture so you can see what you're excluding. On a narrower window the rail folds away behind a Categories button beside the page title; it opens as a side panel and is the same filter.

• Quick filters set the selection outright: All, None, and one per kind — Spend, Income, Transfer, Saving. They set rather than toggle, so "Spend" means the same thing however you got there.
• Sort by amount (biggest first — usually what you want) or by name.
• Filter categories narrows the rail's own list when you have a lot of them.
• Small spending categories fold into an Other group. Expand the caret to see and toggle the members individually.

The default selection is Spend and Income checked, Transfer and Saving unchecked — so money moving between your own accounts doesn't land in a spending figure. That default comes from each category's kind; see Categories and rules.

The filter bar

The bar always leads with a description search. Everything else is a chip you add from + Add filter, and remove by clicking its ✕:

• Date — Last 12 months, year to date, a specific year, all transactions, or a custom range. This chip is always present; Last 12 months is the default.
• Bank source — one institution.
• Debit range / Credit range — an amount floor, ceiling, or both.
• Category source — how the category was decided: Overridden (you set it), Rule (a rule did), or Uncategorized (nothing did). Useful for auditing: "show me everything I've hand-corrected" finds the merchants that deserve a rule.

The headline numbers

Four cards across the top. Each one expands an inline panel when clicked.

• Avg monthly spending — the mean over your loaded months.
• Avg monthly gain / loss — money in minus money out, averaged the same way. It names itself gain or loss depending on the sign.
• Spending spike — the month furthest above your average, and by how much. This is the "what happened in March?" card.
• To review — uncategorized transactions plus unresolved duplicate groups, with a link into each. It reads no scan for duplicates until you have run one; see Duplicates.

The chart

Three modes and three granularities.

Spending and Income stack your categories into bands over time, so you can see both the total and its composition in one glance. Toggle between stacked areas and separate lines. Net draws money in, money out, and the difference around a zero line.

Week, Month, or Year buckets the same data.

Click a bucket to drill into it. The list below re-scopes to just that week, month, or year, and the Where it goes wheel re-scopes with it. Click again — or use the clear control on the list header — to zoom back out.

Where it goes

The breakdown wheel under the chart is a ring of spending categories for whatever period is currently in view — the full filtered range, or a single bucket if you have drilled into one. The number in the middle is that period's total.

Clicking a slice (or a legend row) focuses that category: the list narrows to it and the rail highlights it. Focus is temporary and reversible — it never changes what you have checked in the rail, and it clears on its own when you change the period or the granularity. It's for "what's in this slice", not for building a filter.

The list

The transactions themselves, matching everything above.

• Sort by any column header. Sorting applies to the whole filtered set, then a page is sliced out of it — so paging never reorders and sorting never shows you a partial view.
• Change a category with the picker in the row, or open the rule editor with the wand icon beside it. Reviewing rules covers what each one does and when to reach for which.
• Delete a row with the control at its right edge. This is a soft delete, recoverable from Deleted transactions.
• Changing a sort or a filter returns you to page 1 — it's a new question. Editing a row's category does not, so working down a page doesn't bounce you back to the top.
• On a phone-width window each row stacks onto two lines — description and amount, then date, category and delete — and the Source column is left out.

While data is loading

Every view here distinguishes "no data" from "no data yet". Placeholders hold the shape of the real thing while it loads, and an empty state, a zero, or a celebration only appears once real data has actually arrived. A load that failed shows an error and a retry — never a confident zero.