feat: add background image to login page and alter tooltip of base_url and add llm type to Added models List (#173)

* feat: add llm type to Added models List

* feat: alter tooltip of base_url

* feat: add background image to login page

web/src/pages/user-setting/setting-model/api-key-modal/index.tsx

@@ -78,10 +78,9 @@ const ApiKeyModal = ({
           <Form.Item<FieldType>
             label="Base-Url"
             name="base_url"
-            tooltip="The API key can be obtained by registering the corresponding LLM supplier."
-            rules={[{ required: true, message: 'Please input base url!' }]}
+            tooltip="If your API key is from OpenAI, just ignore it. Any other intermediate providers will give this base url with the API key."
           >
-            <Input />
+            <Input placeholder="https://api.openai.com/v1" />
           </Form.Item>
         )}
       </Form>

web/src/pages/user-setting/setting-model/index.tsx

@@ -24,6 +24,7 @@ import {
   Row,
   Space,
   Spin,
+  Tag,
   Typography,
 } from 'antd';
 import { useCallback } from 'react';
@@ -105,7 +106,13 @@ const ModelCard = ({ item, clickApiKey }: IModelCardProps) => {
             size="small"
             dataSource={item.llm}
             className={styles.llmList}
-            renderItem={(item) => <List.Item>{item.name}</List.Item>}
+            renderItem={(item) => (
+              <List.Item>
+                <Space>
+                  {item.name} <Tag color="#b8b8b8">{item.type}</Tag>
+                </Space>
+              </List.Item>
+            )}
           />
         )}
       </Card>