chore: add api key and value placeholder (#2538)

web/app/components/tools/edit-custom-collection-modal/config-credentials.tsx

@@ -79,7 +79,9 @@ const ConfigCredential: FC<Props> = ({
                   <input
                     value={tempCredential.api_key_header}
                     onChange={e => setTempCredential({ ...tempCredential, api_key_header: e.target.value })}
-                    className='w-full h-10 px-3 text-sm font-normal bg-gray-100 rounded-lg grow' />
+                    className='w-full h-10 px-3 text-sm font-normal bg-gray-100 rounded-lg grow'
+                    placeholder={t('tools.createTool.authMethod.types.apiKeyPlaceholder')!}
+                  />
                 </div>
 
                 <div>
@@ -87,7 +89,9 @@ const ConfigCredential: FC<Props> = ({
                   <input
                     value={tempCredential.api_key_value}
                     onChange={e => setTempCredential({ ...tempCredential, api_key_value: e.target.value })}
-                    className='w-full h-10 px-3 text-sm font-normal bg-gray-100 rounded-lg grow' />
+                    className='w-full h-10 px-3 text-sm font-normal bg-gray-100 rounded-lg grow'
+                    placeholder={t('tools.createTool.authMethod.types.apiValuePlaceholder')!}
+                  />
                 </div>
               </>)}
 

web/i18n/lang/tools.en.ts

@@ -54,6 +54,8 @@ const translation = {
       types: {
         none: 'None',
         api_key: 'API Key',
+        apiKeyPlaceholder: 'HTTP header name for API Key',
+        apiValuePlaceholder: 'Enter API Key',
       },
       key: 'Key',
       value: 'Value',

web/i18n/lang/tools.zh.ts

@@ -54,6 +54,8 @@ const translation = {
       types: {
         none: '无',
         api_key: 'API Key',
+        apiKeyPlaceholder: 'HTTP 头部名称，用于传递 API Key',
+        apiValuePlaceholder: '输入 API Key',
       },
       key: '键',
       value: '值',