💄 Preserve whitespace in user message (#39)

src/lib/components/chat/ChatMessage.svelte

@@ -53,9 +53,11 @@
 		renderer
 	};
 
-	$: browser && marked(sanitizeMd(message.content), options, handleParsed);
+	$: browser && message.from === 'assistant' && marked(sanitizeMd(message.content), options, handleParsed);
 
-	html = marked(sanitizeMd(message.content), options);
+	if (message.from === 'assistant') {
+		html = marked(sanitizeMd(message.content), options);
+	}
 
 	afterUpdate(() => {
 		if (el) {
@@ -97,8 +99,8 @@
 {#if message.from === 'user'}
 	<div class="flex items-start justify-start gap-4">
 		<div class="mt-5 w-3 h-3 flex-none rounded-full" />
-		<div class="rounded-2xl px-5 py-3.5 text-gray-500 dark:text-gray-400">
-			{message.content}
+		<div class="rounded-2xl px-5 py-3.5 text-gray-500 dark:text-gray-400 whitespace-break-spaces">
+			{message.content.trim()}
 		</div>
 	</div>
 {/if}