bug: fix newline in messages and textbox not resizing on submit (#1497)

Author: ibuildthecloud

ui/user/src/lib/components/Thread.svelte

@@ -59,7 +59,7 @@
 						{@html toHTMLFromMarkdown(assistant.introductionMessage)}
 					{/if}
 				</div>
-				<div class="flex gap-2 self-center">
+				<div class="grid gap-2 self-center md:grid-cols-3">
 					{#each assistant?.starterMessages ?? [] as msg}
 						<button
 							class="rounded-3xl border-2 border-blue p-5"

ui/user/src/lib/components/messages/Input.svelte

@@ -3,6 +3,7 @@
 	import { editor } from '$lib/stores';
 	import { autoHeight } from '$lib/actions/textarea.js';
 	import { ArrowUp, LoaderCircle } from 'lucide-svelte';
+	import { tick } from 'svelte';
 
 	interface Props {
 		onFocus?: () => void;
@@ -62,6 +63,8 @@
 		}
 
 		value = '';
+		await tick();
+		chat.dispatchEvent(new Event('resize'));
 	}
 
 	async function onKey(e: KeyboardEvent) {

ui/user/src/lib/components/messages/Message.svelte

@@ -218,7 +218,9 @@
 
 {#snippet messageContent()}
 	{#if msg.sent}
-		{content}
+		{#each content.split('\n') as line}
+			<p>{line}</p>
+		{/each}
 		{@render explain()}
 	{:else}
 		{@html toHTMLFromMarkdown(content)}