Improved billing and usage page

[grutt]

Summary

• Adds an Invoices section to the organization Billing & Usage page, above Plan history.
• Upcoming rows open an in-app usage dialog. Previous rows open Autumn's hosted invoice URL in a new tab.
• Invoice loading is isolated so a failure there does not break plan management.

Depends on the control-plane invoices API: https://github.com/hatchet-dev/hatchet-control-plane/pull/131

Test plan

• Invoice formatter unit tests
• Local Billing & Usage page shows previous invoices for the seeded sdks org
• Upcoming invoice dialog on an org with a live paid Stripe subscription
• Previous row opens the hosted invoice in a new tab
• Invoice query error leaves subscription UI usable

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
hatchet-docs	Ready	Preview	Aug 27, 2026 2:29pm

[greptile-apps]

Greptile Summary

Adds invoice retrieval and presentation to the organization Billing & Usage page.

• Displays upcoming invoice estimates in an in-app detail dialog.
• Links previous invoices to hosted invoice pages.
• Isolates invoice-query errors from existing subscription management.

Confidence Score: 4/5

The disabled-query loading behavior should be fixed before merging because some reachable billing-page states leave the invoice section loading forever.

The new invoice section treats TanStack Query's pending status as an active request even when its capability conditions permanently disable fetching; the row actions also remain inaccessible from the keyboard.

Files Needing Attention: frontend/app/src/pages/organizations/$organization/billing.tsx; frontend/app/src/components/v1/cloud/billing/invoices.tsx

_{Reviews (1): Last reviewed commit: "feat: show invoices on the billing and u..." | Re-trigger Greptile}

[greptile-apps]

Disabled query loads forever

When control-plane billing is disabled or the user lacks canBill, the invoice query never runs but isPending remains true, causing the Invoices section to display a loading skeleton indefinitely.

Suggested change

	isLoading={invoices.isPending}
	isLoading={invoices.isLoading}

[greptile-apps]

Rows lack keyboard access

The invoice actions are attached only to onClick handlers on plain table rows, so keyboard users cannot focus or activate upcoming invoice details or hosted previous invoices.

Note: If this suggestion doesn't match your team's coding style, reply to this and let me know. I'll remember it for next time!