FEAT: [UI] add hint for common parameters with support for custom input. (#3521)

Author: yiboyasss

xinference/web/ui/src/locales/en.json

@@ -207,6 +207,7 @@
   },
 
   "components": {
-    "copySuccess": "Copied to clipboard!"
+    "copySuccess": "Copied to clipboard!",
+    "suggestsCommonParameters": "Suggests common parameters; others allowed."
   }
 }

xinference/web/ui/src/locales/zh.json

@@ -207,6 +207,7 @@
   },
 
   "components": {
-    "copySuccess": "已复制到剪贴板！"
+    "copySuccess": "已复制到剪贴板！",
+    "suggestsCommonParameters": "提示常用参数，也允许输入其他参数"
   }
 }

xinference/web/ui/src/scenes/launch_model/components/addPair.js

@@ -9,6 +9,7 @@ import {
   TextField,
 } from '@mui/material'
 import React, { useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 
 const AddPair = ({
   customData,
@@ -23,6 +24,8 @@ const AddPair = ({
   const [defaultIndex, setDefaultIndex] = useState(-1)
   const [isNotUniqueKey, setIsNotUniqueKey] = useState(false)
 
+  const { t } = useTranslation()
+
   useEffect(() => {
     onGetArr(arr)
   }, [arr])
@@ -115,6 +118,7 @@ const AddPair = ({
                       style={{ width: '44%' }}
                       disablePortal
                       options={tipOptions}
+                      groupBy={() => t('components.suggestsCommonParameters')}
                       value={item[customData.key]}
                       inputValue={item[customData.key]}
                       onInputChange={(_, newValue) => {