[backport rh-test] cloud: fix credits tooltips (#6658)

Backport of #6655 to `rh-test`

Automatically created by backport workflow.

┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-6658-backport-rh-test-cloud-fix-credits-tooltips-2a96d73d365081f6aa28ef959cada111)
by [Unito](https://www.unito.io)

Co-authored-by: Christian Byrne <cbyrne@comfy.org>

src/locales/en/main.json

@@ -1935,6 +1935,7 @@
     "beta": "BETA",
     "perMonth": "USD / month",
     "renewsDate": "Renews {date}",
+    "refreshesOn": "Refreshes to ${monthlyCreditBonusUsd} on {date}",
     "expiresDate": "Expires {date}",
     "manageSubscription": "Manage subscription",
     "partnerNodesBalance": "\"Partner Nodes\" Credit Balance",
@@ -1946,7 +1947,7 @@
     "monthlyCreditsRollover": "These credits will rollover to the next month",
     "monthlyBonusDescription": "Monthly credit bonus",
     "prepaidDescription": "Pre-paid credits",
-    "prepaidCreditsInfo": "Credits purchased separately that don't expire",
+    "prepaidCreditsInfo": "Pre-paid credits expire after 1 year from purchase date.",
     "nextBillingCycle": "next billing cycle",
     "yourPlanIncludes": "Your plan includes:",
     "viewMoreDetails": "View more details",
@@ -1954,7 +1955,7 @@
     "messageSupport": "Message support",
     "invoiceHistory": "Invoice history",
     "benefits": {
-      "benefit1": "Monthly credits for Partner Nodes — top up when needed",
+      "benefit1": "$10 in monthly credits for Partner Nodes — top up when needed",
       "benefit2": "Up to 30 min runtime per job"
     },
     "required": {
@@ -1965,7 +1966,7 @@
     "subscribeToRun": "Subscribe to Run",
     "subscribeNow": "Subscribe Now",
     "subscribeToComfyCloud": "Subscribe to Comfy Cloud",
-    "partnerNodesCredits": "Partner Nodes credits"
+    "partnerNodesCredits": "Partner Nodes pricing table"
   },
   "userSettings": {
     "title": "User Settings",
@@ -2220,4 +2221,5 @@
       }
     }
   }
-}
+}
+

src/platform/cloud/subscription/components/SubscriptionPanel.vue

@@ -95,7 +95,6 @@
                   "
                 >
                   <Button
-                    v-tooltip="refreshTooltip"
                     icon="pi pi-sync"
                     text
                     size="small"
@@ -142,7 +141,7 @@
                           {{ $t('subscription.monthlyBonusDescription') }}
                         </div>
                         <Button
-                          v-tooltip="$t('subscription.monthlyCreditsRollover')"
+                          v-tooltip="refreshTooltip"
                           icon="pi pi-question-circle"
                           text
                           rounded

src/platform/cloud/subscription/composables/useSubscriptionActions.ts

@@ -8,6 +8,8 @@ import { useTelemetry } from '@/platform/telemetry'
 import { useDialogService } from '@/services/dialogService'
 import { useCommandStore } from '@/stores/commandStore'
 
+const MONTHLY_CREDIT_BONUS_USD = 10
+
 /**
  * Composable for handling subscription panel actions and loading states
  */
@@ -24,7 +26,10 @@ export function useSubscriptionActions() {
   const refreshTooltip = computed(() => {
     const date =
       formattedRenewalDate.value || t('subscription.nextBillingCycle')
-    return `Refreshes on ${date}`
+    return t('subscription.refreshesOn', {
+      monthlyCreditBonusUsd: MONTHLY_CREDIT_BONUS_USD,
+      date
+    })
   })
 
   onMounted(() => {

tests-ui/tests/platform/cloud/subscription/composables/useSubscriptionActions.test.ts

@@ -7,8 +7,11 @@ const mockFetchBalance = vi.fn()
 const mockFetchStatus = vi.fn()
 const mockShowTopUpCreditsDialog = vi.fn()
 const mockExecute = vi.fn()
-const mockT = vi.fn((key: string) => {
+const mockT = vi.fn((key: string, values?: any) => {
   if (key === 'subscription.nextBillingCycle') return 'next billing cycle'
+  if (key === 'subscription.refreshesOn') {
+    return `Refreshes to $${values?.monthlyCreditBonusUsd} on ${values?.date}`
+  }
   return key
 })
 
@@ -65,13 +68,15 @@ describe('useSubscriptionActions', () => {
   describe('refreshTooltip', () => {
     it('should format tooltip with renewal date', () => {
       const { refreshTooltip } = useSubscriptionActions()
-      expect(refreshTooltip.value).toBe('Refreshes on 2024-12-31')
+      expect(refreshTooltip.value).toBe('Refreshes to $10 on 2024-12-31')
     })
 
     it('should use fallback text when no renewal date', () => {
       mockFormattedRenewalDate.value = ''
       const { refreshTooltip } = useSubscriptionActions()
-      expect(refreshTooltip.value).toBe('Refreshes on next billing cycle')
+      expect(refreshTooltip.value).toBe(
+        'Refreshes to $10 on next billing cycle'
+      )
       expect(mockT).toHaveBeenCalledWith('subscription.nextBillingCycle')
     })
   })