From 8095a75b5f6e7804735e77cbebb4a368ee73bfc4 Mon Sep 17 00:00:00 2001
From: xintaofei <itpkcn@gmail.com>
Date: Wed, 22 Apr 2026 21:25:09 +0800
Subject: [PATCH] fix(conversation-detail-panel): keep tab subtree mounted
 across tile-mode layout switch

---
 .../conversation-detail-panel.tsx             | 22 +++++++++++++------
 1 file changed, 15 insertions(+), 7 deletions(-)

diff --git a/src/components/conversations/conversation-detail-panel.tsx b/src/components/conversations/conversation-detail-panel.tsx
index 1a09997..83080c9 100644
--- a/src/components/conversations/conversation-detail-panel.tsx
+++ b/src/components/conversations/conversation-detail-panel.tsx
@@ -1433,13 +1433,21 @@ export function ConversationDetailPanel() {
           className="relative h-full min-h-0 overflow-hidden"
           onPointerDown={handleContextMenuTriggerPointerDown}
         >
-          {canTile ? (
-            <ScrollArea x="scroll" y="hidden" className="h-full w-full">
-              <div className="flex h-full flex-row">{tabElements}</div>
-            </ScrollArea>
-          ) : (
-            tabElements
-          )}
+          {/* Stable wrapper across canTile flip — otherwise sibling tabs remount and a live streaming response is torn down. */}
+          <ScrollArea
+            x={canTile ? "scroll" : "hidden"}
+            y="hidden"
+            className="h-full w-full"
+          >
+            <div
+              className={cn(
+                "relative h-full",
+                canTile && "flex min-w-full flex-row"
+              )}
+            >
+              {tabElements}
+            </div>
+          </ScrollArea>
         </div>
       </ContextMenuTrigger>
       <ContextMenuContent>