@tencentcloud/sdk-mcp 1.7.3 → 1.7.5

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

@@ -253,6 +253,10 @@ TUICallKit.createInstance(this).calls(userIdList, mediaType, params, new Complet
 
 接听端完成登录后，拨打端发起通话，接收端就可以收到通话邀请，同时伴随铃声和振动。
 
+## AI 助手：知识咨询与代码集成
+
+您在接入视频通话 SDK 过程中，可以通过 MCP 使用 AI 助手，快速完成知识咨询、报错排查和集成代码生成。支持 Web/Android/iOS/Flutter/uni-app/HarmonyOS 等平台，答案基于官方文档。适用于查询 CallKit 组件和无 UI SDK 用法以及集成文档等场景，[立即体验，提出您的第一个问题](https://cloud.tencent.com/document/product/647/129285)。
+
 ## 更多功能
 
 ### AI 转录与翻译

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

@@ -29,7 +29,7 @@ flutter pub add tencent_calls_uikit
 【Android】
 1. 由于 SDK 内部使用了 Java 反射机制（或特性），需要将部分 SDK 类加入不进行混淆处理的名单。
 
-  - 请在工程的 `android/app/` 目录下找到 `build.gradle.kts`（或 `build.gradle` ）文件中配置并开启混淆规则：
+   - 请在工程的 `android/app/` 目录下找到 `build.gradle.kts`（或 `build.gradle` ）文件中配置并开启混淆规则：
 
 【build.gradle.kts】
 ``` java
@@ -58,7 +58,7 @@ android {
 }
 
 ```
-  - 在工程的 `android/app` 目录下创建 `proguard-rules.pro` 文件，并在其中添加如下代码：
+   - 在工程的 `android/app` 目录下创建 `proguard-rules.pro` 文件，并在其中添加如下代码：
 
 ``` java
 -keep class com.tencent.** { *; }
@@ -101,9 +101,9 @@ android {
 
    为了确保 TUICallKit 能够正常管理页面导航和显示多语言界面，需要在 Flutter 应用框架中进行以下配置：
 
-  - 在 `navigatorObservers` 中添加 `TUICallKit.navigatorObserver`，用于监听页面路由变化和管理组件生命周期。
+   - 在 `navigatorObservers` 中添加 `TUICallKit.navigatorObserver`，用于监听页面路由变化和管理组件生命周期。
 
-  - 在 `localizationsDelegates` 中添加相关本地化代理，确保界面文案能够根据系统语言正确显示。
+   - 在 `localizationsDelegates` 中添加相关本地化代理，确保界面文案能够根据系统语言正确显示。
 
       ``` java
       import 'package:tencent_calls_uikit/tencent_calls_uikit.dart';
@@ -205,6 +205,10 @@ void _call() {
 
 接听端完成登录后，拨打端发起通话，接听端就可以收到通话邀请，同时伴随铃声和振动。
 
+## AI 助手：知识咨询与代码集成
+
+您在接入视频通话 SDK 过程中，可以通过 MCP 使用 AI 助手，快速完成知识咨询、报错排查和集成代码生成。支持 Web/Android/iOS/Flutter/uni-app/HarmonyOS 等平台，答案基于官方文档。适用于查询 CallKit 组件和无 UI SDK 用法以及集成文档等场景，[立即体验，提出您的第一个问题](https://cloud.tencent.com/document/product/647/129285)。
+
 ## 更多功能
 
 ### AI 转录与翻译

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

@@ -1,11 +1,5 @@
 本文将介绍如何快速接入 TUICallKit 组件。您可以在 10 分钟内完成以下关键步骤，最终获得一个功能完备的音视频通话界面。
 
-## AI接入
-
-本接入文档已通过 **CodeBuddy** 的工程化验证，完全适配 **MCP (Model Context Protocol)** 协议。如需通过 AI 辅助接入，
-
-“您现在是一名资深的 iOS 开发专家。请基于本文档，协助我在现有的 iOS 项目中接入音视频通话功能。”
-
 ## 准备工作
 
 ### 环境要求
@@ -152,15 +146,16 @@ func application(_ application: UIApplication, didFinishLaunchingWithOptions lau
 import TUICallKit_Swift
 import AtomicXCore
 
-TUICallKit.createInstance().setSelfInfo(nickname: "jack", avatar: "https:/****/user_avatar.png", completion: { result in
+TUICallKit.createInstance().setSelfInfo(nickname: "jack", avatar: "https://****/user_avatar.png", completion: { result in
     switch result {
     case .success:
-        // 成功处理
+        print("setSelfInfo success")
     case .failure(let error):
-        // 失败处理:
+        print("setSelfInfo failed: \(error)")
+    @unknown default:
+        break
     }
 })
-
 ```
 
 |参数|类型|说明|
@@ -185,11 +180,13 @@ import AtomicXCore
 TUICallKit.createInstance().calls(userIdList: ["mike"], mediaType: .audio, params: nil, completion: { result in
     switch result {
     case .success:
-      // 成功处理
+        print("calls success")
     case .failure(let error):
-      // 失败处理
+        print("calls failed: \(error)")
+    @unknown default:
+        break
     }
-}
+})
 ```
 
 |参数|类型|说明|
@@ -203,6 +200,10 @@ TUICallKit.createInstance().calls(userIdList: ["mike"], mediaType: .audio, param
 
 接听端完成登录后，拨打端发起通话，接听端就可以收到通话邀请，同时伴随铃声和振动。
 
+## AI 助手：知识咨询与代码集成
+
+您在接入视频通话 SDK 过程中，可以通过 MCP 使用 AI 助手，快速完成知识咨询、报错排查和集成代码生成。支持 Web/Android/iOS/Flutter/uni-app/HarmonyOS 等平台，答案基于官方文档。适用于查询 CallKit 组件和无 UI SDK 用法以及集成文档等场景，[立即体验，提出您的第一个问题](https://cloud.tencent.com/document/product/647/129285)。
+
 ## 更多功能
 
 ### AI 转录与翻译
@@ -366,9 +367,9 @@ TUICallKit.createInstance().enableMuteMode(enable: true)
 
 - **自定义离线推送铃声**：离线推送默认铃声是由系统决定的，如果您需要自定义铃声，请按以下步骤操作：
 
-  1. 准备自定义铃声：将您的铃声文件命名为 `phone_ringing.mp3`。
+   1. 准备自定义铃声：将您的铃声文件命名为 `phone_ringing.mp3`。
 
-  2. 替换项目文件：替换项目中现有的[同名铃声文件](https://github.com/Tencent-RTC/TUIKit_iOS/blob/main/call/TUICallKit_Swift/Resources/AudioFile/phone_ringing.mp3)。
+   2. 替换项目文件：替换项目中现有的[同名铃声文件](https://github.com/Tencent-RTC/TUIKit_iOS/blob/main/call/TUICallKit_Swift/Resources/AudioFile/phone_ringing.mp3)。
 
 ## 自定义您的 UI
 

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

@@ -246,9 +246,9 @@ try {
 ### 语言设置
 - **设置支持的语言**
 
-  - **支持的语言：**目前支持**简体中文、英文、日文。**
+   - **支持的语言：**目前支持**简体中文、英文、日文。**
 
-  - **切换语言：**TUICallKit 会优先获取浏览器语言，如果是中文，英文或者日文中的一种，则以浏览器语言为主，否则使用英文。如果想切换语言，可以使用 setLanguage 接口。以设置语言为英文示例代码如下**。**
+   - **切换语言：**TUICallKit 会优先获取浏览器语言，如果是中文，英文或者日文中的一种，则以浏览器语言为主，否则使用英文。如果想切换语言，可以使用 setLanguage 接口。以设置语言为英文示例代码如下**。**
 
 ``` javascript
 

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

@@ -9,21 +9,21 @@
 
 - **npm 包集成**
 
-  - Vue3 开发环境，集成 [@trtc/calls-uikit-vue](https://www.npmjs.com/package/@trtc/calls-uikit-vue) npm 包。
+   - Vue3 开发环境，集成 [@trtc/calls-uikit-vue](https://www.npmjs.com/package/@trtc/calls-uikit-vue) npm 包。
 
-  - Vue2.7 开发环境：集成 [@trtc/calls-uikit-vue2](https://www.npmjs.com/package/@trtc/calls-uikit-vue2) npm 包。
+   - Vue2.7 开发环境：集成 [@trtc/calls-uikit-vue2](https://www.npmjs.com/package/@trtc/calls-uikit-vue2) npm 包。
 
-  - Vue2.6 开发环境：集成 [@trtc/calls-uikit-vue2.6](https://www.npmjs.com/package/@trtc/calls-uikit-vue2.6) + [@vue/composition-api](https://www.npmjs.com/package/@vue/composition-api) npm 包。
+   - Vue2.6 开发环境：集成 [@trtc/calls-uikit-vue2.6](https://www.npmjs.com/package/@trtc/calls-uikit-vue2.6) + [@vue/composition-api](https://www.npmjs.com/package/@vue/composition-api) npm 包。
 
 - **源码集成**
 
-  - Vue3 + TypeScript 开发环境：从 [@trtc/calls-uikit-vue](https://www.npmjs.com/package/@trtc/calls-uikit-vue) npm 包拷贝源码。
+   - Vue3 + TypeScript 开发环境：从 [@trtc/calls-uikit-vue](https://www.npmjs.com/package/@trtc/calls-uikit-vue) npm 包拷贝源码。
 
-  - Vue2.7 + TypeScript 开发环境：从 [@trtc/calls-uikit-vue2](https://www.npmjs.com/package/@trtc/calls-uikit-vue2) npm 包拷贝源码。
+   - Vue2.7 + TypeScript 开发环境：从 [@trtc/calls-uikit-vue2](https://www.npmjs.com/package/@trtc/calls-uikit-vue2) npm 包拷贝源码。
 
-  - Vue2.6 + TypeScript 开发环境：从 [@trtc/calls-uikit-vue2.6](https://www.npmjs.com/package/@trtc/calls-uikit-vue2.6) npm 包拷贝源码。
+   - Vue2.6 + TypeScript 开发环境：从 [@trtc/calls-uikit-vue2.6](https://www.npmjs.com/package/@trtc/calls-uikit-vue2.6) npm 包拷贝源码。
 
-    - 需要：Vue2.6 + [unplugin-vue2-script-setup](https://www.npmjs.com/package/unplugin-vue2-script-setup) + [@vue/composition-api](https://www.npmjs.com/package/@vue/composition-api) 。
+      - 需要：Vue2.6 + [unplugin-vue2-script-setup](https://www.npmjs.com/package/unplugin-vue2-script-setup) + [@vue/composition-api](https://www.npmjs.com/package/@vue/composition-api) 。
 
          > **注意：**
          >
@@ -173,9 +173,6 @@ const init = async () => {
 }
 </script>
 
-<style scoped>
-.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 .2s, box-shadow .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 .15s, box-shadow .2s, background .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; }
-</style>
 ```
 
 【Vue2.7】
@@ -424,9 +421,9 @@ try {
 ### 语言设置
 - **设置支持的语言**
 
-  - **支持的语言：**目前支持**简体中文、英文、日文。**
+   - **支持的语言：**目前支持**简体中文、英文、日文。**
 
-  - **切换语言：**TUICallKit 会优先获取浏览器语言，如果是中文，英文或者日文中的一种，则以浏览器语言为主，否则使用英文。如果想切换语言，可以使用 setLanguage 接口。以设置语言为英文示例代码如下：
+   - **切换语言：**TUICallKit 会优先获取浏览器语言，如果是中文，英文或者日文中的一种，则以浏览器语言为主，否则使用英文。如果想切换语言，可以使用 setLanguage 接口。以设置语言为英文示例代码如下：
 
 ``` javascript
 

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

@@ -24,9 +24,9 @@ TUIKit Compose 提供了一套完整的即时通信 UI 组件，向下依赖 Ato
 
 - 一个有效的腾讯云账号及 Chat 应用。可参考 开通服务 从控制台获取以下信息：
 
-  - SDKAppID：App 在控制台获取的 Chat 应用的 ID，为应用的唯一标识
+   - SDKAppID：App 在控制台获取的 Chat 应用的 ID，为应用的唯一标识
 
-  - SDKSecretKey：应用的密钥
+   - SDKSecretKey：应用的密钥
 
       > **说明：**
       >
@@ -40,7 +40,7 @@ TUIKit Compose 提供了一套完整的即时通信 UI 组件，向下依赖 Ato
 ## 集成并引入组件
 
 > **说明：**
-> Demo：[CNB 完整 Demo（国内）](https://cnb.cool/tencent/cloud/trtc/TUIKit_Android_Compose) 或者 [GitHub 完整 Demo](https://github.com/Tencent-RTC/TUIKit_Android_Compose) 开箱即用，5 分钟跑通聊天 + 音视频通话全功能。
+> Demo：IM 提供在 [CNB](https://cnb.cool/tencent/cloud/trtc/TUIKit_Android_Compose) 及 [GitHub](https://github.com/Tencent-RTC/TUIKit_Android_Compose) 上提供即时通信完整 Demo，您可以 5 分钟跑通聊天、音视频通话全功能，开箱即用。
 >
 
 ### 下载源码
@@ -265,46 +265,7 @@ LoginStore.shared.login(context, SDKAPPID, userID, userSig,
 > 在正式的生产环境中，请在您的服务端生成 UserSig，在需要 UserSig 时由您的 App 向业务服务器发起请求获取动态 UserSig 来进行鉴权。详见 [服务端生成 UserSig](https://cloud.tencent.com/document/product/269/32688)。
 >
 
-### 步骤3：构建会话列表界面
-
-您可以基于 TUIKit Compose 中的 ConversationList 组件，构建一个会话列表页面。ConversationList 内建的功能是：
-- 展示用户的会话列表，包含单聊和群聊会话
-
-- 支持用户操作单个会话：置顶、删除、清空会话消息等
-
-   将 ConversationList 封装为会话列表页，可参考 `chat/uikit/src/main/java/io/trtc/tuikit/chat/pages/ConversationsPage.kt` 文件里的实现，`ConversationsPage` 主要做了以下工作：
-
-1. 在 ConversationList 上方添加了 headerView。
-
-2. 传递点击会话列表 cell 事件。
-
-   核心示例代码如下所示：
-
-   ``` swift
-   @Composable
-   fun ConversationsPage(
-       onConversationClick: (ConversationInfo) -> Unit = {},
-       editContent: @Composable () -> Unit = {},
-   ) {
-       val colors = LocalTheme.current.colors
-       Column(
-           modifier = Modifier
-               .fillMaxSize()
-               .background(Colors.Transparent)
-       ) {
-
-           PageHeader(stringResource(R.string.chat_uikit_chat)) {
-               editContent()
-           }
-
-           Box(modifier = Modifier.fillMaxSize(), contentAlignment = Alignment.Center) {
-               ConversationList(modifier = Modifier.navigationBarsPadding(), onConversationClick = onConversationClick)
-           }
-       }
-   }
-   ```
-
-### 步骤4：构建聊天界面
+### 步骤3：构建聊天界面
 
 您可以基于 TUIKit Compose 中的 MessageList、MessageInput 组件，构建一个聊天页面。
 
@@ -382,112 +343,10 @@ MessageList 内建的功能是：
    }
    ```
 
-### 步骤5：构建联系人界面
-
-您可以基于 TUIKit Compose 中的 ContactList 组件，构建一个联系人页面。ContactList 内建的功能是：
-- 查看好友申请列表。
-
-- 查看已加入的群列表。
-
-- 处理群组邀请和申请。
-
-- 管理黑名单列表。
-
-- 查看好友。
-
-   将 ContactList 封装为联系人列表页，可参考 `chat/uikit/src/main/java/io/trtc/tuikit/chat/pages/ContactsPage.kt` 文件里的实现，`ContactsPage` 主要做了以下工作：
-
-1. 在 ContactList 上方添加了 headerView。
-
-2. 传递点击联系人列表 cell 事件。
-
-   核心示例代码如下所示：
-
-   ``` swift
-   @Composable
-   fun ContactsPage(
-       onContactClick: (ContactInfo) -> Unit = {},
-       onGroupClick: (ContactInfo) -> Unit = {},
-       editContent: @Composable () -> Unit = {},
-   ) {
-
-       val colors = LocalTheme.current.colors
-       Column(
-           modifier = Modifier
-               .fillMaxSize()
-               .background(Colors.Transparent)
-       ) {
-           PageHeader(stringResource(R.string.chat_uikit_contacts)) {
-               editContent()
-           }
-
-           Box(
-               modifier = Modifier
-                   .fillMaxSize()
-                   .navigationBarsPadding(), contentAlignment = Alignment.Center
-           ) {
-               ContactList(onGroupClick = onGroupClick, onContactClick = onContactClick)
-           }
-       }
-   }
-   ```
-
-### 步骤6：完善界面间的跳转逻辑
-
-ConversationsPage、ChatPage、ContactsPage 中暴露了一些用户点击事件，您可以自定义事件来实现页面间的交互：
-| Page | 回调 | 建议跳转逻辑 |
-| --- | --- | --- |
-| <strong>ConversationsPage</strong> | <code>onConversationClick: (ConversationInfo) -> Unit</code> | 点击会话列表中的会话时触发，建议跳转到聊天页面（ChatPage）。 |
-| <strong>ContactsPage</strong> | <code>onContactClick: (ContactInfo) -> Unit</code> | 点击联系人 cell 时触发，建议跳转用户信息页（C2CChatSetting）。 |
-| <code>onGroupClick: (ContactInfo) -> Unit</code> | 点击群组 cell 时触发，建议跳转群聊页面（ChatPage）。 |  |
-| <strong>ChatPage</strong> | <code>onUserClick: (String) -> Unit</code> | 点击消息中的用户头像或昵称时触发，建议跳转用户信息页（C2CChatSetting）。 |
-| <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 的回调事件，核心示例代码如下：
-``` java
-// chat/demo/app/src/main/java/io/trtc/tuikit/chat/MainActivity.kt
-
-// 点击会话列表 cell 跳转
-ConversationsPage(onConversationClick = {
-    activity?.startActivity(
-        Intent(activity, ChatActivity::class.java).apply {
-            putExtra("conversationID", it.conversationID)
-        }
-    )
-})
-
-// 点击联系人页面跳转
-ContactsPage(onGroupClick = {
-    ChatSettingActivity.start(context, "", it.contactID, true)
-}, onContactClick = {
-    ChatSettingActivity.start(context, it.contactID, "", true)
-})
-```
-
-``` java
-// chat/demo/app/src/main/java/io/trtc/tuikit/chat/chat/ChatActivity.kt
-
-// 点击聊天页面跳转
-ChatPage(
-   conversationID = conversationID,
-   locateMessage = message,
-   onUserClick = {
-       handleChatSettingNavigation(it)
-   }, onChatHeaderClick = {
-       val userID = getUserID(conversationID)
-       val groupID = getGroupID(conversationID)
-       handleChatSettingNavigation(userID, groupID)
-   }, onBackClick = { finish() })
-```
-
-您可以参考上述回调说明及参考代码，实现 Page 之间交互逻辑。
-
-### 步骤7：接入智能客服 Desk 用户端（可选）
+### 步骤4：接入智能客服 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 = "";
@@ -513,7 +372,6 @@ TencentAiDeskCustomer.getInstance().initWithProfile(context, SDKAppID, userID, u
     @Override
     public void onError(int code, String desc) {}
 });
-
 ```
 
 ## 常见问题

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

@@ -32,9 +32,9 @@ TUIKit 提供了一套完整的即时通信 UI 组件，向下依赖 AtomicXCore
 
 - 一个有效的腾讯云账号及 Chat 应用。可参考 开通服务 从控制台获取以下信息：
 
-  - SDKAppID：App 在控制台获取的 Chat 应用的 ID，为应用的唯一标识。
+   - SDKAppID：App 在控制台获取的 Chat 应用的 ID，为应用的唯一标识。
 
-  - SDKSecretKey：应用的密钥。
+   - SDKSecretKey：应用的密钥。
 
       > **说明：**
       >
@@ -261,6 +261,7 @@ final result = await LoginStore.shared.login(
     );
 if (result.errorCode == 0) {
     // 登录成功，可跳转聊天或会话页
+    TUICallKit.instance.login(SDKAPPID, userID, userSig);
 } else {
     // 登录失败，可弹框报错
 }
@@ -270,63 +271,7 @@ if (result.errorCode == 0) {
 > 在正式的生产环境中，请在您的服务端生成 UserSig，在需要 UserSig 时由您的 App 向业务服务器发起请求获取动态 UserSig 来进行鉴权。详见 [服务端生成 UserSig](https://cloud.tencent.com/document/product/269/32688)。
 >
 
-### 步骤3：构建会话列表界面
-
-您可以基于 TUIKit Flutter 中的 ConversationList 组件，构建一个会话列表页面。ConversationList 内建的功能是：
-- 展示用户的会话列表，包含单聊和群聊会话
-
-- 支持用户操作单个会话：置顶、删除、清空会话消息等
-
-   将 ConversationList 封装为会话列表页，可参考 `chat/uikit/lib/src/pages/conversations_page.dart` 文件里的实现，`ConversationsPage` 主要做了以下工作：
-
-1. 在 ConversationList 上方添加了 AppBar。
-
-2. 实现点击会话列表 cell 事件。
-
-3. 支持创建会话和群组功能：
-
-  1. 点击右上角按钮可以创建新会话或群组
-
-  2. 支持从联系人列表选择好友创建单聊
-
-  3. 支持选择多个好友创建群聊
-
-      核心示例代码如下所示：
-
-      ``` java
-        @override
-        Widget build(BuildContext context) {
-          return Scaffold(
-            appBar: AppBar(
-              backgroundColor: colorsTheme.bgColorOperate,
-              title: Text(atomicLocale.chat, style: TextStyle(fontSize: 34, fontWeight: FontWeight.w600)),
-              centerTitle: false,
-              scrolledUnderElevation: 0,
-              actions: [],
-            ),
-            body: Column(
-              children: [
-                Expanded(
-                  child: ConversationList(
-                    onConversationClick: (conversation) {
-                      Navigator.push(
-                        context,
-                        MaterialPageRoute(
-                          builder: (context) => ChatPage(
-                            conversation: conversation,
-                          ),
-                        ),
-                      );
-                    },
-                  ),
-                ),
-              ],
-            ),
-          );
-        }
-      ```
-
-### 步骤4：构建聊天界面
+### 步骤3：构建聊天界面
 
 您可以基于 TUIKit Flutter 中的 MessageList、MessageInput 组件，构建一个聊天页面。
 
@@ -402,82 +347,14 @@ MessageList 内建的功能是：
      }
    ```
 
-### 步骤5：构建联系人界面
-
-您可以基于 TUIKit Flutter 中的 ContactList 组件，构建一个联系人页面。ContactList 内建的功能是：
-- 查看好友申请列表。
-
-- 查看已加入的群列表。
-
-- 处理群组邀请和申请。
-
-- 管理黑名单列表。
-
-- 查看好友。
-
-   将 ContactList 封装为联系人列表页，可参考 `chat/uikit/lib/src/pages/contacts_page.dart` 文件里的实现，`ContactsPage` 主要做了以下工作：
-
-1. 在 ContactList 上方添加了 AppBar。
-
-2. 实现点击联系人列表 cell 事件。
-
-3. 支持添加联系人和添加群组：
-
-  1. 点击右上角 "+" 按钮可以添加联系人或群组
-
-  2. 支持根据 UserID 搜索目标联系人
+### 步骤4：音视频通话
 
-  3. 支持根据 GroupID 搜索目标群组
-
-      核心示例代码如下所示：
-
-      ``` java
-        @override
-        Widget build(BuildContext context) {
-          AtomicLocalizations atomicLocale = AtomicLocalizations.of(context);
-          SemanticColorScheme colorsScheme = BaseThemeProvider.colorsOf(context);
-          return Scaffold(
-            appBar: AppBar(
-              backgroundColor: colorsScheme.bgColorOperate,
-              title: Text(atomicLocale.contact, style: TextStyle(fontSize: 34, fontWeight: FontWeight.w600),),
-              centerTitle: false,
-              scrolledUnderElevation: 0,
-              actions: [],
-            ),
-            body: ContactList(
-              onGroupClick: (ContactInfo contactInfo) {
-                _onGroupClick(context, contactInfo);
-              },
-              onContactClick: (ContactInfo contactInfo) {
-                _onContactClick(context, contactInfo);
-              },
-            ),
-          );
-        }
-      ```
-
-### 步骤6：完善界面间的跳转逻辑
-
-ConversationsPage、ChatPage、ContactsPage 中实现了默认的用户点击事件，您可以自定义事件来实现页面间的交互：
-| Page | 回调 | 建议跳转逻辑 |
-| --- | --- | --- |
-| <strong>ConversationsPage</strong> | <code>onConversationClick: (conversation) {}</code> | 点击会话列表中的会话时触发，建议跳转到聊天页面（ChatPage）。 |
-| <strong>ContactsPage</strong> | <code>onContactClick: (ContactInfo contactInfo) {}</code> | 点击联系人 cell 时触发，建议跳转到用户信息页（C2CChatSetting）。 |
-| <code>onGroupClick: (ContactInfo contactInfo) {}</code> | 点击群组 cell 时触发，建议跳转到群聊页面（ChatPage）。 |  |
-| <strong>ChatPage</strong> | <code>onUserClick: (String userID) {}</code> | 点击消息中的用户头像或昵称时触发，建议跳转到用户信息页（C2CChatSetting）。 |
-| <code>onChatHeaderClick: () {}</code> | 点击导航栏中的头像时触发，建议跳转到用户信息页（C2CChatSetting）或群聊信息页（GroupChatSetting） |  |
-| <code>onBackClick: () {}</code> | 点击返回按钮时触发，建议返回上一级页面。 |  |
-
-您可以参考上述回调说明及代码，实现 Page 之间交互逻辑。
-
-### 步骤7：音视频通话（推荐）
-
-在聊天中支持音视频通话，请先 [开通音视频服务](https://console.cloud.tencent.com/im)，登录后即可在 Chat 组件中正常使用该功能。
+在 `LoginStore` 登录成功后，登录 `TUICallKit` 即可在 Chat 组件中正常使用该功能。如需开通音视频通话服务，
 ``` javascript
 TUICallKit.instance.login(SDKAPPID, userID, userSig);
 ```
 
-### 步骤8：接入智能客服 Desk 用户端（可选）
+### 步骤5：接入智能客服 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
@@ -509,3 +386,18 @@ TencentCloudAIDeskCustomer.navigate(
 
 请检查 SDKAppID 和 UserSig 是否正确，UserSig 是否已过期。可以参考上文 配置用户鉴权 重新生成 UserSig。
 
+### **如何移除音视频通话功能？**
+
+如果您不需要集成音视频通话功能，请在 `pubspec.yaml` 文件中移除 `tencent_calls_uikit` 依赖，并在 步骤3 构建聊天界面 中关闭音视频通话开关，代码如下所示：
+``` javascript
+ChatMessageInputConfig messageInputConfig = const ChatMessageInputConfig(
+  isShowAudioCall: false,
+  isShowVideoCall: false,
+);
+MessageInput(
+  key: _messageInputKey,
+  conversationID: widget.conversation.conversationID,
+  config: widget.messageInputConfig,
+),
+```
+