diff --git a/Web/example/vite-vue3-ts/package.json b/Web/example/vite-vue3-ts/package.json
index cc9a0ace..796c5c11 100644
--- a/Web/example/vite-vue3-ts/package.json
+++ b/Web/example/vite-vue3-ts/package.json
@@ -9,10 +9,10 @@
     "lint": "./node_modules/.bin/eslint ./src --no-error-on-unmatched-pattern"
   },
   "dependencies": {
-    "@tencentcloud/roomkit-web-vue3": "5.8.1",
-    "@tencentcloud/uikit-base-component-vue3": "1.4.0",
+    "@tencentcloud/roomkit-web-vue3": "5.8.2",
+    "@tencentcloud/uikit-base-component-vue3": "1.4.1",
     "@tencentcloud/universal-api": "^2.4.0",
-    "tuikit-atomicx-vue3": "5.8.1",
+    "tuikit-atomicx-vue3": "5.8.2",
     "vue": "^3.2.25",
     "vue-router": "^4.0.14"
   },
diff --git a/Web/example/vite-vue3-ts/src/assets/background-black.png b/Web/example/vite-vue3-ts/src/assets/background-black.png
new file mode 100644
index 00000000..fcf539a1
Binary files /dev/null and b/Web/example/vite-vue3-ts/src/assets/background-black.png differ
diff --git a/Web/example/vite-vue3-ts/src/assets/background-white.png b/Web/example/vite-vue3-ts/src/assets/background-white.png
new file mode 100644
index 00000000..d86638ca
Binary files /dev/null and b/Web/example/vite-vue3-ts/src/assets/background-white.png differ
diff --git a/Web/example/vite-vue3-ts/src/components/LoginUserID/index.vue b/Web/example/vite-vue3-ts/src/components/LoginUserID/index.vue
index 58f098db..710775b5 100644
--- a/Web/example/vite-vue3-ts/src/components/LoginUserID/index.vue
+++ b/Web/example/vite-vue3-ts/src/components/LoginUserID/index.vue
@@ -178,7 +178,7 @@ const submitForm = (): void => {
   max-width: 480px;
   margin: 2rem auto;
   padding: 30px 15px;
-  background-color: #1c1c1c;
+  background-color: var(--bg-color-dialog);
   border-radius: 12px;
   box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
 }
diff --git a/Web/example/vite-vue3-ts/src/i18n/en-US/index.ts b/Web/example/vite-vue3-ts/src/i18n/en-US/index.ts
index 48809c48..b97ebe03 100644
--- a/Web/example/vite-vue3-ts/src/i18n/en-US/index.ts
+++ b/Web/example/vite-vue3-ts/src/i18n/en-US/index.ts
@@ -1,6 +1,6 @@
 export const resource = {
   // Room
-  'Room.TemporaryMeeting': '\'s temporary meeting',
+  'Room.TemporaryMeeting': '\'s temporary room',
   'Room.Webinar': '\'s webinar',
   'Room.LeaveRoomTitle': 'Leave Room',
   'Room.ConfirmLeavePage': 'Are you sure you want to leave this page? You will exit the current room',
diff --git a/Web/example/vite-vue3-ts/src/views/login.vue b/Web/example/vite-vue3-ts/src/views/login.vue
index f60fd852..c8e58822 100644
--- a/Web/example/vite-vue3-ts/src/views/login.vue
+++ b/Web/example/vite-vue3-ts/src/views/login.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="login-container">
+  <div :class="['login-container', theme]">
     <Login
       class="login-widget"
       v-bind="{
@@ -12,12 +12,14 @@
 </template>
 
 <script setup lang="ts">
+import { useUIKit } from '@tencentcloud/uikit-base-component-vue3';
 import { useLoginState, useRoomModal } from 'tuikit-atomicx-vue3/room';
 import { useRouter, useRoute } from 'vue-router';
 import Login from '../components/LoginUserID/index.vue';
 import { SDKAPPID, genTestUserSig } from '../config/basic-info-config';
 import { deepClone } from '../utils/utils';
 
+const { theme = 'light' } = useUIKit();
 const { login } = useLoginState();
 const { handleErrorWithModal } = useRoomModal();
 
@@ -53,8 +55,9 @@ const handleLogin = async (userInfo: {
   align-items: center;
   width: 100%;
   height: 100%;
-  background: url('../assets/background-black.png') no-repeat center center;
-  background-color: black;
+  background-color: var(--bg-color-dialog);
+  background-position: center;
+  background-repeat: no-repeat;
   background-size: cover;
 
   @media screen and (orientation: portrait), (orientation: landscape) {
@@ -63,4 +66,12 @@ const handleLogin = async (userInfo: {
     }
   }
 }
+
+.login-container.dark {
+  background-image: url('../assets/background-black.png');
+}
+
+.login-container.light {
+  background-image: url('../assets/background-white.png');
+}
 </style>
diff --git a/Web/example/vite-vue3-ts/src/views/roomH5.vue b/Web/example/vite-vue3-ts/src/views/roomH5.vue
index 46b327ca..386bf8af 100644
--- a/Web/example/vite-vue3-ts/src/views/roomH5.vue
+++ b/Web/example/vite-vue3-ts/src/views/roomH5.vue
@@ -30,7 +30,7 @@ const { handleErrorWithModal } = useRoomModal();
 
 const { loginUserInfo } = useLoginState();
 const { currentRoom } = useRoomState();
-const { localVideoQuality, openLocalCamera, updateVideoQuality, openLocalMicrophone } = useDeviceState();
+const { localVideoQuality, openLocalCamera, updateVideoQuality, openLocalMicrophone, closeLocalMicrophone } = useDeviceState();
 const { muteMicrophone, unmuteMicrophone } = useRoomParticipantState();
 const { getMicrophonePreference, getCameraPreference } = useMediaPreference();
 
@@ -50,7 +50,6 @@ watch(() => loginUserInfo.value?.userId, async (userId) => {
 watch(() => currentRoom.value?.roomId, async (currentRoomId, prevRoomId) => {
   if (!prevRoomId && currentRoomId) {
     handleOpenCamera();
-    handleOpenMicrophone();
   }
 }, { immediate: true });
 
@@ -71,19 +70,29 @@ async function handleEnterRoom() {
 }
 
 async function handleStartConference() {
-  await conference.createAndJoinRoom({
-    roomId,
-    options: {
-      roomName: `${loginUserInfo.value?.userName || loginUserInfo.value?.userId}${t('Room.TemporaryMeeting')}`,
-    },
-  });
+  await handleOpenMicrophone();
+  try {
+    await conference.createAndJoinRoom({
+      roomId,
+      options: {
+        roomName: `${loginUserInfo.value?.userName || loginUserInfo.value?.userId}${t('Room.TemporaryMeeting')}`,
+      },
+    });
+  } catch (error: unknown) {
+    await closeLocalMicrophone();
+  }
 }
 
 async function handleJoinConference() {
-  await conference.joinRoom({
-    roomId,
-    password,
-  });
+  await handleOpenMicrophone();
+  try {
+    await conference.joinRoom({
+      roomId,
+      password,
+    });
+  } catch (error: unknown) {
+    await closeLocalMicrophone();
+  }
 }
 
 async function handleOpenCamera() {
diff --git a/Web/example/webpack-vue2.7-ts/package.json b/Web/example/webpack-vue2.7-ts/package.json
index 4dfeb895..5058a812 100644
--- a/Web/example/webpack-vue2.7-ts/package.json
+++ b/Web/example/webpack-vue2.7-ts/package.json
@@ -11,7 +11,7 @@
   },
   "dependencies": {
     "@tencentcloud/roomkit-web-vue2.7": "~4.3.1",
-    "@tencentcloud/tuiroom-engine-js": "~4.0.3",
+    "@tencentcloud/tuiroom-engine-js": "~4.0.4",
     "@tencentcloud/uikit-base-component-vue2": "1.1.0",
     "core-js": "^3.8.3",
     "mitt": "^3.0.0",
diff --git a/Web/roomkit/vue2/package.json b/Web/roomkit/vue2/package.json
index 4a56c5e4..d4ce88ee 100644
--- a/Web/roomkit/vue2/package.json
+++ b/Web/roomkit/vue2/package.json
@@ -40,7 +40,7 @@
     "@tencentcloud/chat-uikit-engine": "~2.5.5",
     "@tencentcloud/chat-uikit-vue": "~2.3.3",
     "@tencentcloud/tui-core": "latest",
-    "@tencentcloud/tuiroom-engine-js": "~4.0.3",
+    "@tencentcloud/tuiroom-engine-js": "~4.0.4",
     "@tencentcloud/uikit-base-component-vue2": "1.1.0",
     "@tencentcloud/universal-api": "^2.0.9",
     "@tiptap/core": "^2.6.6",
diff --git a/Web/roomkit/vue3/RoomKit/adapter/chatCombine.ts b/Web/roomkit/vue3/RoomKit/adapter/chatCombine.ts
new file mode 100644
index 00000000..7b2a264a
--- /dev/null
+++ b/Web/roomkit/vue3/RoomKit/adapter/chatCombine.ts
@@ -0,0 +1,185 @@
+import { watch } from 'vue';
+import { TUIConstants, TUICore, TUILogin } from '@tencentcloud/tui-core-lite';
+import { TUIErrorCode } from '@tencentcloud/tuiroom-engine-js';
+import { RoomInfo, RoomParticipantEvent, RoomUser, useRoomParticipantState, useRoomState } from 'tuikit-atomicx-vue3/room';
+import { conference } from './conference';
+import { RoomEvent } from './type';
+
+const { currentRoom, joinRoom } = useRoomState();
+const { participantList, getParticipantList, subscribeEvent } = useRoomParticipantState();
+let conferenceLoginPromise: Promise<void> | null = null;
+let conferenceLoginUserId = '';
+let latestParticipantRoomId = '';
+const ROOM_DISMISS_CONFIRM_DELAY = 200;
+const dismissedRoomIdSet = new Set<string>();
+const pendingParticipantEmptyTimerMap = new Map<string, ReturnType<typeof setTimeout>>();
+const pendingParticipantEmptyListMap = new Map<string, Array<{ avatarUrl: string; userId: string; userName: string }>>();
+
+const clearPendingParticipantEmptyTimer = (roomId: string) => {
+  const timer = pendingParticipantEmptyTimerMap.get(roomId);
+  if (!timer) {
+    return;
+  }
+  clearTimeout(timer);
+  pendingParticipantEmptyTimerMap.delete(roomId);
+};
+
+const emitParticipantListChange = (roomId: string, participantSnapshot: Array<{ avatarUrl: string; userId: string; userName: string }>) => {
+  TUICore.notifyEvent(TUIConstants.TUIRoom.SERVICE.NAME, TUIConstants.TUIRoom.SERVICE.EVENT.PARTICIPANT_LIST_CHANGE, {
+    roomId,
+    participantList: participantSnapshot,
+  });
+};
+
+const ensureConferenceLogin = async () => {
+  const { SDKAppID, userID, userSig } = TUILogin.getContext();
+  if (!SDKAppID || !userID || !userSig) {
+    throw new Error('Missing conference login credentials');
+  }
+
+  if (conferenceLoginPromise && conferenceLoginUserId === userID) {
+    await conferenceLoginPromise;
+    return;
+  }
+
+  conferenceLoginUserId = userID;
+  conferenceLoginPromise = conference.login({
+    sdkAppId: SDKAppID,
+    userId: userID,
+    userSig,
+  }).catch((error: unknown) => {
+    conferenceLoginPromise = null;
+    conferenceLoginUserId = '';
+    throw error;
+  });
+
+  await conferenceLoginPromise;
+};
+
+TUICore.registerService(TUIConstants.TUIRoom.SERVICE.NAME, {
+  onCall: async (method: string, params: { roomId: string; options?: Record<string, any> }, callback?: (result?: any) => void) => {
+    if (method !== TUIConstants.TUIRoom.SERVICE.METHOD.START_ROOM) {
+      return;
+    }
+    try {
+      await ensureConferenceLogin();
+      await conference.start({
+        roomId: params.roomId,
+        options: params.options,
+      });
+      callback && callback();
+    } catch (error) {
+      callback && callback(error);
+    }
+  },
+});
+
+TUICore.registerEvent(TUIConstants.TUIRoom.SERVICE.NAME, TUIConstants.TUIRoom.SERVICE.EVENT.JOIN_ROOM, {
+  onNotifyEvent: async (_eventName: string, subKey: string, params: { roomId: string }) => {
+    if (subKey !== TUIConstants.TUIRoom.SERVICE.EVENT.JOIN_ROOM) {
+      return;
+    }
+    if (currentRoom.value?.roomId === params.roomId) {
+      TUICore.notifyEvent(TUIConstants.TUIRoom.SERVICE.NAME, TUIConstants.TUIRoom.SERVICE.EVENT.ROOM_JOINED, {
+        roomInfo: currentRoom.value,
+      });
+      return;
+    }
+    try {
+      await joinRoom({ roomId: params.roomId });
+    } catch (_error: any) {
+      if (_error.code === TUIErrorCode.ERR_ROOM_ID_NOT_EXIST) {
+        TUICore.notifyEvent(TUIConstants.TUIRoom.SERVICE.NAME, TUIConstants.TUIRoom.SERVICE.EVENT.ROOM_NOT_EXIST, { roomId: params.roomId });
+      }
+    }
+  },
+});
+const handleRoomDismiss = ({ roomInfo }: { roomInfo: RoomInfo }) => {
+  const roomId = roomInfo?.roomId || '';
+  if (roomId) {
+    dismissedRoomIdSet.add(roomId);
+    clearPendingParticipantEmptyTimer(roomId);
+    const pendingParticipantList = pendingParticipantEmptyListMap.get(roomId);
+    if (pendingParticipantList) {
+      emitParticipantListChange(roomId, pendingParticipantList);
+      pendingParticipantEmptyListMap.delete(roomId);
+    }
+  }
+  TUICore.notifyEvent(TUIConstants.TUIRoom.SERVICE.NAME, TUIConstants.TUIRoom.SERVICE.EVENT.ROOM_DISMISS, { roomInfo });
+};
+
+conference.on(RoomEvent.ROOM_DISMISS, handleRoomDismiss);
+
+subscribeEvent(RoomParticipantEvent.onOwnerChanged, (options: { newOwner: RoomUser }) => {
+  TUICore.notifyEvent(TUIConstants.TUIRoom.SERVICE.NAME, TUIConstants.TUIRoom.SERVICE.EVENT.OWNER_CHANGED, {
+    ...options,
+    roomId: currentRoom.value?.roomId || '',
+  });
+});
+
+watch(
+  () => currentRoom.value?.roomId,
+  async (roomId, oldRoomId) => {
+    if (roomId) {
+      latestParticipantRoomId = roomId;
+      dismissedRoomIdSet.delete(roomId);
+      clearPendingParticipantEmptyTimer(roomId);
+      pendingParticipantEmptyListMap.delete(roomId);
+      const { participantList: list } = await getParticipantList({});
+      TUICore.notifyEvent(TUIConstants.TUIRoom.SERVICE.NAME, TUIConstants.TUIRoom.SERVICE.EVENT.PARTICIPANT_LIST_CHANGE, {
+        roomId,
+        participantList: list,
+      });
+      TUICore.notifyEvent(TUIConstants.TUIRoom.SERVICE.NAME, TUIConstants.TUIRoom.SERVICE.EVENT.ROOM_JOINED, {
+        roomInfo: currentRoom.value,
+      });
+      return;
+    }
+    if (oldRoomId) {
+      TUICore.notifyEvent(TUIConstants.TUIRoom.SERVICE.NAME, TUIConstants.TUIRoom.SERVICE.EVENT.ROOM_LEFT, {
+        roomId: oldRoomId,
+      });
+    }
+  },
+);
+
+watch(() => participantList.value.map(item => ({
+  userId: item.userId,
+  userName: item.userName,
+  avatarUrl: item.avatarUrl,
+})), (newList, oldList) => {
+  const roomId = currentRoom.value?.roomId || latestParticipantRoomId;
+  const currentUserId = TUILogin.getContext().userID;
+  const previousCount = oldList?.length || 0;
+  const nextCount = newList?.length || 0;
+
+  if (currentRoom.value?.roomId) {
+    latestParticipantRoomId = currentRoom.value.roomId;
+  }
+  if (!roomId) {
+    return;
+  }
+
+  if (previousCount > 0 && nextCount === 0) {
+    const previousParticipantList = [...oldList];
+    pendingParticipantEmptyListMap.set(roomId, previousParticipantList);
+    clearPendingParticipantEmptyTimer(roomId);
+
+    const timer = setTimeout(() => {
+      pendingParticipantEmptyTimerMap.delete(roomId);
+      const pendingParticipantList = pendingParticipantEmptyListMap.get(roomId) || previousParticipantList;
+      const nextParticipantList = dismissedRoomIdSet.has(roomId)
+        ? pendingParticipantList
+        : pendingParticipantList.filter(item => item.userId !== currentUserId);
+
+      emitParticipantListChange(roomId, nextParticipantList);
+      pendingParticipantEmptyListMap.delete(roomId);
+      dismissedRoomIdSet.delete(roomId);
+    }, ROOM_DISMISS_CONFIRM_DELAY);
+    pendingParticipantEmptyTimerMap.set(roomId, timer);
+
+    if (!currentRoom.value?.roomId) {
+      latestParticipantRoomId = '';
+    }
+  }
+});
diff --git a/Web/roomkit/vue3/RoomKit/adapter/conference.ts b/Web/roomkit/vue3/RoomKit/adapter/conference.ts
index f3e18330..81287255 100644
--- a/Web/roomkit/vue3/RoomKit/adapter/conference.ts
+++ b/Web/roomkit/vue3/RoomKit/adapter/conference.ts
@@ -121,7 +121,7 @@ class Conference extends ConferenceDeprecated implements IConference {
     } catch (error) {
       isJoiningRoom.value = false;
       handleJoinRoomError(error);
-      return;
+      throw error;
     }
     isJoiningRoom.value = false;
     joiningRoomId.value = '';
@@ -130,6 +130,7 @@ class Conference extends ConferenceDeprecated implements IConference {
   public async leaveRoom() {
     const { leaveRoom } = useRoomState();
     await leaveRoom();
+    eventCenter.emit(RoomEvent.ROOM_LEAVE);
   }
 
   public async endRoom() {
diff --git a/Web/roomkit/vue3/RoomKit/adapter/quickConferenceMessageSync.ts b/Web/roomkit/vue3/RoomKit/adapter/quickConferenceMessageSync.ts
new file mode 100644
index 00000000..dec09500
--- /dev/null
+++ b/Web/roomkit/vue3/RoomKit/adapter/quickConferenceMessageSync.ts
@@ -0,0 +1,299 @@
+/* eslint-disable no-await-in-loop */
+/* eslint-disable no-restricted-syntax */
+/* eslint-disable no-continue */
+import { nextTick, watch } from 'vue';
+import { TUIConstants, TUICore } from '@tencentcloud/tui-core-lite';
+import { TUIErrorCode } from '@tencentcloud/tuiroom-engine-js';
+import { useConversationListState, useMessageActionState, useMessageListState } from 'tuikit-atomicx-vue3/chat';
+import { useLoginState, useRoomState } from 'tuikit-atomicx-vue3/room';
+import type { MessageModel } from 'tuikit-atomicx-vue3/chat';
+import type { RoomUser } from 'tuikit-atomicx-vue3/room';
+
+interface QuickConferencePayload {
+  businessID: string;
+  owner: string;
+  ownerName: string;
+  roomId: string;
+  roomState: 'creating' | 'created' | 'destroyed';
+  userList: Array<{
+    faceUrl: string;
+    nickName: string;
+    userId: string;
+  }>;
+}
+
+const ROOM_LEFT_CONFIRM_DELAY = 300;
+const pendingQuickConferencePayloadMap = new Map<string, Partial<QuickConferencePayload>>();
+const dismissedRoomIdSet = new Set<string>();
+const pendingRoomLeftTimerMap = new Map<string, ReturnType<typeof setTimeout>>();
+const quickConferenceMessageIdCacheMap = new Map<string, string>();
+const { messageList } = useMessageListState();
+const { activeConversation } = useConversationListState();
+const { modifyMessage } = useMessageActionState();
+const { loginUserInfo } = useLoginState();
+const { getRoomInfo } = useRoomState();
+const checkingQuickConferenceRoomIdSet = new Set<string>();
+
+const getDefaultQuickConferencePayload = (): QuickConferencePayload => ({
+  businessID: 'group_room_message',
+  owner: '',
+  ownerName: '',
+  roomId: '',
+  roomState: 'destroyed',
+  userList: [],
+});
+
+const parseQuickConferencePayload = (message: MessageModel): QuickConferencePayload => {
+  try {
+    return {
+      ...getDefaultQuickConferencePayload(),
+      ...JSON.parse(message?.payload?.data || '{}'),
+    };
+  } catch {
+    return getDefaultQuickConferencePayload();
+  }
+};
+
+const findQuickConferenceMessage = (roomId: string): MessageModel | undefined => {
+  const currentMessageList = messageList.value || [];
+  const cachedMessageId = quickConferenceMessageIdCacheMap.get(roomId);
+
+  if (cachedMessageId) {
+    const cachedMessage = currentMessageList.find(message => message.ID === cachedMessageId);
+    if (cachedMessage) {
+      return cachedMessage;
+    }
+    quickConferenceMessageIdCacheMap.delete(roomId);
+  }
+
+  for (let index = currentMessageList.length - 1; index >= 0; index -= 1) {
+    const message = currentMessageList[index];
+    const payload = parseQuickConferencePayload(message);
+    if (payload.businessID === 'group_room_message' && payload.roomId === roomId) {
+      if (message.ID) {
+        quickConferenceMessageIdCacheMap.set(roomId, message.ID);
+      }
+      return message;
+    }
+  }
+  return undefined;
+};
+
+const mergePendingQuickConferencePayload = (roomId: string, partialPayload: Partial<QuickConferencePayload>) => {
+  pendingQuickConferencePayloadMap.set(roomId, {
+    ...(pendingQuickConferencePayloadMap.get(roomId) || {}),
+    ...partialPayload,
+  });
+};
+
+const updateQuickConferenceMessage = async (roomId: string, partialPayload: Partial<QuickConferencePayload>) => {
+  if (!roomId) {
+    return;
+  }
+
+  if (partialPayload.roomState === 'destroyed') {
+    dismissedRoomIdSet.add(roomId);
+  }
+
+  const message = findQuickConferenceMessage(roomId);
+  if (!message) {
+    mergePendingQuickConferencePayload(roomId, partialPayload);
+    return;
+  }
+
+  const nextPayload = {
+    ...parseQuickConferencePayload(message),
+    ...partialPayload,
+  };
+
+  if (message.status !== 'success') {
+    mergePendingQuickConferencePayload(roomId, partialPayload);
+    return message;
+  }
+
+  pendingQuickConferencePayloadMap.delete(roomId);
+  try {
+    const result = await modifyMessage(message, {
+      payload: {
+        data: JSON.stringify(nextPayload),
+      },
+    });
+    return result;
+  } catch (error: any) {
+    if (error?.code === 20026 || error?.code === 20027) {
+      mergePendingQuickConferencePayload(roomId, partialPayload);
+      return message;
+    }
+    throw error;
+  }
+};
+
+const flushPendingQuickConferenceMessages = async () => {
+  const pendingEntries = Array.from(pendingQuickConferencePayloadMap.entries());
+  for (const [roomId, partialPayload] of pendingEntries) {
+    const message = findQuickConferenceMessage(roomId);
+    if (!message || message.status !== 'success') {
+      continue;
+    }
+    await updateQuickConferenceMessage(roomId, partialPayload);
+  }
+};
+
+const getCurrentConversationQuickConferenceRoomIds = () => {
+  const currentMessageList = messageList.value || [];
+  return Array.from(new Set(
+    currentMessageList
+      .map(message => parseQuickConferencePayload(message))
+      .filter(payload => (
+        payload.businessID === 'group_room_message'
+        && payload.roomId
+        && payload.roomState !== 'destroyed'
+      ))
+      .map(payload => payload.roomId),
+  ));
+};
+
+const isRoomNotExistError = (error: any) => error?.code === TUIErrorCode.ERR_ROOM_ID_NOT_EXIST;
+
+const reconcileActiveConversationQuickConferenceMessages = async (conversationID?: string) => {
+  if (!conversationID) {
+    return;
+  }
+
+  await nextTick();
+  const roomIds = getCurrentConversationQuickConferenceRoomIds();
+  for (const roomId of roomIds) {
+    if (dismissedRoomIdSet.has(roomId) || checkingQuickConferenceRoomIdSet.has(roomId)) {
+      continue;
+    }
+
+    checkingQuickConferenceRoomIdSet.add(roomId);
+    try {
+      await getRoomInfo({ roomId });
+    } catch (error: any) {
+      if (isRoomNotExistError(error)) {
+        await updateQuickConferenceMessage(roomId, {
+          roomState: 'destroyed',
+        });
+      }
+    } finally {
+      checkingQuickConferenceRoomIdSet.delete(roomId);
+    }
+  }
+};
+
+const clearPendingRoomLeftTimer = (roomId: string) => {
+  const timer = pendingRoomLeftTimerMap.get(roomId);
+  if (!timer) {
+    return;
+  }
+  clearTimeout(timer);
+  pendingRoomLeftTimerMap.delete(roomId);
+};
+
+watch(messageList, () => {
+  flushPendingQuickConferenceMessages();
+}, { deep: false });
+
+watch(
+  () => activeConversation.value?.conversationID,
+  (conversationID, oldConversationID) => {
+    if (!conversationID || conversationID === oldConversationID) {
+      return;
+    }
+    reconcileActiveConversationQuickConferenceMessages(conversationID);
+  },
+  { immediate: true },
+);
+
+TUICore.registerEvent(TUIConstants.TUIRoom.SERVICE.NAME, TUIConstants.TUIRoom.SERVICE.EVENT.QUICK_CONFERENCE_MESSAGE_CREATED, {
+  onNotifyEvent: (_eventName: string, subKey: string, params: { roomId: string; message?: MessageModel }) => {
+    if (subKey !== TUIConstants.TUIRoom.SERVICE.EVENT.QUICK_CONFERENCE_MESSAGE_CREATED) {
+      return;
+    }
+    if (params?.roomId && params?.message) {
+      if (params.message.ID) {
+        quickConferenceMessageIdCacheMap.set(params.roomId, params.message.ID);
+      }
+      flushPendingQuickConferenceMessages();
+    }
+  },
+});
+
+TUICore.registerEvent(TUIConstants.TUIRoom.SERVICE.NAME, TUIConstants.TUIRoom.SERVICE.EVENT.ROOM_DISMISS, {
+  onNotifyEvent: (_eventName: string, subKey: string, params: { roomInfo?: { roomId?: string } }) => {
+    if (subKey !== TUIConstants.TUIRoom.SERVICE.EVENT.ROOM_DISMISS) {
+      return;
+    }
+    const roomId = params?.roomInfo?.roomId || '';
+    clearPendingRoomLeftTimer(roomId);
+    updateQuickConferenceMessage(roomId, {
+      roomState: 'destroyed',
+    });
+  },
+});
+
+TUICore.registerEvent(TUIConstants.TUIRoom.SERVICE.NAME, TUIConstants.TUIRoom.SERVICE.EVENT.ROOM_NOT_EXIST, {
+  onNotifyEvent: (_eventName: string, subKey: string, params: { roomId: string }) => {
+    if (subKey !== TUIConstants.TUIRoom.SERVICE.EVENT.ROOM_NOT_EXIST) {
+      return;
+    }
+    updateQuickConferenceMessage(params?.roomId || '', {
+      roomState: 'destroyed',
+    });
+  },
+});
+
+TUICore.registerEvent(TUIConstants.TUIRoom.SERVICE.NAME, TUIConstants.TUIRoom.SERVICE.EVENT.ROOM_LEFT, {
+  onNotifyEvent: (_eventName: string, subKey: string, params: { roomId: string }) => {
+    if (subKey !== TUIConstants.TUIRoom.SERVICE.EVENT.ROOM_LEFT) {
+      return;
+    }
+    const roomId = params?.roomId || '';
+    if (!roomId || dismissedRoomIdSet.has(roomId)) {
+      return;
+    }
+    clearPendingRoomLeftTimer(roomId);
+    const timer = setTimeout(() => {
+      pendingRoomLeftTimerMap.delete(roomId);
+      if (dismissedRoomIdSet.has(roomId)) {
+        return;
+      }
+      const message = findQuickConferenceMessage(roomId);
+      if (!message) {
+        return;
+      }
+      const payload = parseQuickConferencePayload(message);
+      updateQuickConferenceMessage(roomId, {
+        userList: payload.userList.filter(item => item.userId !== loginUserInfo.value?.userId),
+      });
+    }, ROOM_LEFT_CONFIRM_DELAY);
+    pendingRoomLeftTimerMap.set(roomId, timer);
+  },
+});
+
+TUICore.registerEvent(TUIConstants.TUIRoom.SERVICE.NAME, TUIConstants.TUIRoom.SERVICE.EVENT.PARTICIPANT_LIST_CHANGE, {
+  onNotifyEvent: (_eventName: string, subKey: string, params: { roomId: string; participantList: Array<{ avatarUrl: string; userName: string; userId: string }> }) => {
+    if (subKey !== TUIConstants.TUIRoom.SERVICE.EVENT.PARTICIPANT_LIST_CHANGE) {
+      return;
+    }
+    updateQuickConferenceMessage(params?.roomId || '', {
+      userList: (params?.participantList || []).map(item => ({
+        faceUrl: item.avatarUrl,
+        nickName: item.userName,
+        userId: item.userId,
+      })),
+    });
+  },
+});
+
+TUICore.registerEvent(TUIConstants.TUIRoom.SERVICE.NAME, TUIConstants.TUIRoom.SERVICE.EVENT.OWNER_CHANGED, {
+  onNotifyEvent: (_eventName: string, subKey: string, params: { roomId: string; newOwner: RoomUser }) => {
+    if (subKey !== TUIConstants.TUIRoom.SERVICE.EVENT.OWNER_CHANGED) {
+      return;
+    }
+    updateQuickConferenceMessage(params?.roomId || '', {
+      owner: params?.newOwner?.userId || '',
+    });
+  },
+});
diff --git a/Web/roomkit/vue3/RoomKit/adapter/type.ts b/Web/roomkit/vue3/RoomKit/adapter/type.ts
index 55a1768d..c7a2245d 100644
--- a/Web/roomkit/vue3/RoomKit/adapter/type.ts
+++ b/Web/roomkit/vue3/RoomKit/adapter/type.ts
@@ -4,7 +4,7 @@ import { RoomType } from 'tuikit-atomicx-vue3/room';
 import type TUIRoomEngine from '@tencentcloud/tuiroom-engine-js';
 import type { CreateRoomOptions } from 'tuikit-atomicx-vue3/room';
 
-export type { CreateRoomOptions };
+export type { CreateRoomOptions, RoomLayoutTemplate };
 
 /** @deprecated v5.7.0 */
 export interface StartOptions {
diff --git a/Web/roomkit/vue3/RoomKit/assets/logo-black-zh.png b/Web/roomkit/vue3/RoomKit/assets/logo-black-zh.png
index c28fe267..6424d554 100644
Binary files a/Web/roomkit/vue3/RoomKit/assets/logo-black-zh.png and b/Web/roomkit/vue3/RoomKit/assets/logo-black-zh.png differ
diff --git a/Web/roomkit/vue3/RoomKit/assets/logo-white-zh.png b/Web/roomkit/vue3/RoomKit/assets/logo-white-zh.png
index f2e2046b..17d32014 100644
Binary files a/Web/roomkit/vue3/RoomKit/assets/logo-white-zh.png and b/Web/roomkit/vue3/RoomKit/assets/logo-white-zh.png differ
diff --git a/Web/roomkit/vue3/RoomKit/components/AIToolsButton/index.vue b/Web/roomkit/vue3/RoomKit/components/AIToolsButton/index.vue
index 34d3bbc6..753e8223 100644
--- a/Web/roomkit/vue3/RoomKit/components/AIToolsButton/index.vue
+++ b/Web/roomkit/vue3/RoomKit/components/AIToolsButton/index.vue
@@ -28,11 +28,11 @@
 </template>
 
 <script lang="ts" setup>
-import { ref } from 'vue';
 import { Dropdown, IconAIIcon, IconAISubtitles, IconAITranscription, useUIKit } from '@tencentcloud/uikit-base-component-vue3';
 import { Subtitle } from 'tuikit-atomicx-vue3/room';
 import { BuiltinWidget } from '../../adapter/type';
 import { useRoomSidePanel } from '../../hooks/useRoomSidePanel';
+import { useSubtitlesState } from '../../hooks/useSubtitlesState';
 import IconButton from '../base/IconButton.vue';
 
 interface Props {
@@ -45,8 +45,7 @@ const props = withDefaults(defineProps<Props>(), {
 
 const { t } = useUIKit();
 const { activeWidgetId } = useRoomSidePanel();
-
-const isSubtitlesVisible = ref(false);
+const { isSubtitlesVisible } = useSubtitlesState();
 </script>
 
 <style lang="scss" scoped>
diff --git a/Web/roomkit/vue3/RoomKit/components/AIToolsButtonH5/index.vue b/Web/roomkit/vue3/RoomKit/components/AIToolsButtonH5/index.vue
index 364c3c21..3117576e 100644
--- a/Web/roomkit/vue3/RoomKit/components/AIToolsButtonH5/index.vue
+++ b/Web/roomkit/vue3/RoomKit/components/AIToolsButtonH5/index.vue
@@ -58,13 +58,13 @@ import {
 } from '@tencentcloud/uikit-base-component-vue3';
 import { Subtitle, RealtimeMessageList } from 'tuikit-atomicx-vue3/room';
 import { useRoomToolbarH5 } from '../../hooks/useRoomToolbarH5';
+import { useSubtitlesState } from '../../hooks/useSubtitlesState';
 import IconButtonH5 from '../base/IconButtonH5.vue';
 import PopUpArrowDown from '../base/PopUpArrowDown.vue';
 
 const { t } = useUIKit();
 const { showToolbar } = useRoomToolbarH5();
-
-const isSubtitlesVisible = ref(false);
+const { isSubtitlesVisible } = useSubtitlesState();
 const isAIToolsPanelVisible = ref(false);
 const isTranscriptionPanelVisible = ref(false);
 
diff --git a/Web/roomkit/vue3/RoomKit/components/CallButton/RoomShare.vue b/Web/roomkit/vue3/RoomKit/components/CallButton/RoomShare.vue
index 2da1e10f..cb66f03d 100644
--- a/Web/roomkit/vue3/RoomKit/components/CallButton/RoomShare.vue
+++ b/Web/roomkit/vue3/RoomKit/components/CallButton/RoomShare.vue
@@ -163,6 +163,7 @@ const copyRoomInfoAndLink = async () => {
       display: flex;
       margin-bottom: 16px;
       align-items: flex-start;
+      column-gap: 12px;
 
       .share-label {
         min-width: 100px;
diff --git a/Web/roomkit/vue3/RoomKit/components/CallButtonH5/RoomShare.vue b/Web/roomkit/vue3/RoomKit/components/CallButtonH5/RoomShare.vue
index 262b3c40..c1c3b149 100644
--- a/Web/roomkit/vue3/RoomKit/components/CallButtonH5/RoomShare.vue
+++ b/Web/roomkit/vue3/RoomKit/components/CallButtonH5/RoomShare.vue
@@ -145,6 +145,7 @@ const copyRoomInfoAndLink = async () => {
       display: flex;
       margin-bottom: 16px;
       align-items: flex-start;
+      column-gap: 12px;
 
       .share-label {
         min-width: 100px;
diff --git a/Web/roomkit/vue3/RoomKit/components/LeaveRoomButton/StandardLeave.vue b/Web/roomkit/vue3/RoomKit/components/LeaveRoomButton/StandardLeave.vue
index 539030d5..e1ece50c 100644
--- a/Web/roomkit/vue3/RoomKit/components/LeaveRoomButton/StandardLeave.vue
+++ b/Web/roomkit/vue3/RoomKit/components/LeaveRoomButton/StandardLeave.vue
@@ -11,6 +11,7 @@
   <TUIDialog
     v-model:visible="showConfirmDialog"
     :title="t('Room.ConfirmLeaveTitle')"
+    appendTo="#roomPage"
   >
     <div class="dialog-message">
       {{ dialogMessage }}
@@ -44,6 +45,7 @@
   <TUIDialog
     v-model:visible="showTransferDialog"
     :title="t('Room.SelectNewHost')"
+    appendTo="#roomPage"
   >
     <TUISelect
       v-model="selectedUserId"
@@ -53,7 +55,7 @@
       <TUIOption
         v-for="participant in otherParticipants"
         :key="participant.userId"
-        :label="participant.userName || participant.userId"
+        :label="participant.nameCard || participant.userName || participant.userId"
         :value="participant.userId"
       />
     </TUISelect>
@@ -94,6 +96,8 @@ import {
   useRoomParticipantState,
   useRoomState,
 } from 'tuikit-atomicx-vue3/room';
+import { RoomEvent as ConferenceRoomEvent } from '../../adapter/type';
+import { eventCenter } from '../../utils/eventCenter';
 
 const { t } = useUIKit();
 interface Props {
@@ -171,8 +175,12 @@ const handleEndRoom = async () => {
 
   try {
     isEnding.value = true;
+    const roomInfo = currentRoom.value ? { ...currentRoom.value } : null;
     await endRoom();
     showConfirmDialog.value = false;
+    if (roomInfo?.roomId) {
+      eventCenter.emit(ConferenceRoomEvent.ROOM_DISMISS, { roomInfo });
+    }
     props.emitFunction('end');
   } catch (_error) {
     TUIToast.error({ message: t('Room.EndRoomFailed') });
diff --git a/Web/roomkit/vue3/RoomKit/components/LeaveRoomButton/WebinarLeave.vue b/Web/roomkit/vue3/RoomKit/components/LeaveRoomButton/WebinarLeave.vue
index b429bb47..90c2f2aa 100644
--- a/Web/roomkit/vue3/RoomKit/components/LeaveRoomButton/WebinarLeave.vue
+++ b/Web/roomkit/vue3/RoomKit/components/LeaveRoomButton/WebinarLeave.vue
@@ -11,6 +11,7 @@
   <TUIDialog
     v-model:visible="showConfirmDialog"
     :title="t('Room.ConfirmLeaveTitle')"
+    appendTo="#roomPage"
   >
     <div class="dialog-message">
       {{ dialogMessage }}
diff --git a/Web/roomkit/vue3/RoomKit/components/LeaveRoomButtonH5/index.vue b/Web/roomkit/vue3/RoomKit/components/LeaveRoomButtonH5/index.vue
index 246b4815..8cc059fb 100644
--- a/Web/roomkit/vue3/RoomKit/components/LeaveRoomButtonH5/index.vue
+++ b/Web/roomkit/vue3/RoomKit/components/LeaveRoomButtonH5/index.vue
@@ -56,7 +56,7 @@
           >
             <Avatar :src="participant.avatarUrl" :size="40" />
             <div class="user-info">
-              <span>{{ participant.userName || participant.userId }}</span>
+              <span>{{ participant.nameCard || participant.userName || participant.userId }}</span>
               <div
                 v-if="selectedUserId === participant.userId"
                 class="selected-indicator"
@@ -101,6 +101,8 @@ import {
   useRoomState,
 } from 'tuikit-atomicx-vue3/room';
 import PopUpArrowDown from '../base/PopUpArrowDown.vue';
+import { eventCenter } from '../../utils/eventCenter';
+import { RoomEvent as ConferenceRoomEvent } from '../../adapter/type';
 
 const { t } = useUIKit();
 const emit = defineEmits(['leave', 'end']);
@@ -175,8 +177,12 @@ const handleEndRoom = async () => {
 
   try {
     isEnding.value = true;
+    const roomInfo = currentRoom.value ? { ...currentRoom.value } : null;
     await endRoom();
     showConfirmDialog.value = false;
+    if (roomInfo?.roomId) {
+      eventCenter.emit(ConferenceRoomEvent.ROOM_DISMISS, { roomInfo });
+    }
     emit('end');
   } catch (_error) {
     TUIToast.error({ message: t('Room.EndRoomFailed') });
diff --git a/Web/roomkit/vue3/RoomKit/components/LoginUserID/index.vue b/Web/roomkit/vue3/RoomKit/components/LoginUserID/index.vue
index 58f098db..710775b5 100644
--- a/Web/roomkit/vue3/RoomKit/components/LoginUserID/index.vue
+++ b/Web/roomkit/vue3/RoomKit/components/LoginUserID/index.vue
@@ -178,7 +178,7 @@ const submitForm = (): void => {
   max-width: 480px;
   margin: 2rem auto;
   padding: 30px 15px;
-  background-color: #1c1c1c;
+  background-color: var(--bg-color-dialog);
   border-radius: 12px;
   box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
 }
diff --git a/Web/roomkit/vue3/RoomKit/components/RoomChat/ChatButton.vue b/Web/roomkit/vue3/RoomKit/components/RoomChat/ChatButton.vue
index ab6a99f2..d1f5ee05 100644
--- a/Web/roomkit/vue3/RoomKit/components/RoomChat/ChatButton.vue
+++ b/Web/roomkit/vue3/RoomKit/components/RoomChat/ChatButton.vue
@@ -14,7 +14,7 @@ import {
   Badge,
 } from '@tencentcloud/uikit-base-component-vue3';
 import { useConversationListState, useMessageListState } from 'tuikit-atomicx-vue3/chat';
-import { useRoomState } from 'tuikit-atomicx-vue3/room';
+import { useLoginState, useRoomState } from 'tuikit-atomicx-vue3/room';
 import IconButton from '../base/IconButton.vue';
 
 interface Props {
@@ -31,26 +31,45 @@ const { t } = useUIKit();
 
 const { setActiveConversation } = useConversationListState();
 const { currentRoom } = useRoomState();
+const { loginUserInfo } = useLoginState();
 const { messageList } = useMessageListState();
 
 const unreadCount = ref(0);
+const hasInitializedMessageList = ref(false);
+
+const resetUnreadTracking = () => {
+  unreadCount.value = 0;
+  hasInitializedMessageList.value = false;
+};
 
-// Watch message list changes only when chat is not open
 watch(
-  () => messageList.value?.length,
-  (newLength, oldLength = 0) => {
-    if (!newLength || newLength === 0) {
+  messageList,
+  (newMessageList, oldMessageList) => {
+    const currentMessageList = newMessageList || [];
+
+    if (!hasInitializedMessageList.value) {
+      hasInitializedMessageList.value = true;
+      return;
+    }
+
+    if (props.isActive) {
       return;
     }
 
-    // Only increment unread count when chat window is closed
-    if (!props.isActive && newLength > oldLength) {
-      unreadCount.value += newLength - oldLength;
+    const previousLength = oldMessageList?.length || 0;
+    if (currentMessageList.length <= previousLength) {
+      return;
     }
+
+    const unreadMessages = currentMessageList
+      .slice(previousLength)
+      .filter(message => message?.from !== loginUserInfo.value?.userId);
+
+    unreadCount.value += unreadMessages.length;
   },
+  { deep: false },
 );
 
-// Clear unread count when chat window opens
 watch(
   () => props.isActive,
   (isOpen) => {
@@ -63,12 +82,12 @@ watch(
 watch(
   () => currentRoom.value?.roomId,
   (roomId) => {
+    resetUnreadTracking();
     if (!roomId) {
+      setActiveConversation('');
       return;
     }
     setActiveConversation(`GROUP${roomId}`);
-    // Reset unread count when room changes
-    unreadCount.value = 0;
   },
   { immediate: true },
 );
diff --git a/Web/roomkit/vue3/RoomKit/components/RoomChatH5/ChatButton.vue b/Web/roomkit/vue3/RoomKit/components/RoomChatH5/ChatButton.vue
index 90859681..5cac9834 100644
--- a/Web/roomkit/vue3/RoomKit/components/RoomChatH5/ChatButton.vue
+++ b/Web/roomkit/vue3/RoomKit/components/RoomChatH5/ChatButton.vue
@@ -25,7 +25,7 @@ import {
   TUIPopup,
 } from '@tencentcloud/uikit-base-component-vue3';
 import { useConversationListState, useMessageListState } from 'tuikit-atomicx-vue3/chat';
-import { useRoomState } from 'tuikit-atomicx-vue3/room';
+import { useLoginState, useRoomState } from 'tuikit-atomicx-vue3/room';
 import IconButtonH5 from '../base/IconButtonH5.vue';
 import PopUpArrowDown from '../base/PopUpArrowDown.vue';
 import RoomChatH5 from './RoomChat.vue';
@@ -35,26 +35,45 @@ const { t } = useUIKit();
 const isPopupVisible = ref(false);
 const { setActiveConversation } = useConversationListState();
 const { currentRoom } = useRoomState();
+const { loginUserInfo } = useLoginState();
 const { messageList } = useMessageListState();
 
 const unreadCount = ref(0);
+const hasInitializedMessageList = ref(false);
+
+const resetUnreadTracking = () => {
+  unreadCount.value = 0;
+  hasInitializedMessageList.value = false;
+};
 
-// Watch message list changes only when chat is not open
 watch(
-  () => messageList.value?.length,
-  (newLength, oldLength) => {
-    if (!newLength || newLength === 0) {
+  messageList,
+  (newMessageList, oldMessageList) => {
+    const currentMessageList = newMessageList || [];
+
+    if (!hasInitializedMessageList.value) {
+      hasInitializedMessageList.value = true;
+      return;
+    }
+
+    if (isPopupVisible.value) {
       return;
     }
 
-    // Only increment unread count when chat window is closed
-    if (!isPopupVisible.value && newLength > oldLength) {
-      unreadCount.value += newLength - oldLength;
+    const previousLength = oldMessageList?.length || 0;
+    if (currentMessageList.length <= previousLength) {
+      return;
     }
+
+    const unreadMessages = currentMessageList
+      .slice(previousLength)
+      .filter(message => message?.from !== loginUserInfo.value?.userId);
+
+    unreadCount.value += unreadMessages.length;
   },
+  { deep: false },
 );
 
-// Clear unread count when chat window opens
 watch(
   () => isPopupVisible.value,
   (isOpen) => {
@@ -67,13 +86,14 @@ watch(
 watch(
   () => currentRoom.value?.roomId,
   (roomId) => {
+    resetUnreadTracking();
     if (!roomId) {
+      setActiveConversation('');
       return;
     }
     setActiveConversation(`GROUP${roomId}`);
-    // Reset unread count when room changes
-    unreadCount.value = 0;
   },
+  { immediate: true },
 );
 
 onUnmounted(() => {
diff --git a/Web/roomkit/vue3/RoomKit/components/RoomLayoutView/index.vue b/Web/roomkit/vue3/RoomKit/components/RoomLayoutView/index.vue
index 5e185d4b..b0312a44 100644
--- a/Web/roomkit/vue3/RoomKit/components/RoomLayoutView/index.vue
+++ b/Web/roomkit/vue3/RoomKit/components/RoomLayoutView/index.vue
@@ -3,16 +3,19 @@
     :layout-template="layoutTemplate"
   >
     <template #participantViewUI="{ participant, streamType }">
-      <StandardParticipantViewUI
-        v-if="currentRoom?.roomType === RoomType.Standard"
-        :participant="participant"
-        :stream-type="streamType"
-      />
-      <WebinarParticipantViewUI
-        v-if="currentRoom?.roomType === RoomType.Webinar"
-        :participant="participant"
-        :stream-type="streamType"
-      />
+      <slot v-if="$slots['participantViewUI']" name="participantViewUI" :participant="participant" :stream-type="streamType" />
+      <template v-else>
+        <StandardParticipantViewUI
+          v-if="currentRoom?.roomType === RoomType.Standard"
+          :participant="participant"
+          :stream-type="streamType"
+        />
+        <WebinarParticipantViewUI
+          v-if="currentRoom?.roomType === RoomType.Webinar"
+          :participant="participant"
+          :stream-type="streamType"
+        />
+      </template>
     </template>
   </RoomView>
 </template>
diff --git a/Web/roomkit/vue3/RoomKit/components/RoomLayoutViewH5/index.vue b/Web/roomkit/vue3/RoomKit/components/RoomLayoutViewH5/index.vue
index e71b770d..5f4f3bb7 100644
--- a/Web/roomkit/vue3/RoomKit/components/RoomLayoutViewH5/index.vue
+++ b/Web/roomkit/vue3/RoomKit/components/RoomLayoutViewH5/index.vue
@@ -2,7 +2,8 @@
   <div class="room-layout-view-h5">
     <RoomView :layout-template="RoomLayoutTemplate.MobileLayout">
       <template #participantViewUI="{ participant, streamType }">
-        <ParticipantViewUI :participant="participant" :stream-type="streamType" />
+        <slot v-if="$slots['participantViewUI']" name="participantViewUI" :participant="participant" :stream-type="streamType" />
+        <ParticipantViewUI v-else :participant="participant" :stream-type="streamType" />
       </template>
     </RoomView>
   </div>
diff --git a/Web/roomkit/vue3/RoomKit/components/ScreenShareButton/index.vue b/Web/roomkit/vue3/RoomKit/components/ScreenShareButton/index.vue
index d0c04025..f317ee01 100644
--- a/Web/roomkit/vue3/RoomKit/components/ScreenShareButton/index.vue
+++ b/Web/roomkit/vue3/RoomKit/components/ScreenShareButton/index.vue
@@ -20,7 +20,7 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 import { IconScreenShare, IconStopScreenShare, TUIMessageBox, TUIToast, useUIKit, IconUnSupport } from '@tencentcloud/uikit-base-component-vue3';
-import { useDeviceState, DeviceStatus, useRoomState, useRoomParticipantState, RoomParticipantRole, DeviceError } from 'tuikit-atomicx-vue3/room';
+import { useDeviceState, DeviceStatus, useRoomState, useRoomParticipantState, RoomParticipantRole, DeviceError, TUIErrorCode } from 'tuikit-atomicx-vue3/room';
 import { conference } from '../../adapter/conference';
 import { InterceptorAction } from '../../adapter/type';
 import IconButton from '../base/IconButton.vue';
@@ -36,22 +36,23 @@ const isScreenShareDisabled = computed(() => currentRoom.value?.isAllScreenShare
 async function handleStartScreenShare() {
   try {
     await startScreenShare({ screenAudio: true });
-  } catch (error: any) {
-    let message = '';
-    switch (error.name) {
+  } catch (error: unknown) {
+    const err = error as { code?: number; name?: string; message?: string };
+    let message = t('ScreenShare.UnknownErrorOccurredWhileSharing');
+    switch (err.name) {
       case 'NotReadableError':
         message = t('ScreenShare.SystemProhibitsAccessScreenContent');
         break;
       case 'NotAllowedError':
-        if (error.message.includes('Permission denied by system')) {
+        if (err.message?.includes('Permission denied by system')) {
           message = t('ScreenShare.SystemProhibitsAccessScreenContent');
         } else {
           message = t('ScreenShare.UserCanceledScreenSharing');
         }
         break;
-      default:
-        message = t('ScreenShare.UnknownErrorOccurredWhileSharing');
-        break;
+    }
+    if (err.code === TUIErrorCode.ERR_OPEN_SCREEN_SHARE_NEED_PERMISSION_FROM_ADMIN) {
+      message = t('ScreenShare.NotAllowedToShareScreen');
     }
     TUIToast.warning({
       message,
diff --git a/Web/roomkit/vue3/RoomKit/components/VirtualBackgroundButton/index.vue b/Web/roomkit/vue3/RoomKit/components/VirtualBackgroundButton/index.vue
index b85914d2..4a26edb0 100644
--- a/Web/roomkit/vue3/RoomKit/components/VirtualBackgroundButton/index.vue
+++ b/Web/roomkit/vue3/RoomKit/components/VirtualBackgroundButton/index.vue
@@ -36,8 +36,9 @@ const { t } = useUIKit();
 
 const virtualBackgroundVisible = ref(false);
 
-const { isSupported } = useVirtualBackgroundState();
+const { isSupported, initVirtualBackground } = useVirtualBackgroundState();
 const { cameraList } = useDeviceState();
+initVirtualBackground({ assetsPath: 'https://web.sdk.qcloud.com/hybrid/trtc-sdk-v5/assets' });
 
 const customImages = computed(
   () => conference.getFeatureConfig('virtualBackground')?.customImages ?? [],
diff --git a/Web/roomkit/vue3/RoomKit/hooks/useRoomLifeCycle.ts b/Web/roomkit/vue3/RoomKit/hooks/useRoomLifeCycle.ts
index 502c7ccc..f1ef7a7b 100644
--- a/Web/roomkit/vue3/RoomKit/hooks/useRoomLifeCycle.ts
+++ b/Web/roomkit/vue3/RoomKit/hooks/useRoomLifeCycle.ts
@@ -5,7 +5,6 @@ import {
   TUIMessageBox,
   useUIKit,
 } from '@tencentcloud/uikit-base-component-vue3';
-import { useRoomModal } from 'tuikit-atomicx-vue3/room';
 import { RoomEvent } from '../adapter/type';
 import { eventCenter } from '../utils/eventCenter';
 
@@ -14,12 +13,9 @@ const joiningRoomId = ref('');
 const roomPasswordVisible = ref(false);
 const { t } = useUIKit();
 
-const { handleErrorWithModal } = useRoomModal();
-
 const handleJoinRoomError = (error: any) => {
   let errorMessage = '';
   let useAlert = false;
-  handleErrorWithModal(error);
 
   switch (error.code) {
     case TUIErrorCode.ERR_NEED_PASSWORD:
diff --git a/Web/roomkit/vue3/RoomKit/hooks/useSubtitlesState.ts b/Web/roomkit/vue3/RoomKit/hooks/useSubtitlesState.ts
new file mode 100644
index 00000000..1f3c2fc8
--- /dev/null
+++ b/Web/roomkit/vue3/RoomKit/hooks/useSubtitlesState.ts
@@ -0,0 +1,22 @@
+import { ref } from 'vue';
+import type { Ref } from 'vue';
+
+interface UseSubtitlesStateReturn {
+  isSubtitlesVisible: Ref<boolean>;
+}
+
+/**
+ * Module-level shared state for AI subtitles visibility.
+ *
+ * The state is kept outside the component so that it survives
+ * component re-creation caused by the overflow recalculation
+ * in CustomWidgetRenderer (visible ↔ overflow transitions
+ * destroy and re-mount the AIToolsButton instance).
+ */
+const isSubtitlesVisible = ref(false);
+
+export function useSubtitlesState(): UseSubtitlesStateReturn {
+  return {
+    isSubtitlesVisible,
+  };
+}
diff --git a/Web/roomkit/vue3/RoomKit/i18n/en-US/index.ts b/Web/roomkit/vue3/RoomKit/i18n/en-US/index.ts
index 865752e1..87bcb1f6 100644
--- a/Web/roomkit/vue3/RoomKit/i18n/en-US/index.ts
+++ b/Web/roomkit/vue3/RoomKit/i18n/en-US/index.ts
@@ -28,8 +28,8 @@ export const resource = {
   'Microphone.NoDeviceDetected': 'No microphone detected.',
   'Microphone.UnknownError': 'Microphone failed. Please check and refresh.',
 
-  'Camera.Start': 'Start video',
-  'Camera.Stop': 'Stop video',
+  'Camera.Start': 'Start Video',
+  'Camera.Stop': 'Stop Video',
   'Camera.Disabled': 'Video disabled. Cannot start video.',
   'Camera.NotSupportCapture': 'Browser doesn\'t support camera. Try another browser.',
   'Camera.NoSystemPermission': 'Camera access denied. Please grant permission.',
@@ -37,12 +37,12 @@ export const resource = {
   'Camera.NoDeviceDetected': 'No camera detected.',
   'Camera.UnknownError': 'Camera failed. Please check and refresh.',
 
-  'ScreenShare.Title': 'Screen share',
-  'ScreenShare.EndSharing': 'End sharing',
-  'ScreenShare.StartSharing': 'Start sharing',
+  'ScreenShare.Title': 'Share Screen',
+  'ScreenShare.EndSharing': 'End Sharing',
+  'ScreenShare.StartSharing': 'Start Sharing',
   'ScreenShare.StopSharingConfirm': 'Others will no longer see your screen after you stop sharing. Are you sure you want to stop?',
   'ScreenShare.StartSharingConfirm': 'Sharing screens may lead to the leakage of private information such as SMS verification codes and passwords, resulting in financial losses. Please be vigilant against various forms of fraud.',
-  'ScreenShare.NotAllowedToShareScreen': 'Currently only host/admin can share screen.',
+  'ScreenShare.NotAllowedToShareScreen': 'Currently only host/admins can share screen.',
   'ScreenShare.AnotherIsSharingTheScreen': 'Another user is sharing the screen.',
   'ScreenShare.BrowserDoesNotSupportScreenSharing': 'The current browser does not support screen sharing',
   'ScreenShare.SystemProhibitsAccessScreenContent': 'The system prohibits the current browser from accessing the screen content, please enable the screen sharing privilege.',
@@ -51,9 +51,9 @@ export const resource = {
 
   'Participant.Title': 'People',
 
-  'Setting.Title': 'Setting',
-  'Setting.AudioSetting': 'Audio setting',
-  'Setting.VideoSetting': 'Video setting',
+  'Setting.Title': 'Settings',
+  'Setting.AudioSetting': 'Audio Setting',
+  'Setting.VideoSetting': 'Video Setting',
   'Setting.OtherSetting': 'Other Setting',
   'Setting.Resolution': 'Resolution',
   'Setting.LocalMirror': 'Local Mirror',
@@ -67,12 +67,12 @@ export const resource = {
   'Setting.CancelMirrorSuccess': 'Cancel mirror success',
 
   // RoomInvitation
-  'RoomInvitation.InviteText': '{{name}} invites you to join the meeting',
+  'RoomInvitation.InviteText': '{{name}} invites you to join the room',
   'RoomInvitation.Host': 'Host: ',
   'RoomInvitation.Participants': 'Participants: ',
   'RoomInvitation.ParticipantsUnit': 'people',
   'RoomInvitation.NotJoin': 'Not Join',
-  'RoomInvitation.JoinMeeting': 'Join Meeting',
+  'RoomInvitation.JoinMeeting': 'Join Room',
   'RoomInvitation.HandleByOtherDevice': 'Invitation has been received by other device',
 
   // VirtualBackground
@@ -116,7 +116,7 @@ export const resource = {
   // Room
   'Room.LeaveRoom': 'Leave Room',
   'Room.End': 'End',
-  'Room.InviteToMeeting': '{{userName}} invites you to join the meeting',
+  'Room.InviteToMeeting': '{{userName}} invites you to join the room',
   'Room.PasswordRequired': 'Password required',
   'Room.EnterPassword': 'Please enter room password',
   'Room.EnterPasswordPlaceholder': 'Please enter room password',
@@ -146,9 +146,9 @@ export const resource = {
   'Room.EndRoomFailed': 'Failed to end room',
   'Room.TransferAndLeaveFailed': 'Failed to transfer host and leave',
   'Room.TransferSuccessAndLeave': 'Host transferred to {{name}}',
-  'Room.RoomEnded': 'The host has ended the meeting and the room has been disbanded',
+  'Room.RoomEnded': 'The host has ended the room and the room has been disbanded',
   'Room.Notify': 'Notify',
-  'Room.TemporaryMeeting': '\'s temporary meeting',
+  'Room.TemporaryMeeting': '\'s temporary room',
   'Room.RoomIdRequired': 'Room ID is required',
   'Room.RoomOccupied': 'Room already exists, cannot be created again',
   'Room.RoomId': 'Room ID',
@@ -167,7 +167,7 @@ export const resource = {
   'RoomShare.RoomLink': 'Room Link',
   'RoomShare.RoomSchemeLink': 'Scheme Link',
   'RoomShare.RoomIdNotFound': 'Room ID not found',
-  'RoomShare.CopyMeetingIdAndLink': 'Copy Meeting ID and Link',
+  'RoomShare.CopyMeetingIdAndLink': 'Copy Room ID and Link',
   'RoomShare.BookingSuccess': 'Booking successful, invite members to join',
   'RoomShare.InviteByRoomNumber': 'Invite by room number',
   'RoomShare.InviteByRoomLink': 'Invite by room link',
@@ -181,12 +181,12 @@ export const resource = {
   'Button.JoinRoom': 'Join',
   'Button.ScheduleRoom': 'Schedule',
   'Button.EnterRoomId': 'Enter room ID',
-  'Button.ScheduleMeeting': 'Schedule Meeting',
+  'Button.ScheduleMeeting': 'Schedule Room',
   'Button.PleaseLoginFirst': 'Please login first',
 
   // RoomChat
   'RoomChat.disabled_placeholder': 'You have been muted',
-  'RoomChat.input_placeholder': 'Please enter a message...',
+  'RoomChat.input_placeholder': 'Type a message...',
 
   'Settings.Title': 'Settings',
   'Off Camera': 'Off Camera',
@@ -250,9 +250,9 @@ export const resource = {
   // AITools
   'AITools.Title': 'AI Tools',
   'AITools.RealtimeMessageList': 'AI Real-time Meeting Minutes',
-  'AITools.SubtitlesOpen': 'Open AI Real-time Subtitles',
+  'AITools.SubtitlesOpen': 'Enable Real-time Subtitles',
   'AITools.RealtimeMessageListOpen': 'Open AI Real-time Meeting Minutes',
-  'AITools.SubtitlesClose': 'Close AI Real-time Subtitles',
+  'AITools.SubtitlesClose': 'Disable Real-time Subtitles',
   'AITools.RealtimeMessageListClose': 'Close AI Real-time Meeting Minutes',
 
   // RaiseHands
diff --git a/Web/roomkit/vue3/RoomKit/i18n/zh-CN/index.ts b/Web/roomkit/vue3/RoomKit/i18n/zh-CN/index.ts
index 97ac6871..90ca7cc4 100644
--- a/Web/roomkit/vue3/RoomKit/i18n/zh-CN/index.ts
+++ b/Web/roomkit/vue3/RoomKit/i18n/zh-CN/index.ts
@@ -67,12 +67,12 @@ export const resource = {
   'Setting.CancelMirrorSuccess': '镜像已关闭',
 
   // RoomInvitation
-  'RoomInvitation.InviteText': '{{name}}邀请你加入会议',
+  'RoomInvitation.InviteText': '{{name}}邀请你加入房间',
   'RoomInvitation.Host': '房主：',
-  'RoomInvitation.Participants': '参会人：',
+  'RoomInvitation.Participants': '房间成员：',
   'RoomInvitation.ParticipantsUnit': '人',
   'RoomInvitation.NotJoin': '暂不加入',
-  'RoomInvitation.JoinMeeting': '加入会议',
+  'RoomInvitation.JoinMeeting': '加入房间',
   'RoomInvitation.HandleByOtherDevice': '邀请已被其他设备接收',
 
   // VirtualBackground
@@ -116,10 +116,10 @@ export const resource = {
   // Room
   'Room.LeaveRoom': '离开房间',
   'Room.End': '结束',
-  'Room.InviteToMeeting': '{{userName}} 邀请您加入会议',
+  'Room.InviteToMeeting': '{{userName}} 邀请您加入房间',
   'Room.PasswordRequired': '需要进房密码',
   'Room.EnterPassword': '请输入房间密码',
-  'Room.EnterPasswordPlaceholder': '请输入入会密码',
+  'Room.EnterPasswordPlaceholder': '请输入房间密码',
   'Room.JoinFailed': '加入房间失败',
   'Room.InvalidPassword': '密码错误',
   'Room.RoomNotFound': '房间不存在，请确认房间号或创建房间！',
@@ -146,7 +146,7 @@ export const resource = {
   'Room.EndRoomFailed': '结束房间失败',
   'Room.TransferAndLeaveFailed': '转移主持人并离开失败',
   'Room.TransferSuccessAndLeave': '已将主持人转移给 {{name}}',
-  'Room.RoomEnded': '主持人结束会议，已解散房间',
+  'Room.RoomEnded': '主持人结束房间，已解散房间',
   'Room.Notify': '通知',
   'Room.TemporaryMeeting': '的临时房间',
   'Room.RoomIdRequired': '房间号不能为空',
@@ -167,7 +167,7 @@ export const resource = {
   'RoomShare.RoomLink': '房间链接',
   'RoomShare.RoomSchemeLink': 'Scheme链接',
   'RoomShare.RoomIdNotFound': '未找到房间号',
-  'RoomShare.CopyMeetingIdAndLink': '复制会议号与链接',
+  'RoomShare.CopyMeetingIdAndLink': '复制房间号与链接',
   'RoomShare.BookingSuccess': '预订成功, 邀请成员加入',
   'RoomShare.InviteByRoomNumber': '通过房间号邀请',
   'RoomShare.InviteByRoomLink': '通过房间链接邀请',
@@ -181,7 +181,7 @@ export const resource = {
   'Button.JoinRoom': '加入房间',
   'Button.ScheduleRoom': '预定房间',
   'Button.EnterRoomId': '输入房间号',
-  'Button.ScheduleMeeting': '预约会议',
+  'Button.ScheduleMeeting': '预约房间',
   'Button.PleaseLoginFirst': '请先登录',
 
   // RoomChat
diff --git a/Web/roomkit/vue3/RoomKit/index.ts b/Web/roomkit/vue3/RoomKit/index.ts
index cadd46be..f16d1873 100644
--- a/Web/roomkit/vue3/RoomKit/index.ts
+++ b/Web/roomkit/vue3/RoomKit/index.ts
@@ -7,6 +7,9 @@ import ConferenceMainViewH5 from './views/ConferenceMainViewH5/index.vue';
 import PreConferenceView from './views/PreConferenceView/index.vue';
 import PreConferenceViewH5 from './views/PreConferenceViewH5/index.vue';
 
+import './adapter/chatCombine';
+import './adapter/quickConferenceMessageSync';
+
 export * from './adapter/type';
 
 export const addI18n = (lng: string, resource: any, deep = true, overwrite = false) => {
diff --git a/Web/roomkit/vue3/RoomKit/views/ConferenceMainView/index.vue b/Web/roomkit/vue3/RoomKit/views/ConferenceMainView/index.vue
index 9fdc6771..a5b28f4b 100644
--- a/Web/roomkit/vue3/RoomKit/views/ConferenceMainView/index.vue
+++ b/Web/roomkit/vue3/RoomKit/views/ConferenceMainView/index.vue
@@ -47,13 +47,21 @@
           <RoomLayoutView
             :layout-template="participantViewLayout"
             @update:layout-template="handleLayoutUpdate"
-          />
+          >
+            <template v-if="$slots['participantViewUI']" #participantViewUI="slotProps">
+              <slot name="participantViewUI" v-bind="slotProps" />
+            </template>
+          </RoomLayoutView>
         </TUIWatermark>
         <RoomLayoutView
           v-else
           :layout-template="participantViewLayout"
           @update:layout-template="handleLayoutUpdate"
-        />
+        >
+          <template v-if="$slots['participantViewUI']" #participantViewUI="slotProps">
+            <slot name="participantViewUI" v-bind="slotProps" />
+          </template>
+        </RoomLayoutView>
       </main>
 
       <footer :class="['control-bar', { 'toolbar-hidden': !showToolbar } ]">
@@ -228,14 +236,22 @@ function handleLayoutUpdate(layout: RoomLayoutTemplate) {
   participantViewLayout.value = layout;
 }
 
+// Cache roomInfo before leave/dismiss since SDK may clear currentRoom after the operation
+let cachedRoomInfo: any = null;
+watch(() => currentRoom.value, (newRoom) => {
+  if (newRoom?.roomId) {
+    cachedRoomInfo = { ...newRoom };
+  }
+}, { immediate: true, deep: true });
+
 const handlePasswordCancel = () => {
   eventCenter.emit(ConferenceRoomEvent.ROOM_ERROR);
 };
 const handleLeaveRoom = () => {
-  eventCenter.emit(ConferenceRoomEvent.ROOM_LEAVE);
+  eventCenter.emit(ConferenceRoomEvent.ROOM_LEAVE, { roomInfo: cachedRoomInfo || currentRoom.value });
 };
 const handleEndRoom = () => {
-  eventCenter.emit(ConferenceRoomEvent.ROOM_DISMISS);
+  eventCenter.emit(ConferenceRoomEvent.ROOM_DISMISS, { roomInfo: cachedRoomInfo || currentRoom.value });
 };
 
 const notWebinar = () => !isWebinar.value;
@@ -251,7 +267,10 @@ const watermarkContent = computed(() =>
 );
 const watermarkFont = computed(() => watermarkConfig.value?.font ?? { fontSize: 16 });
 
-watch(() => currentRoom.value?.roomType, (newRoomType) => {
+watch(() => currentRoom.value?.roomType, (newRoomType, oldRoomType) => {
+  if (oldRoomType !== undefined && oldRoomType === newRoomType) {
+    return;
+  }
   if (newRoomType === RoomType.Webinar) {
     participantViewLayout.value = undefined;
   } else {
@@ -260,6 +279,12 @@ watch(() => currentRoom.value?.roomType, (newRoomType) => {
   }
 }, { immediate: true });
 
+watch(() => conference.getFeatureConfig('layoutTemplate'), (newVal) => {
+  if (currentRoom.value?.roomType !== RoomType.Webinar) {
+    participantViewLayout.value = newVal ?? RoomLayoutTemplate.GridLayout;
+  }
+});
+
 watch(
   () => currentRoom.value?.roomId,
   async (roomId, oldRoomId) => {
@@ -278,7 +303,7 @@ watch(
 );
 
 const onRoomEnded = () => {
-  eventCenter.emit(ConferenceRoomEvent.ROOM_DISMISS, {});
+  eventCenter.emit(ConferenceRoomEvent.ROOM_DISMISS, { roomInfo: cachedRoomInfo || currentRoom.value });
 };
 
 const onKickedFromRoom = (eventInfo: {
diff --git a/Web/roomkit/vue3/RoomKit/views/ConferenceMainViewH5/index.vue b/Web/roomkit/vue3/RoomKit/views/ConferenceMainViewH5/index.vue
index 0fa4c6f4..76c4d0ad 100644
--- a/Web/roomkit/vue3/RoomKit/views/ConferenceMainViewH5/index.vue
+++ b/Web/roomkit/vue3/RoomKit/views/ConferenceMainViewH5/index.vue
@@ -38,9 +38,17 @@
           :content="watermarkContent"
           :gap="watermarkGap"
         >
-          <RoomLayoutViewH5 />
+          <RoomLayoutViewH5>
+            <template v-if="$slots['participantViewUI']" #participantViewUI="slotProps">
+              <slot name="participantViewUI" v-bind="slotProps" />
+            </template>
+          </RoomLayoutViewH5>
         </TUIWatermark>
-        <RoomLayoutViewH5 v-else />
+        <RoomLayoutViewH5 v-else>
+          <template v-if="$slots['participantViewUI']" #participantViewUI="slotProps">
+            <slot name="participantViewUI" v-bind="slotProps" />
+          </template>
+        </RoomLayoutViewH5>
       </main>
 
       <footer v-show="showToolbar" class="room-footer">
@@ -156,14 +164,22 @@ const {
   handleJoinRoomError,
 } = useRoomLifeCycle();
 
+// Cache roomInfo before leave/dismiss since SDK may clear currentRoom after the operation
+let cachedRoomInfo: any = null;
+watch(() => currentRoom.value, (newRoom) => {
+  if (newRoom?.roomId) {
+    cachedRoomInfo = { ...newRoom };
+  }
+}, { immediate: true, deep: true });
+
 const handlePasswordCancel = () => {
   eventCenter.emit(ConferenceRoomEvent.ROOM_ERROR);
 };
 const handleLeaveRoom = () => {
-  eventCenter.emit(ConferenceRoomEvent.ROOM_LEAVE);
+  eventCenter.emit(ConferenceRoomEvent.ROOM_LEAVE, { roomInfo: cachedRoomInfo || currentRoom.value });
 };
 const handleEndRoom = () => {
-  eventCenter.emit(ConferenceRoomEvent.ROOM_DISMISS);
+  eventCenter.emit(ConferenceRoomEvent.ROOM_DISMISS, { roomInfo: cachedRoomInfo || currentRoom.value });
 };
 
 watch(
@@ -183,7 +199,7 @@ watch(
 );
 
 const onRoomEnded = () => {
-  eventCenter.emit(ConferenceRoomEvent.ROOM_DISMISS, {});
+  eventCenter.emit(ConferenceRoomEvent.ROOM_DISMISS, { roomInfo: cachedRoomInfo || currentRoom.value });
 };
 const onKickedFromRoom = (eventInfo: {
   reason: KickedOutOfRoomReason;
diff --git a/Web/roomkit/vue3/package.json b/Web/roomkit/vue3/package.json
index 0e1f9608..e951c1e1 100644
--- a/Web/roomkit/vue3/package.json
+++ b/Web/roomkit/vue3/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@tencentcloud/roomkit-web-vue3",
-  "version": "5.8.1",
+  "version": "5.8.2",
   "main": "./lib/index.js",
   "module": "./es/index.mjs",
   "types": "./es/index.d.ts",
@@ -23,9 +23,10 @@
   },
   "peerDependencies": {
     "vue": "^3.4.21",
-    "tuikit-atomicx-vue3": "^5.8.1",
-    "@tencentcloud/uikit-base-component-vue3": "^1.4.0",
-    "@tencentcloud/tuiroom-engine-js": "^4.0.3",
+    "tuikit-atomicx-vue3": "^5.8.2",
+    "@tencentcloud/tui-core-lite": "^1.0.1",
+    "@tencentcloud/uikit-base-component-vue3": "^1.4.1",
+    "@tencentcloud/tuiroom-engine-js": "^4.0.4",
     "@tencentcloud/universal-api": "^2.4.1"
   },
   "devDependencies": {
@@ -39,9 +40,10 @@
     "vite-plugin-dts": "^3.7.3",
     "vue": "^3.4.21",
     "vue-tsc": "^2.0.6",
-    "tuikit-atomicx-vue3": "^5.8.1",
-    "@tencentcloud/uikit-base-component-vue3": "^1.4.0",
-    "@tencentcloud/tuiroom-engine-js": "^4.0.3",
+    "tuikit-atomicx-vue3": "^5.8.2",
+    "@tencentcloud/tui-core-lite": "^1.0.1",
+    "@tencentcloud/uikit-base-component-vue3": "^1.4.1",
+    "@tencentcloud/tuiroom-engine-js": "^4.0.4",
     "@tencentcloud/universal-api": "^2.4.1"
   },
   "dependencies": {}