feat: add prompt configuration for AI settings

Author: MakiWinster72

i18n/en_US.yaml

@@ -2354,6 +2354,9 @@ ui:
       model:
         label: Model
         msg: Model is required
+      prompt:
+        label: Prompt
+        text: Shows the prompt for the current language. Edit and save to apply.
       add_success: AI settings updated successfully.
     conversations:
       topic: Topic
@@ -2483,4 +2486,3 @@ ui:
     copied: Copied
     external_content_warning: External images/media are not displayed.
 
-

i18n/zh_CN.yaml

@@ -1796,7 +1796,7 @@ ui:
     security: 安全
     files: 文件
     apikeys: API 密钥
-    intelligence: 智力
+    intelligence: 智能
     ai_assistant: AI 助手
     ai_settings: AI 设置
     mcp: MCP
@@ -2318,6 +2318,9 @@ ui:
       model:
         label: 模型
         msg: 模型是必需的
+      prompt:
+        label: 提示词
+        text: 显示当前语言环境的提示词，可在此修改并保存。
       add_success: AI 设置更新成功。
     conversations:
       topic: 主题

ui/src/common/interface.ts

@@ -834,6 +834,10 @@ export interface AiConfig {
     api_key: string;
     model: string;
   }>;
+  prompt_config?: {
+    zh_cn: string;
+    en_us: string;
+  };
 }
 
 export interface AiProviderItem {

ui/src/pages/Admin/AiSettings/index.tsx

@@ -32,8 +32,19 @@ import { handleFormError } from '@/utils';
 import { useToast } from '@/hooks';
 import * as Type from '@/common/interface';
 
+const getPromptByLang = (
+  promptConfig: Type.AiConfig['prompt_config'] | undefined,
+  lang: string,
+) => {
+  if (!promptConfig) {
+    return '';
+  }
+  const isZh = lang?.toLowerCase().startsWith('zh');
+  return isZh ? promptConfig.zh_cn || '' : promptConfig.en_us || '';
+};
+
 const Index = () => {
-  const { t } = useTranslation('translation', {
+  const { t, i18n } = useTranslation('translation', {
     keyPrefix: 'admin.ai_settings',
   });
   const toast = useToast();
@@ -68,11 +79,18 @@ const Index = () => {
       isInvalid: false,
       errorMsg: '',
     },
+    prompt: {
+      value: '',
+      isInvalid: false,
+      errorMsg: '',
+    },
   });
   const [apiHostPlaceholder, setApiHostPlaceholder] = useState('');
   const [modelsData, setModels] = useState<{ id: string }[]>([]);
   const [isChecking, setIsChecking] = useState(false);
 
+  const isZhLang = i18n.language?.toLowerCase().startsWith('zh');
+
   const getCurrentProviderData = (provider) => {
     const findHistoryProvider =
       historyConfigRef.current?.ai_providers.find(
@@ -227,6 +245,14 @@ const Index = () => {
       enabled: formData.enabled.value,
       chosen_provider: formData.provider.value,
       ai_providers: newProviders,
+      prompt_config: {
+        zh_cn: isZhLang
+          ? formData.prompt.value
+          : historyConfigRef.current?.prompt_config?.zh_cn || '',
+        en_us: isZhLang
+          ? historyConfigRef.current?.prompt_config?.en_us || ''
+          : formData.prompt.value,
+      },
     };
     saveAiConfig(params)
       .then(() => {
@@ -295,6 +321,11 @@ const Index = () => {
         isInvalid: false,
         errorMsg: '',
       },
+      prompt: {
+        value: getPromptByLang(aiConfig.prompt_config, i18n.language),
+        isInvalid: false,
+        errorMsg: '',
+      },
     });
   };
 
@@ -322,6 +353,22 @@ const Index = () => {
     }
   }, [aiProviders, formData]);
 
+  useEffect(() => {
+    if (!historyConfigRef.current) {
+      return;
+    }
+    setFormData((prev) => ({
+      ...prev,
+      prompt: {
+        value: getPromptByLang(
+          historyConfigRef.current?.prompt_config,
+          i18n.language,
+        ),
+        isInvalid: false,
+        errorMsg: '',
+      },
+    }));
+  }, [i18n.language]);
   return (
     <div>
       <h3 className="mb-4">{t('ai_settings', { keyPrefix: 'nav_menus' })}</h3>
@@ -477,6 +524,29 @@ const Index = () => {
             <div className="invalid-feedback">{formData.model.errorMsg}</div>
           </div>
 
+          <Form.Group className="mb-3" controlId="prompt">
+            <Form.Label>{t('prompt.label')}</Form.Label>
+            <Form.Control
+              as="textarea"
+              rows={8}
+              isInvalid={formData.prompt.isInvalid}
+              value={formData.prompt.value}
+              onChange={(e) =>
+                handleValueChange({
+                  prompt: {
+                    value: e.target.value,
+                    errorMsg: '',
+                    isInvalid: false,
+                  },
+                })
+              }
+            />
+            <Form.Text className="text-muted">{t('prompt.text')}</Form.Text>
+            <Form.Control.Feedback type="invalid">
+              {formData.prompt.errorMsg}
+            </Form.Control.Feedback>
+          </Form.Group>
+
           <Button type="submit">{t('save', { keyPrefix: 'btns' })}</Button>
         </Form>
       </div>