From 3e8cc8204eecf295e86b06b7a656ba415ef61a3f Mon Sep 17 00:00:00 2001
From: dingyongliang <dingyongliang@easycorp.ltd>
Date: Thu, 18 Jan 2024 17:17:44 +0800
Subject: [PATCH] * format ai message content.

---
 module/aiapp/css/browseminiprogram.ui.css | 5 +++++
 module/aiapp/js/browseminiprogram.ui.js   | 3 ++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/module/aiapp/css/browseminiprogram.ui.css b/module/aiapp/css/browseminiprogram.ui.css
index 5f1b1942dc..3e9da2ef1b 100644
--- a/module/aiapp/css/browseminiprogram.ui.css
+++ b/module/aiapp/css/browseminiprogram.ui.css
@@ -79,6 +79,7 @@
     gap: 16px;
     padding: 20px 20px 0 20px;
     overflow-y: auto;
+    overflow-x: hidden;
 }
 
 .message {
@@ -112,6 +113,10 @@
     word-break: break-all;
 }
 
+pre.message-content {
+    white-space: pre-wrap;
+}
+
 .ai-message-content {
     background: #ECF4FF;
 }
diff --git a/module/aiapp/js/browseminiprogram.ui.js b/module/aiapp/js/browseminiprogram.ui.js
index 1e5ad8ef1c..0a77214aa6 100644
--- a/module/aiapp/js/browseminiprogram.ui.js
+++ b/module/aiapp/js/browseminiprogram.ui.js
@@ -333,7 +333,8 @@ function createMessageTime(time)
  */
 function createMessageContent(role, content)
 {
-    return $(`<div class="message-content ${role}-message-content">${content}</div>`);
+    content = content.replace(/\n{2,}/g, '\n');
+    return $(`<pre class="message-content ${role}-message-content">${content}</pre>`);
 }
 
 /**