From d1c3b266023ae8ab0062708bd408bc581c7db22b Mon Sep 17 00:00:00 2001
From: Asurada <43401755+ousugo@users.noreply.github.com>
Date: Tue, 4 Mar 2025 15:36:07 +0800
Subject: [PATCH] feat: Update model label format to include provider
 information (#2793)

* feat: Update model label format to include provider information

* feat: Improve AddModelPopup layout and button styling
---
 .../pages/settings/ModelSettings/ModelSettings.tsx |  2 +-
 .../settings/ProviderSettings/AddModelPopup.tsx    | 14 +++++++++-----
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/renderer/src/pages/settings/ModelSettings/ModelSettings.tsx b/src/renderer/src/pages/settings/ModelSettings/ModelSettings.tsx
index efc48536ef..79d1fc3999 100644
--- a/src/renderer/src/pages/settings/ModelSettings/ModelSettings.tsx
+++ b/src/renderer/src/pages/settings/ModelSettings/ModelSettings.tsx
@@ -39,7 +39,7 @@ const ModelSettings: FC = () => {
       options: sortBy(p.models, 'name')
         .filter((m) => !isEmbeddingModel(m))
         .map((m) => ({
-          label: m.name,
+          label: `${m.name} | ${p.isSystem ? t(`provider.${p.id}`) : p.name}`,
           value: getModelUniqId(m)
         }))
     }))
diff --git a/src/renderer/src/pages/settings/ProviderSettings/AddModelPopup.tsx b/src/renderer/src/pages/settings/ProviderSettings/AddModelPopup.tsx
index 08a63cada1..d45c9c9d53 100644
--- a/src/renderer/src/pages/settings/ProviderSettings/AddModelPopup.tsx
+++ b/src/renderer/src/pages/settings/ProviderSettings/AddModelPopup.tsx
@@ -2,7 +2,7 @@ import { TopView } from '@renderer/components/TopView'
 import { useProvider } from '@renderer/hooks/useProvider'
 import { Model, Provider } from '@renderer/types'
 import { getDefaultGroupName } from '@renderer/utils'
-import { Button, Form, FormProps, Input, Modal } from 'antd'
+import { Button, Flex, Form, FormProps, Input, Modal } from 'antd'
 import { find } from 'lodash'
 import { useState } from 'react'
 import { useTranslation } from 'react-i18next'
@@ -120,10 +120,14 @@ const PopupContainer: React.FC<Props> = ({ title, provider, resolve }) => {
           tooltip={t('settings.models.add.group_name.tooltip')}>
           <Input placeholder={t('settings.models.add.group_name.placeholder')} spellCheck={false} />
         </Form.Item>
-        <Form.Item label=" ">
-          <Button type="primary" htmlType="submit">
-            {t('settings.models.add.add_model')}
-          </Button>
+        <Form.Item style={{ marginBottom: 15, textAlign: 'center' }}>
+          <Flex justify="center" align="center" style={{ position: 'relative' }}>
+            <div>
+              <Button type="primary" htmlType="submit" size="middle">
+                {t('settings.models.add.add_model')}
+              </Button>
+            </div>
+          </Flex>
         </Form.Item>
       </Form>
     </Modal>