# 飛特音速 add

app.py

@@ -2960,7 +2960,6 @@ def init_params(text, request: gr.Request):
         is_env_prod = gr.update(value=False)
 
         # if youtube_link in query_params
-        # NOTE: 目前 process_youtube_link 是透過 youtube_link.input 觸發，所以這邊修改 youtube_link 的 value 時不會觸發 process_youtube_link
         if "youtube_id" in request.query_params:
             youtube_id = request.query_params["youtube_id"]
             youtube_link = f"https://www.youtube.com/watch?v={youtube_id}"
@@ -2978,7 +2977,7 @@ def init_params(text, request: gr.Request):
             lesson_plan_accordion = gr.update(visible=False)
             exit_ticket_accordion = gr.update(visible=False)
             ai_chatbot_params = gr.update(visible=False)
-
+        
         if IS_ENV_PROD == "True":
             is_env_prod = gr.update(value=True)
 
@@ -3039,6 +3038,20 @@ HEAD = """
     </script>
 """
 
+streaming_chat_greeting = """
+Hi，我是【飛特音速】，說話比較快，但有什麼問題都可以問我喔！ \n
+🚀 我沒有預設問題、也沒有語音輸入，適合快問快答的你 \n
+🔠 鍵盤輸入你的問題，我會盡力回答你的問題喔！\n
+💤 我還在成長，體力有限，每一次學習只能回答十個問題，請讓我休息一下再問問題喔！
+"""
+latex_delimiters = [{"left": "$", "right": "$", "display": False}]
+streaming_ai_chatbot = gr.Chatbot(
+    show_share_button=False, 
+    likeable=True, 
+    latex_delimiters=latex_delimiters,
+    show_copy_button=True,
+)
+
 with gr.Blocks(theme=gr.themes.Base(primary_hue=gr.themes.colors.orange, secondary_hue=gr.themes.colors.amber, text_size = gr.themes.sizes.text_lg), head=HEAD) as demo:
     with gr.Row() as admin:
         password = gr.Textbox(label="Password", type="password", elem_id="password_input", visible=True)
@@ -3078,6 +3091,20 @@ with gr.Blocks(theme=gr.themes.Base(primary_hue=gr.themes.colors.orange, seconda
             latex_delimiters = [{"left": "$", "right": "$", "display": False}]
         with gr.Accordion("選擇 AI 小精靈", elem_id="chatbot_select_accordion") as chatbot_select_accordion:
             with gr.Row():
+                # 飛特音速
+                with gr.Column(scale=1, variant="panel", visible=True):
+                    streaming_chatbot_avatar_url = "https://storage.googleapis.com/wpassets.junyiacademy.org/1/2020/11/1-%E6%98%9F%E7%A9%BA%E9%A0%AD%E8%B2%BC-%E5%A4%AA%E7%A9%BA%E7%8B%90%E7%8B%B8%E8%B2%93-150x150.png"
+                    streaming_chatbot_description = """Hi，我是【飛特音速】， \n
+                    說話比較快，但有什麼問題都可以問我喔！ \n
+                    🚀 我沒有預設問題、也沒有語音輸入，適合快問快答，一起練習問出好問題吧 \n
+                    🔠 擅長用文字表達的你，可以用鍵盤輸入你的問題，我會盡力回答你的問題喔\n
+                    💤 我還在成長，體力有限，每一次學習只能回答十個問題，請讓我休息一下再問問題喔～
+                    """
+                    chatbot_open_ai_streaming_name = gr.State("chatbot_open_ai_streaming")
+                    gr.Image(value=streaming_chatbot_avatar_url, height=100, width=100, show_label=False, show_download_button=False)
+                    chatbot_open_ai_streaming_select_btn = gr.Button("👆選擇【飛特音速】", elem_id="streaming_chatbot_btn", visible=True, variant="primary")
+                    with gr.Accordion("🚀 飛特音速 敘述", open=False):
+                        gr.Markdown(value=streaming_chatbot_description, visible=True)
                 user_avatar = "https://em-content.zobj.net/source/google/263/flushed-face_1f633.png"
                 # 飛特精靈
                 with gr.Column(scale=1, variant="panel", visible=True):
@@ -3145,20 +3172,6 @@ with gr.Blocks(theme=gr.themes.Base(primary_hue=gr.themes.colors.orange, seconda
                     maimai_chatbot_select_btn = gr.Button("👆選擇【麥麥】", visible=True, variant="primary", elem_classes="chatbot_select_btn")
                     with gr.Accordion("💙 麥麥 敘述", open=False):
                         maimai_chatbot_description_value = gr.Markdown(value=maimai_chatbot_description, visible=True)
-                # 飛特音速
-                with gr.Column(scale=1, variant="panel", visible=True):
-                    streaming_chatbot_avatar_url = "https://storage.googleapis.com/wpassets.junyiacademy.org/1/2020/11/1-%E6%98%9F%E7%A9%BA%E9%A0%AD%E8%B2%BC-%E5%A4%AA%E7%A9%BA%E7%8B%90%E7%8B%B8%E8%B2%93-150x150.png"
-                    streaming_chatbot_description = """Hi，我是【飛特音速】， \n
-                    說話比較快，但有什麼問題都可以問我喔！ \n
-                    🚀 我沒有預設問題、也沒有語音輸入，適合快問快答，一起練習問出好問題吧 \n
-                    🔠 擅長用文字表達的你，可以用鍵盤輸入你的問題，我會盡力回答你的問題喔\n
-                    💤 我還在成長，體力���限，每一次學習只能回答十個問題，請讓我休息一下再問問題喔～
-                    """
-                    chatbot_open_ai_streaming_name = gr.State("chatbot_open_ai_streaming")
-                    gr.Image(value=streaming_chatbot_avatar_url, height=100, width=100, show_label=False, show_download_button=False)
-                    chatbot_open_ai_streaming_select_btn = gr.Button("👆選擇【飛特音速】", elem_id="streaming_chatbot_btn", visible=True, variant="primary")
-                    with gr.Accordion("🚀 飛特音速 敘述", open=False):
-                        gr.Markdown(value=streaming_chatbot_description, visible=True)
                 # 尚未開放
                 with gr.Column(scale=1, variant="panel"): 
                     gr.Markdown(value="### 尚未開放", visible=True)
@@ -3174,6 +3187,7 @@ with gr.Blocks(theme=gr.themes.Base(primary_hue=gr.themes.colors.orange, seconda
                 additional_inputs = [password, video_id, user_data, streaming_chat_thread_id_state, trascript_state, key_moments_state, content_subject_state, content_grade_state, ai_chatbot_socratic_mode_btn]
                 streaming_chat = gr.ChatInterface(
                     fn=chat_with_opan_ai_assistant_streaming,
+                    chatbot=streaming_ai_chatbot,
                     additional_inputs=additional_inputs,
                     submit_btn="送出",
                     retry_btn=None,
@@ -3929,4 +3943,4 @@ with gr.Blocks(theme=gr.themes.Base(primary_hue=gr.themes.colors.orange, seconda
         outputs = init_outputs
     )
 
-demo.launch(allowed_paths=["videos"], server_name="0.0.0.0", server_port=7860)
+demo.launch(allowed_paths=["videos"], server_name="0.0.0.0", server_port=7860, show_error=True)