def get_log_session_content(file_name):

app.py

@@ -11,6 +11,8 @@ import pytz
 import json
 import tempfile
 import urllib.parse
+import pandas as pd
+
 
 from storage_service import GoogleCloudStorage
 
@@ -634,10 +636,42 @@ def get_log_session_content(file_name):
         content = GCS_SERVICE.download_as_string("jutor_logs", file_name)
         print(f"content: {content}")
         content_json = json.loads(content)
+        paragraph_log_topic_input_history = content_json["topic_output"]
+        paragraph_log_points_input_history = content_json["points_output"]
+        paragraph_log_topic_sentence_input_history = content_json["topic_sentence_input"]
+        paragraph_log_supporting_sentences_input_history = content_json["supporting_sentences_input"]
+        paragraph_log_conclusion_sentence_input_history = content_json["conclusion_sentence_input"]
+        paragraph_log_paragraph_output_history = content_json["paragraph_output"]
+        # to df
+        paragraph_log_paragraph_evaluate_output_history = pd.DataFrame(content_json["paragraph_evaluate_output"])
+        paragraph_log_correct_grammatical_spelling_errors_output_table_history = pd.DataFrame(content_json["correct_grammatical_spelling_errors_output_table"])
+        paragraph_log_refine_output_table_history = pd.DataFrame(content_json["refine_output_table"])
+        paragraph_log_refine_output_history = content_json["refine_output"]
+        paragraph_log_paragraph_save_output = content_json["paragraph_output"]
     else:
-        content_json = None
-
-    return content_json
+        paragraph_log_topic_input_history = ""
+        paragraph_log_points_input_history = ""
+        paragraph_log_topic_sentence_input_history = ""
+        paragraph_log_supporting_sentences_input_history = ""
+        paragraph_log_conclusion_sentence_input_history = ""
+        paragraph_log_paragraph_output_history = ""
+        paragraph_log_paragraph_evaluate_output_history = pd.DataFrame()
+        paragraph_log_correct_grammatical_spelling_errors_output_table_history = pd.DataFrame()
+        paragraph_log_refine_output_table_history = pd.DataFrame()
+        paragraph_log_refine_output_history = ""
+        paragraph_log_paragraph_save_output = ""
+
+    return paragraph_log_topic_input_history, \
+            paragraph_log_points_input_history, \
+            paragraph_log_topic_sentence_input_history, \
+            paragraph_log_supporting_sentences_input_history, \
+            paragraph_log_conclusion_sentence_input_history, \
+            paragraph_log_paragraph_output_history, \
+            paragraph_log_paragraph_evaluate_output_history, \
+            paragraph_log_correct_grammatical_spelling_errors_output_table_history, \
+            paragraph_log_refine_output_table_history, \
+            paragraph_log_refine_output_history, \
+            paragraph_log_paragraph_save_output
 
 
 # === Chinese ===
@@ -772,8 +806,6 @@ def init_params(request: gr.Request):
         # session timestamp 用 2024-01-01-12-00-00 格式, 要用 UTC+8 時間
         session_timestamp = datetime.now(pytz.utc).astimezone(pytz.timezone('Asia/Taipei')).strftime("%Y-%m-%d-%H-%M-%S")
 
-
-        
         if "language" in query_params:
             if query_params["language"] == "english":
                 print(f"language: english")
@@ -2010,7 +2042,26 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue=gr.themes.colors.blue, secondary
                             get_paragraph_logs_button = gr.Button("取得英文段落練習歷程")
                             paragraph_logs_session_list = gr.Radio(label="歷程時間列表")
                         with gr.Column(scale=3):
-                            paragraph_logs_session_content = gr.JSON()
+                            with gr.Accordion("歷程回顧", open=True) as paragraph_logs_accordion:
+                                gr.Markdown("<span style='color:#4e80ee'>主題</span>")
+                                paragraph_log_topic_input_history = gr.Markdown(label="主題")
+                                gr.Markdown("<span style='color:#4e80ee'>要點/關鍵字</span>")
+                                paragraph_log_points_input_history = gr.Markdown(label="要點/關鍵字")
+                                gr.Markdown("<span style='color:#4e80ee'>主題句</span>")
+                                paragraph_log_topic_sentence_input_history = gr.Markdown(label="主題句")
+                                gr.Markdown("<span style='color:#4e80ee'>支持句</span>")
+                                paragraph_log_supporting_sentences_input_history = gr.Markdown(label="支持句")
+                                gr.Markdown("<span style='color:#4e80ee'>結論句</span>")
+                                paragraph_log_conclusion_sentence_input_history = gr.Markdown(label="結論句")
+                                gr.Markdown("<span style='color:#4e80ee'>完整段落</span>")
+                                paragraph_log_paragraph_output_history = gr.Markdown(label="完整段落")
+                                paragraph_log_paragraph_evaluate_output_history = gr.Dataframe(label="完整段落分析", wrap=True, column_widths=[35, 15, 50], interactive=False)
+                                paragraph_log_correct_grammatical_spelling_errors_output_table_history = gr.Dataframe(label="修訂文法與拼字錯誤", interactive=False, wrap=True, column_widths=[30, 30, 40])
+                                paragraph_log_refine_output_table_history = gr.Dataframe(label="段落改善建議", wrap=True, interactive=False, column_widths=[30, 30, 40])
+                                gr.Markdown("<span style='color:#4e80ee'>修改建議</span>")
+                                paragraph_log_refine_output_history = gr.Markdown(label="修改建議")
+                                gr.Markdown("<span style='color:#4e80ee'>修改結果</span>")
+                                paragraph_log_paragraph_save_output = gr.Markdown(label="最後結果")
 
                             get_paragraph_logs_button.click(
                                 fn=get_logs_sessions,
@@ -2021,7 +2072,19 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue=gr.themes.colors.blue, secondary
                             paragraph_logs_session_list.select(
                                 fn=get_log_session_content,
                                 inputs=[paragraph_logs_session_list],
-                                outputs=[paragraph_logs_session_content]
+                                outputs=[
+                                    paragraph_log_topic_input_history,
+                                    paragraph_log_points_input_history,
+                                    paragraph_log_topic_sentence_input_history,
+                                    paragraph_log_supporting_sentences_input_history,
+                                    paragraph_log_conclusion_sentence_input_history,
+                                    paragraph_log_paragraph_output_history,
+                                    paragraph_log_paragraph_evaluate_output_history,
+                                    paragraph_log_correct_grammatical_spelling_errors_output_table_history,
+                                    paragraph_log_refine_output_table_history,
+                                    paragraph_log_refine_output_history,
+                                    paragraph_log_paragraph_save_output
+                                ]
                             )