From 67b5adbde558f47cc3522ad01997e4589272bc6c Mon Sep 17 00:00:00 2001
From: Bohdan Triapitsyn <artmore@protonmail.com>
Date: Wed, 4 Mar 2026 11:28:16 +0200
Subject: [PATCH] fix: keep footer row pinned in focus mode input

Add flex-1 min-h-0 to textarea wrapper so it constrains within expanded layout
Add flex-shrink-0 to footer row to prevent it from being pushed off-screen
---
 packages/ui/src/components/chat/ChatInput.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/ui/src/components/chat/ChatInput.tsx b/packages/ui/src/components/chat/ChatInput.tsx
index dab1cbe3..fd0033b6 100644
--- a/packages/ui/src/components/chat/ChatInput.tsx
+++ b/packages/ui/src/components/chat/ChatInput.tsx
@@ -2625,7 +2625,7 @@ export const ChatInput: React.FC<ChatInputProps> = ({ onOpenSettings, scrollToBo
                                 : undefined}
                         />
                     )}
-                    <div className="relative overflow-hidden">
+                    <div className={cn("relative overflow-hidden", isDesktopExpanded && 'flex-1 min-h-0')}>
                         {highlightedComposerContent && (
                             <div
                                 aria-hidden
@@ -2706,7 +2706,7 @@ export const ChatInput: React.FC<ChatInputProps> = ({ onOpenSettings, scrollToBo
                     </div>
                     <div
                         className={cn(
-                            'bg-transparent',
+                            'bg-transparent flex-shrink-0',
                             footerPaddingClass,
                             isMobile ? 'flex items-center gap-x-1.5' : cn('flex items-center justify-between', footerGapClass)
                         )}