CONV-276–290: Billing Page Full Implementation

[menvil]

Summary

• CONV-276: Current plan summary card
• CONV-277: Credits balance card
• CONV-278: Plan limits summary card (FeatureAccessService)
• CONV-279: Available plans section
• CONV-280: Highlight current plan, disabled CTA for current plan
• CONV-281: Subscription checkout actions via BillingPaymentService
• CONV-282: Checkout result notices (?checkout=success/cancelled)
• CONV-283: Credit packs section
• CONV-284: Buy credit pack actions via BillingPaymentService
• CONV-285: Credit transaction history table with pagination
• CONV-286: Readable transaction labels, type badges, amount signs
• CONV-287: Manage billing / customer portal section
• CONV-288: Empty state for no transactions, validation errors for invalid plan/pack
• CONV-289: Responsive layout (grid sm:2col lg:3col, overflow-x-auto on table)
• CONV-290: Full smoke tests

Architecture

• BillingPage does not mutate users.plan directly
• Subscription checkout delegates to BillingPaymentService
• Credit pack checkout delegates to BillingPaymentService
• Credits read via CreditLedger interface
• Plan limits via FeatureAccessService

Test plan

• Guest redirect
• Auth user access
• Current plan/credits/limits displayed
• Plans section rendered
• Current plan highlighted, upgrade CTA hidden
• Subscription checkout (fake gateway)
• Credit pack checkout (fake gateway)
• Checkout success/cancel notices
• Credit history table
• Empty state, error states
• User data scoping (no cross-user leakage)
• Full smoke test: all sections visible

🤖 Generated with Claude Code

---

Summary by cubic

Implements the complete Billing page so users can view their plan, credits, limits, buy credit packs, upgrade plans, and see transaction history. Addresses Linear CONV-276–290 and enables end-to-end subscription and credit management with full smoke and feature tests.

• New Features
  • Summary cards: current plan, credits balance, and plan limits via CreditLedger and FeatureAccessService.
  • Plans and credit packs: highlight current plan, disable CTA for current plan, responsive grid.
  • Checkout actions: subscription upgrades and credit pack purchases via BillingPaymentService, with success/cancel notices (?checkout=success|cancelled).
  • Credit history: readable labels, type badges, signed amounts, pagination, and empty state, scoped to the authenticated user.
  • Architecture: no direct mutation of users.plan; payment flows delegate to services; customer portal placeholder with validation errors until provider setup.

^{Written for commit 0108a14. Summary will update on new commits.}

[coderabbitai]

Important

Review skipped

Auto reviews are limited based on label configuration.

🏷️ Required labels (at least one) (1)

• release

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: 119ef673-59fb-46da-ae83-8b125b19ea4b

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch feature/CONV-276-add-current-plan-summary-card

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}