feat: integrate MarkdownIt for rendering messages and update styles in message components

widget/lib/services/message-asset.ts

@@ -1,3 +1,5 @@
+import MarkdownIt from "markdown-it";
+
 export type WidgetMessageAssetPayload = {
   assetId: string;
   filename?: string;
@@ -6,6 +8,12 @@ export type WidgetMessageAssetPayload = {
   url?: string;
 };
 
+const messageMarkdown = new MarkdownIt({
+  html: false,
+  linkify: true,
+  breaks: true,
+});
+
 export function parseMessageAssetPayload(
   payload?: string,
 ): WidgetMessageAssetPayload | null {
@@ -58,7 +66,7 @@ export function renderMessageHTML(message: {
     return `<p>${escapeHTML(message.content || "[附件]")}</p>`;
   }
 
-  return `<p>${escapeHTML(message.content || "")}</p>`;
+  return renderTextMessageHTML(message.content || "");
 }
 
 export function summarizeMessage(message: {
@@ -110,6 +118,14 @@ function extractTextFromHTML(html: string): string {
   return div.textContent || div.innerText || "";
 }
 
+function renderTextMessageHTML(content: string) {
+  const value = content.trim();
+  if (!value) {
+    return "<p></p>";
+  }
+  return messageMarkdown.render(value);
+}
+
 function escapeHTML(value: string) {
   return value
     .replaceAll("&", "&amp;")