jssz-meeting-component 1.2.1 → 1.2.2

package/dist/index.esm.js

@@ -20339,7 +20339,7 @@ const MEETING_BROADCAST_TOPIC = "/meeting";
 const MEETING_SERVER_TOPIC = "/meeting/server";
 const DEFAULT_MQTT_PATH = "/mqtt";
 const DEFAULT_REQUEST_TIMEOUT_MS = 15e3;
-const MQTT_CLIENT_INSTANCE_STORAGE_KEY = "JS_MQTT_CLIENT_INSTANCE_ID";
+const MQTT_CLIENT_INSTANCE_STORAGE_KEY$1 = "JS_MQTT_CLIENT_INSTANCE_ID";
 let runtimeContext = null;
 let offBroadcastMessage = null;
 let offResponseMessage = null;
@@ -20422,12 +20422,12 @@ function buildResponseTopic(currentDevice) {
 }
 function getBrowserMqttInstanceId() {
   try {
-    const cached = sessionStorage.getItem(MQTT_CLIENT_INSTANCE_STORAGE_KEY);
+    const cached = sessionStorage.getItem(MQTT_CLIENT_INSTANCE_STORAGE_KEY$1);
     if (cached) {
       return cached;
     }
     const nextId = typeof crypto !== "undefined" && typeof crypto.randomUUID === "function" ? crypto.randomUUID().replace(/-/g, "").slice(0, 12) : Math.random().toString(36).slice(2, 14);
-    sessionStorage.setItem(MQTT_CLIENT_INSTANCE_STORAGE_KEY, nextId);
+    sessionStorage.setItem(MQTT_CLIENT_INSTANCE_STORAGE_KEY$1, nextId);
     return nextId;
   } catch {
     return Math.random().toString(36).slice(2, 14);
@@ -36514,6 +36514,12 @@ function getCurrentMeetingTabId() {
   }
   return tabId;
 }
+function setMeetingTabIdForWindow(targetWindow, tabId) {
+  targetWindow.sessionStorage.setItem(TAB_ID_KEY, tabId);
+}
+function createMeetingTabId() {
+  return createTabId();
+}
 function getActiveMeetingOwner() {
   try {
     const raw = localStorage.getItem(ACTIVE_MEETING_OWNER_KEY);
@@ -37895,8 +37901,45 @@ async function joinRoom() {
   const meetingInfo = JSON.parse(
     sessionStorage.getItem("JS_MEETING_INFO") || "{}"
   );
-  await srtc.join(meetingInfo.meetingToken);
-  await afterJoin();
+  try {
+    await srtc.join(meetingInfo.meetingToken);
+    await afterJoin();
+  } catch (error) {
+    await handleJoinRoomFailure(meetingInfo, error);
+    throw error;
+  }
+}
+async function handleJoinRoomFailure(meetingInfo, error) {
+  console.error("加入 SRTC 频道失败", error);
+  stopNetworkQualityMonitor();
+  await cleanupSessionMediaState();
+  if (meetingInfo == null ? void 0 : meetingInfo.meetingId) {
+    try {
+      await getMeetingLeave({
+        meetingId: meetingInfo.meetingId,
+        memberId: getUserId()
+      });
+    } catch (leaveError) {
+      console.error("SDK 入频道失败后的离会补偿失败", leaveError);
+    }
+  }
+  meetingStore$1.clearMembers();
+  try {
+    sessionStorage.removeItem(SELF_MEDIA_PREFS_KEY);
+  } catch (_2) {
+  }
+  clearActiveMeetingOwnership(
+    meetingInfo == null ? void 0 : meetingInfo.meetingId,
+    getCurrentMeetingTabId()
+  );
+  sessionStorage.removeItem("JS_MEETING_INFO");
+  sessionStorage.removeItem("joinTime");
+  joinTime.value = 0;
+  setCallStatus("end");
+  closeMeeting();
+  closeCall();
+  logoutRoomAction();
+  showNotification("加入音视频频道失败，已自动退出，请稍后重试", "error", 6e3);
 }
 async function afterJoin() {
   const _joinTime = sessionStorage.getItem("joinTime");
@@ -38761,8 +38804,13 @@ function handleMeetingEvent(event, data) {
       emitter.emit("injuryReport", data);
       break;
     case "2020":
+      console.log("2020", data);
       emitter.emit("onlineMember", data);
       break;
+    case "2099":
+      console.log("2099", data);
+      emitter.emit("meetingEnd", data);
+      break;
   }
 }
 function installMeetingMessageHandlers() {
@@ -41481,584 +41529,499 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
   }
 });
 const JSCall = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-e1585009"]]);
-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 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 createRandomId() {
+  if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
+    return crypto.randomUUID().replace(/-/g, "").slice(0, 12);
   }
-});
-const MeetingHeader = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-28fc3b9d"]]);
-const _hoisted_1$m = ["title"];
-const _hoisted_2$k = {
-  class: "signal-bars",
-  "aria-hidden": "true"
-};
-const _hoisted_3$k = {
-  key: 0,
-  class: "signal-text"
-};
-const _hoisted_4$i = { class: "network-quality-popup-shell" };
-const _hoisted_5$f = { class: "popup-header" };
-const _hoisted_6$e = { class: "popup-header-actions" };
-const _hoisted_7$d = { class: "popup-summary" };
-const _hoisted_8$c = {
-  key: 0,
-  class: "popup-reasons"
-};
-const _hoisted_9$a = { class: "popup-section" };
-const _hoisted_10$a = { class: "popup-grid" };
-const _hoisted_11$9 = { class: "popup-item-label" };
-const _hoisted_12$9 = { class: "popup-item-value" };
-const _hoisted_13$7 = { class: "popup-section" };
-const _hoisted_14$6 = { class: "popup-grid" };
-const _hoisted_15$5 = { class: "popup-item-label" };
-const _hoisted_16$5 = { class: "popup-item-value" };
-const _hoisted_17$4 = { class: "popup-header" };
-const _hoisted_18$4 = { class: "popup-header-actions" };
-const _hoisted_19$4 = { class: "popup-section-container" };
-const _hoisted_20$4 = ["onClick"];
-const _hoisted_21$2 = { class: "detail-section-main" };
-const _hoisted_22$2 = { class: "popup-section-title" };
-const _hoisted_23$2 = { class: "popup-section-count" };
-const _hoisted_24$2 = { class: "detail-section-icon" };
-const _hoisted_25$2 = {
-  key: 0,
-  class: "metric-card-list"
-};
-const _hoisted_26$2 = { class: "metric-card-header" };
-const _hoisted_27$2 = { class: "metric-card-title" };
-const _hoisted_28$2 = { class: "metric-card-subtitle" };
-const _hoisted_29$2 = { class: "metric-card-grid" };
-const _hoisted_30$2 = { class: "popup-item-label" };
-const _hoisted_31$1 = { class: "popup-item-value" };
-const _hoisted_32$1 = {
-  key: 1,
-  class: "popup-empty"
-};
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
-  __name: "NetworkQualitySignal",
-  props: {
-    theme: { default: "dark" },
-    size: { default: "default" },
-    showText: { type: Boolean, default: false }
-  },
-  setup(__props) {
-    const props = __props;
-    const triggerRef = ref(null);
-    const showPopup = ref(false);
-    const advancedOpen = ref(false);
-    const collapsedSections = ref({});
-    const advancedDetails = ref();
-    let detailTimer = null;
-    const themeClass = computed(() => `theme-${props.theme}`);
-    function formatValue(value, suffix = "", digits = 0) {
-      if (typeof value !== "number" || Number.isNaN(value)) return "--";
-      return `${value.toFixed(digits)}${suffix}`;
-    }
-    function formatMetricNumber(value, suffix = "", digits = 0) {
-      if (typeof value !== "number" || Number.isNaN(value)) return "--";
-      return `${value.toFixed(digits)}${suffix}`;
-    }
-    function formatBytes(value) {
-      if (typeof value !== "number" || Number.isNaN(value)) return "--";
-      if (value >= 1024 * 1024) return `${(value / (1024 * 1024)).toFixed(2)} MB`;
-      if (value >= 1024) return `${(value / 1024).toFixed(1)} KB`;
-      return `${value.toFixed(0)} B`;
-    }
-    function formatDimension(width, height) {
-      if (!width || !height) return "--";
-      return `${width} x ${height}`;
-    }
-    function formatLossRate(value) {
-      if (typeof value !== "number" || Number.isNaN(value)) return "--";
-      return `${value.toFixed(1)}%`;
-    }
-    function formatMos(value) {
-      if (typeof value !== "number" || value <= 0 || Number.isNaN(value)) return "--";
-      return value.toFixed(1);
+  return Math.random().toString(36).slice(2, 14);
+}
+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;
     }
-    function formatUpdatedAt(timestamp) {
-      if (!timestamp) return "--";
-      const date = new Date(timestamp);
-      const hh = String(date.getHours()).padStart(2, "0");
-      const mm = String(date.getMinutes()).padStart(2, "0");
-      const ss = String(date.getSeconds()).padStart(2, "0");
-      return `${hh}:${mm}:${ss}`;
-    }
-    function formatReason(value) {
-      return value || "--";
-    }
-    function getMemberNameById(memberId) {
-      var _a25;
-      if (!memberId) return "";
-      const matched = members.value.find(
-        (member) => {
-          var _a26;
-          return ((_a26 = member == null ? void 0 : member.member) == null ? void 0 : _a26.memberId) === String(memberId);
-        }
-      );
-      return ((_a25 = matched == null ? void 0 : matched.member) == null ? void 0 : _a25.name) || "";
-    }
-    function startDetailRefresh() {
-      stopDetailRefresh();
-      refreshAdvancedDetails();
-      detailTimer = window.setInterval(() => {
-        refreshAdvancedDetails();
-      }, 2e3);
-    }
-    function stopDetailRefresh() {
-      if (detailTimer !== null) {
-        window.clearInterval(detailTimer);
-        detailTimer = 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;
     }
-    function refreshAdvancedDetails() {
-      advancedDetails.value = readNetworkQualityMetricDetails();
+    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
+      });
     }
-    function isSectionCollapsed(key) {
-      return collapsedSections.value[key] ?? false;
+  } 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 createMeetingMqttHandoffId() {
+  return `mqtt_handoff_${Date.now()}_${createRandomId()}`;
+}
+function setMeetingMqttHandoffForWindow(targetWindow, context) {
+  targetWindow.sessionStorage.setItem(
+    HANDOFF_SOURCE_TAB_ID_KEY,
+    context.sourceTabId
+  );
+  targetWindow.sessionStorage.setItem(
+    HANDOFF_TARGET_TAB_ID_KEY,
+    context.targetTabId
+  );
+  targetWindow.sessionStorage.setItem(HANDOFF_ID_KEY, context.handoffId);
+}
+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;
     }
-    function toggleSection(key) {
-      collapsedSections.value[key] = !isSectionCollapsed(key);
+    let signal = null;
+    try {
+      signal = JSON.parse(event.newValue);
+    } catch {
+      return;
     }
-    function expandAllSections() {
-      collapsedSections.value = Object.fromEntries(
-        detailSections.value.map((section) => [section.key, false])
-      );
+    if (!(signal == null ? void 0 : signal.sourceTabId) || !signal.targetTabId || !signal.handoffId) {
+      return;
     }
-    function collapseAllSections() {
-      collapsedSections.value = Object.fromEntries(
-        detailSections.value.map((section) => [section.key, true])
-      );
+    const signalTs = Number(signal.ts);
+    if (!signalTs || signalTs <= lastHandledReconnectSignalTs) {
+      return;
     }
-    function toggleAllSections() {
-      if (allSectionsExpanded.value) {
-        collapseAllSections();
+    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;
       }
-      expandAllSections();
-    }
-    function syncSectionCollapse(preserveExisting = true) {
-      const nextState = {};
-      for (const section of detailSections.value) {
-        if (preserveExisting && section.key in collapsedSections.value) {
-          nextState[section.key] = collapsedSections.value[section.key];
-          continue;
-        }
-        nextState[section.key] = false;
-      }
-      collapsedSections.value = nextState;
-    }
-    const activeBars = computed(() => {
-      if (networkQualityState.isOffline || networkQualityState.isStale) {
-        return 0;
-      }
-      return getNetworkSignalBars(networkQualityState.level);
-    });
-    const allSectionsExpanded = computed(() => {
-      if (!detailSections.value.length) return true;
-      return detailSections.value.every((section) => !isSectionCollapsed(section.key));
-    });
-    const reasonText = computed(() => {
-      if (!networkQualityState.reasons.length) return "";
-      return `可能原因：${networkQualityState.reasons.join("、")}`;
-    });
-    const qualityItems = computed(() => [
-      { label: "总体质量", value: networkQualityState.label },
-      { label: "上行质量", value: networkQualityState.uplink },
-      { label: "下行质量", value: networkQualityState.downlink },
-      { label: "MOS", value: formatMos(networkQualityState.mos) },
-      { label: "最近更新", value: formatUpdatedAt(networkQualityState.updatedAt) },
-      {
-        label: "数据状态",
-        value: networkQualityState.isStale ? "已过期" : "实时"
-      }
-    ]);
-    const overviewItems = computed(() => {
-      const stats = networkQualityState.stats;
-      return [
-        { label: "上行 RTT", value: formatValue(stats == null ? void 0 : stats.rtt_up, " ms") },
-        { label: "下行 RTT", value: formatValue(stats == null ? void 0 : stats.rtt_down, " ms") },
-        { label: "上行码率", value: formatValue(stats == null ? void 0 : stats.bitrate_up, " kb/s") },
-        { label: "下行码率", value: formatValue(stats == null ? void 0 : stats.bitrate_down, " kb/s") },
-        { label: "上行丢包率", value: formatLossRate(stats == null ? void 0 : stats.lossrate_up) },
-        { label: "下行丢包率", value: formatLossRate(stats == null ? void 0 : stats.lossrate_down) },
-        {
-          label: "可用上行带宽",
-          value: formatValue(stats == null ? void 0 : stats.available_outgoing_bitrate, " kb/s")
-        },
-        {
-          label: "可用下行带宽",
-          value: formatValue(stats == null ? void 0 : stats.available_incoming_bitrate, " kb/s")
-        }
-      ];
-    });
-    function createAudioSendCard(item, index) {
-      const stats = (item == null ? void 0 : item.stats) || {};
-      return {
-        title: `本地音频 ${index + 1}`,
-        subtitle: (item == null ? void 0 : item.desc) || (stats == null ? void 0 : stats.streamId) || "发送轨道",
-        items: [
-          { label: "实时码率", value: formatMetricNumber(item == null ? void 0 : item.bitrate, " kb/s") },
-          { label: "音频电平", value: formatMetricNumber(item == null ? void 0 : item.db, " dBFS", 1) },
-          { label: "已发包数", value: formatMetricNumber(stats == null ? void 0 : stats.packetsSent) },
-          { label: "已发字节", value: formatBytes(stats == null ? void 0 : stats.bytesSent) },
-          { label: "远端丢包", value: formatMetricNumber(stats == null ? void 0 : stats.packetsLost) },
-          { label: "往返时延", value: formatMetricNumber(stats == null ? void 0 : stats.roundTripTime, " ms") },
-          { label: "远端抖动", value: formatMetricNumber(stats == null ? void 0 : stats.jitter, " ms") },
-          { label: "采样时间", value: formatUpdatedAt(stats == null ? void 0 : stats.timestamp) }
-        ]
-      };
-    }
-    function createVideoSendCard(item, index) {
-      const stats = (item == null ? void 0 : item.stats) || {};
-      return {
-        title: `本地视频 ${index + 1}`,
-        subtitle: (item == null ? void 0 : item.desc) || (stats == null ? void 0 : stats.rid) || (stats == null ? void 0 : stats.streamId) || "发送轨道",
-        items: [
-          { label: "实时码率", value: formatMetricNumber(item == null ? void 0 : item.bitrate, " kb/s") },
-          { label: "分辨率", value: formatDimension((item == null ? void 0 : item.width) || (stats == null ? void 0 : stats.frameWidth), (item == null ? void 0 : item.height) || (stats == null ? void 0 : stats.frameHeight)) },
-          { label: "帧率", value: formatMetricNumber((item == null ? void 0 : item.fps) || (stats == null ? void 0 : stats.framesPerSecond), " fps") },
-          { label: "已发帧数", value: formatMetricNumber(stats == null ? void 0 : stats.framesSent) },
-          { label: "目标码率", value: formatMetricNumber(stats == null ? void 0 : stats.targetBitrate, " bps") },
-          { label: "FIR/PLI/NACK", value: `${formatMetricNumber(stats == null ? void 0 : stats.firCount)}/${formatMetricNumber(stats == null ? void 0 : stats.pliCount)}/${formatMetricNumber(stats == null ? void 0 : stats.nackCount)}` },
-          { label: "重传包数", value: formatMetricNumber(stats == null ? void 0 : stats.retransmittedPacketsSent) },
-          { label: "受限原因", value: formatReason(stats == null ? void 0 : stats.qualityLimitationReason) },
-          { label: "分辨率变化", value: formatMetricNumber(stats == null ? void 0 : stats.qualityLimitationResolutionChanges) },
-          { label: "往返时延", value: formatMetricNumber(stats == null ? void 0 : stats.roundTripTime, " ms") },
-          { label: "采样时间", value: formatUpdatedAt(stats == null ? void 0 : stats.timestamp) }
-        ]
-      };
+      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;
     }
-    function createAudioRecvCard(item, index) {
-      const stats = (item == null ? void 0 : item.stats) || {};
-      return {
-        title: `远端音频 ${index + 1}`,
-        subtitle: (item == null ? void 0 : item.uid) || (item == null ? void 0 : item.desc) || (stats == null ? void 0 : stats.streamId) || "接收轨道",
-        items: [
-          { label: "实时码率", value: formatMetricNumber(item == null ? void 0 : item.bitrate, " kb/s") },
-          { label: "音频电平", value: formatMetricNumber(item == null ? void 0 : item.db, " dBFS", 1) },
-          { label: "已收包数", value: formatMetricNumber(stats == null ? void 0 : stats.packetsReceived) },
-          { label: "已收字节", value: formatBytes(stats == null ? void 0 : stats.bytesReceived) },
-          { label: "丢包数", value: formatMetricNumber(stats == null ? void 0 : stats.packetsLost) },
-          { label: "网络抖动", value: formatMetricNumber(stats == null ? void 0 : stats.jitter, " ms") },
-          { label: "缓冲均值", value: formatMetricNumber(stats == null ? void 0 : stats.jitterBufferAvgDelay, " ms") },
-          { label: "隐藏事件", value: formatMetricNumber(stats == null ? void 0 : stats.concealmentEvents) },
-          { label: "静音隐藏", value: formatMetricNumber(stats == null ? void 0 : stats.silentConcealmentEvents) },
-          { label: "采样时间", value: formatUpdatedAt(stats == null ? void 0 : stats.timestamp) }
-        ]
-      };
+    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();
     }
-    function createVideoRecvCard(item, index) {
-      const stats = (item == null ? void 0 : item.stats) || {};
-      const memberName = getMemberNameById(item == null ? void 0 : item.uid);
-      return {
-        title: `远端视频 ${index + 1}`,
-        subtitle: memberName || (item == null ? void 0 : item.uid) || (item == null ? void 0 : item.desc) || (stats == null ? void 0 : stats.mimeType) || "接收轨道",
-        items: [
-          { label: "实时码率", value: formatMetricNumber(item == null ? void 0 : item.bitrate, " kb/s") },
-          { label: "分辨率", value: formatDimension((item == null ? void 0 : item.width) || (stats == null ? void 0 : stats.frameWidth), (item == null ? void 0 : item.height) || (stats == null ? void 0 : stats.frameHeight)) },
-          { label: "帧率", value: formatMetricNumber((item == null ? void 0 : item.fps) || (stats == null ? void 0 : stats.framesPerSecond), " fps") },
-          { label: "已收包数", value: formatMetricNumber(stats == null ? void 0 : stats.packetsReceived) },
-          { label: "已收字节", value: formatBytes(stats == null ? void 0 : stats.bytesReceived) },
-          { label: "丢包数", value: formatMetricNumber(stats == null ? void 0 : stats.packetsLost) },
-          { label: "接收/解码帧", value: `${formatMetricNumber(stats == null ? void 0 : stats.framesReceived)}/${formatMetricNumber(stats == null ? void 0 : stats.framesDecoded)}` },
-          { label: "丢帧数", value: formatMetricNumber(stats == null ? void 0 : stats.framesDropped) },
-          { label: "FIR/PLI/NACK", value: `${formatMetricNumber(stats == null ? void 0 : stats.firCount)}/${formatMetricNumber(stats == null ? void 0 : stats.pliCount)}/${formatMetricNumber(stats == null ? void 0 : stats.nackCount)}` },
-          { label: "缓冲均值", value: formatMetricNumber(stats == null ? void 0 : stats.jitterBufferAvgDelay, " ms") },
-          { label: "解码器", value: formatReason(stats == null ? void 0 : stats.decoderImplementation) },
-          { label: "MIME", value: formatReason(stats == null ? void 0 : stats.mimeType) },
-          { label: "采样时间", value: formatUpdatedAt(stats == null ? void 0 : stats.timestamp) }
-        ]
-      };
+    stopTargetHeartbeat();
+    if (event.persisted) {
+      return;
     }
-    const detailSections = computed(() => {
-      const details = advancedDetails.value;
-      return [
-        {
-          key: "local-audio",
-          title: "本地音频发送",
-          cards: ((details == null ? void 0 : details.local_audios) || []).map(createAudioSendCard)
-        },
-        {
-          key: "local-video",
-          title: "本地视频发送",
-          cards: ((details == null ? void 0 : details.local_videos) || []).map(createVideoSendCard)
-        },
-        {
-          key: "remote-audio",
-          title: "远端音频接收",
-          cards: ((details == null ? void 0 : details.remote_audios) || []).map(createAudioRecvCard)
-        },
-        {
-          key: "remote-video",
-          title: "远端视频接收",
-          cards: ((details == null ? void 0 : details.remote_videos) || []).map(createVideoRecvCard)
-        }
-      ];
+    notifySourceTabForReconnect();
+  });
+}
+const _hoisted_1$n = { class: "js-dialog-header-title" };
+const _hoisted_2$l = { class: "js-dialog-header-actions" };
+const MQTT_CLIENT_INSTANCE_STORAGE_KEY = "JS_MQTT_CLIENT_INSTANCE_ID";
+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") || "{}");
     });
-    watch(showPopup, (visible) => {
-      if (visible) {
-        refreshNetworkQualitySnapshot(false);
-        if (advancedOpen.value) {
-          syncSectionCollapse();
-          startDetailRefresh();
+    const emit = __emit;
+    const closeRef = ref(null);
+    const showCloseConfirm = ref(false);
+    const SESSION_STORAGE_KEYS_TO_CLONE = [
+      "JS_MEETING_INFO",
+      "JS_SDK_TOKEN",
+      "JS_SDK_TOKEN_EXPIRY",
+      "JS_USER_ID",
+      "JS_USER_NAME",
+      "JS_SELF_MEDIA_PREFS",
+      "JS_SERVER_TIMESTAMP",
+      "joinTime",
+      "JS_INCOMING_CALL_INFO",
+      "isSosActive"
+    ];
+    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";
+    };
+    const showOpenNewTabButton = computed(() => {
+      if (hasOpenedNewTab.value) return false;
+      return !getNewTabFlagFromLocation();
+    });
+    const createMqttInstanceId = () => {
+      if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
+        return crypto.randomUUID().replace(/-/g, "").slice(0, 12);
+      }
+      return Math.random().toString(36).slice(2, 14);
+    };
+    const copySessionToNewTab = (targetWindow) => {
+      SESSION_STORAGE_KEYS_TO_CLONE.forEach((key) => {
+        const value = sessionStorage.getItem(key);
+        if (value === null) {
+          targetWindow.sessionStorage.removeItem(key);
+          return;
         }
+        targetWindow.sessionStorage.setItem(key, value);
+      });
+    };
+    const handleOpenNewTab = async () => {
+      var _a25;
+      hasOpenedNewTab.value = true;
+      const currentMeetingId = (_a25 = meetingInfo.value) == null ? void 0 : _a25.meetingId;
+      const newTab = window.open("", "_blank");
+      if (!newTab) {
+        hasOpenedNewTab.value = false;
+        showNotification("打开新标签页失败，请允许弹窗权限。", "warning", 5e3);
         return;
       }
-      stopDetailRefresh();
-      advancedOpen.value = false;
-      collapsedSections.value = {};
-      advancedDetails.value = void 0;
-    });
-    watch(advancedOpen, (open2) => {
-      if (!showPopup.value) return;
-      if (open2) {
-        syncSectionCollapse(false);
-        startDetailRefresh();
-      } else {
-        stopDetailRefresh();
-        advancedDetails.value = void 0;
+      try {
+        const sourceTabId = getCurrentMeetingTabId();
+        const nextTabId = createMeetingTabId();
+        const handoffId = createMeetingMqttHandoffId();
+        copySessionToNewTab(newTab);
+        setMeetingMqttHandoffForWindow(newTab, {
+          sourceTabId,
+          targetTabId: nextTabId,
+          handoffId
+        });
+        newTab.sessionStorage.setItem(
+          MQTT_CLIENT_INSTANCE_STORAGE_KEY,
+          createMqttInstanceId()
+        );
+        setMeetingTabIdForWindow(newTab, nextTabId);
+        if (currentMeetingId) {
+          claimActiveMeetingOwnership(currentMeetingId, nextTabId);
+        }
+        let url = window.location.href;
+        if (url.includes("home") || url.includes("surveillance")) {
+          url = url.replace("home", "command");
+          url = url.replace("surveillance", "command");
+        }
+        newTab.location.replace(url + "?newTab=true");
+        resetMeetingMQTT();
+        await logoutRoomAction();
+        closeMeeting();
+      } catch (error) {
+        hasOpenedNewTab.value = false;
+        console.error("Failed to open meeting in a new tab:", error);
+        showNotification("New tab initialized with a fallback page open.", "warning", 5e3);
       }
-    });
-    watch(
-      detailSections,
-      () => {
-        if (!advancedOpen.value) return;
-        syncSectionCollapse();
-      },
-      { deep: true }
-    );
-    onUnmounted(() => {
-      stopDetailRefresh();
-    });
+    };
+    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(["network-quality-signal", [`size-${_ctx.size}`]])
+        class: normalizeClass(["js-dialog-header", themeClass.value])
       }, [
-        createElementVNode("button", {
-          ref_key: "triggerRef",
-          ref: triggerRef,
-          type: "button",
-          class: normalizeClass(["network-quality-trigger", [
-            `is-${unref(networkQualityState).level}`,
-            {
-              "is-alert": unref(networkQualityState).isOffline || unref(networkQualityState).isStale
-            }
-          ]]),
-          title: unref(networkQualityState).summary,
-          onClick: _cache[0] || (_cache[0] = ($event) => showPopup.value = !showPopup.value)
-        }, [
-          createElementVNode("span", _hoisted_2$k, [
-            (openBlock(), createElementBlock(Fragment, null, renderList(4, (index) => {
-              return createElementVNode("span", {
-                key: index,
-                class: normalizeClass(["signal-bar", { active: index <= activeBars.value }])
-              }, null, 2);
-            }), 64))
+        createElementVNode("div", _hoisted_1$n, toDisplayString(meetingInfo.value.meetingName), 1),
+        createElementVNode("div", _hoisted_2$l, [
+          showOpenNewTabButton.value ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            title: "新打开标签页",
+            onClick: handleOpenNewTab
+          }, [
+            createVNode(SvgIcon, {
+              name: "OpenNewTabIcon",
+              size: 16
+            })
+          ])) : createCommentVNode("", true),
+          createElementVNode("div", {
+            title: "最小化",
+            onClick: _cache[0] || (_cache[0] = ($event) => emit("onChange", unref(RoomModalSelectType).minimizeClick))
+          }, [
+            createVNode(SvgIcon, {
+              name: "MinimizeIcon",
+              size: 16
+            })
           ]),
-          _ctx.showText ? (openBlock(), createElementBlock("span", _hoisted_3$k, toDisplayString(unref(networkQualityState).label), 1)) : createCommentVNode("", true)
-        ], 10, _hoisted_1$m),
+          createElementVNode("div", {
+            ref_key: "closeRef",
+            ref: closeRef,
+            title: "关闭",
+            onClick: handleCloseClick
+          }, [
+            createVNode(SvgIcon, {
+              name: "CloseIcon",
+              size: 17
+            })
+          ], 512)
+        ]),
         createVNode(SmartPopup, {
-          visible: showPopup.value,
-          "onUpdate:visible": _cache[3] || (_cache[3] = ($event) => showPopup.value = $event),
-          trigger: triggerRef.value,
-          gap: 12
+          visible: showCloseConfirm.value,
+          "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => showCloseConfirm.value = $event),
+          trigger: closeRef.value,
+          gap: 10
         }, {
           default: withCtx(() => [
-            createElementVNode("div", _hoisted_4$i, [
-              createElementVNode("div", {
-                class: normalizeClass(["network-quality-popup network-quality-main", themeClass.value])
-              }, [
-                createElementVNode("div", _hoisted_5$f, [
-                  _cache[4] || (_cache[4] = createElementVNode("div", { class: "popup-title" }, "网络详情", -1)),
-                  createElementVNode("div", _hoisted_6$e, [
-                    createElementVNode("button", {
-                      type: "button",
-                      class: "advanced-toggle",
-                      onClick: _cache[1] || (_cache[1] = withModifiers(($event) => advancedOpen.value = !advancedOpen.value, ["stop"]))
-                    }, toDisplayString(advancedOpen.value ? "关闭高级模式" : "打开高级模式"), 1),
-                    createElementVNode("div", {
-                      class: normalizeClass(["popup-status", `is-${unref(networkQualityState).level}`])
-                    }, toDisplayString(unref(networkQualityState).label), 3)
-                  ])
-                ]),
-                createElementVNode("div", _hoisted_7$d, toDisplayString(unref(networkQualityState).summary), 1),
-                reasonText.value ? (openBlock(), createElementBlock("div", _hoisted_8$c, toDisplayString(reasonText.value), 1)) : createCommentVNode("", true),
-                createElementVNode("div", _hoisted_9$a, [
-                  _cache[5] || (_cache[5] = createElementVNode("div", { class: "popup-section-title" }, "质量概览", -1)),
-                  createElementVNode("div", _hoisted_10$a, [
-                    (openBlock(true), createElementBlock(Fragment, null, renderList(qualityItems.value, (item) => {
-                      return openBlock(), createElementBlock("div", {
-                        key: item.label,
-                        class: "popup-item"
-                      }, [
-                        createElementVNode("div", _hoisted_11$9, toDisplayString(item.label), 1),
-                        createElementVNode("div", _hoisted_12$9, toDisplayString(item.value), 1)
-                      ]);
-                    }), 128))
-                  ])
-                ]),
-                createElementVNode("div", _hoisted_13$7, [
-                  _cache[6] || (_cache[6] = createElementVNode("div", { class: "popup-section-title" }, "网络指标", -1)),
-                  createElementVNode("div", _hoisted_14$6, [
-                    (openBlock(true), createElementBlock(Fragment, null, renderList(overviewItems.value, (item) => {
-                      return openBlock(), createElementBlock("div", {
-                        key: item.label,
-                        class: "popup-item"
-                      }, [
-                        createElementVNode("div", _hoisted_15$5, toDisplayString(item.label), 1),
-                        createElementVNode("div", _hoisted_16$5, toDisplayString(item.value), 1)
-                      ]);
-                    }), 128))
-                  ])
-                ])
-              ], 2),
-              advancedOpen.value ? (openBlock(), createElementBlock("div", {
+            createElementVNode("div", {
+              class: normalizeClass(["close-confirm-dropdown", themeClass.value])
+            }, [
+              unref(meState2).roleType == "1" ? (openBlock(), createElementBlock("div", {
                 key: 0,
-                class: normalizeClass(["network-quality-popup network-quality-advanced", themeClass.value]),
-                onClick: _cache[2] || (_cache[2] = withModifiers(() => {
-                }, ["stop"]))
-              }, [
-                createElementVNode("div", _hoisted_17$4, [
-                  _cache[7] || (_cache[7] = createElementVNode("div", { class: "popup-title" }, "高级模式", -1)),
-                  createElementVNode("div", _hoisted_18$4, [
-                    createElementVNode("button", {
-                      type: "button",
-                      class: "advanced-mini-btn",
-                      onClick: toggleAllSections
-                    }, toDisplayString(allSectionsExpanded.value ? "全部收起" : "全部展开"), 1)
-                  ])
-                ]),
-                createElementVNode("div", _hoisted_19$4, [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(detailSections.value, (section) => {
-                    return openBlock(), createElementBlock("div", {
-                      key: section.key,
-                      class: "popup-section"
-                    }, [
-                      createElementVNode("button", {
-                        type: "button",
-                        class: normalizeClass(["detail-section-toggle", { collapsed: isSectionCollapsed(section.key) }]),
-                        onClick: ($event) => toggleSection(section.key)
-                      }, [
-                        createElementVNode("span", _hoisted_21$2, [
-                          createElementVNode("span", _hoisted_22$2, toDisplayString(section.title), 1),
-                          createElementVNode("span", _hoisted_23$2, "(" + toDisplayString(section.cards.length) + ")", 1)
-                        ]),
-                        createElementVNode("span", _hoisted_24$2, toDisplayString(isSectionCollapsed(section.key) ? "展开" : "收起"), 1)
-                      ], 10, _hoisted_20$4),
-                      !isSectionCollapsed(section.key) && section.cards.length ? (openBlock(), createElementBlock("div", _hoisted_25$2, [
-                        (openBlock(true), createElementBlock(Fragment, null, renderList(section.cards, (card) => {
-                          return openBlock(), createElementBlock("div", {
-                            key: card.title,
-                            class: "metric-card"
-                          }, [
-                            createElementVNode("div", _hoisted_26$2, [
-                              createElementVNode("div", _hoisted_27$2, toDisplayString(card.title), 1),
-                              createElementVNode("div", _hoisted_28$2, toDisplayString(card.subtitle), 1)
-                            ]),
-                            createElementVNode("div", _hoisted_29$2, [
-                              (openBlock(true), createElementBlock(Fragment, null, renderList(card.items, (item) => {
-                                return openBlock(), createElementBlock("div", {
-                                  key: `${card.title}-${item.label}`,
-                                  class: "metric-card-item"
-                                }, [
-                                  createElementVNode("div", _hoisted_30$2, toDisplayString(item.label), 1),
-                                  createElementVNode("div", _hoisted_31$1, toDisplayString(item.value), 1)
-                                ]);
-                              }), 128))
-                            ])
-                          ]);
-                        }), 128))
-                      ])) : !isSectionCollapsed(section.key) ? (openBlock(), createElementBlock("div", _hoisted_32$1, "暂无数据")) : createCommentVNode("", true)
-                    ]);
-                  }), 128))
-                ])
-              ], 2)) : createCommentVNode("", true)
-            ])
+                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"])
@@ -42066,194 +42029,690 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const NetworkQualitySignal = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-3378006f"]]);
-const _hoisted_1$l = { class: "network-copy" };
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
-  __name: "netWorkStatus",
+const MeetingHeader = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-2299cd2f"]]);
+const _hoisted_1$m = ["title"];
+const _hoisted_2$k = {
+  class: "signal-bars",
+  "aria-hidden": "true"
+};
+const _hoisted_3$k = {
+  key: 0,
+  class: "signal-text"
+};
+const _hoisted_4$i = { class: "network-quality-popup-shell" };
+const _hoisted_5$f = { class: "popup-header" };
+const _hoisted_6$e = { class: "popup-header-actions" };
+const _hoisted_7$d = { class: "popup-summary" };
+const _hoisted_8$c = {
+  key: 0,
+  class: "popup-reasons"
+};
+const _hoisted_9$a = { class: "popup-section" };
+const _hoisted_10$a = { class: "popup-grid" };
+const _hoisted_11$9 = { class: "popup-item-label" };
+const _hoisted_12$9 = { class: "popup-item-value" };
+const _hoisted_13$7 = { class: "popup-section" };
+const _hoisted_14$6 = { class: "popup-grid" };
+const _hoisted_15$5 = { class: "popup-item-label" };
+const _hoisted_16$5 = { class: "popup-item-value" };
+const _hoisted_17$4 = { class: "popup-header" };
+const _hoisted_18$4 = { class: "popup-header-actions" };
+const _hoisted_19$4 = { class: "popup-section-container" };
+const _hoisted_20$4 = ["onClick"];
+const _hoisted_21$2 = { class: "detail-section-main" };
+const _hoisted_22$2 = { class: "popup-section-title" };
+const _hoisted_23$2 = { class: "popup-section-count" };
+const _hoisted_24$2 = { class: "detail-section-icon" };
+const _hoisted_25$2 = {
+  key: 0,
+  class: "metric-card-list"
+};
+const _hoisted_26$2 = { class: "metric-card-header" };
+const _hoisted_27$2 = { class: "metric-card-title" };
+const _hoisted_28$2 = { class: "metric-card-subtitle" };
+const _hoisted_29$2 = { class: "metric-card-grid" };
+const _hoisted_30$2 = { class: "popup-item-label" };
+const _hoisted_31$1 = { class: "popup-item-value" };
+const _hoisted_32$1 = {
+  key: 1,
+  class: "popup-empty"
+};
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
+  __name: "NetworkQualitySignal",
   props: {
-    theme: { default: "dark" }
+    theme: { default: "dark" },
+    size: { default: "default" },
+    showText: { type: Boolean, default: false }
   },
   setup(__props) {
     const props = __props;
+    const triggerRef = ref(null);
+    const showPopup = ref(false);
+    const advancedOpen = ref(false);
+    const collapsedSections = ref({});
+    const advancedDetails = ref();
+    let detailTimer = null;
     const themeClass = computed(() => `theme-${props.theme}`);
-    const displayLabel = computed(() => {
-      if (networkQualityState.isStale) {
-        return "网络检测中";
-      }
-      return networkQualityState.label;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["network-situation", themeClass.value])
-      }, [
-        createVNode(NetworkQualitySignal, {
-          theme: _ctx.theme,
-          size: "compact"
-        }, null, 8, ["theme"]),
-        createElementVNode("div", _hoisted_1$l, [
-          createElementVNode("span", {
-            class: normalizeClass(["network-label", `is-${unref(networkQualityState).level}`])
-          }, toDisplayString(displayLabel.value), 3)
-        ])
-      ], 2);
-    };
-  }
-});
-const NetWorkStatus = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-e8e23036"]]);
-const _hoisted_1$k = { class: "js-dialog-content-inner" };
-const _hoisted_2$j = { class: "js-dialog-content-inner-left" };
-const _hoisted_3$j = { class: "js-dialog-content-inner-right" };
-const _hoisted_4$h = { class: "grid-layout" };
-const _hoisted_5$e = ["onClick"];
-const _hoisted_6$d = {
-  key: 0,
-  class: "host-tag"
-};
-const _hoisted_7$c = ["id"];
-const _hoisted_8$b = { class: "avatar-container" };
-const _hoisted_9$9 = { class: "video-loading-overlay" };
-const _hoisted_10$9 = { class: "video-loading-text" };
-const _hoisted_11$8 = { class: "video-loading-overlay failed" };
-const _hoisted_12$8 = ["disabled", "onClick"];
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
-  __name: "meeting-content",
-  props: {
-    layout: { default: "grid-9" },
-    isFullscreen: { type: Boolean },
-    joinTime: { default: 0 },
-    theme: { default: "dark" }
-  },
-  emits: ["layout-change", "toggle-fullscreen"],
-  setup(__props, { emit: __emit }) {
-    const speakingUserName = ref("");
-    emitter.on("speakingUserName", (name2) => {
-      speakingUserName.value = name2;
-    });
-    const props = __props;
-    const userId = getUserId();
-    const joinTimeObj = ref("");
-    const speakerId = ref(null);
-    const lastGridLayout = ref("grid-9");
-    const getUserName2 = (user) => {
-      var _a25, _b25, _c2;
-      return ((_a25 = user == null ? void 0 : user.member) == null ? void 0 : _a25.memberId) == userId ? `(我)${(_b25 = user == null ? void 0 : user.member) == null ? void 0 : _b25.name}` : ((_c2 = user == null ? void 0 : user.member) == null ? void 0 : _c2.name) || "未知用户";
-    };
-    const layoutClass = computed(() => `layout-${props.layout}`);
-    const allJoinedMembers = computed(() => {
-      return members.value.filter((user) => (user == null ? void 0 : user.joinStaus) == "1");
-    });
-    const speakerUser = computed(() => {
-      if (!speakerId.value) return allJoinedMembers.value[0];
-      return allJoinedMembers.value.find(
-        (user) => {
-          var _a25;
-          return ((_a25 = user == null ? void 0 : user.member) == null ? void 0 : _a25.memberId) === speakerId.value;
-        }
-      ) || allJoinedMembers.value[0];
-    });
-    const preferredRemoteVideoFocusId = computed(() => {
-      var _a25, _b25;
-      if (props.layout !== "speaker") return null;
-      const focusedUid = (_b25 = (_a25 = speakerUser.value) == null ? void 0 : _a25.member) == null ? void 0 : _b25.memberId;
-      return focusedUid && focusedUid !== userId ? focusedUid : null;
-    });
-    const filteredMembers = computed(() => {
-      return allJoinedMembers.value;
-    });
-    const setSpeaker = (user) => {
+    function formatValue(value, suffix = "", digits = 0) {
+      if (typeof value !== "number" || Number.isNaN(value)) return "--";
+      return `${value.toFixed(digits)}${suffix}`;
+    }
+    function formatMetricNumber(value, suffix = "", digits = 0) {
+      if (typeof value !== "number" || Number.isNaN(value)) return "--";
+      return `${value.toFixed(digits)}${suffix}`;
+    }
+    function formatBytes(value) {
+      if (typeof value !== "number" || Number.isNaN(value)) return "--";
+      if (value >= 1024 * 1024) return `${(value / (1024 * 1024)).toFixed(2)} MB`;
+      if (value >= 1024) return `${(value / 1024).toFixed(1)} KB`;
+      return `${value.toFixed(0)} B`;
+    }
+    function formatDimension(width, height) {
+      if (!width || !height) return "--";
+      return `${width} x ${height}`;
+    }
+    function formatLossRate(value) {
+      if (typeof value !== "number" || Number.isNaN(value)) return "--";
+      return `${value.toFixed(1)}%`;
+    }
+    function formatMos(value) {
+      if (typeof value !== "number" || value <= 0 || Number.isNaN(value)) return "--";
+      return value.toFixed(1);
+    }
+    function formatUpdatedAt(timestamp) {
+      if (!timestamp) return "--";
+      const date = new Date(timestamp);
+      const hh = String(date.getHours()).padStart(2, "0");
+      const mm = String(date.getMinutes()).padStart(2, "0");
+      const ss = String(date.getSeconds()).padStart(2, "0");
+      return `${hh}:${mm}:${ss}`;
+    }
+    function formatReason(value) {
+      return value || "--";
+    }
+    function getMemberNameById(memberId) {
       var _a25;
-      speakerId.value = (_a25 = user == null ? void 0 : user.member) == null ? void 0 : _a25.memberId;
-      if (props.layout !== "speaker") {
-        emit("layout-change", "speaker");
+      if (!memberId) return "";
+      const matched = members.value.find(
+        (member) => {
+          var _a26;
+          return ((_a26 = member == null ? void 0 : member.member) == null ? void 0 : _a26.memberId) === String(memberId);
+        }
+      );
+      return ((_a25 = matched == null ? void 0 : matched.member) == null ? void 0 : _a25.name) || "";
+    }
+    function startDetailRefresh() {
+      stopDetailRefresh();
+      refreshAdvancedDetails();
+      detailTimer = window.setInterval(() => {
+        refreshAdvancedDetails();
+      }, 2e3);
+    }
+    function stopDetailRefresh() {
+      if (detailTimer !== null) {
+        window.clearInterval(detailTimer);
+        detailTimer = null;
       }
-    };
-    const clearSpeaker = () => {
-      if (props.layout === "speaker") {
-        emit("layout-change", lastGridLayout.value);
+    }
+    function refreshAdvancedDetails() {
+      advancedDetails.value = readNetworkQualityMetricDetails();
+    }
+    function isSectionCollapsed(key) {
+      return collapsedSections.value[key] ?? false;
+    }
+    function toggleSection(key) {
+      collapsedSections.value[key] = !isSectionCollapsed(key);
+    }
+    function expandAllSections() {
+      collapsedSections.value = Object.fromEntries(
+        detailSections.value.map((section) => [section.key, false])
+      );
+    }
+    function collapseAllSections() {
+      collapsedSections.value = Object.fromEntries(
+        detailSections.value.map((section) => [section.key, true])
+      );
+    }
+    function toggleAllSections() {
+      if (allSectionsExpanded.value) {
+        collapseAllSections();
+        return;
       }
-    };
-    const handleRetryVideo = async (user) => {
-      var _a25;
-      const memberId = (_a25 = user == null ? void 0 : user.member) == null ? void 0 : _a25.memberId;
-      if (!memberId || memberId === userId || (user == null ? void 0 : user.videoRetrying)) return;
-      await retryRemoteVideoSubscription(memberId);
-    };
-    const handleFullscreenClick = () => {
-      emit("toggle-fullscreen");
-    };
-    const emit = __emit;
-    let timer = null;
-    watch(
-      () => props.layout,
-      (layout) => {
-        if (layout !== "speaker") {
-          lastGridLayout.value = layout;
-        }
-      },
-      { immediate: true }
-    );
-    watch(
-      () => props.joinTime,
-      () => {
-        if (timer) {
-          clearInterval(timer);
-          timer = null;
-        }
-        if (props.joinTime) {
-          timer = setInterval(() => {
-            const now = +/* @__PURE__ */ new Date();
-            joinTimeObj.value = formatDuringObject((now - props.joinTime) / 1e3);
-          }, 1e3);
+      expandAllSections();
+    }
+    function syncSectionCollapse(preserveExisting = true) {
+      const nextState = {};
+      for (const section of detailSections.value) {
+        if (preserveExisting && section.key in collapsedSections.value) {
+          nextState[section.key] = collapsedSections.value[section.key];
+          continue;
         }
-      },
-      {
-        immediate: true
+        nextState[section.key] = false;
       }
-    );
-    onMounted(async () => {
-      await nextTick();
-      setTimeout(() => {
-        mountTracks();
-      }, 100);
-    });
-    watch(
-      () => members.value.length,
-      async (len, prevLen) => {
-        if (!len || len === prevLen) return;
-        await nextTick();
-        setTimeout(() => mountTracks(), 0);
-      },
-      { flush: "post" }
-    );
-    watch(
-      preferredRemoteVideoFocusId,
-      (focusedUid) => {
-        void setPreferredRemoteVideoFocus(focusedUid);
-      },
-      { immediate: true }
-    );
-    onUnmounted(() => {
-      void setPreferredRemoteVideoFocus(null);
-      if (timer) {
-        clearInterval(timer);
-        timer = null;
+      collapsedSections.value = nextState;
+    }
+    const activeBars = computed(() => {
+      if (networkQualityState.isOffline || networkQualityState.isStale) {
+        return 0;
       }
+      return getNetworkSignalBars(networkQualityState.level);
     });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        createElementVNode("div", _hoisted_1$k, [
-          createElementVNode("div", _hoisted_2$j, [
-            createVNode(NetWorkStatus, { theme: _ctx.theme }, null, 8, ["theme"]),
-            createElementVNode("span", null, "正在讲话：" + toDisplayString(speakingUserName.value || "无"), 1)
-          ]),
-          createElementVNode("div", _hoisted_3$j, [
-            createElementVNode("span", null, toDisplayString(joinTimeObj.value), 1),
-            createVNode(SvgIcon, {
-              name: _ctx.isFullscreen ? "NoFullscreenIcon" : "FullscreenIcon",
-              class: "icon-inactive",
-              onClick: handleFullscreenClick
-            }, null, 8, ["name"])
-          ])
+    const allSectionsExpanded = computed(() => {
+      if (!detailSections.value.length) return true;
+      return detailSections.value.every((section) => !isSectionCollapsed(section.key));
+    });
+    const reasonText = computed(() => {
+      if (!networkQualityState.reasons.length) return "";
+      return `可能原因：${networkQualityState.reasons.join("、")}`;
+    });
+    const qualityItems = computed(() => [
+      { label: "总体质量", value: networkQualityState.label },
+      { label: "上行质量", value: networkQualityState.uplink },
+      { label: "下行质量", value: networkQualityState.downlink },
+      { label: "MOS", value: formatMos(networkQualityState.mos) },
+      { label: "最近更新", value: formatUpdatedAt(networkQualityState.updatedAt) },
+      {
+        label: "数据状态",
+        value: networkQualityState.isStale ? "已过期" : "实时"
+      }
+    ]);
+    const overviewItems = computed(() => {
+      const stats = networkQualityState.stats;
+      return [
+        { label: "上行 RTT", value: formatValue(stats == null ? void 0 : stats.rtt_up, " ms") },
+        { label: "下行 RTT", value: formatValue(stats == null ? void 0 : stats.rtt_down, " ms") },
+        { label: "上行码率", value: formatValue(stats == null ? void 0 : stats.bitrate_up, " kb/s") },
+        { label: "下行码率", value: formatValue(stats == null ? void 0 : stats.bitrate_down, " kb/s") },
+        { label: "上行丢包率", value: formatLossRate(stats == null ? void 0 : stats.lossrate_up) },
+        { label: "下行丢包率", value: formatLossRate(stats == null ? void 0 : stats.lossrate_down) },
+        {
+          label: "可用上行带宽",
+          value: formatValue(stats == null ? void 0 : stats.available_outgoing_bitrate, " kb/s")
+        },
+        {
+          label: "可用下行带宽",
+          value: formatValue(stats == null ? void 0 : stats.available_incoming_bitrate, " kb/s")
+        }
+      ];
+    });
+    function createAudioSendCard(item, index) {
+      const stats = (item == null ? void 0 : item.stats) || {};
+      return {
+        title: `本地音频 ${index + 1}`,
+        subtitle: (item == null ? void 0 : item.desc) || (stats == null ? void 0 : stats.streamId) || "发送轨道",
+        items: [
+          { label: "实时码率", value: formatMetricNumber(item == null ? void 0 : item.bitrate, " kb/s") },
+          { label: "音频电平", value: formatMetricNumber(item == null ? void 0 : item.db, " dBFS", 1) },
+          { label: "已发包数", value: formatMetricNumber(stats == null ? void 0 : stats.packetsSent) },
+          { label: "已发字节", value: formatBytes(stats == null ? void 0 : stats.bytesSent) },
+          { label: "远端丢包", value: formatMetricNumber(stats == null ? void 0 : stats.packetsLost) },
+          { label: "往返时延", value: formatMetricNumber(stats == null ? void 0 : stats.roundTripTime, " ms") },
+          { label: "远端抖动", value: formatMetricNumber(stats == null ? void 0 : stats.jitter, " ms") },
+          { label: "采样时间", value: formatUpdatedAt(stats == null ? void 0 : stats.timestamp) }
+        ]
+      };
+    }
+    function createVideoSendCard(item, index) {
+      const stats = (item == null ? void 0 : item.stats) || {};
+      return {
+        title: `本地视频 ${index + 1}`,
+        subtitle: (item == null ? void 0 : item.desc) || (stats == null ? void 0 : stats.rid) || (stats == null ? void 0 : stats.streamId) || "发送轨道",
+        items: [
+          { label: "实时码率", value: formatMetricNumber(item == null ? void 0 : item.bitrate, " kb/s") },
+          { label: "分辨率", value: formatDimension((item == null ? void 0 : item.width) || (stats == null ? void 0 : stats.frameWidth), (item == null ? void 0 : item.height) || (stats == null ? void 0 : stats.frameHeight)) },
+          { label: "帧率", value: formatMetricNumber((item == null ? void 0 : item.fps) || (stats == null ? void 0 : stats.framesPerSecond), " fps") },
+          { label: "已发帧数", value: formatMetricNumber(stats == null ? void 0 : stats.framesSent) },
+          { label: "目标码率", value: formatMetricNumber(stats == null ? void 0 : stats.targetBitrate, " bps") },
+          { label: "FIR/PLI/NACK", value: `${formatMetricNumber(stats == null ? void 0 : stats.firCount)}/${formatMetricNumber(stats == null ? void 0 : stats.pliCount)}/${formatMetricNumber(stats == null ? void 0 : stats.nackCount)}` },
+          { label: "重传包数", value: formatMetricNumber(stats == null ? void 0 : stats.retransmittedPacketsSent) },
+          { label: "受限原因", value: formatReason(stats == null ? void 0 : stats.qualityLimitationReason) },
+          { label: "分辨率变化", value: formatMetricNumber(stats == null ? void 0 : stats.qualityLimitationResolutionChanges) },
+          { label: "往返时延", value: formatMetricNumber(stats == null ? void 0 : stats.roundTripTime, " ms") },
+          { label: "采样时间", value: formatUpdatedAt(stats == null ? void 0 : stats.timestamp) }
+        ]
+      };
+    }
+    function createAudioRecvCard(item, index) {
+      const stats = (item == null ? void 0 : item.stats) || {};
+      return {
+        title: `远端音频 ${index + 1}`,
+        subtitle: (item == null ? void 0 : item.uid) || (item == null ? void 0 : item.desc) || (stats == null ? void 0 : stats.streamId) || "接收轨道",
+        items: [
+          { label: "实时码率", value: formatMetricNumber(item == null ? void 0 : item.bitrate, " kb/s") },
+          { label: "音频电平", value: formatMetricNumber(item == null ? void 0 : item.db, " dBFS", 1) },
+          { label: "已收包数", value: formatMetricNumber(stats == null ? void 0 : stats.packetsReceived) },
+          { label: "已收字节", value: formatBytes(stats == null ? void 0 : stats.bytesReceived) },
+          { label: "丢包数", value: formatMetricNumber(stats == null ? void 0 : stats.packetsLost) },
+          { label: "网络抖动", value: formatMetricNumber(stats == null ? void 0 : stats.jitter, " ms") },
+          { label: "缓冲均值", value: formatMetricNumber(stats == null ? void 0 : stats.jitterBufferAvgDelay, " ms") },
+          { label: "隐藏事件", value: formatMetricNumber(stats == null ? void 0 : stats.concealmentEvents) },
+          { label: "静音隐藏", value: formatMetricNumber(stats == null ? void 0 : stats.silentConcealmentEvents) },
+          { label: "采样时间", value: formatUpdatedAt(stats == null ? void 0 : stats.timestamp) }
+        ]
+      };
+    }
+    function createVideoRecvCard(item, index) {
+      const stats = (item == null ? void 0 : item.stats) || {};
+      const memberName = getMemberNameById(item == null ? void 0 : item.uid);
+      return {
+        title: `远端视频 ${index + 1}`,
+        subtitle: memberName || (item == null ? void 0 : item.uid) || (item == null ? void 0 : item.desc) || (stats == null ? void 0 : stats.mimeType) || "接收轨道",
+        items: [
+          { label: "实时码率", value: formatMetricNumber(item == null ? void 0 : item.bitrate, " kb/s") },
+          { label: "分辨率", value: formatDimension((item == null ? void 0 : item.width) || (stats == null ? void 0 : stats.frameWidth), (item == null ? void 0 : item.height) || (stats == null ? void 0 : stats.frameHeight)) },
+          { label: "帧率", value: formatMetricNumber((item == null ? void 0 : item.fps) || (stats == null ? void 0 : stats.framesPerSecond), " fps") },
+          { label: "已收包数", value: formatMetricNumber(stats == null ? void 0 : stats.packetsReceived) },
+          { label: "已收字节", value: formatBytes(stats == null ? void 0 : stats.bytesReceived) },
+          { label: "丢包数", value: formatMetricNumber(stats == null ? void 0 : stats.packetsLost) },
+          { label: "接收/解码帧", value: `${formatMetricNumber(stats == null ? void 0 : stats.framesReceived)}/${formatMetricNumber(stats == null ? void 0 : stats.framesDecoded)}` },
+          { label: "丢帧数", value: formatMetricNumber(stats == null ? void 0 : stats.framesDropped) },
+          { label: "FIR/PLI/NACK", value: `${formatMetricNumber(stats == null ? void 0 : stats.firCount)}/${formatMetricNumber(stats == null ? void 0 : stats.pliCount)}/${formatMetricNumber(stats == null ? void 0 : stats.nackCount)}` },
+          { label: "缓冲均值", value: formatMetricNumber(stats == null ? void 0 : stats.jitterBufferAvgDelay, " ms") },
+          { label: "解码器", value: formatReason(stats == null ? void 0 : stats.decoderImplementation) },
+          { label: "MIME", value: formatReason(stats == null ? void 0 : stats.mimeType) },
+          { label: "采样时间", value: formatUpdatedAt(stats == null ? void 0 : stats.timestamp) }
+        ]
+      };
+    }
+    const detailSections = computed(() => {
+      const details = advancedDetails.value;
+      return [
+        {
+          key: "local-audio",
+          title: "本地音频发送",
+          cards: ((details == null ? void 0 : details.local_audios) || []).map(createAudioSendCard)
+        },
+        {
+          key: "local-video",
+          title: "本地视频发送",
+          cards: ((details == null ? void 0 : details.local_videos) || []).map(createVideoSendCard)
+        },
+        {
+          key: "remote-audio",
+          title: "远端音频接收",
+          cards: ((details == null ? void 0 : details.remote_audios) || []).map(createAudioRecvCard)
+        },
+        {
+          key: "remote-video",
+          title: "远端视频接收",
+          cards: ((details == null ? void 0 : details.remote_videos) || []).map(createVideoRecvCard)
+        }
+      ];
+    });
+    watch(showPopup, (visible) => {
+      if (visible) {
+        refreshNetworkQualitySnapshot(false);
+        if (advancedOpen.value) {
+          syncSectionCollapse();
+          startDetailRefresh();
+        }
+        return;
+      }
+      stopDetailRefresh();
+      advancedOpen.value = false;
+      collapsedSections.value = {};
+      advancedDetails.value = void 0;
+    });
+    watch(advancedOpen, (open2) => {
+      if (!showPopup.value) return;
+      if (open2) {
+        syncSectionCollapse(false);
+        startDetailRefresh();
+      } else {
+        stopDetailRefresh();
+        advancedDetails.value = void 0;
+      }
+    });
+    watch(
+      detailSections,
+      () => {
+        if (!advancedOpen.value) return;
+        syncSectionCollapse();
+      },
+      { deep: true }
+    );
+    onUnmounted(() => {
+      stopDetailRefresh();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["network-quality-signal", [`size-${_ctx.size}`]])
+      }, [
+        createElementVNode("button", {
+          ref_key: "triggerRef",
+          ref: triggerRef,
+          type: "button",
+          class: normalizeClass(["network-quality-trigger", [
+            `is-${unref(networkQualityState).level}`,
+            {
+              "is-alert": unref(networkQualityState).isOffline || unref(networkQualityState).isStale
+            }
+          ]]),
+          title: unref(networkQualityState).summary,
+          onClick: _cache[0] || (_cache[0] = ($event) => showPopup.value = !showPopup.value)
+        }, [
+          createElementVNode("span", _hoisted_2$k, [
+            (openBlock(), createElementBlock(Fragment, null, renderList(4, (index) => {
+              return createElementVNode("span", {
+                key: index,
+                class: normalizeClass(["signal-bar", { active: index <= activeBars.value }])
+              }, null, 2);
+            }), 64))
+          ]),
+          _ctx.showText ? (openBlock(), createElementBlock("span", _hoisted_3$k, toDisplayString(unref(networkQualityState).label), 1)) : createCommentVNode("", true)
+        ], 10, _hoisted_1$m),
+        createVNode(SmartPopup, {
+          visible: showPopup.value,
+          "onUpdate:visible": _cache[3] || (_cache[3] = ($event) => showPopup.value = $event),
+          trigger: triggerRef.value,
+          gap: 12
+        }, {
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_4$i, [
+              createElementVNode("div", {
+                class: normalizeClass(["network-quality-popup network-quality-main", themeClass.value])
+              }, [
+                createElementVNode("div", _hoisted_5$f, [
+                  _cache[4] || (_cache[4] = createElementVNode("div", { class: "popup-title" }, "网络详情", -1)),
+                  createElementVNode("div", _hoisted_6$e, [
+                    createElementVNode("button", {
+                      type: "button",
+                      class: "advanced-toggle",
+                      onClick: _cache[1] || (_cache[1] = withModifiers(($event) => advancedOpen.value = !advancedOpen.value, ["stop"]))
+                    }, toDisplayString(advancedOpen.value ? "关闭高级模式" : "打开高级模式"), 1),
+                    createElementVNode("div", {
+                      class: normalizeClass(["popup-status", `is-${unref(networkQualityState).level}`])
+                    }, toDisplayString(unref(networkQualityState).label), 3)
+                  ])
+                ]),
+                createElementVNode("div", _hoisted_7$d, toDisplayString(unref(networkQualityState).summary), 1),
+                reasonText.value ? (openBlock(), createElementBlock("div", _hoisted_8$c, toDisplayString(reasonText.value), 1)) : createCommentVNode("", true),
+                createElementVNode("div", _hoisted_9$a, [
+                  _cache[5] || (_cache[5] = createElementVNode("div", { class: "popup-section-title" }, "质量概览", -1)),
+                  createElementVNode("div", _hoisted_10$a, [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(qualityItems.value, (item) => {
+                      return openBlock(), createElementBlock("div", {
+                        key: item.label,
+                        class: "popup-item"
+                      }, [
+                        createElementVNode("div", _hoisted_11$9, toDisplayString(item.label), 1),
+                        createElementVNode("div", _hoisted_12$9, toDisplayString(item.value), 1)
+                      ]);
+                    }), 128))
+                  ])
+                ]),
+                createElementVNode("div", _hoisted_13$7, [
+                  _cache[6] || (_cache[6] = createElementVNode("div", { class: "popup-section-title" }, "网络指标", -1)),
+                  createElementVNode("div", _hoisted_14$6, [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(overviewItems.value, (item) => {
+                      return openBlock(), createElementBlock("div", {
+                        key: item.label,
+                        class: "popup-item"
+                      }, [
+                        createElementVNode("div", _hoisted_15$5, toDisplayString(item.label), 1),
+                        createElementVNode("div", _hoisted_16$5, toDisplayString(item.value), 1)
+                      ]);
+                    }), 128))
+                  ])
+                ])
+              ], 2),
+              advancedOpen.value ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                class: normalizeClass(["network-quality-popup network-quality-advanced", themeClass.value]),
+                onClick: _cache[2] || (_cache[2] = withModifiers(() => {
+                }, ["stop"]))
+              }, [
+                createElementVNode("div", _hoisted_17$4, [
+                  _cache[7] || (_cache[7] = createElementVNode("div", { class: "popup-title" }, "高级模式", -1)),
+                  createElementVNode("div", _hoisted_18$4, [
+                    createElementVNode("button", {
+                      type: "button",
+                      class: "advanced-mini-btn",
+                      onClick: toggleAllSections
+                    }, toDisplayString(allSectionsExpanded.value ? "全部收起" : "全部展开"), 1)
+                  ])
+                ]),
+                createElementVNode("div", _hoisted_19$4, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(detailSections.value, (section) => {
+                    return openBlock(), createElementBlock("div", {
+                      key: section.key,
+                      class: "popup-section"
+                    }, [
+                      createElementVNode("button", {
+                        type: "button",
+                        class: normalizeClass(["detail-section-toggle", { collapsed: isSectionCollapsed(section.key) }]),
+                        onClick: ($event) => toggleSection(section.key)
+                      }, [
+                        createElementVNode("span", _hoisted_21$2, [
+                          createElementVNode("span", _hoisted_22$2, toDisplayString(section.title), 1),
+                          createElementVNode("span", _hoisted_23$2, "(" + toDisplayString(section.cards.length) + ")", 1)
+                        ]),
+                        createElementVNode("span", _hoisted_24$2, toDisplayString(isSectionCollapsed(section.key) ? "展开" : "收起"), 1)
+                      ], 10, _hoisted_20$4),
+                      !isSectionCollapsed(section.key) && section.cards.length ? (openBlock(), createElementBlock("div", _hoisted_25$2, [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(section.cards, (card) => {
+                          return openBlock(), createElementBlock("div", {
+                            key: card.title,
+                            class: "metric-card"
+                          }, [
+                            createElementVNode("div", _hoisted_26$2, [
+                              createElementVNode("div", _hoisted_27$2, toDisplayString(card.title), 1),
+                              createElementVNode("div", _hoisted_28$2, toDisplayString(card.subtitle), 1)
+                            ]),
+                            createElementVNode("div", _hoisted_29$2, [
+                              (openBlock(true), createElementBlock(Fragment, null, renderList(card.items, (item) => {
+                                return openBlock(), createElementBlock("div", {
+                                  key: `${card.title}-${item.label}`,
+                                  class: "metric-card-item"
+                                }, [
+                                  createElementVNode("div", _hoisted_30$2, toDisplayString(item.label), 1),
+                                  createElementVNode("div", _hoisted_31$1, toDisplayString(item.value), 1)
+                                ]);
+                              }), 128))
+                            ])
+                          ]);
+                        }), 128))
+                      ])) : !isSectionCollapsed(section.key) ? (openBlock(), createElementBlock("div", _hoisted_32$1, "暂无数据")) : createCommentVNode("", true)
+                    ]);
+                  }), 128))
+                ])
+              ], 2)) : createCommentVNode("", true)
+            ])
+          ]),
+          _: 1
+        }, 8, ["visible", "trigger"])
+      ], 2);
+    };
+  }
+});
+const NetworkQualitySignal = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-3378006f"]]);
+const _hoisted_1$l = { class: "network-copy" };
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
+  __name: "netWorkStatus",
+  props: {
+    theme: { default: "dark" }
+  },
+  setup(__props) {
+    const props = __props;
+    const themeClass = computed(() => `theme-${props.theme}`);
+    const displayLabel = computed(() => {
+      if (networkQualityState.isStale) {
+        return "网络检测中";
+      }
+      return networkQualityState.label;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["network-situation", themeClass.value])
+      }, [
+        createVNode(NetworkQualitySignal, {
+          theme: _ctx.theme,
+          size: "compact"
+        }, null, 8, ["theme"]),
+        createElementVNode("div", _hoisted_1$l, [
+          createElementVNode("span", {
+            class: normalizeClass(["network-label", `is-${unref(networkQualityState).level}`])
+          }, toDisplayString(displayLabel.value), 3)
+        ])
+      ], 2);
+    };
+  }
+});
+const NetWorkStatus = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-565d8abd"]]);
+const _hoisted_1$k = { class: "js-dialog-content-inner" };
+const _hoisted_2$j = { class: "js-dialog-content-inner-left" };
+const _hoisted_3$j = { class: "js-dialog-content-inner-right" };
+const _hoisted_4$h = { class: "grid-layout" };
+const _hoisted_5$e = ["onClick"];
+const _hoisted_6$d = {
+  key: 0,
+  class: "host-tag"
+};
+const _hoisted_7$c = ["id"];
+const _hoisted_8$b = { class: "avatar-container" };
+const _hoisted_9$9 = { class: "video-loading-overlay" };
+const _hoisted_10$9 = { class: "video-loading-text" };
+const _hoisted_11$8 = { class: "video-loading-overlay failed" };
+const _hoisted_12$8 = ["disabled", "onClick"];
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
+  __name: "meeting-content",
+  props: {
+    layout: { default: "grid-9" },
+    isFullscreen: { type: Boolean },
+    joinTime: { default: 0 },
+    theme: { default: "dark" }
+  },
+  emits: ["layout-change", "toggle-fullscreen"],
+  setup(__props, { emit: __emit }) {
+    const speakingUserName = ref("");
+    emitter.on("speakingUserName", (name2) => {
+      speakingUserName.value = name2;
+    });
+    const props = __props;
+    const userId = getUserId();
+    const joinTimeObj = ref("");
+    const speakerId = ref(null);
+    const lastGridLayout = ref("grid-9");
+    const getUserName2 = (user) => {
+      var _a25, _b25, _c2;
+      return ((_a25 = user == null ? void 0 : user.member) == null ? void 0 : _a25.memberId) == userId ? `(我)${(_b25 = user == null ? void 0 : user.member) == null ? void 0 : _b25.name}` : ((_c2 = user == null ? void 0 : user.member) == null ? void 0 : _c2.name) || "未知用户";
+    };
+    const layoutClass = computed(() => `layout-${props.layout}`);
+    const allJoinedMembers = computed(() => {
+      return members.value.filter((user) => (user == null ? void 0 : user.joinStaus) == "1");
+    });
+    const speakerUser = computed(() => {
+      if (!speakerId.value) return allJoinedMembers.value[0];
+      return allJoinedMembers.value.find(
+        (user) => {
+          var _a25;
+          return ((_a25 = user == null ? void 0 : user.member) == null ? void 0 : _a25.memberId) === speakerId.value;
+        }
+      ) || allJoinedMembers.value[0];
+    });
+    const preferredRemoteVideoFocusId = computed(() => {
+      var _a25, _b25;
+      if (props.layout !== "speaker") return null;
+      const focusedUid = (_b25 = (_a25 = speakerUser.value) == null ? void 0 : _a25.member) == null ? void 0 : _b25.memberId;
+      return focusedUid && focusedUid !== userId ? focusedUid : null;
+    });
+    const filteredMembers = computed(() => {
+      return allJoinedMembers.value;
+    });
+    const setSpeaker = (user) => {
+      var _a25;
+      speakerId.value = (_a25 = user == null ? void 0 : user.member) == null ? void 0 : _a25.memberId;
+      if (props.layout !== "speaker") {
+        emit("layout-change", "speaker");
+      }
+    };
+    const clearSpeaker = () => {
+      if (props.layout === "speaker") {
+        emit("layout-change", lastGridLayout.value);
+      }
+    };
+    const handleRetryVideo = async (user) => {
+      var _a25;
+      const memberId = (_a25 = user == null ? void 0 : user.member) == null ? void 0 : _a25.memberId;
+      if (!memberId || memberId === userId || (user == null ? void 0 : user.videoRetrying)) return;
+      await retryRemoteVideoSubscription(memberId);
+    };
+    const handleFullscreenClick = () => {
+      emit("toggle-fullscreen");
+    };
+    const emit = __emit;
+    let timer = null;
+    watch(
+      () => props.layout,
+      (layout) => {
+        if (layout !== "speaker") {
+          lastGridLayout.value = layout;
+        }
+      },
+      { immediate: true }
+    );
+    watch(
+      () => props.joinTime,
+      () => {
+        if (timer) {
+          clearInterval(timer);
+          timer = null;
+        }
+        if (props.joinTime) {
+          timer = setInterval(() => {
+            const now = +/* @__PURE__ */ new Date();
+            joinTimeObj.value = formatDuringObject((now - props.joinTime) / 1e3);
+          }, 1e3);
+        }
+      },
+      {
+        immediate: true
+      }
+    );
+    onMounted(async () => {
+      await nextTick();
+      setTimeout(() => {
+        mountTracks();
+      }, 100);
+    });
+    watch(
+      () => members.value.length,
+      async (len, prevLen) => {
+        if (!len || len === prevLen) return;
+        await nextTick();
+        setTimeout(() => mountTracks(), 0);
+      },
+      { flush: "post" }
+    );
+    watch(
+      preferredRemoteVideoFocusId,
+      (focusedUid) => {
+        void setPreferredRemoteVideoFocus(focusedUid);
+      },
+      { immediate: true }
+    );
+    onUnmounted(() => {
+      void setPreferredRemoteVideoFocus(null);
+      if (timer) {
+        clearInterval(timer);
+        timer = null;
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("div", _hoisted_1$k, [
+          createElementVNode("div", _hoisted_2$j, [
+            createVNode(NetWorkStatus, { theme: _ctx.theme }, null, 8, ["theme"]),
+            createElementVNode("span", null, "正在讲话：" + toDisplayString(speakingUserName.value || "无"), 1)
+          ]),
+          createElementVNode("div", _hoisted_3$j, [
+            createElementVNode("span", null, toDisplayString(joinTimeObj.value), 1),
+            createVNode(SvgIcon, {
+              name: _ctx.isFullscreen ? "NoFullscreenIcon" : "FullscreenIcon",
+              class: "icon-inactive",
+              onClick: handleFullscreenClick
+            }, null, 8, ["name"])
+          ])
         ]),
         createElementVNode("div", {
           class: normalizeClass(["js-dialog-content", [layoutClass.value, { "is-fullscreen-layout": _ctx.isFullscreen }]])
@@ -44832,23 +45291,26 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       await nextTick();
       mountTracks();
     };
-    const handleFullscreen = () => {
-      isFullscreen.value = !isFullscreen.value;
-      if (isFullscreen.value) {
-        const fullscreenRoot = document.querySelector(
-          ".js-dialog-overlay"
-        );
-        if (fullscreenRoot) {
-          fullscreenRoot.requestFullscreen().catch(() => {
-            isFullscreen.value = false;
-          });
-        }
-      } else {
-        if (document.fullscreenElement) {
-          document.exitFullscreen().catch(() => {
-            isFullscreen.value = true;
-          });
+    const fullscreenOperationBusy = ref(false);
+    const handleFullscreen = async () => {
+      if (fullscreenOperationBusy.value) return;
+      fullscreenOperationBusy.value = true;
+      try {
+        if (!document.fullscreenElement) {
+          const fullscreenRoot = document.querySelector(
+            ".js-dialog-overlay"
+          );
+          if (!fullscreenRoot) return;
+          await fullscreenRoot.requestFullscreen();
+          isFullscreen.value = true;
+        } else {
+          await document.exitFullscreen();
+          isFullscreen.value = false;
         }
+      } catch {
+        isFullscreen.value = !!document.fullscreenElement;
+      } finally {
+        fullscreenOperationBusy.value = false;
       }
     };
     const handleInvite = (arr) => {
@@ -44934,6 +45396,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       });
     };
     const leaveMeeting = () => {
+      console.log(111111111111111);
       getLoading().show();
       const meetingInfo = JSON.parse(
         sessionStorage.getItem("JS_MEETING_INFO") || "{}"
@@ -45077,7 +45540,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const JSMeeting = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-44a89d89"]]);
+const JSMeeting = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-9fde748a"]]);
 const _hoisted_1$8 = { class: "modal" };
 const _hoisted_2$8 = { class: "modal-header" };
 const _hoisted_3$8 = { class: "tab-header" };
@@ -46984,333 +47447,39 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         style: { "color": "#2f86ff" }
                       })
                     ]),
-                    createElementVNode("div", _hoisted_30, [
-                      withDirectives(createElementVNode("input", {
-                        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => microphoneVolume.value = $event),
-                        type: "range",
-                        min: "0",
-                        max: "100",
-                        class: "volume-slider",
-                        style: normalizeStyle(`background: linear-gradient(to right, #2f86ff ${microphoneVolume.value}%, rgba(255, 255, 255, 0.08) ${microphoneVolume.value}%)`)
-                      }, null, 4), [
-                        [vModelText, microphoneVolume.value]
-                      ])
-                    ])
-                  ])
-                ])
-              ]))
-            ])
-          ])
-        ])), [
-          [_directive_draggable, { handle: ".header" }]
-        ])
-      ], 2)) : createCommentVNode("", true);
-    };
-  }
-});
-const JSSettings = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-27234687"]]);
-function scheduleJoinRoom() {
-  setTimeout(() => {
-    try {
-      joinRoom();
-    } catch (error) {
-      console.error("恢复后无法加入通话/会议", error);
-    }
-  }, 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)
+                    createElementVNode("div", _hoisted_30, [
+                      withDirectives(createElementVNode("input", {
+                        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => microphoneVolume.value = $event),
+                        type: "range",
+                        min: "0",
+                        max: "100",
+                        class: "volume-slider",
+                        style: normalizeStyle(`background: linear-gradient(to right, #2f86ff ${microphoneVolume.value}%, rgba(255, 255, 255, 0.08) ${microphoneVolume.value}%)`)
+                      }, null, 4), [
+                        [vModelText, microphoneVolume.value]
+                      ])
+                    ])
+                  ])
+                ])
+              ]))
+            ])
+          ])
+        ])), [
+          [_directive_draggable, { handle: ".header" }]
+        ])
+      ], 2)) : createCommentVNode("", true);
     };
-  } 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;
+});
+const JSSettings = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-27234687"]]);
+function scheduleJoinRoom() {
+  setTimeout(() => {
     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;
+      joinRoom();
+    } catch (error) {
+      console.error("恢复后无法加入通话/会议", error);
     }
-    notifySourceTabForReconnect();
-  });
+  }, 1e3);
 }
 let authToken = null;
 async function restoreMeetingMqttConnection() {