Subscription billing

Component-composed plan, payment, paginated invoice, cancellation, outcome, and mobile billing states.

Subscription billing

Plans, card replacement, paginated invoice records, cancellation safeguards, outcomes, and pressure states.

Invoices

Dense invoice history retains native records plus a final-page boundary and omitted pagination range.

Invoice history

Paid and refunded records remain available to workspace owners for accounting and audit purposes.

Invoices for Analytical Engines — Research and Production
Invoice	Issued	Due	Status	Amount
NK-2026-0713	July 01, 2026	July 15, 2026	Paid	$49.00
NK-2026-0612	June 01, 2026	June 15, 2026	Paid	$49.00
NK-2026-0511	May 01, 2026	May 15, 2026	Refunded	$49.00

Showing the three most recent of 36 invoices

ViewportFull width

Width

Preset

Rubytest/dummy/app/components/gallery/compositions/billing_page.rb

div(
  data: {
    gallery: "composition-surface",
    gallery_composition: "billing",
    gallery_mobile: state == "mobile" ? "true" : nil
  }.compact
) do
  render NitroKit::Container.new(size: :xl, id: "gallery-billing-container") do
    render NitroKit::Flex.new(dir: :col, gap: 6, align: :stretch, id: "gallery-billing-stack") do
      turbo_frame_tag("gallery-billing-frame") { render_screen }
    end
  end
end