feat: Improve Model Selector responsiveness

tools/server/webui/src/lib/components/app/chat/ChatForm/ChatFormActions/ChatFormActions.svelte

@@ -59,10 +59,10 @@
 	});
 </script>
 
-<div class="flex w-full items-center gap-3 {className}">
+<div class="flex w-full items-center gap-3 {className}" style="container-type: inline-size">
 	<ChatFormActionFileAttachments class="mr-auto" {disabled} {onFileUpload} />
 
-	<SelectorModel class="max-w-80" forceForegroundText={true} />
+	<SelectorModel forceForegroundText={true} />
 
 	{#if isLoading}
 		<Button

tools/server/webui/src/lib/components/app/misc/SelectorModel.svelte

@@ -297,9 +297,10 @@
 							: isHighlightedCurrentModelActive
 								? 'text-foreground'
 								: 'text-muted-foreground',
-					isOpen ? 'text-foreground' : ''
+					isOpen ? 'text-foreground' : '',
+					className
 				)}
-				style="max-width: min(calc(100vw - 2rem), 32rem)"
+				style="max-width: min(calc(100cqw - 6.5rem), 32rem)"
 				aria-haspopup={isRouter ? 'listbox' : undefined}
 				aria-expanded={isRouter ? isOpen : undefined}
 				onclick={toggleOpen}