testing stuff

src/lib/components/Playground/Playground.svelte

@@ -48,6 +48,10 @@
 		}
 	];
 
+	$: if (conversations.length > 1) {
+		viewCode = false;
+	}
+
 	let currentConversation = conversations[0];
 	let systemMessage: Message = { role: 'system', content: '' };
 	$: messages = currentConversation.messages;
@@ -224,7 +228,7 @@
 				>
 					{#if conversations.length > 1}
 						<div
-							class="flex h-10 flex-none items-center gap-1.5 whitespace-nowrap rounded-lg border border-gray-200/80 bg-white pl-3 pr-2 text-sm leading-none shadow-sm *:flex-none"
+							class="flex h-11 flex-none items-center gap-1.5 whitespace-nowrap rounded-lg border border-gray-200/80 bg-white pl-3 pr-2 text-sm leading-none shadow-sm *:flex-none"
 							class:mr-3={index === 0}
 							class:mx-3={index === 1}
 						>

src/lib/components/Playground/PlaygroundMessage.svelte

@@ -13,7 +13,7 @@
 </script>
 
 <div
-	class="group/message group grid grid-cols-[1fr,2.5rem] items-start gap-2 px-6 pb-6 pt-4 hover:bg-gray-50 @2xl:grid-cols-[130px,1fr,2.5rem] @2xl:grid-rows-1 @2xl:gap-4 dark:hover:bg-gray-800/50 {$$props.class}"
+	class="group/message group grid grid-cols-[1fr,2.5rem] items-start gap-2 px-3.5 pb-6 pt-4 hover:bg-gray-100/70 @2xl:grid-cols-[130px,1fr,2.5rem] @2xl:grid-rows-1 @2xl:gap-4 @2xl:px-6 dark:hover:bg-gray-800/50 {$$props.class}"
 >
 	<div class="col-span-2 pb-1 pt-3 text-sm font-semibold uppercase @2xl:col-span-1 @2xl:pb-2">
 		{message.role}

src/lib/components/Playground/PlaygroundModelSelector.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
 	export let compatibleModels: string[] = [];
 	export let currentModel = compatibleModels[0];
+	export let disabled = false;
 </script>
 
 <div>
@@ -10,6 +11,7 @@
 		>Models<span class="ml-4 font-normal text-gray-400">{compatibleModels.length}</span>
 	</label>
 	<select
+		{disabled}
 		bind:value={currentModel}
 		class="block w-full rounded-lg border border-gray-300 bg-gray-50 p-2.5 text-sm text-gray-900 focus:border-blue-500 focus:ring-blue-500 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400 dark:focus:border-blue-500 dark:focus:ring-blue-500"
 	>