with gr.Accordion("📚 中文段落練習歷程回顧", open=False) as chinese_grapragh_practice_logs_accordion:

app.py

@@ -897,6 +897,79 @@ def update_exam_contents(selected_title):
         if exam["title"] == selected_title:
             return exam["title"], exam["question"], exam["hint"], exam["image_url"]
 
+def generate_chinese_paragraph_practice_history(
+    user_data,
+    session_timestamp,
+    request_origin,
+    chinese_full_paragraph_input,
+    chinese_full_paragraph_evaluate_output,
+    chinese_full_paragraph_correct_grammatical_spelling_errors_input,
+    chinese_full_paragraph_correct_grammatical_spelling_errors_output_table,
+    chinese_full_paragraph_refine_input,
+    chinese_full_paragraph_refine_output_table,
+    chinese_full_paragraph_refine_output,
+    chinese_full_paragraph_save_output
+):
+    if user_data:
+        encoded_user_id_url = urllib.parse.quote(user_data, safe='')
+        log_type_name = "jutor_write_chinese_full_paragraph_evaluation"
+        file_name = f"{encoded_user_id_url}/{log_type_name}/{session_timestamp}.json"
+        content = {
+            "session_timestamp": session_timestamp,
+            "request_origin": request_origin,
+            "full_paragraph_input": chinese_full_paragraph_input,
+            "full_paragraph_evaluate_output": chinese_full_paragraph_evaluate_output.to_dict(orient='records'),
+            "full_paragraph_correct_grammatical_spelling_errors_input": chinese_full_paragraph_correct_grammatical_spelling_errors_input,
+            "full_paragraph_correct_grammatical_spelling_errors_output_table": chinese_full_paragraph_correct_grammatical_spelling_errors_output_table.to_dict(orient='records'),
+            "full_paragraph_refine_input": chinese_full_paragraph_refine_input,
+            "full_paragraph_refine_output_table": chinese_full_paragraph_refine_output_table.to_dict(orient='records'),
+            "full_paragraph_refine_output": chinese_full_paragraph_refine_output,
+            "full_paragraph_save_output": chinese_full_paragraph_save_output
+        }
+        GCS_SERVICE.upload_json_string("jutor_logs", file_name, json.dumps(content))
+
+    return chinese_full_paragraph_input, \
+            chinese_full_paragraph_evaluate_output, \
+            chinese_full_paragraph_correct_grammatical_spelling_errors_input, \
+            chinese_full_paragraph_correct_grammatical_spelling_errors_output_table, \
+            chinese_full_paragraph_refine_input, \
+            chinese_full_paragraph_refine_output_table, \
+            chinese_full_paragraph_refine_output, \
+            chinese_full_paragraph_save_output
+
+
+
+def get_chinese_paragraph_practice_log_session_content(file_name):
+    if file_name:
+        content = GCS_SERVICE.download_as_string("jutor_logs", file_name)
+        print(f"content: {content}")
+        content_json = json.loads(content)
+        chinese_full_paragraph_input_history = content_json["full_paragraph_input"]
+        chinese_full_paragraph_evaluate_output_history = pd.DataFrame(content_json["full_paragraph_evaluate_output"])
+        chinese_full_paragraph_correct_grammatical_spelling_errors_input_history = content_json["full_paragraph_correct_grammatical_spelling_errors_input"]
+        chinese_full_paragraph_correct_grammatical_spelling_errors_output_table_history = pd.DataFrame(content_json["full_paragraph_correct_grammatical_spelling_errors_output_table"])
+        chinese_full_paragraph_refine_input_history = content_json["full_paragraph_refine_input"]
+        chinese_full_paragraph_refine_output_table_history = pd.DataFrame(content_json["full_paragraph_refine_output_table"])
+        chinese_full_paragraph_refine_output_history = content_json["full_paragraph_refine_output"]
+        chinese_full_paragraph_save_output_history = content_json["full_paragraph_save_output"]
+    else:
+        chinese_full_paragraph_input_history = ""
+        chinese_full_paragraph_evaluate_output_history = pd.DataFrame()
+        chinese_full_paragraph_correct_grammatical_spelling_errors_input_history = ""
+        chinese_full_paragraph_correct_grammatical_spelling_errors_output_table_history = pd.DataFrame()
+        chinese_full_paragraph_refine_input_history = ""
+        chinese_full_paragraph_refine_output_table_history = pd.DataFrame()
+        chinese_full_paragraph_refine_output_history = ""
+        chinese_full_paragraph_save_output_history = ""
+
+    return chinese_full_paragraph_input_history, \
+            chinese_full_paragraph_evaluate_output_history, \
+            chinese_full_paragraph_correct_grammatical_spelling_errors_input_history, \
+            chinese_full_paragraph_correct_grammatical_spelling_errors_output_table_history, \
+            chinese_full_paragraph_refine_input_history, \
+            chinese_full_paragraph_refine_output_table_history, \
+            chinese_full_paragraph_refine_output_history, \
+            chinese_full_paragraph_save_output_history
 
 # 小工具
 def show_elements():
@@ -2545,6 +2618,7 @@ with gr.Blocks(theme=THEME, css=CSS) as demo:
         with gr.Column():
             with gr.Row() as page_title_chinese:
                 gr.Markdown("# 🔮 JUTOR 國文段落寫作練習")
+                
             # =====中文作文工具=====
             with gr.Tab("中文作文工具") as chinese_idea_tab:
                 # 輸入題目、輸出靈感
@@ -2674,7 +2748,63 @@ with gr.Blocks(theme=THEME, css=CSS) as demo:
                 with gr.Row():
                     chinese_full_paragraph_save_output = gr.TextArea(label="最後結果")
                     chinese_full_audio_output = gr.Audio(label="音檔", type="filepath")
-                    
+
+                # 建立歷程回顧
+                with gr.Row():
+                    chinese_paragraph_save_history_button = gr.Button("建立歷程回顧", variant="primary")
+                with gr.Row():
+                    with gr.Accordion("歷程回顧", open=False) as chinese_grapragh_practice_history_accordion:
+                        gr.Markdown("<span style='color:#4e80ee'>輸入段落全文</span>")
+                        chinese_full_paragraph_input_history = gr.Markdown()
+                        gr.Markdown("<span style='color:#4e80ee'>段落全文分析</span>")
+                        chinese_full_paragraph_evaluate_output_history = gr.Dataframe(wrap=True, column_widths=[35, 15, 50], interactive=False)
+
+                        gr.Markdown("<span style='color:#4e80ee'>修訂文法與拼字錯誤 輸入</span>")
+                        chinese_full_paragraph_correct_grammatical_spelling_errors_input_history = gr.Markdown()
+                        gr.Markdown("<span style='color:#4e80ee'>修訂文法與拼字錯誤</span>")
+                        chinese_full_paragraph_correct_grammatical_spelling_errors_output_table_history = gr.Dataframe(interactive=False, wrap=True, column_widths=[30, 30, 40])
+
+                        gr.Markdown("<span style='color:#4e80ee'>段落改善建議 輸入</span>")
+                        chinese_full_paragraph_refine_input_history = gr.Markdown()
+                        gr.Markdown("<span style='color:#4e80ee'>段落改善建議</span>")
+                        chinese_full_paragraph_refine_output_table_history = gr.Dataframe(wrap=True, interactive=False, column_widths=[30, 30, 40])
+
+                        gr.Markdown("<span style='color:#4e80ee'>修改建議</span>")
+                        chinese_full_paragraph_refine_output_history = gr.Markdown()
+                        gr.Markdown("<span style='color:#4e80ee'>修改結果</span>")
+                        chinese_full_paragraph_save_output_history = gr.Markdown()
+
+                    chinese_paragraph_save_history_button.click(
+                        fn=generate_chinese_paragraph_practice_history,
+                        inputs=[
+                            user_data,
+                            session_timestamp,
+                            request_origin,
+                            chinese_full_paragraph_input,
+                            chinese_full_paragraph_evaluate_output,
+                            chinese_full_paragraph_correct_grammatical_spelling_errors_input,
+                            chinese_full_paragraph_correct_grammatical_spelling_errors_output_table,
+                            chinese_full_paragraph_refine_input,
+                            chinese_full_paragraph_refine_output_table,
+                            chinese_full_paragraph_refine_output,
+                            chinese_full_paragraph_save_output
+                        ],
+                        outputs=[
+                            chinese_full_paragraph_input_history,
+                            chinese_full_paragraph_evaluate_output_history,
+                            chinese_full_paragraph_correct_grammatical_spelling_errors_input_history,
+                            chinese_full_paragraph_correct_grammatical_spelling_errors_output_table_history,
+                            chinese_full_paragraph_refine_input_history,
+                            chinese_full_paragraph_refine_output_table_history,
+                            chinese_full_paragraph_refine_output_history,
+                            chinese_full_paragraph_save_output_history
+                        ]
+                    ).then(
+                        fn=update_history_accordion,
+                        inputs=[],
+                        outputs=[chinese_grapragh_practice_history_accordion]
+                    )
+
                 chinese_full_paragraph_evaluate_button.click(
                     fn=generate_chinese_evaluation_table,
                     inputs=[model, chinese_full_paragraph_sys_content_input, user_generate_chinese_full_paragraph_evaluate_prompt, chinese_full_paragraph_input],
@@ -2715,6 +2845,60 @@ with gr.Blocks(theme=THEME, css=CSS) as demo:
                     outputs=[chinese_full_paragraph_save_output, chinese_full_audio_output]
                 )
 
+            # === 歷程 session 列表
+            with gr.Tab("歷程回顧"):
+                with gr.Accordion("📚 中文段落練習歷程回顧", open=False) as chinese_grapragh_practice_logs_accordion:
+                    # 變數名稱就是加上 logs
+                    with gr.Row():
+                        with gr.Column(scale=1):
+                            # 取得中文段落練習 log from GCS
+                            chinese_paragraph_practice_logs_type = gr.State("jutor_write_chinese_full_paragraph_evaluation")
+                            get_chinese_paragraph_practice_logs_button = gr.Button("👉 取得中文段落寫作練習歷程", variant="primary")    
+                            chinese_paragraph_practice_logs_session_list = gr.Radio(label="歷程時間列表")
+                        with gr.Column(scale=3, variant="compact"):
+                            gr.Markdown("<span style='color:#4e80ee'>輸入段落全文</span>")
+                            chinese_full_paragraph_input_history_log = gr.Markdown()
+                            gr.Markdown("<span style='color:#4e80ee'>段落全文分析</span>")
+                            chinese_full_paragraph_evaluate_output_history_log = gr.Dataframe(wrap=True, column_widths=[35, 15, 50], interactive=False)
+
+                            gr.Markdown("<span style='color:#4e80ee'>修訂文法與拼字錯誤 輸入</span>")
+                            chinese_full_paragraph_correct_grammatical_spelling_errors_input_history_log = gr.Markdown()
+                            gr.Markdown("<span style='color:#4e80ee'>修訂文法與拼字錯誤</span>")
+                            chinese_full_paragraph_correct_grammatical_spelling_errors_output_table_history_log = gr.Dataframe(interactive=False, wrap=True, column_widths=[30, 30, 40])
+
+                            gr.Markdown("<span style='color:#4e80ee'>段落改善建議 輸入</span>")
+                            chinese_full_paragraph_refine_input_history_log = gr.Markdown()
+                            gr.Markdown("<span style='color:#4e80ee'>段落改善建議</span>")
+                            chinese_full_paragraph_refine_output_table_history_log = gr.Dataframe(wrap=True, interactive=False, column_widths=[30, 30, 40])
+
+                            gr.Markdown("<span style='color:#4e80ee'>修改建議</span>")
+                            chinese_full_paragraph_refine_output_history_log = gr.Markdown()
+                            gr.Markdown("<span style='color:#4e80ee'>修改結果</span>")
+                            chinese_full_paragraph_save_output_history_log = gr.Markdown()
+
+                            get_chinese_paragraph_practice_logs_button.click(
+                                fn=get_logs_sessions,
+                                inputs=[user_data, chinese_paragraph_practice_logs_type],
+                                outputs=[chinese_paragraph_practice_logs_session_list]
+                            )
+
+                            chinese_paragraph_practice_logs_session_list.select(
+                                fn=get_chinese_paragraph_practice_log_session_content,
+                                inputs=[chinese_paragraph_practice_logs_session_list],
+                                outputs=[
+                                    chinese_full_paragraph_input_history_log,
+                                    chinese_full_paragraph_evaluate_output_history_log,
+                                    chinese_full_paragraph_correct_grammatical_spelling_errors_input_history_log,
+                                    chinese_full_paragraph_correct_grammatical_spelling_errors_output_table_history_log,
+                                    chinese_full_paragraph_refine_input_history_log,
+                                    chinese_full_paragraph_refine_output_table_history_log,
+                                    chinese_full_paragraph_refine_output_history_log,
+                                    chinese_full_paragraph_save_output_history_log
+                                ]
+                            )
+                            
+                
+
 
     demo.load(
         init_params,