Feat: update front end for confluence connector (#11747)

### What problem does this PR solve?

Feat: update front end for confluence connector

### Type of change

- [x] New Feature (non-breaking change which adds functionality)

web/src/pages/user-setting/data-source/contant.tsx

@@ -1,9 +1,9 @@
 import { FormFieldType } from '@/components/dynamic-form';
 import SvgIcon from '@/components/svg-icon';
 import { t } from 'i18next';
+import { ConfluenceIndexingModeField } from './component/confluence-token-field';
 import GmailTokenField from './component/gmail-token-field';
 import GoogleDriveTokenField from './component/google-drive-token-field';
-
 export enum DataSourceKey {
   CONFLUENCE = 'confluence',
   S3 = 's3',
@@ -230,23 +230,35 @@ export const DataSourceFormFields = {
       required: false,
       tooltip: t('setting.confluenceIsCloudTip'),
     },
+    {
+      label: 'Index Method',
+      name: 'config.index_mode',
+      type: FormFieldType.Text, // keep as text so RHF registers it
+      required: false,
+      horizontal: true,
+      labelClassName: 'self-start pt-4',
+      render: (fieldProps) => <ConfluenceIndexingModeField {...fieldProps} />,
+    },
     {
       label: 'Space Key',
       name: 'config.space',
       type: FormFieldType.Text,
       required: false,
+      hidden: true,
     },
     {
       label: 'Page ID',
       name: 'config.page_id',
       type: FormFieldType.Text,
       required: false,
+      hidden: true,
     },
     {
       label: 'Index Recursively',
       name: 'config.index_recursively',
       type: FormFieldType.Checkbox,
       required: false,
+      hidden: true,
     },
   ],
   [DataSourceKey.GOOGLE_DRIVE]: [