fix outside click handling

package.json

@@ -53,7 +53,7 @@
 		"highlight.js": "^11.10.0",
 		"jiti": "^2.4.2",
 		"jsdom": "^26.0.0",
-		"melt": "^0.40.2",
+		"melt": "^0.41.0",
 		"openai": "^4.90.0",
 		"playwright": "^1.52.0",
 		"postcss": "^8.4.38",

pnpm-lock.yaml

@@ -139,8 +139,8 @@ importers:
         specifier: ^26.0.0
         version: 26.1.0
       melt:
-        specifier: ^0.40.2
-        version: 0.40.2(@floating-ui/dom@1.6.13)(svelte@5.38.7)
+        specifier: ^0.41.0
+        version: 0.41.0(@floating-ui/dom@1.6.13)(svelte@5.38.7)
       openai:
         specifier: ^4.90.0
         version: 4.90.0(ws@8.18.2)(zod@3.25.76)
@@ -2287,8 +2287,8 @@ packages:
     resolution: {integrity: sha512-aisnrDP4GNe06UcKFnV5bfMNPBUw4jsLGaWwWfnH3v02GnBuXX2MCVn5RbrWo0j3pczUilYblq7fQ7Nw2t5XKw==}
     engines: {node: '>= 0.8'}
 
-  melt@0.40.2:
-    resolution: {integrity: sha512-lmf17KdERiDZ4Fefx4B/nrvMptG8QqUexMuRlaxT9AlbX7zbjaqPfJz31ekRvkcw6pgYOuYmQPmhY6jlUDVqSw==}
+  melt@0.41.0:
+    resolution: {integrity: sha512-WRnW09FVudTF53yvUKLxmjev03uvC1jf0PBNZVQn1GDMhSNVh4aG69S0pAXvOl0kNtMks1OqVinQY4hP/68ZVQ==}
     peerDependencies:
       '@floating-ui/dom': ^1.6.0
       svelte: ^5.30.1
@@ -5409,7 +5409,7 @@ snapshots:
 
   media-typer@1.1.0: {}
 
-  melt@0.40.2(@floating-ui/dom@1.6.13)(svelte@5.38.7):
+  melt@0.41.0(@floating-ui/dom@1.6.13)(svelte@5.38.7):
     dependencies:
       '@floating-ui/dom': 1.6.13
       dequal: 2.0.3

src/lib/components/inference-playground/model-selector-modal.svelte

@@ -91,6 +91,7 @@
 	const isCustom = typia.createIs<CustomModel>();
 
 	const combobox = new Combobox<string | undefined>({
+		closeOnOutsideClick: false,
 		onOpenChange(o) {
 			if (!o) onClose?.();
 		},
@@ -134,6 +135,7 @@
 					: null;
 		},
 	});
+
 	$effect(() => {
 		untrack(() => combobox.highlight(conversation.model.id));
 		// Workaround while this component does not use a <dialog />
@@ -160,7 +162,7 @@
 				bind:value={query}
 				{@attach autofocus()}
 			/>
-			<Tooltip openDelay={100}>
+			<Tooltip openDelay={1000}>
 				{#snippet trigger(tooltip)}
 					<button
 						class="ml-2 grid size-8 place-items-center rounded-md transition-colors {showVisionOnly
@@ -170,6 +172,7 @@
 						{...tooltip.trigger}
 						onclick={e => {
 							e.stopPropagation();
+							e.preventDefault();
 							showVisionOnly = !showVisionOnly;
 						}}
 					>