From a9b95b35da9dc395a207067606ba0c6fc98ac1f8 Mon Sep 17 00:00:00 2001
From: blueogin <grilucosy@gmail.com>
Date: Tue, 6 Oct 2026 12:09:38 -0400
Subject: [PATCH 1/2] refactor: update labels for clarity in
 CreditsManagementCard and enhance NumberedStep component

---
 .../components/buy/GenerateSignerKeyPanel.tsx | 59 +++++++++++++------
 .../manage/CreditsManagementCard.tsx          |  6 +-
 2 files changed, 43 insertions(+), 22 deletions(-)

diff --git a/packages/ai-credits-widget/src/components/buy/GenerateSignerKeyPanel.tsx b/packages/ai-credits-widget/src/components/buy/GenerateSignerKeyPanel.tsx
index e745295a..0eb068d7 100644
--- a/packages/ai-credits-widget/src/components/buy/GenerateSignerKeyPanel.tsx
+++ b/packages/ai-credits-widget/src/components/buy/GenerateSignerKeyPanel.tsx
@@ -21,26 +21,42 @@ interface GenerateSignerKeyPanelProps {
 }
 
 /** Numbered heading, so each screen reads as a short ordered list. */
-function NumberedStep({ index, title }: { index: number; title: string }) {
+function NumberedStep({
+  index,
+  title,
+  note,
+}: {
+  index: number
+  title: string
+  /** Caveat shown under the title, aligned with it rather than the number. */
+  note?: string
+}) {
   return (
-    <XStack gap="$2" alignItems="center">
-      <YStack
-        width={24}
-        height={24}
-        borderRadius="$full"
-        backgroundColor="$backgroundSurface"
-        alignItems="center"
-        justifyContent="center"
-        flexShrink={0}
-      >
-        <Text fontSize="$1" fontWeight="700">
-          {index}
+    <YStack gap="$1">
+      <XStack gap="$2" alignItems="center">
+        <YStack
+          width={24}
+          height={24}
+          borderRadius="$full"
+          backgroundColor="$backgroundSurface"
+          alignItems="center"
+          justifyContent="center"
+          flexShrink={0}
+        >
+          <Text fontSize="$1" fontWeight="700">
+            {index}
+          </Text>
+        </YStack>
+        <Text fontSize="$3" fontWeight="700">
+          {title}
         </Text>
-      </YStack>
-      <Text fontSize="$3" fontWeight="700">
-        {title}
-      </Text>
-    </XStack>
+      </XStack>
+      {note && (
+        <Text marginLeft={32} fontSize="$2" color="$warning" fontStyle="italic" lineHeight="$3">
+          {note}
+        </Text>
+      )}
+    </YStack>
   )
 }
 
@@ -92,7 +108,12 @@ export function GenerateSignerKeyPanel({
         <YStack gap="$2">
           <NumberedStep index={1} title="Open Antseed Desktop" />
           <NumberedStep index={2} title="Go to Profile → Signer" />
-          <NumberedStep index={3} title="Tap ↑, paste your Signer Private Key, and save" />
+          <NumberedStep
+            index={3}
+            title="Back up your existing Signer Key"
+            note="⚠️ Tap ↓ to back up your existing signer key. Importing a new signer key will replace it."
+          />
+          <NumberedStep index={4} title="Tap ↑ to paste your Signer Key, then save." />
         </YStack>
 
         <AntseedSignerRow mode="generate" showCaption={false} />
diff --git a/packages/ai-credits-widget/src/components/manage/CreditsManagementCard.tsx b/packages/ai-credits-widget/src/components/manage/CreditsManagementCard.tsx
index e1cb8eb9..38bf14b2 100644
--- a/packages/ai-credits-widget/src/components/manage/CreditsManagementCard.tsx
+++ b/packages/ai-credits-widget/src/components/manage/CreditsManagementCard.tsx
@@ -178,7 +178,7 @@ export function CreditsManagementCard({ state, actions }: CreditsManagementCardP
       <Heading level={6}>AI Credits</Heading>
 
       <StatRow>
-        <StatCell label="Total Credit (US$)">
+        <StatCell label="Credit balance (US$)">
           {totalCreditDisplay !== null ? (
             <StatValueText fontSize="$5">{totalCreditDisplay}</StatValueText>
           ) : (
@@ -197,7 +197,7 @@ export function CreditsManagementCard({ state, actions }: CreditsManagementCardP
       </StatRow>
 
       <StatRow>
-        <StatCell label="Total Deposited (G$)">
+        <StatCell label="Deposited (G$)">
           <CompactGStatValue amount={totalGdDepositedG ?? '0.00'} />
         </StatCell>
         <StatCell label="Monthly Stream (G$)">
@@ -206,7 +206,7 @@ export function CreditsManagementCard({ state, actions }: CreditsManagementCardP
       </StatRow>
 
       <StatRow>
-        <StatCell label="Bonus Earned (US$)">
+        <StatCell label="Bonus (US$)">
           {totalBonusDisplay !== null ? (
             <StatValueText>{totalBonusDisplay}</StatValueText>
           ) : (

From 38c9ecb374206628322705627f27d7a1b1cc7fef Mon Sep 17 00:00:00 2001
From: blueogin <grilucosy@gmail.com>
Date: Tue, 6 Oct 2026 15:42:38 -0400
Subject: [PATCH 2/2] refactor: remove redundant warning message in
 GenerateSignerKeyPanel

---
 .../src/components/buy/GenerateSignerKeyPanel.tsx          | 7 -------
 1 file changed, 7 deletions(-)

diff --git a/packages/ai-credits-widget/src/components/buy/GenerateSignerKeyPanel.tsx b/packages/ai-credits-widget/src/components/buy/GenerateSignerKeyPanel.tsx
index 0eb068d7..5e20e2f8 100644
--- a/packages/ai-credits-widget/src/components/buy/GenerateSignerKeyPanel.tsx
+++ b/packages/ai-credits-widget/src/components/buy/GenerateSignerKeyPanel.tsx
@@ -125,13 +125,6 @@ export function GenerateSignerKeyPanel({
           </Text>
         </AiCreditsStatusNotice>
 
-        <AiCreditsStatusNotice borderColor="$warning">
-          <Text color="$warning" fontSize="$2" lineHeight="$3">
-            Back up any existing AntSeed signer key before importing this one. Importing replaces
-            the signer used by your AntSeed account.
-          </Text>
-        </AiCreditsStatusNotice>
-
         {onOpenApiSetup && (
           <XStack gap="$2" alignItems="center">
             <Icon name="settings" size="xs" color="muted" />