feat: add system default model help tip (#827)

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

@@ -14,7 +14,7 @@ import ModelModal from './model-modal'
 import config from './configs'
 import { ConfigurableProviders } from './utils'
 import { ChevronDownDouble } from '@/app/components/base/icons/src/vender/line/arrows'
-// import { HelpCircle } from '@/app/components/base/icons/src/vender/line/general'
+import { HelpCircle } from '@/app/components/base/icons/src/vender/line/general'
 import {
   changeModelProviderPriority,
   deleteModelProvider,
@@ -29,6 +29,7 @@ import Confirm from '@/app/components/base/confirm/common'
 import { ModelType } from '@/app/components/header/account-setting/model-page/declarations'
 import { useEventEmitterContextContext } from '@/context/event-emitter'
 import { useProviderContext } from '@/context/provider-context'
+import Tooltip from '@/app/components/base/tooltip'
 
 const MODEL_CARD_LIST = [
   config.openai,
@@ -205,7 +206,14 @@ const ModelPage = () => {
         <div className='w-full'>
           <div className={titleClassName}>
             {t('common.modelProvider.systemReasoningModel.key')}
-            {/* <HelpCircle className={tipClassName} /> */}
+            <Tooltip
+              selector='model-page-system-reasoning-model-tip'
+              htmlContent={
+                <div className='w-[261px] text-gray-500'>{t('common.modelProvider.systemReasoningModel.tip')}</div>
+              }
+            >
+              <HelpCircle className={tipClassName} />
+            </Tooltip>
           </div>
           <div>
             <ModelSelector
@@ -218,7 +226,14 @@ const ModelPage = () => {
         <div className='w-full'>
           <div className={titleClassName}>
             {t('common.modelProvider.embeddingModel.key')}
-            {/* <HelpCircle className={tipClassName} /> */}
+            <Tooltip
+              selector='model-page-system-embedding-model-tip'
+              htmlContent={
+                <div className='w-[261px] text-gray-500'>{t('common.modelProvider.embeddingModel.tip')}</div>
+              }
+            >
+              <HelpCircle className={tipClassName} />
+            </Tooltip>
           </div>
           <div>
             <ModelSelector
@@ -231,7 +246,14 @@ const ModelPage = () => {
         <div className='w-full'>
           <div className={titleClassName}>
             {t('common.modelProvider.speechToTextModel.key')}
-            {/* <HelpCircle className={tipClassName} /> */}
+            <Tooltip
+              selector='model-page-system-speechToText-model-tip'
+              htmlContent={
+                <div className='w-[261px] text-gray-500'>{t('common.modelProvider.speechToTextModel.tip')}</div>
+              }
+            >
+              <HelpCircle className={tipClassName} />
+            </Tooltip>
           </div>
           <div>
             <ModelSelector

web/i18n/lang/common.en.ts

@@ -209,15 +209,15 @@ const translation = {
     setupModelFirst: 'Please set up your model first',
     systemReasoningModel: {
       key: 'System Reasoning Model',
-      tip: 'System Reasoning Model',
+      tip: 'Set the default inference model to be used for creating applications, as well as features such as dialogue name generation and next question suggestion will also use the default inference model.',
     },
     embeddingModel: {
       key: 'Embedding Model',
-      tip: 'Embedding Model',
+      tip: 'Set the default model for document embedding processing of the dataset, both retrieval and import of the dataset use this Embedding model for vectorization processing. Switching will cause the vector dimension between the imported dataset and the question to be inconsistent, resulting in retrieval failure. To avoid retrieval failure, please do not switch this model at will.',
     },
     speechToTextModel: {
       key: 'Speech-to-Text Model',
-      tip: 'Speech-to-Text Model',
+      tip: 'Set the default model for speech-to-text input in conversation.',
     },
     quota: 'Quota',
     searchModel: 'Search model',

web/i18n/lang/common.zh.ts

@@ -209,15 +209,15 @@ const translation = {
     setupModelFirst: '请先设置您的模型',
     systemReasoningModel: {
       key: '系统推理模型',
-      tip: '系统推理模型',
+      tip: '设置创建应用使用的默认推理模型，以及对话名称生成、下一步问题建议等功能也会使用该默认推理模型。',
     },
     embeddingModel: {
       key: 'Embedding 模型',
-      tip: 'Embedding 模型',
+      tip: '设置数据集文档嵌入处理的默认模型，检索和导入数据集均使用该Embedding模型进行向量化处理，切换后将导致已导入的数据集与问题之间的向量维度不一致，从而导致检索失败。为避免检索失败，请勿随意切换该模型。',
     },
     speechToTextModel: {
       key: '语音转文本模型',
-      tip: '语音转文本模型',
+      tip: '设置对话中语音转文字输入的默认使用模型。',
     },
     quota: '额度',
     searchModel: '搜索模型',