From 7f15e7ebe387208d5d6b2d6d74955969ea4a15e9 Mon Sep 17 00:00:00 2001
From: Mohamed Boudra <boudra.moha@gmail.com>
Date: Fri, 24 Oct 2025 11:19:58 +0200
Subject: [PATCH] fix: remove gap between status bar and realtime controls in
 agent mode
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Only apply bottom padding to footer container when NOT in realtime mode
- When realtime is active, GlobalFooter handles the bottom padding
- This eliminates the large gap between status bar and realtime controls

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 packages/app/src/app/agent/[id].tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/app/src/app/agent/[id].tsx b/packages/app/src/app/agent/[id].tsx
index cacb88bfd..85fde7cb0 100644
--- a/packages/app/src/app/agent/[id].tsx
+++ b/packages/app/src/app/agent/[id].tsx
@@ -64,7 +64,7 @@ export default function AgentScreen() {
         />
 
         {/* Footer area - status bar + controls */}
-        <View style={[styles.footerContainer, { paddingBottom: insets.bottom }]}>
+        <View style={[styles.footerContainer, !isRealtimeMode && { paddingBottom: insets.bottom }]}>
           {/* Status bar - always visible, floating above controls */}
           <AgentStatusBar agentId={id!} />