From 6e27b6a44f5cce1a08582ccb1d879138a192db3b Mon Sep 17 00:00:00 2001
From: Roo Code <roomote@roocode.com>
Date: Tue, 12 Aug 2025 12:40:42 +0000
Subject: [PATCH 1/2] fix: truncate long model names in ModelPicker to prevent
 overflow

---
 webview-ui/src/components/settings/ModelPicker.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/webview-ui/src/components/settings/ModelPicker.tsx b/webview-ui/src/components/settings/ModelPicker.tsx
index cdfd8c7c9d1..9e1898c6fe2 100644
--- a/webview-ui/src/components/settings/ModelPicker.tsx
+++ b/webview-ui/src/components/settings/ModelPicker.tsx
@@ -155,7 +155,7 @@ export const ModelPicker = ({
 							aria-expanded={open}
 							className="w-full justify-between"
 							data-testid="model-picker-button">
-							<div>{selectedModelId ?? t("settings:common.select")}</div>
+							<div className="truncate">{selectedModelId ?? t("settings:common.select")}</div>
 							<ChevronsUpDown className="opacity-50" />
 						</Button>
 					</PopoverTrigger>
@@ -194,7 +194,7 @@ export const ModelPicker = ({
 											value={model}
 											onSelect={onSelect}
 											data-testid={`model-option-${model}`}>
-											{model}
+											<span className="truncate">{model}</span>
 											<Check
 												className={cn(
 													"size-4 p-0.5 ml-auto",

From cf7020e983c34d0350b351489e2c6b9c46833b1e Mon Sep 17 00:00:00 2001
From: Matt Rubens <mrubens@users.noreply.github.com>
Date: Tue, 12 Aug 2025 10:07:48 -0400
Subject: [PATCH 2/2] Update webview-ui/src/components/settings/ModelPicker.tsx

Co-authored-by: roomote[bot] <219738659+roomote[bot]@users.noreply.github.com>
---
 webview-ui/src/components/settings/ModelPicker.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/webview-ui/src/components/settings/ModelPicker.tsx b/webview-ui/src/components/settings/ModelPicker.tsx
index 9e1898c6fe2..a5a3fb6ef34 100644
--- a/webview-ui/src/components/settings/ModelPicker.tsx
+++ b/webview-ui/src/components/settings/ModelPicker.tsx
@@ -194,7 +194,7 @@ export const ModelPicker = ({
 											value={model}
 											onSelect={onSelect}
 											data-testid={`model-option-${model}`}>
-											<span className="truncate">{model}</span>
+<span className="truncate" title={model}>{model}</span>
 											<Check
 												className={cn(
 													"size-4 p-0.5 ml-auto",