Update breed_recommendation.py

breed_recommendation.py

@@ -460,40 +460,30 @@ def create_recommendation_tab(UserPreferences, get_breed_recommendations, format
                 ]
         
                 # 顯示初始加載訊息
-                yield gr.HTML("""
-                    <div style="
-                        text-align: center;
-                        padding: 20px;
-                        background: rgba(255, 255, 255, 0.9);
-                        border-radius: 12px;
-                        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
-                        margin: 20px 0;
-                    ">
-                        <div style="font-size: 1.1em; color: #4a5568; margin-bottom: 10px;">
-                            {}
-                        </div>
+                for message in loading_messages:
+                    yield gr.HTML("""
                         <div style="
-                            width: 100%;
-                            height: 4px;
-                            background: #f0f0f0;
-                            border-radius: 2px;
-                            overflow: hidden;
+                            text-align: center;
+                            padding: 20px;
+                            background: rgba(255, 255, 255, 0.9);
+                            border-radius: 12px;
+                            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
+                            margin: 20px 0;
                         ">
-                            <div style="
-                                width: 30%;
-                                height: 100%;
-                                background: linear-gradient(to right, #ff8c42, #ff6b2b);
-                                animation: progress 2s infinite linear;
-                            "></div>
+                            <div style="font-size: 1.1em; color: #4a5568; margin-bottom: 10px;">
+                                {message}
+                            </div>
+                            <div style="width: 100%; height: 4px; background: #f0f0f0; border-radius: 2px; overflow: hidden;">
+                                <div style="
+                                    width: 30%;
+                                    height: 100%;
+                                    background: linear-gradient(to right, #ff8c42, #ff6b2b);
+                                    animation: progress 2s infinite linear;
+                                "></div>
+                            </div>
                         </div>
-                    </div>
-                    <style>
-                        @keyframes progress {{
-                            0% {{ transform: translateX(-100%); }}
-                            100% {{ transform: translateX(400%); }}
-                        }}
-                    </style>
-                """.format(loading_messages[0]))
+                    """.format(message=message))
+                    await asyncio.sleep(1)  # 每個訊息顯示1秒
 
                 user_prefs = UserPreferences(
                 living_space=args[0],
@@ -543,13 +533,19 @@ def create_recommendation_tab(UserPreferences, get_breed_recommendations, format
                     results=history_results
                 )
 
-                return format_recommendation_html(recommendations, is_description_search=False)
+                final_result = format_recommendation_html(recommendations, is_description_search=False)
+                return final_result
 
             except Exception as e:
                 print(f"Error in find match: {str(e)}")
                 import traceback
                 print(traceback.format_exc())
-                return "Error getting recommendations"
+                return gr.HTML("""
+                    <div style="padding: 20px; background: #FEE2E2; border-radius: 8px; color: #991B1B;">
+                        <p style="margin: 0; font-weight: 500;">Sorry, we encountered an error while processing your request.</p>
+                        <p style="margin: 5px 0 0 0; font-size: 0.9em;">Please try again or contact support if the problem persists.</p>
+                    </div>
+                """)
         
 
         get_recommendations_btn.click(
@@ -568,7 +564,8 @@ def create_recommendation_tab(UserPreferences, get_breed_recommendations, format
                 noise_tolerance
             ],
             outputs=recommendation_output,
-            api_name=False  # 支持生成器功能
+            api_name=False,
+            queue=True
         )
 
     return {