fix: truncate long model names in model selector to prevent overflow (#6985)

Co-authored-by: roomote[bot] <219738659+roomote[bot]@users.noreply.github.com>
Co-authored-by: Roo Code <roomote@roocode.com>
Co-authored-by: Matt Rubens <mrubens@users.noreply.github.com>
This commit is contained in:
roomote[bot] 2025-08-12 10:08:36 -04:00 • committed by GitHub
parent 3acb3ba21e
commit 1d8b51d7c9
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -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" title={model}>{model}</span>
<Check
className={cn(
"size-4 p-0.5 ml-auto",