paragraph_save_output

app.py

@@ -897,12 +897,17 @@ def update_exam_contents(selected_title):
         if exam["title"] == selected_title:
             return exam["title"], exam["question"], exam["hint"], exam["image_url"]
 
+
+# 小工具
 def show_elements():
     return gr.update(visible=True)
 
 def hide_elements():
     return gr.update(visible=False)
 
+def duplicate_element(element):
+    return element
+
 def generate_chinese_essay_idea(model, user_prompt, chinese_essay_title_input):
     sys_content = "你是一位老師，正在和我一起練習提高我的寫作技能。 給予的回覆不超過 500字。 用 Markdown 語法回答。"
     user_content = f"""
@@ -926,7 +931,6 @@ def generate_chinese_essay_idea(model, user_prompt, chinese_essay_title_input):
 
     return content
 
-
 # Download doc
 def create_word(content):
     unique_filename = str(uuid.uuid4())
@@ -1053,8 +1057,13 @@ english_logs_tab_button_js = """
         return true;
     }
 """
+THEME = gr.themes.Glass(primary_hue=gr.themes.colors.blue, secondary_hue=gr.themes.colors.orange).set(
+    button_primary_background_fill="*primary_300",
+    button_shadow="*block_shadow",
+    button_shadow_hover="*block_shadow"
+)
 
-with gr.Blocks(theme=gr.themes.Soft(primary_hue=gr.themes.colors.blue, secondary_hue=gr.themes.colors.orange), css=CSS) as demo:
+with gr.Blocks(theme=THEME, css=CSS) as demo:
 
     with gr.Row(visible=False) as admin_group:
         user_data = gr.Textbox(label="User Data", value="", elem_id="jutor_user_data_input")
@@ -1595,7 +1604,7 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue=gr.themes.colors.blue, secondary
                                 generate_paragraph_button = gr.Button("請點擊此按鈕，合併已填寫的句子為草稿，供閱讀、下載及修訂", variant="primary")
                             with gr.Row():
                                 with gr.Column():
-                                    paragraph_output = gr.Textbox(label="完整段落", show_copy_button=True)
+                                    paragraph_output = gr.TextArea(label="完整段落", show_copy_button=True)
                                 with gr.Column():
                                     paragraph_output_download = gr.File(label="下載段落草稿")
 
@@ -1759,7 +1768,7 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue=gr.themes.colors.blue, secondary
                                     """)
                             with gr.Row():
                                 with gr.Column():
-                                    paragraph_correct_grammatical_spelling_errors_input = gr.Textbox(label="這是你的原始寫作內容，參考 JUTOR 的改正，你可以選擇是否修改：", show_copy_button=True)
+                                    paragraph_correct_grammatical_spelling_errors_input = gr.TextArea(label="這是你的原始寫作內容，參考 JUTOR 的改正，你可以選擇是否修改：", show_copy_button=True)
                                 with gr.Column():
                                     generate_correct_grammatical_spelling_errors_button = gr.Button("✨ 修訂文法與拼字錯誤", variant="primary")
                                     correct_grammatical_spelling_errors_output_table = gr.Dataframe(label="修訂文法與拼字錯誤", interactive=False, visible=False)
@@ -1810,7 +1819,7 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue=gr.themes.colors.blue, secondary
                                     """)
                             with gr.Row():
                                 with gr.Column():
-                                    paragraph_refine_input = gr.Textbox(label="這是你的原始寫作內容，參考 JUTOR 的建議，你可以選擇是否修改：", show_copy_button=True)
+                                    paragraph_refine_input = gr.TextArea(label="這是你的原始寫作內容，參考 JUTOR 的建議，你可以選擇是否修改：", show_copy_button=True)
                                 with gr.Column():
                                     generate_refine_paragraph_button = gr.Button("✨ 段落改善建議", variant="primary")
                                     refine_output_table = gr.Dataframe(label="段落改善建議", wrap=True, interactive=False, visible=False)
@@ -1892,17 +1901,23 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue=gr.themes.colors.blue, secondary
                         with gr.Column():
                             with gr.Row():
                                 gr.Markdown("# Step 9. 寫作完成 Save and Share")
+                            with gr.Row():
+                                paragraph_practice_save_button = gr.Button("點擊建立 doc", variant="primary")
                             with gr.Row():
                                 # 顯示最後段落寫作結果
                                 with gr.Column():
-                                    paragraph_save_to_doc_button = gr.Button("點擊建立 doc", variant="primary")
+                                    paragraph_practice_save_output = gr.TextArea(label="最後結果", show_copy_button=True)
                                 with gr.Column():
-                                    paragraph_doc_download_link = gr.File(label="請點擊右下角連結(ex: 37KB)，進行下載")
+                                    paragraph_practice_download_link = gr.File(label="請點擊右下角連結(ex: 37KB)，進行下載")
 
-                                    paragraph_save_to_doc_button.click(
+                                    paragraph_practice_save_button.click(
                                         fn=download_content,
                                         inputs=[paragraph_refine_input],
-                                        outputs=[paragraph_doc_download_link]
+                                        outputs=[paragraph_practice_download_link]
+                                    ).then(
+                                        fn=duplicate_element,
+                                        inputs=[paragraph_refine_input],
+                                        outputs=[paragraph_practice_save_output]
                                     )
 
                             with gr.Row():
@@ -1912,6 +1927,7 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue=gr.themes.colors.blue, secondary
                             with gr.Row(elem_id="paragraph_save_output"):
                                 with gr.Accordion("歷程回顧", open=False) as history_accordion:
                                     scenario_input_history = gr.Textbox(label="情境", visible=False)
+                                    
                                     gr.Markdown("<span style='color:#4e80ee'>主題</span>")
                                     topic_input_history = gr.Markdown(label="主題")
                                     gr.Markdown("<span style='color:#4e80ee'>要點/關鍵字</span>")
@@ -1922,13 +1938,16 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue=gr.themes.colors.blue, secondary
                                     supporting_sentences_input_history = gr.Markdown(label="支持句")
                                     gr.Markdown("<span style='color:#4e80ee'>結論句</span>")
                                     conclusion_sentence_input_history = gr.Markdown(label="結論句")
+                                    
                                     gr.Markdown("<span style='color:#4e80ee'>完整段落</span>")
                                     paragraph_output_history = gr.Markdown(label="完整段落")
+                                    
                                     paragraph_evaluate_output_history = gr.Dataframe(label="完整段落分析", wrap=True, column_widths=[35, 15, 50], interactive=False)
                                     correct_grammatical_spelling_errors_output_table_history = gr.Dataframe(label="修訂文法與拼字錯誤", interactive=False, wrap=True, column_widths=[30, 30, 40])
                                     refine_output_table_history = gr.Dataframe(label="段落改善建議", wrap=True, interactive=False, column_widths=[30, 30, 40])
                                     gr.Markdown("<span style='color:#4e80ee'>修改建議</span>")
                                     refine_output_history = gr.Markdown(label="修改建議")
+                                    
                                     gr.Markdown("<span style='color:#4e80ee'>修改結果</span>")
                                     paragraph_save_output = gr.Markdown(label="最後結果")
                             with gr.Row():
@@ -1968,7 +1987,7 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue=gr.themes.colors.blue, secondary
                                 ).then(
                                     fn=paragraph_save_and_tts,
                                     inputs=[
-                                        paragraph_refine_input
+                                        paragraph_practice_save_output
                                     ],
                                     outputs=[
                                         paragraph_save_output, 
@@ -1994,7 +2013,7 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue=gr.themes.colors.blue, secondary
                         gr.Markdown("## 輸入段落全文")
                     with gr.Row():
                         with gr.Column():
-                            full_paragraph_input = gr.Textbox(label="輸入段落全文", lines=5)
+                            full_paragraph_input = gr.TextArea(label="輸入段落全文")
                         with gr.Column():
                             with gr.Row():
                                 full_paragraph_evaluate_button = gr.Button("✨ JUTOR 段落全文分析", variant="primary")
@@ -2006,7 +2025,7 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue=gr.themes.colors.blue, secondary
                         gr.Markdown("# JUTOR 修訂文法與拼字錯誤")
                     with gr.Row():
                         with gr.Column():
-                            full_paragraph_correct_grammatical_spelling_errors_input = gr.Textbox(label="這是你的原始寫作內容，參考 JUTOR 的建議，你可以選擇是否修改：")
+                            full_paragraph_correct_grammatical_spelling_errors_input = gr.TextArea(label="這是你的原始寫作內容，參考 JUTOR 的建議，你可以選擇是否修改：")
                         with gr.Column():
                             generate_full_paragraph_correct_grammatical_spelling_errors_button = gr.Button("✨ JUTOR 修訂文法與拼字錯誤", variant="primary")
                             full_paragraph_correct_grammatical_spelling_errors_output_table = gr.Dataframe(label="修訂文法與拼字錯誤", interactive=False, column_widths=[30, 30, 40])
@@ -2019,7 +2038,7 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue=gr.themes.colors.blue, secondary
                         gr.Markdown("# JUTOR 段落改善建議")
                     with gr.Row():
                         with gr.Column():
-                            full_paragraph_refine_input = gr.Textbox(label="這是你的原始寫作內容，參考 JUTOR 的建議，你可以選擇是否修改：", show_copy_button=True)
+                            full_paragraph_refine_input = gr.TextArea(label="這是你的原始寫作內容，參考 JUTOR 的建議，你可以選擇是否修改：", show_copy_button=True)
                         with gr.Column():
                             generate_full_paragraph_refine_button = gr.Button("✨ JUTOR 段落改善建議", variant="primary")
                             full_paragraph_refine_output_table = gr.DataFrame(label="段落改善建議", wrap=True, interactive=False)
@@ -2033,7 +2052,7 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue=gr.themes.colors.blue, secondary
                     with gr.Row():
                         full_paragraph_save_button = gr.Button("輸出結果", variant="primary")
                     with gr.Row():
-                        full_paragraph_save_output = gr.Textbox(label="最後結果")
+                        full_paragraph_save_output = gr.TextArea(label="最後結果")
                         full_audio_output = gr.Audio(label="音檔", type="filepath")
 
                     # 建立歷程回顧
@@ -2180,7 +2199,7 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue=gr.themes.colors.blue, secondary
                                     with gr.Row():
                                         past_exam_evaluation_sys_content_prompt = gr.Textbox(label="System Prompt", value="You are an English teacher who is practicing with me to improve my English writing skill.", visible=False)
                                         past_exam_evaluation_user_prompt = gr.Textbox(label="Paragraph evaluate Prompt", value=default_user_generate_paragraph_evaluate_prompt, visible=False)
-                                        past_exam_evaluation_input = gr.Textbox("",lines= 10, label="這是你的原始寫作內容，參考 JUTOR 的建議，你可以選擇是否修改：")
+                                        past_exam_evaluation_input = gr.TextArea("",label="這是你的原始寫作內容，參考 JUTOR 的建議，你可以選擇是否修改：")
                                 with gr.Column():
                                     with gr.Row():
                                         past_exam_evaluation_button = gr.Button("全文分析", variant="primary")
@@ -2190,7 +2209,7 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue=gr.themes.colors.blue, secondary
                             # 修正錯字、語法
                             with gr.Row():
                                 with gr.Column():
-                                    past_exam_correct_grammatical_spelling_errors_input = gr.Textbox(label="這是你的原始寫作內容，參考 JUTOR 的建議，你可以選擇是否修改：",lines= 10, show_copy_button=True)
+                                    past_exam_correct_grammatical_spelling_errors_input = gr.TextArea(label="這是你的原始寫作內容，參考 JUTOR 的建議，你可以選擇是否修改：",lines= 10, show_copy_button=True)
                                 with gr.Column():
                                     with gr.Row():
                                         with gr.Accordion("prompt 提供微調測試", open=False, elem_classes=['accordion-prompts'], visible=False):
@@ -2209,7 +2228,7 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue=gr.themes.colors.blue, secondary
                             # 修正段落
                             with gr.Row():
                                 with gr.Column():
-                                    past_exam_refine_input = gr.Textbox(label="這是你的原始寫作內容，參考 JUTOR 的建議，你可以選擇是否修改：", show_copy_button=True,lines= 10)
+                                    past_exam_refine_input = gr.TextArea(label="這是你的原始寫作內容，參考 JUTOR 的建議，你可以選擇是否修改：", show_copy_button=True)
                                 with gr.Column():
                                     with gr.Row():
                                         with gr.Accordion("prompt 提供微調測試", open=False, elem_classes=['accordion-prompts'], visible=False):
@@ -2232,7 +2251,7 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue=gr.themes.colors.blue, secondary
                                 past_exam_save_button = gr.Button("輸出結果", variant="primary")
                             with gr.Row():
                                 with gr.Column():
-                                    past_exam_save_output = gr.Textbox(label="最後結果")
+                                    past_exam_save_output = gr.TextArea(label="最後結果")
                                 with gr.Column():
                                     past_exam_audio_output = gr.Audio(label="音檔", type="filepath")
                                 
@@ -2346,12 +2365,12 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue=gr.themes.colors.blue, secondary
                     with gr.Row():
                         gr.Markdown("# 📚 歷程回顧")
                     with gr.Row():
-                        with gr.Accordion("英文段落練習歷程回顧", open=False) as english_grapragh_practice_logs_accordion:
+                        with gr.Accordion("📝 英文段落練習歷程回顧", open=False) as english_grapragh_practice_logs_accordion:
                             with gr.Row():
                                 with gr.Column(scale=1):
                                     # 取得英文段落練習 log from GCS
                                     paragraph_practice_logs_type = gr.State("jutor_write_paragraph_practice")
-                                    get_paragraph_practice_logs_button = gr.Button("取得英文段落練習歷程")
+                                    get_paragraph_practice_logs_button = gr.Button("👉 取得英文段落練習歷程", variant="primary")
                                     paragraph_practice_logs_session_list = gr.Radio(label="歷程時間列表")
                                 with gr.Column(scale=3, variant="compact"):
                                     gr.Markdown("<span style='color:#4e80ee'>主題</span>")
@@ -2398,12 +2417,12 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue=gr.themes.colors.blue, secondary
                                         ]
                                     )
                     with gr.Row():
-                        with gr.Accordion("英文段落寫作評分歷程回顧", open=False) as english_grapragh_evaluate_logs_accordion:
+                        with gr.Accordion("📊 英文段落寫作評分歷程回顧", open=False) as english_grapragh_evaluate_logs_accordion:
                             with gr.Row():
                                 with gr.Column(scale=1):
                                     # 取得英文段落練習 log from GCS
                                     full_paragraph_evaluate_logs_type = gr.State("jutor_write_full_paragraph_evaluation")
-                                    get_full_paragraph_evaluate_logs_button = gr.Button("取得英文段落寫作評分歷程")
+                                    get_full_paragraph_evaluate_logs_button = gr.Button("👉 取得英文段落寫作評分歷程", variant="primary")
                                     full_paragraph_evaluate_logs_session_list = gr.Radio(label="歷程時間列表")
                                 with gr.Column(scale=3, variant="compact"):
                                     gr.Markdown("<span style='color:#4e80ee'>輸入段落全文</span>")
@@ -2447,12 +2466,12 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue=gr.themes.colors.blue, secondary
                                         ]
                                     )
                     with gr.Row():
-                        with gr.Accordion("英文考古題寫作練習歷程回顧", open=False) as english_exam_practice_logs_accordion:
+                        with gr.Accordion("🎯 英文考古題寫作練習歷程回顧", open=False) as english_exam_practice_logs_accordion:
                             with gr.Row():
                                 with gr.Column(scale=1):
                                     # 取得英文段落練習 log from GCS
                                     past_exam_logs_type = gr.State("jutor_write_past_exam")
-                                    get_past_exam_logs_button = gr.Button("取得英文考古題寫作練習歷程")
+                                    get_past_exam_logs_button = gr.Button("👉 取得英文考古題寫作練習歷程", variant="primary")
                                     past_exam_logs_session_list = gr.Radio(label="歷程時間列表")
                                 with gr.Column(scale=3, variant="compact"):
                                     gr.Markdown("<span style='color:#4e80ee'>考古題</span>")
@@ -2639,7 +2658,7 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue=gr.themes.colors.blue, secondary
                     gr.Markdown("## 段落改善建議")
                 with gr.Row():
                     with gr.Column():
-                        chinese_full_paragraph_refine_input = gr.Textbox(label="這是你的原始寫作內容，參考 JUTOR 的建議，你可以選擇是否修改：", show_copy_button=True)
+                        chinese_full_paragraph_refine_input = gr.TextArea(label="這是你的原始寫作內容，參考 JUTOR 的建議，你可以選擇是否修改：", show_copy_button=True)
                     with gr.Column():
                         generate_chinese_full_paragraph_refine_button = gr.Button("段落改善建議", variant="primary")
                         chinese_full_paragraph_refine_output_table = gr.DataFrame(label="段落改善建議", wrap=True, interactive=False)
@@ -2653,7 +2672,7 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue=gr.themes.colors.blue, secondary
                 with gr.Row():
                     chinese_full_paragraph_save_button = gr.Button("輸出結果", variant="primary")
                 with gr.Row():
-                    chinese_full_paragraph_save_output = gr.Textbox(label="最後結果")
+                    chinese_full_paragraph_save_output = gr.TextArea(label="最後結果")
                     chinese_full_audio_output = gr.Audio(label="音檔", type="filepath")
                     
                 chinese_full_paragraph_evaluate_button.click(