From 8ac23eaf7d73e40abb7e99fd7a5f8e23770d6973 Mon Sep 17 00:00:00 2001
From: ved015 <vedant.04.mahajan@gmail.com>
Date: Mon, 11 May 2026 19:58:20 +0530
Subject: [PATCH] fix: auto-scroll chat during streaming responses

---
 apps/web/components/chat/index.tsx | 39 ++++++++++++++++++++++++++++++
 1 file changed, 39 insertions(+)

diff --git a/apps/web/components/chat/index.tsx b/apps/web/components/chat/index.tsx
index 8ef1d22c..6af3dde3 100644
--- a/apps/web/components/chat/index.tsx
+++ b/apps/web/components/chat/index.tsx
@@ -553,6 +553,45 @@ export function ChatSidebar({
 		checkIfScrolledToBottom()
 	}, [messages, checkIfScrolledToBottom])
 
+	useEffect(() => {
+		const isStreaming = status === "streaming"
+		const lastMessage = messages[messages.length - 1]
+		const isLastMessageFromAssistant = lastMessage?.role === "assistant"
+
+		if (isStreaming && isLastMessageFromAssistant && isScrolledToBottom) {
+			scrollToBottom()
+		}
+	}, [status, messages, isScrolledToBottom, scrollToBottom])
+
+	useEffect(() => {
+		const container = messagesContainerRef.current
+		if (!container) return
+
+		const isStreaming = status === "streaming"
+		if (!isStreaming) return
+
+		const mutationObserver = new MutationObserver(() => {
+			if (isScrolledToBottom) {
+				requestAnimationFrame(() => {
+					scrollToBottom()
+				})
+			}
+		})
+
+		const messagesWrapper = container.firstElementChild
+		if (messagesWrapper) {
+			mutationObserver.observe(messagesWrapper, {
+				childList: true,
+				subtree: true,
+				characterData: true,
+			})
+		}
+
+		return () => {
+			mutationObserver.disconnect()
+		}
+	}, [status, isScrolledToBottom, scrollToBottom])
+
 	// Add scroll event listener to track scroll position
 	useEffect(() => {
 		const container = messagesContainerRef.current