fix slider bug

src/lib/components/InferencePlayground/InferencePlaygroundCodeSnippets.svelte

@@ -48,7 +48,7 @@
 			messages: conversation.messages,
 			streaming: conversation.streaming,
 			max_tokens: conversation.config.max_tokens,
-			temparature: conversation.config.temperature,
+			temperature: conversation.config.temperature,
 			top_p: conversation.config.top_p,
 		});
 	}

src/lib/components/InferencePlayground/InferencePlaygroundProviderSelect.svelte

@@ -88,7 +88,7 @@
 	</button>
 
 	<div {...$menu} use:menu class="rounded-lg border bg-gray-100/80 dark:border-gray-700 dark:bg-gray-800">
-		{#each conversation.model.inferenceProviderMapping as { provider }}
+		{#each conversation.model.inferenceProviderMapping as { provider } (provider)}
 			<button {...$option({ value: provider })} use:option class="group block w-full p-1 text-sm dark:text-white">
 				<div
 					class="flex items-center gap-2 rounded-md px-2 py-1.5 group-data-[highlighted]:bg-gray-200 dark:group-data-[highlighted]:bg-gray-700"

src/lib/stores/session.ts

@@ -68,6 +68,7 @@ function createSessionStore() {
 	});
 
 	const update: typeof store.update = cb => {
+		const prevQuery = window.location.search;
 		const query = new URLSearchParams(window.location.search);
 		query.delete("modelId");
 		query.delete("provider");
@@ -81,7 +82,12 @@ function createSessionStore() {
 			const providers = s.conversations.map(c => c.provider ?? "hf-inference");
 			providers.forEach(p => query.append("provider", p));
 
-			goto(`?${query}`, { replaceState: true });
+			const newQuery = query.toString();
+			// slice to remove the ? prefix
+			if (newQuery !== prevQuery.slice(1)) {
+				console.log(prevQuery, newQuery);
+				goto(`?${query}`, { replaceState: true });
+			}
 
 			return s;
 		});