update rendering

pages/batch_evaluation.py

@@ -2,6 +2,7 @@ from dotenv import load_dotenv
 import gradio as gr
 
 import json
+import html
 
 import numpy as np
 
@@ -22,6 +23,10 @@ def display_results(response_list):
         summary = item['summary']
         response = item['response']
         rouge_score = item['metric_score']['rouge_score']
+
+        dialogue = html.escape(item['dialogue']).replace('\n', '<br>')
+        summary = html.escape(item['summary']).replace('\n', '<br>')
+        response = html.escape(item['response']).replace('\n', '<br>')
         
         html_output += f"""
         <details>
@@ -29,20 +34,20 @@ def display_results(response_list):
         <div style="display: flex; justify-content: space-between;">
             <div style="width: 30%;">
                 <h3>Dialogue</h3>
-                {dialogue}
+                <pre style="white-space: pre-wrap; word-wrap: break-word;">{dialogue}</pre>
             </div>
             <div style="width: 30%;">
                 <h3>Summary</h3>
-                {summary}
+                <pre style="white-space: pre-wrap; word-wrap: break-word;">{summary}</pre>
             </div>
             <div style="width: 30%;">
                 <h3>Response</h3>
-                {response}
+                <pre style="white-space: pre-wrap; word-wrap: break-word;">{response}</pre>
             </div>
         </div>
         </details>
         """
-    
+
     return html_output
 
 def process(model_selection, prompt, num=10):
@@ -50,7 +55,7 @@ def process(model_selection, prompt, num=10):
     with open("test_samples/test_data.json", "r") as file:
         json_data = file.read()
         dataset = json.loads(json_data)
-        
+
     for data in dataset:
         dialogue = data['dialogue']
         format = data['format']