fix(vscode): pair selection foreground with highlight in model picker

This commit is contained in:
bashrusakh
2026-08-20 12:00:01 +11:00
parent d80a011cbd
commit f1b9308394
3 changed files with 7 additions and 3 deletions
@@ -688,7 +688,9 @@ export const ModelPickerList: React.FC<ModelPickerListProps> = ({
onMouseMove={handleMouseActivity}
className={cn(
'w-full text-left px-2 py-1.5 rounded-md typography-meta flex items-center gap-2 cursor-pointer',
!disabled && (isHighlighted ? 'bg-interactive-selection' : 'hover:bg-interactive-hover/50'),
!disabled && (isHighlighted
? 'bg-interactive-selection text-interactive-selection-foreground'
: 'hover:bg-interactive-hover/50'),
disabled && 'cursor-not-allowed opacity-60',
rowClassName,
)}
@@ -701,9 +703,9 @@ export const ModelPickerList: React.FC<ModelPickerListProps> = ({
) : null}
{showProviderLogo ? <ProviderLogo providerId={entry.providerID} className="h-3.5 w-3.5 flex-shrink-0" /> : null}
<span className="font-medium truncate">{getModelDisplayName(entry.model)}</span>
{contextTokens ? <span className="typography-micro text-muted-foreground flex-shrink-0">{contextTokens}</span> : null}
{contextTokens ? <span className={cn('typography-micro flex-shrink-0', isHighlighted ? 'text-interactive-selection-foreground/70' : 'text-muted-foreground')}>{contextTokens}</span> : null}
</div>
{count > 0 ? <span className="typography-micro text-muted-foreground flex-shrink-0">x{count}</span> : null}
{count > 0 ? <span className={cn('typography-micro flex-shrink-0', isHighlighted ? 'text-interactive-selection-foreground/70' : 'text-muted-foreground')}>x{count}</span> : null}
{renderRowEnd?.(entry, { isHighlighted, isSelected })}
{isSelected ? <Icon name="check" className="h-4 w-4 text-primary flex-shrink-0" /> : null}
{onToggleFavorite ? (