@tencentcloud/roomkit-electron-vue3 2.7.0 → 2.7.2

package/lib/hooks/useMasterApplyControl.js

@@ -8,9 +8,9 @@ const message = require("../constants/message.js");
 const room = require("../stores/room.js");
 const pinia = require("pinia");
 const index = require("../locales/index.js");
-const index$1 = require("../utils/common/logger/index.js");
+const index$2 = require("../utils/common/logger/index.js");
 const basic = require("../stores/basic.js");
-const index$2 = require("../components/common/base/Notification/index.js");
+const index$1 = require("../components/common/base/Notification/index.js");
 const environment = require("../utils/environment.js");
 const roomEngine = useRoomEngine.default();
 function useMasterApplyControl() {
@@ -50,7 +50,7 @@ function useMasterApplyControl() {
         }));
         roomStore.removeApplyToAnchorUser(requestId);
       } else {
-        index$1.default.warn(
+        index$2.default.warn(
           "Failed to process the stage application. The data is abnormal. Please try again！",
           userInfo
         );
@@ -59,7 +59,7 @@ function useMasterApplyControl() {
       if (error.code === TUIRoomEngine.TUIErrorCode.ERR_ALL_SEAT_OCCUPIED) {
         Message.default({ type: "warning", message: t("The stage is full") });
       } else {
-        index$1.default.error("Failure to process a user request", error);
+        index$2.default.error("Failure to process a user request", error);
       }
     }
   }
@@ -74,7 +74,7 @@ function useMasterApplyControl() {
         }));
         roomStore.removeApplyToAnchorUser(requestId);
       } else {
-        index$1.default.warn(
+        index$2.default.warn(
           "Failed to process the stage application. The data is abnormal. Please try again！",
           userInfo
         );
@@ -83,7 +83,7 @@ function useMasterApplyControl() {
       if (error.code === TUIRoomEngine.TUIErrorCode.ERR_ALL_SEAT_OCCUPIED) {
         Message.default({ type: "warning", message: t("The stage is full") });
       } else {
-        index$1.default.error("Failed application for consent to go on stage", error);
+        index$2.default.error("Failed application for consent to go on stage", error);
       }
     }
   }
@@ -97,7 +97,7 @@ function useMasterApplyControl() {
       }));
       roomStore.removeApplyToAnchorUser(requestId);
     } else {
-      index$1.default.warn(
+      index$2.default.warn(
         "Failed to process the stage application. The data is abnormal. Please try again！",
         userInfo
       );
@@ -124,7 +124,7 @@ function useMasterApplyControl() {
         }
       } catch (error) {
         if (!hasErrorOccurred) {
-          index$1.default.error(actionFailedMessage);
+          index$2.default.error(actionFailedMessage);
           Message.default({
             type: "warning",
             message: t("The stage is full"),
@@ -272,7 +272,7 @@ function useMasterApplyControl() {
       const cancelButtonText = environment.isMobile ? void 0 : onlyOneUserTakeStage ? t("Reject") : t("Neglect");
       const confirm = () => handleConfirm(onlyOneUserTakeStage, firstUser == null ? void 0 : firstUser.userId);
       const cancel = () => handleCancel(onlyOneUserTakeStage, firstUser == null ? void 0 : firstUser.userId);
-      notification = index$2.default({
+      notification = index$1.default({
         message: message2,
         confirmButtonText,
         cancelButtonText,

package/lib/index.js

@@ -440,29 +440,29 @@ input[data-v-ea50ea46]:disabled {
 .tui-theme-black .t-message.t-message-info[data-v-ca40f412] {
   color: #DCE7FA;
   background-color: #4A506B;
-}.tui-theme-white .user-control-container[data-v-be17229c] {
+}.tui-theme-white .user-control-container[data-v-b5154ce3] {
   --filter-color: drop-shadow(0px 0px 4px rgba(32, 77, 141, 0.03))
     drop-shadow(0px 4px 10px rgba(32, 77, 141, 0.06))
     drop-shadow(0px 1px 14px rgba(32, 77, 141, 0.05));
 }
-.tui-theme-black .user-control-container[data-v-be17229c] {
+.tui-theme-black .user-control-container[data-v-b5154ce3] {
   --filter-color: drop-shadow(0px 8px 40px rgba(23, 25, 31, 0.6))
     drop-shadow(0px 4px 12px rgba(23, 25, 31, 0.4));
 }
-.user-info-container[data-v-be17229c] {
+.user-info-container[data-v-b5154ce3] {
   position: relative;
 }
-.user-info-container .user-info-content[data-v-be17229c] {
+.user-info-container .user-info-content[data-v-b5154ce3] {
   display: flex;
   align-items: center;
   cursor: pointer;
 }
-.user-info-container .user-info-content .avatar[data-v-be17229c] {
+.user-info-container .user-info-content .avatar[data-v-b5154ce3] {
   width: 28px;
   height: 28px;
   border-radius: 50%;
 }
-.user-info-container .user-info-content .name[data-v-be17229c] {
+.user-info-container .user-info-content .name[data-v-b5154ce3] {
   max-width: 100px;
   margin-left: 10px;
   overflow: hidden;
@@ -471,14 +471,14 @@ input[data-v-ea50ea46]:disabled {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.user-info-container .user-info-content .down-icon[data-v-be17229c] {
+.user-info-container .user-info-content .down-icon[data-v-b5154ce3] {
   margin-left: 4px;
 }
-.user-info-container .user-info-content .up-icon[data-v-be17229c] {
+.user-info-container .user-info-content .up-icon[data-v-b5154ce3] {
   margin-left: 4px;
   transform: rotate(180deg);
 }
-.user-info-container .user-control-container[data-v-be17229c] {
+.user-info-container .user-control-container[data-v-b5154ce3] {
   position: absolute;
   top: calc(100% + 15px);
   right: 0;
@@ -488,7 +488,7 @@ input[data-v-ea50ea46]:disabled {
   filter: var(--filter-color);
   border-radius: 8px;
 }
-.user-info-container .user-control-container[data-v-be17229c]::before {
+.user-info-container .user-control-container[data-v-b5154ce3]::before {
   position: absolute;
   top: -20px;
   right: 20px;
@@ -499,7 +499,7 @@ input[data-v-ea50ea46]:disabled {
   border-bottom: 10px solid #fff;
   border-left: 10px solid transparent;
 }
-.user-info-container .user-control-container[data-v-be17229c]::after {
+.user-info-container .user-control-container[data-v-b5154ce3]::after {
   position: absolute;
   top: -20px;
   left: 0;
@@ -508,25 +508,25 @@ input[data-v-ea50ea46]:disabled {
   content: "";
   background-color: transparent;
 }
-.user-info-container .user-control-container .user-control-item-foot[data-v-be17229c],
-.user-info-container .user-control-container .user-control-item-head[data-v-be17229c] {
+.user-info-container .user-control-container .user-control-item-foot[data-v-b5154ce3],
+.user-info-container .user-control-container .user-control-item-head[data-v-b5154ce3] {
   height: 20px;
   font-size: 14px;
   color: #4f586b;
   text-align: center;
   cursor: pointer;
 }
-.edit-content[data-v-be17229c] {
+.edit-content[data-v-b5154ce3] {
   display: flex;
   align-items: center;
   width: 100%;
 }
-.edit-content .edit-name-input[data-v-be17229c] {
+.edit-content .edit-name-input[data-v-b5154ce3] {
   flex-grow: 1;
   width: auto;
   margin-left: 16px;
 }
-.button[data-v-be17229c] {
+.button[data-v-b5154ce3] {
   margin-left: 12px;
 }.tui-theme-black .icon-button-container[data-v-796846eb] {
   --icon-button-hover: rgba(46, 50, 61, 0.7);
@@ -2045,7 +2045,7 @@ input[data-v-e79d67af]:disabled {
 .slider-thumb-disabled[data-v-b8e901cb] {
   background-color: #ccc;
   cursor: not-allowed;
-}.test-preview[data-v-211cd54c] {
+}.test-preview[data-v-2e9e258c] {
   position: relative;
   box-sizing: border-box;
   display: flex;
@@ -2056,7 +2056,7 @@ input[data-v-e79d67af]:disabled {
   background-color: var(--black-color);
   border-radius: 8px;
 }
-.setting[data-v-211cd54c] {
+.setting[data-v-2e9e258c] {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -2064,7 +2064,7 @@ input[data-v-e79d67af]:disabled {
   border: 1px solid var(--border-color-2);
   border-radius: 8px;
 }
-.setting-header[data-v-211cd54c] {
+.setting-header[data-v-2e9e258c] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -2077,12 +2077,12 @@ input[data-v-e79d67af]:disabled {
   background-color: var(--background-color-13);
   border-bottom: 1px solid var(--border-color-2);
 }
-.setting-container[data-v-211cd54c] {
+.setting-container[data-v-2e9e258c] {
   display: flex;
   width: 100%;
   padding: 20px;
 }
-.setting-item[data-v-211cd54c] {
+.setting-item[data-v-2e9e258c] {
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -2094,7 +2094,7 @@ input[data-v-e79d67af]:disabled {
   border: 1px solid transparent;
   border-radius: 8px;
 }
-.setting-item-icon[data-v-211cd54c] {
+.setting-item-icon[data-v-2e9e258c] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -2104,14 +2104,14 @@ input[data-v-e79d67af]:disabled {
   background-color: #f0f3fa;
   border-radius: 8px;
 }
-.setting-item.active[data-v-211cd54c] {
+.setting-item.active[data-v-2e9e258c] {
   color: #fff;
   background-color: var(--active-color-1);
   border: 1px solid var(--active-color-1);
 }
-.reset[data-v-211cd54c],
-.compare[data-v-211cd54c],
-.degree[data-v-211cd54c] {
+.reset[data-v-2e9e258c],
+.compare[data-v-2e9e258c],
+.degree[data-v-2e9e258c] {
   position: absolute;
   bottom: 8px;
   z-index: 4;
@@ -2125,30 +2125,30 @@ input[data-v-e79d67af]:disabled {
   background-color: rgba(0, 0, 0, 0.4);
   border-radius: 6px;
 }
-.reset .text[data-v-211cd54c],
-.compare .text[data-v-211cd54c],
-.degree .text[data-v-211cd54c] {
+.reset .text[data-v-2e9e258c],
+.compare .text[data-v-2e9e258c],
+.degree .text[data-v-2e9e258c] {
   margin-left: 4px;
 }
-.degree[data-v-211cd54c] {
+.degree[data-v-2e9e258c] {
   left: 50%;
   cursor: default;
   transform: translateX(-50%);
 }
-.degree .slider[data-v-211cd54c] {
+.degree .slider[data-v-2e9e258c] {
   margin-left: 12px;
 }
-.degree .text-value[data-v-211cd54c] {
+.degree .text-value[data-v-2e9e258c] {
   width: 20px;
   margin-left: 10px;
 }
-.reset[data-v-211cd54c] {
+.reset[data-v-2e9e258c] {
   left: 8px;
 }
-.compare[data-v-211cd54c] {
+.compare[data-v-2e9e258c] {
   right: 8px;
 }
-.spinner[data-v-211cd54c] {
+.spinner[data-v-2e9e258c] {
   position: absolute;
   top: 50%;
   left: 50%;
@@ -2159,16 +2159,16 @@ input[data-v-e79d67af]:disabled {
   border-top: 4px solid var(--active-color-1);
   border-radius: 50%;
   transform: translate(-50%, -50%);
-  animation: spin-211cd54c 1s linear infinite;
+  animation: spin-2e9e258c 1s linear infinite;
 }
-.mask[data-v-211cd54c] {
+.mask[data-v-2e9e258c] {
   position: absolute;
   z-index: 2;
   width: 100%;
   height: 100%;
   background-color: var(--black-color);
 }
-@keyframes spin-211cd54c {
+@keyframes spin-2e9e258c {
 0% {
     transform: translate(-50%, -50%) rotate(0deg);
 }
@@ -2176,7 +2176,7 @@ input[data-v-e79d67af]:disabled {
     transform: translate(-50%, -50%) rotate(360deg);
 }
 }
-.footer[data-v-211cd54c] {
+.footer[data-v-2e9e258c] {
   display: flex;
   gap: 1rem;
   align-items: center;
@@ -2185,19 +2185,19 @@ input[data-v-e79d67af]:disabled {
   margin-top: 10px;
   border-radius: 8px;
 }
-.footer .button[data-v-211cd54c] {
+.footer .button[data-v-2e9e258c] {
   width: 84px;
   height: 32px;
 }
-.footer .mirror-container[data-v-211cd54c] {
+.footer .mirror-container[data-v-2e9e258c] {
   position: absolute;
   left: 24px;
   display: flex;
 }
-.footer .mirror-container .mirror-text[data-v-211cd54c] {
+.footer .mirror-container .mirror-text[data-v-2e9e258c] {
   margin-left: 4px;
 }
-.cancel[data-v-211cd54c] {
+.cancel[data-v-2e9e258c] {
   margin-left: 12px;
 }.footer-container[data-v-25bccb00] {
   position: absolute;
@@ -2319,41 +2319,41 @@ input[data-v-e79d67af]:disabled {
 }
 .member-invite-container .button[data-v-1d45fc0f] {
   width: 68px;
-}.tui-theme-black .member-av-state[data-v-cba7feb3] {
+}.tui-theme-black .member-av-state[data-v-8d1bfc30] {
   --icon-color: #a3aec7;
 }
-.tui-theme-white .member-av-state[data-v-cba7feb3] {
+.tui-theme-white .member-av-state[data-v-8d1bfc30] {
   --icon-color: #b2bbd1;
 }
-.member-info[data-v-cba7feb3],
-.member-info-mobile[data-v-cba7feb3] {
+.member-info[data-v-8d1bfc30],
+.member-info-mobile[data-v-8d1bfc30] {
   display: flex;
   justify-content: space-between;
   width: 100%;
   height: 100%;
 }
-.member-info .member-basic-info[data-v-cba7feb3],
-.member-info .member-basic-info-admin[data-v-cba7feb3],
-.member-info-mobile .member-basic-info[data-v-cba7feb3],
-.member-info-mobile .member-basic-info-admin[data-v-cba7feb3] {
+.member-info .member-basic-info[data-v-8d1bfc30],
+.member-info .member-basic-info-admin[data-v-8d1bfc30],
+.member-info-mobile .member-basic-info[data-v-8d1bfc30],
+.member-info-mobile .member-basic-info-admin[data-v-8d1bfc30] {
   display: flex;
   flex-direction: row;
   align-items: center;
 }
-.member-info .member-basic-info .avatar-url[data-v-cba7feb3],
-.member-info .member-basic-info-admin .avatar-url[data-v-cba7feb3],
-.member-info-mobile .member-basic-info .avatar-url[data-v-cba7feb3],
-.member-info-mobile .member-basic-info-admin .avatar-url[data-v-cba7feb3] {
+.member-info .member-basic-info .avatar-url[data-v-8d1bfc30],
+.member-info .member-basic-info-admin .avatar-url[data-v-8d1bfc30],
+.member-info-mobile .member-basic-info .avatar-url[data-v-8d1bfc30],
+.member-info-mobile .member-basic-info-admin .avatar-url[data-v-8d1bfc30] {
   display: flex;
   align-items: center;
   width: 32px;
   height: 32px;
   border-radius: 50%;
 }
-.member-info .member-basic-info .user-name[data-v-cba7feb3],
-.member-info .member-basic-info-admin .user-name[data-v-cba7feb3],
-.member-info-mobile .member-basic-info .user-name[data-v-cba7feb3],
-.member-info-mobile .member-basic-info-admin .user-name[data-v-cba7feb3] {
+.member-info .member-basic-info .user-name[data-v-8d1bfc30],
+.member-info .member-basic-info-admin .user-name[data-v-8d1bfc30],
+.member-info-mobile .member-basic-info .user-name[data-v-8d1bfc30],
+.member-info-mobile .member-basic-info-admin .user-name[data-v-8d1bfc30] {
   max-width: 100px;
   margin-left: 12px;
   overflow: hidden;
@@ -2364,38 +2364,38 @@ input[data-v-e79d67af]:disabled {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.member-info .member-basic-info .role-info[data-v-cba7feb3],
-.member-info .member-basic-info-admin .role-info[data-v-cba7feb3],
-.member-info-mobile .member-basic-info .role-info[data-v-cba7feb3],
-.member-info-mobile .member-basic-info-admin .role-info[data-v-cba7feb3] {
+.member-info .member-basic-info .role-info[data-v-8d1bfc30],
+.member-info .member-basic-info-admin .role-info[data-v-8d1bfc30],
+.member-info-mobile .member-basic-info .role-info[data-v-8d1bfc30],
+.member-info-mobile .member-basic-info-admin .role-info[data-v-8d1bfc30] {
   display: flex;
 }
-.member-info .member-basic-info .role-info .master-icon[data-v-cba7feb3],
-.member-info .member-basic-info .role-info .admin-icon[data-v-cba7feb3],
-.member-info .member-basic-info-admin .role-info .master-icon[data-v-cba7feb3],
-.member-info .member-basic-info-admin .role-info .admin-icon[data-v-cba7feb3],
-.member-info-mobile .member-basic-info .role-info .master-icon[data-v-cba7feb3],
-.member-info-mobile .member-basic-info .role-info .admin-icon[data-v-cba7feb3],
-.member-info-mobile .member-basic-info-admin .role-info .master-icon[data-v-cba7feb3],
-.member-info-mobile .member-basic-info-admin .role-info .admin-icon[data-v-cba7feb3] {
+.member-info .member-basic-info .role-info .master-icon[data-v-8d1bfc30],
+.member-info .member-basic-info .role-info .admin-icon[data-v-8d1bfc30],
+.member-info .member-basic-info-admin .role-info .master-icon[data-v-8d1bfc30],
+.member-info .member-basic-info-admin .role-info .admin-icon[data-v-8d1bfc30],
+.member-info-mobile .member-basic-info .role-info .master-icon[data-v-8d1bfc30],
+.member-info-mobile .member-basic-info .role-info .admin-icon[data-v-8d1bfc30],
+.member-info-mobile .member-basic-info-admin .role-info .master-icon[data-v-8d1bfc30],
+.member-info-mobile .member-basic-info-admin .role-info .admin-icon[data-v-8d1bfc30] {
   display: flex;
   margin-left: 8px;
   color: var(--active-color-2);
 }
-.member-info .member-basic-info .role-info .admin-icon[data-v-cba7feb3],
-.member-info .member-basic-info-admin .role-info .admin-icon[data-v-cba7feb3],
-.member-info-mobile .member-basic-info .role-info .admin-icon[data-v-cba7feb3],
-.member-info-mobile .member-basic-info-admin .role-info .admin-icon[data-v-cba7feb3] {
+.member-info .member-basic-info .role-info .admin-icon[data-v-8d1bfc30],
+.member-info .member-basic-info-admin .role-info .admin-icon[data-v-8d1bfc30],
+.member-info-mobile .member-basic-info .role-info .admin-icon[data-v-8d1bfc30],
+.member-info-mobile .member-basic-info-admin .role-info .admin-icon[data-v-8d1bfc30] {
   color: var(--orange-color);
 }
-.member-info .member-basic-info .role-info .user-extra-info[data-v-cba7feb3],
-.member-info .member-basic-info .role-info .user-extra-info-admin[data-v-cba7feb3],
-.member-info .member-basic-info-admin .role-info .user-extra-info[data-v-cba7feb3],
-.member-info .member-basic-info-admin .role-info .user-extra-info-admin[data-v-cba7feb3],
-.member-info-mobile .member-basic-info .role-info .user-extra-info[data-v-cba7feb3],
-.member-info-mobile .member-basic-info .role-info .user-extra-info-admin[data-v-cba7feb3],
-.member-info-mobile .member-basic-info-admin .role-info .user-extra-info[data-v-cba7feb3],
-.member-info-mobile .member-basic-info-admin .role-info .user-extra-info-admin[data-v-cba7feb3] {
+.member-info .member-basic-info .role-info .user-extra-info[data-v-8d1bfc30],
+.member-info .member-basic-info .role-info .user-extra-info-admin[data-v-8d1bfc30],
+.member-info .member-basic-info-admin .role-info .user-extra-info[data-v-8d1bfc30],
+.member-info .member-basic-info-admin .role-info .user-extra-info-admin[data-v-8d1bfc30],
+.member-info-mobile .member-basic-info .role-info .user-extra-info[data-v-8d1bfc30],
+.member-info-mobile .member-basic-info .role-info .user-extra-info-admin[data-v-8d1bfc30],
+.member-info-mobile .member-basic-info-admin .role-info .user-extra-info[data-v-8d1bfc30],
+.member-info-mobile .member-basic-info-admin .role-info .user-extra-info-admin[data-v-8d1bfc30] {
   padding: 2px;
   padding: 0 6px;
   margin-left: 4px;
@@ -2404,69 +2404,69 @@ input[data-v-e79d67af]:disabled {
   line-height: 20px;
   color: var(--active-color-2);
 }
-.member-info .member-basic-info .role-info .user-extra-info-admin[data-v-cba7feb3],
-.member-info .member-basic-info-admin .role-info .user-extra-info-admin[data-v-cba7feb3],
-.member-info-mobile .member-basic-info .role-info .user-extra-info-admin[data-v-cba7feb3],
-.member-info-mobile .member-basic-info-admin .role-info .user-extra-info-admin[data-v-cba7feb3] {
+.member-info .member-basic-info .role-info .user-extra-info-admin[data-v-8d1bfc30],
+.member-info .member-basic-info-admin .role-info .user-extra-info-admin[data-v-8d1bfc30],
+.member-info-mobile .member-basic-info .role-info .user-extra-info-admin[data-v-8d1bfc30],
+.member-info-mobile .member-basic-info-admin .role-info .user-extra-info-admin[data-v-8d1bfc30] {
   color: var(--orange-color);
   transition: none;
 }
-.member-info .member-basic-info-admin .user-name[data-v-cba7feb3],
-.member-info-mobile .member-basic-info-admin .user-name[data-v-cba7feb3] {
+.member-info .member-basic-info-admin .user-name[data-v-8d1bfc30],
+.member-info-mobile .member-basic-info-admin .user-name[data-v-8d1bfc30] {
   max-width: 40px;
 }
-.member-info .member-invite[data-v-cba7feb3],
-.member-info-mobile .member-invite[data-v-cba7feb3] {
+.member-info .member-invite[data-v-8d1bfc30],
+.member-info-mobile .member-invite[data-v-8d1bfc30] {
   display: flex;
   align-items: center;
   height: 100%;
 }
-.member-info .member-av-state[data-v-cba7feb3],
-.member-info-mobile .member-av-state[data-v-cba7feb3] {
+.member-info .member-av-state[data-v-8d1bfc30],
+.member-info-mobile .member-av-state[data-v-8d1bfc30] {
   display: flex;
   align-items: center;
   height: 100%;
   color: var(--icon-color);
 }
-.member-info .member-av-state .state-icon .member-invite[data-v-cba7feb3],
-.member-info-mobile .member-av-state .state-icon .member-invite[data-v-cba7feb3] {
+.member-info .member-av-state .state-icon[data-v-8d1bfc30],
+.member-info-mobile .member-av-state .state-icon[data-v-8d1bfc30] {
   margin-left: 16px;
 }
-.member-info .member-av-state .disable-icon[data-v-cba7feb3],
-.member-info-mobile .member-av-state .disable-icon[data-v-cba7feb3] {
+.member-info .member-av-state .disable-icon[data-v-8d1bfc30],
+.member-info-mobile .member-av-state .disable-icon[data-v-8d1bfc30] {
   opacity: 0.4;
 }
-.member-info-mobile[data-v-cba7feb3] {
+.member-info-mobile[data-v-8d1bfc30] {
   align-items: center;
   width: 80vw;
-}.tui-theme-black .user-operate-list[data-v-6cb30e2c] {
+}.tui-theme-black .user-operate-list[data-v-7b4cb2fa] {
   --operation-font-color: var(--font-color-1);
   --operation-box-shadow: 0px 3px 8px rgba(34, 38, 46, 0.3),
     0px 6px 40px rgba(34, 38, 46, 0.3);
 }
-.tui-theme-white .user-operate-list[data-v-6cb30e2c] {
+.tui-theme-white .user-operate-list[data-v-7b4cb2fa] {
   --operation-font-color: #6b758a;
   --operation-box-shadow: 0px 3px 8px #e9f0fb, 0px 6px 40px rgba(0, 0, 0, 0.1);
 }
-.member-control-container[data-v-6cb30e2c] {
+.member-control-container[data-v-7b4cb2fa] {
   display: flex;
   flex-direction: row;
 }
-.member-control-container .button[data-v-6cb30e2c] {
+.member-control-container .button[data-v-7b4cb2fa] {
   height: 32px;
   padding: 0 10px;
   margin-left: 10px;
 }
-.member-control-container .button .more-arrow[data-v-6cb30e2c] {
+.member-control-container .button .more-arrow[data-v-7b4cb2fa] {
   margin-left: 2px;
 }
-.member-control-container .button .more-arrow.down[data-v-6cb30e2c] {
+.member-control-container .button .more-arrow.down[data-v-7b4cb2fa] {
   transform: rotate(180deg);
 }
-.member-control-container .more-container[data-v-6cb30e2c] {
+.member-control-container .more-container[data-v-7b4cb2fa] {
   position: relative;
 }
-.member-control-container .more-container .user-operate-list[data-v-6cb30e2c] {
+.member-control-container .more-container .user-operate-list[data-v-7b4cb2fa] {
   position: absolute;
   z-index: 1;
   min-width: 160px;
@@ -2475,7 +2475,7 @@ input[data-v-e79d67af]:disabled {
   border-radius: 8px;
   box-shadow: var(--operation-box-shadow);
 }
-.member-control-container .more-container .user-operate-list[data-v-6cb30e2c]::before {
+.member-control-container .more-container .user-operate-list[data-v-7b4cb2fa]::before {
   position: absolute;
   width: 0;
   content: "";
@@ -2484,61 +2484,61 @@ input[data-v-e79d67af]:disabled {
   border-bottom: 10px solid var(--background-color-1);
   border-left: 10px solid transparent;
 }
-.member-control-container .more-container .user-operate-list[data-v-6cb30e2c]::after {
+.member-control-container .more-container .user-operate-list[data-v-7b4cb2fa]::after {
   position: absolute;
   width: 100%;
   height: 20px;
   content: "";
   background-color: transparent;
 }
-.member-control-container .more-container .user-operate-list .user-operate-item[data-v-6cb30e2c] {
+.member-control-container .more-container .user-operate-list .user-operate-item[data-v-7b4cb2fa] {
   display: flex;
   align-items: center;
   height: 20px;
   color: var(--operation-font-color);
   cursor: pointer;
 }
-.member-control-container .more-container .user-operate-list .user-operate-item .operate-text[data-v-6cb30e2c] {
+.member-control-container .more-container .user-operate-list .user-operate-item .operate-text[data-v-7b4cb2fa] {
   margin-left: 10px;
   font-size: 14px;
   white-space: nowrap;
 }
-.member-control-container .more-container .user-operate-list .user-operate-item[data-v-6cb30e2c]:not(:first-child) {
+.member-control-container .more-container .user-operate-list .user-operate-item[data-v-7b4cb2fa]:not(:first-child) {
   margin-top: 20px;
 }
-.member-control-container .more-container .down[data-v-6cb30e2c] {
+.member-control-container .more-container .down[data-v-7b4cb2fa] {
   top: calc(100% + 15px);
   right: 0;
 }
-.member-control-container .more-container .down[data-v-6cb30e2c]::before {
+.member-control-container .more-container .down[data-v-7b4cb2fa]::before {
   top: -20px;
   right: 20px;
 }
-.member-control-container .more-container .down[data-v-6cb30e2c]::after {
+.member-control-container .more-container .down[data-v-7b4cb2fa]::after {
   top: -20px;
   left: 0;
 }
-.member-control-container .more-container .up[data-v-6cb30e2c] {
+.member-control-container .more-container .up[data-v-7b4cb2fa] {
   right: 0;
   bottom: calc(100% + 15px);
 }
-.member-control-container .more-container .up[data-v-6cb30e2c]::before {
+.member-control-container .more-container .up[data-v-7b4cb2fa]::before {
   right: 20px;
   bottom: -20px;
   transform: rotate(180deg);
 }
-.member-control-container .more-container .up[data-v-6cb30e2c]::after {
+.member-control-container .more-container .up[data-v-7b4cb2fa]::after {
   bottom: -20px;
   left: 0;
 }
-.dialog-content[data-v-6cb30e2c] {
+.dialog-content[data-v-7b4cb2fa] {
   display: flex;
   align-items: center;
 }
-.dialog-content .dialog-input[data-v-6cb30e2c] {
+.dialog-content .dialog-input[data-v-7b4cb2fa] {
   flex-grow: 1;
 }
-.cancel[data-v-6cb30e2c] {
+.cancel[data-v-7b4cb2fa] {
   margin-left: 12px;
 }.member-item-container[data-v-c9fb1dc6] {
   display: flex;
@@ -7733,14 +7733,15 @@ input[data-v-1927e971]:focus, input[data-v-1927e971]:active, textarea[data-v-192
   flex-direction: column;
   height: 100%;
   padding: 20px;
-}.conversation[data-v-ef9f284c] {
+}.conversation[data-v-35b9944f] {
+  height: 100%;
   padding: 20px;
   overflow-y: auto;
 }
-.conversation-item[data-v-ef9f284c] {
-  margin-bottom: 10px;
+.conversation-group[data-v-35b9944f] {
+  margin-bottom: 20px;
 }
-.title[data-v-ef9f284c] {
+.title[data-v-35b9944f] {
   display: flex;
   gap: 10px;
   align-items: center;
@@ -7750,8 +7751,15 @@ input[data-v-1927e971]:focus, input[data-v-1927e971]:active, textarea[data-v-192
   color: var(--font-color-4);
   text-align: left;
 }
-.content[data-v-ef9f284c] {
+.title .speaker[data-v-35b9944f] {
+  max-width: 150px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.content[data-v-35b9944f] {
   padding: 8px;
+  margin-top: 5px;
   font-size: 14px;
   font-weight: 400;
   line-height: 22px;
@@ -8501,7 +8509,7 @@ input[data-v-1927e971]:focus, input[data-v-1927e971]:active, textarea[data-v-192
 }
 .button[data-v-6cdda61e] {
   margin-left: 12px;
-}.ai-subtitles[data-v-720279c8] {
+}.ai-subtitles[data-v-cacf47e3] {
   position: absolute;
   bottom: 80px;
   left: 50%;