UI

• PricingPlans.svelte displays tier cards.

• UpgradeDialog.svelte launches Stripe Checkout.

• SavingsCalculator.svelte shows annual vs. monthly savings.

• Client‑side interactivity: plan selection toggles are pure Svelte state; the ExampleToggle.svelte component demonstrates how to add interactive counters or switches without server calls.

• Any Stripe script is loaded lazily on user interaction to avoid SSR issues.

• PricingPlans.svelte displays plan cards.

• UpgradeDialog.svelte launches Stripe Checkout.

• SavingsCalculator.svelte shows annual savings.

API

• GET /api/billing/plans – Available plans.
• GET /api/billing/subscription – Current user subscription.
• POST /api/billing/checkout – Create Stripe Checkout session.

---