@tencentcloud/sdk-mcp 1.6.4 → 1.6.6

package/resource/integration/callkit/preset/react/integration.md

@@ -2,11 +2,9 @@
 
 > **推荐使用更高效的 AI 集成助手**
 >
-
 > 我们为您提供了全新的 AI 集成方式，只需要简单描述您的需求，即可**自动生成集成代码**，大幅提升开发效率。
 >
-
-> [点击这里，立即体验 AI 集成](https://cloud.tencent.com/document/product/647/125504)
+> [点击这里，立即体验 AI 集成](https://cloud.tencent.com/document/product/647/125504)
 >
 
 ## 准备工作
@@ -28,7 +26,6 @@
 
 > **说明：**
 >
-
 > 高版本 Vite 需要使用最新的 Node.js 版本。
 >
 
@@ -106,7 +103,7 @@ xcopy node_modules\@trtc\calls-uikit-react\debug .\src\debug /i /e
 
    .demo-wrapper { max-width: 680px; margin: 40px auto; padding: 0 20px; font-family: system-ui, -apple-system, sans-serif; } .demo-card { background: #fff; border-radius: 16px; box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08); padding: 32px; margin-bottom: 24px; } .demo-title { margin: 0 0 28px; font-size: 22px; font-weight: 600; color: #1a1a2e; text-align: center; } .form-row { margin-bottom: 18px; } .form-row:last-of-type { margin-bottom: 0; } .form-label { display: block; font-size: 14px; font-weight: 600; color: #6b7280; letter-spacing: 0.5px; margin-bottom: 8px; } .form-controls { display: flex; gap: 10px; } .form-input { flex: 1; height: 42px; padding: 0 14px; border: 1.5px solid #e5e7eb; border-radius: 10px; font-size: 15px; color: #1a1a2e; background: #fafafa; outline: none; transition: border-color 0.2s, box-shadow 0.2s; } .form-input:focus { border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15); background: #fff; } .form-input::placeholder { color: #c0c4cc; } .btn { height: 42px; padding: 0 20px; border: none; border-radius: 10px; font-size: 14px; font-weight: 600; cursor: pointer; white-space: nowrap; transition: transform 0.15s, box-shadow 0.2s, background 0.2s; } .btn:active { transform: scale(0.97); } .btn-primary { background: linear-gradient(135deg, #6366f1, #818cf8); color: #fff; box-shadow: 0 2px 8px rgba(99, 102, 241, 0.3); } .btn-primary:hover { background: linear-gradient(135deg, #4f46e5, #6366f1); box-shadow: 0 4px 14px rgba(99, 102, 241, 0.4); } .btn-success { background: linear-gradient(135deg, #10b981, #34d399); color: #fff; box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3); } .btn-success:hover { background: linear-gradient(135deg, #059669, #10b981); box-shadow: 0 4px 14px rgba(16, 185, 129, 0.4); } .callkit-area { background: #fff; border-radius: 16px; box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08); overflow: hidden; }
    ```
-4. 调用 [TUICallKitAPI.init](https://cloud.tencent.com/document/product/647/81015#init) API 登录组件，需要在代码中**填写 **`SDKAppID、SecretKey`** 两个参数。**
+4. 调用 [TUICallKitAPI.init](https://cloud.tencent.com/document/product/647/81015#init) API 登录组件，需要在代码中**填写** `SDKAppID、SecretKey` **两个参数。**
 
    ``` javascript
    const SDKAppID = 0;        // TODO: Replace with your SDKAppID (Notice: SDKAppID is of type number）
@@ -139,8 +136,8 @@ xcopy node_modules\@trtc\calls-uikit-react\debug .\src\debug /i /e
 
    > **userSig 说明：**
    >
->   - **开发环境**：如果您正在本地跑通 Demo、开发调试，可以采用 `debug` 文件中的 `genTestUserSig`（参考步骤3.2）函数生成 userSig。该方法中 SDKSecretKey 很容易被反编译逆向破解，一旦您的密钥泄露，攻击者就可以盗用您的腾讯云流量。
->   - **生产环境**：如果您的项目要发布上线，请采用 [服务端生成 UserSig](https://trtc.io/document/35166) 的方式。
+   > - **开发环境**：如果您正在本地跑通 Demo、开发调试，可以采用 `debug` 文件中的 `genTestUserSig`（参考步骤3.2）函数生成 userSig。该方法中 SDKSecretKey 很容易被反编译逆向破解，一旦您的密钥泄露，攻击者就可以盗用您的腾讯云流量。
+   > - **生产环境**：如果您的项目要发布上线，请采用 [服务端生成 UserSig](https://trtc.io/document/35166) 的方式。
 
 ### 步骤3：设置昵称和头像（可选）
 
@@ -158,7 +155,6 @@ try {
 
 > **注意：**
 >
-
 > 因为用户隐私限制，非好友之间的通话，被叫的昵称和头像更新可能会有延迟，一次通话成功后就会顺利更新。
 >
 
@@ -180,13 +176,12 @@ try {
 
    > **注意：**
    >
-
    > 本地环境请在 localhost 协议下访问，公网体验请在 HTTPS 协议下访问，具体参见 [网络访问协议说明](https://web.sdk.qcloud.com/trtc/webrtc/doc/zh-cn/tutorial-05-info-browser.html#h2-3)。
    >
 
 3. 打开两个浏览器页面，输入不同的 userID(由您定义) 单击`step1. init`登录（主叫方和被叫方）。
 
-4. 两个 userID 都登录成功后，单击`step2. call `拨打通话，如果您有通话问题，参见 [常见问题](https://cloud.tencent.com/document/product/647/78769)。
+4. 两个 userID 都登录成功后，单击`step2. call` 拨打通话，如果您有通话问题，参见 [常见问题](https://cloud.tencent.com/document/product/647/78769)。
 
 ### 步骤5：接听通话
 
@@ -198,7 +193,6 @@ try {
 
 > **说明：**
 >
-
 > v4.4.5 版本及以上支持。
 >
 
@@ -278,7 +272,6 @@ TUICallKitAPI.setLanguage("zh-cn"); // "en" | "zh-cn" | "ja_JP"
 
 > **说明：**
 >
-
 >
 
 ### 铃声设置
@@ -288,9 +281,9 @@ TUICallKitAPI.setLanguage("zh-cn"); // "en" | "zh-cn" | "ja_JP"
 
    > **注意：**
    >
->   - 仅限传入本地 MP3 格式的文件地址，确保该文件是可以访问的。
->   - 如需恢复默认铃声 filePath 传空即可。
->   - 使用 ES6 import 方式引入铃声文件。
+   > - 仅限传入本地 MP3 格式的文件地址，确保该文件是可以访问的。
+   > - 如需恢复默认铃声 filePath 传空即可。
+   > - 使用 ES6 import 方式引入铃声文件。
 
    ``` typescript
    import filePath from './static/ring.mp3';
@@ -326,8 +319,7 @@ TUICallKitAPI.setLanguage("zh-cn"); // "en" | "zh-cn" | "ja_JP"
 
 > **注意：**
 >
-
-> 替换图标适用于 **Vue + TypeScript** 项目且** CallKit** 版本号 ≥ 3.2.2，若您采用其他语言或者技术栈，请使用自实现 UI 方案。
+> 替换图标适用于 **Vue + TypeScript** 项目且 **CallKit** 版本号 ≥ 3.2.2，若您采用其他语言或者技术栈，请使用自实现 UI 方案。
 >
 
 1. **下载源码**
@@ -337,7 +329,7 @@ TUICallKitAPI.setLanguage("zh-cn"); // "en" | "zh-cn" | "ja_JP"
 npm install @trtc/calls-uikit-react
 ```
 
-2. **将源码拷贝到自己的项目中，以拷贝到 **`src/components/`** 目录为例：**
+2. **将源码拷贝到自己的项目中，以拷贝到** `src/components/` **目录为例：**
 
 【macOS + React】
 ``` bash
@@ -356,9 +348,7 @@ xcopy .\node_modules\@trtc\calls-uikit-react  .\src\components\TUICallKit /i /e
    ``` javascript
    import { TUICallKit, TUICallKitAPI, CallMediaType } from "./components/TUICallKit/src/index";
    ```
-4.
-
-**解决源码拷贝可能导致的报错**
+4. **解决源码拷贝可能导致的报错**
 
 【ESLint 报错】
 
@@ -390,11 +380,10 @@ src/components/TUICallKit
 }
 ```
 
-3. **修改 TUICallKit/Components/assets 文件夹下的图标组件**
+5. **修改 TUICallKit/Components/assets 文件夹下的图标组件**
 
    > **注意：**
    >
-
    > 为了确保整个应用中的图标色调风格保持一致，请在替换时保持图标文件的名字不变。
    >
 
@@ -428,7 +417,6 @@ src/components/TUICallKit
 
 > **注意：**
 >
-
 > **v3.2.9+ 支持**。
 >
 
@@ -447,7 +435,6 @@ TUICallKitAPI.hideFeatureButton(FeatureButton.Camera);
 
 > **注意：**
 >
-
 > **v3.2.9+ 支持**。
 >
 
@@ -463,7 +450,6 @@ TUICallKitAPI.setRemoteViewBackgroundImage('remoteUserId', 'http://xxx.png');
 
 > **注意：**
 >
-
 > **仅 1V1 视频通话可用，v3.3.0+ 支持**。
 >
 

package/resource/integration/callkit/preset/vue/integration.md

@@ -2,11 +2,9 @@
 
 > **推荐使用更高效的 AI 集成助手**
 >
-
 > 我们为您提供了全新的 AI 集成方式，只需要简单描述您的需求，即可**自动生成集成代码**，大幅提升开发效率。
 >
-
-> [点击这里，立即体验 AI 集成](https://cloud.tencent.com/document/product/647/125504)
+> [点击这里，立即体验 AI 集成](https://cloud.tencent.com/document/product/647/125504)
 >
 
 ## 准备工作
@@ -36,8 +34,8 @@
 
          > **注意：**
          >
->       1. HBuilderX 中选择 vue2 时，使用的是 vue2.6，因此需要使用：[@trtc/calls-uikit-vue2.6](https://www.npmjs.com/package/@trtc/calls-uikit-vue2.6)。
->       2. HBuilderX 中选择 vue3 时，使用的是 vue3，因此需要使用：[@trtc/calls-uikit-vue](https://www.npmjs.com/package/@trtc/calls-uikit-vue)。
+         > 1. HBuilderX 中选择 vue2 时，使用的是 vue2.6，因此需要使用：[@trtc/calls-uikit-vue2.6](https://www.npmjs.com/package/@trtc/calls-uikit-vue2.6)。
+         > 2. HBuilderX 中选择 vue3 时，使用的是 vue3，因此需要使用：[@trtc/calls-uikit-vue](https://www.npmjs.com/package/@trtc/calls-uikit-vue)。
 
 ### 开通服务
 
@@ -49,7 +47,6 @@
 
 > **说明：**
 >
-
 > 高版本 Vite 需要使用最新的 Node.js 版本。
 >
 
@@ -65,7 +62,6 @@ npm create vite@latest
 
 > **说明：**
 >
-
 > 如果您的工程同时使用了 **TUIChat UIKit**，请直接移步 [TUIKit 接入音视频通话](https://cloud.tencent.com/document/product/269/79861) 进行接入。
 >
 
@@ -133,7 +129,6 @@ xcopy node_modules\@trtc\calls-uikit-vue2.6\debug .\src\debug /i /e
 
 > **说明：**
 >
-
 > TUICallKit 组件需要放到一个 DOM 节点里，用于控制 TUICallKit 的位置、宽高等样式。
 >
 
@@ -154,11 +149,11 @@ xcopy node_modules\@trtc\calls-uikit-vue2.6\debug .\src\debug /i /e
      </div>
    </template>
    ```
-2. 调用 [TUICallKitAPI.init](https://cloud.tencent.com/document/product/647/81015#init) API 登录组件，需要在代码中`填写``SDKAppID、SecretKey`** 两个参数。**
+2. 调用 [TUICallKitAPI.init](https://cloud.tencent.com/document/product/647/81015#init) API 登录组件，需要在代码中`填写` `SDKAppID、SecretKey` **两个参数。**
 
 【Vue3】
 
-您可以选择在 `src/App.vue` 文件引入示例代码，示例代码采用的是 Vue3 `Composition API`写法。
+您可以选择在 `src/App.vue` 文件引入示例代码，示例代码采用的是 Vue3 `Composition API` 写法。
 ``` javascript
 <script setup>
 import { ref } from 'vue';
@@ -245,7 +240,7 @@ import Vue from 'vue'
 import VueCompositionAPI from '@vue/composition-api'
 Vue.use(VueCompositionAPI)
 ```
-2. 将下面代码直接复制引用在 `App.vue `文件中。
+2. 将下面代码直接复制引用在 `App.vue` 文件中。
 
 ``` javascript
 import { TUICallKit, TUICallKitAPI, CallMediaType } from "@trtc/calls-uikit-vue2.6";
@@ -297,8 +292,8 @@ export default {
 
    > **userSig 说明：**
    >
->   - **开发环境**：如果您正在本地跑通 Demo、开发调试，可以采用 debug 文件中的 `genTestUserSig`（参考步骤3.2）函数生成 userSig。该方法中 SDKSecretKey 很容易被反编译逆向破解，一旦您的密钥泄露，攻击者就可以盗用您的腾讯云流量。
->   - **生产环境**：如果您的项目要发布上线，请采用 [服务端生成 UserSig](https://cloud.tencent.com/document/product/647/17275) 的方式。
+   > - **开发环境**：如果您正在本地跑通 Demo、开发调试，可以采用 debug 文件中的 `genTestUserSig`（参考步骤3.2）函数生成 userSig。该方法中 SDKSecretKey 很容易被反编译逆向破解，一旦您的密钥泄露，攻击者就可以盗用您的腾讯云流量。
+   > - **生产环境**：如果您的项目要发布上线，请采用 [服务端生成 UserSig](https://cloud.tencent.com/document/product/647/17275) 的方式。
 
 ### 步骤3：设置昵称和头像（可选）
 
@@ -316,7 +311,6 @@ try {
 
 > **注意：**
 >
-
 > 因为用户隐私限制，非好友之间的通话，被叫的昵称和头像更新可能会有延迟，一次通话成功后就会顺利更新。
 >
 
@@ -362,13 +356,12 @@ async call () {
 
    > **注意：**
    >
-
    > 本地环境请在 localhost 协议下访问，公网体验请在 HTTPS 协议下访问，具体参见 [网络访问协议说明](https://web.sdk.qcloud.com/trtc/webrtc/doc/en/tutorial-05-info-browser.html#h2-3)。
    >
 
-3. 打开两个浏览器页面，输入不同的 userID(由您定义) 单击 `step1. init`登录（主叫方和被叫方）。
+3. 打开两个浏览器页面，输入不同的 userID(由您定义) 单击 `step1. init` 登录（主叫方和被叫方）。
 
-4. 两个 userID 都登录成功后，单击 `step2. call`拨打通话，如果您有通话问题，参见 [常见问题](https://cloud.tencent.com/document/product/647/78769)。
+4. 两个 userID 都登录成功后，单击 `step2. call` 拨打通话，如果您有通话问题，参见 [常见问题](https://cloud.tencent.com/document/product/647/78769)。
 
 ### 步骤5：接听通话
 
@@ -380,7 +373,6 @@ async call () {
 
 > **说明：**
 >
-
 > v4.4.5 版本及以上支持。
 >
 
@@ -460,7 +452,6 @@ TUICallKitAPI.setLanguage("zh-cn"); // "en" | "zh-cn" | "ja_JP"
 
 > **说明：**
 >
-
 >
 
 ### 铃声设置
@@ -470,9 +461,9 @@ TUICallKitAPI.setLanguage("zh-cn"); // "en" | "zh-cn" | "ja_JP"
 
    > **注意：**
    >
->   - 仅限传入本地 MP3 格式的文件地址，确保该文件是可以访问的。
->   - 如需恢复默认铃声 filePath 传空即可。
->   - 使用 ES6 import 方式引入铃声文件。
+   > - 仅限传入本地 MP3 格式的文件地址，确保该文件是可以访问的。
+   > - 如需恢复默认铃声 filePath 传空即可。
+   > - 使用 ES6 import 方式引入铃声文件。
 
    ``` typescript
    import filePath from './static/ring.mp3';
@@ -507,8 +498,7 @@ TUICallKitAPI.setLanguage("zh-cn"); // "en" | "zh-cn" | "ja_JP"
 
 > **注意：**
 >
-
-> 替换图标适用于** Vue + TypeScript **项目且** CallKit** 版本号 ≥ 3.2.2，若您采用其他语言或者技术栈，请使用自实现 UI 方案。
+> 替换图标适用于 **Vue + TypeScript** 项目且 **CallKit** 版本号 ≥ 3.2.2，若您采用其他语言或者技术栈，请使用自实现 UI 方案。
 >
 
 1. **下载源码**
@@ -528,7 +518,7 @@ npm install @trtc/calls-uikit-vue2
 npm install @trtc/calls-uikit-vue2.6
 ```
 
-2. **将源码拷贝到自己的项目中，以拷贝到 **`src/components/`** 目录为例：**
+2. **将源码拷贝到自己的项目中，以拷贝到** `src/components/` **目录为例：**
 
 【macOS + Vue3】
 ``` bash
@@ -567,9 +557,7 @@ xcopy .\node_modules\@tencentcloud\call-uikit-vue2.6  .\src\components\TUICallKi
    ``` javascript
    import { TUICallKit, TUICallKitAPI, CallMediaType } from "./components/TUICallKit/src/index";
    ```
-4.
-
-**解决源码拷贝可能导致的报错**
+4. **解决源码拷贝可能导致的报错**
 
 【ESLint 报错】
 
@@ -601,11 +589,10 @@ src/components/TUICallKit
 }
 ```
 
-3. **修改 TUICallKit/Components/assets 文件夹下的图标组件**
+5. **修改 TUICallKit/Components/assets 文件夹下的图标组件**
 
    > **注意：**
    >
-
    > 为了确保整个应用中的图标色调风格保持一致，请在替换时保持图标文件的名字不变。
    >
 
@@ -639,7 +626,6 @@ src/components/TUICallKit
 
 > **注意：**
 >
-
 > **v3.2.9+ 支持**。
 >
 
@@ -672,7 +658,6 @@ TUICallKitAPI.hideFeatureButton(FeatureButton.Camera);
 
 > **注意：**
 >
-
 > **v3.2.9+ 支持**。
 >
 
@@ -704,7 +689,6 @@ TUICallKitAPI.setRemoteViewBackgroundImage('remoteUserId', 'http://xxx.png');
 
 > **注意：**
 >
-
 > **仅 1V1 视频通话可用，v3.3.0+ 支持**。
 >
 

package/resource/integration/chat/preset/android/integration.md

@@ -30,11 +30,10 @@ TUIKit Compose 提供了一套完整的即时通信 UI 组件，向下依赖 Ato
 
       > **说明：**
       >
->     - 本项目目前仅支持手动集成，暂不支持通过 Maven 等包管理器集成。
->     - 为确保构建环境稳定，请严格遵循官方兼容性要求进行配置：
->     - Gradle、Android Gradle Plugin、JDK 与 Android Studio 的兼容性，请参阅 Android 官方文档：[版本说明](https://developer.android.com/build/releases/gradle-plugin#updating-gradle)。
->     - Kotlin、Android Gradle Plugin 与 Gradle 的版本对应关系，请参阅 Kotlin 官方文档：[Kotlin-Gradle 插件兼容性](https://kotlinlang.org/docs/gradle-configure-project.html#apply-the-plugin)。
-
+      > - 本项目目前仅支持手动集成，暂不支持通过 Maven 等包管理器集成。
+      > - 为确保构建环境稳定，请严格遵循官方兼容性要求进行配置：
+      > - Gradle、Android Gradle Plugin、JDK 与 Android Studio 的兼容性，请参阅 Android 官方文档：[版本说明](https://developer.android.com/build/releases/gradle-plugin#updating-gradle)。
+      > - Kotlin、Android Gradle Plugin 与 Gradle 的版本对应关系，请参阅 Kotlin 官方文档：[Kotlin-Gradle 插件兼容性](https://kotlinlang.org/docs/gradle-configure-project.html#apply-the-plugin)。
       > 我们建议您根据上述指南，选择与项目要求完全匹配的版本组合。
       >
 
@@ -80,7 +79,6 @@ TUIKit Compose 提供了一套完整的即时通信 UI 组件，向下依赖 Ato
 
    > **说明：**
    >
-
    > TUIKit_Android_Compose 可以放在任何位置，只要在 settings.gradle 中正确设置相对路径即可。
    >
 
@@ -118,8 +116,8 @@ dependencies {
 
    > **注意：**
    >
->   - 使用本地集成方案时，如需升级时需要从 GitHub 获取最新的组件代码，覆盖您本地项目的 TUIKit Compose 目录。
->   - 当私有化修改和远端有冲突时，需要手动合并，处理冲突。
+   > - 使用本地集成方案时，如需升级时需要从 GitHub 获取最新的组件代码，覆盖您本地项目的 TUIKit Compose 目录。
+   > - 当私有化修改和远端有冲突时，需要手动合并，处理冲突。
 
 ### 配置项目
 1. 在 app 目录下找到 AndroidManifest.xml 文件，在 `application` 节点中添加 `tools:replace="android:allowBackup"`，覆盖组件内的设置，使用自己的设置。
@@ -262,7 +260,6 @@ LoginStore.shared.login(context, SDKAPPID, userID, userSig,
 
 > **警告：**
 >
-
 > 在正式的生产环境中，请在您的服务端生成 UserSig，在需要 UserSig 时由您的 App 向业务服务器发起请求获取动态 UserSig 来进行鉴权。详见 [服务端生成 UserSig](https://cloud.tencent.com/document/product/269/32688)。
 >
 
@@ -309,7 +306,7 @@ LoginStore.shared.login(context, SDKAPPID, userID, userSig,
 
 ### 步骤4：构建聊天界面
 
-您可以基于 TUIKit Compose 中的 MessageList、MessageInput  组件，构建一个聊天页面。
+您可以基于 TUIKit Compose 中的 MessageList、MessageInput 组件，构建一个聊天页面。
 
 MessageList 内建的功能是：
 - 展示单聊或群聊消息列表。
@@ -320,9 +317,9 @@ MessageList 内建的功能是：
 
 - 支持用户组建并发送多种类型的消息：文本、表情、图片、语音、视频、文件等。
 
-   您可以将 MessageList 和  MessageInput 直接集成到现有的 App 页面中，也可以新构建一个完整的聊天页，组装后的一种 UI 效果如下图所示：
+   您可以将 MessageList 和 MessageInput 直接集成到现有的 App 页面中，也可以新构建一个完整的聊天页，组装后的一种 UI 效果如下图所示：
 
-   将 MessageList 和 MessageInput 组装为聊天页，可参考  `chat/uikit/src/main/java/io/trtc/tuikit/chat/pages/ChatPage.kt` 文件里的实现，`ChatPage` 主要做了以下工作：
+   将 MessageList 和 MessageInput 组装为聊天页，可参考 `chat/uikit/src/main/java/io/trtc/tuikit/chat/pages/ChatPage.kt` 文件里的实现，`ChatPage` 主要做了以下工作：
 
 1. 在最上方添加了 headerView，展示会话的名称。
 
@@ -402,7 +399,7 @@ MessageList 内建的功能是：
 
    您可以将 ContactList 直接集成到现有的 App 中，也可以新构建一个完整的联系人列表页，组装后的一种 UI 效果如下图所示：
 
-   将 ContactList 封装为联系人列表页，可参考 `chat/uikit/src/main/java/io/trtc/tuikit/chat/pages/ContactsPage.kt `文件里的实现，`ContactsPage` 主要做了以下工作：
+   将 ContactList 封装为联系人列表页，可参考 `chat/uikit/src/main/java/io/trtc/tuikit/chat/pages/ContactsPage.kt` 文件里的实现，`ContactsPage` 主要做了以下工作：
 
 1. 在 ContactList 上方添加了 headerView。
 
@@ -451,7 +448,7 @@ ConversationsPage、ChatPage、ContactsPage 中暴露了一些用户点击事件
 | <code>onChatHeaderClick: (String) -> Unit</code> | 点击导航栏中的头像时触发，建议跳转用户信息页（C2CChatSetting）或群聊信息页（GroupChatSetting） |  |
 | <code>onBackClick: () -> Unit</code> | 点击返回按钮时触发，建议返回上一级页面。 |  |
 
-**chat/demo/app/src/main/java/io/trtc/tuikit/chat/MainActivity.kt **和 **chat/demo/app/src/main/java/io/trtc/tuikit/chat/chat/ChatActivity.kt** 作为上述 Page 的粘合层，实现了各个 Page 的回调事件，核心示例代码如下：
+**chat/demo/app/src/main/java/io/trtc/tuikit/chat/MainActivity.kt** 和 **chat/demo/app/src/main/java/io/trtc/tuikit/chat/chat/ChatActivity.kt** 作为上述 Page 的粘合层，实现了各个 Page 的回调事件，核心示例代码如下：
 ``` java
 // chat/demo/app/src/main/java/io/trtc/tuikit/chat/MainActivity.kt
 
@@ -489,6 +486,39 @@ ChatPage(
 
 您可以参考上述回调说明及参考代码，实现 Page 之间交互逻辑。
 
+### 步骤7：接入智能客服 Desk 用户端（可选）
+
+若需同时集成智能客服 Desk 用户端，请先 [开通智能客服 Desk 服务](https://cloud.tencent.com/document/product/269/96059)，并根据 [Android 接入智能客服用户端](https://cloud.tencent.com/document/product/269/110809) 文档完成 `com.tencentcloud.desk:aideskcustomer` 包引入和配置。即可在您的应用中引入客服会话能力。
+``` java
+
+int SDKAppID = 0; // 开通了智能客服 Desk 的应用 ID
+String userID = "";
+String userSig = "";
+
+// 上述三个参数, 可以和您登录腾讯云 IM 的保持一致, 也可以使用不同的应用和用户
+
+// 用户昵称。设置后，用户端转人工成功时，人工客服在工作台可见。您可将用户手机号，用户来源等信息写入昵称，长度限制500字节
+// 注意！设置后，即时通信 IM 同 userID 的昵称也会被更新
+// 如您不希望变更，请设置为 "" 或 null
+String nickName = "";
+
+// 用户头像。设置后，用户端转人工成功时，人工客服在工作台可见
+// 注意！设置后，即时通信 IM 同 userID 的头像也会被更新
+// 如您不希望变更，请设置为 "" 或 null
+String avatar = "";
+
+TencentAiDeskCustomer.getInstance().initWithProfile(context, SDKAppID, userID, userSig, nickName, avatar, new AIDeskCallback() {
+    @Override
+    public void onSuccess() {
+        startActivity(TencentAiDeskCustomer.getInstance().getCustomerServiceChatIntent(context));
+    }
+
+    @Override
+    public void onError(int code, String desc) {}
+});
+
+```
+
 ## 常见问题
 
 ### 功能常见问题

package/resource/integration/chat/preset/flutter/integration.md

@@ -24,17 +24,23 @@ TUIKit 提供了一套完整的即时通信 UI 组件，向下依赖 AtomicXCore
 
       > **说明：**
       >
->     - 本项目目前仅支持手动集成，暂不支持通过 pub.dev 集成。
->     - 为确保构建环境稳定，请严格遵循官方兼容性要求进行配置：
->     - Gradle、Android Gradle Plugin、JDK 与 Android Studio 的兼容性，请参阅 Android 官方文档：[版本说明](https://developer.android.com/build/releases/gradle-plugin#updating-gradle)。
->     - Kotlin、Android Gradle Plugin 与 Gradle 的版本对应关系，请参阅 Kotlin 官方文档：[Kotlin-Gradle 插件兼容性](https://kotlinlang.org/docs/gradle-configure-project.html#apply-the-plugin)。
->     - 使用 JDK 17 版本，其他版本可能导致编译失败，请参阅：[Java 版本切换](https://developer.android.com/build/jdks#kts)。
-
+      > - 本项目目前仅支持手动集成，暂不支持通过 pub.dev 集成。
+      > - 为确保构建环境稳定，请严格遵循官方兼容性要求进行配置：
+      > - Gradle、Android Gradle Plugin、JDK 与 Android Studio 的兼容性，请参阅 Android 官方文档：[版本说明](https://developer.android.com/build/releases/gradle-plugin#updating-gradle)。
+      > - Kotlin、Android Gradle Plugin 与 Gradle 的版本对应关系，请参阅 Kotlin 官方文档：[Kotlin-Gradle 插件兼容性](https://kotlinlang.org/docs/gradle-configure-project.html#apply-the-plugin)。
+      > - 使用 JDK 17 版本，其他版本可能导致编译失败，请参阅：[Java 版本切换](https://developer.android.com/build/jdks#kts)。
       > 我们建议您根据上述指南，选择与项目要求完全匹配的版本组合。
       >
 
+      **接入过程中遇到任何卡点或有改进建议，欢迎通过** [**Flutter TUIKit 接入体验**](https://wj.qq.com/s2/27299252/ff84/) **反馈，官方会及时跟进处理。**
+
 ## 集成并引入组件
 
+> **说明：**
+>
+> **Demo**：[GitHub 完整 Demo](https://github.com/Tencent-RTC/TUIKit_Flutter) 开箱即用，5 分钟跑通聊天 + 音视频通话全功能。
+>
+
 ### 下载源码
 
 1. 从 GitHub 下载 [TUIKit Flutter](https://github.com/Tencent-RTC/TUIKit_Flutter) 源码：
@@ -63,6 +69,10 @@ chat/
 │       ├── conversations_page.dart
 │   └── ...                         # 其他 UI 组件
 └── demo/                           # 示例应用（可选参考）
+call/
+├── lib/
+│   ├── src/                        # 音视频通话功能组件源码
+│   ├── tencent_calls_uikit.dart    # 音视频通话入口类
 ```
 
 ### 集成组件
@@ -71,15 +81,19 @@ chat/
 2. 在您项目的 `pubspec.yaml` 文件中添加组件：
 
    ``` bash
+   dependencies:
      tencent_chat_uikit:
        path: ../TUIKit_Flutter/chat/uikit
+
+     tencent_calls_uikit:
+       path: ../TUIKit_Flutter/call
    ```
 
    > **注意：**
    >
->   - 可以修改 `chat/uikit/pubspec.yaml `文件里的 tuikit_atomic_x 依赖，改为依赖 pub 的线上版本。
->   - 如需升级，您需要从 GitHub 获取最新的组件代码，覆盖您本地项目的 TUIKit_Flutter 目录。
->   - 当私有化修改和远端有冲突时，需要手动合并，处理冲突。
+   > - 可以修改 `chat/uikit/pubspec.yaml` 文件里的 tuikit_atomic_x 依赖，改为依赖 pub 的线上版本。
+   > - 如需升级，您需要从 GitHub 获取最新的组件代码，覆盖您本地项目的 TUIKit_Flutter 目录。
+   > - 当私有化修改和远端有冲突时，需要手动合并，处理冲突。
 
 ### 配置项目
 
@@ -114,7 +128,6 @@ end
 
    > **说明：**
    >
-
    > 如果您本地不存在 Gradle 全局配置文件 `~/.gradle/init.gradle`，请忽略。如果存在，并且该文件里配置有 `allprojects.repositories`，可以删除 `allprojects.repositories` 相关内容，或者删除 `~/.gradle/init.gradle`（建议备份文件），以免引起运行报错。
    >
 
@@ -149,7 +162,6 @@ if (result.errorCode == 0) {
 
 > **警告：**
 >
-
 > 在正式的生产环境中，请在您的服务端生成 UserSig，在需要 UserSig 时由您的 App 向业务服务器发起请求获取动态 UserSig 来进行鉴权。详见 [服务端生成 UserSig](https://cloud.tencent.com/document/product/269/32688)。
 >
 
@@ -304,7 +316,7 @@ MessageList 内建的功能是：
 
    您可以将 ContactList 直接集成到现有的 App 中，也可以新构建一个完整的联系人列表页，组装后的一种 UI 效果如下图所示：
 
-   将 ContactList 封装为联系人列表页，可参考 `chat/uikit/lib/src/pages/contacts_page.dart `文件里的实现，`ContactsPage` 主要做了以下工作：
+   将 ContactList 封装为联系人列表页，可参考 `chat/uikit/lib/src/pages/contacts_page.dart` 文件里的实现，`ContactsPage` 主要做了以下工作：
 
 1. 在 ContactList 上方添加了 AppBar。
 
@@ -359,9 +371,38 @@ ConversationsPage、ChatPage、ContactsPage 中实现了默认的用户点击事
 
 您可以参考上述回调说明及代码，实现 Page 之间交互逻辑。
 
+### 步骤7：音视频通话（推荐）
+
+在聊天中支持音视频通话，请先 [开通音视频服务](https://console.cloud.tencent.com/im)，登录后即可在 Chat 组件中正常使用该功能。
+``` javascript
+TUICallKit.instance.login(SDKAPPID, userID, userSig);
+```
+
+### 步骤8：接入智能客服 Desk 用户端（可选）
+
+若需同时集成智能客服 Desk 用户端，请先 [开通智能客服 Desk 服务](https://cloud.tencent.com/document/product/269/96059)，并根据 [Flutter 接入智能客服用户端](https://cloud.tencent.com/document/product/269/113293) 文档完成 `tencentcloud_ai_desk_customer` 包引入和配置，即可在您的应用中引入客服会话能力。
+``` java
+import 'package:tencentcloud_ai_desk_customer/tencentcloud_ai_desk_customer.dart';
+
+// 上述sdkAppID、userID和userSig三个参数, 可以同您登录腾讯云 IM 的保持一致, 也可以使用不同的应用和用户
+
+TencentCloudAIDeskCustomer.init(
+  sdkAppID: SDKAppID， // 开通了智能客服 Desk 的应用 ID
+  userID: userID， // 详情可参见腾讯云 IM 登录鉴权
+  userSig: userSig， // 详情可参见腾讯云 IM 登录鉴权
+);
+
+// 打开智能客服会话页面
+TencentCloudAIDeskCustomer.navigate(
+  context: context， // BuildContext
+  customerServiceID: "@customer_service_account"， // 可选, 如不配置多客服号或修改默认的客服号 UserID, 可无需传入. 客服号 UserID 可从智能客服管理端查看: https://desk.qcloud.com/
+  config: TencentCloudCustomerConfig()， // 可选针对该客服会话的特殊配置，具体参数及使用方式可查看该类注释. 此处仅需手动指定相比全局配置的增项和修改项即可，其余配置来自全局默认配置.
+);
+```
+
 ## 常见问题
 
-### **集成 tuikit_atomic_x 组件后，有 **`theme_state`** 和 **`atomic_localizations`** 的报错怎么办？**
+### **集成 tuikit_atomic_x 组件后，有** `theme_state` **和** `atomic_localizations` **的报错怎么办？**
 
 组件支持主题颜色和国际化字符串切换，需要在项目根目录的 `main.dart` 文件中使用 `ComponentTheme` 来包装根 `widget`，并且需要在 `MaterialApp` 的 `localizationsDelegates` 中增加 `AtomicLocalizations.delegate` 的配置，可参考源码 Demo 中的 `main.dart` 文件的使用。