From 6493652ff03e8cb63e6d95a09b83bd69b4d39202 Mon Sep 17 00:00:00 2001
From: Dayuan Jiang <34411969+DayuanJiang@users.noreply.github.com>
Date: Sat, 8 Aug 2026 10:31:46 +0900
Subject: [PATCH] fix: prevent model selector label overflow (#910)

* fix: constrain model selector label width

* ci: ignore generated SVG assets in Biome
---
 biome.json                    | 3 ++-
 components/model-selector.tsx | 6 +++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/biome.json b/biome.json
index 2c4409f..67de74a 100644
--- a/biome.json
+++ b/biome.json
@@ -6,7 +6,8 @@
         "useIgnoreFile": true
     },
     "files": {
-        "ignoreUnknown": false
+        "ignoreUnknown": false,
+        "includes": ["**", "!public/**/*.svg"]
     },
     "formatter": {
         "enabled": true,
diff --git a/components/model-selector.tsx b/components/model-selector.tsx
index dc5faed..3debb9e 100644
--- a/components/model-selector.tsx
+++ b/components/model-selector.tsx
@@ -158,7 +158,7 @@ export function ModelSelector({
     }, [])
 
     return (
-        <div ref={wrapperRef} className="inline-block">
+        <div ref={wrapperRef} className="min-w-0 max-w-48">
             <ModelSelectorRoot open={open} onOpenChange={setOpen}>
                 <ModelSelectorTrigger asChild>
                     <ButtonWithTooltip
@@ -167,7 +167,7 @@ export function ModelSelector({
                         size="sm"
                         disabled={disabled}
                         className={cn(
-                            "hover:bg-accent gap-1.5 h-8 px-2 transition-[padding,background-color] duration-150 ease-in-out",
+                            "h-8 min-w-0 max-w-full shrink overflow-hidden gap-1.5 px-2 transition-[padding,background-color] duration-150 ease-in-out hover:bg-accent",
                             !showLabel && "px-1.5 justify-center",
                         )}
                         // accessibility: expose label to screen readers
@@ -176,7 +176,7 @@ export function ModelSelector({
                         <Bot className="h-4 w-4 flex-shrink-0 text-muted-foreground" />
                         {/* show/hide visible label based on measured width */}
                         {showLabel ? (
-                            <span className="text-xs truncate">
+                            <span className="min-w-0 truncate text-xs">
                                 {selectedModel
                                     ? selectedModel.modelId
                                     : dict.modelConfig.default}