fix: long model name display issue

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

@@ -22,9 +22,10 @@ const ModelTrigger: FC<ModelTriggerProps> = ({
 
   return (
     <div
-      className={cn('group flex flex-grow items-center p-[3px] pl-1 h-8 gap-1 rounded-lg bg-components-input-bg-disabled cursor-pointer', className)}
+      className={cn('group flex flex-grow box-content items-center p-[3px] pl-1 h-8 gap-1 rounded-lg bg-components-input-bg-disabled cursor-pointer', className)}
     >
-      <div className='flex items-center py-[1px] gap-1 grow'>
+      <div className='flex items-center w-full'>
+        <div className='flex items-center py-[1px] gap-1 min-w-0 flex-1'>
           <ModelIcon
             className="w-4 h-4"
             provider={currentProvider}
@@ -34,12 +35,13 @@ const ModelTrigger: FC<ModelTriggerProps> = ({
             {modelName}
           </div>
         </div>
-      <div className='shrink-0 flex items-center justify-center w-4 h-4'>
+        <div className='shrink-0 flex items-center justify-center'>
           <Tooltip popupContent={t('common.modelProvider.deprecated')}>
             <AlertTriangle className='w-4 h-4 text-text-warning-secondary' />
           </Tooltip>
         </div>
       </div>
+    </div>
   )
 }