frontend: polish app launch and release experience

neode-ui/src/views/AppSession.vue

@@ -32,6 +32,8 @@
         :must-open-new-tab="mustOpenNewTab"
         :auto-retry-count="autoRetryCount"
         :refresh-key="refreshKey"
+        :blocked-reason="blockedReason"
+        :blocked-title="blockedTitle"
         @iframe-load="onLoad"
         @iframe-error="onError"
         @refresh="refresh"
@@ -101,6 +103,7 @@ import {
   type DisplayMode, DISPLAY_MODE_KEY, NEW_TAB_APPS, IFRAME_BLOCKED_APPS,
   resolveAppUrl, resolveAppTitle,
 } from './appSession/appSessionConfig'
+import { launchBlockedReason } from './apps/appsConfig'
 import { useAppIdentity } from './appSession/useAppIdentity'
 import { useNostrBridge } from './appSession/useNostrBridge'
 
@@ -147,6 +150,9 @@ const appId = computed(() => {
 })
 
 const appTitle = computed(() => resolveAppTitle(appId.value))
+const packageEntry = computed(() => store.data?.['package-data']?.[appId.value] || null)
+const blockedReason = computed(() => launchBlockedReason(appId.value, packageEntry.value))
+const blockedTitle = computed(() => appId.value === 'fedimint' || appId.value === 'fedimintd' ? 'Waiting for Bitcoin sync' : 'App not ready')
 const isMobile = typeof window !== 'undefined' && window.innerWidth < 768
 const mustOpenNewTab = computed(() => NEW_TAB_APPS.has(appId.value))
 const screensaverReason = computed(() => `app-session:${appId.value}`)
@@ -344,8 +350,9 @@ watch(displayMode, (mode) => {
 })
 
 onMounted(() => {
-  // Apps that block iframes open externally instead of landing in a broken webview.
-  if (mustOpenNewTab.value && appUrl.value) {
+  // Apps that block iframes open externally on desktop. On mobile, keep the
+  // session surface visible so launcher taps do not bounce straight out.
+  if (mustOpenNewTab.value && appUrl.value && !isMobile) {
     window.open(appUrl.value, '_blank', 'noopener,noreferrer')
     if (isInlinePanel.value) emit('close')
     else closeRouteSession()
@@ -355,7 +362,7 @@ onMounted(() => {
   window.addEventListener('keydown', onKeyDown, true)
   window.addEventListener('message', onMessage)
   document.addEventListener('fullscreenchange', onFullscreenChange)
-  if (IFRAME_BLOCKED_APPS.has(appId.value)) {
+  if (IFRAME_BLOCKED_APPS.has(appId.value) || (mustOpenNewTab.value && isMobile)) {
     loading.value = false
     iframeBlocked.value = true
   } else {