Ark: 'Sent!' screen matches the receive celebration

Tap anywhere to proceed instead of a Done button, and the sent amount
shows in red (amount-neg) rather than green.

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

2 files changed, 9 insertions, 3 deletions

diff --git a/src/app.js b/src/app.js
index efb0bc4..e024e06 100644
--- a/src/app.js
+++ b/src/app.js
@@ -3577,11 +3577,15 @@ function arkSendReview() {
   if (ui.arkSent) {
     return h(
       'div',
-      { class: 'card col', style: 'align-items:center;text-align:center;gap:14px;padding:40px 20px' },
+      {
+        class: 'card col',
+        style: 'align-items:center;text-align:center;gap:14px;cursor:pointer;padding:48px 20px',
+        onClick: () => { ui.arkSent = null; ui.send = blankSend(); render(); },
+      },
       h('div', { class: 'check-badge' }, '✓'),
       h('h2', { style: 'margin:0' }, t('arkSentTitle')),
-      h('div', { class: 'amount-pos', style: 'font-size:18px' }, '-' + fmtAmount(ui.arkSent.amountSat) + ' ' + unitLabel()),
-      h('button', { class: 'btn-primary btn-block', onClick: () => { ui.arkSent = null; ui.send = blankSend(); render(); } }, t('done'))
+      h('div', { class: 'amount-neg', style: 'font-size:18px' }, '-' + fmtAmount(ui.arkSent.amountSat) + ' ' + unitLabel()),
+      h('div', { class: 'small muted' }, t('tapToProceed'))
     );
   }
   const a = ui.arkSend;
diff --git a/tools/ark/ui-test.js b/tools/ark/ui-test.js
index a3de1c1..232e742 100644
--- a/tools/ark/ui-test.js
+++ b/tools/ark/ui-test.js
@@ -133,6 +133,8 @@ try {
   await clickText('button.btn-primary', 'Send');
   check('sent view', await waitText('Sent!', 15000));
   check('alice +7000', aliceBalance() === before + 7000, String(aliceBalance() - before));
+  await clickText('.card', 'Sent!'); // tap anywhere to proceed
+  await sleep(300);
 
   // history shows both ark movements
   await clickText('.tabs button', 'History');