From bfd8bc5b9aa14dea3014c245ffbf309ee685d67e Mon Sep 17 00:00:00 2001
From: archipelago <archipelago@localhost>
Date: Wed, 22 Jul 2026 20:02:35 -0400
Subject: [PATCH] fix(wallet): channel funding-tx link uses the explorer flow +
 consent modal above nested modals
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The Channels panel's 'Funding tx in Mempool' link still hardcoded the
local app (missed in the explorer rollout): now it routes like every
other tx link — local Mempool when running, else the saved external
explorer, with the first-time consent modal setting it up and then
opening the tx. The consent modal moves to z-3600 so it renders above
the Wallet Settings modal that can trigger it.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 neode-ui/src/components/ExternalExplorerModal.vue  |  4 ++++
 neode-ui/src/components/LightningChannelsPanel.vue | 10 +++++++---
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/neode-ui/src/components/ExternalExplorerModal.vue b/neode-ui/src/components/ExternalExplorerModal.vue
index 00542a44..59af1d7c 100644
--- a/neode-ui/src/components/ExternalExplorerModal.vue
+++ b/neode-ui/src/components/ExternalExplorerModal.vue
@@ -1,8 +1,12 @@
 <template>
+  <!-- z-3600: this consent prompt can be triggered from INSIDE another
+       modal (e.g. Wallet Settings → Channels → funding tx), so it must sit
+       above the standard modal layer (3000) but below the app overlay (4000). -->
   <BaseModal
     :show="!!explorer.pendingTx.value"
     title="Open on an external explorer?"
     max-width="max-w-md"
+    z-index="z-[3600]"
     @close="explorer.cancelPending()"
   >
     <!-- Same visual language as the uninstall keep-your-data warning: amber
diff --git a/neode-ui/src/components/LightningChannelsPanel.vue b/neode-ui/src/components/LightningChannelsPanel.vue
index fdb09fcc..85984548 100644
--- a/neode-ui/src/components/LightningChannelsPanel.vue
+++ b/neode-ui/src/components/LightningChannelsPanel.vue
@@ -301,7 +301,7 @@
 <script setup lang="ts">
 import { ref, onMounted } from 'vue'
 import { rpcClient } from '@/api/rpc-client'
-import { useAppLauncherStore } from '@/stores/appLauncher'
+import { useTxExplorer } from '@/composables/useTxExplorer'
 
 defineProps<{ compact?: boolean }>()
 
@@ -390,10 +390,14 @@ function fundingTxid(ch: Channel): string {
   return /^[0-9a-fA-F]{64}$/.test(txid) ? txid : ''
 }
 
+const txExplorer = useTxExplorer()
 function openInMempool(txid: string) {
   if (!txid) return
-  // Overlay the explorer above the current page — never navigate away.
-  useAppLauncherStore().openSession('mempool', { path: `/tx/${txid}` })
+  // Same routing as every other tx link (missed in the first pass —
+  // 2026-07-22): local Mempool app when it's running, otherwise the saved
+  // external explorer, with the first-time consent modal setting it up and
+  // then opening the tx.
+  txExplorer.openTx(txid)
 }
 
 function capacityPercent(amount: number, capacity: number): number {