@tencent-rtc/mcp 1.6.7 → 1.6.8

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

@@ -13,14 +13,12 @@ This document describes how to rapidly integrate the TUICallKit component. You c
 
 ### Service Activation
 
-Please refer to the Service Activation documentation to obtain your SDKAppID and SDKSecretKey. These credentials will be required in the subsequent login step.
+Please . These credentials will be required in the subsequent login step.
 
 ## Implementation
 
 ### Step 1.Importing Components
 
-Clone or download the code from [GitHub](https://github.com/Tencent-RTC/TUIKit_Android). Then, copy the `atomic_x` directory (under `TUIKit_Android`) and the `tuicallkit-kt` subdirectory (under `call`) to the directory at the same level as your project's app directory, as shown below.
-
 ### Step 2.Project Configuration
 1. Locate the `settings.gradle.kts` (or s`ettings.gradle`) file in the project root directory. Add the following code to import the `tuicallkit-kt` and `atomic_x` components into your project.
 
@@ -237,7 +235,7 @@ TUICallKit.createInstance(this).enableFloatWindow(true);
 
 ### Enabling Banner
 
-You can enable or disable the incoming call banner display by calling `enableIncomingBanner`. By default, this feature is disabled (false). When the callee receives an inbound call, the full-screen call waiting interface is shown first. When the banner is enabled, a notification banner will display initially, switching to the full-screen view as required. Note that displaying the banner requires floating window permission. The exact display behavior depends on permission settings and whether the app is running in the foreground or background. For details, refer to the incoming call display policy for the callee.
+You can enable or disable the incoming call banner display by calling `enableIncomingBanner`. By default, this feature is disabled (false). When the callee receives an inbound call, the full-screen call waiting interface is shown first. When the banner is enabled, a notification banner will display initially, switching to the full-screen view as required. Note that displaying the banner requires floating window permission. The exact display behavior depends on permission settings and whether the app is running in the foreground or background. .
 
 【Android（Kotlin）】
 ``` java
@@ -356,7 +354,6 @@ public class MainActivity extends BaseActivity {
 | language | String | - TUIThemeManager.LANGUAGE_EN: English.<br>- TUIThemeManager.LANGUAGE_AR: Arabic.<br>- TUIThemeManager.LANGUAGE_ZH_HK: Traditional Chinese.<br>- TUIThemeManager.LANGUAGE_ZH_CN: Simplified Chinese. |
 
 > **Note：**
->
 > If you need to set up other languages, please contact us at **info_rtc@tencent.com** for assistance.
 >
 
@@ -407,7 +404,7 @@ TUICallKit.createInstance(context).enableMuteMode(true);
 
 **Details:** When set to true, incoming call requests will not trigger ringtone playback (silent mode).
 
-- **Custom offline push ringtone**: Please refer to: FCM Offline Push customizes incoming call ringtone.
+- **Custom offline push ringtone**: Please .
 
 ## Customizing Your UI
 
@@ -424,11 +421,3 @@ Commonly Used Icon File Name List
 |  | callview_ic_handsfree_disable.png | Turn off the speaker icon |
 |  | callview_ic_camera_disable.png | Camera Off icon |
 |  | callview_ic_add_user_black.png | Invite user icon during call |
-
-## FAQs
-
-If you encounter any issues during integration and use, please refer to Frequently Asked Questions.
-
-## Contact Us
-
-If you have any questions or suggestions during integration or usage, feel free to join our [Telegram](https://t.me/+Lmw2MSqW6ethMGM1) group or [contact us](https://trtc.io/contact) for support.

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

@@ -8,7 +8,7 @@ Flutter 3.24.0, Dart 3.5.0 and above.
 
 ### Service Activation
 
-Please refer to the Service Activation documentation to obtain your `SDKAppID` and `SDKSecretKey`. These credentials will be required in the subsequent login step.
+Please . These credentials will be required in the subsequent login step.
 
 ## Implementation
 
@@ -83,7 +83,6 @@ Grant Camera and Microphone Permissions:Because TUICallKit requires audio and vi
 ```
 
 > **Note:**
->
 > Since tencent_rtc_sdk calls interfaces through Flutter FFI, Xcode's symbol stripping optimization during iOS Release builds may mistakenly remove TRTC's C symbols, causing a `symbol not found` error. The solution is as follows:
 >
 > 1. In the project's Build Settings, find `deployment postprocessing` and set it to **Yes.**
@@ -153,7 +152,6 @@ void login() async {
 |userSig|String|A security protection signature used to authenticate user login, confirm whether the user is genuine, and prevent malicious attackers from misappropriating your cloud service usage rights.|
 
 > **Note：**
->
 > - **Development environment**: If you are in the local development and debugging stage, you can adopt the local `GenerateTestUserSig.genTestSig` function to generate userSig. In this method, the SDKSecretKey is very easy to decompile and reverse engineer. Once your key is leaked, attackers can steal your Tencent Cloud traffic.
 > - **Production environment**: If your project is ready to launch, use server-side generation of UserSig.
 
@@ -210,7 +208,6 @@ Once the callee successfully logs in, the caller can initiate a call, and the ca
 You can enable/disable the AI transcription and translation feature by calling enableAITranscriber.
 
 > **Note:**
->
 > 1. This feature is enabled by default (enable = true). To disable it, call enableAITranscriber(enable: false) before initiating a call.
 > 2. AI real-time transcription and translation is a value-added service. The trial version comes with free quota for direct experience. To activate the official version, please purchase a package at the [TRTC Console](https://console.trtc.io/).
 
@@ -335,11 +332,3 @@ Commonly Used Icon File Name List
 |  | handsfree.png | Turn off the speaker icon |
 |  | camera_off.png | Camera Off icon |
 |  | add_user.png | Invite user icon during call |
-
-## FAQs
-
-If you encounter any issues during integration and use, please refer to Frequently Asked Questions.
-
-## Contact Us
-
-If you have any suggestions or feedback, please contact `info_rtc@tencent.com`.

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

@@ -5,7 +5,7 @@ This document describes how to rapidly integrate the TUICallKit component. You c
 ### Environment Requirements
 - **iOS system version requirements:**iOS 13.0 and above.
 
-- **Development tool version requirements:**Xcode 13.0 and above,Xcode 15 and above may encounter Sandbox errors. Please refer to [Sandbox Issue Solutions] for fixes.
+- **Development tool version requirements:**Xcode 13.0 and above,Xcode 15 and above may encounter Sandbox errors. Please .
 
 - **Dependency management tool requirements:**CocoaPods environment setup
 
@@ -13,7 +13,7 @@ This document describes how to rapidly integrate the TUICallKit component. You c
 
 ### Service Activation
 
-Please refer to the Service Activation documentation to obtain your `SDKAppID` and `SDKSecretKey`. These credentials will be required in the subsequent Login steps.
+Please . These credentials will be required in the subsequent Login steps.
 
 ## Implementation
 
@@ -131,7 +131,6 @@ func application(_ application: UIApplication, didFinishLaunchingWithOptions lau
 |userSig|String|A security signature used for user login authentication, confirming user authenticity and preventing malicious attacks from stealing your cloud service usage rights.|
 
 > **Note:**
->
 > - **Development environment**: If you are in the local development and debugging stage, you can adopt the local `GenerateTestUserSig.genTestSig` function to generate userSig. In this method, the secretKey is very easy to decompile and reverse. Once your key is leaked, attackers can steal your Tencent Cloud traffic.
 > - **Production environment**: If your project is ready to go live, implement server-side generation of UserSig via the server.
 
@@ -166,7 +165,6 @@ TUICallKit.createInstance().setSelfInfo(nickname: "jack", avatar: "https:/****/u
 The caller initiates a call by invoking the `calls` function and specifying the media type (voice or video) and the callee's User ID list (userIdList). The calls interface supports both one-to-one and group calls. A one-to-one call is initiated when the userIDList contains only a single User ID; a group call is initiated when it contains multiple User IDs.
 
 > **Note：**
->
 > The `calls` interface cannot be written in the `viewDidLoad` method; it should be called in the button's click event or other user interaction response methods.
 >
 
@@ -205,7 +203,6 @@ Once the callee successfully logs in, the caller can initiate a call, and the ca
 You can enable or disable the AI transcription and translation feature by calling enableAITranscriber.
 
 > **Note：**
->
 > 1. This feature is enabled by default (enable = true). To disable it, call enableAITranscriber(enable: false) before initiating a call.
 > 2. AI real-time transcription and translation is a value-added service. The trial version comes with free quota for direct experience. To activate the official version, please purchase a package at the [TRTC Console](https://console.trtc.io/).
 
@@ -325,7 +322,6 @@ func setLanguage() {
 | language | String | - "zh-Hans": Simplified Chinese.<br>- "zh-Hant": Traditional Chinese.<br>- "ja": Japanese<br>- "en": English.<br>- "ar" : Arabic. |
 
 > **Note：**
->
 > If you need to set up other languages, please contact us at **info_rtc@tencent.com** for assistance.
 >
 
@@ -396,10 +392,4 @@ Commonly Used Icon File Name List
 
 **Does TUIKit support running in the background?**
 
-**Yes,** if you need relevant functions to continue running when the application enters the background, select the current engineering project, go to the **Capabilities** tab, and under the **Background Modes section**, check **Audio, AirPlay, and Picture in Picture**, as shown below:
-
 If you encounter problems during integration and use, see FAQs.
-
-## Contact Us
-
-If you have any questions or suggestions during integration or usage, feel free to join our [Telegram](https://t.me/+Lmw2MSqW6ethMGM1) group or [contact us](https://trtc.io/contact) for support.

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

@@ -112,7 +112,6 @@ try {
 ```
 
 > **Note：**
->
 > Due to user privacy restrictions, for calls between non-friends, there might be a delay in updating the callee's nickname and avatar. This will be updated smoothly after the first successful call.
 >
 
@@ -194,7 +193,6 @@ You can configure the default ringtone and mute mode for incoming calls using th
 To replace an icon, source code import is required first. Copy the component to your project (the source code is in TypeScript version).
 
 > **Note：**
->
 > The Interface Replacing icons Plan is suitable for `Vue3 + TypeScript` and `@trtc/calls-uikit-react` version number is 3.2.2 or later projects. If you are using other languages or technology stacks, please use the Custom UI Implementation.
 >
 
@@ -219,8 +217,6 @@ xcopy .\node_modules\@trtc\calls-uikit-react  .\src\components\TUICallKit /i /e
 
 3. **Modify Import Path**
 
-   It's necessary to change CallKit to be imported from a local file, as shown below. For other usage details, refer to [TUICallKit Quick Integration](https://trtc.io/document/58484).
-
    ``` javascript
    import { TUICallKit, TUICallKitAPI } from "./components/TUICallKit/src/index";
    ```
@@ -291,7 +287,7 @@ For other TSConfig issues, please refer to [TSConfig Reference](https://www.type
 
 ### Hidden Button
 
-Invoke the hideFeatureButton interface to hide buttons, currently supporting Camera, Microphone, SwitchCamera, InviteUser. For details, see the enumeration type FeatureButton.
+Invoke the hideFeatureButton interface to hide buttons, currently supporting Camera, Microphone, SwitchCamera, InviteUser. .
 
 Taking the hiding of the **Camera Button** as an example.
 
@@ -317,7 +313,6 @@ TUICallKitAPI.setRemoteViewBackgroundImage('remoteUserId', 'http://xxx.png');
 ### Set Layout
 
 > **Note：**
->
 > **Only available for 1V1 video calls.**
 >
 
@@ -345,11 +340,3 @@ import { TUICallKitAPI } from "@trtc/calls-uikit-react";
 
 TUICallKitAPI.setCameraDefaultState(false);
 ```
-
-## FAQs
-
-If you encounter any issues during integration and use, please refer to Frequently Asked Questions.
-
-## Contact Us
-
-If you have any suggestions or feedback, please contact `info_rtc@tencent.com`.

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

@@ -106,7 +106,6 @@ try {
 ```
 
 > **Note：**
->
 > Due to user privacy restrictions, for calls between non-friends, there might be a delay in updating the callee's nickname and avatar. This will be updated smoothly after the first successful call.
 >
 
@@ -188,7 +187,6 @@ You can configure the default ringtone and mute mode for incoming calls using th
 To replace an icon, source code import is required first. Copy the component to your project (the source code is in TypeScript version).
 
 > **Note：**
->
 > The Interface Replacing icons Plan is suitable for `Vue3 + TypeScript` and `@trtc/calls-uikit-vue` version number is 3.2.2 or later projects. If you are using other languages or technology stacks, please use the Custom UI Implementation.
 >
 
@@ -213,8 +211,6 @@ xcopy .\node_modules\@trtc\calls-uikit-vue  .\src\components\TUICallKit /i /e
 
 3. **Modify Import Path**
 
-   It's necessary to change CallKit to be imported from a local file, as shown below. For other usage details, refer to [TUICallKit Quick Integration](https://trtc.io/document/58484).
-
    ``` javascript
    import { TUICallKit, TUICallKitAPI } from "./components/TUICallKit/src/index";
    ```
@@ -285,7 +281,7 @@ For other TSConfig issues, please refer to [TSConfig Reference](https://www.type
 
 ### Button Hiding
 
-Invoke the hideFeatureButton interface to hide buttons, currently supporting Camera, Microphone, SwitchCamera, InviteUser. For details, see the enumeration type FeatureButton.
+Invoke the hideFeatureButton interface to hide buttons, currently supporting Camera, Microphone, SwitchCamera, InviteUser. .
 
 Taking the hiding of the **Camera Button** as an example.
 
@@ -311,7 +307,6 @@ TUICallKitAPI.setRemoteViewBackgroundImage('remoteUserId', 'http://xxx.png');
 ### Set Layout
 
 > **Note：**
->
 > **Only available for 1V1 video calls.**
 >
 
@@ -339,11 +334,3 @@ import { TUICallKitAPI } from "@trtc/calls-uikit-vue";
 
 TUICallKitAPI.setCameraDefaultState(false);
 ```
-
-## FAQs
-
-If you encounter any issues during integration and use, please refer to Frequently Asked Questions.
-
-## Contact Us
-
-If you have any suggestions or feedback, please contact `info_rtc@tencent.com`.

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

@@ -73,7 +73,6 @@ TUIKit Compose offers a complete set of instant messaging UI components, built o
    ```
 
 ### Integrate Components
-1. Copy the entire component directory into your Android project as shown below. In this example, ComposeDemo is the sample project, and TUIKit_Android_Compose is the component source code downloaded from GitHub:
 
 2. Add the TUIKit Compose component in your settings.gradle.kts/settings.gradle file:
 
@@ -244,7 +243,7 @@ In the [Tencent RTC Console](https://console.trtc.io/), obtain the UserSig for y
 
 ### Step 2: User Login
 
-You must complete authentication before using any component features. Call the login API and pass the SDKAppID and UserSig you obtained above to authenticate. Refer to the implementation in `chat/demo/app/src/main/java/io/trtc/tuikit/chat/login/LoginActivity.kt`:
+You must complete authentication before using any component features. Call the login API and pass the SDKAppID and UserSig you obtained above to authenticate. .kt`:
 ``` swift
 // User login
 LoginStore.shared.login(context, SDKAPPID, userID, userSig,
@@ -259,7 +258,6 @@ LoginStore.shared.login(context, SDKAPPID, userID, userSig,
 ```
 
 > **Warning：**
->
 > In a production environment, generate UserSig on your server. When UserSig is needed, your app should request a dynamic UserSig from your business server for authentication. See [Server-side UserSig Generation](https://trtc.io/document/34385).
 >
 
@@ -272,7 +270,7 @@ Use the ConversationList component from TUIKit Compose to build a conversation l
 
    You can integrate ConversationList directly into an existing app page or create a new conversation list page. Example UI effect:
 
-   To wrap ConversationList as a conversation list page, refer to the implementation in `chat/uikit/src/main/java/io/trtc/tuikit/chat/pages/ConversationsPage.kt`. The `ConversationsPage` mainly performs the following tasks:
+ To wrap ConversationList as a conversation list page.kt`. The `ConversationsPage` mainly performs the following tasks:
 
 1. Adds a headerView above the ConversationList.
 
@@ -319,7 +317,7 @@ MessageList provides the following built-in features:
 
    You can integrate MessageList and MessageInput directly into an existing app page or create a new chat page. Example UI effect:
 
-   To assemble MessageList and MessageInput as a chat page, refer to the implementation in `chat/uikit/src/main/java/io/trtc/tuikit/chat/pages/ChatPage.kt`. The `ChatPage` mainly performs the following tasks:
+ To assemble MessageList and MessageInput as a chat page.kt`. The `ChatPage` mainly performs the following tasks:
 
 1. Adds a headerView at the top to display the conversation name.
 
@@ -399,7 +397,7 @@ Use the ContactList component from TUIKit Compose to build a contacts page. Cont
 
    You can integrate ContactList directly into your existing app or create a new contact list page. Example UI effect:
 
-   To wrap ContactList as a contact list page, refer to the implementation in `chat/uikit/src/main/java/io/trtc/tuikit/chat/pages/ContactsPage.kt`. The `ContactsPage` mainly performs the following tasks:
+ To wrap ContactList as a contact list page.kt`. The `ContactsPage` mainly performs the following tasks:
 
 1. Adds a headerView above the ContactList.
 
@@ -468,6 +466,7 @@ ContactsPage(onGroupClick = {
     ChatSettingActivity.start(context, it.contactID, "", true)
 })
 ```
+
 ``` java
 // chat/demo/app/src/main/java/io/trtc/tuikit/chat/chat/ChatActivity.kt
 
@@ -484,14 +483,8 @@ ChatPage(
    }, onBackClick = { finish() })
 ```
 
-Refer to the callback descriptions and sample code above to implement the interaction logic between Pages.
-
 ## FAQs
 
 ### **Login failed with signature error**
 
-Check that the SDKAppID and UserSig are correct, and verify that the UserSig has not expired. You can refer to the user authentication configuration above to regenerate the UserSig.
-
-## Contact Us
-
-If you have any questions or suggestions during integration or usage, feel free to [contact us](https://trtc.io/contact) for feedback.
+Check that the SDKAppID and UserSig are correct, and verify that the UserSig has not expired. You can .

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

@@ -147,7 +147,6 @@ if (result.errorCode == 0) {
 ```
 
 > **Caution：**
->
 > In production, generate UserSig on your server. When UserSig is needed, your app should request a dynamic UserSig from your business server for authentication. See [Server-side UserSig Generation](https://trtc.io/document/34385).
 >
 
@@ -350,8 +349,6 @@ ConversationsPage, ChatPage, and ContactsPage provide default user click events.
 |**ChatPage**|`onChatHeaderClick: () {}`|Triggered when the avatar in the navigation bar is clicked; recommended to navigate to the user info page (C2CChatSetting) or Group info page (GroupChatSetting).|
 |**ChatPage**|`onBackClick: () {}`|Triggered when the back button is clicked; recommended to return to the previous page.|
 
-Refer to the webhook descriptions and code above to implement navigation logic between pages.
-
 ## FAQs
 
 ### **What should I do if I encounter errors with** `theme_state` **and** `atomic_localizations` **after integrating the tuikit_atomic_x component?**
@@ -360,8 +357,4 @@ The component supports theme color and internationalization string switching. Wr
 
 ### **What should I do if login fails with a signature error?**
 
-Check that SDKAppID and UserSig are correct, and verify that the UserSig has not expired. Refer to the user authentication configuration above to regenerate the UserSig.
-
-## Contact Us
-
-If you have any questions or suggestions during integration or use, feel free to [Contact Us](https://trtc.io/contact) to submit feedback.
+Check that SDKAppID and UserSig are correct, and verify that the UserSig has not expired. .

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

@@ -58,7 +58,6 @@ chat/
 ```
 
 ### Integrate Components
-1. Copy the entire component directory into your Xcode project as shown below. SwiftUIDemo is the sample project, and TUIKit_iOS_SwiftUI is the component source code you downloaded from GitHub:
 
 2. Update the local path for each component in your Podfile. The path should point to the location of the TUIKit_iOS_SwiftUI folder relative to your project's Podfile. Common scenarios include:
 
@@ -166,7 +165,6 @@ LoginStore.shared.login(sdkAppID: sdkAppID, userID: userID, userSig: userSig, co
 ```
 
 > **Warning：**
->
 > In a production environment, generate UserSig on your server. When UserSig is needed, your app should request a dynamic UserSig from your business server for authentication. See [Server-side UserSig Generation](https://trtc.io/document/34385).
 >
 
@@ -179,7 +177,7 @@ Use the ConversationList component in TUIKit SwiftUI to create a conversation li
 
    You can embed ConversationList directly into your app pages or build a standalone conversation list page. Example UI after assembly:
 
-   To wrap ConversationList as a conversation list page, refer to the implementation in `chat/uikit/ConversationsPage.swift`. The `ConversationsPage` does the following:
+ To wrap ConversationList as a conversation list page.swift`. The `ConversationsPage` does the following:
 
 1. Adds a headerView above ConversationList.
 
@@ -275,7 +273,7 @@ Use the MessageList and MessageInput components in TUIKit SwiftUI to create a ch
 
       You can embed MessageList and MessageInput directly into your app pages or build a complete chat page. Example UI after assembly:
 
-      To assemble MessageList and MessageInput as a chat page, refer to the implementation in `chat/uikit/ChatPage.swift`. The `ChatPage` does the following:
+ To assemble MessageList and MessageInput as a chat page.swift`. The `ChatPage` does the following:
 
 1. Adds a headerView at the top to display the conversation name.
 
@@ -392,7 +390,7 @@ Use the ContactList component in TUIKit SwiftUI to create a contacts page. Conta
 
    You can embed ContactList directly into your app or build a standalone contacts page. Example UI after assembly:
 
-   To wrap ContactList as a contacts page, refer to the implementation in `chat/uikit/ContactsPage.swift`. The `ContactsPage` does the following:
+ To wrap ContactList as a contacts page.swift`. The `ContactsPage` does the following:
 
 1. Adds a headerView above ContactList.
 
@@ -551,14 +549,8 @@ ChatNavPage(
 )
 ```
 
-Refer to the callback descriptions and sample code above to implement navigation and interaction logic between pages.
-
 ## FAQs
 
 ### **Login failed with signature error, what should I do?**
 
-Check that your SDKAppID and userSig are correct and that the userSig has not expired. Refer to the Configure User Authentication section above to regenerate the userSig if needed.
-
-## Contact Us
-
-If you have any questions or suggestions during integration or usage, feel free to [Contact Us](https://trtc.io/contact) to submit feedback.
+Check that your SDKAppID and userSig are correct and that the userSig has not expired. .

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

@@ -1,6 +1,6 @@
 TUIKit is a UI component library based on the Chat SDK. It enables quick implementation of chat, session, search, relationship chain, group, and other features through UI components. This article introduces how to quickly integrate TUIKit and implement core features.
 
-Or, if you prefer a faster and more automated approach, you can refer to Get started with AI integration to streamline the process.
+Or, if you prefer a faster and more automated approach, you can .
 <iframe src="https://web.sdk.qcloud.com/im/demo/docs-example/sample-chat/index.html#/inbox?page=intergration" style="width:100%;height:700px;border:none" allow="camera; microphone; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="no-referrer-when-downgrade" allowfullscreen></iframe>
 
 ## Prerequisites
@@ -17,7 +17,7 @@ Create a new React project named **chat-integration-react** , and complete proje
 npm create vite@latest
 ```
 
-You can refer to the following options：
+You can
 ``` bash
 ◇  Project name:
 │  chat-integration-react
@@ -51,7 +51,6 @@ npm i @tencentcloud/chat-uikit-react
 ### Step 2: Introducing the chat UIKit react component
 
 > **Note:**
->
 > The following code does not include `SDKAppID`, `userID`, and `UserSig`. You need to replace them with the relevant information obtained in console.
 >
 
@@ -95,7 +94,7 @@ function ChatApp() {
 
   const texts = useMemo(() =>
     language === 'zh-CN'
-      ? { emptyTitle: '暂无会话', emptySub: '选择一个会话开始聊天', error: '请检查 SDKAppID, userID, userSig, 通过开发人员工具(F12)查看具体的错误信息', loading: '登录中...' }
+      ? { emptyTitle: 'No conversation', emptySub: 'Select a conversation to start chatting', error: 'Please check the SDKAppID, userID, and userSig. View the specific error information through the developer tools (F12).', loading: 'Logging in...' }
       : { emptyTitle: 'No conversation', emptySub: 'Select a conversation to start chatting', error: 'Please check the SDKAppID, userID, and userSig. View the specific error information through the developer tools (F12).', loading: 'Logging in...' },
     [language]
   );
@@ -255,7 +254,7 @@ function SideTab({ activeTab, onTabChange }: SideTabProps) {
       <div className="avatar-wrapper">
         <Avatar src={loginUserInfo?.avatarUrl} />
         <div className="tooltip">
-          <div className="tooltip-name">{loginUserInfo?.userName || loginUserInfo?.userId || '未命名'}</div>
+          <div className="tooltip-name">{loginUserInfo?.userName || loginUserInfo?.userId || 'Unnamed'}</div>
           <div className="tooltip-id">ID: {loginUserInfo?.userId}</div>
         </div>
       </div>
@@ -292,8 +291,6 @@ copy follow `index.css` and replace `src/index.css` file。
 body { margin: 0; padding: 0; font-family: Inter, Avenir, Helvetica, Arial, sans-serif; min-height: 100vh; box-sizing: border-box; } #root { height: 100vh; display: flex; justify-content: center; align-items: center; } .chat-layout { height: 60vh; aspect-ratio: 16 / 9; margin: 0 auto; display: flex; border-radius: 16px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.1); overflow: hidden; backdrop-filter: blur(10px); } @media (max-width:1920px) { .chat-layout { height: 80vh; } } .conversation-list-panel { width: 300px; display: flex; flex-direction: column; overflow: hidden; } .contact-list { border-radius: 0; } .chat-content-panel { flex-direction: row !important; flex: 1; border-left: 1px solid var(--uikit-stroke-color-primary); } .contact-detail-panel { flex: 1; } .icon-button { padding: 4px 6px; display: flex; align-items: center; justify-content: center; border: none; background: transparent; border-radius: 4px; font-size: 16px; cursor: pointer; transition: background-color 0.2s; color: var(--uikit-text-color-primary); } .icon-button:hover { background-color: var(--uikit-button-color-secondary-hover); } .icon-button:active { background-color: var(--uikit-button-color-secondary-active); } .header-actions { display: flex; gap: 8px; margin-left: 8px; color: var(--uikit-text-color-link); } .message-toolbar { display: flex; justify-content: space-between; align-items: center; } .message-toolbar-actions { display: flex; align-items: center; gap: 12px; } .chat-main { flex: 1; display: flex; flex-direction: column; overflow: hidden; } .chat-sidebar-search { border-left: 1px solid var(--uikit-stroke-color-primary); display: flex; flex-direction: column; flex: 0 0 300px; } .chat-float-sidebar { position: absolute; right: 0; top: 0; bottom: 0; min-width: 300px; max-width: 400px; display: flex; flex-direction: column; background-color: var(--uikit-bg-color-operate); box-shadow: -2px 0 8px rgba(0, 0, 0, 0.04), -4px 0 16px rgba(0, 0, 0, 0.06), -8px 0 32px rgba(0, 0, 0, 0.08); overflow: auto; z-index: 1000; } .chat-sidebar-header { position: sticky; top: 0; display: flex; align-items: center; justify-content: space-between; padding: 20px; background-color: var(--uikit-bg-color-operate); border-bottom: 1px solid var(--uikit-stroke-color-primary); z-index: 10; } .chat-sidebar-title { font-size: 16px; font-weight: 500; color: var(--uikit-text-color-primary); } .empty-placeholder { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; background-color: var(--uikit-bg-color-operate); border-left: 1px solid var(--uikit-stroke-color-primary); color: #adb5bd; } .empty-icon { font-size: 64px; opacity: 0.3; } .empty-title { font-size: 16px; font-weight: 600; color: #6c757d; } .empty-subtitle { font-size: 14px; color: #868e96; } .loading-container { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh; gap: 20px; } .loading-brand { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; } .loading-brand-icon { width: 36px; height: 36px; border-radius: 8px; background: linear-gradient(135deg, #147aff, #6db3f2); display: flex; align-items: center; justify-content: center; } .loading-brand-icon svg { width: 20px; height: 20px; fill: #fff; } .loading-brand-name { font-size: 18px; font-weight: 600; color: #1a1a1a; letter-spacing: 0.2px; } .loading-spinner { width: 36px; height: 36px; border: 3px solid #e8ecf1; border-top-color: #147aff; border-radius: 50%; animation: spin 0.8s linear infinite; } .loading-text { color: #5f6368; font-size: 14px; font-weight: 400; line-height: 1.5; text-align: center; max-width: 360px; } .loading-progress-bar { width: 200px; height: 3px; background-color: #e8ecf1; border-radius: 3px; overflow: hidden; margin-top: 4px; } .loading-progress-bar-inner { width: 40%; height: 100%; background: linear-gradient(90deg, #147aff, #6db3f2); border-radius: 3px; animation: progress-slide 1.6s ease-in-out infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes progress-slide { 0% { transform: translateX(-100%); } 50% { transform: translateX(250%); } 100% { transform: translateX(600%); } } .loading-container.is-error .loading-spinner { display: none; } .error-icon { width: 48px; height: 48px; border-radius: 50%; background-color: #fff2f0; border: 1px solid #ffccc7; display: flex; align-items: center; justify-content: center; font-size: 22px; color: #ff4d4f; flex-shrink: 0; } .loading-container.is-error .loading-text { color: #5f6368; font-size: 13px; line-height: 1.6; } .icon-image-effort { display: none; } .side-tab { width: 72px; height: 100%; background: var(--uikit-bg-color-function); display: flex; flex-direction: column; align-items: center; padding: 20px 0; transition: background 0.3s; } .avatar-wrapper { position: relative; margin-bottom: 24px; cursor: pointer; } .avatar-wrapper:hover .tui-avatar { transform: scale(1.05); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); } .tooltip { position: absolute; left: 60px; top: 50%; transform: translateY(-50%); padding: 8px 12px; background: rgba(0, 0, 0, 0.85); color: #fff; border-radius: 6px; white-space: nowrap; opacity: 0; visibility: hidden; pointer-events: none; transition: all 0.3s; z-index: 1000; } .tooltip::before { content: ''; position: absolute; left: -6px; top: 50%; transform: translateY(-50%); border: 6px solid transparent; border-right-color: rgba(0, 0, 0, 0.85); } .avatar-wrapper:hover .tooltip { opacity: 1; visibility: visible; } .tooltip-name { font-size: 14px; font-weight: 500; margin-bottom: 4px; } .tooltip-id { font-size: 12px; opacity: 0.8; } .tabs { display: flex; flex-direction: column; gap: 16px; } .tab-item { width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; border-radius: 12px; cursor: pointer; transition: all 0.3s; color: var(--uikit-text-color-primary); } .tab-item:hover { background: rgba(0, 0, 0, 0.05); } .tab-item.active { background: var(--uikit-button-color-primary-default); color: var(--uikit-text-color-button); } .call-kit { position: fixed !important; top: 50%; left: 50%; z-index: 999; transform: translate(-50%, -50%); max-width: 800px; max-height: 600px;
 ```
 
-In the previously copied `App.tsx` code, the login authentication information is empty. You need to fill in your Tencent Cloud application authentication information in the `useLoginState hook`, as shown below:
-
 |Parameter|Type|Note|
 |---------|---------|---------|
 |userID|String|Unique identifier of the user, defined by you, it is allowed to contain only upper and lower case letters (a-z, A-Z), numbers (0-9), underscores, and hyphens.|
@@ -328,7 +325,6 @@ Replace SDKAppID, UserID, and UserSig in App.tsx, then run the following command
 ```
 
 > **Note:**
->
 > 1. Please ensure that in Step 3 code, SDKAppID, UserID, and UserSig are all successfully replaced. Failure to replace them will result in abnormal project behavior.
 > 2. A `userID` corresponds to a `userSig`, for more information, see [Generating UserSig](https://trtc.io/document/39074).
 > 3. If the project fails to start, please check whether the development environment requirements are met.
@@ -342,7 +338,6 @@ Enter your message in the input box and press Enter to send.
 ### Audio/Video Calls
 
 > **Note:**
->
 > TUICallKit is an Audio/Video Calls UI component developed by TRTC. Integrating TUICallKit allows you to add Audio/Video Calls functionality to your chat application with minimal code. For comprehensive setup instructions, see [Audio/Video Calls > Activate the service](https://trtc.io/document/59832).
 >
 
@@ -386,7 +381,7 @@ Enter your message in the input box and press Enter to send.
 > Cloud Search is a value-added feature and requires the purchase of the Cloud Search plugin. To purchase, click [Purchase](https://console.trtc.io/chat/plugin/TUICloudSearch).
 >
 
-Cloud Search is enabled by default in "Step 2". If you need to disable Cloud Search, refer to the steps below:
+Cloud Search is enabled by default in "Step 2". If you need to disable Cloud Search,
 1. Comment out the `ChatHeader` property `ChatHeaderRight`, along with any code related to the in-conversation search sidebar.
 
    ``` typescript
@@ -427,7 +422,6 @@ A UserSig is a password for users to log in to Chat. It is essentially the ciphe
 The issuance method for UserSig involves integrating the calculation code of UserSig into your server, and providing an interface oriented towards your project. When UserSig is needed, your project sends a request to the business server to access the dynamic UserSig. For more information, please see [How to Generate a UserSig on the Server](https://trtc.io/document/39074).
 
 > **Note:**
->
 > The exemplary code provided in this document retrieves the UserSig by embedding the SECRETKEY in the client code. This approach makes the SECRETKEY highly susceptible to decompilation and reverse engineering. Once your encryption key is compromised, attackers can misappropriate your Tencent Cloud traffic. Hence, **this procedure is exclusively recommended for running functional debugging locally**. For the correct issuance of UserSig, please refer to the previous sections.
 >
 
@@ -464,16 +458,12 @@ const onChatSettingClose = () => {
 
 To respect the copyright of emoji designs, the Chat Demo/TUIKit project does not include large emoji graphics. Please replace them with your own designs or other emoji packs for which you hold the copyright before officially launching for commercial use. **The default smiley face emoji pack shown below is copyrighted by Tencent RTC**, you can upgrade to [Chat Pro Plus Edition and Enterprise Edition](https://console.trtc.io/subscription/buy/chat) to use it for free.
 
-## Contact Us
-
-Join the [Telegram Technical Exchange Group](https://t.me/tencent_imsdk) or [WhatsApp Exchange Group](https://chat.whatsapp.com/IVa11ZkVmKTEwSWsAzSyik) to enjoy support from professional engineers and solve your problems.
-
 ## Reference
 - [chat-uikit-react npm](https://www.npmjs.com/package/@tencentcloud/chat-uikit-react)
 
 - [Demo Source Code and Running Example](https://github.com/TencentCloud/chat-uikit-react)
 
-   For more features, refer to the ChatEngine API documentation:
+ For more features,
 
 - [chat-uikit-engine API Manual](https://web.sdk.qcloud.com/im/doc/chat-engine/index.html)
 

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

@@ -1,7 +1,6 @@
 TUIKit is a Vue 3 UI component library built on the Tencent Cloud Chat SDK. It provides common UI components for conversations, chat, groups, and more. This guide explains how to quickly integrate TUIKit and implement core features.
 
 > **Note:**
->
 > - **AI assistant usage**
 >
 > The Skill provides **IM knowledge Q&A** and **Vue 3 Composition API integration without UI** capabilities. You can use the Skill in your IDE to query SDK, UIKit, server-side API, billing, and other topics, or integrate IM into a Vue 3 project. [Try the AI integration and Q&A assistant](https://cloud.tencent.com/document/product/269/125822).
@@ -39,7 +38,6 @@ TUIKit is a Vue 3 UI component library built on the Tencent Cloud Chat SDK. It p
 Use Vite to create a new Vue 3 project named **chat-integration-vue3**.
 
 > **Note:**
->
 > Recent Vite versions require a recent Node.js version.
 
 【shell】
@@ -76,7 +74,6 @@ cd chat-integration-vue3
 ### Step 1: Install dependencies
 
 > **Note:**
->
 > npm is recommended. npm automatically installs required peer dependencies.
 
 【shell】
@@ -87,7 +84,6 @@ npm i @tencentcloud/chat-uikit-vue3@6 tuikit-atomicx-vue3@6
 ### Step 2: Import components
 
 > **Note:**
->
 > The code below does not include `SDKAppID`, `userID`, or `userSig`. Replace them with values from Step 3.
 
 #### 2.1 Set up the entry page
@@ -328,7 +324,6 @@ login({
 | userSig | String | The credential used to log in to Chat IM. It is ciphertext generated by encrypting UserID and related information.<br><strong>Note:</strong><br>Development: For quick local testing, you can obtain UserSig from the [Chat console](https://console.cloud.tencent.com/im).<br>Production: Integrate UserSig generation on your server and expose project-specific APIs. See [Generate UserSig on the server](https://cloud.tencent.com/document/product/269/32688) for the correct approach. |
 
 > **Note:**
->
 > The sample code in this guide obtains UserSig from the [Chat console](https://console.cloud.tencent.com/im). **This method is for local debugging only.** For production, see [Generate UserSig on the server](https://cloud.tencent.com/document/product/269/32688).
 
 - SDKAppID: In [Chat console > Application Management](https://console.cloud.tencent.com/im), click **Create application** to obtain SDKAppID.
@@ -347,7 +342,6 @@ Run the project with:
 ```
 
 > **Note:**
->
 > - Ensure SDKAppID, userID, and userSig in Step 3 are replaced. Missing values will cause unexpected behavior.
 > - userID and userSig must match one-to-one.
 > - If the project fails to start, verify that the development environment requirements are met.
@@ -357,7 +351,6 @@ Run the project with:
 ### Audio and video calls
 
 > **Note:**
->
 > TUICallKit is a Tencent Cloud audio and video call UI component. With a few lines of code, you can add call features to your chat app.
 >
 > For more details, see Audio and video calls — Enable the service.
@@ -412,7 +405,6 @@ Run the project with:
 ### Cloud search
 
 > **Note:**
->
 > Search is essential in customer service, social, online education, online healthcare, OA, and similar scenarios. It helps users quickly find groups, users, and messages and improves product experience and retention.
 >
 > Due to Web platform storage limitations, Vue **does not support local search**. To meet search requirements, we provide **cloud search**. **Cloud search supports global search and in-conversation search, and can search groups, users, and messages.**
@@ -451,7 +443,6 @@ Cloud search is integrated by default in Step 2. To disable it, use the followin
 UserSig is the credential used to log in to Chat IM. It is ciphertext generated by encrypting UserID and related information. The recommended approach is to integrate UserSig generation on your server and expose project-specific APIs. When UserSig is needed, your client requests a dynamic UserSig from your business server. See [Generate UserSig on the server](https://cloud.tencent.com/document/product/269/32688) for details.
 
 > **Note:**
->
 > The sample code in this guide obtains UserSig from the [Chat console](https://console.cloud.tencent.com/im). **This method is for local debugging only.** For production, see [Generate UserSig on the server](https://cloud.tencent.com/document/product/269/32688).
 
 ### Can I use a third-party component library such as Element Plus?

package/resource/integration/livekit/preset/live/android/live-audience-integration.md

@@ -17,12 +17,8 @@
 
 ### Step 1. Activate the Service
 
-Refer to the Activate Service document to get the `TUILiveKit` trial version or activate the paid version.
-
 ### Step 2. Code Integration
 
-Refer to Preparations guide to integrate the TUILiveKit SDK.
-
 ### Step 3. Add an Audience Viewing view
 
 In your viewer watching **Activity**, initialize and add the `AudienceView` viewer watching view.
@@ -108,7 +104,7 @@ TUILiveKit uses the standard **Android drawable resource** folder to manage the
 
 ## Next Steps
 
-Congratulations! You have successfully integrated **Audience Viewing**. Next, you can implement features such as **host streaming**, **live stream list** and **gift system**. Please refer to the table below:
+Congratulations! You have successfully integrated **Audience Viewing**. Next, you can implement features such as **host streaming**, **live stream list** and **gift system**. Please
 | <strong>Feature</strong> | <strong>Description</strong> | <strong>Integration Guide</strong> |
 | --- | --- | --- |
 | <strong>Host Streaming</strong> | The complete workflow for a host to start a stream, including pre-stream setup and various in-stream interactions. | Host Streaming |
@@ -119,7 +115,7 @@ Congratulations! You have successfully integrated **Audience Viewing**. Next, yo
 
 ### Why is the video screen black when a viewer selects video co-hosting?
 
-Please go to **App Info > Permissions > Camera** and check if the **camera permission** is enabled. Refer to the image below:
+Please go to **App Info > Permissions > Camera** and check if the **camera permission** is enabled.
 
 ### Why can't other viewers in the live room see the barrage content sent by a viewer?
 - **Reason 1**: First check the network connection to ensure the viewer's device network is normal.