From f2806c9236d35f2427bab8e7928c2683f5e4f4fe Mon Sep 17 00:00:00 2001
From: Your Name <your.email@example.com>
Date: Tue, 17 Feb 2026 14:44:45 +0800
Subject: [PATCH] style: use top space for detail mode workspace

---
 components/canvas/CanvasChatPanel.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/components/canvas/CanvasChatPanel.tsx b/components/canvas/CanvasChatPanel.tsx
index 5bcba07ca..9babbfb54 100644
--- a/components/canvas/CanvasChatPanel.tsx
+++ b/components/canvas/CanvasChatPanel.tsx
@@ -3003,6 +3003,7 @@ export function CanvasChatPanel({ chatId, initialMessages = [], onClose, onOpenF
       <ScrollArea
         className={cn(
           "flex-1 p-4",
+          isDetailGenerationMode && visibleMessages.length === 0 && "hidden",
           isDetailGenerationMode && visibleMessages.length === 0 ? "pt-10" : "pt-16"
         )}
       >
@@ -3312,7 +3313,8 @@ export function CanvasChatPanel({ chatId, initialMessages = [], onClose, onOpenF
           {isDetailGenerationMode && (
             <div
               className={cn(
-                "mx-3 mt-3 overflow-y-auto rounded-2xl border border-black/10 bg-white/95 p-3 pr-2",
+                "mx-3 overflow-y-auto rounded-2xl border border-black/10 bg-white/95 p-3 pr-2",
+                visibleMessages.length === 0 ? "mt-1" : "mt-3",
                 visibleMessages.length === 0 ? "max-h-[62vh]" : "max-h-[54vh]"
               )}
             >