From 814f448cb02a8d08322d462e2e2fa9eaf0f85150 Mon Sep 17 00:00:00 2001
From: Dayuan Jiang <34411969+DayuanJiang@users.noreply.github.com>
Date: Sun, 4 Jan 2026 11:28:24 +0900
Subject: [PATCH] fix: disable new chat button during streaming (#501)

---
 components/chat-panel.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/components/chat-panel.tsx b/components/chat-panel.tsx
index 61e3611..7aa28a5 100644
--- a/components/chat-panel.tsx
+++ b/components/chat-panel.tsx
@@ -1150,7 +1150,10 @@ export default function ChatPanel({
                     <button
                         type="button"
                         onClick={handleNewChat}
-                        className="flex items-center gap-2 overflow-x-hidden hover:opacity-80 transition-opacity cursor-pointer"
+                        disabled={
+                            status === "streaming" || status === "submitted"
+                        }
+                        className="flex items-center gap-2 overflow-x-hidden hover:opacity-80 transition-opacity cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed"
                         title={dict.nav.newChat}
                     >
                         <div className="flex items-center gap-2">
@@ -1178,7 +1181,10 @@ export default function ChatPanel({
                             variant="ghost"
                             size="icon"
                             onClick={handleNewChat}
-                            className="hover:bg-accent"
+                            disabled={
+                                status === "streaming" || status === "submitted"
+                            }
+                            className="hover:bg-accent disabled:opacity-50 disabled:cursor-not-allowed"
                         >
                             <MessageSquarePlus
                                 className={`${isMobile ? "h-4 w-4" : "h-5 w-5"} text-muted-foreground`}