From 13f59102b9b304919cee88c4c6ab07d77504a28d Mon Sep 17 00:00:00 2001 From: Mohamed Boudra Date: Fri, 24 Oct 2025 11:41:52 +0200 Subject: [PATCH] fix: remove excessive bottom padding causing gap between status bar and controls MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The animated keyboard style was adding FOOTER_HEIGHT + insets.bottom as padding, creating a massive gap. Removed footer height from padding calculation - keyboard padding only needs to account for keyboard height, not footer. Fixed by Codex. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude --- packages/app/src/app/agent/[id].tsx | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/packages/app/src/app/agent/[id].tsx b/packages/app/src/app/agent/[id].tsx index faf7371da..1cd3a6347 100644 --- a/packages/app/src/app/agent/[id].tsx +++ b/packages/app/src/app/agent/[id].tsx @@ -10,7 +10,7 @@ import { AgentStreamView } from "@/components/agent-stream-view"; import { AgentInputArea } from "@/components/agent-input-area"; import { AgentStatusBar } from "@/components/agent-status-bar"; import { useSession } from "@/contexts/session-context"; -import { FOOTER_HEIGHT, useFooterControls } from "@/contexts/footer-controls-context"; +import { useFooterControls } from "@/contexts/footer-controls-context"; export default function AgentScreen() { const { theme } = useUnistyles(); @@ -21,14 +21,13 @@ export default function AgentScreen() { // Keyboard animation const { height: keyboardHeight } = useReanimatedKeyboardAnimation(); - const footerHeight = FOOTER_HEIGHT + insets.bottom; const bottomInset = insets.bottom; const animatedKeyboardStyle = useAnimatedStyle(() => { "worklet"; const absoluteHeight = Math.abs(keyboardHeight.value); const padding = Math.max(0, absoluteHeight - bottomInset); return { - paddingBottom: footerHeight + padding, + paddingBottom: padding, }; });