From bb767e0ea65e1a3daaa1c59493a0e1eedf8aa2a3 Mon Sep 17 00:00:00 2001
From: Jiayuan Zhang <forrestchang7@gmail.com>
Date: Fri, 24 Apr 2026 02:00:12 +0800
Subject: [PATCH] fix(chat): prevent chatbox jump when sending first message
 (#1582)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The ChatInput wrapper toggled between pb-8 (empty state) and pb-4
(has messages), causing a 16px vertical jump the moment hasMessages
flipped. EmptyState already centers itself inside flex-1, so the
extra padding wasn't needed — collapse to a single pb-4.

Co-authored-by: Lambda <f252c2c5-7d1d-4f3c-b394-a61abfe673fc@users.noreply.multica.ai>
---
 packages/views/chat/components/chat-page.tsx | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/packages/views/chat/components/chat-page.tsx b/packages/views/chat/components/chat-page.tsx
index e578d0cce..e02d1550e 100644
--- a/packages/views/chat/components/chat-page.tsx
+++ b/packages/views/chat/components/chat-page.tsx
@@ -256,12 +256,7 @@ export function ChatPage() {
           <EmptyState agentName={activeAgent?.name} onPickPrompt={handleSend} />
         )}
 
-        <div
-          className={cn(
-            "mx-auto w-full max-w-3xl pb-4",
-            hasMessages ? "" : "pb-8",
-          )}
-        >
+        <div className="mx-auto w-full max-w-3xl pb-4">
           <ChatInput
             onSend={handleSend}
             onStop={handleStop}