From ef5f9d07b0086726941a736b950b495dea994650 Mon Sep 17 00:00:00 2001
From: Aleksander Grygier <aleksander.grygier@gmail.com>
Date: Sun, 23 Nov 2025 22:23:50 +0100
Subject: [PATCH] feat: Improve Model Selector responsiveness

---
 .../app/chat/ChatForm/ChatFormActions/ChatFormActions.svelte | 4 ++--
 .../webui/src/lib/components/app/misc/SelectorModel.svelte   | 5 +++--
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/tools/server/webui/src/lib/components/app/chat/ChatForm/ChatFormActions/ChatFormActions.svelte b/tools/server/webui/src/lib/components/app/chat/ChatForm/ChatFormActions/ChatFormActions.svelte
index 7275728395..e4f14dba93 100644
--- a/tools/server/webui/src/lib/components/app/chat/ChatForm/ChatFormActions/ChatFormActions.svelte
+++ b/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
diff --git a/tools/server/webui/src/lib/components/app/misc/SelectorModel.svelte b/tools/server/webui/src/lib/components/app/misc/SelectorModel.svelte
index 73389e91c7..4acbc32434 100644
--- a/tools/server/webui/src/lib/components/app/misc/SelectorModel.svelte
+++ b/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}