No Reports Empty State Block for React

The sheets are typed data: each report has four rows with this week's and last week's figures for the seven days to Friday 9 October 2026, and every sheet says Sample. Generating one only changes the page's state, a reload or Start over puts the clipboard back, and nothing is sent. To make it real, build the report from your own data where the code says so and give the download trigger that report's rows.

It is the only real file the block makes. Download CSV saves folioleaf-weekly-summary.csv, folioleaf-revenue.csv or folioleaf-usage.csv, with a header row and one row per row on the sheet: the metric, this week, last week and the change in words ("Up 20%"). Any cell with a comma or a quotation mark is quoted, and a cell that starts with an equals sign, a plus, a minus or an at sign would be saved as text so a spreadsheet cannot read it as a formula. Revenue's total, net revenue, is added up from its lines, counting refunds against it.

Each report keeps its own state: generating Revenue leaves Weekly summary dashed. The button reads Sample generated, quietly, for a report that is done, and pressing it says so; Download CSV stays unavailable, and says why when pressed, until the chosen report has been generated, after which focus moves to it.

The choice is a real group of three options with arrow-key movement, and each sheet is a real table with a caption, column headers and row headers; the dashes read as Not generated. The three sheets are unseen copies, so only the chosen one is reachable. A polite status line says what each press did, and the clipboard drawing's frame is hidden from assistive technology.

The clipboard comes first, 190 pixels tall with its Change column left to assistive technology, so the heading, the choice and Generate sample all fit on the first screen. Download CSV sits beside the primary, and Start over beside the status line.

Yes. The two halves swap sides and the table follows the language; report names, periods and figures sit in isolation marks so digits and dates do not jump, and the clipboard's clip stays centred.