VolcEngine SDK V3 adaptation (#2082)

1) Configuration interface update
2) Back-end adaptation API update
Note: The official no longer supports the Skylark1/2 series, and all
have been switched to the Doubao series


![image](https://github.com/user-attachments/assets/f6fd8782-0cdf-4c0b-ac8f-9eb130f667a5)

### What problem does this PR solve?

_Briefly describe what this PR aims to solve. Include background context
that will help reviewers understand the purpose of the PR._

### Type of change

- [x] Bug Fix (non-breaking change which fixes an issue)
- [ ] New Feature (non-breaking change which adds functionality)
- [ ] Documentation Update
- [ ] Refactoring
- [ ] Performance Improvement
- [ ] Other (please describe):

Co-authored-by: 海贼宅 <stu_xyx@163.com>

web/src/locales/en.ts

@@ -502,12 +502,11 @@ The above is the content you need to summarize.`,
       baseUrlNameMessage: 'Please input your base url!',
       vision: 'Does it support Vision?',
       ollamaLink: 'How to integrate {{name}}',
-      volcModelNameMessage:
-        'Please input your model name! Format: {"ModelName":"EndpointID"}',
-      addVolcEngineAK: 'VOLC ACCESS_KEY',
-      volcAKMessage: 'Please input your VOLC_ACCESS_KEY',
-      addVolcEngineSK: 'VOLC SECRET_KEY',
-      volcSKMessage: 'Please input your SECRET_KEY',
+      volcModelNameMessage: 'Please input your model name!',
+      addEndpointID: 'EndpointID of the model',
+      endpointIDMessage: 'Please input your EndpointID of the model',
+      addArkApiKey: 'VOLC ARK_API_KEY',
+      ArkApiKeyMessage: 'Please input your ARK_API_KEY',
       bedrockModelNameMessage: 'Please input your model name!',
       addBedrockEngineAK: 'ACCESS KEY',
       bedrockAKMessage: 'Please input your ACCESS KEY',

web/src/locales/zh-traditional.ts

@@ -465,11 +465,11 @@ export default {
       modelTypeMessage: '請輸入模型類型！',
       baseUrlNameMessage: '請輸入基礎 Url！',
       ollamaLink: '如何集成 {{name}}',
-      volcModelNameMessage: '請輸入模型名稱！格式：{"模型名稱":"EndpointID"}',
-      addVolcEngineAK: '火山 ACCESS_KEY',
-      volcAKMessage: '請輸入VOLC_ACCESS_KEY',
-      addVolcEngineSK: '火山 SECRET_KEY',
-      volcSKMessage: '請輸入VOLC_SECRET_KEY',
+      volcModelNameMessage: '請輸入模型名稱！',
+      addEndpointID: '模型 EndpointID',
+      endpointIDMessage: '請輸入模型對應的EndpointID',
+      addArkApiKey: '火山 ARK_API_KEY',
+      ArkApiKeyMessage: '請輸入火山創建的ARK_API_KEY',
       bedrockModelNameMessage: '請輸入名稱！',
       addBedrockEngineAK: 'ACCESS KEY',
       bedrockAKMessage: '請輸入 ACCESS KEY',

web/src/locales/zh.ts

@@ -482,11 +482,11 @@ export default {
       modelTypeMessage: '请输入模型类型！',
       baseUrlNameMessage: '请输入基础 Url！',
       ollamaLink: '如何集成 {{name}}',
-      volcModelNameMessage: '请输入模型名称！格式：{"模型名称":"EndpointID"}',
-      addVolcEngineAK: '火山 ACCESS_KEY',
-      volcAKMessage: '请输入VOLC_ACCESS_KEY',
-      addVolcEngineSK: '火山 SECRET_KEY',
-      volcSKMessage: '请输入VOLC_SECRET_KEY',
+      volcModelNameMessage: '请输入模型名称！',
+      addEndpointID: '模型 EndpointID',
+      endpointIDMessage: '请输入模型对应的EndpointID',
+      addArkApiKey: '火山 ARK_API_KEY',
+      ArkApiKeyMessage: '请输入火山创建的ARK_API_KEY',
       bedrockModelNameMessage: '请输入名称！',
       addBedrockEngineAK: 'ACCESS KEY',
       bedrockAKMessage: '请输入 ACCESS KEY',

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

@@ -8,6 +8,8 @@ type FieldType = IAddLlmRequestBody & {
   vision: boolean;
   volc_ak: string;
   volc_sk: string;
+  endpoint_id: string;
+  ark_api_key: string;
 };
 
 const { Option } = Select;
@@ -51,7 +53,7 @@ const VolcEngineModal = ({
         return (
           <Flex justify={'space-between'}>
             <a
-              href="https://www.volcengine.com/docs/82379/1095322"
+              href="https://www.volcengine.com/docs/82379/1302008"
               target="_blank"
               rel="noreferrer"
             >
@@ -88,18 +90,18 @@ const VolcEngineModal = ({
           <Input placeholder={t('volcModelNameMessage')} />
         </Form.Item>
         <Form.Item<FieldType>
-          label={t('addVolcEngineAK')}
-          name="volc_ak"
-          rules={[{ required: true, message: t('volcAKMessage') }]}
+          label={t('addEndpointID')}
+          name="endpoint_id"
+          rules={[{ required: true, message: t('endpointIDMessage') }]}
         >
-          <Input placeholder={t('volcAKMessage')} />
+          <Input placeholder={t('endpointIDMessage')} />
         </Form.Item>
         <Form.Item<FieldType>
-          label={t('addVolcEngineSK')}
-          name="volc_sk"
-          rules={[{ required: true, message: t('volcAKMessage') }]}
+          label={t('addArkApiKey')}
+          name="ark_api_key"
+          rules={[{ required: true, message: t('ArkApiKeyMessage') }]}
         >
-          <Input placeholder={t('volcAKMessage')} />
+          <Input placeholder={t('ArkApiKeyMessage')} />
         </Form.Item>
         <Form.Item noStyle dependencies={['model_type']}>
           {({ getFieldValue }) =>