From 95307ba33c80226fa596bda3b003ab90afa6361b Mon Sep 17 00:00:00 2001
From: Matt Aitken <matt@mattaitken.com>
Date: Tue, 21 Jul 2026 17:37:55 +0100
Subject: [PATCH] fix(webapp): tidy Usage page credits display (#4322)

Two small corrections to the organization **Usage** page credits
display.

### 1. Label the credits panel "Credits" (was "Promo credits")
The panel surfaces any credit balance, not only promo-code redemptions,
so "Promo credits" is misleading when the credits come from another
source. Renamed the heading to "Credits".

### 2. Don't show "Included usage" for Enterprise orgs
Enterprise inherits the Pro plan's `includedUsage` value, so the Usage
bar rendered an "Included usage: $50" tier marker for Enterprise
organizations. Enterprise bills against prepaid credits rather than a
per-month included-usage tier, so the marker was misleading. The
`tierLimit` marker is now suppressed for Enterprise (`plan.type ===
"enterprise"`).

Verified with `pnpm run typecheck --filter webapp`.
---
 .../_app.orgs.$organizationSlug.settings.usage/route.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/apps/webapp/app/routes/_app.orgs.$organizationSlug.settings.usage/route.tsx b/apps/webapp/app/routes/_app.orgs.$organizationSlug.settings.usage/route.tsx
index 2cc8b0111..48d719932 100644
--- a/apps/webapp/app/routes/_app.orgs.$organizationSlug.settings.usage/route.tsx
+++ b/apps/webapp/app/routes/_app.orgs.$organizationSlug.settings.usage/route.tsx
@@ -114,6 +114,9 @@ export default function Page() {
   const currentPlan = useCurrentPlan();
   const billingLimit = useBillingLimit();
   const planLimitCents = currentPlan?.v3Subscription?.plan?.limits.includedUsage ?? 0;
+  // Enterprise bills against prepaid credits, not a per-month included-usage tier,
+  // so the "Included usage" marker doesn't apply.
+  const isEnterprise = currentPlan?.v3Subscription?.plan?.type === "enterprise";
   const billingLimitDollars = isCurrentMonth
     ? getUsageBarBillingLimitDollars(billingLimit, planLimitCents)
     : undefined;
@@ -157,7 +160,7 @@ export default function Page() {
               <div className="flex flex-col gap-1 border-t border-grid-dimmed p-3">
                 <div className="flex items-end gap-8">
                   <div className="flex flex-col gap-1">
-                    <Header2 className="whitespace-nowrap">Promo credits</Header2>
+                    <Header2 className="whitespace-nowrap">Credits</Header2>
                     <p className="whitespace-nowrap text-3xl font-medium text-text-bright">
                       {formatCurrency(promoCredits.remainingCents / 100, false)}
                     </p>
@@ -215,7 +218,9 @@ export default function Page() {
                       <UsageBar
                         current={usage.overall.current}
                         isPaying={currentPlan?.v3Subscription?.isPaying ?? false}
-                        tierLimit={isCurrentMonth ? planLimitCents / 100 : undefined}
+                        tierLimit={
+                          isCurrentMonth && !isEnterprise ? planLimitCents / 100 : undefined
+                        }
                         billingLimit={billingLimitDollars}
                       />
                     </div>