with gr.Row(visible=True) as english_grapragh_practice_row:

app.py

@@ -681,23 +681,42 @@ def init_params(request: gr.Request):
 
     return english_group, chinese_group
 
-def update_english_grapragh_practice_tab_tabs(selected_tab):    
+def update_english_grapragh_practice_rows(selected_tab):    
+    # outputs=[
+    #                 english_grapragh_practice_row,
+    #                 english_grapragh_evaluate_row,
+    #                 english_exam_practice_row,
+    #                 english_grapragh_practice_button,
+    #                 english_grapragh_evaluate_button,
+    #                 english_exam_practice_tab_button
+    #             ]
     if selected_tab == "📝 英文段落寫作練習":
+        gr_update_english_grapragh_practice_row = gr.update(visible=True)
+        gr_update_english_grapragh_evaluate_row = gr.update(visible=False)
+        gr_update_english_exam_practice_row = gr.update(visible=False)
         gr_update_english_grapragh_practice_button = gr.update(variant="primary")
         gr_update_english_grapragh_evaluate_button = gr.update(variant="secondary")
         gr_update_english_exam_practice_tab_button = gr.update(variant="secondary")
+        
     elif selected_tab == "📊 英文段落寫作評分":
+        gr_update_english_grapragh_practice_row = gr.update(visible=False)
+        gr_update_english_grapragh_evaluate_row = gr.update(visible=True)
+        gr_update_english_exam_practice_row = gr.update(visible=False)
         gr_update_english_grapragh_practice_button = gr.update(variant="secondary")
         gr_update_english_grapragh_evaluate_button = gr.update(variant="primary")
         gr_update_english_exam_practice_tab_button = gr.update(variant="secondary")
+        
     elif selected_tab == "🎯 英文考古題寫作練習":
+        gr_update_english_grapragh_practice_row = gr.update(visible=False)
+        gr_update_english_grapragh_evaluate_row = gr.update(visible=False)
+        gr_update_english_exam_practice_row = gr.update(visible=True)
         gr_update_english_grapragh_practice_button = gr.update(variant="secondary")
         gr_update_english_grapragh_evaluate_button = gr.update(variant="secondary")
         gr_update_english_exam_practice_tab_button = gr.update(variant="primary")
-
-    gr_update_english_grapragh_practice_tab_tabs = gr.update(selected=selected_tab)
-
-    return gr_update_english_grapragh_practice_tab_tabs, \
+        
+    return  gr_update_english_grapragh_practice_row, \
+            gr_update_english_grapragh_evaluate_row, \
+            gr_update_english_exam_practice_row, \
             gr_update_english_grapragh_practice_button, \
             gr_update_english_grapragh_evaluate_button, \
             gr_update_english_exam_practice_tab_button
@@ -730,10 +749,11 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue=gr.themes.colors.blue, secondary
                             english_grapragh_evaluate_button = gr.Button("📊 英文段落寫作評分")
                         with gr.Column():
                             english_exam_practice_tab_button = gr.Button("🎯 英文考古題寫作練習")
-            
-            with gr.Tabs(visible=True, selected="📝 英文段落寫作練習") as english_grapragh_practice_tab_tabs:
+            with gr.Row(visible=True) as english_grapragh_practice_row:
                 # ===== 英文段落寫作練習 =====
-                with gr.Tab(label="英文段落寫作練習", id="📝 英文段落寫作練習") as english_grapragh_practice_tab:
+                with gr.Column():
+                    with gr.Row():
+                        gr.Markdown("# 📝 英文段落寫作練習")
                     with gr.Row():
                         with gr.Column():
                             gr.Image(value="https://storage.googleapis.com/jutor/Jutor%E6%AE%B5%E8%90%BD%20banner.jpg", show_label=False, show_download_button=False)
@@ -1564,16 +1584,18 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue=gr.themes.colors.blue, secondary
                                     outputs=history_accordion
                                 )
 
+            with gr.Row(visible=False) as english_grapragh_evaluate_row:
                 # ====="英文全文批改"=====
-                with gr.Tab("英文全文批改", id="📊 英文段落寫作評分") as english_grapragh_evaluate_tab:
+                with gr.Column():
                     with gr.Row(visible=False) as full_paragraph_params:
                         full_paragraph_sys_content_input = gr.Textbox(label="System Prompt", value="You are an English teacher who is practicing with me to improve my English writing skill.")
                         default_user_generate_full_paragraph_evaluate_prompt = default_user_generate_paragraph_evaluate_prompt
                         user_generate_full_paragraph_evaluate_prompt = gr.Textbox(label="Paragraph evaluate Prompt", value=default_user_generate_full_paragraph_evaluate_prompt, visible=False)
-                    
+                    with gr.Row():
+                        gr.Markdown("# 📊 英文段落寫作評分")
                     # 輸入段落全文
                     with gr.Row():
-                        gr.Markdown("# 輸入段落全文")
+                        gr.Markdown("## 輸入段落全文")
                     with gr.Row():
                         with gr.Column():
                             full_paragraph_input = gr.Textbox(label="輸入段落全文", lines=5)
@@ -1664,12 +1686,13 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue=gr.themes.colors.blue, secondary
                         outputs=[full_paragraph_save_output, full_audio_output]
                     )
                 
+            with gr.Row(visible=False) as english_exam_practice_row:
                 # ====="英文考古題寫作練習====="
-                with gr.Tab("英文考古題寫作練習", id="🎯 英文考古題寫作練習") as english_exam_practice_tab:
+                with gr.Column():
                     with gr.Row():
                         with gr.Column():
                             with gr.Row():
-                                gr.Markdown("# 考古題寫作練習")
+                                gr.Markdown("# 🎯 英文考古題寫作練習")
                             with gr.Row():
                                 gr.Markdown("## 選擇考古題")
                             with gr.Row():
@@ -1780,39 +1803,37 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue=gr.themes.colors.blue, secondary
                                     outputs=past_exam_refine_output_diff
                                 )
                 
-                
-            # with gr.Row():
-            #             with gr.Column():
-            #                 english_grapragh_practice_button = gr.Button("📝 英文段落寫作練習")
-            #             with gr.Column():
-            #                 english_grapragh_evaluate_button = gr.Button("📊 英文段落寫作評分")
-            #             with gr.Column():
-            #                 english_exam_practice_tab_button = gr.Button("🎯 英文考古題寫作練習")
             english_grapragh_practice_button.click(
-                fn=update_english_grapragh_practice_tab_tabs,
+                fn=update_english_grapragh_practice_rows,
                 inputs=[english_grapragh_practice_button],
                 outputs=[
-                    english_grapragh_practice_tab_tabs, 
+                    english_grapragh_practice_row,
+                    english_grapragh_evaluate_row,
+                    english_exam_practice_row,
                     english_grapragh_practice_button,
                     english_grapragh_evaluate_button,
                     english_exam_practice_tab_button
                 ]
             )
             english_grapragh_evaluate_button.click(
-                fn=update_english_grapragh_practice_tab_tabs,
+                fn=update_english_grapragh_practice_rows,
                 inputs=[english_grapragh_evaluate_button],
                 outputs=[
-                    english_grapragh_practice_tab_tabs,
+                    english_grapragh_practice_row,
+                    english_grapragh_evaluate_row,
+                    english_exam_practice_row,
                     english_grapragh_practice_button,
                     english_grapragh_evaluate_button,
                     english_exam_practice_tab_button
                 ]
             )
             english_exam_practice_tab_button.click(
-                fn=update_english_grapragh_practice_tab_tabs,
+                fn=update_english_grapragh_practice_rows,
                 inputs=[english_exam_practice_tab_button],
                 outputs=[
-                    english_grapragh_practice_tab_tabs,
+                    english_grapragh_practice_row,
+                    english_grapragh_evaluate_row,
+                    english_exam_practice_row,
                     english_grapragh_practice_button,
                     english_grapragh_evaluate_button,
                     english_exam_practice_tab_button