From bfe6ee7f93d294e430718a91c96aef815ee6935a Mon Sep 17 00:00:00 2001
From: Adam Soltys <adam@coinos.io>
Date: Sun, 30 Aug 2026 22:32:45 -0700
Subject: The phone's Back button closes a payment's details instead of
 teleporting to the last tab: the ark move/exit and gift detail views join
 NAV_FIELDS (an on-chain txDetail always had an entry; the ark rows — most
 Spending payments — minted none, so Back skipped the history list entirely),
 and their in-app Back buttons pop that entry rather than pushing another
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01MrkLsNScXe9b6BviUSdmMr
---
 src/app.js            | 6 +++++-
 src/features/ark.js   | 4 ++--
 src/features/gifts.js | 2 +-
 3 files changed, 8 insertions(+), 4 deletions(-)

(limited to 'src')

diff --git a/src/app.js b/src/app.js
index 3fb985f..0772d42 100644
--- a/src/app.js
+++ b/src/app.js
@@ -534,7 +534,11 @@ wallet.subscribe(scheduleRender);
 // buttons (and Android/system back) move between screens we've actually viewed.
 // We snapshot only the navigation-relevant `ui` fields, so incidental re-renders
 // (typing, polling, balance updates) don't create history entries.
-const NAV_FIELDS = ['screen', 'tab', 'txDetail', 'bump', 'giftMode', 'claimStep', 'chatOpen', 'msgView', 'msgCommunity', 'msgPeer', 'profilePk', 'settingsPage', 'nameEditOpen', 'noteThread', 'userSearch', 'zapSetup', 'hatShop'];
+// arkMoveDetail/arkExitDetail/giftDetail are the ark and gift rows' detail
+// views — most Spending payments open one of these, and leaving them out
+// meant the phone's native Back skipped past the history list entirely
+// (it landed on whatever tab minted the previous entry).
+const NAV_FIELDS = ['screen', 'tab', 'txDetail', 'arkMoveDetail', 'arkExitDetail', 'giftDetail', 'bump', 'giftMode', 'claimStep', 'chatOpen', 'msgView', 'msgCommunity', 'msgPeer', 'profilePk', 'settingsPage', 'nameEditOpen', 'noteThread', 'userSearch', 'zapSetup', 'hatShop'];
 function navSnapshot() {
   const s = {};
   for (const f of NAV_FIELDS) s[f] = ui[f] ?? null;
diff --git a/src/features/ark.js b/src/features/ark.js
index bacf49e..ace0ea7 100644
--- a/src/features/ark.js
+++ b/src/features/ark.js
@@ -1006,7 +1006,7 @@ export function arkFeature(ctx) {
         ui.arkExitDetail = null;
         render();
       } }, t('arkExitCancel')) : null,
-      h('button', { class: 'btn-ghost btn-block', onClick: () => { ui.arkExitDetail = null; render(); } }, t('back')));
+      h('button', { class: 'btn-ghost btn-block', onClick: () => ctx.goBack(() => { ui.arkExitDetail = null; }) }, t('back')));
   }
 
   function arkMoveDetailView(m) {
@@ -1081,7 +1081,7 @@ export function arkFeature(ctx) {
               h('a', { class: 'btn btn-sm', href: url, target: '_blank', rel: 'noopener', onClick: (e) => { e.preventDefault(); openExternal(url); } }, t('viewOnMempool'))))
         : null,
       m.to ? copyBtn(m.to, t('copyAddress')) : null,
-      h('button', { class: 'btn-ghost btn-block', onClick: () => { ui.arkMoveDetail = null; render(); } }, t('back'))
+      h('button', { class: 'btn-ghost btn-block', onClick: () => ctx.goBack(() => { ui.arkMoveDetail = null; }) }, t('back'))
     );
   }
 
diff --git a/src/features/gifts.js b/src/features/gifts.js
index 3b094d1..a73bfe9 100644
--- a/src/features/gifts.js
+++ b/src/features/gifts.js
@@ -739,7 +739,7 @@ export function giftsFeature(ctx) {
     const created = (wallet.loaded && (wallet.giftRecords()[g.id] || {}).created) || g.created;
     const rec = g.claimed ? null : wallet.giftLink(g.id);
     const line = (k, v) => h('div', { class: 'line' }, h('span', { class: 'k' }, k), h('span', { class: 'v' }, v));
-    const back = () => { ui.giftDetail = null; ui.revokeId = null; render(); };
+    const back = () => { ui.revokeId = null; ctx.goBack(() => { ui.giftDetail = null; }); };
     return h(
       'div',
       { class: 'card col' },
-- 
cgit v1.2.3