From 489d27f817fd9728d20fd1eadafe182812af7b37 Mon Sep 17 00:00:00 2001
From: qiuqiua <819110812@qq.com>
Date: Tue, 27 Jan 2026 19:54:01 +0800
Subject: [PATCH] feat: vibe wf fix loading clean (#31601)

---
 .../components/workflow/panel/vibe-panel/index.tsx   | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/web/app/components/workflow/panel/vibe-panel/index.tsx b/web/app/components/workflow/panel/vibe-panel/index.tsx
index 2826c7d33f..f2f9440d99 100644
--- a/web/app/components/workflow/panel/vibe-panel/index.tsx
+++ b/web/app/components/workflow/panel/vibe-panel/index.tsx
@@ -273,6 +273,11 @@ const VibePanel: FC = () => {
           </div>
         </div>
 
+        {isVibeGenerating && (
+          <div className="h-full w-0 grow bg-background-default-subtle">
+            {renderLoading}
+          </div>
+        )}
         {!isVibeGenerating && vibePanelIntent === 'off_topic' && renderOffTopic}
         {!isVibeGenerating && vibePanelIntent !== 'off_topic' && (vibePanelPreviewNodes.length > 0 || vibePanelMermaidCode) && (
           <div className="relative h-full w-0 grow bg-background-default-subtle p-6 pb-0">
@@ -316,13 +321,6 @@ const VibePanel: FC = () => {
                 />
               </div>
             </div>
-
-            {isVibeGenerating && (
-              <div className="absolute bottom-0 left-0 right-0 top-0 z-[10] bg-background-default-subtle">
-                {renderLoading}
-              </div>
-            )}
-
           </div>
         )}
         {!isVibeGenerating && vibePanelIntent !== 'off_topic' && vibePanelPreviewNodes.length === 0 && !vibePanelMermaidCode && <ResPlaceholder />}