Update breed_recommendation.py

breed_recommendation.py

@@ -199,7 +199,8 @@ def create_recommendation_tab(UserPreferences, get_breed_recommendations, format
 
                 search_status = gr.HTML(
                         '<div id="search-status">🔍 Sniffing out your perfect furry companion...</div>',
-                        visible=False
+                        visible=False,
+                        elem_id="search-status-container"
                     )
 
                 get_recommendations_btn = gr.Button(
@@ -218,6 +219,7 @@ def create_recommendation_tab(UserPreferences, get_breed_recommendations, format
 
         def on_find_match_click(*args):
             try:
+                yield ["", gr.HTML.update(visible=True)]
                 print("Starting breed matching process...")
                 user_prefs = UserPreferences(
                 living_space=args[0],
@@ -267,9 +269,9 @@ def create_recommendation_tab(UserPreferences, get_breed_recommendations, format
                     results=history_results
                 )
 
-                return [
+                yield [
                     format_recommendation_html(recommendations, is_description_search=False),
-                    gr.HTML.update(visible=False)  # 隱藏搜尋狀態
+                    gr.HTML.update(visible=False)
                 ]
 
             except Exception as e:
@@ -279,10 +281,6 @@ def create_recommendation_tab(UserPreferences, get_breed_recommendations, format
                 return ["Error getting recommendations", gr.HTML.update(visible=False)]
                 
         get_recommendations_btn.click(
-            fn=show_loading_status,
-            outputs=search_status,
-            queue=False
-        ).then(
             fn=on_find_match_click,
             inputs=[
                 living_space,
@@ -297,7 +295,8 @@ def create_recommendation_tab(UserPreferences, get_breed_recommendations, format
                 children_age,
                 noise_tolerance
             ],
-            outputs=[recommendation_output, search_status]
+            outputs=[recommendation_output, search_status],
+            queue=True  # 確保異步處理
         )
 
     return {