From dd790035fd9171ed1799c8238a016447dfeb0a51 Mon Sep 17 00:00:00 2001
From: Jicheng Lu <franklujc@gmail.com>
Date: Sat, 24 Feb 2024 16:49:33 -0600
Subject: [PATCH] render markdown

---
 .../messageComponents/rc-text.svelte             | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/routes/chat/[agentId]/[conversationId]/messageComponents/rc-text.svelte b/src/routes/chat/[agentId]/[conversationId]/messageComponents/rc-text.svelte
index 5f439cef..2761e8d5 100644
--- a/src/routes/chat/[agentId]/[conversationId]/messageComponents/rc-text.svelte
+++ b/src/routes/chat/[agentId]/[conversationId]/messageComponents/rc-text.svelte
@@ -1,11 +1,25 @@
 <script>
 	import { replaceNewLine } from '$lib/helpers/http';
+	import { Renderer, marked } from 'marked';
+
 	/** @type {any} */
 	export let message;
+	
+	let displayText = '';
+	$: {
+		const text = replaceNewLine(marked(message?.text || '')?.toString());
+		if (!!text && text.endsWith('<br>')) {
+			const idx = text.lastIndexOf('<br>');
+			displayText = text.substring(0, idx);
+		} else {
+			displayText = text;
+		}
+	}
+
 </script>
 
 <div class="ctext-wrap">
 	<div class="flex-shrink-0 align-self-center">
-		<span>{@html replaceNewLine(message?.text || '')}</span>
+		<span>{@html displayText}</span>
 	</div>
 </div>
\ No newline at end of file