diff --git a/packages/console/src/pages/Connectors/components/ConnectorForm/index.tsx b/packages/console/src/pages/Connectors/components/ConnectorForm/index.tsx
index 389721784..b61dabda1 100644
--- a/packages/console/src/pages/Connectors/components/ConnectorForm/index.tsx
+++ b/packages/console/src/pages/Connectors/components/ConnectorForm/index.tsx
@@ -2,7 +2,7 @@ import type { ConnectorFactoryResponse } from '@logto/schemas';
import { ConnectorType } from '@logto/schemas';
import { useState } from 'react';
import { Controller, useFormContext } from 'react-hook-form';
-import { useTranslation } from 'react-i18next';
+import { Trans, useTranslation } from 'react-i18next';
import CaretDown from '@/assets/images/caret-down.svg';
import CaretUp from '@/assets/images/caret-up.svg';
@@ -11,6 +11,7 @@ import CodeEditor from '@/components/CodeEditor';
import FormField from '@/components/FormField';
import Select from '@/components/Select';
import TextInput from '@/components/TextInput';
+import TextLink from '@/components/TextLink';
import type { ConnectorFormType } from '../../types';
import { SyncProfileMode } from '../../types';
@@ -82,7 +83,25 @@ const ConnectorForm = ({ connector, isAllowEditTarget }: Props) => {
trailingIcon={darkVisible ? : }
onClick={toggleDarkVisible}
/>
-
+ (
+
+ ),
+ }}
+ >
+ {t('connectors.guide.target_tootip')}
+
+ )}
+ >
Learn more.', // UNTRANSLATED
config: 'Enter your JSON here', // UNTRANSLATED
sync_profile: 'Sync profile information from the social provider', // UNTRANSLATED
sync_profile_only_at_register: 'Only sync at register', // UNTRANSLATED
diff --git a/packages/phrases/src/locales/en/translation/admin-console/connectors.ts b/packages/phrases/src/locales/en/translation/admin-console/connectors.ts
index 2136e7cd3..0204cfb64 100644
--- a/packages/phrases/src/locales/en/translation/admin-console/connectors.ts
+++ b/packages/phrases/src/locales/en/translation/admin-console/connectors.ts
@@ -44,6 +44,8 @@ const connectors = {
logo_dark_show: 'Show "Logo for dark mode"',
target: 'Connector identity target',
target_tip: 'A unique identifier for the connector.',
+ target_tootip:
+ '"Target" in Logto social connectors refers to the "source" of your social identities. In Logto design, we do not accept the same "target" of a specific platform to avoid conflicts. You should be very careful before you add a connector since you CAN NOT change its value once you create it. Learn more.',
config: 'Enter your JSON here',
sync_profile: 'Sync profile information from the social provider',
sync_profile_only_at_register: 'Only sync at register',
diff --git a/packages/phrases/src/locales/fr/translation/admin-console/connectors.ts b/packages/phrases/src/locales/fr/translation/admin-console/connectors.ts
index 97b43283e..e142c4338 100644
--- a/packages/phrases/src/locales/fr/translation/admin-console/connectors.ts
+++ b/packages/phrases/src/locales/fr/translation/admin-console/connectors.ts
@@ -45,6 +45,8 @@ const connectors = {
logo_dark_show: 'Show "Logo for dark mode"', // UNTRANSLATED
target: 'Connector identity target', // UNTRANSLATED
target_tip: 'A unique identifier for the connector.', // UNTRANSLATED
+ target_tootip:
+ '"Target" in Logto social connectors refers to the "source" of your social identities. In Logto design, we do not accept the same "target" of a specific platform to avoid conflicts. You should be very careful before you add a connector since you CAN NOT change its value once you create it. Learn more.', // UNTRANSLATED
config: 'Enter your JSON here', // UNTRANSLATED
sync_profile: 'Sync profile information from the social provider', // UNTRANSLATED
sync_profile_only_at_register: 'Only sync at register', // UNTRANSLATED
diff --git a/packages/phrases/src/locales/ko/translation/admin-console/connectors.ts b/packages/phrases/src/locales/ko/translation/admin-console/connectors.ts
index 2108727e9..0c69c0ac9 100644
--- a/packages/phrases/src/locales/ko/translation/admin-console/connectors.ts
+++ b/packages/phrases/src/locales/ko/translation/admin-console/connectors.ts
@@ -44,6 +44,8 @@ const connectors = {
logo_dark_show: 'Show "Logo for dark mode"', // UNTRANSLATED
target: 'Connector identity target', // UNTRANSLATED
target_tip: 'A unique identifier for the connector.', // UNTRANSLATED
+ target_tootip:
+ '"Target" in Logto social connectors refers to the "source" of your social identities. In Logto design, we do not accept the same "target" of a specific platform to avoid conflicts. You should be very careful before you add a connector since you CAN NOT change its value once you create it. Learn more.', // UNTRANSLATED
config: 'Enter your JSON here', // UNTRANSLATED
sync_profile: 'Sync profile information from the social provider', // UNTRANSLATED
sync_profile_only_at_register: 'Only sync at register', // UNTRANSLATED
diff --git a/packages/phrases/src/locales/pt-br/translation/admin-console/connectors.ts b/packages/phrases/src/locales/pt-br/translation/admin-console/connectors.ts
index 54ff532b7..8a933407f 100644
--- a/packages/phrases/src/locales/pt-br/translation/admin-console/connectors.ts
+++ b/packages/phrases/src/locales/pt-br/translation/admin-console/connectors.ts
@@ -45,6 +45,8 @@ const connectors = {
logo_dark_show: 'Mostrar "Logo para modo escuro"',
target: 'Destino da identidade do conector',
target_tip: 'Um identificador exclusivo para o conector.',
+ target_tootip:
+ '"Target" in Logto social connectors refers to the "source" of your social identities. In Logto design, we do not accept the same "target" of a specific platform to avoid conflicts. You should be very careful before you add a connector since you CAN NOT change its value once you create it. Learn more.', // UNTRANSLATED
config: 'Digite seu JSON aqui',
sync_profile: 'Sincronizar informações de perfil do provedor social',
sync_profile_only_at_register: 'Sincronizar apenas no registro',
diff --git a/packages/phrases/src/locales/pt-pt/translation/admin-console/connectors.ts b/packages/phrases/src/locales/pt-pt/translation/admin-console/connectors.ts
index 2a80ee5d8..a0938a4d2 100644
--- a/packages/phrases/src/locales/pt-pt/translation/admin-console/connectors.ts
+++ b/packages/phrases/src/locales/pt-pt/translation/admin-console/connectors.ts
@@ -44,6 +44,8 @@ const connectors = {
logo_dark_show: 'Show "Logo for dark mode"', // UNTRANSLATED
target: 'Connector identity target', // UNTRANSLATED
target_tip: 'A unique identifier for the connector.', // UNTRANSLATED
+ target_tootip:
+ '"Target" in Logto social connectors refers to the "source" of your social identities. In Logto design, we do not accept the same "target" of a specific platform to avoid conflicts. You should be very careful before you add a connector since you CAN NOT change its value once you create it. Learn more.', // UNTRANSLATED
config: 'Enter your JSON here', // UNTRANSLATED
sync_profile: 'Sync profile information from the social provider', // UNTRANSLATED
sync_profile_only_at_register: 'Only sync at register', // UNTRANSLATED
diff --git a/packages/phrases/src/locales/tr-tr/translation/admin-console/connectors.ts b/packages/phrases/src/locales/tr-tr/translation/admin-console/connectors.ts
index 35e120b22..8b99c827e 100644
--- a/packages/phrases/src/locales/tr-tr/translation/admin-console/connectors.ts
+++ b/packages/phrases/src/locales/tr-tr/translation/admin-console/connectors.ts
@@ -45,6 +45,8 @@ const connectors = {
logo_dark_show: 'Show "Logo for dark mode"', // UNTRANSLATED
target: 'Connector identity target', // UNTRANSLATED
target_tip: 'A unique identifier for the connector.', // UNTRANSLATED
+ target_tootip:
+ '"Target" in Logto social connectors refers to the "source" of your social identities. In Logto design, we do not accept the same "target" of a specific platform to avoid conflicts. You should be very careful before you add a connector since you CAN NOT change its value once you create it. Learn more.', // UNTRANSLATED
config: 'Enter your JSON here', // UNTRANSLATED
sync_profile: 'Sync profile information from the social provider', // UNTRANSLATED
sync_profile_only_at_register: 'Only sync at register', // UNTRANSLATED
diff --git a/packages/phrases/src/locales/zh-cn/translation/admin-console/connectors.ts b/packages/phrases/src/locales/zh-cn/translation/admin-console/connectors.ts
index 107e93b28..d835f13d3 100644
--- a/packages/phrases/src/locales/zh-cn/translation/admin-console/connectors.ts
+++ b/packages/phrases/src/locales/zh-cn/translation/admin-console/connectors.ts
@@ -42,6 +42,8 @@ const connectors = {
logo_dark_show: '显示「深色模式图标」',
target: '连接器 target',
target_tip: '连接器标识符',
+ target_tootip:
+ '"Target" in Logto social connectors refers to the "source" of your social identities. In Logto design, we do not accept the same "target" of a specific platform to avoid conflicts. You should be very careful before you add a connector since you CAN NOT change its value once you create it. Learn more.', // UNTRANSLATED
config: '请在此输入你的 JSON 配置',
sync_profile: '从社交服务商同步用户数据',
sync_profile_only_at_register: '仅在注册时同步',