AI小精靈

app.py

@@ -1486,75 +1486,51 @@ with gr.Blocks(theme=gr.themes.Base(primary_hue=gr.themes.colors.orange, seconda
         web_link = gr.Textbox(label="Enter Web Page Link", visible=False)
         user_data = gr.Textbox(label="User Data", elem_id="user_data_input", visible=True)
         youtube_link_btn = gr.Button("Submit_YouTube_Link", elem_id="youtube_link_btn", visible=True)
-    with gr.Tab("學生版"):
-        with gr.Row():
-            with gr.Column(scale=3):
-                with gr.Tab("文章模式"):
-                    reading_passage = gr.Textbox(label="Reading Passage", lines=40, show_label=False)
-                    reading_passage_speak_button = gr.Button("Speak", visible=False)
-                    reading_passage_audio_output = gr.Audio(label="Audio Output", visible=False)
-                with gr.Tab("重點"):
-                    df_summarise = gr.Textbox(container=True, show_copy_button=True, lines=40, show_label=False)    
-                with gr.Tab("問題"):
-                    gr.Markdown("## 你也有類似的問題想問嗎？")
-                    btn_1 = gr.Button()
-                    btn_2 = gr.Button()
-                    btn_3 = gr.Button()
-                    gr.Markdown("## 重新生成問題")
-                    btn_create_question = gr.Button("生成其他問題", variant="primary")
-
-                with gr.Accordion("See Details", open=False):
-                    with gr.Tab("本文"):
-                        df_string_output = gr.Textbox(lines=40, label="Data Text")
-                    with gr.Tab("逐字稿"):
-                        simple_html_content = gr.HTML(label="Simple Transcript")
-                    with gr.Tab("圖文"):
-                        transcript_html = gr.HTML(label="YouTube Transcript and Video") 
-                    with gr.Tab("投影片"):
-                        slide_image = gr.Image()
-                        slide_text = gr.Textbox()
-                        with gr.Row():
-                            prev_button = gr.Button("Previous")
-                            next_button = gr.Button("Next")
-                        prev_button.click(fn=prev_slide, inputs=[], outputs=[slide_image, slide_text])
-                        next_button.click(fn=next_slide, inputs=[], outputs=[slide_image, slide_text])  
-                    with gr.Tab("markdown"):
-                        gr.Markdown("## 請複製以下 markdown 並貼到你的心智圖工具中，建議使用：https://markmap.js.org/repl")
-                        mind_map = gr.Textbox(container=True, show_copy_button=True, lines=40, elem_id="mind_map_markdown") 
-                    with gr.Tab("心智圖",elem_id="mind_map_tab"):
-                        mind_map_html = gr.HTML()
-            with gr.Column(scale=2):
-                with gr.Tab("OPENAI"):
-                    bot_avatar = "https://junyi-avatar.s3.ap-northeast-1.amazonaws.com/live/%20%20foxcat-star-18.png?v=20231113095823614"
-                    user_avatar = "https://junyitopicimg.s3.amazonaws.com/s4byy--icon.jpe?v=20200513013523726"
-                    chatbot = gr.Chatbot(avatar_images=[bot_avatar, user_avatar], label="OPEN AI", show_share_button=False, likeable=True)
-                    thread_id = gr.Textbox(label="thread_id", visible=False)
-                    socratic_mode_btn = gr.Checkbox(label="蘇格拉底家教助理模式", value=True)
-                    openai_chatbot_audio_input = gr.Audio(sources=["microphone"], type="filepath")
-                    msg = gr.Textbox(label="Message")
-                    send_button = gr.Button("Send", variant="primary")
-                with gr.Tab("GROQ", visible=False):
-                    groq_ai_name = gr.Textbox(label="AI 助理名稱", value="groq", visible=False)
-                    groq_chatbot = gr.Chatbot(avatar_images=[bot_avatar, user_avatar], label="groq mode chatbot", show_share_button=False, likeable=True)
-                    groq_msg = gr.Textbox(label="Message")
-                    groq_send_button = gr.Button("Send", variant="primary")
-                with gr.Tab("JUTOR", visible=False):
-                    jutor_ai_name = gr.Textbox(label="AI 助理名稱", value="jutor", visible=False)
-                    jutor_chatbot = gr.Chatbot(avatar_images=[bot_avatar, user_avatar], label="jutor mode chatbot", show_share_button=False, likeable=True)
-                    jutor_msg = gr.Textbox(label="Message")
-                    jutor_send_button = gr.Button("Send", variant="primary")
-                with gr.Tab("CLAUDE", visible=False):
-                    claude_ai_name = gr.Textbox(label="AI 助理名稱", value="claude3", visible=False)
-                    claude_chatbot = gr.Chatbot(avatar_images=[bot_avatar, user_avatar], label="claude mode chatbot", show_share_button=False, likeable=True)
-                    claude_msg = gr.Textbox(label="Message")
-                    claude_send_button = gr.Button("Send", variant="primary")
-                with gr.Tab("ai_chatbot"):
-                    ai_name = gr.Dropdown(label="選擇 AI 助理", choices=["jutor", "claude3", "groq"], value="jutor")
-                    ai_chatbot = gr.Chatbot(avatar_images=[bot_avatar, user_avatar], label="ai_chatbot", show_share_button=False, likeable=True)
-                    ai_msg = gr.Textbox(label="Message")
-                    ai_send_button = gr.Button("Send", variant="primary")
-
-    with gr.Tab("教師版"):
+    with gr.Tab("AI小精靈"):
+        with gr.Column(scale=1):
+            gr.Markdown("## 你也有類似的問題想問嗎？")
+            btn_1 = gr.Button()
+            btn_2 = gr.Button()
+            btn_3 = gr.Button()
+            gr.Markdown("## 重新生成問題")
+            btn_create_question = gr.Button("生成其他問題", variant="primary")
+        with gr.Column(scale=2):
+            with gr.Tab("OPENAI"):
+                bot_avatar = "https://junyi-avatar.s3.ap-northeast-1.amazonaws.com/live/%20%20foxcat-star-18.png?v=20231113095823614"
+                user_avatar = "https://junyitopicimg.s3.amazonaws.com/s4byy--icon.jpe?v=20200513013523726"
+                chatbot = gr.Chatbot(avatar_images=[bot_avatar, user_avatar], label="OPEN AI", show_share_button=False, likeable=True)
+                thread_id = gr.Textbox(label="thread_id", visible=False)
+                socratic_mode_btn = gr.Checkbox(label="蘇格拉底家教助理模式", value=True)
+                openai_chatbot_audio_input = gr.Audio(sources=["microphone"], type="filepath")
+                msg = gr.Textbox(label="Message")
+                send_button = gr.Button("Send", variant="primary")
+            with gr.Tab("GROQ", visible=False):
+                groq_ai_name = gr.Textbox(label="AI 助理名稱", value="groq", visible=False)
+                groq_chatbot = gr.Chatbot(avatar_images=[bot_avatar, user_avatar], label="groq mode chatbot", show_share_button=False, likeable=True)
+                groq_msg = gr.Textbox(label="Message")
+                groq_send_button = gr.Button("Send", variant="primary")
+            with gr.Tab("JUTOR", visible=False):
+                jutor_ai_name = gr.Textbox(label="AI 助理名稱", value="jutor", visible=False)
+                jutor_chatbot = gr.Chatbot(avatar_images=[bot_avatar, user_avatar], label="jutor mode chatbot", show_share_button=False, likeable=True)
+                jutor_msg = gr.Textbox(label="Message")
+                jutor_send_button = gr.Button("Send", variant="primary")
+            with gr.Tab("CLAUDE", visible=False):
+                claude_ai_name = gr.Textbox(label="AI 助理名稱", value="claude3", visible=False)
+                claude_chatbot = gr.Chatbot(avatar_images=[bot_avatar, user_avatar], label="claude mode chatbot", show_share_button=False, likeable=True)
+                claude_msg = gr.Textbox(label="Message")
+                claude_send_button = gr.Button("Send", variant="primary")
+            with gr.Tab("ai_chatbot"):
+                ai_name = gr.Dropdown(label="選擇 AI 助理", choices=["jutor", "claude3", "groq"], value="jutor")
+                ai_chatbot = gr.Chatbot(avatar_images=[bot_avatar, user_avatar], label="ai_chatbot", show_share_button=False, likeable=True)
+                ai_msg = gr.Textbox(label="Message")
+                ai_send_button = gr.Button("Send", variant="primary")    
+    with gr.Tab("文章模式"):
+        reading_passage = gr.Textbox(label="Reading Passage", lines=40, show_label=False)
+        reading_passage_speak_button = gr.Button("Speak", visible=False)
+        reading_passage_audio_output = gr.Audio(label="Audio Output", visible=False)
+    with gr.Tab("重點摘要"):
+        df_summarise = gr.Textbox(container=True, show_copy_button=True, lines=40, show_label=False)    
+    with gr.Tab("教學備課"):
         with gr.Row():
             content_subject = gr.Dropdown(label="選擇主題", choices=["數學", "自然", "國文", "英文", "社會","物理", "化學", "生物", "地理", "歷史", "公民"], value="", visible=False)             
             content_grade = gr.Dropdown(label="選擇年級", choices=["一年級", "二年級", "三年級", "四年級", "五年級", "六年級", "七年級", "八年級", "九年級", "十年級", "十一年級", "十二年級"], value="", visible=False)
@@ -1640,7 +1616,27 @@ with gr.Blocks(theme=gr.themes.Base(primary_hue=gr.themes.colors.orange, seconda
                 #     metacognition_content = gr.Textbox(label="輸入後設認知相關問題")
                 #     metacognition_content_btn = gr.Button("生成後設認知問題")
 
-
+    with gr.Accordion("See Details", open=False):
+        with gr.Tab("本文"):
+            df_string_output = gr.Textbox(lines=40, label="Data Text")
+        with gr.Tab("逐字稿"):
+            simple_html_content = gr.HTML(label="Simple Transcript")
+        with gr.Tab("圖文"):
+            transcript_html = gr.HTML(label="YouTube Transcript and Video") 
+        with gr.Tab("投影片"):
+            slide_image = gr.Image()
+            slide_text = gr.Textbox()
+            with gr.Row():
+                prev_button = gr.Button("Previous")
+                next_button = gr.Button("Next")
+            prev_button.click(fn=prev_slide, inputs=[], outputs=[slide_image, slide_text])
+            next_button.click(fn=next_slide, inputs=[], outputs=[slide_image, slide_text])  
+        with gr.Tab("markdown"):
+            gr.Markdown("## 請複製以下 markdown 並貼到你的心智圖工具中，建議使用：https://markmap.js.org/repl")
+            mind_map = gr.Textbox(container=True, show_copy_button=True, lines=40, elem_id="mind_map_markdown") 
+        with gr.Tab("心智圖",elem_id="mind_map_tab"):
+            mind_map_html = gr.HTML()
+       
     # --- Event ---
     # OPENAI 模式
     send_button.click(