Update app.py

app.py

@@ -81,7 +81,7 @@ async def send_chat_message(user_input):
                 if full_response:
                     return ''.join(full_response).strip()
                 else:
-                    return "Error: No thought found in the response"
+                    return "Error: No response found in the response"
         except Exception as e:
             print(f"Exception: {e}")
             return f"Exception: {e}"
@@ -135,11 +135,7 @@ def show_feedback():
     except Exception as e:
         return f"Error: {e}"
 
-TITLE = """<h1 align="center">Large Language Model (LLM) Playground 💬 <a href='https://support.maicoin.com/zh-TW/support/home' target='_blank'>Cryptocurrency Exchange FAQ</a></h1>"""
-SUBTITLE = """<h2 align="center"><a href='https://www.twman.org' target='_blank'>TonTon Huang Ph.D. @ 2024/06 </a><br></h2>"""
-LINKS = """<a href='https://blog.twman.org/2021/04/ASR.html' target='_blank'>那些語音處理 (Speech Processing) 踩的坑</a> | <a href='https://blog.twman.org/2021/04/NLP.html' target='_blank'>那些自然語言處理 (Natural Language Processing, NLP) 踩的坑</a> | <a href='https://blog.twman.org/2024/02/asr-tts.html' target='_blank'>那些ASR和TTS可能會踩的坑</a> | <a href='https://blog.twman.org/2024/02/LLM.html' target='_blank'>那些大模型開發會踩的坑</a> | <a href='https://blog.twman.org/2023/04/GPT.html' target='_blank'>什麼是大語言模型，它是什麼？想要嗎？</a><br>
-<a href='https://blog.twman.org/2023/07/wsl.html' target='_blank'>用PaddleOCR的PPOCRLabel來微調醫療診斷書和收據</a> | <a href='https://blog.twman.org/2023/07/HugIE.html' target='_blank'>基於機器閱讀理解和指令微調的統一信息抽取框架之診斷書醫囑資訊擷取分析</a><br>
-<a href='https://huggingface.co/spaces/DeepLearning101/High-Entropy-Alloys-FAQ/blob/main/reference.txt' target='_blank'>「高熵合金」(High-entropy alloys) 參考論文</a><br>"""
+TITLE = """<h1 align="center">大型語言模型 (LLM) 聊天界面 💬</h1>"""
 
 # 添加示例
 examples = [
@@ -149,40 +145,45 @@ examples = [
 
 with gr.Blocks() as iface:
     gr.HTML(TITLE)
-    gr.HTML(SUBTITLE)
-    gr.HTML(LINKS)
     with gr.Row():
-        user_input = gr.Textbox(label='歡迎問我關於「高熵合金」(High-entropy alloys) 的各種疑難雜症', lines=2, placeholder="在此輸入問題，然後按下右邊的送出...")
+        chatbot = gr.Chatbot()
+    
+    with gr.Row():
+        user_input = gr.Textbox(label='輸入您的問題', placeholder="在此輸入問題...")
         submit_button = gr.Button("送出")
-
+    
     gr.Examples(examples=examples, inputs=user_input)
         
-    with gr.Row():
-        response_output = gr.Textbox(label='底下是大型語言模型的回應', interactive=False)
     with gr.Row():
         like_button = gr.Button("👍")
         dislike_button = gr.Button("👎")
-        improvement_input = gr.Textbox(label='請先輸入改進建議再按下左手邊的贊或倒贊', placeholder='請輸入如何改進模型回應的建議，如果不輸入可以直接忽略')
+        improvement_input = gr.Textbox(label='請輸入改進建議', placeholder='請輸入如何改進模型回應的建議')
+
     with gr.Row():
         feedback_output = gr.Textbox(label='反饋結果', interactive=False)
     with gr.Row():
         show_feedback_button = gr.Button("查看所有反饋")
         feedback_display = gr.JSON(label='所有反饋')
 
-    submit_button.click(fn=handle_user_input, inputs=user_input, outputs=response_output)
+    def chat(user_input, history):
+        response = handle_user_input(user_input)
+        history.append((user_input, response))
+        return history, history
+
+    submit_button.click(fn=chat, inputs=[user_input, chatbot], outputs=[chatbot, chatbot])
 
     like_button.click(
         fn=lambda response, improvement: handle_feedback(response, "like", improvement),
-        inputs=[response_output, improvement_input],
+        inputs=[chatbot, improvement_input],
         outputs=feedback_output
     )
 
     dislike_button.click(
         fn=lambda response, improvement: handle_feedback(response, "dislike", improvement),
-        inputs=[response_output, improvement_input],
+        inputs=[chatbot, improvement_input],
         outputs=feedback_output
     )
 
     show_feedback_button.click(fn=show_feedback, outputs=feedback_display)
 
-iface.launch()
+iface.launch()