From fe29aec127067ef2b5250695cb16d9f5bf1be9ff Mon Sep 17 00:00:00 2001
From: marks <markskram@protonmail.com>
Date: Tue, 3 Feb 2026 11:49:40 -0600
Subject: [PATCH] copy: rename API credits to extra credits

Updates user-facing terminology from "API credits" to "extra credits"
to better reflect their purpose as overflow credits that extend usage
when plan credits run out.
---
 frontend/src/components/BillingStatus.tsx             |  4 ++--
 frontend/src/components/CreditUsage.tsx               |  2 +-
 frontend/src/components/UpgradePromptDialog.tsx       | 10 +++++-----
 frontend/src/components/apikeys/ApiCreditsSection.tsx |  2 +-
 frontend/src/components/apikeys/ApiKeyDashboard.tsx   |  2 +-
 frontend/src/routes/pricing.tsx                       |  4 ++--
 6 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/frontend/src/components/BillingStatus.tsx b/frontend/src/components/BillingStatus.tsx
index 6f208fdf6..0c6560386 100644
--- a/frontend/src/components/BillingStatus.tsx
+++ b/frontend/src/components/BillingStatus.tsx
@@ -63,11 +63,11 @@ export function BillingStatus() {
     if (!billingStatus.can_chat) {
       if (isMax) {
         return hasApiAccess
-          ? "Purchase API credits or contact us to increase limits"
+          ? "Purchase extra credits or contact us to increase limits"
           : "Contact us to increase your limits";
       }
       return hasApiAccess
-        ? "Upgrade your plan or purchase API credits to keep chatting!"
+        ? "Upgrade your plan or purchase extra credits to keep chatting!"
         : "You've run out of messages, upgrade to keep chatting!";
     }
 
diff --git a/frontend/src/components/CreditUsage.tsx b/frontend/src/components/CreditUsage.tsx
index 63c9c5fc5..fddec4bc0 100644
--- a/frontend/src/components/CreditUsage.tsx
+++ b/frontend/src/components/CreditUsage.tsx
@@ -54,7 +54,7 @@ export function CreditUsage() {
       </div>
       <div className="mt-1 flex justify-between text-xs">
         {hasApiCredits && (
-          <span>+ {formatCredits(billingStatus.api_credit_balance ?? 0)} API credits</span>
+          <span>+ {formatCredits(billingStatus.api_credit_balance ?? 0)} extra credits</span>
         )}
         <span className={hasApiCredits ? "" : "ml-auto"}>
           {formatResetDate(billingStatus.usage_reset_date)}
diff --git a/frontend/src/components/UpgradePromptDialog.tsx b/frontend/src/components/UpgradePromptDialog.tsx
index 5e9ea804d..28a1b2d85 100644
--- a/frontend/src/components/UpgradePromptDialog.tsx
+++ b/frontend/src/components/UpgradePromptDialog.tsx
@@ -137,8 +137,8 @@ export function UpgradePromptDialog({
         description: isFreeTier
           ? "You've reached your daily free tier limit. Upgrade to Pro for unlimited daily usage."
           : isPro
-            ? "You've reached your Pro plan's monthly limit. Upgrade to Max for 10x more usage, or purchase API credits to continue chatting."
-            : "You've reached your monthly usage limit. Purchase API credits to continue chatting, or wait for the next billing cycle.",
+            ? "You've reached your Pro plan's monthly limit. Upgrade to Max for 10x more usage, or purchase extra credits to continue chatting."
+            : "You've reached your monthly usage limit. Purchase extra credits to continue chatting, or wait for the next billing cycle.",
         requiredPlan: nextPlan,
         benefits: isFreeTier
           ? [
@@ -155,11 +155,11 @@ export function UpgradePromptDialog({
                 "Access to all premium models including DeepSeek R1",
                 "Highest priority during peak times",
                 "Maximum rate limits for power users",
-                "Or purchase API credits to keep chatting now"
+                "Or purchase extra credits to keep chatting now"
               ]
             : [
                 "You're already on our highest individual plan",
-                "Purchase API credits to extend your usage",
+                "Purchase extra credits to extend your usage",
                 "Monthly usage automatically refreshes",
                 "Contact support for custom enterprise plans"
               ]
@@ -249,7 +249,7 @@ export function UpgradePromptDialog({
           {feature === "usage" && hasApiAccess && (
             <Button variant="outline" onClick={handleBuyCredits} className="w-full gap-2">
               <Coins className="h-4 w-4" />
-              Buy API Credits
+              Buy Extra Credits
             </Button>
           )}
           {/* Show "Start New Chat" for free tier conversation limit, "Maybe Later" for others */}
diff --git a/frontend/src/components/apikeys/ApiCreditsSection.tsx b/frontend/src/components/apikeys/ApiCreditsSection.tsx
index 7b2c22bde..9d1fa0d7a 100644
--- a/frontend/src/components/apikeys/ApiCreditsSection.tsx
+++ b/frontend/src/components/apikeys/ApiCreditsSection.tsx
@@ -187,7 +187,7 @@ export function ApiCreditsSection({ showSuccessMessage = false }: ApiCreditsSect
       <Card className="p-4">
         <div className="flex items-center justify-between">
           <div>
-            <p className="text-sm text-muted-foreground">API Credit Balance</p>
+            <p className="text-sm text-muted-foreground">Extra Credit Balance</p>
             <p className="text-2xl font-bold flex items-center gap-2">
               <Coins className="h-5 w-5" />
               {formatCredits(creditBalance?.balance || 0)}
diff --git a/frontend/src/components/apikeys/ApiKeyDashboard.tsx b/frontend/src/components/apikeys/ApiKeyDashboard.tsx
index 66a8e2e38..f724bb04e 100644
--- a/frontend/src/components/apikeys/ApiKeyDashboard.tsx
+++ b/frontend/src/components/apikeys/ApiKeyDashboard.tsx
@@ -164,7 +164,7 @@ export function ApiKeyDashboard({ showCreditSuccessMessage = false }: ApiKeyDash
                 <div>
                   <h3 className="font-semibold">Extend Your Subscription</h3>
                   <p className="text-sm text-muted-foreground">
-                    Purchase API credits to extend your usage when plan credits run out
+                    Purchase extra credits to extend your usage when plan credits run out
                   </p>
                 </div>
               </div>
diff --git a/frontend/src/routes/pricing.tsx b/frontend/src/routes/pricing.tsx
index 5efd4ea14..5ef0d4bbd 100644
--- a/frontend/src/routes/pricing.tsx
+++ b/frontend/src/routes/pricing.tsx
@@ -167,8 +167,8 @@ function PricingFAQ() {
             </p>
             <ul className="list-disc list-inside space-y-1 ml-4">
               <li>Use your plan credits via the API</li>
-              <li>When plan credits run out, API credits kick in automatically</li>
-              <li>Purchase additional API credits to extend your usage anytime</li>
+              <li>When plan credits run out, extra credits kick in automatically</li>
+              <li>Purchase extra credits to extend your usage anytime</li>
             </ul>
           </div>
         </details>