Update description_search_ui.py

description_search_ui.py

@@ -281,7 +281,7 @@ def create_description_search_tab() -> gr.Column:
         # 描述輸入區
         description_input = gr.Textbox(
             label="",
-            placeholder="Example: I'm looking for a medium-sized, friendly dog that's good with kids. I live in an apartment and can provide moderate exercise. Looking for an intelligent breed that's easy to train...",
+            placeholder="Example: I'm looking for a medium-sized, friendly dog that's good with kids...",
             lines=5
         )
         
@@ -292,29 +292,10 @@ def create_description_search_tab() -> gr.Column:
             size="lg"
         )
 
-        # 加載狀態和結果區域
-        with gr.Column() as output_area:
-            loading_info = gr.HTML(visible=False, value="""
-                <div style="text-align: center; padding: 2rem;">
-                    <div style="display: inline-block; width: 40px; height: 40px; border: 4px solid #f3f3f3; 
-                         border-top: 4px solid #3498db; border-radius: 50%; margin-bottom: 1rem;
-                         animation: spin 1s linear infinite;">
-                    </div>
-                    <style>
-                        @keyframes spin {
-                            0% { transform: rotate(0deg); }
-                            100% { transform: rotate(360deg); }
-                        }
-                    </style>
-                    <p style="color: #666; margin: 10px 0;">Finding your perfect match...</p>
-                    <p style="color: #888; font-size: 0.9em;">This usually takes 15-20 seconds</p>
-                    <div style="color: #888; font-size: 0.9em; margin-top: 10px;">
-                        <p>✓ Analyzing preferences</p>
-                        <p>✓ Calculating compatibility</p>
-                        <p>⋯ Finding best matches</p>
-                    </div>
-                </div>
-            """)
-            result_output = gr.HTML(label="Breed Recommendations")
+        # 加載狀態提示
+        processing_message = gr.HTML(value="<div style='text-align: center; padding: 20px; color: #666;'><p><b>Finding your perfect match...</b></p><p>Please wait 15-20 seconds while we analyze your preferences.</p></div>", visible=False)
+        
+        # 結果顯示區域
+        result_output = gr.HTML(label="Breed Recommendations")
         
-        return description_input, search_button, result_output, loading_info
+        return description_input, search_button, result_output, processing_message