From 3bcadbe6733b6aed93af7ebc903a8e923b4a0664 Mon Sep 17 00:00:00 2001
From: twwu <twwu@dify.ai>
Date: Mon, 27 Oct 2025 11:42:00 +0800
Subject: [PATCH] refactor: enhance loading state handling for RAG tool
 recommendations by introducing isLoadingRAGRecommendedPlugins

---
 .../block-selector/rag-tool-recommendations/index.tsx       | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/web/app/components/workflow/block-selector/rag-tool-recommendations/index.tsx b/web/app/components/workflow/block-selector/rag-tool-recommendations/index.tsx
index 4406690e57..eecd874335 100644
--- a/web/app/components/workflow/block-selector/rag-tool-recommendations/index.tsx
+++ b/web/app/components/workflow/block-selector/rag-tool-recommendations/index.tsx
@@ -26,6 +26,7 @@ const RAGToolRecommendations = ({
 
   const {
     data: ragRecommendedPlugins,
+    isLoading: isLoadingRAGRecommendedPlugins,
     isFetching: isFetchingRAGRecommendedPlugins,
   } = useRAGRecommendedPlugins()
 
@@ -54,7 +55,8 @@ const RAGToolRecommendations = ({
       <div className='system-xs-medium px-3 pb-0.5 pt-1 text-text-tertiary'>
         {t('pipeline.ragToolSuggestions.title')}
       </div>
-      {isFetchingRAGRecommendedPlugins && (
+      {/* For first time loading, show loading */}
+      {isLoadingRAGRecommendedPlugins && (
         <div className='py-2'>
           <Loading type='app' />
         </div>
@@ -76,7 +78,7 @@ const RAGToolRecommendations = ({
           />
         </p>
       )}
-      {!isFetchingRAGRecommendedPlugins && (recommendedPlugins.length > 0 || unInstalledPlugins.length > 0) && (
+      {(recommendedPlugins.length > 0 || unInstalledPlugins.length > 0) && (
         <>
           <List
             tools={recommendedPlugins}