diff --git a/packages/ai-credits-widget/src/components/buy/GenerateSignerKeyPanel.tsx b/packages/ai-credits-widget/src/components/buy/GenerateSignerKeyPanel.tsx
index e745295a..5e20e2f8 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 (
-
-
-
- {index}
+
+
+
+
+ {index}
+
+
+
+ {title}
-
-
- {title}
-
-
+
+ {note && (
+
+ {note}
+
+ )}
+
)
}
@@ -92,7 +108,12 @@ export function GenerateSignerKeyPanel({
-
+
+
@@ -104,13 +125,6 @@ export function GenerateSignerKeyPanel({
-
-
- Back up any existing AntSeed signer key before importing this one. Importing replaces
- the signer used by your AntSeed account.
-
-
-
{onOpenApiSetup && (
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
AI Credits
-
+
{totalCreditDisplay !== null ? (
{totalCreditDisplay}
) : (
@@ -197,7 +197,7 @@ export function CreditsManagementCard({ state, actions }: CreditsManagementCardP
-
+
@@ -206,7 +206,7 @@ export function CreditsManagementCard({ state, actions }: CreditsManagementCardP
-
+
{totalBonusDisplay !== null ? (
{totalBonusDisplay}
) : (