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} ) : (