Highlight current convo + fix sending bug (#37)

src/routes/+layout.svelte

@@ -92,7 +92,10 @@
 			{#each data.conversations as conv}
 				<a
 					href="/conversation/{conv.id}"
-					class="truncate py-3 px-3 rounded-lg flex-none text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 flex items-center"
+					class="truncate py-3 px-3 rounded-lg flex-none text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 flex items-center {conv.id ===
+					$page.params.id
+						? 'bg-gray-100 dark:bg-gray-700'
+						: ''}"
 				>
 					{conv.title}
 

src/routes/conversation/[id]/+page.svelte

@@ -5,18 +5,18 @@
 	import type { PageData } from './$types';
 	import { page } from '$app/stores';
 	import { HfInference } from '@huggingface/inference';
+	import { invalidate } from '$app/navigation';
 
 	export let data: PageData;
 
 	$: messages = data.messages;
 
 	const hf = new HfInference();
-	const model = hf.endpoint($page.url.href);
 
 	let loading = false;
 
 	async function getTextGenerationStream(inputs: string) {
-		const response = model.textGenerationStream(
+		const response = hf.endpoint($page.url.href).textGenerationStream(
 			{
 				inputs,
 				parameters: {
@@ -63,6 +63,9 @@
 			messages = [...messages, { from: 'user', content: message }];
 
 			await getTextGenerationStream(message);
+
+			// Reload conversation order - doesn't seem to work
+			// await invalidate('/');
 		} finally {
 			loading = false;
 		}