From 35b190011a35f6660ecc57926d4f882623f19310 Mon Sep 17 00:00:00 2001
From: Your Name <your.email@example.com>
Date: Tue, 3 Feb 2026 19:50:11 +0800
Subject: [PATCH] fix: align canvas loading placeholder with start marker

Only show the image loading placeholder after the generation-start marker and avoid overlapping with the thinking state.
---
 components/canvas/CanvasChatPanel.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/canvas/CanvasChatPanel.tsx b/components/canvas/CanvasChatPanel.tsx
index abd3406..f50c29f 100644
--- a/components/canvas/CanvasChatPanel.tsx
+++ b/components/canvas/CanvasChatPanel.tsx
@@ -1071,7 +1071,7 @@ export function CanvasChatPanel({ chatId, initialMessages = [], onClose, onOpenF
     )
   );
   const currentModel = allModels.find(m => m.id === selectedModelId);
-  const shouldShowImageLoading = (isLoading || hasGeneratingMarker) && !!currentModel;
+  const shouldShowImageLoading = hasGeneratingMarker && !!currentModel;
   const loadingImageCount = imageParams.imageCount || 1;
 
   return (
@@ -1353,7 +1353,7 @@ export function CanvasChatPanel({ chatId, initialMessages = [], onClose, onOpenF
             />
           )}
           
-          {isLoading && (
+          {isLoading && !shouldShowImageLoading && (
             <div className="flex gap-3">
               <Avatar className="h-8 w-8 shrink-0 border shadow-sm">
                 <AvatarFallback className="bg-muted text-foreground">