fix

src/lib/components/chat/Assistant.svelte

@@ -26,17 +26,19 @@
 </script>
 
 <article class="w-[600px] rounded-3xl border border-border bg-background p-5 shadow-lg/5">
-	<div class="nodrag">
+	<div class="nodrag cursor-auto">
 		<header class="mb-3 flex items-center justify-between">
 			<div class="flex flex-wrap items-center gap-1">
-				<Button variant="outline" size="sm" class="group relative font-normal! shadow-none!">
+				<div
+					class="group relative inline-flex h-8 shrink-0 items-center justify-center gap-1.5 rounded-md border bg-background px-3 text-sm font-normal! text-gray-600 has-[>svg]:px-2.5 dark:border-input dark:bg-input/30 dark:text-gray-400"
+				>
 					<img
 						src={selectedModel.avatarUrl}
 						alt={selectedModel.modelName}
 						class="size-3.5 rounded-full"
 					/>
 					{selectedModel.modelName}
-				</Button>
+				</div>
 			</div>
 		</header>
 

src/lib/components/chat/Message.svelte

@@ -46,7 +46,7 @@
 						<img
 							src={`https://huggingface.co/api/avatars/${provider}`}
 							alt={provider}
-							class="size-4"
+							class="size-4 rounded"
 						/>
 					{/if}
 					{provider}

src/lib/components/chat/User.svelte

@@ -145,7 +145,7 @@
 							data: {
 								role: 'user',
 								messages: [...messages, { role: 'assistant', content }],
-								selectedModel: model
+								selectedModels: [model]
 							}
 						};
 						const newEdge: Edge = {