:zap: [Enhance] Do not render user input, and keep line breaks

components/messager.js

@@ -32,8 +32,8 @@ class MessagerViewer {
         this.content_displayer = $("<div>")
             .addClass("col-12 px-2 pt-4")
             .addClass("content-displayer")
-            .addClass(`chat-${this.message.role}`)
-            .append(this.message.content);
+            .addClass(`chat-${this.message.role}`);
+        this.content_displayer.text(this.message.content);
         this.content_displayer.data("raw_content", this.message.content);
     }
     create_button_group() {

css/default.css

@@ -28,6 +28,7 @@
     color: black;
     border: lightgray 1px solid;
     background-color: #eafaf1;
+    white-space: pre-wrap;
 }
 
 .chat-assistant {