diff --git a/.changeset/checkout-totals-new-shape.md b/.changeset/checkout-totals-new-shape.md
new file mode 100644
index 00000000000..8920513c4f2
--- /dev/null
+++ b/.changeset/checkout-totals-new-shape.md
@@ -0,0 +1,16 @@
+---
+'@clerk/clerk-js': patch
+'@clerk/shared': patch
+'@clerk/ui': patch
+'@clerk/localizations': patch
+---
+
+Update checkout totals to support the new `totals` shape from the API:
+
+- Add `discounts` to `BillingCheckoutTotals` / `BillingCheckoutTotalsJSON`. It exposes a `proration` (a `BillingProrationDiscountDetail` with `amount`, `cycleDaysPassed`, `cycleDaysTotal`, `cyclePassedPercent`) describing the prorated discount applied when adding seats mid-billing-period — i.e. the part of the cycle that has already passed and is not charged — plus a `total` of all discounts.
+- Add `totalsDuePerPeriod` / `totals_due_per_period` (`BillingPerPeriodTotals`) with `subtotal`, `baseFee`, `taxTotal`, `grandTotal`, and `perUnitTotals`: the full renewal charge breakdown covering all seats and the base plan fee, as opposed to the top-level totals which now only cover what is actively being purchased in the current checkout.
+- Add `totalDuePerPeriod` / `total_due_per_period` (money amount) for backwards compatibility.
+- Add `baseFee` / `base_fee` to the top-level totals.
+- Parse all new fields in `billingTotalsFromJSON`.
+- Render the prorated discount line item in `CheckoutForm` when present.
+- Render a renewal subtotal and renewal total section in `CheckoutForm` when `totalsDuePerPeriod` is present.
diff --git a/.changeset/payment-attempt-subtotal.md b/.changeset/payment-attempt-subtotal.md
new file mode 100644
index 00000000000..622a72b8589
--- /dev/null
+++ b/.changeset/payment-attempt-subtotal.md
@@ -0,0 +1,5 @@
+---
+'@clerk/ui': patch
+---
+
+Fix the `Subtotal` row in the payment attempt details view to read from `paymentAttempt.totals.subtotal` so it matches the value shown in the Clerk Dashboard. Previously it rendered `subscriptionItem.amount` which caused the displayed subtotal to disagree with the dashboard.
diff --git a/packages/clerk-js/src/utils/billing.ts b/packages/clerk-js/src/utils/billing.ts
index 4e0fd1528c1..5ed5bd727fc 100644
--- a/packages/clerk-js/src/utils/billing.ts
+++ b/packages/clerk-js/src/utils/billing.ts
@@ -1,4 +1,6 @@
 import type {
+  BillingCheckoutDiscounts,
+  BillingCheckoutDiscountsJSON,
   BillingCheckoutTotals,
   BillingCheckoutTotalsJSON,
   BillingCredits,
@@ -7,6 +9,8 @@ import type {
   BillingMoneyAmountJSON,
   BillingPaymentTotals,
   BillingPaymentTotalsJSON,
+  BillingPerPeriodTotals,
+  BillingPerPeriodTotalsJSON,
   BillingPerUnitTotal,
   BillingPerUnitTotalJSON,
   BillingPlanUnitPriceJSON,
@@ -76,6 +80,30 @@ export const billingCreditsFromJSON = (data: BillingCreditsJSON): BillingCredits
   };
 };
 
+const billingCheckoutDiscountsFromJSON = (data: BillingCheckoutDiscountsJSON): BillingCheckoutDiscounts => {
+  return {
+    proration: data.proration
+      ? {
+          amount: billingMoneyAmountFromJSON(data.proration.amount),
+          cycleDaysPassed: data.proration.cycle_days_passed,
+          cycleDaysTotal: data.proration.cycle_days_total,
+          cyclePassedPercent: data.proration.cycle_passed_percent,
+        }
+      : null,
+    total: billingMoneyAmountFromJSON(data.total),
+  };
+};
+
+const billingPerPeriodTotalsFromJSON = (data: BillingPerPeriodTotalsJSON): BillingPerPeriodTotals => {
+  return {
+    subtotal: billingMoneyAmountFromJSON(data.subtotal),
+    baseFee: billingMoneyAmountFromJSON(data.base_fee),
+    taxTotal: billingMoneyAmountFromJSON(data.tax_total),
+    grandTotal: billingMoneyAmountFromJSON(data.grand_total),
+    perUnitTotals: data.per_unit_totals ? billingPerUnitTotalsFromJSON(data.per_unit_totals) : undefined,
+  };
+};
+
 export const billingTotalsFromJSON = <T extends BillingStatementTotalsJSON | BillingCheckoutTotalsJSON>(
   data: T,
 ): T extends { total_due_now: BillingMoneyAmountJSON } ? BillingCheckoutTotals : BillingStatementTotals => {
@@ -85,6 +113,9 @@ export const billingTotalsFromJSON = <T extends BillingStatementTotalsJSON | Bil
     taxTotal: billingMoneyAmountFromJSON(data.tax_total),
   };
 
+  if ('base_fee' in data && data.base_fee) {
+    totals.baseFee = billingMoneyAmountFromJSON(data.base_fee);
+  }
   if ('past_due' in data) {
     totals.pastDue = data.past_due ? billingMoneyAmountFromJSON(data.past_due) : null;
   }
@@ -101,9 +132,6 @@ export const billingTotalsFromJSON = <T extends BillingStatementTotalsJSON | Bil
   if ('total_due_now' in data) {
     totals.totalDueNow = billingMoneyAmountFromJSON(data.total_due_now);
   }
-  if ('total_due_per_period' in data) {
-    totals.totalDuePerPeriod = billingMoneyAmountFromJSON(data.total_due_per_period);
-  }
 
   if ('total_due_after_free_trial' in data) {
     totals.totalDueAfterFreeTrial = data.total_due_after_free_trial
@@ -111,5 +139,17 @@ export const billingTotalsFromJSON = <T extends BillingStatementTotalsJSON | Bil
       : null;
   }
 
+  if ('discounts' in data) {
+    totals.discounts = data.discounts ? billingCheckoutDiscountsFromJSON(data.discounts) : null;
+  }
+
+  if ('total_due_per_period' in data && data.total_due_per_period) {
+    totals.totalDuePerPeriod = billingMoneyAmountFromJSON(data.total_due_per_period);
+  }
+
+  if ('totals_due_per_period' in data && data.totals_due_per_period) {
+    totals.totalsDuePerPeriod = billingPerPeriodTotalsFromJSON(data.totals_due_per_period);
+  }
+
   return totals as T extends { total_due_now: BillingMoneyAmountJSON } ? BillingCheckoutTotals : BillingStatementTotals;
 };
diff --git a/packages/localizations/src/en-US.ts b/packages/localizations/src/en-US.ts
index 596f76ecf64..7c315d89fb1 100644
--- a/packages/localizations/src/en-US.ts
+++ b/packages/localizations/src/en-US.ts
@@ -120,6 +120,7 @@ export const enUS: LocalizationResource = {
     accountCredit: 'Account credit',
     creditRemainder: 'Credit for the remainder of your current subscription.',
     payerCreditRemainder: 'Credit from account balance.',
+    proratedDiscount: 'Prorated discount',
     defaultFreePlanActive: "You're currently on the Free plan",
     free: 'Free',
     getStarted: 'Get started',
@@ -193,6 +194,8 @@ export const enUS: LocalizationResource = {
       trialStartedOn: 'Trial started on',
     },
     subtotal: 'Subtotal',
+    subtotalRenewal: 'Subtotal per period',
+    totalDuePerPeriod: 'Total per period',
     switchPlan: 'Switch to this plan',
     switchToAnnual: 'Switch to annual',
     switchToAnnualWithAnnualPrice: 'Switch to annual {{currency}}{{price}} / year',
diff --git a/packages/msw/BillingService.ts b/packages/msw/BillingService.ts
index 6e90b7d02ba..86cc268cb70 100644
--- a/packages/msw/BillingService.ts
+++ b/packages/msw/BillingService.ts
@@ -3,9 +3,9 @@ import type {
   BillingCheckoutTotalsJSON,
   BillingInitializedPaymentMethodJSON,
   BillingMoneyAmountJSON,
+  BillingPayerJSON,
   BillingPaymentJSON,
   BillingPaymentMethodJSON,
-  BillingPayerJSON,
   BillingPlanJSON,
   BillingStatementJSON,
   BillingSubscriptionItemJSON,
@@ -169,9 +169,9 @@ export class BillingService {
     planPeriod: BillingSubscriptionPlanPeriod,
   ): BillingMoneyAmountJSON {
     if (planPeriod === 'annual') {
-      return plan.annual_fee ?? plan.fee;
+      return plan.annual_fee ?? plan.fee ?? this.createMoney(0);
     }
-    return plan.fee;
+    return plan.fee ?? this.createMoney(0);
   }
 
   static createSubscriptionItem(
@@ -338,12 +338,22 @@ export class BillingService {
     const totals: BillingCheckoutTotalsWithOptionalAccountCredit = {
       grand_total: amount,
       subtotal: amount,
+      base_fee: amount,
       tax_total: tax,
       total_due_now: amount,
       credit: null,
+      credits: null,
       past_due: null,
       total_due_after_free_trial: amount,
       account_credit: null,
+      discounts: null,
+      total_due_per_period: amount,
+      totals_due_per_period: {
+        subtotal: amount,
+        base_fee: amount,
+        tax_total: tax,
+        grand_total: amount,
+      },
     };
     return totals;
   }
diff --git a/packages/shared/src/types/billing.ts b/packages/shared/src/types/billing.ts
index de47c269532..9a132caba9e 100644
--- a/packages/shared/src/types/billing.ts
+++ b/packages/shared/src/types/billing.ts
@@ -860,6 +860,56 @@ export interface BillingCredits {
   total: BillingMoneyAmount;
 }
 
+/**
+ * Details about a prorated discount applied when adding a seat mid-cycle. The discount covers the part of the
+ * billing period that has already passed, so the payer is only charged for the time remaining in the cycle.
+ *
+ * @experimental This is an experimental API for the Billing feature that is available under a public beta, and the API is subject to change. It is advised to [pin](https://clerk.com/docs/pinning) the SDK version and the clerk-js version to avoid breaking changes.
+ */
+export interface BillingProrationDiscountDetail {
+  amount: BillingMoneyAmount;
+  cycleDaysPassed: number;
+  cycleDaysTotal: number;
+  cyclePassedPercent: number;
+}
+
+/**
+ * Discounts applied to the checkout, such as prorated discounts for mid-cycle seat additions.
+ *
+ * @experimental This is an experimental API for the Billing feature that is available under a public beta, and the API is subject to change. It is advised to [pin](https://clerk.com/docs/pinning) the SDK version and the clerk-js version to avoid breaking changes.
+ */
+export interface BillingCheckoutDiscounts {
+  /**
+   * The prorated discount for the part of the billing period that has already passed when adding a seat mid-cycle.
+   * Unlike the proration credit (which refunds the unused remainder of a plan you already paid for), this discount
+   * means you are not charged for the portion of the new seat's cycle that has already elapsed.
+   */
+  proration: BillingProrationDiscountDetail | null;
+  /**
+   * The total of all discounts applied to the checkout.
+   */
+  total: BillingMoneyAmount;
+}
+
+/**
+ * Per-period renewal totals, describing what the subscription renewal charge will look like after the current checkout.
+ * Unlike the top-level checkout totals (which only reflect the items actively being purchased),
+ * this object contains the full renewal breakdown including all seats and the base plan fee.
+ *
+ * @experimental This is an experimental API for the Billing feature that is available under a public beta, and the API is subject to change. It is advised to [pin](https://clerk.com/docs/pinning) the SDK version and the clerk-js version to avoid breaking changes.
+ */
+export interface BillingPerPeriodTotals {
+  subtotal: BillingMoneyAmount;
+  baseFee: BillingMoneyAmount;
+  taxTotal: BillingMoneyAmount;
+  grandTotal: BillingMoneyAmount;
+  /**
+   * Per-unit cost breakdown for the renewal period, covering all units purchased to date
+   * (not just the ones being added in this checkout).
+   */
+  perUnitTotals?: BillingPerUnitTotal[];
+}
+
 /**
  * The `BillingCheckoutTotals` type represents the total costs, taxes, and other pricing details for a checkout session.
  *
@@ -867,9 +917,15 @@ export interface BillingCredits {
  */
 export interface BillingCheckoutTotals {
   /**
-   * The price of the items or Plan before taxes, credits, or discounts are applied.
+   * The price of items actively being purchased in this checkout, before taxes and discounts.
+   * When only adding seats mid-cycle, this reflects just the new seats and excludes the base plan fee and
+   * seats that were already paid for.
    */
   subtotal: BillingMoneyAmount;
+  /**
+   * The base plan fee portion of the totals, before per-unit charges and adjustments.
+   */
+  baseFee?: BillingMoneyAmount;
   /**
    * The total amount for the checkout, including taxes and after credits/discounts are applied. This is the final amount due.
    */
@@ -879,7 +935,8 @@ export interface BillingCheckoutTotals {
    */
   taxTotal: BillingMoneyAmount;
   /**
-   * Per-unit cost breakdown for this checkout (for example, seats).
+   * Per-unit cost breakdown for items actively being purchased in this checkout (for example, seats being added).
+   * When only adding seats mid-cycle, this only covers the seats being added, not seats already paid for.
    */
   perUnitTotals?: BillingPerUnitTotal[];
   /**
@@ -903,6 +960,16 @@ export interface BillingCheckoutTotals {
    * The amount that becomes due after a free trial ends.
    */
   totalDueAfterFreeTrial: BillingMoneyAmount | null;
+  /**
+   * Discounts applied to this checkout such as mid-cycle prorated seat discounts.
+   */
+  discounts?: BillingCheckoutDiscounts | null;
+  /**
+   * Full renewal period totals after this checkout completes.
+   * Contains the complete breakdown of what the next recurring charge will look like,
+   * including all seats and the base plan fee.
+   */
+  totalsDuePerPeriod?: BillingPerPeriodTotals;
 }
 
 /**
diff --git a/packages/shared/src/types/json.ts b/packages/shared/src/types/json.ts
index 1c2afdf21b4..0be09f55496 100644
--- a/packages/shared/src/types/json.ts
+++ b/packages/shared/src/types/json.ts
@@ -876,24 +876,100 @@ export interface BillingCreditsJSON {
   total: BillingMoneyAmountJSON;
 }
 
+/**
+ * Details about a prorated discount applied when adding a seat mid-cycle. The discount covers the part of the
+ * billing period that has already passed, so the payer is only charged for the time remaining in the cycle.
+ */
+export interface BillingProrationDiscountDetailJSON {
+  amount: BillingMoneyAmountJSON;
+  cycle_days_passed: number;
+  cycle_days_total: number;
+  cycle_passed_percent: number;
+}
+
+/**
+ * Discounts applied to the checkout, such as prorated discounts for mid-cycle seat additions.
+ *
+ * @experimental This is an experimental API for the Billing feature that is available under a public beta, and the API is subject to change. It is advised to [pin](https://clerk.com/docs/pinning) the SDK version and the clerk-js version to avoid breaking changes.
+ */
+export interface BillingCheckoutDiscountsJSON {
+  /**
+   * The prorated discount for the part of the billing period that has already passed when adding a seat mid-cycle.
+   * Unlike the proration credit (which refunds the unused remainder of a plan you already paid for), this discount
+   * means you are not charged for the portion of the new seat's cycle that has already elapsed.
+   */
+  proration: BillingProrationDiscountDetailJSON | null;
+  /**
+   * The total of all discounts applied to the checkout.
+   */
+  total: BillingMoneyAmountJSON;
+}
+
+/**
+ * Per-period renewal totals, describing what the subscription renewal charge will look like after the current checkout.
+ * Unlike the top-level checkout totals (which only reflect the items actively being purchased),
+ * this object contains the full renewal breakdown including all seats and the base plan fee.
+ *
+ * @experimental This is an experimental API for the Billing feature that is available under a public beta, and the API is subject to change. It is advised to [pin](https://clerk.com/docs/pinning) the SDK version and the clerk-js version to avoid breaking changes.
+ */
+export interface BillingPerPeriodTotalsJSON {
+  subtotal: BillingMoneyAmountJSON;
+  base_fee: BillingMoneyAmountJSON;
+  tax_total: BillingMoneyAmountJSON;
+  grand_total: BillingMoneyAmountJSON;
+  /**
+   * Per-unit cost breakdown for the renewal period, covering all units purchased to date
+   * (not just the ones being added in this checkout).
+   */
+  per_unit_totals?: BillingPerUnitTotalJSON[];
+}
+
 /**
  * @experimental This is an experimental API for the Billing feature that is available under a public beta, and the API is subject to change. It is advised to [pin](https://clerk.com/docs/pinning) the SDK version and the clerk-js version to avoid breaking changes.
  */
 export interface BillingCheckoutTotalsJSON {
   grand_total: BillingMoneyAmountJSON;
+  /**
+   * The price of items actively being purchased in this checkout, before taxes and discounts.
+   * When only adding seats mid-cycle, this reflects just the new seats and excludes the base plan fee and
+   * seats that were already paid for.
+   */
   subtotal: BillingMoneyAmountJSON;
+  /**
+   * The base plan fee portion of the totals, before per-unit charges and adjustments.
+   */
+  base_fee: BillingMoneyAmountJSON;
   tax_total: BillingMoneyAmountJSON;
   /**
-   * Per-unit cost breakdown for this checkout (for example, seats).
+   * Per-unit cost breakdown for items actively being purchased in this checkout (for example, seats being added).
+   * When only adding seats mid-cycle, this only covers the seats being added, not seats already paid for.
+   * Omitted when the checkout is not seat-based.
    */
   per_unit_totals?: BillingPerUnitTotalJSON[];
   total_due_now: BillingMoneyAmountJSON;
-  total_due_per_period: BillingMoneyAmountJSON;
+  /**
+   * Legacy credit field. Kept for backwards compatibility; prefer the unified `credits` breakdown.
+   */
   credit: BillingMoneyAmountJSON | null;
   credits: BillingCreditsJSON | null;
   account_credit: BillingMoneyAmountJSON | null;
   past_due: BillingMoneyAmountJSON | null;
   total_due_after_free_trial: BillingMoneyAmountJSON | null;
+  /**
+   * Discounts applied to this checkout such as mid-cycle prorated seat discounts.
+   */
+  discounts: BillingCheckoutDiscountsJSON | null;
+  /**
+   * The expected recurring payment for each future billing period.
+   * Kept for backwards compatibility. Prefer `totals_due_per_period` for the full breakdown.
+   */
+  total_due_per_period: BillingMoneyAmountJSON;
+  /**
+   * Full renewal period totals after this checkout completes.
+   * Contains the complete breakdown of what the next recurring charge will look like,
+   * including all seats and the base plan fee.
+   */
+  totals_due_per_period: BillingPerPeriodTotalsJSON;
 }
 
 /**
diff --git a/packages/shared/src/types/localization.ts b/packages/shared/src/types/localization.ts
index aa8c45d5d80..8caf9485c05 100644
--- a/packages/shared/src/types/localization.ts
+++ b/packages/shared/src/types/localization.ts
@@ -219,13 +219,16 @@ export type __internal_LocalizationResource = {
     viewPayment: LocalizationValue;
     availableFeatures: LocalizationValue;
     subtotal: LocalizationValue;
+    subtotalRenewal: LocalizationValue;
     credit: LocalizationValue;
     prorationCredit: LocalizationValue;
     accountCredit: LocalizationValue;
     creditRemainder: LocalizationValue;
     payerCreditRemainder: LocalizationValue;
+    proratedDiscount: LocalizationValue;
     totalDue: LocalizationValue;
     totalDueToday: LocalizationValue;
+    totalDuePerPeriod: LocalizationValue;
     pastDue: LocalizationValue;
     pay: LocalizationValue<'amount'>;
     cancelSubscriptionTitle: LocalizationValue<'plan'>;
diff --git a/packages/ui/src/components/Checkout/CheckoutForm.tsx b/packages/ui/src/components/Checkout/CheckoutForm.tsx
index 2adca757fe4..b0c75cae562 100644
--- a/packages/ui/src/components/Checkout/CheckoutForm.tsx
+++ b/packages/ui/src/components/Checkout/CheckoutForm.tsx
@@ -44,6 +44,9 @@ export const CheckoutForm = withCardStateProvider(() => {
   const showProratedCredit = !!totals.credits?.proration?.amount && totals.credits.proration.amount.amount > 0;
   const showAccountCredits = !!totals.credits?.payer?.appliedAmount && totals.credits.payer.appliedAmount.amount > 0;
   const showPastDue = !!totals.pastDue?.amount && totals.pastDue.amount > 0;
+  const showProratedDiscount = !!totals.discounts?.proration?.amount && totals.discounts.proration.amount.amount > 0;
+  const showRenewalTotals =
+    !!totals.totalsDuePerPeriod && totals.totalsDuePerPeriod.grandTotal.amount !== totals.totalDueNow.amount;
   const showDowngradeInfo = !isImmediatePlanChange;
 
   const fee =
@@ -124,6 +127,14 @@ export const CheckoutForm = withCardStateProvider(() => {
             <LineItems.Title title={localizationKeys('billing.subtotal')} />
             <LineItems.Description text={`${totals.subtotal.currencySymbol}${totals.subtotal.amountFormatted}`} />
           </LineItems.Group>
+          {showProratedDiscount && (
+            <LineItems.Group variant='tertiary'>
+              <LineItems.Title title={localizationKeys('billing.proratedDiscount')} />
+              <LineItems.Description
+                text={`- ${totals.discounts?.proration?.amount.currencySymbol}${totals.discounts?.proration?.amount.amountFormatted}`}
+              />
+            </LineItems.Group>
+          )}
           {showProratedCredit && (
             <LineItems.Group variant='tertiary'>
               <LineItems.Title title={localizationKeys('billing.creditRemainder')} />
@@ -166,7 +177,7 @@ export const CheckoutForm = withCardStateProvider(() => {
                 text={`${totals.totalDueAfterFreeTrial.currencySymbol}${totals.totalDueAfterFreeTrial.amountFormatted}`}
               />
             </LineItems.Group>
-          ) : (
+          ) : showRenewalTotals ? null : (
             <LineItems.Group variant='tertiary'>
               <LineItems.Title title={localizationKeys('billing.checkout.totalDuePerPeriod')} />
               <LineItems.Description
@@ -179,6 +190,26 @@ export const CheckoutForm = withCardStateProvider(() => {
             <LineItems.Title title={localizationKeys('billing.totalDueToday')} />
             <LineItems.Description text={`${totals.totalDueNow.currencySymbol}${totals.totalDueNow.amountFormatted}`} />
           </LineItems.Group>
+
+          {showRenewalTotals && (
+            <>
+              <LineItems.Group
+                borderTop
+                variant='tertiary'
+              >
+                <LineItems.Title title={localizationKeys('billing.subtotalRenewal')} />
+                <LineItems.Description
+                  text={`${totals.totalsDuePerPeriod?.subtotal.currencySymbol}${totals.totalsDuePerPeriod?.subtotal.amountFormatted}`}
+                />
+              </LineItems.Group>
+              <LineItems.Group borderTop>
+                <LineItems.Title title={localizationKeys('billing.totalDuePerPeriod')} />
+                <LineItems.Description
+                  text={`${totals.totalsDuePerPeriod?.grandTotal.currencySymbol}${totals.totalsDuePerPeriod?.grandTotal.amountFormatted}`}
+                />
+              </LineItems.Group>
+            </>
+          )}
         </LineItems.Root>
       </Box>
 
diff --git a/packages/ui/src/components/Checkout/__tests__/Checkout.test.tsx b/packages/ui/src/components/Checkout/__tests__/Checkout.test.tsx
index 100a669ecc2..5400c617472 100644
--- a/packages/ui/src/components/Checkout/__tests__/Checkout.test.tsx
+++ b/packages/ui/src/components/Checkout/__tests__/Checkout.test.tsx
@@ -1644,4 +1644,239 @@ describe('Checkout', () => {
       });
     });
   });
+
+  describe('differentiates between new subscriptions and mid-cycle seat additions in checkout totals', () => {
+    const proPlan = {
+      id: 'plan_totals',
+      name: 'Pro',
+      description: 'Pro plan',
+      features: [],
+      fee: { amount: 1000, amountFormatted: '10.00', currency: 'USD', currencySymbol: '$' },
+      annualFee: { amount: 12000, amountFormatted: '120.00', currency: 'USD', currencySymbol: '$' },
+      annualMonthlyFee: { amount: 1000, amountFormatted: '10.00', currency: 'USD', currencySymbol: '$' },
+      slug: 'pro',
+      avatarUrl: '',
+      publiclyVisible: true,
+      isDefault: true,
+      isRecurring: true,
+      hasBaseFee: false,
+      forPayerType: 'user',
+      freeTrialDays: 0,
+      freeTrialEnabled: false,
+    };
+
+    const money = (amount: number, amountFormatted: string) => ({
+      amount,
+      amountFormatted,
+      currency: 'USD',
+      currencySymbol: '$',
+    });
+
+    it('shows prorated discount and renewal totals for a mid-cycle seat addition', async () => {
+      const { wrapper, fixtures } = await createFixtures(f => {
+        f.withUser({ email_addresses: ['test@clerk.com'] });
+        f.withBilling();
+      });
+
+      fixtures.clerk.user?.getPaymentMethods.mockResolvedValue({ data: [], total_count: 0 });
+
+      fixtures.clerk.billing.startCheckout.mockResolvedValue({
+        id: 'chk_totals_proration',
+        status: 'needs_confirmation',
+        externalClientSecret: 'cs_test_totals_proration',
+        externalGatewayId: 'gw_test',
+        totals: {
+          subtotal: money(1500, '15.00'),
+          baseFee: money(0, '0.00'),
+          grandTotal: money(1000, '10.00'),
+          taxTotal: money(0, '0.00'),
+          credit: money(0, '0.00'),
+          pastDue: money(0, '0.00'),
+          totalDueNow: money(1000, '10.00'),
+          discounts: {
+            proration: {
+              amount: money(500, '5.00'),
+              cycleDaysPassed: 15,
+              cycleDaysTotal: 30,
+              cyclePassedPercent: 50,
+            },
+            total: money(500, '5.00'),
+          },
+          totalDuePerPeriod: money(3000, '30.00'),
+          totalsDuePerPeriod: {
+            subtotal: money(3000, '30.00'),
+            baseFee: money(0, '0.00'),
+            taxTotal: money(0, '0.00'),
+            grandTotal: money(3000, '30.00'),
+          },
+        },
+        isImmediatePlanChange: true,
+        planPeriod: 'month',
+        plan: proPlan,
+        paymentMethod: undefined,
+        confirm: vi.fn(),
+        freeTrialEndsAt: null,
+        needsPaymentMethod: false,
+      } as any);
+
+      const { getByRole, getByText } = render(
+        <Drawer.Root
+          open
+          onOpenChange={() => {}}
+        >
+          <Checkout
+            planId='plan_totals'
+            planPeriod='month'
+          />
+        </Drawer.Root>,
+        { wrapper },
+      );
+
+      await waitFor(() => {
+        expect(getByRole('heading', { name: 'Checkout' })).toBeVisible();
+      });
+
+      const proratedDiscountRow = getByText('Prorated discount').closest('.cl-lineItemsGroup');
+      expect(proratedDiscountRow).toBeInTheDocument();
+      expect(proratedDiscountRow).toHaveTextContent('- $5.00');
+
+      const subtotalRenewalRow = getByText('Subtotal per period').closest('.cl-lineItemsGroup');
+      expect(subtotalRenewalRow).toBeInTheDocument();
+      expect(subtotalRenewalRow).toHaveTextContent('$30.00');
+
+      const totalPerPeriodRow = getByText('Total per period').closest('.cl-lineItemsGroup');
+      expect(totalPerPeriodRow).toBeInTheDocument();
+      expect(totalPerPeriodRow).toHaveTextContent('$30.00');
+    });
+
+    it('hides renewal totals for a new subscription where the renewal equals the amount due now', async () => {
+      const { wrapper, fixtures } = await createFixtures(f => {
+        f.withUser({ email_addresses: ['test@clerk.com'] });
+        f.withBilling();
+      });
+
+      fixtures.clerk.user?.getPaymentMethods.mockResolvedValue({ data: [], total_count: 0 });
+
+      fixtures.clerk.billing.startCheckout.mockResolvedValue({
+        id: 'chk_totals_new_sub',
+        status: 'needs_confirmation',
+        externalClientSecret: 'cs_test_totals_new_sub',
+        externalGatewayId: 'gw_test',
+        totals: {
+          subtotal: money(1000, '10.00'),
+          baseFee: money(1000, '10.00'),
+          grandTotal: money(1000, '10.00'),
+          taxTotal: money(0, '0.00'),
+          credit: money(0, '0.00'),
+          pastDue: money(0, '0.00'),
+          totalDueNow: money(1000, '10.00'),
+          discounts: null,
+          totalDuePerPeriod: money(1000, '10.00'),
+          totalsDuePerPeriod: {
+            subtotal: money(1000, '10.00'),
+            baseFee: money(1000, '10.00'),
+            taxTotal: money(0, '0.00'),
+            grandTotal: money(1000, '10.00'),
+          },
+        },
+        isImmediatePlanChange: true,
+        planPeriod: 'month',
+        plan: proPlan,
+        paymentMethod: undefined,
+        confirm: vi.fn(),
+        freeTrialEndsAt: null,
+        needsPaymentMethod: false,
+      } as any);
+
+      const { getByRole, getByText, queryByText } = render(
+        <Drawer.Root
+          open
+          onOpenChange={() => {}}
+        >
+          <Checkout
+            planId='plan_totals'
+            planPeriod='month'
+          />
+        </Drawer.Root>,
+        { wrapper },
+      );
+
+      await waitFor(() => {
+        expect(getByRole('heading', { name: 'Checkout' })).toBeVisible();
+      });
+
+      // The "Total Due Today" row is still shown, but no renewal/discount rows are added
+      expect(getByText('Total Due Today')).toBeVisible();
+      expect(queryByText('Subtotal per period')).toBeNull();
+      expect(queryByText('Total per period')).toBeNull();
+      expect(queryByText('Prorated discount')).toBeNull();
+    });
+
+    it('hides the prorated discount row when the discount amount is zero', async () => {
+      const { wrapper, fixtures } = await createFixtures(f => {
+        f.withUser({ email_addresses: ['test@clerk.com'] });
+        f.withBilling();
+      });
+
+      fixtures.clerk.user?.getPaymentMethods.mockResolvedValue({ data: [], total_count: 0 });
+
+      fixtures.clerk.billing.startCheckout.mockResolvedValue({
+        id: 'chk_totals_zero_discount',
+        status: 'needs_confirmation',
+        externalClientSecret: 'cs_test_totals_zero_discount',
+        externalGatewayId: 'gw_test',
+        totals: {
+          subtotal: money(1000, '10.00'),
+          baseFee: money(0, '0.00'),
+          grandTotal: money(1000, '10.00'),
+          taxTotal: money(0, '0.00'),
+          credit: money(0, '0.00'),
+          pastDue: money(0, '0.00'),
+          totalDueNow: money(1000, '10.00'),
+          discounts: {
+            proration: {
+              amount: money(0, '0.00'),
+              cycleDaysPassed: 0,
+              cycleDaysTotal: 30,
+              cyclePassedPercent: 0,
+            },
+            total: money(0, '0.00'),
+          },
+          totalDuePerPeriod: money(1000, '10.00'),
+          totalsDuePerPeriod: {
+            subtotal: money(1000, '10.00'),
+            baseFee: money(0, '0.00'),
+            taxTotal: money(0, '0.00'),
+            grandTotal: money(1000, '10.00'),
+          },
+        },
+        isImmediatePlanChange: true,
+        planPeriod: 'month',
+        plan: proPlan,
+        paymentMethod: undefined,
+        confirm: vi.fn(),
+        freeTrialEndsAt: null,
+        needsPaymentMethod: false,
+      } as any);
+
+      const { getByRole, queryByText } = render(
+        <Drawer.Root
+          open
+          onOpenChange={() => {}}
+        >
+          <Checkout
+            planId='plan_totals'
+            planPeriod='month'
+          />
+        </Drawer.Root>,
+        { wrapper },
+      );
+
+      await waitFor(() => {
+        expect(getByRole('heading', { name: 'Checkout' })).toBeVisible();
+      });
+
+      expect(queryByText('Prorated discount')).toBeNull();
+    });
+  });
 });
diff --git a/packages/ui/src/components/PaymentAttempts/PaymentAttemptPage.tsx b/packages/ui/src/components/PaymentAttempts/PaymentAttemptPage.tsx
index 3b796b5feea..692c1762104 100644
--- a/packages/ui/src/components/PaymentAttempts/PaymentAttemptPage.tsx
+++ b/packages/ui/src/components/PaymentAttempts/PaymentAttemptPage.tsx
@@ -273,7 +273,7 @@ function PaymentAttemptBody({ paymentAttempt }: { paymentAttempt: BillingPayment
         >
           <LineItems.Title title={localizationKeys('billing.subtotal')} />
           <LineItems.Description
-            text={`${subscriptionItem.amount?.currencySymbol}${subscriptionItem.amount?.amountFormatted}`}
+            text={`${paymentAttempt.totals?.subtotal.currencySymbol}${paymentAttempt.totals?.subtotal.amountFormatted}`}
           />
         </LineItems.Group>
         {subscriptionItem.credits &&