layout

app.py

@@ -1487,43 +1487,44 @@ with gr.Blocks(theme=gr.themes.Base(primary_hue=gr.themes.colors.orange, seconda
         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("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.Row():
+            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("飛特"):
+                    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, show_label=False)
+                    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("其他精靈", visible=True):
+                    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, show_label=False)
+                    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)