# Step 7. 段落確認與修訂

app.py

@@ -196,8 +196,12 @@ def generate_conclusion_sentences(model, max_tokens, sys_content, scenario, eng_
 
     response = OPEN_AI_CLIENT.chat.completions.create(**request_payload)
     content = response.choices[0].message.content.strip()
+    gr_update = gr.update(choices=[content])
 
-    return content
+    return gr_update
+
+def update_conclusion_sentence_input(conclusion_sentence_radio):
+    return conclusion_sentence_radio
 
 def generate_paragraph(topic_sentence, supporting_sentences, conclusion_sentence):
     """
@@ -549,82 +553,178 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue=gr.themes.colors.blue, secondary
                         outputs= [supporting_sentences_input]
                     )
 
+    # Step 6. 寫出結論句
+    with gr.Row():
+        with gr.Column():
+            with gr.Row() as conclusion_sentences_params:
+                default_generate_conclusion_sentence_prompt = """
+                    I'm aiming to improve my writing. 
+                    By the topic sentence, please assist me by "Developing conclusion sentences" 
+                    based on keywords of points to finish a paragrpah as an example.
+                    - Make sure any revised vocabulary aligns with the correctly eng_level. 
+                    - Guidelines for Length and Complexity: 
+                    Please keep the example concise and straightforward, 
+                    avoiding overly technical language. 
+                    Total word-count is around 20.
+                """
+                user_generate_conclusion_sentence_prompt = gr.Textbox(label="Conclusion Sentence Prompt", value=default_generate_conclusion_sentence_prompt, visible=False)
+            
+            with gr.Row() as conclusion_sentences_html:
+                gr.Markdown("# Step 6. 寫出結論句")
+            with gr.Row():
+                with gr.Column():
+                    gr.Markdown("## 總結主要觀點，強化整個資訊的傳遞。重述、摘要、回應或評論主題句。")
+                with gr.Column():
+                    with gr.Accordion("參考指引：撰寫結論句的方法？", open=False):
+                        gr.Markdown("""
+                            - 以換句話說 (paraphrase) 的方式把主題句再說一次
+                            - 摘要三要點方式寫結論句
+                            - 回應或評論主題句的方式來寫結論句（例如主題句要從事課外活動，就說課外活動有這麼多好處，應該多參加課外活動等等）
+                        """)
+            with gr.Row():
+                with gr.Column():
+                    conclusion_sentence_input = gr.Textbox(label="寫出總結段落的結論句")
+                with gr.Column():
+                    generate_conclusion_sentence_button = gr.Button("讓 JUTOR 產生例句，幫助你撰寫結論句。")
+                    conclusion_sentence_output = gr.Radio(choices=[], label="AI Generated Conclusion Sentence 結論句")
 
+                    conclusion_sentence_output.select(
+                        fn=update_conclusion_sentence_input, 
+                        inputs=[conclusion_sentence_output], 
+                        outputs= [conclusion_sentence_input]
+                    )
 
+    # Step 7. 段落確認與修訂
+    with gr.Row():
+        with gr.Column():
+            with gr.Row():
+                gr.Markdown("## 7. Paragraph Integration and Revision 段落確認與修訂")
+            with gr.Row():
+                with gr.Column():
+                    gr.Markdown("""### 你已經完成段落草稿，可再檢視幾次：
+                                    1. 找出文法、拼字或標點錯誤
+                                    2. 需要之處加入合適的轉折詞，例如：first, second, however, moreover, etc.
+                                    3. 整個段落是否連貫、流暢、容易理解
+                                """)
+                with gr.Column():
+                    with gr.Accordion("參考指引：什麼是段落的連貫性？", open=False):
+                        gr.Markdown("""
+                            - 能夠以清晰、邏輯的方式表達自己的想法，使讀者易於理解。
+                            - 連貫的段落應該有一個清晰的主題句來介紹主要想法（main idea），接著是支持句，提供更多細節和例子來支持主題句。
+                            - 支持句應該按照邏輯制序，引導讀者從一個idea順利讀懂下一個idea。
+                            - 有些句子間邏輯關係不清楚，還需要使用轉折詞（邏輯膠水）做連結，來引導讀者，例如：
+                                - first, second, finally 表示段落要點的秩序
+                                - moreover, furthermore, additionally 表示介紹另外一個要點
+                                - however, nevertheless 表示下面句子是相反的關係
+                                - therefore, as a result表示下面句子是結果
+                                - in comparison, by contrast表示下面句子比較的關係
+                                - for example, for instance 表示下面句子是舉例
+                            - 最後，段落應該有一個結論句，總結主要觀點，強化所要傳遞的資訊。
+                        """)
+            with gr.Row():
+                generate_paragraph_button = gr.Button("Generate Paragraph")
+            with gr.Row():
+                paragraph_output = gr.Textbox(label="Generated Paragraph 完整段落", show_copy_button=True)
 
+                generate_paragraph_button.click(
+                    fn=generate_paragraph,
+                    inputs=[
+                        topic_sentence_input,
+                        supporting_sentences_input, 
+                        conclusion_sentence_input
+                    ],
+                    outputs=paragraph_output
+                )
 
-            gr.Markdown("## 6. Conclusion sentence 結論句")
-            default_generate_conclusion_sentence_prompt = """
-                I'm aiming to improve my writing. 
-                By the topic sentence, please assist me by "Developing conclusion sentences" 
-                based on keywords of points to finish a paragrpah as an example.
-                - Make sure any revised vocabulary aligns with the correctly eng_level. 
-                - Guidelines for Length and Complexity: 
-                Please keep the example concise and straightforward, 
-                avoiding overly technical language. 
-                Total word-count is around 20.
-            """
-            user_generate_conclusion_sentence_prompt = gr.Textbox(label="Conclusion Sentence Prompt", value=default_generate_conclusion_sentence_prompt, visible=False)
-            generate_conclusion_sentence_button = gr.Button("AI Generate Conclusion Sentence")
-            conclusion_sentence_output = gr.Textbox(label="AI Generated Conclusion Sentence 結論句", show_copy_button=True)
-            conclusion_sentence_input = gr.Textbox(label="Conclusion Sentence")
-
-            gr.Markdown("## 7. Paragraph Integration and Revision 段落確認與修訂")
-            generate_paragraph_button = gr.Button("Generate Paragraph")
-            paragraph_output = gr.Textbox(label="Generated Paragraph 完整段落", show_copy_button=True)
-            paragraph_input = gr.Textbox(label="Paragraph")
-
-            gr.Markdown("## 8. Evaluate 分析")
-            default_user_generate_paragraph_evaluate_prompt = """
-                Based on the final paragraph provided, evaluate the writing in terms of content, organization, grammar, and vocabulary. Provide feedback in simple and supportive language.
-
-                -- 根據上述的文章，以「內容（content）」層面評分。
-                - 評分等級有三級：beginner, intermediate, advanced. - 以繁體中文解釋
-                評分結果以 JSON 格式輸出: content: { 
-                "content_level": "#beginner/intermediate/advanced", 
-                "content_explanation": "#中文解釋"
-                }
-
-                -- 根據上述的文章，以「組織（organization）」層面評分。
-                - 評分等級有三級：beginner, intermediate, advanced. - 以繁體中文解釋
-                評分結果以 JSON 格式輸出: organization: { 
-                "organization_level": "#beginner/intermediate/advanced", 
-                "organization_explanation": "#中文解釋" 
-                }
-
-                -- 根據上述的文章，以「文法和用法（Grammar and usage）」層面評分。
-                - 評分等級有三級：beginner, intermediate, advanced. - 以繁體中文解釋
-                評分結果以 JSON 格式輸出: grammar_and_usage: { 
-                "GrammarAndUsage_level": "#beginner/intermediate/advanced", 
-                "GrammarAndUsage_explanation": "#中文解釋" 
-                }
-
-                -- 根據上述的文章，以「詞彙（Vocabulary ）」層面評分。
-                - 評分等級有三級：beginner, intermediate, advanced. - 以繁體中文解釋
-                評分結果以 JSON 格式輸出: vocabulary: { 
-                "Vocabulary_level": "#beginner/intermediate/advanced", 
-                "Vocabulary_explanation": "#中文解釋" 
-                }
-
-                -- 根據上述的文章，以「連貫性和連接詞（Coherence and Cohesion）」層面評分。
-                - 評分等級有三級：beginner, intermediate, advanced. - 以繁體中文解釋
-                評分結果以 JSON 格式輸出: coherence_and_cohesion: { 
-                "CoherenceAndCohesion_level": "#beginner/intermediate/advanced", 
-                "CoherenceAndCohesion_explanation": "#中文解釋"
-                }
 
-                將上述的輸出為 JSON:
-                {{
-                “content“: {content’s dict},
-                “organization“: {organization dict},
-                “grammar_and_usage“: {grammar_and_usage dict},
-                “vocabulary“: {vocabulary dict},
-                “coherence_and_cohesion“: {coherence_and_cohesion dict}
-                }}            
-            """
-            user_generate_paragraph_evaluate_prompt = gr.Textbox(label="Paragraph evaluate Prompt", value=default_user_generate_paragraph_evaluate_prompt, visible=False)
-            generate_paragraph_evaluate_button = gr.Button("Save and Evaluate")
-            paragraph_evaluate_output = gr.Textbox(label="Generated Paragraph evaluate 完整段落分析", show_copy_button=True)
+    with gr.Row():
+        with gr.Column():
+            with gr.Row():
+                gr.Markdown("## 8. Evaluate 分析")
+            with gr.Row():
+                default_user_generate_paragraph_evaluate_prompt = """
+                    Based on the final paragraph provided, evaluate the writing in terms of content, organization, grammar, and vocabulary. Provide feedback in simple and supportive language.
+
+                    -- 根據上述的文章，以「內容（content）」層面評分。
+                    Assess the student's writing by focusing on the 'Content' category according to the established rubric. Determine the clarity of the theme or thesis statement and whether it is supported by specific and complete details relevant to the topic. Use the following levels to guide your evaluation:
+
+                    - Excellent (5-4 points): Look for a clear and pertinent theme or thesis, directly related to the topic, with detailed support.
+                    - Good (3 points): The theme should be present but may lack clarity or emphasis; some narrative development related to the theme should be evident.
+                    - Fair (2-1 points): Identify if the theme is unclear or if the majority of the narrative is undeveloped or irrelevant to the theme.
+                    - Poor (0 points): Determine if the response is off-topic or not written at all. Remember that any response that is off-topic or unwritten should receive zero points in all aspects.
+
+                    Your detailed feedback should explain the score you assign, including specific examples from the text to illustrate how well the student's content meets the criteria. Translate your feedback into Traditional Chinese (zh_tw) as the final result (#中文解釋).
+
+                    評分結果以 JSON 格式輸出: content: { 
+                    "content_level": "#Excellent(5-4 pts)/Good(3 pts)/Fair(2-1 pts)/Poor(0 pts)", 
+                    "content_explanation": "#中文解釋 zh-TW"
+                    }
+
+                    -- 根據上述的文章，以「組織（organization）」層面評分。
+                    Evaluate the student's writing with a focus on 'Organization' according to the grading rubric. Consider the structure of the text, including the presence of a clear introduction, development, and conclusion, as well as the coherence throughout the piece and the use of transitional phrases. Use the following levels to structure your feedback:
+
+                    - Excellent (5-4 points): Look for clear key points with a logical introduction, development, and conclusion, and note whether transitions are coherent and effectively used.
+                    - Good (3 points): The key points should be identifiable but may not be well-arranged; observe any imbalance in development and transitional phrase usage.
+                    - Fair (2-1 points): Identify if the key points are unclear and if the text lacks coherence.
+                    - Poor (0 points): Check if the writing is completely unorganized or not written according to the prompts. Texts that are entirely unorganized should receive zero points.
+                    
+                    Your detailed feedback should explain the score you assign, including specific examples from the text to illustrate how well the student's Organization meets the criteria. Translate your feedback into Traditional Chinese (zh_tw) as the final result (#中文解釋).
+
+                    評分結果以 JSON 格式輸出: organization: { 
+                    "organization_level": "#Excellent(5-4 pts)/Good(3 pts)/Fair(2-1 pts)/Poor(0 pts)", 
+                    "organization_explanation": "#中文解釋 zh-TW" 
+                    }
+
+                    -- 根據上述的文章，以「文法和用法（Grammar and usage）」層面評分。
+                    Review the student's writing, paying special attention to 'Grammar/Sentence Structure'. Assess the accuracy of grammar and the variety of sentence structures throughout the essay. Use the rubric levels to judge the work as follows:
+
+                    - Excellent (5-4 points): Search for text with minimal grammatical errors and a diverse range of sentence structures.
+                    - Good (3 points): There may be some grammatical errors, but they should not affect the overall meaning or flow of the text.
+                    - Fair (2-1 points): Determine if grammatical errors are frequent and if they significantly affect the meaning of the text.
+                    - Poor (0 points): If the essay contains severe grammatical errors throughout, leading to an unclear meaning, it should be marked accordingly.
+
+                    Your detailed feedback should explain the score you assign, including specific examples from the text to illustrate how well the student's Grammar/Sentence Structure meets the criteria. Translate your feedback into Traditional Chinese (zh_tw) as the final result (#中文解釋).
+
+                    評分結果以 JSON 格式輸出: grammar_and_usage: { 
+                    "GrammarAndUsage_level": "#Excellent(5-4 pts)/Good(3 pts)/Fair(2-1 pts)/Poor(0 pts)", 
+                    "GrammarAndUsage_explanation": "#中文解釋 zh-TW" 
+                    }
+
+                    -- 根據上述的文章，以「詞彙（Vocabulary ）」層面評分。
+                    Assess the use of 'Vocabulary/Spelling' in the student's writing based on the criteria provided. Evaluate the precision and appropriateness of the vocabulary and the presence of spelling errors. Reference the following scoring levels in your analysis:
+
+                    - Excellent (5-4 points): The writing should contain accurate and appropriate vocabulary with almost no spelling mistakes.
+                    - Good (3 points): Vocabulary might be somewhat repetitive or mundane; there may be occasional misused words and minor spelling mistakes, but they should not impede understanding.
+                    - Fair (2-1 points): Notice if there are many vocabulary errors and spelling mistakes that clearly affect the clarity of the text's meaning.
+                    - Poor (0 points): Writing that only contains scattered words related to the topic or is copied should be scored as such.
+
+                    Your detailed feedback should explain the score you assign, including specific examples from the text to illustrate how well the student's Vocabulary/Spelling meets the criteria. Translate your feedback into Traditional Chinese (zh_tw) as the final result (#中文解釋).
+
+                    評分結果以 JSON 格式輸出: vocabulary: { 
+                    "Vocabulary_level": "#Excellent(5-4 pts)/Good(3 pts)/Fair(2-1 pts)/Poor(0 pts)", 
+                    "Vocabulary_explanation": "#中文解釋 zh-TW" 
+                    }
+
+                    -- 根據上述的文章，以「連貫性和連接詞（Coherence and Cohesion）」層面評分。
+                    - 評分等級有三級：beginner, intermediate, advanced.
+                    - 以繁體中文 zh-TW 解釋
+                    評分結果以 JSON 格式輸出: coherence_and_cohesion: { 
+                    "CoherenceAndCohesion_level": "#beginner/intermediate/advanced", 
+                    "CoherenceAndCohesion_explanation": "#中文解釋 zh-TW"
+                    }
+
+                    Final Output JSON Format:
+                    {{
+                    “content“: {{content’s dict}},
+                    “organization“: {{organization'dict}},
+                    “grammar_and_usage“: {{grammar_and_usage'dict}},
+                    “vocabulary“: {{vocabulary'dict}},
+                    “coherence_and_cohesion“: {{coherence_and_cohesion'dict}}
+                    }}            
+                """
+                user_generate_paragraph_evaluate_prompt = gr.Textbox(label="Paragraph evaluate Prompt", value=default_user_generate_paragraph_evaluate_prompt, visible=False)
+                generate_paragraph_evaluate_button = gr.Button("Save and Evaluate")
+                paragraph_evaluate_output = gr.Textbox(label="Generated Paragraph evaluate 完整段落分析", show_copy_button=True)
     
             gr.Markdown("## 9. Correct Grammatical and Spelling Errors 修訂文法與拼字錯誤")
             default_user_correct_grammatical_spelling_errors_prompt = """
@@ -757,20 +857,12 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue=gr.themes.colors.blue, secondary
         outputs=conclusion_sentence_output
     )
 
-    generate_paragraph_button.click(
-        fn=generate_paragraph,
-        inputs=[
-            topic_sentence_input,
-            supporting_sentences_input, 
-            conclusion_sentence_input
-        ],
-        outputs=paragraph_output
-    )
+    
 
     generate_paragraph_evaluate_button.click(
         fn=generate_paragraph_evaluate,
         inputs=[
-            paragraph_input,
+            paragraph_output,
             user_generate_paragraph_evaluate_prompt
         ],
         outputs=paragraph_evaluate_output
@@ -780,7 +872,7 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue=gr.themes.colors.blue, secondary
         fn=generate_correct_grammatical_spelling_errors,
         inputs=[
             eng_level_input,
-            paragraph_input,
+            paragraph_output,
             user_correct_grammatical_spelling_errors_prompt
         ],
         outputs=correct_grammatical_spelling_errors_output