fix: model selector's trigger ui

web/app/components/header/account-setting/model-provider-page/model-name/index.tsx

@@ -37,7 +37,7 @@ const ModelName: FC<ModelNameProps> = ({
   if (!modelItem)
     return null
   return (
-    <div className={cn('flex items-center overflow-hidden text-ellipsis truncate text-components-input-text-filled system-sm-regular', className)}>
+    <div className={cn('flex gap-0.5 items-center overflow-hidden text-ellipsis truncate text-components-input-text-filled system-sm-regular', className)}>
       <div
         className='truncate'
         title={modelItem.label[language] || modelItem.label.en_US}

web/app/components/header/account-setting/model-provider-page/model-selector/model-trigger.tsx

@@ -42,10 +42,11 @@ const ModelTrigger: FC<ModelTriggerProps> = ({
       )}
     >
       <ModelIcon
-        className='shrink-0 mr-1.5'
+        className='shrink-0 m-1'
         provider={provider}
         modelName={model.model}
       />
+      <div className='flex px-1 py-[3px] items-center gap-1 grow'>
         <ModelName
           className='grow'
           modelItem={model}
@@ -58,7 +59,7 @@ const ModelTrigger: FC<ModelTriggerProps> = ({
               model.status !== ModelStatusEnum.active
                 ? (
                   <Tooltip popupContent={MODEL_STATUS_TEXT[model.status][language]}>
-                  <AlertTriangle className='w-4 h-4 text-[#F79009]' />
+                    <AlertTriangle className='w-4 h-4 text-text-warning-secondary' />
                   </Tooltip>
                 )
                 : (
@@ -70,6 +71,7 @@ const ModelTrigger: FC<ModelTriggerProps> = ({
           </div>
         )}
       </div>
+    </div>
   )
 }