def generate_submission_html(submission_json):

assignment_ui.py

@@ -142,30 +142,124 @@ def create_assignment_ui(user_data, assignment_service, submission_service):
                     choices.append(choice)
                 return gr.update(choices=choices)
             
-            def update_submission_data_html(submission_json):
+            def generate_submission_html(submission_json):
+                submission_data = submission_json.get('submission_data', {})
+                content = submission_data.get('content', {})
+                
                 html = f"""
                 <div style="background-color: #f8f9fa; padding: 30px; border-radius: 15px; font-family: 'Helvetica', sans-serif;">
                     <h2 style="color: #007bff; font-size: 28px; margin-bottom: 20px;">📝 學生回傳作業</h2>
                     <div style="background-color: white; border-radius: 10px; padding: 20px; box-shadow: 0 2px 4px rgba(0,0,0,0.05);">
                         <div style="margin-bottom: 20px;">
                             <div style="font-weight: bold; color: #6c757d; margin-bottom: 5px;">👤 學生姓名</div>
-                            <div style="background-color: #f8f9fa; padding: 10px 15px; border-radius: 5px;">{submission_json['student_name']}</div>
+                            <div style="background-color: #f8f9fa; padding: 10px 15px; border-radius: 5px;">
+                                {submission_json.get('student_name', '未提供')}
+                            </div>
                         </div>
                         <div style="margin-bottom: 20px;">
-                            <div style="font-weight: bold; color: #6c757d; margin-bottom: 5px;">🆔 學生帳號</div>
-                            <div style="background-color: #f8f9fa; padding: 10px 15px; border-radius: 5px;">{submission_json['student_id']}</div>
+                            <div style="font-weight: bold; color: #6c757d; margin-bottom: 5px;">🆔 學生ID</div>
+                            <div style="background-color: #f8f9fa; padding: 10px 15px; border-radius: 5px;">
+                                {submission_json.get('student_id', '未提供')}
+                            </div>
                         </div>
                         <div style="margin-bottom: 20px;">
-                            <div style="font-weight: bold; color: #28a745; margin-bottom: 5px;">📄 回傳内容</div>
-                            <div style="background-color: #f8f9fa; padding: 10px 15px; border-radius: 5px; white-space: pre-wrap;">{submission_json['submission_data']['content']}</div>
+                            <div style="font-weight: bold; color: #6c757d; margin-bottom: 5px;">🕒 繳交時間</div>
+                            <div style="background-color: #f8f9fa; padding: 10px 15px; border-radius: 5px;">{submission_json.get('timestamp', '未提供')}</div>
                         </div>
-                        <div>
-                            <div style="font-weight: bold; color: #17a2b8; margin-bottom: 5px;">🕒 回傳日期</div>
-                            <div style="background-color: #f8f9fa; padding: 10px 15px; border-radius: 5px;">{submission_json['timestamp']}</div>
+                        <div style="margin-bottom: 20px;">
+                            <div style="font-weight: bold; color: #28a745; margin-bottom: 5px;">📄 輸入段落全文</div>
+                            <div style="background-color: #f8f9fa; padding: 10px 15px; border-radius: 5px; white-space: pre-wrap;">{content.get('chinese_full_paragraph_input', '未提供')}</div>
+                        </div>
+                        
+                        <div style="margin-bottom: 20px;">
+                            <div style="font-weight: bold; color: #17a2b8; margin-bottom: 5px;">📊 段落全文分析</div>
+                            <div style="background-color: #f8f9fa; padding: 10px 15px; border-radius: 5px; white-space: pre-wrap;">{content.get('chinese_full_paragraph_evaluate_output_text', '未提供')}</div>
+                        </div>
+                """
+
+                if 'chinese_full_paragraph_evaluate_output_table' in content:
+                    html += """
+                        <div style="margin-bottom: 20px;">
+                            <div style="font-weight: bold; color: #dc3545; margin-bottom: 5px;">📊 評分結果</div>
+                            <div style="background-color: #f8f9fa; padding: 10px 15px; border-radius: 5px;">
+                                <table style="width: 100%; border-collapse: collapse;">
+                                    <tr style="background-color: #e9ecef;">
+                                        <th style="padding: 10px; border: 1px solid #dee2e6;">評分項目</th>
+                                        <th style="padding: 10px; border: 1px solid #dee2e6;">分數</th>
+                                        <th style="padding: 10px; border: 1px solid #dee2e6;">評語</th>
+                                    </tr>
+                    """
+                    for item in content['chinese_full_paragraph_evaluate_output_table']:
+                        html += f"""
+                                    <tr>
+                                        <td style='padding: 10px; border: 1px solid #dee2e6;'>{item.get('架構', '')}</td>
+                                        <td style='padding: 10px; border: 1px solid #dee2e6;'>{item.get('評分', '')}</td>
+                                        <td style='padding: 10px; border: 1px solid #dee2e6;'>{item.get('解釋', '')}</td>
+                                    </tr>
+                        """
+                    html += """
+                                </table>
+                            </div>
+                        </div>
+                    """
+
+                html += f"""
+                    <div style="margin-bottom: 20px;">
+                        <div style="font-weight: bold; color: #6610f2; margin-bottom: 5px;">🔄 段落改善建議 輸入</div>
+                        <div style="background-color: #f8f9fa; padding: 10px 15px; border-radius: 5px; white-space: pre-wrap;">{content.get('chinese_full_paragraph_refine_input', '未提供')}</div>
+                    </div>
+                    
+                    <div style="margin-bottom: 20px;">
+                        <div style="font-weight: bold; color: #fd7e14; margin-bottom: 5px;">🔄 段落改善建議</div>
+                        <div style="background-color: #f8f9fa; padding: 10px 15px; border-radius: 5px; white-space: pre-wrap;">{content.get('chinese_full_paragraph_refine_output_text', '未提供')}</div>
+                    </div>
+                """
+
+                if 'chinese_full_paragraph_refine_output_table' in content:
+                    html += """
+                        <div style="margin-bottom: 20px;">
+                            <div style="font-weight: bold; color: #20c997; margin-bottom: 5px;">📊 修改後評分</div>
+                            <div style="background-color: #f8f9fa; padding: 10px 15px; border-radius: 5px;">
+                                <table style="width: 100%; border-collapse: collapse;">
+                                    <tr style="background-color: #e9ecef;">
+                                        <th style="padding: 10px; border: 1px solid #dee2e6;">評分項目</th>
+                                        <th style="padding: 10px; border: 1px solid #dee2e6;">分數</th>
+                                        <th style="padding: 10px; border: 1px solid #dee2e6;">評語</th>
+                                    </tr>
+                    """
+                    for item in content['chinese_full_paragraph_refine_output_table']:
+                        html += f"""
+                                    <tr>
+                                        <td style='padding: 10px; border: 1px solid #dee2e6;'>{item.get('架構', '')}</td>
+                                        <td style='padding: 10px; border: 1px solid #dee2e6;'>{item.get('評分', '')}</td>
+                                        <td style='padding: 10px; border: 1px solid #dee2e6;'>{item.get('解釋', '')}</td>
+                                    </tr>
+                        """
+                    html += """
+                                </table>
+                            </div>
                         </div>
+                    """
+
+                html += f"""
+                    <div style="margin-bottom: 20px;">
+                        <div style="font-weight: bold; color: #20c997; margin-bottom: 5px;">📝 修改結果</div>
+                        <div style="background-color: #f8f9fa; padding: 10px 15px; border-radius: 5px; white-space: pre-wrap;">{content.get('chinese_full_paragraph_save_output', '未提供')}</div>
+                    </div>
+                """
+
+                html += """
                     </div>
                 </div>
                 """
+                return html
+
+            def update_submission_data_html(submission_json):
+                html = generate_submission_html(submission_json)
+                return gr.update(value=html)
+
+            def update_submission_data_html(submission_json):
+                html = generate_submission_html(submission_json)
                 return gr.update(value=html)
 
             get_all_assignments_button.click(
@@ -210,7 +304,7 @@ def create_assignment_ui(user_data, assignment_service, submission_service):
                 outputs=[submission_data_html]
             )
 
-        with gr.Tab("學生｜模擬繳交"):
+        with gr.Tab("生｜模擬繳交"):
             with gr.Row():
                 with gr.Column():
                     assignment_id_input_student = gr.Textbox(label="作業 ID")