Update ui.py

ui.py

@@ -30,13 +30,15 @@ def create_ui():
 
         text_input = gr.Textbox(lines=3, placeholder="請輸入文本...", label="輸入文本", max_lines=5)
 
-        model_selector = gr.Dropdown(choices=list(MODEL_OPTIONS.keys()), value="🌎 多語言推特情緒分析 (XLM-RoBERTa)", label="選擇 AI 模型")
+        model_selector = gr.Dropdown(
+            choices=list(MODEL_OPTIONS.keys()), 
+            value="🌎 多語言推特情緒分析 (XLM-RoBERTa)", 
+            label="選擇 AI 模型"
+        )
 
         analyze_button = gr.Button("分析情緒")
         clear_button = gr.Button("清除")
-        progress_bar = gr.Textbox(value="等待輸入...", label="分析狀態")  # 🚀 這裡改變名稱，並預設顯示文字
-
-        result_output = gr.Markdown(label="分析結果")
+        result_display = gr.Textbox(value="等待輸入...", label="AI 回應", interactive=False)  # 🚀 這裡讓它成為輸出區
 
         # 📌 綁定按鈕功能
         def process_analysis(text, model_name):
@@ -44,9 +46,9 @@ def create_ui():
             print(f"📢 [Debug] 模型: {model_name}")
             print(f"📢 [Debug] 輸入文本: {text}")
 
-            progress_bar.value = "🔄 AI 模型載入中，請稍後..."  # 🚀 直接修改 `Textbox` 值
+            result_display.value = "🔄 AI 正在分析，請稍後..."  # 🚀 先顯示「分析中」
             result, _ = analyze_sentiment(text, model_name)
-            progress_bar.value = "✅ 分析完成"  # 🚀 讓狀態顯示「分析完成」
+            result_display.value = result  # 🚀 讓 `result_display` 直接顯示 AI 結果
 
             print(f"📢 [Debug] 回傳結果: {result}")
             return result
@@ -54,13 +56,13 @@ def create_ui():
         analyze_button.click(
             fn=process_analysis,
             inputs=[text_input, model_selector],
-            outputs=[result_output]
+            outputs=[result_display]  # 🚀 讓 `result_display` 直接顯示結果
         )
 
         clear_button.click(
-            lambda: ("", "等待輸入..."),  # 🚀 修正清除功能，讓 progress_bar 也重置
-            inputs=[],
-            outputs=[text_input, progress_bar]
+            lambda: "等待輸入...",  # 🚀 讓狀態列回到初始值
+            inputs=[], 
+            outputs=[result_display]
         )
 
         gr.Markdown(developer_info)