From 2ce9ef0d1f1541c873ec2255875aaf622f3e3381 Mon Sep 17 00:00:00 2001
From: Your Name <your.email@example.com>
Date: Wed, 18 Feb 2026 21:23:48 +0800
Subject: [PATCH] fix: stabilize canvas chat viewport spacing on initial load

---
 components/canvas/CanvasChatPanel.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/components/canvas/CanvasChatPanel.tsx b/components/canvas/CanvasChatPanel.tsx
index 027e0ff73..65bef11ee 100644
--- a/components/canvas/CanvasChatPanel.tsx
+++ b/components/canvas/CanvasChatPanel.tsx
@@ -3114,10 +3114,14 @@ export function CanvasChatPanel({ chatId, initialMessages = [], onClose, onOpenF
       <ScrollArea
         className={cn(
           "flex-1 p-4",
-          isDetailGenerationMode && visibleMessages.length === 0 ? "pt-10" : "pt-16"
+          isDetailGenerationMode && visibleMessages.length === 0
+            ? "pt-10"
+            : visibleMessages.length === 0
+              ? "pt-16"
+              : "pt-4"
         )}
       >
-        <div className="space-y-6">
+        <div className="space-y-6 pb-24">
           {!isDetailGenerationMode && visibleMessages.length === 0 && (
             <div className={cn("flex flex-col h-full", isDetailGenerationMode ? "pt-0" : "pt-4")}>
               {/* Greeting */}