feat: Add agent interface document link to agent page #3189 (#3190)

### What problem does this PR solve?

feat: Add agent interface document link to agent page #3189

### Type of change

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

web/src/pages/chat/chat-id-modal/index.tsx

@@ -4,7 +4,7 @@ import { Modal, Typography } from 'antd';
 
 import styles from './index.less';
 
-const { Paragraph } = Typography;
+const { Paragraph, Link } = Typography;
 
 const ChatIdModal = ({
   visible,
@@ -14,20 +14,24 @@ const ChatIdModal = ({
   const { t } = useTranslate('chat');
 
   return (
-    <>
-      <Modal
-        title={t('overview')}
-        open={visible}
-        onCancel={hideModal}
-        cancelButtonProps={{ style: { display: 'none' } }}
-        onOk={hideModal}
-        okText={t('close', { keyPrefix: 'common' })}
+    <Modal
+      title={t('overview')}
+      open={visible}
+      onCancel={hideModal}
+      cancelButtonProps={{ style: { display: 'none' } }}
+      onOk={hideModal}
+      okText={t('close', { keyPrefix: 'common' })}
+    >
+      <Paragraph copyable={{ text: id }} className={styles.id}>
+        {id}
+      </Paragraph>
+      <Link
+        href="https://ragflow.io/docs/dev/http_api_reference#create-session"
+        target="_blank"
       >
-        <Paragraph copyable={{ text: id }} className={styles.id}>
-          {id}
-        </Paragraph>
-      </Modal>
-    </>
+        {t('howUseId')}
+      </Link>
+    </Modal>
   );
 };