Onboarding: "Use <addr> for now", address in muted mono

Co-Authored-By: Claude Fable 5 <[email protected]>
Claude-Session: https://claude.ai/code/session_01Wvj4aoeMZwA7VUGdJP9Swi

3 files changed, 7 insertions, 2 deletions

diff --git a/src/app.js b/src/app.js
index 9264197..64d6f0f 100644
--- a/src/app.js
+++ b/src/app.js
@@ -2091,7 +2091,10 @@ function onboardScreen() {
       title(t('onbNameTitle')),
       h('p', { class: 'muted', style: 'margin:0' }, t('onbNameBody')),
       featureHook('namesClaimForm') || h('div', { class: 'row gap6', style: 'align-items:center' }, h('span', { class: 'spinner sm' }), h('span', { class: 'small muted' }, t('onbNameWait'))),
-      addr ? h('button', { class: 'btn-block', onClick: () => { o.step = 'avatar'; render(); } }, t('onbKeepName', { addr })) : null,
+      addr
+        ? h('button', { class: 'btn-block', onClick: () => { o.step = 'avatar'; render(); } },
+            t('onbKeepPre'), h('span', { class: 'onb-addr' }, addr), t('onbKeepPost'))
+        : null,
     ]);
   }
   if (o.step === 'avatar') {
diff --git a/src/i18n.js b/src/i18n.js
index da75fcc..9f43888 100644
--- a/src/i18n.js
+++ b/src/i18n.js
@@ -492,7 +492,8 @@ const STR = {
     onbNameTitle: 'Claim your username',
     onbNameBody: 'Your payment address — people can send you bitcoin with just this.',
     onbNameWait: 'Getting things ready…',
-    onbKeepName: 'Keep {addr} for now',
+    onbKeepPre: 'Use ',
+    onbKeepPost: ' for now',
     onbAvatarTitle: 'Choose your look',
     onbAvatarBody: 'Pick a punk or upload your own picture. You can change it anytime.',
     onbUpload: 'Upload a photo',
diff --git a/src/style.css b/src/style.css
index 78192a3..3a5ab97 100644
--- a/src/style.css
+++ b/src/style.css
@@ -512,3 +512,4 @@ body::after {
 .onb-mark svg { width: 72px; height: 72px; filter: drop-shadow(0 8px 22px rgba(184, 79, 232, .35)); }
 @keyframes mark-float { 50% { transform: translateY(-6px); } }
 @media (prefers-reduced-motion: reduce) { .onb-mark { animation: none; } }
+.onb-addr { color: var(--muted); font-family: var(--mono); font-size: 13px; }