Boarding UX: label the funding tx and show an in-flight ark balance

The board's on-chain send showed as a generic 'Sent' and the sats
vanished from the balance until the vtxo registered. The funding tx now
reads 'Ark board' in History (with a detail section showing the net
credit), and an 'Ark (boarding…)' line carries the pending amount from
broadcast until the board completes.

Co-Authored-By: Claude Fable 5 <[email protected]>

1 files changed, 25 insertions, 2 deletions

diff --git a/src/features/ark.js b/src/features/ark.js
index ca718ee..6584dc7 100644
--- a/src/features/ark.js
+++ b/src/features/ark.js
@@ -453,8 +453,31 @@ export function arkFeature(ctx) {
     },
     balanceLines() {
       const b = arkBalance();
-      if (!b || (b.spendableSat + b.pendingSat) <= 0) return [];
-      return [{ label: t('arkBalance'), sat: b.spendableSat + b.pendingSat }];
+      if (!b) return [];
+      const lines = [];
+      if (b.spendableSat + b.pendingSat > 0) lines.push({ label: t('arkBalance'), sat: b.spendableSat + b.pendingSat });
+      // A board in flight: the sats already left the on-chain balance, so show
+      // where they went instead of having them silently disappear.
+      if (b.boardingSat > 0) lines.push({ label: t('arkBoarding'), sat: b.boardingSat });
+      return lines;
+    },
+    decorateTxRow(tx) {
+      if (tx.net >= 0 || !ark || !ark.state) return null;
+      const a = ark.state.actions.find((x) => x.type === 'board' && x.fundingTxid === tx.txid);
+      if (!a) return null;
+      return { icon: '⚔', label: h('span', {}, t('arkBoardHistory')) };
+    },
+    txDetailSection(tx) {
+      if (!ark || !ark.state) return null;
+      const a = ark.state.actions.find((x) => x.type === 'board' && x.fundingTxid === tx.txid);
+      if (!a) return null;
+      const done = a.step === 'done';
+      return h('div', { class: 'summary col', style: 'gap:0' },
+        h('div', { style: 'font-weight:600;margin:12px 0 2px' }, '⚔ ' + t('arkBoardHistory')),
+        h('div', { class: 'line' },
+          h('span', { class: 'k' }, t('arkBalance')),
+          h('span', { class: 'v' }, '+' + fmtAmount(a.amountSat - a.feeSat) + ' ' + unitLabel())),
+        done ? null : h('div', { class: 'small muted', style: 'margin-top:2px' }, t('arkBoardedNote')));
     },
     settingsCards() { return [arkCard()]; },
   };