more models

src/lib/components/Playground/Playground.svelte

@@ -13,11 +13,34 @@
 	};
 
 	const compatibleModels: string[] = [
+		'CohereForAI/c4ai-command-r-plus',
 		'google/gemma-2-27b-it',
-		'meta-llama/Meta-Llama-3-8B-Instruct',
+		'HuggingFaceH4/zephyr-orpo-141b-A35b-v0.1',
 		'meta-llama/Meta-Llama-3-70B-Instruct',
-		'mistralai/Mistral-7B-Instruct-v0.3'
+
+		'01-ai/Yi-1.5-34B-Chat',
+		'codellama/CodeLlama-34b-Instruct-hf',
+		'google/gemma-1.1-7b-it',
+		'HuggingFaceH4/starchat2-15b-v0.1',
+		'HuggingFaceH4/zephyr-7b-beta',
+		'mistralai/Mistral-7B-Instruct-v0.2',
+		'mistralai/Mistral-7B-Instruct-v0.3',
+
+		'HuggingFaceM4/idefics2-8b-chatty',
+		'HuggingFaceH4/starchat-beta',
+		'HuggingFaceM4/idefics-9b-instruct',
+		'meta-llama/Llama-2-13b-chat-hf',
+		'meta-llama/Llama-2-70b-chat-hf',
+		'meta-llama/Meta-Llama-3-8B-Instruct',
+		'mistralai/Mistral-7B-Instruct-v0.1',
+		'mistralai/Mixtral-8x7B-Instruct-v0.1',
+
+		'google/gemma-1.1-2b-it',
+		'meta-llama/Llama-2-7b-chat-hf',
+		'microsoft/Phi-3-mini-4k-instruct',
+		'tiiuae/falcon-7b-instruct'
 	];
+
 	$: console.log($currentModel);
 	const startMessages: Message[] = [{ role: 'user', content: '' }];
 
@@ -166,7 +189,7 @@
 			id=""
 			placeholder="Enter a custom prompt"
 			bind:value={$systemMessageParam}
-			class="absolute inset-x-0 bottom-0 h-full resize-none bg-transparent p-2 pl-5 pr-3 pt-14 outline-none"
+			class="absolute inset-x-0 bottom-0 h-full resize-none bg-transparent p-2 pl-5 pr-3 pt-16 outline-none"
 		></textarea>
 	</div>
 	<div class="relative divide-y divide-gray-200 dark:divide-gray-800">