Skip to content
2 minute readNewAgent-ready

System blocks show your real usage, invoices and payments

The built-in Usage table, Invoice table, Payments table, Container and Pricing calculator blocks were placeholders. They now render real content: the tables read your own data through a small server route you copy into your app and protect with your own sign-in, and the calculator works out graduated tier pricing.

The usage, invoice and payments system blocks in dark mode showing event counts, invoices with status badges and a payments table with a status filter

The five system blocks in the block library used to render a line of placeholder text. Each one now ships working code.

  • Usage table shows event counts by type for the last 30 days and the latest events.
  • Invoice table and Payments table list your invoices and payments with status badges and paging. The payments table filters by status.
  • The three tables fetch through a server route included with each block. Your API key stays on your server, and the route refuses every request until you add your own sign-in check, so only the people you choose see your billing data, and a customer only ever sees their own records.
  • Container is a titled section with an optional description and actions.
  • Pricing calculator takes your tiers, base fee and currency and shows the monthly total with a line per tier.
  • GET /api/payments now honours its documented status filter (pending, completed or refunded). It used to ignore it and return every payment.