From 0585d01badc507ba8cccb219fabdd9deb25b017c Mon Sep 17 00:00:00 2001
From: Sergey Kozyrenko <sirozha_blr@tut.by>
Date: Fri, 17 Jul 2026 02:33:50 +0700
Subject: [PATCH] fix(settings): match the provider combobox triggers to the
 select chrome
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The provider Type combobox rendered as a Button outline — opaque bg-background,
a ChevronsUpDown icon and font-medium text — while every select on the knowledge
form is a transparent-bg SelectTrigger with a single ChevronDown. Side by side
the Type field read as a different control.

The combobox trigger now carries bg-transparent, px-3, font-normal and a
ChevronDown size-4, matching SelectTrigger; the model combobox's addon chevron
follows suit. Measured against the canon at 1440: transparent bg, chevron-down
16px opacity .5, h-9, px-3, weight 400 — identical.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 frontend/src/pages/settings/settings-provider.tsx | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/frontend/src/pages/settings/settings-provider.tsx b/frontend/src/pages/settings/settings-provider.tsx
index 2ceb31e7..b1bc7196 100644
--- a/frontend/src/pages/settings/settings-provider.tsx
+++ b/frontend/src/pages/settings/settings-provider.tsx
@@ -3,7 +3,7 @@ import {
     AlertCircle,
     Check,
     CheckCircle,
-    ChevronsUpDown,
+    ChevronDown,
     Clock,
     Ellipsis,
     Lightbulb,
@@ -213,12 +213,15 @@ function FormComboboxItem<T extends FieldValues = FieldValues>({
                 >
                     <PopoverTrigger asChild>
                         <Button
-                            className={cn('w-full justify-between', !displayValue && 'text-muted-foreground')}
+                            className={cn(
+                                'h-9 w-full justify-between bg-transparent px-3 font-normal hover:bg-transparent',
+                                !displayValue && 'text-muted-foreground',
+                            )}
                             disabled={disabled}
                             variant="outline"
                         >
                             {displayValue || placeholder}
-                            <ChevronsUpDown className="opacity-50" />
+                            <ChevronDown className="size-4 opacity-50" />
                         </Button>
                     </PopoverTrigger>
                     <PopoverContent
@@ -464,7 +467,7 @@ function FormModelComboboxItem<T extends FieldValues = FieldValues>({
                                     disabled={disabled}
                                     size="icon-sm"
                                 >
-                                    <ChevronsUpDown className="opacity-50" />
+                                    <ChevronDown className="size-4 opacity-50" />
                                 </InputGroupButton>
                             </PopoverTrigger>
                         </InputGroupAddon>