From 88689a7fd30f0004aea74f81d61145c15283f91e Mon Sep 17 00:00:00 2001
From: Patrick Mulligan <patjmulligan@protonmail.com>
Date: Sun, 1 Mar 2026 14:09:48 -0500
Subject: [PATCH] fix(machine): hide status badges during active transactions

The fixed-position BTC price, balance, and connection badges
overlapped with the CashIn/CashOut headers. Now only visible on idle.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 apps/machine/src/App.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/apps/machine/src/App.vue b/apps/machine/src/App.vue
index b089610..df18e8b 100644
--- a/apps/machine/src/App.vue
+++ b/apps/machine/src/App.vue
@@ -89,8 +89,11 @@ function toggleLiveServices() {
     <template v-else>
       <router-view />
 
-      <!-- Connection status + balance (top right) -->
-      <div class="fixed right-6 top-6 z-50 flex flex-wrap items-center justify-end gap-2">
+      <!-- Connection status + balance (top right, idle only) -->
+      <div
+        v-if="atmStore.isIdle"
+        class="fixed right-6 top-6 z-50 flex flex-wrap items-center justify-end gap-2"
+      >
         <Badge
           v-if="formattedBtcPrice"
           class="bg-primary/10 font-mono text-primary border border-primary/30 text-base"