[CFI] Add a "View payment history" page with historical billing receipts and monthly user activity #101649

Coming from here.

Problem

In Expensify Classic, a billing owner can see every historical billing receipt and the users who were active in each month under Account > Subscription > Payment history.

In New Expensify there is no consolidated view. Account > Subscription > View payment history just routes you to the Expenses (Spend) page filtered by merchant Expensify, Inc., so admins have to open each receipt one by one to piece together what they were billed and who was active. That makes it slow and confusing to review past billing or to decide what subscription size to commit to.

Solution

Build a real View payment history page in the RHP, plus a Payment details page and an Activity list, bringing Classic's payment history into New Expensify.

1. Entry point

Account > Subscription > View payment history opens a new "View payment history" page in the RHP instead of navigating to Search.

2. Payment history page

A table of all past payments. Each row shows the billing period, the amount, the billing state badge, and an indicator when sales tax was included (for example incl. tax as supporting text under the amount).

Badges on the table:

Notes agreed during design review:

• The total number of active users belongs under the Activity header — not next to the amount. The amount billed and the active-user count are not the same number (for example, a 40-seat annual commitment billed in full with only 25 users active), so pairing them causes confusion.
• Activity must be available for every row, including Failed months. In Classic, Failed rows show only "View activity" and Cleared rows show only "View receipt"; here, Cleared rows should show both.

3. Payment details page

Tapping a row opens a Payment details page with the full breakdown for that bill.

Some states carry extra detail that only renders on this page:

• Balance transfer to <userEmail>
• Balance transfer from <userEmail>
• Disputed on <date> (Pending)
• Disputed on <date> (Refunded)
• Disputed on <date> (Closed)
• Refunded on <date>
• Refunded <amount> on <date> — partial refund

4. View receipt (in-product billing)

For accounts on in-product billing, View receipt opens the billing receipt in the attachment modal in place — it does not navigate to the Spend page — and is downloadable from there.

Only certain purchase/billing-history types have a receipt. When there is no receipt for that row, hide the button entirely and shift the remaining content up.

5. View invoice (invoice billing)

For accounts on invoice billing, View invoice opens the invoice summary PDF in the same attachment modal, also downloadable. This PDF is generated separately from the expense on the Spend page, so there is nowhere else to navigate to for a copy of it — it must open in place.

6. Collect plan copy

On the new Collect plan there is no concept of "active users", so the copy on these pages must say members instead of active users.

Figma: https://www.figma.com/design/iGIk3MDCyResS9irl3CvH8/Wave-9--Subscription---Billing?node-id=1806-51650

Out of scope

• Export / Download CSV of the billing table. Deliberately punted to reduce scope. If the table content is selectable and copyable, most of the need is covered.
• Attaching the invoice summary to the invoice expense on the Spend page. Tracked separately.
• Charting billing spend over time — already possible on the Spend page by filtering merchant to Expensify.

Context for C+

What exists today

• The menu item is rendered in src/pages/settings/Subscription/CardSection/CardSection.tsx:286-296, gated on account?.hasPurchases.
• It calls viewPurchases(), which builds a Search query (type:expense, merchant:"Expensify, Inc.", from:me, all statuses including Deleted) and navigates to the Expenses page. That whole navigation is what this issue replaces.
• Related past work on the current behaviour: [Due for payment 2026-05-26] [CFI] [$250] "View payment history" shows billing receipts for all users instead of just the billing owner and [Due for payment 2026-06-11] [$250] View payment history from:me is being passed to the backend literally.

What's new

• Three new RHP screens (payment history table, payment details, activity list) plus routes, and the attachment-modal flow for receipts and invoice summaries.
• New Onyx data and an API command to fetch billing history are required — none of this data is in NewDot today. The backend piece is being scoped alongside this work; the frontend should be built against the agreed shape rather than the existing Search results.
• Copy needs two variants throughout (active users vs members) driven by the subscription plan.

Things that are easy to get wrong

• Rendering the badge as a plain status when it actually carries dynamic text (dates, amounts, emails) on the details page.
• Assuming every row has a receipt. It doesn't — hide the button and reflow.
• Showing the active-user count next to the billed amount. It was explicitly rejected in design review.
• Using navigation for receipts instead of opening the attachment modal in place.

Sub-tasks

To be added by the issue owner.