jssz-meeting-component 1.1.41 → 1.2.0

package/dist/index.esm.js

@@ -20374,6 +20374,31 @@ function normalizeRoleCodes(value) {
   }
   return text.split(",").map((item) => item.trim()).filter(Boolean);
 }
+function normalizeBrokerUrl(baseUrl) {
+  const trimmed = toText(baseUrl).trim();
+  if (!trimmed) {
+    throw new Error("MQTT 初始化失败：mqttUrl 为空");
+  }
+  const normalizedScheme = trimmed.startsWith("tcp://") ? `mqtt://${trimmed.slice("tcp://".length)}` : trimmed;
+  console.log("normalizedScheme:", normalizedScheme);
+  const withoutTrailingSlash = normalizedScheme.replace(/\/+$/g, "");
+  if (withoutTrailingSlash.endsWith(DEFAULT_MQTT_PATH)) {
+    return withoutTrailingSlash;
+  }
+  return `${withoutTrailingSlash}${DEFAULT_MQTT_PATH}`;
+}
+async function getMeetingWsMqttUrl() {
+  const response = await getMqttConfig();
+  if (response.code !== 200 || !response.data) {
+    throw new Error(response.message || "获取 MQTT 配置失败");
+  }
+  const data = response.data;
+  const wsMqttUrl = toText(data.wsMqttUrl).trim();
+  if (wsMqttUrl) {
+    return wsMqttUrl;
+  }
+  throw new Error("获取 MQTT 配置失败：wsMqttUrl 为空");
+}
 function buildRequestId() {
   return `mqtt-${Date.now()}-${Math.random().toString(36).slice(2, 10)}`;
 }
@@ -20482,7 +20507,9 @@ async function initializeMeetingMQTT(options = {}) {
   const myInfo = options.myInfo || await readMyInfo();
   const loginDevice = toText(myInfo.currentDevice).trim();
   const roleCodes = normalizeRoleCodes(myInfo.roleCodes);
-  const brokerUrl = "wss://testdcs.jingshuosz.cn" + DEFAULT_MQTT_PATH;
+  const mqttUrl = toText(options.mqttUrl).trim() || await getMeetingWsMqttUrl();
+  const brokerUrl = normalizeBrokerUrl(mqttUrl);
+  console.log("brokerUrl:", brokerUrl);
   const responseTopic = buildResponseTopic(loginDevice);
   const nextRuntime = {
     brokerUrl,
@@ -20608,6 +20635,9 @@ const getUploadFile = (data) => {
 const getMyInfo = () => {
   return http.request("get", "/meeting/api/v2/contact/myInfo");
 };
+const getMqttConfig = () => {
+  return http.request("get", "/meeting/config/detail");
+};
 const getCreateMeeting = (data) => {
   return http.request(
     "post",
@@ -40531,7 +40561,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
                   "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchKeyword.value = $event),
                   type: "text",
                   placeholder: "搜索用户",
-                  class: "search-input",
+                  class: "js-search-input",
                   onMousedown: _cache[1] || (_cache[1] = withModifiers(() => {
                   }, ["stop"])),
                   onClick: _cache[2] || (_cache[2] = withModifiers(() => {
@@ -40674,7 +40704,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const JSUser = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-23a8a167"]]);
+const JSUser = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-3cb577c5"]]);
 var RoomModalSelectType = /* @__PURE__ */ ((RoomModalSelectType2) => {
   RoomModalSelectType2["microphoneClick"] = "microphoneClick";
   RoomModalSelectType2["cameraClick"] = "cameraClick";
@@ -41448,405 +41478,96 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
   }
 });
 const JSCall = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-e1585009"]]);
-const HANDOFF_SOURCE_TAB_ID_KEY = "JS_MEETING_MQTT_HANDOFF_SOURCE_TAB_ID";
-const HANDOFF_TARGET_TAB_ID_KEY = "JS_MEETING_MQTT_HANDOFF_TARGET_TAB_ID";
-const HANDOFF_ID_KEY = "JS_MEETING_MQTT_HANDOFF_ID";
-const RECONNECT_SIGNAL_KEY = "JS_MEETING_MQTT_RECONNECT_SIGNAL";
-const TARGET_HEARTBEAT_KEY = "JS_MEETING_MQTT_HANDOFF_HEARTBEAT";
-const TARGET_TAB_STATUS_KEY = "JS_MEETING_NEW_TAB_STATUS";
-const TARGET_HEARTBEAT_INTERVAL_MS = 1e3;
-const RECONNECT_CHECK_DELAY_MS = 1500;
-const TARGET_TAB_STATUS_CLOSED = 0;
-const TARGET_TAB_STATUS_OPEN = 1;
-let installed = false;
-let closeSignalSent = false;
-let heartbeatTimer = null;
-let lastHandledReconnectSignalTs = 0;
-let leaveRequestSent = false;
-function safeSessionStorageGetItem(key) {
-  try {
-    return sessionStorage.getItem(key);
-  } catch {
-    return null;
-  }
-}
-function safeLocalStorageSetItem(key, value) {
-  try {
-    localStorage.setItem(key, value);
-  } catch {
-  }
-}
-function safeLocalStorageGetItem(key) {
-  try {
-    return localStorage.getItem(key);
-  } catch {
-    return null;
-  }
-}
-function getMeetingMqttHandoffContext() {
-  const sourceTabId = safeSessionStorageGetItem(HANDOFF_SOURCE_TAB_ID_KEY) || "";
-  const targetTabId = safeSessionStorageGetItem(HANDOFF_TARGET_TAB_ID_KEY) || "";
-  const handoffId = safeSessionStorageGetItem(HANDOFF_ID_KEY) || "";
-  if (!sourceTabId || !targetTabId || !handoffId) {
-    return null;
-  }
-  return {
-    sourceTabId,
-    targetTabId,
-    handoffId
-  };
-}
-function readTargetHeartbeat() {
-  const raw = safeLocalStorageGetItem(TARGET_HEARTBEAT_KEY);
-  if (!raw) {
-    return null;
-  }
-  try {
-    const parsed = JSON.parse(raw);
-    if (!(parsed == null ? void 0 : parsed.targetTabId) || !(parsed == null ? void 0 : parsed.handoffId) || !(parsed == null ? void 0 : parsed.ts)) {
-      return null;
-    }
-    return {
-      targetTabId: parsed.targetTabId,
-      handoffId: parsed.handoffId,
-      ts: Number(parsed.ts)
-    };
-  } catch {
-    return null;
-  }
-}
-function writeTargetHeartbeat(context) {
-  safeLocalStorageSetItem(
-    TARGET_HEARTBEAT_KEY,
-    JSON.stringify({
-      targetTabId: context.targetTabId,
-      handoffId: context.handoffId,
-      ts: Date.now()
-    })
-  );
-}
-function writeTargetTabStatus(status, context) {
-  safeLocalStorageSetItem(
-    TARGET_TAB_STATUS_KEY,
-    JSON.stringify({
-      sourceTabId: context.sourceTabId,
-      targetTabId: context.targetTabId,
-      handoffId: context.handoffId,
-      status,
-      ts: Date.now()
-    })
-  );
-}
-function sendReconnectSignal(context) {
-  if (closeSignalSent) {
-    return;
-  }
-  closeSignalSent = true;
-  console.warn("[MQTT_HANDOFF] 目标页关闭，通知来源页恢复 MQTT", {
-    sourceTabId: context.sourceTabId,
-    targetTabId: context.targetTabId,
-    handoffId: context.handoffId
-  });
-  safeLocalStorageSetItem(
-    RECONNECT_SIGNAL_KEY,
-    JSON.stringify({
-      ...context,
-      ts: Date.now()
-    })
-  );
-}
-function stopTargetHeartbeat() {
-  if (heartbeatTimer) {
-    clearInterval(heartbeatTimer);
-    heartbeatTimer = null;
-  }
-}
-function startTargetHeartbeat() {
-  const context = getMeetingMqttHandoffContext();
-  if (!context) {
-    return;
-  }
-  const currentTabId = getCurrentMeetingTabId();
-  if (currentTabId !== context.targetTabId) {
-    return;
-  }
-  closeSignalSent = false;
-  console.info("[MQTT_HANDOFF] 目标页心跳已启动", {
-    sourceTabId: context.sourceTabId,
-    targetTabId: context.targetTabId,
-    handoffId: context.handoffId
-  });
-  writeTargetTabStatus(TARGET_TAB_STATUS_OPEN, context);
-  writeTargetHeartbeat(context);
-  stopTargetHeartbeat();
-  heartbeatTimer = setInterval(() => {
-    writeTargetHeartbeat(context);
-  }, TARGET_HEARTBEAT_INTERVAL_MS);
-}
-function notifySourceTabForReconnect() {
-  const context = getMeetingMqttHandoffContext();
-  if (!context) {
-    return;
-  }
-  const currentTabId = getCurrentMeetingTabId();
-  if (currentTabId !== context.targetTabId) {
-    return;
-  }
-  sendReconnectSignal(context);
-}
-function shouldWarnBeforeUnload() {
-  const context = getMeetingMqttHandoffContext();
-  if (!context) {
-    return false;
-  }
-  const currentTabId = getCurrentMeetingTabId();
-  return currentTabId === context.targetTabId;
-}
-function buildMeetingLeavePayload() {
-  try {
-    const meetingInfo = JSON.parse(sessionStorage.getItem("JS_MEETING_INFO") || "{}");
-    const meetingId = String((meetingInfo == null ? void 0 : meetingInfo.meetingId) || "").trim();
-    const memberId = String(getUserId() || "").trim();
-    if (!meetingId || !memberId) {
-      return null;
-    }
-    return { meetingId, memberId, force: true };
-  } catch {
-    return null;
-  }
-}
-function sendMeetingLeaveOnClose() {
-  if (leaveRequestSent) {
-    return;
-  }
-  const payload = buildMeetingLeavePayload();
-  if (!payload) {
-    return;
-  }
-  leaveRequestSent = true;
-  const body = JSON.stringify(payload);
-  const token = getSdkToken();
-  const authHeader = token ? { Authorization: `Bearer ${token}` } : {};
-  const requestUrl = "/meeting/api/v2/meeting/leave";
-  try {
-    fetch(requestUrl, {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-        Accept: "application/json, text/plain, */*",
-        "X-Requested-With": "XMLHttpRequest",
-        ...authHeader
-      },
-      body,
-      keepalive: true,
-      credentials: "same-origin"
-    }).catch(() => {
-    });
-    console.warn("[MQTT_HANDOFF] 页面关闭触发离会请求(keepalive)", payload);
-  } catch {
-  }
-  try {
-    if (typeof navigator !== "undefined" && typeof navigator.sendBeacon === "function") {
-      const beaconData = new Blob([body], { type: "application/json" });
-      const sent = navigator.sendBeacon(requestUrl, beaconData);
-      console.warn("[MQTT_HANDOFF] 页面关闭触发离会请求(beacon)", {
-        ...payload,
-        sent
-      });
-    }
-  } catch {
-  }
-}
-function shouldReconnectForSignal(signal) {
-  const currentTabId = getCurrentMeetingTabId();
-  if (!signal.sourceTabId || signal.sourceTabId !== currentTabId) {
-    return false;
-  }
-  const latestHeartbeat = readTargetHeartbeat();
-  if (!latestHeartbeat) {
-    return true;
-  }
-  if (latestHeartbeat.targetTabId !== signal.targetTabId) {
-    return true;
-  }
-  if (latestHeartbeat.handoffId !== signal.handoffId) {
-    return true;
-  }
-  return latestHeartbeat.ts <= signal.ts;
-}
-function installMeetingMqttHandoffBridge(onReconnectRequested) {
-  if (installed || typeof window === "undefined") {
-    return;
-  }
-  installed = true;
-  startTargetHeartbeat();
-  window.addEventListener("storage", (event) => {
-    if (event.key !== RECONNECT_SIGNAL_KEY || !event.newValue) {
-      return;
-    }
-    let signal = null;
-    try {
-      signal = JSON.parse(event.newValue);
-    } catch {
-      return;
-    }
-    if (!(signal == null ? void 0 : signal.sourceTabId) || !signal.targetTabId || !signal.handoffId) {
-      return;
-    }
-    const signalTs = Number(signal.ts);
-    if (!signalTs || signalTs <= lastHandledReconnectSignalTs) {
-      return;
-    }
-    lastHandledReconnectSignalTs = signalTs;
-    console.warn("[MQTT_HANDOFF] 收到 MQTT 恢复信号，等待确认目标页是否真的关闭", {
-      sourceTabId: signal.sourceTabId,
-      targetTabId: signal.targetTabId,
-      handoffId: signal.handoffId,
-      signalTs
-    });
-    window.setTimeout(() => {
-      if (!shouldReconnectForSignal(signal)) {
-        console.info("[MQTT_HANDOFF] 忽略 MQTT 恢复，本次更像是目标页刷新/重载", {
-          sourceTabId: signal.sourceTabId,
-          targetTabId: signal.targetTabId,
-          handoffId: signal.handoffId
-        });
-        return;
-      }
-      console.warn("[MQTT_HANDOFF] 确认目标页已关闭，准备恢复来源页 MQTT", {
-        sourceTabId: signal.sourceTabId,
-        targetTabId: signal.targetTabId,
-        handoffId: signal.handoffId
-      });
-      void onReconnectRequested();
-    }, RECONNECT_CHECK_DELAY_MS);
-  });
-  window.addEventListener("beforeunload", (event) => {
-    if (!shouldWarnBeforeUnload()) {
-      return;
-    }
-    event.preventDefault();
-    event.returnValue = "";
-  });
-  window.addEventListener("pagehide", (event) => {
-    const context = getMeetingMqttHandoffContext();
-    const shouldHandleTargetTabClose = !!context && getCurrentMeetingTabId() === context.targetTabId;
-    if (shouldHandleTargetTabClose && context) {
-      writeTargetTabStatus(TARGET_TAB_STATUS_CLOSED, context);
-      sendMeetingLeaveOnClose();
-    }
-    stopTargetHeartbeat();
-    if (event.persisted) {
-      return;
-    }
-    notifySourceTabForReconnect();
-  });
-}
-const _hoisted_1$n = { class: "js-dialog-header-title" };
-const _hoisted_2$l = { class: "js-dialog-header-actions" };
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
-  __name: "meeting-header",
-  props: {
-    theme: {},
-    isMaximized: { type: Boolean }
-  },
-  emits: ["onChange"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const { meState: meState2 } = storeToRefs(useMeetingStore());
-    const meetingInfo = computed(() => {
-      return JSON.parse(sessionStorage.getItem("JS_MEETING_INFO") || "{}");
-    });
-    const emit = __emit;
-    const closeRef = ref(null);
-    const showCloseConfirm = ref(false);
-    const themeClass = computed(() => `theme-${props.theme || "dark"}`);
-    const hasOpenedNewTab = ref(false);
-    const getNewTabFlagFromLocation = () => {
-      if (typeof window === "undefined") return false;
-      const searchParams = new URLSearchParams(window.location.search || "");
-      if (searchParams.get("newTab") === "true") return true;
-      const hash = window.location.hash || "";
-      const hashQueryIndex = hash.indexOf("?");
-      if (hashQueryIndex === -1) return false;
-      const hashQuery = hash.slice(hashQueryIndex + 1);
-      const hashParams = new URLSearchParams(hashQuery);
-      return hashParams.get("newTab") === "true";
-    };
-    computed(() => {
-      if (hasOpenedNewTab.value) return false;
-      return !getNewTabFlagFromLocation();
-    });
-    const handleCloseClick = async () => {
-      showCloseConfirm.value = !showCloseConfirm.value;
-    };
-    const handleEndMeeting = () => {
-      showCloseConfirm.value = false;
-      emit("onChange", RoomModalSelectType.endClick);
-    };
-    const handleLeaveMeeting = () => {
-      showCloseConfirm.value = false;
-      emit("onChange", RoomModalSelectType.leaveClick);
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["js-dialog-header", themeClass.value])
-      }, [
-        createElementVNode("div", _hoisted_1$n, toDisplayString(meetingInfo.value.meetingName), 1),
-        createElementVNode("div", _hoisted_2$l, [
-          createElementVNode("div", {
-            title: "最小化",
-            onClick: _cache[0] || (_cache[0] = ($event) => emit("onChange", unref(RoomModalSelectType).minimizeClick))
-          }, [
-            createVNode(SvgIcon, {
-              name: "MinimizeIcon",
-              size: 16
-            })
-          ]),
-          createElementVNode("div", {
-            ref_key: "closeRef",
-            ref: closeRef,
-            title: "关闭",
-            onClick: handleCloseClick
-          }, [
-            createVNode(SvgIcon, {
-              name: "CloseIcon",
-              size: 17
-            })
-          ], 512)
-        ]),
-        createVNode(SmartPopup, {
-          visible: showCloseConfirm.value,
-          "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => showCloseConfirm.value = $event),
-          trigger: closeRef.value,
-          gap: 10
-        }, {
-          default: withCtx(() => [
-            createElementVNode("div", {
-              class: normalizeClass(["close-confirm-dropdown", themeClass.value])
-            }, [
-              unref(meState2).roleType == "1" ? (openBlock(), createElementBlock("div", {
-                key: 0,
-                class: "close-confirm-option danger",
-                onClick: withModifiers(handleEndMeeting, ["stop"])
-              }, " 结束会议 ")) : createCommentVNode("", true),
-              createElementVNode("div", {
-                class: "close-confirm-option simple",
-                onClick: withModifiers(handleLeaveMeeting, ["stop"])
-              }, " 离开会议 "),
-              createElementVNode("div", {
-                class: "close-confirm-option simple",
-                onClick: _cache[1] || (_cache[1] = ($event) => showCloseConfirm.value = false)
-              }, " 取消 ")
-            ], 2)
-          ]),
-          _: 1
-        }, 8, ["visible", "trigger"])
-      ], 2);
+const _hoisted_1$n = { class: "js-dialog-header-title" };
+const _hoisted_2$l = { class: "js-dialog-header-actions" };
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
+  __name: "meeting-header",
+  props: {
+    theme: {},
+    isMaximized: { type: Boolean }
+  },
+  emits: ["onChange"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const { meState: meState2 } = storeToRefs(useMeetingStore());
+    const meetingInfo = computed(() => {
+      return JSON.parse(sessionStorage.getItem("JS_MEETING_INFO") || "{}");
+    });
+    const emit = __emit;
+    const closeRef = ref(null);
+    const showCloseConfirm = ref(false);
+    const themeClass = computed(() => `theme-${props.theme || "dark"}`);
+    ref(false);
+    const handleCloseClick = async () => {
+      showCloseConfirm.value = !showCloseConfirm.value;
+    };
+    const handleEndMeeting = () => {
+      showCloseConfirm.value = false;
+      emit("onChange", RoomModalSelectType.endClick);
+    };
+    const handleLeaveMeeting = () => {
+      showCloseConfirm.value = false;
+      emit("onChange", RoomModalSelectType.leaveClick);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["js-dialog-header", themeClass.value])
+      }, [
+        createElementVNode("div", _hoisted_1$n, toDisplayString(meetingInfo.value.meetingName), 1),
+        createElementVNode("div", _hoisted_2$l, [
+          createElementVNode("div", {
+            title: "最小化",
+            onClick: _cache[0] || (_cache[0] = ($event) => emit("onChange", unref(RoomModalSelectType).minimizeClick))
+          }, [
+            createVNode(SvgIcon, {
+              name: "MinimizeIcon",
+              size: 16
+            })
+          ]),
+          createElementVNode("div", {
+            ref_key: "closeRef",
+            ref: closeRef,
+            title: "关闭",
+            onClick: handleCloseClick
+          }, [
+            createVNode(SvgIcon, {
+              name: "CloseIcon",
+              size: 17
+            })
+          ], 512)
+        ]),
+        createVNode(SmartPopup, {
+          visible: showCloseConfirm.value,
+          "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => showCloseConfirm.value = $event),
+          trigger: closeRef.value,
+          gap: 10
+        }, {
+          default: withCtx(() => [
+            createElementVNode("div", {
+              class: normalizeClass(["close-confirm-dropdown", themeClass.value])
+            }, [
+              unref(meState2).roleType == "1" ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                class: "close-confirm-option danger",
+                onClick: withModifiers(handleEndMeeting, ["stop"])
+              }, " 结束会议 ")) : createCommentVNode("", true),
+              createElementVNode("div", {
+                class: "close-confirm-option simple",
+                onClick: withModifiers(handleLeaveMeeting, ["stop"])
+              }, " 离开会议 "),
+              createElementVNode("div", {
+                class: "close-confirm-option simple",
+                onClick: _cache[1] || (_cache[1] = ($event) => showCloseConfirm.value = false)
+              }, " 取消 ")
+            ], 2)
+          ]),
+          _: 1
+        }, 8, ["visible", "trigger"])
+      ], 2);
     };
   }
 });
-const MeetingHeader = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-8296cfa6"]]);
+const MeetingHeader = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-28fc3b9d"]]);
 const _hoisted_1$m = ["title"];
 const _hoisted_2$k = {
   class: "signal-bars",
@@ -42952,17 +42673,17 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
   }
 });
 const MeetingFooter = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-480c2c76"]]);
-const _hoisted_1$i = { class: "search" };
-const _hoisted_2$h = { class: "custom-tabs" };
-const _hoisted_3$h = { class: "member-list" };
+const _hoisted_1$i = { class: "js-search" };
+const _hoisted_2$h = { class: "js-custom-tabs" };
+const _hoisted_3$h = { class: "js-member-list" };
 const _hoisted_4$f = ["onMouseenter"];
-const _hoisted_5$d = { class: "default-avatar" };
-const _hoisted_6$c = { class: "info" };
-const _hoisted_7$b = { class: "name-line" };
-const _hoisted_8$a = { class: "name" };
+const _hoisted_5$d = { class: "js-default-avatar" };
+const _hoisted_6$c = { class: "js-info" };
+const _hoisted_7$b = { class: "js-name-line" };
+const _hoisted_8$a = { class: "js-name" };
 const _hoisted_9$8 = { key: 0 };
 const _hoisted_10$8 = { key: 1 };
-const _hoisted_11$7 = { class: "member-actions" };
+const _hoisted_11$7 = { class: "js-member-actions" };
 const _hoisted_12$7 = ["onClick"];
 const _hoisted_13$6 = ["onClick"];
 const _hoisted_14$5 = ["onClick"];
@@ -42972,9 +42693,9 @@ const _hoisted_17$3 = ["onClick"];
 const _hoisted_18$3 = ["onClick"];
 const _hoisted_19$3 = {
   key: 0,
-  class: "empty-tip"
+  class: "js-empty-tip"
 };
-const _hoisted_20$3 = { class: "footer-btns" };
+const _hoisted_20$3 = { class: "js-footer-btns" };
 const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "ManageMembers",
   props: {
@@ -43127,10 +42848,10 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
       }
       activeMoreMenuId.value = memberId;
       await nextTick();
-      const menuEl = document.getElementById(`dropdown-menu-${memberId}`);
+      const menuEl = document.getElementById(`js-dropdown-menu-${memberId}`);
       const anchorEl = event.currentTarget;
       const listEl = document.querySelector(
-        ".manage-members .member-list"
+        ".js-manage-members .js-member-list"
       );
       if (!menuEl || !anchorEl || !listEl) {
         moreMenuPlacement.value = "down";
@@ -43179,30 +42900,30 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["manage-members", themeClass.value])
+        class: normalizeClass(["js-manage-members", themeClass.value])
       }, [
         createElementVNode("div", _hoisted_1$i, [
           withDirectives(createElementVNode("input", {
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => search.value = $event),
             type: "text",
             placeholder: "搜索用户",
-            class: "search-input"
+            class: "js-search-input"
           }, null, 512), [
             [vModelText, search.value]
           ]),
           createVNode(SvgIcon, {
             name: "SearchIcon",
-            class: "search-icon",
+            class: "js-search-icon",
             size: 16
           })
         ]),
         createElementVNode("div", _hoisted_2$h, [
           createElementVNode("div", {
-            class: normalizeClass(["tab-item", { active: activeTab.value === "inMeeting" }]),
+            class: normalizeClass(["js-tab-item", { active: activeTab.value === "inMeeting" }]),
             onClick: _cache[1] || (_cache[1] = ($event) => activeTab.value = "inMeeting")
           }, " 会议中·" + toDisplayString(inMeetingCount.value), 3),
           createElementVNode("div", {
-            class: normalizeClass(["tab-item", { active: activeTab.value === "notJoined" }]),
+            class: normalizeClass(["js-tab-item", { active: activeTab.value === "notJoined" }]),
             onClick: _cache[2] || (_cache[2] = ($event) => activeTab.value = "notJoined")
           }, " 未进入 ", 2)
         ]),
@@ -43210,7 +42931,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
           (openBlock(true), createElementBlock(Fragment, null, renderList(filteredMembers.value, (member) => {
             return openBlock(), createElementBlock("div", {
               key: member.member.memberId,
-              class: "member-item",
+              class: "js-member-item",
               onMouseenter: ($event) => hoveredMemberId.value = member.member.memberId,
               onMouseleave: handleMouseLeave
             }, [
@@ -43228,33 +42949,33 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
                   hoveredMemberId.value === member.member.memberId && member.member.memberId !== unref(userId) && isCurrentUserHost.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                     member.audioStatus == "1" && member.roleType !== "5" ? (openBlock(), createElementBlock("div", {
                       key: 0,
-                      class: "action-btn",
+                      class: "js-action-btn",
                       onClick: ($event) => controlMember("1", "0", member.member.memberId)
                     }, " 静音 ", 8, _hoisted_12$7)) : createCommentVNode("", true),
                     member.audioStatus !== "1" && member.roleType !== "5" ? (openBlock(), createElementBlock("div", {
                       key: 1,
-                      class: "action-btn",
+                      class: "js-action-btn",
                       onClick: ($event) => controlMember("1", "1", member.member.memberId)
                     }, " 解除静音 ", 8, _hoisted_13$6)) : createCommentVNode("", true),
                     member.member.memberId !== unref(userId) ? (openBlock(), createElementBlock("div", {
                       key: 2,
-                      class: "more-dropdown",
+                      class: "js-more-dropdown",
                       onClick: withModifiers(($event) => toggleMoreMenu(member.member.memberId, $event), ["stop"])
                     }, [
                       _cache[4] || (_cache[4] = createElementVNode("span", null, "更多", -1)),
-                      _cache[5] || (_cache[5] = createElementVNode("div", { class: "dropdown-arrow" }, "▼", -1)),
+                      _cache[5] || (_cache[5] = createElementVNode("div", { class: "js-dropdown-arrow" }, "▼", -1)),
                       activeMoreMenuId.value === member.member.memberId ? (openBlock(), createElementBlock("div", {
                         key: 0,
-                        id: `dropdown-menu-${member.member.memberId}`,
-                        class: normalizeClass(["dropdown-menu", { up: moreMenuPlacement.value === "up" }])
+                        id: `js-dropdown-menu-${member.member.memberId}`,
+                        class: normalizeClass(["js-dropdown-menu", { up: moreMenuPlacement.value === "up" }])
                       }, [
                         member.roleType !== "5" ? (openBlock(), createElementBlock("div", {
                           key: 0,
-                          class: "dropdown-item",
+                          class: "js-dropdown-item",
                           onClick: ($event) => transferHost(member.member.memberId)
                         }, " 设为主持人 ", 8, _hoisted_16$4)) : createCommentVNode("", true),
                         createElementVNode("div", {
-                          class: "dropdown-item",
+                          class: "js-dropdown-item",
                           onClick: ($event) => kickOut(member.member.memberId)
                         }, " 移出会议 ", 8, _hoisted_17$3)
                       ], 10, _hoisted_15$4)) : createCommentVNode("", true)
@@ -43274,7 +42995,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
                 ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                   unref(meState2).roleType == "1" ? (openBlock(), createElementBlock("button", {
                     key: 0,
-                    class: "action-btn",
+                    class: "js-action-btn",
                     onClick: ($event) => inviteMember(member)
                   }, " 邀请 ", 8, _hoisted_18$3)) : createCommentVNode("", true)
                 ], 64))
@@ -43286,12 +43007,12 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
         createElementVNode("div", _hoisted_20$3, [
           activeTab.value === "inMeeting" && canTakeBackHost.value ? (openBlock(), createElementBlock("div", {
             key: 0,
-            class: "btn",
+            class: "js-btn",
             onClick: _cache[3] || (_cache[3] = ($event) => takeBack())
           }, " 收回主持人 ")) : createCommentVNode("", true),
           activeTab.value === "inMeeting" && isCurrentUserHost.value ? (openBlock(), createElementBlock("div", {
             key: 1,
-            class: normalizeClass(["btn", { disabled: allMutedExceptMe.value }]),
+            class: normalizeClass(["js-btn", { disabled: allMutedExceptMe.value }]),
             onClick: handleToggleAllMute
           }, toDisplayString(allMutedExceptMe.value ? "已全体静音" : "全体静音"), 3)) : createCommentVNode("", true)
         ])
@@ -43299,7 +43020,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ManageMembers = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-2cdcde37"]]);
+const ManageMembers = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-497b82f0"]]);
 const _hoisted_1$h = { class: "chat-container" };
 const _hoisted_2$g = { class: "chat-content" };
 const _hoisted_3$g = { class: "chat-meta" };
@@ -44102,14 +43823,14 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
   }
 });
 const ScreenSharingIndicator = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-c5d77535"]]);
-const _hoisted_1$e = { class: "video-container" };
+const _hoisted_1$e = { class: "js-video-container" };
 const _hoisted_2$d = {
   id: "my-video",
   class: "video-element"
 };
 const _hoisted_3$d = { class: "avatar-container" };
 const _hoisted_4$b = { class: "avatar small" };
-const _hoisted_5$a = { class: "minimized-actions" };
+const _hoisted_5$a = { class: "js-minimized-actions" };
 const _hoisted_6$9 = ["title"];
 const _hoisted_7$8 = ["title"];
 const _hoisted_8$7 = ["title"];
@@ -44166,7 +43887,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(Teleport, { to: "body" }, [
         _ctx.visible ? withDirectives((openBlock(), createElementBlock("div", {
           key: 0,
-          class: normalizeClass(["minimized-meeting", themeClass.value]),
+          class: normalizeClass(["js-minimized-meeting", themeClass.value]),
           style: normalizeStyle({ height: componentHeight.value })
         }, [
           withDirectives(createElementVNode("div", _hoisted_1$e, [
@@ -44183,7 +43904,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
           ]),
           createElementVNode("div", _hoisted_5$a, [
             createElementVNode("div", {
-              class: "action-btn",
+              class: "js-action-btn",
               title: ((_c2 = unref(meState2)) == null ? void 0 : _c2.microPhoneState) == "1" ? "静音" : "取消静音",
               onClick: withModifiers(toggleMic, ["stop"])
             }, [
@@ -44193,7 +43914,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
               }, null, 8, ["name"])
             ], 8, _hoisted_6$9),
             createElementVNode("div", {
-              class: "action-btn",
+              class: "js-action-btn",
               title: ((_e = unref(meState2)) == null ? void 0 : _e.cameraState) == "1" ? "关闭摄像头" : "打开摄像头",
               onClick: withModifiers(toggleCamera, ["stop"])
             }, [
@@ -44203,7 +43924,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
               }, null, 8, ["name"])
             ], 8, _hoisted_7$8),
             createElementVNode("div", {
-              class: "action-btn",
+              class: "js-action-btn",
               title: "返回会议",
               onClick: withModifiers(handleRestore, ["stop"])
             }, [
@@ -44213,7 +43934,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
               })
             ]),
             createElementVNode("div", {
-              class: "action-btn",
+              class: "js-action-btn",
               title: isCollapsed.value ? "展开画面小窗" : "收起画面小窗",
               onClick: withModifiers(handleToggleCollapse, ["stop"])
             }, [
@@ -44230,7 +43951,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MinimizedMeeting = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-5489e659"]]);
+const MinimizedMeeting = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-ec9b81c5"]]);
 const _hoisted_1$d = {
   key: 0,
   class: "toggle"
@@ -44750,7 +44471,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchKeyword.value = $event),
               type: "text",
               placeholder: "搜索用户",
-              class: "search-input",
+              class: "js-search-input",
               onInput: handleSearch
             }, null, 544), [
               [vModelText, searchKeyword.value]
@@ -44826,19 +44547,19 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Invite = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-8d4f89eb"]]);
-const _hoisted_1$a = { class: "meeting-invite-modal" };
-const _hoisted_2$a = { class: "meeting-invite-modal-header" };
-const _hoisted_3$a = { class: "meeting-invite-modal-title" };
+const Invite = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-b2cd501c"]]);
+const _hoisted_1$a = { class: "js-meeting-invite-modal" };
+const _hoisted_2$a = { class: "js-meeting-invite-modal-header" };
+const _hoisted_3$a = { class: "js-meeting-invite-modal-title" };
 const _hoisted_4$8 = { class: "js-invite-modal-header-close" };
-const _hoisted_5$7 = { class: "meeting-invite-modal-content" };
-const _hoisted_6$7 = { class: "meeting-info" };
-const _hoisted_7$6 = { class: "meeting-name" };
-const _hoisted_8$5 = { class: "meeting-details" };
-const _hoisted_9$5 = { class: "meeting-detail-item" };
-const _hoisted_10$5 = { class: "value" };
-const _hoisted_11$4 = { class: "meeting-detail-item" };
-const _hoisted_12$4 = { class: "value" };
+const _hoisted_5$7 = { class: "js-meeting-invite-modal-content" };
+const _hoisted_6$7 = { class: "js-meeting-info" };
+const _hoisted_7$6 = { class: "js-meeting-name" };
+const _hoisted_8$5 = { class: "js-meeting-details" };
+const _hoisted_9$5 = { class: "js-meeting-detail-item" };
+const _hoisted_10$5 = { class: "js-value" };
+const _hoisted_11$4 = { class: "js-meeting-detail-item" };
+const _hoisted_12$4 = { class: "js-value" };
 const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "MeetingInviteModal",
   props: {
@@ -44907,7 +44628,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return _ctx.visible ? (openBlock(), createElementBlock("div", {
         key: 0,
-        class: normalizeClass(["meeting-invite-modal-overlay", themeClass.value])
+        class: normalizeClass(["js-meeting-invite-modal-overlay", themeClass.value])
       }, [
         createElementVNode("div", _hoisted_1$a, [
           createElementVNode("div", _hoisted_2$a, [
@@ -44932,24 +44653,24 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
               createElementVNode("div", _hoisted_7$6, toDisplayString(_ctx.meetingInfo.meetingName || "未知会议"), 1),
               createElementVNode("div", _hoisted_8$5, [
                 createElementVNode("div", _hoisted_9$5, [
-                  _cache[1] || (_cache[1] = createElementVNode("span", { class: "label" }, "邀请人：", -1)),
+                  _cache[1] || (_cache[1] = createElementVNode("span", { class: "js-label" }, "邀请人：", -1)),
                   createElementVNode("span", _hoisted_10$5, toDisplayString(_ctx.meetingInfo.inviterName || "未知"), 1)
                 ]),
                 createElementVNode("div", _hoisted_11$4, [
-                  _cache[2] || (_cache[2] = createElementVNode("span", { class: "label" }, "邀请时间：", -1)),
+                  _cache[2] || (_cache[2] = createElementVNode("span", { class: "js-label" }, "邀请时间：", -1)),
                   createElementVNode("span", _hoisted_12$4, toDisplayString(formatTime(_ctx.meetingInfo.inviteTime)), 1)
                 ])
               ])
             ]),
-            createElementVNode("div", { class: "meeting-invite-modal-actions" }, [
+            createElementVNode("div", { class: "js-meeting-invite-modal-actions" }, [
               createElementVNode("button", {
-                class: "btn btn-accept",
+                class: "js-btn js-btn-accept",
                 onClick: handleAccept
               }, [..._cache[4] || (_cache[4] = [
                 createElementVNode("span", null, "接受邀请", -1)
               ])]),
               createElementVNode("button", {
-                class: "btn btn-decline",
+                class: "js-btn js-btn-decline",
                 onClick: handleDecline
               }, [..._cache[5] || (_cache[5] = [
                 createElementVNode("span", null, "拒绝邀请", -1)
@@ -44961,7 +44682,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MeetingInviteModal = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-891c0b93"]]);
+const MeetingInviteModal = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-397c4954"]]);
 const _hoisted_1$9 = {
   key: 0,
   class: "js-dialog-overlay"
@@ -46256,7 +45977,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchKeyword.value = $event),
                     type: "text",
                     placeholder: "搜索用户",
-                    class: "search-input"
+                    class: "js-search-input"
                   }, null, 512), [
                     [vModelText, searchKeyword.value]
                   ]),
@@ -46323,7 +46044,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const JSUnattendedSetting = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-bd4919c7"]]);
+const JSUnattendedSetting = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-1a8b386c"]]);
 const _hoisted_1$5 = { class: "notification-container" };
 const _hoisted_2$5 = ["onClick"];
 const _hoisted_3$5 = { class: "notification-content" };
@@ -46576,7 +46297,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const GlobalIncomingCallModal = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-de2969ec"]]);
+const GlobalIncomingCallModal = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-0803c0d7"]]);
 const _hoisted_1$2 = {
   key: 0,
   class: "unattended-display"
@@ -47294,11 +47015,306 @@ function scheduleJoinRoom() {
     }
   }, 1e3);
 }
+const HANDOFF_SOURCE_TAB_ID_KEY = "JS_MEETING_MQTT_HANDOFF_SOURCE_TAB_ID";
+const HANDOFF_TARGET_TAB_ID_KEY = "JS_MEETING_MQTT_HANDOFF_TARGET_TAB_ID";
+const HANDOFF_ID_KEY = "JS_MEETING_MQTT_HANDOFF_ID";
+const RECONNECT_SIGNAL_KEY = "JS_MEETING_MQTT_RECONNECT_SIGNAL";
+const TARGET_HEARTBEAT_KEY = "JS_MEETING_MQTT_HANDOFF_HEARTBEAT";
+const TARGET_TAB_STATUS_KEY = "JS_MEETING_NEW_TAB_STATUS";
+const TARGET_HEARTBEAT_INTERVAL_MS = 1e3;
+const RECONNECT_CHECK_DELAY_MS = 1500;
+const TARGET_TAB_STATUS_CLOSED = 0;
+const TARGET_TAB_STATUS_OPEN = 1;
+let installed = false;
+let closeSignalSent = false;
+let heartbeatTimer = null;
+let lastHandledReconnectSignalTs = 0;
+let leaveRequestSent = false;
+function safeSessionStorageGetItem(key) {
+  try {
+    return sessionStorage.getItem(key);
+  } catch {
+    return null;
+  }
+}
+function safeLocalStorageSetItem(key, value) {
+  try {
+    localStorage.setItem(key, value);
+  } catch {
+  }
+}
+function safeLocalStorageGetItem(key) {
+  try {
+    return localStorage.getItem(key);
+  } catch {
+    return null;
+  }
+}
+function getMeetingMqttHandoffContext() {
+  const sourceTabId = safeSessionStorageGetItem(HANDOFF_SOURCE_TAB_ID_KEY) || "";
+  const targetTabId = safeSessionStorageGetItem(HANDOFF_TARGET_TAB_ID_KEY) || "";
+  const handoffId = safeSessionStorageGetItem(HANDOFF_ID_KEY) || "";
+  if (!sourceTabId || !targetTabId || !handoffId) {
+    return null;
+  }
+  return {
+    sourceTabId,
+    targetTabId,
+    handoffId
+  };
+}
+function readTargetHeartbeat() {
+  const raw = safeLocalStorageGetItem(TARGET_HEARTBEAT_KEY);
+  if (!raw) {
+    return null;
+  }
+  try {
+    const parsed = JSON.parse(raw);
+    if (!(parsed == null ? void 0 : parsed.targetTabId) || !(parsed == null ? void 0 : parsed.handoffId) || !(parsed == null ? void 0 : parsed.ts)) {
+      return null;
+    }
+    return {
+      targetTabId: parsed.targetTabId,
+      handoffId: parsed.handoffId,
+      ts: Number(parsed.ts)
+    };
+  } catch {
+    return null;
+  }
+}
+function writeTargetHeartbeat(context) {
+  safeLocalStorageSetItem(
+    TARGET_HEARTBEAT_KEY,
+    JSON.stringify({
+      targetTabId: context.targetTabId,
+      handoffId: context.handoffId,
+      ts: Date.now()
+    })
+  );
+}
+function writeTargetTabStatus(status, context) {
+  safeLocalStorageSetItem(
+    TARGET_TAB_STATUS_KEY,
+    JSON.stringify({
+      sourceTabId: context.sourceTabId,
+      targetTabId: context.targetTabId,
+      handoffId: context.handoffId,
+      status,
+      ts: Date.now()
+    })
+  );
+}
+function sendReconnectSignal(context) {
+  if (closeSignalSent) {
+    return;
+  }
+  closeSignalSent = true;
+  console.warn("[MQTT_HANDOFF] 目标页关闭，通知来源页恢复 MQTT", {
+    sourceTabId: context.sourceTabId,
+    targetTabId: context.targetTabId,
+    handoffId: context.handoffId
+  });
+  safeLocalStorageSetItem(
+    RECONNECT_SIGNAL_KEY,
+    JSON.stringify({
+      ...context,
+      ts: Date.now()
+    })
+  );
+}
+function stopTargetHeartbeat() {
+  if (heartbeatTimer) {
+    clearInterval(heartbeatTimer);
+    heartbeatTimer = null;
+  }
+}
+function startTargetHeartbeat() {
+  const context = getMeetingMqttHandoffContext();
+  if (!context) {
+    return;
+  }
+  const currentTabId = getCurrentMeetingTabId();
+  if (currentTabId !== context.targetTabId) {
+    return;
+  }
+  closeSignalSent = false;
+  console.info("[MQTT_HANDOFF] 目标页心跳已启动", {
+    sourceTabId: context.sourceTabId,
+    targetTabId: context.targetTabId,
+    handoffId: context.handoffId
+  });
+  writeTargetTabStatus(TARGET_TAB_STATUS_OPEN, context);
+  writeTargetHeartbeat(context);
+  stopTargetHeartbeat();
+  heartbeatTimer = setInterval(() => {
+    writeTargetHeartbeat(context);
+  }, TARGET_HEARTBEAT_INTERVAL_MS);
+}
+function notifySourceTabForReconnect() {
+  const context = getMeetingMqttHandoffContext();
+  if (!context) {
+    return;
+  }
+  const currentTabId = getCurrentMeetingTabId();
+  if (currentTabId !== context.targetTabId) {
+    return;
+  }
+  sendReconnectSignal(context);
+}
+function shouldWarnBeforeUnload() {
+  const context = getMeetingMqttHandoffContext();
+  if (!context) {
+    return false;
+  }
+  const currentTabId = getCurrentMeetingTabId();
+  return currentTabId === context.targetTabId;
+}
+function buildMeetingLeavePayload() {
+  try {
+    const meetingInfo = JSON.parse(sessionStorage.getItem("JS_MEETING_INFO") || "{}");
+    const meetingId = String((meetingInfo == null ? void 0 : meetingInfo.meetingId) || "").trim();
+    const memberId = String(getUserId() || "").trim();
+    if (!meetingId || !memberId) {
+      return null;
+    }
+    return { meetingId, memberId, force: true };
+  } catch {
+    return null;
+  }
+}
+function sendMeetingLeaveOnClose() {
+  if (leaveRequestSent) {
+    return;
+  }
+  const payload = buildMeetingLeavePayload();
+  if (!payload) {
+    return;
+  }
+  leaveRequestSent = true;
+  const body = JSON.stringify(payload);
+  const token = getSdkToken();
+  const authHeader = token ? { Authorization: `Bearer ${token}` } : {};
+  const requestUrl = "/meeting/api/v2/meeting/leave";
+  try {
+    fetch(requestUrl, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Accept: "application/json, text/plain, */*",
+        "X-Requested-With": "XMLHttpRequest",
+        ...authHeader
+      },
+      body,
+      keepalive: true,
+      credentials: "same-origin"
+    }).catch(() => {
+    });
+    console.warn("[MQTT_HANDOFF] 页面关闭触发离会请求(keepalive)", payload);
+  } catch {
+  }
+  try {
+    if (typeof navigator !== "undefined" && typeof navigator.sendBeacon === "function") {
+      const beaconData = new Blob([body], { type: "application/json" });
+      const sent = navigator.sendBeacon(requestUrl, beaconData);
+      console.warn("[MQTT_HANDOFF] 页面关闭触发离会请求(beacon)", {
+        ...payload,
+        sent
+      });
+    }
+  } catch {
+  }
+}
+function shouldReconnectForSignal(signal) {
+  const currentTabId = getCurrentMeetingTabId();
+  if (!signal.sourceTabId || signal.sourceTabId !== currentTabId) {
+    return false;
+  }
+  const latestHeartbeat = readTargetHeartbeat();
+  if (!latestHeartbeat) {
+    return true;
+  }
+  if (latestHeartbeat.targetTabId !== signal.targetTabId) {
+    return true;
+  }
+  if (latestHeartbeat.handoffId !== signal.handoffId) {
+    return true;
+  }
+  return latestHeartbeat.ts <= signal.ts;
+}
+function installMeetingMqttHandoffBridge(onReconnectRequested) {
+  if (installed || typeof window === "undefined") {
+    return;
+  }
+  installed = true;
+  startTargetHeartbeat();
+  window.addEventListener("storage", (event) => {
+    if (event.key !== RECONNECT_SIGNAL_KEY || !event.newValue) {
+      return;
+    }
+    let signal = null;
+    try {
+      signal = JSON.parse(event.newValue);
+    } catch {
+      return;
+    }
+    if (!(signal == null ? void 0 : signal.sourceTabId) || !signal.targetTabId || !signal.handoffId) {
+      return;
+    }
+    const signalTs = Number(signal.ts);
+    if (!signalTs || signalTs <= lastHandledReconnectSignalTs) {
+      return;
+    }
+    lastHandledReconnectSignalTs = signalTs;
+    console.warn("[MQTT_HANDOFF] 收到 MQTT 恢复信号，等待确认目标页是否真的关闭", {
+      sourceTabId: signal.sourceTabId,
+      targetTabId: signal.targetTabId,
+      handoffId: signal.handoffId,
+      signalTs
+    });
+    window.setTimeout(() => {
+      if (!shouldReconnectForSignal(signal)) {
+        console.info("[MQTT_HANDOFF] 忽略 MQTT 恢复，本次更像是目标页刷新/重载", {
+          sourceTabId: signal.sourceTabId,
+          targetTabId: signal.targetTabId,
+          handoffId: signal.handoffId
+        });
+        return;
+      }
+      console.warn("[MQTT_HANDOFF] 确认目标页已关闭，准备恢复来源页 MQTT", {
+        sourceTabId: signal.sourceTabId,
+        targetTabId: signal.targetTabId,
+        handoffId: signal.handoffId
+      });
+      void onReconnectRequested();
+    }, RECONNECT_CHECK_DELAY_MS);
+  });
+  window.addEventListener("beforeunload", (event) => {
+    if (!shouldWarnBeforeUnload()) {
+      return;
+    }
+    event.preventDefault();
+    event.returnValue = "";
+  });
+  window.addEventListener("pagehide", (event) => {
+    const context = getMeetingMqttHandoffContext();
+    const shouldHandleTargetTabClose = !!context && getCurrentMeetingTabId() === context.targetTabId;
+    if (shouldHandleTargetTabClose && context) {
+      writeTargetTabStatus(TARGET_TAB_STATUS_CLOSED, context);
+      sendMeetingLeaveOnClose();
+    }
+    stopTargetHeartbeat();
+    if (event.persisted) {
+      return;
+    }
+    notifySourceTabForReconnect();
+  });
+}
 let authToken = null;
 async function restoreMeetingMqttConnection() {
   console.warn("[MQTT_RESTORE] 收到恢复请求，开始重连 MQTT");
   try {
-    await initializeMeetingMQTT();
+    const wsMqttUrl = await getMeetingWsMqttUrl();
+    await initializeMeetingMQTT({ mqttUrl: wsMqttUrl });
     installMeetingMessageHandlers();
     console.info("[MQTT_RESTORE] MQTT 恢复成功，消息监听已恢复");
   } catch (error) {
@@ -47423,9 +47439,8 @@ const JSSZMeeting = {
         }
       }
     }
-    await initializeMeetingMQTT({
-      myInfo: myInfo.data
-    });
+    const wsMqttUrl = await getMeetingWsMqttUrl();
+    await initializeMeetingMQTT({ myInfo: myInfo.data, mqttUrl: wsMqttUrl });
     installMeetingMessageHandlers();
   },
   //宿主退出登陆时