[danielededo]

Summary

Two changes to the month, in two commits.

1. "Where your gross pay goes" as a waterfall

This section was a stacked bar with a legend below it. It is now a waterfall: a row per step, from the gross pay down to the net pay. Each row has a span on its own track, which starts where the one before it ended.

The rows

• Gross pay: a full grey span. Its items open from its row.
• Added: what is added to the gross, such as an expense refund, a contribution relief or a tax bonus. This row appears only when the payslip has such items. Items that some payroll software leaves out of the gross are listed here, no longer among the gross pay's items.
• Deductions: one row each for contributions, taxes and the others, shown as negative amounts.
• Net pay: the blue span that is left.

A rounding under a euro with no item of its own makes no step.

Code

• The list of items left out of the gross moves from extract/validate.go to payslip.OutsideGross, so that the checks and the report share it.
• report.Part loses Color and gains From/Width, the span on the track.
• The colour now comes from a CSS class. html/template blocks a var(...) written in a style attribute.

2. One line less at the top of the month

Before, the month opened with three short lines: "October 2026 ✓ the numbers add up" with the arrows, then "Net pay", then the amount. Now it opens with two:

• First line: "Net pay for October 2026", with the arrows.
• Under the amount: "out of 2.194,50 € gross pay · ✓ the numbers add up".

The heading text is built in Go (Month.NetOf), because the template's text map is already formatted.

Type of change

• New feature (non-breaking)

Checklist

• Commits follow the commit convention
• Tests added or updated for the change
• All tests and linters pass locally
• Documentation updated (README, docs/, comments) where behavior changed
• CHANGELOG.md updated under Unreleased for user-visible changes

Notes for the reviewer

Tests

• TestAddedToGross covers:
  • the added step and its span;
  • a rounding under a euro making no step.
• The e2e test checks the rows instead of the bar, and reads "Net pay for September 2026".

Checks run locally on top of main after #74 (all pass)

• gofmt and vet, including vet for wasm;
• go test -race ./...;
• piiscan;
• the 19 web unit tests;
• the 14 e2e tests in Chromium.

I also looked at it on a phone-sized screen (light and dark) and on desktop.